/* Loaded last, overrides master.css/new-master.css. Desktop nav >=980px; hamburger below. Admin hamburger: admin/css/sb-admin-2.css. */

/* 1. SECTION WRAPPER */
section#sticky_header {
  z-index: 999;
  width: 100%;
  position: fixed;
  top: 0;
  transition: transform 0.25s ease-in-out;
}
/* JS-driven fixed-position states (used by scroll handler) */
section#sticky_header.fixedPosScrollUp   { position: fixed; top: 0; transform: translateY(0);     transition: transform 0.25s ease-in-out; will-change: transform; }
section#sticky_header.fixedPosScrollDown { position: fixed; top: 0; transform: translateY(-100px); transition: transform 0.25s ease-in-out; will-change: transform; }
section#sticky_header.fixedPos           { position: fixed; top: 0; transform: translateY(0);     transition: transform 0.25s ease-in-out; will-change: transform; }


/* 2. HEADER BASE */
header#header {
  min-height: 90px;
  box-shadow: 0 0 2px #ffffff;
}

/* Sticky state - JS adds .sticky on scroll for non-home pages */
header#header.sticky {
  position: fixed;
  top: 0 !important;
  width: 100%;
  min-height: 90px;
  background-color: var(--white);
  box-shadow: 0 0 2px #ffffff;
  float: left;
}
.showHeaderShadow header { box-shadow: 0 0px 1px var(--lgray-66); }

/* Page-content offset so content doesn't hide behind the fixed header */
#wrapper:not(.home_image) .pageContainerMain { margin-top: 97px; }

@media (min-width: 320px) and (max-width: 670px) {
  .nav-up { top: -81px !important; }
}


/* 3. TOP PANEL */
.topPanel {
  width: 100%;
  text-align: right;
  border-bottom: solid 1px var(--lgray-cc);
  line-height: 0;
  padding: 0px;
  background-color: var(--front_topbar_bg) !important;
}
.topPanel .col-xs-12 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
}
.topPanel a {
  color: #000;
  font-weight: 300;
  font-size: 13px;
  line-height: 0;
  display: inline-block;
  text-align: left;
  font-family: var(--font-base);
}
.topPanel a.contactTop { font-family: var(--font-base); }
.topPanel .btn-group-vertical img { vertical-align: middle; margin-top: -4px; }

.topPanel a.contactTop,
.userLogindetail a,
.loginSubmenu a { padding: 0px 0px 0px 15px; }

header .topPanel a.contactTop,
header .topPanel .btn-group-vertical.loginSubmenu { border-left: none !important; position: relative; }
header .topPanel a.contactTop:before,
header .topPanel .btn-group-vertical.loginSubmenu:before,
header .userLogindetail a.dropdown-toggle:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 14px;
  background: transparent;
  top: 0;
  left: 0;
  border-left: 1px solid #000;
}
header .topPanel a.contactTop:before { background: transparent !important; }
header.sticky .topPanel a.contactTop,
header.sticky .topPanel .btn-group-vertical.loginSubmenu { border-left: none !important; }

.topPanel .userLogindetail ul li a:hover  { color: var(--white) !important; }
.topPanel .userLogindetail ul.dropdown-menu {
  min-width: 155px !important;
  left: auto;
  right: 0px;
  top: 24px;
}


