#navigation2 ul {padding:0; margin:0; list-style:none; text-align:left; height:100%;
overflow:auto; overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}

#menuControl + label {display:block; width:25px; height:15px; background:#fff; position:absolute; right:calc(50% - 525px); top:20px; z-index:500000; cursor:pointer; border-top:3px solid #000; border-bottom:3px solid #000;
background-image: 
linear-gradient(0deg, #000 0%, #000 100%); 
background-size: 25px 3px;
background-position: 0 6px;
background-repeat:no-repeat;
}
#menuControl + label span {position:absolute; left:-9999px;}

#navigation2 {width:300px; top:90px; position:fixed; right:-301px; border-left:1px solid #ddd; z-index:500000; background:#fff; border-top:1px solid #ddd;
-webkit-height:calc(100% - 91px);
-moz-height:calc(100% - 91px);
height:calc(100% - 91px);
-webkit-transition:0.5s 0.5s;
transition:0.5s 0.5s;
}
#navigation2 > ul ul {max-height:0; overflow:hidden;
-webkit-transition:0.5s;
transition:0.5s;
}
#menuControl {position:absolute; left:-9999px; display:none;}
#menuControl:checked ~ #ie7 #navigation2 {right:0;
-webkit-transition:0.5s;
transition:0.5s;
}
#menuControl:checked ~ #ie7 #navigation2 > ul ul {max-height:200px;
-webkit-transition:0.5s 0.5s;
transition:0.5s 0.5s;
}
#menuControl:checked + label:before {display:block; content:""; width:100%; height:100%; position:fixed; left:0; top:0; background:transparent;}

#navigation2 ul li a {display:block; height:50px; border-bottom:1px solid #ddd; text-indent:45px; font:normal 15px/50px 'Jaldi', arial, sans-serif; color:#333; text-decoration:none;}
#navigation2 ul ul li a {color:#999;}
#navigation2 ul li a:hover {background:#eee;}

#menuControl:checked ~ #wrapper {height:100%; overflow:hidden;}

@media only screen and (max-width: 1110px) {
#menuControl + label {right:20px;}
}