/*Menu Mobile Custome*/
.menu-mobile-opened { overflow-y: hidden; }
#menu {width: 80%;overflow-y: hidden;overflow-x: hidden;position: fixed;top: 0px;bottom: 0px;z-index: 99999;background: #000;color: var(--menu-color);-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: 0.7s;border-radius: 0;opacity: 0;max-width: 400px;}
.menu-mobile-opened #menu {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);border-radius: 0;opacity: 1;}
.menu-mobile-title { text-align: center; border-bottom: 1px solid var(--menu-border); padding: 12px 20px; position: relative; }
.menu-mobile-title span { display: block; color: var(--menu-color); font-weight: 700; text-transform: uppercase; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#menu.opened-parent .menu-mobile-title { padding: 12px 50px; }
.btn-menu-prev { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 45px; display: flex; justify-content: center; align-items: center; cursor: pointer; display: none; }
#menu.opened-parent .btn-menu-prev { display: flex; }
#menu ul { list-style: none; padding: 0px; margin: 0px; overflow-x: hidden; overflow-y: hidden; }
#menu ul.scroll-menu-mobile { overflow-y: auto; }
#menu > ul { height: calc(100% - 46px); position: relative; }
#menu ul li { font-size: 14px; border-bottom: 1px solid var(--menu-border); display: flex; }
#menu ul li.lang{
    justify-content: center;
    padding: 11px 0;
}
#menu ul li.lang .google-translate p{
    padding: 6px 20px;
    border-color: #fff;
    color: #fff;
}
#menu ul li.lang-mobile a:first-child{
    border-left: 1px solid var(--menu-border);
}
#menu ul li.lang-mobile a{
    flex: unset;
    border-right: 1px solid var(--menu-border);
    padding: 12px 20px;
}

#menu ul li span {display: block;width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;border-left: 1px solid var(--menu-border);cursor: pointer;}
#menu ul li a {color: var(--menu-color);padding: 12px 10px 12px 20px;display: block;flex: 1 1 auto;font-size: 14px;}
#menu > ul > li > a { text-transform: uppercase; }
#menu ul li ul {position: absolute;left: 100%;top: 0px;width: 100%;background: #000;height: 100%;transition: 0.7s;}
#menu ul li.opened-child > ul { left: 0px; }
.menu-mobile-slide-out { background: rgba(3, 2, 1, 0); overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; }
.box-menu-mobile-search { padding: 7px 20px; flex: 1; }
.menu-mobile-search { display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 5px; }
.menu-mobile-search input { flex: 1 1 auto; height: 35px; border: none; outline: none; padding: 0px 10px; background: none; font-size: 13px; }
.menu-mobile-search strong { display: flex; justify-content: center; align-items: center; color: #333; font-size: 17px; width: 35px; height: 35px; font-weight: normal; }
.menu-mobile-lang { justify-content: flex-start; padding: 10px 20px; }
#menu ul li.menu-mobile-lang a { flex: 0 0 auto; padding: 0px; margin-right: 15px; }
#menu-mobile-login { justify-content: flex-start; padding: 5px 20px; }
#menu ul li#menu-mobile-login a { flex: 0 0 auto; margin-right: 10px; display: flex; align-items: center; padding: 6px 10px; border-radius: 5px; border: 1px solid var(--menu-border); font-size: 13px; }
#menu ul li#menu-mobile-login a i { margin-right: 10px; }
#menu ul li#menu-mobile-login a:hover { background: #EC2D3F; color: #fff; }
#menu ul li#menu-mobile-account { padding: 0px; }
#menu ul li#menu-mobile-account span { width: 100%; padding: 10px 20px; justify-content: flex-start; }