Repository: jdrouet/mrml (language: rust)

Issue:
Invalid nested HTML comments in generated MSO conditionals
I just updated mjml-python from 1.2.3 to 1.3.0, (which as far as I can gather changes the linked MRML from version 2.0.0-rc3 to 3.0.0). This caused our *do our emails  parse as HTML* canary to trip up on output generated from MJML code like this:

```
<mjml>
    <mj-body>
        <mj-section>
        <!-- A comment -->
        </mj-section>
    </mj-body>
</mjml>
```

I have cut the generated code to only show the relevant bits, but added newlines and indentation to the MRML generated code.

### mjml-python 1.3.0 (mrml 3.0.0)

```html
<td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
  <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><!-- A comment --></tr></table><![endif]-->
</td>
```

### mjml-python 1.2.3 (mrml 2.0.0-rc3)

```html
<td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
  <!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><![endif]--><!--[if mso | IE]><tr><![endif]-->
  <!-- A comment -->
  <!--[if mso | IE]></tr><![endif]--><!--[if mso | IE]></table><![endif]-->
</td>
```

### [mjml.io](https://mjml.io/try-it-live/yRUD4vSBMr)

```html
<td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
  <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><![endif]-->
  <!-- A comment -->
  <!--[if mso | IE]></tr></table><![endif]-->
</td>
```

It looks like mjml.io's implementation detects the comment and ends the MSO conditional, and that MRML prior to version 2.0.0 had the same behaviour. I'm not sure if the behaviour change in later versions is intentional, or if a dependency caused this change. However, the new behaviour might be surprising to users since it is different from that of the reference MJML implementation (and generates a nested comment, i.e. invalid HTML).

Personally I am considering stripping HTML comments before passing the template to MRML anyway.

Thanks for a great library though!


Discussion / hints:
thanks for this! I'll take a look 😜

Fix patch:
diff --git a/packages/mrml-core/resources/compare/success/comment.html b/packages/mrml-core/resources/compare/success/comment.html
new file mode 100644
index 00000000..045ea922
--- /dev/null
+++ b/packages/mrml-core/resources/compare/success/comment.html
@@ -0,0 +1,81 @@
+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+
+  <head>
+    <title></title>
+    <!--[if !mso]><!-->
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!--<![endif]-->
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <style type="text/css">
+      #outlook a {
+        padding: 0;
+      }
+
+      body {
+        margin: 0;
+        padding: 0;
+        -webkit-text-size-adjust: 100%;
+        -ms-text-size-adjust: 100%;
+      }
+
+      table,
+      td {
+        border-collapse: collapse;
+        mso-table-lspace: 0pt;
+        mso-table-rspace: 0pt;
+      }
+
+      img {
+        border: 0;
+        height: auto;
+        line-height: 100%;
+        outline: none;
+        text-decoration: none;
+        -ms-interpolation-mode: bicubic;
+      }
+
+      p {
+        display: block;
+        margin: 13px 0;
+      }
+    </style>
+    <!--[if mso]>
+<noscript>
+<xml>
+<o:OfficeDocumentSettings>
+<o:AllowPNG/>
+<o:PixelsPerInch>96</o:PixelsPerInch>
+</o:OfficeDocumentSettings>
+</xml>
+</noscript>
+<![endif]-->
+    <!--[if lte mso 11]>
+<style type="text/css">
+.mj-outlook-group-fix { width:100% !important; }
+</style>
+<![endif]-->
+  </head>
+
+  <body style="word-spacing:normal;">
+    <div>
+      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+      <div style="margin:0px auto;max-width:600px;">
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+          <tbody>
+            <tr>
+              <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><![endif]-->
+                <!-- A comment -->
+                <!--[if mso | IE]></tr></table><![endif]-->
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <!--[if mso | IE]></td></tr></table><![endif]-->
+    </div>
+  </body>
+
+</html>
\ No newline at end of file
diff --git a/packages/mrml-core/resources/compare/success/comment.mjml b/packages/mrml-core/resources/compare/success/comment.mjml
new file mode 100644
index 00000000..0543b10c
--- /dev/null
+++ b/packages/mrml-core/resources/compare/success/comment.mjml
@@ -0,0 +1,7 @@
+<mjml>
+  <mj-body>
+    <mj-section>
+      <!-- A comment -->
+    </mj-section>
+  </mj-body>
+</mjml>
diff --git a/packages/mrml-core/resources/compare/success/mj-carousel-align-border-radius-class.html b/packages/mrml-core/resources/compare/success/mj-carousel-align-border-radius-class.html
index db0ee19b..bf7dcc02 100644
--- a/packages/mrml-core/resources/compare/success/mj-carousel-align-border-radius-class.html
+++ b/packages/mrml-core/resources/compare/success/mj-carousel-align-border-radius-class.html
@@ -1,47 +1,48 @@
 <!doctype html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:o="urn:schemas-microsoft-com:office:office">
 
-  <head>
-    <title></title>
-    <!--[if !mso]><!-->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<![endif]-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <style type="text/css">
-      #outlook a {
-        padding: 0;
-      }
+<head>
+  <title></title>
+  <!--[if !mso]><!-->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <!--<![endif]-->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style type="text/css">
+    #outlook a {
+      padding: 0;
+    }
 
-      body {
-        margin: 0;
-        padding: 0;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-      }
+    body {
+      margin: 0;
+      padding: 0;
+      -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+    }
 
-      table,
-      td {
-        border-collapse: collapse;
-        mso-table-lspace: 0pt;
-        mso-table-rspace: 0pt;
-      }
+    table,
+    td {
+      border-collapse: collapse;
+      mso-table-lspace: 0pt;
+      mso-table-rspace: 0pt;
+    }
 
-      img {
-        border: 0;
-        height: auto;
-        line-height: 100%;
-        outline: none;
-        text-decoration: none;
-        -ms-interpolation-mode: bicubic;
-      }
+    img {
+      border: 0;
+      height: auto;
+      line-height: 100%;
+      outline: none;
+      text-decoration: none;
+      -ms-interpolation-mode: bicubic;
+    }
 
-      p {
-        display: block;
-        margin: 13px 0;
-      }
-    </style>
-    <!--[if mso]>
+    p {
+      display: block;
+      margin: 13px 0;
+    }
+  </style>
+  <!--[if mso]>
 <noscript>
 <xml>
 <o:OfficeDocumentSettings>
@@ -51,231 +52,277 @@
 </xml>
 </noscript>
 <![endif]-->
-    <!--[if lte mso 11]>
+  <!--[if lte mso 11]>
 <style type="text/css">
 .mj-outlook-group-fix { width:100% !important; }
 </style>
 <![endif]-->
-    <style type="text/css">
-      @media only screen and (min-width:480px) {
-        .mj-column-per-100 {
-          width: 100% !important;
-          max-width: 100%;
-        }
-      }
-    </style>
-    <style media="screen and (min-width:480px)">
-      .moz-text-html .mj-column-per-100 {
+  <style type="text/css">
+    @media only screen and (min-width:480px) {
+      .mj-column-per-100 {
         width: 100% !important;
         max-width: 100%;
       }
-    </style>
-    <style type="text/css">
-      .mj-carousel {
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        user-select: none;
-      }
+    }
+  </style>
+  <style media="screen and (min-width:480px)">
+    .moz-text-html .mj-column-per-100 {
+      width: 100% !important;
+      max-width: 100%;
+    }
+  </style>
+  <style type="text/css">
+    .mj-carousel {
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      user-select: none;
+    }
 
-      .mj-carousel-00000000-icons-cell {
-        display: table-cell !important;
-        width: 44px !important;
-      }
+    .mj-carousel-00000000-icons-cell {
+      display: table-cell !important;
+      width: 44px !important;
+    }
 
-      .mj-carousel-radio,
-      .mj-carousel-next,
-      .mj-carousel-previous {
-        display: none !important;
-      }
+    .mj-carousel-radio,
+    .mj-carousel-next,
+    .mj-carousel-previous {
+      display: none !important;
+    }
 
-      .mj-carousel-thumbnail,
-      .mj-carousel-next,
-      .mj-carousel-previous {
-        touch-action: manipulation;
-      }
+    .mj-carousel-thumbnail,
+    .mj-carousel-next,
+    .mj-carousel-previous {
+      touch-action: manipulation;
+    }
 
-      .mj-carousel-00000000-radio:checked+.mj-carousel-content .mj-carousel-image,
-      .mj-carousel-00000000-radio:checked+*+.mj-carousel-content .mj-carousel-image,
-      .mj-carousel-00000000-radio:checked+*+*+.mj-carousel-content .mj-carousel-image {
-        display: none !important;
-      }
+    .mj-carousel-00000000-radio:checked+.mj-carousel-content .mj-carousel-image,
+    .mj-carousel-00000000-radio:checked+*+.mj-carousel-content .mj-carousel-image,
+    .mj-carousel-00000000-radio:checked+*+*+.mj-carousel-content .mj-carousel-image {
+      display: none !important;
+    }
 
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-image-1,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-image-2,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-image-3 {
-        display: block !important;
-      }
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-image-1,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-image-2,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-image-3 {
+      display: block !important;
+    }
 
-      .mj-carousel-previous-icons,
-      .mj-carousel-next-icons,
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-next-2,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-next-3,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-next-1,
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-previous-3,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-previous-1,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-previous-2 {
-        display: block !important;
-      }
+    .mj-carousel-previous-icons,
+    .mj-carousel-next-icons,
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-next-2,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-next-3,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-next-1,
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-previous-3,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-previous-1,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-previous-2 {
+      display: block !important;
+    }
 
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-2,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-00000000-thumbnail-3 {
-        border-color: #cccccc !important;
-      }
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-2,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-00000000-thumbnail-3 {
+      border-color: #cccccc !important;
+    }
 
-      .mj-carousel-image img+div,
-      .mj-carousel-thumbnail img+div {
-        display: none !important;
-      }
+    .mj-carousel-image img+div,
+    .mj-carousel-thumbnail img+div {
+      display: none !important;
+    }
 
-      .mj-carousel-00000000-thumbnail:hover+*+*+.mj-carousel-main .mj-carousel-image,
-      .mj-carousel-00000000-thumbnail:hover+*+.mj-carousel-main .mj-carousel-image,
-      .mj-carousel-00000000-thumbnail:hover+.mj-carousel-main .mj-carousel-image {
-        display: none !important;
-      }
+    .mj-carousel-00000000-thumbnail:hover+*+*+.mj-carousel-main .mj-carousel-image,
+    .mj-carousel-00000000-thumbnail:hover+*+.mj-carousel-main .mj-carousel-image,
+    .mj-carousel-00000000-thumbnail:hover+.mj-carousel-main .mj-carousel-image {
+      display: none !important;
+    }
 
-      .mj-carousel-thumbnail:hover {
-        border-color: #fead0d !important;
-      }
+    .mj-carousel-thumbnail:hover {
+      border-color: #fead0d !important;
+    }
 
-      .mj-carousel-00000000-thumbnail-1:hover+*+*+.mj-carousel-main .mj-carousel-image-1,
-      .mj-carousel-00000000-thumbnail-2:hover+*+.mj-carousel-main .mj-carousel-image-2,
-      .mj-carousel-00000000-thumbnail-3:hover+.mj-carousel-main .mj-carousel-image-3 {
-        display: block !important;
-      }
+    .mj-carousel-00000000-thumbnail-1:hover+*+*+.mj-carousel-main .mj-carousel-image-1,
+    .mj-carousel-00000000-thumbnail-2:hover+*+.mj-carousel-main .mj-carousel-image-2,
+    .mj-carousel-00000000-thumbnail-3:hover+.mj-carousel-main .mj-carousel-image-3 {
+      display: block !important;
+    }
 
-      .mj-carousel noinput {
-        display: block !important;
-      }
+    .mj-carousel noinput {
+      display: block !important;
+    }
 
-      .mj-carousel noinput .mj-carousel-image-1 {
-        display: block !important;
-      }
+    .mj-carousel noinput .mj-carousel-image-1 {
+      display: block !important;
+    }
 
-      .mj-carousel noinput .mj-carousel-arrows,
-      .mj-carousel noinput .mj-carousel-thumbnails {
-        display: none !important;
-      }
+    .mj-carousel noinput .mj-carousel-arrows,
+    .mj-carousel noinput .mj-carousel-thumbnails {
+      display: none !important;
+    }
 
-      [owa] .mj-carousel-thumbnail {
-        display: none !important;
-      }
+    [owa] .mj-carousel-thumbnail {
+      display: none !important;
+    }
 
-      @media screen, yahoo {
+    @media screen,
+    yahoo {
 
-        .mj-carousel-00000000-icons-cell,
-        .mj-carousel-previous-icons,
-        .mj-carousel-next-icons {
-          display: none !important;
-        }
+      .mj-carousel-00000000-icons-cell,
+      .mj-carousel-previous-icons,
+      .mj-carousel-next-icons {
+        display: none !important;
+      }
 
-        .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1 {
-          border-color: transparent;
-        }
+      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1 {
+        border-color: transparent;
       }
-    </style>
-  </head>
+    }
+  </style>
+</head>
 
-  <body style="word-spacing:normal;">
-    <div>
-      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="right" class="container" style="font-size:0px;word-break:break-word;">
-                          <!--[if !mso]><!-->
-                          <div class="mj-carousel">
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-1" checked="checked" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-1" style="display:none;mso-hide:all;" />
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-2" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-2" style="display:none;mso-hide:all;" />
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-3" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-3" style="display:none;mso-hide:all;" />
-                            <div class="mj-carousel-content mj-carousel-00000000-content" style="display:table;width:100%;table-layout:fixed;text-align:center;font-size:0px;">
-                              <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;" href="#1" target="_blank" class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-1 ">
-                                <label for="mj-carousel-00000000-radio-1">
-                                  <img style="display:block;width:100%;height:auto;" src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" alt="first" width="110" />
-                                </label>
-                              </a>
-                              <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;" href="#2" target="_blank" class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-2 middle-thumbnail">
-                                <label for="mj-carousel-00000000-radio-2">
-                                  <img style="display:block;width:100%;height:auto;" src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png" width="110" />
-                                </label>
-                              </a>
-                              <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;" href="#3" target="_blank" class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-3 ">
-                                <label for="mj-carousel-00000000-radio-3">
-                                  <img style="display:block;width:100%;height:auto;" src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" width="110" />
-                                </label>
-                              </a>
-                              <table style="caption-side:top;display:table-caption;table-layout:fixed;width:100%;" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation" class="mj-carousel-main">
-                                <tbody>
-                                  <tr>
-                                    <td class="mj-carousel-00000000-icons-cell" style="font-size:0px;display:none;mso-hide:all;padding:0px;">
-                                      <div class="mj-carousel-previous-icons" style="display:none;mso-hide:all;">
-                                        <label for="mj-carousel-00000000-radio-1" class="mj-carousel-previous mj-carousel-previous-1">
-                                          <img src="https://i.imgur.com/xTh3hln.png" alt="previous" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-2" class="mj-carousel-previous mj-carousel-previous-2">
-                                          <img src="https://i.imgur.com/xTh3hln.png" alt="previous" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-3" class="mj-carousel-previous mj-carousel-previous-3">
-                                          <img src="https://i.imgur.com/xTh3hln.png" alt="previous" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
+<body style="word-spacing:normal;">
+  <div>
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+              <div class="mj-column-per-100 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="right" class="container" style="font-size:0px;word-break:break-word;">
+                        <!--[if !mso]><!-->
+                        <div class="mj-carousel">
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-1"
+                            checked="checked" type="radio" name="mj-carousel-radio-00000000"
+                            id="mj-carousel-00000000-radio-1" style="display:none;mso-hide:all;" />
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-2"
+                            type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-2"
+                            style="display:none;mso-hide:all;" />
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-3"
+                            type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-3"
+                            style="display:none;mso-hide:all;" />
+                          <div class="mj-carousel-content mj-carousel-00000000-content"
+                            style="display:table;width:100%;table-layout:fixed;text-align:center;font-size:0px;">
+                            <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;"
+                              href="#1" target="_blank"
+                              class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-1 ">
+                              <label for="mj-carousel-00000000-radio-1">
+                                <img style="display:block;width:100%;height:auto;"
+                                  src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg"
+                                  alt="first" width="110" />
+                              </label>
+                            </a>
+                            <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;"
+                              href="#2" target="_blank"
+                              class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-2 middle-thumbnail">
+                              <label for="mj-carousel-00000000-radio-2">
+                                <img style="display:block;width:100%;height:auto;"
+                                  src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png" width="110" />
+                              </label>
+                            </a>
+                            <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;"
+                              href="#3" target="_blank"
+                              class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-3 ">
+                              <label for="mj-carousel-00000000-radio-3">
+                                <img style="display:block;width:100%;height:auto;"
+                                  src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" width="110" />
+                              </label>
+                            </a>
+                            <table style="caption-side:top;display:table-caption;table-layout:fixed;width:100%;"
+                              border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation"
+                              class="mj-carousel-main">
+                              <tbody>
+                                <tr>
+                                  <td class="mj-carousel-00000000-icons-cell"
+                                    style="font-size:0px;display:none;mso-hide:all;padding:0px;">
+                                    <div class="mj-carousel-previous-icons" style="display:none;mso-hide:all;">
+                                      <label for="mj-carousel-00000000-radio-1"
+                                        class="mj-carousel-previous mj-carousel-previous-1">
+                                        <img src="https://i.imgur.com/xTh3hln.png" alt="previous"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-2"
+                                        class="mj-carousel-previous mj-carousel-previous-2">
+                                        <img src="https://i.imgur.com/xTh3hln.png" alt="previous"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-3"
+                                        class="mj-carousel-previous mj-carousel-previous-3">
+                                        <img src="https://i.imgur.com/xTh3hln.png" alt="previous"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                    </div>
+                                  </td>
+                                  <td style="padding:0px;">
+                                    <div class="mj-carousel-images">
+                                      <div class="mj-carousel-image mj-carousel-image-1 ">
+                                        <img
+                                          src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg"
+                                          alt="first"
+                                          style="border-radius:2px;display:block;width:600px;max-width:100%;height:auto;"
+                                          width="600" border="0" />
                                       </div>
-                                    </td>
-                                    <td style="padding:0px;">
-                                      <div class="mj-carousel-images">
-                                        <div class="mj-carousel-image mj-carousel-image-1 ">
-                                          <img src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" alt="first" style="border-radius:2px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                        </div>
-                                        <div class="mj-carousel-image mj-carousel-image-2 middle" style="display:none;mso-hide:all;">
-                                          <img src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png" style="border-radius:2px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                        </div>
-                                        <div class="mj-carousel-image mj-carousel-image-3 " style="display:none;mso-hide:all;">
-                                          <a href="https://jolimail.io" target="_blank">
-                                            <img src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" style="border-radius:2px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                          </a>
-                                        </div>
+                                      <div class="mj-carousel-image mj-carousel-image-2 middle"
+                                        style="display:none;mso-hide:all;">
+                                        <img src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png"
+                                          style="border-radius:2px;display:block;width:600px;max-width:100%;height:auto;"
+                                          width="600" border="0" />
                                       </div>
-                                    </td>
-                                    <td class="mj-carousel-00000000-icons-cell" style="font-size:0px;display:none;mso-hide:all;padding:0px;">
-                                      <div class="mj-carousel-next-icons" style="display:none;mso-hide:all;">
-                                        <label for="mj-carousel-00000000-radio-1" class="mj-carousel-next mj-carousel-next-1">
-                                          <img src="https://i.imgur.com/os7o9kz.png" alt="next" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-2" class="mj-carousel-next mj-carousel-next-2">
-                                          <img src="https://i.imgur.com/os7o9kz.png" alt="next" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-3" class="mj-carousel-next mj-carousel-next-3">
-                                          <img src="https://i.imgur.com/os7o9kz.png" alt="next" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
+                                      <div class="mj-carousel-image mj-carousel-image-3 "
+                                        style="display:none;mso-hide:all;">
+                                        <a href="https://jolimail.io" target="_blank">
+                                          <img src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png"
+                                            style="border-radius:2px;display:block;width:600px;max-width:100%;height:auto;"
+                                            width="600" border="0" />
+                                        </a>
                                       </div>
-                                    </td>
-                                  </tr>
-                                </tbody>
-                              </table>
-                            </div>
+                                    </div>
+                                  </td>
+                                  <td class="mj-carousel-00000000-icons-cell"
+                                    style="font-size:0px;display:none;mso-hide:all;padding:0px;">
+                                    <div class="mj-carousel-next-icons" style="display:none;mso-hide:all;">
+                                      <label for="mj-carousel-00000000-radio-1"
+                                        class="mj-carousel-next mj-carousel-next-1">
+                                        <img src="https://i.imgur.com/os7o9kz.png" alt="next"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-2"
+                                        class="mj-carousel-next mj-carousel-next-2">
+                                        <img src="https://i.imgur.com/os7o9kz.png" alt="next"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-3"
+                                        class="mj-carousel-next mj-carousel-next-3">
+                                        <img src="https://i.imgur.com/os7o9kz.png" alt="next"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                    </div>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
                           </div>
-                          <!--<![endif]-->
-                          <!--[if mso]><div class="mj-carousel-image mj-carousel-image-1 "
+                        </div>
+                        <!--<![endif]-->
+                        <!--[if mso]><div class="mj-carousel-image mj-carousel-image-1 "
 ><img src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" alt="first" style="border-radius:2px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" /></div><![endif]-->
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><![endif]-->
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
-  </body>
+    <!--[if mso | IE]></td></tr></table><![endif]-->
+  </div>
+</body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/packages/mrml-core/resources/compare/success/mj-carousel-icon.html b/packages/mrml-core/resources/compare/success/mj-carousel-icon.html
index 30c9ebbf..b2642c72 100644
--- a/packages/mrml-core/resources/compare/success/mj-carousel-icon.html
+++ b/packages/mrml-core/resources/compare/success/mj-carousel-icon.html
@@ -1,47 +1,48 @@
 <!doctype html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:o="urn:schemas-microsoft-com:office:office">
 
-  <head>
-    <title></title>
-    <!--[if !mso]><!-->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<![endif]-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <style type="text/css">
-      #outlook a {
-        padding: 0;
-      }
+<head>
+  <title></title>
+  <!--[if !mso]><!-->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <!--<![endif]-->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style type="text/css">
+    #outlook a {
+      padding: 0;
+    }
 
