html, body {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    scroll-behavior:smooth;
}
.form-control {
    padding:6px 8px;
	font-weight: bold;
}
.img-loader-container {
    display:none;
    position:absolute;
    left:-2000px;
    top:-2000px;
}
.block-layer {
    position:absolute;
    display:none;
    width:100%;
    height:100%;
    background-color:#fff;
    opacity:70%;
    filter:alpha(opacity=70);
    z-index:100;
    margin:auto;
    top:0;
    left:0;
}
.row-tabs {
    width:100%;
    height:40px;
}
.tab-group > div {
    position:relative;
    float:left;
    cursor:pointer;
    touch-action:manipulation;
    padding:10px 15px;
    height:40px;
    -moz-border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-khtml-border-top-right-radius:10px;
	border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-khtml-border-top-left-radius:10px;
    border-top-left-radius:10px;
    font-weight:500;
}
.tab-group > div:not(:first-child) {
    margin-left:5px;
}
.tab-group-enabled {
    background-color:#dae0e7cc;
    color:#333;
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    border-bottom:1px solid #dae0e7;
}
.tab-group-disabled {
    background-color:#00335acc;/*3a6cb0*/
    color:#fff;
    border-bottom:1px solid #fff;
}
.row-tabs-content {
    width:100%;
    min-height:80px;
    background-color:#dae0e7cc;
    padding:20px 20px;
    -moz-border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-khtml-border-top-right-radius:10px;
	border-top-right-radius:10px;
    -moz-border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-bottom-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-khtml-border-bottom-left-radius:10px;
    border-bottom-left-radius:10px;
    border:1px solid #fff;
    margin-top:-1px;
}
.btn-group > div {
    position:relative;
    float:left;
    cursor:pointer;
    touch-action:manipulation;
    padding:6px 12px;
    height:34px;
}
.btn-group > div:first-child {
    -moz-border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	-khtml-border-top-left-radius:10px;
    border-top-left-radius:10px;
    -moz-border-bottom-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-khtml-border-bottom-left-radius:10px;
    border-bottom-left-radius:10px;
}
.btn-group > div:last-child {
    -moz-border-top-right-radius:10px;
	-webkit-border-top-right-radius:10px;
	-khtml-border-top-right-radius:10px;
    border-top-right-radius:10px;
    -moz-border-bottom-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
}
.btn-group-disabled {
    background-color:#fff;
    color:#777;
}
.btn-group-disabled-hover {
    background-color:#adc8e7;
    color:#333;
}
.btn-group-enabled {
    background-color:#00AEFF;
    color:#fff;
}
.btn-group > div:nth-child(2) {
    border-left:1px dotted #a6bad1;
    border-right:1px dotted #a6bad1;
}
.tab-hidden {
    display:none;
}
.search-dropdown-result-container {
    position:absolute;
    display:none;
    width:100%;
    min-height:50px;
    max-height:300px;
    z-index:10;
    overflow:hidden;
    margin-top:-16px;
    margin-left:-30px;
    padding-left:30px;
}
.search-dropdown-result {
    position:relative;
    width:100%;
    min-height:50px;
    max-height:300px;
    background-color:#fff;
    border:1px solid #ccc;
    overflow-x:hidden;
    overflow-y:auto;
}
.dropdown-item {
    padding:6px 10px;
    /*background-color:#efefef;
    border-bottom:1px dotted #d2d2d2;*/
    font-weight:600;
    color:#999;
    font-style:italic;
    font-size:1em;
}
.dropdown-subitem {
    padding:6px 10px;
    /*background-color:#fff;*/
    border-bottom:1px dotted #d2d2d2;
    cursor:pointer;
    touch-action:manipulation;
    font-size:.9em;
    flex-wrap:nowrap;
}
.dropdown-subitem table {
    width:100%;
}
.dropdown-subitem:last-child {
    padding-bottom:10px;
    border-bottom:none;
}
.dropdown-noresult {
    padding:25px 10px;
    background-color:#efefef;
    text-align:center;
}
.noresult-item {
    color:#3a6cb0;
    font-size:1em;
}
.noresult-subitem {
    color:#333;
    font-size:.9em;
}
.add-uf {
    font-size:.95em;
}
.add-counter {
    width:50px;
    font-size:.9em;
    font-weight:bold;
    margin-right:10px;
}
.td-check-opt {
    width:16px;
}
.check-opt {
    width:16px;
    height:16px;
    padding:1px;
    border:1px solid #ccc;
    background-color:#f7f7f7;
    color:transparent;
    touch-action:manipulation;
}
.check-opt-checked {
    color:#777;
}
.col-pl-5 {
    padding:0 0 0 5px;
}
.col-padding-fix {
    padding:0 5px;
}
.col-left-padding-fix {
    padding-top:0;
    padding-bottom:0;
    padding-left:5px;
}
.padding-top-fix {
    padding-top:0;
}
.padding-dropdown-fix {
    padding:0 30px 0 15px;
}
.text-subitem {
    color:#808080;
}
.padding-5 {
    padding:5px;
}
.margin-fix {
    margin:0;
}
.padding-fix {
    padding:0;
    top: 30vh;
}

