.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-d6c559f *//* ====================================================
   BUILDUNOS LUXURY FOOTER
==================================================== */

.bu-footer{
    position: relative;
    background: #10100f;
    color: #eee9e1;
    border-top: 1px solid rgba(255,255,255,.1);
}


/* Main Area */

.bu-footer-main{
    max-width: 1440px;
    margin: 0 auto;

    display: grid;
    grid-template-columns:
        1.5fr
        .7fr
        .7fr
        1.25fr;

    gap: 65px;

    padding: 90px 7% 75px;
}


/* ====================================================
   BRAND
==================================================== */

.bu-footer-brand{
    max-width: 350px;
}


.bu-footer-logo{
    display: inline-block;
    margin-bottom: 30px;
}


.bu-footer-logo img{
    display: block;
    width: 145px;
    max-width: 100%;
    height: auto;
}


.bu-footer-intro{
    margin: 0;

    max-width: 320px;

    color: rgba(238,233,225,.6);

    font-family:
        "Helvetica Neue",
        Arial,
        sans-serif;

    font-size: 13px;
    font-weight: 300;

    line-height: 1.9;

    letter-spacing: .02em;
}


/* ====================================================
   LABELS
==================================================== */

.bu-footer-label{
    display: block;

    margin-bottom: 25px;

    color: rgba(238,233,225,.45);

    font-family:
        "Helvetica Neue",
        Arial,
        sans-serif;

    font-size: 9px;

    letter-spacing: .25em;

    line-height: 1;

    text-transform: uppercase;
}


/* ====================================================
   NAVIGATION
==================================================== */

.bu-footer-nav{
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 14px;
}


.bu-footer-nav a{
    position: relative;

    display: inline-block;

    color: #eee9e1;

    text-decoration: none;

    font-family:
        "Helvetica Neue",
        Arial,
        sans-serif;

    font-size: 13px;
    font-weight: 300;

    letter-spacing: .03em;

    transition:
        opacity .3s ease,
        transform .35s ease;
}


.bu-footer-nav a::after{
    content: "";

    position: absolute;

    left: 0;
    bottom: -5px;

    width: 0;
    height: 1px;

    background: currentColor;

    transition:
        width .35s cubic-bezier(.22,.61,.36,1);
}


.bu-footer-nav a:hover{
    opacity: .65;
    transform: translateX(3px);
}


.bu-footer-nav a:hover::after{
    width: 100%;
}


/* ====================================================
   PRIVATE COMMISSION
==================================================== */

.bu-footer-contact{
    border-left: 1px solid rgba(255,255,255,.12);

    padding-left: 45px;
}


.bu-footer-contact h3{
    margin: 0 0 21px;

    max-width: 350px;

    color: #eee9e1;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(26px,2.5vw,42px);

    font-weight: 400;

    line-height: 1.04;

    letter-spacing: -.02em;
}


.bu-footer-contact h3 em{
    display: block;

    font-weight: 400;

    color: rgba(238,233,225,.65);
}


.bu-footer-contact p{
    max-width: 310px;

    margin:
        0
        0
        30px;

    color: rgba(238,233,225,.55);

    font-family:
        "Helvetica Neue",
        Arial,
        sans-serif;

    font-size: 12px;

    line-height: 1.8;
}


/* CTA */

.bu-footer-cta{
    display: inline-flex;

    align-items: center;

    gap: 17px;

    padding-bottom: 8px;

    border-bottom:
        1px solid rgba(238,233,225,.5);

    color: #eee9e1;

    text-decoration: none;

    font-family:
        "Helvetica Neue",
        Arial,
        sans-serif;

    font-size: 9px;

    letter-spacing: .2em;

    transition:
        border-color .3s ease,
        gap .35s ease;
}


.bu-footer-cta span{
    font-size: 15px;
}


.bu-footer-cta:hover{
    gap: 25px;

    border-color: #eee9e1;
}


/* ====================================================
   BOTTOM
==================================================== */

.bu-footer-bottom{
    max-width: 1440px;

    margin: 0 auto;

    min-height: 75px;

    padding:
        0
        7%;

    border-top:
        1px solid rgba(255,255,255,.09);

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 30px;

    font-family:
        "Helvetica Neue",
        Arial,
        sans-serif;

    font-size: 8px;

    letter-spacing: .18em;

    color:
        rgba(238,233,225,.42);
}