-      body {
-        margin: 0;
-        padding: 0;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-      }
+    body {
+      margin: 0;
+      padding: 0;
+      -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+    }
 
-      table,
-      td {
-        border-collapse: collapse;
-        mso-table-lspace: 0pt;
-        mso-table-rspace: 0pt;
-      }
+    table,
+    td {
+      border-collapse: collapse;
+      mso-table-lspace: 0pt;
+      mso-table-rspace: 0pt;
+    }
 
-      img {
-        border: 0;
-        height: auto;
-        line-height: 100%;
-        outline: none;
-        text-decoration: none;
-        -ms-interpolation-mode: bicubic;
-      }
+    img {
+      border: 0;
+      height: auto;
+      line-height: 100%;
+      outline: none;
+      text-decoration: none;
+      -ms-interpolation-mode: bicubic;
+    }
 
-      p {
-        display: block;
-        margin: 13px 0;
-      }
-    </style>
-    <!--[if mso]>
+    p {
+      display: block;
+      margin: 13px 0;
+    }
+  </style>
+  <!--[if mso]>
 <noscript>
 <xml>
 <o:OfficeDocumentSettings>
@@ -51,231 +52,277 @@
 </xml>
 </noscript>
 <![endif]-->
-    <!--[if lte mso 11]>
+  <!--[if lte mso 11]>
 <style type="text/css">
 .mj-outlook-group-fix { width:100% !important; }
 </style>
 <![endif]-->
