.elementor-953 .elementor-element.elementor-element-33f2b80:not(.elementor-motion-effects-element-type-background), .elementor-953 .elementor-element.elementor-element-33f2b80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#063a7a;}.elementor-953 .elementor-element.elementor-element-33f2b80{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-953 .elementor-element.elementor-element-33f2b80 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-953 .elementor-element.elementor-element-1cea1a3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-953 .elementor-element.elementor-element-1cea1a3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-953 .elementor-element.elementor-element-1cea1a3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-953 .elementor-element.elementor-element-636bcd9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-953 .elementor-element.elementor-element-636bcd9 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;color:#ffffff;}.elementor-bc-flex-widget .elementor-953 .elementor-element.elementor-element-4f521d3.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-953 .elementor-element.elementor-element-4f521d3.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-953 .elementor-element.elementor-element-4f521d3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-953 .elementor-element.elementor-element-af91540 .elementor-button{background-color:#ffd701;font-family:"Barlow Condensed", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:34px;fill:#051b35;color:#051b35;border-radius:0px 0px 0px 0px;padding:25px 61.5px 25px 61.5px;}.elementor-953 .elementor-element.elementor-element-af91540 .elementor-button:hover, .elementor-953 .elementor-element.elementor-element-af91540 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-953 .elementor-element.elementor-element-af91540 .elementor-button:hover svg, .elementor-953 .elementor-element.elementor-element-af91540 .elementor-button:focus svg{fill:#ffffff;}.elementor-953 .elementor-element.elementor-element-a439aea .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:110px;font-weight:700;text-transform:uppercase;line-height:1em;letter-spacing:0.6em;color:#edf2f5;}.elementor-953 .elementor-element.elementor-element-de1d410{text-align:center;}.elementor-953 .elementor-element.elementor-element-946d6a7{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#838a93;}.elementor-953 .elementor-element.elementor-element-2d3aa7e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-953 .elementor-element.elementor-element-2d3aa7e .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#051b35;}.elementor-953 .elementor-element.elementor-element-08c856c{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-953 .elementor-element.elementor-element-08c856c .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-953 .elementor-element.elementor-element-b9e03f6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#838a93;}.elementor-953 .elementor-element.elementor-element-1b4ce58{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-953 .elementor-element.elementor-element-1b4ce58 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-953 .elementor-element.elementor-element-a74a132{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#838a93;}.elementor-953 .elementor-element.elementor-element-7986990{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-953 .elementor-element.elementor-element-7986990 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-953 .elementor-element.elementor-element-02a99ff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#838a93;}.elementor-953 .elementor-element.elementor-element-5237dab{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-953 .elementor-element.elementor-element-5237dab .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-953 .elementor-element.elementor-element-ee5dad6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#838a93;}.elementor-953 .elementor-element.elementor-element-69fe549 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;letter-spacing:0.4em;color:#ffffff;}.elementor-953 .elementor-element.elementor-element-b6fafc5{text-align:start;}.elementor-953 .elementor-element.elementor-element-785b053{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:start;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#838a93;}.elementor-953 .elementor-element.elementor-element-677ee5b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-953 .elementor-element.elementor-element-000de01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#838a93;}.elementor-953 .elementor-element.elementor-element-8b00540:not(.elementor-motion-effects-element-type-background), .elementor-953 .elementor-element.elementor-element-8b00540 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://otss.m16.pl/wp-content/uploads/2021/04/video-2-bg.png");background-position:bottom left;background-repeat:no-repeat;}.elementor-953 .elementor-element.elementor-element-8b00540{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-953 .elementor-element.elementor-element-8b00540 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-953 .elementor-element.elementor-element-da724e2{text-align:start;}.elementor-953 .elementor-element.elementor-element-eeb9328{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#c1cfe1;}.elementor-953 .elementor-element.elementor-element-5cc093d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-953 .elementor-element.elementor-element-5cc093d .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#ffffff;}.elementor-953 .elementor-element.elementor-element-6976b62{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#c1cfe1;}.elementor-953 .elementor-element.elementor-element-4137f60 .elementor-button{background-color:#ffd701;font-family:"Barlow Condensed", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:34px;fill:#051b35;color:#051b35;border-radius:0px 0px 0px 0px;padding:25px 61.5px 25px 61.5px;}.elementor-953 .elementor-element.elementor-element-4137f60 .elementor-button:hover, .elementor-953 .elementor-element.elementor-element-4137f60 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-953 .elementor-element.elementor-element-4137f60{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-953 .elementor-element.elementor-element-4137f60 .elementor-button:hover svg, .elementor-953 .elementor-element.elementor-element-4137f60 .elementor-button:focus svg{fill:#ffffff;}.elementor-953 .elementor-element.elementor-element-5b84f56{text-align:center;}.elementor-953 .elementor-element.elementor-element-56e7726{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#838a93;}.elementor-953 .elementor-element.elementor-element-ee20740{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-953 .elementor-element.elementor-element-da12eb0 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;letter-spacing:0.4em;color:#051b35;}.elementor-953 .elementor-element.elementor-element-70d5dce{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#ffffff;}.elementor-953 .elementor-element.elementor-element-de7deb1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;}.elementor-953 .elementor-element.elementor-element-de7deb1 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#ffffff;}.elementor-953 .elementor-element.elementor-element-bda5365{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#ffffff;}.elementor-953 .elementor-element.elementor-element-ce9f679 .elementor-button{background-color:#ffd701;font-family:"Barlow Condensed", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:34px;fill:#051b35;color:#051b35;border-radius:0px 0px 0px 0px;padding:25px 61.5px 25px 61.5px;}.elementor-953 .elementor-element.elementor-element-ce9f679 .elementor-button:hover, .elementor-953 .elementor-element.elementor-element-ce9f679 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-953 .elementor-element.elementor-element-ce9f679{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-953 .elementor-element.elementor-element-ce9f679 .elementor-button:hover svg, .elementor-953 .elementor-element.elementor-element-ce9f679 .elementor-button:focus svg{fill:#ffffff;}.elementor-953 .elementor-element.elementor-element-92f3fbc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-953 .elementor-element.elementor-element-92f3fbc .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-953 .elementor-element.elementor-element-55b7013{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-953 .elementor-element.elementor-element-55b7013 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-953 .elementor-element.elementor-element-fd789fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-953 .elementor-element.elementor-element-fd789fb .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-953 .elementor-element.elementor-element-ca5ce7d > .elementor-container{max-width:1180px;}.elementor-953 .elementor-element.elementor-element-b65ebac{text-align:start;}.elementor-953 .elementor-element.elementor-element-1a987ad{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#838a93;}.elementor-953 .elementor-element.elementor-element-a3d611e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-953 .elementor-element.elementor-element-a3d611e .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#051b35;}.elementor-953 .elementor-element.elementor-element-e3de89a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#838a93;}.elementor-953 .elementor-element.elementor-element-2f461df .elementor-button{background-color:#ffd701;font-family:"Barlow Condensed", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:34px;fill:#051b35;color:#051b35;border-radius:0px 0px 0px 0px;padding:25px 61.5px 25px 61.5px;}.elementor-953 .elementor-element.elementor-element-2f461df .elementor-button:hover, .elementor-953 .elementor-element.elementor-element-2f461df .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-953 .elementor-element.elementor-element-2f461df{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-953 .elementor-element.elementor-element-2f461df .elementor-button:hover svg, .elementor-953 .elementor-element.elementor-element-2f461df .elementor-button:focus svg{fill:#ffffff;}.elementor-953 .elementor-element.elementor-element-eb54cc6{text-align:start;}.elementor-953 .elementor-element.elementor-element-232d4ee{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#c1cfe1;}.elementor-953 .elementor-element.elementor-element-43c2c56{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;}.elementor-953 .elementor-element.elementor-element-43c2c56 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#ffffff;}.elementor-953 .elementor-element.elementor-element-66d322a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#c1cfe1;}.elementor-953 .elementor-element.elementor-element-c604074 .elementor-button{background-color:#ffd701;font-family:"Barlow Condensed", Sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;line-height:34px;fill:#051b35;color:#051b35;border-radius:0px 0px 0px 0px;padding:25px 61.5px 25px 61.5px;}.elementor-953 .elementor-element.elementor-element-c604074 .elementor-button:hover, .elementor-953 .elementor-element.elementor-element-c604074 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-953 .elementor-element.elementor-element-c604074{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-953 .elementor-element.elementor-element-c604074 .elementor-button:hover svg, .elementor-953 .elementor-element.elementor-element-c604074 .elementor-button:focus svg{fill:#ffffff;}.elementor-953 .elementor-element.elementor-element-8330b94:not(.elementor-motion-effects-element-type-background), .elementor-953 .elementor-element.elementor-element-8330b94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://otss.m16.pl/wp-content/uploads/2021/04/about-brand-team-bg.png");}.elementor-953 .elementor-element.elementor-element-8330b94{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-953 .elementor-element.elementor-element-8330b94 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-953 .elementor-element.elementor-element-66aa6a9{text-align:center;}.elementor-953 .elementor-element.elementor-element-4028f1b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;text-align:center;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#838a93;}.elementor-953 .elementor-element.elementor-element-a1c9b4c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}@media(min-width:768px){.elementor-953 .elementor-element.elementor-element-1cea1a3{width:66%;}.elementor-953 .elementor-element.elementor-element-4f521d3{width:34%;}.elementor-953 .elementor-element.elementor-element-78fb8ea{width:25%;}.elementor-953 .elementor-element.elementor-element-66b1c1c{width:25%;}.elementor-953 .elementor-element.elementor-element-3b81072{width:25%;}.elementor-953 .elementor-element.elementor-element-f1c0b42{width:25%;}.elementor-953 .elementor-element.elementor-element-eae35b4{width:50%;}.elementor-953 .elementor-element.elementor-element-78cb1ea{width:33.333%;}.elementor-953 .elementor-element.elementor-element-46214a4{width:33.333%;}.elementor-953 .elementor-element.elementor-element-286f0fc{width:33.333%;}.elementor-953 .elementor-element.elementor-element-b058633{width:49.068%;}.elementor-953 .elementor-element.elementor-element-1bb10e0{width:50.932%;}}@media(max-width:1024px) and (min-width:768px){.elementor-953 .elementor-element.elementor-element-b058633{width:100%;}.elementor-953 .elementor-element.elementor-element-1bb10e0{width:100%;}}/* Start custom CSS for section, class: .elementor-element-d736874 */.elementor-953 .elementor-element.elementor-element-d736874 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-d736874 > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-33f2b80 */.elementor-953 .elementor-element.elementor-element-33f2b80 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
/* === odpowiednik .cta-two z motywu scubo (style.css) === */
.elementor-953 .elementor-element.elementor-element-33f2b80 { position: relative; margin-top: -1px; }
/* animowana fala na dole sekcji (.cta-two::before) */
.elementor-953 .elementor-element.elementor-element-33f2b80::before {
content: '';
width: 100%;
height: 32px;
display: block;
background-image: url(//otss.m16.pl/wp-content/themes/scubo/assets/images/shapes/wave-1.png);
background-position: center center;
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
animation: m16BgSlide 20s linear infinite;
}
/* .container motywu ma inne szerokości niż boxed Elementora (1140):
bootstrap 540/720/960 + override motywu 1200 px od 1200 px w górę. */
.elementor-953 .elementor-element.elementor-element-33f2b80.elementor-section > .elementor-container { max-width: 100%; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-33f2b80.elementor-section > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-33f2b80.elementor-section > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-33f2b80.elementor-section > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-33f2b80.elementor-section > .elementor-container { max-width: 1200px; } }
/* kolumny rozjeżdżają się do krawędzi i mają szerokość treści
(.cta-two .container { justify-content: space-between; align-items: center }) */
.elementor-953 .elementor-element.elementor-element-33f2b80 > .elementor-container {
justify-content: space-between;
align-items: center;
/* padding 130/15 siedzi na kontenerze — tak jak .cta-two .container w motywie.
Dzięki temu jest liczony RAZ (a nie po razie na kolumnę przy zawijaniu)
i stanowi blok zawierający dla wstążki. */
padding: 130px 15px;
}
.elementor-953 .elementor-element.elementor-element-33f2b80 > .elementor-container > .elementor-column { width: auto; }
/* kolumna I .elementor-widget-wrap mają w Elementorze position:relative — obie
trzeba zdjąć, żeby blokiem zawierającym wstążki był .elementor-container
(align-items:center przesuwa kolumnę w pionie, kontener stoi w miejscu). */
.elementor-953 .elementor-element.elementor-element-33f2b80 > .elementor-container > .elementor-column,
.elementor-953 .elementor-element.elementor-element-33f2b80 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
/* wstążka (.cta-two__moc) — wystaje 84 px ponad sekcję */
.elementor-953 .elementor-element.elementor-element-33f2b80 .m16-cta__moc {
position: absolute;
top: -84px;
left: 0;
z-index: 12;
width: auto;
/* .elementor-widget-image ma wbudowane text-align:center, goły ![]()
w motywie dziedziczy */
text-align: inherit;
animation: m16RibbonRotate 10s cubic-bezier(.19, 1, 1, 3.58) infinite;
}
.elementor-953 .elementor-element.elementor-element-33f2b80 .m16-cta__moc img { width: auto; }
/* .cta-two h3 span { color: var(--thm-primary) } — sekcja nosi klasę m16-cta-two,
więc reguła motywu tu nie sięga, a title_color widgetu i tak by ją przykrył */
.elementor-953 .elementor-element.elementor-element-33f2b80 .elementor-heading-title span { color: #ffd701; }
/* przycisk (.thm-btn) — .elementor-button ma wbudowane text-align:center */
.elementor-953 .elementor-element.elementor-element-33f2b80 .elementor-button { transition: all 500ms ease; text-align: inherit; }
/* pusty .noimage nie może dokładać wysokości, gdy kolumny układają się pionowo */
.elementor-953 .elementor-element.elementor-element-33f2b80 .m16-cta__noimage { height: 0; line-height: 0; font-size: 0; }
/* responsywność 1:1 z responsive.css (breakpoint motywu, nie Elementora) */
@media (max-width: 1199px) {
.elementor-953 .elementor-element.elementor-element-33f2b80 > .elementor-container {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
/* w oryginale h3 i przycisk są elementami flex o szerokości treści, nie na całą szerokość */
.elementor-953 .elementor-element.elementor-element-33f2b80 > .elementor-container > .elementor-column { width: auto; max-width: 100%; }
/* w pionie pusty .noimage nie ma już czego rozpychać, a kolumna Elementora dokłada 1 px */
.elementor-953 .elementor-element.elementor-element-33f2b80 .m16-cta__noimage { display: none; }
/* widget heading wypisuje własne text-align:left — mocniejsze niż dziedziczony center */
.elementor-953 .elementor-element.elementor-element-33f2b80 .elementor-heading-title { text-align: center; }
/* .elementor-align-right zostawiłoby przycisk przy prawej krawędzi,
a oryginał centruje całą zawartość. */
.elementor-953 .elementor-element.elementor-element-33f2b80 .m16-cta__btn { margin-top: 50px; text-align: center; }
}
@keyframes m16BgSlide {
0% { background-position: 0 0; }
20% { background-position: -100px 0; }
40% { background-position: -200px 0; }
60% { background-position: -150px 0; }
80% { background-position: -100px 0; }
100% { background-position: 0 0; }
}
@keyframes m16RibbonRotate {
0%, 100% { transform: rotate(0); }
25%, 75% { transform: rotate(15deg); }
50% { transform: rotate(30deg); }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ffe80f2 */.elementor-953 .elementor-element.elementor-element-ffe80f2 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
/* === odpowiednik .service-one z motywu scubo === */
/* sekcja nosi oryginalne klasy (.service-one, .block-title, .site-footer__fish-1 …),
więc padding, animacje i typografia idą wprost z style.css motywu.
Tutaj tylko to, czego motyw nie złapie, bo Elementor generuje inny HTML. */
/* .elementor-widget-image ma wbudowane text-align:center; gołe ![]()
motywu dziedziczą
wyrównanie po rodzicu — bez tego dekoracje (rybki, drzewko) przesuwają się w poziomie */
.elementor-953 .elementor-element.elementor-element-ffe80f2 .elementor-widget-image { text-align: inherit; }
/* kontenery wewnętrzne = .container motywu */
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-row > .elementor-container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; max-width: 100%; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-row > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-row > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-row > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-row > .elementor-container { max-width: 1200px; } }
/* blokiem zawierającym dla dekoracji ma być .service-one (jak w motywie), a nie
kontener/kolumna Elementora — wszystkie trzy warstwy zdejmujemy z position:relative */
.elementor-953 .elementor-element.elementor-element-ffe80f2 > .elementor-container,
.elementor-953 .elementor-element.elementor-element-ffe80f2 > .elementor-container > .elementor-column,
.elementor-953 .elementor-element.elementor-element-ffe80f2 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
/* Elementor nadaje .elementor-widget-wrap > .elementor-element position:relative,
co bije klasy motywu — dekoracjom trzeba przywrócić position:absolute. */
.elementor-953 .elementor-element.elementor-element-ffe80f2 .elementor-widget-wrap > .contact-one__swimmer,
.elementor-953 .elementor-element.elementor-element-ffe80f2 .elementor-widget-wrap > .site-footer__fish-1,
.elementor-953 .elementor-element.elementor-element-ffe80f2 .elementor-widget-wrap > .site-footer__fish-3,
.elementor-953 .elementor-element.elementor-element-ffe80f2 .elementor-widget-wrap > .site-footer__tree-2,
.elementor-953 .elementor-element.elementor-element-ffe80f2 .elementor-widget-wrap > .service-one__floated-text { position: absolute; width: auto; }
/* pozycje (bottom/left/right/top) i animacje biorą się już z klas motywu */
.elementor-953 .elementor-element.elementor-element-ffe80f2 .elementor-widget-wrap > .service-one__floated-text { bottom: -12px; left: 50%; transform: translateX(-50%); text-align: center; }
/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-953 .elementor-element.elementor-element-ffe80f2 .block-title .elementor-widget-image img { display: block; margin-left: auto; margin-right: auto; }
/* text-editor dokłada własny wrapper; w środku łapie już .block-title p motywu */
.elementor-953 .elementor-element.elementor-element-ffe80f2 .block-title .elementor-widget-text-editor { color: inherit; }
/* wiersz kart = .row bootstrapa */
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-row > .elementor-container { display: flex; flex-wrap: wrap; align-items: stretch; }
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col { padding-right: 15px; padding-left: 15px; width: 100%; }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col { width: 50%; } }
@media (min-width: 1200px) {
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col--3 { width: 25%; }
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col--4 { width: 33.333333%; }
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col--6 { width: 50%; }
}
/* .service-one__single — motyw stylizuje DIV wewnątrz kolumny; jego odpowiednikiem
jest .elementor-widget-wrap, do którego Elementor nie pozwala dopiąć klasy. */
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col > .elementor-widget-wrap {
display: block;
/* .service-one__single w motywie to zwykły div w kolumnie bootstrapa — ma własną
wysokość. Tu rolę karty gra .elementor-widget-wrap, a kolumna Elementora rozciąga
go (align-items: stretch) do wysokości najwyższej karty w wierszu. Efekt: białe
tło karty zasłania dekoracje pod spodem. align-self: flex-start przywraca auto. */
align-self: flex-start;
margin-bottom: 30px;
text-align: center;
position: relative;
padding: 30px;
padding-top: 40px;
border: 1px solid #f9f9f9;
background: #fff;
box-shadow: 0 10px 30px #eaf2f1;
transition: all 500ms ease;
}
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col > .elementor-widget-wrap::before,
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col > .elementor-widget-wrap::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
transform: scale(0);
transform-origin: left top;
top: 0;
left: 0;
transition: all 500ms linear;
}
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col > .elementor-widget-wrap::before {
transform: scale(0, 1);
transform-origin: bottom center;
border-top: 8px solid var(--thm-primary);
border-bottom: 8px solid var(--thm-primary);
}
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col > .elementor-widget-wrap::after {
transform: scale(1, 0);
transform-origin: left center;
border-left: 8px solid var(--thm-primary);
border-right: 8px solid var(--thm-primary);
}
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col > .elementor-widget-wrap:hover::before,
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col > .elementor-widget-wrap:hover::after { transform: scale(1, 1); }
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col i {
position: relative;
font-size: 64px;
color: var(--thm-base);
display: inline-block;
}
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col i::after {
content: '';
width: 61px;
height: 61px;
border: 8px solid var(--thm-primary);
opacity: 0.2;
position: absolute;
left: -32px;
top: -20px;
transform: rotate(0);
transition: all 500ms ease;
}
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col > .elementor-widget-wrap:hover i::after {
border-color: var(--thm-base);
transform: rotate(360deg);
}
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col h3 {
margin: 0;
font-family: var(--thm-font);
text-transform: uppercase;
font-size: 22px;
line-height: 30px;
font-weight: bold;
color: #063a7a;
margin-top: 15px;
margin-bottom: 10px;
}
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col h3 a { color: inherit; transition: all 500ms ease; }
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col h3 a:hover { color: var(--thm-primary); }
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col p { text-align: center; padding-bottom: 0; margin-bottom: 0; }
/* Elementor rozstawia widgety o 20 px — w oryginale odstępy dają marginesy h3/p */
.elementor-953 .elementor-element.elementor-element-ffe80f2 .elementor-widget:not(:last-child) { margin-bottom: 0; }
.elementor-953 .elementor-element.elementor-element-ffe80f2 .m16-svc-col > .elementor-widget-wrap > .elementor-element { width: 100%; }
/* responsywność 1:1 z responsive.css motywu (breakpointy bootstrapa, nie Elementora) */
@media (max-width: 480px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .service-one__floated-text .elementor-heading-title { font-size: 50px; } }
@media (max-width: 375px) { .elementor-953 .elementor-element.elementor-element-ffe80f2 .block-title h3, .elementor-953 .elementor-element.elementor-element-ffe80f2 .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-14bca34 */.elementor-953 .elementor-element.elementor-element-14bca34 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-14bca34 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-14bca34 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-14bca34 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-14bca34 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-14bca34 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-14bca34 .m16-container > .elementor-container { max-width: 1200px; } }
/* .funfact-one .container jest blokiem zawierającym dla obróconego napisu */
.elementor-953 .elementor-element.elementor-element-14bca34 .m16-container > .elementor-container { position: relative; }
.elementor-953 .elementor-element.elementor-element-14bca34 .m16-container > .elementor-container > .elementor-column,
.elementor-953 .elementor-element.elementor-element-14bca34 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; padding: 0; }
.elementor-953 .elementor-element.elementor-element-14bca34 .elementor-widget-wrap > .funfact-one__title { position: absolute; }
/* Elementor daje widgetom width:100%, co bije szerokości paska z motywu */
.elementor-953 .elementor-element.elementor-element-14bca34 .elementor-widget.funfact-one__title {
width: 283px;
/* wysokość jest częścią układu: transform motywu to rotate(-90deg) translateX(-100% + 96px),
więc przy wysokości auto (34 px zamiast 96 px) obrócony pasek ląduje gdzie indziej */
height: 96px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) { .elementor-953 .elementor-element.elementor-element-14bca34 .elementor-widget.funfact-one__title { width: 373px; } }
/* w motywie ujemny margines .inner-container zapada się z .container i wychodzi poza
sekcję (kolejny blok wjeżdża na żółte pole). Warstwy Elementora zapadania nie
przepuszczają, więc margines przenoszę na samą sekcję — efekt identyczny. */
.elementor-953 .elementor-element.elementor-element-14bca34 .inner-container { margin-bottom: 0; }
.elementor-953 .elementor-element.elementor-element-14bca34 { margin-bottom: -141.5px; }
@media (max-width: 767px) {
.elementor-953 .elementor-element.elementor-element-14bca34 .elementor-widget.funfact-one__title { position: relative; width: 100%; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-99c4cef */.elementor-953 .elementor-element.elementor-element-99c4cef .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-953 .elementor-element.elementor-element-99c4cef::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: url(//otss.m16.pl/wp-content/uploads/2021/04/water-wave-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
opacity: 0.4;
}
/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-953 .elementor-element.elementor-element-99c4cef .block-title .elementor-widget-image img { display: block; }
.elementor-953 .elementor-element.elementor-element-99c4cef .block-title.text-center .elementor-widget-image img { margin-left: auto; margin-right: auto; }
/* Elementor rozstawia widgety o 20 px — w oryginale odstępy dają marginesy p/h3 */
.elementor-953 .elementor-element.elementor-element-99c4cef .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-953 .elementor-element.elementor-element-99c4cef .block-title .elementor-heading-title { font-size: 45px; } }
/* .course-one__title .container { display:flex; justify-content:space-between; align-items:center } */
.elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container { justify-content: space-between; align-items: center; }
.elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container > .elementor-column { width: auto; }
.elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (max-width: 1199px) {
.elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container { flex-direction: column; align-items: flex-start; justify-content: flex-start; }
/* align-items:flex-start zwęża bloki do treści — jak w oryginale, nie na 100% */
.elementor-953 .elementor-element.elementor-element-99c4cef .m16-container > .elementor-container > .elementor-column { width: auto; max-width: 100%; }
}
@media (max-width: 767px) { .elementor-953 .elementor-element.elementor-element-99c4cef br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d289ecb */.elementor-953 .elementor-element.elementor-element-d289ecb .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-d289ecb .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-d289ecb .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-d289ecb .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-d289ecb .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-d289ecb .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-d289ecb .m16-container > .elementor-container { max-width: 1200px; } }
/* dekoracje kotwiczą się do sekcji .course-one, nie do kolumn Elementora */
.elementor-953 .elementor-element.elementor-element-d289ecb > .elementor-container,
.elementor-953 .elementor-element.elementor-element-d289ecb > .elementor-container > .elementor-column,
.elementor-953 .elementor-element.elementor-element-d289ecb > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-953 .elementor-element.elementor-element-d289ecb .elementor-widget-wrap > .site-footer__fish-1,
.elementor-953 .elementor-element.elementor-element-d289ecb .elementor-widget-wrap > .site-footer__tree-1 { position: absolute; width: auto; }
.elementor-953 .elementor-element.elementor-element-d289ecb .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
/* strzałki karuzeli są absolutne względem .container motywu (right: calc(100% - 15px)).
Jego rolę gra .elementor-container — bez tego kotwicą zostawała KOLUMNA, czyli pudełko
węższe o 15 px paddingu kontenera, i obie strzałki szły o te 15 px do środka. */
.elementor-953 .elementor-element.elementor-element-d289ecb .m16-container > .elementor-container { position: relative; }
.elementor-953 .elementor-element.elementor-element-d289ecb .m16-container > .elementor-container > .elementor-column,
.elementor-953 .elementor-element.elementor-element-d289ecb .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap,
/* Elementor daje jeszcze samemu widgetowi position: relative (.elementor-widget-wrap >
.elementor-element) — to on przejmował rolę kotwicy */
.elementor-953 .elementor-element.elementor-element-d289ecb .m16-container .elementor-widget-html { position: static; }
/* dekoracje: gołe ![]()
motywu dziedziczą wyrównanie po rodzicu */
.elementor-953 .elementor-element.elementor-element-d289ecb .elementor-widget-image { text-align: inherit; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8b00540 */.elementor-953 .elementor-element.elementor-element-8b00540 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; max-width: 100%; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container { max-width: 1200px; } }
/* .container motywu ma tu własny padding pionowy */
.elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container { padding-top: 120px; padding-bottom: 120px; }
.elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container > .elementor-column { padding-left: 15px; padding-right: 15px; }
/* pływak i kafel z „play" kotwiczą się do sekcji / kontenera, nie do kolumn */
.elementor-953 .elementor-element.elementor-element-8b00540 > .elementor-container,
.elementor-953 .elementor-element.elementor-element-8b00540 > .elementor-container > .elementor-column,
.elementor-953 .elementor-element.elementor-element-8b00540 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-953 .elementor-element.elementor-element-8b00540 .elementor-widget-wrap > .video-two__swimmer { position: absolute; width: auto; }
/* pływak jest dekoracją poza przepływem — nie może kurczyć się do szerokości kolumny */
.elementor-953 .elementor-element.elementor-element-8b00540 .video-two__swimmer img { max-width: none; }
.elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container > .elementor-column.video-two__box { position: absolute; width: auto; padding: 0; }
.elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container > .elementor-column.video-two__content > .elementor-widget-wrap { padding: 0; }
/* .video-two__content ma padding-right 70 (ale TYLKO od 992 px w górę); do tego 15 px kolumny */
@media (min-width: 992px) {
.elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container > .elementor-column.video-two__content { padding-right: 85px; }
}
.elementor-953 .elementor-element.elementor-element-8b00540 .video-two__box .elementor-widget-html { position: static; }
.elementor-953 .elementor-element.elementor-element-8b00540 .video-two__content .elementor-widget-image img { display: block; }
/* .elementor-widget-image ma wbudowane text-align:center; gołe ![]()
motywu dziedziczą
wyrównanie po rodzicu. Bez tego zdjęcie kafla ucieka o ~190 px w prawo w 768-1199 px. */
.elementor-953 .elementor-element.elementor-element-8b00540 .elementor-widget-image { text-align: inherit; }
/* to samo dla .elementor-button — motywu dziedziczy wyrównanie */
.elementor-953 .elementor-element.elementor-element-8b00540 .elementor-button { text-align: inherit; }
.elementor-953 .elementor-element.elementor-element-8b00540 .elementor-widget-text-editor p { margin: 0; }
@media (max-width: 1199px) {
/* poniżej xl kolumny bootstrapa idą na 100 % i kafel wraca do przepływu */
.elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container { flex-wrap: wrap; }
.elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container > .elementor-column.video-two__box {
position: relative; right: auto; bottom: auto; margin-bottom: 80px;
width: 100%; padding-left: 15px; padding-right: 15px;
}
.elementor-953 .elementor-element.elementor-element-8b00540 .m16-container > .elementor-container > .elementor-column.video-two__content { width: 100%; }
}
@media (max-width: 575px) { .elementor-953 .elementor-element.elementor-element-8b00540 .video-two__box img { max-width: 100%; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5bff070 */.elementor-953 .elementor-element.elementor-element-5bff070 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-5bff070 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-5bff070 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-5bff070 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-5bff070 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-5bff070 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-5bff070 .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-953 .elementor-element.elementor-element-5bff070::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: url(//otss.m16.pl/wp-content/uploads/2021/04/water-wave-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
opacity: 0.4;
}
/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-953 .elementor-element.elementor-element-5bff070 .block-title .elementor-widget-image img { display: block; }
.elementor-953 .elementor-element.elementor-element-5bff070 .block-title.text-center .elementor-widget-image img { margin-left: auto; margin-right: auto; }
/* Elementor rozstawia widgety o 20 px — w oryginale odstępy dają marginesy p/h3 */
.elementor-953 .elementor-element.elementor-element-5bff070 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-953 .elementor-element.elementor-element-5bff070 .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a657c5c */.elementor-953 .elementor-element.elementor-element-a657c5c .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-a657c5c .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-a657c5c .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-a657c5c .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-a657c5c .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-a657c5c .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-a657c5c .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-953 .elementor-element.elementor-element-a657c5c .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9ed8c5b */.elementor-953 .elementor-element.elementor-element-9ed8c5b .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container { max-width: 1200px; } }
/* .cta-three .container::before — pasek tła wychodzący poza kontener */
.elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container::before {
content: '';
width: 10000px;
height: 100%;
background-color: var(--thm-base);
position: absolute;
top: 0;
left: 15px;
}
.elementor-953 .elementor-element.elementor-element-9ed8c5b .cta-three__content { width: 100%; }
/* .cta-three__content-inner — padding i wyrównanie siedzą na wrapperze kolumny */
/* selektor musi przebić zerowanie paddingu z container_css (stąd .elementor-column),
a flex zamiast bloku — żeby marginesy sąsiadów się nie zapadały, jak w oryginale */
.elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container > .elementor-column.cta-three__content > .elementor-widget-wrap {
position: relative;
z-index: 11;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
padding: 100px 0 80px 100px;
text-align: left;
}
.elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-cta3-text { opacity: 0.7; }
/* w oryginale akapity siedzą w .block-title / .cta-three__content-inner, które zerują
im marginesy — odstępy dają ustawienia widgetów, nie własne marginesy */
.elementor-953 .elementor-element.elementor-element-9ed8c5b .elementor-widget-text-editor p { margin: 0; }
/* .cta-three__content-inner > p — sam opis nie ma dolnego paddingu akapitu motywu */
.elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-cta3-text p { padding-bottom: 0; }
/* obrócony napis jest absolutny względem kolumny .cta-three__content, która zaczyna
się dokładnie tam, gdzie .container motywu + jego padding 15 px */
.elementor-953 .elementor-element.elementor-element-9ed8c5b .cta-three__title { left: 0; }
/* pasek jest w motywie flexem centrującym tekst — Elementor nadpisuje display */
.elementor-953 .elementor-element.elementor-element-9ed8c5b .elementor-widget.cta-three__title { display: flex; align-items: center; justify-content: center; }
@media (max-width: 1900px) { .elementor-953 .elementor-element.elementor-element-9ed8c5b .cta-three__moc img { max-width: 770px !important; } }
@media (max-width: 1700px) {
.elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container { padding-left: 0; padding-right: 0; }
.elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container::before { width: 100%; left: 0; }
/* poniżej 1700 px pasek wraca do przepływu — wtedy odstęp 100 px daje jego
margines, a nie padding wrappera (inaczej padding wypadłby PRZED paskiem) */
/* poniżej 1700 px padding boczny 15 px daje już sama kolumna (.cta-three__content) */
.elementor-953 .elementor-element.elementor-element-9ed8c5b .m16-container > .elementor-container > .elementor-column.cta-three__content > .elementor-widget-wrap {
padding: 0 0 80px 0;
text-align: center;
}
/* .elementor-widget:not(:last-child) jest bardziej szczegółowe, stąd .elementor-widget
w selektorze; width:auto pozwala ujemnym marginesom rozepchnąć pasek do krawędzi */
/* pasek jest flex-itemem, więc width:auto zwęziłby go do treści — rozciągam
go o 30 px, dokładnie tyle, ile zdejmują ujemne marginesy */
.elementor-953 .elementor-element.elementor-element-9ed8c5b .elementor-widget.cta-three__title { margin: 0 -15px 100px -15px; width: calc(100% + 30px); }
/* .cta-three img { display: none } — obrazek znika dopiero poniżej 1700 px */
.elementor-953 .elementor-element.elementor-element-9ed8c5b .cta-three__moc { display: none; }
.elementor-953 .elementor-element.elementor-element-9ed8c5b .cta-three__title { width: 100%; position: relative; left: 0; transform: unset; }
}
@media (max-width: 767px) { .elementor-953 .elementor-element.elementor-element-9ed8c5b br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-040f74a */.elementor-953 .elementor-element.elementor-element-040f74a .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-row > .elementor-container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; max-width: 100%; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-row > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-row > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-row > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-row > .elementor-container { max-width: 1200px; } }
/* .cta-three__feature .row { margin: 0 -7.5px } + col { padding: 0 7.5px } */
/* .container ma padding 15, a .row zdejmuje 7.5 ujemnym marginesem — netto 7.5 */
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-row > .elementor-container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
padding-left: 7.5px;
padding-right: 7.5px;
}
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col { padding-left: 7.5px; padding-right: 7.5px; width: 100%; }
@media (min-width: 992px) {
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col--4 { width: 33.333333%; }
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col--6 { width: 50%; }
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col--3 { width: 25%; }
}
/* .cta-three__feature-box — w Elementorze odpowiada mu wrapper kolumny */
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col > .elementor-widget-wrap {
padding: 43px 45px;
display: flex;
align-items: center;
margin-bottom: 30px;
background-color: #fff;
transition: all 500ms ease;
}
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col > .elementor-widget-wrap:hover {
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03);
transform: translateY(-10px);
}
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col > .elementor-widget-wrap:hover .cta-three__feature-box-icon::after { top: 0; left: 0; }
/* .elementor-widget-wrap jest flexem z wrapem, a widgety mają width:100% —
w poziomym układzie karty muszą zwężać się do treści */
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col > .elementor-widget-wrap { flex-wrap: nowrap; }
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col > .elementor-widget-wrap > .elementor-element { width: auto; }
/* w oryginale ikona i nagłówek są bezpośrednimi dziećmi flexa i oba się kurczą
(przy ~1100 px kwadrat ikony faktycznie zwęża się poniżej 63 px) — Elementor
wsuwa między nie wrappery widgetów, więc kurczenie trzeba przepuścić przez nie */
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col > .elementor-widget-wrap > .elementor-element { flex: 0 1 auto; min-width: 0; }
/* UWAGA: ta wersja Elementora NIE renderuje .elementor-widget-container — treść widgetu
jest bezpośrednim dzieckiem .elementor-widget. Bez flexa na samym widgecie kwadrat ikony
nie kurczył się razem z nim i uciekało o ~13 px w prawo (1100 px). */
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col .elementor-widget-html,
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col .elementor-widget-html > .elementor-widget-container { display: flex; }
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col .cta-three__feature-box-icon { flex: 0 1 auto; min-width: 0; }
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col h3 { margin-left: 20px; }
.elementor-953 .elementor-element.elementor-element-040f74a .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 1199px) {
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col > .elementor-widget-wrap { padding-left: 30px; padding-right: 30px; }
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col .elementor-heading-title { font-size: 16px; }
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col h3 br { display: none; }
}
@media (max-width: 425px) {
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col > .elementor-widget-wrap { flex-wrap: wrap; }
.elementor-953 .elementor-element.elementor-element-040f74a .m16-ctaf-col h3 { margin-left: 0; margin-top: 20px; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d2bd940 */.elementor-953 .elementor-element.elementor-element-d2bd940 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-d2bd940 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-d2bd940 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-d2bd940 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-d2bd940 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-d2bd940 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-d2bd940 .m16-container > .elementor-container { max-width: 1200px; } }
/* .cta-four__image > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-953 .elementor-element.elementor-element-d2bd940 .cta-four__image .elementor-widget-image img {
width: 100%;
clip-path: polygon(50% 0%, 85% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
}
/* kolumna gra rolę .cta-four__image — to ona ma być blokiem zawierającym dla kafla,
więc wrapper widgetu HTML (Elementor daje mu position:relative) schodzi na static */
.elementor-953 .elementor-element.elementor-element-d2bd940 .m16-container > .elementor-container > .elementor-column.cta-four__image > .elementor-widget-wrap { padding: 0; }
.elementor-953 .elementor-element.elementor-element-d2bd940 .cta-four__image .elementor-widget-html { position: static; }
/* poniżej 1199 px motyw zwęża blok do szerokości obrazka (display:inline-block),
ale kolumna Elementora jest flexem i to nadpisuje */
@media (max-width: 1199px) {
/* .row motywu jest zwykłym blokiem, więc .cta-four__image jako inline-block tworzy
LINIĘ — a z nią światło podpikselowe pod linią bazową (8 px). Flexowy
.elementor-container linii nie tworzy i sekcja była o te 8 px niższa. */
.elementor-953 .elementor-element.elementor-element-d2bd940 .m16-container > .elementor-container { display: block; }
.elementor-953 .elementor-element.elementor-element-d2bd940 .m16-container > .elementor-container > .elementor-column.cta-four__image {
display: inline-block;
width: auto;
margin-bottom: 45px;
}
}
@media (max-width: 425px) {
.elementor-953 .elementor-element.elementor-element-d2bd940 .m16-container > .elementor-container > .elementor-column.cta-four__image { margin-bottom: 80px; }
}
@media (max-width: 767px) { .elementor-953 .elementor-element.elementor-element-d2bd940 br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-be9d20a */.elementor-953 .elementor-element.elementor-element-be9d20a .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-be9d20a .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-be9d20a .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-be9d20a .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-be9d20a .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-be9d20a .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-be9d20a .m16-container > .elementor-container { max-width: 1200px; } }/* Elementor centruje treść .elementor-button; goły motywu
wyrównanie DZIEDZICZY po rodzicu (tu: text-align: left z .cta-four__content) */
.elementor-953 .elementor-element.elementor-element-be9d20a .elementor-button { text-align: inherit; }
/* .cta-four__content — odstępy dają marginesy widgetów, nie własne marginesy */
.elementor-953 .elementor-element.elementor-element-be9d20a .m16-container > .elementor-container > .elementor-column.cta-four__content > .elementor-widget-wrap {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
padding: 0;
}
.elementor-953 .elementor-element.elementor-element-be9d20a .elementor-widget-text-editor p { margin: 0; }
.elementor-953 .elementor-element.elementor-element-be9d20a .cta-four__content .elementor-widget-image img { display: block; }
@media (max-width: 767px) {
.elementor-953 .elementor-element.elementor-element-be9d20a .elementor-heading-title { font-size: 55px; }
.elementor-953 .elementor-element.elementor-element-be9d20a br { display: none; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1b5abe0 */.elementor-953 .elementor-element.elementor-element-1b5abe0 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-1b5abe0 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-1b5abe0 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-1b5abe0 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-1b5abe0 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-1b5abe0 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-1b5abe0 .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-953 .elementor-element.elementor-element-1b5abe0::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: url(//otss.m16.pl/wp-content/uploads/2021/04/cta-5-1-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
opacity: 0.4;
}
/* .cta-five__bg ma opacity 0.2 i tło „fixed", inaczej niż domyślne 0.4 z bg_overlay_css */
.elementor-953 .elementor-element.elementor-element-1b5abe0::before { opacity: 0.2; background-attachment: fixed; }
/* kafle kotwiczą się do .container, więc kolumna nie może być blokiem zawierającym */
.elementor-953 .elementor-element.elementor-element-1b5abe0 .m16-container > .elementor-container > .elementor-column { position: static; }
.elementor-953 .elementor-element.elementor-element-1b5abe0 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; padding: 0; }
.elementor-953 .elementor-element.elementor-element-1b5abe0 .elementor-widget-wrap > .elementor-widget-html { position: static; }
.elementor-953 .elementor-element.elementor-element-1b5abe0 .cta-five__content .elementor-widget-image img { display: block; }
.elementor-953 .elementor-element.elementor-element-1b5abe0 .elementor-widget-text-editor p { margin: 0; }
@media (max-width: 625px) { .elementor-953 .elementor-element.elementor-element-1b5abe0 .m16-cta5-text br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8330b94 */.elementor-953 .elementor-element.elementor-element-8330b94 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-8330b94 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-8330b94 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-8330b94 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-8330b94 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-8330b94 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-8330b94 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-953 .elementor-element.elementor-element-8330b94 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-953 .elementor-element.elementor-element-8330b94 .block-title .elementor-widget-image img { display: block; }
.elementor-953 .elementor-element.elementor-element-8330b94 .block-title.text-center .elementor-widget-image img { margin-left: auto; margin-right: auto; }
/* Elementor rozstawia widgety o 20 px — w oryginale odstępy dają marginesy p/h3 */
.elementor-953 .elementor-element.elementor-element-8330b94 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-953 .elementor-element.elementor-element-8330b94 .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3dad42d */.elementor-953 .elementor-element.elementor-element-3dad42d .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-953 .elementor-element.elementor-element-3dad42d .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-953 .elementor-element.elementor-element-3dad42d .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-953 .elementor-element.elementor-element-3dad42d .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-953 .elementor-element.elementor-element-3dad42d .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-953 .elementor-element.elementor-element-3dad42d .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-953 .elementor-element.elementor-element-3dad42d .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-953 .elementor-element.elementor-element-3dad42d .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */