<!doctype html><html lang="pt-br"><head>
    <meta charset="utf-8">
    <title>Boi de Gravata Gastrobar | Bar e Gastronomia</title>
    
    <meta name="description" content="">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    
    
    <meta name="viewport" content="width=device-width, initial-scale=1">

    
    <meta property="og:description" content="">
    <meta property="og:title" content="Boi de Gravata Gastrobar | Bar e Gastronomia">
    <meta name="twitter:description" content="">
    <meta name="twitter:title" content="Boi de Gravata Gastrobar | Bar e Gastronomia">

    

    
    <style>
a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
</style>

<link rel="stylesheet" href="https://www.boidegravata.com.br/hs-fs/hub/41401215/hub_generated/template_assets/126988405606/1690325280788/marketplace/Uxeful_Templates/Table_4_2_Free/css/main.min.css">
<link rel="stylesheet" href="https://www.boidegravata.com.br/hs-fs/hub/41401215/hub_generated/template_assets/126988405599/1690325279220/marketplace/Uxeful_Templates/Table_4_2_Free/css/theme-overrides.min.css">
<link rel="stylesheet" href="https://cdn2.hubspot.net/hub/-1/hub_generated/module_assets/-2712622/1729872025158/module_-2712622_Site_search_input.min.css">

<style>
  #hs_cos_wrapper_site_search .hs-search-field__bar>form {}

#hs_cos_wrapper_site_search .hs-search-field__bar>form>label {}

#hs_cos_wrapper_site_search .hs-search-field__bar>form>.hs-search-field__input {}

#hs_cos_wrapper_site_search .hs-search-field__button {}

#hs_cos_wrapper_site_search .hs-search-field__button:hover,
#hs_cos_wrapper_site_search .hs-search-field__button:focus {}

#hs_cos_wrapper_site_search .hs-search-field__button:active {}

#hs_cos_wrapper_site_search .hs-search-field--open .hs-search-field__suggestions {}

#hs_cos_wrapper_site_search .hs-search-field--open .hs-search-field__suggestions a {}

#hs_cos_wrapper_site_search .hs-search-field--open .hs-search-field__suggestions a:hover {}

</style>

<link rel="stylesheet" href="https://www.boidegravata.com.br/hs-fs/hub/41401215/hub_generated/template_assets/126988405598/1690325275236/marketplace/Uxeful_Templates/Table_4_2_Free/css/plugins/simple-lightbox.min.css">
<link rel="stylesheet" href="https://www.boidegravata.com.br/hs-fs/hub/41401215/hub_generated/template_assets/126988872708/1690325280456/marketplace/Uxeful_Templates/Table_4_2_Free/css/plugins/owl-carousel.min.css">
<style>
  @font-face {
    font-family: "Raleway";
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("/_hcms/googlefonts/Raleway/500.woff2") format("woff2"), url("/_hcms/googlefonts/Raleway/500.woff") format("woff");
  }
  @font-face {
    font-family: "Raleway";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("/_hcms/googlefonts/Raleway/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Raleway/regular.woff") format("woff");
  }
  @font-face {
    font-family: "Raleway";
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: url("/_hcms/googlefonts/Raleway/500italic.woff2") format("woff2"), url("/_hcms/googlefonts/Raleway/500italic.woff") format("woff");
  }
  @font-face {
    font-family: "Ubuntu Mono";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("/_hcms/googlefonts/Ubuntu_Mono/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Ubuntu_Mono/regular.woff") format("woff");
  }
</style>

