.za-canvas-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}
.za-canvas-menu{position:fixed;top:0;z-index:999;height:100%}
.za-canvas-menu li{list-style:none}
#za-open-button{position:fixed;z-index:1000;margin:1em;font-size:2em;cursor:pointer}
.za-pushed #za-open-button{display:none}
#za-open-button:hover{opacity:.6}
#za-close-button{display:none;font-size:1.5em;cursor:pointer}
.za-menu-wrap{position:absolute;top:0;z-index:1;width:300px;height:100%}
.za-menu-wrap a{text-decoration:none}
.za-menu-left{left:0;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.za-menu-right{right:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.za-menu-left .zacan-level{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.za-menu-right .zacan-level{position:absolute;top:0;right:0;width:100%;height:100%;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.za-canvas-menu::after,.zacan-level::after,.zacan-level::before{position:absolute;top:0;right:0;width:0;height:0;content:'';opacity:0}
.za-canvas-menu::after,.zacan-level::after{background:rgba(0,0,0,0.3);-webkit-transition:opacity 0.3s,width .1s 0.3s,height .1s .3s;-moz-transition:opacity 0.3s,width .1s 0.3s,height .1s .3s;transition:opacity 0.3s,width .1s 0.3s,height .1s .3s}
.zacan-level::after{z-index:-1}
.za-canvas-menu.za-pushed::after,.zacan-level.zacan-level-overlay::after{width:100%;height:100%;opacity:1;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}
.zacan-level.zacan-level-overlay{cursor:pointer}
.zacan-level.zacan-level-overlay.zacan-level::before{width:100%;height:100%;background:transparent;opacity:1}
.za-canvas-menu,.zacan-level{-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.za-overlap .zacan-level.zacan-level-open{box-shadow:1px 0 2px rgba(0,0,0,0.2);-webkit-transform:translate3d(-40px,0,0);-moz-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}
.za-menu-right.za-overlap .zacan-level.zacan-level-open{box-shadow:-1px 0 2px rgba(0,0,0,0.2);-webkit-transform:translate3d(40px,0,0);-moz-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}
.za-menu-right.za-overlap.za-cover .zacan-level.zacan-level-open{box-shadow:1px 0 2px rgba(0,0,0,0.2);-webkit-transform:translate3d(40px,0,0);-moz-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}
.za-menu-wrap > .zacan-level,.za-menu-wrap > .zacan-level.zacan-level-open,.za-menu-wrap.za-overlap > .zacan-level,.za-menu-wrap.za-overlap > .zacan-level.zacan-level-open{box-shadow:none;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.za-cover .zacan-level.zacan-level-open{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.za-cover .zacan-level.zacan-level-open > ul > li > .zacan-level:not(.zacan-level-open){-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.za-menu-right.za-cover .zacan-level.zacan-level-open > ul > li > .zacan-level:not(.zacan-level-open){-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.za-menu-wrap ul{margin:0;padding:0;list-style:none}
.za-menu-wrap h2{margin:0;padding:1em;color:rgba(0,0,0,0.4);text-shadow:0 0 1px rgba(0,0,0,0.1);font-weight:300}
.za-menu-wrap h2,.za-menu-wrap h2 a{font-size:25px!important}
.za-menu-wrap.za-menu-right h2{text-align:right}
.za-menu-wrap.za-overlap h2::before{position:absolute;top:0;right:6px;font-size:75%;line-height:1.8;opacity:0;-webkit-transition:opacity 0.3s,-webkit-transform .1s .3s;-moz-transition:opacity 0.3s,-moz-transform .1s .3s;transition:opacity 0.3s,transform .1s .3s;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}
.za-menu-wrap.za-menu-right.za-overlap h2 .za-vmup-image img,.za-menu-wrap.za-menu-left.za-overlap .za-vmup-image img{height:16px;opacity:0;position:absolute;top:10px;-webkit-transition:opacity 0.3s,-webkit-transform .1s .3s;-moz-transition:opacity 0.3s,-moz-transform .1s .3s;transition:opacity 0.3s,transform .1s .3s;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}
.za-menu-wrap.za-menu-right.za-overlap h2 .za-vmup-image img{left:10px;margin:0!important}
.za-menu-wrap.za-menu-left.za-overlap .za-vmup-image img{right:10px;margin:0!important}
.za-menu-wrap.za-menu-right.za-overlap h2::before{left:10px}
.za-menu-wrap.za-cover h2:before{margin-right:1em}
.za-menu-wrap.za-cover .za-vmup-image img{height:25px!important;max-height:25px!important;margin:0 10px!important}
.za-overlap .zacan-level.zacan-level-overlay > h2::before,.za-overlap .zacan-level.zacan-level-overlay >h2 .za-vmup-image img{opacity:1;-webkit-transition:-webkit-transform 0.3s,opacity .3s;-moz-transition:-moz-transform 0.3s,opacity .3s;transition:transform 0.3s,opacity .3s;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.za-menu-wrap ul li > a{display:block;padding:13px 20px 13px 32px;outline:none;box-shadow:inset 0 -1px rgba(0,0,0,0.2);text-shadow:0 0 1px rgba(255,255,255,0.1);font-size:1.4em!important;-webkit-transition:background 0.3s,box-shadow .3s;-moz-transition:background 0.3s,box-shadow .3s;transition:background 0.3s,box-shadow .3s}
.za-menu-wrap.za-menu-right ul li > a{padding:13px 20px 13px 40px}
.za-menu-wrap ul li::before{content:none}
.za-menu-wrap.za-menu-left ul li::before{position:absolute;z-index:-1;color:rgba(0,0,0,0.2);line-height:2.7;margin:0 0 0 10px !important;padding:0!important;bottom:inherit}
.za-menu-wrap.za-menu-right ul li::before{position:absolute;right:15px;z-index:-1;color:rgba(0,0,0,0.2);line-height:2.7}
.zacan-level > ul > li:first-child > a{box-shadow:inset 0 -1px rgba(0,0,0,0.2),inset 0 1px rgba(0,0,0,0.2)}
.za-menu-wrap ul li a:hover,.zacan-level > ul > li:first-child > a:hover{background:rgba(0,0,0,0.2);box-shadow:inset 0 -1px rgba(0,0,0,0)}
.za-menu-wrap ul li h2 a:hover{background:transparent}
.za-menu-wrap .zacan-level.zacan-level-overlay .za-icon-list >li > a,.za-menu-wrap .zacan-level.zacan-level-overlay > ul > li > a,.zacan-level.zacan-level-overlay > ul > li:first-child > a{box-shadow:inset 0 -1px rgba(0,0,0,0)}
.zacan-level > ul > li:first-child > a:hover,.zacan-level.zacan-level-overlay > ul > li:first-child > a{box-shadow:inset 0 -1px rgba(0,0,0,0),inset 0 1px rgba(0,0,0,0)}
.za-back{background:rgba(0,0,0,0.1);outline:none;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:block;padding:1em;position:relative;box-shadow:inset 0 1px rgba(0,0,0,0.1);-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s}
a.za-back{font-size:1em!important}
.za-menu-left .za-back{text-align:left}
.za-menu-right .za-back{text-align:right}
.za-back::after{font-family:'za-icon-awesome';position:absolute;font-size:1.3em;color:rgba(0,0,0,0.3)}
.za-menu-left .za-back::after{content:"\e856";right:10px}
.za-menu-right .za-back::after{content:"\e855";left:10px}
.za-menu-wrap .zacan-level.zacan-level-overlay > .za-back,.za-menu-wrap .zacan-level.zacan-level-overlay > .za-back::after{background:transparent;box-shadow:none;color:transparent!important}
.no-csstransforms3d .za-canvas-menu,.no-js .za-canvas-menu{padding-left:300px}
.no-csstransforms3d .za-menu-wrap .zacan-level,.no-js .za-menu-wrap .zacan-level{display:none}
.no-csstransforms3d .za-menu-wrap > .zacan-level,.no-js .za-menu-wrap > .zacan-level{display:block}
.za-vm-image{overflow:hidden;float:left}
.za-vm-image img{height:20px!important;max-height:20px!important;margin:0 10px 0 5px !important}
ul.za-icon-list a:before{margin-right:1em}
.zacan-level-open ul.za-icon-list li{padding:0}