/*
 * Stellarnav.js 2.5.0
 * Responsive, lightweight, multi-level dropdown menu.
 * Copyright (c) 2018 Vinny Moreira - http://vinnymoreira.com
 * Released under the MIT license
 */
/* all nav */
#header .stellarnav { float: right; position: relative; z-index: 9900; line-height: normal; font-family: 'Roboto', sans-serif; padding: 0 20px 0 0;}
#header .stellarnav a { color: #FFF; }
#header .stellarnav ul { margin:0; padding: 0;}
#header .stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; font-weight: 700; }
#header .stellarnav li a { padding: 20px 15px 20px 26px; display: block; text-decoration: none; color:#FFF;  font-size: 14px; font-weight: 700; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }

/* main level */
#header .stellarnav > ul > li { display: inline-block; }
#header .stellarnav > ul > li > a { padding: 15px 20px; }

/* first level dd */
#header .stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none; background:rgba(15,14,135,0.90); margin: 2px 0 0 0; }
#header .stellarnav li li { display: block;font-size: 13px; font-weight: 500; }
#header .stellarnav li li a { font-size: 13px; color: #FFF; }
#header .stellarnav li.mega li { display: block; padding: 0 6px 0 0; }
#header .stellarnav ul ul li a:hover {  background:rgba(75,74,164,0.90); color: #FFF; padding: 20px 15px 20px 26px;}

/* second level dd */
#header .stellarnav ul ul ul { top: 0; left: 220px; }
#header .stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }

/* .drop-left */
#header .stellarnav > ul > li.drop-left > ul { right: 0; }
#header .stellarnav li.drop-left ul ul { left: auto; right: 220px; }

/* light theme */
#header .stellarnav.light { background: rgba(255, 255, 255, 1); }
#header .stellarnav.light a { color: #000; }
#header .stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
#header .stellarnav.light li a { color: #000; }

/* sticky nav */

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }

/* general styling */

#header .stellarnav li.has-sub > a:after { content: ''; margin-left: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF; display: inline-block; }
#header .stellarnav li li.has-sub > a:after {  float: right; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; position: relative; top: 4px; }
#header .stellarnav li.drop-left li.has-sub > a:after { position: absolute; top:50%; left: 10px;  margin: -5px 0 0 0 ; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
#header .stellarnav.hide-arrows li.has-sub > a:after, #header .stellarnav.hide-arrows li li.has-sub > a:after, #header .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
#header .stellarnav .menu-toggle, #header .stellarnav .close-menu, #header .stellarnav .call-btn-mobile, #header .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
#header .stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
#header .stellarnav.desktop li.has-sub a { padding-right: 5px; }
#header .stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }

#header .stellarnav li.call-btn-mobile, #header .stellarnav li.location-btn-mobile { display: none; }

#header .stellarnav .menu-toggle, #header .stellarnav .call-btn-mobile, #header .stellarnav .location-btn-mobile, #header .stellarnav .close-menu { padding: 15px; box-sizing: border-box; }
#header .stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top: 3px; }
#header .stellarnav .menu-toggle span.bars span { display: block; width: 15px; height: 2px; border-radius: 6px; background: #FFF; margin: 0 0 3px 0;  }

#header .stellarnav > ul > li.drop-left > ul { position: absolute; top:50px; }

#header .stellarnav.desktop li.mega ul ul { background: none; width: 100%; }
#header .stellarnav.desktop li.mega li { float: left; min-width: 200px; }
#header .stellarnav.desktop li.mega li.wide { float: left; min-width: 400px; background:rgba(255,255,255,0.90); }
#header .stellarnav.desktop li.mega li.mini { float: left; min-width: 80px; max-width: 80px; text-indent: 0.8em; }
#header .stellarnav.desktop li.mega li a:hover { background:rgba(75,74,164,0.90); color: #FFF; }
#header .stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
#header .stellarnav.desktop li.mega ul ul { width: auto; }

#header .stellarnav.desktop li.mega li a { min-width: 200px; }
#header .stellarnav.desktop li.mega li.wide a { min-width: 400px; color:rgba(19,18,84,1.0); }
#header .stellarnav.desktop li.mega li.wide a:hover { color:#FFF; }
#header .stellarnav.desktop li.mega li.mini a { min-width: 80px; max-width: 80px; }
#header .stellarnav.desktop > ul > li.mega > ul { position: absolute; left: 500px; width: 400px; top:52px; }
#header .stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
#header .stellarnav.desktop > ul > li.mega > ul > li { box-sizing: border-box; }
#header .stellarnav.desktop li.mega li li a { padding: 5px 15px; }
#header .stellarnav.desktop li.mega li.has-sub a:after { display: none; }
#header .stellarnav.desktop > ul > li.mega > ul > li > a { color: #FFF; }

#header li.mini.nonlink a { pointer-events: none; opacity: 0.3; }
