.quicklink-menu{transition:opacity .3s ease-in-out}#navigation{z-index:9}#navigation .nav-menu{list-style:none;margin:0;padding:0}#navigation .nav-menu li{position:relative}#navigation .nav-menu a{display:block;padding:0 24px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:2px;transition:background .3s}#navigation .nav-menu a span{position:relative;top:-2px;padding-left:10px;font-size:8px;opacity:.3}.menu-cont{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}#navigation .nav-menu ul li a{letter-spacing:0px;text-transform:none}#navigation .quicklink-menu{top:100%;left:0;margin:0;padding:0;list-style:none;background:#ffffff0d}#navigation .quicklink-menu a{display:block;padding:20px 30px;color:#fff;font-size:14px;line-height:1.4;transition:background .3s}#navigation .quicklink-menu a:hover,#navigation .quicklink-menu a:focus{background:rgba(255,255,255,.114)}#navigation .quicklink-menu ul{top:0;width:250px}#navigation .quicklink-menu ul li{float:none;width:100%}@media (max-width:1050px){.opac-block{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease}body.menu-open .opac-block{opacity:1;visibility:visible}#navigation{position:fixed;top:0;left:0;width:380px;height:100%;background:#2a3e33;z-index:9999;overflow-x:hidden;transform:translateX(-100%);transition:transform .3s ease-in-out}#navigation.menu-open{transform:translateX(0)}#navigation #social{display:flex !important}#navigation .nav-menu{flex-direction:column}#navigation .quicklink-menu{position:relative}#navigation .nav-menu a{padding:25px 38px 15px !important;color:#fff !important}#navigation .quicklink-menu a{padding:25px 38px 25px !important;font-size:15px !important}#navigation .quicklink-menu ul{width:100%;left:0 !important;background:#ffffff14;padding-left:20px}.menu-button{position:fixed;top:48px;right:20px;z-index:999999;display:flex;align-items:center;flex-direction:row;padding:8px 17px;background:0 0;color:#fff;border:none;border-radius:20px;cursor:pointer;text-transform:uppercase;letter-spacing:3px;font-size:14px;font-weight:700}.menu-button:before{content:"";display:block;position:relative;width:22px;height:20px;margin-right:11px;background:url(https://chilwellschool.kinsta.cloud/images/menu.svg) no-repeat;background-size:auto 20px}.menu-cont{top:inherit;left:inherit;transform:inherit;position:absolute}}@media (min-width:1051px){#navigation{position:relative;transform:none}#navigation .nav-menu{display:flex}#navigation .quicklink-menu{position:absolute;top:100%;left:0;width:500px;margin:0;padding:0;list-style:none;background-color:#31483c;border-radius:5px;margin-top:20px}#navigation .quicklink-menu li{float:left;width:50%;height:55px}#navigation .quicklink-menu a{display:flex;align-items:center;height:55px;padding:20px 30px;color:#fff;font-size:14px;line-height:1.4;text-align:left;transition:background .3s}#navigation li>.quicklink-menu:hover{display:block}.menu-button{display:none}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}