@keyframes hide {
    0% {
        opacity:1;
        -webkit-transform: scale(1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1);  /* FF3.5+ */
        -ms-transform: scale(1);  /* IE9 */
        -o-transform: scale(1);  /* Opera 10.5+ */
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1.1);  /* FF3.5+ */
        -ms-transform: scale(1.1);  /* IE9 */
        -o-transform: scale(1.1);  /* Opera 10.5+ */
        transform: scale(1.1);
    }
    100% {
        opacity:0;
        -webkit-transform: scale(0.4);  /* Saf3.1+, Chrome */
        -moz-transform: scale(0.4);  /* FF3.5+ */
        -ms-transform: scale(0.4);  /* IE9 */
        -o-transform: scale(0.4);  /* Opera 10.5+ */
        transform: scale(0.4);
    }
}

@-webkit-keyframes hide {
    0% {
        opacity:1;
        -webkit-transform: scale(1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1);  /* FF3.5+ */
        -ms-transform: scale(1);  /* IE9 */
        -o-transform: scale(1);  /* Opera 10.5+ */
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1.1);  /* FF3.5+ */
        -ms-transform: scale(1.1);  /* IE9 */
        -o-transform: scale(1.1);  /* Opera 10.5+ */
        transform: scale(1.1);
    }
    100% {
        opacity:0;
        -webkit-transform: scale(0.4);  /* Saf3.1+, Chrome */
        -moz-transform: scale(0.4);  /* FF3.5+ */
        -ms-transform: scale(0.4);  /* IE9 */
        -o-transform: scale(0.4);  /* Opera 10.5+ */
        transform: scale(0.4);
    }
}

@keyframes show {
    0% {
        opacity:0;
        visibility: visible;
        -webkit-transform: scale(0.4);  /* Saf3.1+, Chrome */
        -moz-transform: scale(0.4);  /* FF3.5+ */
        -ms-transform: scale(0.4);  /* IE9 */
        -o-transform: scale(0.4);  /* Opera 10.5+ */
        transform: scale(0.4);
    }
    70% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1.1);  /* FF3.5+ */
        -ms-transform: scale(1.1);  /* IE9 */
        -o-transform: scale(1.1);  /* Opera 10.5+ */
        transform: scale(1.1);
    }
    100% {
        opacity:1;
        -webkit-transform: scale(1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1);  /* FF3.5+ */
        -ms-transform: scale(1);  /* IE9 */
        -o-transform: scale(1);  /* Opera 10.5+ */
        transform: scale(1);
    }
}

@-webkit-keyframes show {
    0% {
        opacity:0;
        -webkit-transform: scale(0.4);  /* Saf3.1+, Chrome */
        -moz-transform: scale(0.4);  /* FF3.5+ */
        -ms-transform: scale(0.4);  /* IE9 */
        -o-transform: scale(0.4);  /* Opera 10.5+ */
        transform: scale(0.4);
    }
    70% {
        -webkit-transform: scale(1.1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1.1);  /* FF3.5+ */
        -ms-transform: scale(1.1);  /* IE9 */
        -o-transform: scale(1.1);  /* Opera 10.5+ */
        transform: scale(1.1);
    }
    100% {
        opacity:1;
        -webkit-transform: scale(1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1);  /* FF3.5+ */
        -ms-transform: scale(1);  /* IE9 */
        -o-transform: scale(1);  /* Opera 10.5+ */
        transform: scale(1);
    }
}


@keyframes showIn {
    0% {
        opacity:0;
        max-height: 0;
        visibility: visible;
        -webkit-transform: scale(0.4);  /* Saf3.1+, Chrome */
        -moz-transform: scale(0.4);  /* FF3.5+ */
        -ms-transform: scale(0.4);  /* IE9 */
        -o-transform: scale(0.4);  /* Opera 10.5+ */
        transform: scale(0.4);
    }
    70% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1.1);  /* FF3.5+ */
        -ms-transform: scale(1.1);  /* IE9 */
        -o-transform: scale(1.1);  /* Opera 10.5+ */
        transform: scale(1.1);
    }
    100% {
        opacity:1;
        max-height: 60px;
        -webkit-transform: scale(1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1);  /* FF3.5+ */
        -ms-transform: scale(1);  /* IE9 */
        -o-transform: scale(1);  /* Opera 10.5+ */
        transform: scale(1);
    }
}

@-webkit-keyframes showIn {
    0% {
        opacity:0;
        max-height: 0;
        -webkit-transform: scale(0.4);  /* Saf3.1+, Chrome */
        -moz-transform: scale(0.4);  /* FF3.5+ */
        -ms-transform: scale(0.4);  /* IE9 */
        -o-transform: scale(0.4);  /* Opera 10.5+ */
        transform: scale(0.4);
    }
    70% {
        -webkit-transform: scale(1.1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1.1);  /* FF3.5+ */
        -ms-transform: scale(1.1);  /* IE9 */
        -o-transform: scale(1.1);  /* Opera 10.5+ */
        transform: scale(1.1);
    }
    100% {
        opacity:1;
        max-height: 60px;
        -webkit-transform: scale(1);  /* Saf3.1+, Chrome */
        -moz-transform: scale(1);  /* FF3.5+ */
        -ms-transform: scale(1);  /* IE9 */
        -o-transform: scale(1);  /* Opera 10.5+ */
        transform: scale(1);
    }
}



.ng-hide-add {
    -webkit-animation:0.25s hide;
    animation:0.25s hide;
}
.ng-hide-remove {
    -webkit-animation:0.25s show;
    animation:0.25s show;
}