.elementor-949 .elementor-element.elementor-element-96d6ab2:not(.elementor-motion-effects-element-type-background), .elementor-949 .elementor-element.elementor-element-96d6ab2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#063a7a;}.elementor-949 .elementor-element.elementor-element-96d6ab2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-949 .elementor-element.elementor-element-96d6ab2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-949 .elementor-element.elementor-element-24af60f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-949 .elementor-element.elementor-element-24af60f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-949 .elementor-element.elementor-element-24af60f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-949 .elementor-element.elementor-element-7d6834b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-949 .elementor-element.elementor-element-7d6834b .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-949 .elementor-element.elementor-element-d74b2b9.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-949 .elementor-element.elementor-element-d74b2b9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-949 .elementor-element.elementor-element-d74b2b9 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-949 .elementor-element.elementor-element-ff6a206 .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-949 .elementor-element.elementor-element-ff6a206 .elementor-button:hover, .elementor-949 .elementor-element.elementor-element-ff6a206 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-949 .elementor-element.elementor-element-ff6a206 .elementor-button:hover svg, .elementor-949 .elementor-element.elementor-element-ff6a206 .elementor-button:focus svg{fill:#ffffff;}.elementor-949 .elementor-element.elementor-element-2321fa2 .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-949 .elementor-element.elementor-element-504c34e{text-align:center;}.elementor-949 .elementor-element.elementor-element-e6bec34{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-949 .elementor-element.elementor-element-ac41c31{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-949 .elementor-element.elementor-element-ac41c31 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#051b35;}.elementor-949 .elementor-element.elementor-element-bd0aa00{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-949 .elementor-element.elementor-element-bd0aa00 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-949 .elementor-element.elementor-element-06ab574{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-949 .elementor-element.elementor-element-2576d7b{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-949 .elementor-element.elementor-element-2576d7b .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-949 .elementor-element.elementor-element-dbaf088{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-949 .elementor-element.elementor-element-0b98ae7{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;text-align:center;}.elementor-949 .elementor-element.elementor-element-0b98ae7 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-949 .elementor-element.elementor-element-12747d3{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-949 .elementor-element.elementor-element-add1a59 .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-949 .elementor-element.elementor-element-ea52d9d{text-align:start;}.elementor-949 .elementor-element.elementor-element-6626cab{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-949 .elementor-element.elementor-element-176358d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-949 .elementor-element.elementor-element-217324a{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-949 .elementor-element.elementor-element-380a575:not(.elementor-motion-effects-element-type-background), .elementor-949 .elementor-element.elementor-element-380a575 > .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-949 .elementor-element.elementor-element-380a575{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-949 .elementor-element.elementor-element-380a575 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-949 .elementor-element.elementor-element-c52ce6d{text-align:start;}.elementor-949 .elementor-element.elementor-element-94314dc{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-949 .elementor-element.elementor-element-2c7f553{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-949 .elementor-element.elementor-element-2c7f553 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#ffffff;}.elementor-949 .elementor-element.elementor-element-131b67f{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-949 .elementor-element.elementor-element-4742c49 .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-949 .elementor-element.elementor-element-4742c49 .elementor-button:hover, .elementor-949 .elementor-element.elementor-element-4742c49 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-949 .elementor-element.elementor-element-4742c49{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-949 .elementor-element.elementor-element-4742c49 .elementor-button:hover svg, .elementor-949 .elementor-element.elementor-element-4742c49 .elementor-button:focus svg{fill:#ffffff;}.elementor-949 .elementor-element.elementor-element-c64fc32{text-align:center;}.elementor-949 .elementor-element.elementor-element-6d48b1b{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-949 .elementor-element.elementor-element-2bab5dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-949 .elementor-element.elementor-element-debb974 .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-949 .elementor-element.elementor-element-6e5e441{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-949 .elementor-element.elementor-element-b1ebf7e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;}.elementor-949 .elementor-element.elementor-element-b1ebf7e .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#ffffff;}.elementor-949 .elementor-element.elementor-element-a4fe60a{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-949 .elementor-element.elementor-element-7761f91 .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-949 .elementor-element.elementor-element-7761f91 .elementor-button:hover, .elementor-949 .elementor-element.elementor-element-7761f91 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-949 .elementor-element.elementor-element-7761f91{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-949 .elementor-element.elementor-element-7761f91 .elementor-button:hover svg, .elementor-949 .elementor-element.elementor-element-7761f91 .elementor-button:focus svg{fill:#ffffff;}.elementor-949 .elementor-element.elementor-element-62c90d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-949 .elementor-element.elementor-element-62c90d8 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-949 .elementor-element.elementor-element-429ab64{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-949 .elementor-element.elementor-element-429ab64 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-949 .elementor-element.elementor-element-b2a8543{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-949 .elementor-element.elementor-element-b2a8543 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-949 .elementor-element.elementor-element-39b37d5 > .elementor-container{max-width:1180px;}.elementor-949 .elementor-element.elementor-element-10552ed{text-align:start;}.elementor-949 .elementor-element.elementor-element-f81495d{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-949 .elementor-element.elementor-element-c45eb8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-949 .elementor-element.elementor-element-c45eb8f .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#051b35;}.elementor-949 .elementor-element.elementor-element-f939e3b{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-949 .elementor-element.elementor-element-51cc42b .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-949 .elementor-element.elementor-element-51cc42b .elementor-button:hover, .elementor-949 .elementor-element.elementor-element-51cc42b .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-949 .elementor-element.elementor-element-51cc42b{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-949 .elementor-element.elementor-element-51cc42b .elementor-button:hover svg, .elementor-949 .elementor-element.elementor-element-51cc42b .elementor-button:focus svg{fill:#ffffff;}.elementor-949 .elementor-element.elementor-element-3ece707{text-align:start;}.elementor-949 .elementor-element.elementor-element-735d513{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-949 .elementor-element.elementor-element-c16e652{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;}.elementor-949 .elementor-element.elementor-element-c16e652 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#ffffff;}.elementor-949 .elementor-element.elementor-element-89ddd24{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-949 .elementor-element.elementor-element-aac4223 .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-949 .elementor-element.elementor-element-aac4223 .elementor-button:hover, .elementor-949 .elementor-element.elementor-element-aac4223 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-949 .elementor-element.elementor-element-aac4223{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-949 .elementor-element.elementor-element-aac4223 .elementor-button:hover svg, .elementor-949 .elementor-element.elementor-element-aac4223 .elementor-button:focus svg{fill:#ffffff;}.elementor-949 .elementor-element.elementor-element-733412f:not(.elementor-motion-effects-element-type-background), .elementor-949 .elementor-element.elementor-element-733412f > .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-949 .elementor-element.elementor-element-733412f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-949 .elementor-element.elementor-element-733412f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-949 .elementor-element.elementor-element-0ce68da{text-align:center;}.elementor-949 .elementor-element.elementor-element-8e791dd{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-949 .elementor-element.elementor-element-de6e815{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}@media(min-width:768px){.elementor-949 .elementor-element.elementor-element-24af60f{width:66%;}.elementor-949 .elementor-element.elementor-element-d74b2b9{width:34%;}.elementor-949 .elementor-element.elementor-element-9f9f889{width:25%;}.elementor-949 .elementor-element.elementor-element-213e684{width:25%;}.elementor-949 .elementor-element.elementor-element-4b7b305{width:25%;}.elementor-949 .elementor-element.elementor-element-725cf4a{width:50%;}.elementor-949 .elementor-element.elementor-element-adce306{width:33.333%;}.elementor-949 .elementor-element.elementor-element-752c86f{width:33.333%;}.elementor-949 .elementor-element.elementor-element-b5fa56b{width:33.333%;}.elementor-949 .elementor-element.elementor-element-1baa2ecb{width:49.068%;}.elementor-949 .elementor-element.elementor-element-3ef25db7{width:50.932%;}}@media(max-width:1024px) and (min-width:768px){.elementor-949 .elementor-element.elementor-element-1baa2ecb{width:100%;}.elementor-949 .elementor-element.elementor-element-3ef25db7{width:100%;}}/* Start custom CSS for section, class: .elementor-element-afe3e8f */.elementor-949 .elementor-element.elementor-element-afe3e8f .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-afe3e8f > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-96d6ab2 */.elementor-949 .elementor-element.elementor-element-96d6ab2 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
/* === odpowiednik .cta-two z motywu scubo (style.css) === */
.elementor-949 .elementor-element.elementor-element-96d6ab2 { position: relative; margin-top: -1px; }
/* animowana fala na dole sekcji (.cta-two::before) */
.elementor-949 .elementor-element.elementor-element-96d6ab2::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-949 .elementor-element.elementor-element-96d6ab2.elementor-section > .elementor-container { max-width: 100%; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-96d6ab2.elementor-section > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-96d6ab2.elementor-section > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-96d6ab2.elementor-section > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-96d6ab2.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-949 .elementor-element.elementor-element-96d6ab2 > .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-949 .elementor-element.elementor-element-96d6ab2 > .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-949 .elementor-element.elementor-element-96d6ab2 > .elementor-container > .elementor-column,
.elementor-949 .elementor-element.elementor-element-96d6ab2 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
/* wstążka (.cta-two__moc) — wystaje 84 px ponad sekcję */
.elementor-949 .elementor-element.elementor-element-96d6ab2 .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-949 .elementor-element.elementor-element-96d6ab2 .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-949 .elementor-element.elementor-element-96d6ab2 .elementor-heading-title span { color: #ffd701; }
/* przycisk (.thm-btn) — .elementor-button ma wbudowane text-align:center */
.elementor-949 .elementor-element.elementor-element-96d6ab2 .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-949 .elementor-element.elementor-element-96d6ab2 .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-949 .elementor-element.elementor-element-96d6ab2 > .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-949 .elementor-element.elementor-element-96d6ab2 > .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-949 .elementor-element.elementor-element-96d6ab2 .m16-cta__noimage { display: none; }
/* widget heading wypisuje własne text-align:left — mocniejsze niż dziedziczony center */
.elementor-949 .elementor-element.elementor-element-96d6ab2 .elementor-heading-title { text-align: center; }
/* .elementor-align-right zostawiłoby przycisk przy prawej krawędzi,
a oryginał centruje całą zawartość. */
.elementor-949 .elementor-element.elementor-element-96d6ab2 .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-5f6dbca */.elementor-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .elementor-widget-image { text-align: inherit; }
/* kontenery wewnętrzne = .container motywu */
.elementor-949 .elementor-element.elementor-element-5f6dbca .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-5f6dbca .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-5f6dbca .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-5f6dbca .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-5f6dbca .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-5f6dbca .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .m16-svc-row > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-5f6dbca .m16-svc-row > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-5f6dbca .m16-svc-row > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca > .elementor-container,
.elementor-949 .elementor-element.elementor-element-5f6dbca > .elementor-container > .elementor-column,
.elementor-949 .elementor-element.elementor-element-5f6dbca > .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-949 .elementor-element.elementor-element-5f6dbca .elementor-widget-wrap > .contact-one__swimmer,
.elementor-949 .elementor-element.elementor-element-5f6dbca .elementor-widget-wrap > .site-footer__fish-1,
.elementor-949 .elementor-element.elementor-element-5f6dbca .elementor-widget-wrap > .site-footer__fish-3,
.elementor-949 .elementor-element.elementor-element-5f6dbca .elementor-widget-wrap > .site-footer__tree-2,
.elementor-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .block-title .elementor-widget-text-editor { color: inherit; }
/* wiersz kart = .row bootstrapa */
.elementor-949 .elementor-element.elementor-element-5f6dbca .m16-svc-row > .elementor-container { display: flex; flex-wrap: wrap; align-items: stretch; }
.elementor-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col { padding-right: 15px; padding-left: 15px; width: 100%; }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col { width: 50%; } }
@media (min-width: 1200px) {
.elementor-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col--3 { width: 25%; }
.elementor-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col--4 { width: 33.333333%; }
.elementor-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col > .elementor-widget-wrap::before,
.elementor-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col > .elementor-widget-wrap:hover::before,
.elementor-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col > .elementor-widget-wrap:hover::after { transform: scale(1, 1); }
.elementor-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col i {
position: relative;
font-size: 64px;
color: var(--thm-base);
display: inline-block;
}
.elementor-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col > .elementor-widget-wrap:hover i::after {
border-color: var(--thm-base);
transform: rotate(360deg);
}
.elementor-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col h3 a { color: inherit; transition: all 500ms ease; }
.elementor-949 .elementor-element.elementor-element-5f6dbca .m16-svc-col h3 a:hover { color: var(--thm-primary); }
.elementor-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .elementor-widget:not(:last-child) { margin-bottom: 0; }
.elementor-949 .elementor-element.elementor-element-5f6dbca .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-949 .elementor-element.elementor-element-5f6dbca .service-one__floated-text .elementor-heading-title { font-size: 50px; } }
@media (max-width: 375px) { .elementor-949 .elementor-element.elementor-element-5f6dbca .block-title h3, .elementor-949 .elementor-element.elementor-element-5f6dbca .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-fc16be9 */.elementor-949 .elementor-element.elementor-element-fc16be9 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-fc16be9 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-fc16be9 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-fc16be9 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-fc16be9 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-fc16be9 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-fc16be9 .m16-container > .elementor-container { max-width: 1200px; } }
/* .funfact-one .container jest blokiem zawierającym dla obróconego napisu */
.elementor-949 .elementor-element.elementor-element-fc16be9 .m16-container > .elementor-container { position: relative; }
.elementor-949 .elementor-element.elementor-element-fc16be9 .m16-container > .elementor-container > .elementor-column,
.elementor-949 .elementor-element.elementor-element-fc16be9 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; padding: 0; }
.elementor-949 .elementor-element.elementor-element-fc16be9 .elementor-widget-wrap > .funfact-one__title { position: absolute; }
/* Elementor daje widgetom width:100%, co bije szerokości paska z motywu */
.elementor-949 .elementor-element.elementor-element-fc16be9 .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-949 .elementor-element.elementor-element-fc16be9 .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-949 .elementor-element.elementor-element-fc16be9 .inner-container { margin-bottom: 0; }
.elementor-949 .elementor-element.elementor-element-fc16be9 { margin-bottom: -141.5px; }
@media (max-width: 767px) {
.elementor-949 .elementor-element.elementor-element-fc16be9 .elementor-widget.funfact-one__title { position: relative; width: 100%; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-081929b */.elementor-949 .elementor-element.elementor-element-081929b .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-081929b .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-081929b .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-081929b .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-081929b .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-081929b .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-081929b .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-949 .elementor-element.elementor-element-081929b::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-949 .elementor-element.elementor-element-081929b .block-title .elementor-widget-image img { display: block; }
.elementor-949 .elementor-element.elementor-element-081929b .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-949 .elementor-element.elementor-element-081929b .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-949 .elementor-element.elementor-element-081929b .block-title .elementor-heading-title { font-size: 45px; } }
/* .course-one__title .container { display:flex; justify-content:space-between; align-items:center } */
.elementor-949 .elementor-element.elementor-element-081929b .m16-container > .elementor-container { justify-content: space-between; align-items: center; }
.elementor-949 .elementor-element.elementor-element-081929b .m16-container > .elementor-container > .elementor-column { width: auto; }
.elementor-949 .elementor-element.elementor-element-081929b .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (max-width: 1199px) {
.elementor-949 .elementor-element.elementor-element-081929b .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-949 .elementor-element.elementor-element-081929b .m16-container > .elementor-container > .elementor-column { width: auto; max-width: 100%; }
}
@media (max-width: 767px) { .elementor-949 .elementor-element.elementor-element-081929b br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9c3bc64 */.elementor-949 .elementor-element.elementor-element-9c3bc64 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-9c3bc64 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-9c3bc64 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-9c3bc64 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-9c3bc64 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-9c3bc64 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-9c3bc64 .m16-container > .elementor-container { max-width: 1200px; } }
/* dekoracje kotwiczą się do sekcji .course-one, nie do kolumn Elementora */
.elementor-949 .elementor-element.elementor-element-9c3bc64 > .elementor-container,
.elementor-949 .elementor-element.elementor-element-9c3bc64 > .elementor-container > .elementor-column,
.elementor-949 .elementor-element.elementor-element-9c3bc64 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-949 .elementor-element.elementor-element-9c3bc64 .elementor-widget-wrap > .site-footer__fish-1,
.elementor-949 .elementor-element.elementor-element-9c3bc64 .elementor-widget-wrap > .site-footer__tree-1 { position: absolute; width: auto; }
.elementor-949 .elementor-element.elementor-element-9c3bc64 .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-949 .elementor-element.elementor-element-9c3bc64 .m16-container > .elementor-container { position: relative; }
.elementor-949 .elementor-element.elementor-element-9c3bc64 .m16-container > .elementor-container > .elementor-column,
.elementor-949 .elementor-element.elementor-element-9c3bc64 .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-949 .elementor-element.elementor-element-9c3bc64 .m16-container .elementor-widget-html { position: static; }
/* dekoracje: gołe ![]()
motywu dziedziczą wyrównanie po rodzicu */
.elementor-949 .elementor-element.elementor-element-9c3bc64 .elementor-widget-image { text-align: inherit; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-380a575 */.elementor-949 .elementor-element.elementor-element-380a575 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-380a575 .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-949 .elementor-element.elementor-element-380a575 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-380a575 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-380a575 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-380a575 .m16-container > .elementor-container { max-width: 1200px; } }
/* .container motywu ma tu własny padding pionowy */
.elementor-949 .elementor-element.elementor-element-380a575 .m16-container > .elementor-container { padding-top: 120px; padding-bottom: 120px; }
.elementor-949 .elementor-element.elementor-element-380a575 .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-949 .elementor-element.elementor-element-380a575 > .elementor-container,
.elementor-949 .elementor-element.elementor-element-380a575 > .elementor-container > .elementor-column,
.elementor-949 .elementor-element.elementor-element-380a575 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-949 .elementor-element.elementor-element-380a575 .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-949 .elementor-element.elementor-element-380a575 .video-two__swimmer img { max-width: none; }
.elementor-949 .elementor-element.elementor-element-380a575 .m16-container > .elementor-container > .elementor-column.video-two__box { position: absolute; width: auto; padding: 0; }
.elementor-949 .elementor-element.elementor-element-380a575 .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-949 .elementor-element.elementor-element-380a575 .m16-container > .elementor-container > .elementor-column.video-two__content { padding-right: 85px; }
}
.elementor-949 .elementor-element.elementor-element-380a575 .video-two__box .elementor-widget-html { position: static; }
.elementor-949 .elementor-element.elementor-element-380a575 .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-949 .elementor-element.elementor-element-380a575 .elementor-widget-image { text-align: inherit; }
/* to samo dla .elementor-button — motywu dziedziczy wyrównanie */
.elementor-949 .elementor-element.elementor-element-380a575 .elementor-button { text-align: inherit; }
.elementor-949 .elementor-element.elementor-element-380a575 .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-949 .elementor-element.elementor-element-380a575 .m16-container > .elementor-container { flex-wrap: wrap; }
.elementor-949 .elementor-element.elementor-element-380a575 .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-949 .elementor-element.elementor-element-380a575 .m16-container > .elementor-container > .elementor-column.video-two__content { width: 100%; }
}
@media (max-width: 575px) { .elementor-949 .elementor-element.elementor-element-380a575 .video-two__box img { max-width: 100%; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-62a5cd3 */.elementor-949 .elementor-element.elementor-element-62a5cd3 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-62a5cd3 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-62a5cd3 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-62a5cd3 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-62a5cd3 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-62a5cd3 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-62a5cd3 .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-949 .elementor-element.elementor-element-62a5cd3::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-949 .elementor-element.elementor-element-62a5cd3 .block-title .elementor-widget-image img { display: block; }
.elementor-949 .elementor-element.elementor-element-62a5cd3 .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-949 .elementor-element.elementor-element-62a5cd3 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-949 .elementor-element.elementor-element-62a5cd3 .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a351778 */.elementor-949 .elementor-element.elementor-element-a351778 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-a351778 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-a351778 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-a351778 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-a351778 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-a351778 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-a351778 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-949 .elementor-element.elementor-element-a351778 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-054fc59 */.elementor-949 .elementor-element.elementor-element-054fc59 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-054fc59 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-054fc59 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-054fc59 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-054fc59 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-054fc59 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-054fc59 .m16-container > .elementor-container { max-width: 1200px; } }
/* .cta-three .container::before — pasek tła wychodzący poza kontener */
.elementor-949 .elementor-element.elementor-element-054fc59 .m16-container > .elementor-container::before {
content: '';
width: 10000px;
height: 100%;
background-color: var(--thm-base);
position: absolute;
top: 0;
left: 15px;
}
.elementor-949 .elementor-element.elementor-element-054fc59 .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-949 .elementor-element.elementor-element-054fc59 .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-949 .elementor-element.elementor-element-054fc59 .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-949 .elementor-element.elementor-element-054fc59 .elementor-widget-text-editor p { margin: 0; }
/* .cta-three__content-inner > p — sam opis nie ma dolnego paddingu akapitu motywu */
.elementor-949 .elementor-element.elementor-element-054fc59 .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-949 .elementor-element.elementor-element-054fc59 .cta-three__title { left: 0; }
/* pasek jest w motywie flexem centrującym tekst — Elementor nadpisuje display */
.elementor-949 .elementor-element.elementor-element-054fc59 .elementor-widget.cta-three__title { display: flex; align-items: center; justify-content: center; }
@media (max-width: 1900px) { .elementor-949 .elementor-element.elementor-element-054fc59 .cta-three__moc img { max-width: 770px !important; } }
@media (max-width: 1700px) {
.elementor-949 .elementor-element.elementor-element-054fc59 .m16-container > .elementor-container { padding-left: 0; padding-right: 0; }
.elementor-949 .elementor-element.elementor-element-054fc59 .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-949 .elementor-element.elementor-element-054fc59 .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-949 .elementor-element.elementor-element-054fc59 .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-949 .elementor-element.elementor-element-054fc59 .cta-three__moc { display: none; }
.elementor-949 .elementor-element.elementor-element-054fc59 .cta-three__title { width: 100%; position: relative; left: 0; transform: unset; }
}
@media (max-width: 767px) { .elementor-949 .elementor-element.elementor-element-054fc59 br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-242b683 */.elementor-949 .elementor-element.elementor-element-242b683 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-242b683 .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-949 .elementor-element.elementor-element-242b683 .m16-ctaf-row > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-row > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-row > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-242b683 .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-949 .elementor-element.elementor-element-242b683 .m16-ctaf-row > .elementor-container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
padding-left: 7.5px;
padding-right: 7.5px;
}
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col { padding-left: 7.5px; padding-right: 7.5px; width: 100%; }
@media (min-width: 992px) {
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col--4 { width: 33.333333%; }
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col--6 { width: 50%; }
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col--3 { width: 25%; }
}
/* .cta-three__feature-box — w Elementorze odpowiada mu wrapper kolumny */
.elementor-949 .elementor-element.elementor-element-242b683 .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-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col > .elementor-widget-wrap:hover {
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03);
transform: translateY(-10px);
}
.elementor-949 .elementor-element.elementor-element-242b683 .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-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col > .elementor-widget-wrap { flex-wrap: nowrap; }
.elementor-949 .elementor-element.elementor-element-242b683 .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-949 .elementor-element.elementor-element-242b683 .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-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col .elementor-widget-html,
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col .elementor-widget-html > .elementor-widget-container { display: flex; }
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col .cta-three__feature-box-icon { flex: 0 1 auto; min-width: 0; }
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col h3 { margin-left: 20px; }
.elementor-949 .elementor-element.elementor-element-242b683 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 1199px) {
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col > .elementor-widget-wrap { padding-left: 30px; padding-right: 30px; }
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col .elementor-heading-title { font-size: 16px; }
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col h3 br { display: none; }
}
@media (max-width: 425px) {
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col > .elementor-widget-wrap { flex-wrap: wrap; }
.elementor-949 .elementor-element.elementor-element-242b683 .m16-ctaf-col h3 { margin-left: 0; margin-top: 20px; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9c29e5f */.elementor-949 .elementor-element.elementor-element-9c29e5f .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-9c29e5f .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-9c29e5f .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-9c29e5f .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-9c29e5f .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-9c29e5f .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-9c29e5f .m16-container > .elementor-container { max-width: 1200px; } }
/* .cta-four__image > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-949 .elementor-element.elementor-element-9c29e5f .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-949 .elementor-element.elementor-element-9c29e5f .m16-container > .elementor-container > .elementor-column.cta-four__image > .elementor-widget-wrap { padding: 0; }
.elementor-949 .elementor-element.elementor-element-9c29e5f .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-949 .elementor-element.elementor-element-9c29e5f .m16-container > .elementor-container { display: block; }
.elementor-949 .elementor-element.elementor-element-9c29e5f .m16-container > .elementor-container > .elementor-column.cta-four__image {
display: inline-block;
width: auto;
margin-bottom: 45px;
}
}
@media (max-width: 425px) {
.elementor-949 .elementor-element.elementor-element-9c29e5f .m16-container > .elementor-container > .elementor-column.cta-four__image { margin-bottom: 80px; }
}
@media (max-width: 767px) { .elementor-949 .elementor-element.elementor-element-9c29e5f br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a020233 */.elementor-949 .elementor-element.elementor-element-a020233 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-a020233 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-a020233 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-a020233 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-a020233 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-a020233 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-a020233 .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-949 .elementor-element.elementor-element-a020233 .elementor-button { text-align: inherit; }
/* .cta-four__content — odstępy dają marginesy widgetów, nie własne marginesy */
.elementor-949 .elementor-element.elementor-element-a020233 .m16-container > .elementor-container > .elementor-column.cta-four__content > .elementor-widget-wrap {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
padding: 0;
}
.elementor-949 .elementor-element.elementor-element-a020233 .elementor-widget-text-editor p { margin: 0; }
.elementor-949 .elementor-element.elementor-element-a020233 .cta-four__content .elementor-widget-image img { display: block; }
@media (max-width: 767px) {
.elementor-949 .elementor-element.elementor-element-a020233 .elementor-heading-title { font-size: 55px; }
.elementor-949 .elementor-element.elementor-element-a020233 br { display: none; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4a13881 */.elementor-949 .elementor-element.elementor-element-4a13881 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-4a13881 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-4a13881 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-4a13881 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-4a13881 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-4a13881 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-4a13881 .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-949 .elementor-element.elementor-element-4a13881::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-949 .elementor-element.elementor-element-4a13881::before { opacity: 0.2; background-attachment: fixed; }
/* kafle kotwiczą się do .container, więc kolumna nie może być blokiem zawierającym */
.elementor-949 .elementor-element.elementor-element-4a13881 .m16-container > .elementor-container > .elementor-column { position: static; }
.elementor-949 .elementor-element.elementor-element-4a13881 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; padding: 0; }
.elementor-949 .elementor-element.elementor-element-4a13881 .elementor-widget-wrap > .elementor-widget-html { position: static; }
.elementor-949 .elementor-element.elementor-element-4a13881 .cta-five__content .elementor-widget-image img { display: block; }
.elementor-949 .elementor-element.elementor-element-4a13881 .elementor-widget-text-editor p { margin: 0; }
@media (max-width: 625px) { .elementor-949 .elementor-element.elementor-element-4a13881 .m16-cta5-text br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-733412f */.elementor-949 .elementor-element.elementor-element-733412f .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-733412f .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-733412f .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-733412f .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-733412f .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-733412f .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-733412f .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-949 .elementor-element.elementor-element-733412f .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-949 .elementor-element.elementor-element-733412f .block-title .elementor-widget-image img { display: block; }
.elementor-949 .elementor-element.elementor-element-733412f .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-949 .elementor-element.elementor-element-733412f .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-949 .elementor-element.elementor-element-733412f .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7712c25 */.elementor-949 .elementor-element.elementor-element-7712c25 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-949 .elementor-element.elementor-element-7712c25 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-949 .elementor-element.elementor-element-7712c25 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-949 .elementor-element.elementor-element-7712c25 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-949 .elementor-element.elementor-element-7712c25 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-949 .elementor-element.elementor-element-7712c25 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-949 .elementor-element.elementor-element-7712c25 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-949 .elementor-element.elementor-element-7712c25 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */