@media (min-width:1024px) {
	
	.animate .ebook-image {
    transform: translatex(-300px) scale(0.9);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .ebook-image {
    transform:translatex(0px) scale(1);
    opacity:1;
    
}

.animate .ebook-form-text .subtext {
    transform: translatex(100px) scale(0.9);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .ebook-form-text .subtext {
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease;
}

.animate .ebook-form-text .title {
    transform: translatex(100px) scale(0.9);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .ebook-form-text .title {
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease 500ms;
}

    #ebook-fold.animate .ebook-form-text .title ~ p {
    transform: translatex(200px);
    opacity: 0;
    transition: all 500ms ease;
}

#ebook-fold.animate.animate-complete .ebook-form-text .title ~ p {
    transform: translatex(0px);
    opacity: 1;
    transition: all 500ms ease 500ms;
}

div#ebook-fold.animate .ebook-form .ebook-form-fields {
    transform: translatex(100px);
    opacity: 0;
    transition: all 500ms ease;
}

div#ebook-fold.animate.animate-complete .ebook-form .ebook-form-fields {
    transform:translatex(0px);
    opacity:1;
    transition:all 500ms ease 1000ms;
}
	
.animate .ebook-form-fields ~ .privacy-text {
    transform: translatex(100px) scale(0.9);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .ebook-form-fields ~ .privacy-text {
    transform: translatex(0px) scale(1);
    opacity: 1;
    transition: all 500ms ease 1500ms;
}

.animate .ebook-form-fields-input {
    transform: translatex(100px) scale(0.9);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .ebook-form-fields-input{
    transform:translatex(0px) scale(1);
    opacity:1;
    transition: all 500ms ease 1500ms;
}

.animate .f1-banner-background::before {
    transform: skewX(91deg);
    transition:all 500ms ease;
    opacity:0;
}

.animate.animate-complete .f1-banner-background::before {
    transform: skewX(0deg);
    transition:all 500ms ease;
    opacity:0.85;
}

.animate .f1-banner-title {
    transform: scale(0.9);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .f1-banner-title {
    transform: scale(1);
    opacity: 1;
    transition: all 500ms ease;
}

.animate .f1-banner-wrapper .title {
    transform: scale(0.9);
    opacity: 0;
    transition: all 500ms ease;
}

.animate.animate-complete .f1-banner-wrapper .title {
    transform: scale(1);
    opacity: 1;
    transition: all 500ms ease 500ms;
}

.animate .f1-banner-background img {
    filter: unset;
    transition:all 500ms ease;
}

.animate.animate-complete .f1-banner-background img{
    filter:grayscale(1);
    transition:all 300ms ease;
}
	
}