<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="ie-header-bg" bgcolor="{{header.backgroundColor.val}}" style="background-color: {{header.backgroundColor.val}}">
    <tbody>
        <tr>
            <td align="center" valign="top" style="background-image: url({{header.background.val}}); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top center; background-repeat: no-repeat;">
                <!-- //////////////////////////NAVIGATION/////////////////////////////// -->
                <table class="full" align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td align="center" class="pad20">
                                <!-- Start Nav -->
                                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full">
                                    <tbody>
                                        <tr>
                                            <td width="100%" valign="middle" align="center">
                                                <!-- Logo -->
                                                <table width="180" border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="fullCenter">
                                                    <tbody>
                                                        <tr>
                                                            <td width="100%" height="0" class="h20" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td height="80" valign="middle" align="left" width="100%" class="fullCenter h50" style="line-height: 1px;">
                                                                <a href="{{header.logoUrl.val}}" style="text-decoration: none;">
                                                                    <img <?php $this->imgSrc('{{header.logo.val}}'); ?> width="127" alt="" border="0" class="hover">
                                                                </a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                <!-- Nav -->
                                                <table width="420" border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="fullCenter">
                                                    <tbody>
                                                        <tr>
                                                            <td height="80" valign="middle" width="100%" style="text-transform: uppercase;font-family: {{appearance.baseFont.val}}, sans-serif; color: #323232; font-weight: 500; font-size: 14px; line-height: 24px;text-align: right;" class="opensans h50">
                                                                <a href="{{menu.menuItemUrl_1.val}}" style="text-decoration: none; color: #323232;" >{{menu.menuItem_1.val}}</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                <a href="{{menu.menuItemUrl_1.val}}" style="text-decoration: none; color: #323232;" >{{menu.menuItem_2.val}}</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                                <a href="{{menu.menuItemUrl_1.val}}" style="text-decoration: none; color: #f64646;font-family: {{appearance.baseFont.val}},sans-serif;font-weight: 600;font-size: 14px;" ><img src="http://monsart.net/emails/order-5/images/store.png" alt="store-icon">{{menu.menuItem_3.val}}</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" height="0" class="h20" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="100%" height="70" class="h50" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
                <!-- //////////////////////////BANNER/////////////////////////////// -->
                <table class="mobile" align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td align="center">
                                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="fullCenter">
                                    <tbody>
                                        <tr>
                                            <td width="100%">
                                                <table width="600" border="0" cellpadding="0" cellspacing="0" align="left" class="fullCenter">
                                                    <tbody>
                                                        <tr>
                                                            <td width="100%" style="color: #323232; font-family: {{header.titleFont.val}}; font-weight: 800;font-style: italic; vertical-align: top; font-size: 28px; text-align: center; line-height: 39px; letter-spacing: 2px;" class="fullCenter raleway" id="box">
                                                                <?php do_action('ma_multiple_emails', $this->_emailType, 'email-title'); ?>
                                                               
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td height="40" width="100%" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" style="color: #2a2a2a; font-family: {{appearance.baseFont.val}}; font-weight: 400; vertical-align: top; font-size: 15px; text-align: center; line-height: 26px;" class="fullCenter opensans" id="box2">
                                                                <?php do_action('ma_multiple_emails', $this->_emailType, 'email-header'); ?>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td height="43" width="100%" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="100%" style="color: #2a2a2a; font-family: {{appearance.baseFont.val}}; font-weight: 400; vertical-align: top; font-size: 15px; text-align: center; line-height: 26px;" class="fullCenter opensans" id="box2">
                                                                <a href="{{header.buttonUrl.val}}" style="text-transform:uppercase;background-color: #f64646;font-size:12px;font-family: {{appearance.baseFont.val}},sans-serif;font-weight: 500;color:#ffffff;height:40px;padding: 7px 33px;border-radius:19px;-moz-border-radius: 19px;-webkit-border-radius: 19px;" class="button">
                                                                    {{header.buttonText.val}}
                                                                </a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td height="80" width="100%" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- //////////////////////////HELLO MESSAGE/////////////////////////////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td align="center">
                <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td align="center">
                                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-body-bg" bgcolor="{{body.backgroundColor.val}}" style="background-color: {{body.backgroundColor.val}};border-left: 1px solid #ededed;border-top: 1px solid #ededed;border-right: 1px solid #ededed;">
                                    <tbody>
                                        <tr>
                                            <td width="600" height="40" style="font-size: 1px; line-height: 1px;"></td>
                                        </tr>
                                        <tr>
                                            <td style="text-align: center; font-family: {{appearance.baseFont.val}},sans-serif; font-size: 16px; color: #323232; line-height: 26px; font-weight: 600;">
                                                <?php if ($this->_preview) { ?>
                                                    <div ng-bind-html="body.orderTitle.val | trusted"></div>
                                                <?php } else { ?>
                                                    {{body.orderTitle.val}}
                                                <?php } ?>   
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="31" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////ORDER NUMBER////////////////////////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table class="full" width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#e9eef2"  style="background-color: #e9eef2;margin:0px auto;border-left: 1px solid #ededed;border-right: 1px solid #ededed;">
                    <tbody>
                        <tr>
                            <td width="600" height="17" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td style="line-height:21px;">
                                <table class="full-width" width="514" border="0" cellpadding="0" cellspacing="0" align="center" style="margin:0px auto;">
                                    <tbody>
                                        <tr>
                                            <td class="full-width text-left" align="left" style="font-family: {{appearance.baseFont.val}},sans-serif;font-weight: 600;font-size: 15px;color:#323232;">
                                                Order #: {{order.number}}
                                            </td>
                                            <td class="full-width text-left" align="right" style="font-size:15px;color:#323232;font-family: {{appearance.baseFont.val}},sans-serif;font-weight: 600;">
                                                Order Date:  {{order.date}}
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="100%" height="17" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////PURCHASE HISTORY Header////////////////////////// -->
<table bgcolor="{{appearance.backgroundColor.val}}" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" style="font-family:{{appearance.baseFont.val}}, sans-serif;margin:0px auto;background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-body-bg" bgcolor="{{body.backgroundColor.val}}" style="background-color:{{body.backgroundColor.val}};margin:0px auto;border-left: 1px solid #ededed;border-right: 1px solid #ededed;" >
                    <tbody>
                        <tr>
                            <td width="100%" height="30" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="center" valign="top" width="600" class="fullCenter">
                                <table width="514" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                    <tbody>
                                        <tr>
                                            <td width="170" valign="top">
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="">
                                                    <tbody>
                                                        <tr>
                                                            <td class="text-left" width="100%" style="color:#929292;text-align: left; font-size: 12px; line-height: 24px; font-weight: 700;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};" >
                                                                ITEMS
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                            <td width="60" height="15">
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td class="right-text" width="100%" style="color:#929292;text-align: center; font-size: 12px; line-height: 24px; font-weight: 700;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}}">
                                                                QTY
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                            <td width="20" height="15" class="erase"></td>
                                            <td width="60" height="15" valign="middle" class="erase">
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" align="right" class="w70">
                                                    <tbody>
                                                        <tr>
                                                            <td width="100%" style="color:#929292;text-align: center; font-size: 12px; line-height: 24px; font-weight: 700;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}}">
                                                                PRICE
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="100%" height="7" style="font-size: 1px; line-height: 1px;border-bottom: 1px solid #e7e7e7;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////PURCHASE HISTORY////////////////////////// -->
<table bgcolor="{{appearance.backgroundColor.val}}" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" style="font-family:{{appearance.baseFont.val}}, sans-serif;margin:0px auto;background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table bgcolor="{{body.backgroundColor.val}}" width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full-width ie-body-bg" style="background-color:{{body.backgroundColor.val}};margin:0px auto;border-left: 1px solid #ededed;border-right: 1px solid #ededed;">
                    <tbody>

                        <?php
                        do_action('ma_items_loop', $this->_order, $this->_email, '', '<tr ng-repeat-start="item in products"><td class="full-width" width="514" align="center" height="11" style="font-size: 1px; line-height: 1px;border-top: 1px solid #e7e7e7;display: block;margin: 0px auto;">&nbsp;</td></tr>', '<tr ng-repeat-end><td class="full" width="600" align="center" height="25" style="font-size: 1px; line-height: 1px;">&nbsp;</td></tr>'
                        );
                        ?>


                        <tr>
                            <td width="600" align="center" height="11" style="font-size: 1px; line-height: 1px;border-bottom: 1px solid #e7e7e7;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////SUBTOTAL AND TOTAL////////////////////////// -->
