nav.navbar {
    background-color: transparent;
    height: 130px;
    transition: all 0.5s;
}
nav.navbar.fixed-top {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
nav.navbar .navbar-brand {
    /*margin-left: 10vw;*/
    position: relative;
}
nav.navbar .navbar-brand img {
    transition-property: opacity;
    transition-duration: 0.5s;
    width: 150px;
}
nav.navbar .navbar-brand img#logo-branco {
    position: absolute;
    left: 0;
}
.esconder-logo {
    opacity: 0;
}
nav.navbar .navbar-nav {
    align-items: center;
}
nav.navbar .navbar-nav .nav-item .nav-link {
    border: 1px solid #000;
    border-radius: 16px;
    color: #000;
    width: 90px;
    cursor: pointer;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 1px;
    margin-right: 8px;
    padding: 0;
    text-align: center;
}
nav.navbar .navbar-nav .nav-item .nav-link:hover {
    background-color: #fff200;
    border: 1px solid #fff200;
    color: #000;
}
nav.navbar .navbar-nav .nav-item .nav-link.whatsapp {
    border: 0 solid #000000!important;
    text-align: center;
    width: 290px;
    /* font-size: 16px;
  font-weight: 700;
  color: #34af23; */
}
nav.navbar .navbar-nav .nav-item .nav-link.whatsapp span {
    font-size: 25px;
    margin-right: 10px;
}
nav.navbar .navbar-nav .nav-item .nav-link.whatsapp:hover {
    color: #000;
}
nav.navbar .navbar-nav .nav-item .nav-link.whatsapp img {
    width: 40px;
}
nav.navbar .navbar-nav .nav-item .nav-link.area-restrita {
    border: 0px solid #000000;
    font-size: 13px;
    font-weight: 100;
    padding: 3px;
    width: 100%;
}
nav.navbar .navbar-nav .nav-item .nav-link.area-restrita:hover {
    font-weight: 100;
}
nav.navbar.bg-menu {
    background-color: #000000;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 4px;
}
nav.navbar.bg-menu .navbar-nav .nav-item .nav-link {
    border: 1px solid #ffffff;
    color: #ffffff;
}
nav.navbar.bg-menu .navbar-nav .nav-item .nav-link:hover {
    /*border: 1px solid #fff200;
    color: #fff200;*/
    background-color: #fff200;
    border: 1px solid #fff200;
    color: #000;
}
nav.navbar.bg-menu .navbar-nav .nav-item .nav-link.area-restrita {
    border: 0px solid #000000;
    color: #ffffff;
    padding: 3px;
}
nav.navbar.bg-menu .navbar-nav .nav-item .nav-link.area-restrita:hover {
    color: #000;
}
nav.navbar .icone-menu-hamburger {
    color: #fff;
}
.offcanvas.offcanvas-start {
    background-color: #fff200;
    color: #000;
}
.offcanvas-header {
    background-color: #fff200;
    color: #000;
}
nav.navbar .offcanvas-end {
    width: 300px !important;
}
.navbar-toggler {
    border: 0px;
}
nav.navbar .offcanvas-body {
    background-color: #fff200;
}
nav.navbar .offcanvas-body .navbar-nav .nav-item {
    margin: 0 0 10px 0;
    width: 100%;
}
nav.navbar .offcanvas-body .navbar-nav .nav-item hr {
    border-top: 0.13rem solid #000;
    margin: 0 auto;
    opacity: 1;
    width: 165px;
}
nav.navbar .offcanvas-body .navbar-nav .nav-item .nav-link {
    border: 0px solid #fff200;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    width: auto !important;
}
nav.navbar .offcanvas-body .navbar-nav .nav-item .nav-link.whatsapp {
    margin-top: 10px;
}
nav.navbar .offcanvas-body a.nav-link:hover {
    color: #000;
}
.invalid-feedback {
    padding-top: 10px !important;
}
footer {
    background-color: #000000;
}
footer .border-start {
    border-left: 2px solid #ffffff !important;
}
footer .nav .nav-item .nav-link, footer p, footer p a {
    color: #ffffff;
    font-family: 'Roboto-Regular';
    font-size: 19px;
    font-weight: normal;
    text-decoration: none;
}
footer .nav .nav-item .nav-link:hover, footer p a:hover {
    color: #fff22d;
}
footer p {
    margin: 0 0 1rem 2rem;
    text-align: left;
}
footer img {
    margin: 0 0 15px 0;
    width: 100px;
}
/**************************************/

