#submenu{display:none;top:5%;bottom:5%;background-color:#1c1c1c;position:fixed;z-index:11;color:#fff;max-width:800px;margin:0 auto}#submenu.active{display:block;overflow:hidden;right:5%;left:5%;bottom:5%;border-radius:10px}#submenu h2{font-size:16px;color:#c2c2c2;margin:0;padding:0}.menu-show-more #submenu h2{color:#fff;font-size:14px;text-align:left}#submenu-header{padding:10px 20px;text-align:center;margin-bottom:12px;background-color:#0c0c0c}#submenu-header #top-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}#close-submenu{font-size:30px;line-height:25px;background-color:transparent;padding:0;border-radius:50%;display:inline-block;border:none}#city-search{width:100%;margin:0 auto;border:none;font-size:16px;outline:none;background-size:14px;background-image:url(/images/ic-search.png);background-position:7px center;background-repeat:no-repeat;font-weight:400;background-color:#000;padding-left:32px;padding-top:8px;padding-bottom:8px;color:#fff}#city-search:focus{width:100%}#submenu-body{display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;height:90%}#submenu-body > *{margin-bottom:4px;text-align:left;color:#fff;display:inline-block;padding:8px 30px;border-bottom:1px solid #262626}#submenu-body > .active{font-weight:bold;background-color:#1a4020}#submenu-overlay{background-color:rgba(76, 76, 76, 0.94);left:0;right:0;bottom:0;top:0;z-index:10;display:none;position:fixed}