div#popuppostalcodeshow, .popup-alert-prod, .popup-alert-notservice {
    position: fixed;
    top: 30%;
    background: white;
    width: 440px;
    z-index: 99999;
    left: 50%;
    margin-left: -220px;
    padding: 25px;
    text-align: center;
    display: none
}
.popup-alert-notservice .title {
    line-height: 22px;
    margin-bottom: 25px;
}

.popup-alert-notservice form > input:first-child {
    margin-bottom: 30px !important;
}
.popup-alert-notservice span.go-out:hover {
   background: #d4b081!important;
}
.popup-alert-notservice span.go-out {
    background: #fcd199;
    border-radius: 25px;
    width: auto;
    height: 50px;
    margin: auto;
    /* line-height: 50px; */
    cursor: pointer;
    display: inline-block;
    padding: 15px;
    border: none;
}
.popuppostalcodebg {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #00000066;
    z-index: 9999;
}
body.activepopup .popuppostalcodebg, body.activepopup #popuppostalcodeshow{
    display: block!important
}
.closebutton:before {
    content: "";
    background: url(../../img/front/times-solid.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}
.closebutton {
    position: absolute;
    right: 15px;
    top: 12px;
    cursor: pointer;
}
div#popuppostalcodeshow .title {
    font-size: 18px;
    color: #00798f;
    font-weight: bold;
    padding: 12px 0px 20px;
    letter-spacing: 1px;
}
div#popuppostalcodeshow form input[name=postalcodecheck], .popup-alert-notservice form > input[name=postalcodecheck] {
    background: #e2e2e2;
    border: none;
    text-align: center;
    min-width: 250px;
    border-radius: 40px;
    line-height: 49px;
    margin: auto;
}
div#popuppostalcodeshow form input[name=submitpostalcodecheck] {
    display: block;
    margin: 20px auto 0px;
    background: transparent;
    border: none;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
    color: #00798f;
}
div#popuppostalcodeshow p.phrase {
    padding-bottom: 0px;
    font-size: 18px;
}
div#popuppostalcodeshow form {
    padding: 25px 0px 6px;
}

.popup-alert-prod, .popup-alert-notservice {
    display: none;
}

.popup-alert-prod .title {
    line-height: 23px;
    margin-bottom: 45px;
}

.close-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    display: none;
    z-index: 100;
    height: 100%;
    background: #0000003d;
}

.popup-alert-prod button.accept-zone-info, .popup-alert-notservice input[type="submit"] {
    background: #fcd199;
    border-radius: 25px;
    width: 60%;
    height: 50px;
    margin: auto;
    line-height: 50px;
    cursor: pointer;
    padding: 0px;
    border: none;
    display: inline-block;
}

.popup-alert-prod button.accept-zone-info:hover, .popup-alert-notservice input[type="submit"]:hover {
    background: #d4b081!important;
    border-color: transparent!important;
}

@media(max-width: 425px){
    div#popuppostalcodeshow {
        max-width: 100%;
        left: calc(50% - 160px);
        margin-left: 0px;
        width: 320px;
    }
}