#mob-menu-logo{background: #d22027;}
  body.nav-is-toggled {margin: 0; height: 100%; overflow: hidden}
#hum {display:none;}
.nav-is-toggled #hum {display: block;
position:absolute;
    z-index: 9999;
    right: 0;
    color: white;
    font-size: 3em;
    }

#ham {font-size: 3em;
    color: black;}
 a {
	 text-decoration: none;
}

 .nav-top .hamburger {
	 margin-left: auto;
	 color: black;
	 cursor: pointer;
}
 .navdrill {

	transform: translateX(-100%);
}


.navdrill a:hover {text-decoration: none;}
#overl {
    width: 100%;
    height: 0;
	opacity:0;
    position: absolute;
    background: black;
    z-index: 990;
	transition: opacity 0.5s ease-out;
	}

.nav-is-toggled #overl {opacity:0.5; height:100%; position:fixed; top:0;}

.navdrill.right {
	right:-1px;
	/*left:inherit;*/
	transform: translateX(100%)
	;} 
.navdrill.left {
	right:inherit;
	left:-1;
	transform: translateX(-100%);} 

 .nav-is-toggled .navdrill {
	 transform: translateX(0);
	 /*transition: 0.45s;*/
}

 .nav-is-toggled::after {
	 opacity: 1;
	 visibility: visible;
}


 .navdrill {
	 
	 display: flex;
	 position: fixed;
	 z-index: 999;
	 top: 0;
padding:0;
	 max-height: 100vh;
	 background-color: #fff;
	 overflow-y: auto;
	 overflow-x: hidden;
	 -webkit-overflow-scrolling: touch;
	 height:100%;
}
/*noheading*/
 #nav.nh .nav-header{display:none;}
/*content nopadding*/ 
#nav.cnp .nav-content{padding:40px 0 0 0;}

/*.nav-is-toggled .navdrill {overflow-y: inherit;overflow-x: inherit;}*/

.navgroupheader {background-color: #20b49c !important;color: #fff;padding-left: 1em;}
.nav-header {background: #ffffffe8;height: 40px;z-index: 99999;position: fixed;width: 100%;}
.nav-content {overflow-y: auto;padding: 55px 1em 1em 1em; width:100%;}
.m-close .material-icons{font-size:3em;}
#nav.right .nav-header .material-icons{transform: rotate(180deg);}
#nav.left .nav-header {text-align:right;}