<!-- Editor Styles -->
<style id="hs_editor_style" type="text/css">
#hs_cos_wrapper_widget_1690419044331  { display: block !important; padding-top: 22px !important }
#hs_cos_wrapper_widget_1690419044331  { display: block !important; padding-top: 22px !important }
.dnd_area_1-row-0-force-full-width-section > .row-fluid {
  max-width: none !important;
}
/* HubSpot Non-stacked Media Query Styles */
@media (min-width:768px) {
  .dnd_area_1-row-0-vertical-alignment > .row-fluid {
    display: -ms-flexbox !important;
    -ms-flex-direction: row;
    display: flex !important;
    flex-direction: row;
  }
  .dnd_area_1-row-1-vertical-alignment > .row-fluid {
    display: -ms-flexbox !important;
    -ms-flex-direction: row;
    display: flex !important;
    flex-direction: row;
  }
  .dnd_area_1-row-2-vertical-alignment > .row-fluid {
    display: -ms-flexbox !important;
    -ms-flex-direction: row;
    display: flex !important;
    flex-direction: row;
  }
  .dnd_area_1-row-3-vertical-alignment > .row-fluid {
    display: -ms-flexbox !important;
    -ms-flex-direction: row;
    display: flex !important;
    flex-direction: row;
  }
  .dnd_area_1-row-4-vertical-alignment > .row-fluid {
    display: -ms-flexbox !important;
    -ms-flex-direction: row;
    display: flex !important;
    flex-direction: row;
  }
  .dnd_area_1-row-5-vertical-alignment > .row-fluid {
    display: -ms-flexbox !important;
    -ms-flex-direction: row;
    display: flex !important;
    flex-direction: row;
  }
  .dnd_area_1-row-6-vertical-alignment > .row-fluid {
    display: -ms-flexbox !important;
    -ms-flex-direction: row;
    display: flex !important;
    flex-direction: row;
  }
  .dnd_area_1-row-7-vertical-alignment > .row-fluid {
    display: -ms-flexbox !important;
    -ms-flex-direction: row;
    display: flex !important;
    flex-direction: row;
  }
  .dnd_area_1-dnd_partial-1-column-1-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-dnd_partial-1-column-1-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
  .dnd_area_1-column-2-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-column-2-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
  .dnd_area_1-column-2-row-0-vertical-alignment > .row-fluid {
    display: -ms-flexbox !important;
    -ms-flex-direction: row;
    display: flex !important;
    flex-direction: row;
  }
  .dnd_area_1-column-6-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-column-6-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
  .dnd_area_1-column-5-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-column-5-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
  .dnd_area_1-column-3-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-column-3-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
  .dnd_area_1-column-8-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-column-8-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
  .dnd_area_1-dnd_partial-10-column-1-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-dnd_partial-10-column-1-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
  .dnd_area_1-column-11-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-column-11-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
  .dnd_area_1-dnd_partial-13-column-1-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-dnd_partial-13-column-1-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
  .dnd_area_1-column-14-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-column-14-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
  .dnd_area_1-column-17-vertical-alignment {
    display: -ms-flexbox !important;
    -ms-flex-direction: column !important;
    -ms-flex-pack: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .dnd_area_1-column-17-vertical-alignment > div {
    flex-shrink: 0 !important;
  }
}
/* HubSpot Styles (default) */
.dnd_area_1-row-0-padding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.dnd_area_1-row-0-hidden {
  display: block !important;
}
.dnd_area_1-row-1-hidden {
  display: none !important;
}
.dnd_area_1-row-2-hidden {
  display: none !important;
}
.dnd_area_1-row-3-hidden {
  display: none !important;
}
.dnd_area_1-row-4-margin {
  margin-top: 80px !important;
}
.dnd_area_1-row-6-margin {
  margin-top: 80px !important;
}
.dnd_area_1-row-7-margin {
  margin-top: 80px !important;
}
</style>
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>

<script data-search_input-config="config_site_search" type="application/json">
{
  "autosuggest_results_message": "Resultados para \u201C[[search_term]]\u201D",
  "autosuggest_no_results_message": "N\u00E3o h\u00E1 resultados de sugest\u00E3o autom\u00E1tica para \u201C[[search_term]]\u201D",
  "sr_empty_search_field_message": "N\u00E3o h\u00E1 sugest\u00F5es porque o campo de pesquisa est\u00E1 em branco.",
  "sr_autosuggest_results_message": "H\u00E1 [[number_of_results]] resultados de sugest\u00E3o autom\u00E1tica para [[search_term]]. Percorra a lista de resultados, pressionando a seta para baixo ou volte para pesquisar todos os resultados.",
  "sr_search_field_aria_label": "Este \u00E9 um campo de pesquisa com recurso de sugest\u00E3o autom\u00E1tica inclu\u00EDdo.",
  "sr_search_button_aria_label": "Pesquisar"
}
</script>


    
    <link rel="canonical" href="https://www.boidegravata.com.br">


<meta property="og:url" content="https://www.boidegravata.com.br">
<meta name="twitter:card" content="summary">
<meta http-equiv="content-language" content="pt-br">






    
    
    
  <meta name="generator" content="HubSpot"></head>

  <body>
    <div class="page-wrapper">
      
      <div class="body-wrapper   hs-content-id-126988834211 hs-site-page page ">
        
        <div data-global-resource-path="@marketplace/Uxeful_Templates/Table_4_2_Free/templates/partials/header.html">
<div class="menu fixed">  
  <div class="container">
    <div class="display-flex flex-direction-row flex-align-center space-between">
      <span id="hs_cos_wrapper_menu_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="//boidegravata.com.br?hsLang=pt-br" id="hs-link-menu_" style="border-width:0px;border:0px;"><img src="https://www.boidegravata.com.br/hs-fs/hubfs/BDG%20RedBlack-1.png?width=3750&amp;height=775&amp;name=BDG%20RedBlack-1.png" class="hs-image-widget " height="775" style="height: auto;width:3750px;border-width:0px;border:0px;" width="3750" alt="Boi de Gravata" title="Boi de Gravata" srcset="https://www.boidegravata.com.br/hs-fs/hubfs/BDG%20RedBlack-1.png?width=1875&amp;height=388&amp;name=BDG%20RedBlack-1.png 1875w, https://www.boidegravata.com.br/hs-fs/hubfs/BDG%20RedBlack-1.png?width=3750&amp;height=775&amp;name=BDG%20RedBlack-1.png 3750w, https://www.boidegravata.com.br/hs-fs/hubfs/BDG%20RedBlack-1.png?width=5625&amp;height=1163&amp;name=BDG%20RedBlack-1.png 5625w, https://www.boidegravata.com.br/hs-fs/hubfs/BDG%20RedBlack-1.png?width=7500&amp;height=1550&amp;name=BDG%20RedBlack-1.png 7500w, https://www.boidegravata.com.br/hs-fs/hubfs/BDG%20RedBlack-1.png?width=9375&amp;height=1938&amp;name=BDG%20RedBlack-1.png 9375w, https://www.boidegravata.com.br/hs-fs/hubfs/BDG%20RedBlack-1.png?width=11250&amp;height=2325&amp;name=BDG%20RedBlack-1.png 11250w" sizes="(max-width: 3750px) 100vw, 3750px"></a></span>
      <span id="hs_cos_wrapper_menu_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_menu_" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="127151619222" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.boidegravata.com.br/clubedoboi" role="menuitem">Clube do Boi</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://pedido.takeat.app/boidegravata" role="menuitem" target="_blank" rel="noopener">Garçom Online</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.instagram.com/boidegravatabar" role="menuitem" target="_blank" rel="noopener">Instagram</a></li>
 </ul>
</div></span>
      <div class="menu-actions-wrapper">
                 
        
        <span class="material-icons toggle-menu">menu</span> 
      </div>
    </div>
  </div>
</div>

<style>
  .menu {
    padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
margin-top: 0px;
margin-bottom: 0px;

    border-bottom: 0px none rgba(204, 2, 1, 0%);

    
    background-color: rgba(255, 255, 255,1.0);
    
    box-shadow: 0px 5px 10px 0px rgba(33, 32, 52, 0.13);
  }
  .menu .hs-menu-depth-1 .hs-menu-children-wrapper a {
    font-family: Raleway, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
    color: #425b76;
    font-size: 16px;
  }
  .hs-menu-flow-horizontal .hs-menu-depth-1 li.hs-menu-depth-2.hs-item-has-children > a {
    padding-right: 21px
  }
  .menu .hs-menu-depth-1 .hs-menu-children-wrapper a:hover {
    color: rgba(153, 1, 0, 1.0);
  }
  .menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 990;
  }
  .menu .menu-actions-wrapper,
  .menu .hs_cos_wrapper_type_logo,
  .menu .hs_cos_wrapper_type_logo a {
    font-size: 0;
    line-height: 1;
  }
  .menu .menu-actions-wrapper {
    text-align: right;
  }
  .menu .hs_cos_wrapper_type_logo,
  .menu .menu-actions-wrapper {
    width: 15%;
  }

  .menu .hs-menu-depth-1 > a {
    font-weight: 500; text-decoration: none; font-family: Raleway, sans-serif; font-style: normal;
    color: #425b76;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
  }

  .menu .material-icons {
    cursor: pointer;
    color: #425b76;
    transition: .2s ease;
    vertical-align: middle;
  }

  .menu .material-icons:hover,
  .menu .hs-menu-depth-1:hover > a{
    color: rgba(66, 91, 118, 0.6);
  }
  .menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  @media (min-width: 768px) {
    .menu .mobile-navigation,
    .menu .toggle-menu {
      display: none;
    }
    .hs-menu-flow-horizontal .hs-menu-depth-2 > .hs-menu-children-wrapper,
    .hs-menu-flow-horizontal .hs-menu-depth-1 > .hs-menu-children-wrapper {
      padding-top: 20px;
      padding-bottom: 10px;
      border-bottom: 0px solid rgba(0, 0, 0, 0%);

      
      background-color: rgba(255, 255, 255,1.0);
      
      box-shadow: 0px 5px 10px 0px rgba(33, 32, 52, 0.13);
      border-radius: 4px;
      min-width: 180px;
    }
    .hs-menu-flow-horizontal .hs-menu-depth-1 {
      display: inline-block;
      margin-right: 40px;
      position: relative;
    }
    .hs-menu-flow-horizontal .hs-menu-depth-1 li {
      width: max-content;
      position: relative;
      min-width: 100%;
      padding-left: 20px;
      padding-right: 20px;
    }
    .hs-menu-flow-horizontal .hs-menu-depth-1 li a {
      display: inline-block;
      margin-bottom: 10px;
      position: relative;
      width: 100%;
    }
    .hs-menu-flow-horizontal .hs-menu-depth-1 li.hs-menu-depth-2.hs-item-has-children > a:after {
      content: 'chevron_right';
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
      transition: .2s ease;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .hs-menu-flow-horizontal .hs-menu-depth-1:before {
      content: '';
      width: 0;
      height: 1px;
      border-radius: 4px;
      position: absolute;
      bottom: 15px;
      left: 0;
      background-color: #425b76;
      transition: .2s ease;
    }
    .hs-menu-flow-horizontal .hs-menu-depth-1:hover:before {
      width: 100%;
      background-color: rgba(66, 91, 118, 0.6);
    }
    .hs-menu-flow-horizontal .hs-menu-depth-1:last-child {
      margin: 0;
    }
    .hs-menu-flow-horizontal .hs-menu-depth-1.hs-item-has-children > .hs-menu-children-wrapper {
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
    }
    .hs-menu-flow-horizontal .hs-menu-depth-2 > .hs-menu-children-wrapper {
      position: absolute;
      top: -20px;
      left: 100%;
    }
    .hs-menu-flow-horizontal .hs-menu-depth-2 > .hs-menu-children-wrapper,
    .hs-menu-flow-horizontal .hs-menu-depth-1 > .hs-menu-children-wrapper {
      transition: .4s ease;
      visibility: hidden;
      opacity: 0;
      z-index: -1;
    }
    .hs-menu-flow-horizontal .hs-menu-depth-2.hs-item-has-children:hover > .hs-menu-children-wrapper,
    .hs-menu-flow-horizontal .hs-menu-depth-1.hs-item-has-children:hover > .hs-menu-children-wrapper {
      opacity: 1;
      visibility: visible;
      z-index: 999;
    }
    .hs-menu-flow-vertical .hs-item-has-children li {
      padding-left: 20px;
    }
    .hs-menu-flow-vertical .hs-item-has-children:after  {
      content: 'add';
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
      transition: .2s ease;
      margin-bottom: 10px;
    }
    .hs-menu-flow-vertical .opened.hs-item-has-children:after  {
      transform: rotate(-45deg);
    }
  }

  @media (max-width: 767px) {
    .toggle-menu {
      margin-left: 20px;
    }
    .menu .desktop-navigation {
      display: none;
    }
    .menu .hs-menu-children-wrapper {
      order: 3;
      width: 100%;
      display: none;
    }
    .hs-menu-wrapper li {
      padding-left: 20px;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .hs-menu-wrapper li a {
      margin-bottom: 10px;
    }
    .menu .hs-item-has-children:hover:after,
    .menu .hs-menu-depth-1 > a:hover {
      color: #425b76;
    }
    .menu .hs-item-has-children:after,
    .menu .hs-menu-depth-1 > a {
      color: #425b76;
    }
    .menu .hs-menu-wrapper {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      padding-top: 20px;
      padding-bottom: 10px;
      padding-right: 20px;
      border-bottom: 0px solid rgba(0, 0, 0, 0%);

      
      background-color: rgba(255, 255, 255,1.0);
      
      box-shadow: 0px 5px 10px 0px rgba(33, 32, 52, 0.13);
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      min-width: 180px;
      overflow: auto;
      display: none;
    }
    .menu .hs-item-has-children:after  {
      content: 'add';
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      vertical-align: middle;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased;
      transition: .2s ease;
      margin-bottom: 10px;
    }
    .menu .opened.hs-item-has-children:after  {
      transform: rotate(-45deg);
    }
    .menu .hs_cos_wrapper_type_logo, .menu .menu-actions-wrapper {
      width: 40%;
    }
  }
  @media (min-width: 768px) and (max-width: 1024px) {
    .hs-menu-flow-horizontal .hs-menu-depth-1 {
      margin-right: 20px;
    }
  }

  /* Lang switcher */
  .menu .lang-switcher-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
  }

  .menu .lang_switcher_class {
    font-size: 0;
    line-height: 1;
    position: initial;
  }
  .menu .globe_class {
    background-image: none;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 1;
  }

  .menu .globe_class:before {
    display: none;
  }

  .menu #site-search,
  .menu .globe_class:after {
    display: inline-block;
    vertical-align: middle;
  }

  .menu .lang_list_class {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 0px solid rgba(0, 0, 0, 0%);

    
    background-color: rgba(255, 255, 255,1.0);
    
    box-shadow: 0px 5px 10px 0px rgba(33, 32, 52, 0.13);
    border-radius: 4px;
    min-width: 180px;
    top: 100%;
    display: block;
    transition: .4s ease;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
  }
  .menu .lang_list_class.opened {
    opacity: 1;
    visibility: visible;
    z-index: 999;
  }
  .menu .lang_list_class:before,
  .menu .lang_list_class:after {
    display: none;
  }
  .menu .lang_list_class li {
    width: max-content;
    position: relative;
    min-width: 100%;
    padding: 0 20px;
    border: none;
    cursor: default;
    background: transparent;
  }
  .menu .lang_list_class li a {
    font-family: Raleway, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
    color: #425b76;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    line-height: 1.5;
  }
  .menu .lang_list_class li a:hover {
    color: rgba(153, 1, 0, 1.0);
  }
  /* Lang switcher */
</style>


<script>
  jQuery(document).ready(function($) {
    var menuHeight = $('.menu').outerHeight();
    $('body').css('padding-top', menuHeight + 'px');
  });
</script>


<script>
  jQuery(document).ready(function($) {

    function mobileMenu() {
      var headerHeight = $('.menu').outerHeight();
      if ($(window).width() > 768) {
        var submenuWrapperHeight = $('.hs-menu-flow-horizontal .hs-item-has-children').outerHeight();
        var submenuHeight = $(window).height() - headerHeight - 20;
        var langSwitchWrapperheight = $('.menu .lang-switcher-wrapper').outerHeight();
        $('.menu .lang-switcher-wrapper ').css({'padding-bottom': (headerHeight - langSwitchWrapperheight) / 2 + 'px', 'margin-bottom': '-'+ (headerHeight - langSwitchWrapperheight) / 2 + 'px'});
        $('.menu .lang_list_class').css('max-height', submenuHeight + 'px');
        $('.hs-menu-flow-horizontal  .hs-menu-children-wrapper').css('max-height', submenuHeight + 'px');
        $('.hs-menu-flow-horizontal .hs-menu-depth-1').css({'padding-bottom': (headerHeight - submenuWrapperHeight) / 2 + 'px', 'margin-bottom': '-'+ (headerHeight - submenuWrapperHeight) / 2 + 'px'});
      }
      if ($(window).width() <= 767) {
        $('.menu .toggle-menu').click(function() {
          $(this).text(function(i, text){
            return text === "menu" ? "close" : "menu";
          });
          $('.menu .hs-menu-wrapper').toggle();
        });
        $('.menu .hs-item-has-children').click(function(e) {
          e.stopPropagation();
          var submenuHeight = $(window).height() - headerHeight;
          $(this).toggleClass('opened');
          $(this).find('.hs-menu-children-wrapper').first().toggle();
          $('.menu .hs-menu-wrapper').css('max-height', submenuHeight + 'px');
        });
      }
    }

    mobileMenu();
    
//     $( window ).resize(function() {
//       mobileMenu();
//     });

    $('.menu .lang-switcher-wrapper #site-lang').click(function() {
      $('.menu .lang-switcher-wrapper .lang_list_class').toggleClass('opened');
    });
  });
</script>

<div class="search-modal-wrapper">
  <div class="modal">
    <div class="modal-card">
      <div id="hs_cos_wrapper_site_search" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">












  









<div class="hs-search-field">
    <div class="hs-search-field__bar hs-search-field__bar--button-inline  ">
      <form data-hs-do-not-collect="true" class="hs-search-field__form" action="/hs-search-results">

        <label class="hs-search-field__label " for="site_search-input">Pesquisar no Site</label>

        <input role="combobox" aria-expanded="false" aria-controls="autocomplete-results" aria-label="Este é um campo de pesquisa com recurso de sugestão automática incluído." type="search" class="hs-search-field__input" id="site_search-input" name="q" autocomplete="off" aria-autocomplete="list" placeholder="Pesquisar">

        
          <input type="hidden" name="type" value="SITE_PAGE">
        
        
          <input type="hidden" name="type" value="LANDING_PAGE">
        
        
          <input type="hidden" name="type" value="BLOG_POST">
          <input type="hidden" name="type" value="LISTING_PAGE">
        
        
        
        

        <button class="hs-search-field__button " aria-label="Pesquisar">
          <span id="hs_cos_wrapper_site_search_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true"><g id="search1_layer"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" /></g></svg></span>
           </button>
        <div class="hs-search-field__suggestions-container ">
          <ul id="autocomplete-results" role="listbox" aria-label="term" class="hs-search-field__suggestions">
            
              <li role="option" tabindex="-1" aria-posinset="1" aria-setsize="0" class="results-for show-for-sr">Não há sugestões porque o campo de pesquisa está em branco.</li>
            
          </ul>
        </div>
      </form>
    </div>
    <div id="sr-messenger" class="hs-search-sr-message-container show-for-sr" role="status" aria-live="polite" aria-atomic="true">
    </div>
</div>

</div>
    </div>
  </div>
  <div class="overlay"></div>
</div>
<script>
  jQuery( document ).ready(function($) {
    $('#site-search, #site-search-mobile').click(function(e) {
      $(".search-modal-wrapper .overlay").show().addClass('visible');
      $('.search-modal-wrapper .modal').addClass('visible');
      $('body').addClass('overflow-hidden');
    });
    $(".search-modal-wrapper .overlay, .search-modal-wrapper .close").click(function() {
      closeSearchModal();
    });
    $(".search-modal-wrapper .modal").click(function(e) {
      if (e.target !== this){
        return;    
      } else {
        $( ".search-modal-wrapper .overlay" ).trigger( "click" );
      }
    });
    $(document).keyup(function(e) {
      if (e.keyCode === 27) { 
        closeSearchModal();
      }
    });
    function closeSearchModal() {
      $(".search-modal-wrapper .modal, .search-modal-wrapper .overlay").removeClass("visible");
      $("body").removeClass("overflow-hidden");
    }
    $( ".hs-search-field__bar" ).each(function( index ) {
      var button = $(this).find('button');
      var input = $(this).find('.hs-search-field__input');
      var inputHeight = input.outerHeight();
      var inputTopRightBorderadius = input.css("-webkit-border-top-left-radius");
      var inputBottomRightBorderadius = input.css("-webkit-border-bottom-left-radius");
      if (button.length > 0) {
        button.css({
          'height': inputHeight + 'px',
          'width': inputHeight + 'px',
          'margin-left': '-' + inputHeight + 'px',
          'border-top-right-radius': inputTopRightBorderadius,
          'border-bottom-right-radius': inputBottomRightBorderadius
        });
        setTimeout(function(){
          button.addClass('opc-1');
        }, 200);

        input.css('padding-right', (inputHeight + 10) + 'px');
      }
    });
  });
</script>
</div>
        
        
<div class="body-container-wrapper">
<div class="container-fluid">
<div class="row-fluid-wrapper">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd_area_1-row-0-vertical-alignment dnd-section dnd_area_1-row-0-hidden dnd_area_1-row-0-force-full-width-section dnd_area_1-row-0-padding">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd_area_1-dnd_partial-1-column-1-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_dnd_area_1-dnd_partial-1-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="banner banner-dnd_area_1-dnd_partial-1-module-2">
  <div class="container">
    <div class="content-wrapper">
      <div class="content">
        
        
        <h1 class="title">American BBQ</h1>
        
        
        <p class="description">O legítimo Churrasco Americano trazendo o melhor da cultura texana para Sete Lagoas</p>
        
        
        <div class="buttons-wrapper">
          <div class="buttons">
            
            
            
            <a href="#" class="secondary-button">
              Saiba mais
            </a>
            
          </div>
        </div>
      </div>
      
    </div>
  </div>
  
  <div class="overlay" style="background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6))">
  </div>
  
</div>

<style>
  @media (max-width: 767px) {
    .banner-dnd_area_1-dnd_partial-1-module-2 {
      padding-top: 100px;
padding-right: 20px;
padding-bottom: 100px;
padding-left: 20px;
margin-top: 0px;
margin-bottom: 0px;

    }
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .banner-dnd_area_1-dnd_partial-1-module-2 {
      padding-top: 100px;
padding-right: 20px;
padding-bottom: 100px;
padding-left: 20px;
margin-top: 0px;
margin-bottom: 0px;

    } 
  }
  @media (min-width: 1024px) {
    .banner-dnd_area_1-dnd_partial-1-module-2 {
      padding-top: 100px;
padding-right: 20px;
padding-bottom: 100px;
padding-left: 20px;
margin-top: 0px;
margin-bottom: 0px;

    } 
  }
  @media (min-width: 768px) {
    .banner-dnd_area_1-dnd_partial-1-module-2 {
      
    }
  }
  .banner-dnd_area_1-dnd_partial-1-module-2 {
    position: relative;
    overflow: hidden;
    border: 0px solid #5e6e80;

    
    background-image: url('https://www.boidegravata.com.br/hubfs/34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg');
background-size: cover;
background-position: center center;

    background-repeat: no-repeat;
    
    display:flex;
      
    justify-content: center;
    
      
    align-items: flex-end;
    
  }
  .banner .container {
    margin-left: initial;
    margin-right: initial;
    width: 100%;
  }
  .banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; 
  }
  .banner .content {
    position: relative;
    z-index: 1;
    text-align: LEFT

  }
  .banner .buttons-wrapper {
    margin: 50px 0 0;
  }
  .banner-dnd_area_1-dnd_partial-1-module-2 .title-label {
    color:rgba(255, 121, 96, 1.0);
    margin: 0 0 10px;
    display: inline-block;
  }
  .banner-dnd_area_1-dnd_partial-1-module-2 p {
    color:rgba(255, 255, 255, 0.8);
    margin: 30px 0 0;
  }
  .banner-dnd_area_1-dnd_partial-1-module-2 .title {
    color:rgba(255, 255, 255, 1.0);
    margin: 0;
  }
  .banner-dnd_area_1-dnd_partial-1-module-2 .title a,
  .banner-dnd_area_1-dnd_partial-1-module-2 .description a,
  .banner-dnd_area_1-dnd_partial-1-module-2 .link {
    color:rgba(255, 255, 255, 1.0);
  }
  .banner-dnd_area_1-dnd_partial-1-module-2 .title a:hover,
  .banner-dnd_area_1-dnd_partial-1-module-2 .description a:hover,
  .banner-dnd_area_1-dnd_partial-1-module-2 .link:hover {
    color:rgba(255, 255, 255, 0.7);
  }
  @media (max-width: 767px) {
    .banner .content {
      text-align: center;
    }
  }
