﻿#menu ul {}
.navbar {margin-bottom: 0; border:0; }
#navigation .nav .dropdown-menu {margin-top:-1px;/* removes gap to allow smooth transition from menu item to dropdown item*/}
#navigation ul.nav li.dropdown:hover > ul.dropdown-menu {display: block !important; /* enables hover */}

.nav-justified>li {background:#fff !important; border-bottom: solid 16px #fff;}
.nav-justified>:hover {background:#fff !important;}
.nav-justified>li>a {margin-bottom: 0;padding: 18px 0 16px 0; color:#3b4040;}
.nav-justified>li:nth-child(1), .nav-justified>li:nth-child(1):hover, .nav-justified>li:nth-child(2), .nav-justified>li:nth-child(2):hover {border-bottom: solid 16px #004a8a;} 
.nav-justified>li:nth-child(3), .nav-justified>li:nth-child(3):hover, .nav-justified>li:nth-child(4), .nav-justified>li:nth-child(4):hover {border-bottom: solid 16px #b81d19;}
.nav-justified>li:nth-child(5), .nav-justified>li:nth-child(5):hover, .nav-justified>li:nth-child(6), .nav-justified>li:nth-child(6):hover {border-bottom: solid 16px #34a370;}
.nav-justified>li:nth-child(7), .nav-justified>li:nth-child(7):hover, .nav-justified>li:nth-child(8), .nav-justified>li:nth-child(8):hover {border-bottom: solid 16px #3b4040;}
.nav-justified>li:nth-child(9), .nav-justified>li:nth-child(9):hover, .nav-justified>li:nth-child(10), .nav-justified>li:nth-child(10):hover {border-bottom: solid 16px #ddd}

.nav-justified>li:nth-child(1) a:hover, .nav-justified>li:nth-child(2) a:hover, .nav-justified>li:nth-child(2) .dropdown-menu   {background:#004a8a;}
.nav-justified>li:nth-child(3) a:hover, .nav-justified>li:nth-child(4) a:hover, .nav-justified>li:nth-child(3) .dropdown-menu, .nav-justified>li:nth-child(4) .dropdown-menu  {background:#b81d19;} 
.nav-justified>li:nth-child(5) a:hover, .nav-justified>li:nth-child(6) a:hover, .nav-justified>li:nth-child(5) .dropdown-menu, .nav-justified>li:nth-child(6) .dropdown-menu  {background:#34a370;}
.nav-justified>li:nth-child(7) a:hover, .nav-justified>li:nth-child(8) a:hover, .nav-justified>li:nth-child(7) .dropdown-menu, .nav-justified>li:nth-child(8) .dropdown-menu  {background:#3b4040;} 
.nav-justified>li:nth-child(9) a:hover, .nav-justified>li:nth-child(10) a:hover, .nav-justified>li:nth-child(9) .dropdown-menu, .nav-justified>li:nth-child(10) .dropdown-menu  {background:#ddd;} 

.nav-justified>li a:hover, .nav-justified .dropdown-menu li a {color:#fff;}
.nav-justified>li:nth-child(9) a:hover, .nav-justified>li:nth-child(10) a:hover, #nav-cols a {color:#3b4040;}

.nav-justified .dropdown-menu {width:200%;padding:0 0 0 0;border-radius:0; border:none; box-shadow:none;}
.nav-justified .dropdown-menu li a {padding: 18px 0 16px 20px; border-top:solid 1px #fff; border-bottom: solid 1px transparent; text-align:left;}
.nav-justified .dropdown-menu li a:hover {border-top: solid 1px #fff;}

.breadcrumb {background:#fff;}
.breadcrumb .fa-home {font-size:30px; padding:12px 12px 0 0;}
.breadcrumb #home {float:left; padding: 2px 0 0 20px;position: relative; z-index:1; line-height:3;background: #004a8a;color:#fff;}
.breadcrumb #home:after{content: " ";height: 0;width: 0;position: absolute;left: 100%;top: 50%; z-index:3;border: solid transparent;pointer-events: none;border-color: rgba(255, 255, 255,0 );border-left-color: #004a8a;border-width: 29px;margin-top: -29px;}



@media (max-width: 1600px) {}
@media (max-width: 1400px) {}
@media (max-width: 1200px) {
     .breadcrumb .fa-home {font-size:30px; padding:0 0 0 0;}
    .breadcrumb #home {float:left; padding: 0 0 0  0;line-height:1;background: #fff;color:#004a8a;}
    .breadcrumb #home:after{content: " ";height: 0;width: 0;position: relative;left: 0;top: 0; border: none !important;margin-top: -20px;}
}

@media (max-width: 1023px) 
{
    #nav-cols {
        background:#fff;
        padding:0 10px 0 30px;
        border-top: solid 10px #fff;
        border-bottom: solid 10px #fff;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 3em;
        -moz-column-gap: 3em;
        column-gap: 3em;
        -moz-column-rule: 1px solid #eee;
        -webkit-column-rule: 1px solid #eee;
        column-rule: 1px solid #eee;}
        #nav-cols, #nav-cols li {list-style: none !important; text-align:left; }
     #nav-cols a {font-family: 'Noto Sans',sans-serif; text-transform:none;font-size:14px; line-height:1.4;}
     #nav-cols span {padding: 0 2px 0 0;}
     #nav-cols .child{margin-left:-40px;}
     .breadcrumb .fa-home {font-size:24px;}
     .breadcrumb #home {line-height:2.5;}
}

@media (max-width: 840px) {
    #nav-cols {
        padding: 0 10px 0 10px;
        list-style: none;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    #nav-cols li {padding-left:18px;}
    #nav-cols .child{margin-left:-59px;}
    #nav-cols .fa {padding-right:20px;}
}
@media (max-width: 767px) {
    .breadcrumb .fa-home {margin-left:-8px;}
}
@media (max-width: 680px) {
    #nav-cols {padding: 0 80px 0 80px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
    .breadcrumb .fa-home, .breadcrumb {display:none;}
}

    @media (max-width:480px) {
        #nav-cols {padding: 0 20px 0 20px;}
    }
    @media (max-width:420px) {
        #nav-cols {padding: 0 0 0 0;}
    }



