/*anim style*/
/*Style 4*/
@-webkit-keyframes heading-style-4-in {
    0% {
        transform: scale(.2);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes heading-style-4-in {
    0% {
        transform: scale(.2);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes heading-style-4-out {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(2);
        opacity: 0
    }
}

@keyframes heading-style-4-out {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(2);
        opacity: 0
    }
}

.tpgb-heading-animation .heading-text-style-4 .heading-anim-text {
    opacity: 0;
    white-space: nowrap
}

.tpgb-heading-animation .heading-text-style-4 .heading-text-active {
    opacity: 1
}

.tpgb-heading-animation .heading-text-style-4 {
    transition: width .5s
}

.heading-text-style-4 .heading-anim-text {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.heading-text-style-4 .heading-anim-text.heading-text-inactive {
    animation: heading-style-4-out .6s forwards;
    animation-timing-function: cubic-bezier(.7,0,.84,0)
}

.heading-text-style-4 .heading-anim-text.heading-text-active {
    animation: heading-style-4-in .8s forwards;
    animation-delay: .5s
}
/*Style 4*/
/*anim style*/