</style>


<script>
  jQuery( document ).ready(function($) {
    var banner = $('.banner-dnd_area_1-dnd_partial-1-module-2');
    banner.css({
      'min-height': '-webkit-calc(100vh - ' + $('.menu').outerHeight() + 'px)',
      'min-height': '-moz-calc(100vh - ' + $('.menu').outerHeight() + 'px)',
      'min-height': 'calc(100vh - ' + $('.menu').outerHeight() + 'px)',
    });
  });
</script>
</div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section dnd_area_1-row-1-vertical-alignment dnd_area_1-row-1-hidden">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd_area_1-column-2-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd_area_1-column-2-row-0-vertical-alignment dnd-row">
<div class="row-fluid ">
<div class="span3 widget-span widget-type-cell dnd_area_1-column-3-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="3">

<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_dnd_area_1-module-4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_dnd_area_1-module-4_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><span class="title-label" style="display: inline-block;margin: 0 0 30px;">HOW IT STARTED</span>
<p>When Toni and her husband, Chad, opened their restaurant 4 years ago, they had no idea it would turn into what it has. The small catering business quickly grew into a full-fledged restaurant with a loyal following. The business has been a constant challenge and learning experience, but they wouldn't have it any other way.</p>
<hr style="max-width: 50px;">
<p style="margin:0">As the restaurant continues to grow, Toni has had to hire more staff and invest in more equipment to keep up with the demand. However, she still enjoys working with her team and seeing the smiles on their faces when they're able to</p></span></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
<div class="span1 widget-span widget-type-cell dnd_area_1-column-5-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="3" data-w="1">

</div><!--end widget-span -->
<div class="span8 widget-span widget-type-cell dnd_area_1-column-6-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="4" data-w="8">

<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_dnd_area_1-module-7" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="gallery gallery-dnd_area_1-module-7 display-flex flex-wrap">
  
    
      
      <a href="//cdn2.hubspot.net/hubfs/41401215/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/homepage-section-2-1.png" class="image" aria-label="Img 2.1" style="background-image:url(https://www.boidegravata.com.br/hubfs/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/homepage-section-2-1.png)">
        
        
        
        <img src="https://www.boidegravata.com.br/hubfs/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/homepage-section-2-1.png" alt="Img 2.1" title="Img 2.1" loading="" class="hidden">
      </a>
      
    
      
      <a href="//cdn2.hubspot.net/hubfs/41401215/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/homepage-section-2-2.png" class="image" aria-label="Img 2.2" style="background-image:url(https://www.boidegravata.com.br/hubfs/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/homepage-section-2-2.png)">
        
        
        
        <img src="https://www.boidegravata.com.br/hubfs/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/homepage-section-2-2.png" alt="Img 2.2" title="Img 2.2" loading="" class="hidden">
      </a>
      
    
  
