@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;600;700&family=Roboto:wght@300;400;500;600;700&Sora:wght@100..800&display=swap);
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'Roboto', sans-serif
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 2px
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    background-color: var(--cor-primaria)
}

textarea::-webkit-scrollbar {
    width: 3px
}

textarea::-webkit-scrollbar-thumb {
    background-color: var(--cor-primaria);
    height: 8px
}

header {
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / .1)
}

a {
    text-decoration: none
}

.texto-justificado {
    text-align: justify
}

.text-primary {
    color: var(--cor-primaria) !important
}

.text-primary:hover {
    color: var(--cor-secundaria) !important
}

.text-secundary {
    color: var(--cor-secundaria) !important
}

.text-secundary:hover {
    color: var(--cor-primaria) !important
}

.text-padrao {
    color: var(--cor-padrao) !important
}

.text-padrao2 {
    color: var(--cor-padrao2)
}

h3,
h5 {
    color: var(--cor-subtitulo)
}

label {
    color: var(--cor-padrao)
}

.bg-termos {
    color: var(--cor-termos);
    background-color: var(--cor-termos);
    padding: 20px
}

.bg-modal {
    color: var(--cor-termos);
    padding: 20px
}

.btn {
    --bs-btn-border-radius: 0.275rem
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--cor-primaria);
    --bs-btn-border-color: var(--cor-primaria);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--cor-secundaria);
    --bs-btn-hover-border-color: var(--cor-secundaria);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--cor-secundaria);
    --bs-btn-active-border-color: var(--cor-secundaria);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--cor-primaria);
    --bs-btn-disabled-border-color: var(--cor-primaria)
}

.btn-busca-livre{
	background-color: var(--cor-btn-busca-faixa-topo);
}
.separador{
	color: var(--cor-btn-busca-faixa-topo);
}
.btn-primary-pesquisar {
    --bs-btn-color: var(--cor-fundo-botao-pesquisa-modal);
    --bs-btn-bg: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-border-color: var(--cor-fundo-botao-pesquisa-modal);
    --bs-btn-hover-color: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-hover-bg: var(--cor-fundo-botao-pesquisa-modal);
    --bs-btn-hover-border-color: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(---cor-texto-botao-pesquisa-modal);
    --bs-btn-active-border-color: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--cor-fundo-botao-pesquisa-modal);
    --bs-btn-disabled-border-color: var(--cor-fundo-botao-pesquisa-modal)
}

.btn-fav-comp {
    color: var(--cor-text-botao-favoritos-comparar) !important;
    background-color: var(--cor-bg-botao-favoritos-comparar);
    border: none
}

.btn-fav-comp:hover {
    color: var(--cor-text-botao-favoritos-comparar-selecionado) !important;
    background-color: var(--cor-bg-botao-favoritos-comparar-selecionado);
    border: none
}

.bg-primary {
    --bs-bg-opacity: 1;
    --bs-primary-rgb: var(--cor-primaria);
    background-color: var(--bs-primary-rgb) !important
}

.form-control {
    font-size: 1rem;
    border-radius: 2px;
    color: var(--cor-text-inputs);
    background-color: var(--cor-bg-inputs);
    border: #fff0;
    border-radius: var(--cantos-arredondados) !important
}

.form-control:focus {
    border-color: var(--cor-bg-inputs);
    box-shadow: none
}

.form-control::placeholder {
    color: var(--cor-text-inputs);
    opacity: .6
}

.form-select {
    font-size: 1rem;
    border-radius: 2px;
    color: var(--cor-text-inputs);
    background-color: var(--cor-bg-inputs)
}

.form-select2 {
    padding: 12px 22px
}

.form-control2,
.btn-pesq-lg {
    padding: 14px 22px
}

.filter-option-inner-inner {
    font-size: 1rem;
    border-radius: 2px;
    color: var(--cor-text-inputs) !important;
    background-color: var(--cor-bg-inputs)
}

.form-select2~button::after {
    vertical-align: 0 !important
}

.form-select:focus {
    border-color: var(--cor-bg-inputs);
    box-shadow: 0 0 0 .25rem var(--cor-text-inputs)
}

.form-select::placeholder {
    color: var(--cor-text-inputs)
}

option:hover {
    background-color: var(--cor-secundaria) !important
}

.form-check-input:checked {
    background-color: var(--cor-primaria);
    border-color: var(--cor-primaria)
}

.form-check-input:focus {
    border-color: var(--cor-secundaria-20);
    outline: 0;
    box-shadow: 0 0 0 .25rem var(--cor-secundaria-20)
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e")
}

.form-radius {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    color: var(--cor-primaria);
    background-color: var(--cor-bg-inputs);
    border-color: var(--bs-btn-active-border-color)
}

.btn-group {
    border-radius: var(--bs-border-radius) !important
}

.cantos-arredondados {
    border-radius: var(--cantos-arredondados) !important
}

.margin-top-busca {
    margin-top: 0
}

.cor-branco {
    color: var(--cor-branco)
}

.hr {
    color: var(--cor-secundaria);
    border: 1.5px solid;
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.cor-links {
    color: var(--cor-link) !important
}

.cor-links:hover {
    color: var(--cor-link-hover) !important
}

.banners-home {
    width: 100%;
    height: 100vh;
    object-fit: cover
}

.banners-home-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover
}

@media (min-width:992px) {
    .banners-home {
        height: 100%
    }
    .banners-home-video {
        height: 100%
    }
}

.carousel-banner .carousel-cell-image {
    height: auto
}

.carousel-banner {
    height: 100%
}

.img-indisponivel {
    position: relative;
    width: 100% !important;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: var(--cor-texto-indisp-card);
    background-color: var(--cor-bg-indisp-card);
    object-fit: cover;
    line-height: 1
}

.img-indisponivel>span+div {
    margin-top: 55px
}

.img-indisponivel>span {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-mask: url(../img/img-nao-encontrada.png);
    width: 80px;
    height: 80px;
    color: var();
    background-color: var(--cor-img-indisp-card);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    -webkit-mask-position: center;
    background-position: center;
    margin-bottom: 6px;
    opacity: .5
}

.img-indisponivel_ {
    font-size: 31px;
    font-weight: 700;
    margin-bottom: 10px
}

.img-indisponivel_+hr {
    margin: 7px 90px
}

.img-indisponivel_+hr+div {
    font-size: 18px;
    font-weight: 400
}

.titulo-destaques {
    position: relative;
    font-size: 2.2rem;
    color: var(--cor-titulo);
    font-weight: 300
}

.titulo-destaques-2 {
    position: relative;
    font-size: 1rem;
    color: var(--cor-titulo);
    font-weight: 700;
    text-transform: uppercase
}

.titulo-destaques-2>span::before {
    position: absolute;
    content: '-';
    color: #fff0;
    margin: 0;
    top: 2px;
    border-bottom: 3px solid var(--cor-titulo);
    width: 2rem
}

.card {
    position: relative;
    border-color: #fff0;
    border-radius: 3px !important;
    -webkit-box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .05);
    -moz-box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .05);
    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / .05);
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border: none;
    background-color: transparent
}

.card-valores {
    position: relative;
    color: var(--cor-valor-card);
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    height: 50px;
    padding: 0 20px;
    background-color: var(--cor-bg-valor-card);
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	transition: transform 0.3s ease-in, background-color 0.3s ease-in;
}
.card.card-imo>div>div:hover .card-valores{
	background-color: var(--cor-bg-valor-card_hover);
	transition: transform 0.3s ease-in, background-color 0.3s ease-in;
}

.card-valores>div {
    color: var(--cor-valor-card);
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    padding: 0 20px
}

.card-imo {
    width: 100%;
    max-height: 680px;
    background-color: var(--cor-bg-card)
}

.card-infos {
    position: absolute;
    z-index: 1;
    color: var(--cor-branco);
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    top: 27px;
    left: 0;
    padding: 2px 6px
}

