#newsletter-popup-wrap {
    position: fixed;
    background:rgba(86,180,212,0.95);
    top:0;
    left:0;
    z-index:5000;
    width:100%;
    height:100%;
    overflow: scroll;
}

#newsletter-popup {
    position: relative;
    display: block;
    width: 80%;
    max-width: 1000px;
    min-width: 280px;
    top: 50%;
    left: 0;
    background: none;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: -329px auto;
    padding: 100px 10px;
}

.close-newsletter-popup-icon {
    opacity: 1;
    display: block;
    width: 20px;
    height: 20px;
    text-shadow: none;
    top: 30px;
    right: 40px;
    position: absolute;
    font-size: 30px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCAzNTcgMzU3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzNTcgMzU3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGcgaWQ9ImNsb3NlIj48cG9seWdvbiBwb2ludHM9IjM1NywzNS43IDMyMS4zLDAgMTc4LjUsMTQyLjggMzUuNywwIDAsMzUuNyAxNDIuOCwxNzguNSAwLDMyMS4zIDM1LjcsMzU3IDE3OC41LDIxNC4yIDMyMS4zLDM1NyAzNTcsMzIxLjMgICAgIDIxNC4yLDE3OC41ICAgIiBmaWxsPSIjRkZGRkZGIi8+PC9nPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    cursor: pointer;
}
.close-newsletter-popup-icon:hover {
    opacity: 0.8;
}


#newsletter-popup h2 {
    margin-top: 37px;
    color: #fff;
    font-size: 3em;
}

#newsletter-popup h2.exceptional {
    font-size: 2.5em;
}

#newsletter-popup input {
    line-height: 1.4em;
    padding: 9px 5px;
    width: 100%;
    font-size: 1.6em;
}

#newsletter-popup label {
    padding: 5px;
    font-weight: bold;
}

#newsletter-popup p, #newsletter-popup label {
    font-size: 1.4em;
    /* color: #505556; */
    color: #fff;
    /* font-weight: bold; */
    max-width: 747px;
    text-align: center;
    margin: 34px auto;
}

#newsletter-popup .logo {
    background-image: url('../img/logo.png');
    width: 300px;
    height: 51px;
    background-size: cover;
    margin: 35px auto;
}

#newsletter-popup-wrap .close-popup {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

#newsletter-popup-wrap .newsletter-ajax-loading {
    background-image: url('../img/ajax-loader.gif');
    width: 15px;
    height: 15px;
}

#newsletter-popup-wrap .newsletter-ajax-loading-wrapper {
    position: relative;
    display: inline-block;
    top: 13px;
}

.hidden {
    display: none !important;
}

#btn-wrapper {
    margin: 0 auto;
    width: 70%;
    font-size: 1.5em;
    color: #fff;
}

.newsletter-close, #newsletter-submit {
    width: 47%;
    height: 50px;
    display: inline-block;
    cursor: pointer;
}

.newsletter-close {
    border: 2px solid #fff;
    padding: 6px 0 0;
    float: right;
}

#newsletter-submit {
    background: #505556;
    float: left;
    padding: 8px 0 0;
}

#newsletter-popup #newsletter-popup-subscription-error-message {
    margin: 0 auto;
    text-shadow: 1px 1px 0 #fff;
    font-size: 2em;
}

#newsletter-email-wrapper {
    position: relative;
    width: 70%;
    margin: 45px auto;
}

#newsletter-email-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 3px;
    width: 60px;
    height: 33px;
    margin: 11px 0;
    background-size: 45px 33px;
    background-image: url('../img/email.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
}

#newsletter-email {
    text-align: center;
}

#newsletter-popup-wrap input::-webkit-input-placeholder {line-height: 1.4em; text-align:center; }
#newsletter-popup-wrap input::-moz-placeholder          {line-height: 1.4em; text-align:center; }/* Firefox 19+ */
#newsletter-popup-wrap input:-moz-placeholder           {line-height: 1.4em; text-align:center;  }/* Firefox 18- */
#newsletter-popup-wrap input:-ms-input-placeholder      {line-height: 1.4em; text-align:center; }
#newsletter-popup-wrap input:focus::-webkit-input-placeholder { color:transparent; }
#newsletter-popup-wrap input:focus::-moz-placeholder { color:transparent; }
#newsletter-popup-wrap input:focus:-moz-placeholder { color:transparent; }


