@charset "UTF-8";
/**************************************************/

.scrollObject *:is(.ani_top, .ani_bottom, .ani_left, .ani_right){ position: relative;}
.scrollObject [class*="ani_"]{
    transition: 0.5s ease-out; opacity: 0; visibility: collapse;
    -webkit-transition: 0.5s ease-out; 
    -moz-transition: 0.5s ease-out; 
    -o-transition: 0.5s ease-out; 
}
.scrollObject.active [class*="ani_"]{ opacity: 1; visibility: visible;}

.scrollObject .ani_top{ top: -60px;}
.scrollObject .ani_bottom{ bottom: -60px;}
.scrollObject .ani_left{ left: -60px;}
.scrollObject .ani_right{ right: -60px;}
.scrollObject.active .ani_bottom{ bottom: 0;}
.scrollObject.active .ani_top{ top: 0;}
.scrollObject.active .ani_left{ left: 0;}
.scrollObject.active .ani_right{ right: 0;}

.scrollObject .ani_zoom{
    transition-delay: 0.3s; 
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition: opacity 0.6s ease-out, transform 0.8s ease-out; 
    -webkit-transition: opacity 0.6s ease-out, transform 0.8s ease-out; 
    -moz-transition: opacity 0.6s ease-out, transform 0.8s ease-out; 
    -o-transition: opacity 0.6s ease-out, transform 0.8s ease-out; 
}
.scrollObject:not(.active) .ani_zoom{
    opacity: 0; 
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.scrollObject.active .delay_03{ 
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
}
.scrollObject.active .delay_05{ 
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
}
.scrollObject.active .delay_07{ 
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
}
.scrollObject.active .delay_09{ 
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
    -moz-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
}
.scrollObject.active .delay_11{ 
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
}
.scrollObject.active .delay_13{ 
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
}
.scrollObject.active .delay_15{ 
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
}
.scrollObject.active .delay_17{ 
    transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s;
    -moz-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
}
.scrollObject.active .delay_19{ 
    transition-delay: 1.9s;
    -webkit-transition-delay: 1.9s;
    -moz-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
}
.scrollObject.active .delay_21{ 
    transition-delay: 2.1s;
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
}
.scrollObject.active .delay_23{ 
    transition-delay: 2.3s;
    -webkit-transition-delay: 2.3s;
    -moz-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
}
.scrollObject.active .delay_25{ 
    transition-delay: 2.5s;
    -webkit-transition-delay: 2.5s;
    -moz-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
}
.scrollObject.active .delay_27{ 
    transition-delay: 2.7s;
    -webkit-transition-delay: 2.7s;
    -moz-transition-delay: 2.7s;
    -o-transition-delay: 2.7s;
}