/* =====================================================================
   Tla slajdera i naglowkow podstron.

   PLIK GENEROWANY przez narzedzia/kompresja-xmotors.py - recznych
   poprawek nie warto tu robic, bo znikna przy nastepnym uruchomieniu.

   style.css wskazuje /img/main_slider/1.jpg ... 4.jpg. Po kompresji
   zdjecia leza w katalogach nazwanych szerokoscia, wiec tamte adresy
   juz nie istnieja. Skrypt zostawia pod nimi kopie zgodnosciowe (na
   wypadek gdyby ten arkusz sie nie wczytal), a tutaj wypisuje adresy
   wlasciwe: WebP i dobor wielkosci do ekranu. Telefon dostaje zdjecie
   768 px zamiast ponad tysiaca - a slajder wczytuje ich cztery.
   ===================================================================== */


div.wrapper div.header section.header div.slider {
    background-image: image-set(url(/img/main_slider/768/1.webp) type("image/webp"), url(/img/main_slider/1920/1.jpg) type("image/jpeg"));
}

@keyframes bgu {
    0% { background-image: image-set(url(/img/main_slider/768/1.webp) type("image/webp"), url(/img/main_slider/1920/1.jpg) type("image/jpeg")); }
    24% { background-image: image-set(url(/img/main_slider/768/1.webp) type("image/webp"), url(/img/main_slider/1920/1.jpg) type("image/jpeg")); }
    25% { background-image: image-set(url(/img/main_slider/768/2.webp) type("image/webp"), url(/img/main_slider/1920/2.jpg) type("image/jpeg")); }
    49% { background-image: image-set(url(/img/main_slider/768/2.webp) type("image/webp"), url(/img/main_slider/1920/2.jpg) type("image/jpeg")); }
    50% { background-image: image-set(url(/img/main_slider/768/3.webp) type("image/webp"), url(/img/main_slider/1920/3.jpg) type("image/jpeg")); }
    74% { background-image: image-set(url(/img/main_slider/768/3.webp) type("image/webp"), url(/img/main_slider/1920/3.jpg) type("image/jpeg")); }
    75% { background-image: image-set(url(/img/main_slider/768/4.webp) type("image/webp"), url(/img/main_slider/1920/4.jpg) type("image/jpeg")); }
    99% { background-image: image-set(url(/img/main_slider/768/4.webp) type("image/webp"), url(/img/main_slider/1920/4.jpg) type("image/jpeg")); }
}

div.wrapper div.contact section.contact div.img {
    background-image: image-set(url(/img/main_slider/768/4.webp) type("image/webp"), url(/img/main_slider/1920/4.jpg) type("image/jpeg"));
}

main.page div.header {
    background-image: image-set(url(/img/main_slider/768/3.webp) type("image/webp"), url(/img/main_slider/1920/3.jpg) type("image/jpeg"));
}

@media (min-width: 768px) {
    div.wrapper div.header section.header div.slider {
        background-image: image-set(url(/img/main_slider/1920/1.webp) type("image/webp"), url(/img/main_slider/1920/1.jpg) type("image/jpeg"));
    }
    
    @keyframes bgu {
        0% { background-image: image-set(url(/img/main_slider/1920/1.webp) type("image/webp"), url(/img/main_slider/1920/1.jpg) type("image/jpeg")); }
        24% { background-image: image-set(url(/img/main_slider/1920/1.webp) type("image/webp"), url(/img/main_slider/1920/1.jpg) type("image/jpeg")); }
        25% { background-image: image-set(url(/img/main_slider/1920/2.webp) type("image/webp"), url(/img/main_slider/1920/2.jpg) type("image/jpeg")); }
        49% { background-image: image-set(url(/img/main_slider/1920/2.webp) type("image/webp"), url(/img/main_slider/1920/2.jpg) type("image/jpeg")); }
        50% { background-image: image-set(url(/img/main_slider/1920/3.webp) type("image/webp"), url(/img/main_slider/1920/3.jpg) type("image/jpeg")); }
        74% { background-image: image-set(url(/img/main_slider/1920/3.webp) type("image/webp"), url(/img/main_slider/1920/3.jpg) type("image/jpeg")); }
        75% { background-image: image-set(url(/img/main_slider/1920/4.webp) type("image/webp"), url(/img/main_slider/1920/4.jpg) type("image/jpeg")); }
        99% { background-image: image-set(url(/img/main_slider/1920/4.webp) type("image/webp"), url(/img/main_slider/1920/4.jpg) type("image/jpeg")); }
    }
    
    div.wrapper div.contact section.contact div.img {
        background-image: image-set(url(/img/main_slider/1920/4.webp) type("image/webp"), url(/img/main_slider/1920/4.jpg) type("image/jpeg"));
    }
    
    main.page div.header {
        background-image: image-set(url(/img/main_slider/1920/3.webp) type("image/webp"), url(/img/main_slider/1920/3.jpg) type("image/jpeg"));
    }
}

@media (min-width: 1280px) {
    div.wrapper div.header section.header div.slider {
        background-image: image-set(url(/img/main_slider/1920/1.webp) type("image/webp"), url(/img/main_slider/1920/1.jpg) type("image/jpeg"));
    }
    
    @keyframes bgu {
        0% { background-image: image-set(url(/img/main_slider/1920/1.webp) type("image/webp"), url(/img/main_slider/1920/1.jpg) type("image/jpeg")); }
        24% { background-image: image-set(url(/img/main_slider/1920/1.webp) type("image/webp"), url(/img/main_slider/1920/1.jpg) type("image/jpeg")); }
        25% { background-image: image-set(url(/img/main_slider/1920/2.webp) type("image/webp"), url(/img/main_slider/1920/2.jpg) type("image/jpeg")); }
        49% { background-image: image-set(url(/img/main_slider/1920/2.webp) type("image/webp"), url(/img/main_slider/1920/2.jpg) type("image/jpeg")); }
        50% { background-image: image-set(url(/img/main_slider/1920/3.webp) type("image/webp"), url(/img/main_slider/1920/3.jpg) type("image/jpeg")); }
        74% { background-image: image-set(url(/img/main_slider/1920/3.webp) type("image/webp"), url(/img/main_slider/1920/3.jpg) type("image/jpeg")); }
        75% { background-image: image-set(url(/img/main_slider/1920/4.webp) type("image/webp"), url(/img/main_slider/1920/4.jpg) type("image/jpeg")); }
        99% { background-image: image-set(url(/img/main_slider/1920/4.webp) type("image/webp"), url(/img/main_slider/1920/4.jpg) type("image/jpeg")); }
    }
    
    div.wrapper div.contact section.contact div.img {
        background-image: image-set(url(/img/main_slider/1920/4.webp) type("image/webp"), url(/img/main_slider/1920/4.jpg) type("image/jpeg"));
    }
    
    main.page div.header {
        background-image: image-set(url(/img/main_slider/1920/3.webp) type("image/webp"), url(/img/main_slider/1920/3.jpg) type("image/jpeg"));
    }
}