/* Telas extra pequenas (XS) - até 575px */
@media (max-width: 575px) {
  .padding-fix {
    top: 0;
  }
}
/* Telas pequenas (SM) - 576px a 767px */
@media (min-width: 576px) and (max-width: 767px) {
  .padding-fix {
    top: 0;
  }
}
/* Telas médias (MD) - 768px a 991px */
@media (min-width: 768px) and (max-width: 991px) {
  .padding-fix {
    top: 0;
  }
}
/* Telas grandes (LG) - 992px a 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .padding-fix {
    top: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1360px) {
  .padding-fix {
    top: 5vh;
  }
}
@media (min-width: 1361px) and (max-width: 1680px) {
  .padding-fix {
    top: 15vh;
  }
}
.ml-5 {
    margin-left:5px;
}
.vs-5 {
	height:5px;
}
.vs-10 {
	height:10px;
}
.vs-15 {
	height:15px;
}
.vs-20 {
	height:20px;
}
.vs-30 {
    height:30px;
}
.hs-5 {
	width:5px;
}
.hs-10 {
	width:10px;
}
.hs-15 {
	width:15px;
}
.hs-20 {
	width:20px;
}
.hs-30 {
    width:30px;
}
.fa-0o8x {
    font-size:0.8em;
}
.fa-0o9x {
    font-size:0.9em;
}
.fa-1ox {
    font-size:1em;
}
.fa-1o2x {
    font-size:1.2em;
}
.fa-1o4x {
    font-size:1.4em;
}
button[id=enviar] {
    min-width:54px;
    width:100%;
    text-align:center;
    padding:6px 0;
}
input[role=input-valor] {
    text-align:right;
}
label {
    font-size:.9em;
}
.input-sm {
    height:34px;
}
.btn-primary {
    width: 100%;
    background-color:#00335a;
    border:1px solid #00335a;
}
.btn-primary:hover.btn-primary:active {
    background-color:#09357f;
    border:1px solid #09357f;
}
.btn-second {
    width: 100%;
    color: #fff;
    background-color:#00AEFF;
    border:1px solid #00AEFF;
}
.btn-second:hover,
.btn-second:active {
    color: #fff;
    background-color:#29BBEF;
    border:1px solid #29BBEF;
}
.btn-black {
    width: 100%;
    color: #fff;
    background-color:#222;
    border:1px solid #222;
}
.btn-black:hover,
.btn-black:active {
    color: #fff !important;
    background-color:#000;
    border:1px solid #000;
}

.btn-list-left{
    width: 50%;
    float: left;
}
.btn-list-right{
    width: 50%;
    float: right;
}

/* Telas extra pequenas (XS) - até 575px */
@media (max-width: 575px) {
  .btn-list-left {
    width: 100%;
    float: none;
  }
  .btn-list-right {
    width: 100%;
    float: none;
  }
}
/* Telas pequenas (SM) - 576px a 767px */
@media (min-width: 576px) and (max-width: 767px) {
  .btn-list-left {
    width: 100%;
    float: none;
  }
  .btn-list-right {
    width: 100%;
    float: none;
  }
}
/* Telas médias (MD) - 768px a 991px */
@media (min-width: 768px) and (max-width: 991px) {
  .btn-list-left {
    width: 100%;
  }
  .btn-list-right {
    width: 100%;
  }
}
/* Telas grandes (LG) - 992px a 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
  .btn-list-left {
    width: 100%;
  }
  .btn-list-right {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1360px) {
  .btn-list-left {
    width: 50%;
  }
  .btn-list-right {
    width: 50%;
  }
}
@media (min-width: 1361px) and (max-width: 1680px) {
  .btn-list-left {
    width: 50%;
  }
  .btn-list-right {
    width: 50%;
  }
}

.icon-gray {
    color:#999;
}
.icon-orange {
    color:#00AEFF;
}
.icon-blue {
    color:#001CD6;
}
.icon-white {
    color:#fff;
}
.icon-remove {
    color:#6a7888;
}
.text-realce {
    font-weight:600;
}
.icon {
    cursor:pointer;
    touch-action:manipulation;
}

/* inicio loader */
.loader-size {
    width:40px;
    height:40px;
}
.loader-container {
    box-sizing:border-box;
    right:0;
    left:0;
    margin-left:auto;
    margin-right:auto;
}
.slice {
    position:relative;
    display:inline-block;
    padding:0;
}
.slice > div {
    position:absolute;
    padding:0;
    margin-top:-15px;
    margin-left:-20px;
}
[data-loader='circle-side']
{
    position:relative;

    -webkit-animation: circle infinite .60s linear;
       -moz-animation: circle infinite .60s linear;
         -o-animation: circle infinite .60s linear;
            animation: circle infinite .60s linear;

    border:4px solid #abbfd6;
    border-top-color:rgba(204, 213, 224, .7);
    border-right-color:rgba(204, 213, 224, .7);
    border-bottom-color:rgba(204, 213, 224, .7);
    border-radius:100%;
}
@-webkit-keyframes circle
{
    0%
    {
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes circle
{
    0%
    {
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-o-keyframes circle
{
    0%
    {
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes circle
{
    0%
    {
        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
/* fim loader */


.rounded-5 {
    border-radius:5px;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
}
.rounded-10 {
    border-radius:10px;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
}
.rounded-15 {
    border-radius:15px;
    -moz-border-radius:15px;
    -khtml-border-radius:15px;
}

@media screen and (max-width: 992px) and (min-width: 400px) {
    .col-padding-fix {
        padding:0 15px;
    }
    .col-left-padding-fix {
        padding-top:0;
        padding-bottom:0;
        padding-left:15px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 994px) {
    .col-padding-fix {
        padding:0 5px;
    }
    .col-left-padding-fix {
        padding-top:0;
        padding-bottom:0;
        padding-left:5px;
    }
}


/************************************************************/
.result-container {
    text-align:center;
}
.result {
    clear:both;
    overflow:hidden;
    width:auto;
    min-height:380px;
}
.result-total-str {
    color:#333;
    padding:10px 0 20px 0;
    margin-left:15px;
}
.result-total-str spam:first-child {
    font-weight:600;
}
.imovel-result-container {
    display:inline-block;
    width:296px;
    height:530px;
    max-height:530px;
    margin:20px 10px 10px 10px;
}
.imovel-result {
    /*position:absolute;*/
    box-sizing:border-box;
    width:296px;
    max-height:530px;
    background-color:#dae0e7;
    border:3px solid #dae0e7;
    padding:10px 6px;
    margin-top:0;
}
.imovel-result > div {
    text-decoration:none; !important;
}
.imovel-result-container-searching {
    position:absolute;
    display:none;
    margin:-13px -9px;
    background-color:#fff;
    border:3px solid transparent;
    width:296px;
    height:530px;
    opacity:70%;
    filter:alpha(opacity=.7);
    z-index:5;
}
.imovel-container-head {
    padding:5px;
    margin-bottom:10px;
}
.imovel-result:hover {
    border:3px solid #019fe8;
    cursor:pointer;
    touch-action:manipulation;
}
.foto-container {
    position:relative;
    box-sizing:border-box;
    width:280px;
    height:200px;
    padding:0;
}
.foto-destaque {
    position:absolute;
    text-align:center;
    width:280px;
    height:200px;
    border:3px solid #efefef;
    background-size:auto 220px;
    background-position:center;
    background-repeat:no-repeat;
    z-index:1;
    overflow: hidden; /* Evita que o conteúdo ultrapasse os limites da foto */
}
.foto-loader {
    position:absolute;
    width:280px;
    height:200px;
    opacity:50%;
    filter:alpha(opacity=.5);
    z-index:2;
}
.foto-destaque-semfoto {
    background-color:#fff;
    background-image:url(../img/semfoto.png);
    background-size:280px 210px;
    background-position:center;
    background-repeat:no-repeat;
}
.imovel-container-tipo {
    text-align:center;
    font-size:1.2em;
    font-weight:600;
}
.imovel-container-codigo {
    text-align:center;
    font-size:1em;
    line-height:10px;
    color:#999;
    font-weight:600;
}
.imovel-container-localidade {
    text-align:center;
    padding:5px;
    margin:0;
}
.imovel-container-bairro {
    font-size:1.2em;
    font-weight:600;
    color:#1456b0;
}
.imovel-container-cidade {
    font-size:1em;
    color:#555;
    line-height:10px;
}
.imovel-container-labels {
    width:100%;
    height:126px;
    margin-top:50px;
}
.valor-container {
    color:#fff;
    text-align:right;
    font-size:1.1em;
    margin-top:80px;
    font-weight:bold;
}
.valor-inner {
    padding:2px 10px 4px 10px;
}
.valor-venda {
    background: rgba(200, 0, 0, .8);
}
.valor-locacao {
    background: rgba(224, 0, 0, .8);
}
.mt-venda-locacao-condominio {
   margin-top:0;
}
.mt-venda-locacao {
    margin-top:35px;
}
.mt-locacao-condominio {
    margin-top:45px;
}
.imovel-container-labels > div {
    display:inline-block;
}
.imovel-label-fotos {
    color:#fff;
    background: rgba(0, 0, 0, .8);
    padding:2px 10px;
    text-align:left;
    margin-top:100px;
}
.imovel-label-fotos ul li {
    font-size:.9em;
    padding:2px;
    margin:0;
}
.imovel-label-preco {
    text-align:right;
}
.sublabel {
    font-size:.8em;
}
.imovel-container-descricao {
    height:140px;
    margin-top:10px;
}
.imovel-descricao {
    background-color:#fff;
    margin-top:10px;
    padding:10px;
    text-align:left;
}
.imovel-icons > li {
    min-width:50px;
    margin-top:10px;
    padding:5px 10px;
    color:#7097cd;
}
.imovel-icons-text {
    color:#777;
}
.pagination-container {
    width:100%;
    text-align:center;
    margin:30px 0;
}
ul.pagination li {
    cursor:pointer;
    touch-action:manipulation;
}
ul.pagination li:hover {
    background-color:#adc8e7;
}
.pagination-link {

}
@media (max-width:768px) {
    .main-page {
        display:inline-block;
    }
    .vertical-search-container {
        width:100%;
        min-height:100px;
    }
    .vertical-result-container {
        margin-left:0;
    }
}
@media (min-width:769px) and (max-width:991px) {

}
@media (min-width:992px) and (max-width:1200px) {

}
@media (min-width:1201px) {

}


.situacao .situacao-orange{
    position: absolute;
    background-color: #E54C00AF;
    transform: rotate(-40deg);
    top: 30px; /* ajuste a posição conforme necessário */
    padding: 2px 5px;
    margin-left: -40px;
    font-size: 10px;
    left: -50px;
    float: left;
    width: 100%;
    color: #fff;
}
.situacao .situacao-red{
    position: absolute;
    background-color: #E50000AF;
    transform: rotate(-40deg);
    top: 30px; /* ajuste a posição conforme necessário */
    padding: 2px 5px;
    margin-left: -40px;
    font-size: 10px;
    left: -50px;
    float: left;
    width: 100%;
    color: #fff;
}
.situacao .situacao-green{
    position: absolute;
    background-color: #269C00AF;
    transform: rotate(-40deg);
    top: 30px; /* ajuste a posição conforme necessário */
    padding: 2px 5px;
    margin-left: -40px;
    font-size: 10px;
    left: -50px;
    float: left;
    width: 100%;
    color: #fff;
}



.situacao-imovel {
    position: relative;
}

.situacao-imovel .situacao-orange{
/*    position: absolute;*/
    background-color: #E54C00AF;
    transform: rotate(-40deg);
    top: 15px; /* ajuste a posição conforme necessário */
    padding: 2px 20px 2px 10px;
    text-align: center;
    margin-left: -40px;
    font-size: 15px;
    float: left;
    width: 250px;
    color: #fff;
}
.situacao-imovel .situacao-red{
/*    position: absolute;*/
    background-color: #E50000AF;
    transform: rotate(-40deg);
    top: 15px; /* ajuste a posição conforme necessário */
    padding: 2px 20px 2px 10px;
    text-align: center;
    margin-left: -40px;
    font-size: 15px;
    float: left;
    width: 250px;
    color: #fff;
}
.situacao-imovel .situacao-green{
/*    position: absolute;*/
    background-color: #269C00AF;
    transform: rotate(-40deg);
    top: 15px; /* ajuste a posição conforme necessário */
    padding: 2px 20px 2px 10px;
    text-align: center;
    margin-left: -40px;
    font-size: 15px;
    float: left;
    width: 250px;
    color: #fff;
}




.tag .tag-destaque{
    position: absolute;
    background-color: #222222CF;
    color: #fff;
/*    top: 10px;*/
    margin-top: 10px;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 12px;
    right: 0;
    float: right;
    letter-spacing: 1px;
}

.tag-lista .tag-destaque{
    position: absolute;
    background-color: #222222CF;
    color: #fff;
/*    top: 10px;*/
    margin-top: 10px;
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 12px;
    right: 0;
    float: right;
    letter-spacing: 1px;
}

.tag-destalhe .tag-destaque{
    position: absolute;
    background-color: #222222CF;
    color: #fff;
    top: 10px;
    padding: 5px 10px;
    border-radius: 2px;
    font-size: 14px;
    right: 15px;
    float: right;
    letter-spacing: 1px;
}