html { position: relative;  width: 100%;  min-height: 100%;  overflow-x:hidden;}
body {  margin-bottom: 500px;}
.home-bg{min-height:579px; background: #f2f2f2 url(../imgs/bg-banner.jpg) top center no-repeat; position: relative;} 
.pages-bg{height:120px; background: #f2f2f2 url(../imgs/bg-banner-height-120.jpg) no-repeat;}

.container{font-family: 'Catamaran', sans-serif; font-size: 16px; color:#333333; font-weight: 400; line-height: 22px;}
.logotipo{margin-top: 12px;}

.bg-gray{background:#f2f2f2; padding:40px 0 70px !important; margin-bottom:40px;}

/*HELPERS*/
.pl30{padding-left: 30px !important;}.pl25{padding-left: 25px !important;}.pl20{padding-left: 20px !important;} .pl15{padding-left: 15px !important;}.pl10{padding-left: 10px !important;}.pl5{padding-left: 5px !important;}.pl0{padding-left: 0px !important;}.pr30{padding-right: 30px !important;}.pr25{padding-right: 25px !important;}.pr20{padding-right: 20px !important;}.pr10{padding-right: 10px !important;}.pr5{padding-right: 5px !important;}.pr0{padding-right: 0px !important;}.p1{padding: 1px!important;}
.p0{padding: 0px!important;}.p15{padding: 15px!important;}
.pb60{padding-bottom: 60px !important;}

.mtop50{margin-top: 50px;} .mtop40{margin-top: 40px;}.mtop30{margin-top: 30px;}.mtop25{margin-top: 25px;}.mtop20{margin-top: 20px;}.mtop15{margin-top: 15px !important;}.mtop10{margin-top: 10px;}.mtop5{margin-top: 5px !important;}.mtop0{margin-top: 0px !important;}
.mb60{margin-bottom: 60px !important;}.mb50{margin-bottom: 50px !important;}.mb40{margin-bottom: 40px !important;} .mb30{margin-bottom: 30px !important;} .mb25{margin-bottom: 25px !important;} .mb20{margin-bottom: 20px !important;} .mb10{margin-bottom: 10px !important;} .mb5{margin-bottom: 5px !important;} .mb0{margin-bottom: 0px !important;}

.fsize10{font-size: 10px  !important;}.fsize12{font-size: 12px  !important;}.fsize14{font-size: 14px  !important;}.fsize16{font-size: 16px  !important;}.fsize18{font-size: 18px  !important;}.fsize20{font-size: 20px  !important;}.fsize26{font-size: 26px  !important;}.fsize30{font-size: 30px  !important;}.fsize36{font-size: 36px  !important;}
.fsize46{font-size: 46px  !important;}.fsize50{font-size: 50px  !important;}

.videos-thumbnail{min-height: 200px; margin-bottom: 10px;}

/* »»»» Produtos «««« */
.product-family{margin-bottom: 25px;}
.lista-lojas-nos-produtos{min-height:140px;}
.lista-lojas-nos-produtos img{width:100%; min-width:92px;}
.separator-videos{border:1px dotted #eeeeee !important; margin:40px 0 !important;}
a, img { border:none; outline:none;}
.bg-header-title{background:#f2f2f2; padding:30px 0 20px 0; margin-bottom:20px;}

.list-grupos{width: 100% !important; margin:0 15px !important; padding: 0 !important;}
.list-grupos .btn-rectangle-list {
  float: left !important; margin:0 15px !important;
  width: 16% !important; text-align: center !important; text-transform: uppercase;
  list-style: none !important;
  background:#d0d0d0;
  font-family: 'Catamaran', sans-serif;
  color: #ffffff;
  border-bottom:1px solid #cccccc;
  padding-top:8px; height:36px;
}
.list-grupos .active {
  color:#eeeeee;
  background: #f11322;
  border-bottom:1px solid #cccccc;
}

.aside-produtos-relacionados{border-bottom:1px solid #eeeeee; padding:6px 0; margin-bottom:5px;}

#produtos .produtos-item {
    right: 0;
    margin: 0 0 15px 0;
    min-height: 280px
}

#produtos .produtos-item .produtos-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#produtos .produtos-item .produtos-link .produtos-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(194,43,60,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#produtos .produtos-item .produtos-link .produtos-hover:hover {
    opacity: 1;
}

#produtos .produtos-item .produtos-link .produtos-hover .produtos-hover-content {
    position: absolute;
    top: 45%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

#produtos .produtos-item .produtos-link .produtos-hover .produtos-hover-content i {
    margin-top: -12px;
}

#produtos .produtos-item .produtos-caption {
  margin: 0 auto;
  padding: 15px;
  max-width: 400px;
  position: relative;
  background:#eeeeee; padding:5px; border-bottom:1px solid #cccccc;
}

#produtos .produtos-item .produtos-caption h4 {
    margin: 0;
    text-transform: none;
}

#produtos .produtos-item .produtos-caption p {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: italic;
}

#produtos * {
    z-index: 2;
}



