@media(min-width: 980px){
	.animate{
    pointer-events: none;
}

.animate.animate-complete{
    pointer-events: all;
}

.fold1-item{
    overflow: hidden;
}

.fold1.animate img {
    transform: rotate(-90deg);
    transform-origin: bottom right;
    transition: all 0s ease 0s;
}

.fold1.animate.animate-complete img{
    transform: rotate(0deg);
    transition: all .5s ease;
}

.fold1.animate.animate-complete img.sheet1{
    transition-delay: 0s;
}

.fold1.keyframe-active img.sheet1{
    animation: 2s monster infinite alternate ease-in-out 1s;
}

.fold1.animate.animate-complete img.sheet2{
    transition-delay: .5s;
}

.fold1.keyframe-active img.sheet2{
    animation: 2s monster infinite alternate ease-in-out 2s;
}

.fold1.animate.animate-complete img.monster{
    transition-delay: 1s;
}

.fold1.keyframe-active img.monster{
    animation: 2s monster infinite alternate ease-in-out;
}

.fold1.animate .fold1-item-content{
    transform: translateY(-1000px);
    transition: all 0s ease;
}

.fold1.animate.animate-complete .fold1-item-content{
    transform: translateX(0px);
    transition: all .5s ease 1s;
}

@keyframes monster{
    from{
        transform: rotate(0deg);
    }

    to{
        transform: rotate(-2deg);
    }
}

.fold1-banner.animate img{
    transform: scale(0) rotate(-45deg) translateY(7.5px);
    transition: all 0s ease 0s;
}

.fold1-banner.animate-complete img{
    transform: scale(1) translateY(7.5px);
    transition: all .5s ease;
}

.fold1-banner.keyframe-active img{
    animation: 3s octopus infinite alternate ease-in-out;
}

.fold1-banner.animate p, .fold1-banner.animate a{
    transform: translate(1400px);
    transition: all 0s ease 0s;
}

.fold1-banner.animate.animate-complete p, .fold1-banner.animate-complete.animate a{
    transform: translate(0px);
    transition: all .5s ease .5s, letter-spacing .5s ease 0s;
}

@keyframes octopus{
    from{
        transform: translateY(7.5px) rotate(0deg);
    }

    to{
        transform: translateY(-7.5px) rotate(-6deg);
    }
}

.fold2.animate{
    overflow: hidden;
}

.fold2.animate .fold2-content{
    transform: translateX(100vw);
    transition: all 0s ease 0s;
}

.fold2.animate.animate-complete .fold2-content{
    transition: all .5s ease 0s;
    transform: translate(0px);
}

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

.fold2.animate.animate-complete .fold2-banner{
    transition: all .5s ease .5s;
    transform: translate(0px);
}

.fold2.animate img{
    transition: all 0s ease;
    transform: translateY(400px);
    opacity: 0;
    margin-bottom: -10px;
}

.fold2.animate.animate-complete img{
    transition: all .5s ease 1s;
    transform: translateY(0px);
    opacity: 1;
    transform-origin: bottom center;
}

.fold2.keyframe-active img{
    animation: 2s monster infinite alternate ease-in-out 1s;
}

.fold2.animate .fold2-image::before{
    transform: translateX(-50%) scale(0);
    transition: all 0s ease;
}

.fold2.animate.animate-complete .fold2-image::before{
    transform: translateX(-50%) scale(1);
    transition: all .5s ease 1.5s;
}

.fold3.animate .title {
    transform: translateY(-500px);
    transition: all 0s ease;
}

.fold3.animate.animate-complete .title{
    transition: all .5s ease;
    transform: translateY(0px);
}

.fold3.animate .owl-carousel {
    transform: translateY(500px);
    transition: all 0s ease;
}

.fold3.animate.animate-complete .owl-carousel{
    transition: all .5s ease .5s;
    transform: translateY(0px);
}

.fold3.animate{
    overflow: hidden;
}

.fold3-item:hover{
    animation: note-wiggle 0.5s ease 1;
    transform-origin: top;
}

@keyframes note-wiggle{
    0%{
        transform: rotate(0deg);
    }

    33%{
        transform: rotate(-2deg);
    }

    66%{
        transform: rotate(2deg);
    }

    100%{
        transform: rotate(0deg);
    }
}

.fold4.animate .review-item-left .review-item-image {
    transform: translateY(500px);
    transition: all 0s ease;
}

.fold4.animate.animate-complete .review-item-left .review-item-image {
    transform: translateY(0px);
    transition: all .5s ease;
}

.fold4.animate .review-item-right .review-item-image {
    transform: translateY(500px);
    transition: all 0s ease;
}

.fold4.animate.animate-complete .review-item-right .review-item-image {
    transform: translateY(0px);
    transition: all .5s ease .25s;
}

.fold4.animate .review-item-left .review-item-content {
    transform: translateY(500px);
    transition: all 0s ease;
}

.fold4.animate.animate-complete .review-item-left .review-item-content {
    transform: translateY(0px);
    transition: all .5s ease .75s;
}

.fold4.animate .review-item-right .review-item-content {
    transform: translateY(500px);
    transition: all 0s ease;
}

.fold4.animate.animate-complete .review-item-right .review-item-content {
    transform: translateY(0px);
    transition: all .5s ease 1s;
}

.fold4.keyframe-active .review-item-left .review-item-image{
    animation: 2s monster infinite alternate ease-in-out;
    transform-origin: bottom;
}

.fold4.keyframe-active .review-item-right .review-item-image{
    animation: 1.2s monster infinite alternate-reverse ease-in-out;
    transform-origin: bottom;
}

}