.card-info {
    position: relative;
    z-index: 2
}

.card-info+span {
    position: absolute;
    width: 100%;
    height: 30px;
    color: var(--cor-valor-card);
    background-color: var(--cor-bg-valor-card);
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.card-info-loc-ven {
    position: relative;
    z-index: 1;
    color: var(--cor-branco);
    font-size: 0.7rem !important;
    font-family: 'Inter', sans-serif;
    top: 6px;
    left: 6px;
    padding: 2px 6px
}

.card-info-loc-ven>.card-info {
    font-weight: 400;
    position: absolute;
    top: -23px;
    right: -18.2rem;
    text-wrap: nowrap;
    text-align: -webkit-right
}

.card-info-loc-ven>.card-info>.card-info-bg1 {
    color: var(--cor-texto-exclusivo-card);
    background-color: var(--cor-bg-exclusivo-card);
    border-radius: 3px;
    padding: 2px 9px;
    margin-bottom: 12px;
    width: fit-content
}

.card-info-loc-ven>.card-info>.card-info-bg2 {
    color: var(--cor-texto-desocupacao-card);
    background-color: var(--cor-bg-desocupacao-card);
    border-radius: 3px;
    padding: 2px 9px;
    width: fit-content
}

@media (min-width:375px) {
    .card-info-loc-ven>.card-info {
        right: -17.4rem
    }
}

@media (min-width:400px) {
    .card-info-loc-ven>.card-info {
        right: -18.9rem
    }
}

@media (min-width:410px) {
    .card-info-loc-ven>.card-info {
        right: -19.5rem
    }
}

@media (min-width:420px) {
    .card-info-loc-ven>.card-info {
        right: -20.1rem
    }
}

@media (min-width:430px) {
    .card-info-loc-ven>.card-info {
        right: -20.6rem
    }
}

@media (min-width:500px) {
    .card-info-loc-ven>.card-info {
        right: -24.6rem
    }
}

@media (min-width:769px) {
    .card-info-loc-ven>.card-info {
        right: -21.6rem
    }
}

@media (min-width:992px) {
    .card-info-loc-ven>.card-info {
        right: -23.9rem
    }
}

@media (min-width:1200px) {
    .card-info-loc-ven>.card-info {
        right: -18rem
    }
}

@media (min-width:1400px) {
    .card-info-loc-ven>.card-info {
        right: -21.6rem
    }
}

.card-favoritos {
    position: absolute;
    z-index: 1;
    color: var(--cor-branco);
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    top: 11px;
    right: 0;
    padding: 0 10px
}

.card-favoritos>.card-fav {
    position: relative;
    z-index: 2;
    color: var(--cor-branco);
    background: rgb(148 148 148 / .48);
    border-radius: 2px;
    box-shadow: 0 4px 30px rgb(0 0 0 / .1);
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.card-favoritos-imo {
    z-index: 1;
    color: var(--cor-branco);
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    top: 11px;
    right: 0;
    padding: 0 10px
}


.bg-fav-comp {
    background-color: var(--cor-bg-valor-card);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.bg-fav-comp>a,
.bg-fav-comp>div {
    color: var(--cor-valor-card);
    transition: 0.5s ease
}

.bg-card {
    background-color: var(--cor-bg-card)
}

.cod-imovel {
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 11px;
    padding: 2px 6px;
    color: var(--cor-texto-cod-card);
    background-color: var(--cor-bg-cod-card);
    border-radius: 3px
}

.black-friday-imovel {
    position: absolute;
    z-index: 1;
    top: 34px;
    left: 11px;
    padding: 2px 0px;
    border-radius: 3px;
}

.cod-imovel>div {
    color: var(--cor-texto-cod-card);
    font-size: .7rem;
    font-family: 'Inter', sans-serif
}

.status-lanc>div {
    color: var(--cor-valor-card) !important
}

.heart-fav {
    width: 16px;
    height: 16px;
    background-color: azure;
    -webkit-mask: url(../img/icones/heart.svg);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition-duration: 1s
}

.heart-fav-fill {
    width: 16px;
    height: 16px;
    background-color: red !important;
    -webkit-mask: url(../img/icones/heart-fill.svg);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition-duration: 1s
}

.shuffle-comp {
    width: 16px;
    height: 16px;
    background-color: azure;
    -webkit-mask: url(../img/icones/shuffle.svg);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition-duration: 1s
}

.shuffle-comp-fill {
    width: 16px;
    height: 16px;
    background-color: #000;
    -webkit-mask: url(../img/icones/shuffle-fill.svg);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition-duration: 1s
}

.card-comparar {
    position: absolute;
    z-index: 3;
    color: var(--cor-branco);
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    top: 41px;
    right: 0;
    padding: 0 10px
}

.card-comparar>.card-comp {
    position: relative;
    z-index: 2;
    color: var(--cor-branco);
    background: rgb(148 148 148 / .48);
    border-radius: 2px;
    box-shadow: 0 4px 30px rgb(0 0 0 / .1);
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

.card-comparar-imo {
    z-index: 3;
    color: var(--cor-branco);
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    padding: 0 10px
}

.carousel {
    border-radius: 3px !important
}

.carousel-cell {
    position: relative;
    width: 100%;
    height: 260px;
    margin-right: 10px;
    counter-increment: carousel-cell
}

.carousel-cell::after {
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 30%;
    left: 0;
    background: #020024;
    background: -webkit-linear-gradient(#fff0 0%, #fff0 46%, rgb(51 51 51) 100%);
    background: -o-linear-gradient(#fff0 0%, #fff0 46%, rgb(51 51 51) 100%);
    background: linear-gradient(#fff0 0%, #fff0 46%, rgb(51 51 51) 100%)
}

.card-img-top {
    border-radius: 0;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    width: 450px;
    height: 260px;
    object-fit: cover
}

.carousel:hover :where(.flickity-prev-next-button .flickity-button-icon) {
    opacity: 1;
    transition: all 0.5s ease
}

.carousel-cell-image {
    display: block;
    max-height: 100%;
    margin: 0 auto;
    max-width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
    opacity: .9
}

.carousel-cell:hover .carousel-cell-image.flickity-lazyloaded {
    opacity: 1
}

.card-body {
    padding: 2.4rem;
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}

.card-info-imovel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

.card-titulo {
    display: flex;
    align-items: flex-start;
    justify-content: start;
}

.card-titulo h2 {
    font-size: 1.2rem;
    color: var(--cor-titulo-card);
    font-weight: 700;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0
}

.card-bairro-cidade {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}

.card-bairro-cidade > .ico-mapa-pin {
    opacity: .3;
}

.card-bairro-cidade > .ico-mapa-pin svg {
    font-size: 21px;
    width: 1em;
    height: 1em;
    fill: var(--cor-subtitulo-card);
}

.card-bairro-cidade > .card-bairro-cidade-texto {
    color: var(--cor-subtitulo-card);
    backdrop-filter: blur(10px);
    font-size: .9rem;
    -webkit-line-clamp: 1;
	display: -webkit-box;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.card-texto {
    display: -webkit-box;
    height: 70px !important;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.card-texto p {
    font-size: 1rem;
    color: var(--cor-descricao-card);
    margin: 0;
}

.corta-card-desc {
    display: -webkit-box;
    height: 83px !important;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0
}

.bg-card-noticias .corta-card-desc {
    height: 76px !important;
}

.imo-dad-compl {
    background-color: var(--cor-bg-faixa-card);
    padding: 20px;
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 10px;
}
.imo-dad-compl .imo-dad-compl-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.imo-dad-compl .imo-dad-compl-item > .imo-dad-compl-item-ico {
    color: var(--cor-texto-card);
    font-size: 1rem
}

.imo-dad-compl > .imo-dad-compl-item > .imo-dad-compl-item-ico:first-of-type {
    width: 20px;
    height: 20px;
    background-color: var(--cor-icons-card);
    -webkit-mask-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 6px;
    opacity: .5;
}

.imo-dad-compl .imo-dad-compl-item > .dorm-ico:first-of-type {
    -webkit-mask: url(../img/icones/dormitorios.svg);
}
.imo-dad-compl .imo-dad-compl-item > .banh-ico:first-of-type {
    -webkit-mask: url(../img/icones/banheiros.svg);
}
.imo-dad-compl .imo-dad-compl-item > .suites-ico:first-of-type {
    -webkit-mask: url(../img/icones/suites.svg);
}
.imo-dad-compl .imo-dad-compl-item > .gar-ico:first-of-type {
    -webkit-mask: url(../img/icones/garagens.svg);
}
.imo-dad-compl .imo-dad-compl-item > .a-terr-ico:first-of-type {
    -webkit-mask: url(../img/icones/area_t.svg);
}
.imo-dad-compl .imo-dad-compl-item > .a-const-ico:first-of-type {
    -webkit-mask: url(../img/icones/area_const.svg);
}
.imo-dad-compl .imo-dad-compl-item > .a-util-ico:first-of-type {
    -webkit-mask: url(../img/icones/area_u.svg);
}
.imo-dad-compl .imo-dad-compl-item > .a-total-ico:first-of-type {
    -webkit-mask: url(../img/icones/area_t.svg);
}

.imo-dad-compl-item-texto {
    color: var(--cor-texto-card);
    font-size: 1rem;
}

.imo-dad-compl .imo-dad-compl-item .imo-dad-compl-item-qntd {
    color: var(--cor-descricao-card); /*depois trocar*/
    font-size: .9rem;
}

.list-group-item {
    border-radius: 10px !important;
    padding: 20px 0;
    background-color: var(--cor-bg-faixa-card)
}

.card-itens>div {
    margin: 0 10px;
    line-height: 1.3
}

.dorm-ico>span,
.banh-ico>span,
.suites-ico>span,
.gar-ico>span,
.a-terr-ico>span,
.a-const-ico>span,
.a-util-ico>span,
.a-total-ico>span {
    color: var(--cor-texto-card);
    font-size: 1rem
}

.dorm-ico,
.banh-ico,
.suites-ico,
.gar-ico,
.a-terr-ico,
.a-const-ico,
.a-util-ico,
.a-total-ico {
    color: var(--cor-texto-card);
    display: flex;
    align-items: center;
    cursor: default
}

.dorm-ico>span:first-of-type {
    -webkit-mask: url(../img/icones/dormitorios.svg)
}

.banh-ico>span:first-of-type {
    -webkit-mask: url(../img/icones/banheiros.svg)
}

.suites-ico>span:first-of-type {
    -webkit-mask: url(../img/icones/suites.svg)
}

.gar-ico>span:first-of-type {
    -webkit-mask: url(../img/icones/garagens.svg)
}

.a-terr-ico>span:first-of-type {
    -webkit-mask: url(../img/icones/area_t.svg)
}

.a-const-ico>span:first-of-type {
    -webkit-mask: url(../img/icones/area_const.svg)
}

.a-util-ico>span:first-of-type {
    -webkit-mask: url(../img/icones/area_u.svg)
}

.a-total-ico>span:first-of-type {
    -webkit-mask: url(../img/icones/area_t.svg)
}

.dorm-ico>span:first-of-type,
.banh-ico>span:first-of-type,
.suites-ico>span:first-of-type,
.gar-ico>span:first-of-type,
.a-terr-ico>span:first-of-type,
.a-const-ico>span:first-of-type,
.a-util-ico>span:first-of-type,
.a-total-ico>span:first-of-type {
    width: 20px;
    height: 20px;
    background-color: var(--cor-icons-card);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 6px;
    opacity: .5
}

.dorm-ico>span+div,
.banh-ico>span+div,
.suites-ico>span+div,
.gar-ico>span+div,
.a-terr-ico>span+div,
.a-const-ico>span+div,
.a-util-ico>span+div,
.a-total-ico>span+div {
    opacity: .5;
    color: var(--cor-texto-card);
    font-size: .8rem
}

.dorm-ico>span,
.banh-ico>span,
.suites-ico>span,
.gar-ico>span,
.a-terr-ico>span,
.a-const-ico>span,
.a-util-ico>span,
.a-total-ico>span {
/*    font-size: .8rem*/
}

.img-card-imo {
    height: 260px !important
}

@media (min-width:992px) {
    .card-texto {
        font-size: 1rem
    }
    .corta-card-desc {
        height: 72px !important
    }
    .titulo-destaques {
        font-size: 2.2rem
    }
    .dorm-ico>span,
    .banh-ico>span,
    .suites-ico>span,
    .gar-ico>span,
    .a-terr-ico>span,
    .a-const-ico>span,
    .a-util-ico>span,
    .a-total-ico>span {
        font-size: 1rem
    }
    .dorm-ico>span+div,
    .banh-ico>span+div,
    .suites-ico>span+div,
    .gar-ico>span+div,
    .a-terr-ico>span+div,
    .a-const-ico>span+div,
    .a-util-ico>span+div,
    .a-total-ico>span+div {
        opacity: .5;
        color: var(--cor-texto-card);
        font-size: .9rem
    }
}

.carousel-cell-mobile-cards {
    width: 100%
}

.carousel-mobile-cards>.flickity-viewport {
    width: 100%;
    height: 700px !important
}

.flickity-page-dots-mobile-cards {
    bottom: -42px;
    padding: 0;
    margin: 0
}

.flickity-page-dots-mobile-cards .dot {
    display: inline-block;
    width: 26px;
    height: 2px;
    background-color: var(--cor-primaria);
    border-radius: 0;
    bottom: 0
}

.flickity-page-dots-mobile-cards .dot::before {
    content: none
}

@media (min-width:768px) {
    .carousel-cell-mobile-cards {
        width: 50%
    }
}

.reveal {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all 1s ease
}

.reveal.active-reveal {
    transform: translateY(0);
    opacity: 1
}

.pagination {
    text-align: center;
    padding: 15px 0;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.pagination ul {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: -5px 5px
}

.pagination ul>li {
    display: inline-block;
    width: 48px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    float: left;
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    font-size: 12pt;
    border: 1px solid var(--cor-border-paginacao);
    background-color: var(--cor-bg-paginacao-selecionado)
}

.pagination ul>li a {
    display: block;
    width: 46px;
    height: 41px;
    color: var(--cor-texto-paginacao);
    background-color: var(--cor-bg-paginacao)
}

.pagination ul>li a:focus,
.pagination ul>li a:hover {
    text-decoration: none;
    color: var(--cor-texto-paginacao-sel)
}

.pagination ul li:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.pagination ul li:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination ul li.active a {
    color: var(--cor-texto-paginacao-sel)
}

.pagination ul li.active,
.pagination ul li:hover,
.pagination ul li.active a,
.pagination ul li a:hover {
    color: var(--cor-texto-paginacao-sel);
    background-color: var(--cor-bg-paginacao-selecionado) !important
}

.imob-titulos {
    font-size: 1.4rem;
    font-weight: 200;
    letter-spacing: 3px;
    font-family: 'Inter', sans-serif;
    color: var(--cor-padrao2);
    transition: all 0.3s ease-in-out;
    text-align: center
}

.imob-titulos:hover {
    color: var(--cor-secundaria)
}

.imob-texto {
    font-size: .9rem;
    font-family: 'Inter', sans-serif;
    color: var(--cor-padrao2);
    text-align: center;
    letter-spacing: 2px;
    font-weight: 300
}

.imob-geo span {
    -webkit-mask: url(../img/icones/geo2.svg)
}

.imob-proximidade span {
    -webkit-mask: url(../img/icones/pin-proximidades.svg)
}

.imob-chave span {
    -webkit-mask: url(../img/icones/chave-home.svg)
}

.imob-geo span,
.imob-proximidade span,
.imob-chave span {
    width: 50px;
    height: 50px;
    background-color: var(--cor-primaria);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block
}

.linha-card {
    position: relative
}

.linha-card::before {
    margin-top: 15px;
    content: '----------';
    height: 2px;
    color: #fff0;
    border-radius: 3px;
    border: 1px solid var(--cor-text-card-corretor);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3
}

.bg-corretores {
    z-index: 1;
    color: var(--cor-text-card-corretor);
    padding: 2px
}

.bg-card-corr {
    width: 100%;
    height: 100%;
    background-color: var(--cor-bg-card-corretor);
    position: inherit;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.bg-faixa-corretor {
    color: var(--cor-text-faixa-card-corretor);
    background-color: var(--cor-faixa-card-corretor);
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.bg-faixa-corretor>h2~h3 {
    color: var(--cor-text-faixa-card-corretor)
}

.rounded-2 {
    border-radius: 20px !important
}

.creci-cor {
    color: var(--cor-text-creci-card-corretor) !important;
    font-size: 10px;
    margin-top: 25px;
    line-height: 0
}

.termos-de-uso {
    background-color: var(--cor-bg-termo-uso);
    color: var(--cor-texto-termo-uso);
    padding: 14px;
    margin: 15px 0;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Inter', sans-serif
}

.btn_lgpd {
    background-color: var(--cor-bg-botao-termo-uso);
    color: var(--cor-texto-botao-termo-uso);
    font-size: 14px;
    font-weight: 700;
    border: none
}

.btn_lgpd:hover {
    background-color: var(--cor-bg-botao-termo-uso-selecionado);
    color: var(--cor-texto-botao-termo-uso-selecionado);
    opacity: .8
}

.btn-info {
    background-color: var(--cor-bg-botao-termo-uso-selecionado);
    color: var(--cor-texto-botao-termo-uso-selecionado);
    border: none
}

.qr-code-img {
    display: none
}

.titulo-imovel {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    padding: 10px 0 0;
    color: var(--cor-titulo);
    font-weight: 700;
    text-transform: uppercase
}

.titulo-imovel>a {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    padding: 10px 0;
    color: var(--cor-titulo)
}

.titulo-imovel>a:hover {
    color: var(--cor-primaria)
}

.subtitulo-imovel {
    font-size: .9rem;
    color: var(--cor-descricao-card)
}

.subtitulo-imovel>a {
    color: var(--cor-link)
}

.subtitulo-imovel>a:hover {
    color: var(--cor-link-hover)
}

.dorm-ico-imo,
.banh-ico-imo,
.suites-ico-imo,
.gar-ico-imo,
.a-terr-ico-imo,
.a-const-ico-imo,
.a-util-ico-imo,
.a-total-ico-imo,
.codigo-imo,
.tipo-prop {
    color: var(--cor-descricao-card);
    font-size: .7rem;
    display: flex;
    flex-direction: column;
    cursor: default;
    padding-top: 20px;
    padding-bottom: 20px
}

.dorm-ico-imo>span,
.dorm-ico-imo>div>span {
    -webkit-mask: url(../img/icones/dormitorios.svg)
}

.banh-ico-imo>span,
.banh-ico-imo>div>span {
    -webkit-mask: url(../img/icones/banheiros.svg)
}

.suites-ico-imo>span,
.suites-ico-imo>div>span {
    -webkit-mask: url(../img/icones/suites.svg)
}

.gar-ico-imo>span,
.gar-ico-imo>div>span {
    -webkit-mask: url(../img/icones/garagens.svg)
}

.codigo-imo>span,
.codigo-imo>div>span {
    -webkit-mask: url(../img/icones/home.svg)
}

.a-terr-ico-imo>span,
.a-terr-ico-imo>div>span,
.a-const-ico-imo>span,
.a-const-ico-imo>div>span,
.a-util-ico-imo>span,
.a-util-ico-imo>div>span,
.a-total-ico-imo>span,
.a-total-ico-imo>div>span {
    -webkit-mask: url(../img/icones/area_t.svg)
}

.dorm-ico-imo>span,
.dorm-ico-imo>div>span,
.banh-ico-imo>span,
.banh-ico-imo>div>span,
.suites-ico-imo>span,
.suites-ico-imo>div>span,
.gar-ico-imo>span,
.gar-ico-imo>div>span,
.codigo-imo>span,
.codigo-imo>div>span,
.a-terr-ico-imo>span,
.a-terr-ico-imo>div>span,
.a-const-ico-imo>span,
.a-const-ico-imo>div>span,
.a-util-ico-imo>span,
.a-util-ico-imo>div>span,
.a-total-ico-imo>span,
.a-total-ico-imo>div>span {
    width: 28px;
    height: 28px;
    background-color: var(--cor-secundaria-muda);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3px;
    margin-bottom: 2.5px
}

.codigo-imo>span,
.codigo-imo>div>span {
    width: 30px;
    height: 30px
}

.card-imo-radius {
    border-radius: 5px;
    background-color: var(--cor-bg-card);
    padding: 16px;
    margin: 20px 0
}

@media (min-width:992px) {
    .card-imo-radius {
        padding: 40px
    }
    .titulo-imovel {
        font-size: 1.5rem;
        font-family: 'Inter', sans-serif;
        padding: 10px 0 0;
        font-weight: 700;
        text-transform: uppercase
    }
    .titulo-imovel>a {
        font-size: 1.5rem;
        font-family: 'Inter', sans-serif;
        padding: 10px 0
    }
    .titulo-destaques {
        font-size: 2.2rem
    }
    .dorm-ico-imo,
    .banh-ico-imo,
    .suites-ico-imo,
    .gar-ico-imo,
    .a-terr-ico-imo,
    .a-const-ico-imo,
    .a-util-ico-imo,
    .a-total-ico-imo,
    .codigo-imo {
        font-size: .9rem
    }
}

.titulos-pag-imovel {
    color: var(--cor-titulo-card);
    font-size: 1.3rem;
    font-weight: 500;
    position: relative;
    padding-bottom: 5px
}

.titulos-pag-imovel>u>a {
    color: var(--cor-titulo-card)
}

.titulos-pag-imovel>u>a:hover {
    color: var(--cor-link-hover)
}

.titulos-pag-imovel::before {
    position: absolute;
    content: '___';
    top: 5px;
    letter-spacing: -1px
}

#box_form_contato>.titulos-pag-imovel::before {
    content: ''
}

.titulos-pag-imovel>a {
    color: var(--cor-titulo-card);
    font-size: 1.3rem;
    font-weight: 500
}

.titulos-pag-imovel>a:hover {
    text-decoration: underline
}

.imo-favoritar,
.imo-comparar {
    font-size: .8rem;
    padding: 4px 14px
}

.imo-favoritar>span {
    -webkit-mask: url(../img/icones/heart.svg)
}

.imo-comparar>span {
    -webkit-mask: url(../img/icones/shuffle.svg)
}

.imo-favoritar>span.heart-fav-fill {
    -webkit-mask: url(../img/icones/heart-fill.svg)
}

.imo-comparar>span.shuffle-comp-fill {
    -webkit-mask: url(../img/icones/shuffle-fill.svg)
}

.imo-favoritar>span,
.imo-comparar>span,
.imo-favoritar>span.heart-fav-fill,
.imo-comparar>span.shuffle-comp-fill {
    width: 14px;
    height: 14px;
    display: inline-block;
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    margin-bottom: -3px;
    background-color: var(--cor-text-botao-favoritos-comparar)
}

.imo-favoritar:has(.animate__heartBeat.heart-fav-fill),
.imo-comparar:has(.shuffle-comp-fill.animate__heartBeat) {
    color: var(--cor-text-botao-favoritos-comparar-selecionado) !important;
    background-color: var(--cor-bg-botao-favoritos-comparar-selecionado)
}

.video_imo_edi {
    width: 100%;
    height: 250px
}

.descricao-imovel {
    font-size: .9rem;
    color: var(--cor-descricao-card);
    line-height: 26px
}

.descricao-imovel>a {
    font-size: .9rem;
    color: var(--cor-link)
}

.descricao-imovel>a:hover {
    color: var(--cor-link-hover)
}

.titulos-pag-imovel-desocupado {
    color: var(--cor-texto-desocupacao-imo)
}

.descricao-desocupado {
    font-size: .9rem;
    line-height: 26px;
    color: var(--cor-texto-desocupacao-imo)
}

.descricao-lanc {
    font-size: .9rem;
    color: var(--cor-descricao-card)
}

.itens-titulo {
    font-size: .9rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: var(--cor-titulo-card)
}

.itens-imo {
    color: var(--cor-descricao-card);
    font-size: .9rem;
    display: flex;
    align-items: center
}

.itens-imo>span {
    width: 12px;
    height: 9px;
    background-color: var(--cor-descricao-card);
    -webkit-mask: url(../img/icones/check-solida.svg);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 3px;
    margin-bottom: 1px
}

@media (min-width:992px) {
    .qr-code-img {
        display: block;
        position: absolute;
        top: 0;
        right: 9rem;
        background: #FFF;
        height: 137px;
        width: 100px
    }
    .qr-code {
        font-size: .7rem;
        text-align: center;
        font-family: 'Inter', sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 5px
    }
    .video_imo_edi {
        height: 400px
    }
}

.unidade-edi {
    padding-top: 8px;
    border-radius: 3px
}

.unidade-edi:hover .descricao-imovel {
    color: #ffffff !important
}

.unidade-edi:hover {
    color: #ffffff !important;
    background-color: var(--cor-secundaria);
    border-radius: 3px
}

.bg-ld-sidebar {
    background-color: var(--cor-bg-sidebar)
}

.valores_imovel {
    font-family: 'robo', sans-serif;
    color: var(--cor-text-sidebar)
}

.valores_imovel a {
    font-family: 'Inter', sans-serif;
    color: var(--cor-text-sidebar)
}

.valores_imovel .border-dotted {
    border-bottom-style: dotted !important;
    border-bottom-color: var(--cor-text-sidebar) !important
}

.banner-sobre {
    width: 100%;
    height: 300px
}

.banner-sobre>img {
    width: 100%;
    height: 300px;
    object-fit: cover
}

.titulo-sobre {
    font-family: 'Inter', sans-serif;
    font-size: 2rem;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--cor-titulo)
}

.banner-contato {
    width: 100%;
    height: 300px
}

.banner-contato>img {
    width: 100%;
    height: 300px;
    object-fit: cover
}

.titulo-contato {
    font-family: 'Inter', sans-serif;
    font-size: 2rem;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--cor-titulo)
}

.bg-footer-end {
    background-color: var(--cor-bg-footer-end)
}

.titulo-endereco-rodape,
.titulo-links-rodape {
    color: var(--cor-text-footer-end);
    font-size: 1.5rem;
    font-weight: 500
}

.unidades-rodape>.titulo-unidade {
    position: relative;
    color: var(--cor-text-footer-end);
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    padding-left: 1.6rem;
    margin-top: .5rem;
    font-size: 1rem
}

.unidades-rodape>.titulo-unidade::before {
    position: absolute;
    content: '---';
    background-color: var(--cor-text-footer-end);
    -webkit-mask: url(../img/icones/geo.svg);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 1rem;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    opacity: .3
}

.unidades-rodape>.endereco-unidade,
.unidades-rodape>.cidade-unidade,
.unidades-rodape>.telefone-unidade,
.unidades-rodape>.email-unidade {
    color: var(--cor-text-footer-end);
    font-family: 'Inter', sans-serif;
    padding-left: 2.2rem;
    font-size: .9rem
}

.unidades-rodape>.titulo-unidade a,
.unidades-rodape>.endereco-unidade a,
.unidades-rodape>.cidade-unidade a,
.unidades-rodape>.telefone-unidade a,
.unidades-rodape>.email-unidade a {
    color: var(--cor-text-footer-end);
    font-family: 'Inter', sans-serif
}

.unidades-rodape>.titulo-unidade a:hover,
.unidades-rodape>.endereco-unidade a:hover,
.unidades-rodape>.cidade-unidade a:hover,
.unidades-rodape>.telefone-unidade a:hover,
.unidades-rodape>.email-unidade a:hover {
    color: var(--cor-secundaria)
}

.unidades-rodape>.titulo-unidade {
    position: relative;
    color: var(--cor-text-footer-end);
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    padding-left: 2.2rem;
    margin-top: .5rem
}

.carousel-unidades {
    width: 100%;
    margin-bottom: 20px
}

.carousel-cell-unidades {
    width: 100%;
    align-self: stretch;
    background-color: var(--cor-bg-cards-unidades);
    margin-right: 10px;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 10px
}

.carousel-unidades .flickity-button.flickity-prev-next-button.previous {
    left: -19px
}

.carousel-unidades .flickity-button.flickity-prev-next-button.next {
    right: 10px
}

.carousel-unidades .flickity-prev-next-button .flickity-button-icon {
    opacity: 1
}

@media (min-width:576px) {
    .carousel-cell-unidades {
        width: 60%
    }
}

@media (min-width:768px) {
    .carousel-cell-unidades {
        width: 40%
    }
    .carousel-unidades .flickity-button.flickity-prev-next-button.previous {
        left: -30px
    }
    .carousel-unidades .flickity-button.flickity-prev-next-button.next {
        right: -19px
    }
}

@media (min-width:992px) {
    .carousel-cell-unidades {
        width: 33%
    }
}

@media (min-width:1200px) {
    .carousel-cell-unidades {
        width: 25%
    }
}

.links-rodape>.links-titulo {
    color: var(--cor-text-footer-end);
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    padding-left: 1rem;
    margin-top: .5rem;
    font-size: 1rem
}

.links-rodape>.links-link {
    color: var(--cor-text-footer-end);
    font-family: 'Inter', sans-serif;
    padding-left: 1.6rem;
    font-size: .9rem
}

.links-rodape>.links-link a {
    color: var(--cor-text-footer-end);
    font-family: 'Inter', sans-serif
}

.links-rodape>.links-link a:hover {
    color: var(--cor-secundaria)
}

.bg-footer-info {
    background-color: var(--cor-bg-footer-info)
}

.redes-sociais,
.redes-sociais-empresa {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap
}

.redes-sociais-empresa {
    padding-left: 2.2rem
}

.redes-sociais>a {
    width: 30px;
    height: 30px;
    background-color: var(--cor-bg-icon-info);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    transition: all 0.4s ease
}

.redes-sociais-empresa>a {
    width: 40px;
    height: 40px;
    background-color: var(--cor-bg-icon-info);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    transition: all 0.4s ease;
    margin-bottom: 10px
}

.redes-sociais>a:hover,
.redes-sociais-empresa>a:hover {
    scale: 1.05;
    transition: all 0.4s ease;
}

.redes-sociais>.rede-facebook>span,
.redes-sociais-empresa>.rede-facebook>span {
    -webkit-mask: url(../img/icones/facebook.svg)
}

.redes-sociais>.rede-instagram>span,
.redes-sociais-empresa>.rede-instagram>span {
    -webkit-mask: url(../img/icones/instagram.svg)
}

.redes-sociais>.rede-twitter>span,
.redes-sociais-empresa>.rede-twitter>span {
    -webkit-mask: url(../img/icones/twitter.svg)
}

.redes-sociais>.rede-youtube>span,
.redes-sociais-empresa>.rede-youtube>span {
    -webkit-mask: url(../img/icones/youtube.svg)
}

.redes-sociais>.rede-vimeo>span,
.redes-sociais-empresa>.rede-vimeo>span {
    -webkit-mask: url(../img/icones/vimeo.svg)
}

.redes-sociais>.rede-linkedin>span,
.redes-sociais-empresa>.rede-linkedin>span {
    -webkit-mask: url(../img/icones/linkedin.svg)
}

.redes-sociais>.rede-wp>span,
.redes-sociais-empresa>.rede-wp>span {
    -webkit-mask: url(../img/icones/wp.svg)
}

.redes-sociais>.rede-tiktok>span,
.redes-sociais-empresa>.rede-tiktok>span {
    -webkit-mask: url(../img/icones/tiktok.svg)
}

.redes-sociais>.rede-blog>span,
.redes-sociais-empresa>.rede-blog>span {
    -webkit-mask: url(../img/icones/blog.svg)
}

.redes-sociais>.rede-whats>span,
.redes-sociais-empresa>.rede-whats>span {
    -webkit-mask: url(../img/icones/whatsapp.svg)
}

.redes-sociais>.rede-facebook>span,
.redes-sociais>.rede-instagram>span,
.redes-sociais>.rede-twitter>span,
.redes-sociais>.rede-youtube>span,
.redes-sociais>.rede-vimeo>span,
.redes-sociais>.rede-tiktok>span,
.redes-sociais>.rede-linkedin>span,
.redes-sociais>.rede-wp>span,
.redes-sociais>.rede-blog>span,
.redes-sociais>.rede-whats>span {
    width: 16px;
    height: 16px;
    background-color: var(--cor-text-icon-info);
    display: inline-block;
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.redes-sociais-empresa>.rede-facebook>span,
.redes-sociais-empresa>.rede-instagram>span,
.redes-sociais-empresa>.rede-twitter>span,
.redes-sociais-empresa>.rede-youtube>span,
.redes-sociais-empresa>.rede-vimeo>span,
.redes-sociais-empresa>.rede-tiktok>span,
.redes-sociais-empresa>.rede-linkedin>span,
.redes-sociais-empresa>.rede-wp>span,
.redes-sociais-empresa>.rede-blog>span,
.redes-sociais-empresa>.rede-whats>span {
    width: 14px;
    height: 14px;
    background-color: var(--cor-text-icon-info);
    display: inline-block;
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.redes-sociais>.rede-whats>span {
    width: 18px;
    height: 18px
}

.bg-footer-info p {
    font-size: .8rem;
    text-align: justify;
    color: var(--cor-text-footer-info)
}

.politicas-rodape,
.politicas-rodape a {
    font-size: .9rem;
    color: var(--cor-padrao2);
    font-family: 'Inter', sans-serif
}

.politicas-rodape a:hover {
    color: var(--cor-secundaria)
}

.bg-footer-faixa {
    background-color: var(--cor-bg-ultima-faixa)
}

.copyright,
.copyright a {
    font-size: .9rem;
    color: var(--cor-text-ultima-faixa);
    text-align: center
}

.copyright a:hover {
    color: #9BBB21
}

@media (min-width:992px) {
    .redes-sociais>a {
        width: 40px;
        height: 40px
    }
    .redes-sociais>.rede-facebook>span,
    .redes-sociais>.rede-instagram>span,
    .redes-sociais>.rede-twitter>span,
    .redes-sociais>.rede-youtube>span,
    .redes-sociais>.rede-vimeo>span,
    .redes-sociais>.rede-linkedin>span,
    .redes-sociais>.rede-wp>span,
    .redes-sociais>.rede-tiktok>span,
    .redes-sociais>.rede-blog>span,
    .redes-sociais>.rede-whats>span {
        width: 20px;
        height: 20px
    }
    .bg-footer-info p {
        font-size: .9rem
    }
    .redes-sociais>.rede-whats>span {
        width: 22px;
        height: 22px
    }
}

.card-proximidades {
    border-left: 3px solid var(--cor-titulo-card-proximidades);
    max-heigth: 100%;
    position: relative;
    background-color: var(--cor-bg-card-proximidades)
}

.card-proximidades .card-title {
    color: var(--cor-titulo-card-proximidades)
}

.card-proximidades .card-subtitle {
    color: var(--cor-subtitulo-card-proximidades)
}

.card-proximidades .card-text {
    color: var(--cor-text-card-proximidades)
}

.breadcrumb-item>a {
    color: var(--cor-secundaria);
    font-size: 1.2rem;
    font-weight: 700
}

#skip-value-lower,
#skip-value-upper {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.noUi-target {
    flex: 1;
    position: relative;
    background: #e3e3e3;
    border-radius: 50px
}

.noUi-target .noUi-horizontal {
    height: 10px
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    border-radius: 3px;
    overflow: hidden;
    z-index: 0
}

.noUi-connects>.noUi-connect {
    height: 100%;
    width: 100%;
    transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
    background-color: var(--cor-texto-botao-pesquisa-modal)
}

.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 0;
    width: 100%
}

.noUi-handle:before,
.noUi-handle:after {
    background-color: var(--cor-texto-botao-pesquisa-modal)
}

.noUi-origin>.noUi-handle {
    border-radius: 50px;
    background: #fff;
    cursor: default;
    background-color: var(--cor-fundo-botao-pesquisa-modal);
    backface-visibility: hidden;
    position: absolute;
    width: 21px;
    height: 21px;
    right: -10px;
    top: -3px
}

.noUi-origin>.noUi-handle>.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-draggable {
    cursor: ew-resize
}

.modal {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 9 9'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.btn-close {
    -webkit-mask: url(../img/icones/close.svg);
    width: 20px;
    height: 20px;
    background: #FFF;
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1 !important
}

.dropdown-menu {
    border-radius: var(--cantos-drop-select) !important
}

.dropdown-toggle {
    text-transform: capitalize;
    font-size: 1rem;
    color: var(--cor-padrao2) !important
}

.dropdown-toggle,
.dropdown-item {
    font-family: 'Inter'
}

.dropdown-item {
    font-size: 14px
}

.dropdown-toggle:hover .dropdown-menu {
    display: block !important
}

.dropdown-item {
    padding: 10px 28px
}

.dropdown-item:focus,
.dropdown-item:hover {
    border-left: 3px solid var(--cor-texto-menu-scroll);
    padding-left: 25px
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--cor-text-inputs-busca);
    background-color: var(--cor-texto-menu-scroll)
}

.offcanvas {
    background-color: var(--cor-padrao-invert) !important
}

.nav-tabs {
    --bs-nav-tabs-border-width: none;
    --bs-nav-tabs-border-radius: 0
}

.nav-item {
    font-size: .9rem
}

.nav-link {
    color: #fff;
    background-color: var(--cor-bg-btn-busca);
    padding: .6rem 2rem
}

.nav-link:hover {
    color: #fff
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: var(--cor-bg-btn-busca-selecionado)
}

.imagem-fundo {
    margin: 0 0 20px 0;
    background-image: url(/assets/img/central-de-ajuda.webp);
    background-position: center;
    height: 350px;
    margin-bottom: 0
}

.container-foto {
    position: relative;
    justify-content: space-around;
    align-items: center;
    top: 50%;
    padding: 0 20px;
    transform: translate(0, -50%)
}
.titulo-central-ajuda{
	color: var(--cor-titulo-pg-central-ajuda);
}
.subtitulo-central-ajuda{
	color: var(--cor-subtitulo-pg-central-ajuda);
}
.breadcrumb-central>.breadcrumb-item>a {
    color: var(--cor-categoria-central-ajuda);
    font-size: .9rem;
    font-weight: 700;
    margin-top: 3px
}

.breadcrumb-central>.breadcrumb-item.active {
    color: var(--cor-descricao-cat-central-ajuda);
    font-size: .9rem;
    font-weight: 700;
    margin-top: 2px
}

.central-ajuda-cat,
.central-ajuda-cat>a {
    font-size: 1.5rem;
    color: var(--cor-categoria-central-ajuda)
}

.central-ajuda-cat+h3,
.central-ajuda-cat~p>a {
    color: var(--cor-descricao-cat-central-ajuda)
}

.text-link-categorias {
    font-size: 1.3rem
}

.text-link-categorias>a,
.text-link-categorias~p>a {
    color: var(--cor-descricao-cat-central-ajuda)
}

.btn-central-ajuda {
    position: relative;
    color: var(--cor-btn-text-subcat-central-ajuda);
    border: 1px solid var(--cor-btn-borda-subcat-central-ajuda);
    padding: 15px 40px;
    font-weight: 500;
    text-align: start;
    height: 58px;
    width: 100%;
    border-radius: 8px;
    background-color: var(--cor-btn-bg-subcat-central-ajuda)
}

.btn-central-ajuda::after {
    content: '_';
    position: absolute;
    right: 20px;
    opacity: .3;
    margin-top: 3px;
    -webkit-mask: url(/assets/img/icones/chevrom-right.svg);
    background-color: var(--cor-btn-text-subcat-central-ajuda);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 11px;
    height: 17px
}

.btn-central-ajuda::after:hover {
    background-color: var(--cor-btn-bg-subcat-central-ajuda);
}

.btn-central-ajuda:hover {
    color: #ffffff;
    background-color: var(--cor-btn-text-subcat-central-ajuda)
}

.text-link-central {
    color: var(--cor-link-subcat-central-ajuda)
}

.divisor {
    border-top: 1px solid var(--cor-hr-central-ajuda);
    margin-top: 40px;
    margin-bottom: 40px
}

.titulo-central {
    color: var(--cor-titulo-artigo-central-ajuda)
}

.descricao-central {
    color: var(--cor-descricao-artigo-central-ajuda)
}

.outros-artigos {
    color: var(--cor-outros-artigo-central-ajuda)
}

.btn-subcategorias {
    padding: 16px 22px;
    width: 100%;
    text-align: start;
    font-weight: 300;
    color: var(--cor-outros-artigo-art-central-ajuda)
}

.btn-subcategorias.subactive {
    color: var(--cor-bg-text-outros-artigo-art-central-ajuda);
    background-color: var(--cor-bg-outros-artigo-art-central-ajuda)
}

.btn-subcategorias:hover {
    color: var(--cor-bg-text-outros-artigo-art-central-ajuda);
    background-color: var(--cor-bg-outros-artigo-art-central-ajuda)
}

@media (min-width:768px) {
    .btn-central-ajuda {
        width: 89%
    }
}

.imagem-fundo-noticias {
    margin: 0 0 20px 0;
    background-image: url(/assets/img/central-de-ajuda.webp);
    background-position: center;
    height: 350px;
    margin-bottom: 0
}

.bg-card-noticias {
    background: var(--cor-bg-card-noticias);
}

.container-foto-noticias {
    position: relative;
    justify-content: space-around;
    align-items: center;
    top: 50%;
    padding: 0 20px;
    transform: translate(0, -50%)
}

.breadcrumb-noticias>.breadcrumb-item>a {
    color: var(--cor-categoria-noticias);
    font-size: .9rem;
    font-weight: 700;
    margin-top: 3px
}

.breadcrumb-noticias>.breadcrumb-item.active {
    color: var(--cor-descricao-cat-noticias);
    font-size: .9rem;
    font-weight: 700;
    margin-top: 2px
}

.noticias-cat,
.noticias-cat>a {
    font-size: 1.5rem;
    color: var(--cor-categoria-noticias)
}

.noticias-cat+h3,
.noticias-cat~p>a {
    color: var(--cor-descricao-cat-noticias)
}

.text-link-categorias-noticias {
    font-size: 1.3rem
}



.text-link-categorias-noticias>a,
.text-link-categorias-noticias~p>a {
    color: var(--cor-descricao-cat-noticias)
}

.btn-noticias {
    position: relative;
    color: var(--cor-btn-text-subcat-noticias);
    border: 1px solid var(--cor-btn-borda-subcat-noticias);
    padding: 15px 40px;
    font-weight: 500;
    text-align: start;
    height: 58px;
    width: 100%;
    border-radius: 8px;
    background-color: var(--cor-btn-bg-subcat-noticias)
}

.btn-noticias::after {
    content: '_';
    position: absolute;
    right: 20px;
    opacity: .3;
    margin-top: 3px;
    -webkit-mask: url(/assets/img/icones/chevrom-right.svg);
    background-color: var(--cor-btn-text-subcat-noticias);
    -webkit-mask-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 11px;
    height: 17px
}

.btn-noticias::after:hover {
    background-color: var(--cor-btn-bg-subcat-noticias)
}

.btn-noticias:hover {
    color: var(--cor-btn-bg-subcat-noticias);
    background-color: var(--cor-btn-text-subcat-noticias)
}

.text-link-noticias a {
    color: var(--cor-link-subcat-noticias)
}

.divisor-noticias {
    border-top: 1px solid var(--cor-hr-noticias);
	color: var(--cor-hr-noticias);
    margin-top: 40px;
    margin-bottom: 40px
}

.titulo-noticias {
    color: var(--cor-titulo-artigo-noticias)
}

.descricao-noticias {
    color: var(--cor-descricao-artigo-noticias)
}

.outros-artigos-noticias {
    color: var(--cor-outros-artigo-noticias)
}

.btn-subcategorias-noticias {
    padding: 16px 22px;
    width: 100%;
    text-align: start;
    font-weight: 300;
    color: var(--cor-outros-artigo-art-noticias)
}

.btn-subcategorias-noticias.subactive {
    color: var(--cor-bg-text-outros-artigo-art-noticias);
    background-color: var(--cor-bg-outros-artigo-art-noticias)
}

.btn-subcategorias-noticias:hover {
    color: var(--cor-bg-text-outros-artigo-art-noticias);
    background-color: var(--cor-bg-outros-artigo-art-noticias)
}

@media (min-width:768px) {
    .btn-noticias {
        width: 89%
    }
}

.bootstrap-select>.dropdown-toggle {
    display: block;
    padding: .5rem 1.7rem .5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--cor-padrao) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--cor-bg-inputs);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--cor-bg-inputs);
    border-radius: var(--cantos-arredondados) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.bootstrap-select .dropdown-toggle .filter-option {
    background-color: var(--cor-bg-inputs)
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {

    outline: none !important;
    outline-offset: 0
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 12px
}

.dropdown-header>.text {
    font-size: 0.9rem !important;
    font-weight: 700 !important
}

.btn-outline-primary {
    --bs-btn-color: var(--cor-primaria);
    --bs-btn-border-color: var(--cor-primaria);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--cor-primaria);
    --bs-btn-hover-border-color: var(--cor-primaria);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--cor-primaria);
    --bs-btn-active-border-color: var(--cor-primaria);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--cor-primaria);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--cor-primaria);
    --bs-gradient: none
}

.btn-outline-primary-pesquisar {
    --bs-btn-color: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-border-color: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-hover-border-color: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-active-border-color: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--cor-texto-botao-pesquisa-modal);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--cor-texto-botao-pesquisa-modal);
    --bs-gradient: none
}

.dropdown-menu.show {
    margin-top: 10px;
    background-color: #ffffff60;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px)
}

.carousel-cell-noticias {
    width: 100%;
    height: 500px;
    margin-right: 10px;
    counter-increment: carousel-cell
}

.carousel-noticias>.flickity-prev-next-button .flickity-button-icon {
    opacity: 1
}

@media (min-width:576px) {
    .carousel-cell-noticias {
        width: 60%
    }
}

@media (min-width:768px) {
    .carousel-cell-noticias {
        width: 40%
    }
}

@media (min-width:992px) {
    .carousel-cell-noticias {
        width: 33%
    }
}

@media (min-width:1200px) {
    .carousel-cell-noticias {
        width: 23%
    }
}

.ksi-hr {
    opacity: .15
}

.fs-6 {
    font-weight: 300 !important;
    font-size: 1.2rem !important
}

.modal-content {
    background-color: var(--cor-bg-pesq-modal) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: none
}

.modal-header {
    border-bottom: 0px !important
}

#pesq_id_bairro .dropdown-menu {
    z-index: 1002
}

