@font-face {
    font-family: 'Segoe UI Bold';
    src: url(../fonts/Segoe UI Bold.ttf);
}

.stellarnav {
    position: relative;
    width: 100%;
    z-index: 99;
    line-height: normal;
}

    .stellarnav li {
        list-style: none;
        display: block;
        position: relative;
        line-height: normal;
        vertical-align: middle;
    }

        .stellarnav li a {
            padding: 15px;
            display: block;
            text-decoration: none;
            color: #fff;
            font-size: 14px;
            font-weight: 500;
            font-family: inherit;
            box-sizing: border-box;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }

    /* main level */
    .stellarnav > ul > li {
        display: inline-block;
    }

        .stellarnav > ul > li > a {
            padding: 10px 15px;
            text-transform: uppercase;
        }

    .stellarnav a.icon-home:hover,
    .stellarnav li a:hover, .stellarnav li:hover > a {
        color: #fff;
        background: #014292;
    }

    .stellarnav ul {
        margin: 0;
        padding: 0;
    }
    /* first level dd */
    .stellarnav > ul > li > ul > li > a, .stellarnav > ul > li > ul > li > ul > li > a, .stellarnav > ul > li > ul > li > ul > li > ul > li > a {
        color: #000;
        width: 100%;
        display: inline-block;
        background: #fff;
        border-bottom: 1px solid rgba(0,0,0,0.04);
    }

    .stellarnav > ul > li > ul > li:last-child > a, .stellarnav > ul > li > ul > li > ul > li:last-child > a {
        border-bottom: none !important;
    }

    .stellarnav ul ul {
        top: auto;
        width: 220px;
        position: absolute;
        z-index: 9900;
        text-align: left;
        display: none;
        color: #111;
        background: #fff;
        box-shadow: 2px 8px 12px rgba(0,0,0,0.05);
    }

    .stellarnav li li {
        display: block;
    }

    /* second level dd */
    .stellarnav ul ul ul {
        top: 0; /* dd animtion - change to auto to remove */
        left: 220px;
    }

    .stellarnav > ul > li:hover > ul > li:hover > ul {
        opacity: 1;
        visibility: visible;
        top: 0;
    }


    /* sticky nav */
    .stellarnav.fixed {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
    }

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x {
    overflow-x: hidden;
}

/* general styling */
.stellarnav li.has-sub > a:after {
    content: '\f107';
    font-family: "Font Awesome 5 Pro";
    margin-left: 10px;
}

.stellarnav li li.has-sub > a:after {
    content: '\f105';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 10px;
    display: inline-block;
    margin-left: 10px;
}


.stellarnav.hide-arrows li.has-sub > a:after,
.stellarnav.hide-arrows li li.has-sub > a:after {
    display: none;
}

.stellarnav .menu-toggle,
.stellarnav .close-menu,
.stellarnav .call-btn-mobile,
.stellarnav .location-btn-mobile {
    display: none;
    text-transform: uppercase;
    text-decoration: none;
}

.stellarnav .dd-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 48px;
    height: 48px;
    text-align: center;
    z-index: 9999;
    border: 0;
}

    .stellarnav .dd-toggle i {
        position: absolute;
        margin: auto;
        top: 33%;
        left: 0;
        right: 0;
        -webkit-transition: transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        transition: transform .3s ease-out;
    }

.stellarnav.mobile > ul > li > a.dd-toggle {
    padding: 0;
}


.stellarnav li.open > a.dd-toggle i {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* mobile nav */
.stellarnav .menu-toggle,
.stellarnav .close-menu {
    color: #fff;
    padding: 15px;
    box-sizing: border-box;
}

.stellarnav .full {
    width: 100%;
}

.stellarnav .half {
    width: 50%;
}

.stellarnav .third {
    width: 33%;
    text-align: center;
}

.stellarnav.mobile {
    position: static;
}

    .stellarnav.mobile.fixed {
        position: static;
    }

    .stellarnav.mobile ul {
        position: relative;
        display: none;
    }

    .stellarnav.mobile.active {
        padding-bottom: 0;
    }

        .stellarnav.mobile.active > ul {
            display: block;
        }

    .stellarnav.mobile ul {
        text-align: left;
    }

    .stellarnav.mobile > ul > li {
        display: block;
    }

        .stellarnav.mobile > ul > li > a {
            padding: 15px;
        }

    .stellarnav.mobile ul {
        background: rgb(3, 52, 128);
    }

        .stellarnav.mobile ul ul {
            position: relative;
            opacity: 1;
            visibility: visible;
            width: auto;
            display: none;
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: color 0 ease-in;
            transition: none;
        }

            .stellarnav.mobile ul ul ul {
                left: auto;
                top: auto;
            }

    .stellarnav.mobile li a {
        border-bottom: 1px solid rgba(255, 255, 255, .15);
    }

    .stellarnav.mobile li.has-sub a {
        padding-right: 50px;
    }

    .stellarnav.mobile > ul {
        border-top: 1px solid rgba(255, 255, 255, .15);
    }

    .stellarnav.mobile li a.dd-toggle {
        border: 0;
    }

    .stellarnav.mobile.light li a.dd-toggle {
        border: 0;
    }

    .stellarnav.mobile .menu-toggle,
    .stellarnav.mobile .dd-toggle,
    .stellarnav.mobile .close-menu {
        display: inline-block;
    }

    .stellarnav.mobile.top {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9999;
    }

    .stellarnav.mobile li.has-sub > a:after,
    .stellarnav.mobile li li.has-sub > a:after {
        display: none;
    }

    /* left and right positions */
    .stellarnav.mobile.right > ul,
    .stellarnav.mobile.left > ul {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 280px;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .stellarnav.mobile.right > ul {
        right: 0;
    }

    .stellarnav.mobile.right .close-menu,
    .stellarnav.mobile.left .close-menu {
        display: inline-block;
        text-align: right;
    }

    .stellarnav.mobile.left > ul {
        left: 0;
    }

    .stellarnav.mobile.right .close-menu.half {
        text-align: center;
    }

    .stellarnav.mobile.right .close-menu.third {
        text-align: center;
    }

    .stellarnav.mobile.left .close-menu.half {
        text-align: center;
    }

    .stellarnav.mobile.left .close-menu.third {
        text-align: center;
    }

        .stellarnav.mobile.left .close-menu.third span,
        .stellarnav.mobile.right .close-menu.third span {
            display: none;
        }

/* left and right positions */

/* Fallback for slow javascript load */
@media only screen and (max-width:768px) {
    .stellarnav {
        overflow: hidden;
        display: block;
    }

        .stellarnav ul {
            position: relative;
            display: none;
        }
}