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


.topLevelArrowWrap{
    display:none;
}

.topLevelArrowWrap svg{
    display:none;
}
    




    .mHeaderWrap{
        background: #fff;
        height:60px;
    }
    
    #mLogo{
        width:180px;
        padding:5px 0 0 10px;
    }
    
    .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 li{
        position:relative;
        text-align:left;
    }

    .mNav a{
        width:100% !important;
        z-index:1;
        color:#ccc;
    }
    

    .mNav li div.dropArrowWrap{
        position:absolute;
        right:0;
        top:0;
        width:62px; 
        height:42px; 
        cursor: pointer;
        z-index:9999;
        
    }

    .mNav li div.dropArrowWrap div.dropArrow{
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:auto;
        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 8px;
    }

    .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: 1100px) {
.topLevelArrowWrap{
    display:inline-block;
}

.topLevelArrowWrap svg{
    display:inline-block;
}    
    
    
    
    
.mHeaderWrap{
    display:none;
}

.bigNav{
    display:block
}
    
 .navRowOneWrap{
        display:table;
        width:100%;
        margin:0;
        padding:0 0 0 2%;
    }

    .navRowOne{
        display:table-row;
    }
    
    .logoWrap{
       width:224px;
       max-width:224px;
       display:table-cell;
       vertical-align:middle;
       padding:6px 0;
    }
    
    .utilNavWrap{
        display:table-cell;
        vertical-align:top;
        text-align:right;
    }
    
    .utilNav{
        padding-top:11px;
    
    }
    
    .utilNav li{
        display:inline-block;
        height:14px;
        line-height:14px;
        vertical-align: top;
    }
    
    .utilNav li .utilNavItem{
        border-right:1px solid #000;
        padding:0px 15px 0px 15px;
    }
    
    .utilNav li:last-child .utilNavItem{
        border-right:0;
    }
    
    .utilNav li.utilActive a{
        color:#f4b936 !important;
    }

    
    .utilNav li a{
        color:#000;
        text-decoration:none;
        padding:0;
        text-transform: uppercase;
        font-size:14px;
        font-weight:600;
    }
    
    .rfStoreCell{
        display:table-cell;
        width:85px;
        text-align: center;
        vertical-align:middle;
        background:#006464;
        line-height:16px;
        padding:5px 0;
    }
    
    .rfStoreCell a{
        color:#fff;
        text-decoration:none;
        font-size:14px;
        font-weight:600;
        
    }
    
    
    .navRowTwoWrap{
        display:table;
        width:100%;
        background:#556363;
        position:relative;
    }
    
    .navRowTwo{
        display:table-row;
    }
    
    .mainNavWrap{
        display:table-cell;
        width:100%;
    }
    
    li.topLevel{
        display:inline-block;
        vertical-align:middle;
        width:33%;
        border-right:2px solid #fff;
    }
    
    li.topLevel .topLevelArrowWrap{
        display:inline-block;
        font-size: 16px;
        padding-left: 10px;
    }
    
    
    
    
    
    li.navItemActive > .ddOuterWrap > a{
        color:#f4b936 !important;
    }
    
    li.topLevel:last-child{
        width:34%;
        border-right:0;
    }
    
    li.topLevel > .ddOuterWrap > a{
        display:inline-block;
        width:100%;
        text-align:center;
        line-height:40px;
        height:40px;
        color:#fff;
        text-decoration:none;
        font-size:26px;
        text-transform: uppercase;
    }
    
    li.topLevel .ddWrap{
        background:#e9eff2;
        width:100%;
        padding:25px 0 30px 0;
        position:absolute;
        left:0;
        top:40px;
        z-index:9999;
        visibility:hidden;
        opacity:0;
        filter:alpha(opacity=0);
        -webkit-transition:200ms ease;
        -moz-transition:200ms ease;
        -o-transition:200ms ease;
        transition:200ms ease;
    }
    
    li.topLevel .ddWrap a{
        color:#000;
        text-decoration:none;
        font-size:16px;
        font-weight:400;
    }
    
    li.topLevel .ddWrap .grid{
        min-width:0 !important;
    
    }
    
    li.topLevel .ddWrap .twoColHeader h2{
        width:98%;
        text-align:center;
        border-bottom:1px solid #989898;
        font-size:16px;
        text-transform: uppercase;
        font-weight:600;
        padding-bottom:2px;
        margin-bottom:13px
    }
    
    li.topLevel .ddWrap .threeColHeader h2{
        width:98%;
        text-align:left;
        border-bottom:1px solid #989898;
        font-size:16px;
        text-transform: uppercase;
        font-weight:600;
        padding-bottom:2px;
        margin-bottom:13px
    }

    li.topLevel .ddWrap .arrowWrap{
        color:#006464;
        display:inline-block;
        padding-right:3px;
        vertical-align: top;
    }
    
    li.topLevel .ddWrap li{
        padding-bottom:7px;
    }
    
    .threeColNavItemWrap{
        display:inline-block;
        width:80%;
        vertical-align: top;
    }
    
    
    
    
    
    li.topLevel:hover{
        background:#758989;
    }
    
    
    
    
    
    .ddOuterWrap:hover .ddWrap{
        visibility:visible;
        opacity:.9;
        filter:alpha(opacity=90);
    }