@media (min-width: 1024px) {
	
	/*== FOLD1 ==*/
	
	.animate-on-load .fold1-item-background img {
    transition:
        all 300ms ease;
    filter:
        grayscale(1);
}

.animate-on-load.active .fold1-item-background img {
    transition:
        filter 300ms ease;
    filter:
        grayscale(0);
}

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

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

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

.animate-on-load.active .fold1-item-slider {
    transform: 
        translatex(0%);
    opacity: 1;
    transition:
        opacity 500ms ease 700ms,
        transform 300ms ease 700ms;
}
	
	/*== FOLD1 END ==*/
	
	/*== BANENR SLIDER ==*/
	
	.animate .banner-slider {
    transform: 
        scale(0);
    opacity: 0;
    transition:
        all 300ms ease;
}

.animate.animate-complete .banner-slider {
    transform:
        scale(1);
    transform-origin:
        center bottom;
    opacity: 1;
    transition: 
        opacity 500ms ease 300ms,
        transform 500ms ease;
}

.animate .banner-item-icon::before {
    transform:
        scale(0);
    opacity: 0;
    transition:
        all 300ms ease;
}

.animate.animate-complete .banner-item-icon::before {
    transform:
        scale(1.2);
    opacity: 1;
    transition:
        transform 500ms ease 500ms,
        opacity 500ms ease 500ms;
}
	
		/*== BANNER SLIDER END ==*/
	
	/*== FOLD3 ==*/
	
	.animate .content-fold-c::after {
    transform: 
        translatey(-100%);
    transition:
        all 300ms ease;
    opacity: 0;
}

.animate.animate-complete .content-fold-c::after {
    transform:
        translatey(0%);
    transition:
        transform 150ms ease,
        opacity 300ms ease;
    opacity: 1;
}

.animate .content-fold-c::before {
    transform:
        scale(0);
    transform-origin: bottom left;
    opacity: 1;
    transition:
        all 300ms ease;
}

.animate.animate-complete .content-fold-c::before {
    transform:
        scale(1);
    transform-origin: bottom left;
    opacity: 0.5;
    transition:
        transform 300ms ease 750ms,
        opacity 500ms ease 750ms;
}

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

.animate.animate-complete .content-fold-c-img {
    transform: translatex(0%) translateY(-50%);
    opacity: 1;
    transition: transform 300ms ease 300ms,opacity 500ms ease 300ms;
}

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

.animate.animate-complete .content-fold-c-content {
    opacity: 1;
    transition:
        opacity 500ms ease 500ms,
        transform 300ms ease 500ms;
    transform:
        translatex(0%);
}
	
		/*== FOLD3 END ==*/
	
	/*== FOLD4 ==*/
	
	.animate .fold4 .owl-stage .owl-item.active:nth-of-type(n) {
    transform: 
        scale(0);
    transform-origin: bottom left;
    transition:
        all 300ms ease;
    opacity: 0;
}

.animate.animate-complete .fold4 .owl-stage .owl-item.active:nth-of-type(n) {
    transform:
        scale(1);
    transform-origin: bottom left;
    transition:
        transform 300ms ease,
        opacity 500ms ease 150ms;
    opacity: 1;
}

.animate .fold4 .owl-stage .owl-item.active:nth-of-type(2n) {
    transform:
        scale(0);
    transform-origin: bottom right;
    transition:
        all 300ms ease;
    opacity: 0;
}

.animate.animate-complete .fold4 .owl-stage .owl-item.active:nth-of-type(2n) {
    transform:
        scale(1);
    transform-origin: bottom right;
    transition:
        transform 300ms ease 500ms,
        opacity 500ms ease 300ms;
    opacity: 1;
}
	
		/*== FOLD4 END ==*/
	
	/*== FOLD3 FLIPPED ==*/
		
	.animate .content-fold-c.flipped::after {
    transform: 
        translatey(-100%);
    transition:
        all 300ms ease;
    opacity: 0;
}

.animate.animate-complete .content-fold-c.flipped::after {
    transform:
        translatey(0%);
    transition:
        transform 150ms ease,
        opacity 300ms ease;
    opacity: 1;
}

.animate .content-fold-c.flipped::before {
    transform:
        scale(0);
    transform-origin: bottom right;
    opacity: 1;
    transition:
        all 300ms ease;
}

.animate.animate-complete .content-fold-c.flipped::before {
    transform: scalex(-1);
    transform-origin: bottom;
    opacity: 1;
    transition:
        transform 300ms ease 750ms,
        opacity 500ms ease 750ms;
}

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

.animate.animate-complete .flipped .content-fold-c-img {
    transform: translatex(0%) translatey(-50%);
    opacity: 1;
    transition:
        transform 300ms ease 300ms,
        opacity 500ms ease 300ms;
}

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

.animate.animate-complete .flipped .content-fold-c-content {
    opacity: 1;
    transition:
        opacity 500ms ease 500ms,
        transform 300ms ease 500ms;
    transform:
        translatex(0%);
}
	
		/*== FOLD3 FLIPPED END ==*/
	
	/*== FOLD5 ==*/
	
	.animate .fold5-slider {
		transform:
			scale(0);
		opacity: 0;
		transition:
			all 300ms ease;
	}

	.animate.animate-complete .fold5-slider {
		transform:
			scale(1);
		opacity: 1;
		transition:
			transform 300ms ease,
			opacity 500ms ease;
	}
	
		/*== FOLD5 END ==*/
	
}