/*-- Desktop Stationary Navigation --*/
.desktop-nav {
    position:relative;
    z-index:9999;
    padding-top:1.5rem;
    display:none;
    background-color:#ffffff00;
    padding-bottom:1rem;
}

@media (min-width: 996px) {.desktop-nav {display:block;}}

    .desktop-nav .top-nav,
    .desktop-nav .bottom-nav {text-align:right;}

    .desktop-nav .top-nav {margin:.5rem 3rem 2.5rem auto;}
    .desktop-nav .bottom-nav {margin:.5rem 3rem 2rem auto;}

    .desktop-nav .bottom-nav .btn {
        position:relative;
    }

        .desktop-nav .top-nav a,
        .desktop-nav .bottom-nav a,
        .desktop-nav .top-nav p {
            display:inline;
            text-align:right;
            margin-right:1rem;
            font-family:'Open Sans';
            text-decoration:none;
            color:#fff;
        }

        .desktop-nav .bottom-nav .btn-primary {color:#002957 !important;}

        .desktop-nav .top-nav a {font-size:1.5rem; margin-left:3.5rem;}
        .desktop-nav .bottom-nav a {font-size:1.6rem; margin-left:4.5rem; font-weight:700;}
        .desktop-nav .bottom-nav .btn {font-weight:900;}
        .desktop-nav .top-nav p {font-size:2.5rem; margin-left:3.5rem;}

        .desktop-nav .top-nav a:hover,
        .desktop-nav .top-nav a:active,
        .desktop-nav .bottom-nav a:hover,
        .desktop-nav .bottom-nav a:active {
            color:#FF5722;
            transition:.2s;
        }

        .desktop-nav .top-nav .phone {
            font-size:2.5rem;
            font-weight:900;
        }

.desktop-nav .logo {
    height:7rem;
    margin-left:5rem;
    margin-top:0rem;
}

@media (min-width: 768px) {.desktop-nav .logo {height:15rem; margin-top:-.5rem;}}

.rm-logo {
    height:7.5rem;
    margin-left:5rem;
    margin-top:0rem;
}
/*-- Desktop Stationary Navigation --*/




/*-- Mobile Floating Navigation --*/

/*-- 'floating-nav' is the navigation bar below 996px --*/


.floating-nav {
    padding-top:1.5rem;
    padding-bottom:1rem;
    display:block;
    background-color:#002957;
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    height:9rem;
}

    @media (min-width: 996px) {.floating-nav {display:none;}}

.floating-nav img {
    height:7rem;
    margin-left:3rem;
}


/*-- Mobile Sidebar --*/

/*-- 'sidenav' is the mobile menu that displays after the 'navbar-trigger' is selected --*/

.navbar-trigger {
    margin-top:.5rem;
    cursor: pointer;
    color:#fff;
    font-size:3rem;
    position:absolute;
    top:5%;
    right:15%;
}
    @media (min-width: 768px) {.navbar-trigger {margin-top:.5rem;}}
    @media (min-width: 996px) {.navbar-trigger {display:none;}}

.sidenav {
    height: 102vh;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #002957;
    overflow-x: hidden;
    padding-top: 60px;
    z-index:9999;
}

.sidebar-logo {
    height:12rem;
    position:absolute;
    top:1.5rem;
    left:1rem;;
}

.sidenav-list {margin:10rem 5rem 0 5rem !important;}

.sidenav a:hover {color: #ED6F15;}
      
      .sidenav .closebtn {
        position: absolute;
        top: 1.3rem;
        right: 25px;
        font-size: 3rem;
        margin-left: 50px;
        color:#fff;
        text-decoration:none;
      }

      .cover {
        background-color:#fff;
        width:100%;
        height:100%;
        display:none;
        position:fixed;
        z-index:9998;
    }

.sidenav-list a img,
.sidenav-list button img {
    height:2.7rem;
    vertical-align:bottom;
}

.sidenav-list .btn-primary {
    border: .4rem solid #fff !important;
    font-size:2.3rem !important;
}


/*-- Mobile Dropdown Menu --*/


.mobile-nav-link,
.accordion {
    text-decoration:none;
    display:block;
    width: 100%;
    text-align: left;
    color:#111;
    font-family: 'Open Sans', serif;
    font-size:2rem;
    font-weight:700;
    border:none;
    background:none;
    outline:none;
    cursor: pointer;
    transition: 0.4s;
    padding-left:0 !important;
    color:#fff;
}
    
      
     .panel {
        padding: 0rem 1rem;
        background-color: #002957;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
      }

      .accordion:after {
        content: '\02795'; /* Unicode character for "plus" sign (+) */
        font-size: 13px;
        background-color:#fff;
        float: right;
        margin-left: 5px;
        border-radius:10%;
        padding:.36rem .5rem .5rem .5rem;
        color:#102F6B !important;
      }
      
      .active:after {
        content: "\2796"; /* Unicode character for "minus" sign (-) */
        color:#fff;
      }


    .mobile-nav-link:hover, 
    .mobile-nav-link:active  {
        color:#102F6B; -webkit-transition:.2s; -o-transition:.2s; transition:.2s;
    }

    
/*-- Mobile Floating Navigation --*/