:root{--color-primary:#7a67ab;--color-primary-dark:#50427e;--color-secondary:#efac76;--color-tertiary:#ee7b7a;--color-black:#000;--color-white:#fff;--color-success:#36b37e;--color-warning:#ffab00;--top-bar-height:40px;--navbar-height:70px;--header-height:calc(var(--top-bar-height) + var(--navbar-height))}@media(min-width:1200px){:root{--navbar-height:80px}}body{padding-top:var(--header-height)}.btn{padding:1em 2em;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .3s,color .3s,border-color .3s;transition:background-color .3s,color .3s,border-color .3s}.btn--jdm{background:#6dc28b;color:var(--color-white)}.btn--jdm:focus,.btn--jdm:hover{background:#5aab7f}.container{margin:0 auto;max-width:1440px;padding:0 1rem;width:100%}.top-bar{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:var(--color-primary-dark);color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:.8rem;height:var(--top-bar-height)}@media(min-width:400px){.top-bar{font-size:.9rem}}@media(min-width:576px){.top-bar{font-size:1rem}}.top-bar .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}@media(min-width:768px){.top-bar .container{gap:2rem;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}}.top-bar a{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:currentColor;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;text-decoration:none;white-space:nowrap}.top-bar .social-links{-webkit-filter:brightness(5);filter:brightness(5)}@media(max-width:575.98px){.top-bar .social-links{display:none}}.navbar{height:var(--navbar-height)}.main-header{--header-height:106px;background:var(--color-white);-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.25);box-shadow:0 5px 10px 0 rgba(0,0,0,.25);left:0;position:fixed;top:0;width:100%;z-index:1001}@media(min-width:400px){.main-header{--header-height:109px}}@media(min-width:576px){.main-header{--header-height:111px}}.navbar{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.main-menu .social-links{gap:1.5rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:2rem}.main-menu .social-links img{height:30px;width:30px}@media(min-width:576px){.main-menu .social-links{display:none}}.main-menu .menu-item a{white-space:nowrap}.main-menu .menu-item.folder-menu-button{--icon-width:28px;--icon-height:23px;text-align:center}.main-menu .menu-item.folder-menu-button a{background:var(--color-primary-dark);border:2px solid var(--color-primary-dark);color:var(--color-white);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin:0;padding:1em calc(3em + var(--icon-width)) 1em 2em;position:relative;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s}.main-menu .menu-item.folder-menu-button a:after,.main-menu .menu-item.folder-menu-button a:before{background-repeat:no-repeat;background-size:contain;content:"";height:var(--icon-height);position:absolute;right:2em;top:50%;-webkit-transform:translateY(calc(-50% - 2px));transform:translateY(calc(-50% - 2px));-webkit-transition:opacity .3s;transition:opacity .3s;width:var(--icon-width)}.main-menu .menu-item.folder-menu-button a:after{background-image:url(../img/icon-folder-button-1.svg)}.main-menu .menu-item.folder-menu-button a:before{background-image:url(../img/icon-folder-button-2.svg)}.main-menu .menu-item.folder-menu-button a:focus,.main-menu .menu-item.folder-menu-button a:hover{background:var(--color-white);color:var(--color-primary-dark)}.main-menu .menu-item.folder-menu-button a:focus:after,.main-menu .menu-item.folder-menu-button a:hover:after{opacity:0}.main-menu .menu-item.folder-menu-button a:focus:before,.main-menu .menu-item.folder-menu-button a:hover:before{opacity:1}.main-menu .company-site-cta{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.5rem}.main-menu .company-site-cta a:not(.btn){color:var(--color-black);font-size:.7rem;text-decoration:none;text-transform:none}.main-menu .company-site-cta img{max-width:280px}@media(max-width:991.98px){.main-menu{background:var(--color-white);border-top:1px solid var(--color-primary);left:0;max-height:calc(100vh - var(--header-height));opacity:0;overflow-y:auto;padding:1rem 0;pointer-events:none;position:fixed;top:var(--header-height);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;width:100%;z-index:1000}.navbar.open .main-menu{opacity:1;pointer-events:auto;-webkit-transform:translateX(0);transform:translateX(0)}.main-menu .logo{display:none}.main-menu .menu-item a{padding:.75em 0;text-align:center}.main-menu .menu-item.folder-menu-button{margin-top:1rem}.main-menu .company-site-cta{border-top:1px solid #777;gap:1.5rem;margin:2rem 1rem;padding:2rem;text-align:center}}@media(min-width:992px){.navbar .menu-button,.navbar>.logo{display:none}.main-menu{--gap:1rem;--link-padding-x:0.625rem;--link-font-size:0.8rem;--logo-width:45px;--menu-animation-offset:calc(var(--logo-width)/2 + var(--gap));-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:var(--gap);-moz-column-gap:var(--gap);column-gap:var(--gap);display:grid;grid-template-areas:"menu-left logo menu-right";grid-template-columns:1fr auto 1fr;width:100%}.main-menu .company-site-cta{display:none;grid-area:company-cta}.main-menu .company-site-cta a{font-weight:300;position:relative}.main-menu .company-site-cta a:before{content:"« ";padding-right:.25em}.main-menu .company-site-cta a:after{background-color:currentColor;bottom:-1px;content:"";display:block;height:1px;left:0;position:absolute;width:100%}.main-menu .company-site-cta .btn{display:none}.main-menu .menu-cta-container{display:none;grid-area:menu-cta}.main-menu .menu-menu-po-lewej-container{grid-area:menu-left}.main-menu .menu-menu-po-lewej-container ul{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.main-menu .menu-menu-po-prawej-container{grid-area:menu-right}.main-menu .logo{grid-area:logo}.main-menu .logo img{width:var(--logo-width)}}@media(min-width:992px)and (min-width:1200px){.main-menu{--logo-width:55px;grid-template-areas:"company-cta menu-left logo menu-right menu-cta";grid-template-columns:250px 1fr auto 1fr 250px}.main-menu .company-site-cta,.main-menu .menu-cta-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media(min-width:992px)and (min-width:1366px){.main-menu{--link-font-size:0.9rem;--link-padding-x:1rem}}@media(min-width:992px){.main-menu ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.main-menu .menu-item{font-size:var(--link-font-size)}.main-menu .menu-item a{padding:0 var(--link-padding-x)}.main-menu .menu-item:not(.folder-menu-button) a{position:relative}.main-menu .menu-item:not(.folder-menu-button) a:after{background-color:currentColor;bottom:-2px;content:"";display:block;height:2px;left:1rem;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;width:calc(100% - 2rem)}.main-menu .menu-item:not(.folder-menu-button) a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.main-menu .logo img{-webkit-filter:brightness(10);filter:brightness(10);-webkit-transform:translateY(165px) scale(3.45);transform:translateY(165px) scale(3.45);-webkit-transform-origin:top center;transform-origin:top center;-webkit-transition:-webkit-transform .5s,-webkit-filter .5s;transition:-webkit-transform .5s,-webkit-filter .5s;transition:transform .5s,filter .5s;transition:transform .5s,filter .5s,-webkit-transform .5s,-webkit-filter .5s}.main-menu .menu-menu-po-lewej-container,.main-menu .menu-menu-po-prawej-container{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s;width:100%}.main-menu .menu-menu-po-lewej-container{-webkit-transform:translateX(var(--menu-animation-offset));transform:translateX(var(--menu-animation-offset))}.main-menu .menu-menu-po-prawej-container{-webkit-transform:translateX(calc(var(--menu-animation-offset)*-1));transform:translateX(calc(var(--menu-animation-offset)*-1))}body.is-scrolled .menu-menu-po-lewej-container,body.is-scrolled .menu-menu-po-prawej-container{-webkit-transform:translateY(0);transform:translateY(0)}body.is-scrolled .logo img{-webkit-filter:none;filter:none;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.social-links{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1rem}
