header{position:fixed;top:0;width:100%;z-index:20}header .nav-bar{align-items:center;display:flex;height:12rem;padding:10rem 8rem 4rem;transition:all .4s cubic-bezier(.4,0,.07,1);transition-delay:.1s}header .nav-bar .wrap{align-items:center;display:grid;flex:1;grid-template-columns:40% 20% 40%;justify-content:space-between}header .nav-bar-menu .hs-menu-wrapper ul{display:flex;gap:2rem;list-style:none;padding:0;transition:all .3s cubic-bezier(.86,0,.07,1)}header .nav-bar-menu .hs-menu-wrapper ul .hs-menu-item a{color:var(--text-color-negative);text-decoration:none;transition:all .3s cubic-bezier(.86,0,.07,1)}header .nav-bar-menu.right{align-items:center;display:flex;gap:4rem;justify-content:flex-end}header .nav-bar-menu.right .divider{align-self:normal;background-color:var(--white);transition:all .3s cubic-bezier(.86,0,.07,1);width:1px}header .nav-bar-menu.right .contact-button-icon{display:none}header .nav-bar-menu.right .contact-button-text{display:block}header .nav-bar-logo{align-items:center;display:flex;justify-content:center}header .nav-bar-logo svg{color:var(--white);filter:drop-shadow(8px -2px 7px rgba(0,0,0,.54));margin-top:2rem;transition:all .6s cubic-bezier(.7,0,.07,1);width:30rem}header .nav-bar-logo svg .slogantext{transition:opacity .3s cubic-bezier(.86,0,.07,1)}header .menu-toggle{background-color:transparent;border:none;cursor:pointer;padding:0}header .menu-toggle .strokes{align-items:flex-end;display:flex;flex-direction:column;width:2.6rem}header .menu-toggle .strokes span{background-color:var(--white);border-radius:1rem;display:block;height:.25rem;margin:0 0 .5rem;transition:all .3s cubic-bezier(.86,0,.07,1);width:100%}header .menu-toggle .strokes span:first-child{width:100%}header .menu-toggle .strokes span:nth-child(2){width:60%}header .menu-toggle .strokes span:last-child{margin-bottom:0;width:80%}body.header-stuck header .nav-bar,body.scrolled header .nav-bar{background-color:var(--white);box-shadow:0 0 40px -12px rgba(0,0,0,.1);padding-top:4rem}body.header-stuck header .nav-bar-menu .hs-menu-wrapper ul .hs-menu-item a,body.scrolled header .nav-bar-menu .hs-menu-wrapper ul .hs-menu-item a{color:var(--text-color)}body.header-stuck header .nav-bar-menu.right .divider,body.scrolled header .nav-bar-menu.right .divider{background-color:var(--text-color)}body.header-stuck header .nav-bar-logo svg,body.scrolled header .nav-bar-logo svg{color:var(--black);filter:none;margin-top:1rem;width:13rem}body.header-stuck header .nav-bar-logo svg .slogantext,body.scrolled header .nav-bar-logo svg .slogantext{opacity:0}body.header-stuck header .menu-toggle .strokes span,body.scrolled header .menu-toggle .strokes span{background-color:var(--text-color)}body.menu-active header .nav-bar{background-color:transparent;box-shadow:none;padding-top:4rem}body.menu-active header .nav-bar-logo svg{color:var(--white);filter:none;margin-top:1rem;width:13rem}body.menu-active header .nav-bar-logo svg .slogantext,body.menu-active header .nav-bar-menu.left,body.menu-active header .nav-bar-menu.right .button,body.menu-active header .nav-bar-menu.right .divider,body.menu-active header .nav-bar-menu.right ul{opacity:0}body.menu-active header .menu-toggle .strokes span{background-color:var(--text-color-negative)}body.menu-active header .menu-toggle .strokes span:first-child{transform:rotate(45deg) translate(1.1rem);width:100%}body.menu-active header .menu-toggle .strokes span:nth-child(2){transform:rotate(-45deg) translate(.6rem,.5rem);width:100%}body.menu-active header .menu-toggle .strokes span:last-child{opacity:0;visibility:hidden}@media only screen and (max-width:1440px){header .nav-bar-menu.right .contact-button-icon{display:block}header .nav-bar-menu.right .contact-button-text{display:none}header .nav-bar-logo svg{width:20rem}}@media only screen and (max-width:1280px){header .nav-bar .wrap{grid-template-columns:1fr}header .nav-bar-menu.left{display:none}header .nav-bar-menu.right{z-index:10}header .nav-bar-menu.right .button,header .nav-bar-menu.right .divider,header .nav-bar-menu.right .hs-menu-wrapper{display:none}header .nav-bar-logo{left:0;margin-left:auto;margin-right:auto;margin-top:1.5rem;position:absolute;right:0;top:0;width:max-content}}@media only screen and (max-width:750px){header .nav-bar{height:5.8rem;padding:4rem 2rem}header .nav-bar-logo{margin-top:0}header .nav-bar-logo svg{margin-top:4rem;width:15rem}body.header-stuck header .nav-bar-logo svg,body.scrolled header .nav-bar-logo svg{filter:drop-shadow(0 5px 4px rgba(0,0,0,.1607843137));margin-top:1.5rem;width:10rem}}