-    <style type="text/css">
-      @media only screen and (min-width:480px) {
-        .mj-column-per-100 {
-          width: 100% !important;
-          max-width: 100%;
-        }
-      }
-    </style>
-    <style media="screen and (min-width:480px)">
-      .moz-text-html .mj-column-per-100 {
+  <style type="text/css">
+    @media only screen and (min-width:480px) {
+      .mj-column-per-100 {
         width: 100% !important;
         max-width: 100%;
       }
-    </style>
-    <style type="text/css">
-      .mj-carousel {
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        user-select: none;
-      }
+    }
+  </style>
+  <style media="screen and (min-width:480px)">
+    .moz-text-html .mj-column-per-100 {
+      width: 100% !important;
+      max-width: 100%;
+    }
+  </style>
+  <style type="text/css">
+    .mj-carousel {
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      user-select: none;
+    }
 
-      .mj-carousel-00000000-icons-cell {
-        display: table-cell !important;
-        width: 22px !important;
-      }
+    .mj-carousel-00000000-icons-cell {
+      display: table-cell !important;
+      width: 22px !important;
+    }
 
-      .mj-carousel-radio,
-      .mj-carousel-next,
-      .mj-carousel-previous {
-        display: none !important;
-      }
+    .mj-carousel-radio,
+    .mj-carousel-next,
+    .mj-carousel-previous {
+      display: none !important;
+    }
 
-      .mj-carousel-thumbnail,
-      .mj-carousel-next,
-      .mj-carousel-previous {
-        touch-action: manipulation;
-      }
+    .mj-carousel-thumbnail,
+    .mj-carousel-next,
+    .mj-carousel-previous {
+      touch-action: manipulation;
+    }
 
-      .mj-carousel-00000000-radio:checked+.mj-carousel-content .mj-carousel-image,
-      .mj-carousel-00000000-radio:checked+*+.mj-carousel-content .mj-carousel-image,
-      .mj-carousel-00000000-radio:checked+*+*+.mj-carousel-content .mj-carousel-image {
-        display: none !important;
-      }
+    .mj-carousel-00000000-radio:checked+.mj-carousel-content .mj-carousel-image,
+    .mj-carousel-00000000-radio:checked+*+.mj-carousel-content .mj-carousel-image,
+    .mj-carousel-00000000-radio:checked+*+*+.mj-carousel-content .mj-carousel-image {
+      display: none !important;
+    }
 
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-image-1,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-image-2,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-image-3 {
-        display: block !important;
-      }
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-image-1,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-image-2,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-image-3 {
+      display: block !important;
+    }
 
-      .mj-carousel-previous-icons,
-      .mj-carousel-next-icons,
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-next-2,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-next-3,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-next-1,
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-previous-3,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-previous-1,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-previous-2 {
-        display: block !important;
-      }
+    .mj-carousel-previous-icons,
+    .mj-carousel-next-icons,
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-next-2,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-next-3,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-next-1,
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-previous-3,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-previous-1,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-previous-2 {
+      display: block !important;
+    }
 
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-2,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-00000000-thumbnail-3 {
-        border-color: #cccccc !important;
-      }
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-2,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-00000000-thumbnail-3 {
+      border-color: #cccccc !important;
+    }
 
-      .mj-carousel-image img+div,
-      .mj-carousel-thumbnail img+div {
-        display: none !important;
-      }
+    .mj-carousel-image img+div,
+    .mj-carousel-thumbnail img+div {
+      display: none !important;
+    }
 
-      .mj-carousel-00000000-thumbnail:hover+*+*+.mj-carousel-main .mj-carousel-image,
-      .mj-carousel-00000000-thumbnail:hover+*+.mj-carousel-main .mj-carousel-image,
-      .mj-carousel-00000000-thumbnail:hover+.mj-carousel-main .mj-carousel-image {
-        display: none !important;
-      }
+    .mj-carousel-00000000-thumbnail:hover+*+*+.mj-carousel-main .mj-carousel-image,
+    .mj-carousel-00000000-thumbnail:hover+*+.mj-carousel-main .mj-carousel-image,
+    .mj-carousel-00000000-thumbnail:hover+.mj-carousel-main .mj-carousel-image {
+      display: none !important;
+    }
 
-      .mj-carousel-thumbnail:hover {
-        border-color: #fead0d !important;
-      }
+    .mj-carousel-thumbnail:hover {
+      border-color: #fead0d !important;
+    }
 
-      .mj-carousel-00000000-thumbnail-1:hover+*+*+.mj-carousel-main .mj-carousel-image-1,
-      .mj-carousel-00000000-thumbnail-2:hover+*+.mj-carousel-main .mj-carousel-image-2,
-      .mj-carousel-00000000-thumbnail-3:hover+.mj-carousel-main .mj-carousel-image-3 {
-        display: block !important;
-      }
+    .mj-carousel-00000000-thumbnail-1:hover+*+*+.mj-carousel-main .mj-carousel-image-1,
+    .mj-carousel-00000000-thumbnail-2:hover+*+.mj-carousel-main .mj-carousel-image-2,
+    .mj-carousel-00000000-thumbnail-3:hover+.mj-carousel-main .mj-carousel-image-3 {
+      display: block !important;
+    }
 
-      .mj-carousel noinput {
-        display: block !important;
-      }
+    .mj-carousel noinput {
+      display: block !important;
+    }
 
-      .mj-carousel noinput .mj-carousel-image-1 {
-        display: block !important;
-      }
+    .mj-carousel noinput .mj-carousel-image-1 {
+      display: block !important;
+    }
 
-      .mj-carousel noinput .mj-carousel-arrows,
-      .mj-carousel noinput .mj-carousel-thumbnails {
-        display: none !important;
-      }
+    .mj-carousel noinput .mj-carousel-arrows,
+    .mj-carousel noinput .mj-carousel-thumbnails {
+      display: none !important;
+    }
 
-      [owa] .mj-carousel-thumbnail {
-        display: none !important;
-      }
+    [owa] .mj-carousel-thumbnail {
+      display: none !important;
+    }
 
-      @media screen, yahoo {
+    @media screen,
+    yahoo {
 
-        .mj-carousel-00000000-icons-cell,
-        .mj-carousel-previous-icons,
-        .mj-carousel-next-icons {
-          display: none !important;
-        }
+      .mj-carousel-00000000-icons-cell,
+      .mj-carousel-previous-icons,
+      .mj-carousel-next-icons {
+        display: none !important;
+      }
 
-        .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1 {
-          border-color: transparent;
-        }
+      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1 {
+        border-color: transparent;
       }
-    </style>
-  </head>
+    }
+  </style>
+</head>
 
-  <body style="word-spacing:normal;">
-    <div>
-      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;word-break:break-word;">
-                          <!--[if !mso]><!-->
-                          <div class="mj-carousel">
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-1" checked="checked" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-1" style="display:none;mso-hide:all;" />
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-2" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-2" style="display:none;mso-hide:all;" />
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-3" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-3" style="display:none;mso-hide:all;" />
-                            <div class="mj-carousel-content mj-carousel-00000000-content" style="display:table;width:100%;table-layout:fixed;text-align:center;font-size:0px;">
-                              <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;" href="#1" target="_blank" class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-1 ">
-                                <label for="mj-carousel-00000000-radio-1">
-                                  <img style="display:block;width:100%;height:auto;" src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" width="110" />
-                                </label>
-                              </a>
-                              <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;" href="#2" target="_blank" class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-2 ">
-                                <label for="mj-carousel-00000000-radio-2">
-                                  <img style="display:block;width:100%;height:auto;" src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" width="110" />
-                                </label>
-                              </a>
-                              <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;" href="#3" target="_top" class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-3 ">
-                                <label for="mj-carousel-00000000-radio-3">
-                                  <img style="display:block;width:100%;height:auto;" src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" width="110" />
-                                </label>
-                              </a>
-                              <table style="caption-side:top;display:table-caption;table-layout:fixed;width:100%;" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation" class="mj-carousel-main">
-                                <tbody>
-                                  <tr>
-                                    <td class="mj-carousel-00000000-icons-cell" style="font-size:0px;display:none;mso-hide:all;padding:0px;">
-                                      <div class="mj-carousel-previous-icons" style="display:none;mso-hide:all;">
-                                        <label for="mj-carousel-00000000-radio-1" class="mj-carousel-previous mj-carousel-previous-1">
-                                          <img src="https://mjml.io/assets/img/right-arrow.png" alt="previous" style="display:block;width:22px;height:auto;" width="22" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-2" class="mj-carousel-previous mj-carousel-previous-2">
-                                          <img src="https://mjml.io/assets/img/right-arrow.png" alt="previous" style="display:block;width:22px;height:auto;" width="22" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-3" class="mj-carousel-previous mj-carousel-previous-3">
-                                          <img src="https://mjml.io/assets/img/right-arrow.png" alt="previous" style="display:block;width:22px;height:auto;" width="22" />
-                                        </label>
+<body style="word-spacing:normal;">
+  <div>
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+              <div class="mj-column-per-100 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center" style="font-size:0px;word-break:break-word;">
+                        <!--[if !mso]><!-->
+                        <div class="mj-carousel">
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-1"
+                            checked="checked" type="radio" name="mj-carousel-radio-00000000"
+                            id="mj-carousel-00000000-radio-1" style="display:none;mso-hide:all;" />
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-2"
+                            type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-2"
+                            style="display:none;mso-hide:all;" />
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-3"
+                            type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-3"
+                            style="display:none;mso-hide:all;" />
+                          <div class="mj-carousel-content mj-carousel-00000000-content"
+                            style="display:table;width:100%;table-layout:fixed;text-align:center;font-size:0px;">
+                            <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;"
+                              href="#1" target="_blank"
+                              class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-1 ">
+                              <label for="mj-carousel-00000000-radio-1">
+                                <img style="display:block;width:100%;height:auto;"
+                                  src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg"
+                                  width="110" />
+                              </label>
+                            </a>
+                            <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;"
+                              href="#2" target="_blank"
+                              class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-2 ">
+                              <label for="mj-carousel-00000000-radio-2">
+                                <img style="display:block;width:100%;height:auto;"
+                                  src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" width="110" />
+                              </label>
+                            </a>
+                            <a style="border:2px solid transparent;border-radius:6px;display:inline-block;overflow:hidden;width:110px;"
+                              href="#3" target="_top"
+                              class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-3 ">
+                              <label for="mj-carousel-00000000-radio-3">
+                                <img style="display:block;width:100%;height:auto;"
+                                  src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" width="110" />
+                              </label>
+                            </a>
+                            <table style="caption-side:top;display:table-caption;table-layout:fixed;width:100%;"
+                              border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation"
+                              class="mj-carousel-main">
+                              <tbody>
+                                <tr>
+                                  <td class="mj-carousel-00000000-icons-cell"
+                                    style="font-size:0px;display:none;mso-hide:all;padding:0px;">
+                                    <div class="mj-carousel-previous-icons" style="display:none;mso-hide:all;">
+                                      <label for="mj-carousel-00000000-radio-1"
+                                        class="mj-carousel-previous mj-carousel-previous-1">
+                                        <img src="https://mjml.io/assets/img/right-arrow.png" alt="previous"
+                                          style="display:block;width:22px;height:auto;" width="22" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-2"
+                                        class="mj-carousel-previous mj-carousel-previous-2">
+                                        <img src="https://mjml.io/assets/img/right-arrow.png" alt="previous"
+                                          style="display:block;width:22px;height:auto;" width="22" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-3"
+                                        class="mj-carousel-previous mj-carousel-previous-3">
+                                        <img src="https://mjml.io/assets/img/right-arrow.png" alt="previous"
+                                          style="display:block;width:22px;height:auto;" width="22" />
+                                      </label>
+                                    </div>
+                                  </td>
+                                  <td style="padding:0px;">
+                                    <div class="mj-carousel-images">
+                                      <div class="mj-carousel-image mj-carousel-image-1 ">
+                                        <img
+                                          src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg"
+                                          style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;"
+                                          width="600" border="0" />
                                       </div>
-                                    </td>
-                                    <td style="padding:0px;">
-                                      <div class="mj-carousel-images">
-                                        <div class="mj-carousel-image mj-carousel-image-1 ">
-                                          <img src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                        </div>
-                                        <div class="mj-carousel-image mj-carousel-image-2 " style="display:none;mso-hide:all;">
-                                          <img title="some title" src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                        </div>
-                                        <div class="mj-carousel-image mj-carousel-image-3 " style="display:none;mso-hide:all;">
-                                          <a href="https://jolimail.io" target="_blank">
-                                            <img src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                          </a>
-                                        </div>
+                                      <div class="mj-carousel-image mj-carousel-image-2 "
+                                        style="display:none;mso-hide:all;">
+                                        <img title="some title"
+                                          src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png"
+                                          style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;"
+                                          width="600" border="0" />
                                       </div>
-                                    </td>
-                                    <td class="mj-carousel-00000000-icons-cell" style="font-size:0px;display:none;mso-hide:all;padding:0px;">
-                                      <div class="mj-carousel-next-icons" style="display:none;mso-hide:all;">
-                                        <label for="mj-carousel-00000000-radio-1" class="mj-carousel-next mj-carousel-next-1">
-                                          <img src="https://mjml.io/assets/img/left-arrow.png" alt="next" style="display:block;width:22px;height:auto;" width="22" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-2" class="mj-carousel-next mj-carousel-next-2">
-                                          <img src="https://mjml.io/assets/img/left-arrow.png" alt="next" style="display:block;width:22px;height:auto;" width="22" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-3" class="mj-carousel-next mj-carousel-next-3">
-                                          <img src="https://mjml.io/assets/img/left-arrow.png" alt="next" style="display:block;width:22px;height:auto;" width="22" />
-                                        </label>
+                                      <div class="mj-carousel-image mj-carousel-image-3 "
+                                        style="display:none;mso-hide:all;">
+                                        <a href="https://jolimail.io" target="_blank">
+                                          <img src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png"
+                                            style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;"
+                                            width="600" border="0" />
+                                        </a>
                                       </div>
-                                    </td>
-                                  </tr>
-                                </tbody>
-                              </table>
-                            </div>
+                                    </div>
+                                  </td>
+                                  <td class="mj-carousel-00000000-icons-cell"
+                                    style="font-size:0px;display:none;mso-hide:all;padding:0px;">
+                                    <div class="mj-carousel-next-icons" style="display:none;mso-hide:all;">
+                                      <label for="mj-carousel-00000000-radio-1"
+                                        class="mj-carousel-next mj-carousel-next-1">
+                                        <img src="https://mjml.io/assets/img/left-arrow.png" alt="next"
+                                          style="display:block;width:22px;height:auto;" width="22" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-2"
+                                        class="mj-carousel-next mj-carousel-next-2">
+                                        <img src="https://mjml.io/assets/img/left-arrow.png" alt="next"
+                                          style="display:block;width:22px;height:auto;" width="22" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-3"
+                                        class="mj-carousel-next mj-carousel-next-3">
+                                        <img src="https://mjml.io/assets/img/left-arrow.png" alt="next"
+                                          style="display:block;width:22px;height:auto;" width="22" />
+                                      </label>
+                                    </div>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
                           </div>
-                          <!--<![endif]-->
-                          <!--[if mso]><div class="mj-carousel-image mj-carousel-image-1 "
+                        </div>
+                        <!--<![endif]-->
+                        <!--[if mso]><div class="mj-carousel-image mj-carousel-image-1 "
 ><img src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" /></div><![endif]-->
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><![endif]-->
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
-  </body>
+    <!--[if mso | IE]></td></tr></table><![endif]-->
+  </div>
+</body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/packages/mrml-core/resources/compare/success/mj-carousel-tb.html b/packages/mrml-core/resources/compare/success/mj-carousel-tb.html
index d5405e44..4540fcdd 100644
--- a/packages/mrml-core/resources/compare/success/mj-carousel-tb.html
+++ b/packages/mrml-core/resources/compare/success/mj-carousel-tb.html
@@ -1,47 +1,48 @@
 <!doctype html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:o="urn:schemas-microsoft-com:office:office">
 
-  <head>
-    <title></title>
-    <!--[if !mso]><!-->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<![endif]-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <style type="text/css">
-      #outlook a {
-        padding: 0;
-      }
+<head>
+  <title></title>
+  <!--[if !mso]><!-->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <!--<![endif]-->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style type="text/css">
+    #outlook a {
+      padding: 0;
+    }
 
-      body {
-        margin: 0;
-        padding: 0;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-      }
+    body {
+      margin: 0;
+      padding: 0;
+      -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+    }
 
-      table,
-      td {
-        border-collapse: collapse;
-        mso-table-lspace: 0pt;
-        mso-table-rspace: 0pt;
-      }
+    table,
+    td {
+      border-collapse: collapse;
+      mso-table-lspace: 0pt;
+      mso-table-rspace: 0pt;
+    }
 
-      img {
-        border: 0;
-        height: auto;
-        line-height: 100%;
-        outline: none;
-        text-decoration: none;
-        -ms-interpolation-mode: bicubic;
-      }
+    img {
+      border: 0;
+      height: auto;
+      line-height: 100%;
+      outline: none;
+      text-decoration: none;
+      -ms-interpolation-mode: bicubic;
+    }
 
-      p {
-        display: block;
-        margin: 13px 0;
-      }
-    </style>
-    <!--[if mso]>
+    p {
+      display: block;
+      margin: 13px 0;
+    }
+  </style>
+  <!--[if mso]>
 <noscript>
 <xml>
 <o:OfficeDocumentSettings>
@@ -51,229 +52,274 @@
 </xml>
 </noscript>
 <![endif]-->
-    <!--[if lte mso 11]>
+  <!--[if lte mso 11]>
 <style type="text/css">
 .mj-outlook-group-fix { width:100% !important; }
 </style>
 <![endif]-->
