#crowd-image {
    -skrollr-animation-name: crowd-animate;
}

.cog-small img {
    -skrollr-animation-name: small-cog;
}

.cog-medium img {
    -skrollr-animation-name: medium-cog;
}

#badge-megaphone {
    -skrollr-animation-name: badge-megaphone;
}

#badge-trophy {
    -skrollr-animation-name: badge-trophy;
}

#badge-watch {
    -skrollr-animation-name: badge-watch;
}

#badge-chat-bubble {
    -skrollr-animation-name: badge-chat-bubble;
}

#badge-people {
    -skrollr-animation-name: badge-people;
}

#badge-gift {
    -skrollr-animation-name: badge-gift;
}

#badge-dice {
    -skrollr-animation-name: badge-dice;
}

.ip-element .ip-element-text {
    -skrollr-animation-name: reveal-element-text;
}

#case-study-image {
    -skrollr-animation-name: case-study-animate;
}

/* Crowd block animation */
@-skrollr-keyframes crowd-animate {
    anchor-target {#hand-block}
    top {
        top:0%;
    }
    top-bottom {
        top:60%;
    }
}

/* Cog block animations */
@-skrollr-keyframes small-cog {
    anchor-target {#cog-block}
    bottom-top {
        transform:rotate(0deg);
    }
    top-bottom {
        transform:rotate(135deg);
    }
}

@-skrollr-keyframes medium-cog {
    anchor-target {#cog-block}
    bottom-top {
        transform:rotate(0deg);
    }
    top-bottom {
        transform:rotate(-134deg);
    }
}


/* Elements block animations */
@-skrollr-keyframes badge-megaphone {
    anchor-target {#element-block}
    bottom-top {
        left: -25%;
    }
    center {
        left: 19.5%;
        top: 28%;
    }
}

@-skrollr-keyframes badge-trophy {
    anchor-target {#element-block}
    bottom-top {
        left: -25%;
    }
    center {
        top: 28%;
        left: 37.5%;
    }
}

@-skrollr-keyframes badge-watch {
    anchor-target {#element-block}
    bottom-top {
        right: -25%;
    }
    center {
        top: 28%;
        right: 37.5%;
    }
}

@-skrollr-keyframes badge-chat-bubble {
    anchor-target {#element-block}
    bottom-top {
        right: -25%;
    }
    center {
        top: 28%;
        right: 19.5%;
    }
}

@-skrollr-keyframes badge-people {
    anchor-target {#element-block}
    bottom-top {
        left: -25%;
    }
    center {
        top: 64%;
        left: 28.6%;
    }
}

@-skrollr-keyframes badge-gift {
    anchor-target {#element-block}
    bottom-top {
        left: -25%;
    }
    center {
        top: 64%;
        left: 46.6%;
    }
}

@-skrollr-keyframes badge-dice {
    anchor-target {#element-block}
    bottom-top {
        right: -25%;
    }
    center {
        top: 64%;
        right: 28.6%;
    }
}

@-skrollr-keyframes reveal-element-text {
    anchor-target {#element-block}
    bottom-top {
        display: none;
        opacity: 0.1;
    }
    100-center {
        display: block;
    }
    center {
        opacity: 1;
    }
}

/* Case Study BG Animation */
@-skrollr-keyframes case-study-animate {
    anchor-target {#case-study-block}
    bottom-top {
        top:-120%;
    }
    top-bottom {
        top:0%;
    }
}