/*    INICIO CARDS LINKS RÁPIDOS      */

/**************************************/

section.links-rapidos {
    background-color: #fff22d;
}
section.links-rapidos .card {
    background-color: #fff22d;
    border: 0px solid #cccccc;
    border-radius: 0;
    padding-top: 2rem;
    padding-bottom: 1rem;
    text-align: center;
}
section.links-rapidos .card a {
    color: #000000;
    text-decoration: none;
}
section.links-rapidos .card a:hover {
    text-decoration: underline;
}
section.links-rapidos .card a img {
    filter: brightness(0);
}
section.links-rapidos .card a .card-body {
    padding: 0.5rem;
}
section.links-rapidos .card a .card-body .card-title {
    color: #000000;
    font-family: 'Roboto-Medium';
    font-size: 26px;
    font-weight: 500;
    margin: 1rem 0 0 0;
    padding: 0 0 0 0;
}
/**************************************/

/*      FIM CARDS LINKS RÁPIDOS       */

/**************************************/

/**************************************/

/* INÍCIO SESSAO IMOVEIS EM DESTAQUE  */

/**************************************/

section.imoveis-destaque {
    background-color: #fff;
    padding: 0px 0 0px 0;
}
section.imoveis-destaque h1 {
    color: #000;
    font-family: 'Roboto-Regular';
    font-size: 2.8rem;
}
section.imoveis-destaque h1 span {
    background-color: #000;
    display: block;
    height: 2px;
    margin: 20px auto 0;
    width: 100px;
}
section.imoveis-destaque .card-slick .slick-prev {
    background-image: url(../img/layout/seta.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 40px;
    width: 40px;
    left: -35px;
}
section.imoveis-destaque .card-slick .slick-next {
    background-image: url(../img/layout/seta-direita.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 40px;
    width: 40px;
    right: -20px;
}
section.imoveis-destaque .card-slick .slick-prev:before, section.imoveis-destaque .card-slick .slick-next:before {
    content: '';
}
section.imoveis-destaque .card-slick .slick-prev, section.imoveis-destaque .card-slick .slick-next {
    display: none;
}
section.imoveis-destaque .card-slick .slick-list .slick-track .slick-slide {
    margin: 0 1px 0 1px;
}
section.imoveis-destaque .card-slick .card {
    border: 0px solid #000000;
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
    width: 95% !important;
}
section.imoveis-destaque .card-slick .card a {
    color: #ffffff;
    font-family: 'Roboto-Medium';
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.01rem;
}
section.imoveis-destaque .card-slick .card a .card-img {
    border-radius: 0px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    filter: brightness(1);
    transition: filter 1s;
}
section.imoveis-destaque .card-slick .card a:hover .card-img {
    filter: brightness(0.55);
}
section.imoveis-destaque .card-slick .card a .card-img-overlay {
    border-radius: 0px;
    top: -62px;
}
section.imoveis-destaque .card-slick .card a .card-img-overlay .card-title, section.imoveis-destaque .card a .card-img-overlay .card-text {
    color: #ffffff;
    font-family: 'Roboto-Light';
    font-size: 19px;
    opacity: 0;
    position: relative;
    top: 270px;
    transition: opacity 1s;
}
section.imoveis-destaque .card-slick .card a .card-img-overlay .card-title {}
section.imoveis-destaque .card-slick .card a .card-img-overlay .card-text {
    font-family: 'Roboto-Medium';
    font-size: 14px;
}
section.imoveis-destaque .card-slick .card a:hover .card-img-overlay .card-title, section.imoveis-destaque .card a:hover .card-img-overlay .card-text {
    opacity: 1;
}
section.imoveis-destaque button.btn-ver-imoveis {
    border: none;
    border-radius: 10px;
    background-color: #fff22d;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    color: #000000;
    width: 200px;
    font-family: 'Roboto-Medium';
    font-size: 1em;
    letter-spacing: 1px;
}
section.imoveis-destaque button.btn-ver-imoveis:hover {
    background-color: #000000;
    color: #fff;
}
/**************************************/

/* FIM SESSAO IMOVEIS EM DESTAQUE     */

/**************************************/

/*******************************/

/* INÍCIO SESSION FOOTER SOBRE */

/*******************************/

section.footer-sobre {
    background-color: #ffffff;
    padding-bottom: 4rem;
}
section.footer-sobre h2, section.footer-sobre .card .card-body .card-title, section.footer-sobre .card .card-body .card-text {
    color: #000000;
    font-family: 'Roboto-Regular';
    font-weight: normal;
    text-align: center;
}
section.footer-sobre h2 {
    font-size: 53px;
}
section.footer-sobre .card {
    border: 0px solid #000000;
    border-radius: 0;
}
section.footer-sobre .card .card-body {
    padding: 0.5rem;
}
section.footer-sobre .card .card-body .card-title {
    font-size: 72px;
    margin-bottom: 0;
}
section.footer-sobre .card .card-body .card-text {
    font-size: 25px;
}
/*******************************/

/*  FIM SESSION FOOTER SOBRE   */

/*******************************/

/*************************************/

/* INÍCIO SESSION FOOTER SOBRE LINKS */

/*************************************/

section.footer-sobre-links {
    background-color: #fff22d;
    padding-top: 5rem;
    padding-bottom: 8rem;
}
section.footer-sobre-links h2, section.footer-sobre-links .card .card-body .card-title {
    color: #000000;
    font-family: 'Roboto-Medium';
    font-weight: 500;
    text-align: center;
}
section.footer-sobre-links h2 {
    font-size: 46px;
}
section.footer-sobre-links .card {
    border: 2px solid #000000;
    border-radius: 0;
}
section.footer-sobre-links .card a {
    background-color: #fff22d;
    text-decoration: none;
    text-transform: uppercase;
}
section.footer-sobre-links .card a:hover {
    background-color: #000000;
}
section.footer-sobre-links.card .card-body {
    padding: 0.5rem;
}
section.footer-sobre-links .card .card-body .card-title {
    font-size: 30px;
    margin-bottom: 0;
}
section.footer-sobre-links .card a:hover .card-body .card-title {
    color: #fff22d;
}
section.footer-sobre-links .nav {}
section.footer-sobre-links .nav .nav-item {}
section.footer-sobre-links .nav .nav-item .nav-link {
    border: 2px solid #000000;
    border-radius: 0;
    color: #000000;
    font-family: 'Roboto-Medium';
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}
section.footer-sobre-links .nav .nav-item .nav-link:hover {
    background-color: #000000;
    color: #fff22d;
}
/************************************/

/*  FIM SESSION FOOTER SOBRE LINKS  */

/************************************/

#modalAviso .modal-header {
    border: 0px;
    border-radius: 25px;
    position: absolute;
    background: #fff;
    top: 0;
    right: 0;
    z-index: 1;
    height: 38px;
    width: 38px;
}
#modalAviso .modal-header .btn-close {
    margin: 0 5px 0 0;
    padding: 5px;
}
section.botao {
    background-image: url("/assets/img/layout/bg-botoes-redondos.jpg");
    background-repeat: repeat-x;
    background-size: auto;
    height: 140px;
    padding-top: 24px;
    margin: 0 auto;
}
section.botao a {
    background-color: black;
    display: block;
    color: #fff;
    height: 140px;
    width: 140px;
    display: flex;
    align-items: center;
    /* text-align: center; */
    justify-content: center;
    text-decoration: none;
    font-size: 22px;
    font-weight: 600;
    margin: 0 auto;
}
section.botao .card h3 {
    font-size: 1.5rem;
}
section.botao .anuncio {
    background-color: #c90c0f !important;
}
.invalid-feedback {
    color: #000;
    font-size: 0.7em;
    margin-top: -0.45rem;
    padding-left: 1rem;
    text-align: left;
    width: 100%;
}
/* .form-contato .invalid-feedback {
    width: 100%;
    margin-top: -0.45rem;
    font-size: 0.7em;
    color: #fff;
    text-align: left;
    padding-left: 1.5rem;
} */

