/* ==== CONTENT FOLD-C ==== */

.animate .content-fold-c-img{
    transition: all 0s ease;
    opacity: 0;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
}

.animate.animate-complete .content-fold-c-img{
    transition: all 0.5s ease;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.animate .content-fold-c-content{
    transition: all 0s ease;
    opacity: 0;
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
}

.animate.animate-complete .content-fold-c-content{
    transition: all 0.5s ease 0.5s;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

/* ==== CONTENT FOLD-C FLIPPED ==== */

.flipped  .animate .content-fold-c-img{
    transition: all 0s ease;
    opacity: 0;
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
}

.flipped  .animate.animate-complete .content-fold-c-img{
    transition: all 0.5s ease;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.flipped  .animate .content-fold-c-content{
    transition: all 0s ease;
    opacity: 0;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
}

.flipped  .animate.animate-complete .content-fold-c-content{
    transition: all 0.5s ease 0.5s;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}