/********************/
/*** BREAK QUERYS ***/
/********************/
/********************/
/*** COLORS ***/
/********************/
/********************/
/*** COLOR THEMES BUTTONS ***/
/********************/
#age {
  display: none; }

/********************/
/*** SITE STRUCTURE ***/
/********************/
html, body, ul, li, ol, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  list-style: none; }

a, a:focus, a:active {
  outline: none; }

* {
  outline: none; }

html, body {
  width: 100%;
  height: 100%;
  min-height: 100%; }

body {
  font-family: 'Times Sans Serif', sans-serif;
  font-style: normal;
  font-weight: normal;
  background: #ffffff;
  font-size: 18px;
  color: #ffffff;
  overflow-x: hidden; }

#main-container {
  padding-bottom: 0 !important; }

.hide-init {
  display: none; }

.text {
  color: #ffffff;
  font-size: 24px; }

#bg {
  background: url("../images/mestre_bg.jpg") no-repeat 0 0;
  background-position: center top;
  background-size: 100% auto; }

/* Helper classes */
.no-padding {
  padding: 0; }

.slick-prev.slick-arrow {
  z-index: 98;
  width: 13px;
  height: 31px;
  background: url("../images/arrow-left.png") no-repeat 0 0; }

.slick-next.slick-arrow {
  z-index: 98;
  width: 13px;
  height: 31px;
  background: url("../images/arrow-right.png") no-repeat 0 0; }

.slick-prev::before,
.slick-next::before {
  font-size: 0;
  opacity: 1; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media all and (max-width: 1200px) {
  #bg {
    background: url("../images/bg_repeat.jpg") repeat-y 0 0; } }
@media all and (max-width: 768px) {
  .video-js.vjs-fluid {
    height: 62vw !important; } }
#sb_instagram .sbi_info {
  color: #978758 !important; }

/********************/
/*** IMPORTS SCSS ***/
/********************/
#header {
  background: #ffffff;
  border-bottom: 2px solid #978758;
  height: 80px;
  padding: 10px 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  font-family: "AccentGraphicBold", serif; }
  #header .navbar-brand {
    padding: 0;
    height: 100%; }
  #header .navbar-brand img {
    height: 100%; }
  #header .navbar {
    margin: 0;
    border: 0 none;
    background: transparent;
    height: 100%; }
  #header .navbar-nav {
    margin: auto; }
  #header .main-navigation {
    color: #978758;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 6px;
    margin-left: 100px; }
    #header .main-navigation li {
      margin: 0 20px; }
      #header .main-navigation li a {
        color: #978758; }
  #header .navbar-right a {
    color: #978758;
    font-size: 28px;
    margin-right: 20px;
    position: relative;
    top: 12px; }
    #header .navbar-right a.new {
      top: 10px; }

@media all and (max-width: 992px) {
  #header {
    height: auto;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 99; }
    #header .navbar-header {
      float: none;
      text-align: center;
      height: 10vw; }
    #header .navbar-brand {
      padding: 0;
      float: none; }
    #header .navbar-brand img {
      height: 100%;
      display: inline; }
    #header .navbar {
      margin: 0;
      border: 0 none;
      background: transparent;
      height: 100%; }
    #header .navbar-nav {
      margin: auto; }
    #header .main-navigation {
      color: #978758;
      font-size: 24px;
      text-transform: uppercase;
      margin-top: 0;
      clear: both;
      float: none;
      margin-left: 0; }
      #header .main-navigation li {
        width: 25%;
        margin: 0;
        float: left;
        text-align: center;
        font-size: 2.6vw; }
        #header .main-navigation li a {
          color: #978758; }
    #header .navbar-right a {
      color: #978758;
      font-size: 28px;
      margin-right: 20px;
      position: relative;
      top: 12px; } }
#intro {
  background: url("../images/intro.png") center transparent;
  background-size: cover;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  display: block; }
  #intro a {
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%); }

@media all and (max-width: 1200px) {
  #intro {
    display: none; } }
