.bootstrap-select .dropdown-toggle:focus,
:active,
:focus {
    outline: 0 !important
}

body,
html {
    overflow-x: hidden;
    height: auto
}

body {
    width: 100%;
    margin: 0;
    line-height: 150%;
    color: #333;
    background-color: #fff;
    -webkit-font-smoothing: antialiased
}

body.modal-open {
    overflow: visible
}

body,
form {
    font-size: 16px;
    font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif
}

#Dialog,
body {
    padding-right: 0 !important
}

.small,
small {
    font-size: 90% !important
}

.navbar-brand {
    background-color: transparent
}

#nav {
    display: none;
    max-height: 55px;
    font-size: 15px;
    padding: 2px;
    margin-bottom: 0;
    border-radius: 0;
    z-index: 9999;
    box-shadow: 1px 3px 5px #3333336c
}

#menu,
#menu-content {
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 9999
}

#menu {
    display: none;
    left: 0;
    width: 100%;
    background-image: url(../img/bkg.webp)
}

h3#qtd-lancamentos {
    width: 100%;
    text-align: center;
    padding-top: 15px;
    margin-bottom: 0 !important;
    font-weight: 700
}

.icon-lancamento i {
    font-size: 1.2em
}

.icons-lanc {
    text-align: left;
    float: left;
    margin: 0 auto;
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 20px
}

.slk-btn {
    opacity: .7
}

#imovel #imgDestaque img {
    border: 0 !important;
    padding: 0
}

.construtora-profile a {
    max-width: 140px;
    display: block
}

.icons-lanc li {
    display: inline-table;
    margin: 15px;
    text-align: center
}

.icons-lanc li i {
    font-size: 1.4em;
    color: #9a191e
}

td.descricao div {
    color: #222 !important
}

.icons-lanc li span {
    font-size: 1em;
    color: #222
}

.smalltxt {
    font-size: .6em !important
}

.aba-nav,
.aba-nav ul {
    width: 100%;
    text-align: center
}

.aba-nav ul {
    list-style-type: none;
    margin-top: 10px
}

.aba-nav ul li,
.aba-nav ul li a {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.aba-nav ul li {
    display: inline-block;
    border: 2px solid #aaa;
    line-height: 52px;
    color: #aaa;
    position: relative
}

.aba-nav ul li.active {
    color: #9a191e;
    border-color: #9a191e
}

.aba-nav ul li.active::before {
    content: " ";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: -13px auto 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #9a191e
}

.aba-nav ul li a {
    display: block;
    line-height: 64px
}

.aba-nav ul li i {
    font-size: 2em
}

.aba {
    height: auto;
    padding: 30px;
    background: #f9f9f9;
    border: 1px solid #eee
}

#menu-content {
    right: 0;
    margin-right: 0;
    min-width: 0;
    max-width: 0;
    padding: 8px 0 0;
    box-shadow: -3px 2px 4px 0#333;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap
}

#menu-content,
#nav {
    background-image: url(../img/bkg-menu.webp)
}

#menu-content.in {
    min-width: 200px;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

#menu-content i {
    width: 1.15em
}

#menu-content hr {
    display: block;
    margin: 0;
    opacity: .7
}

#menu-content .nav {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 85%
}

#menu-close div {
    width: 100%;
    padding: 16px;
    font-size: 21px
}

#menu-close div,
#nav #actions a,
.navbar-header {
    display: inline-block
}

#actions {
    list-style-type: none;
    display: flex
}

#nav #actions .action.lg,
#nav #actions>span {
    display: none
}

#nav #actions a {
    padding: 10px 8px;
    border-radius: 4px;
    text-decoration: none !important
}

#nav .dropdown-menu {
    left: -95px
}

#nav a.dropdown-toggle:after {
    content: " ▼" !important;
    font-size: 90% !important
}

#actions .dropdown-menu,
#actions .dropdown-menu a {
    min-width: 200px;
    line-height: 100%
}

#nav #actions small {
    float: right
}

#navbar-toggle {
    margin: 0
}

#navbar-toggle .icon-bar {
    width: 26px;
    height: 4px
}

.navbar .navbar-collapse {
    margin-left: 5px !important
}

.navbar .container,
.navbar .navbar-collapse {
    padding: 0
}

.navbar .container .navbar-header {
    margin: 0 0 0 7px
}

.navbar-fixed-top {
    position: fixed;
    top: 0;
    left: 0
}

.nav>li>a:focus,
.nav>li>a:hover {
    color: #fff;
    background-color: inherit
}

#menu-content .nav>li>a,
#menu-content a,
#nav #actions a,
#nav #actions button {
    border: 1px solid transparent
}

i.fa:not(.fa-2x):not(.fa-stack):not(.fa-stack-1x):not(.fa-stack-2x),
span.fa:not(.fa-2x):not(.fa-stack):not(.fa-stack-1x):not(.fa-stack-2x) {
    width: 1em
}

#content .fa-inverse {
    color: #fff;
    margin: -1px 0
}

a,
a:active,
a:focus {
    cursor: pointer;
    text-decoration: none;
    text-decoration-line: none !important;
    line-height: 80%
}

a:not(.link) {
    color: inherit
}

a.not-link:hover {
    color: inherit;
    text-decoration: none;
    text-decoration-line: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 4px
}

.h1,
.h2,
h1,
h2 {
    font-weight: 700
}

.h1,
h1 {
    font-size: 28px
}

.h2,
h2 {
    font-size: 24px
}

.h3,
.h4,
h3,
h4 {
    font-weight: 500
}

.h3,
h3 {
    font-size: 22px
}

.h4,
fieldset,
h4 {
    text-align: left
}

hr {
    border-color: #ccc;
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 0
}

.nowrap {
    white-space: nowrap
}

.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
    color: #555
}

fieldset {
    border: 1px solid #ddd;
    margin: 0 0 8px;
    padding: 0 8px 8px
}

#content.container {
    display: none;
    margin-top: 63px;
    margin-bottom: 50px;
    padding: 0 0 50px;
    width: 100%;
    box-shadow: none;
    background-color: #fff;
    border-radius: 3px
}

.container {
    width: 100%;
    padding: 16px 5px
}

.container.condensed {
    padding: 0
}

.clear {
    clear: both
}

img {
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    max-width: 100% !important
}

img[data-src] {
    opacity: 0
}

img.thumbnail {
    max-width: 100%;
    padding: 4px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px
}

.dropdown-menu.open {
    margin-top: -2px;
    padding-top: 4px
}

ul.dropdown-menu li {
    position: relative;
    z-index: 512
}

.popover-content,
.popover-title {
    font-size: 14px;
    color: #444
}

#navbar-toggle .icon-bar {
    background: #fff
}

#imovel table.detalhes h4,
.navbar-nav,
.panel .panel-heading h4 {
    margin: 0
}

.navbar .navbar-nav>li {
    height: 2em
}

.nav .open>a,
.nav .open>a:focus,
.navbar .navbar-nav>li>a {
    padding-top: 0;
    height: 98%;
    border-bottom: 2px solid transparent
}

.navbar a {
    color: inherit
}

#footer,
.navbar-brand {
    display: none;
    overflow: hidden
}

.navbar-brand {
    background-size: contain;
    width: 100px;
    padding: 0;
    margin: 0 0 0-5px
}

.navbar-form .form-control,
.navbar-form input {
    width: auto
}

.navbar form {
    display: inline-block;
    font-size: 12.5px !important
}

.navbar .form-control,
.navbar form.form-inline .form-control {
    width: auto;
    height: 24px;
    min-width: 1em;
    vertical-align: super;
    margin-top: 2px;
    padding: 2px
}