.check-customizado {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.check-customizado input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee
}

.check-customizado:hover input~.checkmark {
    background-color: #ccc
}

.check-customizado input:checked~.checkmark {
    background-color: #2196F3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.check-customizado input:checked~.checkmark:after {
    display: block
}

.check-customizado .checkmark:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #fff0
}

input[id^="dorm"]:checked~.selecao label {
    border: 2px solid <?=$emp_cor_predominante ?>;
    color: <?=$emp_cor_predominante ?>
}

.header_busca {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 10px
}

.header_busca i {
    font-size: 22px;
    margin-right: 5px;
    cursor: pointer;
    border-radius: 30px
}

.header_busca i:hover {
    background: #0002
}

.header_busca p {
    font-size: 20px;
    margin: 0
}

.tipo_busca {
    background: #fff;
    border-radius: 30px 30px 0 0
}

.tipo_busca_flex {
    background: #fff;
    border-radius: 30px 30px 0 0
}

.escolha {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    position: sticky;
    z-index: 2;
    top: 0;
    background: #fff;
    border-radius: 20px 20px 0 0;
    font-size: 12px
}

.item_escolha {
    width: 50%;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    color: #0009;
    cursor: pointer;
    user-select: none;
    z-index: 4
}

.fa-search:before {
    top: 7px;
    position: relative
}

