/* Base nav */
.nav { position:relative; display:inline-block }
.nav-list { text-align:left; list-style:none; margin:0 }
.nav-list li { float:left; zoom:1; position:relative; margin:0 10px }
.nav-list li a, .innner-menu-text { display:block; padding:8px 13px 12px 13px; color:#0a0a6d; font-size:24px }
.nav-list li:last-child > a { padding-right:0 }
.nav-list li.active > a, .nav-list li:hover > a, .nav-submenu li .inner-menu-v a:hover .innner-menu-text, .nav-list li.active .nav-label { color:#de1f26 }
.nav-list li.dropdown:hover > a { background:#fff; box-shadow:0 0 13px rgba(0, 0, 0, 0.25); border-radius:2px 2px 0 0; position:relative }
.nav-list li:hover .nav-submenu { display:block }
.nav-list li.dropdown:hover > a::after { width:100%; height:12px; background:#fff; content:""; display:block; position:absolute; left:0; bottom:0; z-index:999 }
.nav-mobile-open { display:none }

/* Nav label (non-link menu item) */
.nav-label { display:block; padding:7px 15px; color:#0a0a6d; font-size:24px; cursor:pointer; line-height:22px }
.nav-label:hover { color:#de1f26 }

/* Navigation submenu */
.nav-submenu { display:none; position:absolute; left:0; width:250px; z-index:99; padding:0; box-shadow:0 0 13px rgba(0, 0, 0, 0.25); border-radius:0 0 5px 5px; list-style:none; background:#fff }
.nav-submenu li { margin:0; width:100% }
.nav-submenu li a { display:block; padding:8px 14px; font-size:16px; color:#595959 }
.nav-submenu li a:hover { color:#de1f26 }
.nav-submenu li:last-child a { border-radius:0 0 5px 5px }
.vehicle-submenu-content-box { display:flex }
.inner-menu-v { display:flex; align-items:flex-end }
.nav-submenu li .inner-menu-v a { display:flex; align-items:flex-end; padding:8px 0 8px 14px }
.innner-menu-text { line-height:1; padding:8px 0 12px 13px; margin-left:-10px; font-size:22px; font-weight:400 }
.nav .nav-submenu:not(.nav-submenu--collapsible) { display:block !important }

/* Collapsible submenu */
.nav-submenu--collapsible { display:none }
.nav-list .nav-submenu--collapsible { margin-bottom:10px }
.nav-list .nav-submenu--collapsible li a, .nav-list .nav-submenu--collapsible li:last-child a { margin-left:15px; padding:3px 24px 5px; font-size:18px }

/* Mobile nav toggle button */
.nav-mobile { cursor:pointer; position:absolute; top:45px; left:40px; background:url(../../graphics-new/menu.svg) no-repeat center center; background-size:30px; height:32px; width:32px; z-index:1; display:block }
.nav-mobile.active { background:url(../../graphics-new/menu-hover.svg) no-repeat center center; background-size:30px; filter:inherit !important }

/* Nav click (submenu toggle arrow) */
.nav .nav-click { display:inherit }
.nav-click { position:absolute; top:0; right:0; display:none; height:40px; cursor:pointer }
.nav-click i { display:block; background:url(../../graphics-new/menu.svg) no-repeat calc(100% - 15px) center; background-size:24px; height:43px; width:50px }
.nav-click i.nav-rotate, .nav-primary-click i.nav-primary-rotate { background:url(../../graphics-new/menu-hover.svg) no-repeat calc(100% - 15px) center; background-size:24px }

/* Primary menu */
.primary-navigation { background:#ebebeb }
.nav-primary { position:relative; display:flex; justify-content:flex-end }
.nav-primary-list { text-align:left; list-style:none; margin:0 }
.nav-primary-list li { float:left; zoom:1; position:relative }
.nav-primary-list li > a { display:block; padding:12px 14px 7px 14px; color:#de1f26; font-size:20px; font-weight:bold }
.nav-primary-list li:last-child > a { padding-right:0 }
.nav-primary-list li > a:hover { color:#de1f26 }
.nav-primary-list li.dropdown:hover > a { box-shadow:0 0 13px rgba(0, 0, 0, 0.25); border-radius:2px 2px 0 0; position:relative; color:#fff }
.nav-primary-list li.active > a { color:#de1f26; font-weight:700 }
.nav-primary-list li:hover .nav-primary-submenu { display:block }

/* Primary navigation submenu */
.nav-primary-submenu { display:none; position:absolute; left:0; width:250px; z-index:99; padding:0; box-shadow:0 0 13px rgba(0, 0, 0, 0.25); border-radius:0 0 5px 5px; list-style:none }
.nav-primary-submenu li { margin:0; width:100% }
.nav-primary-submenu li a { display:block; padding:8px 14px; font-size:16px; color:#fff; font-weight:100 }
.nav-primary-submenu li a:hover { background:#fff; color:#de1f26 }
.nav-primary-submenu li:last-child a { border-radius:0 0 5px 5px }

/* Primary mobile nav toggle button */
.nav-primary-mobile { display:none; cursor:pointer; position:absolute; top:0; right:0; background:url(../../graphics-new/menu-open.svg) no-repeat right center; background-size:24px; height:30px; width:30px }

/* Primary nav click (submenu toggle arrow) */
.nav-primary-click { position:absolute; top:0; right:0; display:none; height:49px; width:50px; cursor:pointer }
.nav-primary-click i { display:block; background:url(../../graphics-new/sub-menu-open.svg) no-repeat calc(100% - 15px) center; background-size:24px; height:43px; width:50px }
.nav-primary-list-mob { display:none }


/* Mobile nav overrides */
.header-top { position:relative }
.nav { width:100%; padding:0; position:absolute }
.nav-list { display:none; background:#dbdbdb; padding:12px 8px; position:absolute; left:40px; z-index:9; top:85px; border:6px solid #e8e8e8; border-radius:24px; width:830px; box-shadow:0 0 8px rgba(0, 0, 0, 0.3); overflow:hidden }
.nav-list li { width:100%; float:none; position:relative; margin:0 }
.nav-list li > a { padding:7px 15px; line-height:22px }
.nav-list li > a .inner-menu-v, .nav-list li > a .vehicle-submenu-content-box { display:flex; align-items:end }
.nav-list li > a .innner-menu-text { padding:0; line-height:22px; font-size:22px }
.nav-list li > a .vehicle-submenu-content-box { justify-content:space-between }
.nav-list li:hover .nav-submenu { display:none }
/*.nav-list .nav-submenu li:last-child > a { padding:7px 15px }*/
.nav-list .nav-submenu:not(.nav-submenu--collapsible) li:last-child > a { padding:7px 15px }
.nav-click { display:block }
.nav-submenu { position:static; width:100%; background:#dbdbdb; box-shadow:inherit }
.nav-mobile-open { display:flex; list-style:none; padding:0; margin:0; border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0 }
.nav-mobile-open a { font-size:18px; color:#767676; padding-right:18px }
.nav-mobile-open li.active a { color:var(--light-green); font-family:var(--fontfamily700); font-weight:700 }

/* Primary mobile nav overrides */
.nav-primary-mobile { display:block }
.nav-primary { width:100%; padding:0 46px 0 0 }
.nav-primary-list { display:none; position:absolute; padding:0; right:-15px; left:-15px; background:var(--primary); top:40px; z-index:9 }
.nav-primary-list li { width:100%; float:none; text-align:center }
.nav-primary-list li > a { padding:15px; font-size:20px; color:#fff }
.nav-primary-click { display:block }
.nav-primary-mobile-open { border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0 }
.nav-primary-list li:hover .nav-primary-submenu { display:none }
.nav-primary-submenu { position:static; width:100%; background:#676a52; box-shadow:none }
.nav-primary-submenu li a { font-size:16px; padding:4px 14px }
.nav-primary-list-mob { display:flex; list-style:none; padding:0; margin:0 }
.nav-primary-list-mob a { display:block; padding:4px 0 0 0; color:var(--primary); font-size:18px; font-family:var(--fontfamilyBeurmon); font-weight:bold }