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

/* 3 látszik */
/* translateX -220% [ -110%, | 0%, 110%, 220% | 320% ] 420%  */
/* translateY   18 [ 8, | 3, 0, 3 | 8 ] 18  */
/* rotate       -12 [ -7 | -4 0 4 | 7 ] 12  */

/**
 * Animate out left <==---
 */
.mca-rotate3--before-animate-out-left-2 {
    transform:  translate(-110%, 8%) rotate(-7deg);
    opacity: 0.6;
}
.mca-rotate3--animate-out-left-2 {
    transform: translate(-220%, 18%) rotate(-12deg);
    opacity: 0.2;
}

/**
 * Animate out left <==---
 */
.mca-rotate3--before-animate-out-left {
    transform: translate(0px, 3%) rotate(-4deg);
    transition: transform 0.2s ease-in-out;
}
.mca-rotate3--animate-out-left {
    transform: translate(-110%, 8%) rotate(-7deg);
    transition: transform 0.2s ease-in-out;
    opacity: 0.6;
}

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

.mca-rotate3--animate-in-right {
    transform: translate(0px, 3%) rotate(-4deg);
    opacity: 1;
}

/**
 * Animate out right <==---
 */
.mca-rotate3--before-animate-in-right-2 {
    transform: translate(220%, 3%) rotate(4deg);
    opacity: 0.5;
}

.mca-rotate3--animate-in-right-2 {
    transform: translate(110%, 0%) rotate(0deg);
    opacity: 0.6;
}

/**
 * Animate from right <==---
 */
.mca-rotate3--before-animate-in-right-3 {
    transform: translate(320%, 8%) rotate(7deg);
    opacity: 0.4;
}

.mca-rotate3--animate-in-right-3 {
    transform: translate(220%, 3%) rotate(4deg);
    opacity: 0.5;
}

/**
 * Animate from right <==---
 */
.mca-rotate3--before-animate-in-right-4 {
    transform: translate(420%, 18%) rotate(12deg);
    opacity: 0.3;
}

.mca-rotate3--animate-in-right-4 {
    transform: translate(320%, 8%) rotate(7deg);
    opacity: 0.4;
}

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

.mca-rotate3--animate-in-right-5 {
    transform: translate(420%, 10%) scale(55%);
    opacity: 0.3;
}

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

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


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

/**
 * Animate int left 2 <==---
 */
.mca-rotate3--before-animate-in-left-2 {
    transform: translate(-220%, 18%) rotate(-12deg);
    opacity: 0.2;
}

.mca-rotate3--animate-in-left-2 {
    transform: translate(-110%, 8%) rotate(-7deg);
    opacity: 0.6;
}

/**
 * Animate int left <==---
 */
.mca-rotate3--before-animate-in-left {
    transform: translate(-110%, 8%) rotate(-7deg);
    opacity: 0.6;
}

.mca-rotate3--animate-in-left {
    transform: translate(0px, 3%) rotate(-4deg);
    opacity: 1;
}

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

.mca-rotate3--before-animate-out-right-2 {
    transform: translate(110%, 0%) rotate(0deg);
    opacity: 0.6;
}
.mca-rotate3--animate-out-right-2 {
    transform: translate(220%, 3%) rotate(4deg);
    opacity: 0.5;
}

.mca-rotate3--before-animate-out-right-3 {
    transform: translate(220%, 3%)  rotate(4deg);
    opacity: 0.5;
}
.mca-rotate3--animate-out-right-3 {
    transform: translate(320%, 8%) rotate(7deg);
    opacity: 0.4;
}

.mca-rotate3--before-animate-out-right-4 {
    transform: translate(320%, 8%)  rotate(7deg);
    opacity: 0.5;
}

.mca-rotate3--animate-out-right-4 {
    transform: translate(420%, 18%) rotate(12deg);
    opacity: 0.4;
}

.mca-rotate3--before-animate-out-right-5 {
    transform: translate(420%, 0%) scale(55%);
    opacity: 0.4;
}
.mca-rotate3--animate-out-right-5 {
    transform: translate(520%, 0%) scale(45%);
    opacity: 0.3;
}

.mca-rotate3--before-animate-out-right-6 {
    transform: translate(520%, 0%) scale(45%);
    opacity: 0.3;
}
.mca-rotate3--animate-out-right-6 {
    transform: translate(620%, 0%) scale(35%);
    opacity: 0.2;
}


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


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

.mca-rotate3--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;
}