/* ==========================================================================
   Marajoara
   ========================================================================== */

   @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');



   body{
      font-size: 16px;
      color: #6b6b6b;
   	font-family: 'Montserrat', sans-serif;
   }

   header{
   	width: 100%;
   	position: absolute;
   	z-index: 999;

   	padding-top: 30px;

   }

   header .menu-desk a{
   	font-size: 18px;
   	font-weight: 600;
   	color: #fff;
   	margin-left: 10px;
   }


   header .menu-desk a:hover{
   	text-decoration: none;
      border-bottom: 2px solid #f8ebd1;
   	color: #001c52;
   }

   /*header .menu-desk li:nth-child(7){
      padding-left: 60px;
   }*/

   header .menu-desk li:nth-child(8){
      padding-left: 10px;
   }

   header .menu-desk li:nth-child(7) a:hover,
   header .menu-desk li:nth-child(8) a:hover{
      border: 0;
      
   }

   .icones-topo{
   	font-size: 25px;
   	color: #00709b;

   }

   .icones-topo:hover{

   	color: #249bc9;

   }

   .painel-sobre{
   	margin-top: 25px;
   	
   	padding-top: 130px;
   	padding-bottom: 180px;
   	

   	
   }

   .painel-sobre p{

   	font-size: 16px;
   	color: #6b6b6b;
   	
   }



   .sobre-home h1{
   	font-size: 62px;
   	color: #001c52;
   	font-weight: 500;
   }

   .sobre-home h2{
   	font-size: 30px;
   	color: #ffb400 ;
   	font-weight: 500;
   }

   .sobre-home p{
   	font-size: 18px;
   	color: #3b3b3b;
   }

   .sobre-home a{
      font-size: 18px;
      color: #ffb400;
      font-weight: 500;
   }


   .sobre-home{
      min-height: 1059px;
      padding-top: 235px;
      position: relative;
      margin-top: -100px;
   	background: url('../img/bkg-sobre.png') no-repeat top center;
   }

   /************************PRODUTOS*****************************/


   .produtos h2{
   	font-size: 62px;
   	color: #001c52;
   	font-weight: 500;
   }



   .produtos p{
   	font-size: 30px;
   	color: #ffb400;
   	font-weight: 500;
   }

   .produtos .owl-carousel .owl-nav.disabled {
      display: block;
      position: absolute;
      top: 35%;
      width: 100%;
   }

   .produtos .owl-theme .owl-nav [class*="owl-"] {
      color: #005e84;
      margin: 0px;
      padding: 0px;
      background: none;
   }

   .produtos .owl-theme .owl-nav [class*="owl-"]:hover {
      background: none;
      color: #043448;
   }

   .produtos .owl-carousel .owl-nav.disabled .owl-prev{
      float: left;
      margin-left: -50px;
   }

   .produtos .owl-carousel .owl-nav.disabled .owl-next{
      float: right;
      margin-right: -50px;
   }

   .produtos .owl-carousel .owl-nav.disabled i{
      font-size: 90px;
   }

   .produtos .owl-carousel .item h3{
      font-size: 20px;
      color: #ffb400;
      text-transform: uppercase;
   }

   .produtos .owl-carousel .item a{
      font-size: 20px;
      color: #ffb400;
      font-size: 40px;
   }




   /*********** Receitas *****************/

   .receitas{
      padding-top: 120px;
   	background: url('../img/bkg-receitas-home.jpg') no-repeat top center;
   }

   .receitas h2{
      font-size: 62px;
      color: #001c52;
      font-weight: 500;
   }

   .receitas h3{
   	font-size: 23px;
   	color: #001c52;
   	font-weight: 500;
   }

   .receitas h4{
   	font-size: 15px;
   	color: #001c52;
   	font-weight: 500;
   }

   .receitas p {
   	font-size: 30px;
      margin-bottom: 160px;
   	color: #ffb400;
   	font-weight: 500;
   }

   .receitas a{
      font-size: 20px;
      margin-bottom: 30px;
      color: #ffb400;
   }

   .receitas a:hover{
      text-decoration: none;
   }



   /****************GALERIA ******************/

   .galeria{
   	margin-top: 60px;
   }

   .galeria h2{
      font-size: 62px;
      color: #001c52;
      font-weight: 500;
   }

   .galeria p{
      font-size: 30px;
      margin-bottom: 60px;
      color: #ffb400;
      font-weight: 500;
   }

   .galeria .grid .col-md-4{
      padding-left: 1px;
      padding-right: 1px;
   }

   .galeria .grid{
      margin-bottom: 2px;
   }

   


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

   .blog-home{
   	margin-top: 50px;
      margin-bottom: 60px;
   }

   .blog-home h2{
      font-size: 62px;
      color: #001c52;
      font-weight: 500;
   }

   .blog-home p{
      font-size: 30px;
      margin-bottom: 60px;
      color: #ffb400;
      font-weight: 500;
   }

   .blog-home .lista .col-md-8,
   .blog-home .lista .col-md-4{
      margin-bottom: 30px;
   }

   .blog-home .lista .col-md-8 article{
      position: relative;
   }

   .blog-home .lista .col-md-8 article .info{
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 10px 20px;
      color: #fff;
      font-size: 20px;
      background: rgba(0, 28, 82, 0.7);
   }

   .blog-home .lista .col-md-8 article .info h3{
      font-size: 20px;
      color: #fff;
      text-transform: uppercase;
   }

   .blog-home .lista .col-md-8 article .info p{
      font-size: 15px;
      color: #fff;
      margin: 0 0 10px;
   }

   
   .blog-home .lista .col-md-4 article{
      padding: 5px 30px 15px 30px;
      background: #fffcf4;
   }

   .blog-home .lista .col-md-4 article h3{
      font-size: 18px;
      color: #575757;
      text-transform: uppercase;
   }

   .blog-home .lista .col-md-4 article p{
      font-size: 14px;
      color: #575757;
      margin: 0 0 10px;
   }

   .blog-home .lista .cat a{
      color: #ffb400;
      font-size: 18px;
      text-transform: uppercase;
      font-style: italic;
   }

   .blog-home .lista .col-md-4 .mais{
      font-size: 20px;
      margin-bottom: 30px;
      color: #ffb400;
   }

   .blog-home .lista .col-md-4 .mais:hover{
      text-decoration: none;
   }

   


   /********** CONTATO *****************/

   .contato h2{
      font-size: 62px;
      color: #001c52;
      font-weight: 500;
   }

   .contato .form-control {
   	height: auto;
   	padding: 22px;
   	font-size: 14px;
   	color: #555;
   	border: 0px;
   	border-radius: 0px;
   	box-shadow: none;
      margin-bottom: 20px;
   	background: #efefef;
   }


   .contato .form-control::-moz-placeholder {
   	color: #989898;
   	opacity: 1;
   	font-size: 20px;
   	font-weight: 600;
   }


   .contato .btn{
   	color: #fff;
      text-transform: uppercase;
      border-radius: 0;
   	font-weight: 700;
   	padding-top: 10px;
   	padding-bottom: 10px;
   	font-size: 25px;
   	box-shadow: none;
      background: #ffae00;
   }



   .contato .wp-block-table th{
      color: #fff;
      padding: 10px;
      background: #006d99;
   }

   .contato .wp-block-table td{
      padding: 10px;
   }



   /************** FOOTER *************/

   footer{
   	padding-top: 45px;
      padding-bottom: 20px;
   	font-size: 16px;
   	color: #fff;
      background: #006d99;
   }

   footer .menu-rodape{
      margin-bottom: 50px;
   }

   footer .menu-rodape a{
   	color:#fff;
   	font-size: 17px;
      font-weight: 500;
      display: block;
      margin-bottom: 10px;
   }

   footer h4{
      margin-bottom: 30px;
      font-weight: 500;
      font-size: 17px;
   }

   footer a{
      color: #fff;
   }

   footer a .fab{
      font-size: 30px;
   }

   footer .copy{
      margin-top: 30px;
      font-size: 13px;
   }
 

   footer .copy a{
      color: #fff;
   }
 





   @media (max-width: 768px) {

   	header {
   		padding-top: 0px; 
   	}


   	.navbar-default {


   		background-image: linear-gradient(to bottom,#0087b7 0, #0087b7 100%) !important;



   	}

   	header a{

   	}


   	.titulo-topo h1 {
   		font-size: 45px;
   		text-align: center !important;
   	}


   	.titulo-topo p {
   		font-size: 25px !important;
   		color: #ffb400 !important;
   		font-weight: 500 !important;
   		text-align: center !important;   
   	}


   	.sobre-home p {
   		font-size: 15px;
   		text-align: center !important;
   	}




   	.produtos h2 {
   		font-size: 28px;
   		text-align: center !important;
   	}

   	.produtos {
   		padding-top: 0;
   	}


   	.receitas p {
   		text-align: center !important;
   	}

   	.receitas {
   		background-color: #fff !important;
   		background-image: none;
   	}


   	.modelo-receitas {
   		padding-top: 30px;
   	}



   	.galeria {
   		padding-top: 50px;
   	}


   	.produtos p {
   		font-size: 20px;
   		text-align: center !important;
   	}


   	.lista-blog h5 {
   		font-size: 11px;
   	}

   	.lista-blog p {
   		font-size: 11px;
   	}


   	.contato p {
   		font-size: 20px;

   	}


   	.painel-sobre {

   		padding-bottom: 109px;

   		padding-top: 40px !important;

   	}



   	.modelo-receitas  img  {
   		display: inline;

   	}


   	.contato p {
   		font-size: 20px !important;
   		text-align: center;
   	}


   	.lista-blog article .destaque-blog {
   		padding: 0px 40px !important;
   		text-align: center;
   	}

   	.lista-blog{
   		margin-bottom: 50px;
   	}

   	.sobre-home {

   		background-image: none;

   	}

   	.botao-submit {
   		padding-right: 90px !important;
   		padding-left: 90px !important;
   	}


   	.map-responsive {

   		padding-bottom: 300px;
   		margin-top: 20px;
   	}


   	footer {
   		font-size: 13px;

   	}

   	footer h4,h5 , p{
   		text-align: center !important;
   		font-size: 13px
   	}

   	.footer-produtos {
   		margin-left: 0px; 
   		padding-top: 10px;
   	}

   	#receitas-responsive{
   		margin-bottom: 50px;
   	}

   	.modelo-receitas{
   		padding-top: 0px;
   	}


   	.grid figure {

   		width: 0% !important;
   	}



   	.navbar-toggle {
   		background-color: #fff;
   	}


   	.navbar-header img{
   		margin-top: 10px;
   		margin-left: 15px;
   		margin-bottom: 5px;
   	}

   	.navbar{
   		font-family: 'Montserrat', sans-serif !important;
   		margin-bottom: 0px !important;
   	}

   	.navbar a{
   		color: #fff;
   		font-size: 20px;
   		font-weight: 500;
   	}

   	.icones-topo {

   		color: #fff;
   	}

   	.icones-topo:hover{

   		color: #fff;
   	}


   }

/*
   @media (max-width: 1024px) {

      .grid figure {

         min-width: 280px !important;
         max-height: 255px !important;
         margin-left: 10px;
      }

      figcaption img {
         margin-left: 35px;
      }

      .posts-blog{
         padding-right: 20px !important;
         padding-left: 10px !important;
      }

   }
*/






   /************************** INTERNA - CONTATO **************/


   .contato h1{
   	font-size: 62px;
   	color: #001c52;
   	font-weight: 400;
   }

   .contato p{
   	/*
      font-size: 30px;
   	color: #ffae00;
   	font-weight: 200;
      */
   }

   .infos-contato article{
      border: 1px solid #006d99;
      color: #006d99;
      margin-bottom: 20px;
   }

   .infos-contato article h3{
      color: #001c52;
      font-size: 18px;
   }


   @media (max-width: 768px) {

   	.contato h1 {
   		font-size: 45px;

   	}

   	.box-contato h3 {
   		font-size: 15px;

   	}

   }



   .representantes{
      margin-top: 60px;
   }

   .representantes h2{
      font-size: 62px;
      color: #001c52;
      text-transform: uppercase;
      margin-bottom: 10px;
   }

   .representantes h3{
      font-size: 30px;
      color: #ffae00;
   }

   .representantes article{
      margin-bottom: 30px;
      color: #ffae00;
      font-size: 15px;
   }

   .representantes article h4{
      color: #001c52;
      font-size: 16px;
      text-transform: uppercase;
      margin: 0 0 10px;
   }



   /************** INTERNA - PRODUTOS *************************/

   .produtos-interna{
   	padding-top:  80px;
   	padding-bottom:   80px;
   }

   .produtos-interna .container{
      padding-bottom: 50px;
   }

   .produtos-interna .cinza{
      background: #f7f7f7;
   }

   .produtos-interna h1{
   	font-size: 50px;
   	color: #001c52;
      font-weight: 600;
   	margin: 60px 0 80px;
      text-transform: uppercase;
   }

   .produtos-interna h2{
   	font-size: 30px;
   	color: #001c52;
   }

   .produtos-interna h3{
   	font-size: 30px;
   	color: #ffb400;
   }

   .produtos-interna p{
   	color: #001c52;
   	font-size: 18px;
   }

   .produtos-interna .mais{
      color: #ffb400;
      font-size: 18px;
   }

   .produtos-interna .mais:hover{
      color: #eba600;
      text-decoration: none;
   }

   



   @media (max-width: 768px) {

   	.produtos-interna h1 {
   		font-size: 34px;
   		font-weight: 700;
   	}

   	#produtos-mobile{
   		margin-bottom: 60px;
   	}

   	.background-produtos {

   		padding-top: 10px;
   		padding-bottom: 10px;
   	}

   	.produtos-interna {
   		padding-top: 60px;
   		padding-bottom: 30px;
   	}

   	.produtos-interna h2 {
   		font-size: 25px;

   	}

   }


   /*********************** INTERNA - PRODUTOS 2 ************/

   .informacoes-comerciais .accordion {
   	background-color: #fff;
   	color: #001c52;
   	font-size: 30px;
   	cursor: pointer;
   	padding: 10px;
   	width: 100%;
   	border: none;
   	text-align: left;
   	outline: none;
   	font-size: 15px;
   	transition: 0.4s;
   	border: 1px solid #001c52;
   	margin-bottom: 10px;
      padding-left: 15px !important;
      padding-right: 15px !important;
   }

   .informacoes-comerciais .active, .accordion:hover {
   	background-color: #fff;

   }

   .informacoes-comerciais .accordion:after {
   	content: url('../img/ico-mais.png');
   	display: block;
      position: absolute;
      right: 10px;
      top: 5px;
   }

   .informacoes-comerciais .active:after {
   	content: url('../img/ico-menos.png');
   }

   .informacoes-comerciais .panel {
   	padding: 0;
   	background-color: white;
   	max-height: 0;
   	overflow: hidden;
      box-shadow: none;
   	transition: max-height 0.2s ease-out;
   }

   .informacoes-comerciais .panel h4{
      color: #001c52;
      font-size: 30px;
      text-transform: uppercase;
      margin-top: 50px;
      margin-bottom: 30px;
   }

   .informacoes-comerciais .panel .img-responsive{
      box-shadow: 0 0 6px #929292;
      margin: 20px 0;
   }

   .informacoes-comerciais .panel table {
      border-spacing: 9px;
      border-collapse: inherit;
   }

   
   .informacoes-comerciais .panel td{
      width: 200px;
      color: #0a91be;
      font-size: 16px;
      text-transform: uppercase;
      box-shadow: 0 0 6px #929292;
      padding: 10px;
      position: relative;
      top: -9px;
   }

   .informacoes-comerciais .panel th{
      color: #fff;
      font-size: 16px;
      text-transform: uppercase;
      text-align: center;
      padding: 5px 15px;
      font-weight: 400;
      margin-left: 8px;
      background: #0a91be;
   }


   .informacoes-comerciais .pdf{
      color: #fff;
      text-transform: uppercase;
      font-size: 18px;
      width: 100%;
      display: block;
      padding: 15px;
      background: #ffb400;
   }

   .informacoes-comerciais .pdf i{
      margin-left: 10px;
   }

   


   .detalhe-produtos {
   	padding-top:  65px;
   	margin-bottom: 40px;
      color: #001c52;
   }

   .detalhe-produtos .frase{
      color: #ffb400;
      margin-bottom: 50px;
      font-size: 22px;
      font-weight: 600;
   }

   .detalhe-produtos h1{
   	font-size: 60px;
   	color: #001c52;
   	font-weight: 500;
   }


   .detalhe-produtos h2{
   	font-size: 30px;
   	color: #001c52;
   	font-weight: 500;
   }


   .informacoes-comerciais {
   	font-family: 'Montserrat', sans-serif;
   }

   .informacoes-comerciais h3{
   	font-size: 50px;
   	color: #ffb400;
   	font-weight: 600;
   }

   .informacoes-comerciais h4{
   	font-size: 30px;
   	color: #001c52;
   	font-weight: 500;
      margin: 0;
   }


   .box-blue{
   	background-color: #0a91be;

   }

   .box-blue h5{
   	color: #fff;
   	font-size: 14px;

   }

   .box-especificacoes{

   	box-shadow: 2px 2px #888888;
     margin-right: 10px;

  }



  .baixar-pdf{
   background-color: #ffb400;
   padding-bottom: 15px;
   padding-top: 15px;
}


