/*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: var(--background-static); 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; }
.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: var(--background-static); 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; }