#banner {
  overflow: hidden;
  position: relative;
  height: 754px;
  background: url("../images/banner.jpg") center top no-repeat;
  background-size: cover;
  text-align: center;
  color: #ffffff;
  -moz-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  opacity: 0.4;
  transition: all 2s ease; }
  #banner.normal {
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  #banner .content {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
    #banner .content h1 {
      font-family: 'Rozha One', serif;
      font-size: 76px; }
    #banner .content h3 {
      font-size: 30px; }
    #banner .content .div {
      background: #978758;
      width: 150px;
      height: 8px;
      margin: 10px auto 20px auto; }
  #banner a {
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%); }

@media all and (max-width: 992px) {
  #banner {
    margin-top: 16vw;
    height: 200vw;
    background: url("../images/banner.jpg") center no-repeat;
    background-size: cover; }
    #banner .content h1 {
      font-size: 14vw; }
    #banner .content h3 {
      font-size: 9vw; }
    #banner .content .div {
      background: #978758;
      width: 60%;
      height: 8px;
      margin: 10px auto 20px auto; }
    #banner a {
      position: absolute;
      bottom: 34px;
      left: 50%;
      transform: translateX(-50%); } }
@media all and (max-width: 1200px) {
  #banner {
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
    #banner .content {
      display: block; } }
#gosto {
  position: relative;
  padding: 0;
  /*  background: url('../images/gosto.jpg') right 68px no-repeat $white;*/ }
  #gosto .ico {
    position: absolute;
    top: -36px;
    left: 258px; }
  #gosto .content {
    position: relative;
    padding: 160px 0 0 150px; }
    #gosto .content h2 {
      color: #978758;
      font-family: 'Rozha One', serif;
      font-size: 44px;
      text-align: right;
      width: 270px; }
    #gosto .content .text {
      padding-left: 90px;
      padding-top: 10px;
      width: 500px;
      padding-bottom: 20px; }
    #gosto .content .selo {
      position: absolute;
      right: 46px;
      bottom: -100px;
      z-index: 20; }

@media all and (max-width: 992px) {
  #gosto {
    position: relative;
    padding: 0; }
    #gosto .ico {
      display: none; }
    #gosto .content {
      position: relative;
      padding: 16vw 0;
      margin-bottom: 20vw; }
      #gosto .content h2 {
        font-size: 16vw;
        width: 100%;
        text-align: center; }
      #gosto .content .text {
        text-align: center;
        padding: 0 2vw;
        width: 100%;
        font-size: 6vw; }
      #gosto .content .selo {
        position: absolute;
        right: 46px;
        bottom: -100px;
        z-index: 20; } }
