/*Menu Mobile Custome*/
.menu-mobile-opened { overflow-y: hidden; }
#menu {width: 80%;overflow-y: hidden;overflow-x: hidden;position: fixed;top: 0px;bottom: 0px;left: 0;z-index: 99999;color: #fff;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);transition: 0.7s;border-radius: 0% 0% 100% 50%;opacity: 0;background: var(--main-color);max-width: 440px;}
.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 #ff6f6959;padding: 12px 20px;position: relative;background: var(--main-color);}
.menu-mobile-title span {display: block;color: #fff;font-weight: 500;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;color: #fff;}
#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 #ff6f6959;display: flex;}
#menu ul li span {display: block;width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;border-left: 1px solid #79bd8f;cursor: pointer;color: #fff;}
#menu ul li a {color: #fff;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%;height: 100%;transition: 0.7s;background: var(--main-color);}
#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: 999;}
.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 #ffffff30; 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; }