.elementor-740 .elementor-element.elementor-element-798de47{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-740 .elementor-element.elementor-element-798de47 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-740 .elementor-element.elementor-element-a9f2257{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-740 .elementor-element.elementor-element-a9f2257 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-740 .elementor-element.elementor-element-36ceee9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-740 .elementor-element.elementor-element-36ceee9 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:30px;color:#063a7a;}.elementor-740 .elementor-element.elementor-element-20cc150:not(.elementor-motion-effects-element-type-background), .elementor-740 .elementor-element.elementor-element-20cc150 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3b91e1;}.elementor-740 .elementor-element.elementor-element-20cc150{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-740 .elementor-element.elementor-element-20cc150 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-740 .elementor-element.elementor-element-d6099e0.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-740 .elementor-element.elementor-element-d6099e0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-740 .elementor-element.elementor-element-d6099e0 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-740 .elementor-element.elementor-element-0112411{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-740 .elementor-element.elementor-element-0112411 .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-740 .elementor-element.elementor-element-34706c5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-740 .elementor-element.elementor-element-34706c5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-740 .elementor-element.elementor-element-34706c5 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-740 .elementor-element.elementor-element-507a327 .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-740 .elementor-element.elementor-element-507a327 .elementor-button:hover, .elementor-740 .elementor-element.elementor-element-507a327 .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-740 .elementor-element.elementor-element-507a327 .elementor-button:hover svg, .elementor-740 .elementor-element.elementor-element-507a327 .elementor-button:focus svg{fill:#ffffff;}.elementor-740 .elementor-element.elementor-element-4c07aec:not(.elementor-motion-effects-element-type-background), .elementor-740 .elementor-element.elementor-element-4c07aec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#063a7a;}.elementor-740 .elementor-element.elementor-element-4c07aec{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-740 .elementor-element.elementor-element-4c07aec > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-740 .elementor-element.elementor-element-8888a17.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-740 .elementor-element.elementor-element-8888a17.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-740 .elementor-element.elementor-element-8888a17 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-740 .elementor-element.elementor-element-a694dd6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-740 .elementor-element.elementor-element-a694dd6 .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-740 .elementor-element.elementor-element-e4cbe44.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-740 .elementor-element.elementor-element-e4cbe44.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-740 .elementor-element.elementor-element-e4cbe44 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-740 .elementor-element.elementor-element-5480e2e .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-740 .elementor-element.elementor-element-5480e2e .elementor-button:hover, .elementor-740 .elementor-element.elementor-element-5480e2e .elementor-button:focus{background-color:#3b91e1;color:#ffffff;border-color:#3b91e1;}.elementor-740 .elementor-element.elementor-element-5480e2e .elementor-button:hover svg, .elementor-740 .elementor-element.elementor-element-5480e2e .elementor-button:focus svg{fill:#ffffff;}@media(min-width:768px){.elementor-740 .elementor-element.elementor-element-efeae94{width:33.333%;}.elementor-740 .elementor-element.elementor-element-906a4cb{width:33.333%;}.elementor-740 .elementor-element.elementor-element-0d13cea{width:33.333%;}.elementor-740 .elementor-element.elementor-element-d6099e0{width:66%;}.elementor-740 .elementor-element.elementor-element-34706c5{width:34%;}.elementor-740 .elementor-element.elementor-element-8888a17{width:66%;}.elementor-740 .elementor-element.elementor-element-e4cbe44{width:34%;}}/* Start custom CSS for section, class: .elementor-element-839b361 */.elementor-740 .elementor-element.elementor-element-839b361 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-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-740 .elementor-element.elementor-element-839b361 .m16-ctaf-row > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-row > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-row > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-row > .elementor-container { max-width: 1200px; } }
/* .cta-three__feature .row { margin: 0 -7.5px } + col { padding: 0 7.5px } */
/* .container ma padding 15, a .row zdejmuje 7.5 ujemnym marginesem — netto 7.5 */
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-row > .elementor-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col { padding-left: 7.5px; padding-right: 7.5px; width: 100%; }
@media (min-width: 992px) {
    .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col--4 { width: 33.333333%; }
    .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col--6 { width: 50%; }
    .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col--3 { width: 25%; }
}
/* .cta-three__feature-box — w Elementorze odpowiada mu wrapper kolumny */
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col > .elementor-widget-wrap {
    padding: 43px 45px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    background-color: #fff;
    transition: all 500ms ease;
}
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col > .elementor-widget-wrap:hover {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03);
    transform: translateY(-10px);
}
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col > .elementor-widget-wrap:hover .cta-three__feature-box-icon::after { top: 0; left: 0; }
/* .elementor-widget-wrap jest flexem z wrapem, a widgety mają width:100% —
   w poziomym układzie karty muszą zwężać się do treści */
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col > .elementor-widget-wrap { flex-wrap: nowrap; }
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col > .elementor-widget-wrap > .elementor-element { width: auto; }
/* w oryginale ikona i nagłówek są bezpośrednimi dziećmi flexa i oba się kurczą
   (przy ~1100 px kwadrat ikony faktycznie zwęża się poniżej 63 px) — Elementor
   wsuwa między nie wrappery widgetów, więc kurczenie trzeba przepuścić przez nie */
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col > .elementor-widget-wrap > .elementor-element { flex: 0 1 auto; min-width: 0; }
/* UWAGA: ta wersja Elementora NIE renderuje .elementor-widget-container — treść widgetu
   jest bezpośrednim dzieckiem .elementor-widget. Bez flexa na samym widgecie kwadrat ikony
   nie kurczył się razem z nim i <i> uciekało o ~13 px w prawo (1100 px). */
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col .elementor-widget-html,
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col .elementor-widget-html > .elementor-widget-container { display: flex; }
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col .cta-three__feature-box-icon { flex: 0 1 auto; min-width: 0; }
.elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col h3 { margin-left: 20px; }
.elementor-740 .elementor-element.elementor-element-839b361 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 1199px) {
    .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col > .elementor-widget-wrap { padding-left: 30px; padding-right: 30px; }
    .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col .elementor-heading-title { font-size: 16px; }
    .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col h3 br { display: none; }
}
@media (max-width: 425px) {
    .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col > .elementor-widget-wrap { flex-wrap: wrap; }
    .elementor-740 .elementor-element.elementor-element-839b361 .m16-ctaf-col h3 { margin-left: 0; margin-top: 20px; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-20cc150 */.elementor-740 .elementor-element.elementor-element-20cc150 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-740 .elementor-element.elementor-element-20cc150 { position: relative; margin-top: -1px; }

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

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

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

/* responsive.css motywu, breakpoint 1199 */
@media (max-width: 1199px) {
    .elementor-740 .elementor-element.elementor-element-20cc150 > .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-740 .elementor-element.elementor-element-20cc150 > .elementor-container > .elementor-column { width: auto; max-width: 100%; }
    /* widget heading wypisuje własne text-align:left — mocniejsze niż dziedziczony center */
    .elementor-740 .elementor-element.elementor-element-20cc150 .elementor-heading-title { text-align: center; }
    .elementor-740 .elementor-element.elementor-element-20cc150 .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 */
/* Start custom CSS for section, class: .elementor-element-4c07aec */.elementor-740 .elementor-element.elementor-element-4c07aec .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
/* === odpowiednik .cta-two z motywu scubo (style.css) === */
.elementor-740 .elementor-element.elementor-element-4c07aec { position: relative; margin-top: -1px; }

/* animowana fala na dole sekcji (.cta-two::before) */
.elementor-740 .elementor-element.elementor-element-4c07aec::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;
}

/* .container motywu ma inne szerokości niż boxed Elementora (1140):
   bootstrap 540/720/960 + override motywu 1200 px od 1200 px w górę. */
.elementor-740 .elementor-element.elementor-element-4c07aec.elementor-section > .elementor-container { max-width: 100%; }
@media (min-width: 576px)  { .elementor-740 .elementor-element.elementor-element-4c07aec.elementor-section > .elementor-container { max-width: 540px; } }
@media (min-width: 768px)  { .elementor-740 .elementor-element.elementor-element-4c07aec.elementor-section > .elementor-container { max-width: 720px; } }
@media (min-width: 992px)  { .elementor-740 .elementor-element.elementor-element-4c07aec.elementor-section > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-740 .elementor-element.elementor-element-4c07aec.elementor-section > .elementor-container { max-width: 1200px; } }

/* kolumny rozjeżdżają się do krawędzi i mają szerokość treści
   (.cta-two .container { justify-content: space-between; align-items: center }) */
.elementor-740 .elementor-element.elementor-element-4c07aec > .elementor-container {
    justify-content: space-between;
    align-items: center;
    /* padding 130/15 siedzi na kontenerze — tak jak .cta-two .container w motywie.
       Dzięki temu jest liczony RAZ (a nie po razie na kolumnę przy zawijaniu)
       i stanowi blok zawierający dla wstążki. */
    padding: 130px 15px;
}
.elementor-740 .elementor-element.elementor-element-4c07aec > .elementor-container > .elementor-column { width: auto; }
/* kolumna I .elementor-widget-wrap mają w Elementorze position:relative — obie
   trzeba zdjąć, żeby blokiem zawierającym wstążki był .elementor-container
   (align-items:center przesuwa kolumnę w pionie, kontener stoi w miejscu). */
.elementor-740 .elementor-element.elementor-element-4c07aec > .elementor-container > .elementor-column,
.elementor-740 .elementor-element.elementor-element-4c07aec > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; }

/* wstążka (.cta-two__moc) — wystaje 84 px ponad sekcję */
.elementor-740 .elementor-element.elementor-element-4c07aec .m16-cta__moc {
    position: absolute;
    top: -84px;
    left: 0;
    z-index: 12;
    width: auto;
    /* .elementor-widget-image ma wbudowane text-align:center, goły <img> w motywie dziedziczy */
    text-align: inherit;
    animation: m16RibbonRotate 10s cubic-bezier(.19, 1, 1, 3.58) infinite;
}
.elementor-740 .elementor-element.elementor-element-4c07aec .m16-cta__moc img { width: auto; }

/* .cta-two h3 span { color: var(--thm-primary) } — sekcja nosi klasę m16-cta-two,
   więc reguła motywu tu nie sięga, a title_color widgetu i tak by ją przykrył */
.elementor-740 .elementor-element.elementor-element-4c07aec .elementor-heading-title span { color: #ffd701; }

/* przycisk (.thm-btn) — .elementor-button ma wbudowane text-align:center */
.elementor-740 .elementor-element.elementor-element-4c07aec .elementor-button { transition: all 500ms ease; text-align: inherit; }

/* pusty .noimage nie może dokładać wysokości, gdy kolumny układają się pionowo */
.elementor-740 .elementor-element.elementor-element-4c07aec .m16-cta__noimage { height: 0; line-height: 0; font-size: 0; }

/* responsywność 1:1 z responsive.css (breakpoint motywu, nie Elementora) */
@media (max-width: 1199px) {
    .elementor-740 .elementor-element.elementor-element-4c07aec > .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-740 .elementor-element.elementor-element-4c07aec > .elementor-container > .elementor-column { width: auto; max-width: 100%; }
    /* w pionie pusty .noimage nie ma już czego rozpychać, a kolumna Elementora dokłada 1 px */
    .elementor-740 .elementor-element.elementor-element-4c07aec .m16-cta__noimage { display: none; }
    /* widget heading wypisuje własne text-align:left — mocniejsze niż dziedziczony center */
    .elementor-740 .elementor-element.elementor-element-4c07aec .elementor-heading-title { text-align: center; }
    /* .elementor-align-right zostawiłoby przycisk przy prawej krawędzi,
       a oryginał centruje całą zawartość. */
    .elementor-740 .elementor-element.elementor-element-4c07aec .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; }
}

@keyframes m16RibbonRotate {
    0%, 100% { transform: rotate(0); }
    25%, 75% { transform: rotate(15deg); }
    50%      { transform: rotate(30deg); }
}/* End custom CSS */