body{font-family: 'Lato', sans-serif;}
body{background-color: #fff; color:#333333}

@media (max-width: 767px){
    
    body{}
    
}

h1, h2, h3{color: #015027; font-weight: 100; font-size: 28px}


a{ text-decoration: none; color: inherit}
a:hover{color: #fff}

a.btn-padrao{ display: inline-block; color: #FFF; background-color: #F39200; padding: 4px 8px}

.ttk{display: none}

.img-thumbnail{ margin-bottom: 15px}

.section { padding-top: 15px; padding-bottom: 15px}


.pagination{}
.pagination .page-link{color: #fff; background-color: #30AB66; border: 1px solid #30AB66}
.page-item.active .page-link {background-color: #DC0000; color: #fff; border: 1px solid #30AB66}

.titulo{text-align: center; font-size: 24px; margin-bottom: 30px;}



.section-topo{ padding-top: 15px; padding-bottom: 15px;}
.section-topo .col-logo{z-index: 1}
@media (max-width: 767px){
     
     .section-topo .col-logo img{}
     .section-topo .col-logo a{display: block; margin: 0 auto; text-align: center; margin-bottom: 20px}
}


.section-topo .social{ margin-bottom: 5px}
.section-topo .social a{color: #fff; background-color: #015028; display: inline-block; margin-left: 10px; padding: 7px; border-radius: 50%; font-size: 10px}
.section-topo .social a:hover{color: #000}

@media (max-width: 767px){
   .section-topo .social{ margin-top: 10px}
}


.section-banners{position: relative}

.section-banners .estampa{ position: absolute; bottom: 0px}
.section-banners .estampa img{}

.section-banners .estampa1{ left: 0px;}
.section-banners .estampa2{ right: 0px;}

@media (max-width: 767px){

    .section-banners{ margin-top: 0px; overflow: hidden}
    .section-banners .estampa{}
    
    .section-banners .estampa1, 
    .section-banners .estampa2{ width: 15%}
    
    .section-banners .estampa1 img, 
    .section-banners .estampa2 img{ max-width: 100%}
   
}




.section-categorias{}
.section-categorias .col-md-4{}

@media (max-width: 767px){
    .section-categorias .item-categoria{ margin-bottom: 15px; text-align: center}
    .section-categorias .botao{ margin-top: 15px; text-align: center}
}


.section-areas{ padding-top: 50px; padding-bottom: 50px}
.section-areas .area{ padding: 0px 10px; }
.section-areas .img-fluid{}
.section-areas .area img{ margin-right: 5px;}
.section-areas .titulo{ font-size: 22px; color: #005028;  text-align: center; margin-bottom: 10px}
.section-areas .texto{ font-size: 16px; color: #000;}
@media (max-width: 767px){

    .section-areas{ margin-top: 0px}
    
}


.section-produtos{ padding-top: 50px; padding-bottom: 50px}
.section-produtos h2{margin-bottom: 30px}
.section-produtos .capa{border:1px solid #61BD88; padding:0px;}
.section-produtos .botoes{ background-image: url('../imagens/bg-botoes.jpg'); background-position: center center}
.section-produtos .botoes .btn{padding: 0px; border: none;}
.section-produtos .btn-prod1 {min-height: 46px; align-content: center; font-size: 14px}
.section-produtos .btn-prod2 {min-height: 46px; align-content: end; text-align: right}

@media (max-width: 767px){
      
      .section-produtos{}
      .section-produtos .item{ margin-bottom: 15px;}
      
}


.section-misc {}
.section-misc .titulo{ text-align: left;}

.section-misc .col-noticias{}
.section-misc .col-noticias h3{ font-size: 18px; font-weight: normal}
.section-misc .col-noticias p{ font-size: 16px; font-weight: normal; color: #fff}
.section-misc .row-noticia{ margin-bottom: 15px}


  .form-wrapper{}
  .form-wrapper input, 
  .form-wrapper select,
  .form-wrapper textarea{ background-color: #fff; border: 1px solid #ccc; color: #000}
  .form-wrapper textarea{ min-height: 100px}
  
  .form-wrapper input::placeholder, 
  .form-wrapper select::placeholder,
  .form-wrapper textarea::placeholder{color: #000; opacity: 0.4}
  
  .form-wrapper .input-group{margin-bottom: 10px !important;}
  .form-wrapper .input-group-text{ background: #CEB88D; color: #fff; border: 1px solid #D2AB7B;}
  
  .form-wrapper .btn-primary{background: #79C72A; color: #fff; border:1px solid #79C72A;}
  .form-wrapper .btn-primary:hover{}




.section-rodape{color: #015028; border-bottom: 0px solid #FFBF59; background:#174A8B; background-image: url('../imagens/bg-rodape.jpg'); background-size: cover}
.section-rodape .rtitulo{color: #015028; font-size: 22px}

.section-rodape .col-social{}
.section-rodape .col-social a{ width: 42px;height: 42px; display: inline-block; text-align: center; color: #fff; background-color:#015028; margin-right: 5px; margin-left: 5px; border-radius: 50%}
.section-rodape .col-social a:hover{color: #fff}
.section-rodape .col-social a i{ margin-top: 5px;}