@font-face {
font-family:"goudy-old-style";
src:url("https://use.typekit.net/af/cd9965/0000000000000000000179a7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/cd9965/0000000000000000000179a7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/cd9965/0000000000000000000179a7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"goudy-old-style";
src:url("https://use.typekit.net/af/6afdd3/0000000000000000000179a8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/6afdd3/0000000000000000000179a8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/6afdd3/0000000000000000000179a8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"goudy-old-style";
src:url("https://use.typekit.net/af/aadb84/0000000000000000000179aa/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/aadb84/0000000000000000000179aa/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/aadb84/0000000000000000000179aa/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}


/* Box Model Hack */
* {
     -moz-box-sizing: border-box; /* Firexfox */
     -webkit-box-sizing: border-box; /* Safari/Chrome/iOS/Android */
     box-sizing: border-box; /* IE */
}

body {
    margin:0;
    padding:0;
    font-family: 'goudy-old-style', Garamond,Times New Roman,serif;
    font-weight: 400;
    font-style: normal;
    font-size:20px;
    line-height:30px;
    color:#020202; 
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.outer_container {
    margin:0 auto;
    padding:0;
    position:relative;
    width:100%;
    height:auto; 
}

.logo_container {
    margin:0 auto;
    padding: 0; 
    background-color:#000000;
    width:100%;   
    height:auto;
}

.logo {
    margin:0 auto;
    padding:20px;
    width:100%;
    max-width:400px;
    height:auto;
    display:block;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

a {
    color:#c00000;
    text-decoration:none;
} 

.errors {
    color: #ff0000;
    font-weight: 700;
    margin: 20px auto;
    width: 100%;
    max-width: 800px;
    font-size: 18px;
    line-height: 20px;
}
 
 
.h1 {
    margin:30px auto 30px;
    padding:0 20px;
    width:100%;
    max-width:800px;
    font-size: 44px;
    line-height:50px;
    text-align:center;
} 

.h2 {
    margin:0 auto 30px;
    padding:0 20px;
    font-style:italic;
    text-align:center;
}
 
#chooseOffer.two_column {
    margin:0 auto;
    position:relative;
    width:100%;
    max-width: 800px;  
}

#combo, #digital {
    margin:0 2%;
    padding:0;
    position:relative;
    width:46%;
    float:left;
    border:1px solid #020202;
}
 
.red {
    color:#c00000;
}

.best_value {
    margin: 15px 0 0 0;
    padding:0; 
    font-family:arial, sans-serif;
    font-size:16px;
    line-height:16px;
    font-weight:bold;
    font-style:normal;
    color:#c00000; 
    text-transform: uppercase;
    text-align: center;
}

.offer_hl_combo {
    margin: 0 auto;
    padding: 5px 20px 20px;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 34px;
    text-transform: uppercase;
    text-align: center; 
}

.offer_hl_digital {
    margin: 0 auto;
    padding: 36px 20px 20px;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 34px;
    text-transform: uppercase;
    text-align: center; 
}


.offer_img {
    margin:0 auto 20px auto;
    padding:0 0 0 0;
    width: 190px; 
    height:auto; 
    display:block;
}

.offer_description {
    margin:0 auto 10px auto;
    padding:0 20px 0; 
    font-size: 20px;
    line-height: 28px;
    text-align:center; 
}

.offer_price {
    margin: 0 auto 10px;
    padding: 0;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 31px;
    text-transform: uppercase;
    text-align: center; 
}
 
.select_btn {
    margin:0 auto 20px;
    padding: 12px 60px 12px 60px;
    width:100%;
    max-width:190px;
    height: auto;
    background-color: #c00000;
    display:block; 
    font-size:22px;
    line-height:24px;
    font-weight: 700;
    color:#ffffff;
    text-align:center;
}

#offer1_offer, #offer2_offer, #offer3_offer {
    margin: 0 auto;
    position:relative;
}

.redBorder {  
    border: 5px solid #c00000 !important;
    -moz-box-sizing: border-box; /* Firexfox */
     -webkit-box-sizing: border-box; /* Safari/Chrome/iOS/Android */
     box-sizing: border-box; /* IE */
}

.please_select, .select_plan {
    margin: 10px 0 40px 0; 
    font-weight:700;
    font-style:normal;
    font-size:30px;
    line-height:38px; 
    text-transform: uppercase;
    text-align: center;
    display:block;
}

#selected_offer_container {
    margin: 0 auto;
    padding:40px 20px 0;
    width:100%; 
}

.conf_text_container {
    margin:0 auto 70px;
    width:94%;
    max-width:800px;
}

.conf_summary_container {
    margin:0 auto;
    width:100%;
    max-width:600px;
}

.order_summary.col1 {
    margin:0; 
    padding:0;
    width:50%;
    float:left;
}

.order_summary.col2 {
    margin:0; 
    padding:0;
    width:50%;
    float:right;
}


.offer_text {
    margin:0;
    padding:0;
    font-size: 20px;
    line-height:26px;
    text-transform: none;
}

.selected_offer {
    display:none;
}

.print_digital {
    color:#c00000;
    white-space:nowrap;
}

#address_section {
    margin: 0 auto;
    padding:0 20px;
    width:100%;
    max-width:690px;
}

.form-row {
    position:relative; 
}

input {
    margin:0 auto 20px;
    padding: 20px 0 0 10px;
    width:100%; 
    font-family: 'goudy-old-style', Garamond,Times New Roman,serif;
    height:54px;  
    font-size:20px;
    border:1px solid #E7E4D4;
}

select {
    margin:0 auto 20px;
    padding: 20px 0 0 10px;
    width:100%;  
    font-family: 'goudy-old-style', Garamond,Times New Roman,serif;
    height:55px; 
    font-size:20px;
    border:1px solid #E7E4D4; 
}

label.form-label {
    position: absolute;
    top: -15px;
    left: 10px;
    font-size: 14px;
    color: #2C3B4B;
    line-height: 57px; 
}

.required { 
    font-size:14px;
    color:#c00000;
}

.address_two_column .col1 {
    width:49%;
    float:left;
}

.address_two_column .col2 {
    margin:0 0 0 2%;
    width:49%;
    float:left;
}

#mycvv .col1 {
    margin:0;
    width:32%;
    float:left;
}

