@media (min-width:1024px) {

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

.animate.animate-complete .fold1a-text {
    transition: all 0.5s ease;
    transform: translateX(0px);
    opacity: 1;
    -webkit-transform: translateX(0px);
}

.animate .fold1a-background {
    opacity: 0;
    transition: all 0s ease;
}

.animate.animate-complete .fold1a-background {
    opacity: 1;
    transition: all 300ms ease;
}

.animate.fold1a-jobsearch {
    opacity: 0;
    transition: all 0s ease;
}

.animate.animate-complete.fold1a-jobsearch {
    opacity: 1;
    transition: all 0.5s ease;
}

.animate #fold2-splide {
    opacity: 0;
    transition: all 0s ease;
    transform: translateY(1000px);
    -webkit-transform: translateY(1000px);
}

.animate.animate-complete #fold2-splide {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

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

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

.animate .fold3-bg {
    opacity: 0;
    transition: all 0s ease;
    transform: translateY(1000px);
    -webkit-transform: translateY(1000px);
}

.animate.animate-complete .fold3-bg {
    opacity: 1;
    transition: all 300ms ease;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

.animate .fold3-bottom-img {
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .fold3-bottom-img {
    opacity: 1;
    transition: all 1000ms ease;
}
    
.animate .fold3-bottom > img {
    opacity: 0;
    transition: all 0s ease;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
}

.animate.animate-complete .fold3-bottom > img {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

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

.animate.animate-complete .fold3-content > p {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

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

.animate.animate-complete .fold3-main {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.animate .fold4-bottom {
    opacity: 0;
    transition: all 0s ease;
    transform: translateY(1000px);
    -webkit-transform: translateY(1000px);
}

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

.animate .fold4-top > .title {
    opacity: 0;
    transition: all 0s ease;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
}

.animate.animate-complete .fold4-top > .title {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.animate .fold4-top > :last-child {
    opacity: 0;
    transition: all 0s ease;
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
}

.animate.animate-complete .fold4-top > :last-child {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.animate .fold5-top > .title {
    opacity: 0;
    transition: all 0s ease;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
}

.animate.animate-complete .fold5-top > .title {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.animate .fold5-top > :last-child {
    opacity: 0;
    transition: all 0s ease;
    transform: translateX(1000px);
    -webkit-transform: translateX(1000px);
}

.animate.animate-complete .fold5-top > :last-child {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.animate .fold5-bottom {
    opacity: 0;
    transition: all 0s ease;
    transform: translateY(1000px);
    -webkit-transform: translateY(1000px);
}

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

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

.animate.animate-complete .fold6-top {
    opacity: 1;
    transition: all 0.5s ease;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
}

.animate .fold6-bottom {
    opacity: 0;
    transition: all 0s ease;
    transform: translateY(1000px);
    -webkit-transform: translateY(1000px);
}

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