/****************************************************************************
 * Animation
 ****************************************************************************/
 @keyframes item_animation {
    0%   {
        opacity: 0;
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.items_has_animation .item > *,
.animated_item > * {
    opacity: 0;
}
.items_has_animation .item.start_the_animation > *,
.animated_item.start_the_animation > * {
    opacity: 1;
    animation-name: item_animation;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    
}