/*====================================================*/
/* top nav mobile                                     */
/*====================================================*/
.bigNav{display:none}

    .mHeaderWrap{
        background: #fff;
        height:60px;
    }
    
    #mLogo{
        width:180px;
        padding:5px 0 0 10px;
    }

    .searchIcon{
        width:40px;
    }

    .mSearch{
        display:none;
    }
    
    .largeUp{
        display:none;
    }

    .mHeaderTable {
        display:table;
        width:100%;
    }

    .mHeaderTableRow {
        display:table-row;
    }

    .mTableHeaderCell{
        display:table-cell;
    }

    .hamburgerCell{
        padding-right:3%;
        vertical-align: middle;
        text-align:right;
        height:60px;
    }

    .hamburger-ico{
        cursor: pointer;
        width:40px;
        vertical-align: middle;
    }

    


/* MOBILE NAV CSS  */

    .mNavWrap{
       position:absolute;
       z-index:1001;
       width:90%;
    }

    .mNav{
    }

    .mNav li{
        position:relative;
        text-align:left;
    }

    .mNav a{
        width:100% !important;
        z-index:1;
        color:#ccc;
    }
    
    .mNav li div.dropArrow{
        position:absolute;
        right:10px;
        top:20px;
        width: 0; 
        height: 0; 
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #999;
        cursor: pointer;
        z-index:9999
    }

    .dropArrowUp{
        border-top: 0 !important;
        border-bottom: 10px solid #999 !important;
    }

    .mNav ul{
       margin:0;
       padding:0;
       list-style-type:none;
    }

    .mNav ul li{
       color:#ccc;
       text-transform:uppercase;
       position:relative;
       border-bottom:1px solid #666;
    }
    
    .mNav ul li .topNavWrap{
       position:relative;
    }

    .mNav ul li a{
       display:block;
       color:#ccc;
       padding:15px 0 15px 10px;
       text-decoration:none;
    }

    .mNav ul li ul{
       background:#333;
       text-transform:none;
       width:100%;
       display:none;
    }

    .mNav ul li ul li{
    }
    
    .mNav ul li ul li:last-child{
        border:0;
    }



    .mNav ul.mNavHide{
       display:none;
    } 

    .mNav ul li ul li a{
       color:#ccc;
       font-size:12px;
        padding:8px 0 8px 20px;
    }

    .mNav ul li ul li ul li{
        background:#fff !important;
    }

    .mNav ul li ul li ul li a{
        color:#000 !important;
        padding:5px 0 5px 10px !important;
        
    }

    .mNavPhone{
       background:#edecec;
       color:#036f98;
       border:0;
       padding:5px;
    }

    .mNavPhone h2{
       font-size:20px;
       margin:0;
       padding:0;
    }
/* END MOBILE NAV */


/*====================================================*/
/* top nav desktop                                    */
/*====================================================*/


@media (min-width: 1300px) {
    .mHeaderWrap{
        display:none;
    }
    
    .bigNav{display:block}
    
    .utilNavOuterWrap{
        width:100%;
        background:#495164;
        padding:10px 0;
    }
    
    .utilNavInnerWrap{
        width:90%;
        margin:0 auto;
        text-align:right;
    } 
    
    .utilNavWrap{
        display:inline-block;
        text-align:center;
        margin:0 0 0 auto;
    }
    
    
    .utilNavWrap li{
        display:inline-block;
        padding:0 16px;
        border-right:1px solid #fff;
    }
    
    .utilNavWrap li:last-child{
        padding-right:0;
        border-right:0;
    }
    
    .utilNavWrap li a{
        font-family: 'hn-Med','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
        text-decoration:none;
        font-size:14px;
        color:#fff;
        text-transform: uppercase;
    }

    .utilNavWrap li.navItemActive a{
        color:#0e84bf;
    }
    
    
    
    .subNav{
        z-index:9999;
    }
    
    
   .mainNavOuterWrap{
        width:100%;
        background:#e4e5e8;
        padding:10px 0;    
        text-align:center;
    }

    .mainNavInnerWrap{
        display:table;
        width:90%;
        margin:0 auto;
        text-align:left;
    }
    
    .mainNavInnerWrap .logoWrap{
        display:table-cell;
        vertical-align: middle
    }
    
    .mainNavInnerWrap .logoWrap img{
        max-width:315px;
    }
    
    
    
    .mainNavInnerWrap .navWrap{
        display:table-cell;
        vertical-align: bottom;
        text-align:right;
    }
    
    
    .mainNavInnerWrap .navWrap .nav{
        display:inline-block;
        margin: 0 0 0 auto;
    }
    
    .mainNavInnerWrap .navWrap .nav li.topLevel{
        display:inline-block;
        padding:10px 60px;
        position:relative;
    }
    
    .mainNavInnerWrap .navWrap .nav li.topLevel:last-child{
        padding-right:0;
    }
    
    
    
    .mainNavInnerWrap .navWrap .nav li.topLevel a{
        text-decoration:none;
        font-size: 30px;
        color:#000;
        font-family: 'hn-Thin','Helvetica Neue', 'Helvetica', 'Arial',sans-serif;
        text-transform: uppercase;
    }
    
    .mainNavInnerWrap > .navWrap > .nav > ul > li.navItemActive > .navItemWrap > a{
        color:#0e84bf;
        
    }
    
    
    
    
    
    .mainNavInnerWrap .navWrap .nav li.topLevel ul{
         position:absolute;
         top:40px;
         background:#e4e5e8;
         padding:20px;
         width:300px;
         left:40px;
         display:none;
    }
    
    .mainNavInnerWrap .navWrap .nav li.topLevel ul{
         position:absolute;
         top:40px;
         background:#e4e5e8;
         left:40px;
    }
    
    .mainNavInnerWrap .navWrap .nav li.topLevel ul li{
        text-align:left; 
        padding:5px 0;
    }
    
    .mainNavInnerWrap .navWrap .nav li.topLevel ul li a{
        font-size:16px;   
    }
    
    .mainNavInnerWrap .navWrap .nav li.topLevel ul li a:hover{
        color:#0e84bf;  
    }