:root {
 --bg-dark: #1d1f27;
 --bg-dark-2: #ffffff0a;
 --bg-navy: #292d3a;
 --line: #3e4550;
 --text: #ffffff;
 --muted: #d4d4d4;
 --green: #01a982;
 --main-header-height: 80px;
}

a { text-decoration: none; }
button:focus:not(:focus-visible) { outline: 0; }

.typo5 .nav-trigger, .typo5 .menu-link, .typo5 .menu-link a, .typo5 .navbar-brand { border-bottom: 0; }

.navbar-toggler { border: 0; box-shadow: none; }

.navbar-toggler-icon {
 width: 1.25rem; height: 1.25rem;
 background-image: url('../images/icons/form-down.svg');
 background-repeat: no-repeat; background-position: center; background-size: 1.4rem;
 transition: all .2s ease-in-out;
 filter: brightness(0) saturate(100%) invert(71%) sepia(22%) saturate(3806%) hue-rotate(116deg) brightness(95%) contrast(101%);
}

.nav_brand { flex: 1; }


@media (min-width: 992px) and (max-width: 1199px) {
 .navbar-nav { padding: 10px 0; }
}



.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
 background-image: url('../images/icons/form-close.svg'); filter: invert(48%) sepia(57%) saturate(2932%) hue-rotate(134deg)
 brightness(90%) contrast(99%);
}

.dropdown-toggle::after {
 flex-shrink: 0; width: 24px; height: 24px; margin-left: 10px; content: "";
 background-image: url('../images/icons/form-down.svg'); position: absolute;
 background-repeat: no-repeat; background-size: 1.4rem;
 transition: transform .2s ease-in-out; border: 0 !important;
 filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(193deg) brightness(103%) contrast(101%);
}


@media (max-width: 1199px) {
 .dropdown-toggle::after, .navbar .dropdown-menu > li.has-submenu > .dropdown-item::after { right: 0; }
}

.navbar-toggler:focus { box-shadow: none; }

.navbar { display: flex; align-items: center; }
.navbar-brand { flex: 0 0 auto; }

.navbar-toggler {
 flex: 1; display: flex; justify-content: flex-end; align-self: start; padding: 0;
 top: 0; position: relative; border: 0; background: transparent; box-shadow: none;
}

