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

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

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

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

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

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

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

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

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

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

.aqc-nat4--animate-in-right-4 {
    transform: translate(330%, 30%);
    opacity: 1;
}

/**
 * [4] <- [5] Animate from right <==---
 */
.aqc-nat4--before-animate-in-right-5 {
    transform: translate(550%, 20%);
    opacity: 1;
}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

/**
 * [5] -> [6]
 */
.aqc-nat4--before-animate-out-right-6 {
    transform: translate(440%, 40%);
    opacity: 0.5;
}
.aqc-nat4--animate-out-right-6 {
    transform: translate(550%, 20%);
    opacity: 0.2;
}