.elementor-140 .elementor-element.elementor-element-2329537{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-f6f14b0 *//* =========================================================
   GREENILA — HEADER + RIGHT SLIDE MENU
   Premium Compact Transparent Navigation
========================================================= */


/* =========================================================
   VARIABLES
========================================================= */

#gl-header {

    --gl-green: #26362f;
    --gl-green-deep: #1d2923;
    --gl-green-soft: #526057;

    --gl-gold: #d89422;
    --gl-gold-dark: #c88318;

    --gl-white: #ffffff;
    --gl-muted: rgba(255, 255, 255, 0.62);

    --gl-line: rgba(255, 255, 255, 0.15);
    --gl-line-hover: rgba(255, 255, 255, 0.26);

    --gl-container: 1420px;

    font-family: inherit;

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 99999;

}


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

.gl-header-bar {

    width: 100%;

    height: 96px;

    padding:
        0
        max(4vw, 52px);

    display: flex;

    align-items: center;

    justify-content: space-between;

    box-sizing: border-box;

    background: transparent;

    border-bottom:
        1px solid
        rgba(255, 255, 255, 0.18);

}


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

.gl-logo {

    display: inline-flex;

    align-items: center;

    justify-content: flex-start;

    margin: 0;

    padding: 0;

    text-decoration: none;

}


.gl-logo img {

    display: block;

    width: 145px;

    height: auto;

    margin: 0;

    /*
       Dark shadow belongs ONLY to the
       main header logo.
    */

    filter:
        drop-shadow(
            0 2px 3px
            rgba(0, 0, 0, 0.95)
        )
        drop-shadow(
            0 5px 9px
            rgba(0, 0, 0, 0.72)
        );

}


/* =========================================================
   MAIN HEADER HAMBURGER
========================================================= */

.gl-menu-toggle {

    position: relative;

    width: 48px;

    height: 48px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    /*
       PERMANENT GREENILA GOLD BACKGROUND
    */

    background:
        var(--gl-gold);

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 5px;

    cursor: pointer;

    /*
       Dark shadow ONLY around the
       hamburger button.
    */

    filter:
        drop-shadow(
            0 3px 4px
            rgba(0, 0, 0, 0.90)
        )
        drop-shadow(
            0 6px 10px
            rgba(0, 0, 0, 0.55)
        );

    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        filter 0.25s ease;

}


/* =========================================================
   THREE HAMBURGER LINES
========================================================= */

/*
   The HTML contains two spans.
   The ::before pseudo-element creates
   the third line.
*/

.gl-menu-toggle::before {

    content: "";

    display: block;

    width: 25px;

    height: 2px;

    background:
        var(--gl-white);

    border-radius: 2px;

}


.gl-menu-toggle span {

    display: block;

    width: 25px;

    height: 2px;

    background:
        var(--gl-white);

    border-radius: 2px;

}


/* =========================================================
   HAMBURGER HOVER
========================================================= */

.gl-menu-toggle:hover {

    /*
       Stay within the Greenila palette.
       No red / magenta.
    */

    background:
        var(--gl-gold-dark);

    transform:
        scale(1.04);

    filter:
        drop-shadow(
            0 3px 4px
            rgba(0, 0, 0, 0.95)
        )
        drop-shadow(
            0 7px 11px
            rgba(0, 0, 0, 0.65)
        );

}


/* =========================================================
   RIGHT-SIDE POPUP MENU
========================================================= */

.gl-fullscreen-menu {

    /*
       The existing class name is retained
       so no HTML/JS modification is required.
    */

    position: fixed !important;

    top:
        24px !important;

    right:
        24px !important;

    bottom:
        24px !important;

    left:
        auto !important;

    width:
        min(
            520px,
            calc(100vw - 48px)
        ) !important;

    height:
        auto !important;

    max-height:
        calc(100dvh - 48px) !important;

    margin:
        0 !important;

    padding:
        0 !important;

    box-sizing:
        border-box;

    /*
       Greenila translucent panel.
    */

    background:
        linear-gradient(
            145deg,
            rgba(38, 54, 47, 0.98),
            rgba(29, 41, 35, 0.96)
        );

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

    border:
        1px solid
        rgba(255, 255, 255, 0.11);

    border-radius:
        5px;

    /*
       IMPORTANT:
       NO shadow around popup.
    */

    box-shadow:
        none !important;

    z-index:
        999999;

    display:
        flex;

    flex-direction:
        column;

    opacity:
        0;

    visibility:
        hidden;

    /*
       Closed position:
       slightly outside/right of viewport.
    */

    transform:
        translateX(40px);

    transition:
        opacity 0.30s ease,
        visibility 0.30s ease,
        transform 0.38s cubic-bezier(
            0.22,
            0.61,
            0.36,
            1
        );

    overflow-y:
        auto;

    overflow-x:
        hidden;

}


