header .menubox .open{
	display:block;
}
header .menubox .close{
	display:none;
}
header .menubox.active .open{
	display:none;
}
header .menubox.active .close{
	display:block;
}
.menu-lateral-shadow{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:-1;
	opacity:0;
	-webkit-transition:opacity 150ms linear;
	-moz-transition:opacity 150ms linear;
	-ms-transition:opacity 150ms linear;
	-o-transition:opacity 150ms linear;
	transition:opacity 150ms linear;
	
	transition-delay:350ms;
	transition-duration:400ms;
	-webkit-transition-duration:400ms;
	-moz-transition-duration:400ms;
	-ms-transition-duration:400ms;
}
.menu-lateral-shadow.active{
	opacity:1;
	z-index:99997;
	transition-delay:150ms;
	transition-duration:200ms;
	-webkit-transition-duration:200ms;
	-moz-transition-duration:200ms;
	-ms-transition-duration:200ms;
}
.menu-lateral{
	position:fixed;
	
	background: #292929;
	/* background: -moz-linear-gradient(318deg, #000000 0%, #131313 100%);
	background: -webkit-linear-gradient(318deg, #000000 0%, #131313 100%);
	background: linear-gradient(318deg, #000000 0%, #131313 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f193f",endColorstr="#3d317e",GradientType=1); */
	
	width:300px;
	left:auto;
	right:-300px;
	bottom:0;
	z-index:99998;
	height:100%;
	max-height:100%;
	overflow:auto;
	direction: ltr;
	
	transition-delay:150ms;
	transition-duration:200ms;
	-webkit-transition-duration:200ms;
	-moz-transition-duration:200ms;
	-ms-transition-duration:200ms;
}
.menu-lateral .menubox{
	cursor:pointer;
	text-align:left;
}
.menu-lateral .close{
	color:#C9C9C9;
}
.menu-lateral::-webkit-scrollbar { 
    display: none; 
}
.menu-lateral.active{
	right:0;
}
.menu-lateral menu{
	background:transparent;
	margin:0;
	padding:0;
}
.menu-lateral ul li, .menu-lateral ul a{
	width:100%;
	border:0;
	text-align:left;
}
.menu-lateral ul li button{
	width:100%;
	text-align:left;
	padding:13px 0;
	padding-left:40px;
	border:0;
	border-bottom:1px solid rgba(255,255,255,0.05);
	background:transparent;
	color:#C9C9C9;
	font-weight:bold;
	font-size:14px;
	cursor:pointer !important;
}
.menu-lateral ul li span{
	position:absolute;
	top:0;
	left:0;
	height:40px;
	width:40px;
	line-height:40px;
	display:none;
}
.menu-lateral .menubox{
	display:block;
	opacity:1;
	background:rgba(255,255,255,0.1);
}
.menu-lateral menu ul{
	max-width:100%;
	display:block;
	position:relative;
	transform: translateY(15px);
	-webkit-transform: translateY(13px);
	/* text-transform: uppercase; */
}
.menu-lateral menu ul ul{
	padding-left:0px;
	max-height:0;
	/* text-transform:uppercase; */
	text-decoration:none;
}
.menu-lateral menu ul ul ul{
	display:none;
}
.menu-lateral menu li{
	color:#C9C9C9;
	font-size: 14px;
	border-bottom:1px solid rgba(255,255,255,0.1);
	margin:0;
	padding-left:20px;
	line-height:20px;
	padding:12px 20px;
}
.menu-lateral menu li::after{
	display:none;
	opacity:0;
}
.menu-lateral menu li:hover ul{
	animation:none;
}
.menu-lateral menu li ul{
	width:100%;
	min-width:calc(100% + 40px);
	max-height:1000px;
	animation:none;
	background:rgba(255,255,255,0.05);
	margin:0px -20px;
	margin-bottom:0px;
	height:auto;
	top:auto;
	left:auto;
}
.menu-lateral menu li ul li{
	display:block;
	border:0;
	min-height:40px;
	padding:8px;
	padding-left:35px;
	text-transform:capitalize;
	border:1px solid rgba(255,255,255,0.05);
}
.menu-lateral menu li ul li:hover{
	text-decoration:none;
	display:block;
}
.menu-lateral menu li ul li ul li{
	display:block;
	border:0;
	height:40px;
	padding:10px;
}
header .menubox{
	display:none;
	color:#000041;
}
@media screen and (max-width:900px){
	header .menubox{
		display:block;
	}
	header menu{
		display:none;
	}
}