body, 
html{
	position:relative;
	padding:0;
	margin:0;
	}
.mobile-menu, 
.mobile-menu-overlay, 
.mobile-menu *{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.mobile-menu-overlay{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:199;
	display:none;
	width:100%;
	height:calc(100% + 2px);
	-ms-transition:.5s opacity ease;
	-moz-transition:.5s opacity ease;
	-webkit-transition:.5s opacity ease;
	-o-transition:.5s opacity ease;
	transition:.5s opacity ease;
	background:rgba(0,0,0,0.5);
	opacity:0;
	cursor:pointer;
}
.mobile-menu{
	position:fixed;
	top:0;
	z-index:201;
	visibility:hidden;
	min-height:100vh;
	background:rgba(0,0,0,0.9);
	font-family:'Ubuntu';
	font-size:16px;
	max-width:81.25vw!important;
}
.mobile-menu.animate{
	-ms-transition:.5s width cubic-bezier(1,-0.34,0,1.22);
	-moz-transition:.5s width cubic-bezier(1,-0.34,0,1.22);
	-webkit-transition:.5s width cubic-bezier(1,-0.34,0,1.22);
	-o-transition:.5s width cubic-bezier(1,-0.34,0,1.22);
	transition:.5s width cubic-bezier(1,-0.34,0,1.22);
}
.mobile-menu.right{
	right:-2px
}
.mobile-menu.left{
	left:-2px
}
.mobile-menu button{
	position:absolute;
	top:0px;
	left:-40px;
	z-index:200;
	height:40px;
	width:40px;
	padding:0;
	background:#000;
	color:#fff;
	cursor:pointer;
	font-size:2rem;
	border:none;
}
.mobile-menu button.different{
	-ms-transition:.25s all ease .25s;
	-moz-transition:.25s all ease .25s;
	-webkit-transition:.25s all ease .25s;
	-o-transition:.25s all ease .25s;
	transition:.25s all ease .25s;
}
.mobile-menu button.scroll{
	-ms-transition:.25s all cubic-bezier(.16,1.66,.19,1.54) .005s;
	-moz-transition:.25s all cubic-bezier(.16,1.66,.19,1.54) .005s;
	-webkit-transition:.25s all cubic-bezier(.16,1.66,.19,1.54) .005s;
	-o-transition:.25s all cubic-bezier(.16,1.66,.19,1.54) .005s;
	transition:.25s all cubic-bezier(.16,1.66,.19,1.54) .005s;
}
/*
.mobile-menu.right button.hide{
	
}
.mobile-menu.left button{
	
}
.mobile-menu.left button.hide{
	
}
*/
.mobile-menu button:hover, .mobile-menu button:active, .mobile-menu button:focus{
	outline:none;
	-moz-outline-style:none;
	outline-style:none;
}
.mobile-menu button div{
	position:absolute;
	top:10px;
	left:8px;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
}
.mobile-menu button div:first-child{
	right:8px;
	left:initial
}
.mobile-menu .content{
	position:relative;
	z-index:201;
	display:block;
	height:100vh;
	overflow-x:hidden;
	overflow-y:auto;
}
.mobile-menu .content a{
	position:relative;
	display:block;
	padding:15px 15px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	white-space:nowrap;
	-ms-transform:translate(100%);
	-moz-transform:translate(100%);
	-webkit-transform:translate(100%);
	-o-transform:translate(100%);
	transform:translate(100%);
	-ms-transition:.5s transform cubic-bezier(.97,-0.12,.17,1.34);
	-moz-transition:.5s transform cubic-bezier(.97,-0.12,.17,1.34);
	-webkit-transition:.5s transform cubic-bezier(.97,-0.12,.17,1.34);
	-o-transition:.5s transform cubic-bezier(.97,-0.12,.17,1.34);
	transition:.5s transform cubic-bezier(.97,-0.12,.17,1.34);
}
.mobile-menu.left .content a{
	-ms-transform:translate(-100%);
	-moz-transform:translate(-100%);
	-webkit-transform:translate(-100%);
	-o-transform:translate(-100%);
	transform:translate(-100%)
}
.mobile-menu .content a:after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	display:block;
	width:70%;
	height:1px;
	background:#3e3e3e;
	-ms-transform:translate(-50%);
	-moz-transform:translate(-50%);
	-webkit-transform:translate(-50%);
	-o-transform:translate(-50%);
	transform:translate(-50%);
}

.menu-heading{
	font-size:20px;
	font-weight:bold;
}
.sub-menu-link{
	font-size:12px;
	font-weight:100;
}