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

.animate-on-load.active .fold1-content {
    transform: unset;
    -webkit-transform: unset;
    opacity: 1;
    transition: all 300ms ease;
}
	
	.animate-on-load .fold1-content-inner {
		opacity: 0;
		transition: all 300ms ease;
	}

.animate-on-load.active .fold1-content-inner {
    opacity: 1;
    transition: all 300ms ease 500ms;
}


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

.animate.animate-complete .fold1-content {
    transform: unset;
    -webkit-transform: unset;
    opacity: 1;
    transition: all 300ms ease;
}
	
	.animate .fold1-content-inner {
		opacity: 0;
		transition: all 300ms ease;
	}

.animate.animate-complete .fold1-content-inner {
    opacity: 1;
    transition: all 300ms ease 500ms;
}
	
	
		/*== == FOLD1 END == ==*/
	
	/*== == FOLD1 BANNER == ==*/
	
	.animate-on-load .fold1-banner-flex {
		transform: scale(0);
		-webkit-transform: scale(0);
		transform-origin: bottom;
		transition: all 300ms ease;
	}

.animate-on-load.active .fold1-banner-flex {
    transform: scale(1);
    -webkit-transform: scale(1);
    transform-origin: bottom;
    transition: all 300ms ease 1s;
}
	
		/*== == FOLD1 BANNER END == ==*/
	.animate .fold2-container {
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 300ms ease;
    opacity: 0;
}

.animate.animate-complete .fold2-container {
    transform: scale(1);
    -webkit-transform: scale(1);
    transform-origin: center;
    transition: all 300ms ease;
    opacity: 1;
}

.animate.animate-complete .fold2-container .title span {
    transition: all 300ms ease;;
    animation-name: shine;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}
	
	/*== == FOLD3 == ==*/
	
	.animate .fold3-content {
    transform: translatex(-200%);
    -webkit-transform: translatex(-200%);
    opacity: 0;
    transition: all 300ms ease;
}

.animate.animate-complete .fold3-content {
    transform: translate(0%);
    -webkit-transform: translate(0%);
    opacity: 1;
    transition: all 300ms ease;
}

.animate.animate-complete .fold3-content-header .subtitle span {
    transition: all 300ms ease 500ms;
    animation-name: shine;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.animate .fold3-slider.owl-carousel {
    margin-right: -200%;
    transition: all 500ms ease;
    opacity: 0;
}

.animate.animate-complete .fold3-slider.owl-carousel {
    margin-right: 0%;
    transition: all 500ms ease 750ms;
    opacity: 1;
}
	
		/*== == FOLD3 END ==  ==*/

	/*== == PRODUCT SLIDER == ==*/

.animate .product-slider-container {
    transform: translatey(200%);
    -webkit-transform: translatey(200%);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .product-slider-container {
    transform: translatey(0%);
    -webkit-transform: translatey(0%);
    opacity: 1;
    transition: all 500ms ease 500ms;
}

    /*== == PRODUCT SLIDER END == ==*/
	
	/*== == EBOOK == ==*/
	
	.animate .ebook-image {
		transform: translatex(-200%);
		-webkit-transform: translatex(-200%);
		opacity: 0;
		transition: all .3s ease;
	}
	
	.animate.animate-complete .ebook-image {
		transform: translatex(0%);
		-webkit-transform: translatex(0%);
		opacity: 1;
		transition: all .3s ease;
	}
	
	.animate .ebook-form {
		transform: translatex(200%);
		-webkit-transform: translatex(200%);
		opacity: 0;
		transition: all .3s ease;
	}
	
	.animate.animate-complete .ebook-form {
		transform: translatex(0%);
		-webkit-transform: translatex(0%);
		opacity: 1;
		transition: all .3s ease .25s;
	}
	
		/*== == EBOOK END == ==*/

/*== == KEYFRAMES == ==*/

@keyframes shine {
    from{
        opacity: 0;
    }

    to{
        opacity: 1;
    }

        /*== == KEYFRAMES END === ==*/
}
	
}