/* ====---- NAV 001 ----==== */

/******** GENERAL ********/
#nav001 a{text-decoration:none}
#nav001 .last-category{margin-left:0}
@media screen and (max-width:1325px){#nav001 .last-category{margin-left:-114px}}
@media screen and (max-width:767px){#nav001 .last-category{margin-left:0}}
#nav001 .fadeInDown{animation-duration:.5s;animation-delay:0s}
#nav001 .container-fluid{padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}
#nav001 .nav .navbar-nav li.nav-left{margin-left:-15px}
#nav001 .nav-right{float:right}
@media screen and (max-width:767px){#nav001 .nav-right{float:inherit}}
#nav001 .navbar-nav{margin:0px -15px}
#nav001 .navbar-default{background:transparent;border:0}
#nav001 .navbar{margin-bottom:0px}
#nav001 .open > .dropdown-menu{display:none}
#nav001 .dropdown:hover .dropdown-menu{display:block}
#nav001 .caret{border-top:5px dashed;border-top:5px solid\9;border-right:5px solid transparent;border-left:5px solid transparent}

/******** NAV ********/
#nav001 .navbar-default .navbar-nav > li > a{margin:14px 0px;padding:8px 10px;color:#1F406D;background:transparent;font-size:13px;font-weight:500;border:0;-o-transition:color .3s linear, background .3s linear;-moz-transition:color .3s linear, background .3s linear;-webkit-transition:color .3s linear, background .3s linear;transition:color .3s linear, background .3s linear}
#nav001 .navbar-default .navbar-nav > li > a:hover, 
#nav001 .navbar-default .navbar-nav > li > a:active, 
#nav001 .navbar-default .navbar-nav > li > a:focus{color:#fff;background:#1F406D}
@media screen and (max-width:991px){#nav001 .navbar-default .navbar-nav > li > a{padding:8px 9px;letter-spacing:-0.2px}}
@media screen and (max-width:767px){#nav001 .navbar-default .navbar-nav > li > a{padding:8px 10px;letter-spacing:inherit}}

#nav001 .navbar-default .navbar-nav > .active > a, 
#nav001 .navbar-default .navbar-nav > .active > a:focus, 
#nav001 .navbar-default .navbar-nav > .active > a:hover{background:#1F406D;color:#fff}

#nav001 .dropdown-menu{top:60px;padding:0;min-width:230px;background:#fff;--alpha2:0.3;box-shadow:0 10px 20px rgba(0,0,0, var(--alpha2));/*--alpha3:0.05;border:1px solid rgba(0,0,0, var(--alpha3))*/;border-radius:0;max-height:348px;overflow-y:auto;scrollbar-color:#1F406D #fff}
#nav001 .dropdown-menu > li > a{margin:0;padding:8px 20px;color:#1F406D;font-size:13px;font-weight:500;-o-transition:color .2s linear, background .2s linear;-moz-transition:color .2s linear, background .2s linear;-webkit-transition:color .2s linear, background .2s linear;transition:color .2s linear, background .2s linear}
#nav001 .dropdown-menu > li > a:hover{background:#1F406D;color:#fff}

/******** MEGAMENU ********/
#nav001 .megamenu{position:absolute;display:none;z-index:10;width:100%;left:0%;margin-left:0px;padding:20px;min-height:150px;background:#fff;color:#1F406D;--alpha2:0.3;box-shadow:0 10px 20px rgba(0, 0, 0, var(--alpha2))}

/******** MEGAMENU LINES ********/
#nav001 h1.megalist-headline{font-weight:500;font-size:24px}
#nav001 h2.megalist-headline{font-weight:500;font-size:18px;margin-bottom:8px}
#nav001 .megalist{margin:0;padding:8px 0px;margin-left:-10px;padding-left:10px;color:#1F406D;font-size:13px;font-weight:500;-o-transition:color .2s linear, background .2s linear;-moz-transition:color .2s linear, background .2s linear;-webkit-transition:color .2s linear, background .2s linear;transition:color .2s linear, background .2s linear}
#nav001 .megalist:hover{background:#1F406D;color:#fff}

#nav001 .col-sm-3, 
#nav001 .col-sm-4
{padding-left:inherit}

#nav001 .navbar-nav .mega-drop > li{position:inherit}
#nav001 .mega-drop > li{position:inherit}
#nav001 .mega-drop{position:inherit}
#nav001 .nav .mega-drop{position:inherit}

/******** MEGAMENU COLUMN ********/
#nav001 .megalist-headline{}
#nav001 .megalist-txt{margin-bottom:5px}
#nav001 .megalist-line{border-bottom:1px solid #1F406D}
#nav001 .column-3{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-width:33,33%;-moz-column-width:33,33%;column-width:33,33%}
#nav001 .column-4{-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-width:25%;-moz-column-width:25%;column-width:25%}

/******** MEGAMENU MODIFIED ********/
#nav001 h2.megalist-headline{padding:5px;margin:0 -13px 0 -1px;background:#005298;color:#fff}
#nav001 .megalist{padding-left:7px;margin:0 -13px 0 -1px}
@media screen and (max-width:767px){
#nav001 h2.megalist-headline{padding:inherit;margin:inherit;background:inherit;color:inherit;margin-bottom:8px}
#nav001 .megalist{padding-left:inherit;margin:inherit}
}

/******** NAV STICKY ********/
#nav001.sticky .nav-bg{background:#fff}
#nav001.sticky{position:fixed;z-index:1003;top:0px;width:100%;--alpha2:0.3;box-shadow:0 10px 20px rgba(0,0,0, var(--alpha2));}
#nav001.sticky .nav-bg{opacity:1}

#nav001.sticky .megamenu{width:1140px;left:0;margin-left:0px}
@media screen and (max-width:1199px){#nav001.sticky .megamenu{width:940px;left:0;margin-left:0}}
@media screen and (max-width:991px){#nav001.sticky .megamenu{width:720px;left:0;margin-left:0}}
@media screen and (max-width:767px){#nav001.sticky .megamenu{width:100%;left:0;margin-left:0}}

/******** NAV STICKY, POSITION RIGHT (variable in configure/sites) ********/
#nav001.navR.sticky .navbar-nav{float:right}

#nav001.navR.sticky .megamenu{width:1140px;left:0%;margin-left:-717px}
@media screen and (max-width:1199px){#nav001.navR.sticky .megamenu{width:940px;left:0%;margin-left:-517px}}
@media screen and (max-width:991px){#nav001.navR.sticky .megamenu{width:720px;left:0%;margin-left:-298px}}
@media screen and (max-width:767px){#nav001.navR.sticky .megamenu{width:100%;left:0;margin-left:0}}

/******** LOGO STICKY, POSITION RIGHT (variable in configure/sites) ********/
#nav001 .nav-logo-top{display:block;margin-top:5px}
#nav001.sticky .nav-logo-top{display:none;margin-top:inherit}

#nav001 .nav-logo-scroll{display:none}
#nav001.navR.sticky .nav-logo-scroll{display:block;float:left;padding:5px 0}
@media screen and (max-width:1199px){
#nav001 .nav-logo-top{display:none}
#nav001.navR.sticky .nav-logo-scroll{display:none}
}
@media screen and (max-width:767px){
#nav001 .nav-logo-top{display:block;margin-top:2px;margin-left:15px;margin-bottom:4px}
#nav001.navR.sticky .nav-logo-scroll{display:block;float:inherit;padding:5px 0 5px 15px}
#nav001.navR.sticky .nav-logo-scroll img{max-width:70%}
}
@media screen and (max-width:767px){#nav001 img{max-width:75%}}

/******** MOBILE VERSION ********/
@media screen and (max-width:767px){
#nav001 .container{margin-left:auto;margin-right:auto}
#nav001.navR.sticky .navbar-nav{float:inherit}
#nav001 .navbar-default .navbar-toggle{border-color:#1F406D;margin-top:12px}
#nav001 .navbar-default .navbar-toggle .icon-bar{background:#1F406D}
#nav001 .navbar-default .navbar-toggle:hover, 
#nav001 .navbar-default .navbar-toggle:active, 
#nav001 .navbar-default .navbar-toggle:focus
{--alpha:0.3;background:rgba(0,0,0, var(--alpha));}

/* ====---- Toggle blue, position top ----==== */
#nav001 .open > .dropdown-menu{display:block !important}
#nav001 .dropdown:hover .dropdown-menu{display:none}
#nav001 .nav .navbar-nav li.nav-left{margin-left:0}

#nav001 .navbar-default .navbar-nav > li > a{margin:0px 0px;font-size:14px;color:#bbb}
#nav001 .navbar-default .navbar-nav > li > a:hover, 
#nav001 .navbar-default .navbar-nav > li > a:active, 
#nav001 .navbar-default .navbar-nav > li > a:focus
{margin-top:0;margin:0px 0px;border-top:0;--alpha:0.9;background:rgba(31,64,109, var(--alpha));color:#fff;}

#nav001 .navbar-default .navbar-nav .open .dropdown-menu > li > a{padding:12px 16px;font-size:14px;color:#bbb;--alpha:0.8;background:rgba(31,64,109, var(--alpha));--alpha3:0.25;border-bottom:1px solid rgba(255,255,255, var(--alpha3))}
#nav001 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{--alpha:0.85;background:rgba(31,64,109, var(--alpha));color:#fff;--alpha3:1;border-bottom:1px solid rgba(255,255,255, var(--alpha3))}

#nav001 .navbar-default .navbar-nav{--alpha:0.96;background:rgba(31,64,109, var(--alpha))}
#nav001 .navbar-default .navbar-nav > .open > a, 
#nav001 .navbar-default .navbar-nav > .open > a:focus, 
#nav001 .navbar-default .navbar-nav > .open > a:active{color:#fff;--alpha:0.8;background:rgba(255,255,255, var(--alpha))}

#nav001 .caret{position:relative;float:right;top:8px}

#nav001 .navbar-nav .open .dropdown-menu{--alpha2:0.3;box-shadow:0 10px 20px rgba(255,255,255, var(--alpha2));/*height:272px;*/max-height:800px;overflow-y:auto}

#nav001 .megamenu{padding:0px}
#nav001 .megamenu{position:initial;top:0;width:100%;margin-left:inherit;background:#1F406D;color:#fff}

#nav001 .column-3, 
#nav001 .column-4
{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-width:100%;-moz-column-width:100%;column-width:100%}

#nav001 h1.megalist-headline{font-size:20px;padding: 20px 20px 0 14px}
#nav001 h2.megalist-headline{font-size:16px;padding: 20px 20px 0 14px}
#nav001 .megalist-txt{padding:10px 14px}
#nav001 .megalist{display:block;margin:0;padding:12px 14px;width:100%;color:#fff;border-left:2px solid transparent;font-size:14px;font-weight:500;--alpha: 0.8;background: rgba(0,82,152, var(--alpha));--alpha3: 0.25;border-bottom: 1px solid rgba(255, 255, 255, var(--alpha3))}
#nav001 .megalist:hover{--alpha:0.85;background:rgba(62,113,187, var(--alpha));color:#fff;--alpha3:1;border-left:2px solid transparent;border-bottom:1px solid rgba(255, 255, 255, var(--alpha3))}

#nav001 .col-sm-3, 
#nav001 .col-sm-4
{padding-left:inherit;padding-right:inherit}

#nav001 .megalist-bottom{margin-bottom:20px}
}