header{position:fixed;width:100%;background:rgba(12, 13, 44, .6);z-index:140;visibility:hidden;opacity:0;transition:.2s;}
header:before{position:absolute;width:100%;height:8px;top:12px;left:0px;background:rgba(12, 13, 44, 1);content:'';}
.bg-faded{background:transparent !important;}
.nav-link{position:relative;padding:15px;margin:20px 0px 12px; width: 156px; text-align: center;font-family:"RobotoLight";font-size:15px;color:#fff !important;transition:.2s;}
.nav-link:before{position:absolute;width:24px;top:-16px;height:8px;background:#fff;content:'';left:50%;margin-left:-12px;z-index:300;transition:.4s;}
.nav-link:hover{color:#ff0090 !important;transition:.4s;}
.active:before{background:#ff0090;width:100%;left:50%;margin-left:-50%;transition:.2s;}

@media(max-width: 1199px) {
    .nav-link {
        width: auto !important;
        margin: 20px 25px 12px;
    }
}