<!doctype html>
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml"></html>
<head> </head>
<title>*|MC:SUBJECT|*</title>
<style type="text/css"> </p> <p> p{ </p> <p> margin:10px 0; </p> <p> padding:0; </p> <p> } </p> <p> table{ </p> <p> border-collapse:collapse; </p> <p> } </p> <p> h1,h2,h3,h4,h5,h6{ </p> <p> display:block; </p> <p> margin:0; </p> <p> padding:0; </p> <p> } </p> <p> img,a img{ </p> <p> border:0; </p> <p> height:auto; </p> <p> outline:none; </p> <p> text-decoration:none; </p> <p> } </p> <p> body,#bodyTable,#bodyCell{ </p> <p> height:100%; </p> <p> margin:0; </p> <p> padding:0; </p> <p> width:100%; </p> <p> } </p> <p> .mcnPreviewText{ </p> <p> display:none !important; </p> <p> } </p> <p> #outlook a{ </p> <p> padding:0; </p> <p> } </p> <p> img{ </p> <p> -ms-interpolation-mode:bicubic; </p> <p> } </p> <p> table{ </p> <p> mso-table-lspace:0pt; </p> <p> mso-table-rspace:0pt; </p> <p> } </p> <p> .ReadMsgBody{ </p> <p> width:100%; </p> <p> } </p> <p> .ExternalClass{ </p> <p> width:100%; </p> <p> } </p> <p> p,a,li,td,blockquote{ </p> <p> mso-line-height-rule:exactly; </p> <p> } </p> <p> a[href^=tel],a[href^=sms]{ </p> <p> color:inherit; </p> <p> cursor:default; </p> <p> text-decoration:none; </p> <p> } </p> <p> p,a,li,td,body,table,blockquote{ </p> <p> -ms-text-size-adjust:100%; </p> <p> -webkit-text-size-adjust:100%; </p> <p> } </p> <p> .ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{ </p> <p> line-height:100%; </p> <p> } </p> <p> a[x-apple-data-detectors]{ </p> <p> color:inherit !important; </p> <p> text-decoration:none !important; </p> <p> font-size:inherit !important; </p> <p> font-family:inherit !important; </p> <p> font-weight:inherit !important; </p> <p> line-height:inherit !important; </p> <p> } </p> <p> #bodyCell{ </p> <p> padding:10px; </p> <p> } </p> <p> .templateContainer{ </p> <p> max-width:600px !important; </p> <p> } </p> <p> a.mcnButton{ </p> <p> display:block; </p> <p> } </p> <p> .mcnImage,.mcnRetinaImage{ </p> <p> vertical-align:bottom; </p> <p> } </p> <p> .mcnTextContent{ </p> <p> word-break:break-word; </p> <p> } </p> <p> .mcnTextContent img{ </p> <p> height:auto !important; </p> <p> } </p> <p> .mcnDividerBlock{ </p> <p> table-layout:fixed !important; </p> <p> } </p> <p> body,#bodyTable{ </p> <p> background-color:#FAFAFA; </p> <p> } </p> <p> #bodyCell{ </p> <p> border-top:0; </p> <p> } </p> <p> .templateContainer{ </p> <p> border:0; </p> <p> } </p> <p> h1{ </p> <p> color:#202020; </p> <p> font-family:Helvetica; </p> <p> font-size:26px; </p> <p> font-style:normal; </p> <p> font-weight:bold; </p> <p> line-height:125%; </p> <p> letter-spacing:normal; </p> <p> text-align:left; </p> <p> } </p> <p> h2{ </p> <p> color:#202020; </p> <p> font-family:Helvetica; </p> <p> font-size:22px; </p> <p> font-style:normal; </p> <p> font-weight:bold; </p> <p> line-height:125%; </p> <p> letter-spacing:normal; </p> <p> text-align:left; </p> <p> } </p> <p> h3{ </p> <p> color:#202020; </p> <p> font-family:Helvetica; </p> <p> font-size:20px; </p> <p> font-style:normal; </p> <p> font-weight:bold; </p> <p> line-height:125%; </p> <p> letter-spacing:normal; </p> <p> text-align:left; </p> <p> } </p> <p> h4{ </p> <p> color:#202020; </p> <p> font-family:Helvetica; </p> <p> font-size:18px; </p> <p> font-style:normal; </p> <p> font-weight:bold; </p> <p> line-height:125%; </p> <p> letter-spacing:normal; </p> <p> text-align:left; </p> <p> } </p> <p> #templatePreheader{ </p> <p> background-color:#FAFAFA; </p> <p> background-image:none; </p> <p> background-repeat:no-repeat; </p> <p> background-position:center; </p> <p> background-size:cover; </p> <p> border-top:0; </p> <p> border-bottom:0; </p> <p> padding-top:9px; </p> <p> padding-bottom:9px; </p> <p> } </p> <p> #templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{ </p> <p> color:#656565; </p> <p> font-family:Helvetica; </p> <p> font-size:12px; </p> <p> line-height:150%; </p> <p> text-align:left; </p> <p> } </p> <p> #templatePreheader .mcnTextContent a,#templatePreheader .mcnTextContent p a{ </p> <p> color:#656565; </p> <p> font-weight:normal; </p> <p> text-decoration:underline; </p> <p> } </p> <p> #templateHeader{ </p> <p> background-color:#FFFFFF; </p> <p> background-image:none; </p> <p> background-repeat:no-repeat; </p> <p> background-position:center; </p> <p> background-size:cover; </p> <p> border-top:0; </p> <p> border-bottom:0; </p> <p> padding-top:9px; </p> <p> padding-bottom:0; </p> <p> } </p> <p> #templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{ </p> <p> color:#202020; </p> <p> font-family:Helvetica; </p> <p> font-size:16px; </p> <p> line-height:150%; </p> <p> text-align:left; </p> <p> } </p> <p> #templateHeader .mcnTextContent a,#templateHeader .mcnTextContent p a{ </p> <p> color:#007C89; </p> <p> font-weight:normal; </p> <p> text-decoration:underline; </p> <p> } </p> <p> #templateBody{ </p> <p> background-color:#FFFFFF; </p> <p> background-image:none; </p> <p> background-repeat:no-repeat; </p> <p> background-position:center; </p> <p> background-size:cover; </p> <p> border-top:0; </p> <p> border-bottom:2px solid #EAEAEA; </p> <p> padding-top:0; </p> <p> padding-bottom:9px; </p> <p> } </p> <p> #templateBody .mcnTextContent,#templateBody .mcnTextContent p{ </p> <p> color:#202020; </p> <p> font-family:Helvetica; </p> <p> font-size:16px; </p> <p> line-height:150%; </p> <p> text-align:left; </p> <p> } </p> <p> #templateBody .mcnTextContent a,#templateBody .mcnTextContent p a{ </p> <p> color:#007C89; </p> <p> font-weight:normal; </p> <p> text-decoration:underline; </p> <p> } </p> <p> #templateFooter{ </p> <p> background-color:#FAFAFA; </p> <p> background-image:none; </p> <p> background-repeat:no-repeat; </p> <p> background-position:center; </p> <p> background-size:cover; </p> <p> border-top:0; </p> <p> border-bottom:0; </p> <p> padding-top:9px; </p> <p> padding-bottom:9px; </p> <p> } </p> <p> #templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{ </p> <p> color:#656565; </p> <p> font-family:Helvetica; </p> <p> font-size:12px; </p> <p> line-height:150%; </p> <p> text-align:center; </p> <p> } </p> <p> #templateFooter .mcnTextContent a,#templateFooter .mcnTextContent p a{ </p> <p> color:#656565; </p> <p> font-weight:normal; </p> <p> text-decoration:underline; </p> <p> } </p> <p> @media only screen and (min-width:768px){ </p> <p> .templateContainer{ </p> <p> width:600px !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> body,table,td,p,a,li,blockquote{ </p> <p> -webkit-text-size-adjust:none !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> body{ </p> <p> width:100% !important; </p> <p> min-width:100% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnRetinaImage{ </p> <p> max-width:100% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnImage{ </p> <p> width:100% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer,.mcnImageCardLeftImageContentContainer,.mcnImageCardRightImageContentContainer{ </p> <p> max-width:100% !important; </p> <p> width:100% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnBoxedTextContentContainer{ </p> <p> min-width:100% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnImageGroupContent{ </p> <p> padding:9px !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{ </p> <p> padding-top:9px !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnImageCardTopImageContent,.mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{ </p> <p> padding-top:18px !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnImageCardBottomImageContent{ </p> <p> padding-bottom:9px !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnImageGroupBlockInner{ </p> <p> padding-top:0 !important; </p> <p> padding-bottom:0 !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnImageGroupBlockOuter{ </p> <p> padding-top:9px !important; </p> <p> padding-bottom:9px !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnTextContent,.mcnBoxedTextContentColumn{ </p> <p> padding-right:18px !important; </p> <p> padding-left:18px !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{ </p> <p> padding-right:18px !important; </p> <p> padding-bottom:0 !important; </p> <p> padding-left:18px !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcpreview-image-uploader{ </p> <p> display:none !important; </p> <p> width:100% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> h1{ </p> <p> font-size:22px !important; </p> <p> line-height:125% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> h2{ </p> <p> font-size:20px !important; </p> <p> line-height:125% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> h3{ </p> <p> font-size:18px !important; </p> <p> line-height:125% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> h4{ </p> <p> font-size:16px !important; </p> <p> line-height:150% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> .mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{ </p> <p> font-size:14px !important; </p> <p> line-height:150% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> #templatePreheader{ </p> <p> display:block !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> #templatePreheader .mcnTextContent,#templatePreheader .mcnTextContent p{ </p> <p> font-size:14px !important; </p> <p> line-height:150% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> #templateHeader .mcnTextContent,#templateHeader .mcnTextContent p{ </p> <p> font-size:16px !important; </p> <p> line-height:150% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> #templateBody .mcnTextContent,#templateBody .mcnTextContent p{ </p> <p> font-size:16px !important; </p> <p> line-height:150% !important; </p> <p> } </p> <p> </p> <p>} @media only screen and (max-width: 480px){ </p> <p> #templateFooter .mcnTextContent,#templateFooter .mcnTextContent p{ </p> <p> font-size:14px !important; </p> <p> line-height:150% !important; </p> <p> } </p> <p> </p> <p>}</style>
<body style="height: 100%;margin: 0;padding: 0;width: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #FAFAFA;"> </body>
*|MC_PREVIEW_TEXT|*
|
||||||||
|
||||||||
|
|
|
|