.form-imovel .invalid-feedback {
    padding-left: 2.5rem;
}
.slick-slide a img {
    border-radius: 25px 25px 0 0;
    height: 325px;
    width: 100%;
}
.slick-slide a:hover img {
    filter: brightness(0.5);
    transition: all 0.5s ease;
}
.btn-whatsapp {
    background-color: #34af23;
    border-radius: 70%;
    color: #fff;
    display: inline-block;
    position: fixed;
    bottom: 22px;
    left: 42px;
    height: 55px;
    line-height: 54px;
    text-align: center;
    width: 55px;
}
.btn-whatsapp:hover {
    text-decoration: none;
    color: #108300;
}
.btn-whatsapp svg {
    font-size: 43px;
    padding: 6px;
}
/*******************************************************
INÍCIO TRECHO DE CÓDIGO QUE ESTILIZA A BARRA DE COOKIES
********************************************************/

.cookieMessage {
    position: fixed;
    bottom: 0;
    /* position the top  edge of the element at the middle of the parent */
    left: 50%;
    /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -3%);
    border-radius: 40px;
    background-color: #d8d8d8;
    z-index: 99999999999;
    display: none;
    text-align: center;
    width: 1040px;
    color: #000;
}
.cookieMessage .cookieMessage-content {
    display: flex;
    align-items: center;
    padding-left: 39px;
}
.cookieMessage .cookieMessage-content p {
    color: #000;
    font-family: 'Roboto-Light', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 0 0;
    padding: 9px;
    background-color: #d8d8d8;
    text-align: left;
    border-radius: 20px;
}
.cookieMessage .cookieMessage-content a.politica {
    color: #000;
    font-family: 'Roboto-Medium';
    letter-spacing: 0.5px;
    text-decoration: underline;
    white-space: nowrap;
}
.cookieMessage .cookieMessage-content a.politica:hover {
    color: #464646;
}
.cookieMessage a.red {
    background-color: #000;
    color: #fff;
    text-decoration: none;
    padding: 0px 10px;
    border-radius: 20px;
    text-transform: uppercase;
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 14px;
    height: 36px;
    line-height: 37px;
    white-space: nowrap;
    margin: 0 43px 0px 15px;
    display: inline-block;
}
.cookieMessage a.red:hover {
    background-color: #fff22d;
    color: #000;
}
/*****************************************************
*FIM TRECHO DE CÓDIGO QUE ESTILIZA A BARRA DE COOKIES*
******************************************************/

