/*!
* drawer v2.0.0
* 
* Licensed under MIT
* Author : blivesta
* 
*/
.drawer-main{position:fixed;top:0;width:220px;height:100%;overflow:hidden}
.drawer-left .drawer-main{left:-280px;-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:-280px;-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}
.drawer-overlay{position:relative}
.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:280px}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-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-overlay,.drawer-right.drawer-open .drawer-hamberger{right:280px}
.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:#fff;-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{
	display:block;
	width:100%;
	padding:18px 15px;
	font-size:18px;text-indent: 5px;
	color:#fff;
	background-color: #ed5614;
}
.drawer-default .drawer-brand a:hover{color:#444;text-decoration:none}
.drawer-default .drawer-nav-title{
	display:block;
	padding:8px 15px 8;
	font-size:17px;
	height:45px;
	color:#fff;
	background-color: #ed5614;
	line-height: 45px;
	text-indent: 20px;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.drawer-nav-title a:link,.drawer-nav-title a:visited  {color:#fff;text-decoration: none;display:block;}
.drawer-nav-title a:hover {	display:block;
	padding:8px 15px 8;
	font-size:17px;
	height:45px;
	color:#fff;
	background-color: #ed5614;
	line-height: 45px;
	text-indent: 20px;
	vertical-align: middle;}
.drawer-default .drawer-nav-list{padding:0;margin:0;list-style:none}
.drawer-default .drawer-nav-list li{display:block}
.drawer-default .drawer-nav-list li a{
	display:block;
	height:33px;vertical-align: middle;line-height:33px;
	color:#333;
	background-color: #fcfcfc;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 14px;
}
.drawer-default .drawer-nav-list li a:hover {
	display:block;
	height:33px;vertical-align: middle;line-height:33px;
	color:#fff;
	background-color: #666;
	text-indent: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 14px;
}
.drawer-default .drawer-nav-list li ul a{padding:8px 20px}
.drawer-hamberger{position:absolute;z-index:10000;display:block;width:40px;height:40px;padding:0px;background-color:transparent;border:0;padding-right:15px;padding-top:20px;}
.drawer-hamberger span{margin-top:10px}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:2px;cursor:pointer;content:'';background-color:#ed5614;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.drawer-hamberger span:before{top:-10px}
.drawer-hamberger span:after{bottom:-10px}
.drawer-open .drawer-hamberger span{background-color:transparent}
.drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
.drawer-open .drawer-hamberger span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamberger span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.drawer-hamberger:hover{cursor:pointer}
@media (min-width:767px){
	.drawer-responsive.drawer-left .drawer-toggle,.drawer-responsive.drawer-right .drawer-toggle{display:none;visibility:hidden}
	.drawer-responsive.drawer-left .drawer-main{left:0}
	.drawer-responsive.drawer-right .drawer-main{right:0}
}
@media (min-width:768px){
	.drawer-responsive{background-color:#222}
	.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{position:absolute;width:150px!important;height:auto!important;overflow:visible!important}
	.drawer-responsive.drawer-left .drawer-main{float:left}
	.drawer-responsive.drawer-left .drawer-overlay{margin-left:150px}
	.drawer-responsive.drawer-right .drawer-main{float:right}
	.drawer-responsive.drawer-right .drawer-overlay{margin-right:150px}
}
@media (min-width:1200px){
	.drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{width:280px!important}
	.drawer-responsive.drawer-left .drawer-overlay{margin-left:280px}
	.drawer-responsive.drawer-right .drawer-overlay{margin-right:280px}
}

.ali{height:50px;width:100%;}