<table bgcolor="{{appearance.backgroundColor.val}}" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" style="font-family:{{appearance.baseFont.val}}, sans-serif;background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-body-bg" bgcolor="{{body.backgroundColor.val}}" style="background-color:{{body.backgroundColor.val}};margin:0px auto;border-left: 1px solid #ededed;border-right: 1px solid #ededed;">
                    <tbody>
                        <tr>
                            <td valign="top" width="100%" align="center" >
                                <table width="514" border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                    <tbody>
                                        <tr>
                                            <td width="514" align="center" height="30" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" width="100%" align="center" class="pad20">
                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td class="text-left" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};text-align: right; font-size: 15px; color: #bababa; line-height: 24px; font-weight: 700; text-transform: uppercase;" >
                                                                ORDER SUBTOTAL :
                                                            </td>
                                                            <td width="25" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                            <td width="70" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};text-align: right; font-size: 14px; color: #2f2f2f; line-height: 24px; font-weight: 700;">
                                                                {{order.subtotal}}
                                                            </td>
                                                            <td class="erase" width="15" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" width="100%" align="center" class="pad20">
                                                <table border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td class="text-left" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};text-align: right; font-size: 15px; color: #bababa; line-height: 24px; font-weight: 700; text-transform: uppercase;">
                                                                DISCOUNT :
                                                            </td>
                                                            <td width="25" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                            <td width="70" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};text-align: right; font-size: 14px; color: #2f2f2f; line-height: 24px; font-weight: 700;">
                                                                {{order.discount}}
                                                            </td>
                                                            <td class="erase" width="15" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" width="100%" align="center" class="pad20">
                                                <table border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td class="text-left" style="font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};text-align: right; font-size: 15px; color: #bababa; line-height: 24px; font-weight: 700; text-transform: uppercase;">
                                                                SHIPPING COSTS :
                                                            </td>
                                                            <td width="25" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                            <td width="70" style="text-align: right; font-size: 14px; color: #2f2f2f; line-height: 24px; font-weight: 700;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};">
                                                                {{order.shipping_total}}
                                                            </td>
                                                            <td class="erase" width="15" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td valign="top" width="100%" align="center" class="pad20">
                                                <table border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full">
                                                    <tbody>
                                                        <tr>
                                                            <td class="text-left" style="text-align: right; font-size: 15px; color: #3d3d3d; line-height: 24px; font-weight: 700; text-transform: uppercase;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};">
                                                                TOTAL PAID :
                                                            </td>
                                                            <td width="25" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                            <td width="70" style="text-align: right;font-size: 14px; color: #f64646; line-height: 24px; font-weight: 700;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};">
                                                                {{order.total}}
                                                            </td>
                                                            <td class="erase" width="15" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="35" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- //////////////////////////GET DISCOUNT/////////////////////////////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table bgcolor="#e9eef2" class="full" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="margin:0px auto;background-color: #e9eef2;border-left: 1px solid #ededed;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed;">
                    <tbody>
                        <tr>
                            <td width="260" align="center" height="25" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td align="center">
                                <table width="514" class="full-width" align="center" style="text-align:left;margin:0px auto;">
                                    <tbody>
                                        <tr>
                                            <td align="left" style="font-size:15px;color:#323232;font-family: {{appearance.baseFont.val}},sans-serif;font-weight: 600;">
                                                Shiping Method:&nbsp; <span class="red" style="color:#f64646;">{{order.shipping_method}}</span>  <span style="color:#878787;font-size:13px;font-weight:400;">(14 Business days)</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="4" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:15px;color:#323232;font-family: {{appearance.baseFont.val}},sans-serif;font-weight: 600;">
                                                <span style="font-size:12px;color:#383838;font-family: Helvetica, Arial, sans-serif, {{appearance.baseFont.val}};font-style: italic; ">*Some shiping areas may up to 21 business days for delivery.</span>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="260" align="center" height="25" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////BILLING AND shipING ADDRESSES////////////////////////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td>
                <table class="full-width ie-body-bg" width="600" border="0" cellpadding="0" cellspacing="0" align="center"  style="background-color: {{body.backgroundColor.val}};margin:0px auto;border-left: 1px solid #ededed;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed;">
                    <tbody>
                        <tr>
                            <td align="left" valign="top" style="vertical-align:top;" class="full-width">
                                <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                    <tbody>
                                        <tr>
                                            <td width="100%" height="39" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td class="mob-15-pad" align="left" style="padding-left: 44px;font-size:14px;font-weight: 700;color:#bababa;font-family: {{appearance.baseFont.val}},sans-serif;"> SEND TO: </td>
                                        </tr>
                                        <tr>
                                            <td  width="100%" height="28" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td class="mob-15-pad" style="padding-left: 44px;font-size:14px;font-weight:700;color:#3e3e3e;font-family: {{appearance.baseFont.val}},sans-serif;"> {{order.shipping_fullname}} </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="7" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td class="mob-15-pad" style="padding-left: 44px;font-size:14px;color:#3e3e3e;font-family: {{appearance.baseFont.val}},sans-serif;"> {{order.shipping_phone}}</td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="7" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td class="mob-15-pad" style="padding-left: 44px;font-size:14px;color:#3e3e3e;font-family: {{appearance.baseFont.val}},sans-serif;">{{order.shipping_city}}</td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="7" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td class="mob-15-pad" style="padding-left: 44px;font-size:14px;color:#3e3e3e;font-family: {{appearance.baseFont.val}},sans-serif;"> {{order.shipping_country}} </td>
                                        </tr>
                                        <tr>
                                            <td width="260" align="center" height="27" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="260" align="center" height="10" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>
