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

/**
 * Animate out left <==---
 */
.mca-rotatep3--before-animate-out-left-2 {
    transform:  translate(-110%, 0%) scale(150%) perspective(400px) rotateY(30deg);
    opacity: 0.6;
}
.mca-rotatep3--animate-out-left-2 {
    transform: translate(-220%, 0%) scale(230%) perspective(400px) rotateY(60deg);
    opacity: 0.2;
}

/**
 * Animate out left <==---
 */
.mca-rotatep3--before-animate-out-left {
    transform: translate(0px, 0%) scale(110%) perspective(400px) rotateY(15deg);
    transition: transform 0.2s ease-in-out;
}
.mca-rotatep3--animate-out-left {
    transform: translate(-110%, 0%) scale(150%) perspective(400px) rotateY(30deg);
    transition: transform 0.2s ease-in-out;
    opacity: 0.6;
}

/**
 * Animate out right <==---
 */
.mca-rotatep3--before-animate-in-right {
    transform: translate(110%, 0%)  scale(100%) perspective(400px) rotateY(0deg);
    opacity: 0.6;
}

.mca-rotatep3--animate-in-right {
    transform: translate(0px, 0%) scale(110%) perspective(400px) rotateY(15deg);
    opacity: 1;
}

/**
 * Animate out right <==---
 */
.mca-rotatep3--before-animate-in-right-2 {
    transform: translate(220%, 0%) scale(110%) perspective(400px) rotateY(-15deg);
    opacity: 0.5;
}

.mca-rotatep3--animate-in-right-2 {
    transform: translate(110%, 0%) scale(100%) perspective(400px) rotateY(0deg);
    opacity: 0.6;
}

/**
 * Animate from right <==---
 */
.mca-rotatep3--before-animate-in-right-3 {
    transform: translate(320%, 0%) scale(150%) perspective(400px) rotateY(-30deg);
    opacity: 0.4;
}

.mca-rotatep3--animate-in-right-3 {
    transform: translate(220%, 0%) scale(110%) perspective(400px) rotateY(-15deg);
    opacity: 0.5;
}

/**
 * Animate from right <==---
 */
.mca-rotatep3--before-animate-in-right-4 {
    transform: translate(420%, 0%) scale(230%) perspective(400px) rotateY(-60deg);
    opacity: 0.3;
}

.mca-rotatep3--animate-in-right-4 {
    transform: translate(320%, 0%) scale(150%) perspective(400px) rotateY(-30deg);
    opacity: 0.4;
}

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

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

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

.mca-rotatep3--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-rotatep3--before-animate-in-left-2 {
    transform: translate(-220%, 0%) scale(300%) perspective(400px) rotateY(60deg);
    opacity: 0.2;
}

.mca-rotatep3--animate-in-left-2 {
    transform: translate(-110%, 0%) scale(150%) perspective(400px) rotateY(30deg);
    opacity: 0.6;
}

/**
 * Animate int left <==---
 */
.mca-rotatep3--before-animate-in-left {
    transform: translate(-110%, 0%) scale(150%) perspective(400px) rotateY(30deg);
    opacity: 0.6;
}

.mca-rotatep3--animate-in-left {
    transform: translate(0px, 0%) scale(110%) perspective(400px) rotateY(15deg);
    opacity: 1;
}

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

.mca-rotatep3--before-animate-out-right-2 {
    transform: translate(110%, 0%) scale(100%) perspective(400px) rotateY(0deg);
    opacity: 0.6;
}
.mca-rotatep3--animate-out-right-2 {
    transform: translate(220%, 0%) scale(110%) perspective(400px) rotateY(-15deg);
    opacity: 0.5;
}

.mca-rotatep3--before-animate-out-right-3 {
    transform: translate(220%, 0%) scale(110%)  perspective(400px) rotateY(-15deg);
    opacity: 0.5;
}
.mca-rotatep3--animate-out-right-3 {
    transform: translate(320%, 0%) scale(150%) perspective(400px) rotateY(-30deg);
    opacity: 0.4;
}

.mca-rotatep3--before-animate-out-right-4 {
    transform: translate(320%, 0%) scale(150%) perspective(400px) rotateY(-30deg);
    opacity: 0.5;
}

.mca-rotatep3--animate-out-right-4 {
    transform: translate(420%, 0%) scale(230%) perspective(400px) rotateY(-60deg);
    opacity: 0.4;
}

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

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


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


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

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