.swiper-button-next{
    right: -40px;
}
.swiper-button-prev{
    left: -40px;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    position: relative;
    bottom: -15px;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background: #c2785b;
}

@media only screen and (max-width: 600px) {
    .h-margin-top {
        margin: 0;
    }
}
@media (max-width: 960px) {
}
@media (min-width: 961px) {
}


.h-btn-outline {
    font-weight: 600;
}

.h-top {
    height: 320px;
    background-image: linear-gradient(180deg,rgba(233,154,119,.2) 0,transparent),url(/static/media/bg-home.1ea1b5a3.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.h-filter {
    margin-top: -100px;
}

.h-filter-row {
    padding: 1.5rem!important;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;
}

.h-filter-status {

}

a.h-filter-status-btn {
    color: #000;
    background-color: #d6d6d6;
    border-radius: 0;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.2),0 -6px 20px 0 rgba(0,0,0,.19) !important;
    text-align: center;
    padding: 15px 15px;
    max-width: 200px;
    transition: .2s;
    display: inline-block;
}

a.h-filter-status-btn:hover {
    outline: 1px solid #333!important;
}

a.h-filter-status-btn.active {
    background: #fff;
    font-weight: 700;
    background-color: #fff;
    font-weight: 700;
    background-color: #fff;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.2),0 -5px 6px 0 rgba(0,0,0,.19)!important;
}

input.form-control.h-filter-cod {
    color: #000;
    border: 0;
    border-bottom: 1px solid #e3e3e3;
    /* width: 100%; */
    /* font-size: 12px; */
}

.h-filter-action {
    position: relative;
    /* top: -15px;
    margin-top: -10px; */
}

#h-btn-cod, #h-btn-cod-mobile {
    /* content: ""; */
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* bottom: 0; */
    width: 15px;
    background-image: url(../css/icon/search.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    border-radius: 0;
    border: none;
}

#h-btn-cod:hover, #h-btn-cod-mobile:hover {
    background-color: transparent;
}

.h-filter-row .mb-3 {
    margin-bottom: 5px!important;
    border-bottom: 1px solid #999;
}

.h-filter .form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border-color: #000000;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
}

.h-filter .form-select:focus {
    border-color: #000000;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
}

@media (max-width: 961px) {
    a.h-filter-status-btn.active {
        margin-right: 0!important;
    }
}

@media (min-width: 962px) {
    .h-menu div#navbarSupportedContent {
        flex: inherit!important;
    }

    .h-filter-select {
        position: relative;
        top: 50%;
        transform: translateY(20%);
        align-items: center;
    }
}

/*home building*/

.h-swiper-building {
    height: 720px;
}

.h-building {
    text-align: center;
}

.h-building-card {
    /* height: 700px; */
    height: 100%;
    width: 100%;
    /* height: 275px; */
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover!important;
    background-position: top!important;
    background-repeat: no-repeat!important;
    transition: .2s;
}

.h-building-card:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.h-building-card:hover .building-action-btn {
    background: #c2785b;
    font-weight: 600;
    color: #fff;
}
.h-building-card img {
    height: 100%;
    object-fit: cover;
}

.building-action-btn {
    height: 10%;
    z-index: 1;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.19)!important;
    width: 100%;
    display: inline-block;
    color: #000;
    text-decoration: none;
    padding: 20px;
}

.h-building-action {
    text-align: center;
}

@media only screen and (max-width: 961px) {
    .h-swiper-building {
        padding: 0 20px;
    }
    #swiper-button-next-building{
        right: 0;
    }
    #swiper-button-prev-building{
        left: 0;
    }
    .h-building {
        text-align: center;
        padding: 20px;
    }
}

/*home condominium & category*/

.h-condominium-card, .h-category-card {
    background-size: cover!important;
    transition: .2s;
}

