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

/**
 * [-2] <- [-1] Animate out left <==---
 */
.aqc-nat3--before-animate-out-left-2 {
    transform: translate(-110%, 0%);
    opacity: 0.6;
}
.aqc-nat3--animate-out-left-2 {
    transform: translate(-220%, 0%);
    opacity: 0.2;
}

/**
 * [-1] <- [0] Animate out left <==---
 */
.aqc-nat3--before-animate-out-left {
    transform: translate(0px, 0px);
}
.aqc-nat3--animate-out-left {
    transform: translate(-110%, 0%);
    opacity: 0.6;
}

/**
 * [0] <- [1]  Animate in from right <==---
 */
.aqc-nat3--before-animate-in-right {
    transform: translate(110%, 15%);
    opacity: 1;
}

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

/**
 * [1] <- [2] Animate out right <==---
 */
.aqc-nat3--before-animate-in-right-2 {
    transform: translate(220%, 30%);
    opacity: 1;
}

.aqc-nat3--animate-in-right-2 {
    transform: translate(110%, 15%);
    opacity: 1;
}

/**
 * [2] <- [3] Animate from right <==---
 */
.aqc-nat3--before-animate-in-right-3 {
    transform: translate(330%, 0%);
    opacity: 0.5;
}

.aqc-nat3--animate-in-right-3 {
    transform: translate(220%, 30%);
    opacity: 1;
}

/**
 * [3] <- [4] Animate from right <==---
 */
.aqc-nat3--before-animate-in-right-4 {
    transform: translate(440%, 15%);
    opacity: 0.5;
}

.aqc-nat3--animate-in-right-4 {
    transform: translate(330%, 0%);
    opacity: 0.5;
}

/**
 * Elvileg nem látszi, de lehet a marginnal játszani, szóval kell
 * [4] <- [5] Animate from right <==---
 */
.aqc-nat3--before-animate-in-right-5 {
    transform: translate(550%, 15%);
    opacity: 0.5;
}

.aqc-nat3--animate-in-right-5 {
    transform: translate(440%, 15%);
    opacity: 1;
}


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

/**
 * [-2] -> [-1] Animate int left 2 <==---
 */
.aqc-nat3--before-animate-in-left-2 {
    transform: translate(-220%, 0%);
    opacity: 0.2;
}

.aqc-nat3--animate-in-left-2 {
    transform: translate(-110%, 0%);
    opacity: 0.6;
}

/**
 * [-1] -> [0]
 */
.aqc-nat3--before-animate-in-left {
    transform: translate(-110%, 0%);
    opacity: 0.6;
}

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

/**
 * [0] -> [1]
 */
.aqc-nat3--before-animate-out-right {
    transform: translate(0px, 0px);
    opacity: 1;
    z-index: 2;
}
.aqc-nat3--animate-out-right {
    transform: translate(110%, 15%);
    opacity: 1;
}

/**
 * [1] -> [2]
 */
.aqc-nat3--before-animate-out-right-2 {
    transform: translate(110%, 15%);
    opacity: 1;
}
.aqc-nat3--animate-out-right-2 {
    transform: translate(220%, 30%);
    opacity: 1;
}

/**
 * [2] -> [3]
 */
.aqc-nat3--before-animate-out-right-3 {
    transform: translate(220%, 30%);
    opacity: 1;
}
.aqc-nat3--animate-out-right-3 {
    transform: translate(330%, 0%);
    opacity: 1;
}

/**
 * [3] -> [4]
 */
.aqc-nat3--before-animate-out-right-4 {
    transform: translate(330%, 0%);
    opacity: 1;
}

.aqc-nat3--animate-out-right-4 {
    transform: translate(440%, 15%);
    opacity: 0.5;
}

/**
 * [4] -> [5]
 */
.aqc-nat3--before-animate-out-right-5 {
    transform: translate(440%, 15%);
    opacity: 0.5;
}
.aqc-nat3--animate-out-right-5 {
    transform: translate(550%, 25%);
    opacity: 0.2;
}

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

.aqc-nat3--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;
}
