/* NAVIGATION
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Reset */
.nav ul,
.nav li {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

.nav a {
    text-decoration: none;
}

.nav li {
    list-style: none;
}

/* Menu Container */
.nav {
    display: inline-block;
    cursor: default;
    z-index: 500;
    float: right;
    margin-top: 16px;
}

    /* Menu List */
    .nav > li {
        display: block;
        float: left;
    }

        /* Menu Links */
        .nav > li > a {
            position: relative;
            display: block;
            z-index: 510;
            padding: 5px 10px 8px 10px;
            font: 20px 'oswaldlight';
            text-transform: uppercase;
            color: #757575;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
        }

        .nav > li:hover > a {
            background-color: #3bc500;
            color: #fff;
        }


/* Menu Dropdown */
#navWrap ul > li > div {
    position: absolute;
    display: block;
    width: 100%;
    top: 90px;
    left: 0;
    height: 248px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background-color: rgba(0,0,0,.93);
    border-radius: 0 0 3px 3px;
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}

#navWrap ul > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

/* Sub Menu Styles */
#navWrap ul .nav-column {
    float: left;
    padding: 2.5%;
    padding-top: 55px;
}

    #navWrap ul .nav-column h3 {
        font: 18px 'oswaldbook';
        color: #fff;
        text-transform: uppercase;
        margin: 0;
        padding-bottom: 12px;
        white-space: nowrap;
    }

#navWrap .nav-column h3 a {
    color: #fff;
    display: block;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

#navWrap .nav-column h3:hover a {
    color: #ff9b00;
}

#navWrap .nav-column ul {
    padding-left: 0;
    width: 150px;
}

#navWrap ul li div .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
}

#navWrap.nav-column li a {
    display: block;
    line-height: 42px;
    font: 16px 'oswaldlight';
    color: #888888;
    padding-bottom: 12px;
}

    #navWrap.nav-column li a:hover {
        color: #3bc500;
    }

#navWrap.nav-column li .fa-angle-right {
    padding-right: 4px;
    top: -2px;
    position: relative;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

#navWrap.nav-column li a:hover .fa-angle-right {
    padding-left: 5px;
}


#navWrap ul .header-companies {

}

    #navWrap ul .header-companies .nav-column {
        padding: 20px 0 0 0;
    }


        #navWrap ul .header-companies .nav-column h3 {
            font-family: 'oswaldlight';
            font-size: 20px;
            padding: 0;
            margin: 0;
            line-height: 21px;
        }

        #navWrap ul .header-companies .nav-column span {
            font-family: 'fira_sanslight';
            font-size: 14px;
            color: #fe9d00;
        }

.nav-column .company {
    width: 327px;
    margin-right: 10px;
    text-align: center;
    background: url('../images/companies-rollover.png') no-repeat center -200px;
    padding-top: 5px;
}

    .nav-column .company:hover {
        background: url('../images/companies-rollover.png') no-repeat center top -5px;
    }

.nav-column:last-child .company {
    margin-right: 0;
}

#navWrap ul .header-contact .nav-column, #navWrap ul .header-about .nav-column {
    width: 100%;
    /*padding-left: 30%;*/
}

.header-about {
    background-image: url('../images/img-about.png');
    background-repeat: no-repeat;
    background-position: 63% 0;
}

.header-products {
    background-image: url('../images/img-products.png');
    background-repeat: no-repeat;
    background-position: 73% -52px;
}

.header-government {
    background-image: url('../images/img-government.png');
    background-repeat: no-repeat;
    background-position: 60% 6px;
}

.header-commercial {
    background-image: url('../images/img-commercial.png');
    background-repeat: no-repeat;
    background-position: 68% 0;
}

.header-contact {
    background-image: url('../images/img-contact.png');
    background-repeat: no-repeat;
    background-position: 59% -57px;
}