div.hide
{
    overflow-y: hidden;
}

.section-tlo
{
    background: white;
    height: 70vh;
    width: 100vw;
    position: absolute;
    z-index: -1;
}

#o-nas
{
    position: relative;
    /* height: 6000px; */
    top: -44vh;
    z-index: 2;
}

.o-nas-tlo
{
    position: sticky;
    top: 0;
    padding-top: 48vh;
    height: 25vh;
}

.o-nas
{
    height: 100vh;
}

/* maska górna */

    .o-nas-tlo:before
    {
        content: '';
        background-image: url(../grafika/maska1.webp);
        background-repeat: no-repeat;
        background-size: 134%;
        background-position: center;
        width: 100vw;
        height: 62vh;
        position: absolute;
        top: -14vh;
    }

/**/

/* O nas tytuł */

    .o-nas__tytul
    {
        font-family: 'Titillium Web', sans-serif;
        font-size: 147px;
        line-height: 177px;
        font-weight: 900;
        color: black;
        margin: 0 auto;
        text-transform: uppercase;
        width: 100%;
        position: absolute;
        top: 34vh;
        transition: 0.4s;
        opacity: 0;
    }

    .o-nas__tytul__srodek
    {
        max-width: 1232px;
        margin: 0 auto;
    }

    .o-nas__tytul span:last-child
    {
        color: transparent;
        -webkit-text-stroke: 1px black;
    }

/**/

/* Nawigacja */

    nav.nawigacja-tlo 
    {
        position: absolute;
        left: 0;
        top: 98px;
        width: 100%;
    }

    nav.nawigacja-tlo ul
    {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        gap: 16px;
        max-width: 1232px;
        margin: 0 auto;
    }

    nav.nawigacja-tlo ul li
    {
        position: relative;
        top: 50px;
        opacity: 0;
    }

    /* Opóźnienie animacji */

    nav.nawigacja-tlo ul li:nth-child(1)
    {
        transition: 0.4s;
    }
    nav.nawigacja-tlo ul li:nth-child(2)
    {
        transition: 0.6s;
    }
    nav.nawigacja-tlo ul li:nth-child(3)
    {
        transition: 0.8s;
    }
    nav.nawigacja-tlo ul li:nth-child(4)
    {
        transition: 1s;
    }

    nav.nawigacja-tlo ul li a 
    {
        display: block;
        width: 66px;
        height: 6px;
        background-color: #C8C8C8;
    }

    nav.nawigacja-tlo ul li.active a, nav.nawigacja-tlo ul li.firstli a 
    {
        background-color: #4CBCDF;
    }

/**/

