.hide-pop {
    -webkit-animation: slide-out-top 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) both !important;
    animation: slide-out-top 0.6s cubic-bezier(0.455, 0.030, 0.515, 0.955) both !imoprtant;
}


.show-pop {
    display: block !important;
    -webkit-animation: slide-in-bottom 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) both;
    animation: slide-in-bottom 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) both;
}

.pop-body {
/*    top: calc(50vh - 250px) !important;*/
    display: none;
}
.pop-body h2 {
    letter-spacing: -0.1px;
}

@media (max-width: 600px) {
    #buttonu401955-wrapper {
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .pop-body {
        top: 0 !important;
    }
}


.pop-close {
    cursor: pointer;
}

/* show pop animation */

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 1;
    }

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

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 1;
    }

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

/* hide pop animaiton */

@-webkit-keyframes slide-out-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 1;
    }
}

@keyframes slide-out-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 1;
    }
}