#nfp-popup {
    position: fixed !important;
    max-width: calc(100vw - 24px);
    background: #f7f7f7;
    border: 1px solid #c99b3e;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    color: #222;
    overflow: hidden;
    display: none;
    font-family: inherit;
    z-index: 2147483647 !important;
    transform-style: flat !important;
}
#nfp-popup.nfp-pos-top-left { top: 24px; left: 16px; }
#nfp-popup.nfp-pos-top-center { top: 24px; left: 50%; transform: translateX(-50%); }
#nfp-popup.nfp-pos-top-right { top: 24px; right: 16px; }
#nfp-popup.nfp-pos-center-left { top: 50%; left: 16px; transform: translateY(-50%); }
#nfp-popup.nfp-pos-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }
#nfp-popup.nfp-pos-center-right { top: 50%; right: 16px; transform: translateY(-50%); }
#nfp-popup.nfp-pos-bottom-left { bottom: 24px; left: 16px; }
#nfp-popup.nfp-pos-bottom-center { bottom: 24px; left: 50%; transform: translateX(-50%); }
#nfp-popup.nfp-pos-bottom-right { bottom: 24px; right: 16px; }

#nfp-popup .nfp-inner { padding: 14px 16px; }
#nfp-popup .nfp-close {
    position: absolute; top: 8px; right: 10px; border: 0; background: transparent;
    color: #222; font-size: 20px; line-height: 20px; cursor: pointer; padding: 2px 4px; z-index: 2;
}
#nfp-popup .nfp-close:hover { opacity: 0.75; }
#nfp-popup .nfp-content { padding-right: 22px; font-size: 13px; line-height: 1.35; }
#nfp-popup .nfp-content p:last-child { margin-bottom: 0; }
#nfp-popup .nfp-content img { max-width: 100%; height: auto; border-radius: 6px; }
#nfp-popup .nfp-content a { color: #111; text-decoration: underline; }
#nfp-popup .nfp-cta-wrap { margin-top: 12px; }
#nfp-popup .nfp-cta {
    display: inline-block;
    padding: 8px 12px;
    border-radius: 6px;
    background: #c99b3e;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 700;
}
#nfp-popup.nfp-animate-slide-up { animation: nfpSlideUp .28s ease-out; }
#nfp-popup.nfp-animate-fade-in { animation: nfpFadeIn .28s ease-out; }
@keyframes nfpSlideUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; }
}
@keyframes nfpFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@media (max-width: 767px) {
    #nfp-popup {
        left: 12px !important;
        right: 12px !important;
        top: auto !important;
        bottom: 12px !important;
        width: auto !important;
        max-width: none;
        transform: none !important;
    }

}