.drawer-main {
	position:fixed;
	top:0;
	width:50%;
	height:100%;
	overflow:hidden;
	z-index:999;
}
.drawer-left .drawer-main {
	left:-50%;
-webkit-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
transition:left .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-left.drawer-open .drawer-main {
	left:0
}
.drawer-right .drawer-main {
	right:-50%;
-webkit-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
transition:right .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-right.drawer-open .drawer-main {
	right:0;z-index:9999;
}

.drawer-left .drawer-overlay, .drawer-left .drawer-hamberger {
	left:0;
-webkit-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
transition:left .4s cubic-bezier(0.19, 1, .22, 1)
}
.drawer-left.drawer-open .drawer-overlay, .drawer-left.drawer-open .drawer-hamberger {
	left:50%;
}
.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger {
-webkit-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
transition:right .4s cubic-bezier(0.19, 1, .22, 1)
}

.drawer-overlay-upper {
	position:fixed;
	top:0;
	z-index:1100;
	display:none;
	height:100%;
	background-color:#000;
	background-color:rgba(0, 0, 0, .5)
}
.drawer-left.drawer-open .drawer-overlay-upper {
	right:0
}
.drawer-right.drawer-open .drawer-overlay-upper {
	left:0
}
.drawer-default {
	background-color:#3853aa;
	-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, .5);
	box-shadow:inset 0 0 0 rgba(0, 0, 0, .5)
}
.drawer-default+.drawer-overlay {
	background-color:#fff
}
.drawer-default .drawer-brand a {
	display:block;
	width:100%;
	padding:20px 15px;
	font-size:22px;
	color:#fff
}
.drawer-default .drawer-brand a:hover {
	color:#444;
	text-decoration:none
}

.drawer-hamberger {
	z-index:1000;
	width:8.1%;
	height:auto;
	position:absolute;
	top:15px;
	right:10px;
	cursor:pointer
}
.drawer-hamberger img{ width:100%; height:auto;}
.drawer-nav{ padding-top:30px;}
.drawer-nav a{ color:#fff !important; display:block; width:80%; margin:0 auto; height:20px; line-height:20px; border-bottom:1px solid #ccc; padding:15px 0;}