.resp-emailcontato {
    background-color: #000;
    border: 1px solid transparent;
    color: #fff;
    display: none;
    margin-bottom: 1rem;
    padding: 0.75rem 1.25rem;
}
@media (max-width: 1400px) {
    section.imoveis-destaque .card a .card-img-overlay .card-title, section.imoveis-destaque .card a .card-img-overlay .card-text {
        top: 210px;
    }
}
@media (max-width: 1200px) {
    nav.navbar .item {
        width: 9%;
    }
    section.imoveis-destaque .card a .card-img-overlay .card-title, section.imoveis-destaque .card a .card-img-overlay .card-text {
        top: 150px;
    }
    section.footer-sobre-links .nav .nav-item .nav-link {
        font-size: 25px;
    }
    section.footer-sobre h2 {
        font-size: 50px;
    }
    section.footer-sobre .card {}
    section.footer-sobre .card .card-body .card-title {
        font-size: 58px;
    }
    section.footer-sobre .card .card-body .card-text {
        font-size: 20px;
    }
    section.footer-sobre-links .card .card-body .card-title {
        font-size: 24px;
    }
    footer .nav .nav-item .nav-link, footer p, footer p a {
        font-size: 16px;
    }
    footer img {
        width: 65px;
    }
    .cookieMessage {
        left: 50%;
        transform: translate(-47%, -3%);
        width: 720px;
    }
}
@media(max-width: 1024px) {}
@media (max-width: 992px) {
    nav.navbar .item {
        width: 12%;
    }
    footer .nav .nav-item .nav-link, footer p, footer p a {
        color: #ffffff;
        font-family: 'Roboto-Regular';
        font-size: 16px;
        font-weight: normal;
        text-decoration: none;
    }
    footer p {
        margin: 0 0 1rem 1rem;
    }
    footer img {
        width: 70px;
    }
    section.footer-sobre h2 {
        font-size: 45px;
    }
    section.footer-sobre .card .card-body {
        padding: 0rem;
    }
    section.footer-sobre .card .card-body .card-title {
        font-size: 46px;
    }
    section.footer-sobre .card .card-body .card-text {
        font-size: 16px;
    }
    section.footer-sobre-links h2 {
        font-size: 32px;
    }
    section.footer-sobre-links .card .card-body .card-title {
        font-size: 16px;
    }
    section.footer-sobre-links .nav .nav-item .nav-link {
        font-size: 18px;
    }
    section.imoveis button.filtrar {
        width: 70%;
        font-size: 0.8rem;
    }
    section.imoveis p.descricao, section.imoveis span.descricao {
        font-size: 0.7rem;
    }
    section.imoveis span {
        font-size: 0.9rem;
    }
    section.imoveis .card {
        width: 100% !important;
    }
    section.botao .card h3 {
        font-size: 1.2rem;
    }
    nav.navbar a.whatsapp {
        width: 22%;
    }
    .cookieMessage {
        left: 47%;
        transform: translate(-47%, -3%);
        width: 720px;
    }
    .cookieMessage .cookieMessage-content {
        padding-left: 34px;
    }
    .cookieMessage .cookieMessage-content p {
        font-family: 'Roboto-Light', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }
    .cookieMessage a.red {
        padding: 0px 10px;
        margin: 0px 38px 5px 2px;
    }
    section.imoveis-destaque .card a .card-img-overlay .card-title, section.imoveis-destaque .card a .card-img-overlay .card-text {
        font-size: 20px;
        top: 70px;
    }
    section.imoveis-destaque .card a .card-img-overlay .card-text {
        font-size: 16px;
    }
}
@media (max-width: 767.98px) {
    section.links-rapidos .card a img {
        max-width: 15%;
    }
    section.links-rapidos .card a .card-body .card-title {
        font-size: 20px;
    }
    section.imoveis-destaque .card a .card-img-overlay .card-title, section.imoveis-destaque .card a .card-img-overlay .card-text {
        top: 380px;
    }
    footer .border-start {
        border-left: 0px solid #ffffff !important;
    }
    footer p {
        text-align: center!important;
    }
    section.busca .venda {
        margin-top: 19%;
    }
    section.busca h1 {
        font-size: 2em;
    }
    nav.navbar .item {
        border-radius: 0%;
        width: 33%;
    }
    section.botao {
        background-repeat: repeat-y;
        background-size: auto;
        height: auto;
        margin: 0 auto;
    }
    nav.navbar a.whatsapp {
        width: 29%;
    }
    section.footer-sobre {
        padding-bottom: 2rem;
    }
    section.footer-sobre .card {
        margin-bottom: 1rem;
    }
    section.footer-sobre-links {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    section.footer-sobre-links h2 {
        font-size: 32px;
    }
    section.footer-sobre-links .nav {
        display: block;
    }
    section.imoveis-destaque {
        padding: 0px 0 0px 0;
    }
    section.imoveis-destaque h1 {
        font-size: 2rem;
    }
    section.imoveis-destaque .card-slick .card {
        width: 100% !important;
    }
    section.imoveis-destaque .card-slick .slick-dots {
        width: 95%;
    }
    section.imoveis-destaque .card-slick .slick-dots li {}
    section.imoveis-destaque .card-slick .slick-dots li button {}
    section.imoveis-destaque .card-slick .slick-dots li button:before {
        font-size: 20px;
    }
    .cookieMessage {
        left: 4%;
        right: auto;
        transform: translate(-2%, -3%);
        width: auto;
    }
    .cookieMessage .cookieMessage-content {
        display: block;
        padding: 10px;
    }
    .cookieMessage a.red {
        margin: 0 auto 5px auto;
    }
}
@media (max-width: 575.98px) {
    nav.navbar .item {
        border-radius: 0%;
        width: 33%;
    }
    /*section.imoveis-destaque h1 {
        font-size: 1.6rem;
    }*/
    section.imoveis-destaque .card a .card-img-overlay .card-title, section.imoveis-destaque .card a .card-img-overlay .card-text {
        top: 63vw;
    }
    section.footer-sobre h2 {
        font-size: 30px;
    }
    section.footer-sobre .card .card-body .card-title {
        font-size: 36px;
    }
    section.footer-sobre-links h2 {
        font-size: 23px;
    }
    section.botao .card h3 {
        margin: 10px 0px;
    }
    section.botao .card h3 {
        font-size: 1.4rem;
    }
    section.botao {
        background-repeat: repeat-y;
        background-size: auto;
        height: auto;
        margin: 10px auto;
    }
    nav.navbar a.whatsapp {
        width: 39%;
        font-size: 11px;
        font-weight: 700;
        color: #34af23;
    }
    nav.navbar a.navbar-brand {
        width: 61%;
    }
    .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle, .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .bootstrap-select .btn-light {
        width: 100%;
    }
    footer p.cep {
        font-size: 0.7rem;
    }
    .cookieMessage {
        left: 4%;
        right: auto;
        transform: translate(-2%, -3%);
        width: auto;
    }
    .cookieMessage .cookieMessage-content p {
        text-align: center;
    }
}
@media (max-width: 442px) {
    section.imoveis-destaque .card-slick .slick-dots {
        bottom: -55px;
    }
}
@media (max-width: 400px) {
    section.imoveis-destaque .card a .card-img-overlay .card-title, section.imoveis-destaque .card a .card-img-overlay .card-text {
        top: 55vw;
    }
}