</div>


<style>
  .sl-overlay {
    opacity: 1;
    background: rgba(255, 255, 255, 1.0);    
  }
  .sl-wrapper .sl-close span {
    color: rgba(4, 6, 55, 1.0);
  }
  .sl-wrapper .sl-navigation > button span {
    color: rgba(4, 6, 55, 1.0);
  }
  .sl-wrapper .sl-counter {
    color: rgba(4, 6, 55, 1.0);
  }
  .sl-spinner {
    border: 5px solid rgba(4, 6, 55, 1.0);
  }
  .sl-wrapper .sl-image .sl-caption {
    background:rgba(4, 6, 55, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }
  .gallery-dnd_area_1-module-7 {
    margin: -20px;
    overflow: hidden;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .gallery-dnd_area_1-module-7 .image {
    width: auto;
    flex: 1 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 20px;
    transition: .2s ease;
    transform: translateY(0px);
    max-width: 98%;
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
    overflow: hidden;
    font-size: 0;
    line-height: 1;
    position: relative;
    height: 400px; 
  }
  .gallery-dnd_area_1-module-7 .image:hover {
    transform: translateY(-5px);
  }
  .gallery-dnd_area_1-module-7 .image .hidden {
    height: 400px; 
    width: auto;
    opacity: 0;
    visibility: hidden;
    max-width: 100%;
    max-height: 100%;
  }
  .gallery-dnd_area_1-module-7 .image .background {
    position: absolute;
    min-height: 100%;
    width: auto;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  @media (max-width: 640px) {
    .gallery-dnd_area_1-module-7 .image img {
      opacity: 0;
      width: auto;
      height: auto;
      max-width: 100%;
    }
  }
  @media (max-width: 992px) {
    .gallery-dnd_area_1-module-7 {
      margin: -10px;
    }
    .gallery-dnd_area_1-module-7 .image {
      margin: 10px;
      max-width: -webkit-calc(100% - 20px);
      max-width: -moz-calc(100% - 20px);
      max-width: calc(100% - 20px);
    }
  }
</style>



<script>
  $( document ).ready(function() {
    var lightbox = new SimpleLightbox('.gallery-dnd_area_1-module-7 a', {
      'nav': true,
      'navText': ['<span class="material-icons">arrow_back_ios</span>', '<span class="material-icons">arrow_forward_ios</span>'],
      'close': true,
      'closeText': '<span class="material-icons">close</span>'
    });
  });
</script>
</div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section dnd_area_1-row-2-vertical-alignment dnd_area_1-row-2-hidden">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd_area_1-column-8-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_dnd_area_1-module-9" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="content-with-filters content-with-filters-dnd_area_1-module-9">
  
  <div class="posts full-width">
    
    
    
    <div class="category-wrapper active" id="category-1-wrapper">
      
      <div style="text-align: CENTER
">
      <h2>WHAT ARE WE PROUD OF</h2>
      
      
      <p class="mb-80">Some of our most beloved location, and how the story unfolded</p>
      
      </div>
      <div class="three-columns-row">
        
        <div class="post post-1 column theme-card  hover-translate-y" data-target="post-1">
          
          <div class="card-image" style="background-image:url(https://www.boidegravata.com.br/hubfs/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/about-us-header-image.png)"></div>
          
          <div class="card-body text-">
            <div>
              
              <h2 class="card-title ">This goes to a link</h2>
              
              
              
              <p class="card-description">
                The Brixton is a new restaurant opening in 2019 that focuses on British cuisine. It will have a bar area with TVs and a dining area with seats for around 50 people. The Brixton will serve breakfast, lunch, and dinner.
              </p>
              
            </div>
            
            <div class="card-extra-information">
              
              <div>
                <p class="extra-line-with-icon">
                  
                  <span class="material-icons">event</span>June 16, 2019
                  
                </p>
              </div>
              
            </div>
                        
          </div>
          <div class="post-images">
            
            
            
            <div class="product-image" style="background-image:url(https://www.boidegravata.com.br/hubfs/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/about-us-header-image.png)">
            </div>
            
            
            
          </div>
          
          
          
          
          <a href="#" class="card-link">
          </a>
          
        </div>
        
        <div class="post post-2 column theme-card crs-pointer has-modal-details hover-translate-y " data-target="post-2">
          
          <div class="card-image" style="background-image:url(https://www.boidegravata.com.br/hubfs/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/about-us-header-image.png)"></div>
          
          <div class="card-body text-">
            <div>
              
              <h2 class="card-title ">This opens a modal</h2>
              
              
              
              <p class="card-description">
                The Underground is a new restaurant concept that will offer an immersive gastropub experience. The restaurant will feature a dark and moody interior with exposed brick, distressed wood, and custom lighting. The menu will feature freshly prepared traditional and innovative pub fare, with a focus on locally sourced and sustainable ingredients.
              </p>
              
            </div>
            
            <div class="card-extra-information">
              
              <div>
                <p class="extra-line-with-icon">
                  
                  <span class="material-icons">event</span>August 19, 2020
                  
                </p>
              </div>
              
            </div>
                        
          </div>
          <div class="post-images">
            
            
            
            <div class="product-image" style="background-image:url(https://www.boidegravata.com.br/hubfs/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/about-us-header-image.png)">
            </div>
            
            
            
          </div>
          
          <div class="post-details">
            <div id="hs_cos_wrapper_dnd_area_1-module-9_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="post_details"><p>The Underground is a new restaurant concept that will offer an immersive gastropub experience. The restaurant will feature a dark and moody interior with exposed brick, distressed wood, and custom lighting. The menu will feature freshly prepared traditional and innovative pub fare, with a focus on locally sourced and sustainable ingredients.</p></div>
          </div>
          
          
        </div>
        
        <div class="post post-3 column theme-card  " data-target="post-3">
          
          <div class="card-image" style="background-image:url(https://www.boidegravata.com.br/hubfs/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/about-us-header-image.png)"></div>
          
          <div class="card-body text-">
            <div>
              
              <h2 class="card-title ">This is a static card</h2>
              
              
              
              <p class="card-description">
                Seed is a restaurant that focuses on ecologically sustainable and humane agriculture. They work with local suppliers to create unique menu items that highlight the best of what the area has to offer.
              </p>
              
            </div>
            
            <div class="card-extra-information">
              
              <div>
                <p class="extra-line-with-icon">
                  
                  <span class="material-icons">event</span>March 12, 2021
                  
                </p>
              </div>
              
            </div>
                        
          </div>
          <div class="post-images">
            
            
            
            <div class="product-image" style="background-image:url(https://www.boidegravata.com.br/hubfs/raw_assets/public/@marketplace/Uxeful_Templates/Table_4_2_Free/images/website-pages/about-us-header-image.png)">
            </div>
            
            
            
          </div>
          
          <div class="post-details">
            <div id="hs_cos_wrapper_dnd_area_1-module-9_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="post_details"></div>
          </div>
          
          
        </div>
        
      </div>
      
    </div>
    
    
  </div>
  <div class="modal-wrapper">
    <div class="modal">
      <div class="modal-card">
        <span class="material-icons close">close</span>
        <div class="modal-images"></div>
        <div class="modal-body-wrapper">
          <div class="modal-title"></div>
          <div class="modal-label text-center"></div>
          <div class="modal-body"></div>
        </div>
      </div>
    </div>
    <div class="overlay"></div>
  </div>
</div>

<style>
  .content-with-filters-dnd_area_1-module-9 .filter:hover, 
  .content-with-filters-dnd_area_1-module-9 .filter.active {
    color: rgba(255, 92, 62, 1.0);
  }
  .content-with-filters-dnd_area_1-module-9 {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
  }

  .content-with-filters-dnd_area_1-module-9 .filters {
    height: auto;
    margin-right: 40px;
    overflow: auto;
  }
  .content-with-filters-dnd_area_1-module-9 .post-images,
  .content-with-filters-dnd_area_1-module-9 .post-details {
    display: none;
  }

  .content-with-filters-dnd_area_1-module-9 .filter-wrapper {
    margin: 0 0 20px;
  }

  .content-with-filters-dnd_area_1-module-9 .filter {
    cursor: pointer;
    display: inline-block;
    transition: .2s ease;
    margin: 0;
  }

  .content-with-filters-dnd_area_1-module-9 .filter.active {
    cursor: default;
  }

  .content-with-filters-dnd_area_1-module-9 .posts {
    width: -webkit-calc(100% - 190px);
    width: -moz-calc(100% - 190px);
    width: calc(100% - 190px);
  }
  
  .content-with-filters-dnd_area_1-module-9 .posts.full-width {
    width: 100%;
  }

  .content-with-filters-dnd_area_1-module-9 .post .post-title {
    margin: 0;
    text-align: left;
  }

  .content-with-filters-dnd_area_1-module-9 .post .post-label {
    opacity: .6;
    text-align: left;
    display: block;
  }

  .content-with-filters-dnd_area_1-module-9 .post:hover .icon {
    opacity: .7;
  }

  .content-with-filters-dnd_area_1-module-9 .category-wrapper {
    display: none;
  }

  .content-with-filters-dnd_area_1-module-9 .category-wrapper.active {
    display: block;
  }

  .content-with-filters-dnd_area_1-module-9 .product-image {
    width: 100%;
    height: 400px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal-card {
    padding: 0;
    max-width: 1000px;
  }

  .content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal-card .owl-nav {
    display: none;
  }

  .content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal-card .owl-dot {
    border: 1px solid rgba(255, 92, 62, 1.0);
    background-color: transparent;
  }
  .content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal-card .owl-dot.active {
    background-color: rgba(255, 92, 62, 1.0);
  }
  .content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal-card .modal-body-wrapper {
    padding: 50px 80px 80px;    
  }
  .content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal-card .modal-body-wrapper.no-images {
    padding: 80px;    
  }
  .content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal-card  .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    transition: .2s ease;
    margin: 4px;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    box-shadow: none;
  }

  .content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal-card  .owl-dots {
    padding: 30px 20px 0;
    font-size: 0;
    line-height: 1; 
  }

  .content-with-filters-dnd_area_1-module-9 .modal-wrapper span.close {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: rgba(255, 255, 255, 1.0);
    box-shadow: 0px 5px 10px 0px rgba(33, 32, 52, 0.13);
    border-radius: 50%;
    opacity: 1;
    font-size: 18px;
    line-height: 30px;
    color: rgba(255, 92, 62, 1.0) !important;
    right: 15px;
    top: 15px;  
  }
  .content-with-filters-dnd_area_1-module-9 .content-nav {
    margin: 40px 0 0;
    display: flex;
    justify-content: space-between;
  }
  
  .content-with-filters-dnd_area_1-module-9 .content-nav a {
    cursor: pointer;
  }
  
  .content-with-filters-dnd_area_1-module-9 .content-nav a span {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    font-size: inherit;
  }
  
  .content-with-filters-dnd_area_1-module-9 .content-nav .prev .material-icons {
    margin-right: 5px;
  }
  
  .content-with-filters-dnd_area_1-module-9 .content-nav .next .material-icons {
    margin-left: 5px;
  }

  @media (min-width: 993px) {
    .content-with-filters-dnd_area_1-module-9 .filters {
      position: -webkit-sticky;
      position: sticky;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 10px;
      width: 150px;
    }
    .content-with-filters-dnd_area_1-module-9 .filter-wrapper:last-child {
      margin: 0;
    }
  }

  @media (max-width: 992px) {
    .content-with-filters-dnd_area_1-module-9 .post .post-title {
      margin: 0;
    }
    .content-with-filters-dnd_area_1-module-9 .posts {
      max-width: 100%;
      width: 100%;  
    }
    .content-with-filters-dnd_area_1-module-9 .filters {
      margin-right: 0;
      padding-bottom: 40px;
      text-align: center;
      width: 100%;
    }
    .content-with-filters-dnd_area_1-module-9 .filter-wrapper {
      display: inline-block;
      margin: 0 20px 20px;
    }
    .content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal-card .modal-body-wrapper {
      padding: 40px 20px;
    }
  }
</style>


<script>
jQuery( document ).ready(function($) {

  if ($(window).width() > 992) {
    $('.content-with-filters-dnd_area_1-module-9 .filters').css({
      'top': $('.menu').outerHeight() + 30 + 'px',
      'max-height':$(window).height() - $('.menu').outerHeight() - 30 + 'px'
    });
  }

  $.each( $('.content-with-filters-dnd_area_1-module-9 #category-all-wrapper .post'), function( i, val ) {
    i=i+1;
    $(this).addClass('post-'+ i);
    $(this).attr('data-target', 'post-'+ i);
  });

  var activeCategory = '';
  var activePost = '';

  $('.content-with-filters-dnd_area_1-module-9 .has-modal-details').on('click', function() {
    var activePost = $(this).attr('data-target');
    window.location.hash = activeCategory + '/' + activePost;
    var title = '<h3>' + $(this).find('h2').first().text() + '<p>' + $(this).find('.post-label').text(); + '</p></h3>';
    var content = $(this).find('.post-details').html();
    var images = $(this).find('.post-images').html();
    $('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal .modal-images').html(images);
    $('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal .modal-title').html(title);
    $('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal .modal-body').html(content);
    $(".content-with-filters-dnd_area_1-module-9 .modal-wrapper .overlay").show().addClass('visible');
    $('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal').addClass('visible');
    $('body').addClass('overflow-hidden');
    if ($('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal .product-image').length > 1) {
      $('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal .owl-carousel').owlCarousel({
        loop:true,
        margin:0,
        nav: false,
        responsiveClass:true,
        autoplay:true,
        autoplayTimeout:5000,
        autoplayHoverPause:true,
        responsive:{
          0:{
            items:1,
            nav:true
          },
          1000:{
            items:1,
            nav:true
          }
        }
      })
    }
    if ($('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal .product-image').length === 0) {
      $('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal .modal-body-wrapper').addClass('no-images');
    }
  });

  $(".content-with-filters-dnd_area_1-module-9 .modal-wrapper .overlay, .content-with-filters-dnd_area_1-module-9 .modal-wrapper .close").click(function() {
    closeModal();
    window.location.hash = activeCategory;
  });

  $(".content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal").click(function(e) {
    if (e.target !== this){
      return;    
    } else {
      $( ".modal-wrapper .overlay" ).trigger( "click" );
    }
  });

  $(document).keyup(function(e) {
    if (e.keyCode === 27) { 
      closeModal();
    }
  });

  function closeModal() {
    $(".content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal, .content-with-filters-dnd_area_1-module-9  .modal-wrapper .overlay").removeClass("visible");
    $("body").removeClass("overflow-hidden");
    $('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal .modal-images').html('');
    $('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal .modal-title').html('');
    $('.content-with-filters-dnd_area_1-module-9 .modal-wrapper .modal .modal-body').html('');
  }

  $('.content-with-filters-dnd_area_1-module-9 .filters p').click(function() {
    var target = '#' + $(this).attr('data-target') + '-wrapper';
    $('.content-with-filters-dnd_area_1-module-9 .filters p, .content-with-filters-dnd_area_1-module-9 .posts .category-wrapper').removeClass('active');
    $(this).addClass('active');
    $(target).addClass('active');
    activeCategory = $(this).attr('data-target');
    window.location.hash = activeCategory;
    $('.content-with-filters-dnd_area_1-module-9 .content-with-filters-dnd_area_1-module-9 .filters').css({
      'max-height':$(window).height() - $('.menu').outerHeight() - 80 + 'px'
    });
    $('html, body').animate({
      scrollTop: $(target).offset().top - $('.menu').outerHeight() - 40
    }, 500);
  });

  var allPostsLength = $('.content-with-filters-dnd_area_1-module-9 #category-all-wrapper .post').length;
  $('.content-with-filters-dnd_area_1-module-9 .filters .all span').text('('+ allPostsLength +')');
  var hash = document.location.hash.replace('#', '');
  var hashArr = hash.split('/');

  $.each( hashArr, function( i, val ) {
    if(val.indexOf('category-') > -1) {
      activeCategory = val;
    }
    if(val.indexOf('post-') > -1) {
      activePost = val;
    }
  });

  if (activeCategory) {
    $('.content-with-filters-dnd_area_1-module-9 .'+ activeCategory).trigger('click');
    if (activePost) {
      $('#'+ activeCategory + '-wrapper').find('.' + activePost).trigger('click');
    }
  } else {
    activeCategory = 'category-1';
//     window.location.hash = activeCategory;
  }
  
    $('.content-with-filters-dnd_area_1-module-9 .content-nav a').click(function() {
      var currentTarget = $(this).attr('data-target');
      $('.content-with-filters-dnd_area_1-module-9 .'+ currentTarget).trigger('click');
      $('#'+ currentTarget + '-wrapper').find('.' + currentTarget).trigger('click');
    });

});
</script></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd_area_1-row-3-vertical-alignment dnd-section dnd_area_1-row-3-hidden">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd_area_1-dnd_partial-10-column-1-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_dnd_area_1-dnd_partial-10-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="text-section-with-buttons-dnd_area_1-dnd_partial-10-module-2">
  
  
  <h2 class="title">TAKE THEIR WORD FOR IT</h2>
  
  
  <p class="description">Reviews and testimonials from our happy customers</p>
  
  
</div>
<style>
  .text-section-with-buttons-dnd_area_1-dnd_partial-10-module-2 {
    text-align: CENTER

  }
  .text-section-with-buttons-dnd_area_1-dnd_partial-10-module-2 .buttons-wrapper {
    margin: 50px 0 0;
  }
  .text-section-with-buttons-dnd_area_1-dnd_partial-10-module-2 .title-label {
    margin: 0 0 10px;
    display: inline-block;
  }
  .text-section-with-buttons-dnd_area_1-dnd_partial-10-module-2 p {
    margin: 30px 0 0;
  }
  .text-section-with-buttons-dnd_area_1-dnd_partial-10-module-2 .title {
    margin: 0;
  }
  @media (max-width: 767px) {
    .text-section-with-buttons-dnd_area_1-dnd_partial-10-module-2 {
      text-align: center;
    }
  }
</style></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-section dnd_area_1-row-4-vertical-alignment dnd_area_1-row-4-margin">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd_area_1-column-11-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_dnd_area_1-module-12" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="custom-carousel image-left">
  <div class="carousel">
    <div class="owl-carousel">
      
      <div class="slide display-flex flex-align-center space-between image-left theme-cards-background">
        <div class="left-side full-width">
          
          
          <div class="stars mb-40 left-align">
            <div class="grey-stars" style="color: rgba(255, 92, 62, 1.0);">
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
            </div>
            <div class="yellow-stars" style="color: rgba(255, 92, 62, 1.0);">
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
            </div>
          </div>
          
          <div class="content">
            <div id="hs_cos_wrapper_dnd_area_1-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><p><span>Ambiente agradável e familiar. Bem frequentado. Música ao vivo. Funcionários simpáticos e atenciosos. Nota 11 para a costela ao molho barbecue.</span></p>
<p><strong>Clarissa Marques</strong></p></div>
          </div>
        </div>
        
      </div>
      
      <div class="slide display-flex flex-align-center space-between image-left theme-cards-background">
        <div class="left-side full-width">
          
          
          <div class="stars mb-40 left-align">
            <div class="grey-stars" style="color: rgba(255, 92, 62, 1.0);">
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
            </div>
            <div class="yellow-stars" style="color: rgba(255, 92, 62, 1.0);">
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
            </div>
          </div>
          
          <div class="content">
            <div id="hs_cos_wrapper_dnd_area_1-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><p><span>Almoço delicioso!</span><br><span>Bem temperado, tudo de qualidade. Chegou rápido e quentinho.</span><br><span>Ahh e ainda veio sobremesa de brinde!</span><br><br><strong>Priscila Moreira</strong></p></div>
          </div>
        </div>
        
      </div>
      
      <div class="slide display-flex flex-align-center space-between image-left theme-cards-background">
        <div class="left-side full-width">
          
          
          <div class="stars mb-40 left-align">
            <div class="grey-stars" style="color: rgba(255, 92, 62, 1.0);">
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
              <span class="material-icons">
                star_outline
              </span>   
              
            </div>
            <div class="yellow-stars" style="color: rgba(255, 92, 62, 1.0);">
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
              
              <span class="material-icons">
                star_rate
              </span>     
              
              
            </div>
          </div>
          
          <div class="content">
            <div id="hs_cos_wrapper_dnd_area_1-module-12_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="description"><p><span>Comida boa e cerveja gelada. Tem música ao vivo e atendimento bom. Indico.</span></p>
<p><strong>Laerte Santos</strong></p></div>
          </div>
        </div>
        
      </div>
      
    </div>
  </div>
</div>

<style>
  .custom-carousel .owl-dots .owl-dot {
    border: 1px solid rgba(255, 92, 62, 1.0);
    background-color: transparent;
  }
  .custom-carousel .owl-dots .owl-dot.active {
    background-color: rgba(255, 92, 62, 1.0);
  }
  .custom-carousel .owl-carousel .owl-stage-outer {
    box-shadow: 0px 5px 10px 0px rgba(33, 32, 52, 0.13);
    border-radius: 4px;
  }
  .custom-carousel .slide .content {
    font-size: 16px;
    line-height: 1.5;
  }
  .custom-carousel {
    margin:0 auto;
  }

  .custom-carousel .owl-carousel .owl-stage {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    font-size:0;
  }

  .custom-carousel .owl-nav {
    display:none !important;
  }

  .custom-carousel .carousel .owl-stage .owl-item {
    display: flex;
    flex: 1;
  }

  .custom-carousel .slide {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .custom-carousel .slide .left-side {
    position:relative;
    z-index: 2;
    width:60%;
    padding: 40px;
  }

  .custom-carousel .slide .left-side.full-width {
    width:100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .custom-carousel .slide .left-side.full-width .content {
    width:100%;
  }

  .custom-carousel .slide .right-side {
    position:relative;
    z-index: 2;
    width:40%;
    text-align:center;
    overflow: hidden;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .custom-carousel .slide.image-left .left-side {
    order:2;
  }

  .custom-carousel .slide.image-left .right-side {
    order:1;
  }

  .custom-carousel .slide .right-side img {
    max-width: 100%;
    height: auto;
  }

  .custom-carousel .owl-dots {
    width: 100%;
    text-align: left;
    line-height: 1;
    font-size: 0;
    text-align: center;
    padding: 40px 20px 0;
  }

  .custom-carousel .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    transition: .2s ease;
    margin: 4px;
    vertical-align: middle;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    box-shadow: none;
  }

  .custom-carousel .owl-dots .owl-dot.active {
    opacity: 1;
    cursor: default;
  }

  @media (max-width: 993px) {
    .custom-carousel .owl-dots {
      padding: 40px 20px 0;
    }
  }

  @media (max-width: 767px) {
    .custom-carousel .slide {
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
    }

    .custom-carousel .slide .left-side {
      order: 2;
      width:100%;
    }

    .custom-carousel .slide .right-side {
      order: 1;
      width:100%;
    }

    .custom-carousel .owl-dots {
      width: 100%;
      text-align: center;
    }

    .custom-carousel .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      border-radius:50%;
    }
    .custom-carousel div.stars,
    .custom-carousel div.stars.right-align,
    .custom-carousel div.stars.left-align {
      margin-left: auto;
      margin-right: auto;
    }

    .custom-carousel {
      max-width: 450px;
    }

  } 

  @media (max-width: 479px) {
    .custom-carousel .slide .right-side {

    }
    .custom-carousel .slide .left-side {
      padding: 20px;
    }
  }

  .custom-carousel .stars {
    text-align: left;
    font-size: 0;
    width: 120px;
    height: 24px;
  }
  .custom-carousel .stars.left-align {
    margin-left: 0;
    margin-right: auto;
  }

  .custom-carousel .stars.center-align {
    margin-left: auto;
    margin-right: auto;
  }

  .custom-carousel .stars.right-align {
    margin-left: auto;
    margin-right: 0;
  }

  .custom-carousel .grey-stars {
    position:relative;
    z-index: 1;
  }

  .custom-carousel .stars span.material-icons {
    font-size: 24px;
  }

  .custom-carousel .yellow-stars {
    position:relative;
    z-index: 2;
    margin-top: -24px;
  }

  @media (min-width: 768px) {
    .custom-carousel.image-left .owl-dots {
      left: 40%;
    }
  }
  .custom-carousel .slide p, .custom-carousel .slide span {
    color: inherit;
  }
</style></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section dnd_area_1-row-5-vertical-alignment">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column dnd_area_1-dnd_partial-13-column-1-vertical-alignment" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_dnd_area_1-dnd_partial-13-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="text-section-with-buttons-dnd_area_1-dnd_partial-13-module-2">
  
  
  <h2 class="title">Conheça algum de nossos produtos*</h2>
  
  
  
</div>
<style>
  .text-section-with-buttons-dnd_area_1-dnd_partial-13-module-2 {
    text-align: CENTER

  }
  .text-section-with-buttons-dnd_area_1-dnd_partial-13-module-2 .buttons-wrapper {
    margin: 50px 0 0;
  }
  .text-section-with-buttons-dnd_area_1-dnd_partial-13-module-2 .title-label {
    margin: 0 0 10px;
    display: inline-block;
  }
  .text-section-with-buttons-dnd_area_1-dnd_partial-13-module-2 p {
    margin: 30px 0 0;
  }
  .text-section-with-buttons-dnd_area_1-dnd_partial-13-module-2 .title {
    margin: 0;
  }
  @media (max-width: 767px) {
    .text-section-with-buttons-dnd_area_1-dnd_partial-13-module-2 {
      text-align: center;
    }
  }
</style></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-15 dnd_area_1-row-6-margin dnd_area_1-row-6-vertical-alignment dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd_area_1-column-14-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-16 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-17 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_dnd_area_1-module-16" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="gallery gallery-dnd_area_1-module-16 display-flex flex-wrap">
  
    
      
      <a href="https://cdn2.hubspot.net/hubfs/41401215/34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg" class="image" aria-label="34d330ad-2a58-4f76-bacf-93726b37ddfa" style="background-image:url(https://www.boidegravata.com.br/hubfs/34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg)">
        
        
        
        <img src="https://www.boidegravata.com.br/hs-fs/hubfs/34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg?width=1106&amp;height=1106&amp;name=34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg" alt="34d330ad-2a58-4f76-bacf-93726b37ddfa" title="34d330ad-2a58-4f76-bacf-93726b37ddfa" loading="" width="1106" height="1106" class="hidden" srcset="https://www.boidegravata.com.br/hs-fs/hubfs/34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg?width=553&amp;height=553&amp;name=34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg 553w, https://www.boidegravata.com.br/hs-fs/hubfs/34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg?width=1106&amp;height=1106&amp;name=34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg 1106w, https://www.boidegravata.com.br/hs-fs/hubfs/34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg?width=1659&amp;height=1659&amp;name=34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg 1659w, https://www.boidegravata.com.br/hs-fs/hubfs/34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg?width=2212&amp;height=2212&amp;name=34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg 2212w, https://www.boidegravata.com.br/hs-fs/hubfs/34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg?width=2765&amp;height=2765&amp;name=34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg 2765w, https://www.boidegravata.com.br/hs-fs/hubfs/34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg?width=3318&amp;height=3318&amp;name=34d330ad-2a58-4f76-bacf-93726b37ddfa.jpg 3318w" sizes="(max-width: 1106px) 100vw, 1106px">
      </a>
      
    
      
      <a href="https://cdn2.hubspot.net/hubfs/41401215/4f100ab8-b376-49ca-83d4-c404404297e2.jpg" class="image" aria-label="4f100ab8-b376-49ca-83d4-c404404297e2" style="background-image:url(https://www.boidegravata.com.br/hubfs/4f100ab8-b376-49ca-83d4-c404404297e2.jpg)">
        
        
        
        <img src="https://www.boidegravata.com.br/hs-fs/hubfs/4f100ab8-b376-49ca-83d4-c404404297e2.jpg?width=1080&amp;height=1080&amp;name=4f100ab8-b376-49ca-83d4-c404404297e2.jpg" alt="4f100ab8-b376-49ca-83d4-c404404297e2" title="4f100ab8-b376-49ca-83d4-c404404297e2" loading="" width="1080" height="1080" class="hidden" srcset="https://www.boidegravata.com.br/hs-fs/hubfs/4f100ab8-b376-49ca-83d4-c404404297e2.jpg?width=540&amp;height=540&amp;name=4f100ab8-b376-49ca-83d4-c404404297e2.jpg 540w, https://www.boidegravata.com.br/hs-fs/hubfs/4f100ab8-b376-49ca-83d4-c404404297e2.jpg?width=1080&amp;height=1080&amp;name=4f100ab8-b376-49ca-83d4-c404404297e2.jpg 1080w, https://www.boidegravata.com.br/hs-fs/hubfs/4f100ab8-b376-49ca-83d4-c404404297e2.jpg?width=1620&amp;height=1620&amp;name=4f100ab8-b376-49ca-83d4-c404404297e2.jpg 1620w, https://www.boidegravata.com.br/hs-fs/hubfs/4f100ab8-b376-49ca-83d4-c404404297e2.jpg?width=2160&amp;height=2160&amp;name=4f100ab8-b376-49ca-83d4-c404404297e2.jpg 2160w, https://www.boidegravata.com.br/hs-fs/hubfs/4f100ab8-b376-49ca-83d4-c404404297e2.jpg?width=2700&amp;height=2700&amp;name=4f100ab8-b376-49ca-83d4-c404404297e2.jpg 2700w, https://www.boidegravata.com.br/hs-fs/hubfs/4f100ab8-b376-49ca-83d4-c404404297e2.jpg?width=3240&amp;height=3240&amp;name=4f100ab8-b376-49ca-83d4-c404404297e2.jpg 3240w" sizes="(max-width: 1080px) 100vw, 1080px">
      </a>
      
    
      
      <a href="https://cdn2.hubspot.net/hubfs/41401215/9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg" class="image" aria-label="9aecc619-ebd0-4f7f-81aa-17c4427c0719" style="background-image:url(https://www.boidegravata.com.br/hubfs/9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg)">
        
        
        
        <img src="https://www.boidegravata.com.br/hs-fs/hubfs/9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg?width=1080&amp;height=1080&amp;name=9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg" alt="9aecc619-ebd0-4f7f-81aa-17c4427c0719" title="9aecc619-ebd0-4f7f-81aa-17c4427c0719" loading="" width="1080" height="1080" class="hidden" srcset="https://www.boidegravata.com.br/hs-fs/hubfs/9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg?width=540&amp;height=540&amp;name=9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg 540w, https://www.boidegravata.com.br/hs-fs/hubfs/9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg?width=1080&amp;height=1080&amp;name=9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg 1080w, https://www.boidegravata.com.br/hs-fs/hubfs/9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg?width=1620&amp;height=1620&amp;name=9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg 1620w, https://www.boidegravata.com.br/hs-fs/hubfs/9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg?width=2160&amp;height=2160&amp;name=9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg 2160w, https://www.boidegravata.com.br/hs-fs/hubfs/9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg?width=2700&amp;height=2700&amp;name=9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg 2700w, https://www.boidegravata.com.br/hs-fs/hubfs/9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg?width=3240&amp;height=3240&amp;name=9aecc619-ebd0-4f7f-81aa-17c4427c0719.jpg 3240w" sizes="(max-width: 1080px) 100vw, 1080px">
      </a>
      
    
      
      <a href="https://cdn2.hubspot.net/hubfs/41401215/0a9813d0-307f-4954-a45e-17ff65c78699.jpg" class="image" aria-label="0a9813d0-307f-4954-a45e-17ff65c78699" style="background-image:url(https://www.boidegravata.com.br/hubfs/0a9813d0-307f-4954-a45e-17ff65c78699.jpg)">
        
        
        
        <img src="https://www.boidegravata.com.br/hs-fs/hubfs/0a9813d0-307f-4954-a45e-17ff65c78699.jpg?width=1200&amp;height=1200&amp;name=0a9813d0-307f-4954-a45e-17ff65c78699.jpg" alt="0a9813d0-307f-4954-a45e-17ff65c78699" title="0a9813d0-307f-4954-a45e-17ff65c78699" loading="" width="1200" height="1200" class="hidden" srcset="https://www.boidegravata.com.br/hs-fs/hubfs/0a9813d0-307f-4954-a45e-17ff65c78699.jpg?width=600&amp;height=600&amp;name=0a9813d0-307f-4954-a45e-17ff65c78699.jpg 600w, https://www.boidegravata.com.br/hs-fs/hubfs/0a9813d0-307f-4954-a45e-17ff65c78699.jpg?width=1200&amp;height=1200&amp;name=0a9813d0-307f-4954-a45e-17ff65c78699.jpg 1200w, https://www.boidegravata.com.br/hs-fs/hubfs/0a9813d0-307f-4954-a45e-17ff65c78699.jpg?width=1800&amp;height=1800&amp;name=0a9813d0-307f-4954-a45e-17ff65c78699.jpg 1800w, https://www.boidegravata.com.br/hs-fs/hubfs/0a9813d0-307f-4954-a45e-17ff65c78699.jpg?width=2400&amp;height=2400&amp;name=0a9813d0-307f-4954-a45e-17ff65c78699.jpg 2400w, https://www.boidegravata.com.br/hs-fs/hubfs/0a9813d0-307f-4954-a45e-17ff65c78699.jpg?width=3000&amp;height=3000&amp;name=0a9813d0-307f-4954-a45e-17ff65c78699.jpg 3000w, https://www.boidegravata.com.br/hs-fs/hubfs/0a9813d0-307f-4954-a45e-17ff65c78699.jpg?width=3600&amp;height=3600&amp;name=0a9813d0-307f-4954-a45e-17ff65c78699.jpg 3600w" sizes="(max-width: 1200px) 100vw, 1200px">
      </a>
      
    
      
      <a href="https://cdn2.hubspot.net/hubfs/41401215/d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg" class="image" aria-label="d69f9c0a-c767-4657-845d-7a0dcf607e75-1" style="background-image:url(https://www.boidegravata.com.br/hubfs/d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg)">
        
        
        
        <img src="https://www.boidegravata.com.br/hs-fs/hubfs/d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg?width=800&amp;height=800&amp;name=d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg" alt="d69f9c0a-c767-4657-845d-7a0dcf607e75-1" title="d69f9c0a-c767-4657-845d-7a0dcf607e75-1" loading="" width="800" height="800" class="hidden" srcset="https://www.boidegravata.com.br/hs-fs/hubfs/d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg?width=400&amp;height=400&amp;name=d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg 400w, https://www.boidegravata.com.br/hs-fs/hubfs/d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg?width=800&amp;height=800&amp;name=d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg 800w, https://www.boidegravata.com.br/hs-fs/hubfs/d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg?width=1200&amp;height=1200&amp;name=d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg 1200w, https://www.boidegravata.com.br/hs-fs/hubfs/d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg?width=1600&amp;height=1600&amp;name=d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg 1600w, https://www.boidegravata.com.br/hs-fs/hubfs/d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg?width=2000&amp;height=2000&amp;name=d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg 2000w, https://www.boidegravata.com.br/hs-fs/hubfs/d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg?width=2400&amp;height=2400&amp;name=d69f9c0a-c767-4657-845d-7a0dcf607e75-1.jpg 2400w" sizes="(max-width: 800px) 100vw, 800px">
      </a>
      
    
      
      <a href="https://cdn2.hubspot.net/hubfs/41401215/f67cea1f-8319-4663-98b0-33489e79339f.jpg" class="image" aria-label="f67cea1f-8319-4663-98b0-33489e79339f" style="background-image:url(https://www.boidegravata.com.br/hubfs/f67cea1f-8319-4663-98b0-33489e79339f.jpg)">
        
        
        
        
        
        <img src="https://www.boidegravata.com.br/hs-fs/hubfs/f67cea1f-8319-4663-98b0-33489e79339f.jpg?width=1500&amp;height=842&amp;name=f67cea1f-8319-4663-98b0-33489e79339f.jpg" alt="f67cea1f-8319-4663-98b0-33489e79339f" title="f67cea1f-8319-4663-98b0-33489e79339f" loading="" width="1500" height="842" style="max-width: 100%; height: auto;" class="hidden" srcset="https://www.boidegravata.com.br/hs-fs/hubfs/f67cea1f-8319-4663-98b0-33489e79339f.jpg?width=750&amp;height=421&amp;name=f67cea1f-8319-4663-98b0-33489e79339f.jpg 750w, https://www.boidegravata.com.br/hs-fs/hubfs/f67cea1f-8319-4663-98b0-33489e79339f.jpg?width=1500&amp;height=842&amp;name=f67cea1f-8319-4663-98b0-33489e79339f.jpg 1500w, https://www.boidegravata.com.br/hs-fs/hubfs/f67cea1f-8319-4663-98b0-33489e79339f.jpg?width=2250&amp;height=1263&amp;name=f67cea1f-8319-4663-98b0-33489e79339f.jpg 2250w, https://www.boidegravata.com.br/hs-fs/hubfs/f67cea1f-8319-4663-98b0-33489e79339f.jpg?width=3000&amp;height=1684&amp;name=f67cea1f-8319-4663-98b0-33489e79339f.jpg 3000w, https://www.boidegravata.com.br/hs-fs/hubfs/f67cea1f-8319-4663-98b0-33489e79339f.jpg?width=3750&amp;height=2105&amp;name=f67cea1f-8319-4663-98b0-33489e79339f.jpg 3750w, https://www.boidegravata.com.br/hs-fs/hubfs/f67cea1f-8319-4663-98b0-33489e79339f.jpg?width=4500&amp;height=2526&amp;name=f67cea1f-8319-4663-98b0-33489e79339f.jpg 4500w" sizes="(max-width: 1500px) 100vw, 1500px">
      </a>
      
    
  
</div>


<style>
  .sl-overlay {
    opacity: 1;
    background: rgba(255, 255, 255, 1.0);    
  }
  .sl-wrapper .sl-close span {
    color: rgba(4, 6, 55, 1.0);
  }
  .sl-wrapper .sl-navigation > button span {
    color: rgba(4, 6, 55, 1.0);
  }
  .sl-wrapper .sl-counter {
    color: rgba(4, 6, 55, 1.0);
  }
  .sl-spinner {
    border: 5px solid rgba(4, 6, 55, 1.0);
  }
  .sl-wrapper .sl-image .sl-caption {
    background:rgba(4, 6, 55, 1.0);
    color: rgba(255, 255, 255, 1.0);
  }
  .gallery-dnd_area_1-module-16 {
    margin: -20px;
    overflow: hidden;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .gallery-dnd_area_1-module-16 .image {
    width: auto;
    flex: 1 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 20px;
    transition: .2s ease;
    transform: translateY(0px);
    max-width: 98%;
    max-width: -webkit-calc(100% - 40px);
    max-width: -moz-calc(100% - 40px);
    max-width: calc(100% - 40px);
    overflow: hidden;
    font-size: 0;
    line-height: 1;
    position: relative;
    height: 300px; 
  }
  .gallery-dnd_area_1-module-16 .image:hover {
    transform: translateY(-5px);
  }
  .gallery-dnd_area_1-module-16 .image .hidden {
    height: 300px; 
    width: auto;
    opacity: 0;
    visibility: hidden;
    max-width: 100%;
    max-height: 100%;
  }
  .gallery-dnd_area_1-module-16 .image .background {
    position: absolute;
    min-height: 100%;
    width: auto;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  @media (max-width: 640px) {
    .gallery-dnd_area_1-module-16 .image img {
      opacity: 0;
      width: auto;
      height: auto;
      max-width: 100%;
    }
  }
  @media (max-width: 992px) {
    .gallery-dnd_area_1-module-16 {
      margin: -10px;
    }
    .gallery-dnd_area_1-module-16 .image {
      margin: 10px;
      max-width: -webkit-calc(100% - 20px);
      max-width: -moz-calc(100% - 20px);
      max-width: calc(100% - 20px);
    }
  }
</style>



<script>
  $( document ).ready(function() {
    var lightbox = new SimpleLightbox('.gallery-dnd_area_1-module-16 a', {
      'nav': true,
      'navText': ['<span class="material-icons">arrow_back_ios</span>', '<span class="material-icons">arrow_forward_ios</span>'],
      'close': true,
      'closeText': '<span class="material-icons">close</span>'
    });
  });
</script>
</div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-18 dnd_area_1-row-7-vertical-alignment dnd_area_1-row-7-margin dnd-section">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd_area_1-column-17-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-19 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12">

<div class="row-fluid-wrapper row-depth-1 row-number-20 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_dnd_area_1-module-19" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="buttons-wrapper">
  <div class="buttons" style="text-align: CENTER
;margin-top: 0px;
">
    
    
    
    <a href="https://wa.me/5531971275910" class="primary-button" target="_blank" rel="noopener">
      Realize a sua reserva agora mesmo!
    </a>
    
  </div>
</div>
</div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

<div class="row-fluid-wrapper row-depth-1 row-number-21 dnd-row">
<div class="row-fluid ">
<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div id="hs_cos_wrapper_widget_1690419044331" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_widget_1690419044331_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div>* Disponibilidade podendo variar por dia ou enquanto houver estoque.<br>¹ Não é obrigatório a reserva de mesas, podendo ter atendimento por disponibilidade de mesas.<br><br><br></div>
<p>&nbsp;</p></span></div>

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div><!--end row-->
</div><!--end row-wrapper -->

</div><!--end widget-span -->
</div>
</div>
</div> 
</div>
<script>
  jQuery(document).ready(function($) {
    $('body').addClass('hs-layout-wp');
  });
</script>

        
        <div data-global-resource-path="@marketplace/Uxeful_Templates/Table_4_2_Free/templates/partials/fixed_button.html"><div id="hs_cos_wrapper_call_button" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="fixed-button-wrapper fixed-button-wrapper-call_button h-position-left v-position-bottom">


<a href="https://instagram.com/boidegravatabar" class="primary-button fixed-button" target="_blank" rel="noopener">
  <span class="material-icons">
    instagram
  </span>
</a>

<style>
  .fixed-button-wrapper-call_button {
    padding: 24px;
margin-top: 0px;
margin-bottom: 0px;

    position: fixed;
    z-index: -999;
    display: none;
  }
  
  .hs-layout-wp .fixed-button-wrapper-call_button {
    z-index: 970;
    display: block;
  }  
  
  
  
  
    
  .fixed-button-wrapper-call_button.h-position-left {
    left:0;
  }
  .fixed-button-wrapper-call_button.h-position-right {
    right:0;
  }
  .fixed-button-wrapper-call_button.v-position-top {
    top:0;
  }
  .fixed-button-wrapper-call_button.v-position-center {
    top:50%;
    transform: translateY(-50%);
  }
  .fixed-button-wrapper-call_button.v-position-bottom {
    bottom:0;
  }
  .fixed-button-wrapper-call_button .fixed-button {
    padding: 0;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
  }
  .fixed-button-wrapper-call_button .fixed-button span {
    color: inherit;
    font-size: 25.0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
</style></div>
<div class="container-fluid">
<div class="row-fluid-wrapper">
<div class="row-fluid">
<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12">

</div><!--end widget-span -->
</div>
</div>
</div></div>
        
      </div>
      
<script defer src="/hs/hsstatic/cms-free-branding-lib/static-1.267/js/index.js"></script>
<!-- HubSpot performance collection script -->
<script defer src="https://static.hsappstatic.net/content-cwv-embed/static-1.1293/embed.js"></script>
<script>
var hsVars = hsVars || {}; hsVars['language'] = 'pt-br';
</script>

<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
<script src="https://cdn2.hubspot.net/hub/-1/hub_generated/module_assets/-2712622/1729872024481/module_-2712622_Site_search_input.min.js"></script>
<script src="https://www.boidegravata.com.br/hs-fs/hub/41401215/hub_generated/template_assets/126989291446/1690325277250/marketplace/Uxeful_Templates/Table_4_2_Free/js/plugins/simple-lightbox.min.js"></script>
<script src="https://www.boidegravata.com.br/hs-fs/hub/41401215/hub_generated/template_assets/126988405615/1690325277661/marketplace/Uxeful_Templates/Table_4_2_Free/js/plugins/owl-carousel.min.js"></script>
<script src="https://www.boidegravata.com.br/hs-fs/hub/41401215/hub_generated/module_assets/126988872784/1690325272974/module_126988872784_Carousel.min.js"></script>

<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(["setContentType", "standard-page"]);
_hsq.push(["setCanonicalUrl", "https:\/\/www.boidegravata.com.br"]);
_hsq.push(["setPageId", "126988834211"]);
_hsq.push(["setContentMetadata", {
    "contentPageId": 126988834211,
    "legacyPageId": "126988834211",
    "contentFolderId": null,
    "contentGroupId": null,
    "abTestId": null,
    "languageVariantId": 126988834211,
    "languageCode": "pt-br",
    
    
}]);
</script>

<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/41401215.js"></script>
<!-- End of HubSpot Analytics Code -->


<script type="text/javascript">
var hsVars = {
    render_id: "f34807dd-ddad-4796-a1f5-8866e081814b",
    ticks: 1729995888775,
    page_id: 126988834211,
    
    content_group_id: 0,
    portal_id: 41401215,
    app_hs_base_url: "https://app.hubspot.com",
    cp_hs_base_url: "https://cp.hubspot.com",
    language: "pt-br",
    analytics_page_type: "standard-page",
    scp_content_type: "",
    analytics_page_id: "126988834211",
    category_id: 1,
    folder_id: 0,
    is_hubspot_user: false
}
</script>


<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.354/js/index.js"></script>


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8X0PTNW703"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-8X0PTNW703');
</script>

      
      <div data-global-resource-path="@marketplace/Uxeful_Templates/Table_4_2_Free/templates/partials/footer.html">
<div class="footer">
  <div class="container">
    <div class="details">
      
      <div class="footer-item">
        <span class="material-icons icon">call</span>
        <p class="title">Telefone</p>
        
        <p class="description">(31) 97127-5910</p>
        
      </div>
      
      <div class="footer-item">
        <span class="material-icons icon">location_on</span>
        <p class="title">Endereço</p>
        
        <p class="description">Rua Pedra Grande, 292 - Bairro São Dimas, Sete Lagoas/MG</p>
        
      </div>
      
      <div class="footer-item">
        <span class="material-icons icon">calendar_month</span>
        <p class="title">Horários de Funcionamento</p>
        
        <p class="description">Terças a Sextas: a partir das 18h</p>
        
        <p class="description">Sábado: a partir das 17h</p>
        
        <p class="description">Domingos: Fechado</p>
        
      </div>
      
      
      <div class="footer-item social-media-links">
        
        
        
        <a href="https://facebook.com/boidegravatabar" aria-label="Facebook" target="_blank" rel="noopener">
          <span id="hs_cos_wrapper_footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="Facebook Square1_layer"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" /></g></svg></span>
        </a>
        
        
        
        <a href="https://instagram.com/boidegravatabar" aria-label="" target="_blank" rel="noopener">
          <span id="hs_cos_wrapper_footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="Instagram Square2_layer"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" /></g></svg></span>
        </a>
        
        
        
        <a href="https://pedido.takeat.app/boidegravata" aria-label="Garçom Online" target="_blank" rel="noopener">
          <span id="hs_cos_wrapper_footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 576 512" aria-hidden="true"><g id="Add to Shopping Cart3_layer"><path d="M504.717 320H211.572l6.545 32h268.418c15.401 0 26.816 14.301 23.403 29.319l-5.517 24.276C523.112 414.668 536 433.828 536 456c0 31.202-25.519 56.444-56.824 55.994-29.823-.429-54.35-24.631-55.155-54.447-.44-16.287 6.085-31.049 16.803-41.548H231.176C241.553 426.165 248 440.326 248 456c0 31.813-26.528 57.431-58.67 55.938-28.54-1.325-51.751-24.385-53.251-52.917-1.158-22.034 10.436-41.455 28.051-51.586L93.883 64H24C10.745 64 0 53.255 0 40V24C0 10.745 10.745 0 24 0h102.529c11.401 0 21.228 8.021 23.513 19.19L159.208 64H551.99c15.401 0 26.816 14.301 23.403 29.319l-47.273 208C525.637 312.246 515.923 320 504.717 320zM408 168h-48v-40c0-8.837-7.163-16-16-16h-16c-8.837 0-16 7.163-16 16v40h-48c-8.837 0-16 7.163-16 16v16c0 8.837 7.163 16 16 16h48v40c0 8.837 7.163 16 16 16h16c8.837 0 16-7.163 16-16v-40h48c8.837 0 16-7.163 16-16v-16c0-8.837-7.163-16-16-16z" /></g></svg></span>
        </a>
        
      </div>
      
    </div>
    <div id="map-footer"></div>
  </div>
</div>
<script src="https://maps.googleapis.com/maps/api/js?key="></script>
<style>
  .footer {
    position: relative;
    overflow: hidden;
    border-top: 0px solid rgba(94, 110, 128, 0%);

    
    background-color: rgba(0, 0, 0, 1.0);
    
  }
  .footer #map-footer {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
  }
  .footer .details {
    width: 50%;
    padding-top: 40px;
padding-right: 20px;
padding-bottom: 40px;
padding-left: 20px;
margin-top: 0px;
margin-bottom: 0px;

  }
  .footer .footer-item {
    position: relative;
    padding-left: 30px;
  }
  .footer .title {
    font-family: Raleway; font-style: normal; font-weight: 500; text-decoration: none;
    color: #FFFFFF;
    font-size: 16;
  }
  .footer .description a,
  .footer .description {
    font-family: Raleway; font-style: normal; font-weight: normal; text-decoration: none;
    color: #b3bbc3;
    font-size: 16;
  }
  .footer .description a:hover {
    opacity: .6;
  }
  .footer .icon {
    font-size: 20px;
    color: rgba(153, 1, 0, 1.0);
    position: absolute;
    top: 2px;
    left: 0;
  }
  .footer p {
    margin: 0 0 10px;
  }
  .footer .footer-item:last-child,
  .footer .footer-item p:last-child {
    margin: 0;
  }
  .footer .footer-item {
    margin: 0 0 30px;
  }
  .footer .social-media-links a {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 1;
    margin-right: 15px;
    width: 20px;
  }
  .footer .social-media-links {
    font-size: 0;
    line-height: 1;
  }
  .footer .social-media-links a svg {
    transition: .2s ease;
    fill: rgba(255, 255, 255, 1.0);
  }
  .footer .social-media-links a:hover svg {
    fill: rgba(179, 187, 195, 1.0);
  }
  @media (max-width: 767px) {
    .footer #map-footer {
      position: relative;
      height: 300px;
      width: 100%;
    }
    .footer .details {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
    }
    .footer .footer-item {
      margin-right: 30px;
      text-align: left;
    }
    .footer .social-media-links {
      width: 100%;
    }
  }
</style>

<script>
  var geocoder;
  var map;
  var address = 'Rua Pedra Grande, 292 - Bairro São Dimas, Sete Lagoas/MG';
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 16,
      center: latlng,
      mapTypeControl: false,
      navigationControl: true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map-footer"), myOptions);
    if (geocoder) {
      geocoder.geocode({
        'address': address
      }, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          if (status != google.maps.GeocoderStatus.ZERO_RESULTS) {
            map.setCenter(results[0].geometry.location);

            var infowindow = new google.maps.InfoWindow({
              content: '<b>' + address + '</b>',
              size: new google.maps.Size(150, 50)
            });

            var marker = new google.maps.Marker({
              position: results[0].geometry.location,
              map: map,
              title: address
            });
            google.maps.event.addListener(marker, 'click', function() {
              infowindow.open(map, marker);
            });

          }
        }
      });
    }
  }
  google.maps.event.addDomListener(window, 'load', initialize);
</script>
</div>
      
    </div>
  
</div></body></html>