.elementor-735 .elementor-element.elementor-element-bba2e00 > .elementor-container{max-width:1180px;}.elementor-735 .elementor-element.elementor-element-bd5a568{text-align:start;}.elementor-735 .elementor-element.elementor-element-e25727d{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-735 .elementor-element.elementor-element-4bba385{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-735 .elementor-element.elementor-element-4bba385 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#051b35;}.elementor-735 .elementor-element.elementor-element-4a4d9b9{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-735 .elementor-element.elementor-element-1bee3f9 .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-735 .elementor-element.elementor-element-1bee3f9 .elementor-button:hover, .elementor-735 .elementor-element.elementor-element-1bee3f9 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-735 .elementor-element.elementor-element-1bee3f9{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-735 .elementor-element.elementor-element-1bee3f9 .elementor-button:hover svg, .elementor-735 .elementor-element.elementor-element-1bee3f9 .elementor-button:focus svg{fill:#ffffff;}.elementor-735 .elementor-element.elementor-element-626b5fc > .elementor-container{max-width:1180px;}.elementor-735 .elementor-element.elementor-element-fd54185{text-align:start;}.elementor-735 .elementor-element.elementor-element-15d943a{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-735 .elementor-element.elementor-element-bc1bdb6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-735 .elementor-element.elementor-element-f7e34af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-735 .elementor-element.elementor-element-74822c7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-735 .elementor-element.elementor-element-bb46130{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-735 .elementor-element.elementor-element-c2c36b8 .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-735 .elementor-element.elementor-element-c2c36b8 .elementor-button:hover, .elementor-735 .elementor-element.elementor-element-c2c36b8 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-735 .elementor-element.elementor-element-c2c36b8{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-735 .elementor-element.elementor-element-c2c36b8 .elementor-button:hover svg, .elementor-735 .elementor-element.elementor-element-c2c36b8 .elementor-button:focus svg{fill:#ffffff;}@media(min-width:768px){.elementor-735 .elementor-element.elementor-element-efd62f1{width:49.068%;}.elementor-735 .elementor-element.elementor-element-0e7b99e{width:50.932%;}}@media(max-width:1024px) and (min-width:768px){.elementor-735 .elementor-element.elementor-element-efd62f1{width:100%;}.elementor-735 .elementor-element.elementor-element-0e7b99e{width:100%;}.elementor-735 .elementor-element.elementor-element-188629b{width:100%;}.elementor-735 .elementor-element.elementor-element-d55c27d{width:100%;}}/* Start custom CSS for section, class: .elementor-element-7e29fbe */.elementor-735 .elementor-element.elementor-element-7e29fbe .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-735 .elementor-element.elementor-element-7e29fbe .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-735 .elementor-element.elementor-element-7e29fbe .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-735 .elementor-element.elementor-element-7e29fbe .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-735 .elementor-element.elementor-element-7e29fbe .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-735 .elementor-element.elementor-element-7e29fbe .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-735 .elementor-element.elementor-element-7e29fbe .m16-container > .elementor-container { max-width: 1200px; } }
/* .cta-four__image > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-735 .elementor-element.elementor-element-7e29fbe .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-735 .elementor-element.elementor-element-7e29fbe .m16-container > .elementor-container > .elementor-column.cta-four__image > .elementor-widget-wrap { padding: 0; }
.elementor-735 .elementor-element.elementor-element-7e29fbe .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-735 .elementor-element.elementor-element-7e29fbe .m16-container > .elementor-container { display: block; }
    .elementor-735 .elementor-element.elementor-element-7e29fbe .m16-container > .elementor-container > .elementor-column.cta-four__image {
        display: inline-block;
        width: auto;
        margin-bottom: 45px;
    }
}
@media (max-width: 425px) {
    .elementor-735 .elementor-element.elementor-element-7e29fbe .m16-container > .elementor-container > .elementor-column.cta-four__image { margin-bottom: 80px; }
}
@media (max-width: 767px) { .elementor-735 .elementor-element.elementor-element-7e29fbe br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-85e24fe */.elementor-735 .elementor-element.elementor-element-85e24fe .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-735 .elementor-element.elementor-element-85e24fe .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-735 .elementor-element.elementor-element-85e24fe .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-735 .elementor-element.elementor-element-85e24fe .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-735 .elementor-element.elementor-element-85e24fe .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-735 .elementor-element.elementor-element-85e24fe .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-735 .elementor-element.elementor-element-85e24fe .m16-container > .elementor-container { max-width: 1200px; } }/* Elementor centruje treść .elementor-button; goły <a class="thm-btn"> motywu
   wyrównanie DZIEDZICZY po rodzicu (tu: text-align: left z .cta-four__content) */
.elementor-735 .elementor-element.elementor-element-85e24fe .elementor-button { text-align: inherit; }

/* .cta-four__content — odstępy dają marginesy widgetów, nie własne marginesy <p> */
.elementor-735 .elementor-element.elementor-element-85e24fe .m16-container > .elementor-container > .elementor-column.cta-four__content > .elementor-widget-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 0;
}
.elementor-735 .elementor-element.elementor-element-85e24fe .elementor-widget-text-editor p { margin: 0; }
.elementor-735 .elementor-element.elementor-element-85e24fe .cta-four__content .elementor-widget-image img { display: block; }
@media (max-width: 767px) {
    .elementor-735 .elementor-element.elementor-element-85e24fe .elementor-heading-title { font-size: 55px; }
    .elementor-735 .elementor-element.elementor-element-85e24fe br { display: none; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7cabe5f */.elementor-735 .elementor-element.elementor-element-7cabe5f .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-735 .elementor-element.elementor-element-7cabe5f .elementor-widget-image, .elementor-735 .elementor-element.elementor-element-7cabe5f .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-735 .elementor-element.elementor-element-7cabe5f .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-735 .elementor-element.elementor-element-7cabe5f .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-735 .elementor-element.elementor-element-7cabe5f .m16-deco { position: static; }
/* rybka i drzewko mają offsety PROCENTOWE liczone od .about-three, więc żaden wrapper
   Elementora po drodze nie może być positioned — inaczej -25% liczyło się od kontenera
   (przy 1440 px zamiast -360 px wychodziło -180 px). */
.elementor-735 .elementor-element.elementor-element-7cabe5f > .elementor-container,
.elementor-735 .elementor-element.elementor-element-7cabe5f > .elementor-container > .elementor-column,
.elementor-735 .elementor-element.elementor-element-7cabe5f > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
/* .about-three .container { position: relative } motywu — kotwica dla wstążki i napisu.
   Kontener Elementora jest static (patrz wyżej), więc rolę .container gra zerowej wysokości
   widget: leży dokładnie w jego lewym górnym rogu, a ujemne marginesy oddają mu 15 px
   paddingu, które .m16-container zabiera kolumnie. */
.elementor-735 .elementor-element.elementor-element-7cabe5f .m16-cont-anchor { position: relative; height: 0; margin-left: -15px; margin-right: -15px; }
/* .elementor-widget-wrap > .elementor-element dostaje position: relative — dekoracjom
   trzeba oddać absolutne pozycjonowanie z klas motywu */
.elementor-735 .elementor-element.elementor-element-7cabe5f .about-three__fish-1, .elementor-735 .elementor-element.elementor-element-7cabe5f .about-three__tree-2,
.elementor-735 .elementor-element.elementor-element-7cabe5f .about-three__moc { position: absolute; width: auto; }

/* .about-three__image jest inline-block, żeby ::before i podpis trzymały się zdjęcia.
   width: auto jest tu równie ważne: sekcja wewnętrzna dostaje od Elementora
   `.elementor-widget-wrap > .elementor-element { width: 100% }`, więc mimo inline-block
   rozpychała się na całą kolumnę — a wtedy `.about-three__image > img { width: 100% }`
   z responsive.css (≤1199 px) rozdmuchiwało zdjęcie z 500 do 930 px. */
.elementor-735 .elementor-element.elementor-element-7cabe5f .about-three__image { display: inline-block; width: auto; position: relative; }
/* responsive.css motywu celuje w .about-three__image > img — po konwersji <img>
   siedzi w .elementor-widget-container, więc te trzy reguły przepisuję na potomka */
@media (max-width: 1199px) { .elementor-735 .elementor-element.elementor-element-7cabe5f .about-three__image img { width: 100%; } }
@media (max-width: 575px)  {
  .elementor-735 .elementor-element.elementor-element-7cabe5f .about-three__image img { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 86%); }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-27e83d5 */.elementor-735 .elementor-element.elementor-element-27e83d5 .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-735 .elementor-element.elementor-element-27e83d5 .elementor-widget-image, .elementor-735 .elementor-element.elementor-element-27e83d5 .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-735 .elementor-element.elementor-element-27e83d5 .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-735 .elementor-element.elementor-element-27e83d5 .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-735 .elementor-element.elementor-element-27e83d5 .m16-deco { position: static; }
/* dekoracje mają offsety PROCENTOWE liczone od .about-three — żaden wrapper Elementora
   po drodze nie może być positioned, inaczej procenty liczą się od kontenera */
.elementor-735 .elementor-element.elementor-element-27e83d5 > .elementor-container,
.elementor-735 .elementor-element.elementor-element-27e83d5 > .elementor-container > .elementor-column,
.elementor-735 .elementor-element.elementor-element-27e83d5 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-735 .elementor-element.elementor-element-27e83d5 .about-three__tree-1, .elementor-735 .elementor-element.elementor-element-27e83d5 .about-three__fish-2 { position: absolute; width: auto; }

/* .about-three__content > p — <p> jest teraz o jeden wrapper głębiej */
.elementor-735 .elementor-element.elementor-element-27e83d5 .m16-about3__p p { margin: 0; }
.elementor-735 .elementor-element.elementor-element-27e83d5 .m16-about3__p p a { color: var(--thm-base); transition: all 500ms ease; }
.elementor-735 .elementor-element.elementor-element-27e83d5 .m16-about3__p p a:hover { color: var(--thm-black); }
/* .about-three__btn { margin-top: 50px } wisi na <a>, a nie na widgecie — margines
   ustawia _margin widgetu, tutaj tylko zerujemy własny margines linku */
.elementor-735 .elementor-element.elementor-element-27e83d5 .about-three__btn .elementor-button { margin-top: 0; }/* End custom CSS */