/* 4. LOGIN / REGISTER DROPDOWN */
.loginSubmenu .dropdown-menu {
  width: 279px;
  background: #fff;
  border: 1px solid var(--lgray-cc);
  text-align: left;
  right: 0px;
  left: auto;
  top: 24px;
  padding: 0px;
  color: var(--white);
  font-size: 14px;
  overflow: hidden;
  z-index: 99999;
}
.loginSubmenu .dropdown-menu h2          { font-size: 15px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; }
.loginSubmenu .dropdown-menu p           { margin-bottom: 10px; color: #000; line-height: 20px; }
.loginSubmenu .dropdown-menu .btn        { text-align: center; border: 1px solid var(--cred); font-weight: normal; height: 40px; line-height: 38px; color: var(--white) !important; font-size: 14px; width: 100%; padding: 0px; }
.loginSubmenu .dropdown-menu .btn:hover  { background: var(--hred); }
.loginSubmenu .dropdown-menu .dropdown-content { padding: 12px 11px; color: var(--white); }
.loginSubmenu .dropdown-menu .dropdown-content span a { background: none; padding: 0px; color: var(--white) !important; line-height: 34px; text-decoration: underline; border: none; }
.loginSubmenu .dropdown-menu .dropdown-content span a:hover { text-decoration: underline; background: none; }


/* 5. LOGO */
.somi-logo { margin: 8px 10px 7px 15px; height: 48px; width: auto; }
header img.somi-logo.logo-black { display: block; }
header img.somi-logo.logo-white { display: none; }


/* 6. NAVBAR STRUCTURE */
.navbar-default { background-color: transparent !important; border: none; }

header .navbar-header { width: auto; height: 62px !important; }
header .navbar-brand  { display: inline-block; width: auto; float: left; height: 62px !important; }

header .nav {
  margin-top: 23px;
  margin-bottom: 0px;
  border-bottom: 1px solid #e7e7e7;
  background: var(--white);
}
header .nav > li {
  height: 62px !important;
  background-image: none !important;
  margin-right: 2px;
}
header .nav > li > a {
  font-family: var(--font-base);
  text-transform: uppercase;
  padding: 5px 10px 0 10px !important;
  color: var(--lgray-66);
  min-height: 52px;
  margin-top: 0px;
  line-height: 52px;
  border-top: 3px solid transparent;
  position: relative;
}
header .nav > li > a:after {
  position: absolute;
  content: '';
  right: -2px;
  bottom: 20px;
  width: 1px;
  height: 16px;
  border-left: 1px solid var(--lgray-33);
  background: transparent;
}
header .nav > li:last-child a:after { display: none; }
header .nav > li.active > a:after   { width: 1px; }

.navbar-default .navbar-nav > li > a { padding: 5px 10px 0 10px !important; min-height: 52px; margin-top: 0px; line-height: 52px; border-top: 3px solid transparent; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li:hover > a { border-top: 3px solid var(--cred); }

header .navbar-default .navbar-nav > .active > a {
  min-height: 52px;
  padding: 5px 10px 0 10px !important;
  line-height: 52px;
  background: transparent;
}
header.sticky .navbar-default .navbar-nav > li > a { min-height: 52px; line-height: 52px; }

header .nav > li > a.active,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: var(--front_primary_brand) !important; }


/* 7. DROPDOWN MENUS */
header .dropdown-menu {
  background: rgba(255, 255, 255, 1);
  padding: 0px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  opacity: 1;
}
header .nav > li > .dropdown-menu li         { border-bottom: 1px solid #e9e9e9; font-size: 14px; }
header .nav > li > .dropdown-menu li:last-child { border-bottom: none !important; }
header .nav > li > .dropdown-menu li a {
  font-size: 14px;
  padding: 7px 10px;
  overflow: hidden;
  font-family: var(--font-base);
  min-width: 240px;
}
header .nav > li > .dropdown-menu li a:hover { color: var(--white); background: var(--front_primary_brand); }
header .nav > li > .dropdown-submenu .dropdown-menu li a { border-bottom: none; }

.dropdown-submenu                         { position: relative; }
.dropdown-submenu > .dropdown-menu        { display: none; top: 0; left: 100%; margin-top: -1px; margin-left: 0px; }
.dropdown-submenu:hover .dropdown-menu    { display: block; }
.dropdown-submenu > a:after               { display: block; content: " "; width: 162px; height: 0; border-color: transparent; border-width: 5px 0 5px 5px; }
.dropdown-submenu:hover > a:after         { border-left-color: #555; display: block; }
.dropdown-submenu.pull-left               { float: none; }
.dropdown-submenu.pull-left > .dropdown-menu { left: -123%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
.navbar-right .dropdown-auto-right > .dropdown-menu  { left: auto; right: 0; }
/* Last nav item sits at the far right edge; right-align its dropdown so it doesn't spill off-screen (item count is dynamic) */
.navbar-nav > li.dropdown:last-child > .dropdown-menu { left: auto; right: 0; }
.navbar-right li.dropdown-submenu > .dropdown-menu { margin-top: -1px; }
.navbar-right li.dropdown-submenu .dropdown-menu   { left: auto; right: 100%; }
.navbar-default .dropdown.open .arrow              { border-top: medium none; display: block; background-image: url(../images/arrow_down_hover.png); }


/* 8. HAMBURGER BUTTON */
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0;
  width: 96px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  -webkit-transition: background .3s;
  transition: background .3s;
  margin: 15px 18px 0 0;
}
.c-hamburger:focus { outline: 0; }
.c-hamburger span {
  display: block;
  position: absolute;
  top: 6px;
  left: 1px;
  height: 3px;
  width: 33px;
  border-radius: 3px;
}
.c-hamburger span::after,
.c-hamburger span::before {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background-color: var(--lgray-33);
  content: "";
}
/* top bar: 5px gap below span (3px bar + 5px gap = 8px from span top) */
.c-hamburger span::before { top: 8px; }
/* bottom bar: 5px gap below ::before (3px + 5px = 8px below span bottom -> bottom: -16px) */
.c-hamburger span::after  { bottom: -16px; }

/* HTX variant (3-bar to X) */
.c-hamburger--htx         { width: 35px; height: 30px; }
.c-hamburger--htx span    { -webkit-transition: background 0s .3s; transition: background 0s .3s; }
.c-hamburger--htx span::after,
.c-hamburger--htx span::before {
  -webkit-transition-duration: .3s, .3s;
  transition-duration: .3s, .3s;
  -webkit-transition-delay: .3s, 0s;
  transition-delay: .3s, 0s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0.2, 0.05, 1.0);
  transition-timing-function: cubic-bezier(0.77, 0.2, 0.05, 1.0);
}
.c-hamburger--htx span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
.c-hamburger--htx span::after  { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; }

.c-hamburger--htx.is-active span          { background: 0 0; }
.c-hamburger--htx.is-active span::before  { top: 0; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg); }
.c-hamburger--htx.is-active span::after   { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.c-hamburger--htx.is-active span::after,
.c-hamburger--htx.is-active span::before  { -webkit-transition-delay: 0s, .3s; transition-delay: 0s, .3s; }
.c-hamburger.c-hamburger--htx.navbar-toggle.is-active > span { width: 33px; top: 14px; left: 1px !important; display: block; }

.c-hamburger.c-hamburger--htx.navbar-toggle.collapsed > span         { width: 33px; top: 6px; height: 3px; left: 1px; }
.c-hamburger.c-hamburger--htx.navbar-toggle.collapsed > span::before { width: 33px; top: 8px; height: 3px; }

.c-hamburger.c-hamburger--htx.navbar-toggle { display: block; }
@media (min-width: 980px) {
  .c-hamburger.c-hamburger--htx.navbar-toggle { display: none; }
}


/* 9. HOME PAGE HEADER (transparent overlay -> white on scroll) */
/* Always fixed on home so it overlays the full-height slider */
.home_image header {
  position: fixed;
  width: 100%;
  background: transparent !important;
  transition: .25s;
}
/* When JS adds .sticky (on scroll) */
.home_image header.sticky {
  position: fixed;
  top: 0 !important;
  width: 100%;
  min-height: 90px;
  background: transparent !important;
}
.home_image header.sticky .res-header        { background: var(--white) !important; }
.home_image header.sticky .navbar-default    { background-color: var(--white) !important; }
.home_image header.sticky .res-header        { background-color: var(--white); }
.home_image header.sticky .topPanel          { background: #f5f5f5 !important; border-bottom: 1px solid var(--lgray-cc); }

.home_image header .nav > li > a:after        { border-color: #fff; }
.home_image header.sticky .nav > li > a:after { border-color: var(--lgray-33); }

.home_image header .navbar-default .navbar-nav > li > a,
.home_image header .topPanel a,
.home_image header .topPanel a .csd011 { color: var(--white) !important; }

.home_image header.sticky .navbar-default .navbar-nav > li > a,
.home_image header.sticky .topPanel a,
.home_image header.sticky .topPanel a .csd011 { color: #000 !important; }

.home_image header .navbar-default .nav > li > a:hover,
.home_image header .navbar-default .nav > li:hover > a { background: transparent; color: var(--white); padding: 0 10px; }
.home_image header.sticky .navbar-default .nav > li > a:hover,
.home_image header.sticky .navbar-default .nav > li:hover > a { color: var(--front_primary_brand) !important; border-top: 3px solid var(--cred); padding: 0 10px; }

.home_image header .navbar-default .navbar-nav > .active > a  { border-top-color: var(--white) !important; background: transparent; color: var(--white) !important; }
.home_image header.sticky .navbar-default .navbar-nav > .active > a {
  background: rgba(255, 255, 255, .9);
  color: var(--front_primary_brand) !important;
  border-top: 3px solid var(--cred);
  border-top-color: var(--front_primary_brand) !important;
}
.home_image header .navbar-default .navbar-nav > li.active > a { border-top: 3px solid var(--white) !important; }
.home_image header.sticky .navbar-default .navbar-nav > li.active > a { border-top: 3px solid var(--cred); }

.home_image header .topPanel { padding: 0; background: transparent !important; border-bottom: 1px solid transparent; }

.home_image header .topPanel a.contactTop:before,
.home_image header .topPanel .btn-group-vertical.loginSubmenu:before,
.home_image header .userLogindetail a.dropdown-toggle:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 14px;
  top: 0;
  left: 0;
  border-color: var(--white);
  background: transparent !important;
}
.home_image header.sticky .topPanel a.contactTop:before,
.home_image header.sticky .topPanel .btn-group-vertical.loginSubmenu:before,
.home_image header.sticky .userLogindetail a.dropdown-toggle:before { border-color: #000; }

.home_image header img.somi-logo.logo-black { display: none; }
.home_image header img.somi-logo.logo-white { display: block; }
.home_image header.sticky img.somi-logo.logo-black { display: block; }
.home_image header.sticky img.somi-logo.logo-white { display: none; }

.home_image .select-language                { color: var(--white); background: transparent; }
.home_image header.sticky .select-language  { color: #000; }
.home_image span.csd011,
.home_image .topPanel .loginSubmenu span.csd011 { color: var(--white); font-size: 10px !important; }
.home_image header.sticky span.csd011,
.home_image header.sticky .topPanel .loginSubmenu span.csd011 { color: #000 !important; }

.home_image header .nav > li            { margin-right: 2px; height: 62px !important; }
.home_image header .nav > li:last-child { margin-right: 0; }
.home_image header .navbar-brand,
.home_image header .navbar-header       { height: 62px; }

.home_image .sliderPanel { min-height: 100vh; max-height: 100vh; width: 100%; overflow: hidden; background-attachment: fixed; position: relative; }
.home_image .sliderPanel li img { min-height: 100vh; min-width: 100vw; }

.home_image header .adminDropdownContainer .nav.navbar-nav > li.active > a,
.home_image header .adminDropdownContainer .nav.navbar-nav > li.active > a:hover,
.home_image header .adminDropdownContainer .nav.navbar-nav > li > a:hover,
.home_image header .adminDropdownContainer .nav.navbar-nav > li:hover > a { background: transparent; color: var(--white) !important; border-color: var(--white) !important; }
.home_image header.sticky .adminDropdownContainer .nav.navbar-nav > li.active > a,
.home_image header.sticky .adminDropdownContainer .nav.navbar-nav > li.active > a:hover,
.home_image header.sticky .adminDropdownContainer .nav.navbar-nav > li > a:hover,
.home_image header.sticky .adminDropdownContainer .nav.navbar-nav > li:hover > a { color: var(--front_primary_brand) !important; border-color: var(--front_primary_brand) !important; }


/* 10. RESPONSIVE - TABLET & MOBILE (<= 979px) */
@media (max-width: 979px) {
  .menuu1 .navbar-default .navbar-toggle,
  .menuu1 .navbar-default .navbar-toggle:hover,
  .menuu1 .navbar-default .navbar-toggle:focus,
  .c-hamburger--htx { background-color: transparent !important; }
  .c-hamburger span,
  .c-hamburger span::after,
  .c-hamburger span::before { background-color: var(--lgray-33); }
  .menuu1 .navbar-default .navbar-toggle { border-color: var(--lgray-33); }
  .c-hamburger { margin: 15px 15px 0 0; }
  header.sticky .c-hamburger span,
  header.sticky .c-hamburger span::after,
  header.sticky .c-hamburger span::before { background-color: var(--lgray-33); }
  header.sticky .menuu1 .navbar-default .navbar-toggle { border-color: var(--lgray-33); }

  header .navbar-header { background: var(--white); }

  .container.menuu1 { background: #0000009e; }
  header .nav {
    margin: 0px;
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 100px;
  }
  header .nav > li {
    height: auto !important;
    margin-right: 0 !important;
    border-bottom: 1px solid #d3d3d3;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li:hover > a,
  .navbar-default .navbar-nav > li.active > a,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  header .navbar-default .navbar-nav > li > a:hover,
  header .navbar-default .navbar-nav > li:hover > a,
  header .navbar-default .navbar-nav > li.active > a,
  header .navbar-default .navbar-nav > .active > a,
  header .navbar-default .navbar-nav > .active > a:hover,
  header .navbar-default .navbar-nav > .active > a:focus,
  .home_image header .navbar-default .navbar-nav > li > a:hover,
  .home_image header .navbar-default .navbar-nav > li:hover > a,
  .home_image header .navbar-default .navbar-nav > .active > a,
  .home_image header .navbar-default .navbar-nav > .active > a:hover,
  .home_image header .navbar-default .navbar-nav > .active > a:focus,
  .home_image header.sticky .navbar-default .navbar-nav > li > a:hover,
  .home_image header.sticky .navbar-default .navbar-nav > li:hover > a,
  .home_image header.sticky .navbar-default .navbar-nav > .active > a {
    border-top: 0 !important;
    border-top-width: 0 !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
  }

  #navbar-collapse { padding: 0px; width: 85%; max-width: 360px; max-height: initial !important; }

  .navbar-default .navbar-nav > li > a {
    padding: 0px 20px;
    font-size: 13px;
    border-left: 4px solid var(--white);
    border-top: 0px !important;
    color: var(--cgray);
  }
  /* border-top forced to 0 individually to override master.css's !important active-border rule */
  header .navbar-default .navbar-nav > .active > a {
    padding: 0px 20px;
    font-size: 13px;
    border-top: 0 !important;
    border-top-width: 0 !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-left: 4px solid var(--front_primary_brand);
    color: var(--front_primary_brand) !important;
  }
  .navbar-default .navbar-nav > li.active > a { background: rgba(255, 255, 255, .9); }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus { background-color: transparent !important; }

  header .nav > li > .dropdown-menu li { background: var(--white); border-bottom: 0px; }
  header .nav > li > .dropdown-menu li a.drop {
    width: 100% !important;
    background: var(--white);
    padding: 8px 30px;
    color: var(--cgray) !important;
  }
  header .nav > li > .dropdown-menu li a.drop:hover { background: var(--white) !important; color: #000 !important; }
  header .nav > li > .dropdown-menu li a.drop:focus { background: var(--white) !important; color: var(--cgray) !important; }
  .navbar-nav .open .dropdown-menu > li > a { width: 100% !important; }
  .navbar-nav .open .dropdown-menu,
  .nav .dropdown .dropdown-submenu > .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    border-radius: 0px;
    border: 0;
    box-shadow: none;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .dropdown-submenu > .dropdown-menu { display: none; }
  .navbar-default .navbar-nav .open .dropdown-menu > .dropdown-submenu > .dropdown-menu.open { display: block; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a > span.drop1 { width: 20px !important; margin: 0px; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a > span.drop1 .arrow1 { position: absolute; }
  header .nav > li > .dropdown-menu li .dropdown-menu li a { border-left: 1px solid #d3d3d3 !important; padding-left: 20px !important; }
  header .nav > li > .dropdown-menu ul.dropdown-menu { padding-left: 50px; background: var(--white); }
  header .nav > li > a:after { display: none; }

  #sticky_header ul.navbar-nav > li.open > a .fa.fa-minus,
  #sticky_header .dropdown-submenu.open .fa.fa-minus { display: block !important; }
  #sticky_header ul.navbar-nav > li.open > a .fa.fa-plus,
  #sticky_header .dropdown-submenu.open .fa.fa-plus { display: none; }
  #sticky_header ul.navbar-nav > li a.option.dropdown-toggle.redi i.fa { float: right; line-height: 52px; }
  #sticky_header .open .dropdown-menu > li > a > span.drop1 i.fa { float: right; margin-right: -18px; font-size: 13px; line-height: 25px; }

  .nav-up { top: -30px !important; }
  header.nav-down.sticky { margin-top: 0; top: -30px; }

  header .topPanel a.contactTop:before,
  header .topPanel .btn-group-vertical.loginSubmenu:before,
  header .userLogindetail a.dropdown-toggle:before { border-color: #000 !important; }

  .home_image header img.somi-logo.logo-black  { display: block !important; }
  .home_image header img.somi-logo.logo-white  { display: none !important; }
  .home_image header .topPanel                 { background: #f5f5f5 !important; border-bottom: 1px solid var(--lgray-cc); }
  .home_image header.sticky .topPanel          { background: #f5f5f5 !important; border-bottom: solid 1px var(--lgray-cc); }
  .home_image header .topPanel a,
  .home_image .select-language,
  .home_image header .topPanel span.csd011     { color: #000 !important; }
  .home_image span.csd011,
  .home_image .topPanel .loginSubmenu span.csd011 { color: #000; }
  .home_image header .c-hamburger span,
  .home_image header .c-hamburger span::after,
  .home_image header .c-hamburger span::before { background-color: var(--lgray-33); }
  .home_image header .c-hamburger.is-active span { background: transparent; }
  .home_image header .nav > li            { height: auto !important; }
  .home_image header .nav                 { max-height: 100vh !important; position: unset; margin: 0; }
  .home_image header .navbar-default .navbar-nav > li > a { color: #000 !important; border: 0; margin: 0; border-left: 4px solid var(--white); }
  .home_image .navbar-default .navbar-nav > li.active > a { border-top: 0px !important; background: rgba(255, 255, 255, .9); color: #000 !important; }
  .home_image .navbar-default .navbar-nav > li.open > a,
  .home_image .navbar-default .navbar-nav > li.open > a:hover,
  .home_image .navbar-default .navbar-nav > li.open > a:focus,
  .home_image .navbar-default .navbar-nav > li.open:hover > a { color: #000 !important; }
  .home_image header .nav > li > a:after  { display: none; }
  .home_image header.sticky .navbar-default .navbar-nav > li:hover > a { border-top: 0 !important; }
  .home_image header .adminDropdownContainer .nav > li            { height: auto !important; }
  .home_image header .adminDropdownContainer .nav > li > a        { color: var(--cgray) !important; border-top: 0 !important; }
  .home_image header .adminDropdownContainer .nav                 { max-height: 100vh !important; margin: 0; }

  /* .nav.navbar-nav here has higher specificity than .nav above, needed to override global white-text rules */
  .home_image header .adminDropdownContainer .nav.navbar-nav > li.active > a,
  .home_image header .adminDropdownContainer .nav.navbar-nav > li.active > a:hover,
  .home_image header .adminDropdownContainer .nav.navbar-nav > li > a:hover,
  .home_image header .adminDropdownContainer .nav.navbar-nav > li:hover > a,
  header .adminDropdownContainer .nav.navbar-nav > li.active > a,
  header .adminDropdownContainer .nav.navbar-nav > li.active > a:hover,
  header .adminDropdownContainer .nav.navbar-nav > li > a:hover,
  header .adminDropdownContainer .nav.navbar-nav > li:hover > a {
    color: var(--front_primary_brand) !important;
    border-top: 0 !important;
    border-top-width: 0 !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
  }
  header .adminDropdownContainer .nav.navbar-nav > li.active > a,
  header .adminDropdownContainer .nav.navbar-nav > li.active > a:hover {
    border-left: 4px solid var(--front_primary_brand);
  }
}


/* 11. RESPONSIVE - SMALL MOBILE (<= 767px) */
@media (max-width: 767px) {
  .home_image header { background: var(--white) !important; }
  .home_image header .nav   { max-height: 316px; overflow-y: auto; }
  .home_image header .navbar-default .navbar-nav > li > a { color: var(--cgray) !important; }
  .home_image .topPanel .loginSubmenu span.csd011 { color: #000 !important; font-size: 10px !important; }
  .home_image header .topPanel a.contactTop:before,
  .home_image header .topPanel .btn-group-vertical.loginSubmenu:before,
  .home_image header .userLogindetail a.dropdown-toggle:before { border-color: #000 !important; }
  #header.nav-up          { top: -30px !important; }
  header .res-header { box-shadow: 0 0px 1px var(--lgray-66); }
}
@media (max-width: 775px) and (min-width: 768px) { .nav-up { top: -30px !important; } }
@media (max-width: 670px) and (min-width: 320px) { header .res-header { box-shadow: 0 0px 1px var(--lgray-66); } }
@media (max-width: 480px) { .home_image header .nav { max-height: 400px; } }


/* 12. RESPONSIVE - DESKTOP (>= 980px) */
@media (min-width: 980px) {
  header .nav { margin-top: 25px; border-bottom: 0px; background: none; }
  header .nav > li {
    background: url(../images/left-border-for-navi-list.jpg) no-repeat left top;
    border-left: none;
    background-position: 1px;
    margin-top: -23px;
  }
  header .nav > li.current { background: none; }
  header .nav > li > a    { padding: 8px 10px 0; display: block; margin-top: 20px; }
  header .navbar-header    { height: 69px; }
  header                   { margin-bottom: 0px; }
  header .navbar-brand     { display: inline-block; width: auto; float: left; height: 69px; }
  header .nav > li > a.active { padding-top: 16px; }

  ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; background-color: rgba(255, 255, 255, 1); }
  header .dropdown-menu { background: rgba(255, 255, 255, 1); padding: 0px; border: 1px solid rgba(0, 0, 0, 0.15); opacity: 1; }
  .dropdown-submenu.pull-left > .dropdown-menu { left: -123%; margin-left: 10px; border-radius: 6px 0 6px 6px; }
  #sticky_header ul.navbar-nav > li a .fa { display: none; }

  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus { border-top: 3px solid; }
  .home_image header .navbar-default .navbar-nav > .active > a,
  .home_image header .navbar-default .navbar-nav > .active > a:hover,
  .home_image header .navbar-default .navbar-nav > .active > a:focus { color: var(--white) !important; background: transparent; }

  .home_image header .navbar-default .navbar-nav > li:hover > a { border-top: 3px solid var(--white) !important; }
  .home_image header.sticky .navbar-default .navbar-nav > li:hover > a,
  .home_image header.sticky .navbar-default .navbar-nav > li > a:hover,
  .home_image header.sticky .navbar-default .navbar-nav > li.active > a { border-color: var(--front_primary_brand) !important; color: var(--front_primary_brand) !important; }

  .home_image header.sticky .navbar-default .nav > li > a:hover,
  header.sticky .navbar-default .nav > li > a:hover { border-color: var(--cred) !important; }

  .request-more-info-form-scrolled { position: fixed; margin: 0px auto auto; top: 97px; }

  header .adminDropdownContainer .nav.navbar-nav > li.active > a,
  header .adminDropdownContainer .nav.navbar-nav > li.active > a:hover,
  header .adminDropdownContainer .nav.navbar-nav > li > a:hover,
  header .adminDropdownContainer .nav.navbar-nav > li:hover > a {
    color: var(--front_primary_brand) !important;
    border-color: var(--front_primary_brand) !important;
  }
}


/* 13. RESPONSIVE - LARGE DESKTOP (1200px+) */
@media (min-width: 1200px) {
  header .nav > li > a { padding: 16px 10px 0; font-size: 13px; margin-top: 14px; }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .navbar-default .navbar-nav > li > a { padding: 0px 6px; font-size: 13px; }
  header .nav > li { margin-right: 2px; }
}
@media (max-width: 992px) and (min-width: 980px) {
  .navbar-default .navbar-nav > li > a { padding: 0px 6px; font-size: 13px; }
}