.delay {
    transition-delay: var(--delay) !important;
    -webkit-transition-delay: var(--delay) !important;
}

/*ANIMAZIONI*/
.to,.t {
    opacity: 0;
    transform: translateY(-20%);
}

.to.is-inview,.t.is-inview {
    opacity: 1;
    transform: translateY(0);
    transition: 1.2s ease-out all;
}
.bo,.b {
    opacity: 0;
    transform: translateY(20px);
}

.bo span {
    transform: translateY(50px);
}

.bo.is-inview,.b.is-inview {
    opacity: 1;
    transform: translateY(0);
    transition: 1.8s ease-out all;
}

.bo-px {
    opacity: 0;
    transform: translateY(20px);
}

.bo-px.is-inview {
    opacity: 1;
    transform: translateY(0);
    transition: 1.2s ease-out all;
}

.op{
    opacity: 0;
    transition: 1.5s ease all;
}

.op.is-inview {
    opacity: 1;
    transition: 1.5s ease all;
}

.lo {
    opacity: 0;
    transform: translateX(-50px);
}

.lo.is-inview {
    opacity: 1;
    transform: translateX(0);
    transition: 1.8s ease-out all;
}

/* FINE ANIMAZIONI*/



.time {
    transition-duration: var(--time) !important;
    -webkit-transition-duration: var(--time) !important;
}

.anim-Up {
    position: relative;
    overflow: hidden;
    padding-bottom: 0.13em;
    margin-top: -0.13em;
}

h2 .anim-Up {
    padding-bottom: 0.20em;
    margin-top: -0.20em;
}

.anim-up-inner {
    transform: translateY(178%) rotate(5deg);
    -webkit-transform: translateY(178%) rotate(5deg);
    transition: .5s ease-out all;
    -webkit-transition: .5s ease-out all;
    display: inline-block;
}

.anim-Up.is-inview .anim-up-inner {
    opacity: 1;
    transform: translateY(0px) rotate(0);
    -webkit-transform: translateY(0px) rotate(0);
    transition-delay: .2s;
    transition: .5s ease-out all;
    -webkit-transition: .5s ease-out all;
}