.baixar-pdf a{
   color: #fff;
   font-size: 20px;
   font-weight: 500;
}


@media (max-width: 768px) {


  .detalhe-produtos h1 {
    font-size: 30px;

    font-weight: 600;
    text-align: center;
 }


 .detalhe-produtos p {
    font-size: 15px;
    color: #001c52;
 }


 .detalhe-produtos h2 {
    font-size: 25px;
    font-weight: 500;
    text-align: center;
 }


 .informacoes-comerciais h3 {
    font-size: 35px;
 }


 .informacoes-comerciais h4 {
    font-size: 15px;
    text-align: left;
    margin-right: 45px;
 }

}


/*********************** SOBRE NOS - INTERNA ***************/

.sobre-interna{
   position: relative;
   margin-top: -80px;
   padding-top: 250px;
   min-height: 1059px;
   z-index: 9;
   background: url('../img/bkg-sobre.png') no-repeat top center;
}

.sobre-interna h1{
   font-size: 62px;
   color: #001c52;
   font-weight: 500;
   text-transform: uppercase;
}

.sobre-interna p.tit{
   font-size: 30px;
   color: #ffb400;
   font-weight: 500;
   margin-bottom: 40px;   
}


.historia{
   padding-top: 270px;
   min-height: 1484px;
   position: relative;
   margin-top: -155px;
   background: url('../img/bkg-historia.png') no-repeat top center;
}

