.pullUp{
    visibility: visible ;
    animation-name: pullUp;
    -webkit-animation-name: pullUp;

    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

@keyframes pullUp {
    0% {
        transform: scaleY(0.1);
    }
    40% {
        transform: scaleY(1.02);
    }
    60% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(1);
    }
}


.slideDown{
    animation-name: slideDown;
    -webkit-animation-name: slideDown;

    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    transition-property:0.2s;
    -webkit-transition: all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transition:         all 200ms cubic-bezier(0.47, 0, 0.745, 0.715);
    transform: translateY(+30px);
    visibility: visible !important;
}