[data-anim],
[data-anim][data-anim-type=separate] .art_headline,
[data-anim][data-anim-type=separate] .art_inner,
[data-anim][data-anim-type=separate] .dv_image_left,
[data-anim][data-anim-type=separate] .dv_image_right,
[data-anim][data-anim-type=separate] .art_image,
[data-anim][data-anim-type=separate] .art_col,
[data-anim][data-anim-type=separate] .art_pack_image,
[data-anim][data-anim-type=separate] .art_tip_image_c{
    transition-timing-function:cubic-bezier(.175,.885,.32,1.275);
    transition-duration: 2s;
}
/* FLIP UP */
[data-anim=flip-up][data-anim-type=all-in]{
    transform:perspective(2500px) rotateX(-100deg);
    transition-property:all;
    opacity: 0;
}
[data-anim=flip-up][data-anim-type=all-in].algo-animate{
    transform:perspective(2500px) rotateX(0);
    opacity:1;
}

[data-anim=flip-up][data-anim-type=separate] .art_headline,
[data-anim=flip-up][data-anim-type=separate] .art_inner,
[data-anim=flip-up][data-anim-type=separate] .dv_image_left,
[data-anim=flip-up][data-anim-type=separate] .dv_image_right,
[data-anim=flip-up][data-anim-type=separate] .art_image,
[data-anim=flip-up][data-anim-type=separate] .art_col,
[data-anim=flip-up][data-anim-type=separate] .art_pack_image,
[data-anim=flip-up][data-anim-type=separate] .art_tip_image_c{
    transform:perspective(2500px) rotateX(-100deg);
    transition-property:all;
    opacity: 0;
}

[data-anim=flip-up][data-anim-type=separate].algo-animate .art_headline,
[data-anim=flip-up][data-anim-type=separate].algo-animate .art_inner,
[data-anim=flip-up][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=flip-up][data-anim-type=separate].algo-animate .dv_image_right,
[data-anim=flip-up][data-anim-type=separate].algo-animate .art_image,
[data-anim=flip-up][data-anim-type=separate].algo-animate .art_col,
[data-anim=flip-up][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=flip-up][data-anim-type=separate].algo-animate .art_tip_image_c{
    transform:perspective(2500px) rotateX(0);
    opacity:1;
}

[data-anim=flip-up][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=flip-up][data-anim-type=separate].algo-animate .dv_image_right{
    transition-delay:0s;
}

[data-anim=flip-up][data-anim-type=separate].algo-animate .art_headline{
    transition-delay:0.4s;
}

[data-anim=flip-up][data-anim-type=separate].algo-animate .art_inner{
    transition-delay:0.8s;
}

[data-anim=flip-up][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=flip-up][data-anim-type=separate].algo-animate .art_tip_image_c{
    transition-delay:1.2s;
}

[data-anim=flip-up][data-anim-type=separate].algo-animate .art_image:nth-child(1),
[data-anim=flip-up][data-anim-type=separate].algo-animate .art_col:nth-child(1){
    transition-delay:0.8s;
}

[data-anim=flip-up][data-anim-type=separate].algo-animate .art_image:nth-child(2),
[data-anim=flip-up][data-anim-type=separate].algo-animate .art_col:nth-child(2){
    transition-delay:1.1s;
}

[data-anim=flip-up][data-anim-type=separate].algo-animate .art_image:nth-child(3),
[data-anim=flip-up][data-anim-type=separate].algo-animate .art_col:nth-child(3){
    transition-delay:1.4s;
}
/* END FLIP UP */

/* FLIP LEFT */
[data-anim=flip-left][data-anim-type=all-in]{
    transform:perspective(2500px) rotateY(-100deg);
    transition-property:all;
    opacity: 0;
}
[data-anim=flip-left][data-anim-type=all-in].algo-animate{
    transform:perspective(2500px) rotateY(0);
    opacity: 1;
}