.historia h2{

  font-size: 62px;
  color: #001c52;
  font-weight: 500;
}


.historia h3{

  font-size: 30px !important;
  color: #ffb400 !important;
  font-weight: 500 !important;

}

.historia p {
  font-size: 16px;
  color: #6b6b6b;
}


.sobre-interna .painel-sobre {
  margin-top: 100px;
  /* padding-top: 200px; */
  padding-bottom: 180px;
}

.missao{
   min-height: 1149px;
   margin-top: 20px;
   background: url('../img/bkg-missao.jpg') no-repeat top center;
}

.missao h4{
  font-size: 62px;
  color: #ffb400;
  margin-top: 85px;
  margin-bottom: 30px;
  font-weight: 600;
}

.missao p{
  font-size: 30px;
  color: #001c52;
  font-weight: 600;
}


@media (max-width: 768px) {

  .sobre-interna {
    background-image: none !important;

 }


 .texto-historia {
    margin-top: 0px; 
    margin-bottom: 0px; 
 }


 .painel-sobre p {
    font-size: 15px;
    text-align: center;
 }


 .texto-historia{
    text-align: center;
 }

 .missao h4{
    text-align: center !important;
 }

}







/************************** RECEITAS *********************/


.receita-semana{
   padding-top: 30px;
   padding-bottom: 50px;
   color: #001c52;
   margin-bottom: 60px;
   background: #f0f0f0;
}

.receita-semana h2{
  color: #fac752;
  font-size: 45px;
  margin-bottom: 40px;
}

.receita-semana h3{
  color: #fac752;
  font-size: 25px;
  text-transform: uppercase;
}

.receita-semana p{
  font-size: 18px;
}

.receita-semana article{
   border: 1px solid #acacac;
   padding: 15px 30px;
}

.receita-semana article ul{ 
   list-style: none;
   padding: 0;
   margin: 0;
}

.receita-semana article ul li{  
   margin-bottom: 15px;
}

.receita-semana h1{
  color: #fac752;
  font-size: 85px;
  font-weight: 500;
  margin-bottom: 40px;
}

.interna-receita h1{
  font-size: 60px;
  margin-bottom: 30px;
}


.lista-receitas .row{
   margin-bottom: 30px;
}


.lista-receitas h2{
   color: #001c52;
   font-size: 85px;
   font-weight: 500;
   margin-bottom: 80px;
}

.categoria-receitas h1{
   color: #001c52;
   font-size: 60px;
   font-weight: 500;
   margin-bottom: 40px;
   text-transform: uppercase;
}

.interna-receitas h2{
   font-size: 60px;
   margin-bottom: 60px;
}


.lista-receitas article{
   display: table;
   height: 340px;
   width: 100%;
   background: #f0f0f0;
}

