* {text-decoration: none !important;}
html{ min-height: 100%;}
/*a, a:hover, a:-webkit-any-link { text-decoration:none !important; }*/
i{font-style: normal !important;}
body { margin: 0; min-height: inherit; font-family: 'Rubik', sans-serif; color:#232323;}
.hero { position: relative; background: #E9EBED; z-index: 1; }
.hero img { display: block; }
.btn-branco{ background: #fff; color:#1F3972 !important; font-size:16px; font-weight:700; border-radius: 30px; border:none; padding:15px 15px; transition: background linear 0.5s, color linear .5s;
    white-space: nowrap; }
.btn-branco:hover{ background: #007f39; color:#fff !important; }
.btn-verde{ background: #007f39; color:#fff !important; font-size:18px; font-weight:700; border-radius: 30px; border:none; padding:10px 30px; transition: background linear 0.5s, color linear .5s;
    white-space: nowrap; }
.btn-verde:hover{ background: #60ce16; color:#1F3972 !important; }
.btn-verde i{ font-size:12px !important; color: #60ce16; transition: color linear .5s;  }
.btn-verde:hover i{ color: #007f39; }
.btn-verde-grande{ background: #007f39; color:#fff !important; font-size:16px; font-weight:700; border-radius: 30px; border:none; padding:15px 35px; transition: background linear 0.5s, color linear .5s; max-width: 100%; }
.btn-verde-grande:hover{ background: #fff; color:#1F3972 !important; }


.btn-verde-pequeno{ background: #007f39; color:#fff !important; font-size:14px; font-weight:700; border-radius: 10px; border:none; padding:2px 10px; transition: background linear 0.5s, color linear .5s;
    white-space: nowrap; }
.btn-verde-pequeno:hover{ background: #60ce16; color:#1F3972 !important; }


.btn-azul{ background: #1F3972; color:#fff !important; font-size:16px; font-weight:700; border-radius: 30px; border:none; padding:15px 15px; transition: background linear 0.5s, color linear .5s;
    white-space: nowrap; }
.btn-azul:hover{ background: #fff; color:#1F3972 !important; }

.btn-preto{ background: #292E34; color:#fff !important; font-size:13px; font-weight:700; border-radius: 30px; border:1ox ; padding:15px 30px; transition: background linear 0.5s, color linear .5s;
    white-space: nowrap; }
.btn-preto:hover{ background: #fff; color:#1F3972 !important; }

.btn-porque{ background: transparent; color:#eaeaea !important; font-size:16px; font-weight:700; border-radius: 30px; border:1px solid #c9da2a; padding:15px 35px; transition: background linear 0.3s, color linear .3s;
    white-space: nowrap; }
.btn-porque i { color: #c9da2a; }
.btn-porque:hover{ background: #643010; }

.btn-link{ background: transparent; color:#007f39 !important; font-size:16px; font-weight:700; border-radius: 30px; border:1px solid #3a1500; padding:15px 35px; transition: background linear 0.3s, color linear .3s;
    white-space: nowrap; }
.btn-link i { margin-left: 30px; color: #007f39; }

.btn-contato{ background:#007f39; color:#fff !important; font-size:16px; font-weight:700; border-radius: 30px; border:1px solid #c9da2a; padding:7px 25px; transition: background linear 0.3s, color linear .3s;
    white-space: nowrap; }
.btn-contato i { margin-left: 30px; color: #c9da2a; }

@media only screen and (max-width: 767px) {
	.btn-verde{
		padding: 10px 10px;
	}
}

.link-whats{ color: #232323; text-decoration: underline !important; }

h2.titulo{ color: #007f39; font-size: 30px; font-weight: 900; }
p.subtitulo{ font-size: 14px; line-height: 180%; }

.fbranca{ color: #FFF !important; }
.fb{ font-weight: 700; }
.fh180{ line-height: 180%; }
.f14{ font-size: 14px !important; }
.f16{ font-size: 16px !important; }
.f18{ font-size: 18px !important; }

#topo{ position: relative; padding: 5px 0; font-size: 15px; color: #555659; vertical-align:middle; font-weight: 700; }
#topo i{ font-size: 18px; vertical-align:middle; }

#menu { position: relative; }

#topo.fundo-transparente{  background: #eaeaea; }
header.site-head { width: 100%; padding: 1px 0; position: absolute; top: 0; left: 0; color: #262C33; z-index: 10; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.home header.site-head { -webkit-transition: background 0.15s ease-out; -moz-transition: background 0.15s ease-out; -o-transition: background 0.15s ease-out; transition: background 0.15s ease-out; }
header.site-head .divLogo{
  padding: 15px ;
}
header.site-head.interna{ background: rgba(255, 255, 255, .8); }
header.site-head a.logo { }
header.site-head a.logo img {  }
header.site-head nav { margin-top: 60px; float: right; font-size: 1.125em; }
header.site-head nav ul { margin: 0; padding: 0; list-style: none;  }
header.site-head nav ul.submenu {width: 100%; height: auto; padding: 0 10px;}
header.site-head nav li { margin-left: 0px; float: left; padding:5px 10px; }
header.site-head div.btn { display: none; padding: 0px 25px; margin: 20px 10px; text-align: center; font-size: 0.8125em; line-height: 80px; }
header.site-head div.btn svg{
  width:40px; height: 40px; color:#007f39; fill:#007f39;
} 
header.site-head nav div.btn.active {  }
header.site-head nav a { display: block; padding: 3px 6px; position: relative; font-weight: 700; font-size:14px; text-decoration:none;}
header.site-head nav a,
header.site-head nav a:link,
header.site-head nav a:visited,
header.site-head nav a:active { color: #3a1500; background: transparent; }
header.site-head nav a:hover, header.site-head nav a.active { color: #007f39; }
header.site-head .divMenu ul li.dropdown .dropdown-content { visibility: hidden; opacity: 0; width: 300px; padding-top: 5px; padding-bottom: 5px; position: absolute; border: none; overflow: hidden; z-index:10000; transition: visibility 0s, opacity 0.5s linear;  background-color: #fff;}
header.site-head .divMenu ul li.dropdown:hover .dropdown-content { visibility: visible; opacity: 1; background: #FFF; }
header.site-head .divMenu ul li.dropdown:hover .dropdown-content i { color: #007f39; font-size: 18px; }
header.site-head .divMenu ul li.dropdown .dropdown-content a { font-size:16px; color: #33435D; font-weight:600;}
header.site-head .divMenu ul li.dropdown .dropdown-content a:hover { color: #FFF; }

header.site-head .divMenu ul li.dropdown .dropdown-content li { margin-left:5px; margin-right: 5px; padding:5px 0; width: 100%; border-bottom: 1px solid #CCCCCC;
}
header.site-head .divMenu ul li.dropdown .dropdown-content li:last-child{ border:none; }
#menu .itens{ font-size: 12px; color: #292E34; margin: 6px 0; }
#menu .itens div{ display: inline; }
#menu .itens i{ color: #1F3972; font-size: 15px; }
#menu .itens i.m { font-size: 20px; }
#menu .itens b{ font-size: 16px; }
#menu .itens a{ color: #1F3972; }
@media only screen and (max-width: 1200px) {
  .content { padding-left: 40px; padding-right: 40px; }
  section header { padding: 0; }
  header.site-head .divLogo {padding: 0;}
  header.site-head .logo{ margin-left: 10px; }
  header.site-head nav { margin-top: 0; right: 0; top: 0; }
  header.site-head div.btn { display: block; float:right;}
  header.site-head nav ul.principal { display: none; position: absolute; right:15px; top: 85px;  background: #fff; z-index: 999; width:300px; }
  header.site-head .divMenu ul li.dropdown:hover .dropdown-content { position:relative; background:transparent; width:100%; }
  header.site-head .divMenu ul li.dropdown .dropdown-content li { margin-left:0px; padding:0;}
  header.site-head .divMenu ul li.dropdown .dropdown-content li a{ color: #33435D; font-size: 14px;}
  header.site-head .divMenu ul li.dropdown .dropdown-content a:hover { color: #33435D; }
  header.site-head nav li { margin: 0; float: none; text-align: left; }
  header.site-head nav a:hover, header.site-head nav a.active {  border-bottom: 0;}
  /*header.site-head nav a { padding: 12px 26px; border-top: 1px solid #3086C5;}*/

}

#rodape { background: #eaeaea; border-top:20px solid #007f39; position: relative; font-size: 16px; line-height: 20px; font-weight: 400; border-bottom: 1px solid #643010; color: #232323; }
#rodape i{ font-size: 25px; color: #643010; display: inline; vertical-align:middle; }
#rodape svg.icon { width: 26px; height: 26px; }
#rodape a{ }
#rodape .endereco{ display: inline-block; vertical-align: middle; line-height: 24px;}
#rodape h3{ font-size: 30px; color: #643010; font-weight: 700; }
#rodape .tr{ color: #007f39; font-size: 16px; font-weight: 700; margin-left: 5px; }
#rodape hr{ margin: 10px 0; margin-bottom: 20px; }

#copyright{ background-color: #eaeaea; color: #232323; font-size: 12px; padding: 10px 0; }

.whatsapp-plug-icon{position: fixed; z-index: 1000; bottom: 50px; right: 20px; width: 70px; height: 70px; -webkit-border-radius: 50%; cursor: pointer; background-color: #007f39; transition: .3s; background-position: center; background-repeat: no-repeat; background-image: url('../img/whatsplug.svg'); background-size: 50% auto;}
.whatsapp-plug-icon:hover{background-color: #15cc74;}

/* Item  1 */
#item1 .quadro{ background: #eaeaea; border-radius: 20px; 
  -webkit-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1);overflow:hidden;
  box-shadow: 7px 7px 7px 0px rgba(0,0,0,0.1); min-height: 200px;
}
#item1 .quadro .fundo-marrom{ padding:0 30px; background: #643010; height: 200px; float: left; margin: auto;  vertical-align: middle; }
#item1 .quadro .fundo-marrom i{ margin: auto; font-size: 72px; color: #fff; vertical-align: middle; }
#item1 .quadro:hover .fundo-marrom i{ color: #3a1500; }
#item1 .quadro .fundo-marrom .bola{ border-radius: 50%; border:1px solid #3a1500; width: 120px; height: 120px; }
#item1 .quadro .texto{  display: inline-block; float: left; padding: 15px; }
#item1 .quadro .texto h3{ color: #007f39; font-size: 30px; font-weight: 700; padding-bottom: 5px; }
#item1 .quadro .texto p{ color: #232323; font-size: 20px; font-weight: 400;line-height: 24px; margin:0; }
#item1 .quadro .texto .conheca{ color: #3a1500; font-size: 14px; }
#item1 .quadro .texto .conheca i{ color: #c9da2a; font-size: 21px; margin-bottom:-5px; }
#item1 .quadro:hover{ background: url(../img/fundo-1.png) no-repeat center / cover; }
#item1 .quadro:hover .texto{ display: none; }
#item1 .quadro:hover .textosobre{ display: inline-block; }
#item1 .quadro .textosobre{ display: none; color: #ffffff; float: left; padding: 15px; width: 56%; padding-top: 25px; }
#item1 .quadro .textosobre p{ font-size: 14px; }
#item1 .quadro .textosobre .conheca{ color: #c9da2a; font-size: 14px; }
#item1 .quadro .textosobre .conheca i{ color: #c9da2a; font-size: 21px; margin-bottom:-5px; }
@media only screen and (max-width: 460px) {
  #item1 .quadro{ min-height: auto; }
  #item1 .quadro .fundo-marrom{ display: none !important; }
  #item1 .quadro .texto{ width: 100%; height: auto; min-height: auto; }
}

/*  Poruqe index*/
#porque{ background: url(../img/fundo-porque.jpg) no-repeat center center / cover; }
#porque h3{ color: #ffffff; font-size: 30px; font-weight: 700; }
#porque .quadrobranco{ background: #fff; border-radius: 30px; padding: 25px 50px; line-height: 60px; font-size: 16px; font-weight: 400; }
#porque .quadrobranco .bola{ border-radius: 50%; border: 1px solid #bababa; width: 60px; height: 60px; padding: 12px; float: left; display: inline; line-height: 100%; margin-right: 10px; }
#porque .quadrobranco .bola .icon{ width: 35px; height: 35px; }

@media only screen and (max-width: 1200px) {
  #porque .quadrobranco{ background: #fff; border-radius: 30px; padding: 15px 20px; line-height: 60px; font-size: 16px; font-weight: 400; }
}

/* Receita e produz index*/
#receitaindex{ background: url(../img/fundo-receitas-index.jpg) no-repeat center center / cover; height: 900px; }
#receitaindex h3{color: #643010; font-size:30px; font-weight:700; }
#receitaindex p{ color: #232323; font-size: 16px; font-weight: 400; margin: 30px 0; }
@media only screen and (max-width: 575px) {
  #receitaindex{ background: none; height: auto; }
}

/* Topo internas */
#topo-interna{ background: url(../img/topo-interna.jpg) no-repeat bottom center; height:350px; padding-top: 160px;}
#topo-interna h1{ color: #643010; font-size: 30px; text-transform: uppercase; font-weight: 700; }
#topo-interna hr{ background: #00a550; width: 190px; height: 6px; border:none; border-radius: 3px; }

/* Interna */
#interna{  }
#interna h2{ color: #643010; font-size: 30px; font-weight: 700; line-height: 36px; }
#interna p{ font-size: 16px; color: #232323; margin: 20px 0; }
#interna h3{ color: #643010; font-size: 30px; font-weight: 700; line-height: 36px; }

#interna.contato{ background: url(../img/fundo-contato.jpg) repeat-y center; }
@media only screen and (max-width: 991px) {
  #interna.contato{ background:#eaeaea; }
}

#interna.comofunciona{ background: #eaeaea; }
#interna.comofunciona .icones{ color: #007f39; font-size: 16px; line-height: 60px; font-weight: 700; }
#interna.comofunciona .bola{ border-radius: 50%; border: 1px solid #bababa; width: 60px; height: 60px; padding: 23px 13px; float: left; display: inline; line-height: 100%; margin-right: 10px; }
#interna.comofunciona .bola i{ font-size: 35px; color: #643010; }
#interna.comofunciona p{ color: #232323; font-size: 16px; }
#interna.comofunciona p .verde{ font-style: italic; color: #007f39; }


#interna.planos .item{ padding-bottom: 40px; }
#interna.planos .cab{ background: #007f39; color: #fff; min-height: 100px; padding: 30px 10px; font-size: 30px; font-weight: 700; }
#interna.planos .corpo { font-size: 16px; color: #000000; background: #eaeaea; height: 275px; padding:30px; font-weight: 400; }
#interna.planos .corpo .valor{ color: #007f39; font-size:30px; font-weight: 700; }  
#interna.planos .corpo .mensal{ padding-left: 00px; }
#interna.planos .obs{ font-size: 16px; font=widows: 400; color: #5b5b5b; }

#interna.cestaverde{ background: url(../img/fundo-cesta.jpg) no-repeat top center; }
#interna.cestaverde .valor{ color: #007f39; font-size:50px; font-weight: 700; }  
#interna.cestaverde .mensal{ padding-left: 80px; }

#interna.listaprodutos .item{  background: #eaeaea; height: 100%; }
#interna.listaprodutos .cab{ background: #007f39; color: #fff; min-height: 100px; padding: 30px 10px; font-size: 20px; font-weight: 700; }
#interna.listaprodutos .cab.simples{ line-height: 300%; }
#interna.listaprodutos .corpo { font-size: 16px; color: #000000; padding:15px 10px; font-weight: 400; }
#interna.listaprodutos .corpo ul{ padding-left: 30px; margin:0; }
#interna.listaprodutos .corpo li{ list-style: none; }
#interna.listaprodutos .corpo li::before {content: "•"; color: #643010;
  display: inline-block; width: 1em;
  margin-left: -1em}

#interna.pontos .itens i{ float: left; font-size: 30px; color: #643010; font-weight: 700; margin-right: 10px; }
#interna.pontos .itens p.nomelocal{ font-size: 16px; color: #007f39; margin:0; font-weight: 700; }
#interna.pontos .itens p.local{ font-size: 15px; color: #232323; margin:0; font-weight: 400; }

#interna.quemproduz p{ text-align: justify; }
#interna.quemproduz .item{ padding-bottom: 40px; height: 100%; }
#interna.quemproduz .cab{ background: #007a3a; min-height: 80px; padding: 10px 10px; }
#interna.quemproduz .cab i{ float:left; margin-right:20px; border:1px solid #bababa; background: #ffffff; color: #643010; font-size: 40px; border-radius: 50%; width: 60px; height: 60px; padding: 0px 9px; font-weight: 500; }
#interna.quemproduz .cab .nome{ font-size: 16px; font-weight: 600; color: #fff; padding-top: 7px; }
#interna.quemproduz .corpo { font-size: 14px; color: #141414; background: #eaeaea; padding:20px 10px; font-weight: 400; position: relative; padding-left: 35px; height: 70%; }
#interna.quemproduz .corpo:before{  font-family: Flaticon;
  font-style: normal; font-size: 25px; content: "\f103"; position: absolute; top:18px; left: 8px; color: #643010; }

#interna.quemsomos{ background: url(../img/fundo-quemsomos.jpg) no-repeat center center / cover; }
#interna.quemsomos p{ text-align: justify; }
@media only screen and (max-width: 991px) {
  #interna.quemsomos{ background: url(../img/fundo-quemsomos.jpg) no-repeat center right / cover; }
}


#receitas{ background:  }
#receitas .row .B { height:400px; margin-bottom: 20px; }
#receitas .row .O { height:195px; margin-bottom: 20px; }

#receitas .row .B .image{ height: 400px; width: 50%; float:left; }
#receitas .row .O .image{ height: 185px; width: 50%; float:left; }
#receitas .texto { width: 50%; height: 185px; float:right; padding:15px; vertical-align: middle; background: #eaeaea; }
#receitas .B .texto { width: 50%; height: 400px; } 
#receitas .texto .titulo { font-size: 19px; font-weight: 700; color: #643010; }
#receitas .texto .leiamais { font-size: 16px; font-weight: 700; color: #007f39; margin-top: 10px; }
#receitas .texto .leiamais i { color: #c9da2a; }
#receitas .B .texto .titulo { font-size: 25px; }

#receitas .item:hover .texto{ background:#3a1500; }
#receitas .item:hover .texto .titulo{ color: #fff;}
#receitas .item:hover .texto .leiamais{ color: #fff; }
#receitas .item .sobreimagem{
  min-width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: .5s ease;
  margin:0 auto;
}
#receitas .item:hover .sobreimagem{ opacity: 1; }

#receitas .fonte{ font-size: 12px; }
#receitas .noti img{ max-width: 100%; margin-bottom: 10px; }

#receita.conteudo h2{ color: #643010; font-size: 30px; font-weight: 700;  }
#receita .subtitulo{ font-size: 16px; line-height: 30px; color: #232323; margin:0; text-align: justify; }
#receita .linha{ border-bottom: 1px solid #eaeaea; }
#receita .compartilhar .icon{ width: 25px; height: 25px; }
#receita #facebook-share-btt .icon{ font-size: 25px; color: #2667b7; }
#receita .compartilhar .icon.whats{ color: #00ad52; fill:#00ad52; margin-left: 10px; }

#receita.conteudo .itens i{ float: left; margin-top:-9px; font-size: 43px; color: #643010; font-weight: 600; margin-right: 10px; }
#receita.conteudo .itens p.tite{ font-size: 16px; color: #007f39; margin:0; font-weight: 700; }
#receita.conteudo .itens p.sub{ font-size: 15px; color: #232323; margin:0; font-weight: 400; }
#receita.conteudo h3{ color: #643010; font-size: 30px; font-weight: 700; }
#receita.conteudo .texto{ font-size: 16px; font-weight: 400; color: #232323; line-height: 30px; }

.selo{ font-size: 14px; }
#popup { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: visible; opacity: 1; z-index: 9999; overflow:auto;}
#popup .close { position: absolute; top: 10%; right: 26%; transition: all 200ms; font-size: 40px; font-weight: bold; text-decoration: none; color: #fff; background: #000; opacity: 1; padding: 0px 15px 5px 15px;}
#popup .content { overflow: auto;}
#popup .content img { max-width: 100%; max-height: 100%; margin: 5% auto;}