.elementor-4905 .elementor-element.elementor-element-08e54cf > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4905 .elementor-element.elementor-element-08e54cf > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4905 .elementor-element.elementor-element-574de25 .elementor-heading-title{font-size:1.35em;font-weight:700;line-height:1.7em;letter-spacing:-0.945px;color:#969696;}.elementor-4905 .elementor-element.elementor-element-f59f52d .elementor-heading-title{font-size:2.3em;line-height:44px;letter-spacing:-1.61px;}.elementor-4905 .elementor-element.elementor-element-bfa660d .btn{font-size:1em;font-weight:700;background-color:#FF0000;padding:1.3132rem 3rem 1.3132rem 3rem;}.elementor-4905 .elementor-element.elementor-element-d474821:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-4905 .elementor-element.elementor-element-d474821 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gumis.pro/wp-content/uploads/2026/01/Projekt-bez-nazwy-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4905 .elementor-element.elementor-element-d474821 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-4905 .elementor-element.elementor-element-d474821 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4905 .elementor-element.elementor-element-88dab85{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4905 .elementor-element.elementor-element-88dab85 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4905 .elementor-element.elementor-element-dc95817 .elementor-heading-title{font-size:1.35em;font-weight:700;line-height:1.7em;letter-spacing:-0.945px;color:#969696;}.elementor-4905 .elementor-element.elementor-element-188f5be{text-align:left;}.elementor-4905 .elementor-element.elementor-element-188f5be .elementor-heading-title{font-size:2.3em;line-height:44px;letter-spacing:-1.61px;color:#DF0808;}.elementor-4905 .elementor-element.elementor-element-8926a49 .btn{font-size:1em;font-weight:700;background-color:#DF0808;padding:1.3132rem 3rem 1.3132rem 3rem;}.elementor-4905 .elementor-element.elementor-element-0e0aa3d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4905 .elementor-element.elementor-element-0e0aa3d:not(.elementor-motion-effects-element-type-background), .elementor-4905 .elementor-element.elementor-element-0e0aa3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-4905 .elementor-element.elementor-element-0e0aa3d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4905 .elementor-element.elementor-element-0e0aa3d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4905 .elementor-element.elementor-element-a80f6c7 .porto-u-main-heading > *{font-size:28px;font-weight:700;line-height:1em;letter-spacing:-1.4px;color:#DF0808;}.elementor-4905 .elementor-element.elementor-element-a80f6c7 .porto-u-sub-heading{font-size:16.8px;font-weight:700;line-height:26px;color:#777777;}.elementor-4905 .elementor-element.elementor-element-8da48da > .elementor-element-populated{padding:25px 15px 25px 24px;}.elementor-4905 .elementor-element.elementor-element-180b6bf .btn{font-size:1em;font-weight:700;color:#FFFFFF;background-color:#DF0808;border-color:#FF0000;padding:1.3132rem 3rem 1.3132rem 3rem;}.elementor-4905 .elementor-element.elementor-element-dea0675 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4905 .elementor-element.elementor-element-dea0675{margin-top:33px;margin-bottom:33px;}.elementor-4905 .elementor-element.elementor-element-c6bb3d3 .elementor-heading-title{color:#2F2E3F;}.elementor-4905 .elementor-element.elementor-element-6f15172{--divider-border-style:solid;--divider-color:#DF0808;--divider-border-width:4px;}.elementor-4905 .elementor-element.elementor-element-6f15172 .elementor-divider-separator{width:60px;}.elementor-4905 .elementor-element.elementor-element-6f15172 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-4905 .elementor-element.elementor-element-ed52b49 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4905 .elementor-element.elementor-element-3ec914c .btn{font-size:1em;font-weight:700;background-color:#DF0808;padding:1.3132rem 3rem 1.3132rem 3rem;}.elementor-4905 .elementor-element.elementor-element-033f810 .elementor-heading-title{line-height:26px;letter-spacing:0px;}.elementor-4905 .elementor-element.elementor-element-5c6d5b1 .btn{font-size:1em;font-weight:700;background-color:#DF0808;padding:1.3132rem 3rem 1.3132rem 3rem;}.elementor-4905 .elementor-element.elementor-element-c75da2e .elementor-heading-title{font-size:15.4px;font-weight:300;line-height:26px;letter-spacing:0px;}.elementor-4905 .elementor-element.elementor-element-10eb3d2 > .elementor-element-populated{padding:15px 0px 15px 0px;}.elementor-4905 .elementor-element.elementor-element-6bf4486{text-align:left;}.elementor-4905 .elementor-element.elementor-element-adfb18b > .elementor-element-populated{padding:15px 0px 15px 0px;}.elementor-element-c3c62d2 .porto-sicon-box.top-icon{text-align:center;}.elementor-4905 .elementor-element.elementor-element-c3c62d2 .porto-icon{font-size:32px;color:#1C5FA8;}.elementor-4905 .elementor-element.elementor-element-c3c62d2 .porto-icon svg{width:1em;height:1em;fill:#1C5FA8;}.elementor-4905 .elementor-element.elementor-element-c3c62d2 .porto-sicon-img{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-c3c62d2 .porto-icon.advanced{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-c3c62d2 .porto-sicon-title{font-size:18.9px;font-weight:700;line-height:1.3em;letter-spacing:-0.945px;color:#FB1000;margin-bottom:8px;}.elementor-4905 .elementor-element.elementor-element-c3c62d2 .porto-sicon-header p{line-height:26px;color:#777777;}.elementor-4905 .elementor-element.elementor-element-52f1370 > .elementor-element-populated{padding:15px 0px 15px 0px;}.elementor-element-f0c06be .porto-sicon-box.top-icon{text-align:center;}.elementor-4905 .elementor-element.elementor-element-f0c06be .porto-icon{font-size:32px;color:#1C5FA8;}.elementor-4905 .elementor-element.elementor-element-f0c06be .porto-icon svg{width:1em;height:1em;fill:#1C5FA8;}.elementor-4905 .elementor-element.elementor-element-f0c06be .porto-sicon-img{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-f0c06be .porto-icon.advanced{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-f0c06be .porto-sicon-title{font-size:18.9px;font-weight:700;line-height:1.3em;letter-spacing:-0.945px;color:#FB1000;margin-bottom:8px;}.elementor-4905 .elementor-element.elementor-element-f0c06be .porto-sicon-header p{line-height:26px;color:#777777;}.elementor-4905 .elementor-element.elementor-element-01088df > .elementor-element-populated{padding:15px 0px 15px 0px;}.elementor-element-2970440 .porto-sicon-box.top-icon{text-align:center;}.elementor-4905 .elementor-element.elementor-element-2970440 .porto-icon{font-size:32px;color:#1C5FA8;}.elementor-4905 .elementor-element.elementor-element-2970440 .porto-icon svg{width:1em;height:1em;fill:#1C5FA8;}.elementor-4905 .elementor-element.elementor-element-2970440 .porto-sicon-img{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-2970440 .porto-icon.advanced{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-2970440 .porto-sicon-title{font-size:18.9px;font-weight:700;line-height:1.3em;letter-spacing:-0.945px;color:#FB1000;margin-bottom:8px;}.elementor-4905 .elementor-element.elementor-element-2970440 .porto-sicon-header p{line-height:26px;color:#777777;}.elementor-4905 .elementor-element.elementor-element-c4c68b6 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4905 .elementor-element.elementor-element-c4c68b6:not(.elementor-motion-effects-element-type-background), .elementor-4905 .elementor-element.elementor-element-c4c68b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;background-image:url("https://gumis.pro/wp-content/uploads/2020/12/background-2-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4905 .elementor-element.elementor-element-c4c68b6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4905 .elementor-element.elementor-element-c4c68b6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4905 .elementor-element.elementor-element-92487f6{z-index:1;}.elementor-4905 .elementor-element.elementor-element-5a65194{--divider-border-style:solid;--divider-color:#1C5FA8;--divider-border-width:4px;z-index:1;}.elementor-4905 .elementor-element.elementor-element-5a65194 .elementor-divider-separator{width:60px;}.elementor-4905 .elementor-element.elementor-element-5a65194 .elementor-divider{padding-block-start:12px;padding-block-end:12px;}.elementor-4905 .elementor-element.elementor-element-b475793{z-index:1;}.elementor-4905 .elementor-element.elementor-element-b475793 .elementor-heading-title{font-size:15.4px;font-weight:300;line-height:26px;letter-spacing:0px;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-7d838f9:not(.elementor-motion-effects-element-type-background), .elementor-4905 .elementor-element.elementor-element-7d838f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4905 .elementor-element.elementor-element-7d838f9 > .elementor-background-overlay{background-color:#1A1919;opacity:0.52;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4905 .elementor-element.elementor-element-7d838f9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#FFFFFF;padding:1.3132rem 3rem 1.3132rem 3rem;z-index:1;}.elementor-4905 .elementor-element.elementor-element-7d838f9 .elementor-heading-title{color:#FFF7F7;}.elementor-4905 .elementor-element.elementor-element-7d838f9 a{color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-7d838f9 a:hover{color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-17d0624 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-4905 .elementor-element.elementor-element-f4564d2{width:var( --container-widget-width, 29.795% );max-width:29.795%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;--container-widget-width:29.795%;--container-widget-flex-grow:0;}.elementor-4905 .elementor-element.elementor-element-f4564d2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4905 .elementor-element.elementor-element-f4564d2 .porto-icon{font-size:14px;color:#FC0000;}.elementor-4905 .elementor-element.elementor-element-f4564d2 .porto-icon svg{width:1em;height:1em;fill:#FC0000;}.elementor-element-f4564d2 .porto-sicon-img.porto-u-circle-img:before{border-color:#00000000;}.elementor-element-f4564d2 .porto-sicon-img{background:#00000000;}.elementor-element-f4564d2 .porto-icon{background:#00000000;}.elementor-4905 .elementor-element.elementor-element-f4564d2 .porto-sicon-img{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-f4564d2 .porto-icon.advanced{border-radius:200px;width:30px;height:30px;line-height:30px;}.elementor-4905 .elementor-element.elementor-element-f4564d2 .porto-sicon-title{font-size:14px;font-weight:600;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-793cc4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;}.elementor-4905 .elementor-element.elementor-element-793cc4a .porto-icon{font-size:14px;color:#FF0000;}.elementor-4905 .elementor-element.elementor-element-793cc4a .porto-icon svg{width:1em;height:1em;fill:#FF0000;}.elementor-element-793cc4a .porto-sicon-img.porto-u-circle-img:before{border-color:#00000000;}.elementor-element-793cc4a .porto-sicon-img{background:#00000000;}.elementor-element-793cc4a .porto-icon{background:#00000000;}.elementor-4905 .elementor-element.elementor-element-793cc4a .porto-sicon-img{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-793cc4a .porto-icon.advanced{border-radius:200px;width:30px;height:30px;line-height:30px;}.elementor-4905 .elementor-element.elementor-element-793cc4a .porto-sicon-title{font-size:14px;font-weight:600;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-219f747{width:var( --container-widget-width, 27.963% );max-width:27.963%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;--container-widget-width:27.963%;--container-widget-flex-grow:0;}.elementor-4905 .elementor-element.elementor-element-219f747.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4905 .elementor-element.elementor-element-219f747 .porto-icon{font-size:14px;color:#F40404;}.elementor-4905 .elementor-element.elementor-element-219f747 .porto-icon svg{width:1em;height:1em;fill:#F40404;}.elementor-element-219f747 .porto-sicon-img.porto-u-circle-img:before{border-color:#00000000;}.elementor-element-219f747 .porto-sicon-img{background:#00000000;}.elementor-element-219f747 .porto-icon{background:#00000000;}.elementor-4905 .elementor-element.elementor-element-219f747 .porto-sicon-img{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-219f747 .porto-icon.advanced{border-radius:200px;width:30px;height:30px;line-height:30px;}.elementor-4905 .elementor-element.elementor-element-219f747 .porto-sicon-title{font-size:14px;font-weight:600;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-e09f562 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-4905 .elementor-element.elementor-element-1ddd3cf{width:var( --container-widget-width, 29.795% );max-width:29.795%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;--container-widget-width:29.795%;--container-widget-flex-grow:0;}.elementor-4905 .elementor-element.elementor-element-1ddd3cf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4905 .elementor-element.elementor-element-1ddd3cf .porto-icon{font-size:14px;color:#FC0000;}.elementor-4905 .elementor-element.elementor-element-1ddd3cf .porto-icon svg{width:1em;height:1em;fill:#FC0000;}.elementor-element-1ddd3cf .porto-sicon-img.porto-u-circle-img:before{border-color:#00000000;}.elementor-element-1ddd3cf .porto-sicon-img{background:#00000000;}.elementor-element-1ddd3cf .porto-icon{background:#00000000;}.elementor-4905 .elementor-element.elementor-element-1ddd3cf .porto-sicon-img{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-1ddd3cf .porto-icon.advanced{border-radius:200px;width:30px;height:30px;line-height:30px;}.elementor-4905 .elementor-element.elementor-element-1ddd3cf .porto-sicon-title{font-size:14px;font-weight:600;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-6c0a7cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;}.elementor-4905 .elementor-element.elementor-element-6c0a7cd .porto-icon{font-size:14px;color:#FF0404;}.elementor-4905 .elementor-element.elementor-element-6c0a7cd .porto-icon svg{width:1em;height:1em;fill:#FF0404;}.elementor-element-6c0a7cd .porto-sicon-img.porto-u-circle-img:before{border-color:#00000000;}.elementor-element-6c0a7cd .porto-sicon-img{background:#00000000;}.elementor-element-6c0a7cd .porto-icon{background:#00000000;}.elementor-4905 .elementor-element.elementor-element-6c0a7cd .porto-sicon-img{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-6c0a7cd .porto-icon.advanced{border-radius:200px;width:30px;height:30px;line-height:30px;}.elementor-4905 .elementor-element.elementor-element-6c0a7cd .porto-sicon-title{font-size:14px;font-weight:600;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-7b71d44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;}.elementor-4905 .elementor-element.elementor-element-7b71d44 .porto-icon{font-size:14px;color:#FF0404;}.elementor-4905 .elementor-element.elementor-element-7b71d44 .porto-icon svg{width:1em;height:1em;fill:#FF0404;}.elementor-element-7b71d44 .porto-sicon-img.porto-u-circle-img:before{border-color:#00000000;}.elementor-element-7b71d44 .porto-sicon-img{background:#00000000;}.elementor-element-7b71d44 .porto-icon{background:#00000000;}.elementor-4905 .elementor-element.elementor-element-7b71d44 .porto-sicon-img{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-7b71d44 .porto-icon.advanced{border-radius:200px;width:30px;height:30px;line-height:30px;}.elementor-4905 .elementor-element.elementor-element-7b71d44 .porto-sicon-title{font-size:14px;font-weight:600;line-height:24px;letter-spacing:0px;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-e9ad7e9{text-align:center;}.elementor-4905 .elementor-element.elementor-element-e9ad7e9 .elementor-heading-title{font-size:23px;color:#F40000;}.elementor-4905 .elementor-element.elementor-element-cada434{--divider-border-style:solid;--divider-color:#F40B0B;--divider-border-width:4px;}.elementor-4905 .elementor-element.elementor-element-cada434 .elementor-divider-separator{width:60px;margin:0 auto;margin-center:0;}.elementor-4905 .elementor-element.elementor-element-cada434 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4905 .elementor-element.elementor-element-086c5e8{text-align:left;}.elementor-4905 .elementor-element.elementor-element-086c5e8 .elementor-heading-title{font-size:15.4px;font-weight:300;line-height:26px;letter-spacing:0px;}.elementor-4905 .elementor-element.elementor-element-1bedd9a{--display:flex;}.elementor-4905 .elementor-element.elementor-element-7fd2b61{--spacer-size:33px;}.elementor-4905 .elementor-element.elementor-element-7dd4c17{text-align:left;}.elementor-4905 .elementor-element.elementor-element-7dd4c17 .elementor-heading-title{font-size:23px;color:#F40000;}.elementor-4905 .elementor-element.elementor-element-cd0cbe9{--display:flex;border-style:solid;--border-style:solid;border-color:#696969;--border-color:#696969;box-shadow:10px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-4905 .elementor-element.elementor-element-7351748 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4905 .elementor-element.elementor-element-e003da2{text-align:center;}.elementor-4905 .elementor-element.elementor-element-e003da2 .elementor-heading-title{font-size:23px;color:#ED0000;}.elementor-4905 .elementor-element.elementor-element-61988d0{--divider-border-style:solid;--divider-color:#FF0000;--divider-border-width:4px;}.elementor-4905 .elementor-element.elementor-element-61988d0 .elementor-divider-separator{width:60px;margin:0 auto;margin-center:0;}.elementor-4905 .elementor-element.elementor-element-61988d0 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4905 .elementor-element.elementor-element-a033504{text-align:left;}.elementor-4905 .elementor-element.elementor-element-a033504 .elementor-heading-title{font-size:15.4px;font-weight:300;line-height:26px;letter-spacing:0px;}.elementor-4905 .elementor-element.elementor-element-0aaa853:not(.elementor-motion-effects-element-type-background), .elementor-4905 .elementor-element.elementor-element-0aaa853 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A81C1C;}.elementor-4905 .elementor-element.elementor-element-0aaa853{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4905 .elementor-element.elementor-element-0aaa853 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4905 .elementor-element.elementor-element-0b28893 .elementor-heading-title{font-size:15.4px;font-weight:500;line-height:1em;letter-spacing:0px;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-be7f945 .elementor-heading-title{font-size:27px;font-weight:700;line-height:1em;letter-spacing:-1.61px;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-c770d30 .elementor-heading-title{font-size:16.8px;font-weight:700;line-height:26px;color:#FFFFFFB3;}.elementor-bc-flex-widget .elementor-4905 .elementor-element.elementor-element-841843.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4905 .elementor-element.elementor-element-841843.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4905 .elementor-element.elementor-element-841843.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-4905 .elementor-element.elementor-element-3dee063 .porto-icon{font-size:28.8px;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-3dee063 .porto-icon svg{width:1em;height:1em;fill:#FFFFFF;}.elementor-element-3dee063 .porto-sicon-img.porto-u-circle-img:before{border-color:#00000000;}.elementor-element-3dee063 .porto-sicon-img{background:#00000000;}.elementor-element-3dee063 .porto-icon{background:#00000000;}.elementor-4905 .elementor-element.elementor-element-3dee063 .porto-sicon-img{border-radius:200px;}.elementor-4905 .elementor-element.elementor-element-3dee063 .porto-icon.advanced{border-radius:200px;width:43.19px;height:43.19px;line-height:43.19px;}.elementor-4905 .elementor-element.elementor-element-3dee063 .porto-sicon-title{font-size:11.2px;font-weight:600;line-height:13.44px;letter-spacing:0px;color:#FFFFFF;margin-bottom:4px;}.elementor-4905 .elementor-element.elementor-element-3dee063 .porto-sicon-header p{font-size:18.9px;font-weight:700;line-height:1.2em;color:#FFFFFF;}.elementor-4905 .elementor-element.elementor-element-1748884 .btn{font-size:12.8px;font-weight:700;padding:1.3132rem 2.4rem 1.3132rem 2.4rem;}.elementor-4905 .elementor-element.elementor-element-6b09b82{overflow:hidden;}.elementor-4905 .elementor-element.elementor-element-e1407ee{text-align:center;}.elementor-4905 .elementor-element.elementor-element-1904b0a .gallery-item{padding:0 0px 0px 0;}.elementor-4905 .elementor-element.elementor-element-1904b0a .gallery{margin:0 -0px -0px 0;}.elementor-4905 .elementor-element.elementor-element-1904b0a .gallery-item .gallery-caption{text-align:center;}.elementor-4905 .elementor-element.elementor-element-9cd457b{--divider-border-style:solid;--divider-color:#FF0000;--divider-border-width:4px;}.elementor-4905 .elementor-element.elementor-element-9cd457b .elementor-divider-separator{width:60px;margin:0 auto;margin-center:0;}.elementor-4905 .elementor-element.elementor-element-9cd457b .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4905 .elementor-element.elementor-element-5069e65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-4905 .elementor-element.elementor-element-5069e65 .elementor-heading-title{font-size:15.4px;font-weight:300;line-height:26px;letter-spacing:0px;}.elementor-4905 .elementor-element.elementor-element-fd862ea > div.elementor-container{max-width:1190px;--porto-flick-carousel-width:1190px;}.elementor-4905 .elementor-element.elementor-element-55a3f0a > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-element-f62592f .toggle{margin-bottom:19px;padding-bottom:0;border-radius:4px 4px 4px 4px;}.elementor-element-f62592f .toggle > label{font-size:1rem;font-weight:700;line-height:27px;letter-spacing:-0.8px;padding:23px 30px 23px 30px;border-style:solid;border-width:0px 0px 0px 0px;color:#212529;border-radius:4px 4px 0px 0px;}.elementor-element-f62592f .toggle > label:hover{color:#F60000;}.elementor-element-f62592f .toggle.active > label{background-color:#D32020;color:#FFFFFF;}.elementor-element-f62592f .toggle > label:before{right:21px;content:"+";border:none;line-height:1;top:50%;font-size:18px;transform:translate3d(0, -50%, 0) rotate(0deg);}.elementor-element-f62592f .toggle.active > label:before{transform:translate3d(0, -50%, 0) rotate(45deg);}.elementor-element-f62592f .toggle-content{padding:2rem 2rem 2rem 2rem;border-style:solid;border-width:0px 1px 1px 1px;border-color:#CCCCCC;}.elementor-4905 .elementor-element.elementor-element-6a7f7e3 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-4905 .elementor-element.elementor-element-bfd8383 .elementor-heading-title{font-size:23.1px;font-weight:700;line-height:24px;letter-spacing:-1.155px;}.elementor-4905 .elementor-element.elementor-element-69d63b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-4905 .elementor-element.elementor-element-69d63b5 .elementor-heading-title{line-height:26px;}.elementor-4905 .elementor-element.elementor-element-6b34d35 .btn{font-size:1em;font-weight:700;background-color:#DF0808;padding:1.3132rem 3rem 1.3132rem 3rem;}.elementor-4905 .elementor-element.elementor-element-09654f8{--divider-border-style:solid;--divider-color:#0000000F;--divider-border-width:1px;}.elementor-4905 .elementor-element.elementor-element-09654f8 .elementor-divider-separator{width:100%;}.elementor-4905 .elementor-element.elementor-element-09654f8 .elementor-divider{padding-block-start:24px;padding-block-end:24px;}.elementor-4905 .elementor-element.elementor-element-333040d .elementor-heading-title{font-size:23.1px;font-weight:700;line-height:24px;letter-spacing:-1.155px;}.elementor-4905 .elementor-element.elementor-element-0bf4463{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;}.elementor-4905 .elementor-element.elementor-element-0bf4463 .elementor-heading-title{line-height:26px;}.elementor-4905 .elementor-element.elementor-element-0fd48a9 .btn{font-size:1em;font-weight:700;background-color:#DF0808;padding:1.3132rem 3rem 1.3132rem 3rem;}.cursor-element-e7b07db.cursor-inner-icon{--porto-cursor-inner-fs:38px;}.cursor-element-e7b07db.cursor-inner{color:#FF0000;transition-delay:3ms;}.cursor-element-e7b07db.cursor-outer, .cursor-element-e7b07db.cursor-inner{transition-duration:230ms;}.cursor-element-e7b07db.cursor-outer{transition-delay:11ms;}.elementor-4905 .elementor-element.elementor-element-dfdeaaf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-4905 .elementor-element.elementor-element-dfdeaaf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(min-width:768px){.elementor-4905 .elementor-element.elementor-element-57b96a7{width:58.3333%;}.elementor-4905 .elementor-element.elementor-element-8da48da{width:41.667%;}.elementor-4905 .elementor-element.elementor-element-1a1bda1{width:58.333%;}.elementor-4905 .elementor-element.elementor-element-841843{width:41.667%;}.elementor-4905 .elementor-element.elementor-element-55a3f0a{width:75%;}.elementor-4905 .elementor-element.elementor-element-6a7f7e3{width:24.332%;}}@media(max-width:991px) and (min-width:768px){.elementor-4905 .elementor-element.elementor-element-08e54cf{width:66.6666%;}.elementor-4905 .elementor-element.elementor-element-31d875c{width:66.6666%;}.elementor-4905 .elementor-element.elementor-element-57b96a7{width:100%;}.elementor-4905 .elementor-element.elementor-element-8da48da{width:100%;}.elementor-4905 .elementor-element.elementor-element-5b7ceec{width:100%;}.elementor-4905 .elementor-element.elementor-element-10eb3d2{width:100%;}.elementor-4905 .elementor-element.elementor-element-adfb18b{width:100%;}.elementor-4905 .elementor-element.elementor-element-52f1370{width:100%;}.elementor-4905 .elementor-element.elementor-element-01088df{width:100%;}.elementor-4905 .elementor-element.elementor-element-56fce49{width:100%;}.elementor-4905 .elementor-element.elementor-element-02b7557{width:100%;}.elementor-4905 .elementor-element.elementor-element-1a1bda1{width:100%;}.elementor-4905 .elementor-element.elementor-element-841843{width:100%;}.elementor-4905 .elementor-element.elementor-element-a77b71a{width:100%;}.elementor-4905 .elementor-element.elementor-element-55a3f0a{width:66.667%;}.elementor-4905 .elementor-element.elementor-element-6a7f7e3{width:33.333%;}}@media(max-width:991px){.elementor-4905 .elementor-element.elementor-element-8da48da > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-4905 .elementor-element.elementor-element-10eb3d2 > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-4905 .elementor-element.elementor-element-6bf4486{text-align:center;}.elementor-4905 .elementor-element.elementor-element-adfb18b > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-4905 .elementor-element.elementor-element-52f1370 > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-4905 .elementor-element.elementor-element-01088df > .elementor-element-populated{padding:15px 15px 15px 15px;}}@media(max-width:767px){.elementor-4905 .elementor-element.elementor-element-17d0624{width:50%;}.elementor-4905 .elementor-element.elementor-element-e09f562{width:50%;}.elementor-4905 .elementor-element.elementor-element-7fd2b61{--spacer-size:5px;}.elementor-4905 .elementor-element.elementor-element-cd0cbe9{border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:4px 4px 4px 4px;}.elementor-4905 .elementor-element.elementor-element-69d63b5{text-align:center;}.elementor-4905 .elementor-element.elementor-element-6b34d35{text-align:right;}.elementor-4905 .elementor-element.elementor-element-333040d{text-align:left;}.elementor-4905 .elementor-element.elementor-element-0bf4463{text-align:center;}.elementor-4905 .elementor-element.elementor-element-0fd48a9{text-align:right;}}/* Start custom CSS for menu-anchor, class: .elementor-element-e754b69 */<!doctype html>
<html lang="pl" class="h-full" style="scroll-behavior: smooth;">
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Smooth Scroll Demo</title>
  <script src="https://cdn.tailwindcss.com/3.4.17"></script>
  <script src="/_sdk/element_sdk.js"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
  <style>
    * {
      font-family: 'Outfit', sans-serif;
    }
    
    html {
      scroll-behavior: smooth;
    }
    
    /* Opcjonalnie: jeszcze wolniejsze przewijanie przez JavaScript */
    .slow-scroll {
      scroll-behavior: smooth;
    }
  </style>
  <style>body { box-sizing: border-box; }</style>
  <script src="/_sdk/data_sdk.js" type="text/javascript"></script>
 </head>
 <body class="h-full bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 text-white overflow-auto"><!-- Nawigacja z przyciskami -->
  <nav class="fixed top-0 left-0 right-0 z-50 bg-slate-900/80 backdrop-blur-md border-b border-white/10">
   <div class="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
    <h1 id="main-title" class="text-xl font-semibold bg-gradient-to-r from-purple-400 to-pink-400 bg-clip-text text-transparent">Smooth Scroll Demo</h1>
    <div class="flex gap-3"><button onclick="smoothScrollTo('sekcja1')" class="px-4 py-2 rounded-full bg-white/10 hover:bg-white/20 transition-all duration-300 text-sm font-medium"> Sekcja 1 </button> <button onclick="smoothScrollTo('sekcja2')" class="px-4 py-2 rounded-full bg-white/10 hover:bg-white/20 transition-all duration-300 text-sm font-medium"> Sekcja 2 </button> <button onclick="smoothScrollTo('sekcja3')" class="px-4 py-2 rounded-full bg-white/10 hover:bg-white/20 transition-all duration-300 text-sm font-medium"> Sekcja 3 </button> <button onclick="smoothScrollTo('sekcja4')" class="px-4 py-2 rounded-full bg-purple-500 hover:bg-purple-400 transition-all duration-300 text-sm font-medium"> Kontakt </button>
    </div>
   </div>
  </nav><!-- Sekcja Hero -->
  <section id="hero" class="min-h-screen flex items-center justify-center px-6 pt-20">
   <div class="text-center max-w-3xl">
    <div class="inline-block px-4 py-2 rounded-full bg-purple-500/20 border border-purple-500/30 text-purple-300 text-sm mb-6">
     ✨ Płynne przewijanie strony
    </div>
    <h2 class="text-5xl md:text-7xl font-bold mb-6 leading-tight">Przewijaj <span class="bg-gradient-to-r from-purple-400 via-pink-400 to-orange-400 bg-clip-text text-transparent"> płynnie </span></h2>
    <p class="text-xl text-slate-300 mb-10 leading-relaxed">Kliknij przyciski w nawigacji lub strzałkę poniżej, aby zobaczyć efekt smooth scroll w akcji.</p><button onclick="smoothScrollTo('sekcja1')" class="group inline-flex flex-col items-center gap-2 text-slate-400 hover:text-white transition-colors"> <span class="text-sm">Przewiń w dół</span>
     <svg class="w-6 h-6 animate-bounce" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
     </svg></button>
   </div>
  </section><!-- Sekcja 1 -->
  <section id="sekcja1" class="min-h-screen flex items-center justify-center px-6 py-20">
   <div class="max-w-4xl w-full">
    <div class="bg-white/5 backdrop-blur-sm rounded-3xl border border-white/10 p-10 md:p-16"><span class="text-purple-400 text-sm font-medium tracking-wider uppercase">Sekcja 01</span>
     <h3 class="text-4xl md:text-5xl font-bold mt-4 mb-6">CSS Smooth Scroll</h3>
     <p class="text-lg text-slate-300 leading-relaxed mb-8">Najprostszy sposób to dodanie <code class="bg-white/10 px-2 py-1 rounded">scroll-behavior: smooth</code> do elementu HTML. Przeglądarka automatycznie animuje przewijanie.</p>
     <div class="bg-slate-800/50 rounded-xl p-6 font-mono text-sm text-green-400">
      html {<br>
       &nbsp;&nbsp;scroll-behavior: smooth;<br>
       }
     </div>
    </div>
   </div>
  </section><!-- Sekcja 2 -->
  <section id="sekcja2" class="min-h-screen flex items-center justify-center px-6 py-20">
   <div class="max-w-4xl w-full">
    <div class="bg-gradient-to-br from-pink-500/10 to-orange-500/10 backdrop-blur-sm rounded-3xl border border-white/10 p-10 md:p-16"><span class="text-pink-400 text-sm font-medium tracking-wider uppercase">Sekcja 02</span>
     <h3 class="text-4xl md:text-5xl font-bold mt-4 mb-6">JavaScript ScrollIntoView</h3>
     <p class="text-lg text-slate-300 leading-relaxed mb-8">Dla większej kontroli możesz użyć metody <code class="bg-white/10 px-2 py-1 rounded">scrollIntoView()</code> z opcją behavior: 'smooth'.</p>
     <div class="bg-slate-800/50 rounded-xl p-6 font-mono text-sm text-blue-400 overflow-x-auto">
      element.scrollIntoView({<br>
       &nbsp;&nbsp;behavior: 'smooth',<br>
       &nbsp;&nbsp;block: 'start'<br>
       });
     </div>
    </div>
   </div>
  </section><!-- Sekcja 3 -->
  <section id="sekcja3" class="min-h-screen flex items-center justify-center px-6 py-20">
   <div class="max-w-4xl w-full">
    <div class="bg-gradient-to-br from-cyan-500/10 to-blue-500/10 backdrop-blur-sm rounded-3xl border border-white/10 p-10 md:p-16"><span class="text-cyan-400 text-sm font-medium tracking-wider uppercase">Sekcja 03</span>
     <h3 class="text-4xl md:text-5xl font-bold mt-4 mb-6">Wolniejsze przewijanie</h3>
     <p class="text-lg text-slate-300 leading-relaxed mb-8">Jeśli chcesz jeszcze wolniejsze, bardziej kontrolowane przewijanie, możesz użyć własnej animacji z requestAnimationFrame.</p>
     <div class="grid md:grid-cols-3 gap-4 mt-8"><button onclick="slowScrollTo('hero', 500)" class="px-6 py-4 rounded-xl bg-white/10 hover:bg-white/20 transition-all text-center"> <span class="block text-2xl mb-1">🐇</span> <span class="text-sm">Szybko (500ms)</span> </button> <button onclick="slowScrollTo('hero', 1500)" class="px-6 py-4 rounded-xl bg-white/10 hover:bg-white/20 transition-all text-center"> <span class="block text-2xl mb-1">🐢</span> <span class="text-sm">Wolno (1.5s)</span> </button> <button onclick="slowScrollTo('hero', 3000)" class="px-6 py-4 rounded-xl bg-white/10 hover:bg-white/20 transition-all text-center"> <span class="block text-2xl mb-1">🦥</span> <span class="text-sm">Bardzo wolno (3s)</span> </button>
     </div>
    </div>
   </div>
  </section><!-- Sekcja 4 - Kontakt -->
  <section id="sekcja4" class="min-h-screen flex items-center justify-center px-6 py-20">
   <div class="max-w-2xl w-full text-center">
    <div class="w-20 h-20 rounded-full bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center mx-auto mb-8">
     <svg class="w-10 h-10" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
     </svg>
    </div>
    <h3 class="text-4xl md:text-5xl font-bold mb-6">Kontakt</h3>
    <p class="text-xl text-slate-300 mb-10">Dotarłeś do końca strony! Przewijanie było płynne, prawda?</p><button onclick="slowScrollTo('hero', 2000)" class="inline-flex items-center gap-3 px-8 py-4 rounded-full bg-gradient-to-r from-purple-500 to-pink-500 hover:from-purple-400 hover:to-pink-400 transition-all duration-300 font-semibold text-lg shadow-lg shadow-purple-500/25">
     <svg class="w-5 h-5 rotate-180" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
     </svg> Wróć na górę (powoli) </button>
   </div>
  </section><!-- Stopka -->
  <footer class="py-8 text-center text-slate-500 text-sm border-t border-white/5">
   <p>Smooth Scroll Demo • Kliknij przyciski aby przewijać płynnie</p>
  </footer>
  <script>
    // Konfiguracja
    const defaultConfig = {
      main_title: 'Smooth Scroll Demo',
      font_family: 'Outfit',
      font_size: 16,
      background_color: '#0f172a',
      accent_color: '#a855f7',
      text_color: '#e2e8f0'
    };

    // Standardowe smooth scroll (używa natywnego CSS)
    function smoothScrollTo(elementId) {
      const element = document.getElementById(elementId);
      if (element) {
        element.scrollIntoView({ 
          behavior: 'smooth',
          block: 'start'
        });
      }
    }

    // Wolniejsze, kontrolowane przewijanie z własną animacją
    function slowScrollTo(elementId, duration = 1500) {
      const element = document.getElementById(elementId);
      if (!element) return;

      const targetPosition = element.getBoundingClientRect().top + window.pageYOffset;
      const startPosition = window.pageYOffset;
      const distance = targetPosition - startPosition;
      let startTime = null;

      // Funkcja easing dla płynniejszego ruchu (ease-in-out)
      function easeInOutCubic(t) {
        return t < 0.5 
          ? 4 * t * t * t 
          : 1 - Math.pow(-2 * t + 2, 3) / 2;
      }

      function animation(currentTime) {
        if (startTime === null) startTime = currentTime;
        const timeElapsed = currentTime - startTime;
        const progress = Math.min(timeElapsed / duration, 1);
        
        const easedProgress = easeInOutCubic(progress);
        window.scrollTo(0, startPosition + distance * easedProgress);

        if (timeElapsed < duration) {
          requestAnimationFrame(animation);
        }
      }

      requestAnimationFrame(animation);
    }

    // Element SDK
    async function onConfigChange(config) {
      const title = document.getElementById('main-title');
      if (title) {
        title.textContent = config.main_title || defaultConfig.main_title;
      }

      const fontFamily = config.font_family || defaultConfig.font_family;
      document.body.style.fontFamily = `${fontFamily}, sans-serif`;

      const fontSize = config.font_size || defaultConfig.font_size;
      document.body.style.fontSize = `${fontSize}px`;
    }

    function mapToCapabilities(config) {
      return {
        recolorables: [
          {
            get: () => config.background_color || defaultConfig.background_color,
            set: (value) => {
              config.background_color = value;
              window.elementSdk.setConfig({ background_color: value });
            }
          },
          {
            get: () => config.accent_color || defaultConfig.accent_color,
            set: (value) => {
              config.accent_color = value;
              window.elementSdk.setConfig({ accent_color: value });
            }
          },
          {
            get: () => config.text_color || defaultConfig.text_color,
            set: (value) => {
              config.text_color = value;
              window.elementSdk.setConfig({ text_color: value });
            }
          }
        ],
        borderables: [],
        fontEditable: {
          get: () => config.font_family || defaultConfig.font_family,
          set: (value) => {
            config.font_family = value;
            window.elementSdk.setConfig({ font_family: value });
          }
        },
        fontSizeable: {
          get: () => config.font_size || defaultConfig.font_size,
          set: (value) => {
            config.font_size = value;
            window.elementSdk.setConfig({ font_size: value });
          }
        }
      };
    }

    function mapToEditPanelValues(config) {
      return new Map([
        ['main_title', config.main_title || defaultConfig.main_title]
      ]);
    }

    // Inicjalizacja SDK
    if (window.elementSdk) {
      window.elementSdk.init({
        defaultConfig,
        onConfigChange,
        mapToCapabilities,
        mapToEditPanelValues
      });
    }
  </script>
 <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9d30c2f5c4e2bf97',t:'MTc3MTk1NDk2OC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-7351748 */(function() {
  const header = document.querySelector('header'); // lub Id twojego headera
  let scrollTimeout;
  let lastScrollTop = 0;

  window.addEventListener('scroll', function() {
    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    
    if (scrollTop > lastScrollTop) {
      // Scrollowanie w dół - chowamy
      header.style.transform = 'translateY(-100%)';
      header.style.transition = 'transform 0.3s ease';
    } else {
      // Scrollowanie w górę - pokazujemy
      header.style.transform = 'translateY(0)';
      header.style.transition = 'transform 0.3s ease';
    }
    
    lastScrollTop = scrollTop <= 0 ? 0 : scrollTop;
    
    clearTimeout(scrollTimeout);
    scrollTimeout = setTimeout(() => {
      header.style.transform = 'translateY(0)';
    }, 1500);
  }, { passive: true });
})();/* End custom CSS */