.anim{
    visibility: hidden!important;    
    position:relative;
    animation-timing-function: ease-in-out;
    display: inline-block;
}
.anim.block{
    display:block;
}
.anim.animstart{
    visibility: visible!important;
    opacity: 0;
}
.anim.visible{
    visibility: visible!important;    
    opacity: 1;
}

@keyframes anim_popup{
    0%{
        visibility: visible!important;
        opacity: 0;
        transform: translateY(50px);
    }
    100%{
        visibility: visible!important;
        opacity: 1;
        transform: translateY(0%);
    }
}
@keyframes anim_fadein{
    0%{
        visibility: visible!important;
        opacity: 0;        
    }
    100%{
        visibility: visible!important;
        opacity: 1;        
    }
}
@keyframes anim_fromright{
    0%{
        visibility: visible!important;
        opacity: 0;
        transform: translateX(70%);
    }
    100%{
        visibility: visible!important;
        opacity: 1;
        transform: translateX(0%);
    }
}
@keyframes anim_pop{
    0% {
        
        transform: scale(0) translate(-50%,-50%);
        opacity: 0;
        filter: blur(10px);
    }
    50% {
        transform: scale(1.2) translate(-50%,-50%);
        opacity: 0.8;
        filter: blur(2px);
    }
    75% {
        transform: scale(0.9) translate(-50%,-50%);
        opacity: 0.9;
        filter: blur(0px);
    }
    100% {
        transform: scale(1) translate(-50%,-50%);
        opacity: 1;
        filter: blur(0px);
    }
}
@keyframes anim_pop2{
    0% {        
        transform: scale(0);
        opacity: 0;
        filter: blur(10px);
    }
    50% {
        transform: scale(1.2) ;
        opacity: 0.8;
        filter: blur(2px);
    }
    75% {
        transform: scale(0.9) ;
        opacity: 0.9;
        filter: blur(0px);
    }
    100% {
        transform: scale(1) ;
        opacity: 1;
        filter: blur(0px);
    }
}
@keyframes anim_marker{
    0%{
        visibility: visible!important;
        opacity: 1;
        width:0%;
    }    
    100%{
        visibility: visible!important;
        opacity: 1;
        width:100%;
    }
}
@keyframes anim_height{
    0%{
        visibility: visible!important;
        opacity: 1;
        height:0%;
    }    
    100%{
        visibility: visible!important;
        opacity: 1;
        height:100%;
    }
}
@keyframes anim_updown{
    0%{
        opacity: 1;
        transform:translateY(0px);
    }
    50%{
        opacity: 1;
        transform:translateY(-10px);
    }
    100%{
        opacity: 1;
        transform:translateY(0px);
    }
}

.stats-scroll{
    animation : linear 1s up_down_anim infinite;
}
@keyframes up_down_anim{
    0%{        
        transform: translateY(0%);
    }

    70%{
        transform: translateY(-10px);
    }
    100%{        
        transform: translateY(0%);
    }
}


.extract-r .extract-r-row .extract-r-item .extract-r-item-subtitle span,
.operation-section .info-badge,
.growth-section .growing-arrow .bar-value .bar-value-plus.forpc
{
    display: inline-block;
    animation : linear 1s twinkle_anim infinite;
}

@media(max-width:768px){
    .growth-section .growing-arrow .bar-value .bar-value-plus.forpc{
        animation:none;
    }
    .growth-section .growing-arrow .bar-value .bar-value-plus.formobile{
        display: inline-block;
        animation : linear 1s twinkle_anim infinite;
    }
}


@keyframes twinkle_anim{
    0%{
        opacity: 1;
    }
    49%{
        opacity: 1;
    }
    50%{
        opacity: 0;
    }
    99%{opacity: 0;}
    100%{opacity: 1;}
}