/* »»»» Receitas «««« */
.receitas-listagem{margin-bottom: 40px;}
.receitas-listagem h4 small{font-size: 11px; text-transform: none !important;}
.print-visible{visibility: hidden !important; display: none !important;}
.fa-lg{font-size: 14px; line-height: 0.75em; vertical-align: 0%;}

/* »»»» Lojas «««« */

.lojas-box1{height:160px; padding:10px 20px 20px 20px; background:#cd2b36; border-bottom:1px solid #dddddd; color:#FFFFFF; position:relative;}
.lojas-box2{height:160px; padding:10px 20px; background:#cd2b36; border-bottom:1px solid #dddddd; color:#FFFFFF; position:relative;}
.lojas-box3{height:160px; padding:10px 20px; background:#cd2b36; border-bottom:1px solid #dddddd; color:#FFFFFF; position:relative;}

.fa-arrow-right{position:absolute; right:5%; top:42%; color:#dddddd;}
.fa-arrow-right:hover{color:#cd2b36;}

#mapaffix{padding:10px !important; background: #ffffff !important; border-bottom:1px solid #dddddd;}
#mapaffix.affix{
  top: 0px; /* Set the top position of pinned element */
  width: 1140px;
  height: 350px !important;
  z-index: 999;
  
}

.map {
  min-width: 100%;
  min-height: 500px;
  width: 100%;
  height: 100%;
  padding:2% !important;
  
}
#map-bg-border{padding:10px !important; background: #faf7f7 !important; border-bottom:1px solid #dddddd;}
.map-loja {
  min-width: 100%;
  min-height: 500px;
  width: 100%;
  height: 100%;
  padding:2% !important;
  
}

/* -------------------------------------
\   navbar header
---------------------------------------*/
.navbar {
  margin-bottom: 0px !important;
}
.header-title-right{font-family: 'Bad Script', cursive !important; color:#FFFFFF; line-height: normal;}
.navbar-default{background: none; border:none;}
.navbar-brand{padding:0px !important; background: url(../imgs/logotipo.png) no-repeat; width:150px; height:96px; margin: 12px 0 0px !important;}
.navbar-nav li a {
  font-family: 'Catamaran', sans-serif;
  font-size: 16px;
  color:#FFFFFF !important;
  padding: 10px 10px 30px 10px;
  margin: 10px 15px 0 0;
}
.navbar-nav li a:hover {  color:#d68085 !important;  text-decoration: none;}
.navbar-collapse {
  padding-right: 0px !important;
  margin-right:0px !important;
}


/* -------------------------------------
\   Footer
---------------------------------------*/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 460px;
  
}
.footer h4{font-size: 18px; margin-top: 0px; font-weight: 500;}
.footer .border-b-white{border-bottom:1px dotted #dc5961; padding-bottom: 5px; margin-bottom: 25px;}
.footer .bg-red{background-color: #cd2b36; height: auto; padding: 30px 0px 15px; }
.footer .bg-red .row{color:#FFFFFF !important; font-size: 14px;}
.footer .bg-red .row .border-b-white{margin-bottom: 15px !important;}

.footer .bg-logos{background-color: #cd2b36; height: auto; padding:15px 0; }
.footer .bg-copy{background-color:#a1222a; height: auto; padding:10px 0; }
.footer .bg-copy .col-xs-12, .footer .bg-copy .col-sm-6, .footer .bg-copy .col-sm-2 { font-size: 12px !important;  padding-top: 6px; color:#dddddd !important;}
.footer .bg-copy a{color:#dddddd;}
.footer .bg-copy a:hover{color:#ffffff;}
.footer .bg-copy .col-sm-2{float: right; text-align: right;}

/* -------------------------------------
\   texts and titles styles
---------------------------------------*/
h1,h2,h3,h4,h5{font-family: 'Catamaran', sans-serif; font-weight: 300; margin-top: 5px; margin-bottom: 2px;}
hr{margin-top:8px; border-bottom:1px solid #eeeeee !important;}
.border-b-white{border-bottom:2px solid #FFFFFF; padding-bottom: 5px; margin-bottom: 25px;}
.border-b-gray{border-bottom:1px solid #eeeeee; padding-bottom: 6px; margin-bottom: 25px;}
.tahoma{font-family: "Tahoma", sans-serif;}
.section-titles {
  margin: 25px 0;
  z-index: 1;
  position: relative;
}
.line-center {
  border-top: solid 1px #e1a3a7;
  position: absolute;
  display: block;
  top: 50%;
  width: 100%;
  z-index: 0px;
}
.line-title {
  background-color: #cd2b36 !important;
  z-index: 20;
  position: relative;
  text-align: center;
  padding: 0 30px;
  border-radius: 6px;
}
.text-header{font-family: 'Bad Script', cursive !important; line-height: 42px;}
.title-border{border-bottom:1px solid #eeeeee; padding-bottom: 8px;}
.uppercase{text-transform: uppercase; }
.c-white{color:#FFFFFF;}
.c-red{color:#cd2b36;}
.c-666{color:#333333;}
.c-black{color:#000000;}
.c-red-titles{color:#cd2b36;}

.fw300{font-weight:300 ;}
.fw400{font-weight:400 ;}
.fw500{font-weight:500 ;}
.fw700{font-weight:700 ;}


/* -------------------------------------
\   links
---------------------------------------*/
a{color:#000000;}
a:hover{color: #cd2b36; text-decoration: none !important;}
a.footer-link{color:#ffffff; }
a.footer-link:hover{color:#dddddd;}
a.thumbnail{margin-bottom: 10px;}
a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#f15563 !important;}

.btn-danger{background:#cd2b36; }

.btn-rectangle{background:#cd2b36; position:absolute; z-index:50; padding-top:8px; top:160px; min-height:40px; height:40px; width:80%; right:10%; border:2px solid #ffffff; }
.btn-rectangle:hover{background:#aa252e; border:2px solid #ffffff; cursor:pointer; color:#ffffff;}

.btn-rectangle-list a{ padding-top:10px; height:40px; 
  width:100% !important;  min-width: 100% !important;
  color:#FFFFFF;
}
.btn-rectangle-list:hover{ 
  color:#f98c93;
  background: #e62330;
}
.list-grupos .active a:hover {
  cursor:pointer !important; color:#ffffff;
}


/* -------------------------------------
\   RESPONSIVE
---------------------------------------*/
@media (max-width: 1281px) {
  .home-bg{ min-height:405px; background: #c22b3c url(../imgs/bg-banner-max-width-1280.jpg) no-repeat; position:relative;}
}

@media (max-width: 768px) {
  body {  margin-bottom: 500px;}

  .promo-homepage{padding-top: 60px;}
  .navbar-default{background: #a3232f; border:none; margin-top: 15px; margin-top: 0 !important; text-align: center; overflow-x: hidden !important; text-align: center !important; position: fixed !important; z-index:999 !important;}
  .navbar-brand{padding:0px !important; background: url(../imgs/logotipo-xs.png) no-repeat; width:150px; height:40px; margin: 10px 0 0 5px !important; overflow-x: hidden !important;}
  
  .navbar-default, .navbar, .nav, .navbar-nav{ overflow: hidden !important;}
  .navbar-nav, .navbar, .nav, .navbar-nav, .navbar-right { width:100%;}
  .navbar-nav li a {
    position: relative;
    display: block;
    padding: 10px 0px !important;
    margin: 5px 0px 0 0 !important;
  }
  .content-menu-right{width: 100% !important;}

  .round-btns{margin-bottom: 60px; }

}

@media (min-width: 720px) and (max-width: 768px) {
  .receitas-listagem{height: 250px;}
}


@media (min-width: 1980px) {
  .home-bg{ min-height:405px; background: #c22b3c; position:relative;}
}
@media (min-width: 1024px) {
  #owl-demo .item{position: relative !important;}
  #owl-demo .item img{
      display: block;
      width: 80%;
      height: auto;
      margin-left:10% !important;
      border:2px solid #eeeeee;
  }
}