.with-effect, .with-effect-d {
    opacity: 0.05;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
    -ms-transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
    transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
}
.with-effect-d1, .with-effect-d2, .with-effect-d3, .with-effect-d4 {
    opacity: 0.05;
    -webkit-transform: translate3d(0, 15px, 0);
    -ms-webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
    -ms-transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
    transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
}
.with-effect.active-effect, .with-effect-d.active-effect, .with-effect-d1.active-effect, .with-effect-d2.active-effect, .with-effect-d2.active-effect, .with-effect-d3.active-effect, .with-effect-d4.active-effect {
    opacity: 1;
    -webkit-transform: translate3d(0, 0%, 0);
    -ms-webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
    -webkit-transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
    -ms-transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
    transition: transform 1.5s ease-in-out, opacity 1s ease-in-out;
}
.with-effect-f, .with-effect-f-d {
    opacity: 0.05;
    -webkit-transform: translate3d(0, 15px, 0);
    -ms-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: transform 0.6s ease-in-out, opacity 0.5s ease-in-out;
    -ms-transition: transform 0.6s ease-in-out, opacity 0.5s ease-in-out;
    transition: transform 0.6s ease-in-out, opacity 0.5s ease-in-out;
}
.with-effect-f.active-effect, .with-effect-f-d.active-effect {
    opacity: 1;
    -webkit-transform: translate3d(0, 0%, 0);
    -ms-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
    -webkit-transition: transform 0.6s ease-in-out, opacity 0.5s ease-in-out;
    -ms-transition: transform 0.6s ease-in-out, opacity 0.5s ease-in-out;
    transition: transform 0.6s ease-in-out, opacity 0.5s ease-in-out;
}


/* SLIDER EFFECTS
**************************************************************/
/* Image zoom-in */
.slick-current .slider-image.overlay {
    transform: scale(1.1);
    transition: transform 16s;
}
.slider-image.overlay {
    transform: scale(1);
    transition: transform 16s;
}


/* EFFECT SLIDER TEXT
**************************************************************/
.fade-in-effect { 
    opacity: 0.2;
    transform: translateY(10px);
}

@-webkit-keyframes fadeIn-effect {
    0% { 
        opacity: 0.2;
        transform: translateY(10px);
    }
    100% { 
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeIn-effect {
    0% { 
        opacity: 0.2;
        transform: translateY(10px);
    }
    100% { 
        opacity: 1;
        transform: translateY(0);
    }
}
.slick-current .fade-in-effect.entry-1,
.slick-current .fade-in-effect.entry-2,
.slick-current .fade-in-effect.entry-3,
.slick-current .fade-in-effect.entry-4,
.no-slide .fade-in-effect.entry-1,
.no-slide .fade-in-effect.entry-2,
.no-slide .fade-in-effect.entry-3,
.no-slide .fade-in-effect.entry-4 {
    -webkit-animation: fadeIn-effect 2s forwards;
    animation: fadeIn-effect 2s forwards;   
}
.slick-current .fade-in-effect.entry-2,
.no-slide .fade-in-effect.entry-2 {
    -webkit-animation-delay: 0.2s; 
    animation-delay: 0.2s;
}
.slick-current .fade-in-effect.entry-3,
.no-slide .fade-in-effect.entry-3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.slick-current .fade-in-effect.entry-4,
.no-slide .fade-in-effect.entry-4 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

/* Parallax Text effect on scroll */
.parallax-text{
    transition: top 0.9s, opacity 0.5s;
}

/* Scroll down 100vh arrow Effect
*******************************************************/
@-webkit-keyframes upDown {
    0% { 
        bottom: 1em;
    }
    0% { 
        bottom: 0.5em;
    }    
    100% { 
        bottom: 1em;
    }
}
@keyframes upDown {
    0% { 
        bottom: 1em;
    }
    0% { 
        bottom: 0.5em;
    }    
    100% { 
        bottom: 1em;
    }
}
.scroll-down{
    -webkit-animation: upDown 1s infinite alternate;
    animation: upDown 1s infinite alternate;
}

/* HEADER ZOOM EFFECT
*******************************************************/
@-webkit-keyframes slideZoom {
    0% { 
        transform: scale(1);
    }
    0% { 
        transform: scale(1);
    }    
    100% { 
        transform: scale(1.1);
    }
}
 header .slick-current .slider-image {
    -webkit-animation: slideZoom 16s forwards;
    animation: slideZoom 16s forwards;
}