.lista-receitas article div{
   display: table-cell;
   padding: 0 60px;
   vertical-align: middle;
   color: #001c52;
}

.lista-receitas article div .mais{
   color: #ffb400;
   font-size: 18px;
}

.lista-receitas article div .mais:hover{
   color: #eba600;
   text-decoration: none;
}










.titulo-receitas h5{
  
}

.titulo-receitas{
   padding-top: 30px;
}


.texto-receita p{
  color: #001c52;
  font-size: 30px !important;
}

.receitas-marajoara{
   font-family: 'Montserrat', sans-serif;
   background-image: url('../img/background-receitas.png');
   background-repeat: no-repeat;
   margin-top: 50px;
   padding-bottom: 335px;
}

.position-foto-receita{
   padding-top: 130px;
}


.position-tipo-receita{
   padding-top: 60px;
}

.position-tipo-receita h6{
   font-size: 30px;
   color: #001c52;
   font-weight: 500;
}

.position-tipo-receita p{
   color: #001c52;
   font-size: 18px;
}

.position-tipo-receita a{
   font-size: 30px;
   color: #ffb400;
   font-weight: 
}

.tipo-receita{
   padding-top: 250px;
}


.paginacao-receitas {
   margin-top: 240px;
}

.paginacao-receitas a{
   color: #fff;
   font-size: 50px;
   padding-right: 10px;
   text-decoration: none;
}

.paginacao-receitas b{
   background: #00aad9;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   padding-left: 20px;
   padding-right: 20px;

}

.paginacao-receitas b:hover{
   background: #ffb400;
}