div#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 4em;
    opacity: 1;
    z-index: 999999;
    background-image: url(../img/bkg.webp)
}

div#loading>div {
    display: table;
    width: 100%;
    height: 100%
}

div#loading>div>div {
    display: table-cell;
    vertical-align: middle
}

#footer {
    width: 100%;
    font-size: 15px;
    color: #eee;
    border-top: 1px solid #999;
    text-align: inherit;
    padding: 24px 4px;
    z-index: 9991
}

#footer .container {
    padding: 0
}

#footer a {
    color: #f1f1f1;
    text-decoration: none;
    display: inline-block;
    margin: 0;
    padding: 4px 8px;
    border-radius: 4px;
    -webkit-transition: background-color .25s;
    -moz-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s
}

#footer a,
#footer a.btn {
    min-width: 1em
}

#footer .fa-inverse {
    font-size: 1.4em;
    margin: 2px 0
}

#footer .fone {
    font-size: 15px;
    font-weight: 700
}

#footer .menu {
    line-height: 190%;
    font-size: 15px
}

#footer .menu a {
    display: block;
    margin-bottom: 1em
}

#footer .menu>div {
    vertical-align: top
}

#footer .via-imob-logo {
    width: 100%;
    height: 64px;
    font-size: 10px;
    text-align: center
}

#footer .col-xs-12:first-child {
    text-align: center
}

div#footer a#logo-footer:hover {
    background-color: transparent !important
}

#footer .fone a,
#footer .whatsapp-footer {
    padding: 8px
}

#logo_rodape {
    display: block;
    width: 120px;
    height: 65px;
    background-size: contain;
    margin-bottom: 0
}

a#logo-footer {
    padding: 0
}

.validate.error:not(form) {
    border: 1px solid #900;
    outline: 0 !important;
    box-shadow: none !important
}

div.error-box {
    height: auto;
    font-size: 12.5px;
    font-weight: 700;
    text-align: left;
    color: #a94442;
    margin-top: 0;
    margin-bottom: -2px;
    padding: 0 0 2px 10px
}

div.error-box.general {
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 4px
}

.favoritos {
    display: none !important
}

.favoritos.show {
    display: inline !important
}

.caption {
    display: none
}

#empresa img {
    max-width: 100%
}

#empresa .img-thumbnail {
    margin-top: 16px;
    margin-left: 5px
}

#empresa p.contatos {
    line-height: 200%;
    color: #333
}

form,
legend {
    text-align: center
}

div.half {
    width: 48%;
    margin: 0;
    display: inline-block
}

form.form-inline {
    text-align: left
}

form.form-inline .form-control {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 5px 4px
}

legend {
    width: auto;
    margin: 0 0 8px;
    padding: 0 16px;
    border: 0;
    font-size: 1.2em
}

.form-control.validate:not(.error),
.via-datepicker {
    margin-bottom: 0
}

.form-control:not(.validate) {
    margin-bottom: 16px
}

.hide-empty:empty {
    display: none
}

.bg-color {
    background-color: #fff
}

.checkbox label,
.radio label {
    padding-left: 2px
}

input[type=checkbox],
input[type=radio] {
    opacity: 0;
    width: 1px;
    margin-left: 0
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline;
    color: #555;
    font-size: 1em;
    cursor: pointer
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    display: inline-block;
    width: 1.2em;
    height: 1.1em;
    font-size: 1.6em;
    letter-spacing: 5px;
    color: #555;
    margin: -1px 0 0 7px;
    padding: 2px 2px 0 5px;
    vertical-align: top;
    cursor: pointer
}

input[type=checkbox]+label:before {
    content: "☐"
}

input[type=checkbox]:checked+label:before {
    content: "☑"
}

input[type=radio]+label:before {
    content: "◎"
}

input[type=radio]:checked+label:before {
    content: "◉"
}

input[type=checkbox]:focus+label:before,
input[type=radio]:focus+label:before {
    outline: 1px dotted #ddd
}

input[type=checkbox]:disabled+label,
input[type=checkbox]:disabled+label:before,
input[type=radio]:disabled+label,
input[type=radio]:disabled+label:before {
    color: #999;
    cursor: not-allowed
}

.bootstrap-select.form-control {
    padding: 0 !important;
    border: 1px solid #ccc
}

.bootstrap-select.form-control button.btn.dropdown-toggle {
    width: 100% !important;
    height: 26px;
    color: #444;
    background-color: transparent;
    margin: 0;
    padding: 4px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: none;
    border: 0
}

.bootstrap-select.form-control button.btn.dropdown-toggle.btn-default .caret {
    right: 2px
}

.bootstrap-select.form-control .actions-btn {
    width: 50%;
    box-shadow: none !important
}

.bootstrap-select.form-control .dropdown-menu,
.bootstrap-select.form-control .dropdown-menu a {
    color: #444;
    background-color: #fff
}

.bootstrap-select.form-control .dropdown-menu a:hover {
    color: #fff;
    background-color: #2390fd
}

.bootstrap-select.form-control .dropdown-menu {
    min-width: 200px;
    margin-top: 1px
}

.btn {
    min-width: 8em;
    max-width: 95%;
    outline: 0 !important;
    padding: 6px;
    height: 36px
}

.form-inline .btn {
    height: auto
}

.btn-spacer {
    display: inline-block;
    width: 8px
}

.btn:active,
.btn:focus,
.btn:hover {
    box-shadow: 2px 2px 5px 1px #aaa
}

.fa.btn {
    font-size: 23px;
    width: auto;
    padding: 0 2px;
    display: inline-block;
    box-shadow: none;
    border-radius: 0
}

.fa.btn:hover {
    color: inherit
}

.btn.mini {
    width: 28px;
    margin: 0 2px;
    box-shadow: none;
    border-radius: 50%;
    height: 28px;
    padding: 3px 0 0
}

.btn.large {
    width: 17em
}

.btn.form-control {
    width: 100%
}

.btn-warning {
    background: #f79203 !important;
    border-color: #f79203 !important
}

.btn-warning:hover {
    background: #ff8000 !important
}

.btn-info {
    background: #000;
    border: none
}

.btn-info:hover {
    background: #FF131F
}

.btn-default {
    background: #eee
}

.circle-btn {
    display: inline-block;
    text-align: center;
    color: #888;
    font-size: 10px
}

.circle-btn span {
    font-size: 20px
}

.circle-btn a,
.circle-btn:focus,
.circle-btn:hover {
    text-decoration: none !important;
    text-decoration-line: none !important
}

#pagination .btn,
form#busca .btn,
form#busca-simples .btn {
    min-width: 0
}

#pagination,
img.financiamentos {
    margin-bottom: 64px
}

#pagination .btn {
    width: 50px;
    height: 32px;
    margin: -4px;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #dadada;
    background-color: #fff
}

#pagination .btn:first-child {
    border-radius: 4px 0 0 4px
}

#pagination .btn:last-child {
    border-radius: 0 4px 4px 0
}

#pagination span.btn {
    width: auto;
    min-width: 72px;
    cursor: inherit;
    font-weight: 700
}

#pagination a.btn.enabled:hover {
    background-color: #eee
}

.text-info {
    color: #4695fc
}

.text-overflow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap
}

label {
    display: block;
    text-align: left !important;
    font-weight: 400 !important
}

.datepicker {
    margin-top: 0;
    z-index: 900
}

input.datepicker.form-control {
    margin-bottom: 0 !important
}

.datepicker.dropdown-menu {
    background-color: #fefefe
}