#cervejas {
  position: relative;
  padding: 0; }
  #cervejas .ico {
    position: absolute;
    top: -36px;
    right: 258px; }
  #cervejas .item {
    position: relative; }
  #cervejas .content {
    position: relative;
    padding: 70px 0; }
    #cervejas .content .infos {
      background: #333333;
      position: absolute;
      bottom: 36px;
      left: 50%;
      transform: translateX(-50%);
      padding: 50px 30px;
      font-size: 18px;
      color: #ffffff;
      width: 80%;
      display: none; }
      #cervejas .content .infos span {
        color: #978758; }
    #cervejas .content .cmenu {
      position: absolute;
      bottom: 36px;
      left: 50%;
      margin-left: -14px;
      width: 200px;
      z-index: 20; }
      #cervejas .content .cmenu a {
        display: block;
        text-align: right;
        color: #978758;
        border-bottom: 1px solid #978758;
        font-size: 18px;
        font-family: "Rozha One", serif; }
        #cervejas .content .cmenu a:hover, #cervejas .content .cmenu a:active, #cervejas .content .cmenu a:focus {
          text-decoration: none; }
        #cervejas .content .cmenu a.active {
          color: #ffffff; }
    #cervejas .content .dots {
      position: absolute;
      left: 50%;
      top: 90px;
      margin-left: 20px;
      z-index: 20; }
      #cervejas .content .dots .dot {
        cursor: pointer;
        margin: 0 4px;
        filter: grayscale(100%);
        opacity: 0.5; }
        #cervejas .content .dots .dot.active {
          filter: grayscale(0%);
          opacity: 1; }
    #cervejas .content .slick .item .cerveja {
      width: 100%;
      border-right: 2px solid #978758;
      border-bottom: 2px solid #978758; }
    #cervejas .content .slick .item .info {
      padding: 120px 0  0 34px; }
      #cervejas .content .slick .item .info .title {
        color: #978758;
        font-family: "AccentGraphicBold", serif;
        font-size: 56px;
        line-height: 56px; }
      #cervejas .content .slick .item .info .subtitle {
        color: #ffffff;
        font-family: "AccentGraphicBold", serif;
        font-size: 14px;
        padding: 4px 0;
        padding-left: 28px;
        text-transform: uppercase; }
      #cervejas .content .slick .item .info .text {
        color: #ffffff;
        font-size: 20px;
        padding-left: 28px;
        line-height: 26px; }
  #cervejas .slick-next.slick-arrow, #cervejas .slick-prev.slick-arrow {
    width: 30px;
    height: 30px; }
  #cervejas .slick-prev::before {
    content: '\E5C4'; }
  #cervejas .slick-next::before {
    content: '\E5C8'; }
  #cervejas .slick-prev, #cervejas .slick-next {
    left: 50%;
    top: 30px;
    margin-left: -50px; }
  #cervejas .slick-prev {
    top: 70px; }
  #cervejas .slick-prev::before, #cervejas .slick-next::before {
    font-family: 'Material Icons';
    font-size: 30px;
    line-height: 30px;
    opacity: .75;
    color: #978758;
    border: 2px solid #978758;
    width: 100%; }

@media all and (max-width: 992px) {
  #cervejas {
    position: relative;
    padding: 0; }
    #cervejas .ico {
      display: none; }
    #cervejas .item {
      position: relative; }
    #cervejas .content {
      position: relative;
      padding: 10vw 0; }
      #cervejas .content .infos {
        background: #333333;
        position: absolute;
        bottom: 36px;
        left: 50%;
        transform: translateX(-50%);
        padding: 50px 30px;
        font-size: 3.2vw;
        color: #ffffff;
        width: 80%;
        display: none; }
        #cervejas .content .infos span {
          color: #978758; }
      #cervejas .content .cmenu {
        position: absolute;
        bottom: auto;
        top: 10px;
        left: 0;
        margin-left: 0;
        width: 200px;
        z-index: 20; }
        #cervejas .content .cmenu a {
          display: block;
          text-align: right;
          color: #978758;
          border-bottom: 1px solid #978758;
          font-size: 18px;
          font-family: "Rozha One", serif; }
          #cervejas .content .cmenu a:hover, #cervejas .content .cmenu a:active, #cervejas .content .cmenu a:focus {
            text-decoration: none; }
          #cervejas .content .cmenu a.active {
            color: #ffffff; }
      #cervejas .content .dots {
        position: absolute;
        left: auto;
        right: 10px;
        top: 126vw;
        margin-left: 0px;
        z-index: 20; }
        #cervejas .content .dots .dot {
          cursor: pointer;
          margin: 0 4px;
          filter: grayscale(100%);
          opacity: 0.5; }
          #cervejas .content .dots .dot.active {
            filter: grayscale(0%);
            opacity: 1; }
      #cervejas .content .slick .item .cerveja {
        width: 100%;
        border-right: 2px solid #978758;
        border-bottom: 2px solid #978758; }
      #cervejas .content .slick .item .info {
        padding: 10vw 0  0 4vw; }
        #cervejas .content .slick .item .info .title {
          color: #978758;
          font-size: 12vw;
          line-height: 12vw; }
        #cervejas .content .slick .item .info .subtitle {
          padding: 4px 0;
          padding-left: 28px;
          text-transform: uppercase; }
        #cervejas .content .slick .item .info .text {
          font-size: 20px;
          padding-left: 28px;
          line-height: 26px; }
    #cervejas .slick-next.slick-arrow, #cervejas .slick-prev.slick-arrow {
      width: 30px;
      height: 30px; }
    #cervejas .slick-prev::before {
      content: '\E5C4'; }
    #cervejas .slick-next::before {
      content: '\E5C8'; }
    #cervejas .slick-prev, #cervejas .slick-next {
      left: auto;
      top: 30px;
      margin-left: 0;
      right: 10px; }
    #cervejas .slick-prev {
      top: 70px; }
    #cervejas .slick-prev::before, #cervejas .slick-next::before {
      font-family: 'Material Icons';
      font-size: 30px;
      line-height: 30px;
      opacity: .75;
      color: #978758;
      border: 2px solid #978758;
      width: 100%; } }
