.elementor-284 .elementor-element.elementor-element-73a4d5d:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-73a4d5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://otss.m16.pl/wp-content/uploads/2021/04/pricing-bg-1-1.png");}.elementor-284 .elementor-element.elementor-element-73a4d5d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-284 .elementor-element.elementor-element-73a4d5d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-284 .elementor-element.elementor-element-eced03f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-284 .elementor-element.elementor-element-3982a6d9:not(.elementor-motion-effects-element-type-background), .elementor-284 .elementor-element.elementor-element-3982a6d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDF2F5;background-image:url("https://otss.m16.pl/wp-content/uploads/2021/04/water-wave-bg.png");}.elementor-284 .elementor-element.elementor-element-3982a6d9 > .elementor-background-overlay{background-color:#EDF2F5;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-284 .elementor-element.elementor-element-3982a6d9 > .elementor-container{max-width:1200px;}.elementor-284 .elementor-element.elementor-element-3982a6d9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-284 .elementor-element.elementor-element-0e7804c{text-align:start;}.elementor-284 .elementor-element.elementor-element-25a61ec{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-284 .elementor-element.elementor-element-b2d1921{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-284 .elementor-element.elementor-element-ee0a3a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-284 .elementor-element.elementor-element-8003387{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:768px){.elementor-284 .elementor-element.elementor-element-ed99d05{width:41.666%;}.elementor-284 .elementor-element.elementor-element-eda4cb1{width:58.333%;}.elementor-284 .elementor-element.elementor-element-46a00576{width:50%;}.elementor-284 .elementor-element.elementor-element-3b33d435{width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-284 .elementor-element.elementor-element-46a00576{width:100%;}.elementor-284 .elementor-element.elementor-element-3b33d435{width:100%;}}/* Start custom CSS for section, class: .elementor-element-73a4d5d */.elementor-284 .elementor-element.elementor-element-73a4d5d .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
/* .elementor-widget-image ma wbudowane text-align:center — gołe <img> motywu
   dziedziczą wyrównanie po rodzicu (patrz: najczęstsza usterka w audycie #949) */
.elementor-284 .elementor-element.elementor-element-73a4d5d .elementor-widget-image, .elementor-284 .elementor-element.elementor-element-73a4d5d .elementor-widget-button { text-align: inherit; }
/* to samo na samym <a class="elementor-button">: Elementor centruje jego treść, a goły
   <a class="thm-btn"> motywu wyrównanie DZIEDZICZY po rodzicu */
.elementor-284 .elementor-element.elementor-element-73a4d5d .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-284 .elementor-element.elementor-element-73a4d5d .elementor-widget:not(:last-child) { margin-bottom: 0; }
/* Elementor nadaje .elementor-widget-wrap > .elementor-element position: relative.
   Widget html z samymi dekoracjami ma wysokość 0 — bez tego stawał się blokiem
   zawierającym dla absolutnych rybek i wstążek i cała dekoracja szła na górę sekcji. */
