* {text-decoration: none !important; font-family: montserrat;}
img {max-width: 100%;}

h1 {font-family: 'Hammersmith One';}
#header-top {background: #faa436; padding: 5px 0;}
#header-top a {color: #fff;}
#header-top i {font-size: 20px;}
.nav-item a {color: rgba(0, 0, 0, 0.5); margin-right: 25px;}
#navbar {border-bottom: 1px solid #ccc;}
#navbar .logosol {max-width: 200px;}

#oferta-menu {padding: 25px 0;}
#oferta-menu h3 {color: #1db2a2; font-weight: 700; font-size: 32px; font-family: 'Hammersmith One';}
#oferta-menu span {}
#oferta-menu .menu {padding: 5px 20px; border-radius: 15px; background: #1db2a2;}
#oferta-menu .menu h3 {color: #006b5f; font-family: 'Hammersmith One';}
#oferta-menu .menu a {color: #fff;}
#oferta-menu .menu a:hover {color: #ffd21d;}
#oferta-menu .menu ul {padding: 0; list-style: none;}
#oferta-menu article {margin: 10px; overflow: hidden; border-radius: 30px; box-shadow: -webkit-box-shadow: 0px 0px 10px -5px #000000; box-shadow: 0px 0px 10px -5px #000000; margin-top: 10px;}
#oferta-menu .texto {background: #faa436; display: flex; padding: 5px 15px; color: #fff; font-family: '';}
#oferta-menu .ofertas {padding: 0 50px; margin-top: 50px; margin-bottom: 30px;}
.ofertas .owl-carousel .owl-item img {width: auto !important; margin: 0 auto; padding: 10px 0; max-height: 225px; max-width: 225px;}
#oferta-menu .preco {float: left; width: 50%; text-align: right; font-size: 52px; font-weight: bold; line-height: 1;}
#oferta-menu .unidade {float: left; width: 50%; text-align: left; line-height: 1;}
#oferta-menu .unidade b {font-size: 34px;}
#oferta-menu .unidade p {font-size: 20px; margin: 0;}
#oferta-menu .title {font-size: 20px; margin-top: 20px; font-weight: bold; font-style: italic; text-align: center; line-height: 1;}
.validade-oferta {text-align: center;}