.nav-link, .nav-item a { background-color: transparent; color: #ffffff; font-size: 16px; }

.nav-item .dropdown-menu .dropdown-item { position: relative; transition: .3s all; padding: 14px 0;  }
.nav-item .dropdown-menu .dropdown-item:hover { color: #00E0AF; background-color: #292D3A; border-radius: 8px;  }
.nav-item .dropdown-menu .dropdown-item:hover::after{ transform: translate(8px, -50%); opacity: 1; transition: .3s all; }

.dropdown-menu .dropdown-item {
 position: relative; display: block; white-space: normal; line-height: 1.4; word-break: break-word; padding: .5rem 12px .5rem 12px;
}


@media (min-width: 1200px) and (max-width: 1399px) {
 .navbar-expand-xl .navbar-nav .nav-link { padding-right: 30px; padding-left: 12px; }
 .navbar-expand-xl .navbar-nav .nav-link.nodrop { padding-right: 12px; padding-left: 12px; }

 .dropdown-toggle::after {
  flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: 3px; content: "";
  background-image: url('../images/icons/form-down.svg');
  background-repeat: no-repeat; background-size: 1.25rem;
  transition: transform .2s ease-in-out; top: 10px; position: absolute; border: 0;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(193deg) brightness(103%) contrast(101%);
 }
}


@media (min-width: 1400px) {
 .nav-link, .nav-item { margin: 0 2px; }
 .navbar-expand-xl .navbar-nav .nav-link { padding-right: 30px; padding-left: 12px; color: #ffffff; }
 .navbar-expand-xl .navbar-nav .nav-link.nodrop { padding-right: 12px; padding-left: 12px; }

 .dropdown-toggle::after {
  flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: 3px; content: "";
  background-image: url('../images/icons/form-down.svg');
  background-repeat: no-repeat; background-size: 1.25rem;
  transition: transform .2s ease-in-out; top: 10px; position: absolute; border: 0;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(193deg) brightness(103%) contrast(101%);
 }
}


.dropdown-toggle[aria-expanded="true"]::after,
.dropdown-toggle.MegaDrop-toggle[aria-expanded="true"]::after {
 transform: translateY(0) rotate(180deg); 
}

.navbar .dropdown-menu > li.has-submenu > .dropdown-item[aria-expanded="true"]::after {
 transform: translateY(-50%) rotate(180deg); 
}



@media (max-width: 1199px) {

 .navbar-expand-xl .navbar-nav .nav-link.nodrop { padding-right: 0; padding-left: 0; }
 .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #ffffff; }
 .nav-link, .nav-item { padding: 10px 0; }
 .nav-link:hover, .nav-link:focus, .nav-link:active, .nav-link.active { background-color: transparent; color: #ffffff; }
 .nav-link, .nav-item:last-child { border-bottom: 0 !important; }
 .nav-item .dropdown-menu .dropdown-item { background-color: transparent;  } 
 .dropdown-menu { background-color: var(--color-dark); width: 100%; }

 .nodrop { position: relative; }
 .nodrop::after {
  content: ""; position: absolute; left: auto;
  bottom: 26%; width: 15px; height: 19px; margin-left: 2px;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%2305CC93%22%20d%3D%22M9.58579%206.00005L5.89289%202.30716L7.30711%200.892944L12.7071%206.29294L13.4142%207.00005L12.7071%207.70716L7.30711%2013.1072L5.89289%2011.6929L9.58579%208.00005H0V6.00005H9.58579Z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat; background-size: contain; opacity: 0; transform: translateX(-50%);
  transition: opacity .3s ease, transform .3s ease;
 }

 .nodrop:hover::after { opacity: 1; transform: translateX(10px); }
 .nodrop:hover { color: #00E0AF; }



/* ========== MAIN DROPDOWN ========== */

.nav-item .dropdown-menu .dropdown-item::after {
 content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%2305CC93%22%20d%3D%22M9.58579%206.00005L5.89289%202.30716L7.30711%200.892944L12.7071%206.29294L13.4142%207.00005L12.7071%207.70716L7.30711%2013.1072L5.89289%2011.6929L9.58579%208.00005H0V6.00005H9.58579Z%22/%3E%3C/svg%3E');
 width: 15px; height: 19px; position: absolute;
 transform: translate(-10px, -50%); bottom: 10%; opacity: 0; margin-left: 2px;
}

/* Show expand arrow on mobile */
.navbar .dropdown-menu > li.has-submenu > .dropdown-item::after {
 content: url('../images/icons/form-down.svg');
 position: absolute;
 margin-left: 12px; top: 50%; width: 24px; height: 24px; opacity: 1 !important;
 transform: translateY(-50%) rotate(0deg);
 transform-origin: center center; transition: transform 0.3s ease;
 filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(193deg) brightness(103%) contrast(101%);
}

.navbar .dropdown-menu { 
 position: static !important; width: 100%; min-width: 0; max-width: none; margin: 0; padding: 0 0 0 15px; 
 background-color: transparent; border: 0; border-radius: 0; transform: none !important; 
}

/* Bootstrap opened dropdown */
.navbar .dropdown-menu.show { display: block !important; }
.navbar .dropdown-menu:not(.show) { display: none !important; }


/* ========== 2ND LEVEL SUBMENU ========== */

.navbar .dropdown-menu > li { position: relative; width: 100%; }

.navbar .dropdown-menu > li > .dropdown-submenu {
 position: static !important; display: none; width: 100%; min-width: 0; max-width: none;
 height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0; 
 padding: 0 0 0 15px; background-color: transparent; border: 0; border-radius: 0;
 transform: none !important; opacity: 1; visibility: visible; box-sizing: border-box;
}

/* THIS OPENS THE 2ND LEVEL */
.navbar .dropdown-menu > li > .dropdown-submenu.show { display: block !important; }


/* ========== DROPDOWN ITEMS ========== */

.navbar .dropdown-menu .dropdown-item { 
 display: block !important; width: 100%; height: auto !important; min-height: 0 !important; 
 padding: 12px 35px 12px 12px; box-sizing: border-box; color: #ffffff; background-color: transparent; 
 white-space: normal; line-height: 1.4; word-break: break-word; flex: none !important; }


/* ========== REMOVE DESKTOP HOVER BRIDGE ========== */

.navbar .dropdown::before { display: none; }
.navbar .dropdown-menu > li.has-submenu::after { display: none; }

}



.right { right: 0 !important; }
.left { left: 0 !important; }

.navbar .dropdown-menu .dropdown-item::after {
 content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%2305CC93%22%20d%3D%22M9.58579%206.00005L5.89289%202.30716L7.30711%200.892944L12.7071%206.29294L13.4142%207.00005L12.7071%207.70716L7.30711%2013.1072L5.89289%2011.6929L9.58579%208.00005H0V6.00005H9.58579Z%22/%3E%3C/svg%3E');
 width: 15px; height: 19px; position: absolute; bottom: 7%;
 opacity: 0; margin-left: 2px; transform: translate(-10px, -50%);
}

.notransform { transform: none; }



@media (min-width: 1200px) {

 .nav-link { border-radius: 50px; }
 .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #ffffff; }
 .nav-link:hover, .nav-link:focus, .nav-link:active,
 .navbar-nav .nav-item.active { background-color: #1f222d; border-radius: 50px; color: #ffffff; }

.navbar .dropdown { position: relative; }

.navbar .dropdown > .dropdown-menu { 
 display: block; position: absolute; top: calc(100% + 1.5rem); width: max-content; width: 260px; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0; padding: 12px; box-sizing: border-box; background-color: #1D1F27; border: 0; border-radius: 16px; opacity: 0; visibility: hidden; transform: translateY(-18px); transition: opacity .3s ease, transform .3s ease, visibility .3s ease; z-index: 1000; 
}

.navbar .dropdown > .dropdown-menu.right { right: 0 !important; }

/* Keep dropdown open when mouse is over bridge */
.navbar .dropdown:hover > .dropdown-menu { 
 opacity: 1; visibility: visible; transform: translateY(0); 
}

.navbar .dropdown-menu > li { 
 display: block; width: 100%; height: auto !important; 
 min-height: 0 !important; max-height: none !important; position: static !important; }

/* ========== 2ND LEVEL / SUBMENU ========== */

.navbar .dropdown-menu > li > .dropdown-submenu { 
 position: absolute; top: 0; left: 100%; display: block; width: max-content; min-width: 220px; max-width: 320px; 
 height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0; padding: 12px; 
 box-sizing: border-box; background-color: #1D1F27; border: 0; border-radius: 0 16px 16px 0; opacity: 0; 
 visibility: hidden; transform: translateX(-10px); 
 transition: opacity .3s ease, transform .3s ease, visibility .3s ease; z-index: 1100; }

.navbar .dropdown-menu > li:hover > .dropdown-submenu { opacity: 1; visibility: visible; transform: translateX(0); }

/* ========== 3RD LEVEL / SUBMENU ========== */

.navbar .dropdown-submenu > li > .dropdown-submenu { position: absolute; top: 0; left: 100%; display: block; width: max-content; min-width: 220px; max-width: 320px; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0; padding: 12px; box-sizing: border-box; background-color: #1D1F27; border: 0; border-radius: 0 16px 16px 0; opacity: 0; visibility: hidden; transform: translateX(-10px); transition: opacity .3s ease, transform .3s ease, visibility .3s ease; z-index: 1200; }

.navbar .dropdown-submenu > li:hover > .dropdown-submenu { opacity: 1; visibility: visible; transform: translateX(0);  }

.navbar .dropdown-menu .dropdown-item { display: block !important; width: 100%; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 12px; margin: 0; box-sizing: border-box; color: #ffffff; background-color: transparent; border-radius: 8px; white-space: normal; line-height: 1.4; word-break: break-word; flex: none !important; }

.navbar .dropdown-menu .dropdown-item:hover { color: #00E0AF; background-color: #292D3A;  }

}

.main-nav-sticky { position: sticky; top: 0; z-index: 1050; }
.sub-nav-sticky { position: sticky; top: 0; z-index: 1051; }


/* =========== SUB NAV ONLY - STICKY ========== */

#subNavWrapper { position: relative; z-index: 101; }

#subNavWrapper.is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    z-index: 9998;
    margin-top: 0 !important;
}