.widemenu {
  position: fixed;
  inset: 0;
  z-index: 77777777;
  display: flex;
  background: #F4F4F4;
  clip-path: circle(0% at calc(94% - 12px)  96px);
  clip-path: circle(0% at 100%  0);
  transition: clip-path 0.6s cubic-bezier(0.39, 0.58, 0.57, 1);
}
.widemenu ul {
  margin: auto 0;
  padding: 0 10%;
  list-style: none;
}
.widemenu li {
  margin: 2rem;
  overflow: hidden;
}
.widemenu a {
  display: inline-block;
  padding-right: 0.125em;
  color: black;
  text-decoration: none;
  font-size: 3rem;font-size: 57px;
    line-height: 62px;    font-family: Grenadier;
  transform-origin: 0% 0%;
  transform: translateY(100%) rotate(5deg);
  transition: transform 0.3s ease-in;
}
.widemenu a:hover, .widemenu a:focus-visible {
  color: #D6B469;
  -moz-transition: color 0.2s 0.02s ease;-o-transition: color 0.2s 0.02s ease;-webkit-transition: color 0.2s 0.02s ease;transition-delay: 0s!important;
}
.widemenu-active {
  clip-path: circle(145% at calc(95% - 1.5rem) calc(5% + 1.5rem));
}
.widemenu-active a {
  transition: transform 0.6s cubic-bezier(0.43, 0.08, 0.31, 0.95);
  transform: translateY(0);
}
.widemenu-active ul.menu > li:nth-child(1) > a {
  transition-delay: 0.3s;
}
.widemenu-active ul.menu > li:nth-child(2) > a {
  transition-delay: 0.4s;
}
.widemenu-active ul.menu > li:nth-child(3) > a {
  transition-delay: 0.5s;
}
.widemenu-active ul.menu > li:nth-child(4) > a {
  transition-delay: 0.6s;
}
.widemenu-active ul.menu > li:nth-child(5) > a {
  transition-delay: 0.7s;
}
.widemenu-active ul.menu > li:nth-child(6) > a {
  transition-delay: 0.8s;
}
.widemenu-active ul.menu > li:nth-child(7) > a {
  transition-delay: 0.9s;
}
.widemenu-active ul.menu > li:nth-child(8) > a {
  transition-delay: 1s;
}
.widemenu-active ul.menu > li:nth-child(9) > a {
  transition-delay: 1.1s;
}

.widemenu-toggle {
  position: fixed;
  position: absolute;
    z-index: 888888888888888;
    top: 38.5px;
    right: 39px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 37px;
    border: 0;
    padding: 0;
    background: none;
    cursor: pointer;
    transition: border-color 0.3s ease;
	-webkit-transition: All 0.4s ease;-moz-transition: All 0.4s ease;-o-transition: All 0.4s ease;-ms-transition: All 0.4s ease;transition: All 0.4s ease;
}
.fixed-on .widemenu-toggle {top: 13.5px;}



.widemenu-toggle span {
  display: block;
  width: 70%;
  height: 2px;
  flex: none;
  margin: 0.25rem 0;
  background: #fff;
  pointer-event: none;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease;
  -webkit-transition: All 0.4s ease;-moz-transition: All 0.4s ease;-o-transition: All 0.4s ease;-ms-transition: All 0.4s ease;transition: All 0.4s ease;

}

.widemenu-toggle span:nth-of-type(2) {}



.widemenu-toggle:hover span {background:#ffd000;}



.widemenu-toggle-active {
  border-color: #501F1F!important;
}
.widemenu-toggle-active span {background:#193342;width:80%;}
.widemenu-toggle-active:hover span {background:#a84138;}

.widemenu-toggle-active span:nth-child(1) {
  transform: translateY(0.5rem) translateY(2px) rotate(135deg);
}
.widemenu-toggle-active span:nth-child(2) {
  opacity: 0;
  transform: scale(0.5);
}
.widemenu-toggle-active span:nth-child(3) {
  transform: translateY(-0.5rem) translateY(-2px) rotate(-135deg);
}
.widemenu-toggle-active span:nth-child(4) {
  transform: translateY(-0.5rem) translateY(-2px) rotate(-135deg);
}
.widemenu-toggle-active span:nth-child(5) {
  transform: translateY(-0.5rem) translateY(-2px) rotate(-135deg);
}