.tab {margin-bottom: 15px;}
.zap {background: #00d25c; padding: 10px 25px; display: flex; margin: 70px 0;}
.zap p {color: #fff; font-size: 28px; max-width: 70%; line-height: 1; margin: 0;}
.zap i {font-size: 58px; color: #fff; width: 9%;}
.zap a {background: #fff; border-radius: 10px; color: #4bbf6d; width: 20%; float: left; text-align: center; height: 42px; font-size: 22px; margin: 0 auto; margin-top: 7px; display: block; font-weight: bold; padding: 5px 0;}
.zap a:hover {color: #faa436;}

.saiba {background: #952801; padding: 3px 5px; color: #fff; margin: 0 auto; display: block; text-align: center; width: 120px; border-radius: 10px; font-weight: bold;}
.saiba:hover {color: #fee763;}

#oferta-single {padding: 50px 0; background: url(img/bg-cartao.jpg) center bottom no-repeat; background-size: cover;}
#oferta-single h3 {color: #1db2a2; font-weight: 700; font-size: 32px;  font-family: 'Hammersmith One';}
#oferta-single img {width: 100%;}
#oferta-single span {}
#oferta-single .menu {padding: 15px; border-radius: 15px; background: #1db2a2;}
#oferta-single .menu h3 {color: #006b5f; }
#oferta-single .menu a {color: #fff;}
#oferta-single article {margin: 10px; overflow: hidden; border-radius: 30px; box-shadow: -webkit-box-shadow: 0px 0px 10px -5px #000000; box-shadow: 0px 0px 10px -5px #000000; margin-top: 10px;}
#oferta-single .texto {background: #faa436; display: flex; padding: 5px 25px; color: #fff; font-family: '';}
#oferta-single .ofertas {padding: 0 10px; margin-top: 50px;}
.ofertas .owl-carousel .owl-item img {width: auto !important; margin: 0 auto; padding: 10px 0; max-height: 225px; max-width: 225px;}
#oferta-single .preco {float: left; width: 50%; text-align: right; font-size: 52px; font-weight: bold; line-height: 1;}
#oferta-single .unidade {float: left; width: 50%; text-align: left; line-height: 1;}
#oferta-single .unidade b {font-size: 34px;}
#oferta-single .unidade p {font-size: 20px; margin: 0;}
#oferta-single .title {font-size: 28px; font-weight: bold; font-style: italic; text-align: center; line-height: 1;}

#whats {padding: 200px 0 100px; background: url(img/bg-zap.jpg) center top no-repeat; background-size: cover; text-align: center;}
#whats h3 {color: #fff; font-weight: bold; margin: 0; line-height: 1; font-size: 38px; font-family: 'Hammersmith One';}
#whats p {margin: 0; font-size: 28px; color: #fff;}
#whats a {background: #fff; border-radius: 10px; color: #4bbf6d; width: 200px; font-size: 22px; margin: 0 auto; margin-top: 15px; display: block; font-weight: bold; padding: 5px 0;}

#display-receita {padding: 40px 0;}
#display-receita .owl-carousel img {width: 80% !important;}
#display-receita .confira {width: 30%; margin-right: 4%; float: left;}
#display-receita .tv {width: 65%; float: left;}
#display-receita .compre {padding: 60px 30px; width: 100%; float: left; background-size: cover; background: url(img/compre-agora.jpg) center bottom no-repeat; text-align: right;}
#display-receita .compre p {color: #fff; margin-bottom: 10px; font-weight: 500; line-height: 0.9; font-size: 24px;}
#display-receita .compre a {background: #fff; padding: 5px 25px; border-radius: 10px; color: #fd3a15; font-weight: bold;}

#cartao {background: url(img/bg-cartao.jpg) center bottom no-repeat; padding: 25px 0; background-size: cover;}

#cartao-s {padding: 50px 0 ; background: #fff; background-image: url(img/mulher.jpg); background-repeat: no-repeat; background-size: 32%; background-position: right bottom;}
#cartao-s h1 {color: #1db2a2; font-family: 'Hammersmith One'; font-size: 28px;}
#cartao-s h3 {color: #f8931e; font-size: 42px; text-transform: uppercase; line-height: 1; margin: 25px 0; font-family: 'Hammersmith One';}
#cartao-s h4 {color: #1db2a2; font-size: 28px; line-height: 1; margin: 25px 0; font-family: 'Hammersmith One';}
#cartao-s p {color: #000; line-height: 1.2;}
#cartao-s a { background: #0061bf; padding: 10px 25px; color: #fff; border-radius: 35px; display: block; margin-top: 25px; text-align: center;}
#cartao-s a:hover {background: #2c9014;}
#cartao-s #btnEnvia {background: #fc5a00; border-radius: 15px; border: none; color: #fff; padding: 5px 25px;} 
#cartao-s .formulario h3 {font-size: 32px;}

#receitas {padding: 30px 0; }
#receitas h3 {color: #faa436; margin-top: 15px; font-weight: bold; margin: 0; font-family: 'Hammersmith One'; margin-top: 43px;}
#receitas img {border-radius: 15px; display: block; margin: 0 auto;}
#receitas .wp-post-image {margin-top: 15px;}

#banner {min-height: 400px;}
#sobre {background: #fff; padding-top: 70px; border-bottom: 1px solid #ccc;}
#sobre h3 {margin-bottom: 30px; color: #1db2a2; font-weight: bold;}

#horarios {padding: 50px 0; background: url(img/bg-horarios.jpg) center top no-repeat; background-size: cover;}
#horarios ul {padding: 0; list-style: none; margin: 0;}
#horarios article {background: #fff; padding: 15px 30px; border-radius: 50px; margin-bottom: 5px;}
#horarios article i {color: #ec5a25; margin-right: 5px; font-size: 22px;}
#horarios article a {color: #212529;}

/*FOOTER*/
footer {padding: 30px 0; background: url(img/rede-sol-footer.jpg) center top no-repeat; background-size: cover; color: #fff;}
footer a {color: #fff; font-weight: 600;}
footer a:hover {color: #ffa454;}
footer .wpcf7-submit {color: #fff; background: #a94d25; border: none; border-radius: 15px; padding: 0 30px; cursor: pointer; font-weight: 600;}
footer .wpcf7-submit:hover {background: #562813 ;}
footer .wpcf7-email {border: none; padding: 5px;}
footer img {margin-bottom: 10px;}

.foot-bot {background: #f58634; padding: 15px 0;}
.foot-bot i {font-size: 16px; margin-right: 10px;}
.foot-bot .fone {float: left;}
.foot-bot .social i {float: right; font-size: 22px;}
.foot-bot a {color: #fff;}
.foot-bot a:hover {color: #0098da;}

.foot-bot-bot {padding: 5px 0;}
.flot-r {float: right;}

/*CONTATO*/
#contato {padding-top: 30px;}
#contato h1 {color:#f8941e; font-size: 62px; margin-bottom: 35px; }
#contato .enviar {background: #ff740f; border-radius: 10px; border: none; color: #fff; padding: 0 30px; cursor: pointer;}
#trabalhe {padding: 30px 0 50px;}
#trabalhe h1 {color:#f8941e; font-size: 62px; margin-bottom: 35px;}
#trabalhe .enviar {background: #ff740f; border-radius: 10px; border: none; color: #fff; padding: 0 30px; cursor: pointer;}
#trabalhe img , #contato img {max-width: 100%;}

#campanhas {padding: 70px 0; text-align: center;}
#campanhas a {text-align: center; color: #000;}
#campanhas p {background:#0098da; padding:15px 50px; color: #fff; border-radius: 35px; max-width: 200px; display: block; margin: 0 auto;}
#campanhas a:hover p {background: #2c9014;}
#campanhas h3 {font-weight: bold; margin: 10px 0;}
#campanhas img {height: auto;}

#single-campanha {padding: 30px 0;}
#single-campanha img {height: auto;}

#todas-receitas {color: #f8941e; padding-top: 30px;}

/*Whats*/
#whatsapp {margin-top: 25px; padding: 30px 0;}
#whatsapp .whats-article {padding: 20px 15px 30px 0; margin-bottom: 50px;  background: url(img/bg-whats.jpg) top right no-repeat;}
#whatsapp .whats-article img {float: left; position: absolute; top: -10px;}
#whatsapp .whats-article h4 {font-size: 18px; margin-bottom: 0; color: #737373; margin-left: 140px; }
#whatsapp .whats-article a {margin-left: 140px; color: #fa9f1c; font-size: 20px; }
#whatsapp .whats-article p {margin-left: 140px; margin-bottom: 0; color: rgba(0, 0, 0, 0.7);}

/*QUIEM SOMOS*/
#quem {padding: 50px 0;}
#quem article {box-shadow: 0px 6px 15px 0px #cccccc69; border-radius: 10px; padding: 15px; min-height: 298px; text-align: center;}
#quem img {display: block; margin: 0 auto; margin-bottom: 15px;}
#quem h1 {margin-bottom: 45px; color: #1db2a2; text-align: center; font-weight: bold; font-family: 'Hammersmith One';}
#centro {padding: 30px 0;}
#centro h3 {font-family: 'Hammersmith One'; color: #ff740f;}
#call {background: url(img/bg-call.png) center top no-repeat; background-size: cover; color: #fff; padding: 50px 0;} 
#call p {width: 70%;}
#call img {position: absolute; top: -90px; width: 260px; right: 0;}
#infos {padding: 80px 0; text-align: center;}
#infos h4 {font-size: 52px; font-family: 'Hammersmith One'; margin: 0; line-height: 1; color: #1db2a2;}
#infos p {font-weight: bold; color: #595959; font-size: 22px;}

/*RECEITAS*/
#topo {padding: 50px 0;}
#topo h1 {font-size: 38px; color: #1db2a2; font-weight: bold; text-transform: uppercase; font-family: 'Hammersmith One'; margin: 0;}
#topo img {width: 65%; float: left;}
#topo .infos {width: 35%; float: left; background: #1db2a2; height: 100%; padding: 35px 20px;}
#topo .infos h3 {color: #fff; font-weight: bold; margin-bottom: 15px;}
#topo .infos li {list-style: none; line-height: 1; margin-bottom: 15px; color: #1db2a2; background: #fff; border-radius: 50px; padding: 20px; text-align: center; font-weight: bold; font-size: 24px;}
#topo .infos ul {padding: 0;}
#topo .infos .post-categories li {padding: 0; margin: 0;}
#topo .infos .post-categories a {color: #1db2a2;}
#topo .infos span , #topo .infos a {font-size: 18px;}
#topo i {margin-right: 5px;}
#ingredientes {padding-bottom: 70px;}

.div h3 {font-weight: 28px; color: #faa436; font-weight: bold;}
.div {-webkit-box-shadow: 0px 0px 15px 0px #ccc; box-shadow: 0px 0px 15px 0px #ccc; border-radius: 15px; padding: 25px; margin-bottom: 30px;}

#oferta-menu .cidade {font-weight: bold; color: #fff; font-size: 16px;}
#oferta-menu .loja { padding-left:10px ; }
#oferta-menu .loja a {font-size: 15px;}

#porteira {width: 100%; height: 100%; top: 0; min-height: 100%; position: fixed; background: url(img/bg-porteira.jpg) top center no-repeat; background-size: cover; z-index: 998; text-align: center;}
#porteira .centro {position: absolute; top: 155px; left: 50%; margin-left: -300px; max-width: 600px; }
#porteira select {padding: 5px 25px; border-radius: 25px; border: none; width: 100%; margin-top: 25px; font-size: 18px;}

.todasreceitas {color: #fff; font-weight: bold; background: #faa436;  border-radius: 25px; margin: 0 auto; display: block; text-align: center; padding: 5px 0; max-width: 250px;}
.todasreceitas:hover {color: #ff5a00;}

.comp {font-weight: bold; margin: 0; float: left; line-height: 2; margin-right: 5px;}
.share {font-size: 22px; color: #000; float: left;}

/*ARQUIVOS*/
#arquivos {margin-top: 159px; padding: 50px 0;}
#arquivos .box-download {padding: 25px; text-align: center; border-radius: 3px; border:1px solid #ccc; margin-bottom: 15px;}
#arquivos .box-download h2 {font-size: 18px; text-transform: uppercase; margin: 20px 0;}
#arquivos .box-download img {max-width: 100%; margin: 0 auto; height: auto;}
#arquivos .box-download .baixar-link {background: #ff740f; border-radius: 10px; color: #fff; padding: 5px 15px; cursor: pointer;}
#arquivos .box-download .baixar-link:hover {background: #d85b00;}

.apple {width: 80% !important; position: absolute; bottom: 170px; left: 50%; transform: translate(-50%, 0);}
.google {width: 80% !important; position: absolute; bottom: 100px; left: 50%; transform: translate(-50%, 0);}

@media only screen and (max-width: 600px) {
  #topo img {width: 100%;}
  #topo .infos {width: 100%;}
  #whats {padding: 150px 0 70px; background: url(img/bg-zap.jpg) center right no-repeat;}
  #display-receita .confira {margin-bottom: 15px; width: 100%;}
  #display-receita .tv {width: 100%;}
  #display-receita .compre {background: url(img/compre-agora.jpg) center right no-repeat;}
  #receitas img {margin-bottom: 15px;}

  #banner {min-height: 250px; background-size: 260% !important; background-position: 30% 50% !important;}
  #quem article {margin-bottom: 20px;}
  #call p {width: 100%;}
  #call img {display: none;}
  #centro img {margin-bottom: 15px;}

  #porteira .centro {max-width: 100%; padding: 0 20px; margin-left: 0; left: 0;}

  .google {bottom: 220px;}
  .apple {bottom: 120px;}

}
.owl-dots {display: none;}
.whatsapp {
  position: fixed;
  right:15px;
  bottom:60px;
  width:82px;
  height:80px;
  border: none;
  box-shadow: 0 0 0 0 rgba(0, 183, 62, 0.7);
  border-radius: 50%;
  background-color: #00B73E;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  z-index: 1;
  outline: none;
}

.whatsapp i{
  color: #fff;
  font-size: 42px;
}

.whatsapp:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 30px rgba(0, 183, 62, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 30px rgba(0, 183, 62, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 30px rgba(0, 183, 62, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 30px rgba(0, 183, 62, 0);}}