.elementor-950 .elementor-element.elementor-element-19c1a40{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-950 .elementor-element.elementor-element-65e48d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-950 .elementor-element.elementor-element-88b76dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-950 .elementor-element.elementor-element-043554b > .elementor-container{max-width:1180px;}.elementor-950 .elementor-element.elementor-element-1fd3eb4{text-align:start;}.elementor-950 .elementor-element.elementor-element-285857d{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-950 .elementor-element.elementor-element-8c8eb9d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-950 .elementor-element.elementor-element-2ea128b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-950 .elementor-element.elementor-element-f8bfd86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-950 .elementor-element.elementor-element-c13f1df{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-950 .elementor-element.elementor-element-4e494a8 .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-950 .elementor-element.elementor-element-4e494a8 .elementor-button:hover, .elementor-950 .elementor-element.elementor-element-4e494a8 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-950 .elementor-element.elementor-element-4e494a8{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-950 .elementor-element.elementor-element-4e494a8 .elementor-button:hover svg, .elementor-950 .elementor-element.elementor-element-4e494a8 .elementor-button:focus svg{fill:#ffffff;}.elementor-950 .elementor-element.elementor-element-1d9be30{text-align:start;}.elementor-950 .elementor-element.elementor-element-cbc28a0{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-950 .elementor-element.elementor-element-038bf00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-950 .elementor-element.elementor-element-69d292e{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-950 .elementor-element.elementor-element-6e4cf70:not(.elementor-motion-effects-element-type-background), .elementor-950 .elementor-element.elementor-element-6e4cf70 > .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-950 .elementor-element.elementor-element-6e4cf70{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-950 .elementor-element.elementor-element-6e4cf70 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-950 .elementor-element.elementor-element-341f1df{text-align:start;}.elementor-950 .elementor-element.elementor-element-97f2f59{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-950 .elementor-element.elementor-element-da96dc5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-950 .elementor-element.elementor-element-c3bbd84{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-950 .elementor-element.elementor-element-f937217{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-950 .elementor-element.elementor-element-ee8d3c7{text-align:center;}.elementor-950 .elementor-element.elementor-element-93e8c0f{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-950 .elementor-element.elementor-element-a446d2a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-950 .elementor-element.elementor-element-5ac9ca9a > .elementor-container{max-width:1180px;}.elementor-950 .elementor-element.elementor-element-71bdc21{text-align:center;}.elementor-950 .elementor-element.elementor-element-176278d{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-950 .elementor-element.elementor-element-bdf6554{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-950 .elementor-element.elementor-element-48ec997 .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-950 .elementor-element.elementor-element-b96b89b .elementor-heading-title{line-height:1.2em;}.elementor-950 .elementor-element.elementor-element-176f6f4c > .elementor-container{max-width:1200px;}.elementor-950 .elementor-element.elementor-element-4258144{text-align:start;}.elementor-950 .elementor-element.elementor-element-427f949{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-950 .elementor-element.elementor-element-39c404e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-950 .elementor-element.elementor-element-26a5c71{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-950 .elementor-element.elementor-element-745d2d6:not(.elementor-motion-effects-element-type-background), .elementor-950 .elementor-element.elementor-element-745d2d6 > .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-950 .elementor-element.elementor-element-745d2d6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-950 .elementor-element.elementor-element-745d2d6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-950 .elementor-element.elementor-element-cf9e3e8{text-align:center;}.elementor-950 .elementor-element.elementor-element-b76fbb7{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-950 .elementor-element.elementor-element-cae3f2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-950 .elementor-element.elementor-element-826ab65:not(.elementor-motion-effects-element-type-background), .elementor-950 .elementor-element.elementor-element-826ab65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3b91e1;}.elementor-950 .elementor-element.elementor-element-826ab65{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-950 .elementor-element.elementor-element-826ab65 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-950 .elementor-element.elementor-element-f2cc790.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-950 .elementor-element.elementor-element-f2cc790.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-950 .elementor-element.elementor-element-f2cc790 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-950 .elementor-element.elementor-element-25670d6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-950 .elementor-element.elementor-element-25670d6 .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-950 .elementor-element.elementor-element-647ecaf.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-950 .elementor-element.elementor-element-647ecaf.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-950 .elementor-element.elementor-element-647ecaf > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-950 .elementor-element.elementor-element-18da05c .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-950 .elementor-element.elementor-element-18da05c .elementor-button:hover, .elementor-950 .elementor-element.elementor-element-18da05c .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-950 .elementor-element.elementor-element-18da05c .elementor-button:hover svg, .elementor-950 .elementor-element.elementor-element-18da05c .elementor-button:focus svg{fill:#ffffff;}@media(min-width:768px){.elementor-950 .elementor-element.elementor-element-0580058{width:33.333%;}.elementor-950 .elementor-element.elementor-element-54cf3d3{width:33.333%;}.elementor-950 .elementor-element.elementor-element-87bd72a{width:33.333%;}.elementor-950 .elementor-element.elementor-element-4d2094f{width:50%;}.elementor-950 .elementor-element.elementor-element-8ab1e49{width:50%;}.elementor-950 .elementor-element.elementor-element-51d387e6{width:46.678%;}.elementor-950 .elementor-element.elementor-element-2eecbac{width:53.322%;}.elementor-950 .elementor-element.elementor-element-f2cc790{width:66%;}.elementor-950 .elementor-element.elementor-element-647ecaf{width:34%;}}@media(max-width:1024px) and (min-width:768px){.elementor-950 .elementor-element.elementor-element-fec35b8{width:100%;}.elementor-950 .elementor-element.elementor-element-ca3b6b9{width:100%;}.elementor-950 .elementor-element.elementor-element-5b2350d5{width:100%;}.elementor-950 .elementor-element.elementor-element-5ee180de{width:100%;}.elementor-950 .elementor-element.elementor-element-51d387e6{width:100%;}.elementor-950 .elementor-element.elementor-element-2eecbac{width:100%;}}/* Start custom CSS for section, class: .elementor-element-d48a387 */.elementor-950 .elementor-element.elementor-element-d48a387 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-d48a387 > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-334ed23 */.elementor-950 .elementor-element.elementor-element-334ed23 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-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-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container { max-width: 1200px; } }
/* .elementor-container nie zawija kolumn — bez tego trzy karty ściskają się w jeden rząd */
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container { flex-wrap: wrap; align-items: flex-start; }
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column { width: 100%; padding-left: 15px; padding-right: 15px; }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column { width: 50%; } }
@media (min-width: 1200px) {
  .elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column.m16-feat-col--4 { width: 33.333333%; }
}

/* .feature-one__single */
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap {
    background-color: #fff; display: flex; flex-direction: row-reverse; align-items: center;
    /* Elementor domyślnie zawija widgety (flex-wrap: wrap) — bez nowrap karta rozpada się na dwa wiersze */
    flex-wrap: nowrap;
    transition: all 500ms ease; box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05); padding: 0;
}
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap:hover { transform: translateY(-10px); }
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap::before,
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap::after {
    content: ''; width: calc(100% + 16px); height: calc(100% + 16px); position: absolute;
    transform: scale(0); transform-origin: left top; top: -8px; left: -8px; transition: all 500ms linear;
}
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .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-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .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-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap:hover::before,
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap:hover::after { transform: scale(1, 1); }

/* responsive.css motywu celuje w .feature-one__single, której w konwersji już nie ma */
@media (max-width: 1199px) { .elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap { margin-bottom: 30px; } }
@media (max-width: 991px)  {
  .elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap { width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 320px) {
  .elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap { flex-direction: column; padding: 20px 20px 15px; }
  .elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column .feature-one__image { width: 100%; margin-bottom: 25px; }
  .elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column .feature-one__content h3 { text-align: center; }
}

/* widgety w karcie nie mogą być rozciągnięte na 100% — w oryginale zdjęcie ma szerokość własną */
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element { width: auto; }

/* .feature-one__image / .feature-one__image-inner: zdjęcie kurczy się jak w oryginale,
   a tytuł zabiera resztę — stąd shrink na zdjęciu i grow na treści */
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column .feature-one__image { flex: 0 1 auto; min-width: 0; text-align: left; }
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column .feature-one__content { flex: 1 1 auto; min-width: 0; }
.feature-one__image > .elementor-widget-container { position: relative; background-color: var(--thm-black); line-height: 0; }
.feature-one__image img { width: 100%; display: block; transition: all 500ms ease; }
.elementor-950 .elementor-element.elementor-element-334ed23 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap:hover .feature-one__image img { opacity: 0.5; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4b352db */.elementor-950 .elementor-element.elementor-element-4b352db .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-950 .elementor-element.elementor-element-4b352db .elementor-widget-image, .elementor-950 .elementor-element.elementor-element-4b352db .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-950 .elementor-element.elementor-element-4b352db .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-950 .elementor-element.elementor-element-4b352db .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-950 .elementor-element.elementor-element-4b352db .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-950 .elementor-element.elementor-element-4b352db > .elementor-container,
.elementor-950 .elementor-element.elementor-element-4b352db > .elementor-container > .elementor-column,
.elementor-950 .elementor-element.elementor-element-4b352db > .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-950 .elementor-element.elementor-element-4b352db .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-950 .elementor-element.elementor-element-4b352db .about-three__fish-1, .elementor-950 .elementor-element.elementor-element-4b352db .about-three__tree-2,
.elementor-950 .elementor-element.elementor-element-4b352db .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-950 .elementor-element.elementor-element-4b352db .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-950 .elementor-element.elementor-element-4b352db .about-three__image img { width: 100%; } }
@media (max-width: 575px)  {
  .elementor-950 .elementor-element.elementor-element-4b352db .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-e828087 */.elementor-950 .elementor-element.elementor-element-e828087 .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-950 .elementor-element.elementor-element-e828087 .elementor-widget-image, .elementor-950 .elementor-element.elementor-element-e828087 .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-950 .elementor-element.elementor-element-e828087 .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-950 .elementor-element.elementor-element-e828087 .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-950 .elementor-element.elementor-element-e828087 .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-950 .elementor-element.elementor-element-e828087 > .elementor-container,
.elementor-950 .elementor-element.elementor-element-e828087 > .elementor-container > .elementor-column,
.elementor-950 .elementor-element.elementor-element-e828087 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-950 .elementor-element.elementor-element-e828087 .about-three__tree-1, .elementor-950 .elementor-element.elementor-element-e828087 .about-three__fish-2 { position: absolute; width: auto; }

/* .about-three__content > p — <p> jest teraz o jeden wrapper głębiej */
.elementor-950 .elementor-element.elementor-element-e828087 .m16-about3__p p { margin: 0; }
.elementor-950 .elementor-element.elementor-element-e828087 .m16-about3__p p a { color: var(--thm-base); transition: all 500ms ease; }
.elementor-950 .elementor-element.elementor-element-e828087 .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-950 .elementor-element.elementor-element-e828087 .about-three__btn .elementor-button { margin-top: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-cc9b637 */.elementor-950 .elementor-element.elementor-element-cc9b637 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-cc9b637 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-950 .elementor-element.elementor-element-cc9b637 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-950 .elementor-element.elementor-element-cc9b637 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-cc9b637 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-cc9b637 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-cc9b637 .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-950 .elementor-element.elementor-element-cc9b637::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-950 .elementor-element.elementor-element-cc9b637 .block-title .elementor-widget-image img { display: block; }
.elementor-950 .elementor-element.elementor-element-cc9b637 .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-950 .elementor-element.elementor-element-cc9b637 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-950 .elementor-element.elementor-element-cc9b637 .block-title .elementor-heading-title { font-size: 45px; } }
/* .course-one__title .container { display:flex; justify-content:space-between; align-items:center } */
.elementor-950 .elementor-element.elementor-element-cc9b637 .m16-container > .elementor-container { justify-content: space-between; align-items: center; }
.elementor-950 .elementor-element.elementor-element-cc9b637 .m16-container > .elementor-container > .elementor-column { width: auto; }
.elementor-950 .elementor-element.elementor-element-cc9b637 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (max-width: 1199px) {
    .elementor-950 .elementor-element.elementor-element-cc9b637 .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-950 .elementor-element.elementor-element-cc9b637 .m16-container > .elementor-container > .elementor-column { width: auto; max-width: 100%; }
}
@media (max-width: 767px) { .elementor-950 .elementor-element.elementor-element-cc9b637 br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-44bd0c6 */.elementor-950 .elementor-element.elementor-element-44bd0c6 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-44bd0c6 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-950 .elementor-element.elementor-element-44bd0c6 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-950 .elementor-element.elementor-element-44bd0c6 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-44bd0c6 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-44bd0c6 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-44bd0c6 .m16-container > .elementor-container { max-width: 1200px; } }
/* dekoracje kotwiczą się do sekcji .course-one, nie do kolumn Elementora */
.elementor-950 .elementor-element.elementor-element-44bd0c6 > .elementor-container,
.elementor-950 .elementor-element.elementor-element-44bd0c6 > .elementor-container > .elementor-column,
.elementor-950 .elementor-element.elementor-element-44bd0c6 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-950 .elementor-element.elementor-element-44bd0c6 .elementor-widget-wrap > .site-footer__fish-1,
.elementor-950 .elementor-element.elementor-element-44bd0c6 .elementor-widget-wrap > .site-footer__tree-1 { position: absolute; width: auto; }
.elementor-950 .elementor-element.elementor-element-44bd0c6 .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-950 .elementor-element.elementor-element-44bd0c6 .m16-container > .elementor-container { position: relative; }
.elementor-950 .elementor-element.elementor-element-44bd0c6 .m16-container > .elementor-container > .elementor-column,
.elementor-950 .elementor-element.elementor-element-44bd0c6 .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-950 .elementor-element.elementor-element-44bd0c6 .m16-container .elementor-widget-html { position: static; }
/* dekoracje: gołe <img> motywu dziedziczą wyrównanie po rodzicu */
.elementor-950 .elementor-element.elementor-element-44bd0c6 .elementor-widget-image { text-align: inherit; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-72b3cd9 */.elementor-950 .elementor-element.elementor-element-72b3cd9 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-72b3cd9 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-950 .elementor-element.elementor-element-72b3cd9 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-950 .elementor-element.elementor-element-72b3cd9 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-72b3cd9 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-72b3cd9 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-72b3cd9 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-950 .elementor-element.elementor-element-72b3cd9 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6e4cf70 */.elementor-950 .elementor-element.elementor-element-6e4cf70 .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-950 .elementor-element.elementor-element-6e4cf70 .elementor-widget-image, .elementor-950 .elementor-element.elementor-element-6e4cf70 .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-950 .elementor-element.elementor-element-6e4cf70 .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-950 .elementor-element.elementor-element-6e4cf70 .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-950 .elementor-element.elementor-element-6e4cf70 .m16-deco { position: static; }
/* col-lg-6: 100% poniżej 992 px, połówka od 992 — kolumny Elementora łamią się
   dopiero na swoim breakpoincie, więc próg trzeba nadpisać ręcznie */
.elementor-950 .elementor-element.elementor-element-6e4cf70 > .elementor-container { flex-wrap: wrap; }
.elementor-950 .elementor-element.elementor-element-6e4cf70 > .elementor-container > .elementor-column { width: 100%; }
@media (min-width: 992px) { .elementor-950 .elementor-element.elementor-element-6e4cf70 > .elementor-container > .elementor-column { width: 50%; } }

/* .my-auto motywu: pionowe wyśrodkowanie + padding 90px 0 (style.css, sekcja poprawek).
   POZIOMO 15 px, bo sekcja jedzie na .m16-row (kontener bez paddingu = .container z
   ujemnymi marginesami .row), więc dopiero padding kolumny odsuwa treść o te 15 px.
   Przy .m16-container padding liczył się dwa razy: treść szła o 15 px w prawo i była
   o tyle węższa, przez co nagłówek łamał się o wiersz więcej. */
.elementor-950 .elementor-element.elementor-element-6e4cf70 > .elementor-container > .elementor-column.about-two__content > .elementor-widget-wrap {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 90px 15px;
}
/* UWAGA: bez .elementor-950 .elementor-element.elementor-element-6e4cf70 > .elementor-container > .elementor-column — ta zmienna sama zaczyna się od `.elementor-950 .elementor-element.elementor-element-6e4cf70`, a Elementor podmienia
   KAŻDE wystąpienie tego słowa, więc `.elementor-950 .elementor-element.elementor-element-6e4cf70.one .elementor-950 .elementor-element.elementor-element-6e4cf70 > .elementor-container > .elementor-column` dawało bzdurny selektor
   z dwoma prefiksami i reguła nigdy nie łapała. */
.elementor-950 .elementor-element.elementor-element-6e4cf70.one > .elementor-container > .elementor-column.about-two__content > .elementor-widget-wrap { padding-top: 94px; padding-bottom: 94px; }

/* wariant .about-two__home-two przebarwia nagłówek i tekst — widgety mają własny kolor
   wpisany przez block_title_kids (0,4,0), więc trzeba go przebić selektorem sekcji */
.elementor-950 .elementor-element.elementor-element-6e4cf70.about-two__home-two .block-title .elementor-heading-title { color: #fff; }
.elementor-950 .elementor-element.elementor-element-6e4cf70.about-two__home-two .m16-about2__p p { color: #c1cfe1; }

/* .about-two__content > p — po konwersji <p> siedzi w .elementor-widget-container,
   więc selektor dziecka motywu nie łapie */
.elementor-950 .elementor-element.elementor-element-6e4cf70 .m16-about2__p p { margin: 0; }
.elementor-950 .elementor-element.elementor-element-6e4cf70 .about-two__list { margin: 0; margin-top: 60px; counter-reset: about-two-list-count; }

/* .about-two__image-title jest absolutny — kotwicą ma być .about-two__image */
.elementor-950 .elementor-element.elementor-element-6e4cf70 .about-two__image { position: relative; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b07e4a1 */.elementor-950 .elementor-element.elementor-element-b07e4a1 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-b07e4a1 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-950 .elementor-element.elementor-element-b07e4a1 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-950 .elementor-element.elementor-element-b07e4a1 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-b07e4a1 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-b07e4a1 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-b07e4a1 .m16-container > .elementor-container { max-width: 1200px; } }/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-950 .elementor-element.elementor-element-b07e4a1 .block-title .elementor-widget-image img { display: block; }
.elementor-950 .elementor-element.elementor-element-b07e4a1 .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-950 .elementor-element.elementor-element-b07e4a1 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-950 .elementor-element.elementor-element-b07e4a1 .block-title .elementor-heading-title { font-size: 45px; } }
/* .faq-contact__wrap: padding i position zostawiamy motywowi — inaczej Custom CSS
   przykrywa override .faq-contact__wrap.one { padding-bottom: 0 } */

/* .faq-contact__wrap .inner-container — siedzi WEWNĄTRZ .container, więc jest o jego
   padding (2x15 px) węższa; stąd style na kolumnie, a nie na .elementor-container */
.elementor-950 .elementor-element.elementor-element-b07e4a1 .m16-container > .elementor-container > .elementor-column {
    background-color: #3b91e1;
    position: relative;
    padding-top: 80px;
    padding-bottom: 97px;
    /* margin-bottom: 60px z .faq-contact__wrap .inner-container.
       UWAGA: w audycie POJEDYNCZEGO widgetu ten margines wygląda na zbędny (sekcja wychodzi
       o 60 px wyższa niż oryginał), ale to artefakt izolacji — na stronie testowej widget
       jest ostatni, więc margines ucieka na zewnątrz i nie wlicza się do wysokości.
       W PEŁNEJ stronie, gdy sekcja ma następnika, oryginał te 60 px ma w środku.
       Weryfikuj takie marginesy `strona-ab.php`, nie `ab.php`. */
    margin-bottom: 60px;
}
.elementor-950 .elementor-element.elementor-element-b07e4a1 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
/* Reguły motywu celują w .inner-container, której po konwersji nie ma:
   .block-title { margin-bottom: 0 } oraz h3/p na biało. */
.elementor-950 .elementor-element.elementor-element-b07e4a1 .block-title { margin-bottom: 0; }
.elementor-950 .elementor-element.elementor-element-b07e4a1 .block-title .elementor-heading-title,
.elementor-950 .elementor-element.elementor-element-b07e4a1 .block-title .elementor-widget-text-editor,
.elementor-950 .elementor-element.elementor-element-b07e4a1 .block-title .elementor-widget-text-editor p { color: #fff; }
.elementor-950 .elementor-element.elementor-element-b07e4a1 .m16-container > .elementor-container > .elementor-column::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;
}

@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; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e1b2fa9 */.elementor-950 .elementor-element.elementor-element-e1b2fa9 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-e1b2fa9 .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-950 .elementor-element.elementor-element-e1b2fa9 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-e1b2fa9 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-e1b2fa9 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-e1b2fa9 .m16-container > .elementor-container { max-width: 1200px; } }
/* .col-lg-12 = pełna szerokość z paddingiem 15 px kolumny bootstrapa */
.elementor-950 .elementor-element.elementor-element-e1b2fa9 .m16-container > .elementor-container > .elementor-column { padding-left: 15px; padding-right: 15px; }
.elementor-950 .elementor-element.elementor-element-e1b2fa9 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
/* pływak kotwiczy się do sekcji, nie do kolumny */
.elementor-950 .elementor-element.elementor-element-e1b2fa9 > .elementor-container,
.elementor-950 .elementor-element.elementor-element-e1b2fa9 > .elementor-container > .elementor-column,
.elementor-950 .elementor-element.elementor-element-e1b2fa9 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
/* Elementor nadaje .elementor-widget-wrap > .elementor-element position: relative.
   Widget html z samą dekoracją ma wysokość 0, więc stawał się blokiem zawierającym
   i „bottom: 0" pływaka wypadało na GÓRZE sekcji zamiast na dole. */
.elementor-950 .elementor-element.elementor-element-e1b2fa9 .m16-deco { position: static; }
.elementor-950 .elementor-element.elementor-element-e1b2fa9 .contact-one__swimmer { position: absolute; width: auto; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f6dcccf */.elementor-950 .elementor-element.elementor-element-f6dcccf .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-f6dcccf .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-950 .elementor-element.elementor-element-f6dcccf .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-f6dcccf .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-f6dcccf .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-f6dcccf .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-950 .elementor-element.elementor-element-f6dcccf .m16-container > .elementor-container > .elementor-column { padding-left: 15px; padding-right: 15px; }
.elementor-950 .elementor-element.elementor-element-f6dcccf .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6b5739e */.elementor-950 .elementor-element.elementor-element-6b5739e .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-6b5739e .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-950 .elementor-element.elementor-element-6b5739e .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-950 .elementor-element.elementor-element-6b5739e .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-6b5739e .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-6b5739e .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-6b5739e .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-950 .elementor-element.elementor-element-6b5739e::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-950 .elementor-element.elementor-element-6b5739e .block-title .elementor-widget-image img { display: block; }
.elementor-950 .elementor-element.elementor-element-6b5739e .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-950 .elementor-element.elementor-element-6b5739e .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-950 .elementor-element.elementor-element-6b5739e .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-81efbb0 */.elementor-950 .elementor-element.elementor-element-81efbb0 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-81efbb0 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-950 .elementor-element.elementor-element-81efbb0 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-950 .elementor-element.elementor-element-81efbb0 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-81efbb0 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-81efbb0 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-81efbb0 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-950 .elementor-element.elementor-element-81efbb0 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f542e9b */.elementor-950 .elementor-element.elementor-element-f542e9b .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-f542e9b .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-950 .elementor-element.elementor-element-f542e9b .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-950 .elementor-element.elementor-element-f542e9b .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-f542e9b .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-f542e9b .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-f542e9b .m16-container > .elementor-container { max-width: 1200px; } }
/* .funfact-one .container jest blokiem zawierającym dla obróconego napisu */
.elementor-950 .elementor-element.elementor-element-f542e9b .m16-container > .elementor-container { position: relative; }
.elementor-950 .elementor-element.elementor-element-f542e9b .m16-container > .elementor-container > .elementor-column,
.elementor-950 .elementor-element.elementor-element-f542e9b .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; padding: 0; }
.elementor-950 .elementor-element.elementor-element-f542e9b .elementor-widget-wrap > .funfact-one__title { position: absolute; }
/* Elementor daje widgetom width:100%, co bije szerokości paska z motywu */
.elementor-950 .elementor-element.elementor-element-f542e9b .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-950 .elementor-element.elementor-element-f542e9b .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-950 .elementor-element.elementor-element-f542e9b .inner-container { margin-bottom: 0; }
.elementor-950 .elementor-element.elementor-element-f542e9b { margin-bottom: -141.5px; }
@media (max-width: 767px) {
    .elementor-950 .elementor-element.elementor-element-f542e9b .elementor-widget.funfact-one__title { position: relative; width: 100%; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a793ce5 */.elementor-950 .elementor-element.elementor-element-a793ce5 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-a793ce5 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-950 .elementor-element.elementor-element-a793ce5 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-950 .elementor-element.elementor-element-a793ce5 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-a793ce5 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-a793ce5 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-a793ce5 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-950 .elementor-element.elementor-element-a793ce5::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url(//otss.m16.pl/wp-content/uploads/2021/04/video-bg-2-1.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    opacity: 0.2;
}
/* .video-one .container { position: relative } — treść nad tłem */
.elementor-950 .elementor-element.elementor-element-a793ce5 .m16-container > .elementor-container { position: relative; }
.elementor-950 .elementor-element.elementor-element-a793ce5 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1113b72 */.elementor-950 .elementor-element.elementor-element-1113b72 .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-950 .elementor-element.elementor-element-1113b72 .elementor-widget-image, .elementor-950 .elementor-element.elementor-element-1113b72 .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-950 .elementor-element.elementor-element-1113b72 .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-950 .elementor-element.elementor-element-1113b72 .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-950 .elementor-element.elementor-element-1113b72 .m16-deco { position: static; }
/* .team-one__floated-text jest absolutny i ma się kotwiczyć do .team-one */
.elementor-950 .elementor-element.elementor-element-1113b72 > .elementor-container,
.elementor-950 .elementor-element.elementor-element-1113b72 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-950 .elementor-element.elementor-element-1113b72 .team-one__floated-text { position: absolute; }
/* .team-one__block-content > p — <p> jest teraz w .elementor-widget-container */
.elementor-950 .elementor-element.elementor-element-1113b72 .m16-team__p p { margin: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d644b3e */.elementor-950 .elementor-element.elementor-element-d644b3e .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-950 .elementor-element.elementor-element-d644b3e .elementor-widget-image, .elementor-950 .elementor-element.elementor-element-d644b3e .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-950 .elementor-element.elementor-element-d644b3e .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-950 .elementor-element.elementor-element-d644b3e .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-950 .elementor-element.elementor-element-d644b3e .m16-deco { position: static; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-745d2d6 */.elementor-950 .elementor-element.elementor-element-745d2d6 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-745d2d6 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-950 .elementor-element.elementor-element-745d2d6 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-950 .elementor-element.elementor-element-745d2d6 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-745d2d6 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-745d2d6 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-745d2d6 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-950 .elementor-element.elementor-element-745d2d6 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-950 .elementor-element.elementor-element-745d2d6 .block-title .elementor-widget-image img { display: block; }
.elementor-950 .elementor-element.elementor-element-745d2d6 .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-950 .elementor-element.elementor-element-745d2d6 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-950 .elementor-element.elementor-element-745d2d6 .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-826ab65 */.elementor-950 .elementor-element.elementor-element-826ab65 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-950 .elementor-element.elementor-element-826ab65 { position: relative; margin-top: -1px; }

/* .cta-two::before nadpisane przez .cta-two__home-two::before — fala na GÓRZE, obrócona */
.elementor-950 .elementor-element.elementor-element-826ab65::before {
    content: '';
    width: 100%;
    height: 32px;
    display: block;
    background-image: url(//otss.m16.pl/wp-content/themes/scubo/assets/images/shapes/wave-3.png);
    background-position: center center;
    position: absolute;
    top: -7px;
    left: 0;
    bottom: auto;
    z-index: 11;
    transform: rotate(180deg);
    animation: m16BgSlide 20s linear infinite;
}

/* .container motywu: 540/720/960 + 1200 od 1200 px */
.elementor-950 .elementor-element.elementor-element-826ab65.elementor-section > .elementor-container { max-width: 100%; }
@media (min-width: 576px)  { .elementor-950 .elementor-element.elementor-element-826ab65.elementor-section > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-950 .elementor-element.elementor-element-826ab65.elementor-section > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-950 .elementor-element.elementor-element-826ab65.elementor-section > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-950 .elementor-element.elementor-element-826ab65.elementor-section > .elementor-container { max-width: 1200px; } }

/* .cta-two .container { display:flex; justify-content:space-between; align-items:center } */
.elementor-950 .elementor-element.elementor-element-826ab65 > .elementor-container {
    justify-content: space-between;
    align-items: center;
    padding: 130px 15px;
}
.elementor-950 .elementor-element.elementor-element-826ab65 > .elementor-container > .elementor-column { width: auto; }
.elementor-950 .elementor-element.elementor-element-826ab65 > .elementor-container > .elementor-column,
.elementor-950 .elementor-element.elementor-element-826ab65 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }

/* .thm-btn dziedziczy wyrównanie po kontenerze; .elementor-button ma wbudowane center */
.elementor-950 .elementor-element.elementor-element-826ab65 .elementor-button { transition: all 500ms ease; text-align: inherit; }

/* responsive.css motywu, breakpoint 1199 */
@media (max-width: 1199px) {
    .elementor-950 .elementor-element.elementor-element-826ab65 > .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-950 .elementor-element.elementor-element-826ab65 > .elementor-container > .elementor-column { width: auto; max-width: 100%; }
    /* widget heading wypisuje własne text-align:left — mocniejsze niż dziedziczony center */
    .elementor-950 .elementor-element.elementor-element-826ab65 .elementor-heading-title { text-align: center; }
    .elementor-950 .elementor-element.elementor-element-826ab65 .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; }
}/* End custom CSS */