.newsletter {background-color: #f5f9f9; padding: 10px; color: #222222; text-align: center; font-size: 14px;}
.newsletter .heading {text-transform: uppercase;}
.newsletter input[type=text], .newsletter input[type=email]  {border-color: #e5e5e4; padding: 0 10px; height: 40px; box-sizing: border-box; font-size: 14px; color: #222; outline: none; border: 1px solid #d8dadb; width: 100%; margin-bottom: 20px;}
.newsletter input[type=text].has-error, .newsletter input[type=email].has-error{border: 2px solid #eeaaa9 ;}
.newsletter button {background-color: #308892; border: none; color: #fff; cursor: pointer; font-size: 13px; height: 40px; padding: 0; text-transform: uppercase; letter-spacing: .5px; width: 100%;}
.message-container .newletter-error{background: #f05a5c;border: 1px solid #ec5b62; color: #ffffff; text-align: left;margin-bottom: 10px;padding:10px;font-size: 12px;border-radius: 4px;display: block;}
body.rtl .message-container .newletter-error {font-family:Arabic-DroidKufi;text-align: right;}
.message-container .success-message{ background:#3bd092;border:1px solid #35af7c;color: #ffffff;text-align: left;margin-bottom: 10px;padding: 10px;font-size: 12px;border-radius: 4px;display: block;}
body.rtl .message-container .success-message{font-family:Arabic-DroidKufi;text-align: right;}
.newsletter button.processing { background-color:#18bfd2;}
/* Popup box BEGIN */

.newsletter-form-popup{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.news_letter_form.fixed{
    position: fixed;
    top:0;
}
.newsletter-form-popup .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.newsletter-form-popup > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.newsletter-popup-close-btn {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.newsletter-popup-close-btn:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* Popup box BEGIN */