<div>
<div class="body" style="position: fixed; width: 100%; height: 29.7cm; margin: 0 auto; color: #555555; background: #FFFFFF; font-family: Arial; font-size: 14px;">
<div class="clearfix header" style="padding: 10px 0; margin-bottom: 20px; border-bottom: 1px solid #AAAAAA;">
<div id="company" style="float: right; text-align: right; width: 49%;">
<h2 class="name" style="font-size: 1.4em; font-weight: normal; margin: 0;">{{config path="general/store_information/name"}}</h2>
<div>Sharq-Kuwait</div>
<div>22970250</div>
<div><a href="mailto:info@kidsfantasy.com.kw">info@kidsfantasy.com.kw</a></div>
</div>

<div id="company" style="float: left; text-align: left; width: 49%;">
<div><img style=" max-height:100px;" src="{{config path="web/secure/base_url"}}/pub/media/logo/default/razan.png" /></div>
</div>
</div>
<div class="main">
<div id="details" class="clearfix" style="margin-bottom: 50px;">
<div id="client" style="padding-left: 6px; border-left: 6px solid #000; float: left; width: 49%;">
<div class="to" style="color: #777777;">SHIPPING ADDRESS:</div>
<div class="name">{{var formattedShippingAddress|raw}}</div>
</div>
<div id="invoice" style="float: right; text-align: right; width: 49%;">
<h1 style="color: #000; font-size: 2.4em; line-height: 1em; font-weight: normal; margin: 0  0 10px 0;">INVOICE {{var invoice.increment_id}}</h1>
<div class="date" style="font-size: 1.1em; color: #777777;">Date of Order:{{var order.getCreatedAtFormatted(2) }}</div>
<div class="date" style="font-size: 1.1em; color: #777777;">Status: {{var order.status}}</div>
<div class="date" style="font-size: 0.9em; color: #777777;">Payment Method: {{var payment_html|raw}}</div>
<div class="date" style="font-size: 0.9em; color: #777777;">Shipping Method: {{var order.getShippingDescription()}}</div>
</div>
</div>
{{layout area="frontend" handle="sales_email_order_invoice_items" invoice=$invoice order=$order}}
<div id="thanks" style="font-size: 2em; margin-bottom: 50px;">Thank you!</div>
</div>
</div>
</div>