input.menu-trigger{position:fixed;left:0;top:0;height:53px;width:52px;z-index:1001;opacity:0;cursor:pointer}ul.menu,ul.menu>li.start a{width:52px;height:52px;padding:0}ul.menu,ul.menu>li.start{position:fixed;background:#b71c1c}ul.menu,ul.menu li a{transition:all .2s ease}ul.menu{left:0;top:0;overflow:hidden;margin:0;list-style-type:none;z-index:1000}ul.menu li a{display:block;font-size:18px;line-height:18px;padding:12px;color:#fff;text-decoration:none}ul.menu li a:hover{background:#d32f2f;color:#fff}ul.menu li ul{padding:0;list-style-type:none;margin:0 0 0 10px;transition:all .3s ease}ul.menu>li{visibility:hidden;transition:all .5s ease}ul.menu>li.start{text-align:center}ul.menu>li.start a{text-align:center}ul.menu>li.start+li{margin-top:52px}ul.menu:hover{height:100%;width:80%;overflow-y:scroll}ul.menu:hover>li,ul.menu>li.start{visibility:visible}ul.menu:hover+div.overlay{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000;z-index:999}input.menu-trigger:checked+ul.menu{height:100%;width:80%;overflow-y:scroll}input.menu-trigger:checked+ul.menu>li{visibility:visible}input.menu-trigger:checked+ul.menu+div.overlay{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000;z-index:999}input.menu-trigger:checked+ul.menu>li.start{background:#d32f2f}div.overlay{opacity:0;transition:all .2s ease}@media screen and (min-width:768px){input.menu-trigger,ul.menu{left:20%;margin-left:-52px}ul.menu{overflow:visible;transition-delay:1s}ul.menu:hover{left:0;height:52px;width:100%;padding-left:20%;overflow:visible;transition-delay:.15s}ul.menu:hover>li{visibility:visible;opacity:1;transition-delay:.15s}ul.menu li ul,ul.menu>li{opacity:0;visibility:hidden}ul.menu>li{float:left;transition:all .5s ease,visibility 0s linear;transition-delay:.5s;position:relative}ul.menu>li:hover>ul,ul.menu>li>ul{top:100%!important;left:0!important}ul.menu>li>ul li a{font-size:22px;line-height:24px}ul.menu>li:hover>ul{opacity:1}ul.menu>li:hover>ul li{position:relative;width:100%}ul.menu>li:hover>ul li:hover>ul{opacity:1}ul.menu>li.start{position:relative;opacity:1}ul.menu>li.start+li{margin-top:0}ul.menu li ul{position:absolute;margin-left:0;min-width:200px;background:#b71c1c;transition:visibility 0s linear .5s,opacity .5s cubic-bezier(1,0,.58,1);top:0;left:100%}ul.menu li ul li{position:relative;white-space:nowrap}ul.menu li a{font-size:26px;line-height:28px}ul.menu li:hover ul{z-index:1001;transition:visibility 0s linear .2s,opacity .2s ease .2s}ul.menu li:hover>ul,ul.menu>li.start{visibility:visible}input.menu-trigger:checked+ul.menu{left:0;height:52px;width:100%;padding-left:20%;overflow:visible;transition-delay:.15s}input.menu-trigger:checked+ul.menu>li{visibility:visible;opacity:1;transition-delay:.15s}div.overlay{display:none}}