/*anim style*/
/*Style 7*/
@-webkit-keyframes heading-style-7-in {
    0% {
        transform: rotateY(-90deg)
    }
    to {
        transform: rotateY(0deg)
    }
}
@keyframes heading-style-7-in {
    0% {
        transform: rotateY(-90deg)
    }
    to {
        transform: rotateY(0deg)
    }
}
@-webkit-keyframes heading-style-7-out {
    0% {
        transform: rotateY(0deg);
        opacity: 1
    }
    to {
        transform: rotateY(0deg);
        opacity: 0
    }
}
@keyframes heading-style-7-out {
    0% {
        transform: rotateY(0deg);
        opacity: 1
    }
    to {
        transform: rotateY(0deg);
        opacity: 0
    }
}
.tpgb-heading-animation .heading-text-style-7 {
    transition: width .5s;
    vertical-align: top
}
.tpgb-heading-animation .heading-text-style-7 .heading-anim-text {
    white-space: nowrap
}
.heading-text-style-7 .heading-anim-text {
    overflow: hidden
}
.heading-text-style-7 .heading-anim-text .letter {
    animation: heading-style-7-out .8s forwards;
    animation-timing-function: cubic-bezier(.16,1,.3,1);
    display: inline-block;
    transform-origin: 0 0
}
.heading-text-style-7 .heading-anim-text .letter.letter-anim-in {
    animation: heading-style-7-in 1.3s forwards;
    animation-timing-function: cubic-bezier(.34,1.56,.32,1.21)
}
/*Style 7*/
/*anim style*/