.body_busca {
    position: relative;
    padding: 0 15px;
    padding-bottom: 61px
}

.tipo_busca_flex .body_busca {
    position: relative;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: calc(100vh - 68px)
}

.titulo_flex {
    font-size: 17px;
    width: 85%;
    margin-bottom: 20px;
    font-weight: 600
}

.titulo_flex i {
    color: <?=$emp_cor_predominante ?>;
    font-size: 35px
}

.codigo_flex {
    border: 1px solid #0003;
    border-radius: 10px;
    padding: 10px 15px;
    outline: none
}

.item_form {
    border-bottom: 1px solid #0003;
    padding: 25px 0
}

.titulo_item_form {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 15px
}

.selecao {
    display: flex
}

.selecao input {
    display: none
}

.selecao label {
    padding: 10px 12px;
    border-radius: 30px;
    ;
    background: #fff0;
    border: 1px solid #0003;
    color: #0009;
    cursor: pointer;
    margin-right: 10px
}

.activeLabel {
    border: 1px solid <?=$emp_cor_predominante ?> !important;
    color: <?=$emp_cor_predominante ?> !important;
    background-color: <?=$emp_cor_predominante ?>20 !important
}

.selecao_check {
    margin: 10px 15px
}

.selecao_check label {
    font-size: 17px;
    font-weight: 300 !important;
    margin-left: 10px;
    width: 88%;
    cursor: pointer
}

