@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";.hero{height:100vh;position:relative;overflow:hidden;cursor:pointer}.hero .top{height:50vh;background-color:var(--color1);width:100%}.hero .bottom{height:50vh;background-color:var(--color2);width:100%}.hero p{font-size:5rem;text-align:center;padding:5%;color:var(--color5);text-transform:uppercase;font-weight:900;text-shadow:0 0 5px rgba(0,0,0,.5);transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center}.hero span{font-size:2rem;color:#000;text-align:center;padding:5%;color:var(--color4)}.pica{opacity:0}.left.expanded .pica{display:block;transition:all 1.5s ease-in-out;opacity:1}.kokot{opacity:0}.right.expanded .kokot{display:block;transition:all 1.5s ease-in-out;opacity:1}.about-us{background-color:#f0f8ff}.about-us p{font-size:2rem;color:#000;text-align:center;padding:5%;color:var(--color4)}.tripple-cards{display:flex;justify-content:space-around;align-items:center;padding:5%}.card{background-color:var(--color3);border-radius:20px;box-shadow:0 4px 8px #0003;transition:transform .3s;margin:5%}.card:hover{transform:scale(1.05)}.bazeny{display:none!important}.bazeny.active{display:inline-flex!important;height:100%}.cistky{display:none!important}.cistky.active{display:flex!important}.about-us p{display:none}@media (max-width: 768px){.about-us{padding-bottom:60px}}.our-works{background-color:var(--color3);padding:5%}.works{background-color:var(--color3);position:relative}.work-label{display:block;font-size:2.2rem;margin-bottom:10px;font-weight:700;color:var(--color2);text-align:center;text-transform:uppercase;text-shadow:0 0 5px rgba(0,0,0,.2);padding:15%}.circle{width:300px;height:300px;border-radius:50%;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 4px 8px #0003}.half{position:absolute;width:100%;height:100%;object-fit:cover}.top-left{clip-path:polygon(0 0,100% 0,0 100%)}.bottom-right{clip-path:polygon(100% 100%,0 100%,100% 0)}.bottom-right:hover{z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:all 2.5s ease-in-out}.label{position:absolute;color:var(--color2);font-weight:700;font-size:2.2rem;text-shadow:0 0 5px rgba(0,0,0,.5);z-index:2}.before{top:10%;left:10%}.after{bottom:10%;right:10%}.circle-text{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;font-size:5rem;color:var(--color2)}.work-gallery h3{padding-top:5%;text-align:center;font-size:2.5rem}.work-gallery{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.work-gallery img{width:300px;height:300px;border-radius:50%;object-fit:cover;transition:transform .3s ease-in-out}.work-gallery img:hover{transform:scale(1.1)}.work-gallery img:active{transform:scale(.9)}.work-gallery img:focus{outline:none}.work-gallery img:focus-visible{outline:2px solid var(--color2)}.work-gallery img:focus-within{outline:2px solid var(--color2)}.work-gallery img:focus-within:active{transform:scale(.9)}.work-gallery img:focus-within:hover{transform:scale(1.1)}.work-gallery p{font-size:2rem;text-align:center;margin-top:10px}.slider-wrapper{width:300px;margin:0 auto;position:relative}.slider-container{position:relative;width:300px;height:300px;overflow:hidden;border-radius:50%;cursor:ew-resize}.slider-img{height:100%;object-fit:cover}.slider-overlay{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}.slider-overlay img{position:absolute;top:0;left:0}.slider-handle{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:#fff;box-shadow:0 0 5px #00000080;z-index:10;transform:translate(-50%);cursor:ew-resize}.other-works{height:300px}#contact{background-color:var(--color2);color:#242424;font-size:2rem}#contact .container{position:relative;top:-50px;padding:5%;background-color:#f2f2f2;box-shadow:0 4px 8px #0000001a;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#contact p{padding:5%}#contact a{text-decoration:none;font-size:2.5rem}#contact form{padding:5%;background-color:#f2f2f2}#contact form label{float:left}#contact form input,#contact form textarea{width:100%;padding:10px;margin:10px 0;border-radius:0;background-color:#f2f2f2;border:none;outline:none;border-bottom:1px solid var(--color2);background-image:linear-gradient(to top,var(--color1) 3px,rgba(156,39,176,0) 2px),linear-gradient(to top,var(--color2) 1px,rgba(210,210,210,0) 1px);background-size:0% 100%,0% 100%;background-repeat:no-repeat;transition:background-size .3s ease-in-out;box-shadow:none}#contact form input:focus,#contact form textarea:focus{box-shadow:none;background-size:100% 100%,100% 100%;transition:background-size .3s ease-in-out}form-control{border-radius:0;transition-duration:.3s;box-shadow:none}.contact .info{box-shadow:0 4px 8px #0000001a;padding:5%;height:100%}.info i{font-size:3.5rem;color:var(--color1)}@media (max-width: 768px){#contact a,#contact form input,#contact form textarea{font-size:1.5rem}.info i{font-size:2.5rem}}.services .container{position:relative;top:-50px;padding:5%;background-color:#f2f2f2;box-shadow:0 4px 8px #0000001a;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.services .service-info{font-size:1.5rem;font-weight:700;padding:5%;visibility:hidden;opacity:0;transition:all .5s ease-in-out}.service-info li{list-style:outside;margin-bottom:10px}.service-info li::marker{color:var(--color2);font-size:1.5rem;content:"✓ "}.service-info.hovered{transition:all 1.5s ease-in-out;visibility:visible;opacity:1}@media (max-width: 768px){.services .service-info{font-size:1.2rem;padding:3%;visibility:visible}}.sticky-top.scrolled{border:#28a745 solid 2px;background-color:#fff!important;height:90px;box-shadow:0 2px 4px #0000001a;transition:all 1.3s ease-in-out;transition:2s}.sticky-top{transition:all 1.3s ease-in-out}.navbar-nav .nav-link{font-size:1.8rem;color:var(--color5);padding:10px 20px}.scrolled .navbar-nav .nav-link{color:var(--color4)}nav{transition:all 1.3s ease-in-out}.scrolled nav{height:90px;transition:all 1.3s ease-in-out}.navbar-nav .nav-link:hover{background-color:var(--color2);color:var(--color5)}.transition-navbar{transition:background-color .3s ease,box-shadow .3s ease}.navbar-top{background-color:#28a745}.navbar-scrolled{background-color:#fff!important;box-shadow:0 2px 4px #0000001a}.header{position:relative;z-index:1}.sticky-top{background-color:var(--color4)}.logo{height:80px}:root{--container-bg-color: #333;--left-bg-overlay-color: rgba(164, 205, 57, .8);--left-button-hover-color: rgba(213, 226, 204, .3);--right-bg-overlay-color: rgba(72, 184, 233, .8);--right-button-hover-color: rgba(92, 92, 92, .3);--hover-width: 75%;--other-width: 25%;--speed: 1s}.containerHero{position:relative;width:100%;height:100%;background:var(--container-bg-color);display:flex}.split{position:relative;width:50%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;transition:width var(--speed) ease-in-out}.split.left{background:url(/assets/hero-cjPE7Er_.jpeg) center center no-repeat;background-size:cover}.split.right{background:url(/assets/hero-cjPE7Er_.jpeg) center center no-repeat;background-size:cover}.split.left:before,.split.right:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity var(--speed) ease-in-out,background-color var(--speed) ease-in-out;z-index:1}.split.left:before{background-color:var(--left-bg-overlay-color)}.split.right:before{background-color:var(--right-bg-overlay-color)}.split h1,.split .button{z-index:2;position:relative}.button{display:inline-block;padding:1rem 2rem;color:#fff;border:#fff solid .2rem;font-size:1rem;font-weight:700;text-transform:uppercase;text-decoration:none;margin-top:2rem;transition:background-color .3s ease-in-out,border-color .3s ease-in-out}.split.left .button:hover{background-color:var(--left-button-hover-color);border-color:var(--left-button-hover-color)}.split.right .button:hover{background-color:var(--right-button-hover-color);border-color:var(--right-button-hover-color)}.hover-left .split.left{width:var(--hover-width)}.hover-left .split.right{width:var(--other-width)}.hover-right .split.right{width:var(--hover-width)}.hover-right .split.left{width:var(--other-width)}.hover-left .split.right:before{opacity:.8}.hover-right .split.left:before{opacity:.8}.hero-title{font-size:4.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);margin-bottom:1rem;font-weight:700;font-family:Space Grotesk,sans-serif}@media (max-width: 800px){.container{flex-direction:column}.split{width:100%;height:50%;transition:height var(--speed) ease-in-out}.hover-left .split.left,.hover-left .split.right,.hover-right .split.left,.hover-right .split.right{width:100%}.hover-top .split.left{height:var(--hover-width)}.hover-top .split.right{height:var(--other-width)}.hover-bottom .split.right{height:var(--hover-width)}.hover-bottom .split.left{height:var(--other-width)}.hover-top .split.right:before{opacity:.8}.hover-bottom .split.left:before{opacity:.8}h1{font-size:2.5rem}.button{width:auto;max-width:80%;font-size:.9rem;padding:.8rem 1.5rem}@media (max-height: 700px){.button{margin-top:1rem;font-size:.8rem;padding:.6rem 1.2rem}}}:root{--color1: rgb(164, 205, 57);--color2: rgb(72, 184, 233);--color3: #F5F5F5;--color4: #000000;--color5: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100%;font-family:Space Grotesk,sans-serif}.container{top:50px;position:relative}.secondaryButton{background-color:var(--color2);color:var(--color5);padding:10px 30px;border-radius:5px;text-decoration:none;font-size:2rem;font-weight:700;transition:all .3s ease-in-out;border:none}.title{font-size:5rem;color:#000;text-align:center;padding:5% 0;color:var(--color2);text-transform:uppercase}@media (max-width: 768px){.title{font-size:3rem}.secondaryButton{font-size:1.5rem;padding:5px 15px}.containerHero{display:inline}}