.pushbar.opened{display: block;}
html.pushbar_locked{overflow: hidden; -ms-touch-action: none; touch-action: none;}
.pushbar_locked .pushbar_mc.pushbar_blur{filter:blur(15px);}
.pushbar{z-index: 1000;	position: fixed; will-change: transform; overflow-y: auto;	transition:transform 0.5s ease;
	will-change: transform;	/*background:#fff;*/}
.pushbar_overlay{z-index: -999;	position: fixed; width: 100%; max-width: 100%;	height: 100%;
	min-height: 100vh;	top: 0;	left: 0;    will-change: opacity;    transition:opacity 0.5s ease;
    opacity:0;    will-change: opacity;	background: #3c3442;}
html.pushbar_locked .pushbar_overlay{opacity:0.8;	z-index: 999;    transition:opacity 0.5s ease;}

.pushbar.from_left{top:0; left:0; width:300px;	max-width:100%;	height:100%; min-height:100vh; transform: translateZ(0) translateX(-100%);}
.pushbar.from_right{top:0; right:0;	width:300px; max-width:100%; height:100%; min-height: 100vh; transform: translateZ(0) translateX(100%);}

.pushbar.from_top{top: 0; left: 0; width: 100%;	max-width: 100%; min-height: 150px; transform: translateZ(0) translateY(-100%);}
.pushbar.from_bottom{bottom: 0;	left: 0; width: 100%; max-width: 100%;	min-height: 150px;
	transform: translateZ(0) translateY(100%);}

.pushbar.opened{transform: translateX(0px) translateY(0px);}




.push_left{margin-left: 6px;}
.push_right{margin-right: 6px;}
.menu li{list-style: none; padding: 15px 20px; border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: block; margin: 0px; color: rgba(255, 255, 255, 0.65);}
	
.pushbar_mc{ width:30px; height:30px; top:13px; left:5px;  z-index:5; position:fixed; background:none;}
.pushbar_mc i{ font-size:20px; text-align:center; color:#000; line-height:30px; display:block; }