.footer {
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    background: #fff;
    border-top: 1px solid #0003
}

.reset {
    border: 1px solid <?=$emp_cor_predominante ?>;
    background: #fff0;
    padding: 10px 13px;
    border-radius: 10px;
    color: <?=$emp_cor_predominante ?>;
    outline: none;
    font-weight: 700;
    transition: .3s
}

.reset:hover {
    background: <?=$emp_cor_predominante ?>33
}

.pesquisar {
    background: <?=$emp_cor_predominante ?>;
    border: 0;
    padding: 10px 13px;
    border-radius: 10px;
    color: #fff;
    outline: none;
    font-weight: 700;
    transition: .3s
}

.busca_codigo {
    position
}

.input_valores {
    display: flex;
    align-items: center;
    position: relative;
    width: 48%
}

.input_valores span {
    position: absolute;
    left: 15px
}

.input_valores input {
    padding: 10px 15px 10px 40px;
    border-radius: 10px;
    width: 100%
}

.noUi-horizontal {
    height: 1px !important
}

.noUi-horizontal .noUi-handle {
    width: 35px !important;
    height: 35px !important;
    right: -17px !important;
    border-radius: 30px;
    top: -17px !important;
    outline: none !important
}

.noUi-connect {
    background: var(--cor-fundo-botao-pesquisa-modal);
     !important
}

