.nav_toggle{display:none;cursor:pointer;}
.off_canvas_container{background:#f2f2f2;;width:14.5em;padding-right:1.5em;height:100%;position:fixed;top:0;bottom:0;z-index:0;display:none;overflow-x:hidden;}
@media only screen and (max-width:64em){.off_canvas_container{display:block;}
}
.off_canvas_top_menu{display:block;position:fixed;top:0;z-index:3;padding-right:1.5em;left:0;width:14.5em;height:3em;}
.off_canvas_toggles{position:relative;width:13em;height:3em;}
.nav_close_btn, .nav_prev_btn{position:absolute;display:inline-block;top:0;bottom:0;right:0;cursor:pointer;}
.nav_prev_btn{display:none;left:0;}
aside.off_canvas{position:absolute;top:0;bottom:0;left:0;margin-top:3em;display:none;width:13em;overflow:hidden;}
aside.off_canvas ul{position:absolute;top:0;bottom:0;left:0;width:13em;list-style:none;margin:0;padding:0;}
aside.off_canvas a, aside.off_canvas a:link, aside.off_canvas a:visited{display:block;}
aside.off_canvas > ul ul{position:absolute;top:0;bottom:0;background:#f2f2f2;width:13em;left:14.5em;display:block;-webkit-transition:left 0.35s ease-in-out;-moz-transition:left 0.35s ease-in-out;-ms-transition:left 0.35s ease-in-out;-o-transition:left 0.35s ease-in-out;transition:left 0.35s ease-in-out;}
aside.off_canvas span.nav_next_btn{position:absolute;text-decoration:none;right:0;display:inline-block;margin-top:-3px;}
aside.off_canvas ul.nav_level_current{z-index:2;left:0;display:block;}
aside.off_canvas ul.nav_level_prev{z-index:1;left:0;display:block;overflow:hidden;}
@media only screen and (max-width:64em){aside.main_nav{display:none;}
aside.off_canvas{display:block;}
.nav_toggle{display:inline-block;position:absolute;top:0;left:0;}
.off_canvas_animate.open{opacity:1;position:fixed;left:0;-webkit-animation:slideIn 0.35s ease-in-out;-moz-animation:slideIn 0.35s ease-in-out;-o-animation:slideIn 0.35s ease-in-out;animation:slideIn 0.35s ease-in-out;}
@-webkit-keyframes slideIn{0%{opacity:0.5;left:0em;}
100%{opacity:1;left:0;}
}
@-moz-keyframes slideIn{0%{opacity:0.5;left:0em;}
100%{opacity:1;left:0;}
}
@-o-keyframes slideIn{0%{opacity:0.5;left:0em;}
100%{opacity:1;left:0;}
}
@keyframes slideIn{0%{opacity:0.5;left:0em;}
100%{opacity:1;left:0;}
}
.off_canvas_animate.close{opacity:0.5;left:0em;-webkit-animation:slideOut 0.35s ease-in-out;-moz-animation:slideOut 0.35s ease-in-out;-o-animation:slideOut 0.35s ease-in-out;animation:slideOut 0.35s ease-in-out;}
@-webkit-keyframes slideOut{0%{opacity:1;left:0;}
100%{opacity:0.5;left:0em;}
}
@-moz-keyframes slideOut{0%{opacity:1;left:0;}
100%{opacity:0.5;left:0em;}
}
@-o-keyframes slideOut{0%{opacity:1;left:0;}
100%{opacity:0.5;left:0em;}
}
@keyframes slideOut{0%{opacity:1;left:0;}
100%{opacity:0.5;left:0em;}
}
.off_canvas_animate.open{overflow-x:hidden;overflow-y:auto;}
.off_canvas_container.open ul.nav_level_current{overflow-x:hidden;overflow-y:auto;}
.content_animate{left:0;}
.content_animate.open{cursor:pointer;left:13em;-webkit-animation:open 0.5s ease-in-out;-moz-animation:open 0.5s ease-in-out;-o-animation:open 0.5s ease-in-out;animation:open 0.5s ease-in-out;}
@-webkit-keyframes open{0%{left:0;}
100%{left:13em;}
}
@-moz-keyframes open{0%{left:0;}
100%{left:13em;}
}
@-o-keyframes open{0%{left:0;}
100%{left:13em;}
}
@keyframes open{0%{left:0;}
100%{left:13em;}
}
.content_animate.close{left:0;-webkit-animation:close 0.4s ease-in-out;-moz-animation:close 0.4s ease-in-out;-o-animation:close 0.4s ease-in-out;animation:close 0.4s ease-in-out;}
@-webkit-keyframes close{0%{left:13em;}
100%{left:0;}
}
@-moz-keyframes close{0%{left:13em;}
100%{left:0;}
}
@-o-keyframes close{0%{left:13em;}
100%{left:0;}
}
@keyframes close{0%{left:13em;}
100%{left:0;}
}
}