/* Special Topnav */
.super-topnav{
    width:100%; background:#000; padding:12px 0; font-size:12px; color:#aaa; line-height:1.75;
    font-weight:600;
}
nav.special-topnav{
    position:absolute; top:45px; left:0; width:100vw; height:45px; background:#484848; z-index:95;
}
nav.special-topnav.sticky{position:fixed; top:0;}
nav.special-topnav .wrapper{display:flex; width:100%; height:45px; align-items:center;}
nav.special-topnav .logo{transition:opacity .25s;}
nav.special-topnav .logo:hover{opacity:.75;}
nav.special-topnav .logo > img{display:block; width:59px; height:auto;}
nav.special-topnav .logo > img.meetdw-partner-logo{display:inline-block; width:auto; height:43px;}
nav.special-topnav .menu-container{display:flex; align-items:center; margin:0 0 0 auto;}
nav.special-topnav .menu > a{
    display:block; border-left:1px solid #000; padding:0 20px; color:#fff; line-height:45px;
    white-space:nowrap; font-size:16px; font-weight:600; transition:color .25s;
}
nav.special-topnav .menu:last-child > a{padding-right:0;}
nav.special-topnav .menu > a > img{display:block; height:37px; width:auto; margin:4px 0;}
nav.special-topnav .menu:hover > a, nav.special-topnav .menu.active > a, nav.special-topnav .menu > a.active{color:#ff6c00;}
nav.special-topnav .sidenav-btn{display:none; margin:0 0 0 auto; color:#ff6c00; font-size:24px; cursor:pointer;}
nav.special-topnav ~ .topnav-spacer{display:block; width:100%; height:45px; background:#000;}

.special-sidenav{
    position:fixed; top:0; right:0; width:300px; height:100vh; background:#ff6c00; z-index:100;
    text-align:left; transform:translateX(300px); transition:transform .3s;
}
.special-sidenav > .wrapper{display:block; position:relative; padding:0;}
.special-sidenav .menu-container{display:block; width:100%; margin:0;}
.special-sidenav .menu > a{
    display:block; border-top:1.5px dotted #fff; padding:0 20px; color:#fff; line-height:55px;
    white-space:nowrap; font-size:17px; font-weight:600; transition:color .25s;
}
.special-sidenav .menu:last-child > a{border-bottom:1.5px dotted #fff;}
.special-sidenav .menu > a > img{display:block; height:37px; width:auto; margin:9px 0;}
.special-sidenav .menu:hover > a, nav.special-topnav .menu.active > a{color:#393939;}
.special-sidenav .sidenav-btn{color:#393939; font-size:24px; cursor:pointer; padding:20px;}

@media screen and (max-width:991.98px){
    nav.special-topnav .menu-container{display:none;}
    nav.special-topnav .sidenav-btn{display:block;}
    .special-sidenav.active{transform:translateX(0);}
}
@media screen and (max-width:767.98px){
    nav.special-topnav .container{width:100%;}
}