#nav-offCanvas{position:fixed;top:0;z-index:6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:560px;max-width:100%;box-sizing:border-box;background:#fff;transition:right .5s ease}html:not(.-state-nav-offCanvas--active) #nav-offCanvas{right:-560px}html.-state-nav-offCanvas--active #nav-offCanvas{right:0}@media (min-width:560px){#nav-offCanvas::before{content:'';position:absolute;right:100%;top:0;width:100vw;height:100%;background:rgba(23,55,95,.85);transition:opacity .5s ease}html:not(.-state-nav-offCanvas--active) #nav-offCanvas::before{opacity:0;pointer-events:none}html.-state-nav-offCanvas--active #nav-offCanvas::before{opacity:1;pointer-events:auto}}#nav-offCanvas__closer{font:600 1.4rem/1.25rem 'Source Sans Pro',Arial,sans-serif;font-weight:600;font-style:normal;font-size:1.4rem;line-height:1.25rem;color:#17375f;text-align:center;text-decoration:none;position:absolute}@media (min-width:551px){#nav-offCanvas{padding:110px 0 0}#nav-offCanvas__closer{right:40px;top:40px}}@media (max-width:550px){#nav-offCanvas{padding:50px 0 0}#nav-offCanvas__closer{right:20px;top:20px}}#nav-offCanvas__closer>[class*="icon-"]{font-size:3rem;line-height:1.25em}#nav-offCanvas__collection{-ms-flex:1 1;flex:1 1;position:relative}