/*Menu Mobile Custome*/
.menu-mobile-opened{overflow-y:hidden;}
#menu{width:80%;max-width:400px;    /* overflow-y:hidden; */overflow-x:hidden;position:fixed;top:0px;bottom:0px;z-index:99999;background:#036eb8;color:var(--menu-color);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);transition:0.7s;    /*border-radius: 0% 0% 100% 50%;*/opacity:0;z-index:9999999;}
.menu-mobile-opened #menu{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);border-radius:0% 0% 0% 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[data-level]{flex-wrap:wrap;}
#menu ul li[data-level] > a{width:calc(100% - 45px);}
#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;transition:0.7s;}
#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-mobile-sliding #menu ul li ul{position:absolute;left:100%;top:0px;width:100%;background:#036eb8;height:100%;transition:0.7s;}
.menu-mobile-down #menu ul li ul{width:100%;height:100%;transition:0.7s;padding-left:15px;border-top:1px solid var(--menu-border);display:none;}
.menu-mobile-down #menu > ul > li.opened-child{background:rgb(255 255 255 / 10%);}
.menu-mobile-down #menu ul li.opened-child > .btn-menu-next i{transform:rotate(90deg);}
.menu-mobile-down #menu ul li ul li:last-child{border-bottom:none;}
.menu-mobile-down #menu ul li.opened-child > ul{display:block;}
.menu-mobile-down .btn-menu-prev{display:none!important;}
#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;}