﻿
#menu a {color:#fff;}
#menu a:hover {background:#373737;}
.navbar {margin-bottom: 0; border:0; }
#navigation .nav .dropdown-menu {margin-top:1px;}
#navigation ul.nav li.dropdown:hover > ul.dropdown-menu {display: block !important;}

.nav-justified>li {border-bottom: solid 1px transparent; background: #004a8a; }
.nav-justified>li:hover {background:#373737;}
.nav-justified>li>a {margin-bottom: 0;padding: 18px 0 16px 0; text-align:center;}
.nav-justified>li a:hover, .nav-justified .dropdown-menu li a {color:#373737;}
.nav-justified .dropdown-menu {width:100%;padding:0 0 0 0;border-radius:0; border:none; background:#373737; border-top: solid 1px silver;}
.nav-justified .dropdown-menu li {border-bottom: solid 1px silver;}
.nav-justified .dropdown-menu li:hover {border-bottom: solid 1px silver;}
.nav-justified .dropdown-menu li a {padding: 18px 0 18px 20px;text-align:left; }

/*SIDE MENU TOP LEVEL*/
#side-menu {margin-left:16px;}
#side-menu ul li {margin-left:-40px;line-height: 1.4 !important; padding-left: 0; padding-bottom: 0; text-indent: 0 !important;background:#004a8a; border-bottom: solid 1px silver; }
#side-menu li:before {content:"" !important; padding-right:0;}
#side-menu ul li:hover {border-bottom: solid 1px #fff;}
#side-menu ul li:last-child {border-bottom:none;}
#side-menu a {color:#fff; text-transform:uppercase; font-size:16px;padding: 0 20px 15px 20px;}
#side-menu .fa {font-size:18px; color:#fff;}
#side-menu a:hover, #side-menu .fa:hover {color:silver;}
#side-menu ul, #side-menu ul li {margin:0;padding:0;}
#side-menu ul li:hover {position:relative;}
#side-menu ul li a {display:inline-block;text-decoration:none;}
#side-menu .fa-chevron-right  {font-size:15px; margin-top:4px;}

/*SIDE MENU SECOND LEVEL*/
#side-menu ul li ul {position:absolute;border-radius:0; box-shadow:none; border-top: solid 1px silver !important; border-bottom: solid 1px silver !important;}
#side-menu ul li:hover ul {left:100%;top:-1px;display:block; background:#004a8a; border:none;}
#side-menu ul li ul li {background:#004a8a !important; border-top: solid 1px #fff; border-bottom:none;}
#side-menu ul li ul li:first-child {border:none;}
#side-menu ul li:hover ul li a:hover {background:transparent; border:none;}
#side-menu ul li ul li a {display:inline-block;width:280px;margin-left:10px;}

@media (max-width: 1400px) 
{
.nav-justified>li:first-child {padding-left:20px;}
#side-menu a {font-size:16px;padding: 0 14px 14px 16px;line-height:1;}
#side-menu .fa {font-size:14px;}
#side-menu ul li ul li a {margin-left:20px; margin-top:4px;}
}

@media (max-width: 1200px) 
{
#nav-cols {margin:-1px 0 0 0;padding:0 40px 0 40px;background:transparent;-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 3em;-moz-column-gap: 3em;column-gap: 3em;}
#nav-cols, #nav-cols li {list-style: none !important; text-align:left; }
#nav-cols a {font-size:14px; line-height:2; color:#373737; padding-top:2px;}
#nav-cols span {padding: 0 2px 0 0;}
#nav-cols .child{margin-left:-40px;}
#nav-cols a {padding-left:16px;border-top: solid 1px #3b4040; line-height:3;}
#nav-cols a:hover {border-top: solid 1px silver;}
}

@media (max-width: 767px) {#nav-cols {padding:0 140px 0 140px;-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 0;-moz-column-gap: 0;column-gap: 0;}}
@media (max-width: 680px) {#nav-cols {padding: 0 30px 0 30px;}}
@media (max-width: 580px) {#nav-cols {padding: 0 0 0 0;} #nav-cols a {padding-left:20px;}}
@media (max-width: 360px) {#nav-cols a {padding-left:10px;}}





