.menu {position: fixed;min-height: 682px;max-height: 682px;overflow-y: auto;width: 256px;z-index: 9999;top: 0;left: 0;background-color: #fff;display: none;}
.menu a {padding: 20px 0 20px 26px; background-color: #FFF;text-decoration: none;display: block;border-bottom: 1px solid #ececec;}
.menu a.nav-titles{color: #222326;font-size: 12px;/* Text style for "GrEsart" */letter-spacing: 2px;text-transform: uppercase;}
.bottom-menu{}
.bottom-menu a{color: #000000;line-height: 10px;background-color: #ececec;border-bottom: 1px solid rgb(0,0,0,0.07);}
.top-menu-blank{height: 15px; background-color: #fff}
.toggle-button-close{cursor:pointer;position: fixed;margin-top: 15px;z-index: 1501;display: none;border:none;background-color: #2b2b2c;color: #ffffff; padding: 20px 18px 17px}


/*.slideout-menu {position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 0;width: 256px;overflow-y: hidden;z-index: 999;}
.slideout-panel {position: relative;z-index: 0;will-change: transform;}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {overflow: hidden;}
.slideout-open .slideout-menu {display: block;}
.slideout-open div.main-container::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1000%;z-index: 500;background-color: rgba(0,0,0,.38)}
*/