.overlay-navigation{position:fixed;z-index:9999999999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);transform:translateY(-100%);opacity:0;}.overlay-navigation.overlay-slide-down{transition:all .4s ease-in-out;transform:translateY(0);opacity:1;}.overlay-navigation.overlay-slide-up{transition:all .8s ease-in-out;transform:translateY(-100%);opacity:0;}nav,nav ul{width:100%;height:100%;margin:0;padding:0;}nav ul{display:flex;list-style:none;}nav ul li{flex-basis:20%;justify-content:center;align-items:center;height:100%;overflow:hidden;transform:translateY(-100%);}nav ul li a{position:relative;top:0;color:#fff;text-transform:uppercase;font-weight:300;letter-spacing:4px;text-decoration:none;line-height:100vh;display:block;text-align:center;font-size:.9rem;height:100vh;}nav ul li a:before{content:'';width:70px;height:2px;background-color:#fff;position:absolute;top:55%;left:0;z-index:100;transform:translateX(-100%);opacity:0;transition:all .2s linear;}nav ul li a:after{content:attr(data-content);font-size:.8rem;transition:all .2s linear;opacity:0;position:absolute;z-index:100;color:#fff;display:block;margin-right:auto;margin-left:auto;left:0;right:0;bottom:-50px;text-transform:none;font-weight:300;letter-spacing:0;}nav ul li a:hover{text-decoration:none;color:#fff;}nav ul li a:hover:before{transform:translateX(0);opacity:1;}nav ul li a:hover:after{transform:translateY(15px);opacity:1;}nav ul li:nth-of-type(1){background-color:#f7b432;}nav ul li:nth-of-type(2){background-color:#91ca95;}nav ul li:nth-of-type(3){background-color:#63afd4;}nav ul li:nth-of-type(4){background-color:#7376ce;}nav ul li:nth-of-type(5){background-color:#4a2c77;}.slide-in-nav-item{animation:slide-in-nav-item .4s linear 1 .2s both;}.slide-in-nav-item-delay-1{animation:slide-in-nav-item .4s linear 1 .4s both;}.slide-in-nav-item-delay-2{animation:slide-in-nav-item .4s linear 1 .6s both;}.slide-in-nav-item-delay-3{animation:slide-in-nav-item .4s linear 1 .8s both;}.slide-in-nav-item-delay-4{animation:slide-in-nav-item .4s linear 1 1s both;}.slide-in-nav-item-reverse{animation:slide-in-nav-item-reverse .3s linear 1 .5s both;}.slide-in-nav-item-delay-1-reverse{animation:slide-in-nav-item-reverse .3s linear 1 .4s both;}.slide-in-nav-item-delay-2-reverse{animation:slide-in-nav-item-reverse .3s linear 1 .3s both;}.slide-in-nav-item-delay-3-reverse{animation:slide-in-nav-item-reverse .3s linear 1 .2s both;}.slide-in-nav-item-delay-4-reverse{animation:slide-in-nav-item-reverse .3s linear 1 both;}.open-overlay{position:fixed;right:5rem;top:3.2rem;z-index:9999999999;width:34px;display:block;cursor:pointer;}.open-overlay span{display:block;height:2px;background-color:#212529;cursor:pointer;margin-top:8px;box-shadow:1px 1px 5px #fff;}.animate-top-bar{animation:animate-top-bar .6s linear 1 both;}.animate-bottom-bar{animation:animate-bottom-bar .6s linear 1 both;}.animate-middle-bar{animation:animate-middle-bar .6s linear 1 both;}.animate-out-top-bar{animation:animate-out-top-bar .6s linear 1 both;}.animate-out-bottom-bar{animation:animate-out-bottom-bar .6s linear 1 both;}.animate-out-middle-bar{animation:animate-out-middle-bar .6s linear 1 both;}@keyframes slide-in-nav-item{from{-webkit-transform:translateY(-100%);transform:translateY(-100%);}to{-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes slide-in-nav-item-reverse{from{-webkit-transform:translateY(0);transform:translateY(0);}to{-webkit-transform:translateY(-100%);transform:translateY(-100%);}}@keyframes animate-top-bar{0%{background-color:#212529;}50%{-webkit-transform:translateY(9px);transform:translateY(9px);}80%{-webkit-transform:translateY(5px);transform:translateY(5px);background-color:#212529;}100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#fff;}}@keyframes animate-bottom-bar{0%{background-color:#212529;}50%{-webkit-transform:translateY(-9px);transform:translateY(-9px);}80%{-webkit-transform:translateY(-5px);transform:translateY(-5px);background-color:#212529;}100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#fff;}}@keyframes animate-middle-bar{0%{background-color:#212529;}80%{background-color:#212529;}100%{background-color:#fff;}}@keyframes animate-out-top-bar{0%{background-color:#fff;}50%{-webkit-transform:translateY(9px);transform:translateY(9px);}80%{-webkit-transform:translateY(5px);transform:translateY(5px);background-color:#fff;}100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#212529;}}@keyframes animate-out-bottom-bar{0%{background-color:#fff;}50%{-webkit-transform:translateY(-9px);transform:translateY(-9px);}80%{-webkit-transform:translateY(-5px);transform:translateY(-5px);background-color:#fff;}100%{-webkit-transform:translateY(0);transform:translateY(0);background-color:#212529;}}@keyframes animate-out-middle-bar{0%{background-color:#fff;}80%{background-color:#fff;}100%{background-color:#212529;}}@media(max-width:991.98px){.overlay-navigation{transform:translateX(-100%);}.overlay-navigation.overlay-slide-down{transition:all .4s ease-in-out;transform:translateX(0);}.overlay-navigation.overlay-slide-up{transition:all .8s ease-in-out;transform:translateX(-100%);}nav ul{flex-direction:column;}nav ul li a{line-height:20vh;height:100%;}nav ul li a:after{bottom:-10px;height:100%;}nav ul li a:before{transform:translateX(0);opacity:1;}@keyframes slide-in-nav-item{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}to{-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes slide-in-nav-item-reverse{from{-webkit-transform:translateX(0);transform:translateX(0);}to{-webkit-transform:translateX(-100%);transform:translateX(-100%);}}@media(max-width:767.98px){.open-overlay{right:2rem;top:1.5rem;}}@media(max-width:640px){nav ul li a{font-size:12px;}nav ul li a:before{width:15px;}nav ul li a:hover:after{opacity:0;}}