#mycvv .col2 {
    margin:0 2%;
    width:32%;
    float:left;
}

#mycvv .col3 {
    width:30%;
    float:right;
}   

#payment_section {
    margin:0 auto 30px;
    padding:0 20px;
    position:relative;
    width:100%;
    max-width:690px;
}
 

/* Used for the credit card icons*/
#ccbox {
    background: transparent url('credit-card-sprite.png');
    margin: 6px 0 20px 0;
    padding: 0;
    width: 115px;
    height: 23px;
    position: absolute;
    top: 60px;
    z-index: 1;
    right: 25px;
}

#small_print_section {
    margin:0 auto;
    padding:0 20px; 
    width:100%;
    max-width:690px;
    font-size:16px;
    line-height:24px;
}

#small_print_section p {
    margin-bottom:25px;
}

#submitbutton {
    cursor:pointer; 
    margin: 0 0 70px 0; 
    border:none;
}

.form-subscribe-button {
    margin: 0 auto;
    padding: 20px 0; 
    width:96%;
    max-width:300px;
    height:auto;
    outline: 0;
    vertical-align: baseline;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; 
    -webkit-appearance: none;
    text-decoration: none;
    display: block; 
    font-weight: 500;
    font-size: 26px; 
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
    background-color: #c00000;
    border: none;
    color: #fff;
} 
.form-subscribe-button:hover, .form-subscribe-button:focus {
    background-color: #020202;
    border: none;
    cursor: pointer; 
}

.copyright { 
    font-size:14px;
    line-height:20px;
    font-weight:400;
    color:#222222;
    font-style:normal; 
    text-align: center;
    padding: 30px 20px 40px 20px;
    border-top:10px solid #e6e6e6; 
}


@media screen and (max-width: 700px) {

    #address_section {
        margin: 0 auto;
        padding:0 20px;
        width:100%;
        max-width:690px;
    }

    #postal_address .col1, #email_address .col1 {
        width:100%;
        float:none;
    }

    #postal_address .col2, #email_address .col2 {
        width:100%;
        float:none;
    }


    #csz .col1 {
        margin:0 20px 0 0;
        width:100%;
        float:none;
    }
    #csz .col2 {
        width:48%;
        float:left;
    }
    #csz .col3 {
        width:48%;
        float:right;
    } 


}

@media screen and (max-width: 650px) {
    
    #combo, #digital {
        margin: 0 auto;  
        width: 90%;
        float: none; 
    }

    #combo {
        margin-bottom:20px;
    }

    .offer_hl_digital { 
        padding: 20px 20px 20px 20px;
    }

}


@media screen and (max-width: 380px) {

    .h1 {
        font-size:36px;
        line-height:42px;
    }

    .print_digital {
        color:#c00000;
        white-space:normal;
    }

    .address_two_column .col1, .address_two_column .col2 {
        margin:0;
        width:100%;
        float:none;
    }

    #ccbox {
        position: relative;
        top: 0;
        z-index: 1;
        right: 0;
    }

    #mycvv .col1, #mycvv .col2, #mycvv .col3 {
        margin:0;
        width:100%;
        float:none;
    }
}