-    <style type="text/css">
-      @media only screen and (min-width:480px) {
-        .mj-column-per-100 {
-          width: 100% !important;
-          max-width: 100%;
-        }
-      }
-    </style>
-    <style media="screen and (min-width:480px)">
-      .moz-text-html .mj-column-per-100 {
+  <style type="text/css">
+    @media only screen and (min-width:480px) {
+      .mj-column-per-100 {
         width: 100% !important;
         max-width: 100%;
       }
-    </style>
-    <style type="text/css">
-      .mj-carousel {
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        user-select: none;
-      }
+    }
+  </style>
+  <style media="screen and (min-width:480px)">
+    .moz-text-html .mj-column-per-100 {
+      width: 100% !important;
+      max-width: 100%;
+    }
+  </style>
+  <style type="text/css">
+    .mj-carousel {
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      user-select: none;
+    }
 
-      .mj-carousel-00000000-icons-cell {
-        display: table-cell !important;
-        width: 44px !important;
-      }
+    .mj-carousel-00000000-icons-cell {
+      display: table-cell !important;
+      width: 44px !important;
+    }
 
-      .mj-carousel-radio,
-      .mj-carousel-next,
-      .mj-carousel-previous {
-        display: none !important;
-      }
+    .mj-carousel-radio,
+    .mj-carousel-next,
+    .mj-carousel-previous {
+      display: none !important;
+    }
 
-      .mj-carousel-thumbnail,
-      .mj-carousel-next,
-      .mj-carousel-previous {
-        touch-action: manipulation;
-      }
+    .mj-carousel-thumbnail,
+    .mj-carousel-next,
+    .mj-carousel-previous {
+      touch-action: manipulation;
+    }
 
-      .mj-carousel-00000000-radio:checked+.mj-carousel-content .mj-carousel-image,
-      .mj-carousel-00000000-radio:checked+*+.mj-carousel-content .mj-carousel-image,
-      .mj-carousel-00000000-radio:checked+*+*+.mj-carousel-content .mj-carousel-image {
-        display: none !important;
-      }
+    .mj-carousel-00000000-radio:checked+.mj-carousel-content .mj-carousel-image,
+    .mj-carousel-00000000-radio:checked+*+.mj-carousel-content .mj-carousel-image,
+    .mj-carousel-00000000-radio:checked+*+*+.mj-carousel-content .mj-carousel-image {
+      display: none !important;
+    }
 
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-image-1,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-image-2,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-image-3 {
-        display: block !important;
-      }
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-image-1,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-image-2,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-image-3 {
+      display: block !important;
+    }
 
-      .mj-carousel-previous-icons,
-      .mj-carousel-next-icons,
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-next-2,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-next-3,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-next-1,
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-previous-3,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-previous-1,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-previous-2 {
-        display: block !important;
-      }
+    .mj-carousel-previous-icons,
+    .mj-carousel-next-icons,
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-next-2,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-next-3,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-next-1,
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-previous-3,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-previous-1,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-previous-2 {
+      display: block !important;
+    }
 
-      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1,
-      .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-2,
-      .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-00000000-thumbnail-3 {
-        border-color: orange !important;
-      }
+    .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1,
+    .mj-carousel-00000000-radio-2:checked+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-2,
+    .mj-carousel-00000000-radio-3:checked+.mj-carousel-content .mj-carousel-00000000-thumbnail-3 {
+      border-color: orange !important;
+    }
 
-      .mj-carousel-image img+div,
-      .mj-carousel-thumbnail img+div {
-        display: none !important;
-      }
+    .mj-carousel-image img+div,
+    .mj-carousel-thumbnail img+div {
+      display: none !important;
+    }
 
-      .mj-carousel-00000000-thumbnail:hover+*+*+.mj-carousel-main .mj-carousel-image,
-      .mj-carousel-00000000-thumbnail:hover+*+.mj-carousel-main .mj-carousel-image,
-      .mj-carousel-00000000-thumbnail:hover+.mj-carousel-main .mj-carousel-image {
-        display: none !important;
-      }
+    .mj-carousel-00000000-thumbnail:hover+*+*+.mj-carousel-main .mj-carousel-image,
+    .mj-carousel-00000000-thumbnail:hover+*+.mj-carousel-main .mj-carousel-image,
+    .mj-carousel-00000000-thumbnail:hover+.mj-carousel-main .mj-carousel-image {
+      display: none !important;
+    }
 
-      .mj-carousel-thumbnail:hover {
-        border-color: green !important;
-      }
+    .mj-carousel-thumbnail:hover {
+      border-color: green !important;
+    }
 
-      .mj-carousel-00000000-thumbnail-1:hover+*+*+.mj-carousel-main .mj-carousel-image-1,
-      .mj-carousel-00000000-thumbnail-2:hover+*+.mj-carousel-main .mj-carousel-image-2,
-      .mj-carousel-00000000-thumbnail-3:hover+.mj-carousel-main .mj-carousel-image-3 {
-        display: block !important;
-      }
+    .mj-carousel-00000000-thumbnail-1:hover+*+*+.mj-carousel-main .mj-carousel-image-1,
+    .mj-carousel-00000000-thumbnail-2:hover+*+.mj-carousel-main .mj-carousel-image-2,
+    .mj-carousel-00000000-thumbnail-3:hover+.mj-carousel-main .mj-carousel-image-3 {
+      display: block !important;
+    }
 
-      .mj-carousel noinput {
-        display: block !important;
-      }
+    .mj-carousel noinput {
+      display: block !important;
+    }
 
-      .mj-carousel noinput .mj-carousel-image-1 {
-        display: block !important;
-      }
+    .mj-carousel noinput .mj-carousel-image-1 {
+      display: block !important;
+    }
 
-      .mj-carousel noinput .mj-carousel-arrows,
-      .mj-carousel noinput .mj-carousel-thumbnails {
-        display: none !important;
-      }
+    .mj-carousel noinput .mj-carousel-arrows,
+    .mj-carousel noinput .mj-carousel-thumbnails {
+      display: none !important;
+    }
 
-      [owa] .mj-carousel-thumbnail {
-        display: none !important;
-      }
+    [owa] .mj-carousel-thumbnail {
+      display: none !important;
+    }
 
-      @media screen, yahoo {
+    @media screen,
+    yahoo {
 
-        .mj-carousel-00000000-icons-cell,
-        .mj-carousel-previous-icons,
-        .mj-carousel-next-icons {
-          display: none !important;
-        }
+      .mj-carousel-00000000-icons-cell,
+      .mj-carousel-previous-icons,
+      .mj-carousel-next-icons {
+        display: none !important;
+      }
 
-        .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1 {
-          border-color: transparent;
-        }
+      .mj-carousel-00000000-radio-1:checked+*+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1 {
+        border-color: transparent;
       }
-    </style>
-  </head>
+    }
+  </style>
+</head>
 
-  <body style="word-spacing:normal;">
-    <div>
-      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;word-break:break-word;">
-                          <!--[if !mso]><!-->
-                          <div class="mj-carousel">
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-1" checked="checked" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-1" style="display:none;mso-hide:all;" />
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-2" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-2" style="display:none;mso-hide:all;" />
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-3" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-3" style="display:none;mso-hide:all;" />
-                            <div class="mj-carousel-content mj-carousel-00000000-content" style="display:table;width:100%;table-layout:fixed;text-align:center;font-size:0px;">
-                              <a style="border:1px solid blue;border-radius:2px;display:inline-block;overflow:hidden;width:40px;" href="#1" target="_blank" class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-1 ">
-                                <label for="mj-carousel-00000000-radio-1">
-                                  <img style="display:block;width:100%;height:auto;" src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" width="40" />
-                                </label>
-                              </a>
-                              <a style="border:1px solid blue;border-radius:2px;display:inline-block;overflow:hidden;width:40px;" href="#2" target="_blank" class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-2 ">
-                                <label for="mj-carousel-00000000-radio-2">
-                                  <img style="display:block;width:100%;height:auto;" src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png" width="40" />
-                                </label>
-                              </a>
-                              <a style="border:1px solid blue;border-radius:2px;display:inline-block;overflow:hidden;width:40px;" href="#3" target="_blank" class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-3 ">
-                                <label for="mj-carousel-00000000-radio-3">
-                                  <img style="display:block;width:100%;height:auto;" src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" width="40" />
-                                </label>
-                              </a>
-                              <table style="caption-side:top;display:table-caption;table-layout:fixed;width:100%;" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation" class="mj-carousel-main">
-                                <tbody>
-                                  <tr>
-                                    <td class="mj-carousel-00000000-icons-cell" style="font-size:0px;display:none;mso-hide:all;padding:0px;">
-                                      <div class="mj-carousel-previous-icons" style="display:none;mso-hide:all;">
-                                        <label for="mj-carousel-00000000-radio-1" class="mj-carousel-previous mj-carousel-previous-1">
-                                          <img src="https://i.imgur.com/xTh3hln.png" alt="previous" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-2" class="mj-carousel-previous mj-carousel-previous-2">
-                                          <img src="https://i.imgur.com/xTh3hln.png" alt="previous" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-3" class="mj-carousel-previous mj-carousel-previous-3">
-                                          <img src="https://i.imgur.com/xTh3hln.png" alt="previous" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
+<body style="word-spacing:normal;">
+  <div>
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+              <div class="mj-column-per-100 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center" style="font-size:0px;word-break:break-word;">
+                        <!--[if !mso]><!-->
+                        <div class="mj-carousel">
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-1"
+                            checked="checked" type="radio" name="mj-carousel-radio-00000000"
+                            id="mj-carousel-00000000-radio-1" style="display:none;mso-hide:all;" />
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-2"
+                            type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-2"
+                            style="display:none;mso-hide:all;" />
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-3"
+                            type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-3"
+                            style="display:none;mso-hide:all;" />
+                          <div class="mj-carousel-content mj-carousel-00000000-content"
+                            style="display:table;width:100%;table-layout:fixed;text-align:center;font-size:0px;">
+                            <a style="border:1px solid blue;border-radius:2px;display:inline-block;overflow:hidden;width:40px;"
+                              href="#1" target="_blank"
+                              class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-1 ">
+                              <label for="mj-carousel-00000000-radio-1">
+                                <img style="display:block;width:100%;height:auto;"
+                                  src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg"
+                                  width="40" />
+                              </label>
+                            </a>
+                            <a style="border:1px solid blue;border-radius:2px;display:inline-block;overflow:hidden;width:40px;"
+                              href="#2" target="_blank"
+                              class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-2 ">
+                              <label for="mj-carousel-00000000-radio-2">
+                                <img style="display:block;width:100%;height:auto;"
+                                  src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png" width="40" />
+                              </label>
+                            </a>
+                            <a style="border:1px solid blue;border-radius:2px;display:inline-block;overflow:hidden;width:40px;"
+                              href="#3" target="_blank"
+                              class="mj-carousel-thumbnail mj-carousel-00000000-thumbnail mj-carousel-00000000-thumbnail-3 ">
+                              <label for="mj-carousel-00000000-radio-3">
+                                <img style="display:block;width:100%;height:auto;"
+                                  src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" width="40" />
+                              </label>
+                            </a>
+                            <table style="caption-side:top;display:table-caption;table-layout:fixed;width:100%;"
+                              border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation"
+                              class="mj-carousel-main">
+                              <tbody>
+                                <tr>
+                                  <td class="mj-carousel-00000000-icons-cell"
+                                    style="font-size:0px;display:none;mso-hide:all;padding:0px;">
+                                    <div class="mj-carousel-previous-icons" style="display:none;mso-hide:all;">
+                                      <label for="mj-carousel-00000000-radio-1"
+                                        class="mj-carousel-previous mj-carousel-previous-1">
+                                        <img src="https://i.imgur.com/xTh3hln.png" alt="previous"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-2"
+                                        class="mj-carousel-previous mj-carousel-previous-2">
+                                        <img src="https://i.imgur.com/xTh3hln.png" alt="previous"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-3"
+                                        class="mj-carousel-previous mj-carousel-previous-3">
+                                        <img src="https://i.imgur.com/xTh3hln.png" alt="previous"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                    </div>
+                                  </td>
+                                  <td style="padding:0px;">
+                                    <div class="mj-carousel-images">
+                                      <div class="mj-carousel-image mj-carousel-image-1 ">
+                                        <img
+                                          src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg"
+                                          style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;"
+                                          width="600" border="0" />
                                       </div>
-                                    </td>
-                                    <td style="padding:0px;">
-                                      <div class="mj-carousel-images">
-                                        <div class="mj-carousel-image mj-carousel-image-1 ">
-                                          <img src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                        </div>
-                                        <div class="mj-carousel-image mj-carousel-image-2 " style="display:none;mso-hide:all;">
-                                          <img src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                        </div>
-                                        <div class="mj-carousel-image mj-carousel-image-3 " style="display:none;mso-hide:all;">
-                                          <img src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                        </div>
+                                      <div class="mj-carousel-image mj-carousel-image-2 "
+                                        style="display:none;mso-hide:all;">
+                                        <img src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png"
+                                          style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;"
+                                          width="600" border="0" />
                                       </div>
-                                    </td>
-                                    <td class="mj-carousel-00000000-icons-cell" style="font-size:0px;display:none;mso-hide:all;padding:0px;">
-                                      <div class="mj-carousel-next-icons" style="display:none;mso-hide:all;">
-                                        <label for="mj-carousel-00000000-radio-1" class="mj-carousel-next mj-carousel-next-1">
-                                          <img src="https://i.imgur.com/os7o9kz.png" alt="next" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-2" class="mj-carousel-next mj-carousel-next-2">
-                                          <img src="https://i.imgur.com/os7o9kz.png" alt="next" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-3" class="mj-carousel-next mj-carousel-next-3">
-                                          <img src="https://i.imgur.com/os7o9kz.png" alt="next" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
+                                      <div class="mj-carousel-image mj-carousel-image-3 "
+                                        style="display:none;mso-hide:all;">
+                                        <img src="https://www.mailjet.com/wp-content/uploads/2016/09/1@1x.png"
+                                          style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;"
+                                          width="600" border="0" />
                                       </div>
-                                    </td>
-                                  </tr>
-                                </tbody>
-                              </table>
-                            </div>
+                                    </div>
+                                  </td>
+                                  <td class="mj-carousel-00000000-icons-cell"
+                                    style="font-size:0px;display:none;mso-hide:all;padding:0px;">
+                                    <div class="mj-carousel-next-icons" style="display:none;mso-hide:all;">
+                                      <label for="mj-carousel-00000000-radio-1"
+                                        class="mj-carousel-next mj-carousel-next-1">
+                                        <img src="https://i.imgur.com/os7o9kz.png" alt="next"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-2"
+                                        class="mj-carousel-next mj-carousel-next-2">
+                                        <img src="https://i.imgur.com/os7o9kz.png" alt="next"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-3"
+                                        class="mj-carousel-next mj-carousel-next-3">
+                                        <img src="https://i.imgur.com/os7o9kz.png" alt="next"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                    </div>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
                           </div>
-                          <!--<![endif]-->
-                          <!--[if mso]><div class="mj-carousel-image mj-carousel-image-1 "
+                        </div>
+                        <!--<![endif]-->
+                        <!--[if mso]><div class="mj-carousel-image mj-carousel-image-1 "
 ><img src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" /></div><![endif]-->
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><![endif]-->
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
-  </body>
+    <!--[if mso | IE]></td></tr></table><![endif]-->
+  </div>
+</body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/packages/mrml-core/resources/compare/success/mj-carousel-thumbnails.html b/packages/mrml-core/resources/compare/success/mj-carousel-thumbnails.html
index c27274f7..f6b84eea 100644
--- a/packages/mrml-core/resources/compare/success/mj-carousel-thumbnails.html
+++ b/packages/mrml-core/resources/compare/success/mj-carousel-thumbnails.html
@@ -1,47 +1,48 @@
 <!doctype html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
-
-  <head>
-    <title></title>
-    <!--[if !mso]><!-->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<![endif]-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <style type="text/css">
-      #outlook a {
-        padding: 0;
-      }
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:o="urn:schemas-microsoft-com:office:office">
 
-      body {
-        margin: 0;
-        padding: 0;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-      }
+<head>
+  <title></title>
+  <!--[if !mso]><!-->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <!--<![endif]-->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style type="text/css">
+    #outlook a {
+      padding: 0;
+    }
 
-      table,
-      td {
-        border-collapse: collapse;
-        mso-table-lspace: 0pt;
-        mso-table-rspace: 0pt;
-      }
+    body {
+      margin: 0;
+      padding: 0;
+      -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+    }
 
-      img {
-        border: 0;
-        height: auto;
-        line-height: 100%;
-        outline: none;
-        text-decoration: none;
-        -ms-interpolation-mode: bicubic;
-      }
+    table,
+    td {
+      border-collapse: collapse;
+      mso-table-lspace: 0pt;
+      mso-table-rspace: 0pt;
+    }
 
-      p {
-        display: block;
-        margin: 13px 0;
-      }
-    </style>
-    <!--[if mso]>
+    img {
+      border: 0;
+      height: auto;
+      line-height: 100%;
+      outline: none;
+      text-decoration: none;
+      -ms-interpolation-mode: bicubic;
+    }
+
+    p {
+      display: block;
+      margin: 13px 0;
+    }
+  </style>
+  <!--[if mso]>
 <noscript>
 <xml>
 <o:OfficeDocumentSettings>
@@ -51,197 +52,223 @@
 </xml>
 </noscript>
 <![endif]-->
-    <!--[if lte mso 11]>
+  <!--[if lte mso 11]>
 <style type="text/css">
 .mj-outlook-group-fix { width:100% !important; }
 </style>
 <![endif]-->
