<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
<style type="text/css">
  .gotham {
    font-family: 'Gotham', 'Open Sans', Arial, Helvetica, sans-serif !important;
  }
</style>

<!--[if gt mso 9]>
<style type="text/css">
.gotham {font-family: Arial, Helvetica, sans-serif !important;} /* prevents Outlook from defaulting to Times New Roman */
.arvo {font-family: Arial, Helvetica, sans-serif !important;} /* prevents Outlook from defaulting to Times New Roman */
</style>
<![endif]-->

  <style type="text/css">
    * {
      -webkit-text-size-adjust: none;
    }

    /* prevent iOS font upsizing */

    .ExternalClass * {
      line-height: 100%;
    }

    /* force Outlook.com to honor line-height */

    td {
      mso-line-height-rule: exactly;
    }

    /* prevent iOS auto-linking */

    .applefix a {
      /* use on a span around the text */
      color: #333333;
      text-decoration: none;
    }

    a[x-apple-data-detectors] {
      color: inherit !important;
      text-decoration: none !important;
      font-size: inherit !important;
      font-family: inherit !important;
      font-weight: inherit !important;
      line-height: inherit !important;
    }

    /** Prevent Outlook Purple Links **/

    .greyLink a:link {
      color: #888888;
    }

    .whiteLink a:link,
    .topnav a:link,
    .footernavcaptop a:link,
    .footernav a:link,
    .footernavcapbot a:link {
      color: #ffffff;
    }

    .blueLink a:link {
      color: #004EBD;
    }

    /** Hover Effects **/

    .hoverCTA:hover {
      background-color: #ffffff !important;
      border: solid 2px #a8ad00 !important;
      color: #a8ad00 !important;
      transition: ease .3s;
      -moz-transition: ease .3s;
    }

    .hoverCTA:hover a {
      color: #a8ad00 !important;
      transition: ease .5s;
      -moz-transition: ease .5s;
    }

    .hoverCTA2:hover {
      background-color: #A8AD00 !important;
      border: solid 2px #A8AD00 !important;
      color: #ffffff !important;
      transition: ease .3s;
      -moz-transition: ease .3s;
    }

    .hoverCTA2:hover a {
      color: #ffffff !important;
      transition: ease .5s;
      -moz-transition: ease .5s;
    }

    /*** Responsive CSS ***/

    @media only screen and (max-width: 414px) {
      /*** Layout ***/
      body {
        width: 100%;
        min-width: 100%;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
      }
      .marginFix {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
      }
      .full-width-container {
        width: 100% !important;
        min-width: 320px !important;
      }
      .full-width-container-inner {
        width: 100% !important;
        min-width: 100% !important;
        padding: 0px 10px 0px 10px !important;
      }
      .hide {
        width: 0px !important;
        height: 0px !important;
        display: none !important;
      }
      .smcell {
        display: table-cell !important;
        width: 100% !important;
        height: auto !important;
        max-height: inherit !important;
        overflow: visible !important;
        float: none !important;
      }
      .smcell img {
        width: auto;
        display: block !important;
        height: auto;
        margin: 0 0 0 0 !important;
      }
      .display {
        display: block !important;
      }
      .full-width {
        width: 100% !important;
        min-width: 100% !important;
      }
      .width90 {
        width: 90% !important;
      }
      .responsiveCell {
        width: 100% !important;
        display: block !important;
      }
      .mobileWidth45 {
        width: 45% !important;
      }
      .mobileWidth100 {
        width: 33% !important;
      }
      .mobile150 {
        width: 150px !important;
      }
      .stackTbl {
        width: 100% !important;
        display: table !important;
      }
      .stackTbl45 {
        width: 47% !important;
        display: table !important;
      }
      .stackTblMarginTop {
        width: 100% !important;
        display: table !important;
        margin-top: 20px !important;
      }
      .center {
        margin: 0px auto !important;
        text-align: center !important;
      }
      .align-center {
        text-align: center !important;
      }
      .alignLeft {
        text-align: left !important;
      }
      .floatLeft {
        float: left !important;
        width: 50% !important;
      }
      .floatRight {
        float: right !important;
        width: 50% !important;
      }
      .halfLeft {
        width: 49% !important;
        height: 110px !important;
      }
      .halfRight {
        display: table-cell !important;
        width: 49% !important;
        height: 110px !important;
        /* for Yahoo Mail */
        max-width: 49% !important;
        max-height: 110px !important;
      }
      .autoHeight {
        height: auto !important;
      }
      /*** Padding Styles ***/
      .mobilePadding {
        padding: 0px 20px 0px 20px !important
      }
      .mobilePadding1 {
        padding: 40px 20px 40px 20px !important;
        height: auto !important;
      }
      .mobilePadding2 {
        padding: 0px 20px 40px 20px !important;
      }
      .mobilePadding3 {
        padding: 20px 20px 20px 20px !important
      }
      .mobilePadding4 {
        padding: 20px 0px 0px 5px !important
      }
      .mobilePadding5 {
        padding: 20px 0px 0px 0px !important
      }
      .mobilePadding6 {
        padding: 0px 10px 0px 10px !important;
      }
      .mobilePadding7 {
        padding: 20px 5px 0px 5px !important;
      }
      .mobilePadding8 {
        padding: 0px 0px 110px 0px !important;
      }
      .mobileSidePadding {
        padding-left: 20px !important;
        padding-right: 20px !important;
      }
      .mobileSidePadding2 {
        padding-left: 40px !important;
        padding-right: 40px !important;
      }
      .padding0 {
        padding: 0px !important
      }
      .topPadding0 {
        padding-top: 0px !important
      }
      .topPadding10 {
        padding-top: 10px !important;
      }
      .topPadding20 {
        padding-top: 20px !important;
      }
      .topPadding40 {
        padding-top: 40px !important;
      }
      .bottomPadding0 {
        padding-bottom: 0px !important
      }
      .bottomPadding10 {
        padding-bottom: 10px !important;
      }
      .bottomPadding20 {
        padding-bottom: 20px !important;
      }
      .bottomPadding30 {
        padding-bottom: 30px !important;
      }
      .bottomPadding40 {
        padding-bottom: 40px !important;
      }
      .rightPadding0 {
        padding-right: 0px !important;
      }
      .rightPadding10 {
        padding-right: 10px !important;
      }
      .rightPadding20 {
        padding-right: 20px !important;
      }
      .leftPadding10 {
        padding-left: 10px !important;
      }
      .leftPadding0 {
        padding-left: 0px !important;
      }
      .disclaimerMobilePadding {
        padding: 5px 0px 20px 0px !important;
      }
      .ctaPadding {
        padding: 10px 40px 10px 40px !important;
      }
      /*** Mobile Font Size ***/
      .fontSize20 {
        font-size: 20px !important;
        line-height: 22px !important;
      }
      .fontSize14 {
        font-size: 14px !important;
        line-height: 16px !important;
      }
      /*** Text/Divider/Image Styles ***/
      .noBackground {
        background: none !important;
        background-color: #1174C3 !important;
        height: auto !important;
      }
      .bgBrown {
        background-color: #ebe8e5 !important;
      }
      .fullWidthImg {
        width: 100% !important;
        height: auto !important;
        min-width: 100% !important;
      }
      /* IMAGE SWAPS */
      .featureImgSwap {
        /* Feature Image Swap */
        background-image: url(http://media.4at5.net/email_domains/olg/0215/0215_secheadline_v1_m.png) !important;
        width: 100% !important;
        padding-top: 34.5% !important;
        /* update height here */
        background-size: contain !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        display: block !important;
      }
		.featureImgSwap2 {
        /* Feature Image Swap */
        background-image: url(http://media.4at5.net/email_domains/olg/0215/0215_sec_v1_m.png) !important;
        width: 100% !important;
        padding-top: 98.55% !important;
        /* update height here */
        background-size: contain !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        display: block !important;
      }
		.featureImgSwap3 {
        /* Feature Image Swap */
        background-image: url(http://media.4at5.net/email_domains/olg/0215/0215_tertheadline_v1_m.png) !important;
        width: 100% !important;
        padding-top: 34% !important;
        /* update height here */
        background-size: contain !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        display: block !important;
      }

      .pngHeight1 {
        height: 197px !important;
      }

      .pngHeight2 {
        height: 197px !important;
      }
      .pngHeightD1 {
        height: 145px !important;
      }
      .pngHeightD2 {
        height: 380px !important;
      }
      /*** Feature Styling ***/
      .featurePadding {
        padding: 5px 30px 10px 30px !important;
      }
      .featureB {
        width: 100% !important;
      }
      /*** 2 Across Styling ***/
      .twoAcrossImg {
        width: 100% !important;
        height: auto !important;
      }
      .twoColumnPadding {
        padding: 30px 10px 30px 10px !important;
      }
      .twoColumnPadding2 {
        padding: 0px 10px 15px 10px !important;
      }
      /***pinterest board ***/
      .pintWidth {
        width: 90% !important;
      }
      /***coupons ***/
      .couponPadding {
        padding: 20px 40px 20px 40px !important;
      }
      .couponHeadline {
        font-size: 56px !important;
        padding: 10px 10px 10px 10px !important;
        line-height: 56px !important;
      }
      .couponSubHeadline {
        padding: 0px 10px 10px 10px !important;
      }
      .couponCopy {
        padding: 0px 35px 10px 35px !important;
        font-size: 16px !important;
        line-height: 24px !important;
      }
      .couponCTA {
        padding: 0px 0px 10px 0px !important;
      }
      .couponDisclaimer {
        padding: 5px 20px 10px 20px !important;
      }
      .couponBGColor {
        background-color: #ebe8e5 !important;
      }
      /*** navigation ***/
      .topnav {
        width: 33% !important;
      }
      .topnav-right {
        width: 33% !important;
        text-align: right !important;
      }
      .footernavcaptop {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        border-bottom: 1px solid #4e3629 !important;
        font-size: 18px !important;
        line-height: 18px !important;
        padding: 0px 0px 5px 0px !important;
      }
      .footernav {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        border-bottom: 1px solid #4e3629 !important;
        font-size: 18px !important;
        line-height: 18px !important;
        padding: 5px 0px 5px 0px !important;
      }
      .footernavcapbot {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        font-size: 18px !important;
        line-height: 18px !important;
        padding: 5px 0px 10px 0px !important;
      }
      .border0 {
        border: none !important;
      }
      .borderBottom {
        border-bottom: solid 1px #522c16; !important;
      }
      .borderRight {
        border-right: solid 1px #522c16; !important;
      }
      .footerPadding {
        padding-left: 20px !important;
        padding-right: 20px !important;
      }
      .mobilecontent {
        display: block !important;
        max-height: none !important;
      }
      /*** END Responsive CSS ***/
    }

    @media only screen and (max-width: 380px) {
      .featureB {
        width: 100% !important;
      }
      .featureWidth {
        width: 80% !important;
      }
      .fontSize20-380 {
        font-size: 22px !important;
        line-height: 26px !important;
      }
      .fontSize14-380 {
        font-size: 16px !important;
        line-height: 20px !important;
      }
    }

    @media only screen and (max-width: 350px) {
      .featureB {
        width: 100% !important;
      }
      .featureWidth {
        width: 90% !important;
      }
      .fontSize20-380 {
        font-size: 20px !important;
      }
      .fontSize14-380 {
        font-size: 14px !important;
      }
    }
  </style>