.h-condominium-card:hover, .h-category-card:hover {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.h-condominium-card-content, .h-category-card-content {
    background: linear-gradient(0deg,#292f2d 0,transparent);
    height: 100%;
    width: 100%;
    align-items: center;
    align-items: center;
    justify-content: end;
    background-position: 50%;
    width: 100%;
    height: 275px;
    position: relative;
    display: flex;
    flex-direction: column;
    background-size: cover!important;
    background-position: top!important;
    background-repeat: no-repeat!important;
    text-align: center;
}

.h-condominium-title, .h-category-title {
    color: #fff;
    /* font-weight: 500; */
    text-shadow: 2px 2px 1px #00000059;
    top: -110px;
    position: relative;
    font-size: 1.5em;
}

.h-condominium-action .btn-outline, .h-category-action .btn-outline {
    border: 1px solid #fff;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    top: -35px;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.h-condominium-action .btn-outline:hover,
.h-category-action .btn-outline:hover,
.h-condominium-action .btn-outline:active,
.h-category-action .btn-outline:active {
    background-color: #c2785b !important;
    border: 1px solid #c2785b !important;
}

/*home blog*/

.h-building-action {
    font-size: 14px !important;
    background: #fff;
    padding: 20px 0;
}

/*.h-blog-card {
transition: .2s;
}

.h-blog-card:hover {
-webkit-transform: scale(1.01);
transform: scale(1.01);
}


.h-blog-img {
width: 100%;
}

.h-btn-blog {
        width: 200px;
}*/


/*HOME MOBILE*/

@media (max-width: 962px) {

    nav.navbar.navbar-expand-lg.bg-body-tertiary.h-menu.fixed-top {
        text-align: center;
    }

    a.h-filter-status-btn {
        color: #000;
        background-color: #fff;
        border-radius: 0;
        box-shadow: 0 -2px 4px 0 rgba(0,0,0,.2),0 -6px 20px 0 rgba(0,0,0,.19) !important;
        text-align: center;
        padding: 15px 10px;
        max-width: 50%!important;
        display: block;
        font-size: 14px;
        text-align: center;
    }

    a.h-filter-status-btn.active {
        background: #c2785b;
        font-weight: 700;
        font-weight: 500;
        margin-right: 0px;
        color: #fff;
    }

    .h-filter-status {
        /* text-align: center; */
        border: 1px solid #ddd;
        margin: 10px -2px;
    }

    .h-filter {
        padding: 0 30px!important;
    }

    .h-filter-row {
        box-shadow: none!important;
        padding: 0!important;
    }

    .h-filter-row div {
        padding: 0 5px;
        margin-bottom: 5px;
    }



    .h-top h1 {
        margin-top: -80px;
    }

}

.h-building-action svg {
    margin-top: -7px;
}

.h-building-card:hover  .h-building-action svg path {
    fill: #fff;
}

.form-select, .multiselect-wrapper {
    color: #999;
}


/*gsmarin ajuste*/

@media (max-width: 1335px) {


    .h-filter-action {
        text-align: left;
        margin: 0;
        top: 0;
        /*position: relative;
        top: -15px;*/
    }
    .h-filter-action .h-filter-row.mb-3 {
        top: 0;
    }

}

@media (min-width: 961px) {

    .h-filter-row .mb-3 {
        width: 182px;
    }

    input.form-control.h-filter-cod {
        color: #000;
        border: 0;
        border-bottom: 1px solid #e3e3e3;
        /* width: 100%; */
        font-size: 14px;
        width: 182px!important;
    }

    input.form-control.h-filter-cod {
        color: #000;
        border: 0;
        border-bottom: 1px solid #e3e3e3;
        /* width: 100%; */
        font-size: 14px;
        max-width: 158px!important;
        padding: 0;
    }

    #h-btn-cod, #h-btn-cod-mobile {
        background-size: 15px;
        background-position: right;
    }

    .h-filter-action {
        text-align: center;
        margin-top: 0;
        /*position: relative;
        top: -15px;*/
    }

    .h-filter-action a {
        /* width: 182px!important; */
        height: 100%;
    }

    .h-filter-action form {
        width: 240px;
        display: inline-flex;
    }

    .h-filter-row .mb-3 {
        /*
        margin-bottom: 0!important;
        border-bottom: 1px solid #ddd;
        position: relative;
        top: -15px;
        */
    }

    .h-filter-row {
        padding: 15px 0;
    }
}
/*correção slides*/

.h-category .col-md-3 {
    margin-right: 0!important;
    padding-right: 0;
    margin-left: 0;
}

.h-condominium-card {
    width: 100%;
    /* margin-left: 4%; */
}

button.carousel__next, button.carousel__prev {
    background: #fff;
    border-radius: 5px;
    font-weight: 100;
    padding: 4px;
}

.h-swiper-features .swiper-wrapper {
    padding-bottom: 25px;
}

.h-swiper-features .swiper-slide {
    /* height: 462px; */
}

.h-featured-card {
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.2),0 6px 6px 0 rgba(0,0,0,.19)!important;
    transition: .2s;
    color: #444;
    width: 99%;
    margin-left: 1%;
    min-height: 462px;
}

button.carousel__next {
    position: absolute;
    right: -25px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: none;
    background-color: #fff;
    border-radius: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    z-index: 9;
}

button.carousel__prev {
    position: absolute;
    left: -15px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: none;
    background-color: #fff;
    border-radius: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    z-index: 9;
}


button.carousel__prev svg, button.carousel__next svg {
    height: 25px;
    width: 25px;
    transition: 0.3s;
}

button.carousel__prev:hover svg, button.carousel__next:hover svg {
    height: 30px;
    width: 30px;
    transition: 0.3s;
    color: #000!important;
}

div#slide-condos {
    padding: 0;
}