<!-- //////Empty Space/////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-appearance-bg" bgcolor="{{appearance.backgroundColor.val}}" style="background-color: {{appearance.backgroundColor.val}}">
    <tbody>
        <tr>
            <td width="100%" height="50"></td>
        </tr>
    </tbody>
</table>
<!-- ///////////////////////FOOTER NAVIGATIONS////////////////////////// -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full ie-footer-bg" bgcolor="{{footer.backgroundColor.val}}" style="background-color: {{footer.backgroundColor.val}}">
    <tbody>
        <!-- //////Empty Space/////// -->
        <tr>
            <td width="100%" height="50"></td>
        </tr>
        <tr>
            <td>
                <table class="full-width" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="margin: 0px auto;color:#ffffff;">
                    <tbody>
                        <tr>
                            <td align="left" width="200" class="full" valign="top" style="vertical-align:top;">
                                <table class="full-width" width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
                                    <tbody>
                                        <tr>
                                            <td align="left" style="color:#2c2c2c;font-size:16px;font-weight:700;font-family: {{appearance.baseFont.val}},sans-serif;letter-spacing: 0.5px;" class="opensans"> {{footerCol_1.columnHeading.val}} </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="20"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#7b7b7b;" href="{{footerCol_1.menuItemUrl_1.val}}">
                                                    {{footerCol_1.menuItem_1.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#7b7b7b;" href="{{footerCol_1.menuItemUrl_2.val}}">
                                                    {{footerCol_1.menuItem_2.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#7b7b7b;" href="{{footerCol_1.menuItemUrl_3.val}}">
                                                    {{footerCol_1.menuItem_3.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#7b7b7b;" href="{{footerCol_1.menuItemUrl_4.val}}">
                                                    {{footerCol_1.menuItem_4.val}}
                                                </a>  
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#7b7b7b;" href="{{footerCol_1.menuItemUrl_5.val}}">
                                                    {{footerCol_1.menuItem_5.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="20"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td align="left" width="200" class="full" valign="top" style="vertical-align:top;">
                                <table class="full-width" width="100%" border="0" cellpadding="0" cellspacing="0" align="center" >
                                    <tbody>
                                        <tr>
                                            <td align="left" style="color:#2c2c2c;font-size:16px;font-weight:700;font-family: {{appearance.baseFont.val}},sans-serif;letter-spacing: 0.5px;" class="opensans"> {{footerCol_2.columnHeading.val}} </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="20"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#7b7b7b;" href="{{footerCol_2.menuItemUrl_1.val}}">
                                                    {{footerCol_2.menuItem_1.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#7b7b7b;" href="{{footerCol_2.menuItemUrl_2.val}}">
                                                    {{footerCol_2.menuItem_2.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#7b7b7b;" href="{{footerCol_2.menuItemUrl_3.val}}">
                                                    {{footerCol_2.menuItem_3.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#7b7b7b;" href="{{footerCol_2.menuItemUrl_4.val}}">
                                                    {{footerCol_2.menuItem_4.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="7"></td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                <a style="color:#7b7b7b;" href="{{footerCol_2.menuItemUrl_4.val}}">
                                                    {{footerCol_2.menuItem_5.val}}
                                                </a> 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="100%" height="20"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                            <td align="left" width="200" class="full" valign="top" style="vertical-align:top;">
                                <table class="full-width" width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
                                    <tbody>
                                        <tr>
                                            <td colspan="4" align="left" style="color:#2c2c2c;font-size:16px;font-weight:700;font-family: {{appearance.baseFont.val}},sans-serif;letter-spacing: 0.5px;" class="opensans"> 
                                                {{footerCol_3.columnHeading.val}}
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="4" height="20"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="4" align="left" style="color:#7b7b7b;font-size:13px;font-weight:400;font-family: {{appearance.baseFont.val}},sans-serif" class="opensans"> 
                                                {{footerCol_3.columnContent.val}} 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="28" colspan="4"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a href="{{socialLinks.facebookLink.val}}">
                                                    <img src="http://monsart.net/emails/order-5/images/facebook.png" alt="facebook icon">
                                                </a>
                                            </td>
                                            <td>
                                                <a href="{{socialLinks.twitterLink.val}}">
                                                    <img src="http://monsart.net/emails/order-5/images/twitter.png" alt="twitter icon">
                                                </a>
                                            </td>
                                            <td>
                                                <a href="{{socialLinks.instagramLink.val}}">
                                                    <img src="http://monsart.net/emails/order-5/images/instagram.png" alt="instagram icon">
                                                </a>
                                            </td>
                                            <td>
                                                <a href="{{socialLinks.pinterestLink.val}}">
                                                    <img src="http://monsart.net/emails/order-5/images/paypal.png" alt="paypal icon">
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
        <!-- //////Empty Space/////// -->
        <tr>
            <td width="100%" height="30"></td>
        </tr>
    </tbody>
</table>
<!-- //////////////////////////FOOTER/////////////////////////////// -->
<table class="full ie-copyright-bg" width="100%" style="padding:0px 15px;font-family:{{appearance.baseFont.val}}, sans-serif;margin:0px auto; background-color:{{footer.copyrightBackground.val}};" bgcolor="{{footer.copyrightBackground.val}}">
    <tbody>
        <tr>
            <td>
                <table  width="600" class="full" align="center" style="margin:0px auto; " >
                    <tbody class="footer">
                        <tr>
                            <td width="600" align="center" height="15" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td style="font-size: 12px;text-align: center;" align="center">                                
                                <?php if ($this->_preview) { ?>
                                    <div ng-bind-html="footer.copyrightText.val | trusted"></div>
                                <?php } else { ?>
                                    {{footer.copyrightText.val}}
                                <?php } ?>      
                            </td>
                        </tr>
                        <tr>
                            <td width="600" align="center" height="35" style="font-size: 1px; line-height: 1px;">&nbsp;</td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>