/* =========================================================
   MENU OPEN
========================================================= */

.gl-menu-open
.gl-fullscreen-menu {

    opacity:
        1;

    visibility:
        visible;

    transform:
        translateX(0);

}


/* =========================================================
   SUBTLE PAGE BACKDROP
========================================================= */

.gl-menu-open::after {

    content: "";

    position: fixed;

    inset: 0;

    background:
        rgba(0, 0, 0, 0.16);

    z-index:
        999998;

    pointer-events:
        none;

}


/* =========================================================
   PREVENT PAGE SCROLL
========================================================= */

body.gl-menu-active {

    overflow:
        hidden;

}


/* =========================================================
   MENU TOP
========================================================= */

.gl-menu-top {

    flex:
        0 0 auto;

    width:
        100%;

    min-height:
        76px;

    padding:
        10px 20px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    box-sizing:
        border-box;

    border-bottom:
        1px solid
        var(--gl-line);

}


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

.gl-menu-logo {

    display:
        inline-flex;

    align-items:
        center;

    margin:
        0;

    padding:
        0;

    text-decoration:
        none;

}


.gl-menu-logo::before {

    display:
        none !important;

}


.gl-menu-logo img {

    display:
        block;

    width:
        125px;

    height:
        auto;

    margin:
        0;

    /*
       Popup logo has NO black shadow.
    */

    filter:
        none !important;

}


/* =========================================================
   CLOSE BUTTON
========================================================= */

.gl-menu-close {

    position:
        relative;

    width:
        42px;

    height:
        42px;

    padding:
        0;

    border:
        0;

    border-radius:
        50%;

    background:
        transparent;

    cursor:
        pointer;

    transition:
        background-color 0.25s ease;

}


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

.gl-menu-close span {

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    width:
        25px;

    height:
        1.7px;

    background:
        var(--gl-white);

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;

}


.gl-menu-close span:first-child {

    transform:
        translate(-50%, -50%)
        rotate(45deg);

}


.gl-menu-close span:last-child {

    transform:
        translate(-50%, -50%)
        rotate(-45deg);

}


/* =========================================================
   CLOSE HOVER
========================================================= */

.gl-menu-close:hover {

    background:
        rgba(216, 148, 34, 0.10);

}


.gl-menu-close:hover span {

    background:
        var(--gl-gold);

}


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

.gl-menu-nav {

    width:
        100%;

    margin:
        0;

    flex:
        0 1 auto;

    display:
        flex;

    flex-direction:
        column;

}


/* =========================================================
   MENU ITEM
========================================================= */

.gl-menu-item {

    position:
        relative;

    width:
        100%;

    min-height:
        58px;

    padding:
        4px 20px;

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

    box-sizing:
        border-box;

    text-decoration:
        none;

    border-bottom:
        1px solid
        var(--gl-line);

    color:
        var(--gl-white);

    overflow:
        hidden;

    transition:
        background-color 0.25s ease,
        padding-left 0.25s ease;

}


/* =========================================================
   MENU VISUAL
========================================================= */

.gl-menu-item-visual {

    flex:
        0 0 45px;

    width:
        45px;

    height:
        45px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    transition:
        transform 0.25s ease;

}


.gl-menu-item-visual img {

    display:
        block;

    width:
        43px;

    height:
        43px;

    object-fit:
        contain;

    transition:
        transform 0.25s ease;

}


/* =========================================================
   MENU TITLE
========================================================= */

.gl-menu-item-title {

    display:
        block;

    min-width:
        0;

    font-size:
        21px;

    line-height:
        1.1;

    font-weight:
        500;

    letter-spacing:
        -0.025em;

    color:
        var(--gl-white);

    /*
       Long menu names remain on one line.
    */

    white-space:
        nowrap;

    transition:
        color 0.25s ease,
        transform 0.25s ease;

}


.gl-menu-item-title span {

    display:
        inline;

}


.gl-menu-item-title span::before {

    content:
        " ";

}


/* =========================================================
   MENU HOVER
========================================================= */

.gl-menu-item:hover {

    background:
        linear-gradient(
            90deg,
            rgba(216, 148, 34, 0.10),
            rgba(255, 255, 255, 0.025),
            transparent
        );

    padding-left:
        25px;

}


.gl-menu-item:hover
.gl-menu-item-visual {

    transform:
        scale(1.04);

}


.gl-menu-item:hover
.gl-menu-item-visual img {

    transform:
        scale(1.07);

}


