@charset "utf-8";
@keyframes fade {
    0% {
    opacity:0
    }
    100% {
    opacity:1
    }
}
@keyframes fade-blur {
    0% {
        opacity:0;
        -webkit-filter:blur(10px);
        -ms-filter:blur(10px);
        filter:blur(10px);
        transform:translateY(5px)
    }
    100% {
        opacity:1;
        -webkit-filter:blur(0px);
        -ms-filter:blur(0px);
        filter:blur(0px);
        transform:translateY(0px)
    }
}

@keyframes fade-top {
    0% {
        opacity:0;
        transform:translateY(20px)
    }
    100% {
        opacity:1;
        transform:translateY(0px)
    }
}
@keyframes fade-bottom {
    0% {
        opacity:0;
        transform:translateY(-20px)
    }
    100% {
        opacity:1;
        transform:translateY(0px)
    }
}
@keyframes fade-left {
    0% {
        opacity:0;
        transform:translateX(20px)
    }
    100% {
        opacity:1;
        transform:translateX(0px)
    }
}
@keyframes fade-right {
    0% {
        opacity:0;
        transform:translateX(-20px)
    }
    100% {
        opacity:1;
        transform:translateX(0px)
    }
}
@keyframes fade-scale {
    0% {
        opacity:0;
        transform:scale(1.1)
    }
    100% {
        opacity:1;
        transform:scale(1)
    }
}
.thumb-btn:before {
    height: 0;
    -webkit-transition: 2s ease-out;
    -o-transition: 2s ease-out;
    transition: 2s ease-out
}
.waypoint .thumb-btn:before {
    height: 100%
}
.comment li {
    opacity: 0
}
.waypoint .comment li:nth-child(1) {
    animation: fade-left 2s ease-out .5s 1 forwards
}
.waypoint .comment li:nth-child(3) {
    animation: fade-right 2s ease-out .9s 1 forwards
}
.waypoint .comment li:nth-child(5) {
    animation: fade-right 2s ease-out 1.3s 1 forwards
}
.waypoint .comment li:nth-child(7) {
    animation: fade-right 2s ease-out 1.7s 1 forwards
}
.waypoint .comment li:nth-child(2) {
    animation: fade-left 2s ease-out .7s 1 forwards
}
.waypoint .comment li:nth-child(4) {
    animation: fade-left 2s ease-out 1.1s 1 forwards
}
.waypoint .comment li:nth-child(6) {
    animation: fade-left 2s ease-out 1.5s 1 forwards
}
.fade {
    opacity: 0;
    transition: .3s ease-out
}
.waypoint .fade {
    animation: fade 1s ease-out 0s 1 forwards
}
.fade--blur, .fade--scale {
    opacity: 0
}
.waypoint .fade--blur {
    animation: fade-blur 1s cubic-bezier(0, .9, .9, 1) 0s 1 forwards
}
.waypoint .fade--scale {
    animation: fade-scale .5s cubic-bezier(0, .9, .9, 1) 0s 1 forwards
}
.waypoint .delay-02 {
    animation-delay: .2s
}
.waypoint .delay-04 {
    animation-delay: .4s
}
.waypoint .delay-06 {
    animation-delay: .6s
}
.waypoint .delay-08 {
    animation-delay: .8s
}
.waypoint .delay-10 {
    animation-delay: 1s
}
.waypoint .delay-12 {
    animation-delay: 1.2s
}
.waypoint .delay-14 {
    animation-delay: 1.4s
}
.waypoint .delay-16 {
    animation-delay: 1.6s
}
.waypoint .delay-18 {
    animation-delay: 1.8s
}
.waypoint .delay-20 {
    animation-delay: 2s
}
.waypoint .duration-30 {
    animation-duration: 3s
}