@charset "UTF-8";
/*azul*/
/*@font-face {
    font-family: 'geometriaregular';
    src: url('geometria-webfont.woff2') format('woff2'),
         url('geometria-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

#contarQuartos{
   border:5px solid #000;
   color:black;
}


html {
  width: 100%;
  height: 100%; }
  html .nova-col-5 {
    flex: 0 0 20%;
    max-width: 20%; }
  html body {
    width: 100%;
    height: 100%;
    font-family: "Rubik";
    /*#modal-menu{
            position: fixed;
            top: 0;
            z-index: 9999;
            height: 100%;
            width: 100%;
            background-color: #cb6117;
            font-size: 16px;
            opacity: 0.85;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            a{
                color: #FFF;
                font-size: 30px;
                text-decoration: none;
                text-align: center;
            
            }
            a.fechar{
                position: absolute;
                right: 25px;
                top: 10px;
                
            }

        }*/ }
    html body ul {
      margin: 0;
      padding: 0; }
      html body ul li {
        list-style: none; }
    html body p {
      margin-bottom: 0; }
    html body a {
      text-decoration: none;
      color: #000; }
    html body a:hover {
      opacity: 0.5;
      text-decoration: none; }
    html body input:not([type=checkbox]), html body select {
    /*background-color: initial;*/
    padding: 10px 15px !important;
    width: 100%;
    font-size: 16px !important;
    border: 1px solid #fff;
    color: #000 !important;
    
}
    html body button {
      font-size: 16px;
      background-color: #FFF;
      color: #000;
      border: none; }
      html body button.active {
        background-color: #000;
        color: #ffffff; }
    html body i.fa.fa-angle-left,
    html body i.fa-angle-right {
      padding: 10px;
      color: #fff;
      font-size: 40px; }
    html body .carousel-control-next, html body .carousel-control-prev {
      opacity: 1; }
    html body .link-scroll {
      scroll-margin-top: 86px; }
    html body .text-alerta {
      color: #df0900;
      font-size: 11px;
      /*font-weight:bold;*/ }
    html body .color-white {
      color: white; }
    html body .color-black {
      color: black; }
    html body header#fixed-header {
      position: fixed;
      z-index: 999;
      top: 0;
      background: #fff;
      width: 100%;
      height: 86px; }
      html body header#fixed-header .logo img {
        max-width: 150px;
        padding: 10px; }
    html body header .navbar-nav {
      background-color: #FFF;
      padding: 0 15px; }
    html body header .dropdown-menu {
      max-height: 300px;
      overflow-y: scroll; }
    /* html body main {
      padding-top: 86px; */
      
      
      
      /* SOBRE-NÓS */
      /*LISTA DE IMÓVEIS*/
      /* DETALHE DO IMÓVEL */ 
      
      html body .resulta {
        width: 100%;
        position: absolute;
        z-index: 100;
        background-color: #fff;
        border: 1px solid #ddd;
        list-style: none;
        padding: 4px;
        display: none; }
        html body .resulta li {
          padding: 4px; }
          html body .resulta li:hover {
            background-color: #506f88;
            color: #fff;
            cursor: pointer; }
        html body .resulta .tit {
          background-color: #ddd;
          font-weight: 600;
          color: #333; }
          html body .resulta .tit:hover {
            background-color: #ddd;
            color: #333;
            cursor: text; }
      html body main #imoveis-destaques {
        padding-top: 50px; }
        html body main #imoveis-destaques .imovel-destaque .imagem-destaque {
          max-height: 256px;
          display: flex;
          justify-content: center; }
          html body main #imoveis-destaques .imovel-destaque .imagem-destaque img {
            max-height: 256px; }
      html body main #busca {
        padding-top: 50px;
        padding-bottom: 50px;
        background-color: #e6e6e6; }
        html body main #busca h2 {
          text-align: center;
          font-weight: bold; }
        html body main #busca label {
          width: 100%;
          margin: 10px 0;
          text-align: center;
          font-size: 24px;
          font-weight: bold;
          color: #282828; }
          @media only screen and (max-width: 767px) {
            html body main #busca label {
              font-size: 18px !important; } }
        html body main #busca button {
          width: 100%;
          /*border:none;*/
          padding: 5px 5px;
          font-size: 16px;
          font-weight: bold; }
        html body main #busca .faixas .int {
          width: 100%;
          padding-top: 5px;
          padding-bottom: 5px;
          background: #fff;
          font-weight: bold;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer; }
        html body main #busca .faixas .filtro-busca {
          padding: 15px 0; }
          html body main #busca .faixas .filtro-busca label {
            width: unset;
            font-size: 16px;
            font-weight: normal;
            text-align: center; }
          html body main #busca .faixas .filtro-busca.checks input {
            width: auto; }
        html body main #busca .faixas.submit {
          text-align: right; }
          html body main #busca .faixas.submit button {
            height: 34px;
            padding: 0;
            background-color: #000;
            color: #fff; }
        html body main #busca .busca-bottom {
          margin-top: 15px; }
        html body main #busca .filtro-busca {
          display: none; }
      html body main#home #banner-desk {
        display: none; }
      html body main#home #banner-mobile {
        display: block; }
      html body main#home #banner-desk a:hover,
      html body main#home #banner-mobile a:hover {
        opacity: unset; }
      @media screen and (min-width: 768px) {
        html body main#home #banner-desk {
          display: block; }
        html body main#home #banner-mobile {
          display: none; }
        html body main#home .carousel-control-next, html body main#home .carousel-control-prev {
          width: 5%; } }
      html body main#home #condominios-destaque {
        padding-top: 50px; }
        html body main#home #condominios-destaque h2 {
          padding-bottom: 30px; }
      html body main#quem-somos #intro {
        padding: 30px 0; }
      html body main#quem-somos h1.sobre-nos {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 40px; }
      html body main#lista-imoveis {
        background-color: #dfdfdf;
        /*margin-top: 30px;*/
        padding: calc(86px + 30px) 0 30px 0; }
        html body main#lista-imoveis p.title {
          background-color: #000;
          font-size: 20px;
          color: #ffffff;
          text-align: center;
          padding: 5px 0;
          margin-bottom: 0; }
        html body main#lista-imoveis #filtro {
          margin-bottom: 15px; }
          html body main#lista-imoveis #filtro form {
            background-color: #FFF;
            padding-bottom: 20px;
            padding: 0 15px 15px 15px; }
            html body main#lista-imoveis #filtro form label {
              margin-top: 10px;
              font-weight: bold; }
            html body main#lista-imoveis #filtro form button {
              border: 1px solid #dbdbdb;
              border-radius: 10px !important;
              width: 100%;
              font-size: 20px; }
            html body main#lista-imoveis #filtro form input, html body main#lista-imoveis #filtro form select {
              border: 1px solid #000; }
            html body main#lista-imoveis #filtro form .localizacao {
              position: relative; }
            html body main#lista-imoveis #filtro form .checks {
              text-align: left; }
              html body main#lista-imoveis #filtro form .checks input {
                width: 14px;
                height: 14px;
                margin-right: 5px; }
              html body main#lista-imoveis #filtro form .checks label {
                width: 100%;
                display: flex;
                align-items: center; }
        html body main#lista-imoveis #lista .load {
          width: 100px;
          height: 100px;
          color: #000;
          /*background: url(/img/loading.gif) no-repeat;
                        background-position: center center;*/ }
        html body main#lista-imoveis #lista .imovel {
          margin-bottom: 15px; }
          html body main#lista-imoveis #lista .imovel .imagem {
            position: relative; }
            html body main#lista-imoveis #lista .imovel .imagem .fas {
              width: 30px;
              height: 45px;
              margin: auto;
              font-size: 35px;
              color: #323232;
              text-shadow: 1px 1px 5px #666;
              position: absolute;
              z-index: 99;
              top: 0;
              bottom: 0;
              opacity: 0.7;
              cursor: pointer; }
              html body main#lista-imoveis #lista .imovel .imagem .fas.fa-angle-right {
                right: 0; }
          html body main#lista-imoveis #lista .imovel .imagem img {
            width: 100%; }
          html body main#lista-imoveis #lista .imovel .detalhes {
            background-color: #FFF;
            color: #323232;
            font-size: 12px;
            padding-top: 4px;
            position: relative; }
            html body main#lista-imoveis #lista .imovel .detalhes h2 {
              font-size: 20px;
              letter-spacing: 0px;
              line-height: 24px;
              color: #000;
              font-weight: 500;
              text-align: left; }
            html body main#lista-imoveis #lista .imovel .detalhes h3 {
              font-size: 14px;
              letter-spacing: 0px;
              line-height: 24px;
              color: #323232;
              text-align: left; }
              html body main#lista-imoveis #lista .imovel .detalhes h3 i {
                color: #000;
                margin-right: 5px; }
            html body main#lista-imoveis #lista .imovel .detalhes p {
              max-height: 36px;
              overflow: hidden;
              text-overflow: ellipsis;
              text-align: justify; }
            html body main#lista-imoveis #lista .imovel .detalhes .infos {
              position: absolute;
              right: 15px;
              top: 15px; }
              html body main#lista-imoveis #lista .imovel .detalhes .infos p {
                margin: 0;
                padding: 0;
                color: #323232;
                text-align: right;
                font-weight: bold; }
              html body main#lista-imoveis #lista .imovel .detalhes .infos p.valor {
                font-size: 14px;
                font-weight: 500; }
              html body main#lista-imoveis #lista .imovel .detalhes .infos p.codigo {
                font-size: 12px; }
            html body main#lista-imoveis #lista .imovel .detalhes .icons {
              margin: 10px 0;
              padding-bottom: 24px;
              font-size: 10px;
              font-weight: bold;
              text-align: center; }
              html body main#lista-imoveis #lista .imovel .detalhes .icons i {
                font-size: 20px; }
            html body main#lista-imoveis #lista .imovel .detalhes a {
              padding: 5px;
              background-color: #000;
              font-size: 14px;
              color: #FFF;
              position: absolute;
              bottom: 0;
              text-align: center; }
        html body main#lista-imoveis #lista .paginacao a {
          background-color: #FFF;
          padding: 5px 10px;
          margin-right: 5px; }
        html body main#lista-imoveis #lista .paginacao i.fa.fa-angle-left,
        html body main#lista-imoveis #lista .paginacao i.fa-angle-right {
          padding: 0;
          color: #000;
          font-size: 16px; }
      @media only screen and (min-width: 768px) {
        html body main#pagina-imovel .carousel-inner {
          height: calc(100vh - 86px); } }
      html body main#pagina-imovel #place-imovel hr {
        margin-bottom: 0; }
      html body main#pagina-imovel #place-imovel article {
        margin-bottom: 30px; }
      html body main#pagina-avaliacao label {
        font-weight: 600;
        color: #000; }