/* Generated by less 2.5.1 */
@charset "utf-8";
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/OpenSans-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans.woff2') format('woff2'), url('../fonts/OpenSans.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'), url('../fonts/OpenSans-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-SemiboldItalic.woff2') format('woff2'), url('../fonts/OpenSans-SemiboldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Italic.woff2') format('woff2'), url('../fonts/OpenSans-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'icons';
  src: url('../fonts/icons.eot?49911776');
  src: url('../fonts/icons.eot?49911776#iefix') format('embedded-opentype'), url('../fonts/icons.woff?49911776') format('woff'), url('../fonts/icons.ttf?49911776') format('truetype'), url('../fonts/icons.svg?49911776#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-left:before {
  content: '\e800';
}
/* '' */
.icon-right:before {
  content: '\e801';
}
/* '' */
.icon-facebook:before {
  content: '\f308';
}
/* '' */
.icon-instagram:before {
  content: '\f31f';
}
/* '' */
.ma {
  margin: 0 auto !important;
}
.ar {
  text-align: right !important;
}
.ac {
  text-align: center !important;
}
.al {
  text-align: left !important;
}
.aj {
  text-align: justify !important;
}
.cem {
  width: 100% !important;
}
.fn {
  float: none !important;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.cb {
  clear: both !important;
}
.db {
  display: block !important;
}
.dn {
  display: none !important;
}
.pr {
  padding-right: 2%;
}
.pl {
  padding-left: 2%;
}
.mr {
  margin-right: 2%;
}
.ml {
  margin-left: 2%;
}
.spc {
  clear: both !important;
  height: 10px;
}
.m10 {
  margin: 10px !important;
}
.p10 {
  padding: 10px !important;
}
.inherits {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: inherit;
}
.fullW {
  width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
  clear: both !important;
  max-width: 1920px;
}
.siteW {
  width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
  max-width: 1400px;
}
@media (max-width: 1366px) {
  .siteW {
    max-width: 950px;
  }
}
@media (max-width: 1024px) {
  .siteW {
    max-width: 900px;
  }
}
@media (max-width: 900px) {
  .siteW {
    max-width: 90%;
  }
}
.contatoW {
  width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
  max-width: 900px;
}
@media (max-width: 900px) {
  .contatoW {
    max-width: 90%;
  }
}
.layer {
  width: 100% !important;
  clear: both !important;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  color: #111111;
  text-decoration: none;
  text-align: left;
  text-rendering: optimizelegibility;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
div:after,
footer:after,
section:after,
nav:after,
form:after,
ol:after,
ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
  overflow: hidden;
}
.col10,
.col20,
.col25,
.col30,
.col33,
.col40,
.col50,
.col60,
.col70,
.col75,
.col80,
.col90 {
  float: left !important;
}
.col10 {
  width: 10%;
}
.col20 {
  width: 20%;
}
.col25 {
  width: 25%;
}
.col30 {
  width: 30%;
}
.col33 {
  width: 33.332%;
}
.col40 {
  width: 40%;
}
.col50 {
  width: 50%;
}
.col60 {
  width: 60%;
}
.col70 {
  width: 70%;
}
.col75 {
  width: 75%;
}
.col80 {
  width: 80%;
}
.col90 {
  width: 90%;
}
@media (min-width: 320px) {
  .esq.cp320 {
    padding-right: 2%;
  }
}
@media (min-width: 480px) {
  .esq.cp480 {
    padding-right: 2%;
  }
}
@media (min-width: 640px) {
  .esq.cp640 {
    padding-right: 2%;
  }
}
@media (min-width: 768px) {
  .esq.cp768 {
    padding-right: 2%;
  }
}
@media (min-width: 900px) {
  .esq.cp900 {
    padding-right: 2%;
  }
}
@media (min-width: 1024px) {
  .esq.cp1024 {
    padding-right: 2%;
  }
}
@media (min-width: 1250px) {
  .esq.cp1250 {
    padding-right: 2%;
  }
}
@media (min-width: 1366px) {
  .esq.cp1366 {
    padding-right: 2%;
  }
}
@media (min-width: 320px) {
  .dir.cp320 {
    padding-left: 2%;
  }
}
@media (min-width: 480px) {
  .dir.cp480 {
    padding-left: 2%;
  }
}
@media (min-width: 640px) {
  .dir.cp640 {
    padding-left: 2%;
  }
}
@media (min-width: 768px) {
  .dir.cp768 {
    padding-left: 2%;
  }
}
@media (min-width: 900px) {
  .dir.cp900 {
    padding-left: 2%;
  }
}
@media (min-width: 1024px) {
  .dir.cp1024 {
    padding-left: 2%;
  }
}
@media (min-width: 1250px) {
  .dir.cp1250 {
    padding-left: 2%;
  }
}
@media (min-width: 1366px) {
  .dir.cp1366 {
    padding-left: 2%;
  }
}
@media (max-width: 640px) {
  .cp640 {
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;
    max-width: 1920px;
  }
  .hide640 {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .cp768 {
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;
    max-width: 1920px;
  }
  .hide768 {
    display: none !important;
  }
}
@media (max-width: 900px) {
  .cp900 {
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;
    max-width: 1920px;
  }
  .hide900 {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .cp1024 {
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;
    max-width: 1920px;
  }
  .hide1024 {
    display: none !important;
  }
}
@media (max-width: 320px) {
  .cp320 {
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;
    max-width: 1920px;
  }
  .hide320 {
    display: none !important;
  }
}
@media (max-width: 480px) {
  .cp480 {
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;
    max-width: 1920px;
  }
  .hide480 {
    display: none !important;
  }
}
@media (max-width: 1250px) {
  .cp1250 {
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;
    max-width: 1920px;
  }
  .hide1250 {
    display: none !important;
  }
}
@media (max-width: 1366px) {
  .cp1250 {
    width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
    clear: both !important;
    max-width: 1920px;
  }
  .hide1366 {
    display: none !important;
  }
}
.centerall {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
html {
  height: 100% !important;
  width: 100%;
  overflow-x: hidden;
}
body {
  margin: 0 auto !important;
  width: 100% !important;
  height: 100%;
  min-width: 320px !important;
  font-family: "Open Sans", "Verdana", "Tahoma", "Arial";
  font-size: 16px;
  background: #db8f3e url(../img/bgcoco.png) repeat fixed center center;
}
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 999;
  height: 70px;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
  background: #db8f3e url(../img/bgcoco.png) repeat fixed center center;
}
header .logo {
  z-index: 9999;
  margin-top: 7px;
  width: 132px;
  height: 56px;
}
@media (max-width: 768px) {
  header .logo {
    width: 93.72px;
    height: 39.76px;
    position: absolute;
    top: -2px;
    left: 55px;
  }
}
header #menu {
  width: 100% !important;
  transition: all ease-in-out 0.5s;
}
header #menu ul {
  list-style: none;
  position: absolute;
  top: 50%;
  opacity: 1;
  transform: translateY(-50%);
}
header #menu ul li {
  display: inline-block;
}
header #menu ul li a {
  display: block !important;
  color: #465e46;
  padding: 8px 25px;
  font-family: "Open Sans", "Verdana", "Tahoma", "Arial";
  text-transform: uppercase;
  transition: color ease-in-out 0.1s;
  font-weight: bold;
  font-size: 1.1em;
}
@media (max-width: 900px) {
  header #menu ul li a {
    padding: 10px 15px;
  }
}
header #menu ul li a:hover {
  color: #548b51;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
}
@media (max-width: 768px) {
  header #menu {
    display: block !important;
    width: 100% !important;
    position: absolute;
    z-index: -1;
    top: 50px;
    left: 0px;
  }
  header #menu ul {
    background: #db8f3e url(../img/bgcoco.png) repeat fixed center center;
    transform: none !important;
    width: 100% !important;
  }
  header #menu ul li {
    width: 100% !important;
    border-bottom: 1px solid #548b51;
  }
  header #menu ul li a {
    width: 100% !important;
    text-align: center !important;
    padding: 15px 0;
  }
  header #menu ul li a:hover {
    background: #ffffff url('../img/x.png') repeat center;
  }
}
header .nav-bt {
  text-align: center !important;
  display: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  z-index: 9999;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
header .nav-bt .icn {
  top: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 30px;
  height: 1px;
  position: absolute;
  background: #465e46 url('../img/x.png') repeat center;
  transition: all ease-in-out 0.3s;
}
header .nav-bt .icn:after,
header .nav-bt .icn:before {
  display: inline-block;
  width: 30px;
  height: 1px;
  position: absolute;
  content: "";
  background: #465e46 url('../img/x.png') repeat center;
  transition: all ease-in-out 0.3s;
}
header .nav-bt .icn:before {
  top: -9px;
}
header .nav-bt .icn:after {
  top: 9px;
}
@media (max-width: 768px) {
  header .nav-bt {
    display: block !important;
  }
}
header .fechar-nav-bt .icn {
  opacity: 1;
  background: transparent url('../img/x.png') repeat center;
  transition: all ease-in-out 0.1s;
}
header .fechar-nav-bt .icn:before {
  background: #465e46 url('../img/x.png') repeat center;
  transform: rotate(45deg);
  top: 0;
}
header .fechar-nav-bt .icn:after {
  background: #465e46 url('../img/x.png') repeat center;
  transform: rotate(-45deg);
  top: 0;
}
@media (max-width: 768px) {
  header .hide-mainnav {
    top: -100vh !important;
    transition-delay: .2s;
  }
  header .hide-mainnav ul {
    opacity: 0;
    transition-delay: 0s;
  }
}
header .social {
  float: right !important;
  margin-top: 17px;
}
header .social i {
  color: #465e46;
  font-size: 25px;
  transition: all ease-in-out 0.2s;
  display: block !important;
  float: left !important;
}
header .social i:hover {
  color: #548b51;
}
header .social .icon-instagram {
  font-size: 22px !important;
  margin-top: 3px;
}
@media (max-width: 640px) {
  header .social {
    margin-top: 13px;
  }
}
@media (max-width: 768px) {
  header {
    height: 50px;
  }
}
footer {
  height: auto;
  width: 100% !important;
  background: #ce673f;
  background: -o-linear-gradient(right, #ce673f 0%, #db8f3e 100%);
  background: -ms-linear-gradient(right, #ce673f 0%, #db8f3e 100%);
  background: -moz-linear-gradient(right, #ce673f 0%, #db8f3e 100%);
  background: -webkit-linear-gradient(right, #ce673f 0%, #db8f3e 100%);
  background: linear-gradient(right, #ce673f 0%, #db8f3e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ce673f, endColorstr=#db8f3e, GradientType=0);
  float: left !important;
  clear: both !important;
}
footer .copy {
  text-align: center !important;
  color: #ffffff;
  font-size: 10px;
  padding-top: 12px;
  padding-bottom: 10px;
}
footer .copy a {
  color: #ffffff;
}
footer .copy a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  footer .copy {
    max-width: 90%;
    margin: 0 auto !important;
  }
}
.titulo-paginas {
  width: 100% !important;
  clear: both !important;
  text-align: center !important;
  padding: 20px 5px;
}
.titulo-paginas h1 {
  text-align: center !important;
  font-family: "Open Sans", "Verdana", "Tahoma", "Arial";
  font-size: 32px;
  color: #ffffff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.conteudopagina {
  min-height: 100% !important;
  height: auto;
  background-attachment: fixed !important;
}
.conteudopagina p {
  font-size: 14px;
  line-height: 180%;
  margin: 15px 0 0 0;
  color: #ffffff;
}
@media (max-width: 640px) {
  .conteudopagina p {
    font-size: 12px;
  }
}
.conteudopagina h4 {
  font-size: 16px;
  color: #dddddd;
  margin: 15px 0 0 0;
  font-family: "Open Sans", "Verdana", "Tahoma", "Arial";
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}
.conteudopagina .no-m-top {
  margin-top: 0 !important;
}
@media (max-width: 768px) {
  .conteudopagina {
    margin: 20px 0 0 0;
  }
  .conteudopagina .no-m-top {
    margin-top: 15px !important;
  }
}
.conteudopagina .ct-esq {
  min-height: 100vh !important;
  height: auto !important;
  background: rgba(84, 139, 81, 0.8);
  background: -o-linear-gradient(bottom, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: -ms-linear-gradient(bottom, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: -moz-linear-gradient(bottom, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: -webkit-linear-gradient(bottom, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: linear-gradient(bottom, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(84, 139, 81, 0.8), endColorstr=rgba(70, 94, 70, 0.8), GradientType=0);
  padding: 85px 40px 30px 12.5%;
}
@media (max-width: 640px) {
  .conteudopagina .ct-esq {
    max-width: 90%;
    padding: 50px 20px 30px 20px;
  }
}
.conteudopagina .ct-dir {
  min-height: 100vh !important;
  height: auto !important;
  background: rgba(84, 139, 81, 0.8);
  background: -o-linear-gradient(top, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: -moz-linear-gradient(top, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: linear-gradient(top, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(84, 139, 81, 0.8), endColorstr=rgba(70, 94, 70, 0.8), GradientType=0);
  padding: 85px 12.5% 30px 40px;
}
@media (max-width: 640px) {
  .conteudopagina .ct-dir {
    max-width: 90%;
    padding: 50px 20px 30px 20px !important;
  }
}
.conteudopagina .ct-centro {
  min-height: 100vh !important;
  height: auto !important;
  background: rgba(84, 139, 81, 0.8);
  background: -o-linear-gradient(left, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: -ms-linear-gradient(left, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: -moz-linear-gradient(left, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: -webkit-linear-gradient(left, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  background: linear-gradient(left, rgba(84, 139, 81, 0.8) 0%, rgba(70, 94, 70, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(84, 139, 81, 0.8), endColorstr=rgba(70, 94, 70, 0.8), GradientType=0);
  padding: 85px 40px 30px 40px;
}
@media (max-width: 640px) {
  .conteudopagina .ct-centro {
    max-width: 90%;
    padding: 50px 20px 30px 20px !important;
  }
}
h1 {
  width: 100% !important;
  clear: both !important;
  float: left !important;
  margin: 20px 0 30px 45px;
  position: relative;
}
h1 span {
  float: left !important;
  display: block !important;
  width: auto !important;
  color: #db8f3e;
  background: #ffffff url('../img/x.png') repeat center;
  padding: 5px 20px 5px 28px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  font-size: 24px;
  font-weight: bold;
}
h1 span:before {
  width: 60px;
  height: 60px;
  -o-border-radius: 40px;
  -ms-border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  background: #db8f3e;
  background: -o-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -ms-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -moz-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -webkit-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db8f3e, endColorstr=#ce673f, GradientType=0);
  position: absolute;
  left: -45px;
  top: -10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 768px) {
  h1 {
    margin: 20px 0 30px 0 !important;
  }
  h1 span {
    font-size: 20px;
    -o-border-radius: 80px;
    -ms-border-radius: 80px;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    padding: 5px 20px;
  }
  h1 span:before {
    content: none !important;
  }
}
h1 .quemsomos:before {
  content: url('../img/ico-quemsomos.png');
}
h1 .sustentabilidade:before {
  content: url('../img/ico-sustentabilidade.png');
}
h1 .produtos:before {
  content: url('../img/ico-produtos.png');
}
h1 .produto:before {
  content: url('../img/ico-produto.png');
}
h1 .clientes:before {
  content: url('../img/ico-clientes.png');
}
h1 .contato:before {
  content: url('../img/ico-contato.png');
}
h1 .receitas:before {
  content: url('../img/ico-receitas.png');
}
.voltar {
  color: #ffffff;
  float: right !important;
  display: block !important;
  padding: 5px 10px;
  margin-top: 22px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  border: 1px solid #ffffff;
  font-size: 12px;
}
.voltar i {
  color: #ffffff;
}
.voltar span {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  text-decoration: inherit;
}
.voltar:hover {
  background: rgba(0, 0, 0, 0.1) url('../img/x.png') repeat center;
}
@media (max-width: 640px) {
  .voltar {
    font-size: 12px;
    padding: 5px 13px 5px 8px;
    margin-top: -98px;
  }
}
#slideshowhome {
  width: 100% !important;
  clear: both !important;
  position: relative;
  height: 89.3%;
  z-index: 0;
  margin-top: 70px;
}
#slideshowhome .slide {
  width: 100%;
  height: 100%;
  position: relative;
}
#slideshowhome .slide1 {
  background: #db8f3e url('../img/banners-home/slide1.png') no-repeat scroll center center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media (max-width: 768px) {
  #slideshowhome .slide1 {
    background: #db8f3e url('../img/banners-home/slide1-mobile.png') no-repeat scroll center center;
  }
}
@media (max-width: 640px) {
  #slideshowhome {
    margin-top: 50px !important;
  }
}
#custom-pager {
  width: 100% !important;
  height: 10px;
  position: absolute;
  top: 95%;
  padding-top: 0 !important;
  text-align: center !important;
}
#custom-pager a {
  width: 10px;
  height: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  -moz-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  -ms-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  -o-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  background: #ffffff url('../img/x.png') repeat center;
  display: inline-block;
  margin: 0 3px 0px 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
#custom-pager a:hover {
  background: #dddddd url('../img/x.png') repeat center;
}
#custom-pager .cycle-pager-active {
  background: #0033d1 url('../img/x.png') repeat center;
  text-align: center !important;
  width: 10px;
  height: 10px;
}
#custom-pager .cycle-pager-active:hover {
  background: #0033d1 url('../img/x.png') repeat center !important;
}
.controle-slide {
  background: rgba(0, 0, 0, 0.5) url('../img/x.png') repeat center;
  position: absolute;
  top: 50%;
  transition: padding ease-in-out 0.1s, background ease-in-out 0.1s;
  cursor: pointer;
}
.controle-slide i {
  color: #ffffff;
  font-size: 40px;
  display: block !important;
}
@media (max-width: 640px) {
  .controle-slide i {
    font-size: 30px !important;
  }
}
.controle-slide:hover {
  background: rgba(0, 0, 0, 0.9) url('../img/x.png') repeat center;
}
.cs-esq {
  padding: 5px 15px 3px 20px;
  left: 0;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
}
.cs-esq:hover,
.cs-esq:active {
  padding: 5px 20px 3px 30px;
}
@media (max-width: 640px) {
  .cs-esq {
    padding: 5px 3px 3px 15px !important;
  }
  .cs-esq:active {
    padding: 5px 3px 3px 21px !important;
  }
}
.cs-dir {
  padding: 5px 20px 3px 15px;
  right: 0;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
}
.cs-dir:hover,
.cs-dir:active {
  padding: 5px 30px 3px 20px;
}
@media (max-width: 640px) {
  .cs-dir {
    padding: 5px 9px 3px 9px !important;
  }
  .cs-dir:active {
    padding: 5px 15px 3px 9px !important;
  }
}
#chamadashome {
  width: 100% !important;
  clear: both !important;
  height: auto;
  margin-top: 20px;
}
#chamadashome .col50 {
  height: 300px;
}
@media (max-width: 640px) {
  #chamadashome .col50 {
    height: 180px !important;
  }
}
#chamadashome .parceiros,
#chamadashome .receitas {
  position: relative;
  height: 100%;
  width: 98.5%;
  margin: 0 auto !important;
  background-size: 100% !important;
  transition: background ease-in-out 0.3s;
}
#chamadashome .parceiros a,
#chamadashome .receitas a {
  display: block !important;
  float: left !important;
  text-align: center !important;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.5);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(0, 0, 0, 0.5), endColorstr=rgba(0, 0, 0, 0.5), GradientType=0);
  padding: 10px 28px;
  border: 2px solid #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  transform: translateX(-50%) translateY(-50%);
  transition: all ease-in-out 0.2s;
}
#chamadashome .parceiros a:hover,
#chamadashome .receitas a:hover {
  background: #db8f3e;
  background: -o-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -ms-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -moz-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -webkit-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db8f3e, endColorstr=#ce673f, GradientType=0);
}
#chamadashome .parceiros:hover,
#chamadashome .receitas:hover {
  background-size: 110% !important;
}
@media (max-width: 900px) {
  #chamadashome .parceiros,
  #chamadashome .receitas {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }
  #chamadashome .parceiros:hover,
  #chamadashome .receitas:hover {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }
}
@media (max-width: 640px) {
  #chamadashome .parceiros,
  #chamadashome .receitas {
    width: 100% !important;
    height: 180px !important;
  }
  #chamadashome .parceiros a,
  #chamadashome .receitas a {
    font-size: 14px !important;
    background: rgba(0, 0, 0, 0.8) url('../img/x.png') repeat center;
    width: 90%;
    border: none;
  }
}
#chamadashome .parceiros {
  background: #111111 url('../img/packshot.jpg') no-repeat scroll center center;
  float: right !important;
}
#chamadashome .receitas {
  background: #111111 url('../img/receitas.jpg') no-repeat scroll center center;
  float: left !important;
}
#empresa {
  background: url('../img/quemsomos.jpg') no-repeat scroll center center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media (max-width: 640px) {
  #empresa #packshot {
    width: 400px;
    height: auto;
  }
}
@media (max-width: 480px) {
  #empresa #packshot {
    width: 300px;
    height: auto;
  }
}
#produtos {
  background: url('../img/produtos.jpg') no-repeat scroll center center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#produtos .ct-dir {
  padding-right: 50px;
}
@media (max-width: 640px) {
  #produtos .ct-dir {
    padding-right: 5px !important;
  }
}
#produtos .pacotes {
  width: 281px;
  height: 247.5px;
}
@media (max-width: 640px) {
  #produtos .pacotes {
    width: 95%;
    height: auto;
    margin-top: 30px;
  }
}
#produtos .produto {
  background: rgba(255, 255, 255, 0.5) url('../img/x.png') repeat center;
  -o-border-radius: 150px;
  -ms-border-radius: 150px;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  border-radius: 150px;
  text-align: center !important;
  width: 100px;
  height: 100px;
  margin: 10px 40px 90px 0px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  transition: background ease-in-out 0.2s;
  border-bottom: 1px solid #ffffff;
}
#produtos .produto .nomeproduto {
  text-align: center !important;
  width: 90%;
  display: inline-block;
  padding: 5px 0;
  color: #ffffff;
  margin-top: -10px;
  font-size: 13px;
  vertical-align: top;
}
#produtos .produto .fotoproduto {
  margin-top: 50%;
  transform: translateY(-50%);
  text-align: center !important;
  height: 65px;
}
#produtos .produto:hover,
#produtos .produto:active {
  background: rgba(255, 255, 255, 0.75) url('../img/x.png') repeat center;
}
@media (max-width: 640px) {
  #produtos .produto {
    margin: 0px 20px 60px 0px;
  }
}
#contato {
  background: url('../img/quemsomos.jpg') no-repeat scroll center center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#contato form label {
  width: 100% !important;
  clear: both !important;
  font-size: 14px;
  color: #ffffff;
}
#contato form input[type=text],
#contato form [type=email],
#contato form [type=number],
#contato form select,
#contato form textarea {
  width: 100% !important;
  background: rgba(255, 255, 255, 0.7) url('../img/x.png') repeat center;
  outline: none;
  padding: 4px 10px;
  margin: 3px 0 5px 0;
  font-size: 14px;
  color: #111111;
  transition: all ease-in-out 0.2s;
  font-family: "Open Sans", "Verdana", "Tahoma", "Arial";
}
#contato form textarea {
  height: 80px;
  max-height: 150px;
  margin-bottom: 0 !important;
}
#contato form select {
  padding: 5px 10px;
}
#contato form #cidade {
  max-width: 98%;
}
#contato form #tel {
  float: right !important;
  max-width: 98%;
}
#contato form input[type=submit] {
  float: right !important;
  background: #db8f3e;
  background: -o-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -ms-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -moz-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -webkit-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db8f3e, endColorstr=#ce673f, GradientType=0);
  outline: none;
  padding: 8px 20px;
  margin: 10px 0 0 0;
  font-size: 16px;
  color: #ffffff;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
  font-family: "Open Sans", "Verdana", "Tahoma", "Arial";
}
#contato form input[type=submit]:hover {
  background: #db8f3e;
  background: -o-linear-gradient(right, #db8f3e 0%, #ce673f 100%);
  background: -ms-linear-gradient(right, #db8f3e 0%, #ce673f 100%);
  background: -moz-linear-gradient(right, #db8f3e 0%, #ce673f 100%);
  background: -webkit-linear-gradient(right, #db8f3e 0%, #ce673f 100%);
  background: linear-gradient(right, #db8f3e 0%, #ce673f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db8f3e, endColorstr=#ce673f, GradientType=0);
}
#contato iframe {
  margin: 30px 0 0 0 !important;
}
#contato h3 {
  font-family: "Open Sans", "Verdana", "Tahoma", "Arial";
  color: #ffffff;
  margin-top: 20px;
  margin-bottom: 10px;
}
#contato a {
  color: #ffffff;
  font-size: 16px;
  margin: 0 auto !important;
}
#contato p {
  font-size: 16px;
}
#contato .alct {
  margin-top: 120px !important;
}
@media (max-width: 640px) {
  #contato .alct {
    margin-top: 0px !important;
  }
  #contato .alct p {
    font-size: .9em !important;
  }
  #contato .alct p a {
    font-size: .9em;
  }
}
#receitas {
  background: url('../img/receitas.png') no-repeat scroll center center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#receitas .ct-esq {
  padding-right: 10px !important;
}
#receitas h2 {
  width: 100% !important;
  margin: 10px 0;
}
#receitas h2 span {
  background: #0033d1 url('../img/x.png') repeat center;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 20px;
  padding: 8px 20px 6px 50px;
  position: relative;
}
#receitas h2 span:before {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: 5px;
  top: -1px;
}
@media (max-width: 640px) {
  #receitas h2 span {
    padding: 8px 10px 6px 10px;
    font-size: 15px;
  }
  #receitas h2 span:before {
    content: none !important;
    display: none !important;
  }
}
#receitas h2 .bolos:before {
  content: url('../img/ico-bolos.png');
}
#receitas h2 .tortas:before {
  content: url('../img/ico-tortas.png');
}
#receitas h2 .doces:before {
  content: url('../img/ico-doces.png');
}
#receitas h2 .molhos:before {
  content: url('../img/ico-molhos.png');
}
#receitas h2 .salgados:before {
  content: url('../img/ico-salgados.png');
}
#receitas .receita {
  width: 160px;
  margin: 10px 0;
  min-height: 164px;
  height: auto;
  vertical-align: top;
  display: inline-block;
  transition: all ease-in-out 0.2s;
  text-align: center !important;
}
#receitas .receita .nomereceita {
  width: 100% !important;
  float: left !important;
  text-align: center !important;
  padding: 5px 0px;
  color: #ffffff;
  font-size: 12px;
}
#receitas .receita .imgreceita {
  width: 100% !important;
  text-align: center !important;
}
#receitas .receita .imgreceita img {
  border-radius: 100px;
  transition: all ease-in-out 0.2s;
  box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.1);
}
#receitas .receita:hover .imgreceita img,
#receitas .receita:active .imgreceita img {
  transform: scale(1.07);
}
@media (max-width: 640px) {
  #receitas .receita {
    width: 45%;
    margin: 10px 5px;
  }
  #receitas .receita .imgreceita img {
    width: 110px;
    height: 110px;
  }
}
#receita {
  background: url('../img/receitas.png') no-repeat scroll center center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