.gl-menu-item:hover
.gl-menu-item-title {

    color:
        var(--gl-gold);

    transform:
        translateX(3px);

}


/* =========================================================
   GOLD HOVER MARKER
========================================================= */

.gl-menu-item::before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        50%;

    width:
        3px;

    height:
        0;

    background:
        var(--gl-gold);

    transform:
        translateY(-50%);

    transition:
        height 0.25s ease;

}


.gl-menu-item:hover::before {

    height:
        30px;

}


/* =========================================================
   MENU FOOTER — SINGLE COLUMN
========================================================= */

.gl-menu-footer {

    flex:
        0 0 auto;

    width:
        100%;

    margin:
        0;

    padding:
        18px 20px 20px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    box-sizing:
        border-box;

    text-align:
        center;

}


/* =========================================================
   CTA
========================================================= */

.gl-menu-footer-cta {

    width:
        100%;

    display:
        flex;

    justify-content:
        center;

}


.gl-menu-cta {

    min-height:
        42px;

    padding:
        0 22px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        15px;

    border-radius:
        999px;

    background:
        var(--gl-gold);

    color:
        var(--gl-white);

    font-size:
        12px;

    font-weight:
        600;

    text-decoration:
        none;

    white-space:
        nowrap;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease;

}


.gl-menu-cta:hover {

    background:
        var(--gl-gold-dark);

    color:
        var(--gl-white);

    transform:
        translateY(-1px);

}


.gl-menu-cta b {

    font-size:
        17px;

    font-weight:
        400;

    line-height:
        1;

}


/* =========================================================
   CONTACT
========================================================= */

.gl-menu-contact {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    gap:
        4px;

}


.gl-menu-contact-label {

    font-size:
        8px;

    letter-spacing:
        0.18em;

    color:
        var(--gl-muted);

    font-weight:
        500;

}


.gl-menu-phone-list {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    gap:
        2px;

}


.gl-menu-phone-list a {

    color:
        var(--gl-white);

    font-size:
        12px;

    line-height:
        1.35;

    text-decoration:
        none;

    transition:
        color 0.25s ease;

}


.gl-menu-phone-list a:hover {

    color:
        var(--gl-gold);

}


/* =========================================================
   LOCATION
========================================================= */

.gl-menu-location {

    font-size:
        8px;

    line-height:
        1.2;

    letter-spacing:
        0.18em;

    color:
        var(--gl-muted);

    white-space:
        nowrap;

}


/* =========================================================
   MENU OPEN ANIMATION
========================================================= */

.gl-menu-open
.gl-menu-item {

    animation:
        glMenuItemIn
        0.35s
        ease
        both;

}


.gl-menu-open
.gl-menu-item:nth-child(1) {

    animation-delay:
        0.04s;

}


.gl-menu-open
.gl-menu-item:nth-child(2) {

    animation-delay:
        0.07s;

}


.gl-menu-open
.gl-menu-item:nth-child(3) {

    animation-delay:
        0.10s;

}


.gl-menu-open
.gl-menu-item:nth-child(4) {

    animation-delay:
        0.13s;

}


.gl-menu-open
.gl-menu-item:nth-child(5) {

    animation-delay:
        0.16s;

}


.gl-menu-open
.gl-menu-item:nth-child(6) {

    animation-delay:
        0.19s;

}


@keyframes glMenuItemIn {

    from {

        opacity:
            0;

        transform:
            translateX(10px);

    }

    to {

        opacity:
            1;

        transform:
            translateX(0);

    }

}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1400px) {

    .gl-fullscreen-menu {

        width:
            540px !important;

    }


    .gl-menu-item {

        min-height:
            60px;

    }


    .gl-menu-item-title {

        font-size:
            22px;

    }

}


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

@media (max-width: 900px) {

    .gl-header-bar {

        height:
            82px;

        padding:
            0 24px;

    }


    .gl-logo img {

        width:
            135px;

    }


    .gl-menu-toggle {

        width:
            46px;

        height:
            46px;

    }


    .gl-menu-toggle::before,
    .gl-menu-toggle span {

        width:
            24px;

    }


    .gl-fullscreen-menu {

        top:
            16px !important;

        right:
            16px !important;

        bottom:
            16px !important;

        width:
            min(
                500px,
                calc(100vw - 32px)
            ) !important;

        max-height:
            calc(100dvh - 32px) !important;

    }


    .gl-menu-top {

        min-height:
            70px;

        padding:
            9px 18px;

    }


    .gl-menu-logo img {

        width:
            120px;

    }


    .gl-menu-item {

        min-height:
            56px;

        padding:
            4px 18px;

        gap:
            13px;

    }


    .gl-menu-item:hover {

        padding-left:
            22px;

    }


    .gl-menu-item-visual {

        flex-basis:
            42px;

        width:
            42px;

        height:
            42px;

    }


    .gl-menu-item-visual img {

        width:
            40px;

        height:
            40px;

    }


    .gl-menu-item-title {

        font-size:
            20px;

    }


    .gl-menu-footer {

        padding:
            16px 18px 18px;

    }

}


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

