.elementor-867 .elementor-element.elementor-element-58a8551{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-867 .elementor-element.elementor-element-5ee84cb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-867 .elementor-element.elementor-element-e21e9c3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-867 .elementor-element.elementor-element-2f960e0 > .elementor-container{max-width:1180px;}.elementor-867 .elementor-element.elementor-element-b5f2cb3{text-align:start;}.elementor-867 .elementor-element.elementor-element-ead393f{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-867 .elementor-element.elementor-element-fc0547f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-867 .elementor-element.elementor-element-0ac29f3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-867 .elementor-element.elementor-element-faa4036{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-867 .elementor-element.elementor-element-f73ea9e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-867 .elementor-element.elementor-element-e7a9cbd .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-867 .elementor-element.elementor-element-e7a9cbd .elementor-button:hover, .elementor-867 .elementor-element.elementor-element-e7a9cbd .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-867 .elementor-element.elementor-element-e7a9cbd{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-867 .elementor-element.elementor-element-e7a9cbd .elementor-button:hover svg, .elementor-867 .elementor-element.elementor-element-e7a9cbd .elementor-button:focus svg{fill:#ffffff;}.elementor-867 .elementor-element.elementor-element-4a68c08{text-align:start;}.elementor-867 .elementor-element.elementor-element-a069e9f{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-867 .elementor-element.elementor-element-37f21dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-867 .elementor-element.elementor-element-8289976{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-867 .elementor-element.elementor-element-1cf5cad:not(.elementor-motion-effects-element-type-background), .elementor-867 .elementor-element.elementor-element-1cf5cad > .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-867 .elementor-element.elementor-element-1cf5cad{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-867 .elementor-element.elementor-element-1cf5cad > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-867 .elementor-element.elementor-element-ecafdfa{text-align:start;}.elementor-867 .elementor-element.elementor-element-ad5f596{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-867 .elementor-element.elementor-element-51b30a7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-867 .elementor-element.elementor-element-45c1181{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-867 .elementor-element.elementor-element-dee9842{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-867 .elementor-element.elementor-element-e1df6c0{text-align:center;}.elementor-867 .elementor-element.elementor-element-04ecdd3{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-867 .elementor-element.elementor-element-4ccd87c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-867 .elementor-element.elementor-element-d7c6484 > .elementor-container{max-width:1180px;}.elementor-867 .elementor-element.elementor-element-3181530{text-align:center;}.elementor-867 .elementor-element.elementor-element-f24dd24{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-867 .elementor-element.elementor-element-f9d8ef9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-867 .elementor-element.elementor-element-d30b94e .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-867 .elementor-element.elementor-element-101b47c .elementor-heading-title{line-height:1.2em;}.elementor-867 .elementor-element.elementor-element-99891d1 > .elementor-container{max-width:1200px;}.elementor-867 .elementor-element.elementor-element-f8b4753{text-align:start;}.elementor-867 .elementor-element.elementor-element-a416aff{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-867 .elementor-element.elementor-element-d36be93{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-867 .elementor-element.elementor-element-4ba4882{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-867 .elementor-element.elementor-element-b89bf23:not(.elementor-motion-effects-element-type-background), .elementor-867 .elementor-element.elementor-element-b89bf23 > .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-867 .elementor-element.elementor-element-b89bf23{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-867 .elementor-element.elementor-element-b89bf23 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-867 .elementor-element.elementor-element-d479239{text-align:center;}.elementor-867 .elementor-element.elementor-element-c20090c{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-867 .elementor-element.elementor-element-3a0cf6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-867 .elementor-element.elementor-element-b2d466b:not(.elementor-motion-effects-element-type-background), .elementor-867 .elementor-element.elementor-element-b2d466b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3b91e1;}.elementor-867 .elementor-element.elementor-element-b2d466b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-867 .elementor-element.elementor-element-b2d466b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-867 .elementor-element.elementor-element-e2bf1c6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-867 .elementor-element.elementor-element-e2bf1c6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-867 .elementor-element.elementor-element-e2bf1c6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-867 .elementor-element.elementor-element-142455b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-867 .elementor-element.elementor-element-142455b .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-867 .elementor-element.elementor-element-ca9da90.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-867 .elementor-element.elementor-element-ca9da90.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-867 .elementor-element.elementor-element-ca9da90 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-867 .elementor-element.elementor-element-3b21602 .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-867 .elementor-element.elementor-element-3b21602 .elementor-button:hover, .elementor-867 .elementor-element.elementor-element-3b21602 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-867 .elementor-element.elementor-element-3b21602 .elementor-button:hover svg, .elementor-867 .elementor-element.elementor-element-3b21602 .elementor-button:focus svg{fill:#ffffff;}@media(min-width:768px){.elementor-867 .elementor-element.elementor-element-aecb588{width:33.333%;}.elementor-867 .elementor-element.elementor-element-04cebae{width:33.333%;}.elementor-867 .elementor-element.elementor-element-2024b9a{width:33.333%;}.elementor-867 .elementor-element.elementor-element-b4ef76e{width:50%;}.elementor-867 .elementor-element.elementor-element-bfaa1d7{width:50%;}.elementor-867 .elementor-element.elementor-element-12b243a{width:46.678%;}.elementor-867 .elementor-element.elementor-element-29f4470{width:53.322%;}.elementor-867 .elementor-element.elementor-element-e2bf1c6{width:66%;}.elementor-867 .elementor-element.elementor-element-ca9da90{width:34%;}}@media(max-width:1024px) and (min-width:768px){.elementor-867 .elementor-element.elementor-element-1ce264f{width:100%;}.elementor-867 .elementor-element.elementor-element-2c1ac0d{width:100%;}.elementor-867 .elementor-element.elementor-element-51f0e1b{width:100%;}.elementor-867 .elementor-element.elementor-element-53cb295{width:100%;}.elementor-867 .elementor-element.elementor-element-12b243a{width:100%;}.elementor-867 .elementor-element.elementor-element-29f4470{width:100%;}}/* Start custom CSS for section, class: .elementor-element-39bbb15 */.elementor-867 .elementor-element.elementor-element-39bbb15 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-39bbb15 > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ff6e7cf */.elementor-867 .elementor-element.elementor-element-ff6e7cf .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-ff6e7cf .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-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container { max-width: 1200px; } }
/* .elementor-container nie zawija kolumn — bez tego trzy karty ściskają się w jeden rząd */
.elementor-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container { flex-wrap: wrap; align-items: flex-start; }
.elementor-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container > .elementor-column { width: 100%; padding-left: 15px; padding-right: 15px; }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container > .elementor-column { width: 50%; } }
@media (min-width: 1200px) {
  .elementor-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container > .elementor-column.m16-feat-col--4 { width: 33.333333%; }
}

/* .feature-one__single */
.elementor-867 .elementor-element.elementor-element-ff6e7cf .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-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap:hover { transform: translateY(-10px); }
.elementor-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap::before,
.elementor-867 .elementor-element.elementor-element-ff6e7cf .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-867 .elementor-element.elementor-element-ff6e7cf .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-867 .elementor-element.elementor-element-ff6e7cf .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-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap:hover::before,
.elementor-867 .elementor-element.elementor-element-ff6e7cf .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-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap { margin-bottom: 30px; } }
@media (max-width: 991px)  {
  .elementor-867 .elementor-element.elementor-element-ff6e7cf .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-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap { flex-direction: column; padding: 20px 20px 15px; }
  .elementor-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container > .elementor-column .feature-one__image { width: 100%; margin-bottom: 25px; }
  .elementor-867 .elementor-element.elementor-element-ff6e7cf .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-867 .elementor-element.elementor-element-ff6e7cf .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-867 .elementor-element.elementor-element-ff6e7cf .m16-feat-row > .elementor-container > .elementor-column .feature-one__image { flex: 0 1 auto; min-width: 0; text-align: left; }
.elementor-867 .elementor-element.elementor-element-ff6e7cf .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-867 .elementor-element.elementor-element-ff6e7cf .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-ef8a7d4 */.elementor-867 .elementor-element.elementor-element-ef8a7d4 .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-867 .elementor-element.elementor-element-ef8a7d4 .elementor-widget-image, .elementor-867 .elementor-element.elementor-element-ef8a7d4 .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-867 .elementor-element.elementor-element-ef8a7d4 .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-867 .elementor-element.elementor-element-ef8a7d4 .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-867 .elementor-element.elementor-element-ef8a7d4 .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-867 .elementor-element.elementor-element-ef8a7d4 > .elementor-container,
.elementor-867 .elementor-element.elementor-element-ef8a7d4 > .elementor-container > .elementor-column,
.elementor-867 .elementor-element.elementor-element-ef8a7d4 > .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-867 .elementor-element.elementor-element-ef8a7d4 .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-867 .elementor-element.elementor-element-ef8a7d4 .about-three__fish-1, .elementor-867 .elementor-element.elementor-element-ef8a7d4 .about-three__tree-2,
.elementor-867 .elementor-element.elementor-element-ef8a7d4 .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-867 .elementor-element.elementor-element-ef8a7d4 .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-867 .elementor-element.elementor-element-ef8a7d4 .about-three__image img { width: 100%; } }
@media (max-width: 575px)  {
  .elementor-867 .elementor-element.elementor-element-ef8a7d4 .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-3fef3ea */.elementor-867 .elementor-element.elementor-element-3fef3ea .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-867 .elementor-element.elementor-element-3fef3ea .elementor-widget-image, .elementor-867 .elementor-element.elementor-element-3fef3ea .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-867 .elementor-element.elementor-element-3fef3ea .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-867 .elementor-element.elementor-element-3fef3ea .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-867 .elementor-element.elementor-element-3fef3ea .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-867 .elementor-element.elementor-element-3fef3ea > .elementor-container,
.elementor-867 .elementor-element.elementor-element-3fef3ea > .elementor-container > .elementor-column,
.elementor-867 .elementor-element.elementor-element-3fef3ea > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-867 .elementor-element.elementor-element-3fef3ea .about-three__tree-1, .elementor-867 .elementor-element.elementor-element-3fef3ea .about-three__fish-2 { position: absolute; width: auto; }

/* .about-three__content > p — <p> jest teraz o jeden wrapper głębiej */
.elementor-867 .elementor-element.elementor-element-3fef3ea .m16-about3__p p { margin: 0; }
.elementor-867 .elementor-element.elementor-element-3fef3ea .m16-about3__p p a { color: var(--thm-base); transition: all 500ms ease; }
.elementor-867 .elementor-element.elementor-element-3fef3ea .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-867 .elementor-element.elementor-element-3fef3ea .about-three__btn .elementor-button { margin-top: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-eb91e51 */.elementor-867 .elementor-element.elementor-element-eb91e51 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-eb91e51 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-867 .elementor-element.elementor-element-eb91e51 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-867 .elementor-element.elementor-element-eb91e51 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-eb91e51 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-eb91e51 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-eb91e51 .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-867 .elementor-element.elementor-element-eb91e51::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-867 .elementor-element.elementor-element-eb91e51 .block-title .elementor-widget-image img { display: block; }
.elementor-867 .elementor-element.elementor-element-eb91e51 .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-867 .elementor-element.elementor-element-eb91e51 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-867 .elementor-element.elementor-element-eb91e51 .block-title .elementor-heading-title { font-size: 45px; } }
/* .course-one__title .container { display:flex; justify-content:space-between; align-items:center } */
.elementor-867 .elementor-element.elementor-element-eb91e51 .m16-container > .elementor-container { justify-content: space-between; align-items: center; }
.elementor-867 .elementor-element.elementor-element-eb91e51 .m16-container > .elementor-container > .elementor-column { width: auto; }
.elementor-867 .elementor-element.elementor-element-eb91e51 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (max-width: 1199px) {
    .elementor-867 .elementor-element.elementor-element-eb91e51 .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-867 .elementor-element.elementor-element-eb91e51 .m16-container > .elementor-container > .elementor-column { width: auto; max-width: 100%; }
}
@media (max-width: 767px) { .elementor-867 .elementor-element.elementor-element-eb91e51 br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-716a2f1 */.elementor-867 .elementor-element.elementor-element-716a2f1 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-716a2f1 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-867 .elementor-element.elementor-element-716a2f1 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-867 .elementor-element.elementor-element-716a2f1 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-716a2f1 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-716a2f1 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-716a2f1 .m16-container > .elementor-container { max-width: 1200px; } }
/* dekoracje kotwiczą się do sekcji .course-one, nie do kolumn Elementora */
.elementor-867 .elementor-element.elementor-element-716a2f1 > .elementor-container,
.elementor-867 .elementor-element.elementor-element-716a2f1 > .elementor-container > .elementor-column,
.elementor-867 .elementor-element.elementor-element-716a2f1 > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-867 .elementor-element.elementor-element-716a2f1 .elementor-widget-wrap > .site-footer__fish-1,
.elementor-867 .elementor-element.elementor-element-716a2f1 .elementor-widget-wrap > .site-footer__tree-1 { position: absolute; width: auto; }
.elementor-867 .elementor-element.elementor-element-716a2f1 .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-867 .elementor-element.elementor-element-716a2f1 .m16-container > .elementor-container { position: relative; }
.elementor-867 .elementor-element.elementor-element-716a2f1 .m16-container > .elementor-container > .elementor-column,
.elementor-867 .elementor-element.elementor-element-716a2f1 .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-867 .elementor-element.elementor-element-716a2f1 .m16-container .elementor-widget-html { position: static; }
/* dekoracje: gołe <img> motywu dziedziczą wyrównanie po rodzicu */
.elementor-867 .elementor-element.elementor-element-716a2f1 .elementor-widget-image { text-align: inherit; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5507f00 */.elementor-867 .elementor-element.elementor-element-5507f00 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-5507f00 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-867 .elementor-element.elementor-element-5507f00 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-867 .elementor-element.elementor-element-5507f00 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-5507f00 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-5507f00 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-5507f00 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-867 .elementor-element.elementor-element-5507f00 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1cf5cad */.elementor-867 .elementor-element.elementor-element-1cf5cad .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-867 .elementor-element.elementor-element-1cf5cad .elementor-widget-image, .elementor-867 .elementor-element.elementor-element-1cf5cad .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-867 .elementor-element.elementor-element-1cf5cad .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-867 .elementor-element.elementor-element-1cf5cad .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-867 .elementor-element.elementor-element-1cf5cad .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-867 .elementor-element.elementor-element-1cf5cad > .elementor-container { flex-wrap: wrap; }
.elementor-867 .elementor-element.elementor-element-1cf5cad > .elementor-container > .elementor-column { width: 100%; }
@media (min-width: 992px) { .elementor-867 .elementor-element.elementor-element-1cf5cad > .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-867 .elementor-element.elementor-element-1cf5cad > .elementor-container > .elementor-column.about-two__content > .elementor-widget-wrap {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 90px 15px;
}
/* UWAGA: bez .elementor-867 .elementor-element.elementor-element-1cf5cad > .elementor-container > .elementor-column — ta zmienna sama zaczyna się od `.elementor-867 .elementor-element.elementor-element-1cf5cad`, a Elementor podmienia
   KAŻDE wystąpienie tego słowa, więc `.elementor-867 .elementor-element.elementor-element-1cf5cad.one .elementor-867 .elementor-element.elementor-element-1cf5cad > .elementor-container > .elementor-column` dawało bzdurny selektor
   z dwoma prefiksami i reguła nigdy nie łapała. */
.elementor-867 .elementor-element.elementor-element-1cf5cad.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-867 .elementor-element.elementor-element-1cf5cad.about-two__home-two .block-title .elementor-heading-title { color: #fff; }
.elementor-867 .elementor-element.elementor-element-1cf5cad.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-867 .elementor-element.elementor-element-1cf5cad .m16-about2__p p { margin: 0; }
.elementor-867 .elementor-element.elementor-element-1cf5cad .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-867 .elementor-element.elementor-element-1cf5cad .about-two__image { position: relative; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1abab7e */.elementor-867 .elementor-element.elementor-element-1abab7e .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-1abab7e .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-867 .elementor-element.elementor-element-1abab7e .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-867 .elementor-element.elementor-element-1abab7e .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-1abab7e .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-1abab7e .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-1abab7e .m16-container > .elementor-container { max-width: 1200px; } }/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-867 .elementor-element.elementor-element-1abab7e .block-title .elementor-widget-image img { display: block; }
.elementor-867 .elementor-element.elementor-element-1abab7e .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-867 .elementor-element.elementor-element-1abab7e .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-867 .elementor-element.elementor-element-1abab7e .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-867 .elementor-element.elementor-element-1abab7e .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-867 .elementor-element.elementor-element-1abab7e .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-867 .elementor-element.elementor-element-1abab7e .block-title { margin-bottom: 0; }
.elementor-867 .elementor-element.elementor-element-1abab7e .block-title .elementor-heading-title,
.elementor-867 .elementor-element.elementor-element-1abab7e .block-title .elementor-widget-text-editor,
.elementor-867 .elementor-element.elementor-element-1abab7e .block-title .elementor-widget-text-editor p { color: #fff; }
.elementor-867 .elementor-element.elementor-element-1abab7e .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-f2a7efb */.elementor-867 .elementor-element.elementor-element-f2a7efb .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-f2a7efb .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-867 .elementor-element.elementor-element-f2a7efb .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-f2a7efb .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-f2a7efb .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-f2a7efb .m16-container > .elementor-container { max-width: 1200px; } }
/* .col-lg-12 = pełna szerokość z paddingiem 15 px kolumny bootstrapa */
.elementor-867 .elementor-element.elementor-element-f2a7efb .m16-container > .elementor-container > .elementor-column { padding-left: 15px; padding-right: 15px; }
.elementor-867 .elementor-element.elementor-element-f2a7efb .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
/* pływak kotwiczy się do sekcji, nie do kolumny */
.elementor-867 .elementor-element.elementor-element-f2a7efb > .elementor-container,
.elementor-867 .elementor-element.elementor-element-f2a7efb > .elementor-container > .elementor-column,
.elementor-867 .elementor-element.elementor-element-f2a7efb > .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-867 .elementor-element.elementor-element-f2a7efb .m16-deco { position: static; }
.elementor-867 .elementor-element.elementor-element-f2a7efb .contact-one__swimmer { position: absolute; width: auto; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a1bf833 */.elementor-867 .elementor-element.elementor-element-a1bf833 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-a1bf833 .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-867 .elementor-element.elementor-element-a1bf833 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-a1bf833 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-a1bf833 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-a1bf833 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-867 .elementor-element.elementor-element-a1bf833 .m16-container > .elementor-container > .elementor-column { padding-left: 15px; padding-right: 15px; }
.elementor-867 .elementor-element.elementor-element-a1bf833 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-310348a */.elementor-867 .elementor-element.elementor-element-310348a .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-310348a .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-867 .elementor-element.elementor-element-310348a .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-867 .elementor-element.elementor-element-310348a .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-310348a .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-310348a .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-310348a .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-867 .elementor-element.elementor-element-310348a::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-867 .elementor-element.elementor-element-310348a .block-title .elementor-widget-image img { display: block; }
.elementor-867 .elementor-element.elementor-element-310348a .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-867 .elementor-element.elementor-element-310348a .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-867 .elementor-element.elementor-element-310348a .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-ad81fe1 */.elementor-867 .elementor-element.elementor-element-ad81fe1 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-ad81fe1 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-867 .elementor-element.elementor-element-ad81fe1 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-867 .elementor-element.elementor-element-ad81fe1 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-ad81fe1 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-ad81fe1 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-ad81fe1 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-867 .elementor-element.elementor-element-ad81fe1 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5276354 */.elementor-867 .elementor-element.elementor-element-5276354 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-5276354 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-867 .elementor-element.elementor-element-5276354 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-867 .elementor-element.elementor-element-5276354 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-5276354 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-5276354 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-5276354 .m16-container > .elementor-container { max-width: 1200px; } }
/* .funfact-one .container jest blokiem zawierającym dla obróconego napisu */
.elementor-867 .elementor-element.elementor-element-5276354 .m16-container > .elementor-container { position: relative; }
.elementor-867 .elementor-element.elementor-element-5276354 .m16-container > .elementor-container > .elementor-column,
.elementor-867 .elementor-element.elementor-element-5276354 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; padding: 0; }
.elementor-867 .elementor-element.elementor-element-5276354 .elementor-widget-wrap > .funfact-one__title { position: absolute; }
/* Elementor daje widgetom width:100%, co bije szerokości paska z motywu */
.elementor-867 .elementor-element.elementor-element-5276354 .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-867 .elementor-element.elementor-element-5276354 .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-867 .elementor-element.elementor-element-5276354 .inner-container { margin-bottom: 0; }
.elementor-867 .elementor-element.elementor-element-5276354 { margin-bottom: -141.5px; }
@media (max-width: 767px) {
    .elementor-867 .elementor-element.elementor-element-5276354 .elementor-widget.funfact-one__title { position: relative; width: 100%; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-bef435c */.elementor-867 .elementor-element.elementor-element-bef435c .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-bef435c .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-867 .elementor-element.elementor-element-bef435c .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-867 .elementor-element.elementor-element-bef435c .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-bef435c .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-bef435c .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-bef435c .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-867 .elementor-element.elementor-element-bef435c::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-867 .elementor-element.elementor-element-bef435c .m16-container > .elementor-container { position: relative; }
.elementor-867 .elementor-element.elementor-element-bef435c .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-02bc34f */.elementor-867 .elementor-element.elementor-element-02bc34f .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-867 .elementor-element.elementor-element-02bc34f .elementor-widget-image, .elementor-867 .elementor-element.elementor-element-02bc34f .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-867 .elementor-element.elementor-element-02bc34f .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-867 .elementor-element.elementor-element-02bc34f .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-867 .elementor-element.elementor-element-02bc34f .m16-deco { position: static; }
/* .team-one__floated-text jest absolutny i ma się kotwiczyć do .team-one */
.elementor-867 .elementor-element.elementor-element-02bc34f > .elementor-container,
.elementor-867 .elementor-element.elementor-element-02bc34f > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-867 .elementor-element.elementor-element-02bc34f .team-one__floated-text { position: absolute; }
/* .team-one__block-content > p — <p> jest teraz w .elementor-widget-container */
.elementor-867 .elementor-element.elementor-element-02bc34f .m16-team__p p { margin: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-75b042a */.elementor-867 .elementor-element.elementor-element-75b042a .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-867 .elementor-element.elementor-element-75b042a .elementor-widget-image, .elementor-867 .elementor-element.elementor-element-75b042a .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-867 .elementor-element.elementor-element-75b042a .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-867 .elementor-element.elementor-element-75b042a .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-867 .elementor-element.elementor-element-75b042a .m16-deco { position: static; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b89bf23 */.elementor-867 .elementor-element.elementor-element-b89bf23 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-b89bf23 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-867 .elementor-element.elementor-element-b89bf23 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-867 .elementor-element.elementor-element-b89bf23 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-b89bf23 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-b89bf23 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-b89bf23 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-867 .elementor-element.elementor-element-b89bf23 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-867 .elementor-element.elementor-element-b89bf23 .block-title .elementor-widget-image img { display: block; }
.elementor-867 .elementor-element.elementor-element-b89bf23 .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-867 .elementor-element.elementor-element-b89bf23 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-867 .elementor-element.elementor-element-b89bf23 .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b2d466b */.elementor-867 .elementor-element.elementor-element-b2d466b .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-867 .elementor-element.elementor-element-b2d466b { position: relative; margin-top: -1px; }

/* .cta-two::before nadpisane przez .cta-two__home-two::before — fala na GÓRZE, obrócona */
.elementor-867 .elementor-element.elementor-element-b2d466b::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-867 .elementor-element.elementor-element-b2d466b.elementor-section > .elementor-container { max-width: 100%; }
@media (min-width: 576px)  { .elementor-867 .elementor-element.elementor-element-b2d466b.elementor-section > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-867 .elementor-element.elementor-element-b2d466b.elementor-section > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-867 .elementor-element.elementor-element-b2d466b.elementor-section > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-867 .elementor-element.elementor-element-b2d466b.elementor-section > .elementor-container { max-width: 1200px; } }

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

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

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