@media screen and (max-width: 480px) {
    #newsletter-popup {
        padding: 10px 10px;
        margin: -294px auto;
    }

    #newsletter-popup .logo {
        width: 250px;
        height: 43px;
    }

    #newsletter-popup h2 {
        font-size: 2em;
    }

    #newsletter-popup h2.exceptional {
        font-size: 1.6em;
    }

    #newsletter-popup p, #newsletter-popup label {
        font-size: 1.2em;
    }

    #newsletter-email-wrapper {
        width: 100%;
    }

    #btn-wrapper {
        width: 100%;
    }

    #newsletter-email-wrapper::before {
        width: 41px;
        height: 30px;
        margin: 13px;
    }

    #newsletter-popup input {
        padding: 9px 5px 9px 60px;
    }
}


@media screen and (max-width: 480px), screen and (max-height: 480px) {
    #newsletter-popup {
        padding: 10px 10px;
        margin: -294px auto;
    }

    #newsletter-popup .logo {
        width: 250px;
        height: 43px;
    }

    #newsletter-popup h2 {
        font-size: 2em;
    }

    #newsletter-popup h2.exceptional {
        font-size: 1.6em;
    }

    #newsletter-popup p, #newsletter-popup label {
        font-size: 1.2em;
    }

    #newsletter-email-wrapper {
        width: 100%;
    }

    #btn-wrapper {
        width: 100%;
    }

    #newsletter-email-wrapper::before {
        width: 41px;
        height: 30px;
        margin: 13px;
    }

    #newsletter-popup input {
        padding: 9px 5px 9px 60px;
    }

    .close-newsletter-popup-icon {
        right: 22px;
        top: 22px;
    }
}


@media screen and (max-width: 360px), screen and (max-height: 360px) {
    #newsletter-popup {
        margin: -273px auto;
    }

    #newsletter-popup .logo {
        width: 200px;
        height: 34px;
        margin: 35px auto 20px auto;
    }

    #newsletter-popup h2 {
        margin-top: 20px;
        font-size: 1.6em;
    }

    #newsletter-popup h2.exceptional {
        font-size: 1.2em;
    }

    #newsletter-popup p, #newsletter-popup label {
        font-size: 1.1em;
        margin: 19px auto;
    }

    #newsletter-email-wrapper::before {
        width: 35px;
        height: 26px;
        margin: 10px;
    }

    #newsletter-popup input {
        padding: 6px 6px 6px 60px;
        font-size: 1.4em;
    }

    #btn-wrapper {
        font-size: 1.2em;
    }

    .newsletter-close, #newsletter-submit {
        padding: 11px 0 0;
    }

}

@media screen and (max-width: 773px) and (orientation: landscape) {
    #newsletter-popup {
        margin: -180px auto;
    }

    #newsletter-popup h2 {
        margin-top: 19px;
        font-size: 1.8em;
    }

    #newsletter-popup h2.exceptional {
        font-size: 1.4em;
    }

    #newsletter-popup .logo {
        margin: 20px auto;
    }

    #newsletter-popup p, #newsletter-popup label {
        margin: 19px auto;
    }

    #newsletter-email-wrapper {
        margin: 23px auto;
    }

    #newsletter-popup input {
        padding: 6px 5px 6px 60px;
    }

    #newsletter-email-wrapper::before {
        margin: 10px;
    }

    .newsletter-close, #newsletter-submit {
        height: 45px;
    }

    #newsletter-submit {
        padding: 5px 0 0;
    }

    .newsletter-close {
        padding: 4px 0 0;
    }
}

@media screen and (max-width: 568px) and (orientation: landscape) {
    #newsletter-popup {
        margin: -158px auto;
    }

    #newsletter-popup .logo {
        margin: 0 auto;
    }

    #newsletter-popup p, #newsletter-popup label {
        margin: 11px auto;
    }

    #newsletter-email-wrapper {
        margin: 11px auto;
    }

    .newsletter-close,
    #newsletter-submit {
        height: 40px;
    }

    #newsletter-submit {
        padding: 8px 0 0;
    }

    #newsletter-close {
        padding: 4px 0 0;
    }
}