@media (max-width: 768px) {


   .receita-semana{
      text-align: center !important;
   }
   .receita-semana h1 {
      font-size: 35px;
      text-align: center !important;

   }


   .texto-receita p {

      font-size: 15px !important;
   }

   .receita-semana p {

      font-size: 15px;
   }

   .titulo-receitas h5 {

      font-size: 35px;

   }

   .position-foto-receita {
     padding-top: 0px; 
  }

  .tipo-receita {
   padding-top: 100px;
}

.position-tipo-receita:nth-child(3){
   margin-top: 60px;
}
}


/************************** BLOG - INTERNA **********/


.lista-blog .row{
   margin-bottom: 40px;
}

.lista-blog .cat a{
   color: #ffb400;
   font-size: 18px;
   text-transform: uppercase;
   font-style: italic;
}

.lista-blog h2{
   color: #ffb400;
   font-size: 30px;
}

.lista-blog h3 {
   color: #001c52;
   font-size: 20px;
   margin-top: 7px;
}

.lista-blog .data{
   color: #ffb400;
   font-size: 14px;
   margin-bottom: 20px;
}

.lista-blog .data a{
   color: #ffb400;
}

.lista-blog .mais{
   color: #ffb400;
   font-size: 14px;
   text-transform: uppercase;
   margin-bottom: 20px;
}

.lista-blog .first-post .mais{
   font-size: 18px;
}

.lista-blog .mais:hover{
   color: #e1a109;
   text-decoration: none;
}


.lista-blog article{
   padding: 10px 10px 0px;
   background: #f7f7f7;
}

aside .box{
   margin-bottom: 50px;
}

aside .box h3{
   font-size: 30px;
   text-transform: uppercase;
   color: #001c52;
   text-align: center;
   margin-bottom: 40px;
}

aside .box ul{
   list-style: none;
   margin: 0;
   padding: 0;
}

aside .box ul li a{
   display: block;
   margin-bottom: 20px;
   text-transform: uppercase;
}

aside .box a{
   color: #001c52;
}

aside form{
   position: relative;
}

aside form .form-control{
   border: 1px solid #001c52;
   box-shadow: none;
   border-radius: 0;
   height: auto;
   padding: 10px 50px 10px 10px;
}


aside form button{
   position: absolute;
   border: 0;
   color: #001c52;
   top: 3px;
   right: 5px;
   font-size: 26px;
   background: none;
}


.topo-paginas{
   min-height: 130px;
   background: url('../img/topo-paginas.jpg') no-repeat top center;
}


/********************************************/


@media (max-width: 768px) {

   .fluid_container,
   #camera_wrap_4  {
      height: 300px!important;
   }

   .sobre-home {
      min-height: auto;
      padding-top: 35px;
      margin-top: 0px;
      background: none;
   }

   .sobre-home h2 {
      font-size: 30px;
   }

   .sobre-home h2 {
      font-size: 25px;
   }

   .sobre-home iframe{
      display: block;
      width: 100%;
      height: auto;
   }

   #roleta-produtos .owl-nav{
      display: none!important;
   }

   .receitas h2 {
      font-size: 32px;
      text-align: center;
   }

   .receitas p {
      font-size: 20px;
      margin-bottom: 30px;
   }

   .receitas {
      padding-top: 20px;
      text-align: center!important;
      background: none;
   }

   .receitas .text-right{
      text-align: center!important;
   }

   .galeria {
      display: none;
   }

   .galeria h2 {
      font-size: 32px;
   }

   .galeria p {
      font-size: 20px;
      margin-bottom: 40px;
   }

   .blog-home h2 {
      font-size: 32px;
      text-align: center;
   }

   .blog-home p {
      font-size: 20px;
   }

   .blog-home .lista .col-md-8 article .info {
      position: relative;
      padding: 10px 20px;
      background: rgba(0, 28, 82, 0.7);
   }

   .blog-home .lista .col-md-8 article .info h3 {
      font-size: 18px;
      color: #fff;
      text-transform: uppercase;
   }

   .blog-home .lista .col-md-8 article .info p {
      display: none;
   }

   .blog-home .lista .col-md-4 article p {
      display: none;
   }

   .sobre-interna {
      margin-top: 0;
      padding-top: 20px;
      min-height: auto;
      background: none;
   }

   .sobre-interna h1 {
      font-size: 32px;
      text-align: center;
   }

   .sobre-interna p.tit {
      font-size: 20px;
   }

   .sobre-interna iframe{
      display: block;
      width: 100%;
      height: auto;
   }

   .historia {
      padding-top: 220px;
      min-height: auto;
      margin-top: 0;
   }

   .historia h2 {
      font-size: 32px;
      text-align: center;
   }

   .historia h3 {
      font-size: 20px !important;
      color: #ffb400 !important;
      font-weight: 500 !important;
      text-align: center;
   }

   .missao h4 {
      font-size: 32px;
   }

   .missao p {
      font-size: 20px;
   }

   .tab-mobile{
      overflow-x:auto;
   }

   .receita-semana h2 {
      font-size: 30px;
   }

   iframe{
      display: block;
      width: 100%;
      height: 78px;
   }

   .lista-receitas h2 {
      font-size: 35px;
      margin-bottom: 20px;
   }

      .interna-receitas h2 {
      font-size: 30px;
      margin-bottom: 60px;
   }

   .contato h2 {
      font-size: 32px;
   }

   .representantes h2 {
      font-size: 25px;
   }

   .representantes h3 {
      font-size: 16px;
   }

   .representantes {
      text-align: center;
   }

   .navbar-header .navbar-toggle{
      margin-top: 25px;
   }




}