.via-input-btn-r {
    cursor: pointer;
    padding-bottom: 0
}

.via-filepicker {
    position: relative;
    height: 5em;
    padding: 0;
    color: #000;
    background-color: #f1f1f1;
    cursor: pointer;
    overflow: hidden
}

input[type=file]:not(.note-form-control) {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer
}

.filepicker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0
}

.filepicker.image {
    border: 1px solid #bbb
}

.border_e {
    border: 1px solid #eaeaea
}

.block,
div.sel-item {
    display: block
}

.inline {
    display: inline
}

.inline-block,
.inline.block {
    display: inline-block !important
}

div.sel-item {
    width: 260px;
    padding: 5px 16px;
    margin: 5px;
    font-size: 1.1em
}

.campo-busca button.btn.dropdown-toggle.btn-default,
div.sel-item a {
    color: #444 !important
}

table.table-striped>tbody>tr>td,
table.table-striped>tbody>tr>th {
    border: 0
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f6f6f6
}

.table-container {
    width: 100%;
    overflow-x: auto
}

.table-bordered {
    border: 1px solid #ddd !important
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
    background-color: #f1f1f1
}

.table>tbody>tr>th,
.table>thead>tr>th,
td.th,
th {
    background-color: #f1f1f1;
    font-weight: 700
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>thead>tr>th,
td,
th {
    padding: 2px 4px;
    vertical-align: middle
}

.table>tbody>tr>td.text-right,
.table>tbody>tr>th.text-right,
.table>thead>tr>th.text-right,
td.text-right,
th.text-right {
    padding-right: 0
}

.espacamento-baixo {
    margin-bottom: 10px
}

.espacamento-cima {
    margin-top: 10px
}

.panel-success {
    border: 4px solid #dff0d8;
    border-left-color: #4caf50
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent !important
}

#footer .container {
    padding-top: 0
}

#footer #logo-footer {
    text-align: left;
    font-size: .7em
}

#footer #logo-footer img {
    margin-bottom: 6px
}

#dlg-options {
    display: none
}

.modal {
    margin-top: 74px;
    z-index: 99998
}

.modal-backdrop {
    z-index: 99990;
    opacity: 0
}

.modal-body {
    overflow: auto;
    font-size: 16px
}

.modal-footer,
.panel-body {
    padding: 5px
}

.modal-dialog {
    margin: 10px auto
}

.text-primary {
    white-space: nowrap;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.ellip {
    display: block;
    height: 100%
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden
}

#toast-container {
    position: fixed;
    bottom: -90px;
    left: 0;
    width: 100%;
    height: 72px;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background: #000000b9;
    z-index: 999990;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#footer .icone-facebook {
    color: #3b5998
}

#footer a i.fa-whatsapp {
    color: #00bb3a
}

#footer-direita #icone-footer-instagram {
    font-size: 2.7em
}

#toast-container.in {
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -o-transform: translateY(-90px);
    transform: translateY(-90px)
}

#toast-content {
    padding-top: 0
}

.img-thumbs-area {
    display: none
}

.tag-foto {
    position: absolute;
    top: 7px;
    font-size: 12px;
    border-radius: 3px;
    background: #b30000;
    padding: 0 5px;
    color: #fff;
    opacity: .8;
    z-index: 1
}

.tag-foto-1 {
    left: 7px
}

.tag-foto-2 {
    right: 7px
}

@media screen and (min-width:320px) {
    .navbar-brand {
        display: inline-block
    }

    #menu-content.in {
        min-width: 300px
    }

    #nav #actions a,
    #nav #actions button {
        padding: 10px 6px
    }

    nav .dropdown-menu {
        margin-left: 0
    }
}

@media screen and (min-width:384px) {
    .btn {
        width: 11em
    }

    .btn-spacer {
        width: 32px
    }

    .navbar-brand {
        width: 120px
    }

    #nav #actions a,
    #nav #actions button {
        padding: 10px 8px;
        line-height: 19px
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>thead>tr>th,
    td,
    th {
        white-space: nowrap
    }
}

.caracteristicas-edificio.row div {
    font-weight: 400
}

@media screen and (max-width:767px) {
    #nav #actions i {
        font-size: 170%
    }

    .icons-lanc {
        float: none
    }

    #imgDestaque .fix-m a.imgThumb {
        height: auto
    }
}

@media screen and (max-width:1023px) {
    #nav #actions {
        margin-top: 3px
    }

    #nav #actions i {
        font-size: 180%;
        margin-top: -4px
    }

    #menu-content {
        overflow-y: hidden
    }
}

@media screen and (min-width:768px) {
    #main-logo img {
        max-width: 220px;
        max-height: 75px
    }

    #nav #actions button {
        padding-top: 9px
    }

    #nav #actions .dropdown-menu {
        left: 60px;
        margin-top: -20%;
        margin-left: -72px
    }

    #content.container {
        margin-top: 80px;
        padding: 0 0 50px
    }

    .modal-footer,
    .panel-body {
        padding: 15px
    }

    .modal {
        margin-top: 128px
    }

    .modal-dialog {
        margin: 10px auto
    }

    #nav .navbar-brand {
        margin: 0 0-20px
    }

    .navbar .container .navbar-header {
        margin: 0 0 0 2px
    }

    .navbar-brand {
        height: 64px;
        width: 165px;
        margin-right: 64px
    }

    .caption {
        display: inline-block
    }

    form.narrow {
        padding: 20px 16px
    }

    form.form-inline .form-control {
        min-width: 100px;
        width: auto
    }

    #footer,
    #footer .menu {
        font-size: 14px
    }

    #footer .menu {
        padding: 0 0 0 2%
    }

    #footer-direita {
        line-height: 110%
    }

    #footer .i {
        font-size: 18px;
        vertical-align: middle
    }

    #footer .fa.fa-2x {
        font-size: 1.8em
    }

    #footer .col-xs-12:first-child {
        text-align: left
    }

    #qtd-imoveis {
        margin-top: 0 !important;
        padding: 0 0 0 4px
    }
}

@media screen and (min-width:768px) and (max-width:951px) {
    body {
        padding-top: 5px
    }

    #footer .col-sm-3 {
        width: 30%
    }

    #footer .col-sm-6 {
        width: 40%
    }
}

@media screen and (min-width:1024px) {

    body,
    form {
        font-size: 15px
    }

    .small,
    small {
        font-size: 85% !important
    }

    .navbar .container .navbar-header {
        margin: 0
    }

    .nav .open>a,
    .nav .open>a:focus,
    .navbar .navbar-nav>li>a {
        padding: 22px 12px 10px
    }

    .navbar-brand {
        max-width: 245px
    }

    #content.container {
        margin-top: 0;
        padding: 0;
        color: #555
    }

    #footer,
    #footer .menu {
        font-size: 15px
    }

    #footer .incone-footer {
        font-size: 22px
    }

    .visible-sm {
        display: none !important
    }

    #menu-content a,
    #nav a {
        -webkit-transition: background-color .3s;
        -moz-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s
    }

    .slk-btn {
        opacity: 1
    }

    #nav #actions .i {
        font-size: 115%
    }

    #nav #actions>span {
        display: inline-block
    }

    #nav #actions .dropdown-menu a {
        padding: 8px 16px;
        max-width: fit-content;
        height: inherit
    }

    #nav:not(.opaco) .dropdown-menu a {
        background-color: transparent
    }

    #menu-content .nav>li>a:hover,
    #menu-content a:hover,
    #nav #actions a:hover,
    #nav #actions button:hover {
        border: 1px solid #0006
    }

    form.narrow {
        padding: 20px 32px
    }

    .btn-spacer {
        width: 4em
    }

    #content.container,
    .container {
        width: 100%
    }

    #aviso-geral {
        margin-top: 96px;
        margin-bottom: -48px
    }

    #content.container.narrow,
    .container.narrow {
        width: 640px;
        height: inherit;
        min-height: 0;
        padding: 20px 30px
    }

    #footer .menu {
        padding: 0 0 0 3%
    }

    [class*=col-]:last-child {
        padding-right: 15
    }
}

