/*anim css*/
/*Style 8*/
@-webkit-keyframes heading-style-8-in {
    0% {
        transform: translateY(-100px)
    }
    to {
        transform: translateY(0)
    }
}
@keyframes heading-style-8-in {
    0% {
        transform: translateY(-100px)
    }
    to {
        transform: translateY(0)
    }
}
@-webkit-keyframes heading-style-8-out {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(0);
        opacity: 0
    }
}
@keyframes heading-style-8-out {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(0);
        opacity: 0
    }
}
.tpgb-heading-animation .heading-text-style-8 {
    transition: width .5s;
    vertical-align: top
}
.tpgb-heading-animation .heading-text-style-8 .heading-anim-text {
    white-space: nowrap
}
.heading-text-style-8 .heading-anim-text {
    overflow: hidden
}
.heading-text-style-8 .heading-anim-text .letter {
    animation: heading-style-8-out .8s forwards;
    animation-timing-function: cubic-bezier(.16,1,.3,1);
    display: inline-block
}
.heading-text-style-8 .heading-anim-text .letter.letter-anim-in {
    animation: heading-style-8-in 1.4s forwards;
    animation-timing-function: cubic-bezier(.16,1,.3,1)
}
/*Style 8*/
/*anim style*/