#restaurantes {
  position: relative;
  padding: 0; }
  #restaurantes h2 {
    font-size: 60px;
    color: #978758;
    font-family: "Rozha One", serif;
    text-align: center; }
  #restaurantes .locations {
    text-align: center;
    font-family: "Rozha One", serif;
    font-size: 28px;
    margin: 20px 0; }
    #restaurantes .locations .location {
      cursor: pointer;
      color: #978758; }
      #restaurantes .locations .location.active {
        color: #ffffff; }
    #restaurantes .locations div {
      display: inline-block; }
    #restaurantes .locations .div {
      width: 60px;
      height: 5px;
      background: #978758;
      position: relative;
      top: -4px;
      margin: 0 20px; }
  #restaurantes .item {
    position: relative;
    padding: 0 10px; }
    #restaurantes .item .imagem {
      position: relative;
      width: 100%; }
      #restaurantes .item .imagem img {
        width: 100%;
        filter: grayscale(100%);
        opacity: 0.5; }
      #restaurantes .item .imagem .title {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80%;
        transform: translate(-50%, -50%);
        text-align: center;
        font-size: 30px;
        font-family: "Rozha One", serif;
        color: #ffffff; }
        #restaurantes .item .imagem .title .div {
          width: 20%;
          background: #978758;
          height: 5px;
          margin: auto; }
    #restaurantes .item:hover .imagem img {
      filter: grayscale(0%);
      opacity: 1; }
    #restaurantes .item .desc {
      margin-top: 14px; }
  #restaurantes .slick-next.slick-arrow, #restaurantes .slick-prev.slick-arrow {
    width: 60px;
    height: 60px; }
  #restaurantes .slick-next::before {
    content: '\E315'; }
  #restaurantes .slick-prev::before {
    content: '\E314'; }
  #restaurantes .slick-prev, #restaurantes .slick-next {
    top: 25%; }
  #restaurantes .slick-prev {
    left: -60px; }
  #restaurantes .slick-next {
    right: -60px; }
  #restaurantes .slick-prev::before, #restaurantes .slick-next::before {
    font-family: 'Material Icons';
    font-size: 60px;
    line-height: 60px;
    opacity: .75;
    color: #978758;
    width: 100%; }

.ver_menu {
  color: #978758;
  font-size: 14px;
  text-align: right;
  float: right;
  font-family: "Rozha One", serif;
  margin-bottom: 40px; }
  .ver_menu i {
    color: #ffffff;
    font-size: 26px;
    position: relative;
    top: 6px;
    margin-left: 4px; }
  .ver_menu:hover, .ver_menu:active, .ver_menu:focus {
    color: #978758;
    text-decoration: none; }
    .ver_menu:hover i, .ver_menu:active i, .ver_menu:focus i {
      color: #ffffff; }

.restaurante_pop {
  background: #978758;
  display: none;
  width: 90%;
  text-align: center;
  font-size: 22px;
  border: 3px solid #ffffff;
  color: #ffffff; }
  .restaurante_pop .menu_text {
    margin-bottom: 40px;
    font-family: "Rozha One", serif; }
  .restaurante_pop .menu_title {
    font-family: "Rozha One", serif; }
  .restaurante_pop .preco {
    color: #323232;
    border: 1px solid #ffffff;
    padding: 20px  40px;
    display: inline-block; }
  .restaurante_pop .rest_title {
    color: #323232;
    font-size: 40px; }
  .restaurante_pop .menu_div {
    color: #323232;
    font-size: 40px;
    width: 74px;
    height: 6px;
    background: #ffffff;
    margin: 30px auto; }

#receitas {
  background: #303030;
  position: relative;
  padding: 0; }
  #receitas h2 {
    font-size: 60px;
    color: #978758;
    font-family: "Rozha One", serif;
    text-align: center;
    margin-top: 40px; }
  #receitas .intro {
    color: #ffffff;
    font-size: 30px;
    margin: 20px 0 40px 0; }
  #receitas .imagem {
    position: relative; }
    #receitas .imagem img {
      width: 100%; }
    #receitas .imagem .play {
      border: 3px solid #978758;
      width: 70px;
      height: 70px;
      border-radius: 50px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      line-height: 56px;
      font-size: 46px;
      color: #978758; }
  #receitas .title {
    color: #978758;
    font-family: "Rozha One", serif;
    font-size: 24px;
    border-bottom: 1px solid #978758;
    margin-top: 10px; }
  #receitas .desc {
    color: #ffffff;
    font-size: 16px;
    margin: 10px 0 30px 0; }

#age {
  display: none;
  background: #323232;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  font-family: "Rozha One", serif;
  text-align: center; }
  #age .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; }
  #age .msg {
    font-size: 22px; }
  #age .err {
    display: none; }
  #age .msg2 {
    padding-top: 100px;
    font-size: 13px;
    color: #767676; }
  #age a {
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%); }
  #age input {
    background: none;
    border: none;
    color: #978758;
    font-size: 260px;
    display: inline-block;
    width: 160px;
    margin: 0 6px;
    line-height: 120px;
    font-family: "Rozha One", serif; }
    #age input.type2 {
      border-bottom: 6px solid #978758; }

@media all and (max-width: 1200px) {
  #age .msg {
    font-size: 22px; }
  #age .err {
    display: none; }
  #age .msg2 {
    padding-top: 10vw;
    font-size: 13px;
    color: #767676; }
  #age a {
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%); }
  #age input {
    font-size: 20vw;
    display: inline-block;
    width: 12vw;
    margin: 0 6px;
    line-height: 10vw;
    font-family: "Rozha One", serif; }
    #age input.type2 {
      border-bottom: 6px solid #978758; } }
#footer {
  padding: 70px 0 !important;
  background: #303030;
  position: relative;
  padding: 0;
  border-top: 2px solid #978758;
  color: #ffffff;
  font-size: 12px;
  font-family: 'Roboto', sans-serif; }
  #footer .social {
    font-size: 34px;
    text-align: right; }
    #footer .social a {
      margin-left: 10px;
      color: #828282; }
      #footer .social a:hover {
        opacity: 0.8; }
  #footer .links {
    margin-bottom: 6px; }
    #footer .links a {
      color: #978758; }
      #footer .links a:hover {
        opacity: 0.8;
        text-decoration: none; }
    #footer .links span {
      color: #978758;
      margin: 0 4px; }

/* BUTTONS */
a.button {
  font-weight: 300;
  display: inline-block;
  padding-bottom: 5px;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  margin-top: 20px; }

a.button:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  bottom: 0;
  left: -10%;
  border-bottom: 2px solid #b7c726;
  transition: all 0.3s linear; }

a.button:hover,
a.button:focus,
a.button:active {
  text-decoration: none; }

a.button:hover {
  opacity: 0.8; }
  a.button:hover:before {
    left: 0;
    width: 100%; }

/*# sourceMappingURL=template.css.map */