-    <style type="text/css">
-      @media only screen and (min-width:480px) {
-        .mj-column-per-100 {
-          width: 100% !important;
-          max-width: 100%;
-        }
-      }
-    </style>
-    <style media="screen and (min-width:480px)">
-      .moz-text-html .mj-column-per-100 {
+  <style type="text/css">
+    @media only screen and (min-width:480px) {
+      .mj-column-per-100 {
         width: 100% !important;
         max-width: 100%;
       }
-    </style>
-    <style type="text/css">
-      .mj-carousel {
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        user-select: none;
-      }
+    }
+  </style>
+  <style media="screen and (min-width:480px)">
+    .moz-text-html .mj-column-per-100 {
+      width: 100% !important;
+      max-width: 100%;
+    }
+  </style>
+  <style type="text/css">
+    .mj-carousel {
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      user-select: none;
+    }
 
-      .mj-carousel-00000000-icons-cell {
-        display: table-cell !important;
-        width: 44px !important;
-      }
+    .mj-carousel-00000000-icons-cell {
+      display: table-cell !important;
+      width: 44px !important;
+    }
 
-      .mj-carousel-radio,
-      .mj-carousel-next,
-      .mj-carousel-previous {
-        display: none !important;
-      }
+    .mj-carousel-radio,
+    .mj-carousel-next,
+    .mj-carousel-previous {
+      display: none !important;
+    }
 
-      .mj-carousel-thumbnail,
-      .mj-carousel-next,
-      .mj-carousel-previous {
-        touch-action: manipulation;
-      }
+    .mj-carousel-thumbnail,
+    .mj-carousel-next,
+    .mj-carousel-previous {
+      touch-action: manipulation;
+    }
 
-      .mj-carousel-00000000-radio:checked+.mj-carousel-content .mj-carousel-image,
-      .mj-carousel-00000000-radio:checked+*+.mj-carousel-content .mj-carousel-image {
-        display: none !important;
-      }
+    .mj-carousel-00000000-radio:checked+.mj-carousel-content .mj-carousel-image,
+    .mj-carousel-00000000-radio:checked+*+.mj-carousel-content .mj-carousel-image {
+      display: none !important;
+    }
 
-      .mj-carousel-00000000-radio-1:checked+*+.mj-carousel-content .mj-carousel-image-1,
-      .mj-carousel-00000000-radio-2:checked+.mj-carousel-content .mj-carousel-image-2 {
-        display: block !important;
-      }
+    .mj-carousel-00000000-radio-1:checked+*+.mj-carousel-content .mj-carousel-image-1,
+    .mj-carousel-00000000-radio-2:checked+.mj-carousel-content .mj-carousel-image-2 {
+      display: block !important;
+    }
 
-      .mj-carousel-previous-icons,
-      .mj-carousel-next-icons,
-      .mj-carousel-00000000-radio-1:checked+*+.mj-carousel-content .mj-carousel-next-2,
-      .mj-carousel-00000000-radio-2:checked+.mj-carousel-content .mj-carousel-next-1,
-      .mj-carousel-00000000-radio-1:checked+*+.mj-carousel-content .mj-carousel-previous-2,
-      .mj-carousel-00000000-radio-2:checked+.mj-carousel-content .mj-carousel-previous-1 {
-        display: block !important;
-      }
+    .mj-carousel-previous-icons,
+    .mj-carousel-next-icons,
+    .mj-carousel-00000000-radio-1:checked+*+.mj-carousel-content .mj-carousel-next-2,
+    .mj-carousel-00000000-radio-2:checked+.mj-carousel-content .mj-carousel-next-1,
+    .mj-carousel-00000000-radio-1:checked+*+.mj-carousel-content .mj-carousel-previous-2,
+    .mj-carousel-00000000-radio-2:checked+.mj-carousel-content .mj-carousel-previous-1 {
+      display: block !important;
+    }
 
-      .mj-carousel-00000000-radio-1:checked+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1,
-      .mj-carousel-00000000-radio-2:checked+.mj-carousel-content .mj-carousel-00000000-thumbnail-2 {
-        border-color: #cccccc !important;
-      }
+    .mj-carousel-00000000-radio-1:checked+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1,
+    .mj-carousel-00000000-radio-2:checked+.mj-carousel-content .mj-carousel-00000000-thumbnail-2 {
+      border-color: #cccccc !important;
+    }
 
-      .mj-carousel-image img+div,
-      .mj-carousel-thumbnail img+div {
-        display: none !important;
-      }
+    .mj-carousel-image img+div,
+    .mj-carousel-thumbnail img+div {
+      display: none !important;
+    }
 
-      .mj-carousel-00000000-thumbnail:hover+*+.mj-carousel-main .mj-carousel-image,
-      .mj-carousel-00000000-thumbnail:hover+.mj-carousel-main .mj-carousel-image {
-        display: none !important;
-      }
+    .mj-carousel-00000000-thumbnail:hover+*+.mj-carousel-main .mj-carousel-image,
+    .mj-carousel-00000000-thumbnail:hover+.mj-carousel-main .mj-carousel-image {
+      display: none !important;
+    }
 
-      .mj-carousel-thumbnail:hover {
-        border-color: #fead0d !important;
-      }
+    .mj-carousel-thumbnail:hover {
+      border-color: #fead0d !important;
+    }
 
-      .mj-carousel-00000000-thumbnail-1:hover+*+.mj-carousel-main .mj-carousel-image-1,
-      .mj-carousel-00000000-thumbnail-2:hover+.mj-carousel-main .mj-carousel-image-2 {
-        display: block !important;
-      }
+    .mj-carousel-00000000-thumbnail-1:hover+*+.mj-carousel-main .mj-carousel-image-1,
+    .mj-carousel-00000000-thumbnail-2:hover+.mj-carousel-main .mj-carousel-image-2 {
+      display: block !important;
+    }
 
-      .mj-carousel noinput {
-        display: block !important;
-      }
+    .mj-carousel noinput {
+      display: block !important;
+    }
 
-      .mj-carousel noinput .mj-carousel-image-1 {
-        display: block !important;
-      }
+    .mj-carousel noinput .mj-carousel-image-1 {
+      display: block !important;
+    }
 
-      .mj-carousel noinput .mj-carousel-arrows,
-      .mj-carousel noinput .mj-carousel-thumbnails {
-        display: none !important;
-      }
+    .mj-carousel noinput .mj-carousel-arrows,
+    .mj-carousel noinput .mj-carousel-thumbnails {
+      display: none !important;
+    }
 
-      [owa] .mj-carousel-thumbnail {
-        display: none !important;
-      }
+    [owa] .mj-carousel-thumbnail {
+      display: none !important;
+    }
 
-      @media screen, yahoo {
+    @media screen,
+    yahoo {
 
-        .mj-carousel-00000000-icons-cell,
-        .mj-carousel-previous-icons,
-        .mj-carousel-next-icons {
-          display: none !important;
-        }
+      .mj-carousel-00000000-icons-cell,
+      .mj-carousel-previous-icons,
+      .mj-carousel-next-icons {
+        display: none !important;
+      }
 
-        .mj-carousel-00000000-radio-1:checked+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1 {
-          border-color: transparent;
-        }
+      .mj-carousel-00000000-radio-1:checked+*+.mj-carousel-content .mj-carousel-00000000-thumbnail-1 {
+        border-color: transparent;
       }
-    </style>
-  </head>
-
-  <body style="word-spacing:normal;">
-    <div>
-      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;word-break:break-word;">
-                          <!--[if !mso]><!-->
-                          <div class="mj-carousel">
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-1" checked="checked" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-1" style="display:none;mso-hide:all;" />
-                            <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-2" type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-2" style="display:none;mso-hide:all;" />
-                            <div class="mj-carousel-content mj-carousel-00000000-content" style="display:table;width:100%;table-layout:fixed;text-align:center;font-size:0px;">
-                              <table style="caption-side:top;display:table-caption;table-layout:fixed;width:100%;" border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation" class="mj-carousel-main">
-                                <tbody>
-                                  <tr>
-                                    <td class="mj-carousel-00000000-icons-cell" style="font-size:0px;display:none;mso-hide:all;padding:0px;">
-                                      <div class="mj-carousel-previous-icons" style="display:none;mso-hide:all;">
-                                        <label for="mj-carousel-00000000-radio-1" class="mj-carousel-previous mj-carousel-previous-1">
-                                          <img src="https://i.imgur.com/xTh3hln.png" alt="previous" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-2" class="mj-carousel-previous mj-carousel-previous-2">
-                                          <img src="https://i.imgur.com/xTh3hln.png" alt="previous" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                      </div>
-                                    </td>
-                                    <td style="padding:0px;">
-                                      <div class="mj-carousel-images">
-                                        <div class="mj-carousel-image mj-carousel-image-1 ">
-                                          <img src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                        </div>
-                                        <div class="mj-carousel-image mj-carousel-image-2 " style="display:none;mso-hide:all;">
-                                          <img src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" />
-                                        </div>
+    }
+  </style>
+</head>
+
+<body style="word-spacing:normal;">
+  <div>
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+              <div class="mj-column-per-100 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center" style="font-size:0px;word-break:break-word;">
+                        <!--[if !mso]><!-->
+                        <div class="mj-carousel">
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-1"
+                            checked="checked" type="radio" name="mj-carousel-radio-00000000"
+                            id="mj-carousel-00000000-radio-1" style="display:none;mso-hide:all;" />
+                          <input class="mj-carousel-radio mj-carousel-00000000-radio mj-carousel-00000000-radio-2"
+                            type="radio" name="mj-carousel-radio-00000000" id="mj-carousel-00000000-radio-2"
+                            style="display:none;mso-hide:all;" />
+                          <div class="mj-carousel-content mj-carousel-00000000-content"
+                            style="display:table;width:100%;table-layout:fixed;text-align:center;font-size:0px;">
+                            <table style="caption-side:top;display:table-caption;table-layout:fixed;width:100%;"
+                              border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation"
+                              class="mj-carousel-main">
+                              <tbody>
+                                <tr>
+                                  <td class="mj-carousel-00000000-icons-cell"
+                                    style="font-size:0px;display:none;mso-hide:all;padding:0px;">
+                                    <div class="mj-carousel-previous-icons" style="display:none;mso-hide:all;">
+                                      <label for="mj-carousel-00000000-radio-1"
+                                        class="mj-carousel-previous mj-carousel-previous-1">
+                                        <img src="https://i.imgur.com/xTh3hln.png" alt="previous"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-2"
+                                        class="mj-carousel-previous mj-carousel-previous-2">
+                                        <img src="https://i.imgur.com/xTh3hln.png" alt="previous"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                    </div>
+                                  </td>
+                                  <td style="padding:0px;">
+                                    <div class="mj-carousel-images">
+                                      <div class="mj-carousel-image mj-carousel-image-1 ">
+                                        <img
+                                          src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg"
+                                          style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;"
+                                          width="600" border="0" />
                                       </div>
-                                    </td>
-                                    <td class="mj-carousel-00000000-icons-cell" style="font-size:0px;display:none;mso-hide:all;padding:0px;">
-                                      <div class="mj-carousel-next-icons" style="display:none;mso-hide:all;">
-                                        <label for="mj-carousel-00000000-radio-1" class="mj-carousel-next mj-carousel-next-1">
-                                          <img src="https://i.imgur.com/os7o9kz.png" alt="next" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
-                                        <label for="mj-carousel-00000000-radio-2" class="mj-carousel-next mj-carousel-next-2">
-                                          <img src="https://i.imgur.com/os7o9kz.png" alt="next" style="display:block;width:44px;height:auto;" width="44" />
-                                        </label>
+                                      <div class="mj-carousel-image mj-carousel-image-2 "
+                                        style="display:none;mso-hide:all;">
+                                        <img src="https://www.mailjet.com/wp-content/uploads/2016/09/3@1x.png"
+                                          style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;"
+                                          width="600" border="0" />
                                       </div>
-                                    </td>
-                                  </tr>
-                                </tbody>
-                              </table>
-                            </div>
+                                    </div>
+                                  </td>
+                                  <td class="mj-carousel-00000000-icons-cell"
+                                    style="font-size:0px;display:none;mso-hide:all;padding:0px;">
+                                    <div class="mj-carousel-next-icons" style="display:none;mso-hide:all;">
+                                      <label for="mj-carousel-00000000-radio-1"
+                                        class="mj-carousel-next mj-carousel-next-1">
+                                        <img src="https://i.imgur.com/os7o9kz.png" alt="next"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                      <label for="mj-carousel-00000000-radio-2"
+                                        class="mj-carousel-next mj-carousel-next-2">
+                                        <img src="https://i.imgur.com/os7o9kz.png" alt="next"
+                                          style="display:block;width:44px;height:auto;" width="44" />
+                                      </label>
+                                    </div>
+                                  </td>
+                                </tr>
+                              </tbody>
+                            </table>
                           </div>
-                          <!--<![endif]-->
-                          <!--[if mso]><div class="mj-carousel-image mj-carousel-image-1 "
+                        </div>
+                        <!--<![endif]-->
+                        <!--[if mso]><div class="mj-carousel-image mj-carousel-image-1 "
 ><img src="https://www.mailjet.com/wp-content/uploads/2016/11/ecommerce-guide.jpg" style="border-radius:6px;display:block;width:600px;max-width:100%;height:auto;" width="600" border="0" /></div><![endif]-->
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><![endif]-->
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
-  </body>
+    <!--[if mso | IE]></td></tr></table><![endif]-->
+  </div>
+</body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/packages/mrml-core/resources/compare/success/mj-navbar-ico.html b/packages/mrml-core/resources/compare/success/mj-navbar-ico.html
index af225e59..40b98da2 100644
--- a/packages/mrml-core/resources/compare/success/mj-navbar-ico.html
+++ b/packages/mrml-core/resources/compare/success/mj-navbar-ico.html
@@ -1,47 +1,48 @@
 <!doctype html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:o="urn:schemas-microsoft-com:office:office">
 
-  <head>
-    <title></title>
-    <!--[if !mso]><!-->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<![endif]-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <style type="text/css">
-      #outlook a {
-        padding: 0;
-      }
+<head>
+  <title></title>
+  <!--[if !mso]><!-->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <!--<![endif]-->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style type="text/css">
+    #outlook a {
+      padding: 0;
+    }
 
-      body {
-        margin: 0;
-        padding: 0;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-      }
+    body {
+      margin: 0;
+      padding: 0;
+      -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+    }
 
-      table,
-      td {
-        border-collapse: collapse;
-        mso-table-lspace: 0pt;
-        mso-table-rspace: 0pt;
-      }
+    table,
+    td {
+      border-collapse: collapse;
+      mso-table-lspace: 0pt;
+      mso-table-rspace: 0pt;
+    }
 
-      img {
-        border: 0;
-        height: auto;
-        line-height: 100%;
-        outline: none;
-        text-decoration: none;
-        -ms-interpolation-mode: bicubic;
-      }
+    img {
+      border: 0;
+      height: auto;
+      line-height: 100%;
+      outline: none;
+      text-decoration: none;
+      -ms-interpolation-mode: bicubic;
+    }
 
-      p {
-        display: block;
-        margin: 13px 0;
-      }
-    </style>
-    <!--[if mso]>
+    p {
+      display: block;
+      margin: 13px 0;
+    }
+  </style>
+  <!--[if mso]>
 <noscript>
 <xml>
 <o:OfficeDocumentSettings>
@@ -51,121 +52,125 @@
 </xml>
 </noscript>
 <![endif]-->
-    <!--[if lte mso 11]>
+  <!--[if lte mso 11]>
 <style type="text/css">
 .mj-outlook-group-fix { width:100% !important; }
 </style>
 <![endif]-->
