.drawer-open .navigation-drawer .drawer-background{display:block}.drawer-open .navigation-drawer .drawer{margin-left:0}.drawer-close .navigation-drawer .drawer-background{display:none}.drawer-close .navigation-drawer .drawer{margin-left:-95%}.drawer-close .navigation-drawer .page{left:0}.navigation-drawer{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;overflow:hidden}.navigation-drawer>.drawer-background{display:none;position:absolute;z-index:901;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background:rgba(0,0,0,0.2)}.navigation-drawer>.drawer,.navigation-drawer>.page{position:absolute;overflow:auto}.navigation-drawer>.drawer{z-index:902;top:0;left:0;bottom:0;max-width:350px;width:95%;margin-left:-95%;background:#313762;color:#fff;-moz-box-shadow:0 0 10px #0c060e;-webkit-box-shadow:0 0 10px #0c060e;box-shadow:0 0 10px #0c060e;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-webkit-transition-duration:0.3s;transition-duration:0.3s}.navigation-drawer>.drawer .drawer-head{position:relative;height:200px;line-height:200px;text-align:center;background:#fff;width:100%}.navigation-drawer>.drawer .drawer-head>img{max-height:100%;max-width:100%}.navigation-drawer>.drawer .drawer-head>.title{position:absolute;bottom:0;left:0;color:white;line-height:1;padding:0.5em 1em;font-weight:600;margin:0;text-shadow:0 0 20px #000}.navigation-drawer>.drawer>.drawer-center{margin:1em 0;text-align:center}.navigation-drawer>.drawer>.drawer-content{margin:0;padding:0.7em 0.5em}.navigation-drawer>.drawer>ul{margin:12px 0 0 0;list-style:none;padding:0}.navigation-drawer>.drawer>ul li a{position:relative;display:block;padding:0.8em 1.5em 0.8em 45px;outline:none;font-size:0.85em;color:#fff}.navigation-drawer>.drawer>ul li a .icon{display:block;position:absolute;margin-top:-5px;margin-left:-30px;text-transform:none}.navigation-drawer>.drawer>ul li a:hover{background:#525CA3}.navigation-drawer>.drawer>ul li a.active{background:#0c060e;color:#fff}.navigation-drawer>.page{z-index:900;top:0;left:0;bottom:0;right:0}@media (min-width: 1024px){.navigation-drawer>.drawer-background{display:none !important}.navigation-drawer>.drawer,.navigation-drawer .page{display:block !important}.navigation-drawer>.drawer{margin-left:0}.navigation-drawer>.page{top:0;left:350px;right:0;height:100%}}