.parallaxWrapperV2 {
}

.parallaxWrapperV2 .parallaxBGwrapper {
    margin-bottom: 0;
}

.parallaxWrapperV2 .sectionContent.parallaxInnerWrapperV2 {
    margin-top: -100vh;
}

.elomatic-section.parallaxWrapperV2.startShapesFromBottom {
    overflow: visible;
}

.parallaxWrapperV2.startShapesFromBottom .sectionGridWrapper {
    top: auto;
    bottom: 0;
   /* max-height: 100%;*/
}

.parallaxGridOuterWrapper{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.parallaxWrapperV2 .parallaxBGwrapper .parallaxDiaBG {
    height: 100.1vh;
}

.parallaxFade {}

/* Taustakuvien vaihtoanimaatioita...  */

.parallaxFade  .magicBGdia.klipattu,
.parallaxFade  .parallaxDiaBG.klipattu {
    /*clip-path: polygon(0 0, -30% 0, 0% 100%, 0% 100%);*/
    opacity: 0;
}

.parallaxFade  .magicBGdia.klipattu.ylhaaltaAlas,
.parallaxFade  .parallaxDiaBG.klipattu.ylhaaltaAlas {
     /*clip-path: polygon(0 0, -30% 0, 0% 100%, 0% 100%);*/
    opacity: 0;
}


.parallaxFade  .parallaxDiaBG.avaa {
 }

.parallaxFade .magicBGdia.klipattu.avaa,
.parallaxFade .parallaxDiaBG.klipattu.avaa {
    transition: opacity 0.6s ease-in-out 0s;
    opacity: 1;
    /*
    transition: clip-path 0.6s ease-in-out 0s;
    clip-path: polygon(0 0, 100% 0, 130% 100%, 0% 100%);
    */
}

.parallaxFade .magicBGdia.klipattu.ylhaaltaAlas.avaa,
.parallaxFade .parallaxDiaBG.klipattu.ylhaaltaAlas.avaa {
     /*clip-path: polygon(0 0, 100% 0, 130% 100%, 0% 100%);*/
    opacity: 1;
}

.parallaxFade .parallaxDiaBG.klipattu.avaa.ekaAvattuLadattu {
    /*transition: clip-path 0s ease-in-out 0s;*/
    transition: opacity 0s ease-in-out 0s;
}