.elementor-15612 .elementor-element.elementor-element-56a2563{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}#elementor-popup-modal-15612{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-15612 .dialog-message{width:1000px;height:100vh;align-items:flex-start;}#elementor-popup-modal-15612 .dialog-close-button{display:flex;}#elementor-popup-modal-15612 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-c87ba72 *//* MAIN PANEL */

.menu-panel{
    width:100%;
    height:100vh;
    overflow:hidden;
    font-family:Arial, sans-serif;
}

/* CLOSE BUTTON */

.menu-close{
    text-align:right;
    padding:20px 30px;
    font-size:24px;
    cursor:pointer;
    color:#333;
}

/* WRAPPER */

.menu-wrapper{
    display:flex;
    height:calc(100vh - 70px);
}

/* LEFT MENU */

.menu-left{
    width:40%;
    border-right:1px solid #ddd;
    padding:40px 50px;
}
.menu-wrapper.show-products .menu-left{
    width:40%;
}

#products-panel{
    overflow-y:auto;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

#products-panel::-webkit-scrollbar{
    display:none;
}

.menu-wrapper.show-products #products-panel{
    display:block;
    width:60%;
    padding:40px 50px;
}
.menu-left ul{
    list-style:none;
    margin:0;
    padding:0;
}

.menu-left li{
    margin-bottom:30px;
}

.menu-left a{
    text-decoration:none;
    color:#999;
    font-size:22px;
    font-weight:400;
    text-transform:uppercase;
    transition:0.3s;
}

.menu-left a:hover{
    color:#000;
}

.menu-left li.active a{
    color:#000;
    font-weight:600;
}

/* RIGHT MENU */

#products-panel{
    width:60%;
    padding:40px 50px;
    display:none;
}

#products-panel.show{
    display:block;
}



#products-panel{
    width:0;
    display:none;
    overflow:hidden;
    padding:0;
}

.menu-wrapper.show-products .menu-left{
    width:40%;
    border-right:1px solid #ddd;
}

.menu-wrapper.show-products #products-panel{
    width:60%;
    display:block;
    padding:40px 50px;
}

/* CATEGORY */

.category-item{
    margin-bottom:20px;
}

.category-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    padding:12px 0;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase;
    color:#222;
    border-bottom:1px solid #eee;
}

.category-title:hover{
    color:#000;
}

/* SUBMENU */

.submenu{
    display:none;
    list-style:none;
    margin:15px 0 0;
    padding-left:20px;
}

.submenu li{
    margin-bottom:12px;
}

.submenu a{
    text-decoration:none;
    color:#888;
    font-size:13px;
    text-transform:uppercase;
    transition:0.3s;
}

.submenu a:hover{
    color:#000;
}

.category-item.active .submenu{
    display:block;
}

/* SCROLLBAR */

#products-panel::-webkit-scrollbar{
    width:6px;
}

#products-panel::-webkit-scrollbar-thumb{
    background:#ccc;
    border-radius:10px;
}


.category-item{
    position:relative;
}

.submenu{
    display:none;
    list-style:none;
    padding-left:15px;
    margin-top:10px;
}

.category-item:hover .submenu{
    display:block;
}

.submenu li{
    margin-bottom:10px;
}

.submenu a{
    text-decoration:none;
    color:#999;
}

.submenu a:hover{
    color:#000;
}


.category-item{
    position:relative;
}

.submenu{
    display:none;
    list-style:none;
    padding-left:20px;
    margin-top:10px;
}

/* Hover Effect */
.category-item:hover .submenu,
.category-item.active .submenu{
    display:block;
}

/* Active Category */
.category-item:hover .category-title,
.category-item.active .category-title{
    color:#000;
    font-weight:600;
}

.category-title{
    transition:all .3s ease;
}

.submenu a{
    color:#888;
    text-decoration:none;
    font-size:13px;
    text-transform:uppercase;
}

.submenu a:hover{
    color:#000;
}

/* MOBILE */

@media(max-width:991px){

    .menu-wrapper{
        flex-direction:column;
        height:auto;
    }

    .menu-left,
    #products-panel{
        width:100%;
    }

    .menu-left{
        border-right:none;
        border-bottom:1px solid #ddd;
    }

    .menu-left a{
        font-size:18px;
    }

}/* End custom CSS */