/** Meet Animate **/
@-webkit-keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes FadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.gal.Fade,
.galCenter.Fade
{
    -webkit-animation-name: FadeIn;
    animation-name: FadeIn;
    -webkit-animation-duration:0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/* left second photo */
@-webkit-keyframes zoomInRightMin {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.2) translate(118px);
        transform: scale(1.2) translate(118px);
        -o-transform: scale(1.2) translate(118px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -o-animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -o-animation-timing-function: linear;
    }
}

@keyframes zoomInRightMin {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.2) translate(118px);
        transform: scale(1.2) translate(118px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -o-animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -o-animation-timing-function: linear;
    }
}


.gal.zoomInRight0 {
    -webkit-animation-name: zoomInRightMin;
    animation-name: zoomInRightMin;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/* rigth first */
@-webkit-keyframes zoomInRightMax {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.24) translate(78px);
        transform: scale(1.24) translate(78px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

}

@keyframes zoomInRightMax {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.24) translate(78px);
        transform: scale(1.24) translate(78px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

}

.gal.zoomInRight1 {
    -webkit-animation-name: zoomInRightMax;
    animation-name: zoomInRightMax;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;;
}


/**First right Photo*/
@-webkit-keyframes zoomInLeftMax {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.835) translate(108px);
        transform: scale(0.835) translate(108px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

}


@keyframes zoomInLeftMax {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.835) translate(108px);
        transform: scale(0.835) translate(108px);
        -o-transform: scale(0.835) translate(108px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

}

.gal.zoomInLeft1 {
    -webkit-animation-name: zoomInLeftMax;
    animation-name: zoomInLeftMax;
    -o-animation-name: zoomInLeftMax;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;;
}


/* second left phot */
@-webkit-keyframes zoomInLeftMax1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0);
        transform: scale(1) translate(0);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1.2) translate(-140px);
        transform: scale(1.2) translate(-140px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

}
@keyframes zoomInLeftMax1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -o-transform: scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -o-animation-timing-function: linear;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1.2) translate(-140px);
        transform: scale(1.2) translate(-140px);
        -o-transform: scale(1.2) translate(-140px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -o-animation-timing-function: linear;
    }

}

.gal.zoomInLeft0 {
    z-index: 3;
    -webkit-animation-name: zoomInLeftMax1;
    animation-name: zoomInLeftMax1;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -o-animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;;
    -o-animation-fill-mode: both;;
    display: none;
}

/** Meet Animate **/