:root {
  --nav-breakpoint: 1097;
  --nav-color: var(--white);
  --nav-active-color: var(--ci001);
  --nav-item-line-height: 1.5;
  --nav-font-size: 1.5rem;
  --nav-font-weight: 600;
 	--nav-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23888" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>');
  --nav-icon-background: transparent;
  --nav-mobile-background: transparent;
  --nav-mobile-color: var(--gry80);
  --nav-mobile-active-background: var(--white);
  --nav-mobile-active-color: var(--ci001);
  --nav-mobile-active-border-color: var(--ci001);
  --nav-mobile-btn-clr: var(--ci001);
  --nav-mobile-separator-color: hsla(0, 0%, 100%, 0.1);
  --nav-mobile-padding: 8rem 0 0;
  --nav-mobile-font-size: 1.125rem;
  --nav-mobile-backdrop-height: var(--main_top);
  --nav-mobile-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23888" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>');
  --nav-submenu-background: var(--white);
  --nav-burger-line-color: var(--gry80);
  --skip-background: var(--ci001);
  --skip-color: var(--white);
  --skip-focus-border-color: var(--ciacc);
}



body:not(.navigation-open):not(.nav-is-desktop) .navigation-main {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
body.navigation-open {
  overflow: hidden;
}
body.navigation-open header .logo {
  position: relative;
  z-index: 7;
}
.nav-wrapper * {
  box-sizing: border-box;
}
.navigation-main a,
.navigation-main strong {
  line-height: 1.5;
  line-height: var(--nav-item-line-height);
}

.btn-toggle-submenu {
  all: revert;
  background: transparent !important;
  background: var(--nav-icon-background) !important;
  border: none;
  cursor: pointer;
  height: 44px;
  width: 44px;
  z-index: 1;
}
.btn-toggle-submenu:after {
  align-items: center;
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>')
    no-repeat 50%;
  background: var(--nav-mobile-icon) no-repeat center;
  content: "";
  display: flex;
  height: 100%;
  justify-content: center;
  transition: none;
  /*transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.3, 1.1);*/
}

body.nav-is-desktop .nav-wrapper {
  align-items: center;
  display: flex;
}
body.nav-is-desktop .navigation-main a {
  text-decoration: none;
  text-decoration: initial;
}
body.nav-is-desktop .navigation-main a,
body.nav-is-desktop .navigation-main strong {
  font-weight: var(--nav-font-weight);

}
body.nav-is-desktop .navigation-main a:focus-visible {
  color: var(--nav-active-color);
}
body.nav-is-desktop .navigation-main a.trail,
body.nav-is-desktop .navigation-main a:hover,
body.nav-is-desktop .navigation-main strong:not(.does-not-exist) {
  color: var(--nav-active-color);
}
body.nav-is-desktop .navigation-main ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.nav-is-desktop .navigation-main ul li.submenu {
  position: relative;
}


/* Level 2 */

body.nav-is-desktop .navigation-main ul ul {
  background: #fff;
  background: var(--nav-submenu-background);
  box-shadow: 1px 2px 15px 8px rgba(0, 0, 0, 0.1);
  gap: 0;
  min-width: 270px;
  position: absolute;
  top: 100%;
  z-index: 2;
}
body.nav-is-desktop .navigation-main ul ul li {
  padding: 0;
}
body.nav-is-desktop .navigation-main ul ul li.submenu {
  padding-right: 40px;
}
body.nav-is-desktop .navigation-main ul ul li:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.nav-is-desktop .navigation-main ul ul .btn-toggle-submenu {
  bottom: 0;
  height: 100%;
  right: 0;
  top: 0;
  width: 40px;
}

body.nav-is-desktop .navigation-main li.nav-expanded > ul {
  display: flex;
}
body.nav-is-desktop .navigation-main li.nav-expanded .level_2 ul {
  left: 100%;
  min-width: 200px;
  top: 0;
}
body.nav-is-desktop .navigation-main li.nav-expanded .level_2 ul.bounds-right,
body.nav-is-desktop .navigation-main li.nav-expanded .level_2 ul.bounds-right ul {
  left: auto;
  right: 100%;
}
body.nav-is-desktop .navigation-main .level_1 {
  align-items: center;
  gap: 0 1.25rem;
  justify-content: flex-end;
}
body.nav-is-desktop .navigation-main .level_1 ul {
  border-radius: 4px;
  display: none;
  flex-direction: column;
}

body.nav-is-desktop .navigation-main .level_1 > li > .btn-toggle-submenu:after {
  transform: rotateX(180deg) rotate(-90deg);
}

body.nav-is-desktop
  .navigation-main
  .level_1
  > li.nav-expanded
  > .btn-toggle-submenu:after {
  transform: rotateX(0deg) rotate(-90deg);
}



body.nav-is-desktop .navigation-main .level_2.bounds-right {
  right: 0;
}
body.nav-is-desktop .navigation-main .level_2.bounds-right:before {
  left: auto;
  right: 16px;
}
body.nav-is-desktop
  .navigation-main
  .level_2:not(.bounds-left):not(.bounds-right) {
  left: 50%;
  transform: translateX(-50%);
  margin-top: 6px;
}
body.nav-is-desktop
  .navigation-main
  .level_2:not(.bounds-left):not(.bounds-right):before {
  left: 50%;
}


body.nav-is-desktop .btn-toggle-submenu {
   padding: 0;

}


body.nav-is-desktop .btn-toggle-submenu:after {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg>')
    no-repeat 50%;
  background: var(--nav-icon) no-repeat center;
}
body.nav-is-desktop .nav-burger {
  display: none;
}



/* Mobile */
.nav-burger {
  align-items: center;
  background: transparent;
  border: none;
  display: flex;
  justify-content: flex-start;
  line-height: 1.5;
  padding: 0;
  position: relative;
  z-index: 7;
}
.nav-burger .icon-line {
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.2s ease-in-out;
  z-index: 1;
}
.nav-burger .icon-line:before {
  top: -0.625rem;
}
.nav-burger .icon-line:after {
  bottom: -0.625rem;
}
.nav-burger .icon-line,
.nav-burger .icon-line:after,
.nav-burger .icon-line:before {
  background: var(--nav-burger-line-color);
  border-radius: 3rem;
  height: 0.25rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 2.25rem;
}
.nav-burger .icon-line:after,
.nav-burger .icon-line:before {
  content: "";
  transition: transform 0.2s ease-in-out, top 0.2s ease-in-out,
    bottom 0.2s ease-in-out;
  z-index: 6;
}
.nav-burger.is-active .icon-line {
  background: transparent;
}
.nav-burger.is-active .icon-line:before {
  top: 0;
  transform: translateX(-50%) rotate(45deg);
}
.nav-burger.is-active .icon-line:after {
  bottom: 0;
  transform: translateX(-50%) rotate(-45deg);
}
.nav-burger:hover {
  cursor: pointer;
}
.nav-burger__inner {
  height: 44px;
  position: relative;
  width: 44px;
}
body.nav-is-mobile .nav-wrapper {
  position: relative;
  z-index: 5;
}
body.nav-is-mobile .navigation-main {
  background: #172b3b;
  background: var(--nav-mobile-background);
  bottom: 0;
  color: #d3d6da;
  color: var(--nav-mobile-color);
  font-size: 18px;
  font-size: var(--nav-mobile-font-size);
  left: 0;
  line-height: 1.5;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
  padding: 120px 20px 20px;
  padding: var(--nav-mobile-padding);
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.15s ease-in-out, visibility 0.1s;
  z-index: 6;
}


body.nav-is-mobile .navigation-main a,
body.nav-is-mobile .navigation-main strong {
  color: #d3d6da !important;
  color: var(--nav-mobile-color) !important;
  display: inline-block;
  text-decoration: none;
  text-decoration: initial;
  width: calc(100% - 44px) !important;
}
body.nav-is-mobile .navigation-main a.active,
body.nav-is-mobile .navigation-main strong.active {
  --nav-mobile-color: var(--nav-mobile-active-color);
}
body.nav-is-mobile .navigation-main .level_1 ul {
  display: none;
  flex-direction: column;
}
body.nav-is-mobile .navigation-main .level_2 li {
  padding: 0 0 0 20px;
}
body.nav-is-mobile .navigation-main ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
body.nav-is-mobile .navigation-main li {
  padding: 0;
  position: relative;
}
body.nav-is-mobile .navigation-main li:not(:last-child) {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  border-bottom: 1px solid var(--nav-mobile-separator-color);
}
body.nav-is-mobile .navigation-main li.submenu li:first-child {
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
  border-top: 1px solid var(--nav-mobile-separator-color);
}
body.nav-is-mobile .navigation-main li > .btn-toggle-submenu:after {
  transform: rotateX(180deg) rotate(-90deg);
}
body.nav-is-mobile .navigation-main li.active {
  background: #172b3b;
  background: var(--nav-mobile-active-background);
  color: var(--nav-mobile-active-color);
}
body.nav-is-mobile .navigation-main li.nav-expanded > ul {
  display: flex;
}
body.nav-is-mobile
  .navigation-main
  li.nav-expanded
  > .btn-toggle-submenu:after {
  transform: rotateX(0deg) rotate(-90deg);
}



@media (forced-colors) {
  .nav-burger .icon-line,
  .nav-burger .icon-line:after,
  .nav-burger .icon-line:before {
    border: 1px solid transparent;
    height: 0;
  }
  .nav-burger.is-active .icon-line {
    border: 0;
  }
  .nav-burger.is-active .icon-line:after {
    bottom: -1px;
  }
  .nav-burger__inner {
    color: currentcolor;
  }
}