/* Balra mozgas */
/* Balra mozgas */
/* Balra mozgas */
/* Balra mozgas */
/* Balra mozgas */

/**
 * Animate out left <==---
 */
.mca-zigzag3--before-animate-out-left-2 {
    transform: translate(-110%, 15%);
    opacity: 0.6;
}
.mca-zigzag3--animate-out-left-2 {
    transform: translate(-220%, 30%);
    opacity: 0.2;
}

/**
 * Animate out left <==---
 */
.mca-zigzag3--before-animate-out-left {
    transform: translate(0px, 0px);
}
.mca-zigzag3--animate-out-left {
    transform: translate(-110%, 15%);
    opacity: 0.6;
}

/**
 * Animate out right <==---
 */
.mca-zigzag3--before-animate-in-right {
    transform: translate(110%, 15%);
    opacity: 0.6;
}

.mca-zigzag3--animate-in-right {
    transform: translate(0px, 0px);
    opacity: 1;
}

/**
 * Animate out right <==---
 */
.mca-zigzag3--before-animate-in-right-2 {
    transform: translate(220%, 30%);
    opacity: 0.5;
}

.mca-zigzag3--animate-in-right-2 {
    transform: translate(110%, 15%);
    opacity: 0.6;
}

/**
 * Animate from right <==---
 */
.mca-zigzag3--before-animate-in-right-3 {
    transform: translate(320%, 0%);
    opacity: 0.4;
}

.mca-zigzag3--animate-in-right-3 {
    transform: translate(220%, 30%);
    opacity: 0.5;
}

/**
 * Animate from right <==---
 */
.mca-zigzag3--before-animate-in-right-4 {
    transform: translate(420%, 15%);
    opacity: 0.3;
}

.mca-zigzag3--animate-in-right-4 {
    transform: translate(320%, 0%);
    opacity: 0.4;
}

/**
 * Animate from right <==---
 */
.mca-zigzag3--before-animate-in-right-5 {
    transform: translate(520%, 25%);
    opacity: 0.2;
}

.mca-zigzag3--animate-in-right-5 {
    transform: translate(420%, 15%);
    opacity: 0.3;
}

/**
 * Animate from right <==---
 */
.mca-zigzag3--before-animate-in-right-6 {
    transform: translate(520%, 33%);
    opacity: 0.2;
}

.mca-zigzag3--animate-in-right-6 {
    transform: translate(420%, 25%);
    opacity: 0.6;
}


/* Jobbra mozgas */
/* Jobbra mozgas */
/* Jobbra mozgas */
/* Jobbra mozgas */
/* Jobbra mozgas */

/**
 * Animate int left 2 <==---
 */
.mca-zigzag3--before-animate-in-left-2 {
    transform: translate(-220%, 30%);
    opacity: 0.2;
}

.mca-zigzag3--animate-in-left-2 {
    transform: translate(-110%, 15%);
    opacity: 0.6;
}

/**
 * Animate int left <==---
 */
.mca-zigzag3--before-animate-in-left {
    transform: translate(-110%, 15%);
    opacity: 0.6;
}

/**
 * Animate int left <==---
 */
.mca-zigzag3--before-animate-in-left-20p {
    transform: translate(-15%, 0%);
    opacity: 0.2;
    z-index: 1;
}

.mca-zigzag3--animate-in-left {
    transform: translate(0px, 0px);
    opacity: 1;
}

/**
 * Animate out right -==>
 */
.mca-zigzag3--before-animate-out-right {
    transform: translate(0px, 0px);
    opacity: 1;
    z-index: 2;
}
.mca-zigzag3--animate-out-right {
    transform: translate(110%, 15%);
    opacity: 0.6;
}

.mca-zigzag3--before-animate-out-right-2 {
    transform: translate(110%, 15%);
    opacity: 0.6;
}
.mca-zigzag3--animate-out-right-2 {
    transform: translate(220%, 30%);
    opacity: 0.5;
}

.mca-zigzag3--before-animate-out-right-3 {
    transform: translate(220%, 30%);
    opacity: 0.5;
}
.mca-zigzag3--animate-out-right-3 {
    transform: translate(320%, 0%);
    opacity: 0.4;
}

.mca-zigzag3--before-animate-out-right-4 {
    transform: translate(320%, 0%);
    opacity: 0.5;
}

.mca-zigzag3--animate-out-right-4 {
    transform: translate(420%, 15%);
    opacity: 0.4;
}

.mca-zigzag3--before-animate-out-right-5 {
    transform: translate(420%, 15%);
    opacity: 0.4;
}
.mca-zigzag3--animate-out-right-5 {
    transform: translate(520%, 25%);
    opacity: 0.3;
}

.mca-zigzag3--before-animate-out-right-6 {
    transform: translate(520%, 25%);
    opacity: 0.3;
}
.mca-zigzag3--animate-out-right-6 {
    transform: translate(620%, 33%);
    opacity: 0.2;
}


/* ---------- */


.mca-zigzag3--animate-out-scaleup {
    transform: translate(10px, 10px);
    opacity: 0;
    transition: opacity 0.5s ease-out 0.0s;
    overflow: hidden;
    z-index: 3;
}

.mca-zigzag3--animate-out-scaleup > .img-wrap > img {
    transform: scale(2);
    transition: transform 1.1s ease-out;
}


.mca-no-transition-dur {
    transition: 0s ease-in-out;
}

.mca-transition-dur-1s {
    transition: all 1.2s ease-out;
}

.mca-transition-dur-1s-delayed {
    transition: all 1.2s ease-out 0.1s;
}