.elementor-629 .elementor-element.elementor-element-30c2465{margin-top:120px;margin-bottom:75px;}.elementor-629 .elementor-element.elementor-element-3c4eb15{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-629 .elementor-element.elementor-element-3a360f3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-629 .elementor-element.elementor-element-4962425{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-629 .elementor-element.elementor-element-23e7dc5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-629 .elementor-element.elementor-element-c621477{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-629 .elementor-element.elementor-element-a358f97{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-629 .elementor-element.elementor-element-45d02ec:not(.elementor-motion-effects-element-type-background), .elementor-629 .elementor-element.elementor-element-45d02ec > .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-629 .elementor-element.elementor-element-45d02ec{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-629 .elementor-element.elementor-element-45d02ec > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-629 .elementor-element.elementor-element-0f94283{text-align:start;}.elementor-629 .elementor-element.elementor-element-1c4822d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#c1cfe1;}.elementor-629 .elementor-element.elementor-element-657c7e9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-629 .elementor-element.elementor-element-657c7e9 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#ffffff;}.elementor-629 .elementor-element.elementor-element-a75b952{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:400;line-height:34px;color:#c1cfe1;}.elementor-629 .elementor-element.elementor-element-ea28410 .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-629 .elementor-element.elementor-element-ea28410 .elementor-button:hover, .elementor-629 .elementor-element.elementor-element-ea28410 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-629 .elementor-element.elementor-element-ea28410{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-629 .elementor-element.elementor-element-ea28410 .elementor-button:hover svg, .elementor-629 .elementor-element.elementor-element-ea28410 .elementor-button:focus svg{fill:#ffffff;}.elementor-629 .elementor-element.elementor-element-6845731 > .elementor-container{max-width:1180px;}.elementor-629 .elementor-element.elementor-element-e8156a1{text-align:start;}.elementor-629 .elementor-element.elementor-element-e221e57{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;font-family:"Barlow Condensed", Sans-serif;font-size:14px;font-weight:500;line-height:1em;letter-spacing:0.4em;color:#838a93;}.elementor-629 .elementor-element.elementor-element-a6efb14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-629 .elementor-element.elementor-element-a6efb14 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:70px;font-weight:700;line-height:1.2em;color:#051b35;}.elementor-629 .elementor-element.elementor-element-ff549ba{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-629 .elementor-element.elementor-element-c8eb574 .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-629 .elementor-element.elementor-element-c8eb574 .elementor-button:hover, .elementor-629 .elementor-element.elementor-element-c8eb574 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-629 .elementor-element.elementor-element-c8eb574{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-629 .elementor-element.elementor-element-c8eb574 .elementor-button:hover svg, .elementor-629 .elementor-element.elementor-element-c8eb574 .elementor-button:focus svg{fill:#ffffff;}@media(min-width:768px){.elementor-629 .elementor-element.elementor-element-79005a5{width:50%;}.elementor-629 .elementor-element.elementor-element-b70b5c8{width:50%;}.elementor-629 .elementor-element.elementor-element-b6943f1{width:50%;}.elementor-629 .elementor-element.elementor-element-65f973d{width:50%;}.elementor-629 .elementor-element.elementor-element-d3ca87e{width:50%;}.elementor-629 .elementor-element.elementor-element-f1d6a2d{width:50%;}.elementor-629 .elementor-element.elementor-element-7a5ede8{width:50%;}.elementor-629 .elementor-element.elementor-element-ac36ca8{width:49.068%;}.elementor-629 .elementor-element.elementor-element-e00f25f{width:50.932%;}}@media(max-width:1024px) and (min-width:768px){.elementor-629 .elementor-element.elementor-element-ac36ca8{width:100%;}.elementor-629 .elementor-element.elementor-element-e00f25f{width:100%;}}/* Start custom CSS for section, class: .elementor-element-c3f18c8 */.elementor-629 .elementor-element.elementor-element-c3f18c8 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-629 .elementor-element.elementor-element-c3f18c8 .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-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container { max-width: 1200px; } }
/* .elementor-container nie zawija kolumn — bez tego trzy karty ściskają się w jeden rząd */
.elementor-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container { flex-wrap: wrap; align-items: flex-start; }
.elementor-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container > .elementor-column { width: 100%; padding-left: 15px; padding-right: 15px; }
@media (min-width: 992px)  { .elementor-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container > .elementor-column { width: 50%; } }
@media (min-width: 1200px) {
  .elementor-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container > .elementor-column.m16-feat-col--6 { width: 50%; }
}

/* .feature-one__single */
.elementor-629 .elementor-element.elementor-element-c3f18c8 .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-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap:hover { transform: translateY(-10px); }
.elementor-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap::before,
.elementor-629 .elementor-element.elementor-element-c3f18c8 .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-629 .elementor-element.elementor-element-c3f18c8 .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-629 .elementor-element.elementor-element-c3f18c8 .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-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap:hover::before,
.elementor-629 .elementor-element.elementor-element-c3f18c8 .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-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap { margin-bottom: 30px; } }
@media (max-width: 991px)  {
  .elementor-629 .elementor-element.elementor-element-c3f18c8 .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-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container > .elementor-column > .elementor-widget-wrap { flex-direction: column; padding: 20px 20px 15px; }
  .elementor-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container > .elementor-column .feature-one__image { width: 100%; margin-bottom: 25px; }
  .elementor-629 .elementor-element.elementor-element-c3f18c8 .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-629 .elementor-element.elementor-element-c3f18c8 .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-629 .elementor-element.elementor-element-c3f18c8 .m16-feat-row > .elementor-container > .elementor-column .feature-one__image { flex: 0 1 auto; min-width: 0; text-align: left; }
.elementor-629 .elementor-element.elementor-element-c3f18c8 .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-629 .elementor-element.elementor-element-c3f18c8 .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-45d02ec */.elementor-629 .elementor-element.elementor-element-45d02ec .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-629 .elementor-element.elementor-element-45d02ec .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-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container { max-width: 1200px; } }
/* .container motywu ma tu własny padding pionowy */
.elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container { padding-top: 120px; padding-bottom: 120px; }
.elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container > .elementor-column { padding-left: 15px; padding-right: 15px; }
/* pływak i kafel z „play" kotwiczą się do sekcji / kontenera, nie do kolumn */
.elementor-629 .elementor-element.elementor-element-45d02ec > .elementor-container,
.elementor-629 .elementor-element.elementor-element-45d02ec > .elementor-container > .elementor-column,
.elementor-629 .elementor-element.elementor-element-45d02ec > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }
.elementor-629 .elementor-element.elementor-element-45d02ec .elementor-widget-wrap > .video-two__swimmer { position: absolute; width: auto; }
/* pływak jest dekoracją poza przepływem — nie może kurczyć się do szerokości kolumny */
.elementor-629 .elementor-element.elementor-element-45d02ec .video-two__swimmer img { max-width: none; }
.elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container > .elementor-column.video-two__box { position: absolute; width: auto; padding: 0; }
.elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container > .elementor-column.video-two__content > .elementor-widget-wrap { padding: 0; }
/* .video-two__content ma padding-right 70 (ale TYLKO od 992 px w górę); do tego 15 px kolumny */
@media (min-width: 992px) {
    .elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container > .elementor-column.video-two__content { padding-right: 85px; }
}
.elementor-629 .elementor-element.elementor-element-45d02ec .video-two__box .elementor-widget-html { position: static; }
.elementor-629 .elementor-element.elementor-element-45d02ec .video-two__content .elementor-widget-image img { display: block; }
/* .elementor-widget-image ma wbudowane text-align:center; gołe <img> motywu dziedziczą
   wyrównanie po rodzicu. Bez tego zdjęcie kafla ucieka o ~190 px w prawo w 768-1199 px. */
.elementor-629 .elementor-element.elementor-element-45d02ec .elementor-widget-image { text-align: inherit; }
/* to samo dla .elementor-button — <a class="thm-btn"> motywu dziedziczy wyrównanie */
.elementor-629 .elementor-element.elementor-element-45d02ec .elementor-button { text-align: inherit; }
.elementor-629 .elementor-element.elementor-element-45d02ec .elementor-widget-text-editor p { margin: 0; }
@media (max-width: 1199px) {
    /* poniżej xl kolumny bootstrapa idą na 100 % i kafel wraca do przepływu */
    .elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container { flex-wrap: wrap; }
    .elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container > .elementor-column.video-two__box {
        position: relative; right: auto; bottom: auto; margin-bottom: 80px;
        width: 100%; padding-left: 15px; padding-right: 15px;
    }
    .elementor-629 .elementor-element.elementor-element-45d02ec .m16-container > .elementor-container > .elementor-column.video-two__content { width: 100%; }
}
@media (max-width: 575px) { .elementor-629 .elementor-element.elementor-element-45d02ec .video-two__box img { max-width: 100%; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b91e721 */.elementor-629 .elementor-element.elementor-element-b91e721 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-629 .elementor-element.elementor-element-b91e721 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-629 .elementor-element.elementor-element-b91e721 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-629 .elementor-element.elementor-element-b91e721 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-629 .elementor-element.elementor-element-b91e721 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-629 .elementor-element.elementor-element-b91e721 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-629 .elementor-element.elementor-element-b91e721 .m16-container > .elementor-container { max-width: 1200px; } }
/* .cta-four__image > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-629 .elementor-element.elementor-element-b91e721 .cta-four__image .elementor-widget-image img {
    width: 100%;
    clip-path: polygon(50% 0%, 85% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
}
/* kolumna gra rolę .cta-four__image — to ona ma być blokiem zawierającym dla kafla,
   więc wrapper widgetu HTML (Elementor daje mu position:relative) schodzi na static */
.elementor-629 .elementor-element.elementor-element-b91e721 .m16-container > .elementor-container > .elementor-column.cta-four__image > .elementor-widget-wrap { padding: 0; }
.elementor-629 .elementor-element.elementor-element-b91e721 .cta-four__image .elementor-widget-html { position: static; }
/* poniżej 1199 px motyw zwęża blok do szerokości obrazka (display:inline-block),
   ale kolumna Elementora jest flexem i to nadpisuje */
@media (max-width: 1199px) {
    /* .row motywu jest zwykłym blokiem, więc .cta-four__image jako inline-block tworzy
       LINIĘ — a z nią światło podpikselowe pod linią bazową (8 px). Flexowy
       .elementor-container linii nie tworzy i sekcja była o te 8 px niższa. */
    .elementor-629 .elementor-element.elementor-element-b91e721 .m16-container > .elementor-container { display: block; }
    .elementor-629 .elementor-element.elementor-element-b91e721 .m16-container > .elementor-container > .elementor-column.cta-four__image {
        display: inline-block;
        width: auto;
        margin-bottom: 45px;
    }
}
@media (max-width: 425px) {
    .elementor-629 .elementor-element.elementor-element-b91e721 .m16-container > .elementor-container > .elementor-column.cta-four__image { margin-bottom: 80px; }
}
@media (max-width: 767px) { .elementor-629 .elementor-element.elementor-element-b91e721 br { display: none; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-425ee60 */.elementor-629 .elementor-element.elementor-element-425ee60 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-629 .elementor-element.elementor-element-425ee60 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-629 .elementor-element.elementor-element-425ee60 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px)  { .elementor-629 .elementor-element.elementor-element-425ee60 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-629 .elementor-element.elementor-element-425ee60 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-629 .elementor-element.elementor-element-425ee60 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-629 .elementor-element.elementor-element-425ee60 .m16-container > .elementor-container { max-width: 1200px; } }/* Elementor centruje treść .elementor-button; goły <a class="thm-btn"> motywu
   wyrównanie DZIEDZICZY po rodzicu (tu: text-align: left z .cta-four__content) */
.elementor-629 .elementor-element.elementor-element-425ee60 .elementor-button { text-align: inherit; }

/* .cta-four__content — odstępy dają marginesy widgetów, nie własne marginesy <p> */
.elementor-629 .elementor-element.elementor-element-425ee60 .m16-container > .elementor-container > .elementor-column.cta-four__content > .elementor-widget-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 0;
}
.elementor-629 .elementor-element.elementor-element-425ee60 .elementor-widget-text-editor p { margin: 0; }
.elementor-629 .elementor-element.elementor-element-425ee60 .cta-four__content .elementor-widget-image img { display: block; }
@media (max-width: 767px) {
    .elementor-629 .elementor-element.elementor-element-425ee60 .elementor-heading-title { font-size: 55px; }
    .elementor-629 .elementor-element.elementor-element-425ee60 br { display: none; }
}/* End custom CSS */