.menu-item{
    position: relative!important;
    height:50px;
    margin: 0 10px;
    display:flex;
    justify-content: center;
}
.menu-item a{
    position: relative;
    z-index: 103;
    transition: all 0.5s ease-in-out;
    width:100%!important;
    text-align: center;
    display:flex;
    justify-content: center;
}

.menu-item:after {
    height: 0;
    left:0;
    bottom:0;
    border-bottom: 1px solid #ECD350;
    /*border-right: 1px solid #ECD350;*/
    border-left: 1px solid #ECD350;
    content:'';
    position: absolute;
    transition: all 0.5s ease-in-out/*,  width 0.5s ease-in-out*/;
    opacity:0;
    width: 0;
}
.menu-item:before {
    height: 0;
    right:0;
    top:0;
    border-top: 1px solid #ECD350;
    /*border-left: 1px solid #ECD350;*/
    border-right: 1px solid #ECD350;
    content:'';
    position: absolute;
    transition: all 0.5s ease-in-out/*,  width 0.5s ease-in-out*/;
    opacity:0;
    width: 0;
    
}
.menu-item:hover:after, .menu-item:hover:before {
    height: 75%;
    width:75%;
    opacity:100%;
}
/*.menu-item:hover:before {
    height: 50%;
    opacity:100%;
}*/
.menu-item:hover > a{
    color:#ecd350!important;
}
.sub-menu{
    background: #161616!important;
    z-index:111!important;
    padding: 20px 0!important;
}
.sub-menu:after, .sub-menu:before{
    content:'';
    width:50px;
    height:50px;
    position: absolute;
    bottom:0px;
    border-bottom: 1px solid #ecd350;
}
.sub-menu:after{
    border-left: 1px solid #ecd350;
    left:0px;
}
.sub-menu:before{
    border-right: 1px solid #ecd350;
    right:0px;
}
.sub-menu > .menu-item{
    margin: 15px!important;
    justify-content: center!important;
    align-items: center ;
}

/*---Burger---*/
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
    border-radius: 0px!important;
    width:60px!important;
}
.hamburger-box{
    width:60px!important;
}
.hamburger-inner{
    margin-top:0!important;
}

/*---Menu petit ecrans---*/
.oxy-off-canvas > .oxy-inner-content {
    margin-top:80px!important;
    /*width:auto!important;*/
    height:100vh!important;
    width:60%!important;
    overflow: visible!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.oxy-off-canvas-toggled{
    display: flex!important;
    justify-content: center!important;
    align-content: center!important;
}




@media screen and (max-width:768px) {
    .oxy-inner-content{
        width:80%!important;
    }
    .sub-menu{
        /*margin-left:-75px;*/
        margin-top:40px;
        position: absolute!important;
        left:auto!important;
    }
    .menu-item{
        display:flex!important;
        align-items: center!important;
    }
    .menu-item-has-children > a::after{
        transform: rotate(135deg)!important;
    }
}