Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html>
 <head>
  <meta content="width=device-width" name="viewport"/>
  <style>
   a:active {outline:0;color:inherit;text-decoration:none}
a:focus {outline:0;color:inherit;text-decoration:none}
a:visited {outline:0;color:inherit;text-decoration:none}
a:hover {outline:0;color:inherit;text-decoration:none}
button:focus {outline:none !important}
button:active {outline:none !important}
button:hover {outline:none !important}
.btn:visited {background:inherit;border-color:inherit;opacity:0.85;text-decoration:none;-webkit-box-shadow:none !important;box-shadow:none !important;outline:none !important}
.btn:hover {background:inherit;border-color:inherit;opacity:0.85;text-decoration:none;-webkit-box-shadow:none !important;box-shadow:none !important;outline:none !important}
.btn-default:visited {background:#000;border-color:#000;color:#333}
.btn-default:hover {background:#000;border-color:#000;color:#333}
.btn-default.is-inverted:visited {background:white;border-color:white;color:#000}
.s-inverted .btn-default:visited {background:white;border-color:white;color:#000}
.btn-default.is-inverted:hover {background:white;border-color:white;color:#000}
.s-inverted .btn-default:hover {background:white;border-color:white;color:#000}
.btn-outline:visited {border-color:#000;background:transparent;color:#000}
.btn-outline:hover {border-color:#000;background:transparent;color:#000}
.btn-outline.is-inverted:visited {border-color:white;background:transparent;color:white}
.s-inverted .btn-outline:visited {border-color:white;background:transparent;color:white}
.btn-outline.is-inverted:hover {border-color:white;background:transparent;color:white}
.s-inverted .btn-outline:hover {border-color:white;background:transparent;color:white}
  </style>
  <style>
   @media screen and (min-width: 730px) {
    table[class="body"] .u-hidden-lap {
        display: none !important
        }
    table[class="body"] .u-visible-mobile {
        display: none !important
        }
    table[class="body"] .u-visible-lap {
        display: block !important;
        max-height: 100000px !important;
        width: auto !important;
        overflow: visible !important
        }
    table[class="body"] .u-hidden-mobile {
        display: block !important;
        max-height: 100000px !important;
        width: auto !important;
        overflow: visible !important
        }
    .container {
        width: 700px !important
        }
    table[class="body"] .order-table {
        display: table !important;
        width: 100% !important
        }
    .flag-image {
        max-width: 270px !important;
        min-width: 270px !important
        }
    .media {
        display: table !important;
        width: 100% !important
        }
    .media-image {
        display: table-cell !important;
        width: 50% !important
        }
    .media-body {
        display: table-cell !important;
        width: 50% !important
        }
    }
@media screen and (min-width: 980px) {
    table.container.wide {
        width: 950px !important
        }
    }
@media screen and (max-width: 728px) {
    .gutter:first-child {
        min-width: 0 !important;
        max-width: 0 !important;
        width: 0 !important
        }
    h1.t-set {
        font-size: 44px !important
        }
    .t-set h1 {
        font-size: 44px !important
        }
    h2.t-set {
        font-size: 34px !important
        }
    .t-set h2 {
        font-size: 34px !important
        }
    h3.t-set {
        font-size: 26px !important
        }
    .t-set h3 {
        font-size: 26px !important
        }
    h4.t-set {
        font-size: 19px !important
        }
    .t-set h4 {
        font-size: 19px !important
        }
    h5.t-set {
        font-size: 13px !important
        }
    .t-set h5 {
        font-size: 13px !important
        }
    p.t-set {
        font-size: 13px !important
        }
    .t-set p {
        font-size: 13px !important
        }
    .t-set li {
        font-size: 13px !important
        }
    .split-content {
        width: 100% !important
        }
    .split-content-logo {
        text-align: right !important
        }
    .split-content-text {
        padding: 30px 0 !important;
        text-align: center !important
        }
    .split-content-text p {
        padding-bottom: 30px !important
        }
    }
@media screen and (max-width: 729px) {
    table[class="body"] center {
        min-width: 0 !important
        }
    table[class="body"] .container {
        width: 100% !important
        }
    table[class="body"] .container.full {
        width: 100% !important
        }
    table[class="body"] .row {
        width: 100% !important;
        display: block !important
        }
    table[class="body"] .wrapper {
        display: block !important;
        padding-right: 0 !important
        }
    table[class="body"] .columns {
        table-layout: fixed !important;
        float: none !important;
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        display: block !important
        }
    table[class="body"] .column {
        table-layout: fixed !important;
        float: none !important;
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        display: block !important
        }
    table[class="body"] .wrapper.first .columns {
        display: table !important
        }
    table[class="body"] .wrapper.first .column {
        display: table !important
        }
    table[class="body"] table.columns > tr > td {
        width: 100% !important
        }
    table[class="body"] table.column > tr > td {
        width: 100% !important
        }
    table[class="body"] .columns td.one {
        width: 8.333333% !important
        }
    table[class="body"] .column td.one {
        width: 8.333333% !important
        }
    table[class="body"] .columns td.two {
        width: 16.666666% !important
        }
    table[class="body"] .column td.two {
        width: 16.666666% !important
        }
    table[class="body"] .columns td.three {
        width: 25% !important
        }
    table[class="body"] .column td.three {
        width: 25% !important
        }
    table[class="body"] .columns td.four {
        width: 33.333333% !important
        }
    table[class="body"] .column td.four {
        width: 33.333333% !important
        }
    table[class="body"] .columns td.five {
        width: 41.666666% !important
        }
    table[class="body"] .column td.five {
        width: 41.666666% !important
        }
    table[class="body"] .columns td.six {
        width: 50% !important
        }
    table[class="body"] .column td.six {
        width: 50% !important
        }
    table[class="body"] .columns td.seven {
        width: 58.333333% !important
        }
    table[class="body"] .column td.seven {
        width: 58.333333% !important
        }
    table[class="body"] .columns td.eight {
        width: 66.666666% !important
        }
    table[class="body"] .column td.eight {
        width: 66.666666% !important
        }
    table[class="body"] .columns td.nine {
        width: 75% !important
        }
    table[class="body"] .column td.nine {
        width: 75% !important
        }
    table[class="body"] .columns td.ten {
        width: 83.333333% !important
        }
    table[class="body"] .column td.ten {
        width: 83.333333% !important
        }
    table[class="body"] .columns td.eleven {
        width: 91.666666% !important
        }
    table[class="body"] .column td.eleven {
        width: 91.666666% !important
        }
    table[class="body"] .columns td.twelve {
        width: 100% !important
        }
    table[class="body"] .column td.twelve {
        width: 100% !important
        }
    table[class="body"] td.offset-by-one {
        padding-left: 0 !important
        }
    table[class="body"] td.offset-by-two {
        padding-left: 0 !important
        }
    table[class="body"] td.offset-by-three {
        padding-left: 0 !important
        }
    table[class="body"] td.offset-by-four {
        padding-left: 0 !important
        }
    table[class="body"] td.offset-by-five {
        padding-left: 0 !important
        }
    table[class="body"] td.offset-by-six {
        padding-left: 0 !important
        }
    table[class="body"] td.offset-by-seven {
        padding-left: 0 !important
        }
    table[class="body"] td.offset-by-eight {
        padding-left: 0 !important
        }
    table[class="body"] td.offset-by-nine {
        padding-left: 0 !important
        }
    table[class="body"] td.offset-by-ten {
        padding-left: 0 !important
        }
    table[class="body"] td.offset-by-eleven {
        padding-left: 0 !important
        }
    table[class="body"] table.columns td.expander {
        width: 1px !important
        }
    @media screen and (max-width: 420px) {
        h2.t-set {
            font-size: 30px !important
            }
        }
    }
  </style>
 </head>
 <body style='-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; margin:0; min-width:100%; padding:0; font-family:"Lasiver-Medium", "Avenir-Medium", "HelveticaNeue", Helvetica, Arial, sans-serif; font-style:normal; font-weight:normal; color:#333; font-size:19px; background:#fff; width:100%'>
  <table align="left" class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; height: 100%; width: 100%; padding: 0;">
   <tbody>
    <tr align="left" style="vertical-align: top; text-align: left; padding: 0;">
     <td align="center" class="left" style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: center; padding: 0;" valign="top">
      <div class="background-white" style="background: white;">
       <!-- HERO IMAGE -->
       <center style="width: 100%; min-width: 450px;">
        <table class="expander" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 100% !important; margin: 0 auto; padding: 0;">
         <tbody>
          <tr align="center" style="vertical-align: top; text-align: left; padding: 0;">
           <td align="center" style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: left; padding: 0;" valign="top">
            <a>
             <img alt="The Flex, our layering essential" class="u-responsive u-responsive--full" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3k81ch9hvuctc.cloudfront.net%252Fcompany%252FbBZNFC%252Fimages%252Fc17f1ed1-3e33-4120-b0b5-4ce4b7a5f9aa.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2s4MWNoOWh2dSJ9:1nnJ7c:pkft0UqeUUOkjX470AhSyJHoqyIKRjClghOxqjCcmrY" style="-ms-interpolation-mode:bicubic; outline:0; text-decoration:none; width:98%; display:block; height:auto; max-width:98%; margin:0 auto"/>
            </a>
           </td>
          </tr>
         </tbody>
        </table>
       </center>
       <!-- HERO IMAGE -->
       <center style="width: 100%; min-width: 450px;">
        <table class="expander" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 100% !important; margin: 0 auto; padding: 0;">
         <tbody>
          <tr align="center" style="vertical-align: top; text-align: left; padding: 0;">
           <td align="center" style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: left; padding: 0;" valign="top">
            <a style="text-decoration: none;">
             <img alt="" class="u-responsive u-responsive--full" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3k81ch9hvuctc.cloudfront.net%252Fcompany%252FbBZNFC%252Fimages%252F277373b8-cadb-47ee-a948-3e5694efe104.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2s4MWNoOWh2dSJ9:1nnJ7c:pkft0UqeUUOkjX470AhSyJHoqyIKRjClghOxqjCcmrY" style="-ms-interpolation-mode:bicubic; outline:0; text-decoration:none; width:98%; display:block; height:auto; max-width:98%; margin:0 auto"/>
            </a>
           </td>
          </tr>
         </tbody>
        </table>
       </center>
       <!-- FOOTER -->
       <center class="s-inverted" style="width: 100%; min-width: 580px;">
        <div class="section" style="padding: 0;">
         <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 580px; margin: 0 auto; padding: 0;">
          <tbody>
           <tr align="left" style="vertical-align: top; text-align: center; padding: 0;">
            <td align="left" style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: center; padding: 0;" valign="top">
             <div style="font-family:'Lasiver-Light','Avenir-Medium','HelveticaNeue', Helvetica, Arial, sans-serif; font-weight: lighter; text-align: center; margin-bottom: 0; color: #333333; font-size: 9px; line-height: .5; letter-spacing: 1.2px;">
              <p style="line-height: 1;">
              </p>
              | AYR |
              <p>
               Customer Service | ayrheads@ayr.com
              </p>
              <p>
               No longer want to receive these emails?
              </p>
              <p>
               <a style="font-weight: lighter; text-decoration: underline blue;">
                Manage Preferences
               </a>
               |
               <a class="unsubscribe-link">
                Unsubscribe
               </a>
              </p>
              <p>
              </p>
              <p>
              </p>
             </div>
            </td>
           </tr>
          </tbody>
         </table>
         <!-- SOCIAL ICONS -->
         <table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: center; width: 140px; margin: 0 auto; padding: 1.5px;">
          <tbody>
           <tr align="left" style="vertical-align: top; text-align: left; padding: 0;">
            <td style="text-align: center; padding: 2.0px;">
             <a>
              <img alt="instagram" height="26" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3k81ch9hvuctc.cloudfront.net%252Fcompany%252FbBZNFC%252Fimages%252Finstagram_icon973b6.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2s4MWNoOWh2dSJ9:1nnJ7c:pkft0UqeUUOkjX470AhSyJHoqyIKRjClghOxqjCcmrY" style="-ms-interpolation-mode:bicubic; outline:0; text-decoration:none; width:auto"/>
             </a>
            </td>
            <td style="text-align: center; padding: 2.0px; ">
             <a>
              <img alt="facebook" height="26" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3k81ch9hvuctc.cloudfront.net%252Fcompany%252FbBZNFC%252Fimages%252Ffacebook_iconfdcd1f.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2s4MWNoOWh2dSJ9:1nnJ7c:pkft0UqeUUOkjX470AhSyJHoqyIKRjClghOxqjCcmrY" style="-ms-interpolation-mode:bicubic; outline:0; text-decoration:none; width:auto"/>
             </a>
            </td>
            <td style="text-align: center; padding: 2.0px;">
             <a>
              <img alt="pinterest" height="26" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3k81ch9hvuctc.cloudfront.net%252Fcompany%252FbBZNFC%252Fimages%252Fpinterest_icone50193.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2s4MWNoOWh2dSJ9:1nnJ7c:pkft0UqeUUOkjX470AhSyJHoqyIKRjClghOxqjCcmrY" style="-ms-interpolation-mode:bicubic; outline:0; text-decoration:none; width:auto"/>
             </a>
            </td>
           </tr>
          </tbody>
         </table>
        </div>
       </center>
       <!-- FOOTER END -->
      </div>
     </td>
    </tr>
   </tbody>
  </table>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fct.klclick.com%252Fq%252F1M4ZGDc5oGL2E0HYKLSIFw~~%252FAASl5QA~%252FRgRkWORzPlcDc3BjQgpicXNfdmJ93VzoUhM0ZWQ3MGI5NUB1aWZlZWQuY29tWAQABDF6/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjdC5rbGNsaWNrLiJ9:1nnJ7c:swIMCtoMY0qO0MCTOAp4TCqn8hEHdWHR4rDen85yZ9U" width="1"/>
 </body>
</html>