/* Container do botão WhatsApp com texto */
        .whatsapp-container {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 1000;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }

        /* Texto acima do botão */
        .whatsapp-text {
            background-color: #ffffff;
            color: #333333;
            padding: 8px 12px;
            border-radius: 8px;
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            white-space: nowrap;
            opacity: 0;
            transform: translateY(10px);
            transition: all 0.3s ease;
            position: relative;
        }

        /* Seta apontando para o botão */
        .whatsapp-text::after {
            content: '';
            position: absolute;
            top: 100%;
            right: 20px;
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #ffffff;
        }

        .whatsapp-text .sac {
            display: block;
            font-size: 12px;
            font-weight: 600;
            color: #25d366;
            margin-bottom: 2px;
        }

        .whatsapp-text .message {
            display: block;
            font-size: 13px;
            color: #333333;
        }

        /* Estilos do botão flutuante do WhatsApp */
        .whatsapp-float {
            width: 60px;
            height: 60px;
            background-color: #25d366;
            color: #ffffff;
            border-radius: 50%;
            text-align: center;
            font-size: 30px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Mostrar texto no hover */
        .whatsapp-container:hover .whatsapp-text {
            opacity: 1 !important;
            transform: translateY(0) !important;
        }
        
        .whatsapp-float:hover {
            background-color: #128c7e;
            transform: scale(1.1);
            box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.3);
        }

        .whatsapp-float:hover {
            background-color: #128c7e;
            transform: scale(1.1);
            box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.3);
        }

        /* Animação de pulso opcional */
        @keyframes pulse {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.05);
            }
            100% {
                transform: scale(1);
            }
        }

        /* Ícone do WhatsApp em SVG */
        .whatsapp-icon {
            width: 35px;
            height: 35px;
            fill: currentColor;
        }

        /* Responsividade para dispositivos móveis */
        @media (max-width: 768px) {
            .whatsapp-container {
                bottom: 15px;
                right: 15px;
            }
            
            .whatsapp-float {
                width: 55px;
                height: 55px;
                font-size: 28px;
            }
            
            .whatsapp-icon {
                width: 30px;
                height: 30px;
            }
            
            .whatsapp-text {
                font-size: 12px;
                padding: 6px 10px;
                margin-bottom: 8px;
            }
            
            .whatsapp-text .sac {
                font-size: 11px;
            }
            
            .whatsapp-text .message {
                font-size: 12px;
            }
        }