/*!
 * drawer v2.0.0
 * 
 * Licensed under MIT
 * Author : blivesta
 * 
 */
 .drawer-main{position:fixed;top:0;width:280px;height:100%;overflow:hidden; z-index:666;}
 .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:rgba(0,0,0,.3); }
 .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 a{display:block;width:100%;padding:20px 15px;color:#333}
 .drawer-default .drawer-brand a:hover{color:#fff;text-decoration:none}
 .drawer-default .drawer-nav-title{display:block;padding:9px 0 9px 25px;font-size:1.0rem; color:#333; border-bottom:#eee solid 1px;}
 .drawer-default .drawer-nav-title a{color:#666; display:block; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
 .drawer-default .drawer-nav-title a:hover{color:#ff0000; display:block;}
 .drawer-default .drawer-nav-list{padding:0;margin:0 0 20px 0;list-style:none}
 .drawer-default .drawer-nav-list li{display:block}
 .drawer-default .drawer-nav-list li a{display:block;padding:10px;color:#fff; }
 .drawer-default .drawer-nav-list li ul a{padding:3px 20px; color:#fff;}
 .drawer-hamberger{position:fixed;z-index:1200;display:block;width:30px;height:20px;padding:20px 10px 20px 10px;background-color:transparent;border:0; background: rgba(248,249,251,0.80); }
 .drawer-hamberger span{margin-top:8px}
 .drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:2px;cursor:pointer;content:'';background-color:#df0023;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; }