@media (min-width: 1024px) {
	
	.animate-on-load .fold1-img {
    transform:
        translatex(200%);
    opacity: 0;
    transition:
        all 300ms ease;
}

.animate-on-load.active .fold1-img {
    transform:
        translatex(0%);
    opacity: 1;
    transition:
        transform 300ms ease,
        opacity 500ms ease;
}

.animate-on-load .fold1-header .title {
    transform: 
        translatex(-200%);
    opacity: 0;
    transition:
        all 300ms ease;
}

.animate-on-load.active .fold1-header .title {
    transform: 
        translatex(0%);
    opacity: 1;
    transition:
        all 300ms ease 500ms;
}

.animate-on-load .fold1-content-inner {
    transform:
        translatex(-200%);
    opacity: 0;
    transition:
        all 300ms ease;
}

.animate-on-load.active .fold1-content-inner {
    transform:
        translatex(0%);
    opacity: 1;
    transition:
        transform 300ms ease 1s, 
        opacity 500ms ease 1s;
}

.animate .content-fold-c-img img {
    transform: translatex(-200%) scale(0);
    opacity: 0;
    transition: all 300ms ease;
}

.animate.animate-complete .content-fold-c-img img {
    transform:
        translatex(0%)
        scale(1);
    opacity: 1;
    transform-origin: top left;
    transition:
        transform 500ms ease,
        opacity 750ms;
}

.animate .content-fold-c-content {
    transform:
        translatex(200%);
    opacity: 0;
    transition:
        all 300ms ease;
}

.animate.animate-complete .content-fold-c-content {
    transform:
        translatex(0%);
    opacity: 1;
    transition:
        transform 300ms ease 500ms,
        opacity 500ms ease 500ms;
}
	
	
.animate.animate-complete .product-fold-d .content-header {
    transform:
        translatex(0%);
    opacity: 1;
    transition:
        all 500ms ease;
}

.animate .product-fold-d-slider {
    transform:
        translatex(300%);
    opacity: 0;
    transition:
        all 300ms ease;
}

.animate.animate-complete .product-fold-d-slider {
    transform:
        translatex(0%);
    opacity: 1;
    transition: 
        all 500ms ease 500ms;
}

    .animate .service-fold3-content {
    transform: translatex(-200%);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .service-fold3-content {
    transform: translatex(0%);
    opacity: 1;
    transition: all 500ms ease;
}

.animate .service-fold3-img {
    transform: translatex(200%);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .service-fold3-img {
    transform: translatex(0%);
    opacity: 1;
    transition: all 500ms ease 500ms;
}

.animate-complete .title span, .animate-complete .service-fold3-img::before {
    transition:
        all 300ms ease 1s;
    animation:
        grow 500ms ease-in-out 2 alternate;
    animation-delay: 1s;
}



/*KEYFRAMES*/

@keyframes grow {
    from{
        transform:
            scale(1);
    }
    to{
        transform:
            scale(1.05);
    }
}

    /*KEYFRAMES END*/

    
}