.elementor-284 .elementor-element.elementor-element-73a4d5d .m16-deco { position: static; }
/* pływak jest absolutny względem sekcji, a nie wrappera widgetu */
.elementor-284 .elementor-element.elementor-element-73a4d5d > .elementor-container > .elementor-column,
.elementor-284 .elementor-element.elementor-element-73a4d5d > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-284 .elementor-element.elementor-element-73a4d5d .contact-one__swimmer { position: absolute; width: auto; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-60ca5e0 */.elementor-284 .elementor-element.elementor-element-60ca5e0 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
/* .elementor-widget-image ma wbudowane text-align:center — gołe <img> motywu
   dziedziczą wyrównanie po rodzicu (patrz: najczęstsza usterka w audycie #949) */
.elementor-284 .elementor-element.elementor-element-60ca5e0 .elementor-widget-image, .elementor-284 .elementor-element.elementor-element-60ca5e0 .elementor-widget-button { text-align: inherit; }
/* to samo na samym <a class="elementor-button">: Elementor centruje jego treść, a goły
   <a class="thm-btn"> motywu wyrównanie DZIEDZICZY po rodzicu */
.elementor-284 .elementor-element.elementor-element-60ca5e0 .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-284 .elementor-element.elementor-element-60ca5e0 .elementor-widget:not(:last-child) { margin-bottom: 0; }
/* Elementor nadaje .elementor-widget-wrap > .elementor-element position: relative.
   Widget html z samymi dekoracjami ma wysokość 0 — bez tego stawał się blokiem
   zawierającym dla absolutnych rybek i wstążek i cała dekoracja szła na górę sekcji. */
.elementor-284 .elementor-element.elementor-element-60ca5e0 .m16-deco { position: static; }
/* .elementor-container belki gra rolę .row motywu */
/* sekcja wewnętrzna jest u Elementora „boxed" (max-width 1140) — .row motywu ma szerokość
   rodzica + 30 px z ujemnych marginesów, więc trzeba zdjąć i max-width, i width */
.elementor-284 .elementor-element.elementor-element-60ca5e0 .inner-container > .elementor-container {
    margin-left: -15px; margin-right: -15px; width: auto; max-width: none;
    /* .row ZAWSZE zawija — bez tego kolumny col-lg-* nie łamią się poniżej 992 px */
    flex-wrap: wrap;
}
.elementor-284 .elementor-element.elementor-element-60ca5e0 .inner-container > .elementor-container > .elementor-column { width: auto; padding: 0 15px; }
/* .my-auto motywu (width: 100% + pionowe marginesy auto) = wrapper widgetów lewej kolumny */
.elementor-284 .elementor-element.elementor-element-60ca5e0 .m16-cta-phone > .elementor-widget-wrap { width: 100%; margin-top: auto; margin-bottom: auto; }
/* Elementor daje `.elementor-widget-wrap > .elementor-element { position: relative; width: 100% }`
   — mocniejsze (0,2,0) niż `.cta-one__title { position: absolute }` motywu (0,1,0).
   Bez tego obrócony kafel tytułu wchodzi w przepływ i spycha belkę o swoje 96 px w dół. */
.elementor-284 .elementor-element.elementor-element-60ca5e0 .cta-one__title { position: absolute; width: 243px; }
.elementor-284 .elementor-element.elementor-element-60ca5e0 .m16-cta1-h3 .elementor-heading-title { margin-bottom: 8px; }
/* skoro nadpisujemy .cta-one__title, musimy powtórzyć też jego warianty z responsive.css —
   inaczej poniżej 625 px kafel zostaje absolutny i belka wjeżdża o 96 px za wysoko */
@media (max-width: 991px) { .elementor-284 .elementor-element.elementor-element-60ca5e0 .cta-one__title { width: 349px; } }
@media (max-width: 625px) {
    .elementor-284 .elementor-element.elementor-element-60ca5e0 .cta-one__title {
        position: relative; width: 100%; top: auto; left: auto;
        transform: rotate(0) translateX(0);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0f923ef */.elementor-284 .elementor-element.elementor-element-0f923ef .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
/* .elementor-widget-image ma wbudowane text-align:center — gołe <img> motywu
   dziedziczą wyrównanie po rodzicu (patrz: najczęstsza usterka w audycie #949) */
.elementor-284 .elementor-element.elementor-element-0f923ef .elementor-widget-image, .elementor-284 .elementor-element.elementor-element-0f923ef .elementor-widget-button { text-align: inherit; }
/* to samo na samym <a class="elementor-button">: Elementor centruje jego treść, a goły
   <a class="thm-btn"> motywu wyrównanie DZIEDZICZY po rodzicu */
.elementor-284 .elementor-element.elementor-element-0f923ef .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-284 .elementor-element.elementor-element-0f923ef .elementor-widget:not(:last-child) { margin-bottom: 0; }
/* Elementor nadaje .elementor-widget-wrap > .elementor-element position: relative.
   Widget html z samymi dekoracjami ma wysokość 0 — bez tego stawał się blokiem
   zawierającym dla absolutnych rybek i wstążek i cała dekoracja szła na górę sekcji. */
.elementor-284 .elementor-element.elementor-element-0f923ef .m16-deco { position: static; }
/* padding-right: 55px daje motyw sam — .about-one__content niesie KOLUMNA, a wrapper
   widgetów ma padding wyzerowany przez .m16-container. Wpisany tu drugi raz odejmował
   55 px po raz drugi i blok tekstu był o tyle węższy. */
/* .about-one__content > p — <p> jest teraz o jeden wrapper głębiej */
.elementor-284 .elementor-element.elementor-element-0f923ef .m16-about1__p p { margin: 0; }
/* .about-one__content > p + p { margin-top: 60px } i wariant .off.one { 15px } */
.elementor-284 .elementor-element.elementor-element-0f923ef .m16-about1__p + .m16-about1__p { margin-top: 60px; }
.elementor-284 .elementor-element.elementor-element-0f923ef.off.one .m16-about1__p + .m16-about1__p { margin-top: 15px; }
.elementor-284 .elementor-element.elementor-element-0f923ef .m16-about1__p p span { color: var(--thm-base); font-weight: 500; font-size: 22px; }
/* responsive.css: .about-one__content > p br { display: none } poniżej 1200 px — selektor
   DZIECKA, który po konwersji nie łapie (<p> jest w .elementor-widget-container) */
@media (max-width: 1199px) { .elementor-284 .elementor-element.elementor-element-0f923ef .m16-about1__p p br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c332fbf */.elementor-284 .elementor-element.elementor-element-c332fbf .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
/* .elementor-widget-image ma wbudowane text-align:center — gołe <img> motywu
   dziedziczą wyrównanie po rodzicu (patrz: najczęstsza usterka w audycie #949) */
.elementor-284 .elementor-element.elementor-element-c332fbf .elementor-widget-image, .elementor-284 .elementor-element.elementor-element-c332fbf .elementor-widget-button { text-align: inherit; }
/* to samo na samym <a class="elementor-button">: Elementor centruje jego treść, a goły
   <a class="thm-btn"> motywu wyrównanie DZIEDZICZY po rodzicu */
.elementor-284 .elementor-element.elementor-element-c332fbf .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-284 .elementor-element.elementor-element-c332fbf .elementor-widget:not(:last-child) { margin-bottom: 0; }
/* Elementor nadaje .elementor-widget-wrap > .elementor-element position: relative.
   Widget html z samymi dekoracjami ma wysokość 0 — bez tego stawał się blokiem
   zawierającym dla absolutnych rybek i wstążek i cała dekoracja szła na górę sekcji. */
.elementor-284 .elementor-element.elementor-element-c332fbf .m16-deco { position: static; }/* End custom CSS */