@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
html, body {
  margin: 0;
  padding: 0; }

body {
  position: relative;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #261d18;
  font-size: 1rem; }
  @media (min-width: 768px) {
    body {
      font-size: 1.6rem; } }
  @media (min-width: 992px) {
    body {
      font-size: 1.2rem; } }
  @media (min-width: 1200px) {
    body {
      font-size: 1.6rem; } }

header {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100vh; }
  @media (min-width: 768px) {
    header {
      height: 1000px; } }
  header.header-pages {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7;
    width: 100%;
    height: auto !important;
    background-color: #a57646; }
    header.header-pages .logo-bar {
      padding-top: 10px;
      padding-bottom: 10px; }
  header .header-text {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0 0 0; }
    @media (min-width: 768px) {
      header .header-text {
        padding: 150px 0 0 0; } }
    @media (min-width: 992px) {
      header .header-text {
        padding: 200px 0 0 0; } }
    @media (min-width: 1200px) {
      header .header-text {
        padding: 250px 0 0 0; } }
    header .header-text * {
      color: #ffffff; }
    header .header-text .inner-text {
      width: 100%; }
      @media (min-width: 768px) {
        header .header-text .inner-text {
          width: 90%; } }
      @media (min-width: 992px) {
        header .header-text .inner-text {
          width: 70%; } }
      @media (min-width: 1200px) {
        header .header-text .inner-text {
          width: 45%; } }
    header .header-text h2 {
      color: #ffffff;
      text-transform: uppercase;
      font-weight: 300;
      font-size: 1.8rem; }
      @media (min-width: 768px) {
        header .header-text h2 {
          font-size: 3.9rem; } }
  header .info-bar {
    position: absolute;
    width: 80%;
    bottom: -30px;
    left: 10%;
    background-color: #eadccd; }
    @media (min-width: 992px) {
      header .info-bar {
        font-size: 16px; } }
    @media (min-width: 1200px) {
      header .info-bar {
        font-size: 20px; } }
    header .info-bar i {
      color: #d00026;
      font-size: 24px; }
    header .info-bar strong {
      text-transform: uppercase; }
    header .info-bar ul {
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      list-style-type: none; }
      header .info-bar ul li {
        float: left;
        padding: 0 10px; }
  header .whatsapp-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    text-align: right;
    bottom: 20px;
    width: 80%; }
    @media (min-width: 768px) {
      header .whatsapp-icon {
        bottom: 50px;
        width: 90%; } }
    @media (min-width: 992px) {
      header .whatsapp-icon {
        bottom: 50px;
        width: 80%; } }
    header .whatsapp-icon * {
      color: #ffffff; }
    header .whatsapp-icon i {
      font-size: 5rem; }

.logo-bar, .logo-bar-sticky {
  width: 90%;
  margin: 0 auto;
  position: relative;
  padding: 40px 0 0 0; }
  @media (min-width: 768px) {
    .logo-bar, .logo-bar-sticky {
      padding: 60px 0 0 0; } }
  @media (min-width: 1200px) {
    .logo-bar, .logo-bar-sticky {
      padding: 80px 0 0 0; } }
  .logo-bar .menu-icon, .logo-bar-sticky .menu-icon {
    position: absolute;
    right: 0;
    bottom: 0; }
    .logo-bar .menu-icon *, .logo-bar-sticky .menu-icon * {
      color: #ffffff;
      text-decoration: none; }
    .logo-bar .menu-icon i, .logo-bar-sticky .menu-icon i {
      display: block;
      margin: 0;
      padding: 0 0 20px 0;
      font-size: 3rem; }
      @media (min-width: 992px) {
        .logo-bar .menu-icon i, .logo-bar-sticky .menu-icon i {
          font-size: 3.5rem; } }
      @media (min-width: 1200px) {
        .logo-bar .menu-icon i, .logo-bar-sticky .menu-icon i {
          font-size: 4rem; } }

.sticky-bar {
  display: none;
  z-index: 5;
  background-color: #a57646;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%; }
  .sticky-bar .logo-bar-sticky {
    padding: 10px 0 10px 0; }
  .sticky-bar .menu-icon {
    padding: 0 0 10px 0; }

.page-header {
  background-color: #5b3427;
  border-bottom: 5px solid #a57646; }
  .page-header .container-fluid {
    max-width: 90%;
    margin: 0 auto; }
  .page-header * {
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff; }
    .page-header *:hover {
      color: #ffffff; }
  .page-header .breadcrumbs {
    display: flex; }
    .page-header .breadcrumbs * {
      font-size: .9rem; }
    .page-header .breadcrumbs .breadcrumb {
      padding: 0;
      margin: 0;
      background-color: transparent;
      border-radius: 0; }

.page-body.container-page-body {
  max-width: 90%;
  margin: 0 auto; }

.coluna-bloco {
  position: relative; }

.img-bloco {
  width: 100% !important;
  height: auto; }

.inner-text-bloco {
  padding: 10px; }
  @media (min-width: 768px) {
    .inner-text-bloco {
      padding: 20px 40px; } }

.inner-sobre {
  padding-left: 10px; }
  @media (min-width: 768px) {
    .inner-sobre {
      padding-left: 40px; } }
  @media (min-width: 992px) {
    .inner-sobre {
      padding-left: 80px; } }

.inner-left {
  padding-left: 10px !important; }
  @media (min-width: 768px) {
    .inner-left {
      padding-left: 80px !important; } }

.inner-right {
  padding-right: 10px !important; }
  @media (min-width: 768px) {
    .inner-right {
      padding-right: 80px !important; } }

.seta-left {
  background-repeat: no-repeat; }
  @media (max-width: 767px) {
    .seta-left {
      background-image: none !important; } }
  @media (min-width: 768px) {
    .seta-left {
      background-position: left center; } }

.seta-right {
  background-repeat: no-repeat; }
  @media (max-width: 767px) {
    .seta-right {
      background-image: none !important; } }
  @media (min-width: 768px) {
    .seta-right {
      background-position: right center; } }

.titulo-bloco {
  color: #a57646;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 2.3rem; }
  @media (min-width: 768px) {
    .titulo-bloco {
      font-size: 3.9rem; } }
  @media (min-width: 992px) {
    .titulo-bloco {
      font-size: 2.5rem; } }
  @media (min-width: 1200px) {
    .titulo-bloco {
      font-size: 3.9rem; } }
  .titulo-bloco.titulo-cesta {
    font-size: 2.3rem; }
  .titulo-bloco:hover {
    color: #a57646;
    text-decoration: none; }

.img-cesta:hover {
  filter: grayscale(100%); }

.mapa-home {
  position: relative; }
  .mapa-home iframe {
    z-index: 1;
    width: 100%;
    height: 100vh;
    margin-top: 50px; }
    @media (min-width: 992px) {
      .mapa-home iframe {
        margin-top: 0;
        height: 800px; } }

.form-contato-home {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  z-index: 2 !important;
  background-color: #ffffff;
  position: relative;
  padding: 35px;
  width: 90%; }
  @media (min-width: 0) and (max-width: 991px) {
    .form-contato-home {
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media (min-width: 992px) {
    .form-contato-home {
      position: absolute;
      padding: 35px;
      width: 50%;
      top: 40px;
      right: 70px !important; } }
  @media (min-width: 1200px) {
    .form-contato-home {
      width: 30%; } }
  .form-contato-home p {
    font-size: 16px;
    text-transform: uppercase;
    color: #5b3427; }
  .form-contato-home a {
    color: #5b3427 !important; }
    .form-contato-home a:hover, .form-contato-home a:focus {
      color: #5b3427 !important; }
  .form-contato-home.form-orcamento {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    margin-bottom: 80px; }
    .form-contato-home.form-orcamento label {
      font-size: 1rem;
      font-weight: 500; }

.newsletter {
  background-color: #d00026;
  color: #ffffff;
  text-transform: uppercase; }
  @media (min-width: 992px) {
    .newsletter {
      display: flex;
      align-items: flex-start;
      justify-content: center; } }
  .newsletter h3 {
    font-size: 20px;
    font-weight: 300;
    padding: 0 20px; }
  .newsletter .form-control {
    border: 0;
    margin-bottom: 10px;
    background-color: #9d001d;
    color: #ffffff; }
    .newsletter .form-control::placeholder {
      color: rgba(255, 255, 255, 0.7); }
  .newsletter .btn {
    margin-bottom: 10px; }

footer {
  background-color: #5b3427;
  font-size: 16px; }
  footer a:hover {
    color: #ffffff !important; }
  footer * {
    color: #ffffff; }
  footer .col-logo-footer {
    background: url("../images/dot.png") repeat-x center center; }
  footer .container-fluid {
    margin: 0 auto;
    max-width: 90%; }
    @media (min-width: 768px) {
      footer .container-fluid {
        max-width: 80%; } }

.social, .pagamentos {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .social li, .pagamentos li {
    float: left;
    margin-right: 10px;
    width: calc(100% / 5); }
    .social li:last-child, .pagamentos li:last-child {
      margin-right: 0; }
    .social li i, .pagamentos li i {
      font-size: 1.6rem; }

.whatsapp-sticky {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 6;
  width: 70px;
  height: 70px; }
  @media (min-width: 768px) {
    .whatsapp-sticky {
      width: 100px;
      height: 100px; } }
  .whatsapp-sticky * {
    color: #ffffff; }
  .whatsapp-sticky i {
    font-size: 3rem; }
    @media (min-width: 768px) {
      .whatsapp-sticky i {
        font-size: 4rem; } }

.side-menu {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.9);
  height: 100%;
  width: 90%;
  padding: 20px; }
  @media (min-width: 768px) {
    .side-menu {
      width: 60%;
      padding: 40px; } }
  @media (min-width: 992px) {
    .side-menu {
      width: 50%; } }
  @media (min-width: 1200px) {
    .side-menu {
      width: 40%; } }
  .side-menu * {
    color: #ffffff; }
  .side-menu .close-button {
    text-align: right;
    padding: 0 0 20px 0; }
    @media (min-width: 768px) {
      .side-menu .close-button {
        padding: 0 0 40px 0; } }
    .side-menu .close-button i {
      font-size: 30px; }
      @media (min-width: 768px) {
        .side-menu .close-button i {
          font-size: 40px; } }
  .side-menu .menu-items {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .side-menu .menu-items li {
      margin-bottom: 5px; }
      @media (min-width: 768px) {
        .side-menu .menu-items li {
          margin-bottom: 10px; } }
      .side-menu .menu-items li a {
        text-decoration: none;
        font-size: 1.6rem; }
        @media (min-width: 768px) {
          .side-menu .menu-items li a {
            font-size: 2.5rem; } }
        .side-menu .menu-items li a:hover, .side-menu .menu-items li a:focus {
          color: #cba986; }
  .side-menu hr {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin: 20px 0; }
    @media (min-width: 768px) {
      .side-menu hr {
        margin: 40px 0; } }
  .side-menu .social {
    justify-content: center; }
    .side-menu .social li {
      text-align: center; }

.btn-brown {
  background-color: #a57646 !important;
  color: #ffffff !important;
  border-color: #815c37 !important;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 100; }
  .btn-brown:hover {
    background-color: #93693e !important;
    color: #ffffff !important; }
  .btn-brown:focus {
    background-color: #93693e !important;
    color: #ffffff !important;
    border-color: #6f502f !important;
    box-shadow: 0 0 0 0.2rem #dbc2a9 !important; }

.btn-red {
  background-color: #d00026 !important;
  color: #ffffff !important;
  border-color: #9d001d !important;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 100; }
  .btn-red:hover {
    background-color: #b70021 !important;
    color: #ffffff !important; }
  .btn-red:focus {
    background-color: #b70021 !important;
    color: #ffffff !important;
    border-color: #840018 !important;
    box-shadow: 0 0 0 0.2rem #ff6a85 !important; }

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