/*swiper arrow*/

.wm-swiper-navigation {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: none;
    background-color: #fff;
    border-radius: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    z-index: 9;
}


@media (max-width: 960px) {

    .h-top h1 {
        margin-top: -80px;
        font-size: 1.4em;
    }

    .wm-swiper-next {
        position: relative;
        bottom: 410px;
        float: right;
        margin-right: -28px;
    }

    .wm-swiper-prev {
        position: relative;
        bottom: 410px;
        float: left;
        margin-left: -30px;
    }
}

@media (min-width: 961px) {
    .wm-swiper-next {
        position: relative;
        bottom: 410px;
        float: right;
        margin-right: -30px;
    }

    .wm-swiper-prev {
        position: relative;
        bottom: 410px;
        float: left;
        margin-left: -30px;
    }
}

.wm-swiper-prev img, .wm-swiper-next img {
    width: 25px;
    height: 25px;
    transition: 0.3s;
}

.wm-swiper-prev:hover img, .wm-swiper-next:hover img {
    width: 30px;
    height: 30px;
}

.h-featured .wm-swiper-next {
    bottom: 250px!important;
}

.h-featured .wm-swiper-prev {
    bottom: 250px!important;
}

/*home 21/07/23 gs update*/

.h-featured-card .h-btn-outline {
    font-weight: 600;
}

.featured-price, .h-featured-title {
    color: #000;
}

.h-featured-text {
    padding-top: 25px;
}

.h-featured-cod {
    color: #333;
    font-size: 14px;
}

.featured-area {
    float: right;
    position: relative;
    right: 2px;
}

/**
* Condominios
*/

@media only screen and (max-width: 600px) {
    .h-swiper-features {
        padding: 0 20px;
    }
    #swiper-button-next-features{
        right: 0;
    }
    #swiper-button-prev-features{
        left: 0;
    }
    .h-swiper-search {
        padding: 0 20px;
    }
    #swiper-button-next-search{
        right: 0;
    }
    #swiper-button-prev-search{
        left: 0;
    }
    .h-swiper-condos {
        padding: 0 20px;
    }
    #swiper-button-next-condos{
        right: 0;
    }
    #swiper-button-prev-condos{
        left: 0;
    }
}