.bu-footer-legal{
    display: flex;
    align-items: center;
    gap: 25px;
}


.bu-footer-legal a{
    color:
        rgba(238,233,225,.42);

    text-decoration: none;

    transition: color .3s ease;
}


.bu-footer-legal a:hover{
    color: #eee9e1;
}


.bu-footer-signature{
    letter-spacing: .25em;
}


/* ====================================================
   MOBILE FLOATING ACTIONS
==================================================== */

.bu-mobile-actions{
    display: none;
}


/* ====================================================
   TABLET
==================================================== */

@media (max-width: 1050px){

    .bu-footer-main{
        grid-template-columns:
            1.5fr
            1fr
            1fr;

        gap: 50px;
    }


    .bu-footer-contact{
        grid-column: 1 / -1;

        padding:
            45px
            0
            0;

        border-left: 0;

        border-top:
            1px solid rgba(255,255,255,.1);
    }

}


/* ====================================================
   MOBILE
==================================================== */

@media (max-width: 900px){

    .bu-footer-main{
        display: grid;

        grid-template-columns:
            1fr
            1fr;

        gap:
            50px
            25px;

        padding:
            65px
            24px
            115px;
    }


    .bu-footer-brand{
        grid-column:
            1 / -1;

        max-width:
            500px;
    }


    .bu-footer-logo img{
        width: 130px;
    }


    .bu-footer-contact{
        grid-column:
            1 / -1;

        padding-top: 40px;
    }


    .bu-footer-contact h3{
        font-size: 34px;

        max-width: 300px;
    }


    .bu-footer-bottom{
        min-height: auto;

        padding:
            28px
            24px
            115px;

        flex-direction: column;

        align-items: flex-start;

        gap: 15px;
    }


    /*
       Floating mobile buttons
    */

    .bu-mobile-actions{
        position: fixed;

        right: 18px;
        bottom: 20px;

        z-index: 99999;

        display: flex;

        flex-direction: column;

        gap: 10px;
    }


    .bu-float-action{
        min-width: 54px;
        height: 54px;

        padding:
            0
            17px;

        display: flex;

        align-items: center;
        justify-content: center;

        gap: 9px;

        border-radius: 100px;

        text-decoration: none;

        box-shadow:
            0 12px 40px
            rgba(0,0,0,.22);

        transition:
            transform .3s ease,
            box-shadow .3s ease;
    }


    .bu-float-action svg{
        width: 20px;
        height: 20px;

        flex-shrink: 0;
    }


    .bu-float-action span{
        font-family:
            "Helvetica Neue",
            Arial,
            sans-serif;

        font-size: 9px;

        font-weight: 500;

        letter-spacing: .08em;

        text-transform: uppercase;
    }


    /* WhatsApp */

    .bu-whatsapp{
        background: #fff;

        color: #121210;
    }


    .bu-whatsapp svg{
        fill: currentColor;
    }


    /* Email */

    .bu-email{
        background: #11110f;

        color: #f3eee6;

        border:
            1px solid
            rgba(255,255,255,.2);
    }


    .bu-email svg{
        fill: none;

        stroke: currentColor;

        stroke-width: 1.3;

        stroke-linecap: round;

        stroke-linejoin: round;
    }


    .bu-float-action:active{
        transform: scale(.95);
    }

}


/* ====================================================
   SMALL MOBILE
==================================================== */

@media (max-width: 480px){

    .bu-footer-main{
        padding-left: 20px;
        padding-right: 20px;
    }


    .bu-footer-intro{
        max-width: 300px;

        font-size: 12px;
    }


    .bu-footer-contact h3{
        font-size: 31px;
    }


    /*
      On small phones show only icons,
      making floating actions cleaner.
    */

    .bu-float-action{
        width: 54px;
        min-width: 54px;

        padding: 0;

        border-radius: 50%;
    }


    .bu-float-action span{
        display: none;
    }


    .bu-mobile-actions{
        right: 14px;
        bottom: 16px;
    }

}/* End custom CSS */