@charset "UTF-8";

[data-delay="0.1s"] {
    transition-delay: 0.1s;
}

[data-delay="0.2s"] {
    transition-delay: 0.2s;
}

[data-delay="0.3s"] {
    transition-delay: 0.3s;
}

[data-delay="0.4s"] {
    transition-delay: 0.4s;
}

[data-delay="0.5s"] {
    transition-delay: 0.5s;
}

[data-delay="0.6s"] {
    transition-delay: 0.6s;
}

[data-delay="0.7s"] {
    transition-delay: 0.7s;
}

[data-delay="0.8s"] {
    transition-delay: 0.8s;
}

[data-delay="0.9s"] {
    transition-delay: 0.9s;
}

[data-delay="1s"] {
    transition-delay: 1s;
}

[data-delay="1.5s"] {
    transition-delay: 1.5s;
}

.js_inview {
    opacity: 0;
    transition-property: opacity, transform;
    transition-timing-function: ease-out;
    transition-duration: 0.8s;
}

.js_inview.none_op {
    opacity: 1;
}

.fade {
    opacity: 0;
}

.fadeup {
    transform: translate3d(0, 50px, 0);
}

.fadedown {
    transform: translate3d(0, -50px, 0);
}

.faderight {
    transform: translate3d(50px, 0, 0);
}

.fadeleft {
    transform: translate3d(-50px, 0, 0);
}

.is_show.js_inview {
    opacity: 1;
    transform: none;
}

.bounce.is_show {
    animation: bounceIn 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 both;
}

/* 
@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

} */

@keyframes bounceIn {
    0% {
        /* opacity: 0; */
        transform: scale3d(0.3, 0.3, 0.3);
    }

    35% {
        transform: scale3d(1.06, 1.06, 1.06);
    }

    70% {
        /* opacity: 1; */
        transform: scale3d(0.96, 0.96, 0.96);
    }

    to {
        transform: none;
    }
}