.Menu {
 position: -webkit-sticky;
 position: var(--menu-position);
 z-index: 1000;
 top: 0;
 padding: var(--menu-pad);
 margin-bottom: var(--m-b);
 background: var(--menu-bg);
 width: 100%;
}
.Menu a {
 text-decoration: none;
 position:relative;
 font-weight: 680;
 color: #31445B;
 white-space: nowrap;
}

.Menu a:before {
 content: '';
 position: absolute;
 left: 0;
 right: 100%;
 bottom: -11px;
 height: 2px;
 background: var(--gold);
 transition: right .25s;
}
.Menu a:hover:before, .Menu .active a:before {
 right: 0
}
.submenu a:before {
 content: none
}
.submenu small {
 font-size: .65rem;
 color: var(--muted);
 line-height: 1.35;
}
.top-menu li.active a:before, .top-menu li a:hover:before, .dropmenu:has(.submenu .active) > a:before  {
 right: 0%;
}
.Menu ul {
 list-style: none;
}
.Menu > ul {
 position: relative;
 display: flex;
 font-size: .73rem;
 justify-content: flex-end;
}
.Menu .active a:after {
 content: '';
 position: absolute;
 left: 0;
 right: 100%;
 bottom: 22px;
 height: 2px;
 background: var(--gold);
 transition: right .25s;
}

.Menu img {
 height: var(--img-h);
}
.dropmenu > a:after, .dropmenu.d-menu-on > a:after {
 content: '';
 display: inline-block;
 width: 0.7rem;
 height: 0.7rem;
 margin-left: 0.3rem;
 vertical-align: middle;
 background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 10 4 4 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.dropmenu.d-menu-on > a:after {
 transform: rotate(180deg);
}
.d-menu-on > a, .d-menu.d-menu-on > a:after {
 color: var(--gray) ;
}
.submenu {
 display: none;
 position: absolute !important;
 top: 3.2rem;
 z-index: 8;
 font-weight: normal;
 width: 288px;
 border: 1px solid var(--line);
 border-radius: 16px;
 box-shadow: var(--shadow-md);

}
.main-nav .dropmenu:last-child .submenu {
 right: 0rem;
}
.submenu a {
 display: flex;
 flex-direction: column;
 gap: 2px;
 padding: 11px 12px;
 border-radius: 10px;
 font-size: .78rem;
 color: var(--ink);
 font-weight: 300 !important;
 margin-bottom: 3px;
}
.submenu a:hover, .submenu .active a {
 background: var(--paper-blue);
}
.d-menu-on > .submenu {
 display: block;
 background: #fff;
 padding: 1rem;
 animation: fadeIn 0.9s ease-out forwards;
}
.d-menu-on > .submenu a {
 white-space: normal;
 color: var(--s-menu-a);
}
.Menu .link a:after {
 font-family: var(--simbol);
 color: var(--gray) !important;
 content: 'u';
 margin-left: 4px !important;
}
@media (max-width: 769px)  {
 body {
  padding-top: 2rem;
 }
 .site-header {
  position: fixed;
  width: 100%;
 }
 .Menu,.Menu.menu-stop {
  position: fixed;
  height: 100vh;
  overflow-y: auto;
  z-index: 500;
  left: 0;
  --menu-pad: 2rem 10px !important;
  --menu-bg: #fff !important;
  /*top: -10000px !important;*/
  transform: translateX(-100%);
 }
 .Menu a {
  display: block;
  padding: 20px 2px 10px;
  font-weight: 650;
  color: var(--navy);
  font-size: 1.1rem;
 }
 .Menu a:before {
  left: 0;
  right: 0;
  background: var(--line);
 }
 .active a:before {
  background: var(--gold);
 }
 .menu-on {
  /*top: 0 !important;*/
  transform: translateX(0);
 }
 .Menu a .s-menu-on a {
  display: inline-block;
  --menu-a: var(--black) !important;
  white-space: normal;
 }
 .Menu>ul {
  place-items: start;
 }
 .Menu li {
  margin: 0 25px 10px -11px;
 }
 .Menu > ul, .d-menu-on .submenu {
  display: block;
 }
 .d-menu-on > .submenu {
  position: initial !important;
  --s-menu-a: var(--black);
  background: transparent;
  padding: 1rem 0 0 1.5rem;
  max-width: 80vw;
  --s-menu-a: var(--menu-a);
 }
 .submenu {
  position: relative !important;
  width: auto;
  border: none;
  border-radius: 16px;
  box-shadow: none;
 }
 .submenu a {
  display: flex;
 }
 .submenu .active a {
  padding: 7px 10px 10px;
 }
 /*.submenu a:hover {
  *  background: none;
  *  }*/
}