#receita .imagemreceita {
  width: 100% !important;
  height: 350px;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media (max-width: 640px) {
  #receita .imagemreceita {
    height: 200px;
  }
}
#receita .btreceita {
  display: block !important;
  float: left !important;
  text-align: center !important;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background: #db8f3e;
  background: -o-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -ms-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -moz-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: -webkit-linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  background: linear-gradient(left, #db8f3e 0%, #ce673f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db8f3e, endColorstr=#ce673f, GradientType=0);
  padding: 10px 25px;
  color: #ffffff;
  transition: all ease-in-out 0.2s;
  font-size: 14px;
  margin: 10px 0 0 0;
}
#receita .btreceita i {
  color: #ffffff;
  margin-right: 5px;
}
#receita .btreceita:hover:hover {
  background: #db8f3e;
  background: -o-linear-gradient(right, #db8f3e 0%, #ce673f 100%);
  background: -ms-linear-gradient(right, #db8f3e 0%, #ce673f 100%);
  background: -moz-linear-gradient(right, #db8f3e 0%, #ce673f 100%);
  background: -webkit-linear-gradient(right, #db8f3e 0%, #ce673f 100%);
  background: linear-gradient(right, #db8f3e 0%, #ce673f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db8f3e, endColorstr=#ce673f, GradientType=0);
}
@media (max-width: 640px) {
  #receita .btreceita {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
#receita .modo {
  margin-top: 20px;
}
#receita .modo p {
  margin-top: 0 !important;
}
#receita h3 {
  font-size: 20px;
  color: #EEE;
  font-weight: bold;
  font-family: "Open Sans", "Verdana", "Tahoma", "Arial";
}
#receita ul {
  list-style: none;
  margin-top: 20px;
}
#receita ul li {
  list-style: disc;
  margin-left: 23px;
  font-size: 14px;
  margin-bottom: 5px;
  color: #ffffff;
}
@media (max-width: 640px) {
  #receita h1 span {
    font-size: 16px;
  }
}
#receita h5 {
  display: block !important;
  font-size: 16px;
  margin-top: 8px;
  color: #ddd;
  font-weight: bold;
}
@print {
  @page {
    margin: 1.5cm;
  }
}
#imprimir-receita #topo {
  background-color: #bbb;
  text-align: center !important;
  padding: 10px 0;
}
#imprimir-receita #titulo {
  width: 100% !important;
  text-align: center !important;
  font-size: 24pt;
  font-family: "Open Sans", "Verdana", "Tahoma", "Arial", 'Arial Black';
  margin: 0.5cm 0;
  color: #444444;
}
#imprimir-receita h2 {
  font-size: 18pt;
  font-weight: bold;
  margin: 0 0 0.5cm 0;
}
#imprimir-receita ul {
  list-style: none;
}
#imprimir-receita ul li {
  list-style: disc;
  margin-left: 23px;
  font-size: 12pt;
  margin-bottom: 0.2cm;
}
#imprimir-receita p {
  font-size: 12pt;
  margin: 0 0 0.5cm 0;
  line-height: .7cm;
}
