#mc_link_signup.mtnsr {display: block; background-color: #f5f5f6; margin: 15px auto; clear: both; color: #fff;    padding: 20px 30px 30px 30px; box-shadow: 0 1px 4px 0 rgba(45, 57, 73, .1);}
#mc_link_signup.mtnsr.red {background-color: #e73636;}
#mc_link_signup.mtnsr.grey  {background-color: #2d3949;}
#mc_link_signup.mtnsr.blue  {background-color: #009fe3;}
#mc_link_signup.mtnsr h2 {color: #fff; text-decoration: none;}
#mc_link_signup.mtnsr .mc-field-group { width: calc(100% - 102px); float: left; margin-right: 2px;}
#mc_link_signup.mtnsr .mc-field-group input#mce-EMAIL {width: 100%; border-radius: 0; background-color: #fff;}
.mtnsr a.mailbutton {
    width: 100px;
    background-color: #fff;
    color: #2d3949;
    min-width: 0;
    border: solid 2px #fff;
    box-shadow: none;
    padding: 14px;
    font-weight: lighter;
    display: block;
    text-align: center;
}


#mc_link_signup.mtnsr a.mailbutton:hover {
    color: #fff;
    background-color: #2d3949; 
}
#mc_link_signup.mtnsr.red a.mailbutton:hover {
    background-color: #e73636; 
}
#mc_link_signup.mtnsr.blue a.mailbutton:hover {
    background-color: #009fe3; 
}



/* embed */

#mc_embed_signup.mtnsr {display: block; background-color: #f5f5f6; margin: 15px auto; clear: both; color: #fff;    padding: 20px 30px 30px 30px; box-shadow: 0 1px 4px 0 rgba(45, 57, 73, .1);}
#mc_embed_signup.mtnsr.red {background-color: #e73636;}
#mc_embed_signup.mtnsr.grey  {background-color: #2d3949;}
#mc_embed_signup.mtnsr.blue  {background-color: #009fe3;}
#mc_embed_signup.mtnsr h2 {color: #fff; text-decoration: none;}
#mc_embed_signup.mtnsr .mc-field-group { width: calc(100% - 102px); float: left; margin-right: 2px;}
#mc_embed_signup.mtnsr .mc-field-group input#mce-EMAIL {width: 100%; border-radius: 0; background-color: #fff;}
#mc_embed_signup.mtnsr #mc-embedded-subscribe {
    width: 100px;
    background-color: #fff;
    color: #2d3949;
    min-width: 0;
    border: solid 2px #fff;
    box-shadow: none;
    padding-bottom: 14px;
    font-weight: lighter;
    padding-top: 14px;
    display: block;
    text-align: center;
}


#mc_embed_signup.mtnsr #mc-embedded-subscribe:hover {
    color: #fff;
    background-color: #2d3949; 
}
#mc_embed_signup.mtnsr.red #mc-embedded-subscribe:hover {
    background-color: #e73636; 
}
#mc_embed_signup.mtnsr.blue #mc-embedded-subscribe:hover {
    background-color: #009fe3; 
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    /* background-color: #fefefe; */
    margin: 15% auto;
    padding: 0;
    /* border: 1px solid #888; */
    width: 80%;
    max-width: 480px;
        box-shadow: 8px 8px 0 8px #e73636;
    position: relative;
}

.modal-content #mc_embed_signup.mtnsr{
         box-shadow: -8px -8px 0 8px  #009fe3;   
}

/* The Close Button */
.modal .close {
    position: absolute;
    color: #2d3949;
    float: right;
    font-size: 28px;
    font-weight: bold;
    background-color: #ffffffa6;
    width: 36px;
    height: 36px;
    padding: 0px 11px;
    top: -60PX;
    BORDER-RADIUS: 100%;
    right: -60PX;
}

.modal .close:hover,
.modal .close:focus {
    color: #e73636;
    text-decoration: none;
    cursor: pointer;
}

.popup-header {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #e73636;
    font-weight: bold;
    font-size: 23px;
}