.noUi-handle {
    border: 1px solid var(--cor-texto-botao-pesquisa-modal);
    box-shadow: none !important
}

.noUi-handle:after,
.noUi-handle:before {
    height: 13px !important;
    left: 14px !important;
    top: 10px !important
}

.noUi-handle:after {
    left: 18px !important;
    top: 10px !important
}

.noUi-target {
    width: 95% !important;
    margin: 0 auto;
    border: 0 !important
}

.botao_filtrar_mobile {
    position: fixed;
    bottom: 90px;
    right: 15px;
    z-index: 999;
    cursor: pointer
}

.botao_filtrar_mobile {
    position: fixed;
    bottom: 5px;
    right: 15px;
    z-index: 999;
    display: none
}

.botao_filtrar_mobile a {
    color: <?=$emp_cor_predominante?>;
    background: #fff;
    box-shadow: 1px 4px 8px #0002;
    font-size: 15px;
    padding: 13px 15px;
    border-radius: 50px;
    transition: .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

.botao_filtrar_mobile a:hover {
    color: #FFF;
    background: <?=$emp_cor_predominante?>
}

@media(max-width:767px) {
    .botao_filtrar_mobile {
        display: flex
    }
}

.escolha_animation {
    width: 50%;
    height: 50%;
    background-color: #ccc;
    transition: .4s;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 20px
}

.escolha_animation2 {
    width: 50%;
    height: 50%;
    background-color: #ccc;
    transition: .4s;
    position: absolute;
    top: 48px;
    left: 0
}

@media (min-width:767px) {
    .container_busca,
    .container_busca_codigo,
    .container_busca_condominio {
        display: none
    }
    .newBusca2 {
        display: none
    }
}

#backToTopButton {
    position: fixed;
    bottom: 80px;
    right: 20px;
    display: none;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.7s ease-in-out
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../webfonts/fa-brands-400.eot);
    src: url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-brands-400.woff2) format("woff2"), url(../webfonts/fa-brands-400.woff) format("woff"), url(../webfonts/fa-brands-400.ttf) format("truetype"), url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands"
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/fa-brands-400.woff2);
    src: url(../fonts/fa-brands-400.woff2?#iefix) format("woff2"), url(../fonts/fa-brands-400.ttf) format("truetype")
}