-    <!--[if !mso]><!-->
-    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
-    <style type="text/css">
-      @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
-    </style>
-    <!--<![endif]-->
-    <style type="text/css">
-      @media only screen and (min-width:480px) {
-        .mj-column-per-100 {
-          width: 100% !important;
-          max-width: 100%;
-        }
-      }
-    </style>
-    <style media="screen and (min-width:480px)">
-      .moz-text-html .mj-column-per-100 {
+  <!--[if !mso]><!-->
+  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
+  <style type="text/css">
+    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
+  </style>
+  <!--<![endif]-->
+  <style type="text/css">
+    @media only screen and (min-width:480px) {
+      .mj-column-per-100 {
         width: 100% !important;
         max-width: 100%;
       }
-    </style>
-    <style type="text/css">
-      noinput.mj-menu-checkbox {
+    }
+  </style>
+  <style media="screen and (min-width:480px)">
+    .moz-text-html .mj-column-per-100 {
+      width: 100% !important;
+      max-width: 100%;
+    }
+  </style>
+  <style type="text/css">
+    noinput.mj-menu-checkbox {
+      display: block !important;
+      max-height: none !important;
+      visibility: visible !important;
+    }
+
+    @media only screen and (max-width:479px) {
+      .mj-menu-checkbox[type="checkbox"]~.mj-inline-links {
+        display: none !important;
+      }
+
+      .mj-menu-checkbox[type="checkbox"]:checked~.mj-inline-links,
+      .mj-menu-checkbox[type="checkbox"]~.mj-menu-trigger {
         display: block !important;
+        max-width: none !important;
         max-height: none !important;
-        visibility: visible !important;
+        font-size: inherit !important;
       }
 
-      @media only screen and (max-width:479px) {
-        .mj-menu-checkbox[type="checkbox"]~.mj-inline-links {
-          display: none !important;
-        }
-
-        .mj-menu-checkbox[type="checkbox"]:checked~.mj-inline-links,
-        .mj-menu-checkbox[type="checkbox"]~.mj-menu-trigger {
-          display: block !important;
-          max-width: none !important;
-          max-height: none !important;
-          font-size: inherit !important;
-        }
-
-        .mj-menu-checkbox[type="checkbox"]~.mj-inline-links>a {
-          display: block !important;
-        }
+      .mj-menu-checkbox[type="checkbox"]~.mj-inline-links>a {
+        display: block !important;
+      }
 
-        .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-close {
-          display: block !important;
-        }
+      .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-close {
+        display: block !important;
+      }
 
-        .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-open {
-          display: none !important;
-        }
+      .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-open {
+        display: none !important;
       }
-    </style>
-  </head>
+    }
+  </style>
+</head>
 
-  <body style="word-spacing:normal;">
-    <div>
-      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;word-break:break-word;">
-                          <!--[if !mso]><!-->
-                          <input type="checkbox" id="00000000" class="mj-menu-checkbox" style="display:none !important; max-height:0; visibility:hidden;" />
-                          <!--<![endif]-->
-                          <div class="mj-menu-trigger" style="display:none;max-height:0px;max-width:0px;font-size:0px;overflow:hidden;">
-                            <label for="00000000" class="mj-menu-label" style="display:block;cursor:pointer;mso-hide:all;-moz-user-select:none;user-select:none;color:red;font-size:12px;font-family:Comic;text-transform:uppercase;text-decoration:underline;line-height:20px;padding-right:2px;padding:1px;" align="right">
-                              <span
-class="mj-menu-icon-open" style="mso-hide:all;"
->
-&#8867;
-</span>
-                              <span
-class="mj-menu-icon-close" style="display:none;mso-hide:all;"
->
-&#8856;
-</span>
-                            </label>
-                          </div>
-                          <div class="mj-inline-links">
-                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td style="padding:15px 10px;" class="" ><![endif]-->
-                            <a class="mj-link" href="/hello" target="_blank" style="display:inline-block;color:#000000;font-family:Helvetica;font-size:14px;font-style:oblique;font-weight:bolder;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
-                              Hello
-                            </a>
-                            <!--[if mso | IE]></td><td style="padding:8px;padding-bottom:12px;" class="" ><![endif]-->
-                            <a class="mj-link" href="/about" target="_blank" style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:underline;text-transform:uppercase;padding:8px;padding-bottom:12px;">
-                              About
-                            </a>
-                            <!--[if mso | IE]></td></tr></table><![endif]-->
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><![endif]-->
+<body style="word-spacing:normal;">
+  <div>
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+              <div class="mj-column-per-100 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center" style="font-size:0px;word-break:break-word;">
+                        <!--[if !mso]><!-->
+                        <input type="checkbox" id="00000000" class="mj-menu-checkbox"
+                          style="display:none !important; max-height:0; visibility:hidden;" />
+                        <!--<![endif]-->
+                        <div class="mj-menu-trigger"
+                          style="display:none;max-height:0px;max-width:0px;font-size:0px;overflow:hidden;">
+                          <label for="00000000" class="mj-menu-label"
+                            style="display:block;cursor:pointer;mso-hide:all;-moz-user-select:none;user-select:none;color:red;font-size:12px;font-family:Comic;text-transform:uppercase;text-decoration:underline;line-height:20px;padding-right:2px;padding:1px;"
+                            align="right">
+                            <span class="mj-menu-icon-open" style="mso-hide:all;">
+                              &#8867;
+                            </span>
+                            <span class="mj-menu-icon-close" style="display:none;mso-hide:all;">
+                              &#8856;
+                            </span>
+                          </label>
+                        </div>
+                        <div class="mj-inline-links">
+                          <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td style="padding:15px 10px;" class="" ><![endif]-->
+                          <a class="mj-link" href="/hello" target="_blank"
+                            style="display:inline-block;color:#000000;font-family:Helvetica;font-size:14px;font-style:oblique;font-weight:bolder;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
+                            Hello
+                          </a>
+                          <!--[if mso | IE]></td><td style="padding:8px;padding-bottom:12px;" class="" ><![endif]-->
+                          <a class="mj-link" href="/about" target="_blank"
+                            style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:underline;text-transform:uppercase;padding:8px;padding-bottom:12px;">
+                            About
+                          </a>
+                          <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
-  </body>
+    <!--[if mso | IE]></td></tr></table><![endif]-->
+  </div>
+</body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/packages/mrml-core/resources/compare/success/mj-navbar.html b/packages/mrml-core/resources/compare/success/mj-navbar.html
index 043e9445..69bb01c7 100644
--- a/packages/mrml-core/resources/compare/success/mj-navbar.html
+++ b/packages/mrml-core/resources/compare/success/mj-navbar.html
@@ -1,47 +1,48 @@
 <!doctype html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:o="urn:schemas-microsoft-com:office:office">
 
-  <head>
-    <title></title>
-    <!--[if !mso]><!-->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<![endif]-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <style type="text/css">
-      #outlook a {
-        padding: 0;
-      }
+<head>
+  <title></title>
+  <!--[if !mso]><!-->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <!--<![endif]-->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style type="text/css">
+    #outlook a {
+      padding: 0;
+    }
 
-      body {
-        margin: 0;
-        padding: 0;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-      }
+    body {
+      margin: 0;
+      padding: 0;
+      -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+    }
 
-      table,
-      td {
-        border-collapse: collapse;
-        mso-table-lspace: 0pt;
-        mso-table-rspace: 0pt;
-      }
+    table,
+    td {
+      border-collapse: collapse;
+      mso-table-lspace: 0pt;
+      mso-table-rspace: 0pt;
+    }
 
-      img {
-        border: 0;
-        height: auto;
-        line-height: 100%;
-        outline: none;
-        text-decoration: none;
-        -ms-interpolation-mode: bicubic;
-      }
+    img {
+      border: 0;
+      height: auto;
+      line-height: 100%;
+      outline: none;
+      text-decoration: none;
+      -ms-interpolation-mode: bicubic;
+    }
 
-      p {
-        display: block;
-        margin: 13px 0;
-      }
-    </style>
-    <!--[if mso]>
+    p {
+      display: block;
+      margin: 13px 0;
+    }
+  </style>
+  <!--[if mso]>
 <noscript>
 <xml>
 <o:OfficeDocumentSettings>
@@ -51,121 +52,125 @@
 </xml>
 </noscript>
 <![endif]-->
-    <!--[if lte mso 11]>
+  <!--[if lte mso 11]>
 <style type="text/css">
 .mj-outlook-group-fix { width:100% !important; }
 </style>
 <![endif]-->
-    <!--[if !mso]><!-->
-    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
-    <style type="text/css">
-      @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
-    </style>
-    <!--<![endif]-->
-    <style type="text/css">
-      @media only screen and (min-width:480px) {
-        .mj-column-per-100 {
-          width: 100% !important;
-          max-width: 100%;
-        }
-      }
-    </style>
-    <style media="screen and (min-width:480px)">
-      .moz-text-html .mj-column-per-100 {
+  <!--[if !mso]><!-->
+  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
+  <style type="text/css">
+    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
+  </style>
+  <!--<![endif]-->
+  <style type="text/css">
+    @media only screen and (min-width:480px) {
+      .mj-column-per-100 {
         width: 100% !important;
         max-width: 100%;
       }
-    </style>
-    <style type="text/css">
-      noinput.mj-menu-checkbox {
+    }
+  </style>
+  <style media="screen and (min-width:480px)">
+    .moz-text-html .mj-column-per-100 {
+      width: 100% !important;
+      max-width: 100%;
+    }
+  </style>
+  <style type="text/css">
+    noinput.mj-menu-checkbox {
+      display: block !important;
+      max-height: none !important;
+      visibility: visible !important;
+    }
+
+    @media only screen and (max-width:479px) {
+      .mj-menu-checkbox[type="checkbox"]~.mj-inline-links {
+        display: none !important;
+      }
+
+      .mj-menu-checkbox[type="checkbox"]:checked~.mj-inline-links,
+      .mj-menu-checkbox[type="checkbox"]~.mj-menu-trigger {
         display: block !important;
+        max-width: none !important;
         max-height: none !important;
-        visibility: visible !important;
+        font-size: inherit !important;
       }
 
-      @media only screen and (max-width:479px) {
-        .mj-menu-checkbox[type="checkbox"]~.mj-inline-links {
-          display: none !important;
-        }
-
-        .mj-menu-checkbox[type="checkbox"]:checked~.mj-inline-links,
-        .mj-menu-checkbox[type="checkbox"]~.mj-menu-trigger {
-          display: block !important;
-          max-width: none !important;
-          max-height: none !important;
-          font-size: inherit !important;
-        }
-
-        .mj-menu-checkbox[type="checkbox"]~.mj-inline-links>a {
-          display: block !important;
-        }
+      .mj-menu-checkbox[type="checkbox"]~.mj-inline-links>a {
+        display: block !important;
+      }
 
-        .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-close {
-          display: block !important;
-        }
+      .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-close {
+        display: block !important;
+      }
 
-        .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-open {
-          display: none !important;
-        }
+      .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-open {
+        display: none !important;
       }
-    </style>
-  </head>
+    }
+  </style>
+</head>
 
-  <body style="word-spacing:normal;">
-    <div>
-      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;word-break:break-word;">
-                          <!--[if !mso]><!-->
-                          <input type="checkbox" id="00000000" class="mj-menu-checkbox" style="display:none !important; max-height:0; visibility:hidden;" />
-                          <!--<![endif]-->
-                          <div class="mj-menu-trigger" style="display:none;max-height:0px;max-width:0px;font-size:0px;overflow:hidden;">
-                            <label for="00000000" class="mj-menu-label" style="display:block;cursor:pointer;mso-hide:all;-moz-user-select:none;user-select:none;color:#000000;font-size:30px;font-family:Ubuntu, Helvetica, Arial, sans-serif;text-transform:uppercase;text-decoration:none;line-height:30px;padding:10px;" align="center">
-                              <span
-class="mj-menu-icon-open" style="mso-hide:all;"
->
-&#9776;
-</span>
-                              <span
-class="mj-menu-icon-close" style="display:none;mso-hide:all;"
->
-&#8855;
-</span>
-                            </label>
-                          </div>
-                          <div class="mj-inline-links">
-                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td style="padding:15px 10px;" class="" ><![endif]-->
-                            <a class="mj-link" href="https://jolimail.io/hello" target="_blank" style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
-                              Hello
-                            </a>
-                            <!--[if mso | IE]></td><td style="padding:15px 10px;" class="" ><![endif]-->
-                            <a class="mj-link" href="https://jolimail.io/about" target="_self" style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
-                              About
-                            </a>
-                            <!--[if mso | IE]></td></tr></table><![endif]-->
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><![endif]-->
+<body style="word-spacing:normal;">
+  <div>
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+              <div class="mj-column-per-100 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center" style="font-size:0px;word-break:break-word;">
+                        <!--[if !mso]><!-->
+                        <input type="checkbox" id="00000000" class="mj-menu-checkbox"
+                          style="display:none !important; max-height:0; visibility:hidden;" />
+                        <!--<![endif]-->
+                        <div class="mj-menu-trigger"
+                          style="display:none;max-height:0px;max-width:0px;font-size:0px;overflow:hidden;">
+                          <label for="00000000" class="mj-menu-label"
+                            style="display:block;cursor:pointer;mso-hide:all;-moz-user-select:none;user-select:none;color:#000000;font-size:30px;font-family:Ubuntu, Helvetica, Arial, sans-serif;text-transform:uppercase;text-decoration:none;line-height:30px;padding:10px;"
+                            align="center">
+                            <span class="mj-menu-icon-open" style="mso-hide:all;">
+                              &#9776;
+                            </span>
+                            <span class="mj-menu-icon-close" style="display:none;mso-hide:all;">
+                              &#8855;
+                            </span>
+                          </label>
+                        </div>
+                        <div class="mj-inline-links">
+                          <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td style="padding:15px 10px;" class="" ><![endif]-->
+                          <a class="mj-link" href="https://jolimail.io/hello" target="_blank"
+                            style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
+                            Hello
+                          </a>
+                          <!--[if mso | IE]></td><td style="padding:15px 10px;" class="" ><![endif]-->
+                          <a class="mj-link" href="https://jolimail.io/about" target="_self"
+                            style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
+                            About
+                          </a>
+                          <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
-  </body>
+    <!--[if mso | IE]></td></tr></table><![endif]-->
+  </div>
+</body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/packages/mrml-core/resources/compare/success/mj-raw.html b/packages/mrml-core/resources/compare/success/mj-raw.html
index 712e69bc..dfcc6cae 100644
--- a/packages/mrml-core/resources/compare/success/mj-raw.html
+++ b/packages/mrml-core/resources/compare/success/mj-raw.html
@@ -70,4 +70,4 @@
     </div>
   </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/packages/mrml-core/resources/template/amario.html b/packages/mrml-core/resources/template/amario.html
index 9e51d226..018c1e93 100644
--- a/packages/mrml-core/resources/template/amario.html
+++ b/packages/mrml-core/resources/template/amario.html
@@ -1,47 +1,48 @@
 <!doctype html>
-<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:o="urn:schemas-microsoft-com:office:office">
 
-  <head>
-    <title></title>
-    <!--[if !mso]><!-->
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!--<![endif]-->
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <style type="text/css">
-      #outlook a {
-        padding: 0;
-      }
+<head>
+  <title></title>
+  <!--[if !mso]><!-->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <!--<![endif]-->
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style type="text/css">
+    #outlook a {
+      padding: 0;
+    }
 
-      body {
-        margin: 0;
-        padding: 0;
-        -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-      }
+    body {
+      margin: 0;
+      padding: 0;
+      -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+    }
 
-      table,
-      td {
-        border-collapse: collapse;
-        mso-table-lspace: 0pt;
-        mso-table-rspace: 0pt;
-      }
+    table,
+    td {
+      border-collapse: collapse;
+      mso-table-lspace: 0pt;
+      mso-table-rspace: 0pt;
+    }
 
-      img {
-        border: 0;
-        height: auto;
-        line-height: 100%;
-        outline: none;
-        text-decoration: none;
-        -ms-interpolation-mode: bicubic;
-      }
+    img {
+      border: 0;
+      height: auto;
+      line-height: 100%;
+      outline: none;
+      text-decoration: none;
+      -ms-interpolation-mode: bicubic;
+    }
 
-      p {
-        display: block;
-        margin: 13px 0;
-      }
-    </style>
-    <!--[if mso]>
+    p {
+      display: block;
+      margin: 13px 0;
+    }
+  </style>
+  <!--[if mso]>
 <noscript>
 <xml>
 <o:OfficeDocumentSettings>
@@ -51,1086 +52,1336 @@
 </xml>
 </noscript>
 <![endif]-->
-    <!--[if lte mso 11]>
+  <!--[if lte mso 11]>
 <style type="text/css">
 .mj-outlook-group-fix { width:100% !important; }
 </style>
 <![endif]-->
-    <!--[if !mso]><!-->
-    <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
-    <style type="text/css">
-      @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
-    </style>
-    <!--<![endif]-->
-    <style type="text/css">
-      @media only screen and (min-width:480px) {
-        .mj-column-per-50 {
-          width: 50% !important;
-          max-width: 50%;
-        }
-
-        .mj-column-px-200 {
-          width: 200px !important;
-          max-width: 200px;
-        }
-
-        .mj-column-px-400 {
-          width: 400px !important;
-          max-width: 400px;
-        }
-
-        .mj-column-per-25 {
-          width: 25% !important;
-          max-width: 25%;
-        }
-
-        .mj-column-per-75 {
-          width: 75% !important;
-          max-width: 75%;
-        }
-
-        .mj-column-per-33-333332 {
-          width: 33.333332% !important;
-          max-width: 33.333332%;
-        }
-
-        .mj-column-per-100 {
-          width: 100% !important;
-          max-width: 100%;
-        }
-      }
-    </style>
-    <style media="screen and (min-width:480px)">
-      .moz-text-html .mj-column-per-50 {
+  <!--[if !mso]><!-->
+  <link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700" rel="stylesheet" type="text/css">
+  <style type="text/css">
+    @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
+  </style>
+  <!--<![endif]-->
+  <style type="text/css">
+    @media only screen and (min-width:480px) {
+      .mj-column-per-50 {
         width: 50% !important;
         max-width: 50%;
       }
 
-      .moz-text-html .mj-column-px-200 {
+      .mj-column-px-200 {
         width: 200px !important;
         max-width: 200px;
       }
 
-      .moz-text-html .mj-column-px-400 {
+      .mj-column-px-400 {
         width: 400px !important;
         max-width: 400px;
       }
 
-      .moz-text-html .mj-column-per-25 {
+      .mj-column-per-25 {
         width: 25% !important;
         max-width: 25%;
       }
 
-      .moz-text-html .mj-column-per-75 {
+      .mj-column-per-75 {
         width: 75% !important;
         max-width: 75%;
       }
 
-      .moz-text-html .mj-column-per-33-333332 {
+      .mj-column-per-33-333332 {
         width: 33.333332% !important;
         max-width: 33.333332%;
       }
 
-      .moz-text-html .mj-column-per-100 {
+      .mj-column-per-100 {
         width: 100% !important;
         max-width: 100%;
       }
-    </style>
-    <style type="text/css">
-      @media only screen and (max-width:479px) {
-        table.mj-full-width-mobile {
-          width: 100% !important;
-        }
+    }
+  </style>
+  <style media="screen and (min-width:480px)">
+    .moz-text-html .mj-column-per-50 {
+      width: 50% !important;
+      max-width: 50%;
+    }
+
+    .moz-text-html .mj-column-px-200 {
+      width: 200px !important;
+      max-width: 200px;
+    }
+
+    .moz-text-html .mj-column-px-400 {
+      width: 400px !important;
+      max-width: 400px;
+    }
+
+    .moz-text-html .mj-column-per-25 {
+      width: 25% !important;
+      max-width: 25%;
+    }
 
-        td.mj-full-width-mobile {
-          width: auto !important;
-        }
+    .moz-text-html .mj-column-per-75 {
+      width: 75% !important;
+      max-width: 75%;
+    }
+
+    .moz-text-html .mj-column-per-33-333332 {
+      width: 33.333332% !important;
+      max-width: 33.333332%;
+    }
+
+    .moz-text-html .mj-column-per-100 {
+      width: 100% !important;
+      max-width: 100%;
+    }
+  </style>
+  <style type="text/css">
+    @media only screen and (max-width:479px) {
+      table.mj-full-width-mobile {
+        width: 100% !important;
       }
 
-      noinput.mj-menu-checkbox {
-        display: block !important;
-        max-height: none !important;
-        visibility: visible !important;
+      td.mj-full-width-mobile {
+        width: auto !important;
       }
+    }
 
-      @media only screen and (max-width:479px) {
-        .mj-menu-checkbox[type="checkbox"]~.mj-inline-links {
-          display: none !important;
-        }
+    noinput.mj-menu-checkbox {
+      display: block !important;
+      max-height: none !important;
+      visibility: visible !important;
+    }
 
-        .mj-menu-checkbox[type="checkbox"]:checked~.mj-inline-links,
-        .mj-menu-checkbox[type="checkbox"]~.mj-menu-trigger {
-          display: block !important;
-          max-width: none !important;
-          max-height: none !important;
-          font-size: inherit !important;
-        }
+    @media only screen and (max-width:479px) {
+      .mj-menu-checkbox[type="checkbox"]~.mj-inline-links {
+        display: none !important;
+      }
+
+      .mj-menu-checkbox[type="checkbox"]:checked~.mj-inline-links,
+      .mj-menu-checkbox[type="checkbox"]~.mj-menu-trigger {
+        display: block !important;
+        max-width: none !important;
+        max-height: none !important;
+        font-size: inherit !important;
+      }
 
-        .mj-menu-checkbox[type="checkbox"]~.mj-inline-links>a {
-          display: block !important;
-        }
+      .mj-menu-checkbox[type="checkbox"]~.mj-inline-links>a {
+        display: block !important;
+      }
 
-        .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-close {
-          display: block !important;
-        }
+      .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-close {
+        display: block !important;
+      }
 
-        .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-open {
-          display: none !important;
-        }
+      .mj-menu-checkbox[type="checkbox"]:checked~.mj-menu-trigger .mj-menu-icon-open {
+        display: none !important;
       }
-    </style>
-  </head>
+    }
+  </style>
+</head>
 
-  <body style="word-spacing:normal;background-color:#d6dde5;">
-    <div style="background-color:#d6dde5;">
-      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
-                <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:280px;">
-                                  <a href="https://mjml.io" target="_blank">
-                                    <img alt="Racoon logo" src="http://191n.mj.am/img/191n/3s/x4u.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="280" height="auto" />
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
-                <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;word-break:break-word;">
-                          <!--[if !mso]><!-->
-                          <input type="checkbox" id="00000000" class="mj-menu-checkbox" style="display:none !important; max-height:0; visibility:hidden;" />
-                          <!--<![endif]-->
-                          <div class="mj-menu-trigger" style="display:none;max-height:0px;max-width:0px;font-size:0px;overflow:hidden;">
-                            <label for="00000000" class="mj-menu-label" style="display:block;cursor:pointer;mso-hide:all;-moz-user-select:none;user-select:none;color:#fa8739;font-size:30px;font-family:Ubuntu, Helvetica, Arial, sans-serif;text-transform:uppercase;text-decoration:none;line-height:30px;padding:10px;" align="center">
-                              <span
-class="mj-menu-icon-open" style="mso-hide:all;"
->
-&#9776;
-</span>
-                              <span
-class="mj-menu-icon-close" style="display:none;mso-hide:all;"
->
-&#8855;
-</span>
-                            </label>
-                          </div>
-                          <div class="mj-inline-links">
-                            <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td style="padding:15px 10px;" class="" ><![endif]-->
-                            <a class="mj-link" href="https://mjml.iohttps://mjml.io" target="_blank" style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
-                              home
-                            </a>
-                            <!--[if mso | IE]></td><td style="padding:15px 10px;" class="" ><![endif]-->
-                            <a class="mj-link" href="https://mjml.iohttps://mjml.io" target="_blank" style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
-                              blog
-                            </a>
-                            <!--[if mso | IE]></td><td style="padding:15px 10px;" class="" ><![endif]-->
-                            <a class="mj-link" href="https://mjml.iohttps://mjml.io" target="_blank" style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
-                              store
-                            </a>
-                            <!--[if mso | IE]></td></tr></table><![endif]-->
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#fa8739" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#fa8739;background-color:#fa8739;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fa8739;background-color:#fa8739;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
-                <div class="mj-column-px-200 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="left" style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:25px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:40px;line-height:1;text-align:left;color:#ffffff;">
-                            <p style="font-size: 17px;">SPRING PROMO</p>
-                            <p>50%</p>
-                            <p>OFFER</p>
-                            <p style="font-size: 13px">Lorem ipsum dolor sit amet, consectetur adipiscing elit<br /></p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-right:25px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#ffffff" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#ffffff;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#ffffff;color:#fa8739;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:16px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    SHOP NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:400px;" ><![endif]-->
-                <div class="mj-column-px-400 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:400px;">
-                                  <img alt="Clothes set" src="http://191n.mj.am/img/191n/3s/xjg.jpg" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="400" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#2f323b" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#2f323b;background-color:#2f323b;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#2f323b;background-color:#2f323b;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:150px;" ><![endif]-->
-                <div class="mj-column-per-25 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:42px;">
-                                  <img alt="Box free shipping" src="http://191n.mj.am/img/191n/3s/x4t.png" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="42" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:450px;" ><![endif]-->
-                <div class="mj-column-per-75 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="left" style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:25px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:18px;line-height:1;text-align:left;color:#ffffff;">
-                            <p>FREE SHIPPING ON ORDER <span style="font-weight: bold;color: rgb(250, 135, 57);">OVER 55&#x20AC;</span></p>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:30px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:200px;">
-                                  <img alt="Chesterk tank" src="http://191n.mj.am/img/191n/3s/x4v.jpg" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="200" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
-                            <p>CHESTERK TANK</p>
-                            <p style="color: rgb(250, 135, 57);">15&#x20AC;</p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#fa8739" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    BUY NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:178px;">
-                                  <img alt="Beyond backpack" src="http://191n.mj.am/img/191n/3s/x4g.jpg" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="178" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
-                            <p>BEYOND BACKPACK</p>
-                            <p style="color: rgb(250, 135, 57);">20&#x20AC;</p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#fa8739" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    BUY NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:30px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:182px;">
-                                  <img alt="Jensen shorts" src="http://191n.mj.am/img/191n/3s/x46.jpg" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="182" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
-                            <p>JENSEN SHORTS</p>
-                            <p style="color: rgb(250, 135, 57);">28&#x20AC;</p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#fa8739" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    BUY NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:129px;">
-                                  <img alt="Verdant cap" src="http://191n.mj.am/img/191n/3s/x4h.jpg" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="129" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
-                            <p>VERDANT CAP</p>
-                            <p style="color: rgb(250, 135, 57);">20&#x20AC;</p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-top:0;padding-right:25px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#fa8739" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    BUY NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:200px;">
-                                  <img alt="Blake polo shirt" src="http://191n.mj.am/img/191n/3s/x4i.jpg" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="200" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
-                            <p>BLAKE POLO SHIRT</p>
-                            <p style="color: rgb(250, 135, 57);">25&#x20AC;</p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#fa8739" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    BUY NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:72px;">
-                                  <img alt="Sketch floral" src="http://191n.mj.am/img/191n/3s/x4j.jpg" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="72" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
-                            <p>SKETCH FLORAL</p>
-                            <p style="color: rgb(250, 135, 57);">23&#x20AC;</p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#fa8739" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    BUY NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#fa8739" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#fa8739;background-color:#fa8739;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fa8739;background-color:#fa8739;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
-                <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:300px;">
-                                  <img alt="Man 1" src="http://191n.mj.am/img/191n/3s/x4k.jpg" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
-                <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#ffffff;">
-                            <p style="font-size: 19px;">ANDERSON SWEATER</p>
-                            <p style="font-size: 36px;">75&#x20AC;</p>
-                            <p>The Anderson Sweater features a floral all-over print with contrast colour.</p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#ffffff" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#ffffff;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#ffffff;color:#fa8739;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    BUY NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#2f323b" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#2f323b;background-color:#2f323b;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#2f323b;background-color:#2f323b;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
-                <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="left" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#ffffff;">
-                            <p style="font-size: 19px;">ALDER TWO JONES JACKET</p>
-                            <p style="font-size: 36px;">100&#x20AC;</p>
-                            <p>Colour-block design, zip entry, oxford hood lining, side pockets &amp; TC lining.</p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#fa8739" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    BUY NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
-                <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:300px;">
-                                  <img alt="Man 2" src="http://191n.mj.am/img/191n/3s/xj6.jpg" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="300" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#fa8739" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#fa8739;background-color:#fa8739;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fa8739;background-color:#fa8739;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
-                <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:25px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#ffffff;">
-                            <p style="font-size: 14px;">DISCOVER OUR</p>
-                            <p style="font-size: 27px;">SUMMER COLLECTION</p>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#ffffff;background-color:#ffffff;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-top:20px;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
-                <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:250px;">
-                                  <img alt="Topaz C3 shoes" src="http://191n.mj.am/img/191n/3s/x4q.jpg" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="250" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
-                            <p>TOPAZ C3 SHOES</p>
-                            <p style="color: rgb(250, 135, 57);">70&#x20AC;</p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#fa8739" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    BUY NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
-                <div class="mj-column-per-50 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:199px;">
-                                  <img alt="Camden backpack" src="http://191n.mj.am/img/191n/3s/x4r.jpg" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="199" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
-                            <p>CAMDEN BACKPACK</p>
-                            <p style="color: rgb(250, 135, 57);">50&#x20AC;</p>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" vertical-align="middle" style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-                            <tbody>
-                              <tr>
-                                <td align="center" bgcolor="#fa8739" role="presentation" style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;" valign="middle">
-                                  <a href="https://mjml.io" style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;" target="_blank">
-                                    BUY NOW
-                                  </a>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#2f323b" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#2f323b;background-color:#2f323b;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#2f323b;background-color:#2f323b;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-top:20px;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:72px;">
-                                  <img alt="Cards" src="http://191n.mj.am/img/191n/3s/x47.png" style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="72" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#ffffff;">
-                            <p style="font-size: 15px;font-weight: bold;">PAYMENT METHODS</p>
-                            <p>We accept all majors payments options</p>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:70px;">
-                                  <img alt="Currencies" src="http://191n.mj.am/img/191n/3s/x48.png" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="70" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#ffffff;">
-                            <p style="font-size: 15px;font-weight: bold;">CURRENCIES CHOICE</p>
-                            <p>You have the choice to pay with your own currencies</p>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:25px;padding-bottom:8px;padding-left:25px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:82px;">
-                                  <img alt="Express" src="http://191n.mj.am/img/191n/3s/x4y.png" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="82" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#ffffff;">
-                            <p style="font-size: 15px;font-weight: bold;">EXPRESS SHIPPING</p>
-                            <p>Delivered tomorrow before noon</p>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#fa8739" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="background:#fa8739;background-color:#fa8739;margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#fa8739;background-color:#fa8739;width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-top:0;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
-                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
-                            <tbody>
-                              <tr>
-                                <td style="width:180px;">
-                                  <img alt="Racoon logo" src="http://191n.mj.am/img/191n/3s/x49.png" style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="180" height="auto" />
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
-                          <div style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#ffffff;">
-                            <p><a href="https://mjml.io" style="text-decoration: none; color: inherit;">Privacy policy</a></p>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
-                <div class="mj-column-per-33-333332 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
-                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
-                    <tbody>
-                      <tr>
-                        <td align="center" style="font-size:0px;padding:10px 25px;padding-top:20px;word-break:break-word;">
-                          <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td><![endif]-->
-                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
-                            <tbody>
-                              <tr>
-                                <td style="padding:4px;vertical-align:middle;">
-                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#3b5998;border-radius:3px;width:20px;">
-                                    <tbody>
-                                      <tr>
-                                        <td style="font-size:0;height:20px;vertical-align:middle;width:20px;">
-                                          <a href="https://www.facebook.com/sharer/sharer.php?u=[[SHORT_PERMALINK]]" target="_blank">
-                                            <img height="20" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png" style="border-radius:3px;display:block;" width="20" />
-                                          </a>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                          <!--[if mso | IE]></td><td><![endif]-->
-                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
-                            <tbody>
-                              <tr>
-                                <td style="padding:4px;vertical-align:middle;">
-                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#55acee;border-radius:3px;width:20px;">
-                                    <tbody>
-                                      <tr>
-                                        <td style="font-size:0;height:20px;vertical-align:middle;width:20px;">
-                                          <a href="https://twitter.com/intent/tweet?url=[[SHORT_PERMALINK]]" target="_blank">
-                                            <img height="20" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png" style="border-radius:3px;display:block;" width="20" />
-                                          </a>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
-                          <!--[if mso | IE]></td><td><![endif]-->
-                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="float:none;display:inline-table;">
-                            <tbody>
-                              <tr>
-                                <td style="padding:4px;vertical-align:middle;">
-                                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#dc4e41;border-radius:3px;width:20px;">
-                                    <tbody>
-                                      <tr>
-                                        <td style="font-size:0;height:20px;vertical-align:middle;width:20px;">
-                                          <a href="https://plus.google.com/share?url=[[SHORT_PERMALINK]]" target="_blank">
-                                            <img height="20" src="https://www.mailjet.com/images/theme/v1/icons/ico-social/google-plus.png" style="border-radius:3px;display:block;" width="20" />
-                                          </a>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </td>
-                              </tr>
-                            </tbody>
-                          </table>
+<body style="word-spacing:normal;background-color:#d6dde5;">
+  <div style="background-color:#d6dde5;">
+    <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#ffffff;background-color:#ffffff;width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+              <div class="mj-column-per-50 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center" style="font-size:0px;padding:10px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:280px;">
+                                <a href="https://mjml.io" target="_blank">
+                                  <img alt="Racoon logo" src="http://191n.mj.am/img/191n/3s/x4u.png"
+                                    style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                    width="280" height="auto" />
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+              <div class="mj-column-per-50 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center" style="font-size:0px;word-break:break-word;">
+                        <!--[if !mso]><!-->
+                        <input type="checkbox" id="00000000" class="mj-menu-checkbox"
+                          style="display:none !important; max-height:0; visibility:hidden;" />
+                        <!--<![endif]-->
+                        <div class="mj-menu-trigger"
+                          style="display:none;max-height:0px;max-width:0px;font-size:0px;overflow:hidden;">
+                          <label for="00000000" class="mj-menu-label"
+                            style="display:block;cursor:pointer;mso-hide:all;-moz-user-select:none;user-select:none;color:#fa8739;font-size:30px;font-family:Ubuntu, Helvetica, Arial, sans-serif;text-transform:uppercase;text-decoration:none;line-height:30px;padding:10px;"
+                            align="center">
+                            <span class="mj-menu-icon-open" style="mso-hide:all;">
+                              &#9776;
+                            </span>
+                            <span class="mj-menu-icon-close" style="display:none;mso-hide:all;">
+                              &#8855;
+                            </span>
+                          </label>
+                        </div>
+                        <div class="mj-inline-links">
+                          <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td style="padding:15px 10px;" class="" ><![endif]-->
+                          <a class="mj-link" href="https://mjml.iohttps://mjml.io" target="_blank"
+                            style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
+                            home
+                          </a>
+                          <!--[if mso | IE]></td><td style="padding:15px 10px;" class="" ><![endif]-->
+                          <a class="mj-link" href="https://mjml.iohttps://mjml.io" target="_blank"
+                            style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
+                            blog
+                          </a>
+                          <!--[if mso | IE]></td><td style="padding:15px 10px;" class="" ><![endif]-->
+                          <a class="mj-link" href="https://mjml.iohttps://mjml.io" target="_blank"
+                            style="display:inline-block;color:#000000;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:22px;text-decoration:none;text-transform:uppercase;padding:15px 10px;">
+                            store
+                          </a>
                           <!--[if mso | IE]></td></tr></table><![endif]-->
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
-                </div>
-                <!--[if mso | IE]></td></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
-      <div style="margin:0px auto;max-width:600px;">
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
-          <tbody>
-            <tr>
-              <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-top:0px;text-align:center;">
-                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr></tr></table><![endif]-->
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-      <!--[if mso | IE]></td></tr></table><![endif]-->
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#fa8739" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#fa8739;background-color:#fa8739;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#fa8739;background-color:#fa8739;width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
+              <div class="mj-column-px-200 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="left"
+                        style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:25px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:40px;line-height:1;text-align:left;color:#ffffff;">
+                          <p style="font-size: 17px;">SPRING PROMO</p>
+                          <p>50%</p>
+                          <p>OFFER</p>
+                          <p style="font-size: 13px">Lorem ipsum dolor sit amet, consectetur adipiscing elit<br /></p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-right:25px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#ffffff" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#ffffff;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#ffffff;color:#fa8739;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:16px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  SHOP NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:400px;" ><![endif]-->
+              <div class="mj-column-px-400 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:400px;">
+                                <img alt="Clothes set" src="http://191n.mj.am/img/191n/3s/xjg.jpg"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="400" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#2f323b" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#2f323b;background-color:#2f323b;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#2f323b;background-color:#2f323b;width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:150px;" ><![endif]-->
+              <div class="mj-column-per-25 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:42px;">
+                                <img alt="Box free shipping" src="http://191n.mj.am/img/191n/3s/x4t.png"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="42" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:450px;" ><![endif]-->
+              <div class="mj-column-per-75 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="left"
+                        style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:25px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:18px;line-height:1;text-align:left;color:#ffffff;">
+                          <p>FREE SHIPPING ON ORDER <span style="font-weight: bold;color: rgb(250, 135, 57);">OVER
+                              55&#x20AC;</span></p>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#ffffff;background-color:#ffffff;width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:30px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:200px;">
+                                <img alt="Chesterk tank" src="http://191n.mj.am/img/191n/3s/x4v.jpg"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="200" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
+                          <p>CHESTERK TANK</p>
+                          <p style="color: rgb(250, 135, 57);">15&#x20AC;</p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#fa8739" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  BUY NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:178px;">
+                                <img alt="Beyond backpack" src="http://191n.mj.am/img/191n/3s/x4g.jpg"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="178" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
+                          <p>BEYOND BACKPACK</p>
+                          <p style="color: rgb(250, 135, 57);">20&#x20AC;</p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#fa8739" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  BUY NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:30px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:182px;">
+                                <img alt="Jensen shorts" src="http://191n.mj.am/img/191n/3s/x46.jpg"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="182" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
+                          <p>JENSEN SHORTS</p>
+                          <p style="color: rgb(250, 135, 57);">28&#x20AC;</p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#fa8739" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  BUY NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#ffffff;background-color:#ffffff;width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:129px;">
+                                <img alt="Verdant cap" src="http://191n.mj.am/img/191n/3s/x4h.jpg"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="129" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
+                          <p>VERDANT CAP</p>
+                          <p style="color: rgb(250, 135, 57);">20&#x20AC;</p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-top:0;padding-right:25px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#fa8739" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  BUY NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:200px;">
+                                <img alt="Blake polo shirt" src="http://191n.mj.am/img/191n/3s/x4i.jpg"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="200" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
+                          <p>BLAKE POLO SHIRT</p>
+                          <p style="color: rgb(250, 135, 57);">25&#x20AC;</p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#fa8739" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  BUY NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:bottom;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:bottom;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:bottom;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:72px;">
+                                <img alt="Sketch floral" src="http://191n.mj.am/img/191n/3s/x4j.jpg"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="72" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
+                          <p>SKETCH FLORAL</p>
+                          <p style="color: rgb(250, 135, 57);">23&#x20AC;</p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#fa8739" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  BUY NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#fa8739" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#fa8739;background-color:#fa8739;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#fa8739;background-color:#fa8739;width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+              <div class="mj-column-per-50 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:300px;">
+                                <img alt="Man 1" src="http://191n.mj.am/img/191n/3s/x4k.jpg"
+                                  style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="300" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+              <div class="mj-column-per-50 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="left"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#ffffff;">
+                          <p style="font-size: 19px;">ANDERSON SWEATER</p>
+                          <p style="font-size: 36px;">75&#x20AC;</p>
+                          <p>The Anderson Sweater features a floral all-over print with contrast colour.</p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#ffffff" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#ffffff;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#ffffff;color:#fa8739;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  BUY NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#2f323b" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#2f323b;background-color:#2f323b;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#2f323b;background-color:#2f323b;width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+              <div class="mj-column-per-50 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="left"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:left;color:#ffffff;">
+                          <p style="font-size: 19px;">ALDER TWO JONES JACKET</p>
+                          <p style="font-size: 36px;">100&#x20AC;</p>
+                          <p>Colour-block design, zip entry, oxford hood lining, side pockets &amp; TC lining.</p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#fa8739" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  BUY NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+              <div class="mj-column-per-50 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:300px;">
+                                <img alt="Man 2" src="http://191n.mj.am/img/191n/3s/xj6.jpg"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="300" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#fa8739" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#fa8739;background-color:#fa8739;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#fa8739;background-color:#fa8739;width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:0px;padding-top:0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+              <div class="mj-column-per-100 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:25px;padding-bottom:10px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#ffffff;">
+                          <p style="font-size: 14px;">DISCOVER OUR</p>
+                          <p style="font-size: 27px;">SUMMER COLLECTION</p>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#ffffff" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#ffffff;background-color:#ffffff;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#ffffff;background-color:#ffffff;width:100%;">
+        <tbody>
+          <tr>
+            <td
+              style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-top:20px;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+              <div class="mj-column-per-50 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:250px;">
+                                <img alt="Topaz C3 shoes" src="http://191n.mj.am/img/191n/3s/x4q.jpg"
+                                  style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="250" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
+                          <p>TOPAZ C3 SHOES</p>
+                          <p style="color: rgb(250, 135, 57);">70&#x20AC;</p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#fa8739" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  BUY NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+              <div class="mj-column-per-50 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:199px;">
+                                <img alt="Camden backpack" src="http://191n.mj.am/img/191n/3s/x4r.jpg"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="199" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:15px;font-weight:bold;line-height:1;text-align:center;color:#000000;">
+                          <p>CAMDEN BACKPACK</p>
+                          <p style="color: rgb(250, 135, 57);">50&#x20AC;</p>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center" vertical-align="middle"
+                        style="font-size:0px;padding:15px 30px;padding-top:0;padding-bottom:10px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:separate;line-height:100%;">
+                          <tbody>
+                            <tr>
+                              <td align="center" bgcolor="#fa8739" role="presentation"
+                                style="border:none;border-radius:3px;cursor:auto;mso-padding-alt:10px 25px;background:#fa8739;"
+                                valign="middle">
+                                <a href="https://mjml.io"
+                                  style="display:inline-block;background:#fa8739;color:#ffffff;font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:10px 25px;mso-padding-alt:0px;border-radius:3px;"
+                                  target="_blank">
+                                  BUY NOW
+                                </a>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#2f323b" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#2f323b;background-color:#2f323b;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#2f323b;background-color:#2f323b;width:100%;">
+        <tbody>
+          <tr>
+            <td
+              style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-top:20px;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center" style="font-size:0px;padding:10px 25px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:72px;">
+                                <img alt="Cards" src="http://191n.mj.am/img/191n/3s/x47.png"
+                                  style="border:0;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="72" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#ffffff;">
+                          <p style="font-size: 15px;font-weight: bold;">PAYMENT METHODS</p>
+                          <p>We accept all majors payments options</p>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:70px;">
+                                <img alt="Currencies" src="http://191n.mj.am/img/191n/3s/x48.png"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="70" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#ffffff;">
+                          <p style="font-size: 15px;font-weight: bold;">CURRENCIES CHOICE</p>
+                          <p>You have the choice to pay with your own currencies</p>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:25px;padding-bottom:8px;padding-left:25px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:82px;">
+                                <img alt="Express" src="http://191n.mj.am/img/191n/3s/x4y.png"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="82" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#ffffff;">
+                          <p style="font-size: 15px;font-weight: bold;">EXPRESS SHIPPING</p>
+                          <p>Delivered tomorrow before noon</p>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#fa8739" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="background:#fa8739;background-color:#fa8739;margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+        style="background:#fa8739;background-color:#fa8739;width:100%;">
+        <tbody>
+          <tr>
+            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-top:0;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:10px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
+                        <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="border-collapse:collapse;border-spacing:0px;">
+                          <tbody>
+                            <tr>
+                              <td style="width:180px;">
+                                <img alt="Racoon logo" src="http://191n.mj.am/img/191n/3s/x49.png"
+                                  style="border:none;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;"
+                                  width="180" height="auto" />
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:0;padding-right:25px;padding-bottom:0px;padding-left:25px;word-break:break-word;">
+                        <div
+                          style="font-family:Ubuntu, Helvetica, Arial, sans-serif;font-size:13px;line-height:1;text-align:center;color:#ffffff;">
+                          <p><a href="https://mjml.io" style="text-decoration: none; color: inherit;">Privacy policy</a>
+                          </p>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:200px;" ><![endif]-->
+              <div class="mj-column-per-33-333332 mj-outlook-group-fix"
+                style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+                <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;"
+                  width="100%">
+                  <tbody>
+                    <tr>
+                      <td align="center"
+                        style="font-size:0px;padding:10px 25px;padding-top:20px;word-break:break-word;">
+                        <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" ><tr><td><![endif]-->
+                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="float:none;display:inline-table;">
+                          <tbody>
+                            <tr>
+                              <td style="padding:4px;vertical-align:middle;">
+                                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                                  style="background:#3b5998;border-radius:3px;width:20px;">
+                                  <tbody>
+                                    <tr>
+                                      <td style="font-size:0;height:20px;vertical-align:middle;width:20px;">
+                                        <a href="https://www.facebook.com/sharer/sharer.php?u=[[SHORT_PERMALINK]]"
+                                          target="_blank">
+                                          <img height="20"
+                                            src="https://www.mailjet.com/images/theme/v1/icons/ico-social/facebook.png"
+                                            style="border-radius:3px;display:block;" width="20" />
+                                        </a>
+                                      </td>
+                                    </tr>
+                                  </tbody>
+                                </table>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                        <!--[if mso | IE]></td><td><![endif]-->
+                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="float:none;display:inline-table;">
+                          <tbody>
+                            <tr>
+                              <td style="padding:4px;vertical-align:middle;">
+                                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                                  style="background:#55acee;border-radius:3px;width:20px;">
+                                  <tbody>
+                                    <tr>
+                                      <td style="font-size:0;height:20px;vertical-align:middle;width:20px;">
+                                        <a href="https://twitter.com/intent/tweet?url=[[SHORT_PERMALINK]]"
+                                          target="_blank">
+                                          <img height="20"
+                                            src="https://www.mailjet.com/images/theme/v1/icons/ico-social/twitter.png"
+                                            style="border-radius:3px;display:block;" width="20" />
+                                        </a>
+                                      </td>
+                                    </tr>
+                                  </tbody>
+                                </table>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                        <!--[if mso | IE]></td><td><![endif]-->
+                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation"
+                          style="float:none;display:inline-table;">
+                          <tbody>
+                            <tr>
+                              <td style="padding:4px;vertical-align:middle;">
+                                <table border="0" cellpadding="0" cellspacing="0" role="presentation"
+                                  style="background:#dc4e41;border-radius:3px;width:20px;">
+                                  <tbody>
+                                    <tr>
+                                      <td style="font-size:0;height:20px;vertical-align:middle;width:20px;">
+                                        <a href="https://plus.google.com/share?url=[[SHORT_PERMALINK]]" target="_blank">
+                                          <img height="20"
+                                            src="https://www.mailjet.com/images/theme/v1/icons/ico-social/google-plus.png"
+                                            style="border-radius:3px;display:block;" width="20" />
+                                        </a>
+                                      </td>
+                                    </tr>
+                                  </tbody>
+                                </table>
+                              </td>
+                            </tr>
+                          </tbody>
+                        </table>
+                        <!--[if mso | IE]></td></tr></table><![endif]-->
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+              <!--[if mso | IE]></td></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+    <!--[if mso | IE]></td></tr></table><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    <div style="margin:0px auto;max-width:600px;">
+      <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+        <tbody>
+          <tr>
+            <td
+              style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:20px;padding-top:0px;text-align:center;">
+              <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr></tr></table><![endif]-->
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
-  </body>
+    <!--[if mso | IE]></td></tr></table><![endif]-->
+  </div>
+</body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/packages/mrml-core/src/mj_section/render.rs b/packages/mrml-core/src/mj_section/render.rs
index 578decec..dd554c99 100644
--- a/packages/mrml-core/src/mj_section/render.rs
+++ b/packages/mrml-core/src/mj_section/render.rs
@@ -292,7 +292,9 @@ pub trait SectionLikeRender<'h>: WithMjSectionBackground<'h> {
                 renderer.set_raw_siblings(raw_siblings);
                 renderer.set_container_width(self.container_width().clone());
                 if child.is_raw() {
+                    result.push_str(END_CONDITIONAL_TAG);
                     result.push_str(&renderer.render(opts)?);
+                    result.push_str(START_CONDITIONAL_TAG);
                 } else {
                     let td = renderer
                         .set_style("td-outlook", Tag::td())
@@ -498,6 +500,9 @@ impl<'r, 'e: 'r, 'h: 'r> Renderable<'r, 'e, 'h> for MjSection {
 
 #[cfg(test)]
 mod tests {
+    // error reported in https://github.com/jdrouet/mrml/issues/370
+    crate::should_render!(comment, "comment");
+
     crate::should_render!(basic, "mj-section");
     crate::should_render!(background_color, "mj-section-background-color");
     crate::should_render!(background_url_full, "mj-section-background-url-full");
diff --git a/scripts/package-lock.json b/scripts/package-lock.json
index 2de94611..8c10dfdd 100644
--- a/scripts/package-lock.json
+++ b/scripts/package-lock.json
@@ -9,7 +9,7 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
-        "mjml": "*",
+        "mjml": "latest",
         "pretty": "^2.0.0"
       }
     },


Test patch: