/*==========------------==========*/
/*          DEFAULT NAV           */
/*==========------------==========*/

.toTopBtn
{
    height: 35px;
    width: 35px;
    background:#ff9024;
    border: 1px solid #ff9024;
    border-radius: 50%;
    position: fixed;
    right: 20px;
    bottom: -60px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    line-height: 3px;
    z-index: 10;
    opacity:0;
    box-shadow:0 3px 5px rgba(0,0,0,.25);
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
}
    .toTopBtn:after{
        display:block;
        position:absolute;
        top:45%;
        left:50%;
        font-family:FontAwesome !important;
        font-size:3em;
        color:white;
        content:'\f106';
        transform:translate(-50%,-50%);
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
    }
    .scrollable .toTopBtn{
        bottom:20px;
        opacity:1;
    }

.navBtnWrp{
    display:none;
    width:100%;
    height:55px;
    position:relative;
    z-index:25;
    background:#26328c;
}
    .navBtn{
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        display:none;
        position:absolute;
        right:0;
        z-index:25;
        width:60px;
        height:55px;
        padding:8px;
        background:#26328c;
    }
        .navBtn hr{
            margin-top:8px;
            width:30px;
            height:3px;
            background:white;
            border:none !important;
        }
.navWrp{
    background:#26328c;
    width:100%;
    height:60px;
    margin:0;
    text-align:center;
}
    .scrollable .navWrp,
    .scrollable .navBtnWrp{
        position:fixed;
        top:0;
        left:0;
        right:0;
        box-shadow:0 5px 10px rgba(0,0,0,.2);
    }
nav ul{
    list-style:none;
    display:block;
    padding:0;
    margin:0;
}
nav ul li{
    display:inline-block;
    position:relative;
}
    nav ul li a{
        position:relative;
        z-index:2;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        text-decoration:none !important;
        display:block;
        height:60px;
        padding:20px;
        margin:0;
        border-bottom:3px solid transparent;
        text-align:center;
        transition:all .3s ease-in-out;
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -ms-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
    }
    .home .homeNav{
        border-bottom:3px solid white;
    }
    nav ul li.current a{
        border-bottom:3px solid white;
    }
    footer nav ul li.current a{
        border-bottom:none;
    }
        header nav ul li a:hover{
            border-bottom:3px solid white;
            text-decoration:none !important;
        }
        footer nav ul li a:hover span{
            text-decoration:underline;
        }
        nav ul li a span{
            color:white;
            font-family:'Source Sans Pro', sans-serif;
            font-size:1.2em;
            font-weight:400;
        }
nav .logoutWrp,
nav .loginWrp{
    display:none;
}
nav .loginWrp{
    background:#26328c;
}
    nav .logoutWrp:before,
    nav .logoutWrp:after{
        display:table;
        content:'';
        clear:both;
        float:none;
    }
    nav .loginWrp a span,
    nav .logoutWrp p{
        text-transform:uppercase;
        letter-spacing:.1em;
    }
    nav .logoutWrp p{
        background:#26328c;
    }
    nav .logoutWrp p,
    nav .logoutWrp form{
        margin:0;
        display:block;
        width:50%;
        height:60px;
        float:left;
        text-align:center;
    }
        nav .logoutWrp form button{
            display:block;
            width:100%;
            height:100%;
            box-shadow:none;
            font-size:1.2em;
        }
            nav .logoutWrp form button:hover{
                box-shadow:none;
            }
    nav .logoutWrp p > span{
        display:none;
    }
    nav .logoutWrp p a{
        padding:0;
        position:relative;
    }
    nav .logoutWrp p a span{
        display:inline-block;
        font-size:.6em;
        line-height:100%;
        width:80%;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
    }

/*----------Subnav (Hidden)----------*/

.showSubNav{
    cursor:pointer;
    display:none;
    width:60px;
    height:60px;
    position:absolute;
    top:0;
    left:0;
    z-index:3;
}
    .showSubNav:before{
        display:inline-block;
        text-align:center;
        position:absolute;
        top:50%;
        left:50%;
        font-family:FontAwesome !important;
        color:white;
        font-size:1.5em;
        content:'\f0d7';
        transform:translate(-50%,-50%);
        -webkit-transform:translate(-50%,-50%);
        -moz-transform:translate(-50%,-50%);
        -ms-transform:translate(-50%,-50%);
        -o-transform:translate(-50%,-50%);
        transition:all .3s ease-in-out;
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -ms-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
    }
    .showSubNav.clicked:before{
        transform:translate(-50%,-50%) rotate(180deg);
        -webkit-transform:translate(-50%,-50%) rotate(180deg);
        -moz-transform:translate(-50%,-50%) rotate(180deg);
        -ms-transform:translate(-50%,-50%) rotate(180deg);
        -o-transform:translate(-50%,-50%) rotate(180deg);
    }

nav ul li ul{
    position:absolute;
    z-index:1;
    visibility:hidden;
    opacity:0;
    bottom:0;
    left:0;
    padding-top:25px;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
}
    nav ul li ul:before{
        position:absolute;
        z-index:1;
        top:0;
        left:10px;
        width:30px;
        height:30px;
        display:block;
        content:'';
        background:none;
        border-top:15px solid transparent;
        border-right:15px solid transparent;
        border-left:15px solid transparent;
        border-bottom:15px solid #26328c;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
        nav ul li ul li{
            z-index:2;
        }
            nav ul li ul li a{
                background:#26328c;
                padding:20px;
                border-bottom:none !important;
            }
                nav ul li ul li a span{
                    font-size:.8em;
                    line-height:100%;
                }

/*----------Subnav (Revealed)----------*/

nav ul li:hover ul{
    visibility:visible;
    opacity:1;
    transform:translateY(100%);
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
}

@media only screen and (max-width:1200px){
    /*==========------------==========*/
    /*           MOBILE NAV           */
    /*==========------------==========*/
    /*----------Hidden----------*/
    .navBtnWrp,
    .navBtn{
        display:block;
    }
    .navWrp{
        background:#161b40;
        box-shadow:0 5px 10px rgba(0,0,0,.3);
        overflow:hidden;
        height:auto;
        max-height:0;
        position:relative;
        z-index:24;
        transition:max-height .4s ease-in-out;
        -webkit-transition:max-height .4s ease-in-out;
        -moz-transition:max-height .4s ease-in-out;
        -ms-transition:max-height .4s ease-in-out;
        -o-transition:max-height .4s ease-in-out;
    }
        .scrollable .navWrp{
            position:fixed;
            top:55px;
            left:0;
            right:0;
        }
        .navWrp .contentWrp,
        .navWrp nav{
            width:100%;
        }
            nav ul li{
                display:block;
                width:100%;
            }
                nav ul li a{
                    padding:12px;
                    height:52px;
                }
            nav ul li.current > a,
            .home .homeNav{
                border-bottom:none;
                background:rgba(255,255,255,.3);
            }
            footer nav ul li.current a{
                background:none;
            }
                nav ul li.current a span{
                    color:white;
                }
    /*----------Revealed----------*/
    .showMobileNav .navWrp{
        max-height:100vh;
    }
    .showMobileNav nav{
        overflow-y:auto;
    }


    /*----------Subnav (Hidden)----------*/
    .showSubNav{
        display:block;
    }
    nav ul li ul{
        position:static;
        visibility:visible;
        opacity:1;
        height:0;
        overflow:hidden;
        width:100%;
        display:block;
        padding-top:0;
        background:#0d1026;
        box-shadow:inset 3px 6px rgba(0,0,0,.1);
    }
        nav ul li ul:before{
            display:none;
        }
        nav ul li:hover ul{
            transform:none;
            -webkit-transform:none;
            -moz-transform:none;
            -ms-transform:none;
            -o-transform:none;
        }
            nav ul li ul li a{
                background:none;
            }
    /*----------Subnav (Revealed)----------*/
    nav ul li ul.reveal{
        height:60px;
    }

}