@media (max-width: 600px) {

    .gl-header-bar {

        height:
            72px;

        padding:
            0 18px;

    }


    .gl-logo img {

        width:
            118px;

    }


    .gl-menu-toggle {

        width:
            44px;

        height:
            44px;

        gap:
            4px;

    }


    .gl-menu-toggle::before,
    .gl-menu-toggle span {

        width:
            23px;

        height:
            2px;

    }


    /* -----------------------------------------------------
       MOBILE POPUP
    ----------------------------------------------------- */

    .gl-fullscreen-menu {

        top:
            10px !important;

        right:
            10px !important;

        bottom:
            10px !important;

        width:
            calc(100vw - 20px) !important;

        max-height:
            calc(100dvh - 20px) !important;

        border-radius:
            4px;

    }


    /* -----------------------------------------------------
       MOBILE TOP
    ----------------------------------------------------- */

    .gl-menu-top {

        min-height:
            62px;

        padding:
            8px 14px;

    }


    .gl-menu-logo img {

        width:
            108px;

    }


    .gl-menu-close {

        width:
            40px;

        height:
            40px;

    }


    .gl-menu-close span {

        width:
            24px;

    }


    /* -----------------------------------------------------
       MOBILE MENU ITEMS
    ----------------------------------------------------- */

    .gl-menu-item {

        min-height:
            54px;

        padding:
            4px 13px;

        gap:
            9px;

    }


    .gl-menu-item:hover {

        padding-left:
            17px;

    }


    .gl-menu-item-visual {

        flex:
            0 0 39px;

        width:
            39px;

        height:
            39px;

    }


    .gl-menu-item-visual img {

        width:
            38px;

        height:
            38px;

    }


    .gl-menu-item-title {

        font-size:
            18px;

        letter-spacing:
            -0.02em;

    }


    .gl-menu-item::before {

        width:
            2px;

    }


    .gl-menu-item:hover::before {

        height:
            27px;

    }


    /* -----------------------------------------------------
       MOBILE FOOTER
    ----------------------------------------------------- */

    .gl-menu-footer {

        padding:
            13px
            14px
            15px;

        gap:
            7px;

    }


    .gl-menu-cta {

        width:
            100%;

        min-height:
            40px;

        padding:
            0 15px;

        justify-content:
            space-between;

        font-size:
            11.5px;

    }


    .gl-menu-contact {

        gap:
            3px;

    }


    .gl-menu-contact-label {

        font-size:
            7px;

    }


    .gl-menu-phone-list {

        gap:
            1px;

    }


    .gl-menu-phone-list a {

        font-size:
            10.5px;

    }


    .gl-menu-location {

        font-size:
            7px;

    }

}


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

@media (max-width: 380px) {

    .gl-header-bar {

        padding:
            0 14px;

    }


    .gl-logo img {

        width:
            110px;

    }


    .gl-menu-toggle {

        width:
            42px;

        height:
            42px;

    }


    .gl-menu-toggle::before,
    .gl-menu-toggle span {

        width:
            22px;

    }


    .gl-fullscreen-menu {

        top:
            7px !important;

        right:
            7px !important;

        bottom:
            7px !important;

        width:
            calc(100vw - 14px) !important;

        max-height:
            calc(100dvh - 14px) !important;

    }


    .gl-menu-item {

        min-height:
            51px;

    }


    .gl-menu-item-visual {

        flex-basis:
            37px;

        width:
            37px;

        height:
            37px;

    }


    .gl-menu-item-visual img {

        width:
            36px;

        height:
            36px;

    }


    .gl-menu-item-title {

        font-size:
            17px;

    }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .gl-fullscreen-menu,
    .gl-menu-item,
    .gl-menu-item-title,
    .gl-menu-item-visual,
    .gl-menu-item-visual img,
    .gl-menu-toggle,
    .gl-menu-close {

        transition:
            none !important;

        animation:
            none !important;

    }

}


/* =========================================================
   ELEMENTOR PROTECTION
========================================================= */

#gl-header {

    margin:
        0 !important;

    padding:
        0 !important;

}


.gl-fullscreen-menu {

    margin:
        0 !important;

    padding:
        0 !important;

}/* End custom CSS */