@media screen and (min-width:1100px) {

    .h1,
    h1 {
        font-size: 30px
    }

    .h2,
    h2 {
        font-size: 27px
    }

    .h3,
    h3 {
        font-size: 24px
    }

    #content.container,
    .container {
        width: 1100px
    }

    .navbar-brand {
        max-width: 260px
    }
}

@media screen and (min-width:1200px) {

    #content.container,
    .container {
        width: 1150px
    }

    #nav #actions a {
        padding: 10px 14px
    }

    .btn-spacer {
        width: 6em
    }

    #content {
        padding: 32px 30px
    }

    #footer .menu {
        padding: 0 0 0 10.5%
    }

    form.narrow {
        padding: 20px 55px
    }
}

#content.container.popup {
    min-height: 32px;
    margin: 0;
    padding: 0;
    border: 0
}

@media screen and (max-width:9999px) {

    .navbar .container,
    .navbar .navbar-collapse {
        background-color: transparent
    }

    .navbar-nav .dropdown-menu .caret {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .navbar-header,
    .navbar-nav>li {
        float: none
    }

    #navbar-toggle {
        display: block
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-collapse.collapse {
        display: none !important
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .collapse.in {
        display: block !important
    }
}

.print,
div#msg-aviso,
nav #top-actions {
    display: none
}

@media screen {

    #logo-print,
    .print-only {
        display: none !important
    }
}

@media print {
    @page {
        size: A4 portrait;
        margin: .5cm;
        max-height: 100%;
        max-width: 100%;
        -webkit-transition: none !important;
        transition: none !important
    }

    * {
        margin: 0 !important;
        padding: 0 !important
    }

    body,
    html {
        height: 100%;
        overflow-x: hidden;
        background: #fff;
        font-size: 8pt
    }

    body {
        transform: scale(.95);
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: visible
    }

    a[href]:after {
        content: none !important
    }

    td {
        padding: 6px 0 !important
    }

    .col-md-6 {
        width: 49.5%;
        float: left
    }

    .col-md-6:first-child {
        margin-right: 16px
    }

    .caracteristicas.row .col {
        width: 24%
    }

    #footer,
    #menu,
    #nav,
    .btn,
    .buttons_detalhe,
    .favorito.fa.fa-star-o,
    .no-print {
        display: none !important
    }

    .print-break {
        page-break-before: avoid !important;
        page-break-after: always !important
    }

    #map-canvas {
        display: inline-block;
        margin: 0;
        padding: 0;
        height: 240px
    }

    .img-thumbs-area,
    .print-break {
        display: block
    }

    .img-thumbs {
        display: inline
    }

    .fotos.imovel-tab {
        display: none
    }
}

.carousel-inner>.item.active,
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right {
    -webkit-transition: all .5s !important;
    -moz-transition: all .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important
}

iframe.mapa {
    border: 1px solid #ccc;
    width: 170%;
    height: 170%;
    position: relative;
    top: -130px;
    left: -20%
}

#map_container {
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    width: 100%;
    height: 350px;
    overflow: hidden
}

#descricao-title,
#imovel.lancamento .titulo {
    color: #bbb !important;
    font-size: .9em;
    text-transform: uppercase;
    font-weight: 500
}

#imovel.lancamento .buttons_detalhe a i {
    color: #bbb !important
}

#imovel.lancamento .buttons_detalhe a:not(:last-child) {
    margin-right: 4px !important
}

#imovel.lancamento .buttons_detalhe a {
    font-size: 1em !important
}

#imovel.lancamento #codigo-sm {
    color: #777 !important;
    font-size: .7em !important;
    text-transform: uppercase;
    font-weight: 500
}

#imovel.lancamento .destaque td {
    font-weight: 600;
    font-size: 1.1em !important;
    padding-top: 4px
}

#imovel.lancamento .destaque {
    border-top: none !important;
    border-bottom: 1px solid #eee
}

#imovel.lancamento table.detalhes td {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

#imovel.lancamento td .cell {
    border: 0 !important
}

.all-photos {
    display: block;
    position: absolute;
    z-index: 9999;
    bottom: 10px;
    left: 30px;
    background: rgba(0, 0, 0, .5);
    color: rgba(255, 255, 255, .7) !important;
    border-radius: 5px;
    padding: 10px 15px
}

.all-photos i {
    margin-right: 5px
}

.btn-featured {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
    line-height: auto !important;
    font-weight: 700;
    font-size: 1em;
    margin-top: 25px;
    float: right;
    margin-bottom: 25px
}

.construtora-profile a img {
    max-width: 140px !important
}

#imovel.lancamento h3 {
    font-size: 1.3em
}

#imovel.lancamento img.thumbnail {
    padding: 0 !important;
    border: 0 !important
}

#imovel.lancamento .jcarousel li {
    margin-right: 7px
}

#fancybox-thumbs ul {
    width: max-content !important
}

#fancybox-thumbs ul li img {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important
}

.clearfix {
    clear: both;
    margin: 10px 0 0
}

#imovel.lancamento .jcarousel-control-next,
#imovel.lancamento .jcarousel-control-prev {
    font-size: 50px !important
}

h4.lancamento-nome {
    font-size: 1.4em !important;
    padding: 10px 0 !important;
    margin: 0 !important
}

.corretor .profile,
.thumb-lancamento {
    background-size: cover !important;
    background-position: center !important
}

.thumb-lancamento {
    width: 49%;
    background-color: #fff;
    height: 390px;
    float: left;
    margin: .5%;
    display: block !important;
    transition: ease-in-out .15s;
    -webkit-transition: ease-in-out .15s;
    -moz-transition: ease-in-out .15s;
    -o-transition: ease-in-out .15s
}

.icons-lanc li span.icon {
    font-size: 1.7em;
    color: #9a191e
}

.fright {
    float: right
}

.fleft {
    float: left
}

@media only screen and (max-width:700px) {
    .corretor-title {
        margin-top: 30px;
        text-align: left
    }
}

.corretor .profile {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 0 auto
}

.corretor .creci,
.corretor .email,
.corretor .nome,
.corretor .telefone {
    text-align: center;
    width: 100%;
    display: block;
    line-height: 17px
}

.corretor .nome {
    font-size: 1em;
    font-weight: 700;
    margin: 5px 0 !important
}

.corretor .creci {
    color: #777;
    font-size: .8em
}

.corretor .telefone {
    font-size: .9em
}

.corretor .email {
    margin-bottom: 5px
}

.corretor .mais {
    display: block;
    text-align: center;
    margin: 0 auto 30px
}

@media only screen and (max-width:600px) {
    .thumb-lancamento {
        width: 99%
    }

    .icons-lanc li {
        margin: 10px;
        width: 42%
    }

    .btn-featured {
        float: none;
        display: block;
        width: 60%;
        clear: both;
        margin: 0 auto 30px
    }

    .thumb-imovel {
        padding: 0 5px;
        width: 100%
    }

    .thumb-pointer {
        cursor: pointer !important
    }

    .thumb-imovel .imovel img {
        margin: 0 auto
    }

    .jcarousel-control-next {
        right: -5px !important
    }

    .jcarousel-control-prev {
        left: -5px !important
    }

    .ct-prev {
        left: -10px;
        font-size: 6.5em
    }

    .ct-next {
        right: -10px;
        font-size: 6.5em
    }

    .slk-btn {
        font-size: 4em !important;
        top: 190px
    }
}

