.m-eh-navigation { background: #1f2e4a; left: 0; padding: 20px 0 0 0; position: fixed; top: 0; transform: translateY(-120%); transition: 0.4s ease-in-out; width: 100%; z-index: 10; }
.m-eh-navigation.opened { transform: translateY(0); max-height: 100vh; }
.m-eh-navigation.opened::after { background: #1f2e4a; content: ''; height: 200vh; opacity: 0.6; position: absolute; top: 100%; transition: 0.4s ease-in-out; width: 100%; }
.m-eh-navigation__nav-wrapper { max-height: 70vh; overflow: scroll; overflow-x: hidden; position: relative; }
.m-eh-navigation__nav-wrapper__gradient::after { background: linear-gradient(180deg, rgba(31,46,74,0.1) 0%, rgba(31,46,74,1) 80%); bottom: -2px; content: ''; height: 130px; left: 0; pointer-events: none; position: absolute; width: 100%; }
.m-eh-navigation__nav .hs-menu-wrapper > ul { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0; padding-bottom: 60px; }
.m-eh-navigation__nav li.hs-menu-depth-1 { flex: 0 1 90%; }
.m-eh-navigation__nav ul { list-style: none; padding: 0; }
.m-eh-navigation__nav a { font-size: 0.8rem; line-height: 1.6; }
.m-eh-navigation__nav .hs-menu-depth-1 > a { #1f80f0; text-decoration: none; font-weight: bold; }
.m-eh-navigation__nav .hs-menu-depth-1 > a[href*="javascript"] { color: #1f80f0; cursor: auto; font-weight: bold; text-decoration: none; user-select: text; }
.m-eh-navigation__nav .hs-menu-depth-2 > a[href*="javascript"],
.m-eh-navigation__nav .hs-menu-depth-2 > a[href*="javascript"]:hover { display: none; }
.m-eh-navigation__nav .hs-menu-depth-2 > a { color: #fff; text-decoration: none; }
.m-eh-navigation__nav .hs-menu-depth-2 > a:hover { text-decoration: underline; }

.m-eh-navigation__nav__bottom-wrapper { max-height: 80vh; overflow: scroll; }
.m-eh-navigation__nav__bottom { align-items: center; color: #fff; display: flex; justify-content: space-between; padding: 0px 20px; max-width: 1440px; margin: 0 auto; }
.m-eh-navigation__nav__bottom > div { flex: 1; }
.m-eh-navigation__menu-heading { color: #fff; font-size: 90px; font-weight: 700; font-family: serif; overflow-wrap: break-word; }
.m-eh-navigation__scribble { align-items: center; display: none; justify-content: flex-end; flex-direction: column; }	
.m-eh-navigation__scribble span { color: #1f80f0; display: block; font-size: 10px; margin: 0 0 5px; }	
.m-eh-navigation__scribble img { width: 100px; height: auto; }	

@media (min-width: 992px) and (max-width: 1175px) {

}
@media (min-width: 992px) {
  .m-eh-navigation { padding: 50px 0 0 0; }
  .m-eh-navigation__nav .hs-menu-wrapper > ul { padding-bottom: 0; }
  .m-eh-navigation__nav  li.hs-menu-depth-1 { flex: 0 1 32%; padding-right: 40px; }
  .m-eh-navigation__nav-wrapper { max-height: none; }
  .m-eh-navigation__scribble { display: flex; }
  .m-eh-navigation__nav__bottom { padding: 0px 60px 10px; }
  .m-eh-navigation__nav-wrapper__gradient::after { content: none; }
}
@media (min-width: 992px) and (max-width: 1024px) {
	.m-eh-navigation { padding: 50px 0 0 0; }
  .m-eh-navigation__nav a { font-size: 0.8rem; line-height: 1.6; }
}
@media (min-width: 1175px) and (max-width: 1440px) {
  .m-eh-navigation { padding: 80px 0 0 0; }
  .m-eh-navigation__nav a { font-size: 0.8rem; line-height: 1.6; }
}

@media (min-width: 1441px) {
  .m-eh-navigation { padding: 150px 0 0 0; }
  .m-eh-navigation__nav a { font-size: 0.9rem; line-height: 1.8; }
}