[data-anim=flip-left][data-anim-type=separate] .art_headline,
[data-anim=flip-left][data-anim-type=separate] .art_inner,
[data-anim=flip-left][data-anim-type=separate] .dv_image_left,
[data-anim=flip-left][data-anim-type=separate] .dv_image_right,
[data-anim=flip-left][data-anim-type=separate] .art_image,
[data-anim=flip-left][data-anim-type=separate] .art_col,
[data-anim=flip-left][data-anim-type=separate] .art_pack_image,
[data-anim=flip-left][data-anim-type=separate] .art_tip_image_c{
    transform:perspective(2500px) rotateY(-100deg);
    transition-property:all;
    opacity: 0;
}
[data-anim=flip-left][data-anim-type=separate].algo-animate .art_headline,
[data-anim=flip-left][data-anim-type=separate].algo-animate .art_inner,
[data-anim=flip-left][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=flip-left][data-anim-type=separate].algo-animate .dv_image_right,
[data-anim=flip-left][data-anim-type=separate].algo-animate .art_image,
[data-anim=flip-left][data-anim-type=separate].algo-animate .art_col,
[data-anim=flip-left][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=flip-left][data-anim-type=separate].algo-animate .art_tip_image_c{
    transform:perspective(2500px) rotateY(0);
    opacity: 1;
}

[data-anim=flip-left][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=flip-left][data-anim-type=separate].algo-animate .dv_image_right{
    transition-delay:0s;
}

[data-anim=flip-left][data-anim-type=separate].algo-animate .art_headline{
    transition-delay:0.4s;
}

[data-anim=flip-left][data-anim-type=separate].algo-animate .art_inner{
    transition-delay:0.8s;
}

[data-anim=flip-left][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=flip-left][data-anim-type=separate].algo-animate .art_tip_image_c{
    transition-delay:1.2s;
}

[data-anim=flip-left][data-anim-type=separate].algo-animate .art_image:nth-child(1),
[data-anim=flip-left][data-anim-type=separate].algo-animate .art_col:nth-child(1){
    transition-delay:0.8s;
}

[data-anim=flip-left][data-anim-type=separate].algo-animate .art_image:nth-child(2),
[data-anim=flip-left][data-anim-type=separate].algo-animate .art_col:nth-child(2){
    transition-delay:1.1s;
}

[data-anim=flip-left][data-anim-type=separate].algo-animate .art_image:nth-child(3),
[data-anim=flip-left][data-anim-type=separate].algo-animate .art_col:nth-child(3){
    transition-delay:1.4s;
}
/* END FLIP LEFT */