.thumb-lancamento:hover {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .5)
}

.thumb-lancamento .texto {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .82) 15%, transparent 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .82) 15%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .82) 15%, transparent 100%);
    padding-bottom: 30px !important
}

.thumb-lancamento .imovel {
    height: 100%;
    position: relative
}

.itens-lancamento {
    display: inline-block;
    color: rgba(255, 255, 255, .8);
    margin: 30px 15px 0 0;
    font-size: 1.1em
}

.itens-lancamento i,
.itens-lancamento span {
    display: block;
    margin: 0 auto 5px
}

.whatsapp-fixed {
    background: #25d366;
    position: fixed;
    bottom: 25px;
    right: 20px;
    z-index: 999999999;
    padding: 0 0 35px;
    border-radius: 40px;
    width: 65px;
    height: 68px
}

.dropdown-btn-whats {
    display: none;
    background-color: #fff;
    min-width: 160px;
    z-index: 3;
    position: fixed;
    color: #444 !important;
    bottom: 93px;
    right: 20px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #aaa
}

.dropdown-btn-whats a {
    padding: 12px 16px;
    display: block;
    z-index: 1
}

.dropdown-btn-whats a:hover {
    background-color: #1fad53;
    color: #fff
}

.container-whats:hover .dropdown-btn-whats {
    display: block
}

.whatsapp-fixed .aba-top {
    height: 65px;
    width: 100%;
    padding: 10px;
    display: block
}

.whatsapp-fixed i {
    font-size: 44px;
    margin: 2px 0 0 3px;
    color: #fff
}

.right {
    float: right
}

.fwnormal {
    font-weight: 100 !important
}

#boleto-expresso,
.texto-i {
    text-align: center;
    overflow: hidden
}

.texto-i {
    background: -moz-linear-gradient(top, transparent 35%, rgba(0, 0, 0, .85) 85%);
    background: -webkit-linear-gradient(top, transparent 35%, rgba(0, 0, 0, .85) 85%);
    background: linear-gradient(to bottom, transparent 35%, rgba(0, 0, 0, .85) 85%);
    padding-bottom: 10px !important;
    height: 80px;
    bottom: 0;
    position: absolute;
    width: 100%
}

.thumb-lancamento .texto h4,
.thumb-lancamento .texto h4 small {
    text-align: center;
    color: #fff !important;
    margin: 0
}

.thumb-lancamento .texto h4.title {
    font-size: 1.8em !important;
    font-weight: 700 !important;
    padding-bottom: 0 !important
}

.slk-btn {
    top: 152px;
    z-index: 1
}

.no-gap {
    padding: 0 !important;
    margin: 0 !important
}

.margin-bottom {
    margin-bottom: 10px
}

.via-imob-logo img {
    opacity: 1
}

.msg-container {
    margin: 15px 0 0;
    padding: 15px;
    border-radius: 11px
}

.msg-container span {
    font-size: 16px
}

.btn {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.card-imovel:hover {
    z-index: 999
}

#boleto-expresso {
    cursor: pointer;
    display: block;
    position: fixed;
    right: 20px;
    bottom: 20px;
    padding: 20px;
    opacity: 1;
    z-index: 9999999;
    color: #333;
    background-color: #fff;
    font-weight: 700;
    box-shadow: 1px 1px 5px 1px #695f5f;
    border-radius: 10px;
    width: 150px;
    max-width: 80%
}

#fancybox-thumbs {
    z-index: 99999
}

.banner-search-wrap .fade {
    display: none !important;
    opacity: .4
}

.banner-search-wrap .fade.active {
    display: block !important
}

.banner-search-wrap .nav-link.active {
    pointer-events: none
}

.fade.active {
    opacity: 1
}

#nav .btn-area {
    display: block;
    float: right
}

.container-botoes.pull-right {
    border-radius: 0 0 5px 35px;
    padding-left: 22px;
    margin-bottom: 0
}

nav .container-botoes li {
    padding: 0 7px;
    list-style-type: none
}

nav .container-botoes li a:hover {
    text-decoration: underline !important
}

nav .container-botoes {
    display: flex
}

.icone-menu-superior {
    font-size: 22px
}

.btn-area #top-actions {
    list-style-type: none
}

#nav #actions button {
    padding: 9px 8px
}

@media screen and (min-width:1024px) {
    nav #top-actions {
        display: block
    }
}

.container-app {
    margin: 0 5%
}

.titulo-app {
    font-size: 22px;
    font-weight: 100;
    margin-top: 20px
}

@media (min-width:992px) {
    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .container-app {
        display: flex;
        padding: 0 30px;
        margin: 0
    }

    .titulo-app {
        margin: 0;
        font-size: 40px;
        font-weight: 100
    }
}

.container-app,
.container-img-app {
    z-index: 0
}

.align-self-center {
    align-self: center !important
}

.appstore img,
.googleplay img {
    height: 48px
}

.shape-image-list img,
.shape-image-list-wrap img {
    border-radius: 8px
}

.shape-image-list {
    position: relative;
    display: inline-block
}

.detalhe-colorido-imagem {
    content: "";
    position: absolute;
    height: 205px;
    width: 230px;
    z-index: -1;
    border-radius: 8px;
    right: 0;
    top: 0
}

.shape-image-list .shadow-img {
    box-shadow: 0 30px 40px rgba(0, 0, 0, .2)
}

.shape-image-list.left-top {
    padding: 35px 0 0 35px
}

.shape-image-list.right-top {
    padding: 35px 35px 0 0
}

.shape-image-list.left-bottom {
    padding: 0 0 35px 35px
}

.shape-image-list.left-bottom:after {
    left: 0;
    bottom: 0
}

.shape-image-list.right-bottom {
    padding: 0 35px 35px 0
}

.shape-image-list.right-bottom:after {
    right: 0;
    bottom: 0
}

@media screen and (max-width:400px) {
    .botoes-app {
        display: inline-flex
    }
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 10px
}

.close-button,
.pointer {
    cursor: pointer
}

.aceitacookies {
    height: 40px !important
}

.alertacookie {
    z-index: 999999999 !important
}

.fechacookies {
    padding: 10px
}

#busca-simples-locacao .btn-group.btn-group-sm.btn-block .actions-btn,
#busca-simples-venda .btn-group.btn-group-sm.btn-block .actions-btn {
    margin: 5px
}

@media screen and (max-width:767px) {
    form#busca .btns-busca button {
        height: 32px;
        margin: 6px 10px 0
    }

    .btn-reset {
        float: left
    }

    .btn-busca {
        float: right
    }

    .busca-simples .btn.home-buscar {
        margin-bottom: 15px
    }
}

@media screen and (min-width:1200px) {
    form#busca .btns-busca button {
        margin: 2px 0
    }
}

@media print {
    form#busca {
        display: none !important
    }
}

@media screen and (max-width:768px) {
    .fancybox-mobile {
        margin-top: -16px
    }

    .fancybox-nav span {
        visibility: visible;
        opacity: .5
    }

    .fancybox-prev {
        left: -20px
    }

    .fancybox-next {
        right: -20px
    }

    .fancybox-close {
        right: -5px
    }
}

body {
    padding-top: 0
}

#busca-simples .dropdown-menu button {
    float: none !important;
    min-width: 65px !important
}

#busca-home label {
    margin-left: -8px
}