.fab,
.far {
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../fonts/fa-solid-900.woff2);
    src: url(../fonts/fa-solid-900.woff2?#iefix) format("woff2"), url(../fonts/fa-solid-900.ttf) format("truetype")
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free"
}

.fa,
.fas {
    font-weight: 900
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-times:before {
    content: "\f00d"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-envelope:before {
    content: "\f0e0"
}

.grecaptcha-badge {
    z-index: 999
}

.chat {
    list-style: none;
    margin: 0;
    padding: 0
}

.chat li {
    margin-bottom: 40px;
    padding-bottom: 5px;
    margin-top: 10px;
    width: 100%
}

.chat li .chat-body p {
    margin: 0
}

.chat-care {
    overflow-y: scroll;
    height: 350px
}

.chat-care .img-circle {
    border-radius: 50%;
    width: 27px;
    margin-top: 10px
}

.chat-care .chat-img {
    display: inline-block
}

.chat-care .chat-body {
    display: inline-block;
    width: 100%;
    background-color: #FFC195;
    border-radius: 12.5px;
    padding: 15px
}

.chat-care .chat-body strong {
    color: #0169DA
}

.chat-care .admin {
    text-align: right;
    float: right
}

.chat-care .admin p {
    text-align: left
}

.chat-care .agent {
    text-align: left;
    float: left
}

.chat-care .left {
    float: left
}

.chat-care .right {
    float: right
}

.clearfix {
    clear: both
}

.toast-chat {
    width: 375px
}