.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-a92a218 *//* ======================================================
   BUILDUNOS
   LUXURY LEFT SIDE HEADER
====================================================== */

:root{
    --bu-header-width: 112px;

    --bu-dark: #10100f;
    --bu-dark-soft: #181816;

    --bu-light: #f2ede5;
    --bu-muted: rgba(242,237,229,.55);
    --bu-border: rgba(255,255,255,.12);

    --bu-transition: cubic-bezier(.22,.61,.36,1);
}


/* ======================================================
   HEADER
====================================================== */

.bu-header{
    position: fixed;

    top: 0;
    left: 0;

    width: var(--bu-header-width);
    height: 100vh;

    z-index: 9999;

    background:
        linear-gradient(
            180deg,
            #111110 0%,
            #181715 100%
        );

    border-right: 1px solid var(--bu-border);
}


.bu-header-inner{
    position: relative;

    width: 100%;
    height: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
}



/* ======================================================
   LOGO
====================================================== */

.bu-logo{
    width: 100%;

    min-height: 120px;

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

    padding: 24px 13px;

    border-bottom: 1px solid var(--bu-border);

    text-decoration: none;
}


.bu-logo img{
    display: block;

    width: 82px;
    max-width: 100%;

    height: auto;

    object-fit: contain;

    transition:
        opacity .35s ease,
        transform .4s var(--bu-transition);
}


.bu-logo:hover img{
    opacity: .72;
    transform: scale(.97);
}



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

.bu-navigation{
    flex: 1;

    width: 100%;

    display: flex;
    flex-direction: column;

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

    gap: 1px;
}



.bu-nav-item{
    position: relative;

    width: 100%;

    min-height: 92px;

    display: flex;
    flex-direction: column;

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

    gap: 9px;

    color: var(--bu-muted);

    text-decoration: none;

    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;

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



.bu-nav-item::before{
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 2px;
    height: 0;

    background: var(--bu-light);

    transform: translateY(-50%);

    transition: height .4s var(--bu-transition);
}



.bu-nav-item:hover{
    color: var(--bu-light);

    background:
        rgba(255,255,255,.035);

    border-color:
        rgba(255,255,255,.04);
}



.bu-nav-item:hover::before{
    height: 34px;
}



/* ======================================================
   ICON
====================================================== */

.bu-icon{
    width: 22px;
    height: 22px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.bu-icon svg{
    width: 21px;
    height: 21px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.25;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition:
        transform .4s var(--bu-transition);
}


.bu-nav-item:hover .bu-icon svg{
    transform: translateY(-2px);
}



/* ======================================================
   NAV TEXT
====================================================== */

.bu-nav-text{
    font-family:
        "Helvetica Neue",
        Arial,
        sans-serif;

    font-size: 9px;

    line-height: 1;

    font-weight: 400;

    letter-spacing: .18em;

    text-transform: uppercase;

    white-space: nowrap;
}



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

.bu-header-bottom{
    min-height: 130px;

    width: 100%;

    display: flex;
    flex-direction: column;

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

    gap: 16px;

    border-top: 1px solid var(--bu-border);
}


.bu-line{
    width: 1px;
    height: 28px;

    background:
        rgba(255,255,255,.35);
}


.bu-vertical-text{
    writing-mode: vertical-rl;

    transform: rotate(180deg);

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

    color:
        rgba(255,255,255,.4);

    font-size: 7px;

    letter-spacing: .38em;

    text-transform: uppercase;
}



/* ======================================================
   MOBILE MENU ELEMENTS
====================================================== */

.bu-menu-toggle,
.bu-menu-button{
    display: none;
}



/* ======================================================
   IMPORTANT:
   MOVE WEBSITE CONTENT AWAY FROM FIXED SIDEBAR
====================================================== */

/*
Add class "bu-page" to your website wrapper:

<div class="bu-page">
    Your website...
</div>
*/

.bu-page{
    margin-left: var(--bu-header-width);
}



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

@media (max-width: 900px){

    :root{
        --bu-mobile-height: 78px;
    }


    .bu-header{
        width: 100%;
        height: var(--bu-mobile-height);

        right: 0;
        bottom: auto;

        border-right: none;

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



    .bu-header-inner{
        width: 100%;

        height: var(--bu-mobile-height);

        flex-direction: row;

        justify-content: space-between;

        padding: 0 20px;
    }



    /* Logo */

    .bu-logo{
        width: auto;

        min-height: auto;

        height: 100%;

        padding: 14px 0;

        border: none;

        position: relative;

        z-index: 5;
    }


    .bu-logo img{
        width: 102px;
    }



    /* Hamburger */

    .bu-menu-button{
        display: flex;

        width: 44px;
        height: 44px;

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

        flex-direction: column;

        gap: 7px;

        cursor: pointer;

        position: relative;

        z-index: 6;
    }


    .bu-menu-button span{
        width: 25px;
        height: 1px;

        background: #fff;

        display: block;

        transition:
            transform .4s var(--bu-transition),
            opacity .3s ease;
    }



    /* Mobile Menu */

    .bu-navigation{
        position: fixed;

        top: 0;
        right: 0;

        width: min(85vw, 390px);
        height: 100vh;

        background:
            #11110f;

        display: flex;

        padding:
            120px 35px 50px;

        justify-content: flex-start;

        align-items: stretch;

        gap: 0;

        transform: translateX(105%);

        transition:
            transform .55s var(--bu-transition);

        box-shadow:
            -30px 0 70px rgba(0,0,0,.25);
    }



    .bu-nav-item{
        min-height: 80px;

        flex-direction: row;

        justify-content: flex-start;

        gap: 20px;

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


    .bu-nav-item::before{
        display: none;
    }



    .bu-icon{
        width: 27px;
        height: 27px;
    }


    .bu-icon svg{
        width: 24px;
        height: 24px;
    }



    .bu-nav-text{
        font-size: 12px;

        letter-spacing: .18em;
    }



    /* Open */

    .bu-menu-toggle:checked ~ .bu-navigation{
        transform: translateX(0);
    }



    /* Hamburger Animation */

    .bu-menu-toggle:checked +
    .bu-menu-button span:first-child{
        transform:
            translateY(4px)
            rotate(45deg);
    }


    .bu-menu-toggle:checked +
    .bu-menu-button span:last-child{
        transform:
            translateY(-4px)
            rotate(-45deg);
    }



    /* Hide desktop bottom */

    .bu-header-bottom{
        display: none;
    }



    /* Reset content offset */

    .bu-page{
        margin-left: 0;
        padding-top: var(--bu-mobile-height);
    }

}



/* ======================================================
   SMALL PHONES
====================================================== */

@media (max-width: 480px){

    .bu-header-inner{
        padding: 0 16px;
    }


    .bu-logo img{
        width: 92px;
    }


    .bu-navigation{
        width: 88vw;

        padding-left: 28px;
        padding-right: 28px;
    }

}/* End custom CSS */