#busca-home .bootstrap-select.form-control button.btn.dropdown-toggle {
    height: inherit
}

@media screen and (min-width:384px) {
    #busca-home .form-control {
        padding: 6px
    }

    #busca-home div:first-child {
        width: 86px
    }
}

@media screen and (min-width:768px) {
    .carousel-indicators {
        bottom: -13px
    }

    .banner-titulo {
        font-size: 28px
    }

    .carousel-caption {
        font-size: 26px;
        bottom: 23px
    }

    #busca-home {
        padding: 8px 32px 1px
    }

    #busca-home .form-control {
        max-width: 235px;
        padding: 8px
    }

    #busca-home div:first-child {
        width: 245px
    }

    #busca-home .btn {
        width: 8em
    }
}

@media screen and (min-width:1024px) {
    .banner-titulo {
        font-size: 34px
    }

    .carousel-caption {
        font-size: 30px
    }
}

form.form-inline .campo-busca .form-control {
    width: 100%
}

.destaque-info div {
    margin-bottom: 2px
}

@media (min-width:768px) {
    .thumb-home:nth-child(n+9) {
        display: block
    }

    .thumb-home .foto-container img {
        height: 200px !important
    }
}

@media (min-width:960px) {
    .thumb-home:nth-child(n) {
        display: block
    }
}

.thumb-imovel .imovel .icons>div {
    width: 32%;
    display: inline-block;
    font-size: 1.2em
}

.thumb-imovel .imovel h4 {
    font-size: 16px;
    color: inherit
}

.thumb-imovel .toggle-favorito i.fa-star-o {
    text-shadow: -1px 0#333, 0 1px #333, 1px 0#333, 0-1px #333
}

td.descricao {
    white-space: normal;
    text-align: justify;
    overflow: auto;
    max-height: 280px
}

#imovel a.pull-right {
    margin-top: 6px;
    line-height: 150%
}

#imovel .detalhes td:first-child {
    padding-left: 0
}

#imovel table.detalhes td {
    vertical-align: top;
    padding-bottom: 8px
}

#imovel #video iframe {
    max-width: 100%;
    width: 500px;
    height: 300px
}

@media screen and (min-width:320px) {
    .jcarousel .thumb-imovel {
        width: 320px
    }
}

@media screen and (min-width:384px) {
    .thumb-imovel .imovel p {
        margin: 2em 0;
        line-height: 120%
    }

    .jcarousel .thumb-imovel {
        width: 375px
    }

    .jcarousel-control-next,
    .jcarousel-control-prev {
        font-size: 50px
    }

    #imovel .detalhes .titulo {
        font-size: 1.6em;
        font-weight: 500
    }

    #imovel .detalhes .destaque {
        font-size: 1.4em;
        font-weight: 500
    }

    .buttons_detalhe a {
        font-size: 18px
    }

    .buttons_detalhe a:not(:last-child) {
        margin-right: 14px
    }
}

@media screen and (min-width:768px) {
    .thumb-imovel {
        margin: 0 0 32px
    }

    #imoveis .thumb-imovel {
        width: 372px;
        display: inline-block
    }

    .slick-track .thumb-imovel {
        max-width: 372px
    }

    .thumb-imovel .imovel #descricao,
    .thumb-imovel .imovel .texto {
        max-width: 320px
    }

    .buttons_detalhe a:not(:last-child) {
        margin-right: 16px
    }
}

@media screen and (min-width:1024px) {
    #imoveis #listagem {
        margin-left: -32px
    }

    .thumb-imovel {
        max-width: 372px;
        display: inline-block;
        padding: 8px 16px
    }

    .thumb-imovel:hover .imovel {
        border-color: #ccc;
        width: 100%;
        height: 100%;
        box-shadow: 4px 4px 14px 6px #aaa
    }

    .thumb-imovel .imovel #descricao,
    .thumb-imovel .imovel .texto {
        width: 290px
    }

    #imovel .buttons_detalhe i,
    .thumb-imovel .imovel {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

    .jcarousel-control-next,
    .jcarousel-control-prev {
        font-size: 55px
    }

    #imovel {
        width: 100%;
        margin: 0 0 32px
    }

    #imovel #imgDestaque {
        display: block;
        width: 100%;
        height: 400px;
        margin: -8px 0
    }

    #imovel #imgDestaque img {
        margin-left: 0;
        margin-top: 0;
        border-right: 1px solid #eee;
        border-radius: 4px 0 0 0
    }

    #galeria .jcarousel-control-next {
        right: -12px
    }

    #imovel .titulo {
        white-space: normal
    }

    #imovel .buttons_detalhe .fa:hover {
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

    #imgDestaque .imgThumb {
        height: 395px;
        margin-left: 0
    }
}

@media screen and (min-width:1200px) {
    .thumb-imovel {
        margin: 0 0 32px
    }

    .thumb-imovel .imovel #descricao,
    .thumb-imovel .imovel .texto {
        width: 320px
    }

    .jcarousel-control-next,
    .jcarousel-control-prev {
        font-size: 60px
    }
}

@media screen and (max-width:540px) {
    .card-imovel {
        width: 100% !important
    }

    .thumb-imovel .foto-container {
        height: auto !important
    }
}

.share>li>a {
    background-color: #fff;
    width: 38px;
    height: 28px;
    padding-left: 0;
    left: 0;
    top: 5px;
    text-align: center
}

.icones-thumb div:not(:last-child) {
    margin-right: 5px
}

form#busca {
    margin-bottom: 20px;
    text-align: center;
    padding: 0;
    display: inline-block
}

form#busca .form-control,
form#busca button {
    display: inline-block;
    min-width: 0;
    height: 28px
}

form#busca button {
    font-size: 12px
}

.campo-busca .form-control {
    margin: 1px 0 !important
}

.btns-busca,
.campo-busca {
    padding: 2px !important
}

.busca-bairro .btn {
    position: unset
}

.busca-bairro .caret {
    margin-right: 3px
}

#busca-simples-locacao .btn-group.btn-group-sm.btn-block,
#busca-simples-venda .btn-group.btn-group-sm.btn-block {
    display: flex
}

.busca-simples .btn.home-buscar {
    min-width: auto !important;
    padding: 0 7px
}

.busca-simples .dropdown-menu .inner {
    max-height: 200px !important
}

@media screen and (max-width:767px) {
    form#busca .btns-busca button {
        height: 32px;
        margin: 6px 10px 0
    }

    .btn-reset {
        float: left
    }

    .btn-busca {
        float: right
    }

    .busca-simples .btn.home-buscar {
        margin-bottom: 15px
    }
}

form#busca .form-control,
form#busca .form-control .filter-option {
    font-size: 13px !important
}

form#busca .btns-busca button {
    margin-top: 10px;
    height: 26px;
    line-height: 13px
}

.campo-busca {
    margin: 3px 0
}

#busca {
    margin-bottom: 10px !important
}

@media screen and (min-width:1200px) {
    form#busca .btns-busca button {
        margin: 2px 0
    }
}

@media print {
    form#busca {
        display: none !important
    }
}

.fancybox-overlay.fancybox-overlay-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99990;
    overflow-y: auto
}

.fancybox-wrap {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    z-index: 99999
}

@media screen and (max-width:768px) {
    .fancybox-mobile {
        margin-top: -16px
    }

    .fancybox-nav span {
        visibility: visible;
        opacity: .5
    }

    .fancybox-prev {
        left: -20px
    }

    .fancybox-next {
        right: -20px
    }

    .fancybox-close {
        right: -5px
    }
}

#banner {
    background-color: #fff
}

