/*anaimation slider */
/*Wrapper*/
.wrapper {
    position: relative;
}

    .wrapper h5 {
        display: block;
        font-size: 1em;
        letter-spacing: 5px;
        padding: .5em 0;
        border-top: 1px solid;
        border-bottom: 1px solid;
        width: 28%;
        text-transform: capitalize;
        color: #212121;
    }

    .wrapper .sentence {
        font-size: 2em;
        text-transform: capitalize;
        font-family: 'Cabin Condensed', sans-serif;
    }

/*Pop Effect*/
.popEffect {
    display: inline;
    text-indent: 8px;
}

    .popEffect span {
        animation: pop 10.5s linear infinite 0s;
        -ms-animation: pop 10.5s linear infinite 0s;
        -webkit-animation: pop 10.5s linear infinite 0s;
        color: #212121;
        opacity: 0;
        overflow: hidden;
        position: absolute;
    }
       

        .popEffect span:nth-child(2) {
            animation-delay: 2.5s;
            -ms-animation-delay: 2.5s;
            -webkit-animation-delay: 2.5s;
            color:black;
        }

        .popEffect span:nth-child(3) {
            animation-delay: 5s;
            -ms-animation-delay: 5s;
            -webkit-animation-delay: 5s;
            color: white;
        }

        .popEffect span:nth-child(4) {
            animation-delay: 7.5s;
            -ms-animation-delay: 7.5s;
            -webkit-animation-delay: 7.5s;
            color: black;
        }

        .popEffect span:nth-child(5) {
            animation-delay: 10.6s;
            -ms-animation-delay: 10.6s;
            -webkit-animation-delay: 10.6s;
            color: black;
        }

        .popEffect span:nth-child(6) {
            animation-delay: 12.5s;
            -ms-animation-delay: 12.5s;
            -webkit-animation-delay: 12.5s;
            color: black;
        }

        .popEffect span:nth-child(7) {
            animation-delay: 18s;
            -ms-animation-delay: 18s;
            -webkit-animation-delay: 18s;
        }


/*Pop Effect Animation*/
@-moz-keyframes pop {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 0;
        -moz-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);
    }

    10% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    25% {
        opacity: 1;
        -moz-transform: translateY(0px);
    }

    30% {
        opacity: 0;
        -moz-transform: translateY(0px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes pop {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 0;
        -webkit-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    25% {
        opacity: 1;
        -webkit-transform: translateY(0px);
    }

    30% {
        opacity: 0;
        -webkit-transform: translateY(0px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes pop {
    0% {
        opacity: 0;
    }

    5% {
        opacity: 0;
        -ms-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);
    }

    10% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    25% {
        opacity: 1;
        -ms-transform: translateY(0px);
    }

    30% {
        opacity: 0;
        -ms-transform: translateY(0px);
    }

    80% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


/*end here*/