/* sekcje */

    .o-nas section 
    {
        width: 100%;
        height: 650px;
        /* height: 550px; */
        visibility: hidden;
    }

    #kim-jestesmy{
        height: 850px;
    }

    .o-nas section article 
    {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 90vh;
        opacity: 0;
        transition: 0.8s;
    }

    .o-nas section .zaufali-nam-tlo
    {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        position: absolute;
        top: 90vh;
        opacity: 0;
        transition: 0.8s;
    }

    .stopka-tresc-tytul
    {
        font-family: 'Titillium Web', sans-serif;
        font-size: 50px;
        font-weight: 400;
        line-height: 69px;
        color: #000000;
        max-width: 1232px;
        margin: 0 auto;
    }

    .stopka-tresc-tresc
    {
        max-width: 1232px;
        margin: 0 auto;
    }

    .stopka-tresc-tresc span
    {
        font-size: 16px;
        color: #000000;
        line-height: 33px;
        font-weight: 300 !important;
    }

    /* Zaufali nam menu */

    .onas-tytul
    {
        margin-bottom: 32px;
    }

    .menu-zaufali-nam-1-poziom
    {
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 1232px;
        margin: 0 auto;
        list-style-type: none;
        gap: 8px 110px;
    }

    .menu-zaufali-nam-1-poziom li
    {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .menu-zaufali-nam-1-poziom li a span
    {
        display: none;
    }

    .menu-zaufali-nam-1-poziom li a img 
    {
        filter: grayscale(1);
        opacity: 40%;
        transition: 0.6s;   
    }

    .menu-zaufali-nam-1-poziom li a:hover img
    {
        opacity: 1;
        filter: none;
    } 

    /* Aktywna */
    

    .o-nas section.section-active
    {
        visibility: visible;
    }

    .o-nas section.section-active article
    {
        opacity: 1;
        top: 27vw;
    }

    .o-nas section.section-active .zaufali-nam-tlo
    {
        opacity: 1;
        top: 27vw;
    }

    /* Kim jesteśmy */

    .monitor
    {
        width: 1232px;
        margin: 0 auto;
        height: max-content;
        position: relative;
    }

    .monitor img:first-child
    {
        position: absolute;
        left: 400px;
        top: -138px;
        transition: 0.8s;
        opacity: 0;
    }

    .monitor img:nth-child(2)
    {
        position: absolute;
        left: 535px;
        top: -138px;
        transition: 0.6s;
        opacity: 0;
    }

    .monitor img:nth-child(3)
    {
        position: absolute;
        left: 734px;
        top: -138px;
        transition: 0.4s;
        opacity: 0;
    }

    /* filozofia */
    
    .mozg 
    {
        width: 1232px;
        margin: 0 auto;
        height: max-content;
        position: relative;
        /* top: -70vh; */
    }

    .mozg img
    {
        position: absolute;
        left: 489px;
        /* top: 160px; */
        top: -451px;
        transition: 0.8s;
        opacity: 0;
    }

    /* Jak działamy */
    
    .dzialanie 
    {
        width: 1232px;
        margin: 0 auto;
        height: max-content;
        position: relative;
        /* top: -140vh; */
    }

    .dzialanie img
    {
        position: absolute;
        left: 489px;
        top: -1138px;
        transition: 0.8s;
        opacity: 0;
    }

    /* slide od dołu */

    .o-nas section.section-active .monitor img
    {
        opacity: 1;
    }

    .o-nas section.section-active .monitor img:first-child
    {
        top: -483px;
    }

    .o-nas section.section-active .monitor img:nth-child(2)
    {
        top: -432px;
    }

    .o-nas section.section-active .monitor img:nth-child(3)
    {
        top: -470px;
    }

    .o-nas section.section-active .mozg img
    {
        opacity: 1;
        top: -1233px;
        /* top: -1047px; */
        /* top: -921px; */
    }

    .o-nas section.section-active .dzialanie img
    {
        opacity: 1;
        top: -1924px;
        /* top: -1754px; */
        /* top: -1528px; */
    }

    /* slide do góry */

    .o-nas section.previous .monitor img
    {
        opacity: 1;
    }

    .o-nas section.previous .monitor img:first-child
    {
        top: -681px;
        opacity: 0;
    }

    .o-nas section.previous .monitor img:nth-child(2)
    {
        top: -737px;
        opacity: 0;
    }

    .o-nas section.previous .monitor img:nth-child(3)
    {
        top: -865px;
        opacity: 0;
    }

    .o-nas section.previous article
    {
        top: 58vh;
        opacity: 0;
        transition: 0.3s;
    }

    .o-nas section.previous .mozg img
    {
        opacity: 0;
        top: -1366px;
    }

    .o-nas section.previous .dzialanie img
    {
        opacity: 0;
        top: -2013px;
    }


/**/

.stopka-tresc-tresc p span 
{
    font-size: 16pt !important;
    background-color: transparent!important;
}

/* Responsywna */

    @media all and (min-width: 0px) and (max-width: 639px) 
    {
        footer .wiersz:nth-child(2) p{
            font-size: 18px!important;
        }

        #kim-jestesmy{
            height: max-content!important;
        }

        #o-nas {
            top: 0;
            height: max-content!important;
        }

        #o-nas .blok {
            margin: -24px auto 0 auto!important;
        }

        .projekty__tytul 
        {
            line-height: 157px;
        }

        .o-nas section.section-active .monitor img:first-child {
            top: -57px;
        }

        .o-nas section.section-active .monitor img:nth-child(3) {
            top: -84px;
          }

        .monitor img:nth-child(3) {
            left: 43%;
            height: 93px;
            top: 100px;
        }

        .o-nas section.section-active .monitor img:nth-child(2) {
            top: -63px;
        }
        
        .monitor img:nth-child(2) {
            left: 28%;
            top: 100px;
            height: 114px;
        }

        .monitor img:first-child {
            left: 21%;
            top: 100px;
            height: 151px;
            max-width: 173px;
            object-fit: cover;
            object-position: left;
        }

        .o-nas section.section-active .mozg img {
            top: -49px;
        }

        .o-nas section.section-active .dzialanie img {
            top: -53px;
        }

        .mozg img
        {
            height: 127px;
            left: 28%;
            top: 100px;
        }

        .dzialanie img
        {
            left: 28%;
            height: 132px;
            top: 100px;
        }

        .mozg, .dzialanie, .monitor
        {
            display: block;
            width: auto;
        }

        .stopka-tresc-tresc span
        {
            line-height: 28px;
            font-size: 16px!important;
        }

        .line-right
        {
            display: none;
        }

        .line-left
        {
            display: none;
        }

        .o-nas section.previous article
        {
            top: 36vh;
        }

        .slick-current a img
        {
            filter: none!important;
            opacity: 1!important;
        }

        .menu-zaufali-nam-1-poziom li a img
        {
            transition: 5s;
        }

        .menu-zaufali-nam-1-poziom li a img
        {
            width: max-content;
            object-fit: contain;
            height: 72px;
        }

        .onas-tytul
        {
            margin-bottom: 80px;
        }

        .o-nas section article, .zaufali-nam-tlo
        {
            width: 100% !important;
            padding: 100px 0px;
            position: relative !important;
            opacity: 1 !important;
            top: 0 !important;
        }

        .zaufali-nam-tlo{
            padding: 0px 0 64px 0;
        }

        .section-tlo{
            display: none;
        }

        .nasze-projekty-tlo
        {
            padding-top: 32px;
            background: white;
        }

        .nasze-projekty__tytul
        {
            margin-bottom: 16px;
        }

        .slick-next
        {
            right: 16px;
            z-index: 9;
            display: none!important;
        }

        .slick-prev
        {
            left: 16px;
            z-index: 9;
            display: none!important;
        }

        .menu-zaufali-nam-1-poziom li
        {
            display: flex!important;
            justify-content: center;
        }

        .strony .menu-strony-1-poziom li
        {
            transition: 0.6s!important;
        }

        nav.nawigacja-start-tlo
        {
            right: 8px;
            display: none;
        }

        .stopka-tresc-tytul
        {
            font-size: 32px;
            line-height: 40px;
        }

        section > div 
        {
            display: none;
        }

        section:last-child > div 
        {
            display: block;
        }

        .aktualnosci-tresc-tlo
        {
            width: 100%;
            left: 0!important;
        }

        .nasze-projekty__tytul__srodek
        {
            font-size: 60px;
            display: flex;
            flex-direction: column;
            gap: 0;
            padding: 0 24px;
        }

        .o-nas__tytul__srodek
        {
            font-size: 60px;
            padding: 0 24px;
        }
        
        .o-nas-tlo
        {
            padding-top: 122px;
            max-width: 100%;
            position: relative;
            height: max-content;
        }

        .o-nas section{
            visibility: visible!important;
            height: max-content;
            position: relative;
            top: 200px;
            transition: 0.6s;
            opacity: 0;
        }

        .o-nas section.section-active{
            top: 0px;
            opacity: 1;
        }

        .o-nas section.previous{
            top: 0px;
            opacity: 1;
        }

        .o-nas{
            height: max-content;
            background-color: white;
        }

        .o-nas__tytul
        {
            top: 11vh !important;
            position: relative;
            background-color: white;
            padding-bottom: 158px;
            opacity: 1!important;
        }

        nav.nawigacja-tlo ul
        {
            justify-content: center;
        }

        .o-nas section.section-active article, .o-nas section.section-active .zaufali-nam-tlo
        {
            top: 32vh;
        }

        .o-nas section.previous .monitor img:first-child{

        }
    }

    @media all and (min-width: 320px) and (max-width: 1023px)
    {
        /* Wyłączenie przewijania w miejscu */

        .start-tlo{
            height: max-content!important;
            margin-bottom: 48px;
        }

        /**/
        .strony .menu-strony-1-poziom
        {
            max-width: 100%!important;
            min-width: 400px !important;
        }

        #o-nas-kontener
        {
            /* top: -31vh; */
            height: max-content!important;
        }

        nav.nawigacja-tlo ul
        {
            max-width: 88%;
        }

        .o-nas section.section-active article, .o-nas section.section-active .zaufali-nam-tlo
        {
            top: 44vh;
        }

        .slick-list
        {
            width: 100%;
        }

        .o-nas__tytul__srodek, .stopka-tresc-tytul, .stopka-tresc-tresc
        {
            max-width: 88%;
        }
    }

    @media all and (min-width: 1024px) and (max-width: 1280px)
    {
        footer .stopka-tresc-tlo
        {
            padding: 32px 0;
        }

        .o-nas__tytul__srodek 
        {
            margin: 0 auto;
            max-width: 992px;
        }

        .nawigacja-tlo ul
        {
            margin: 0 auto!important;
            max-width: 992px!important;
        }

        .o-nas section article .stopka-tresc-tytul, .o-nas section article .stopka-tresc-tresc
        {
            margin: 0 auto;
            max-width: 992px;
        }

        .dzialanie img, .mozg img 
        {
            max-width: 500px;
        }

        .o-nas section.section-active .mozg img
        {
            top: -171px;
            left: 556px;
        }

        .o-nas section.section-active .monitor img
        {

        }

        .o-nas section.section-active .dzialanie img
        {
            top: -243px;
            left: 564px;
        }

        .monitor img:first-child
        {
            max-width: 800px;
            left: 505px;
            top: -412px !important;
        }

        .monitor img:nth-child(2)
        {
            max-width: 400px;
            left: 617px;
            top: -353px !important;
        }

        .monitor img:nth-child(3)
        {
            max-width: 340px;
            left: 745px;
            top: -377px !important;
        }

        .stopka-tresc-tytul
        {
            font-size: 36px;
            margin-top: 16px!important;
        }

        .onas-tytul, .menu-zaufali-nam-1-poziom
        {
            max-width: 992px;
            margin: 0 auto;
        }

        nav.nawigacja-tlo {
            position: absolute;
            left: 93px;
            top: 70px;
            width: 100%;
        }
        
        .o-nas__tytul, .nasze-projekty__tytul__srodek
        {
            font-size: 120px;
        }

        .nasze-projekty__tytul__srodek
        {
            max-width: 992px;
        }

        .modul-start-aktualnosci-startowe
        {
            max-width: 992px;
        }

        .aktualnosci-tlo
        {
            max-width: 32.4%;
        }

        .aktualnosci-ikona-tlo
        {
            width: 100%;
        }

        .artykuly
        {
            gap: 13px;
        }

        .aktualnosci-tresc-tlo
        {
            width: 992px;
        }

        article:nth-last-child(3n+2) .aktualnosci-tresc-tlo {
            left: -334px;
        }

        article:nth-last-child(3n+1) .aktualnosci-tresc-tlo {
            left: -668px;
        }

        .nasze-projekty__tytul
        {
            padding-top: 88px;
        }

        .nasze-projekty__tytul
        {
            margin-bottom: 16px;
        }
    }

/**/