#banner.off {
    visibility: hidden;
    height: 80px
}

#galeria {
    margin-top: 13px
}

.imgThumb {
    height: 400px;
    width: auto;
    display: block;
    background-size: cover !important;
    background-position: center !important
}

.fundo-banner {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .7;
    height: auto;
    width: 100%;
    display: block;
    filter: blur(2.5px);
    -webkit-filter: blur(2.5px);
    -moz-filter: blur(2.5px);
    -o-filter: blur(2.5px);
    -ms-filter: blur(2.5px);
    z-index: -1
}

.img-banner {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    opacity: 1;
    z-index: 101;
    min-height: 240px
}

.banner-titulo {
    display: block;
    margin-bottom: .3em;
    font-size: 24px
}

.banner-titulo:empty {
    display: none
}

.fundo-base {
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 84px;
    z-index: 10;
    background-image: url(../img/bkg-banner-bottom-degrade.webp)
}

#desktop-banner,
#mobile-banner {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
    margin: auto
}

#mobile-banner {
    object-fit: contain
}

#banner.off #carousel {
    display: none
}

.carousel-control {
    font-size: 150%;
    opacity: .45
}

.carousel-control:hover {
    opacity: 1
}

.carousel .left>i,
.carousel .right>i {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.carousel .right>i {
    left: auto;
    right: 20px
}

.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .7)0, rgba(0, 0, 0, .0001) 100%)
}

.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001)0, rgba(0, 0, 0, .7) 100%)
}

.carousel-indicators {
    bottom: -13px
}

.carousel-caption {
    position: absolute;
    bottom: 16px;
    right: 0;
    left: 0;
    width: 100%;
    padding-bottom: 0;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    z-index: 20
}

#busca-home {
    width: 100%;
    white-space: nowrap;
    max-width: 768px;
    margin: 4px auto 0;
    padding: 8px 16px 0;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-shadow: 3px 2px 14px 1px #ccc
}

#busca-home,
#busca-simples.row {
    overflow: visible
}

#busca-home div:not(.dropdown-menu) {
    display: block;
    padding: 4px
}

#busca-home div:first-child {
    width: 125px;
    float: left
}

#busca-home div:last-child {
    width: auto;
    padding: 4px 0;
    overflow: visible
}

#busca-home form {
    margin-top: -8px
}

#busca-home .form-control {
    max-width: 115px;
    width: 100%;
    height: 36px;
    margin-bottom: 10px;
    padding: 2px;
    border-color: #ccc
}

#busca-home #main {
    display: inherit;
    overflow: visible
}

#busca-home .btn {
    float: right;
    width: 3em;
    margin-left: 4px;
    overflow: hidden
}

#busca-home .btn:first-child {
    margin-right: 6px
}

@media screen and (min-width:384px) {
    #busca-home .form-control {
        padding: 6px
    }

    #busca-home div:first-child {
        width: 86px
    }
}

@media screen and (min-width:768px) {
    .carousel-indicators {
        bottom: -13px
    }

    .banner-titulo {
        font-size: 28px
    }

    .carousel-caption {
        font-size: 26px;
        bottom: 23px
    }

    #busca-home {
        padding: 8px 32px 1px
    }

    #busca-home .form-control {
        max-width: 235px;
        padding: 8px
    }

    #busca-home div:first-child {
        width: 245px
    }

    #busca-home .btn {
        width: 8em
    }
}

@media screen and (min-width:1024px) {
    .banner-titulo {
        font-size: 34px
    }

    .carousel-caption {
        font-size: 30px
    }
}

#content.container.Home {
    width: 100% !important
}

#imovel table.detalhes,
.destaques-row {
    width: 100%
}

.thumb-home {
    position: relative;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

.thumb-home:nth-child(n+3) {
    display: none
}

.favorito-icon {
    position: absolute;
    right: 7px;
    padding-top: 7px;
    z-index: 999;
    font-size: 22px
}

.destaques {
    margin-top: 25px
}

.destaque-info {
    line-height: 18px;
    letter-spacing: 1px;
    font-size: 15px;
    color: #fff;
    position: absolute;
    text-transform: capitalize;
    font-family: "Open Sans", sans-serif;
    text-shadow: 0 0 .1em rgba(65, 65, 65, .6), 0 0 .1em rgba(65, 65, 65, .6), 0 0 .2em rgba(65, 65, 65, .6)
}

.destaque-info.topo {
    top: 0;
    padding: 7px;
    background-color: rgb(0, 0, 0, .4)
}

.destaque-info.topo .valor {
    font-weight: 700
}

.destaque-info.base {
    bottom: 5px;
    left: 8px
}

.destaque-info.base i {
    margin-left: 4px
}

.camada-gradiente {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(transparent 40%, #1a1a1a 95%);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

.thumb-home:hover,
.thumb-home:hover .camada-gradiente {
    opacity: .8
}

@media (min-width:768px) {
    .thumb-home:nth-child(n+9) {
        display: block
    }

    .thumb-home .foto-container img {
        height: 200px !important
    }
}

@media (min-width:960px) {
    .thumb-home:nth-child(n) {
        display: block
    }
}

#Ordem {
    margin: 0;
    padding: 2px;
    height: 1.8em;
    min-width: 100px
}

#imoveis #listagem {
    margin-top: 20px;
    padding: 0 15px
}

.thumb-imovel {
    position: relative;
    display: block;
    color: #333
}

.thumb-imovel .imovel {
    position: relative;
    width: 99%;
    height: 99%;
    margin: 0 auto;
    font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
    font-size: 14px;
    color: #484848;
    background-color: #fff;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #eee;
    box-shadow: 2px 2px 4px 1px #aaa
}

.thumb-imovel .imovel .btn {
    width: 7.5em
}

#compatilha-imovel .app-facebook,
#imovel .icons>div {
    display: inline-block
}

.thumb-imovel .imovel .valor {
    margin: 1em auto;
    text-align: left;
    font-size: 1.15em;
    font-weight: 700
}

.thumb-imovel .imovel #descricao {
    text-align: justify;
    width: 96%;
    height: 50px;
    font-size: 15px;
    overflow: hidden
}

.thumb-imovel .toggle-favorito {
    position: absolute;
    top: 12px;
    right: 22px;
    font-size: 1.5em;
    font-weight: bolder;
    z-index: 99
}

.favorito.off,
.favorito.on {
    color: #999 !important;
    text-shadow: -1px 0#ffd, 0 1px #fff, 1px 0#fff, 0-1px #fff
}

.favorito.on {
    color: #9a191e !important
}

.buttons_detalhe .favorito.off,
.buttons_detalhe .favorito.on {
    text-shadow: none
}

.thumb-imovel .imovel .foto-container {
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    text-align: center
}

.thumb-imovel .imovel img {
    display: inline-block;
    max-width: 100%;
    height: 191px;
    margin: -1px;
    border-radius: 4px 4px 0 0
}

.thumb-imovel .imovel .area {
    float: right
}

.thumb-imovel .imovel .texto {
    width: 96%;
    margin: 0 auto;
    padding: 0
}

.thumb-imovel .imovel p {
    margin: 1.2em 0;
    line-height: 120%
}

.thumb-imovel .imovel .codigo {
    font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
    position: absolute;
    bottom: 0;
    right: 2px
}

#compatilha-imovel {
    font-size: 24px
}

.buttons_detalhe {
    text-align: right;
    padding: 0
}

.buttons_detalhe a {
    font-size: 16px
}

.buttons_detalhe a:not(:last-child) {
    margin-right: 12px
}

#map-canvas {
    width: 100%;
    height: 350px
}

