.c-menu,.c-menu__close{background-color:#00f;color:#fff}.c-mask,body.has-active-menu{overflow:hidden}.c-menu{font-size:1.6rem;position:fixed;z-index:200;transition:transform .3s;font-weight:700;text-transform:uppercase}.c-menu__items{list-style:none;line-height:3.3rem;margin:18% auto 10% 24%;padding:0}.c-menu__item a{border:none}.c-menu__close{border:none;box-shadow:none;border-radius:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.c-menu__close:focus{outline:0}.c-mask{position:fixed;z-index:100;top:0;left:0;width:0;height:0;background-color:#000;opacity:0;transition:opacity .3s,width 0s .3s,height 0s .3s}.c-mask.is-active{width:100%;height:100%;opacity:.7;transition:opacity .3s}.c-menu--push-left,.c-menu--push-right,.c-menu--slide-left,.c-menu--slide-right{width:100%;height:100%;overflow-y:hidden}@media all and (min-width:320px){.c-menu--push-left,.c-menu--push-right,.c-menu--slide-left,.c-menu--slide-right{width:37%}.c-menu--push-right,.c-menu--slide-right{transform:translateX(100%)}}.c-menu--push-left .c-menu__item,.c-menu--push-right .c-menu__item,.c-menu--slide-left .c-menu__item,.c-menu--slide-right .c-menu__item{display:block}.c-menu--push-left .c-menu__item:first-child,.c-menu--push-right .c-menu__item:first-child,.c-menu--slide-left .c-menu__item:first-child,.c-menu--slide-right .c-menu__item:first-child{border-top:none}.c-menu--push-left .c-menu__item:last-child,.c-menu--push-right .c-menu__item:last-child,.c-menu--slide-left .c-menu__item:last-child,.c-menu--slide-right .c-menu__item:last-child{border-bottom:none}.c-menu--push-left .c-menu__link,.c-menu--push-right .c-menu__link,.c-menu--slide-left .c-menu__link,.c-menu--slide-right .c-menu__link{display:block;padding:12px 24px;color:#fff}.c-menu--push-left .c-menu__close,.c-menu--push-right .c-menu__close,.c-menu--slide-left .c-menu__close,.c-menu--slide-right .c-menu__close{display:block;width:3rem;margin: 1rem 1rem 0 auto;}.c-menu--push-right,.c-menu--slide-right{top:0;right:0;transform:translateX(100%)}.c-menu--push-right.is-active,.c-menu--slide-right.is-active{transform:translateX(0)}.c-menu--push-top,.c-menu--slide-top{top:0;left:0;transform:translateY(-60px)}.c-menu--push-top.is-active,.c-menu--slide-top.is-active{transform:translateY(0)}.c-menu--push-bottom,.c-menu--push-top,.c-menu--slide-bottom,.c-menu--slide-top{vertical-align:middle;width:100%;height:60px;text-align:center;overflow-x:scroll}.c-menu--push-bottom .c-menu__items,.c-menu--push-top .c-menu__items,.c-menu--slide-bottom .c-menu__items,.c-menu--slide-top .c-menu__items{display:inline-block;text-align:center}.c-menu--push-bottom .c-menu__item,.c-menu--push-top .c-menu__item,.c-menu--slide-bottom .c-menu__item,.c-menu--slide-top .c-menu__item{display:inline-block;line-height:60px}.c-menu--push-bottom .c-menu__link,.c-menu--push-top .c-menu__link,.c-menu--slide-bottom .c-menu__link,.c-menu--slide-top .c-menu__link{display:block;padding:0 4px;color:#fff}.c-menu--push-bottom .c-menu__close,.c-menu--push-top .c-menu__close,.c-menu--slide-bottom .c-menu__close,.c-menu--slide-top .c-menu__close{display:inline-block;margin-right:12px;padding:0 24px;height:60px;line-height:60px}@media all and (max-width:767px){.c-menu--push-left .c-menu__close,.c-menu--push-right .c-menu__close,.c-menu--slide-left .c-menu__close,.c-menu--slide-right .c-menu__close{display:block;width:2.5rem;margin:.8rem 1.1rem 0 auto}.c-menu__items{margin:18% auto 10% 20%;font-size:1.4rem;line-height:9vh}.c-menu--push-left,.c-menu--push-right,.c-menu--slide-left,.c-menu--slide-right{width:80%}}