@import url('./_config.css');@import url('./cookies.css');h1,h2,h3,h4,h5,h6{font-weight:var(--titleWeight);margin:30px 0 20px;line-height:1.1;color:var(--titleColor);text-transform:uppercase;letter-spacing:.1em}b,strong{font-weight:var(--boldWeight)}.container{max-width:90%;width:var(--containerWidth)}html{scroll-padding-top:100px;scroll-margin-top:100px}[x-cloak]{display:none!important;}.navbar{background-color:transparent;position:fixed;top:0;width:100%;z-index:999;transition:all .3s}.affix{background-color:hsl(0,0%,0%,.85);backdrop-filter:blur(3px)}.navbar-logo{margin:25px 0;transition:all .3s}.affix .navbar-logo{margin:10px 0}.navbar-logo-image{display:block;height:90.5px;transition:all .3s}.affix .navbar-logo-image{height:50px;}.navbar-nav{margin:0;padding:0;list-style:none;align-items:center}.navbar-nav li{list-style:none;display:block;position:relative;margin:0;padding:0}.navbar-nav>li:not(:first-child){padding-left:var(--navMargin)}.navbar-nav a{will-change:auto}.navbar-nav>li>a{color:hsl(0,0%,100%);font-size:.875rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;display:inline-flex;text-decoration:none;padding:10px 0;transition:all .2s;outline:none;position:relative;overflow:hidden}.nav-dropdown>a::after{filter:invert(1)}.navbar-nav a::before{content:'';display:block;position:absolute;bottom:0;left:-101%;width:100%;height:2px;will-change:transform;background-color:var(--linkColor);transition:all .2s var(--ease)}.navbar-nav a:focus::before,.navbar-nav a:hover::before,.navbar-nav .nav-active::before{left:0}.navbar-nav .nav-active{color:var(--linkColor)}.navbar-nav ul{position:absolute;display:none;top:100%;left:var(--navMargin);margin:0;padding:10px;min-width:250px;background-color:white;box-shadow:0 10px 30px hsla(0,0%,0%,.2)}.navbar-nav ul a{padding:10px 15px;display:flex;font-size:.875rem;color:var(--textColor);justify-content:space-between;text-decoration:none;overflow:hidden;transition:all .3s var(--ease)}.navbar-nav ul a::after{transform:rotate(-90deg)}.navbar-nav ul a::before{content:'>';font-family:monospace;font-weight:bold;font-size:1rem;width:auto;height:auto;display:block;transform:translateX(0)!important;visibility:visible;background:none;position:absolute;top:8px;left:0;opacity:0;color:var(--primary)}.navbar-nav ul a:hover::before{transform:translateX(10px)!important;opacity:1}.navbar-nav ul a:hover{padding-left:25px;padding-right:5px}.navbar-nav ul .active>a,.navbar-nav ul a.active{color:var(--primary)}.navbar-nav>li>.open,.navbar-nav .nav-dropdown:hover>ul{display:block;animation:showDropdown .3s 1 forwards}.navbar-nav .open .open,.navbar-nav ul .nav-dropdown:hover>ul{display:block;animation:showNextDropdown .3s 1 forwards}.navbar-nav ul ul{top:0;left:100%}.mobile-menu-toggler{width:32px;height:24px;padding:0;border:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;position:relative;background:none;transition:all var(--fastSpeed) var(--easeOutBack);outline:none;margin-left:20px}.mobile-menu-toggler div{display:block;height:2px;width:32px;background-color:var(--primary);transition:all var(--fastSpeed) var(--easeOutBack);transform-origin:right}.mobile-menu-toggler div:last-child{width:70%}.mobile-menu-toggler.active-toggler div:first-of-type{transform:rotate(-45deg)}.mobile-menu-toggler.active-toggler div:last-child{transform:rotate(45deg);width:100%}.mobile-menu-toggler.active-toggler div:nth-of-type(2){display:none}.mobile-nav{transition:transform var(--fastSpeed) var(--easeOutQuart);transform:translateX(-100%);display:block;position:fixed;top:0;left:0;height:100vh;max-width:80vw;width:300px;background-color:var(--primary);margin:0;padding:0;z-index:99999;overflow-y:auto}.mobile-nav.show{transform:translateX(0)}.mobile-nav ul,.mobile-nav li{list-style:none;margin:0;padding:0}.mobile-nav ul{background-color:hsla(0,0%,0%,.3)}.mobile-nav a{display:block;font-size:1rem;text-decoration:none;font-weight:700;color:white;box-sizing:border-box;padding:10px 15px;border-bottom:1px solid hsla(0,0%,100%,.2)}.mobile-nav ul a{font-size:.875rem;font-weight:normal;padding-left:30px}.mobile-nav ul ul a{padding-left:45px}.mobile-nav a:hover,.mobile-nav a.active{color:var(--primary);background-color:#fff}header{height:100vh;min-height:850px;background-color:black}header canvas{width:100%;height:100%;position:relative;z-index:1}.header-top{color:white;pointer-events:none}.film{box-shadow:0 20px 30px -10px hsl(0,0%,0%)}.slogan{padding-top:40px}.slogan h1{margin-top:0;text-transform:uppercase;letter-spacing:.1em;color:white}.slogan p{font-weight:normal;font-size:var(--h3);line-height:1.1;margin-bottom:0}.slogan a{display:flex;flex-direction:column;align-items:center;text-align:center;color:white;text-decoration:none;flex-basis:130px;transition:all .2s;pointer-events:visible}.slogan a + a{margin-left:100px}.slogan .circle{width:130px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:6px solid white;filter:drop-shadow(0 0 10px black);background:#000000;transition:all .2s}.slogan a:hover .circle{transform:translateY(-3px)}.slogan a strong{font-weight:600;font-size:1.125rem;display:block;line-height:1.2;margin-top:20px}.scroll{bottom:30px;left:calc(50% - 22px);position:absolute;z-index:30}.dg.ac{display:none;}header video{width:100%;display:block;aspect-ratio:16/9}.btn{text-transform:uppercase;letter-spacing:.1em;padding:1.7em 2.7em;font-size:.75rem;line-height:1.1;font-weight:bold;background-color:#fff}.btn.secondary{color:white}#firma{background:url(/assets/img/bg.jpg) center no-repeat;background-size:cover}#firma h2{margin-top:0;color:white}#firma p{color:white}#firma .btn{margin-top:1rem;}#zaufali a{text-align:center;color:var(--titleColor);display:flex;flex-direction:column;align-items:center;transition:all .3s;filter:grayscale(1);opacity:.5}#zaufali a:hover{filter:grayscale(0);opacity:1}#zaufali a .icon{height:80px;width:100%;display:flex;align-items:center;justify-content:center}#zaufali a .icon img{height:100%;width:100%;object-fit:contain;object-position:center}#zaufali a .title{display:block;font-size:1.125rem}#zaufali a small{font-size:.4rem}#paralaksa{height:480px;overflow:hidden;margin:0 30px 30px}.paralaksa-top{background-color:hsl(0,0%,0%,.4);color:white}.parallax-movie{width:100%;height:100%;object-fit:cover;object-position:center;position:relative;z-index:1}#spacer{height:480px;overflow:hidden;margin:0 30px 30px}#spacer h3{color:white;text-align:center;margin-bottom:30px;text-transform:none}.madeby{color:hsl(0,0%,100%,.5);text-decoration:none;line-height:1;display:inline-block}.madeby small{float:left;margin:4px 4px 0 0;font-size:.6875rem}footer{background-color:black;color:white}footer h2{color:white}footer .md\:w-4-12 .flex strong{font-size:1.5rem}footer a{color:white;text-decoration:none;transition:opacity .2s}footer a:hover{opacity:.8}@keyframes showDropdown{0%{opacity:0;transform:translateY(-10px);}100%{opacity:1;transform:translateY(0);}}@keyframes showNextDropdown{0%{opacity:0;transform:translateX(-10px);}100%{opacity:1;transform:translateX(0);}}@media screen and (max-height:666px){.slogan{padding-top:0}.slogan>.flex.mt-50{margin-top:25px;margin-bottom:50px}}@media screen and (max-width:1199px){.slogan h1{font-size:var(--h2)}h2{font-size:var(--h3);}footer .md\:w-4-12 .flex strong{font-size:1.2rem}}@media screen and (max-width:1000px){header{height:155vh}.navbar-logo-image{height:50px;}.slogan{padding-top:0}.slogan h1{text-align:center;margin:0;padding:150px 0 100vh!important}.scroll{bottom:auto;top:calc(100vh - 130px);pointer-events:all}#firma{text-align:center}#firma img{margin:0 auto 30px}footer{text-align:center}footer .md\:w-4-12{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:30px}footer .md\:w-4-12 .flex{flex-direction:column-reverse;align-items:center;justify-content:center;margin-bottom:30px}footer .md\:w-4-12 .flex img{margin:0 0 10px 0}.flex.last{flex-direction:column;justify-content:center;align-items:center}}@media screen and (max-width:920px){.slogan a{margin:0 0 30px!important;flex-basis:25%}#paralaksa{height:auto;aspect-ratio:16/8}#paralaksa .lead + .lead{font-size:1rem;}#spacer h3{font-size:var(--h4)}}@media screen and (max-width:912px){header{height:105vh}.slogan a{flex-basis:40%}}@media screen and (max-width:768px){header{height:110vh}.slogan a{flex-basis:40%}}@media screen and (max-width:560px){.slogan h1{font-size:var(--h3);}#paralaksa .lead{display:none;}#spacer{height:343px;}#spacer h3{font-size:var(--h5);}footer h2{font-size:var(--h4);}.slogan .mt-50{margin-top:40px;}#firma .slogan a{flex-basis:100%}}@media screen and (max-width:400px){.slogan a{flex-basis:50%}}@media screen and (max-width:325px){.mobile-menu-toggler{margin-left:15px;}.slogan h1{font-size:var(--h4)}}