/*  FADE UP */
[data-anim=fade-up][data-anim-type=all-in]
{
    opacity: 0;
    transition: -webkit-transform 700ms ease, opacity 700ms ease;
    transition: transform 700ms ease, opacity 700ms ease;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

[data-anim=fade-up][data-anim-type=all-in].algo-animate{
    transform: translateY(0);
    opacity: 1;
}

[data-anim=fade-up][data-anim-type=separate] .art_headline,
[data-anim=fade-up][data-anim-type=separate] .art_inner,
[data-anim=fade-up][data-anim-type=separate] .dv_image_left,
[data-anim=fade-up][data-anim-type=separate] .dv_image_right,
[data-anim=fade-up][data-anim-type=separate] .art_image,
[data-anim=fade-up][data-anim-type=separate] .art_col,
[data-anim=fade-up][data-anim-type=separate] .art_pack_image,
[data-anim=fade-up][data-anim-type=separate] .art_tip_image_c{
    opacity: 0;
    transition: -webkit-transform 700ms ease, opacity 700ms ease;
    transition: transform 700ms ease, opacity 700ms ease;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}
[data-anim=fade-up][data-anim-type=separate].algo-animate .art_headline,
[data-anim=fade-up][data-anim-type=separate].algo-animate .art_inner,
[data-anim=fade-up][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=fade-up][data-anim-type=separate].algo-animate .dv_image_right,
[data-anim=fade-up][data-anim-type=separate].algo-animate .art_image,
[data-anim=fade-up][data-anim-type=separate].algo-animate .art_col,
[data-anim=fade-up][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=fade-up][data-anim-type=separate].algo-animate .art_tip_image_c{
    transform: translateY(0);
    opacity: 1;
}

[data-anim=fade-up][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=fade-up][data-anim-type=separate].algo-animate .dv_image_right{
    transition-delay:0s;
}

[data-anim=fade-up][data-anim-type=separate].algo-animate .art_headline{
    transition-delay:0.4s;
}

[data-anim=fade-up][data-anim-type=separate].algo-animate .art_inner{
    transition-delay:0.8s;
}

[data-anim=fade-up][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=fade-up][data-anim-type=separate].algo-animate .art_tip_image_c{
    transition-delay:1.2s;
}

[data-anim=fade-up][data-anim-type=separate].algo-animate .art_image:nth-child(1),
[data-anim=fade-up][data-anim-type=separate].algo-animate .art_col:nth-child(1){
    transition-delay:0.8s;
}

[data-anim=fade-up][data-anim-type=separate].algo-animate .art_image:nth-child(2),
[data-anim=fade-up][data-anim-type=separate].algo-animate .art_col:nth-child(2){
    transition-delay:1.2s;
}

[data-anim=fade-up][data-anim-type=separate].algo-animate .art_image:nth-child(3),
[data-anim=fade-up][data-anim-type=separate].algo-animate .art_col:nth-child(3){
    transition-delay:1.6s;
}
/* END FADE UP */

/*  ZOOM IN */
[data-anim=zoom-in][data-anim-type=all-in]
{
    opacity: 0;
    transform: translate3d(0,-100px,0) scale(.6);
}

[data-anim=zoom-in][data-anim-type=all-in].algo-animate{
    opacity: 1;
    transform: translateZ(0) scale(1);
}

[data-anim=zoom-in][data-anim-type=separate] .art_headline,
[data-anim=zoom-in][data-anim-type=separate] .art_inner,
[data-anim=zoom-in][data-anim-type=separate] .dv_image_left,
[data-anim=zoom-in][data-anim-type=separate] .dv_image_right,
[data-anim=zoom-in][data-anim-type=separate] .art_image,
[data-anim=zoom-in][data-anim-type=separate] .art_col,
[data-anim=zoom-in][data-anim-type=separate] .art_pack_image,
[data-anim=zoom-in][data-anim-type=separate] .art_tip_image_c{
    opacity: 0;
    transform: translate3d(0,-100px,0) scale(.6);
}
[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_headline,
[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_inner,
[data-anim=zoom-in][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=zoom-in][data-anim-type=separate].algo-animate .dv_image_right,
[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_image,
[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_col,
[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_tip_image_c{
    opacity: 1;
    transform: translateZ(0) scale(1);
}

[data-anim=zoom-in][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=zoom-in][data-anim-type=separate].algo-animate .dv_image_right{
    transition-delay:0s;
}

[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_headline{
    transition-delay:0.3s;
}

[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_inner{
    transition-delay:0.6s;
}

[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_tip_image_c{
    transition-delay:0.9s;
}

[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_image:nth-child(1),
[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_col:nth-child(1){
    transition-delay:1.5s;
}

[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_image:nth-child(2),
[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_col:nth-child(2){
    transition-delay:1.9s;
}

[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_image:nth-child(3),
[data-anim=zoom-in][data-anim-type=separate].algo-animate .art_col:nth-child(3){
    transition-delay:2.3s;
}
/* END ZOOM IN */


/*  BOUNCE RIGHT */
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;

        -webkit-transform: translateX(400px);
    }
    60% {

        -webkit-transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
    }
    100% {
    opacity: 1;

        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;

        transform: translateX(400px);
    }
    60% {

        transform: translateX(-30px);
    }
    80% {
        transform: translateX(10px);
    }
    100% {
    opacity: 1;

        transform: translateX(0);
    }
}

[data-anim=bounce-right][data-anim-type=all-in]
{
    opacity: 0;
    transition: none;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

[data-anim=bounce-right][data-anim-type=all-in].algo-animate{
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

[data-anim=bounce-right][data-anim-type=separate] .art_headline,
[data-anim=bounce-right][data-anim-type=separate] .art_inner,
[data-anim=bounce-right][data-anim-type=separate] .dv_image_left,
[data-anim=bounce-right][data-anim-type=separate] .dv_image_right,
[data-anim=bounce-right][data-anim-type=separate] .art_image,
[data-anim=bounce-right][data-anim-type=separate] .art_col,
[data-anim=bounce-right][data-anim-type=separate] .art_pack_image,
[data-anim=bounce-right][data-anim-type=separate] .art_tip_image_c
{
    opacity: 0;
    transition: none;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_headline,
[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_inner,
[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_image,
[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_col,
[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_tip_image_c
{
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

.art_texti.image_left[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_headline,
.art_texti.image_left[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_inner,
.art_texti.image_left[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_headline,
.art_texti.image_left[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_inner
{
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

.art_texti.image_right[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_headline,
.art_texti.image_right[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_inner,
.art_texti.image_right[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_headline,
.art_texti.image_right[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_inner
{
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.art_texti.image_left[data-anim=bounce-right][data-anim-type=separate].algo-animate .dv_image_left,
.art_texti.image_left[data-anim=bounce-right][data-anim-type=separate].algo-animate .dv_image_right,
.art_texti.image_left[data-anim=bounce-left][data-anim-type=separate].algo-animate .dv_image_left,
.art_texti.image_left[data-anim=bounce-left][data-anim-type=separate].algo-animate .dv_image_right{
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

.art_texti.image_right[data-anim=bounce-right][data-anim-type=separate].algo-animate .dv_image_left,
.art_texti.image_right[data-anim=bounce-right][data-anim-type=separate].algo-animate .dv_image_right,
.art_texti.image_right[data-anim=bounce-left][data-anim-type=separate].algo-animate .dv_image_left,
.art_texti.image_right[data-anim=bounce-left][data-anim-type=separate].algo-animate .dv_image_right{
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_headline{
    animation-delay:0s;
}

[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_inner{
    animation-delay:0.8s;
}

[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_tip_image_c{
    animation-delay:1.2s;
}

[data-anim=bounce-right][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=bounce-right][data-anim-type=separate].algo-animate .dv_image_right{
    animation-delay: 1s;
}

[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_image:nth-child(1),
[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_col:nth-child(1)
{
    animation-delay: 0.8s;
}

[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_image:nth-child(2),
[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_col:nth-child(2)
{
    animation-delay: 1.1s;
}

[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_image:nth-child(3),
[data-anim=bounce-right][data-anim-type=separate].algo-animate .art_col:nth-child(3)
{
    animation-delay: 1.4s;
}

/* END BOUNCE RIGHT */

/* BOUNCE LEFT */
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;

        -webkit-transform: translateX(-400px);
    }
    60% {

        -webkit-transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        opacity: 1;

        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;

        transform: translateX(-400px);
    }
    60% {

        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;

        transform: translateX(0);
    }
}

[data-anim=bounce-left][data-anim-type=all-in]
{
    opacity: 0;
    transition: none;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

[data-anim=bounce-left][data-anim-type=all-in].algo-animate{
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

[data-anim=bounce-left][data-anim-type=separate] .art_headline,
[data-anim=bounce-left][data-anim-type=separate] .art_inner,
[data-anim=bounce-left][data-anim-type=separate] .dv_image_left,
[data-anim=bounce-left][data-anim-type=separate] .dv_image_right,
[data-anim=bounce-left][data-anim-type=separate] .art_image,
[data-anim=bounce-left][data-anim-type=separate] .art_col,
[data-anim=bounce-left][data-anim-type=separate] .art_pack_image,
[data-anim=bounce-left][data-anim-type=separate] .art_tip_image_c
{
    opacity: 0;
    transition: none;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_headline,
[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_inner,
[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_image,
[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_col,
[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_tip_image_c
{
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

[data-anim=bounce-left][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=bounce-left][data-anim-type=separate].algo-animate .dv_image_right{
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_headline{
    animation-delay:0s;
}

[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_inner{
    animation-delay:0.8s;
}

[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_pack_image,
[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_tip_image_c{
    animation-delay:1.2s;
}

[data-anim=bounce-left][data-anim-type=separate].algo-animate .dv_image_left,
[data-anim=bounce-left][data-anim-type=separate].algo-animate .dv_image_right{
    animation-delay: 1s;
}

[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_image:nth-child(1),
[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_col:nth-child(1)
{
    animation-delay: 1.4s;
}

[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_image:nth-child(2),
[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_col:nth-child(2)
{
    animation-delay: 1.1s;
}

[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_image:nth-child(3),
[data-anim=bounce-left][data-anim-type=separate].algo-animate .art_col:nth-child(3)
{
    animation-delay: 0.8s;
}
/* END BOUNCE IN */