.right-link {
    position: relative;
    top: 12px;
    right: 0
}

#destaquesL .jcarousel-wrapper,
#destaquesV .jcarousel-wrapper,
.jcarousel-wrapper.semelhantes {
    height: 480px
}

#imovel .detalhes .cell,
#imovel .detalhes.col .cell {
    width: 100%;
    margin: 0 auto;
    padding: 6px 4px;
    line-height: 150%;
    border: 1px solid #ddd;
    border-radius: 4px
}

#imovel td .cell:hover {
    border-color: #aaa
}

#imovel td .cell:not(:hover) {
    color: inherit !important
}

#imovel {
    width: 100%;
    margin: 0 auto 32px;
    padding: 8px 0;
    color: #484848;
    background-color: #fff;
    font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
    font-size: 15px;
    border-radius: 4px;
    border: 1px solid #eee;
    box-shadow: 2px 2px 4px 1px #aaa;
    overflow: hidden
}

#imovel>.col-md-12,
#imovel>.col-md-6:not(.fotos) {
    padding: 0 2px
}

#imovel .caracteristicas {
    margin: 0 1px
}

#imovel .caracteristicas div {
    font-size: .9em;
    white-space: nowrap;
    overflow: hidden
}

#imovel #imgDestaque img {
    display: block;
    max-width: 100%;
    max-height: 400px;
    margin: 0 auto;
    border-radius: 4px
}

#imovel #galeria {
    margin-top: 40px
}

#imovel #galeria .jcarousel {
    width: 92%
}

#galeria .jcarousel-control-next {
    right: -20px
}

#imovel .detalhes .descricao,
#imovel .detalhes .titulo {
    display: table-cell;
    padding: 0;
    text-align: justify;
    white-space: normal
}

#imovel .detalhes .titulo {
    font-size: 24px;
    font-weight: 500
}

#imovel .detalhes .destaque {
    font-size: 20px;
    font-weight: 500
}

#imovel .destaque {
    border-top: 1px solid #eee;
    padding-bottom: 0
}

#imovel .buttons_detalhe i {
    font-size: 1.25em
}

#imgDestaque .imgThumb {
    display: block;
    height: 250px;
    margin-left: 12px;
    background-size: contain !important;
    background-repeat: no-repeat !important
}

.ordenar-por {
    display: flex;
    width: 100%;
    margin-right: 4px
}

.listagem-imoveis-mapa .ordenar-por {
    width: auto;
    display: flex;
    flex-direction: column
}

.texto-ordenar-por {
    min-width: 85px;
    font-size: 13px
}

@media screen and (min-width:320px) {
    .jcarousel .thumb-imovel {
        width: 320px
    }
}

@media screen and (min-width:384px) {
    .thumb-imovel .imovel p {
        margin: 2em 0;
        line-height: 120%
    }

    .jcarousel .thumb-imovel {
        width: 375px
    }

    .jcarousel-control-next,
    .jcarousel-control-prev {
        font-size: 50px
    }

    #imovel .detalhes .titulo {
        font-size: 1.6em;
        font-weight: 500
    }

    #imovel .detalhes .destaque {
        font-size: 1.4em;
        font-weight: 500
    }

    .buttons_detalhe a {
        font-size: 18px
    }

    .buttons_detalhe a:not(:last-child) {
        margin-right: 14px
    }
}

@media screen and (min-width:768px) {
    .thumb-imovel {
        margin: 0 0 32px
    }

    #imoveis .thumb-imovel {
        width: 372px;
        display: inline-block
    }

    .slick-track .thumb-imovel {
        max-width: 372px
    }

    .thumb-imovel .imovel #descricao,
    .thumb-imovel .imovel .texto {
        max-width: 320px
    }

    .buttons_detalhe a:not(:last-child) {
        margin-right: 16px
    }
}

@media screen and (min-width:1024px) {
    #imoveis #listagem {
        margin-left: -32px
    }

    .thumb-imovel {
        max-width: 372px;
        display: inline-block;
        padding: 8px 16px
    }

    .thumb-imovel:hover .imovel {
        border-color: #ccc;
        width: 100%;
        height: 100%;
        box-shadow: 4px 4px 14px 6px #aaa
    }

    .thumb-imovel .imovel #descricao,
    .thumb-imovel .imovel .texto {
        width: 290px
    }

    #imovel .buttons_detalhe i,
    .thumb-imovel .imovel {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s
    }

    .jcarousel-control-next,
    .jcarousel-control-prev {
        font-size: 55px
    }

    #imovel {
        width: 100%;
        margin: 0 0 32px
    }

    #imovel #imgDestaque {
        display: block;
        width: 100%;
        height: 400px;
        margin: -8px 0
    }

    #imovel #imgDestaque img {
        margin-left: 0;
        margin-top: 0;
        border-right: 1px solid #eee;
        border-radius: 4px 0 0 0
    }

    #galeria .jcarousel-control-next {
        right: -12px
    }

    #imovel .titulo {
        white-space: normal
    }

    #imovel .buttons_detalhe .fa:hover {
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3)
    }

    #imgDestaque .imgThumb {
        height: 395px;
        margin-left: 0
    }
}

@media screen and (min-width:1200px) {
    .thumb-imovel {
        margin: 0 0 32px
    }

    .thumb-imovel .imovel #descricao,
    .thumb-imovel .imovel .texto {
        width: 320px
    }

    .jcarousel-control-next,
    .jcarousel-control-prev {
        font-size: 60px
    }
}

body.Imoveis #content.container {
    width: 100% !important
}

.listagem-imoveis {
    padding: 0 3px;
    margin-top: 5px
}

.thumb-imovel {
    padding: 0 3px;
    max-width: 100% !important;
    margin: 0 !important;
    height: auto !important;
    width: 100%
}

.foto-container {
    overflow: hidden
}

.thumb-imovel .foto-container {
    height: 200px;
    position: relative
}

.foto-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.thumb-imovel-info {
    background-color: #fff;
    padding: 5px 15px 10px;
    line-height: 25px;
    min-height: 160px;
    color: #666;
    font-size: 14px
}

.card-imovel.card-lancamento .thumb-imovel-info {
    min-height: 130px
}

.imovel-bairro,
.imovel-cidade {
    width: 100%;
    line-height: 15px
}

.imovel-bairro,
.imovel-cidade,
area {
    font-size: 14px
}

.imovel-valor {
    margin-top: 5px;
    font-size: 16px
}

.imovel-tipo,
.imovel-valor {
    font-weight: 700
}

.thumb-imovel .icons {
    margin-top: 10px;
    display: flex
}

.thumb-imovel .icons i {
    margin: 0 15px 0 4px
}

.Imovel .card-imovel {
    width: 100% !important;
    padding: 0 18px !important
}

.card-imovel {
    margin-bottom: 10px
}

.thumb-imovel .imovel-item {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

@media screen and (max-width:540px) {
    .card-imovel {
        width: 100% !important
    }

    .thumb-imovel .foto-container {
        height: auto !important
    }
}

.share,
.share.on {
    left: auto;
    right: 0;
    padding: 2px;
    background-color: #fff
}

.share-li {
    float: left;
    padding-left: 4px;
    height: 18px;
    width: 42px
}

.icones-thumb {
    position: absolute;
    bottom: 7px;
    right: 7px;
    padding: 5px;
    border-radius: 15px;
    display: flex
}

.icone-360,
.icone-video {
    border-radius: 9px;
    padding: 3px;
    line-height: 100%
}

.icone-video {
    padding: 3px 10px
}

.cookieinfo div {
    color: #fff !important;
}