/* Hero slider (.slider-fale) — dekoracyjne "plomienie" z redesignu (dev.zewsi.xce.pl),
   kolor wektorow (#610700) jest identyczny z tlem .uk-tile-primary, wiec zlewaja sie z panelem tresci.
   Wstrzykiwane przez hero-slider-decor.js, tylko desktop. */

.slider-fale .el-overlay {
    position: relative;
    /* z-index tworzy wlasny kontekst warstw, zeby hero-flame (z-index:-1)
       chowalo sie POD tlem tego panelu, a nie pod calym slajdem/zdjeciem */
    z-index: 0;
}

.slider-fale .hero-flame {
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    width: auto;
    z-index: -1;
    pointer-events: none;
    user-select: none;
}

.slider-fale .hero-flame--back {
    top: -5%;
    height: 110%;
    transform: translateX(-10px);
}

.slider-fale .hero-flame--front {
    transform: translateX(-64px);
}

@media (max-width: 959px) {
    .slider-fale .hero-flame {
        display: none;
    }
}