.offcanvas-navigation{-ms-flex-pack:center;height:100%;padding:0;justify-content:center;-webkit-box-pack:center;position:fixed;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;visibility:hidden;text-align:center;top:0;margin:0;-webkit-box-orient:vertical;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:7}.offcanvas-navigation li{-webkit-transform:translateX(10%);-ms-transform:translateX(10%);transform:translateX(10%);pointer-events:none;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;-o-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;opacity:0;margin:10px 0;width:100%;float:left;display:block}.offcanvas-navigation li .dropdown{padding:0 10%;margin:0;display:none}.offcanvas-navigation li:hover ul{display:block}.offcanvas-navigation li .dropdown li{font-size:14px;font-weight:700;margin:0 10px;width:auto;float:none;display:inline-block}.offcanvas-navigation li .dropdown li .dropdown{padding:0;margin-top:10px}.offcanvas-navigation li .dropdown li .dropdown li{font-size:17px;font-weight:400;font-family:Popins,sans-serif}.offcanvas-navigation.is-opened{visibility:visible;z-index:7}.offcanvas-navigation li a{font-size:36px;font-weight:700;color:#fff;position:relative;opacity:1;font-family:Popins,sans-serif;z-index:1}.offcanvas-navigation li a:after{height:100%;transition:all .5s ease-in-out;content:"";position:absolute;opacity:0;visibility:hidden;top:0;background-color:#ccc;left:0;width:0;z-index:-1}.offcanvas-navigation li a{-ms-transform:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.offcanvas-navigation li a span{padding:0 5px;font-size:11px;right:-4px;color:#f50c1a;position:absolute;top:-14px;background:#fff}.offcanvas-navigation li a:hover{text-decoration:none}.offcanvas-navigation li a:hover:after{animation:btnmove 1s linear}.offcanvas-navigation.is-opened li{-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0);pointer-events:auto;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;opacity:1}.offcanvas-navigation li:first-of-type{transition-delay:0s}.offcanvas-navigation.is-opened li:first-of-type{transition-delay:.65s}.offcanvas-navigation li:nth-of-type(2){transition-delay:0s}.offcanvas-navigation.is-opened li:nth-of-type(2){transition-delay:.7s}.offcanvas-navigation li:nth-of-type(3){transition-delay:0s}.offcanvas-navigation.is-opened li:nth-of-type(3){transition-delay:.75s}.offcanvas-navigation li:nth-of-type(4){transition-delay:0s}.offcanvas-navigation.is-opened li:nth-of-type(4){transition-delay:.8s}.offcanvas-navigation li:nth-of-type(5){transition-delay:0s}.offcanvas-navigation.is-opened li:nth-of-type(5){transition-delay:.85s}.offcanvas-navigation li:nth-of-type(6){transition-delay:0s}.offcanvas-navigation.is-opened li:nth-of-type(6){transition-delay:.9s}.shape-overlays{height:100vh;pointer-events:none;position:fixed;top:0;left:0;width:100vw;z-index:6}.shape-overlays.is-opened{pointer-events:auto}.shape-overlays__path:first-of-type{fill:#000}.shape-overlays__path:nth-of-type(2){fill:#1d1d1f}.shape-overlays__path:nth-of-type(3){fill:#111}@-webkit-keyframes intervalOffCanvasBorder{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}to{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}}@keyframes intervalOffCanvasBorder{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}to{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}}