.container-menu{--main-bg:#ffc;--hover-active:#099c95;--main-menu-li-and-actrive:#175b52;--hover-active-text:#4f5b93;--menu-child:#ededed;--container-width:64rem;width:var(--container-width);height:0;position:absolute;top:4.6rem;z-index:1}a{text-decoration:none;color:#000}a:hover,a:active{color:#fff}ul{margin-left:0;list-style-type:none}.icon{top:-1px;left:.5rem;position:relative;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.icon-lg{width:20px;height:20px;margin-right:10px}.icon-xl{width:24px;height:24px;margin-right:12px}.main-menu{display:flex;background-color:#4e5b91;padding-left:0;flex-direction:row;align-items:flex-start;width:fit-content;background:var(--bg-color);margin-left:-.62rem}.main-menu>li{box-sizing:border-box;margin:.0625rem;transition:.5s linear all;background:var(--main-bg);color:var(--main-menu-li-and-actrive);cursor:pointer;font-size:.8125rem;font-weight:600;user-select:none;position:relative;padding:.3em .5em 0 .2em}.main-menu>li:not(.menu-parent){clip-path:polygon(10% 0,0 100%,95% 100%,100% 50%,95% 0);shape-outside:polygon(10% 0,0 100%,95% 100%,100% 50%,95% 0)}.main-menu>li.menu-parent{background:transparent;overflow:visible}.main-menu>li.menu-parent::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' preserveAspectRatio='none'%3E%3Cpath d='M10,0 L0,50 L95,50 L100,25 L95,0 Z' fill='%23ffc'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;transition:.5s linear all;z-index:1;pointer-events:none}.main-menu>li.menu-parent>*{position:relative;z-index:2}.main-menu i{margin-right:.3125rem}.main-menu>li:hover:not(.active){background:linear-gradient(to right,var(--main-bg),var(--hover-active));color:var(--hover-active-text)}.main-menu>li.menu-parent:hover:not(.active){background:transparent;color:var(--hover-active-text)}.main-menu>li.menu-parent:hover:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='hoverGrad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23ffc'/%3E%3Cstop offset='100%25' stop-color='%23099c95'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M10,0 L0,50 L95,50 L100,25 L95,0 Z' fill='url(%23hoverGrad)'/%3E%3C/svg%3E")}.main-menu>li:active:not(.active),.main-menu>li:active:not(.menu-parent){background:var(--hover-active);color:var(--hover-active-text)}.main-menu>li.menu-parent:active:not(.active){background:transparent;color:var(--hover-active-text)}.main-menu>li.menu-parent:active:not(.active)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' preserveAspectRatio='none'%3E%3Cpath d='M10,0 L0,50 L95,50 L100,25 L95,0 Z' fill='%23099c95'/%3E%3C/svg%3E")}.main-menu>li:hover i:not(li.active){color:#175c58}.main-menu .active{color:var(--hover-active-text);background:var(--hover-active);cursor:default;text-shadow:.0625rem .0625rem .0625rem var(--main-menu-li-and-actrive);font-size:1.125rem}.main-menu .active.menu-parent::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' preserveAspectRatio='none'%3E%3Cpath d='M10,0 L0,50 L95,50 L100,25 L95,0 Z' fill='%23099c95'/%3E%3C/svg%3E")}.main-menu .active.menu-parent{background:transparent}h1{font-size:75%;margin:1em 2em;padding:0;position:relative;color:#777}.content{padding:0 0 0 3em;font-size:1rem}.menu-parent{position:relative;display:inline-block}.menu-child{display:none;position:absolute;z-index:100;list-style:none;left:0;margin:0 0 0 .25rem;padding:0;min-width:100%;white-space:nowrap;top:100%;overflow:hidden;box-sizing:border-box;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.menu-parent:hover .menu-child{display:block}.menu-child>li{color:#777;padding:.3em .5em 0 .2em;transition:.3s all linear;display:block;line-height:normal;border:1px solid #000;border-top:0}.menu-child>li:first-child{border-top:1px solid #000}.menu-child>li:last-child{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.menu-child>li:nth-child(odd){background:#eceadf url(/backgrounds/fine-grain_eceadf.webp) 50% 50% repeat}.menu-child>li:nth-child(even){background:#fff url(/backgrounds/fine-grain_ffffff.webp) 50% 50% repeat}.menu-child>li:hover{background:var(--hover-active-text);color:#fff}.menu-child>li:active{background:var(--hover-active-text);color:#fff}#menuToggle{display:none;position:fixed;top:.5rem;left:.5rem;z-index:1000;user-select:none}@media screen and (max-width:1024px){.main-menu{display:none !important}#menuToggle{display:block !important}}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}.hamburger-icon-wrapper{display:block;width:33px;height:33px;position:relative;z-index:1;background:var(--bg-color,#fff);border:2px solid var(--main-menu-li-and-actrive);border-radius:.5rem;padding:.25rem;display:flex;align-items:center;justify-content:center}.hamburger-icon-wrapper .icon{left:0;top:0;position:relative;margin:0;transition:all .3s ease;width:1.5rem;height:1.5rem}#menuToggle input:checked ~ .hamburger-icon-wrapper{background:var(--bg-color,#fff)}#menuToggle input:checked ~ .hamburger-icon-wrapper .icon-hamburger-menu{background-image:url('/icons/cross-mark.svg');transform:rotate(180deg)}.hamburger-menu-list{position:absolute;width:fit-content;max-width:90vw;margin:0;padding:1rem 1rem 1rem .5rem;top:3rem;left:0;background:#4e5b91;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(-120%,0);transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0);box-shadow:2px 2px 10px rgba(0,0,0,0.3)}#menuToggle input:checked ~ .hamburger-menu-list{transform:translate(0,0)}.hamburger-menu-list>li{box-sizing:border-box;margin:.0625rem 0;transition:.5s linear all;background:var(--main-bg);color:var(--main-menu-li-and-actrive);cursor:pointer;font-size:.8125rem;font-weight:600;user-select:none;position:relative;padding:.3em .5em .3em .2em;display:flex;align-items:center;clip-path:none !important;shape-outside:none !important;border:0;white-space:nowrap;padding-right:.5rem}.hamburger-menu-list>li.menu-parent{background:var(--main-bg)}.hamburger-menu-list>li.menu-parent::before{display:none}.hamburger-menu-list>li .icon{left:0;position:relative;margin-right:.75rem}.hamburger-menu-list>li .href-text{left:0;white-space:nowrap;overflow:visible;text-overflow:clip}.hamburger-menu-list>li:hover{background:linear-gradient(to right,var(--main-bg),var(--hover-active));color:var(--hover-active-text)}.hamburger-menu-list>li.menu-parent:hover{background:linear-gradient(to right,var(--main-bg),var(--hover-active))}.hamburger-menu-list .onclick-menu-content{display:none !important;list-style:none;margin:0;padding:0 0 0 1.5rem;width:fit-content}.hamburger-menu-list .onclick-menu.submenu-open .onclick-menu-content{display:block !important}.container-menu .onclick-menu-content>li{box-sizing:border-box;transition:.5s linear all;background:var(--main-bg);color:var(--main-menu-li-and-actrive);cursor:pointer;font-size:.8125rem;font-weight:600;user-select:none;position:relative;padding:.3em .5em .3em .2em;display:flex;align-items:center;clip-path:none;shape-outside:none;border:1px solid #000;border-top:0}.container-menu .onclick-menu-content>li:first-child{border-top:1px solid #000}.container-menu .onclick-menu-content>li:nth-child(odd){background:#eceadf url(/backgrounds/fine-grain_eceadf.webp) 50% 50% repeat}.container-menu .onclick-menu-content>li:nth-child(even){background:#fff url(/backgrounds/fine-grain_ffffff.webp) 50% 50% repeat}.container-menu .onclick-menu-content>li:hover{background:var(--bg-color);color:#fff}.container-menu .onclick-menu-content>li:active{background:var(--bg-color);color:#fff}.container-menu:not(.menu-responsive) .hamburger-hint{display:none !important}.container-menu:not(.menu-responsive) .horizontal-hint{display:block}.container-menu.menu-responsive .horizontal-hint{display:none !important}.container-menu.menu-responsive .hamburger-hint{display:block !important}
