diff --git a/client/src/campaigns/CUD.js b/client/src/campaigns/CUD.js
index c37a195f..a51139e5 100644
--- a/client/src/campaigns/CUD.js
+++ b/client/src/campaigns/CUD.js
@@ -25,7 +25,7 @@ import {withAsyncErrorHandler, withErrorHandling} from '../lib/error-handling';
 import {NamespaceSelect, validateNamespace} from '../lib/namespace';
 import {DeleteModalDialog} from "../lib/modals";
 import mailtrainConfig from 'mailtrainConfig';
-import {getTemplateTypes, getTypeForm, ResourceType} from '../templates/helpers';
+import {getTagLanguages, getTemplateTypes, getTypeForm, ResourceType} from '../templates/helpers';
 import axios from '../lib/axios';
 import styles from "../lib/styles.scss";
 import campaignsStyles from "./styles.scss";
@@ -50,6 +50,8 @@ export default class CUD extends Component {
         const t = props.t;
 
         this.templateTypes = getTemplateTypes(props.t, 'data_sourceCustom_', ResourceType.CAMPAIGN);
+        this.tagLanguages = getTagLanguages(props.t);
+
         this.mailerTypes = getMailerTypes(props.t);
 
         const { campaignTypeLabels } = getCampaignLabels(t);
@@ -85,6 +87,11 @@ export default class CUD extends Component {
             this.customTemplateTypeOptions.push({key, label: this.templateTypes[key].typeName});
         }
 
+        this.customTemplateTagLanguageOptions = [];
+        for (const key of mailtrainConfig.tagLanguages) {
+            this.customTemplateTagLanguageOptions.push({key, label: this.tagLanguages[key].name});
+        }
+
         this.state = {
             sendConfiguration: null
         };
@@ -120,6 +127,14 @@ export default class CUD extends Component {
             }
         }
 
+        if (key === undefined || key === 'data_sourceCustom_tag_language') {
+            if (newValue) {
+                const isEdit = !!this.props.entity;
+                const type = mutStateData.getIn(['data_sourceCustom_tag_language', 'value']);
+                this.templateTypes[type].afterTagLanguageChange(mutStateData, isEdit);
+            }
+        }
+
         if (key === undefined || (match = key.match(/^(lists_[0-9]+_)list$/))) {
             const prefix = match[1];
             mutStateData.setIn([prefix + 'segment', 'value'], null);
@@ -202,6 +217,7 @@ export default class CUD extends Component {
 
             data.data.sourceCustom = {
                 type: data.data_sourceCustom_type,
+                tag_language: data.data_sourceCustom_tag_language,
                 data: data.data_sourceCustom_data,
                 html: data.data_sourceCustom_html,
                 text: data.data_sourceCustom_text
@@ -257,7 +273,7 @@ export default class CUD extends Component {
             if (this.props.entity.status === CampaignStatus.SENDING) {
                 this.disableForm();
             }
-            
+
         } else {
             const data = {};
             for (const overridable of campaignOverridables) {
@@ -301,6 +317,7 @@ export default class CUD extends Component {
 
                 // This is for CampaignSource.CUSTOM
                 data_sourceCustom_type: mailtrainConfig.editors[0],
+                data_sourceCustom_tag_language: mailtrainConfig.tagLanguages[0],
                 data_sourceCustom_data: {},
                 data_sourceCustom_html: '',
                 data_sourceCustom_text: '',
@@ -362,6 +379,10 @@ export default class CUD extends Component {
                 state.setIn(['data_sourceCustom_type', 'error'], t('typeMustBeSelected'));
             }
 
+            if (!state.getIn(['data_sourceCustom_tag_language', 'value'])) {
+                state.setIn(['data_sourceCustom_tag_language', 'error'], t('Tag language must be selected'));
+            }
+
             if (customTemplateTypeKey) {
                 this.templateTypes[customTemplateTypeKey].validate(state);
             }
@@ -654,8 +675,8 @@ export default class CUD extends Component {
                 { data: 1, title: t('name') },
                 { data: 2, title: t('description') },
                 { data: 3, title: t('type'), render: data => this.templateTypes[data].typeName },
-                { data: 4, title: t('created'), render: data => moment(data).fromNow() },
-                { data: 5, title: t('namespace') },
+                { data: 5, title: t('created'), render: data => moment(data).fromNow() },
+                { data: 6, title: t('namespace') },
             ];
 
             let help = null;
@@ -690,6 +711,8 @@ export default class CUD extends Component {
 
             templateEdit = <div>
                 <Dropdown id="data_sourceCustom_type" label={t('type')} options={this.customTemplateTypeOptions}/>
+                <Dropdown id="data_sourceCustom_tag_language" label={t('Tag language')} options={this.customTemplateTagLanguageOptions} disabled={isEdit && (!customTemplateTypeKey || this.templateTypes[customTemplateTypeKey].isTagLanguageSelectorDisabledForEdit)}/>
+
                 {customTemplateTypeForm}
             </div>;
 
diff --git a/client/src/campaigns/Content.js b/client/src/campaigns/Content.js
index 0a2da44c..d7f91576 100644
--- a/client/src/campaigns/Content.js
+++ b/client/src/campaigns/Content.js
@@ -7,6 +7,7 @@ import {requiresAuthenticatedUser, Title, withPageHelpers} from '../lib/page'
 import {
     Button,
     ButtonRow,
+    Dropdown,
     filterData,
     Form,
     FormSendMethod,
@@ -16,7 +17,7 @@ import {
 } from '../lib/form';
 import {withErrorHandling} from '../lib/error-handling';
 import mailtrainConfig from 'mailtrainConfig';
-import {getEditForm, getTemplateTypes, getTypeForm, ResourceType} from '../templates/helpers';
+import {getEditForm, getTagLanguages, getTemplateTypes, getTypeForm, ResourceType} from '../templates/helpers';
 import axios from '../lib/axios';
 import styles from "../lib/styles.scss";
 import {getUrl} from "../lib/urls";
@@ -39,12 +40,18 @@ export default class CustomContent extends Component {
         const t = props.t;
 
         this.templateTypes = getTemplateTypes(props.t, 'data_sourceCustom_', ResourceType.CAMPAIGN);
+        this.tagLanguages = getTagLanguages(props.t);
 
         this.customTemplateTypeOptions = [];
         for (const key of mailtrainConfig.editors) {
             this.customTemplateTypeOptions.push({key, label: this.templateTypes[key].typeName});
         }
 
+        this.customTemplateTagLanguageOptions = [];
+        for (const key of mailtrainConfig.tagLanguages) {
+            this.customTemplateTagLanguageOptions.push({key, label: this.tagLanguages[key].name});
+        }
+
         this.state = {
             showMergeTagReference: false,
             elementInFullscreen: false,
@@ -56,6 +63,9 @@ export default class CustomContent extends Component {
 
         this.initForm({
             getPreSubmitUpdater: ::this.getPreSubmitFormValuesUpdater,
+            onChangeBeforeValidation: {
+                data_sourceCustom_tag_language: ::this.onTagLanguageChanged
+            }
         });
 
         this.sendModalGetDataHandler = ::this.sendModalGetData;
@@ -71,9 +81,16 @@ export default class CustomContent extends Component {
         setPanelInFullScreen: PropTypes.func
     }
 
+    onTagLanguageChanged(mutStateData, key, oldTagLanguage, tagLanguage) {
+        if (tagLanguage) {
+            const type = mutStateData.getIn(['data_sourceCustom_tag_language', 'value']);
+            this.tagLanguages[type].afterTagLanguageChange(mutStateData, true);
+        }
+    }
 
     getFormValuesMutator(data) {
         data.data_sourceCustom_type = data.data.sourceCustom.type;
+        data.data_sourceCustom_tag_language = data.data.sourceCustom.tag_language;
         data.data_sourceCustom_data = data.data.sourceCustom.data;
         data.data_sourceCustom_html = data.data.sourceCustom.html;
         data.data_sourceCustom_text = data.data.sourceCustom.text;
@@ -86,6 +103,7 @@ export default class CustomContent extends Component {
 
         data.data.sourceCustom = {
             type: data.data_sourceCustom_type,
+            tag_language: data.data_sourceCustom_tag_language,
             data: data.data_sourceCustom_data,
             html: data.data_sourceCustom_html,
             text: data.data_sourceCustom_text
@@ -112,6 +130,12 @@ export default class CustomContent extends Component {
     localValidateFormValues(state) {
         const t = this.props.t;
 
+        if (!state.getIn(['data_sourceCustom_tag_language', 'value'])) {
+            state.setIn(['data_sourceCustom_tag_language', 'error'], t('Tag language must be selected'));
+        } else {
+            state.setIn(['data_sourceCustom_tag_language', 'error'], null);
+        }
+
         const customTemplateTypeKey = state.getIn(['data_sourceCustom_type', 'value']);
 
         if (customTemplateTypeKey) {
@@ -229,8 +253,6 @@ export default class CustomContent extends Component {
 
         const customTemplateTypeKey = this.getFormValue('data_sourceCustom_type');
 
-        // FIXME - data_sourceCustom_type is initialized only after first render
-
         return (
             <div className={this.state.elementInFullscreen ? styles.withElementInFullscreen : ''}>
                 <TestSendModalDialog
@@ -254,6 +276,8 @@ export default class CustomContent extends Component {
                         {customTemplateTypeKey && this.templateTypes[customTemplateTypeKey].typeName}
                     </StaticField>
 
+                    <Dropdown id="data_sourceCustom_tag_language" label={t('Tag language')} options={this.customTemplateTagLanguageOptions} disabled={!customTemplateTypeKey || this.templateTypes[customTemplateTypeKey].isTagLanguageSelectorDisabledForEdit}/>
+
                     {customTemplateTypeKey && getTypeForm(this, customTemplateTypeKey, true)}
 
                     {customTemplateTypeKey && getEditForm(this, customTemplateTypeKey, 'data_sourceCustom_')}
diff --git a/client/src/lib/form.js b/client/src/lib/form.js
index 73c9baf0..c510c1db 100644
--- a/client/src/lib/form.js
+++ b/client/src/lib/form.js
@@ -712,7 +712,8 @@ class Dropdown extends Component {
         help: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
         options: PropTypes.array,
         className: PropTypes.string,
-        format: PropTypes.string
+        format: PropTypes.string,
+        disabled: PropTypes.bool
     }
 
     render() {
@@ -740,7 +741,7 @@ class Dropdown extends Component {
         const className = owner.addFormValidationClass('form-control ' + (props.className || '') , id);
 
         return wrapInput(id, htmlId, owner, props.format, '', props.label, props.help,
-            <select id={htmlId} className={className} aria-describedby={htmlId + '_help'} value={owner.getFormValue(id)} onChange={evt => owner.updateFormValue(id, evt.target.value)}>
+            <select id={htmlId} className={className} aria-describedby={htmlId + '_help'} value={owner.getFormValue(id)} onChange={evt => owner.updateFormValue(id, evt.target.value)} disabled={props.disabled}>
                 {options}
             </select>
         );
diff --git a/client/src/lib/tree.js b/client/src/lib/tree.js
index 7f98e77c..e6267daf 100644
--- a/client/src/lib/tree.js
+++ b/client/src/lib/tree.js
@@ -33,6 +33,8 @@ class TreeTable extends Component {
     constructor(props) {
         super(props);
 
+        this.isComponentMounted = false;
+
         this.state = {
             treeData: []
         };
@@ -68,9 +70,11 @@ class TreeTable extends Component {
             }
         }
 
-        this.setState({
-            treeData
-        });
+        if (this.isComponentMounted) {
+            this.setState({
+                treeData
+            });
+        }
     }
 
     static propTypes = {
@@ -109,6 +113,8 @@ class TreeTable extends Component {
     }
 
     componentDidMount() {
+        this.isComponentMounted = true;
+
         if (!this.props.data && this.props.dataUrl) {
             // noinspection JSIgnoredPromiseFromCall
             this.loadData();
@@ -221,6 +227,10 @@ class TreeTable extends Component {
         }
     }
 
+    componentWillUnmount() {
+        this.isComponentMounted = false;
+    }
+
     updateSelection() {
         const tree = this.tree;
         if (this.selectMode === TreeSelectMode.MULTI) {
diff --git a/client/src/templates/CUD.js b/client/src/templates/CUD.js
index dd9f5029..16d65b42 100644
--- a/client/src/templates/CUD.js
+++ b/client/src/templates/CUD.js
@@ -23,7 +23,7 @@ import {withErrorHandling} from '../lib/error-handling';
 import {NamespaceSelect, validateNamespace} from '../lib/namespace';
 import {ContentModalDialog, DeleteModalDialog} from "../lib/modals";
 import mailtrainConfig from 'mailtrainConfig';
-import {getEditForm, getTemplateTypes, getTypeForm} from './helpers';
+import {getEditForm, getTagLanguages, getTemplateTypes, getTypeForm} from './helpers';
 import axios from '../lib/axios';
 import styles from "../lib/styles.scss";
 import {getUrl} from "../lib/urls";
@@ -44,6 +44,7 @@ export default class CUD extends Component {
         super(props);
 
         this.templateTypes = getTemplateTypes(props.t);
+        this.tagLanguages = getTagLanguages(props.t);
 
         this.state = {
             showMergeTagReference: false,
@@ -57,7 +58,8 @@ export default class CUD extends Component {
         this.initForm({
             getPreSubmitUpdater: ::this.getPreSubmitFormValuesUpdater,
             onChangeBeforeValidation: {
-                type: ::this.onTypeChanged
+                type: ::this.onTypeChanged,
+                tag_language: ::this.onTagLanguageChanged
             }
         });
 
@@ -82,13 +84,21 @@ export default class CUD extends Component {
         }
     }
 
+    onTagLanguageChanged(mutStateData, key, oldTagLanguage, tagLanguage) {
+        if (tagLanguage) {
+            const isEdit = !!this.props.entity;
+            const type = mutStateData.getIn(['type', 'value']);
+            this.templateTypes[type].afterTagLanguageChange(mutStateData, isEdit);
+        }
+    }
+
     getFormValuesMutator(data) {
         this.templateTypes[data.type].afterLoad(data);
     }
 
     submitFormValuesMutator(data) {
         this.templateTypes[data.type].beforeSave(data);
-        return filterData(data, ['name', 'description', 'type', 'data', 'html', 'text', 'namespace']);
+        return filterData(data, ['name', 'description', 'type', 'tag_language', 'data', 'html', 'text', 'namespace']);
     }
 
     async getPreSubmitFormValuesUpdater() {
@@ -115,6 +125,7 @@ export default class CUD extends Component {
                 description: '',
                 namespace: mailtrainConfig.user.namespace,
                 type: mailtrainConfig.editors[0],
+                tag_language: mailtrainConfig.tagLanguages[0],
 
                 fromSourceTemplate: false,
                 sourceTemplate: null,
@@ -143,6 +154,10 @@ export default class CUD extends Component {
             state.setIn(['type', 'error'], t('typeMustBeSelected'));
         }
 
+        if (!state.getIn(['tag_language', 'value'])) {
+            state.setIn(['tag_language', 'error'], t('Tag language must be selected'));
+        }
+
         if (state.getIn(['fromSourceTemplate', 'value']) && !state.getIn(['sourceTemplate', 'value'])) {
             state.setIn(['sourceTemplate', 'error'], t('sourceTemplateMustNotBeEmpty'));
         } else {
@@ -274,6 +289,11 @@ export default class CUD extends Component {
             typeOptions.push({key, label: this.templateTypes[key].typeName});
         }
 
+        const tagLanguageOptions = [];
+        for (const key of mailtrainConfig.tagLanguages) {
+            tagLanguageOptions.push({key, label: this.tagLanguages[key].name});
+        }
+
         const typeKey = this.getFormValue('type');
 
         let editForm = null;
@@ -290,8 +310,9 @@ export default class CUD extends Component {
             { data: 1, title: t('name') },
             { data: 2, title: t('description') },
             { data: 3, title: t('type'), render: data => this.templateTypes[data].typeName },
-            { data: 4, title: t('created'), render: data => moment(data).fromNow() },
-            { data: 5, title: t('namespace') },
+            { data: 4, title: t('Tag language'), render: data => this.tagLanguages[data].name },
+            { data: 5, title: t('created'), render: data => moment(data).fromNow() },
+            { data: 6, title: t('namespace') },
         ];
 
         return (
@@ -347,6 +368,8 @@ export default class CUD extends Component {
                         </>
                     }
 
+                    <Dropdown id="tag_language" label={t('Tag language')} options={tagLanguageOptions} disabled={isEdit && (!typeKey || this.templateTypes[typeKey].isTagLanguageSelectorDisabledForEdit)}/>
+
                     <NamespaceSelect/>
 
                     {editForm}
diff --git a/client/src/templates/List.js b/client/src/templates/List.js
index 511717f7..43582bea 100644
--- a/client/src/templates/List.js
+++ b/client/src/templates/List.js
@@ -7,11 +7,12 @@ import {LinkButton, requiresAuthenticatedUser, Title, Toolbar, withPageHelpers}
 import {withAsyncErrorHandler, withErrorHandling} from '../lib/error-handling';
 import {Table} from '../lib/table';
 import moment from 'moment';
-import {getTemplateTypes} from './helpers';
+import {getTemplateTypes, getTagLanguages} from './helpers';
 import {checkPermissions} from "../lib/permissions";
 import {tableAddDeleteButton, tableRestActionDialogInit, tableRestActionDialogRender} from "../lib/modals";
 import {withComponentMixins} from "../lib/decorator-helpers";
 
+
 @withComponentMixins([
     withTranslation,
     withErrorHandling,
@@ -23,6 +24,7 @@ export default class List extends Component {
         super(props);
 
         this.templateTypes = getTemplateTypes(props.t);
+        this.tagLanguages = getTagLanguages(props.t);
 
         this.state = {};
         tableRestActionDialogInit(this);
@@ -63,12 +65,13 @@ export default class List extends Component {
             { data: 1, title: t('name') },
             { data: 2, title: t('description') },
             { data: 3, title: t('type'), render: data => this.templateTypes[data].typeName },
-            { data: 4, title: t('created'), render: data => moment(data).fromNow() },
-            { data: 5, title: t('namespace') },
+            { data: 4, title: t('Tag language'), render: data => this.tagLanguages[data].name },
+            { data: 5, title: t('created'), render: data => moment(data).fromNow() },
+            { data: 6, title: t('namespace') },
             {
                 actions: data => {
                     const actions = [];
-                    const perms = data[6];
+                    const perms = data[7];
 
                     if (perms.includes('edit')) {
                         actions.push({
diff --git a/client/src/templates/helpers.js b/client/src/templates/helpers.js
index 83cc88a8..a99f8bdb 100644
--- a/client/src/templates/helpers.js
+++ b/client/src/templates/helpers.js
@@ -19,12 +19,24 @@ import {getSandboxUrl} from "../lib/urls";
 import mailtrainConfig from 'mailtrainConfig';
 import {ActionLink, Button} from "../lib/bootstrap-components";
 import {Trans} from "react-i18next";
+import {TagLanguages} from "../../../shared/templates";
 
 import styles from "../lib/styles.scss";
 
 export const ResourceType = {
     TEMPLATE: 'template',
     CAMPAIGN: 'campaign'
+};
+
+export function getTagLanguages(t) {
+    return {
+        [TagLanguages.SIMPLE]: {
+            name: t('Simple')
+        },
+        [TagLanguages.HBS]: {
+            name: t('Handlebars')
+        }
+    };
 }
 
 export function getTemplateTypes(t, prefix = '', entityTypeId = ResourceType.TEMPLATE) {
@@ -67,23 +79,29 @@ export function getTemplateTypes(t, prefix = '', entityTypeId = ResourceType.TEM
             render: data => mosaicoTemplateTypes[data].typeName
         },
         {
-            data: 5,
+            data: 6,
             title: t('namespace')
         },
     ];
 
     templateTypes.mosaico = {
         typeName: t('mosaico'),
-        getTypeForm: (owner, isEdit) =>
-            <TableSelect
-                id={prefix + 'mosaicoTemplate'}
-                label={t('mosaicoTemplate')}
-                withHeader
-                dropdown
-                dataUrl='rest/mosaico-templates-table'
-                columns={mosaicoTemplatesColumns}
-                selectionLabelIndex={1}
-                disabled={isEdit}/>,
+        getTypeForm: (owner, isEdit) => {
+            const tagLanguageKey = owner.getFormValue(prefix + 'tag_language');
+            if (tagLanguageKey) {
+                return <TableSelect
+                    id={prefix + 'mosaicoTemplate'}
+                    label={t('mosaicoTemplate')}
+                    withHeader
+                    dropdown
+                    dataUrl={`rest/mosaico-templates-by-tag-language-table/${tagLanguageKey}`}
+                    columns={mosaicoTemplatesColumns}
+                    selectionLabelIndex={1}
+                    disabled={isEdit}/>
+            } else {
+                return null;
+            }
+        },
         getHTMLEditor: owner =>
             <AlignedRow
                 label={t('templateContentHtml')}>
@@ -144,6 +162,12 @@ export function getTemplateTypes(t, prefix = '', entityTypeId = ResourceType.TEM
         afterTypeChange: mutState => {
             initFieldsIfMissing(mutState, 'mosaico');
         },
+        afterTagLanguageChange: (mutState, isEdit) => {
+            if (!isEdit) {
+                mutState.setIn([prefix + 'mosaicoTemplate', 'value'], null);
+            }
+        },
+        isTagLanguageSelectorDisabledForEdit: true,
         validate: state => {
             const mosaicoTemplate = state.getIn([prefix + 'mosaicoTemplate', 'value']);
             if (!mosaicoTemplate) {
@@ -230,6 +254,9 @@ export function getTemplateTypes(t, prefix = '', entityTypeId = ResourceType.TEM
         afterTypeChange: mutState => {
             initFieldsIfMissing(mutState, 'mosaicoWithFsTemplate');
         },
+        afterTagLanguageChange: (mutState, isEdit) => {
+        },
+        isTagLanguageSelectorDisabledForEdit: false,
         validate: state => {
         }
     };
@@ -317,6 +344,9 @@ export function getTemplateTypes(t, prefix = '', entityTypeId = ResourceType.TEM
         afterTypeChange: mutState => {
             initFieldsIfMissing(mutState, 'grapesjs');
         },
+        afterTagLanguageChange: (mutState, isEdit) => {
+        },
+        isTagLanguageSelectorDisabledForEdit: false,
         validate: state => {
         }
     };
@@ -376,6 +406,9 @@ export function getTemplateTypes(t, prefix = '', entityTypeId = ResourceType.TEM
         afterTypeChange: mutState => {
             initFieldsIfMissing(mutState, 'ckeditor4');
         },
+        afterTagLanguageChange: (mutState, isEdit) => {
+        },
+        isTagLanguageSelectorDisabledForEdit: false,
         validate: state => {
         }
     };
@@ -460,6 +493,9 @@ export function getTemplateTypes(t, prefix = '', entityTypeId = ResourceType.TEM
         afterTypeChange: mutState => {
             initFieldsIfMissing(mutState, 'codeeditor');
         },
+        afterTagLanguageChange: (mutState, isEdit) => {
+        },
+        isTagLanguageSelectorDisabledForEdit: false,
         validate: state => {
         }
     };
diff --git a/client/src/templates/mosaico/CUD.js b/client/src/templates/mosaico/CUD.js
index 570e9cd2..f5c4609a 100644
--- a/client/src/templates/mosaico/CUD.js
+++ b/client/src/templates/mosaico/CUD.js
@@ -20,11 +20,12 @@ import {
 import {withErrorHandling} from '../../lib/error-handling';
 import {NamespaceSelect, validateNamespace} from '../../lib/namespace';
 import {DeleteModalDialog} from "../../lib/modals";
-
+import mailtrainConfig from 'mailtrainConfig';
 import {getMJMLSample, getVersafix} from "../../../../shared/mosaico-templates";
 import {getTemplateTypes, getTemplateTypesOrder} from "./helpers";
 import {withComponentMixins} from "../../lib/decorator-helpers";
 import styles from "../../lib/styles.scss";
+import {getTagLanguages} from "../helpers";
 
 @withComponentMixins([
     withTranslation,
@@ -38,6 +39,7 @@ export default class CUD extends Component {
         super(props);
 
         this.templateTypes = getTemplateTypes(props.t);
+        this.tagLanguages = getTagLanguages(props.t);
 
         this.typeOptions = [];
         for (const type of getTemplateTypesOrder()) {
@@ -63,8 +65,16 @@ export default class CUD extends Component {
     }
 
     submitFormValuesMutator(data) {
+        const wizard = this.props.wizard;
+
+        if (wizard === 'versafix') {
+            data.html = getVersafix(data.tag_language);
+        } else if (wizard === 'mjml-sample') {
+            data.mjml = getMJMLSample(data.tag_language);
+        }
+
         this.templateTypes[data.type].beforeSave(this, data);
-        return filterData(data, ['name', 'description', 'type', 'data', 'namespace']);
+        return filterData(data, ['name', 'description', 'type', 'tag_language', 'data', 'namespace']);
     }
 
     componentDidMount() {
@@ -80,7 +90,7 @@ export default class CUD extends Component {
                     description: '',
                     namespace: mailtrainConfig.user.namespace,
                     type: 'html',
-                    html: getVersafix()
+                    tag_language: mailtrainConfig.tagLanguages[0]
                 });
 
             } else if (wizard === 'mjml-sample') {
@@ -89,7 +99,7 @@ export default class CUD extends Component {
                     description: '',
                     namespace: mailtrainConfig.user.namespace,
                     type: 'mjml',
-                    mjml: getMJMLSample()
+                    tag_language: mailtrainConfig.tagLanguages[0]
                 });
 
             } else {
@@ -98,6 +108,7 @@ export default class CUD extends Component {
                     description: '',
                     namespace: mailtrainConfig.user.namespace,
                     type: 'html',
+                    tag_language: mailtrainConfig.tagLanguages[0],
                     html: ''
                 });
             }
@@ -119,6 +130,12 @@ export default class CUD extends Component {
             state.setIn(['type', 'error'], null);
         }
 
+        if (!state.getIn(['tag_language', 'value'])) {
+            state.setIn(['tag_language', 'error'], t('Tag language must be selected'));
+        } else {
+            state.setIn(['tag_language', 'error'], null);
+        }
+
         validateNamespace(t, state);
     }
 
@@ -169,6 +186,11 @@ export default class CUD extends Component {
 
         const typeKey = this.getFormValue('type');
 
+        const tagLanguageOptions = [];
+        for (const key of mailtrainConfig.tagLanguages) {
+            tagLanguageOptions.push({key, label: this.tagLanguages[key].name});
+        }
+
         return (
             <div>
                 {canDelete &&
@@ -194,6 +216,9 @@ export default class CUD extends Component {
                         :
                         <Dropdown id="type" label={t('type')} options={this.typeOptions}/>
                     }
+
+                    <Dropdown id="tag_language" label={t('Tag language')} options={tagLanguageOptions}/>
+
                     <NamespaceSelect/>
 
                     {isEdit && typeKey && this.templateTypes[typeKey].getForm(this)}
diff --git a/client/src/templates/mosaico/List.js b/client/src/templates/mosaico/List.js
index b7a29ea7..5ea9dde9 100644
--- a/client/src/templates/mosaico/List.js
+++ b/client/src/templates/mosaico/List.js
@@ -8,6 +8,7 @@ import {withAsyncErrorHandler, withErrorHandling} from '../../lib/error-handling
 import {Table} from '../../lib/table';
 import moment from 'moment';
 import {getTemplateTypes} from './helpers';
+import {getTagLanguages} from '../helpers';
 import {checkPermissions} from "../../lib/permissions";
 import {tableAddDeleteButton, tableRestActionDialogInit, tableRestActionDialogRender} from "../../lib/modals";
 import {withComponentMixins} from "../../lib/decorator-helpers";
@@ -24,6 +25,7 @@ export default class List extends Component {
         super(props);
 
         this.templateTypes = getTemplateTypes(props.t);
+        this.tagLanguages = getTagLanguages(props.t);
 
         this.state = {};
         tableRestActionDialogInit(this);
@@ -55,12 +57,13 @@ export default class List extends Component {
             { data: 1, title: t('name') },
             { data: 2, title: t('description') },
             { data: 3, title: t('type'), render: data => this.templateTypes[data].typeName },
-            { data: 4, title: t('created'), render: data => moment(data).fromNow() },
-            { data: 5, title: t('namespace') },
+            { data: 4, title: t('Tag language'), render: data => this.tagLanguages[data].name },
+            { data: 5, title: t('created'), render: data => moment(data).fromNow() },
+            { data: 6, title: t('namespace') },
             {
                 actions: data => {
                     const actions = [];
-                    const perms = data[6];
+                    const perms = data[7];
 
                     if (perms.includes('edit')) {
                         actions.push({
diff --git a/client/src/templates/mosaico/helpers.js b/client/src/templates/mosaico/helpers.js
index 07b8321b..7f7a2f75 100644
--- a/client/src/templates/mosaico/helpers.js
+++ b/client/src/templates/mosaico/helpers.js
@@ -20,9 +20,7 @@ export function getTemplateTypes(t) {
         return owner.getFormValue('mjml') || '';
     }
 
-    function generateHtmlFromMjml(owner) {
-        const mjml = getMjml(owner);
-
+    function generateHtmlFromMjml(mjml) {
         try {
             const res = mjml2html(mjml);
             return res.html;
@@ -88,7 +86,7 @@ export function getTemplateTypes(t) {
         typeName: t('mjml'),
         getForm: owner => (
             <>
-                <ContentModalDialog visible={!!owner.state.exportModalVisible} title={t('html')} getContentAsync={async () => generateHtmlFromMjml(owner)} onHide={() => setExportModalVisibility(owner, false)}/>
+                <ContentModalDialog visible={!!owner.state.exportModalVisible} title={t('html')} getContentAsync={async () => generateHtmlFromMjml(getMjml(owner))} onHide={() => setExportModalVisibility(owner, false)}/>
                 <ACEEditor id="mjml" height="700px" mode="xml" label={t('templateContent')}/>
             </>
         ),
@@ -98,7 +96,7 @@ export function getTemplateTypes(t) {
         beforeSave: (owner, data) => {
             data.data = {
                 mjml: data.mjml,
-                html: generateHtmlFromMjml(owner)
+                html: generateHtmlFromMjml(data.mjml)
             };
 
             clearBeforeSend(data);
diff --git a/server/config/default.yaml b/server/config/default.yaml
index f400f2ef..127223c6 100644
--- a/server/config/default.yaml
+++ b/server/config/default.yaml
@@ -36,6 +36,11 @@ editors:
 - ckeditor4
 - codeeditor
 
+# Enabled tag languages
+tagLanguages:
+- simple  # e.g. [FIRST_NAME] - this the style of merge tags found in Mailtrain v1
+- hbs     # e.g. {{#if FIRST_NAME}}Hello {{firstName}}!{{else}}Hello!{{/if}} - this syntax uses Handlebars templating language (http://handlebarsjs.com)
+
 # Default language to use
 defaultLanguage: en-US
 
diff --git a/server/lib/client-helpers.js b/server/lib/client-helpers.js
index ebf0c3ca..4bf6a766 100644
--- a/server/lib/client-helpers.js
+++ b/server/lib/client-helpers.js
@@ -44,6 +44,7 @@ async function getAuthenticatedConfig(context) {
         },
         globalPermissions,
         editors: config.editors,
+        tagLanguages: config.tagLanguages,
         mosaico: config.mosaico,
         verpEnabled: config.verp.enabled,
         reportsEnabled: config.reports.enabled,
diff --git a/server/models/campaigns.js b/server/models/campaigns.js
index 7a06731d..5a9c2689 100644
--- a/server/models/campaigns.js
+++ b/server/models/campaigns.js
@@ -10,6 +10,7 @@ const shares = require('./shares');
 const namespaceHelpers = require('../lib/namespace-helpers');
 const files = require('./files');
 const templates = require('./templates');
+const { allTagLanguages } = require('../../shared/templates');
 const { CampaignStatus, CampaignSource, CampaignType, getSendConfigurationPermissionRequiredForSend } = require('../../shared/campaigns');
 const sendConfigurations = require('./send-configurations');
 const triggers = require('./triggers');
@@ -445,6 +446,10 @@ async function _validateAndPreprocess(tx, context, entity, isCreate, content) {
 
         await shares.enforceEntityPermissionTx(tx, context, 'sendConfiguration', entity.send_configuration, 'viewPublic');
     }
+
+    if ((isCreate && entity.source === CampaignSource.CUSTOM) || (content === Content.ONLY_SOURCE_CUSTOM)) {
+        enforce(allTagLanguages.includes(entity.data.sourceCustom.tag_language), `Invalid tag language '${entity.data.sourceCustom.tag_language}'`);
+    }
 }
 
 async function _createTx(tx, context, entity, content) {
@@ -462,6 +467,7 @@ async function _createTx(tx, context, entity, content) {
 
             entity.data.sourceCustom = {
                 type: template.type,
+                tag_language: template.tag_language,
                 data: template.data,
                 html: template.html,
                 text: template.text
diff --git a/server/models/mosaico-templates.js b/server/models/mosaico-templates.js
index 4f3f5df9..db9055f9 100644
--- a/server/models/mosaico-templates.js
+++ b/server/models/mosaico-templates.js
@@ -9,8 +9,9 @@ const namespaceHelpers = require('../lib/namespace-helpers');
 const shares = require('./shares');
 const files = require('./files');
 const dependencyHelpers = require('../lib/dependency-helpers');
+const { allTagLanguages } = require('../../shared/templates');
 
-const allowedKeys = new Set(['name', 'description', 'type', 'data', 'namespace']);
+const allowedKeys = new Set(['name', 'description', 'type', 'tag_language', 'data', 'namespace']);
 
 function hash(entity) {
     return hasher.hash(filterObject(entity, allowedKeys));
@@ -32,11 +33,25 @@ async function listDTAjax(context, params) {
         [{ entityTypeId: 'mosaicoTemplate', requiredOperations: ['view'] }],
         params,
         builder => builder.from('mosaico_templates').innerJoin('namespaces', 'namespaces.id', 'mosaico_templates.namespace'),
-        [ 'mosaico_templates.id', 'mosaico_templates.name', 'mosaico_templates.description', 'mosaico_templates.type', 'mosaico_templates.created', 'namespaces.name' ]
+        [ 'mosaico_templates.id', 'mosaico_templates.name', 'mosaico_templates.description', 'mosaico_templates.type', 'mosaico_templates.tag_language', 'mosaico_templates.created', 'namespaces.name' ]
+    );
+}
+
+async function listByTagLanguageDTAjax(context, tagLanguage, params) {
+    return await dtHelpers.ajaxListWithPermissions(
+        context,
+        [{ entityTypeId: 'mosaicoTemplate', requiredOperations: ['view'] }],
+        params,
+        builder => builder.from('mosaico_templates')
+            .innerJoin('namespaces', 'namespaces.id', 'mosaico_templates.namespace')
+            .where('mosaico_templates.tag_language', tagLanguage),
+        [ 'mosaico_templates.id', 'mosaico_templates.name', 'mosaico_templates.description', 'mosaico_templates.type', 'mosaico_templates.tag_language', 'mosaico_templates.created', 'namespaces.name' ]
     );
 }
 
 async function _validateAndPreprocess(tx, entity) {
+    enforce(allTagLanguages.includes(entity.tag_language), `Invalid tag language '${entity.tag_language}'`);
+
     entity.data = JSON.stringify(entity.data);
     await namespaceHelpers.validateEntity(tx, entity);
 }
@@ -119,6 +134,7 @@ async function remove(context, id) {
 module.exports.hash = hash;
 module.exports.getById = getById;
 module.exports.listDTAjax = listDTAjax;
+module.exports.listByTagLanguageDTAjax = listByTagLanguageDTAjax;
 module.exports.create = create;
 module.exports.updateWithConsistencyCheck = updateWithConsistencyCheck;
 module.exports.remove = remove;
diff --git a/server/models/templates.js b/server/models/templates.js
index cd7c22ca..f957aaaa 100644
--- a/server/models/templates.js
+++ b/server/models/templates.js
@@ -14,11 +14,11 @@ const {convertFileURLs} = require('../lib/campaign-content');
 const mailers = require('../lib/mailers');
 const tools = require('../lib/tools');
 const sendConfigurations = require('./send-configurations');
-const { getMergeTagsForBases } = require('../../shared/templates');
+const { getMergeTagsForBases, allTagLanguages } = require('../../shared/templates');
 const { getTrustedUrl, getSandboxUrl, getPublicUrl } = require('../lib/urls');
 const htmlToText = require('html-to-text');
 
-const allowedKeys = new Set(['name', 'description', 'type', 'data', 'html', 'text', 'namespace']);
+const allowedKeys = new Set(['name', 'description', 'type', 'tag_language', 'data', 'html', 'text', 'namespace']);
 
 function hash(entity) {
     return hasher.hash(filterObject(entity, allowedKeys));
@@ -54,7 +54,7 @@ async function _listDTAjax(context, namespaceId, params) {
             }
             return builder;
         },
-        [ 'templates.id', 'templates.name', 'templates.description', 'templates.type', 'templates.created', 'namespaces.name' ]
+        [ 'templates.id', 'templates.name', 'templates.description', 'templates.type', 'templates.tag_language', 'templates.created', 'namespaces.name' ]
     );
 }
 
@@ -69,6 +69,8 @@ async function listByNamespaceDTAjax(context, namespaceId, params) {
 async function _validateAndPreprocess(tx, entity) {
     await namespaceHelpers.validateEntity(tx, entity);
 
+    enforce(allTagLanguages.includes(entity.tag_language), `Invalid tag language '${entity.tag_language}'`);
+
     // We don't check contents of the "data" because it is processed solely on the client. The client generates the HTML code we use when sending out campaigns.
 
     entity.data = JSON.stringify(entity.data);
@@ -82,6 +84,7 @@ async function create(context, entity) {
             const template = await getByIdTx(tx, context, entity.sourceTemplate, false);
 
             entity.type = template.type;
+            entity.tag_language = template.tag_language;
             entity.data = template.data;
             entity.html = template.html;
             entity.text = template.text;
diff --git a/server/routes/rest/mosaico-templates.js b/server/routes/rest/mosaico-templates.js
index e55cae54..52bd2357 100644
--- a/server/routes/rest/mosaico-templates.js
+++ b/server/routes/rest/mosaico-templates.js
@@ -33,4 +33,9 @@ router.postAsync('/mosaico-templates-table', passport.loggedIn, async (req, res)
     return res.json(await mosaicoTemplates.listDTAjax(req.context, req.body));
 });
 
+router.postAsync('/mosaico-templates-by-tag-language-table/:tagLanguage', passport.loggedIn, async (req, res) => {
+    return res.json(await mosaicoTemplates.listByTagLanguageDTAjax(req.context, req.params.tagLanguage, req.body));
+});
+
+
 module.exports = router;
\ No newline at end of file
diff --git a/server/setup/knex/migrations/20170506102634_v1_to_v2.js b/server/setup/knex/migrations/20170506102634_v1_to_v2.js
index 9e1c2b45..41f9b127 100644
--- a/server/setup/knex/migrations/20170506102634_v1_to_v2.js
+++ b/server/setup/knex/migrations/20170506102634_v1_to_v2.js
@@ -2,6 +2,7 @@ const { CampaignSource, CampaignType} = require('../../../../shared/campaigns');
 const files = require('../../../models/files');
 const contextHelpers = require('../../../lib/context-helpers');
 const mosaicoTemplates = require('../../../../shared/mosaico-templates');
+const {TagLanguages} = require('../../../../shared/templates');
 const {getGlobalNamespaceId} = require('../../../../shared/namespaces');
 const {getAdminId} = require('../../../../shared/users');
 const { MailerType, ZoneMTAType, getSystemSendConfigurationId, getSystemSendConfigurationCid } = require('../../../../shared/send-configurations');
@@ -905,7 +906,7 @@ async function addMosaicoTemplates(knex) {
         type: 'html',
         namespace: 1,
         data: JSON.stringify({
-            html: mosaicoTemplates.getVersafix()
+            html: mosaicoTemplates.getVersafix(TagLanguages.SIMPLE)
         })
     };
 
diff --git a/server/setup/knex/migrations/20190629170000_generalization_of_queued.js b/server/setup/knex/migrations/20190629170000_generalization_of_queued.js
index ef8dee76..86be168c 100644
--- a/server/setup/knex/migrations/20190629170000_generalization_of_queued.js
+++ b/server/setup/knex/migrations/20190629170000_generalization_of_queued.js
@@ -7,7 +7,7 @@ exports.up = (knex, Promise) => (async() => {
         data.listId = queuedEntry.list;
         data.subscriptionId = queuedEntry.subscription;
 
-        knex('queued')
+        await knex('queued')
             .where('id', queuedEntry.id)
             .update({
                 data: JSON.stringify(data)
diff --git a/server/setup/knex/migrations/20190630210000_tag_language.js b/server/setup/knex/migrations/20190630210000_tag_language.js
new file mode 100644
index 00000000..4feddca7
--- /dev/null
+++ b/server/setup/knex/migrations/20190630210000_tag_language.js
@@ -0,0 +1,41 @@
+const { CampaignSource } = require('../../../../shared/campaigns');
+const { TagLanguages } = require('../../../../shared/templates');
+
+exports.up = (knex, Promise) => (async() => {
+    await knex.schema.table('templates', table => {
+        table.string('tag_language', 48);
+    });
+
+    await knex('templates').update({
+       tag_language: 'simple'
+    });
+
+    await knex.schema.table('templates', table => {
+        table.string('tag_language', 48).notNullable().index().alter();
+    });
+
+
+    await knex.schema.table('mosaico_templates', table => {
+        table.string('tag_language', 48);
+    });
+
+    await knex('mosaico_templates').update({
+        tag_language: TagLanguages.SIMPLE
+    });
+
+    await knex.schema.table('mosaico_templates', table => {
+        table.string('tag_language', 48).notNullable().index().alter();
+    });
+
+    const rows = await knex('campaigns').whereIn('source', [CampaignSource.CUSTOM, CampaignSource.CUSTOM_FROM_CAMPAIGN, CampaignSource.CUSTOM_FROM_TEMPLATE]);
+    for (const row of rows) {
+        const data = JSON.parse(row.data);
+
+        data.sourceCustom.tag_language = TagLanguages.SIMPLE;
+
+        await knex('campaigns').where('id', row.id).update({data: JSON.stringify(data)});
+    }
+})();
+
+exports.down = (knex, Promise) => (async() => {
+})();
diff --git a/shared/mosaico-templates.js b/shared/mosaico-templates.js
index 8f18f5e5..eba1423b 100644
--- a/shared/mosaico-templates.js
+++ b/shared/mosaico-templates.js
@@ -1,1869 +1,1881 @@
 'use strict';
 
-const versafix = '<!DOCTYPE html>\n' +
-    '<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">\n' +
-    '<head>\n' +
-    '  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\n' +
-    '  <meta name="viewport" content="initial-scale=1.0">\n' +
-    '  <meta name="format-detection" content="telephone=no">\n' +
-    '  <title style="-ko-bind-text: @titleText">TITLE</title>\n' +
-    '  <style type="text/css">\n' +
-    '    @supports -ko-blockdefs {\n' +
-    '      id { widget: id }\n' +
-    '      size { label: Size; widget: select; options: 8|9|10|11|12|13|14|15|16|18|20|22|25|28|31; }\n' +
-    '      visible { label: Visible?; widget: boolean }\n' +
-    '      color { label: Color; widget: color }\n' +
-    '      radius {\n' +
-    '        label: Corner Radius;\n' +
-    '        widget: integer;\n' +
-    '        max: 20;\n' +
-    '        help: Attention - this property is not supported on all email clients (i.e. Outlook)\n' +
-    '      }\n' +
-    '      face { label: Font; widget: select; options: Arial, Helvetica, sans-serif=Arial|Arial Black, Arial Black, Gadget, sans-serif=Arial Black|Comic Sans MS, Comic Sans MS5, cursive=Comic Sans|Courier New, Courier New, monospace=Courier|Georgia, serif=Georgia|Impact, sans-serif=Impact|Lucida Console, Monaco, monospace=Lucida Console|Lucida Sans Unicode, Lucida Grande, sans-serif=Lucida Sans Unicode|Times New Roman, Times, serif=Times New Roman|Verdana, Geneva, sans-serif=Verdana}\n' +
-    '      decoration { label: Decoration; widget: select; options: none=None|underline=Underline }\n' +
-    '      linksColor { label: Link Color; extend: color }\n' +
-    '      linksDecoration { label: Underlined Links?; extend: decoration }\n' +
-    '      buttonColor { label: Button Color; extend: color }\n' +
-    '      text { label: Paragraph; widget: text }\n' +
-    '      url { label: Link; widget: url }\n' +
-    '      src { label: Image; widget: src }\n' +
-    '      hrWidth { label: Width; widget: select; options:10|20|30|40|50|60|70|80|90|100; }\n' +
-    '      hrHeight { label: Line height; widget: integer; max: 80; }\n' +
-    '\n' +
-    '      height { label: Height; widget: integer }\n' +
-    '      imageHeight { label: Image Height; extend: height; }\n' +
-    '      lineHeight { label: Line Height; widget: select; options: normal=Normal|150%=1.5 Lines|200%=Double; }\n' +
-    '\n' +
-    '      spacerSize { label: Height; widget: integer; max: 90; min: 4; }\n' +
-    '      align { label: Alignment; widget: select; options:left=Left|right=Right|center=Center}\n' +
-    '      alt {\n' +
-    '        label: Alternative Text;\n' +
-    '        widget: text;\n' +
-    '        help: Alternative text will be shown on email clients that does not download image automatically;\n' +
-    '      }\n' +
-    '      sponsor { label: Sponsor; properties: visible=true src url alt; category: hidden }\n' +
-    '      titleText {label:Title Text;category: hidden;}\n' +
-    '      gutterVisible { label: Show Gutter; extend: visible }\n' +
-    '      socialIconType { label: Icon Version; widget: select; options: bw=Black and White|colors=Colors; }\n' +
-    '      bigSocialIconType { label: Icon Version; widget: select; options:bw=Black and White|colors=Colors|rdcol=Rounded Colors|rdbl=Rounded Black; }\n' +
-    '      bigSocialIconSize { label: Icon Size; widget: select; options: 32=Small|48=Big; }\n' +
-    '\n' +
-    '      preheaderLinkOption {\n' +
-    '        label: Unsubscribe Link;\n' +
-    '        widget: select;\n' +
-    '        options: [profile_link]=Profile|[unsubscribe_link]=Unsubscribe|none=None;\n' +
-    '        help: If -None- is selected, preHeader text will be shown;\n' +
-    '      }\n' +
-    '     \n' +
-    '      hrStyle { label: Separator Style;properties:color hrWidth hrHeight; }\n' +
-    '      hrStyle:preview { height: 200%; width: 200%; bottom: 20px; -ko-border-bottom: @[hrHeight]px solid @color; }\n' +
-    '      preheaderVisible { label: Show Preheader; extend: visible; help: Preheader block is the first one on the top of the page. It contains web version link and optionally unsubscribe link or a preheader text that will be shown as a preview on some email clients; }\n' +
-    '\n' +
-    '      /* content types */\n' +
-    '      blocks { label: Blocks; properties: blocks[]; }\n' +
-    '      link { label: Link; properties: text url }\n' +
-    '      image { label: Image; properties: src url alt }\n' +
-    '      backgroundColor { label: Background Color; extend: color }\n' +
-    '      buttonLink { label: Button; extend: link }\n' +
-    '      \n' +
-    '      /* texts and links */\n' +
-    '      textStyle { label: Text; properties: face color size align }\n' +
-    '      textStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
-    '      linkStyle { label: Link; properties: face color size decoration=none }\n' +
-    '      linkStyle:preview { -ko-bind-text: @[\'Link\']; -ko-font-size: @[size]px; -ko-font-family: @face; -ko-color: @color; -ko-text-decoration: @[decoration] }\n' +
-    '      longTextStyle { label: Paragraph; properties: face color size lineHeight align linksColor   }\n' +
-    '      longTextStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
-    '      bigButtonStyle { label: Big Button; extend: buttonStyle }\n' +
-    '      titleTextStyle { label: Title; extend: textStyle }\n' +
-    '      /* background */\n' +
-    '      externalBackgroundColor { label: External Background; extend: color }\n' +
-    '\n' +
-    '      externalTextStyle { label: Alternative Text; extend: textStyle }\n' +
-    '      externalTextStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
-    '     \n' +
-    '      bigTitleStyle { label: Title; properties: face color size align}\n' +
-    '      bigTitleStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
-    '      /* buttons */\n' +
-    '      buttonStyle color { label: Text Color; extend: color }\n' +
-    '      buttonStyle size { label: Text Size; extend: size }\n' +
-    '      buttonStyle { label: Button; properties: face color size align buttonColor radius }\n' +
-    '      buttonStyle:preview { -ko-bind-text: @[\'Button\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; -ko-background-color: @buttonColor; padding-left: 5px; -ko-border-radius: @[radius]px; }\n' +
-    '      \n' +
-    '      /* contents */\n' +
-    '      preheaderText {label: PreHeader Text; extend:text; help: This text will be shown on some email clients as a preview of the email contents;}\n' +
-    '      leftImage { label: Left Image; extend: image }\n' +
-    '      leftLongText { label: Left Text; extend: text }\n' +
-    '      leftButtonLink { label: Left Button; extend: buttonLink }\n' +
-    '      middleImage { label: Central Image; extend: image }\n' +
-    '      middleLongText { label: Central Text; extend: text }\n' +
-    '      middleButtonLink { label: Central Button; extend: buttonLink }\n' +
-    '      rightImage { label: Right Image; extend: image }\n' +
-    '      rightLongText { label: Right Text; extend: text }\n' +
-    '      rightButtonLink { label: Right Button; extend: buttonLink }\n' +
-    '      webversionText{ label: Web Link Text; extend: text;}\n' +
-    '      unsubscribeText{ label: Unsubscribe Link; extend: text;}\n' +
-    '\n' +
-    '      titleVisible { label: Show Title; extend: visible; }\n' +
-    '      buttonVisible { label: Show Button; extend: visible; }\n' +
-    '      imageVisible { label: Show Image; extend: visible; }\n' +
-    '\n' +
-    '      contentTheme { label: Main Style; }\n' +
-    '      contentTheme:preview { -ko-background-color: @[backgroundColor] }\n' +
-    '      frameTheme { label: Frame Style; }\n' +
-    '      frameTheme:preview { -ko-background-color: @[backgroundColor] }\n' +
-    '      template preheaderText { label: Preheader; }\n' +
-    '\n' +
-    '      template { label: Page; theme: frameTheme; properties: preheaderVisible=true; version: 1.1.19; }\n' +
-    '\n' +
-    '      footerBlock { label: Unsubscribe Block; theme: frameTheme }\n' +
-    '      \n' +
-    '      fbVisible { label: Facebook; extend: visible }\n' +
-    '      twVisible { label: Twitter; extend: visible }\n' +
-    '      ggVisible { label: Google+; extend: visible }\n' +
-    '      inVisible { label: LinkedIn; extend: visible }\n' +
-    '      piVisible { label: Pinterest; extend: visible }\n' +
-    '      flVisible { label: Flickr; extend: visible }\n' +
-    '      viVisible { label: Vimeo; extend: visible }\n' +
-    '      webVisible { label: Website; extend: visible }\n' +
-    '      waVisible { label: Whatsapp; extend: visible }\n' +
-    '      tgVisible { label: Telegram; extend: visible }\n' +
-    '      instVisible { label: Instagram; extend: visible }\n' +
-    '      youVisible { label: YouTube; extend: visible }\n' +
-    '      fbUrl { label: Facebook Link; extend: url }\n' +
-    '      twUrl { label: Twitter Link; extend: url}\n' +
-    '      ggUrl { label: Google+ Link; extend: url}\n' +
-    '      inUrl { label: LinkedIn Link; extend: url}\n' +
-    '      piUrl { label: Pinterest Link; extend: url}\n' +
-    '      flUrl { label: Flickr Link; extend: url}\n' +
-    '      viUrl { label: Vimeo Link; extend: url}\n' +
-    '      webUrl { label: Website Link; extend: url}\n' +
-    '      waUrl { label: Whatsapp Link; extend: url}\n' +
-    '      tgUrl { label: Telegram Link; extend: url}\n' +
-    '      instUrl { label: Instagram Link; extend: url}\n' +
-    '      youUrl { label: YouTube Link; extend: url}\n' +
-    '\n' +
-    '      socialBlock {\n' +
-    '        label: Social Block;\n' +
-    '        properties: socialIconType=colors fbVisible=true fbUrl twVisible=true twUrl ggVisible=true ggUrl webVisible=false webUrl waVisible=false waUrl tgVisible=false tgUrl inVisible=false inUrl piVisible=false piUrl flVisible=false flUrl viVisible=false viUrl instVisible=false instUrl youVisible=false youUrl longTextStyle longText backgroundColor;\n' +
-    '        variant:socialIconType;\n' +
-    '        theme: frameTheme\n' +
-    '      }\n' +
-    '\n' +
-    '      bigSocialBlock {\n' +
-    '        label: Big Social Block;\n' +
-    '        properties: bigSocialIconType=rdcol bigSocialIconSize=48 fbVisible=true fbUrl twVisible=true twUrl ggVisible=true ggUrl webVisible=false webUrl waVisible=false waUrl tgVisible=false tgUrl inVisible=true inUrl piVisible=false piUrl flVisible=false flUrl viVisible=false viUrl instVisible=true instUrl youVisible=true youUrl longTextStyle longText;\n' +
-    '        variant: bigSocialIconType;\n' +
-    '        theme: contentTheme\n' +
-    '      }\n' +
-    '\n' +
-    '\n' +
-    '      shareButtonStyle iconColorType { label: Icon Color; widget: select; options: brand=Brand|white=White|black=Black; }\n' +
-    '      shareButtonStyle color { label: Text Color; extend: color }\n' +
-    '      shareButtonStyle size { label: Text Size; widget: select; options: 10|11|12|13|14|15|16|18|20|22|25; }\n' +
-    '      shareButtonStyle { label: Share Button; properties: face iconColorType=black color size align buttonColor radius }\n' +
-    '      shareButtonStyle:preview { -ko-bind-text: @[\'Button\']; -ko-font-family: @face; -ko-color: @[\'black\']; -ko-font-size: @[size]px; -ko-background-color: @[\'#CCCCCC\']; padding-left: 5px; -ko-border-radius: @[radius]px; }\n' +
-    '\n' +
-    '      shareButtonType { label: Button Version;widget: select; options:reverse=Brand buttons|simple=Brand icons|custom=Custom buttons; }\n' +
-    '      shareBlock fbVisible { label: Facebook; }\n' +
-    '      shareBlock twVisible { label: Twitter }\n' +
-    '      shareBlock inVisible { label: LinkedIn }\n' +
-    '      shareBlock ggVisible { label: Google+ }\n' +
-    '      shareBlock piVisible { label: Pinterest }\n' +
-    '      /* shareBlock shareUrlType { label: Share URL; widget: select; options:newsletter=Newsletter|custom=Custom;} */\n' +
-    '      shareBlock customUrl { label: Share Link; }\n' +
-    '      shareBlock {\n' +
-    '        label: Share Block;\n' +
-    '        /* shareUrlType=newsletter */\n' +
-    '        properties: shareButtonType=reverse fbVisible=true twVisible=true inVisible=false ggVisible=true piVisible=false customUrl;\n' +
-    '        variant: shareButtonType;\n' +
-    '        theme: contentTheme;\n' +
-    '      }\n' +
-    '      \n' +
-    '      preheaderBlock { label:Preheader Block;  theme: frameTheme}\n' +
-    '\n' +
-    '      sideArticleBlock imagePos {label:Image position;widget:select; options: left=Left|right=Right; }\n' +
-    '      sideArticleBlock imageWidth { label: Image Size; widget: select; options: 120=Small|166=Medium|258=Big; }\n' +
-    '      sideArticleBlock { label: Image+Text Block; properties: backgroundColor titleVisible=true buttonVisible=true imageWidth=166 imagePos=left titleTextStyle longTextStyle buttonStyle  image  longText buttonLink; variant:imagePos; theme: contentTheme }\n' +
-    '\n' +
-    '      textBlock { label: Text Block; properties: backgroundColor longTextStyle longText; theme: contentTheme}\n' +
-    '\n' +
-    '      singleArticleBlock imageWidth { label: Image Size; widget: select; options: 166=Small|258=Medium|350=Big|534=Full }\n' +
-    '      singleArticleBlock { label: Image/Text Block; properties: titleVisible=true buttonVisible=true imageVisible=true imageWidth=534 titleTextStyle longTextStyle buttonStyle  image  longText buttonLink; theme: contentTheme}\n' +
-    '\n' +
-    '      fixedImageHeightVisible { label: Fix image height; extend: visible; }\n' +
-    '      externalBackgroundVisible { label: Transparent background; extend: visible; }\n' +
-    '\n' +
-    '      doubleArticleBlock { label: 2 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true fixedImageHeightVisible=true titleTextStyle longTextStyle buttonStyle  leftImage  leftLongText leftButtonLink rightImage  rightLongText rightButtonLink; theme: contentTheme}\n' +
-    '\n' +
-    '      tripleArticleBlock { label: 3 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true fixedImageHeightVisible=true titleTextStyle longTextStyle buttonStyle  leftImage  leftLongText leftButtonLink middleImage  middleLongText middleButtonLink rightImage  rightLongText rightButtonLink; theme: contentTheme}\n' +
-    '      \n' +
-    '      logoBlock longTextStyle { label: Alternative Text; }\n' +
-    '      logoBlock imageWidth { label: Image Size; widget: select; options: 166=Small|258=Medium|350=Big }\n' +
-    '      logoBlock { label: Logo Block; properties: externalBackgroundVisible=true image imageWidth=258; variant: externalBackgroundVisible; theme: contentTheme}\n' +
-    '      \n' +
-    '      titleBlock { label: Title; theme: contentTheme}\n' +
-    '\n' +
-    '      imageBlock longTextStyle { label: Alternative Text; }\n' +
-    '      imageBlock { label: Image; properties: gutterVisible=false; variant: gutterVisible; theme: contentTheme }\n' +
-    '\n' +
-    '      doubleImageBlock longTextStyle { label: Alternative Text; }\n' +
-    '      doubleImageBlock { label: Two Image Gallery; properties: gutterVisible=false fixedImageHeightVisible=true; variant: gutterVisible; theme: contentTheme }\n' +
-    '\n' +
-    '      tripleImageBlock longTextStyle { label: Alternative Text; }\n' +
-    '      tripleImageBlock { label: Three Image Gallery;properties:gutterVisible=false fixedImageHeightVisible=true; variant: gutterVisible; theme: contentTheme}\n' +
-    '\n' +
-    '      buttonBlock { label: Button Block; theme: contentTheme}\n' +
-    '      hrBlock { label: Separator Block;  theme: contentTheme}\n' +
-    '      /* imageSeparatorBlock { label: Image Separator Block;  theme: contentTheme} */\n' +
-    '      spacerBlock { label: Spacer Block; properties: externalBackgroundVisible=true; theme: contentTheme}\n' +
-    '\n' +
-    '      spacerBlock:preview,\n' +
-    '      logoBlock:preview { -ko-background-color: @[externalBackgroundColor] }\n' +
-    '\n' +
-    '      preheaderBlock:preview,\n' +
-    '      hrBlock:preview,\n' +
-    '      sideArticleBlock:preview,\n' +
-    '      textBlock:preview,\n' +
-    '      singleArticleBlock:preview,\n' +
-    '      doubleArticleBlock:preview,\n' +
-    '      tripleArticleBlock:preview,\n' +
-    '      titleBlock:preview,\n' +
-    '      footerBlock:preview,\n' +
-    '      socialBlock:preview,\n' +
-    '      buttonBlock:preview,\n' +
-    '      titleBlock:preview { -ko-background-color: @[backgroundColor] }\n' +
-    '    }\n' +
-    '  </style>\n' +
-    '  <style type="text/css" data-inline="true">\n' +
-    '    body { margin: 0; padding: 0; }\n' +
-    '    img { border: 0px; display: block; }\n' +
-    '\n' +
-    '    .socialLinks { font-size: 6px; }\n' +
-    '    .socialLinks a {\n' +
-    '      display: inline-block;\n' +
-    '    }\n' +
-    '\n' +
-    '    .long-text p { margin: 1em 0px; }\n' +
-    '    .long-text p:last-child { margin-bottom: 0px; }\n' +
-    '    .long-text p:first-child { margin-top: 0px; }\n' +
-    '  </style>\n' +
-    '  <style type="text/css">\n' +
-    '    /* yahoo, hotmail */\n' +
-    '    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }\n' +
-    '    .yshortcuts a { border-bottom: none !important; }\n' +
-    '    .vb-outer { min-width: 0 !important; }\n' +
-    '    .RMsgBdy, .ExternalClass {\n' +
-    '      width: 100%;\n' +
-    '      background-color: #3f3f3f;\n' +
-    '      -ko-background-color: @[_theme_.frameTheme.backgroundColor]\n' +
-    '    }\n' +
-    '\n' +
-    '    /* outlook/office365 add buttons outside not-linked images and safari have 2px margin */\n' +
-    '    [o365] button { margin: 0 !important; }\n' +
-    '\n' +
-    '    /* outlook */\n' +
-    '    table { mso-table-rspace: 0pt; mso-table-lspace: 0pt; }\n' +
-    '    #outlook a { padding: 0; }\n' +
-    '    img { outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic; }\n' +
-    '    a img { border: none; }\n' +
-    '\n' +
-    '    @media screen and (max-width: 600px) {\n' +
-    '      table.vb-container, table.vb-row {\n' +
-    '        width: 95% !important;\n' +
-    '      }\n' +
-    '\n' +
-    '      .mobile-hide { display: none !important; }\n' +
-    '      .mobile-textcenter { text-align: center !important; }\n' +
-    '\n' +
-    '      .mobile-full { \n' +
-    '        width: 100% !important;\n' +
-    '        max-width: none !important;\n' +
-    '      }\n' +
-    '    }\n' +
-    '    /* previously used also screen and (max-device-width: 600px) but Yahoo Mail doesn\'t support multiple queries */\n' +
-    '  </style>\n' +
-    '  <style type="text/css" data-inline="true">\n' +
-    '    [data-ko-block=tripleArticleBlock] .links-color a, \n' +
-    '    [data-ko-block=tripleArticleBlock] .links-color a:link, \n' +
-    '    [data-ko-block=tripleArticleBlock] .links-color a:visited,\n' +
-    '    [data-ko-block=tripleArticleBlock] .links-color a:hover {\n' +
-    '      color: #3f3f3f;\n' +
-    '      -ko-color: @longTextStyle.linksColor;\n' +
-    '      text-decoration: underline;\n' +
-    '    }\n' +
-    '\n' +
-    '    [data-ko-block=doubleArticleBlock] .links-color a, \n' +
-    '    [data-ko-block=doubleArticleBlock] .links-color a:link, \n' +
-    '    [data-ko-block=doubleArticleBlock] .links-color a:visited,\n' +
-    '    [data-ko-block=doubleArticleBlock] .links-color a:hover {\n' +
-    '      color: #3f3f3f;\n' +
-    '      -ko-color: @longTextStyle.linksColor;\n' +
-    '      text-decoration: underline;\n' +
-    '    }\n' +
-    '\n' +
-    '    [data-ko-block=singleArticleBlock] .links-color a, \n' +
-    '    [data-ko-block=singleArticleBlock] .links-color a:link, \n' +
-    '    [data-ko-block=singleArticleBlock] .links-color a:visited,\n' +
-    '    [data-ko-block=singleArticleBlock] .links-color a:hover {\n' +
-    '      color: #3f3f3f;\n' +
-    '      -ko-color: @longTextStyle.linksColor;\n' +
-    '      text-decoration: underline;\n' +
-    '    }\n' +
-    '\n' +
-    '    [data-ko-block=textBlock] .links-color a, \n' +
-    '    [data-ko-block=textBlock] .links-color a:link, \n' +
-    '    [data-ko-block=textBlock] .links-color a:visited,\n' +
-    '    [data-ko-block=textBlock] .links-color a:hover {\n' +
-    '      color: #3f3f3f;\n' +
-    '      -ko-color: @longTextStyle.linksColor;\n' +
-    '      text-decoration: underline;\n' +
-    '    }\n' +
-    '\n' +
-    '    [data-ko-block=sideArticleBlock] .links-color a, \n' +
-    '    [data-ko-block=sideArticleBlock] .links-color a:link, \n' +
-    '    [data-ko-block=sideArticleBlock] .links-color a:visited,\n' +
-    '    [data-ko-block=sideArticleBlock] .links-color a:hover {\n' +
-    '      color: #3f3f3f;\n' +
-    '      -ko-color: @longTextStyle.linksColor;\n' +
-    '      text-decoration: underline;\n' +
-    '    }\n' +
-    '\n' +
-    '    [data-ko-block=socialBlock] .links-color a, \n' +
-    '    [data-ko-block=socialBlock] .links-color a:link, \n' +
-    '    [data-ko-block=socialBlock] .links-color a:visited,\n' +
-    '    [data-ko-block=socialBlock] .links-color a:hover {\n' +
-    '      color: #cccccc;\n' +
-    '      -ko-color: @longTextStyle.linksColor;\n' +
-    '      text-decoration: underline;\n' +
-    '    }\n' +
-    '\n' +
-    '    [data-ko-block=footerBlock] .links-color a, \n' +
-    '    [data-ko-block=footerBlock] .links-color a:link, \n' +
-    '    [data-ko-block=footerBlock] .links-color a:visited,\n' +
-    '    [data-ko-block=footerBlock] .links-color a:hover {\n' +
-    '      color: #cccccc;\n' +
-    '      -ko-color: @longTextStyle.linksColor;\n' +
-    '      text-decoration: underline;\n' +
-    '    }\n' +
-    '\n' +
-    '    [data-ko-block=doubleImageBlock] a,\n' +
-    '    [data-ko-block=doubleImageBlock] a:link,\n' +
-    '    [data-ko-block=doubleImageBlock] a:visited,\n' +
-    '    [data-ko-block=doubleImageBlock] a:hover {\n' +
-    '      color: #3f3f3f;\n' +
-    '      -ko-color: @longTextStyle.linksColor;\n' +
-    '      text-decoration: underline;\n' +
-    '    }\n' +
-    '    [data-ko-block=tripleImageBlock] a,\n' +
-    '    [data-ko-block=tripleImageBlock] a:link,\n' +
-    '    [data-ko-block=tripleImageBlock] a:visited,\n' +
-    '    [data-ko-block=tripleImageBlock] a:hover {\n' +
-    '      color: #3f3f3f;\n' +
-    '      -ko-color: @longTextStyle.linksColor;\n' +
-    '      text-decoration: underline;\n' +
-    '    }\n' +
-    '    [data-ko-block=imageBlock] a,\n' +
-    '    [data-ko-block=imageBlock] a:link,\n' +
-    '    [data-ko-block=imageBlock] a:visited,\n' +
-    '    [data-ko-block=imageBlock] a:hover {\n' +
-    '      color: #3f3f3f;\n' +
-    '      -ko-color: @longTextStyle.linksColor;\n' +
-    '      text-decoration: underline;\n' +
-    '    }\n' +
-    '  </style>\n' +
-    '  \n' +
-    '</head>\n' +
-    '<!--[if !(gte mso 16)]-->\n' +
-    '<body bgcolor="#3f3f3f" text="#919191" alink="#cccccc" vlink="#cccccc" style="background-color: #3f3f3f; color: #919191;\n' +
-    '  -ko-background-color: @_theme_.frameTheme.backgroundColor; -ko-attr-bgcolor: @_theme_.frameTheme.backgroundColor; -ko-color: @_theme_.frameTheme.longTextStyle.color;\n' +
-    '  -ko-attr-text: @_theme_.frameTheme.longTextStyle.color; -ko-attr-alink: @_theme_.frameTheme.longTextStyle.linksColor;\n' +
-    '  -ko-attr-vlink: @_theme_.frameTheme.longTextStyle.linksColor"><!--<![endif]--><center>\n' +
-    '\n' +
-    '  <div data-ko-display="preheaderVisible" data-ko-wrap="false">\n' +
-    '\n' +
-    '    \n' +
-    '    <!-- preheaderBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f" style="background-color: #3f3f3f; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]" data-ko-block="preheaderBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <div data-ko-display="preheaderLinkOption neq \'none\'" style="display: none; font-size:1px; line-height: 1px; max-height:0px; max-width: 0px; opacity: 0; overflow: hidden; \n' +
-    '          -ko-bind-text: @preheaderText"></div>\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0; padding: 0 9px"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
-    '          \n' +
-    '            <tr data-ko-display="preheaderLinkOption neq \'none\'"><td width="100%" valign="top" style="font-weight: normal; color: #ffffff; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face" align="left"><a style="color: #ffffff; text-decoration: underline; -ko-attr-href: @[preheaderLinkOption]; -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration" href="[unsubscribe_link]" data-ko-editable="unsubscribeText">Unsubscribe</a></td></tr>\n' +
-    '            <tr data-ko-display="preheaderLinkOption eq \'none\'" style="display: none">\n' +
-    '      <td width="100%" valign="top" style="font-weight: normal; color: #919191; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align" align="left"><span style="font-weight: normal; -ko-bind-text: @preheaderText"></span></td>\n' +
-    '    </tr>\n' +
-    '          \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276" class="mobile-hide"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full mobile-hide"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
-    '          \n' +
-    '            <tr><td width="100%" valign="top" style="font-weight: normal; color: #ffffff; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: right; -ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face" align="right"><a style="color: #ffffff; text-decoration: underline; -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration" href="[show_link]" data-ko-editable="webversionText">View in your browser</a></td></tr>\n' +
-    '          \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /preheaderBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '  </div>\n' +
-    '\n' +
-    '  <div data-ko-container="main" data-ko-wrap="false">\n' +
-    '\n' +
-    '    \n' +
-    '    <!-- logoBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="logoBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <div data-ko-wrap="false" style="width: 100%;" data-ko-display="externalBackgroundVisible"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="vertical-align:top; width:100%; max-width: 276px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]; mso-cellspacing: 9px; border-spacing: 9px" width="276">\n' +
-    '          \n' +
-    '          <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px; -ko-width: @[imageWidth]px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #f3f3f3; font-size: 18px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[externalTextStyle.size]px; -ko-color: @externalTextStyle.color; -ko-font-family: @externalTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 258px; -ko-attr-width: @[imageWidth]; -ko-max-width: @[imageWidth]px; height: auto" data-ko-editable="image.src" width="258" data-ko-placeholder-height="150" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C150"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '        \n' +
-    '        </table></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="externalBackgroundVisible eq false"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="vertical-align:top; width:100%; max-width: 276px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]; mso-cellspacing: 9px; border-spacing: 9px" width="276">\n' +
-    '          \n' +
-    '          <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px; -ko-width: @[imageWidth]px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 258px; -ko-attr-width: @[imageWidth]; -ko-max-width: @[imageWidth]px; height: auto" data-ko-editable="image.src" width="258" data-ko-placeholder-height="150" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C150"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '        \n' +
-    '        </table></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /logoBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- sideArticleBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="sideArticleBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '          --><div data-ko-wrap="false" style="display:inline-block; width: 100%; max-width: 184px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (true ? 18 + Math.round(imageWidth) : 184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full" data-ko-display="imagePos eq \'left\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="imagePos eq \'left\'" width="184" style="-ko-attr-width: @[18 + Math.round(imageWidth)]"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (true ? 18 + Math.round(imageWidth) : 184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
-    '          \n' +
-    '            <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px; -ko-width: @[imageWidth]px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 166px; -ko-attr-width: @[imageWidth]; -ko-max-width: @[imageWidth]px; height: auto" data-ko-editable="image.src" width="166" data-ko-placeholder-height="130" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C130"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '          \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div><!--\n' +
-    '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="368" style="-ko-attr-width: @[570 - 2 * 18 - Math.round(imageWidth)]"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 368px; -mru-width: 0px; -ko-max-width: @[570 - 2 * 18 - Math.round(imageWidth) + \'px\']; min-width: calc(368 * 100% / 552); -ko-min-width: @[\'calc(\' + (true ? 570 - 2 * 18 - Math.round(imageWidth) : 368) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; -ko-attr-width: @[570 - 2 * 18 - Math.round(imageWidth)]; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="368" align="left">\n' +
-    '          \n' +
-    '            <tr data-ko-display="titleVisible">\n' +
-    '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="titleText">Title</span></td>\n' +
-    '    </tr>\n' +
-    '            <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="longText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p></td></tr>\n' +
-    '            <tr data-ko-display="buttonVisible">\n' +
-    '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
-    '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @buttonLink.url"><span data-ko-wrap="false" data-ko-editable="buttonLink.text">BUTTON</span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '          \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '          --><div data-ko-wrap="false" style="display:inline-block; display: none; width: 100%; max-width: 184px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (true ? 18 + Math.round(imageWidth) : 184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full" data-ko-display="imagePos eq \'right\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="imagePos eq \'right\'" style="display: none; -ko-attr-width: @[18 + Math.round(imageWidth)]" width="184"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (true ? 18 + Math.round(imageWidth) : 184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
-    '          \n' +
-    '            <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px; -ko-width: @[imageWidth]px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 166px; -ko-attr-width: @[imageWidth]; -ko-max-width: @[imageWidth]px; height: auto" data-ko-editable="image.src" width="166" data-ko-placeholder-height="130" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C130"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '          \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div><!--\n' +
-    '        --><!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /sideArticleBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- singleArticleBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="singleArticleBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="vertical-align:top; width:100%; max-width: 552px; -mru-width: 0px"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px" width="552">\n' +
-    '          \n' +
-    '          <tr data-ko-display="imageVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 534px; -mru-width: 0px; -ko-width: @[imageWidth]px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 534px; -ko-attr-width: @[imageWidth]; -ko-max-width: @[imageWidth]px; height: auto" data-ko-editable="image.src" width="534" data-ko-placeholder-height="150" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=534%2C150"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '          <tr data-ko-display="titleVisible">\n' +
-    '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="text">Section Title</span></td>\n' +
-    '    </tr>\n' +
-    '          <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="longText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p></td></tr>\n' +
-    '          <tr data-ko-display="buttonVisible">\n' +
-    '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
-    '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @buttonLink.url"><span data-ko-wrap="false" data-ko-editable="buttonLink.text">BUTTON</span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        \n' +
-    '        </table></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /singleArticleBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- titleBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="titleBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0; padding: 0 9px"><div style="vertical-align:top; width:100%; max-width: 552px; -mru-width: 0px"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px" width="552">\n' +
-    '          \n' +
-    '          <tr>\n' +
-    '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 22px; font-family: Arial, Helvetica, sans-serif; text-align: center; -ko-font-size: @[bigTitleStyle.size]px; -ko-color: @bigTitleStyle.color; -ko-font-family: @bigTitleStyle.face; -ko-text-align: @bigTitleStyle.align; -ko-attr-align: @bigTitleStyle.align" align="center"><span style="font-weight: normal" data-ko-editable="text">Section Title</span></td>\n' +
-    '    </tr>\n' +
-    '        \n' +
-    '        </table></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /titleBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- textBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="textBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="18" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 18px; border-spacing: 18px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container">\n' +
-    '        \n' +
-    '        <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="longText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p>\n' +
-    '          <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p></td></tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /textBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- tripleArticleBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="tripleArticleBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
-    '          \n' +
-    '            <tr data-ko-display="imageVisible and fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="166" height="90" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C90"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            <tr data-ko-display="imageVisible and fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="leftImage.src" width="166" data-ko-placeholder-height="90" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C100"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            <tr data-ko-display="titleVisible">\n' +
-    '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="leftTitleText">Title</span></td>\n' +
-    '    </tr>\n' +
-    '            <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="leftLongText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p></td></tr>\n' +
-    '            <tr data-ko-display="buttonVisible">\n' +
-    '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
-    '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @leftButtonLink.url"><span data-ko-wrap="false" data-ko-editable="leftButtonLink.text">BUTTON</span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '          \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
-    '          \n' +
-    '            <tr data-ko-display="imageVisible and fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="middleImage.src" width="166" height="90" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C90"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            <tr data-ko-display="imageVisible and fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="middleImage.src" width="166" data-ko-placeholder-height="70" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C100"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            <tr data-ko-display="titleVisible">\n' +
-    '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="middleTitleText">Title</span></td>\n' +
-    '    </tr>\n' +
-    '            <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="middleLongText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p></td></tr>\n' +
-    '            <tr data-ko-display="buttonVisible">\n' +
-    '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
-    '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @middleButtonLink.url"><span data-ko-wrap="false" data-ko-editable="middleButtonLink.text">BUTTON</span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '          \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
-    '          \n' +
-    '            <tr data-ko-display="imageVisible and fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="166" height="90" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C90"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            <tr data-ko-display="imageVisible and fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="rightImage.src" width="166" data-ko-placeholder-height="110" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C100"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            <tr data-ko-display="titleVisible">\n' +
-    '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="rightTitleText">Title</span></td>\n' +
-    '    </tr>\n' +
-    '            <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="rightLongText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p></td></tr>\n' +
-    '            <tr data-ko-display="buttonVisible">\n' +
-    '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
-    '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @rightButtonLink.url"><span data-ko-wrap="false" data-ko-editable="rightButtonLink.text">BUTTON</span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '          \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /tripleArticleBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- doubleArticleBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="doubleArticleBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="imageVisible and fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 258px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="258" height="100" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C100"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="imageVisible and fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 258px; height: auto" data-ko-editable="leftImage.src" width="258" data-ko-placeholder-height="120" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C120"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="titleVisible">\n' +
-    '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="leftTitleText">Title</span></td>\n' +
-    '    </tr>\n' +
-    '              <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="leftLongText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p></td></tr>\n' +
-    '              <tr data-ko-display="buttonVisible">\n' +
-    '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
-    '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @leftButtonLink.url"><span data-ko-wrap="false" data-ko-editable="leftButtonLink.text">BUTTON</span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '          --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="imageVisible and fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 258px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="258" height="100" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C100"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="imageVisible and fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 258px; height: auto" data-ko-editable="rightImage.src" width="258" data-ko-placeholder-height="120" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C120"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="titleVisible">\n' +
-    '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="rightTitleText">Title</span></td>\n' +
-    '    </tr>\n' +
-    '              <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="rightLongText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p></td></tr>\n' +
-    '              <tr data-ko-display="buttonVisible">\n' +
-    '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
-    '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @rightButtonLink.url"><span data-ko-wrap="false" data-ko-editable="rightButtonLink.text">BUTTON</span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '          --><!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /doubleArticleBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- hrBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="hrBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0; padding: 0 9px"><div style="vertical-align:top; width:100%; max-width: 552px; -mru-width: 0px"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px" width="552">\n' +
-    '          \n' +
-    '          <tr>\n' +
-    '      <td valign="top" align="center"><table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing: 0; width: 100%; -ko-width: @[hrStyle.hrWidth]%; -ko-attr-width: @[hrStyle.hrWidth]%"><tr>\n' +
-    '        <td width="100%" height="1" style="padding: 0; font-size:1px; line-height: 1px; max-height: 1px; width: 100%; background-color: #3f3f3f; line-height: 1px; max-height: 1px; overflow: hidden; -ko-background-color: @hrStyle.color; -ko-attr-height: @hrStyle.hrHeight; -ko-line-height: @[hrStyle.hrHeight]px; -ko-max-height: @[hrStyle.hrHeight]px">&nbsp;</td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        \n' +
-    '        </table></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /hrBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- buttonBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="buttonBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="18" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 18px; border-spacing: 18px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td valign="top" align="center" style="-ko-attr-align: @bigButtonStyle.align"><table role="presentation" cellpadding="12" border="0" align="center" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 12px 12px 12px 12px; -ko-attr-align: @bigButtonStyle.align"><tr>\n' +
-    '        <td width="auto" valign="middle" align="center" style="text-align:center; font-weight: normal; padding: 12px; padding-left: 14px; padding-right: 14px; background-color: #bfbfbf; color: #3f3f3f; font-size: 22px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[bigButtonStyle.radius]px; -ko-attr-bgcolor: @bigButtonStyle.buttonColor; -ko-background-color: @bigButtonStyle.buttonColor; -ko-font-size: @[bigButtonStyle.size]px; -ko-color: @bigButtonStyle.color; -ko-font-family: @bigButtonStyle.face; -ko-attr-align: @bigButtonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 22px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[bigButtonStyle.size]px; -ko-color: @bigButtonStyle.color; -ko-font-family: @bigButtonStyle.face; -ko-attr-href: @link.url"><span data-ko-wrap="false" data-ko-editable="link.text">BUTTON</span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /buttonBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- imageBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="imageBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <div data-ko-wrap="false" style="width: 100%;" data-ko-display="gutterVisible eq false"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container">\n' +
-    '        \n' +
-    '        <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 570px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 570px; height: auto" data-ko-editable="image.src" width="570" data-ko-placeholder-height="200" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=570%2C200" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="gutterVisible"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="18" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 18px; border-spacing: 18px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container">\n' +
-    '        \n' +
-    '        <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 534px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 534px; height: auto" data-ko-editable="image.src" width="534" data-ko-placeholder-height="280" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=534%2C280"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /imageBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- doubleImageBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="doubleImageBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <div data-ko-wrap="false" style="width: 100%;" data-ko-display="gutterVisible eq false"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 570px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="285"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 285px; -mru-width: 0px; min-width: calc(285 * 100% / 570); -ko-min-width: @[\'calc(\' + (285) * 100 / 570 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(570 * 570px - 570 * 100%); -ko-width: @[\'calc(\'+ 570 * 570 + \'px - \' + 570 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; -yandex-p: calc(2px - 3%)" width="285" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 285px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 285px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="285" height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=285%2C180" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 285px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 285px; height: auto" data-ko-editable="leftImage.src" width="285" data-ko-placeholder-height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=285%2C180" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '          --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="285"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 285px; -mru-width: 0px; min-width: calc(285 * 100% / 570); -ko-min-width: @[\'calc(\' + (285) * 100 / 570 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(570 * 570px - 570 * 100%); -ko-width: @[\'calc(\'+ 570 * 570 + \'px - \' + 570 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; -yandex-p: calc(2px - 3%)" width="285" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 285px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 285px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="285" height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=285%2C180" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 285px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 285px; height: auto" data-ko-editable="rightImage.src" width="285" data-ko-placeholder-height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=285%2C180" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '          --><!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="gutterVisible"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 258px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="258" height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C180"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 258px; height: auto" data-ko-editable="leftImage.src" width="258" data-ko-placeholder-height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C180"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '      --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 258px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="258" height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C180"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 258px; height: auto" data-ko-editable="rightImage.src" width="258" data-ko-placeholder-height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C180"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '      --><!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /doubleImageBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- tripleImageBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="tripleImageBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <div data-ko-wrap="false" style="width: 100%;" data-ko-display="gutterVisible eq false"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 570px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="190"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 190px; -mru-width: 0px; min-width: calc(190 * 100% / 570); -ko-min-width: @[\'calc(\' + (190) * 100 / 570 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(570 * 570px - 570 * 100%); -ko-width: @[\'calc(\'+ 570 * 570 + \'px - \' + 570 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; -yandex-p: calc(2px - 3%)" width="190" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 190px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="190" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 190px; height: auto" data-ko-editable="leftImage.src" width="190" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '       --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="190"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 190px; -mru-width: 0px; min-width: calc(190 * 100% / 570); -ko-min-width: @[\'calc(\' + (190) * 100 / 570 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(570 * 570px - 570 * 100%); -ko-width: @[\'calc(\'+ 570 * 570 + \'px - \' + 570 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; -yandex-p: calc(2px - 3%)" width="190" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 190px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="middleImage.src" width="190" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 190px; height: auto" data-ko-editable="middleImage.src" width="190" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '       --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="190"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 190px; -mru-width: 0px; min-width: calc(190 * 100% / 570); -ko-min-width: @[\'calc(\' + (190) * 100 / 570 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(570 * 570px - 570 * 100%); -ko-width: @[\'calc(\'+ 570 * 570 + \'px - \' + 570 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; -yandex-p: calc(2px - 3%)" width="190" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 190px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="190" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 190px; height: auto" data-ko-editable="rightImage.src" width="190" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '       --><!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="gutterVisible"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="166" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="leftImage.src" width="166" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '          --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="middleImage.src" width="166" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="middleImage.src" width="166" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '          --><!--\n' +
-    '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
-    '          \n' +
-    '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="166" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="rightImage.src" width="166" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '            \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '          --><!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /tripleImageBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- bigSocialBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="bigSocialBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="18" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 18px; border-spacing: 18px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container links-color socialLinks mobile-textcenter">\n' +
-    '        \n' +
-    '        <tr data-ko-display="bigSocialIconType eq \'colors\'" style="display: none"><td width="100%" valign="top" style="font-weight: normal; text-align: center" align="center" class="links-color socialLinks mobile-textcenter">\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #3b5998; border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fb-colors-96.png" width="48" height="48" alt="Facebook"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #4099FF; border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tw-colors-96.png" width="48" height="48" alt="Twitter"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #d34836; border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/gg-colors-96.png" width="48" height="48" alt="Google"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #606060; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/web-colors-96.png" width="48" height="48" alt="Web"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #25d366; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/wa-colors-96.png" width="48" height="48" alt="Whatsapp"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #2da5e1; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tg-colors-96.png" width="48" height="48" alt="Telegram"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="inVisible">&nbsp;</span><a href="" data-ko-display="inVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #007bb6; border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/in-colors-96.png" width="48" height="48" alt="Linkedin"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #C92228; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/pi-colors-96.png" width="48" height="48" alt="Pinterest"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #ff0084; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fl-colors-96.png" width="48" height="48" alt="Flickr"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #45bbff; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/vi-colors-96.png" width="48" height="48" alt="Vimeo"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="instVisible">&nbsp;</span><a href="" data-ko-display="instVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #bc2a8d; border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/inst-colors-96.png" width="48" height="48" alt="Instagram"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="youVisible">&nbsp;</span><a href="" data-ko-display="youVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #cd201f; border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/you-colors-96.png" width="48" height="48" alt="Youtube"></a>\n' +
-    '          \n' +
-    '        </td></tr>\n' +
-    '        <tr data-ko-display="bigSocialIconType eq \'bw\'" style="display: none"><td width="100%" valign="top" style="font-weight: normal; text-align: center" align="center" class="links-color socialLinks mobile-textcenter">\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fb-bw-96.png" width="48" height="48" alt="Facebook"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tw-bw-96.png" width="48" height="48" alt="Twitter"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/gg-bw-96.png" width="48" height="48" alt="Google"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/web-bw-96.png" width="48" height="48" alt="Web"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/wa-bw-96.png" width="48" height="48" alt="Whatsapp"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tg-bw-96.png" width="48" height="48" alt="Telegram"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="inVisible">&nbsp;</span><a href="" data-ko-display="inVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/in-bw-96.png" width="48" height="48" alt="Linkedin"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/pi-bw-96.png" width="48" height="48" alt="Pinterest"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fl-bw-96.png" width="48" height="48" alt="Flickr"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/vi-bw-96.png" width="48" height="48" alt="Vimeo"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="instVisible">&nbsp;</span><a href="" data-ko-display="instVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/inst-bw-96.png" width="48" height="48" alt="Instagram"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="youVisible">&nbsp;</span><a href="" data-ko-display="youVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/you-bw-96.png" width="48" height="48" alt="Youtube"></a>\n' +
-    '          \n' +
-    '        </td></tr>\n' +
-    '        <tr data-ko-display="bigSocialIconType eq \'rdcol\'"><td width="100%" valign="top" style="font-weight: normal; text-align: center" align="center" class="links-color socialLinks mobile-textcenter">\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fb-rdcol-96.png" width="48" height="48" alt="Facebook"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tw-rdcol-96.png" width="48" height="48" alt="Twitter"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/gg-rdcol-96.png" width="48" height="48" alt="Google"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/web-rdcol-96.png" width="48" height="48" alt="Web"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/wa-rdcol-96.png" width="48" height="48" alt="Whatsapp"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tg-rdcol-96.png" width="48" height="48" alt="Telegram"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="inVisible">&nbsp;</span><a href="" data-ko-display="inVisible" style="border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/in-rdcol-96.png" width="48" height="48" alt="Linkedin"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/pi-rdcol-96.png" width="48" height="48" alt="Pinterest"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fl-rdcol-96.png" width="48" height="48" alt="Flickr"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/vi-rdcol-96.png" width="48" height="48" alt="Vimeo"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="instVisible">&nbsp;</span><a href="" data-ko-display="instVisible" style="border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/inst-rdcol-96.png" width="48" height="48" alt="Instagram"></a>\n' +
-    '          \n' +
-    '            <span data-ko-wrap="false" data-ko-display="youVisible">&nbsp;</span><a href="" data-ko-display="youVisible" style="border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/you-rdcol-96.png" width="48" height="48" alt="Youtube"></a>\n' +
-    '          \n' +
-    '        </td></tr>\n' +
-    '        <tr data-ko-display="bigSocialIconType eq \'rdbl\'" style="display: none"><td width="100%" valign="top" style="font-weight: normal; text-align: center" align="center" class="links-color socialLinks mobile-textcenter">\n' +
-    '           <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fb-rdbl-96.png" width="48" height="48" alt="Facebook"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tw-rdbl-96.png" width="48" height="48" alt="Twitter"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/gg-rdbl-96.png" width="48" height="48" alt="Google"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/web-rdbl-96.png" width="48" height="48" alt="Web"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/wa-rdbl-96.png" width="48" height="48" alt="Whatsapp"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tg-rdbl-96.png" width="48" height="48" alt="Telegram"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="inVisible">&nbsp;</span><a href="" data-ko-display="inVisible" style="border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/in-rdbl-96.png" width="48" height="48" alt="Linkedin"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/pi-rdbl-96.png" width="48" height="48" alt="Pinterest"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fl-rdbl-96.png" width="48" height="48" alt="Flickr"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/vi-rdbl-96.png" width="48" height="48" alt="Vimeo"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="instVisible">&nbsp;</span><a href="" data-ko-display="instVisible" style="border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/inst-rdbl-96.png" width="48" height="48" alt="Instagram"></a>\n' +
-    '           <span data-ko-wrap="false" data-ko-display="youVisible">&nbsp;</span><a href="" data-ko-display="youVisible" style="border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/you-rdbl-96.png" width="48" height="48" alt="Youtube"></a>\n' +
-    '          \n' +
-    '        </td></tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /bigSocialBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- shareBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="shareBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <div data-ko-wrap="false" style="width: 100%;" data-ko-display="shareButtonType eq \'reverse\'"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0"><tr><![endif]--><!--\n' +
-    '        -->\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="fbVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="fbVisible"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #3b5998; border-radius: 4px; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#3b5998"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/fb-white-96.png" alt="Facebook" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="fbText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="twVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="twVisible"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #4099FF; border-radius: 4px; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#4099FF"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/tw-white-96.png" alt="Twitter" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="twText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="inVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="inVisible" style="display: none"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #007bb6; border-radius: 4px; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#007bb6"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/in-white-96.png" alt="LinkedIn" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="inText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="ggVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="ggVisible"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #d34836; border-radius: 4px; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#d34836"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/gg-white-96.png" alt="Google+" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="ggText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="piVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="piVisible" style="display: none"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #C92228; border-radius: 4px; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#C92228"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/pi-white-96.png" alt="Pinterest" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="piText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '        <!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="shareButtonType eq \'simple\'"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0"><tr><![endif]--><!--\n' +
-    '        -->\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="fbVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="fbVisible"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #FFFFFF; border-radius: 4px" bgcolor="#FFFFFF"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/fb-coloured-96.png" alt="Facebook" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="fbText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="twVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="twVisible"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #FFFFFF; border-radius: 4px" bgcolor="#FFFFFF"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/tw-coloured-96.png" alt="Twitter" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="twText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="inVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="inVisible" style="display: none"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #FFFFFF; border-radius: 4px" bgcolor="#FFFFFF"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/in-coloured-96.png" alt="LinkedIn" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="inText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="ggVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="ggVisible"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #FFFFFF; border-radius: 4px" bgcolor="#FFFFFF"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/gg-coloured-96.png" alt="Google+" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="ggText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="piVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="piVisible" style="display: none"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #FFFFFF; border-radius: 4px" bgcolor="#FFFFFF"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/pi-coloured-96.png" alt="Pinterest" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="piText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '        <!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="shareButtonType eq \'custom\'"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0"><tr><![endif]--><!--\n' +
-    '        -->\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'brand\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'brand\'"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/fb-coloured-96.png" alt="Facebook" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="fbText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'white\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'white\'"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/fb-white-96.png" alt="Facebook" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="fbText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'black\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'black\'"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/fb-black-96.png" alt="Facebook" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="fbText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'brand\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'brand\'"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/tw-coloured-96.png" alt="Twitter" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="twText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'white\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'white\'"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/tw-white-96.png" alt="Twitter" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="twText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'black\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'black\'"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/tw-black-96.png" alt="Twitter" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="twText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'brand\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'brand\'" style="display: none"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/in-coloured-96.png" alt="LinkedIn" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="inText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'white\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'white\'" style="display: none"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/in-white-96.png" alt="LinkedIn" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="inText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'black\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'black\'" style="display: none"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/in-black-96.png" alt="LinkedIn" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="inText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'brand\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'brand\'"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/gg-coloured-96.png" alt="Google+" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="ggText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'white\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'white\'"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/gg-white-96.png" alt="Google+" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="ggText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'black\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'black\'"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/gg-black-96.png" alt="Google+" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="ggText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'brand\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'brand\'" style="display: none"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/pi-coloured-96.png" alt="Pinterest" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="piText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'white\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'white\'" style="display: none"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/pi-white-96.png" alt="Pinterest" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="piText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'black\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'black\'" style="display: none"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
-    '          \n' +
-    '              <tr>\n' +
-    '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
-    '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/pi-black-96.png" alt="Pinterest" width="24" height="24"></a></td>\n' +
-    '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="piText">Share\n' +
-    '            </span></a></td>\n' +
-    '      </tr></table></td>\n' +
-    '    </tr>\n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
-    '          \n' +
-    '        <!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /shareBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '    \n' +
-    '    <!-- spacerBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="spacerBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0; font-size:1px; height: 1px; height: 24px; -ko-height: @[spacerSize]px; -ko-attr-height: @[spacerSize]" height="24">\n' +
-    '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="externalBackgroundVisible eq false"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '        <td width="100%" height="24" style="padding: 0; font-size:1px; line-height: 1px; width: 100%; line-height: 24px; -ko-line-height: @[spacerSize]px; -ko-attr-height: @[spacerSize]">&nbsp;</td>\n' +
-    '      </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
-    '      <div data-ko-display="externalBackgroundVisible" data-ko-wrap="false">&nbsp;</div>\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /spacerBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '\n' +
-    '    \n' +
-    '    <!-- socialBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f" style="background-color: #3f3f3f; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]" data-ko-block="socialBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" width="570" class="vb-row">\n' +
-    '        \n' +
-    '        <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
-    '          \n' +
-    '            <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #919191; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face" align="left" data-ko-editable="longText"><p>Address and <a href="">Contacts</a></p></td></tr>\n' +
-    '          \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
-    '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
-    '          \n' +
-    '            <tr data-ko-display="socialIconType eq \'colors\'"><td width="100%" valign="top" style="font-weight: normal; text-align: right" align="right" class="links-color socialLinks mobile-textcenter">\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #3b5998; border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/fb-colors-96.png" width="32" height="32" alt="Facebook"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #4099FF; border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/tw-colors-96.png" width="32" height="32" alt="Twitter"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #d34836; border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/gg-colors-96.png" width="32" height="32" alt="Google"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #606060; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/web-colors-96.png" width="32" height="32" alt="Web"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #25d366; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/wa-colors-96.png" width="32" height="32" alt="Whatsapp"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #2da5e1; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/tg-colors-96.png" width="32" height="32" alt="Telegram"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="inVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="inVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #007bb6; border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/in-colors-96.png" width="32" height="32" alt="Linkedin"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #C92228; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/pi-colors-96.png" width="32" height="32" alt="Pinterest"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #ff0084; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/fl-colors-96.png" width="32" height="32" alt="Flickr"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #45bbff; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/vi-colors-96.png" width="32" height="32" alt="Vimeo"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="instVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="instVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #bc2a8d; border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/inst-colors-96.png" width="32" height="32" alt="Instagram"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="youVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="youVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #cd201f; border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/you-colors-96.png" width="32" height="32" alt="Youtube"></a>\n' +
-    '              \n' +
-    '            </td></tr>\n' +
-    '            <tr data-ko-display="socialIconType eq \'bw\'" style="display: none"><td width="100%" valign="top" style="font-weight: normal; text-align: right" align="right" class="links-color socialLinks mobile-textcenter">\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/fb-bw-96.png" width="32" height="32" alt="Facebook"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/tw-bw-96.png" width="32" height="32" alt="Twitter"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/gg-bw-96.png" width="32" height="32" alt="Google"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/web-bw-96.png" width="32" height="32" alt="Web"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/wa-bw-96.png" width="32" height="32" alt="Whatsapp"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/tg-bw-96.png" width="32" height="32" alt="Telegram"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="inVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="inVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/in-bw-96.png" width="32" height="32" alt="Linkedin"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/pi-bw-96.png" width="32" height="32" alt="Pinterest"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/fl-bw-96.png" width="32" height="32" alt="Flickr"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/vi-bw-96.png" width="32" height="32" alt="Vimeo"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="instVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="instVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/inst-bw-96.png" width="32" height="32" alt="Instagram"></a>\n' +
-    '              \n' +
-    '                <span data-ko-wrap="false" data-ko-display="youVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="youVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/you-bw-96.png" width="32" height="32" alt="Youtube"></a>\n' +
-    '              \n' +
-    '            </td></tr>\n' +
-    '          \n' +
-    '        </table><!--\n' +
-    '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
-    '        --><!--\n' +
-    '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
-    '    </tr>\n' +
-    '      \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '    </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /socialBlock -->\n' +
-    '    \n' +
-    '\n' +
-    '  </div>\n' +
-    '\n' +
-    '  \n' +
-    '    <!-- footerBlock -->\n' +
-    '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f" style="background-color: #3f3f3f; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]" data-ko-block="footerBlock">\n' +
-    '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
-    '    <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
-    '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" width="570" class="vb-row">\n' +
-    '        \n' +
-    '      <tr>\n' +
-    '      <td align="center" valign="top" style="font-size: 0; padding: 0 9px"><div style="vertical-align:top; width:100%; max-width: 552px; -mru-width: 0px"><!--\n' +
-    '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px" width="552">\n' +
-    '          \n' +
-    '        <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #919191; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face" align="center" data-ko-editable="longText"><p>Email sent to <a href="mailto:[mail]">[mail]</a></p></td></tr>\n' +
-    '        <tr><td width="100%" valign="top" style="font-weight: normal; color: #ffffff; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; -ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face" align="center"><a style="color: #ffffff; -ko-color: @[Color.readability(linkStyle.color, backgroundColor) gt 2 ? linkStyle.color : (Color.isReadable(\'#ffffff\', backgroundColor) ? \'#ffffff\' : \'#000000\')]; text-decoration: underline; -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration" href="[unsubscribe_link]" data-ko-editable="disiscrivitiText">Unsubscribe</a></td></tr>\n' +
-    '        <tr data-ko-display="_root_.sponsor.visible" style="display: none; text-align: center"><td width="100%" valign="top" align="center" class="links-color" style="text-align: center"><!--[if (lte ie 8)]><div style="display: inline-block; width: 170px; -mru-width: 0px"><![endif]--><a href="" style="-ko-attr-href: @_root_.sponsor.url"><img alt="sponsor" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-attr-src: @_root_.sponsor.src; -ko-attr-alt: @[_root_.sponsor.alt == \'\' ? null : _root_.sponsor.alt]; width: 100%; max-width: 170px" width="170" src="img/sponsor.gif"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
-    '        </table></div></td>\n' +
-    '    </tr>\n' +
-    '    \n' +
-    '      </table></div><!--\n' +
-    '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
-    '  </td></tr>\n' +
-    '    </table>\n' +
-    '    <!-- /footerBlock -->\n' +
-    '    \n' +
-    '</center><!--[if !(gte mso 16)]--></body><!--<![endif]--></html>';
+const {TagLanguages} = require('./templates');
 
+function renderTag(tagLanguage, tag) {
+    if (tagLanguage === TagLanguages.SIMPLE) {
+        return `[${tag}]`;
+    } else if (tagLanguage === TagLanguages.HBS) {
+        return `{{${tag}}}`;
+    }
+}
 
-const mjmlSample = '<mjml>\n' +
-    '  <mj-head>\n' +
-    '    <mj-attributes>\n' +
-    '      <mj-body background-color="white"/>\n' +
-    '      <mj-section padding="0px 0px" />\n' +
-    '      <mj-text padding="0px 10px" />\n' +
-    '      <mj-image padding="10px 10px" alt="" />\n' +
-    '      <mj-mosaico-image padding="10px 10px" alt="" />\n' +
-    '      <mj-mosaico-button align="left" background-color="#e85034" color="#fff" border-radius="24px" font-size="11px" />\n' +
-    '      \n' +
-    '      <mj-class name="header-section" margin-top="10px" background-color="#e85034" padding-top="5px" padding-bottom="5px" full-width="full-width" css-class="header"/>\n' +
-    '\n' +
-    '      <mj-class name="banner-section" padding-top="10px" />\n' +
-    '\n' +
-    '      <mj-class name="feature-section" padding-top="10px" padding-bottom="15px" css-class="feature" />\n' +
-    '      \n' +
-    '      <mj-class name="divider-section" background-color="#e85034" vertical-align="middle" full-width="full-width" padding-top="10px" padding-bottom="5px" css-class="divider"/>\n' +
-    '\n' +
-    '      <mj-class name="article-section" padding-top="10px" padding-bottom="10px" css-class="article" />\n' +
-    '\n' +
-    '      <mj-class name="links-section" padding-top="0px" padding-bottom="0px" background-color="#e85034" vertical-align="middle" full-width="full-width" />\n' +
-    '      <mj-social font-size="12px" font-family="arial,helvetica neue,helvetica,sans-serif" icon-size="30px" mode="horizontal" />\n' +
-    '      <mj-social-element text-padding="4px 15px 4px 0px" padding="8px" alt="" color="white"/>\n' +
-    '      \n' +
-    '      <mj-class name="footer-section" padding-top="30px"/>\n' +
-    '      <mj-class name="footer-text" css-class="footer" />\n' +
-    '      \n' +
-    '      <mj-class name="caption-text" css-class="caption" />\n' +
-    '    </mj-attributes>\n' +
-    '    \n' +
-    '    <mj-mosaico-property property-id="leftImage" label="Left Image" type="image" />\n' +
-    '    <mj-mosaico-property property-id="middleImage" label="Middle Image" type="image" />\n' +
-    '    <mj-mosaico-property property-id="rightImage" label="Right Image" type="image" />\n' +
-    '    <mj-mosaico-property property-id="readMoreLink" label="Button" type="link" />\n' +
-    '\n' +
-    '    <mj-mosaico-property property-id="captionVisible" label="Caption Visible" type="visible"/>\n' +
-    '    \n' +
-    '    <mj-style>\n' +
-    '      p {\n' +
-    '        font-family: Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;\n' +
-    '        font-size: 12px;\n' +
-    '        color: #9da3a3;\n' +
-    '        margin-top: 8px;\n' +
-    '      }\n' +
-    '      \n' +
-    '      h2 {\n' +
-    '        margin: 5px 0px 0px 0px;\n' +
-    '        font-size: 15px;\n' +
-    '        font-weight: normal;\n' +
-    '      }\n' +
-    '      \n' +
-    '      .header a {\n' +
-    '        text-decoration: none;\n' +
-    '        color: white;\n' +
-    '      }\n' +
-    '      \n' +
-    '      .feature p {\n' +
-    '        text-align: center;\n' +
-    '      }\n' +
-    '      \n' +
-    '      .feature h2 {\n' +
-    '        color: #e85034;\n' +
-    '        text-align: center;\n' +
-    '      }\n' +
-    '      \n' +
-    '      .divider h2 {\n' +
-    '        color: white;\n' +
-    '        text-align: center;\n' +
-    '      }\n' +
-    '      \n' +
-    '      .divider p {\n' +
-    '        color: #f8d5d1;\n' +
-    '        text-align: center;\n' +
-    '      }\n' +
-    '\n' +
-    '      .article h2 {\n' +
-    '        font-weight: bold;\n' +
-    '        margin-top: 10px;\n' +
-    '      }\n' +
-    '      \n' +
-    '      .article p {\n' +
-    '        color: #45474e;\n' +
-    '      }\n' +
-    '\n' +
-    '      .footer a {\n' +
-    '        color: #3A3A3A;\n' +
-    '      }\n' +
-    '\n' +
-    '      .footer p {\n' +
-    '        font-family: arial,helvetica neue,helvetica,sans-serif;\n' +
-    '        font-size: 12px;\n' +
-    '        text-align: center;\n' +
-    '      }\n' +
-    '      \n' +
-    '      .caption p {\n' +
-    '        font-size: 10px;\n' +
-    '        text-align: center;\n' +
-    '        margin-top: 0px;\n' +
-    '      }\n' +
-    '    </mj-style>\n' +
-    '  </mj-head>\n' +
-    '  \n' +
-    '  <mj-body>\n' +
-    '    \n' +
-    '    <mj-section mj-class="header-section">\n' +
-    '      <mj-column>\n' +
-    '        <mj-text align="left"><a href="https://lists.example.org/subscription/[LIST_ID]?locale=en-US">Subscribe</a></mj-text>\n' +
-    '      </mj-column>\n' +
-    '      <mj-column>\n' +
-    '        <mj-text align="right"><a href="[LINK_BROWSER]">View&nbsp;in&nbsp;browser</a></mj-text>\n' +
-    '      </mj-column>\n' +
-    '    </mj-section>\n' +
-    '    \n' +
-    '    <mj-mosaico-block block-id="banner" label="Banner">\n' +
-    '      <mj-section mj-class="banner-section">\n' +
-    '        <mj-column>\n' +
-    '          <mj-mosaico-image property-id="image" placeholder-height="400" href="https://www.example.com/xxx" />\n' +
-    '        </mj-column>\n' +
-    '      </mj-section>\n' +
-    '    </mj-mosaico-block>\n' +
-    '\n' +
-    '    <mj-mosaico-container>\n' +
-    '      \n' +
-    '      <mj-mosaico-block block-id="feature_section" label="Feature">\n' +
-    '        <mj-section mj-class="feature-section">\n' +
-    '          <mj-column>\n' +
-    '            <mj-mosaico-image property-id="leftImage" placeholder-height="150" href-editable="true" />\n' +
-    '            <mj-text>\n' +
-    '              <h2 mj-mosaico-editable="leftTitleText">Lorem ipsum dolor</h2>\n' +
-    '              <div mj-mosaico-editable="leftBodyText">\n' +
-    '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend sagittis nunc, et fermentum est ullamcorper dignissim.</p>\n' +
-    '              </div>\n' +
-    '            </mj-text>\n' +
-    '          </mj-column>\n' +
-    '          <mj-column>\n' +
-    '            <mj-mosaico-image property-id="middleImage" placeholder-height="150" href-editable="true" />\n' +
-    '            <mj-text>\n' +
-    '              <h2 mj-mosaico-editable="middleTitleText">Lorem ipsum dolor</h2>\n' +
-    '              <div mj-mosaico-editable="leftBodyText">\n' +
-    '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend sagittis nunc, et fermentum est ullamcorper dignissim.</p>\n' +
-    '              </div>\n' +
-    '            </mj-text>\n' +
-    '          </mj-column>\n' +
-    '          <mj-column>\n' +
-    '            <mj-mosaico-image property-id="rightImage" placeholder-height="150" href-editable="true" />\n' +
-    '            <mj-text>\n' +
-    '              <h2 mj-mosaico-editable="rightTitleText">Lorem ipsum dolor</h2>\n' +
-    '              <div mj-mosaico-editable="leftBodyText">\n' +
-    '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend sagittis nunc, et fermentum est ullamcorper dignissim.</p>\n' +
-    '              </div>\n' +
-    '            </mj-text>\n' +
-    '          </mj-column>\n' +
-    '        </mj-section>\n' +
-    '      </mj-mosaico-block>\n' +
-    '\n' +
-    '      <mj-mosaico-block block-id="divider_section" label="Divider">\n' +
-    '        <mj-section mj-class="divider-section">\n' +
-    '          <mj-column>\n' +
-    '            <mj-text>\n' +
-    '              <h2 mj-mosaico-editable="titleText">Lorem ipsum dolor</h2>\n' +
-    '            </mj-text>\n' +
-    '            <mj-divider border-color="white" border-width="1px" padding-bottom="10px" padding-top="15px"></mj-divider>\n' +
-    '            <mj-text>\n' +
-    '              <div mj-mosaico-editable="bodyText">\n' +
-    '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>\n' +
-    '              </div>\n' +
-    '            </mj-text>\n' +
-    '          </mj-column>\n' +
-    '        </mj-section>\n' +
-    '      </mj-mosaico-block>    \n' +
-    '    \n' +
-    '      <mj-mosaico-block block-id="article_section" label="Article">\n' +
-    '        <mj-section mj-class="article-section">\n' +
-    '          <mj-column>\n' +
-    '            <mj-mosaico-image property-id="image" placeholder-height="280" href-editable="true" />\n' +
-    '            <mj-mosaico-conditional-display property-id="captionVisible">\n' +
-    '              <mj-text mj-class="caption-text">\n' +
-    '                <div mj-mosaico-editable="captionText"></div>\n' +
-    '              </mj-text>\n' +
-    '            </mj-mosaico-conditional-display>\n' +
-    '          </mj-column>\n' +
-    '          <mj-column>\n' +
-    '            <mj-text>\n' +
-    '              <h2 mj-mosaico-editable="titleText">Lorem ipsum dolor</h2>\n' +
-    '              <div mj-mosaico-editable="bodyText">\n' +
-    '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>\n' +
-    '              </div>\n' +
-    '            </mj-text>\n' +
-    '            <mj-mosaico-button property-id="readMoreLink" font-family="Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif" padding-left="10px" padding-bottom="15px" padding-top="15px">Read more ...</mj-mosaico-button>\n' +
-    '          </mj-column>\n' +
-    '        </mj-section>\n' +
-    '      </mj-mosaico-block>  \n' +
-    '\n' +
-    '      <mj-mosaico-block block-id="text_section" label="Text">\n' +
-    '        <mj-section>\n' +
-    '          <mj-column>\n' +
-    '            <mj-text>\n' +
-    '              <div mj-mosaico-editable="text">\n' +
-    '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>\n' +
-    '              </div>\n' +
-    '            </mj-text>\n' +
-    '          </mj-column>\n' +
-    '        </mj-section>\n' +
-    '      </mj-mosaico-block>\n' +
-    '      \n' +
-    '      <mj-mosaico-block block-id="image_section" label="Image">\n' +
-    '        <mj-section>\n' +
-    '          <mj-column>\n' +
-    '            <mj-mosaico-image property-id="image" placeholder-height="400" href-editable="false" />\n' +
-    '            <mj-mosaico-conditional-display property-id="captionVisible">\n' +
-    '              <mj-text mj-class="caption-text">\n' +
-    '                <div mj-mosaico-editable="captionText"></div>\n' +
-    '              </mj-text>\n' +
-    '            </mj-mosaico-conditional-display>\n' +
-    '          </mj-column>\n' +
-    '        </mj-section>\n' +
-    '      </mj-mosaico-block>\n' +
-    '      \n' +
-    '      <mj-mosaico-block block-id="image_left_and_right_section" label="Image Left and Right">\n' +
-    '        <mj-section>\n' +
-    '          <mj-column>\n' +
-    '            <mj-mosaico-image property-id="leftImage" placeholder-height="250" href-editable="false" />\n' +
-    '            <mj-mosaico-conditional-display property-id="leftCaptionVisible" label="Left Caption Visible">\n' +
-    '              <mj-text mj-class="caption-text">\n' +
-    '                <div mj-mosaico-editable="leftCaptionText"></div>\n' +
-    '              </mj-text>\n' +
-    '            </mj-mosaico-conditional-display>\n' +
-    '          </mj-column>\n' +
-    '          <mj-column>\n' +
-    '            <mj-mosaico-image property-id="rightImage" placeholder-height="250" href-editable="false" />\n' +
-    '            <mj-mosaico-conditional-display property-id="rightCaptionVisible" label="Right Caption Visible">\n' +
-    '              <mj-text mj-class="caption-text">\n' +
-    '                <div mj-mosaico-editable="rightCaptionText"></div>\n' +
-    '              </mj-text>\n' +
-    '            </mj-mosaico-conditional-display>\n' +
-    '          </mj-column>\n' +
-    '        </mj-section>\n' +
-    '      </mj-mosaico-block>\n' +
-    '      \n' +
-    '    </mj-mosaico-container>    \n' +
-    '\n' +
-    '    <mj-section mj-class="links-section">\n' +
-    '      <mj-column>\n' +
-    '        <mj-social border-radius="5px">\n' +
-    '          <mj-social-element name="facebook" href="[LINK_BROWSER]">Share on Facebook</mj-social-element>\n' +
-    '          <mj-social-element  name="twitter" href="[LINK_BROWSER]">Tweet</mj-social-element>\n' +
-    '        </mj-social>       \n' +
-    '      </mj-column>\n' +
-    '    </mj-section>\n' +
-    '    \n' +
-    '    <mj-section mj-class="footer-section">\n' +
-    '      <mj-column>\n' +
-    '        <mj-text mj-class="footer-text">\n' +
-    '          <p>This email was sent to <a href="mailto:[EMAIL]">[EMAIL]</a><p>\n' +
-    '          <p> &nbsp; <a href="[LINK_UNSUBSCRIBE]">Unsubscribe&nbsp;from&nbsp;this&nbsp;list</a> &nbsp;  &nbsp; <a href="[LINK_PREFERENCES]">Update&nbsp;subscription&nbsp;preferences</a> &nbsp; </p>\n' +
-    '          <p>Your address XXXXXX</p>\n' +
-    '        </mj-text>\n' +
-    '      </mj-column>\n' +
-    '    </mj-section>\n' +
-    '    \n' +
-    '  </mj-body>\n' +
-    '</mjml>';
+function getVersafix(tagLanguage) {
+    const tg = tag => renderTag(tagLanguage, tag);
 
+    const versafix = '<!DOCTYPE html>\n' +
+        '<html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">\n' +
+        '<head>\n' +
+        '  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\n' +
+        '  <meta name="viewport" content="initial-scale=1.0">\n' +
+        '  <meta name="format-detection" content="telephone=no">\n' +
+        '  <title style="-ko-bind-text: @titleText">TITLE</title>\n' +
+        '  <style type="text/css">\n' +
+        '    @supports -ko-blockdefs {\n' +
+        '      id { widget: id }\n' +
+        '      size { label: Size; widget: select; options: 8|9|10|11|12|13|14|15|16|18|20|22|25|28|31; }\n' +
+        '      visible { label: Visible?; widget: boolean }\n' +
+        '      color { label: Color; widget: color }\n' +
+        '      radius {\n' +
+        '        label: Corner Radius;\n' +
+        '        widget: integer;\n' +
+        '        max: 20;\n' +
+        '        help: Attention - this property is not supported on all email clients (i.e. Outlook)\n' +
+        '      }\n' +
+        '      face { label: Font; widget: select; options: Arial, Helvetica, sans-serif=Arial|Arial Black, Arial Black, Gadget, sans-serif=Arial Black|Comic Sans MS, Comic Sans MS5, cursive=Comic Sans|Courier New, Courier New, monospace=Courier|Georgia, serif=Georgia|Impact, sans-serif=Impact|Lucida Console, Monaco, monospace=Lucida Console|Lucida Sans Unicode, Lucida Grande, sans-serif=Lucida Sans Unicode|Times New Roman, Times, serif=Times New Roman|Verdana, Geneva, sans-serif=Verdana}\n' +
+        '      decoration { label: Decoration; widget: select; options: none=None|underline=Underline }\n' +
+        '      linksColor { label: Link Color; extend: color }\n' +
+        '      linksDecoration { label: Underlined Links?; extend: decoration }\n' +
+        '      buttonColor { label: Button Color; extend: color }\n' +
+        '      text { label: Paragraph; widget: text }\n' +
+        '      url { label: Link; widget: url }\n' +
+        '      src { label: Image; widget: src }\n' +
+        '      hrWidth { label: Width; widget: select; options:10|20|30|40|50|60|70|80|90|100; }\n' +
+        '      hrHeight { label: Line height; widget: integer; max: 80; }\n' +
+        '\n' +
+        '      height { label: Height; widget: integer }\n' +
+        '      imageHeight { label: Image Height; extend: height; }\n' +
+        '      lineHeight { label: Line Height; widget: select; options: normal=Normal|150%=1.5 Lines|200%=Double; }\n' +
+        '\n' +
+        '      spacerSize { label: Height; widget: integer; max: 90; min: 4; }\n' +
+        '      align { label: Alignment; widget: select; options:left=Left|right=Right|center=Center}\n' +
+        '      alt {\n' +
+        '        label: Alternative Text;\n' +
+        '        widget: text;\n' +
+        '        help: Alternative text will be shown on email clients that does not download image automatically;\n' +
+        '      }\n' +
+        '      sponsor { label: Sponsor; properties: visible=true src url alt; category: hidden }\n' +
+        '      titleText {label:Title Text;category: hidden;}\n' +
+        '      gutterVisible { label: Show Gutter; extend: visible }\n' +
+        '      socialIconType { label: Icon Version; widget: select; options: bw=Black and White|colors=Colors; }\n' +
+        '      bigSocialIconType { label: Icon Version; widget: select; options:bw=Black and White|colors=Colors|rdcol=Rounded Colors|rdbl=Rounded Black; }\n' +
+        '      bigSocialIconSize { label: Icon Size; widget: select; options: 32=Small|48=Big; }\n' +
+        '\n' +
+        '      preheaderLinkOption {\n' +
+        '        label: Unsubscribe Link;\n' +
+        '        widget: select;\n' +
+        '        options: [profile_link]=Profile|[unsubscribe_link]=Unsubscribe|none=None;\n' +
+        '        help: If -None- is selected, preHeader text will be shown;\n' +
+        '      }\n' +
+        '     \n' +
+        '      hrStyle { label: Separator Style;properties:color hrWidth hrHeight; }\n' +
+        '      hrStyle:preview { height: 200%; width: 200%; bottom: 20px; -ko-border-bottom: @[hrHeight]px solid @color; }\n' +
+        '      preheaderVisible { label: Show Preheader; extend: visible; help: Preheader block is the first one on the top of the page. It contains web version link and optionally unsubscribe link or a preheader text that will be shown as a preview on some email clients; }\n' +
+        '\n' +
+        '      /* content types */\n' +
+        '      blocks { label: Blocks; properties: blocks[]; }\n' +
+        '      link { label: Link; properties: text url }\n' +
+        '      image { label: Image; properties: src url alt }\n' +
+        '      backgroundColor { label: Background Color; extend: color }\n' +
+        '      buttonLink { label: Button; extend: link }\n' +
+        '      \n' +
+        '      /* texts and links */\n' +
+        '      textStyle { label: Text; properties: face color size align }\n' +
+        '      textStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
+        '      linkStyle { label: Link; properties: face color size decoration=none }\n' +
+        '      linkStyle:preview { -ko-bind-text: @[\'Link\']; -ko-font-size: @[size]px; -ko-font-family: @face; -ko-color: @color; -ko-text-decoration: @[decoration] }\n' +
+        '      longTextStyle { label: Paragraph; properties: face color size lineHeight align linksColor   }\n' +
+        '      longTextStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
+        '      bigButtonStyle { label: Big Button; extend: buttonStyle }\n' +
+        '      titleTextStyle { label: Title; extend: textStyle }\n' +
+        '      /* background */\n' +
+        '      externalBackgroundColor { label: External Background; extend: color }\n' +
+        '\n' +
+        '      externalTextStyle { label: Alternative Text; extend: textStyle }\n' +
+        '      externalTextStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
+        '     \n' +
+        '      bigTitleStyle { label: Title; properties: face color size align}\n' +
+        '      bigTitleStyle:preview { -ko-bind-text: @[\'AaZz\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; }\n' +
+        '      /* buttons */\n' +
+        '      buttonStyle color { label: Text Color; extend: color }\n' +
+        '      buttonStyle size { label: Text Size; extend: size }\n' +
+        '      buttonStyle { label: Button; properties: face color size align buttonColor radius }\n' +
+        '      buttonStyle:preview { -ko-bind-text: @[\'Button\']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; -ko-background-color: @buttonColor; padding-left: 5px; -ko-border-radius: @[radius]px; }\n' +
+        '      \n' +
+        '      /* contents */\n' +
+        '      preheaderText {label: PreHeader Text; extend:text; help: This text will be shown on some email clients as a preview of the email contents;}\n' +
+        '      leftImage { label: Left Image; extend: image }\n' +
+        '      leftLongText { label: Left Text; extend: text }\n' +
+        '      leftButtonLink { label: Left Button; extend: buttonLink }\n' +
+        '      middleImage { label: Central Image; extend: image }\n' +
+        '      middleLongText { label: Central Text; extend: text }\n' +
+        '      middleButtonLink { label: Central Button; extend: buttonLink }\n' +
+        '      rightImage { label: Right Image; extend: image }\n' +
+        '      rightLongText { label: Right Text; extend: text }\n' +
+        '      rightButtonLink { label: Right Button; extend: buttonLink }\n' +
+        '      webversionText{ label: Web Link Text; extend: text;}\n' +
+        '      unsubscribeText{ label: Unsubscribe Link; extend: text;}\n' +
+        '\n' +
+        '      titleVisible { label: Show Title; extend: visible; }\n' +
+        '      buttonVisible { label: Show Button; extend: visible; }\n' +
+        '      imageVisible { label: Show Image; extend: visible; }\n' +
+        '\n' +
+        '      contentTheme { label: Main Style; }\n' +
+        '      contentTheme:preview { -ko-background-color: @[backgroundColor] }\n' +
+        '      frameTheme { label: Frame Style; }\n' +
+        '      frameTheme:preview { -ko-background-color: @[backgroundColor] }\n' +
+        '      template preheaderText { label: Preheader; }\n' +
+        '\n' +
+        '      template { label: Page; theme: frameTheme; properties: preheaderVisible=true; version: 1.1.19; }\n' +
+        '\n' +
+        '      footerBlock { label: Unsubscribe Block; theme: frameTheme }\n' +
+        '      \n' +
+        '      fbVisible { label: Facebook; extend: visible }\n' +
+        '      twVisible { label: Twitter; extend: visible }\n' +
+        '      ggVisible { label: Google+; extend: visible }\n' +
+        '      inVisible { label: LinkedIn; extend: visible }\n' +
+        '      piVisible { label: Pinterest; extend: visible }\n' +
+        '      flVisible { label: Flickr; extend: visible }\n' +
+        '      viVisible { label: Vimeo; extend: visible }\n' +
+        '      webVisible { label: Website; extend: visible }\n' +
+        '      waVisible { label: Whatsapp; extend: visible }\n' +
+        '      tgVisible { label: Telegram; extend: visible }\n' +
+        '      instVisible { label: Instagram; extend: visible }\n' +
+        '      youVisible { label: YouTube; extend: visible }\n' +
+        '      fbUrl { label: Facebook Link; extend: url }\n' +
+        '      twUrl { label: Twitter Link; extend: url}\n' +
+        '      ggUrl { label: Google+ Link; extend: url}\n' +
+        '      inUrl { label: LinkedIn Link; extend: url}\n' +
+        '      piUrl { label: Pinterest Link; extend: url}\n' +
+        '      flUrl { label: Flickr Link; extend: url}\n' +
+        '      viUrl { label: Vimeo Link; extend: url}\n' +
+        '      webUrl { label: Website Link; extend: url}\n' +
+        '      waUrl { label: Whatsapp Link; extend: url}\n' +
+        '      tgUrl { label: Telegram Link; extend: url}\n' +
+        '      instUrl { label: Instagram Link; extend: url}\n' +
+        '      youUrl { label: YouTube Link; extend: url}\n' +
+        '\n' +
+        '      socialBlock {\n' +
+        '        label: Social Block;\n' +
+        '        properties: socialIconType=colors fbVisible=true fbUrl twVisible=true twUrl ggVisible=true ggUrl webVisible=false webUrl waVisible=false waUrl tgVisible=false tgUrl inVisible=false inUrl piVisible=false piUrl flVisible=false flUrl viVisible=false viUrl instVisible=false instUrl youVisible=false youUrl longTextStyle longText backgroundColor;\n' +
+        '        variant:socialIconType;\n' +
+        '        theme: frameTheme\n' +
+        '      }\n' +
+        '\n' +
+        '      bigSocialBlock {\n' +
+        '        label: Big Social Block;\n' +
+        '        properties: bigSocialIconType=rdcol bigSocialIconSize=48 fbVisible=true fbUrl twVisible=true twUrl ggVisible=true ggUrl webVisible=false webUrl waVisible=false waUrl tgVisible=false tgUrl inVisible=true inUrl piVisible=false piUrl flVisible=false flUrl viVisible=false viUrl instVisible=true instUrl youVisible=true youUrl longTextStyle longText;\n' +
+        '        variant: bigSocialIconType;\n' +
+        '        theme: contentTheme\n' +
+        '      }\n' +
+        '\n' +
+        '\n' +
+        '      shareButtonStyle iconColorType { label: Icon Color; widget: select; options: brand=Brand|white=White|black=Black; }\n' +
+        '      shareButtonStyle color { label: Text Color; extend: color }\n' +
+        '      shareButtonStyle size { label: Text Size; widget: select; options: 10|11|12|13|14|15|16|18|20|22|25; }\n' +
+        '      shareButtonStyle { label: Share Button; properties: face iconColorType=black color size align buttonColor radius }\n' +
+        '      shareButtonStyle:preview { -ko-bind-text: @[\'Button\']; -ko-font-family: @face; -ko-color: @[\'black\']; -ko-font-size: @[size]px; -ko-background-color: @[\'#CCCCCC\']; padding-left: 5px; -ko-border-radius: @[radius]px; }\n' +
+        '\n' +
+        '      shareButtonType { label: Button Version;widget: select; options:reverse=Brand buttons|simple=Brand icons|custom=Custom buttons; }\n' +
+        '      shareBlock fbVisible { label: Facebook; }\n' +
+        '      shareBlock twVisible { label: Twitter }\n' +
+        '      shareBlock inVisible { label: LinkedIn }\n' +
+        '      shareBlock ggVisible { label: Google+ }\n' +
+        '      shareBlock piVisible { label: Pinterest }\n' +
+        '      /* shareBlock shareUrlType { label: Share URL; widget: select; options:newsletter=Newsletter|custom=Custom;} */\n' +
+        '      shareBlock customUrl { label: Share Link; }\n' +
+        '      shareBlock {\n' +
+        '        label: Share Block;\n' +
+        '        /* shareUrlType=newsletter */\n' +
+        '        properties: shareButtonType=reverse fbVisible=true twVisible=true inVisible=false ggVisible=true piVisible=false customUrl;\n' +
+        '        variant: shareButtonType;\n' +
+        '        theme: contentTheme;\n' +
+        '      }\n' +
+        '      \n' +
+        '      preheaderBlock { label:Preheader Block;  theme: frameTheme}\n' +
+        '\n' +
+        '      sideArticleBlock imagePos {label:Image position;widget:select; options: left=Left|right=Right; }\n' +
+        '      sideArticleBlock imageWidth { label: Image Size; widget: select; options: 120=Small|166=Medium|258=Big; }\n' +
+        '      sideArticleBlock { label: Image+Text Block; properties: backgroundColor titleVisible=true buttonVisible=true imageWidth=166 imagePos=left titleTextStyle longTextStyle buttonStyle  image  longText buttonLink; variant:imagePos; theme: contentTheme }\n' +
+        '\n' +
+        '      textBlock { label: Text Block; properties: backgroundColor longTextStyle longText; theme: contentTheme}\n' +
+        '\n' +
+        '      singleArticleBlock imageWidth { label: Image Size; widget: select; options: 166=Small|258=Medium|350=Big|534=Full }\n' +
+        '      singleArticleBlock { label: Image/Text Block; properties: titleVisible=true buttonVisible=true imageVisible=true imageWidth=534 titleTextStyle longTextStyle buttonStyle  image  longText buttonLink; theme: contentTheme}\n' +
+        '\n' +
+        '      fixedImageHeightVisible { label: Fix image height; extend: visible; }\n' +
+        '      externalBackgroundVisible { label: Transparent background; extend: visible; }\n' +
+        '\n' +
+        '      doubleArticleBlock { label: 2 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true fixedImageHeightVisible=true titleTextStyle longTextStyle buttonStyle  leftImage  leftLongText leftButtonLink rightImage  rightLongText rightButtonLink; theme: contentTheme}\n' +
+        '\n' +
+        '      tripleArticleBlock { label: 3 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true fixedImageHeightVisible=true titleTextStyle longTextStyle buttonStyle  leftImage  leftLongText leftButtonLink middleImage  middleLongText middleButtonLink rightImage  rightLongText rightButtonLink; theme: contentTheme}\n' +
+        '      \n' +
+        '      logoBlock longTextStyle { label: Alternative Text; }\n' +
+        '      logoBlock imageWidth { label: Image Size; widget: select; options: 166=Small|258=Medium|350=Big }\n' +
+        '      logoBlock { label: Logo Block; properties: externalBackgroundVisible=true image imageWidth=258; variant: externalBackgroundVisible; theme: contentTheme}\n' +
+        '      \n' +
+        '      titleBlock { label: Title; theme: contentTheme}\n' +
+        '\n' +
+        '      imageBlock longTextStyle { label: Alternative Text; }\n' +
+        '      imageBlock { label: Image; properties: gutterVisible=false; variant: gutterVisible; theme: contentTheme }\n' +
+        '\n' +
+        '      doubleImageBlock longTextStyle { label: Alternative Text; }\n' +
+        '      doubleImageBlock { label: Two Image Gallery; properties: gutterVisible=false fixedImageHeightVisible=true; variant: gutterVisible; theme: contentTheme }\n' +
+        '\n' +
+        '      tripleImageBlock longTextStyle { label: Alternative Text; }\n' +
+        '      tripleImageBlock { label: Three Image Gallery;properties:gutterVisible=false fixedImageHeightVisible=true; variant: gutterVisible; theme: contentTheme}\n' +
+        '\n' +
+        '      buttonBlock { label: Button Block; theme: contentTheme}\n' +
+        '      hrBlock { label: Separator Block;  theme: contentTheme}\n' +
+        '      /* imageSeparatorBlock { label: Image Separator Block;  theme: contentTheme} */\n' +
+        '      spacerBlock { label: Spacer Block; properties: externalBackgroundVisible=true; theme: contentTheme}\n' +
+        '\n' +
+        '      spacerBlock:preview,\n' +
+        '      logoBlock:preview { -ko-background-color: @[externalBackgroundColor] }\n' +
+        '\n' +
+        '      preheaderBlock:preview,\n' +
+        '      hrBlock:preview,\n' +
+        '      sideArticleBlock:preview,\n' +
+        '      textBlock:preview,\n' +
+        '      singleArticleBlock:preview,\n' +
+        '      doubleArticleBlock:preview,\n' +
+        '      tripleArticleBlock:preview,\n' +
+        '      titleBlock:preview,\n' +
+        '      footerBlock:preview,\n' +
+        '      socialBlock:preview,\n' +
+        '      buttonBlock:preview,\n' +
+        '      titleBlock:preview { -ko-background-color: @[backgroundColor] }\n' +
+        '    }\n' +
+        '  </style>\n' +
+        '  <style type="text/css" data-inline="true">\n' +
+        '    body { margin: 0; padding: 0; }\n' +
+        '    img { border: 0px; display: block; }\n' +
+        '\n' +
+        '    .socialLinks { font-size: 6px; }\n' +
+        '    .socialLinks a {\n' +
+        '      display: inline-block;\n' +
+        '    }\n' +
+        '\n' +
+        '    .long-text p { margin: 1em 0px; }\n' +
+        '    .long-text p:last-child { margin-bottom: 0px; }\n' +
+        '    .long-text p:first-child { margin-top: 0px; }\n' +
+        '  </style>\n' +
+        '  <style type="text/css">\n' +
+        '    /* yahoo, hotmail */\n' +
+        '    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }\n' +
+        '    .yshortcuts a { border-bottom: none !important; }\n' +
+        '    .vb-outer { min-width: 0 !important; }\n' +
+        '    .RMsgBdy, .ExternalClass {\n' +
+        '      width: 100%;\n' +
+        '      background-color: #3f3f3f;\n' +
+        '      -ko-background-color: @[_theme_.frameTheme.backgroundColor]\n' +
+        '    }\n' +
+        '\n' +
+        '    /* outlook/office365 add buttons outside not-linked images and safari have 2px margin */\n' +
+        '    [o365] button { margin: 0 !important; }\n' +
+        '\n' +
+        '    /* outlook */\n' +
+        '    table { mso-table-rspace: 0pt; mso-table-lspace: 0pt; }\n' +
+        '    #outlook a { padding: 0; }\n' +
+        '    img { outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic; }\n' +
+        '    a img { border: none; }\n' +
+        '\n' +
+        '    @media screen and (max-width: 600px) {\n' +
+        '      table.vb-container, table.vb-row {\n' +
+        '        width: 95% !important;\n' +
+        '      }\n' +
+        '\n' +
+        '      .mobile-hide { display: none !important; }\n' +
+        '      .mobile-textcenter { text-align: center !important; }\n' +
+        '\n' +
+        '      .mobile-full { \n' +
+        '        width: 100% !important;\n' +
+        '        max-width: none !important;\n' +
+        '      }\n' +
+        '    }\n' +
+        '    /* previously used also screen and (max-device-width: 600px) but Yahoo Mail doesn\'t support multiple queries */\n' +
+        '  </style>\n' +
+        '  <style type="text/css" data-inline="true">\n' +
+        '    [data-ko-block=tripleArticleBlock] .links-color a, \n' +
+        '    [data-ko-block=tripleArticleBlock] .links-color a:link, \n' +
+        '    [data-ko-block=tripleArticleBlock] .links-color a:visited,\n' +
+        '    [data-ko-block=tripleArticleBlock] .links-color a:hover {\n' +
+        '      color: #3f3f3f;\n' +
+        '      -ko-color: @longTextStyle.linksColor;\n' +
+        '      text-decoration: underline;\n' +
+        '    }\n' +
+        '\n' +
+        '    [data-ko-block=doubleArticleBlock] .links-color a, \n' +
+        '    [data-ko-block=doubleArticleBlock] .links-color a:link, \n' +
+        '    [data-ko-block=doubleArticleBlock] .links-color a:visited,\n' +
+        '    [data-ko-block=doubleArticleBlock] .links-color a:hover {\n' +
+        '      color: #3f3f3f;\n' +
+        '      -ko-color: @longTextStyle.linksColor;\n' +
+        '      text-decoration: underline;\n' +
+        '    }\n' +
+        '\n' +
+        '    [data-ko-block=singleArticleBlock] .links-color a, \n' +
+        '    [data-ko-block=singleArticleBlock] .links-color a:link, \n' +
+        '    [data-ko-block=singleArticleBlock] .links-color a:visited,\n' +
+        '    [data-ko-block=singleArticleBlock] .links-color a:hover {\n' +
+        '      color: #3f3f3f;\n' +
+        '      -ko-color: @longTextStyle.linksColor;\n' +
+        '      text-decoration: underline;\n' +
+        '    }\n' +
+        '\n' +
+        '    [data-ko-block=textBlock] .links-color a, \n' +
+        '    [data-ko-block=textBlock] .links-color a:link, \n' +
+        '    [data-ko-block=textBlock] .links-color a:visited,\n' +
+        '    [data-ko-block=textBlock] .links-color a:hover {\n' +
+        '      color: #3f3f3f;\n' +
+        '      -ko-color: @longTextStyle.linksColor;\n' +
+        '      text-decoration: underline;\n' +
+        '    }\n' +
+        '\n' +
+        '    [data-ko-block=sideArticleBlock] .links-color a, \n' +
+        '    [data-ko-block=sideArticleBlock] .links-color a:link, \n' +
+        '    [data-ko-block=sideArticleBlock] .links-color a:visited,\n' +
+        '    [data-ko-block=sideArticleBlock] .links-color a:hover {\n' +
+        '      color: #3f3f3f;\n' +
+        '      -ko-color: @longTextStyle.linksColor;\n' +
+        '      text-decoration: underline;\n' +
+        '    }\n' +
+        '\n' +
+        '    [data-ko-block=socialBlock] .links-color a, \n' +
+        '    [data-ko-block=socialBlock] .links-color a:link, \n' +
+        '    [data-ko-block=socialBlock] .links-color a:visited,\n' +
+        '    [data-ko-block=socialBlock] .links-color a:hover {\n' +
+        '      color: #cccccc;\n' +
+        '      -ko-color: @longTextStyle.linksColor;\n' +
+        '      text-decoration: underline;\n' +
+        '    }\n' +
+        '\n' +
+        '    [data-ko-block=footerBlock] .links-color a, \n' +
+        '    [data-ko-block=footerBlock] .links-color a:link, \n' +
+        '    [data-ko-block=footerBlock] .links-color a:visited,\n' +
+        '    [data-ko-block=footerBlock] .links-color a:hover {\n' +
+        '      color: #cccccc;\n' +
+        '      -ko-color: @longTextStyle.linksColor;\n' +
+        '      text-decoration: underline;\n' +
+        '    }\n' +
+        '\n' +
+        '    [data-ko-block=doubleImageBlock] a,\n' +
+        '    [data-ko-block=doubleImageBlock] a:link,\n' +
+        '    [data-ko-block=doubleImageBlock] a:visited,\n' +
+        '    [data-ko-block=doubleImageBlock] a:hover {\n' +
+        '      color: #3f3f3f;\n' +
+        '      -ko-color: @longTextStyle.linksColor;\n' +
+        '      text-decoration: underline;\n' +
+        '    }\n' +
+        '    [data-ko-block=tripleImageBlock] a,\n' +
+        '    [data-ko-block=tripleImageBlock] a:link,\n' +
+        '    [data-ko-block=tripleImageBlock] a:visited,\n' +
+        '    [data-ko-block=tripleImageBlock] a:hover {\n' +
+        '      color: #3f3f3f;\n' +
+        '      -ko-color: @longTextStyle.linksColor;\n' +
+        '      text-decoration: underline;\n' +
+        '    }\n' +
+        '    [data-ko-block=imageBlock] a,\n' +
+        '    [data-ko-block=imageBlock] a:link,\n' +
+        '    [data-ko-block=imageBlock] a:visited,\n' +
+        '    [data-ko-block=imageBlock] a:hover {\n' +
+        '      color: #3f3f3f;\n' +
+        '      -ko-color: @longTextStyle.linksColor;\n' +
+        '      text-decoration: underline;\n' +
+        '    }\n' +
+        '  </style>\n' +
+        '  \n' +
+        '</head>\n' +
+        '<!--[if !(gte mso 16)]-->\n' +
+        '<body bgcolor="#3f3f3f" text="#919191" alink="#cccccc" vlink="#cccccc" style="background-color: #3f3f3f; color: #919191;\n' +
+        '  -ko-background-color: @_theme_.frameTheme.backgroundColor; -ko-attr-bgcolor: @_theme_.frameTheme.backgroundColor; -ko-color: @_theme_.frameTheme.longTextStyle.color;\n' +
+        '  -ko-attr-text: @_theme_.frameTheme.longTextStyle.color; -ko-attr-alink: @_theme_.frameTheme.longTextStyle.linksColor;\n' +
+        '  -ko-attr-vlink: @_theme_.frameTheme.longTextStyle.linksColor"><!--<![endif]--><center>\n' +
+        '\n' +
+        '  <div data-ko-display="preheaderVisible" data-ko-wrap="false">\n' +
+        '\n' +
+        '    \n' +
+        '    <!-- preheaderBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f" style="background-color: #3f3f3f; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]" data-ko-block="preheaderBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <div data-ko-display="preheaderLinkOption neq \'none\'" style="display: none; font-size:1px; line-height: 1px; max-height:0px; max-width: 0px; opacity: 0; overflow: hidden; \n' +
+        '          -ko-bind-text: @preheaderText"></div>\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0; padding: 0 9px"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
+        '          \n' +
+        '            <tr data-ko-display="preheaderLinkOption neq \'none\'"><td width="100%" valign="top" style="font-weight: normal; color: #ffffff; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face" align="left"><a style="color: #ffffff; text-decoration: underline; -ko-attr-href: @[preheaderLinkOption]; -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration" href="[unsubscribe_link]" data-ko-editable="unsubscribeText">Unsubscribe</a></td></tr>\n' +
+        '            <tr data-ko-display="preheaderLinkOption eq \'none\'" style="display: none">\n' +
+        '      <td width="100%" valign="top" style="font-weight: normal; color: #919191; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align" align="left"><span style="font-weight: normal; -ko-bind-text: @preheaderText"></span></td>\n' +
+        '    </tr>\n' +
+        '          \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276" class="mobile-hide"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full mobile-hide"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
+        '          \n' +
+        '            <tr><td width="100%" valign="top" style="font-weight: normal; color: #ffffff; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: right; -ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face" align="right"><a style="color: #ffffff; text-decoration: underline; -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration" href="[show_link]" data-ko-editable="webversionText">View in your browser</a></td></tr>\n' +
+        '          \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /preheaderBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '  </div>\n' +
+        '\n' +
+        '  <div data-ko-container="main" data-ko-wrap="false">\n' +
+        '\n' +
+        '    \n' +
+        '    <!-- logoBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="logoBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <div data-ko-wrap="false" style="width: 100%;" data-ko-display="externalBackgroundVisible"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="vertical-align:top; width:100%; max-width: 276px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]; mso-cellspacing: 9px; border-spacing: 9px" width="276">\n' +
+        '          \n' +
+        '          <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px; -ko-width: @[imageWidth]px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #f3f3f3; font-size: 18px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[externalTextStyle.size]px; -ko-color: @externalTextStyle.color; -ko-font-family: @externalTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 258px; -ko-attr-width: @[imageWidth]; -ko-max-width: @[imageWidth]px; height: auto" data-ko-editable="image.src" width="258" data-ko-placeholder-height="150" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C150"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '        \n' +
+        '        </table></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="externalBackgroundVisible eq false"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="vertical-align:top; width:100%; max-width: 276px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]; mso-cellspacing: 9px; border-spacing: 9px" width="276">\n' +
+        '          \n' +
+        '          <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px; -ko-width: @[imageWidth]px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 258px; -ko-attr-width: @[imageWidth]; -ko-max-width: @[imageWidth]px; height: auto" data-ko-editable="image.src" width="258" data-ko-placeholder-height="150" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C150"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '        \n' +
+        '        </table></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /logoBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- sideArticleBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="sideArticleBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '          --><div data-ko-wrap="false" style="display:inline-block; width: 100%; max-width: 184px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (true ? 18 + Math.round(imageWidth) : 184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full" data-ko-display="imagePos eq \'left\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="imagePos eq \'left\'" width="184" style="-ko-attr-width: @[18 + Math.round(imageWidth)]"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (true ? 18 + Math.round(imageWidth) : 184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
+        '          \n' +
+        '            <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px; -ko-width: @[imageWidth]px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 166px; -ko-attr-width: @[imageWidth]; -ko-max-width: @[imageWidth]px; height: auto" data-ko-editable="image.src" width="166" data-ko-placeholder-height="130" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C130"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '          \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div><!--\n' +
+        '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="368" style="-ko-attr-width: @[570 - 2 * 18 - Math.round(imageWidth)]"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 368px; -mru-width: 0px; -ko-max-width: @[570 - 2 * 18 - Math.round(imageWidth) + \'px\']; min-width: calc(368 * 100% / 552); -ko-min-width: @[\'calc(\' + (true ? 570 - 2 * 18 - Math.round(imageWidth) : 368) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; -ko-attr-width: @[570 - 2 * 18 - Math.round(imageWidth)]; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="368" align="left">\n' +
+        '          \n' +
+        '            <tr data-ko-display="titleVisible">\n' +
+        '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="titleText">Title</span></td>\n' +
+        '    </tr>\n' +
+        '            <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="longText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p></td></tr>\n' +
+        '            <tr data-ko-display="buttonVisible">\n' +
+        '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
+        '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @buttonLink.url"><span data-ko-wrap="false" data-ko-editable="buttonLink.text">BUTTON</span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '          \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '          --><div data-ko-wrap="false" style="display:inline-block; display: none; width: 100%; max-width: 184px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (true ? 18 + Math.round(imageWidth) : 184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full" data-ko-display="imagePos eq \'right\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="imagePos eq \'right\'" style="display: none; -ko-attr-width: @[18 + Math.round(imageWidth)]" width="184"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; -ko-max-width: @[18 + Math.round(imageWidth) + \'px\']; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (true ? 18 + Math.round(imageWidth) : 184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; -ko-attr-width: @[18 + Math.round(imageWidth)]; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
+        '          \n' +
+        '            <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px; -ko-width: @[imageWidth]px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 166px; -ko-attr-width: @[imageWidth]; -ko-max-width: @[imageWidth]px; height: auto" data-ko-editable="image.src" width="166" data-ko-placeholder-height="130" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C130"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '          \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div><!--\n' +
+        '        --><!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /sideArticleBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- singleArticleBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="singleArticleBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="vertical-align:top; width:100%; max-width: 552px; -mru-width: 0px"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px" width="552">\n' +
+        '          \n' +
+        '          <tr data-ko-display="imageVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 534px; -mru-width: 0px; -ko-width: @[imageWidth]px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 534px; -ko-attr-width: @[imageWidth]; -ko-max-width: @[imageWidth]px; height: auto" data-ko-editable="image.src" width="534" data-ko-placeholder-height="150" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=534%2C150"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '          <tr data-ko-display="titleVisible">\n' +
+        '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="text">Section Title</span></td>\n' +
+        '    </tr>\n' +
+        '          <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="longText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p></td></tr>\n' +
+        '          <tr data-ko-display="buttonVisible">\n' +
+        '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
+        '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @buttonLink.url"><span data-ko-wrap="false" data-ko-editable="buttonLink.text">BUTTON</span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        \n' +
+        '        </table></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /singleArticleBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- titleBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="titleBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0; padding: 0 9px"><div style="vertical-align:top; width:100%; max-width: 552px; -mru-width: 0px"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px" width="552">\n' +
+        '          \n' +
+        '          <tr>\n' +
+        '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 22px; font-family: Arial, Helvetica, sans-serif; text-align: center; -ko-font-size: @[bigTitleStyle.size]px; -ko-color: @bigTitleStyle.color; -ko-font-family: @bigTitleStyle.face; -ko-text-align: @bigTitleStyle.align; -ko-attr-align: @bigTitleStyle.align" align="center"><span style="font-weight: normal" data-ko-editable="text">Section Title</span></td>\n' +
+        '    </tr>\n' +
+        '        \n' +
+        '        </table></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /titleBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- textBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="textBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="18" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 18px; border-spacing: 18px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container">\n' +
+        '        \n' +
+        '        <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="longText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p>\n' +
+        '          <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p></td></tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /textBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- tripleArticleBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="tripleArticleBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
+        '          \n' +
+        '            <tr data-ko-display="imageVisible and fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="166" height="90" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C90"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            <tr data-ko-display="imageVisible and fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="leftImage.src" width="166" data-ko-placeholder-height="90" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C100"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            <tr data-ko-display="titleVisible">\n' +
+        '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="leftTitleText">Title</span></td>\n' +
+        '    </tr>\n' +
+        '            <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="leftLongText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p></td></tr>\n' +
+        '            <tr data-ko-display="buttonVisible">\n' +
+        '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
+        '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @leftButtonLink.url"><span data-ko-wrap="false" data-ko-editable="leftButtonLink.text">BUTTON</span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '          \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
+        '          \n' +
+        '            <tr data-ko-display="imageVisible and fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="middleImage.src" width="166" height="90" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C90"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            <tr data-ko-display="imageVisible and fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="middleImage.src" width="166" data-ko-placeholder-height="70" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C100"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            <tr data-ko-display="titleVisible">\n' +
+        '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="middleTitleText">Title</span></td>\n' +
+        '    </tr>\n' +
+        '            <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="middleLongText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p></td></tr>\n' +
+        '            <tr data-ko-display="buttonVisible">\n' +
+        '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
+        '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @middleButtonLink.url"><span data-ko-wrap="false" data-ko-editable="middleButtonLink.text">BUTTON</span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '          \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
+        '          \n' +
+        '            <tr data-ko-display="imageVisible and fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="166" height="90" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C90"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            <tr data-ko-display="imageVisible and fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="rightImage.src" width="166" data-ko-placeholder-height="110" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C100"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            <tr data-ko-display="titleVisible">\n' +
+        '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="rightTitleText">Title</span></td>\n' +
+        '    </tr>\n' +
+        '            <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="rightLongText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p></td></tr>\n' +
+        '            <tr data-ko-display="buttonVisible">\n' +
+        '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
+        '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @rightButtonLink.url"><span data-ko-wrap="false" data-ko-editable="rightButtonLink.text">BUTTON</span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '          \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /tripleArticleBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- doubleArticleBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="doubleArticleBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="imageVisible and fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 258px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="258" height="100" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C100"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="imageVisible and fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 258px; height: auto" data-ko-editable="leftImage.src" width="258" data-ko-placeholder-height="120" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C120"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="titleVisible">\n' +
+        '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="leftTitleText">Title</span></td>\n' +
+        '    </tr>\n' +
+        '              <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="leftLongText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p></td></tr>\n' +
+        '              <tr data-ko-display="buttonVisible">\n' +
+        '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
+        '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @leftButtonLink.url"><span data-ko-wrap="false" data-ko-editable="leftButtonLink.text">BUTTON</span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '          --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="imageVisible and fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 258px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="258" height="100" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C100"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="imageVisible and fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color" style="padding-bottom: 9px"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 258px; height: auto" data-ko-editable="rightImage.src" width="258" data-ko-placeholder-height="120" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C120"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="titleVisible">\n' +
+        '      <td width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[titleTextStyle.size]px; -ko-color: @titleTextStyle.color; -ko-font-family: @titleTextStyle.face; -ko-text-align: @titleTextStyle.align; -ko-attr-align: @titleTextStyle.align" align="left"><span style="font-weight: normal" data-ko-editable="rightTitleText">Title</span></td>\n' +
+        '    </tr>\n' +
+        '              <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; line-height: normal; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-text-align: @longTextStyle.align; -ko-attr-align: @longTextStyle.align; -ko-line-height: @[longTextStyle.lineHeight]" align="left" data-ko-editable="rightLongText"><p>Far far away, behind the word mountains, far from the countries <a href="">Vokalia and Consonantia</a>, there live the blind texts.</p></td></tr>\n' +
+        '              <tr data-ko-display="buttonVisible">\n' +
+        '      <td valign="top" align="left" style="-ko-attr-align: @buttonStyle.align"><table role="presentation" cellpadding="6" border="0" align="left" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 6px 6px 6px 6px; padding-top: 4px; -ko-attr-align: @buttonStyle.align"><tr data-ko-display="buttonVisible">\n' +
+        '        <td width="auto" valign="middle" align="left" style="text-align:center; font-weight: normal; padding: 6px; padding-left: 18px; padding-right: 18px; background-color: #bfbfbf; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[buttonStyle.radius]px; -ko-attr-bgcolor: @buttonStyle.buttonColor; -ko-background-color: @buttonStyle.buttonColor; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-align: @buttonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[buttonStyle.size]px; -ko-color: @buttonStyle.color; -ko-font-family: @buttonStyle.face; -ko-attr-href: @rightButtonLink.url"><span data-ko-wrap="false" data-ko-editable="rightButtonLink.text">BUTTON</span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '          --><!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /doubleArticleBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- hrBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="hrBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0; padding: 0 9px"><div style="vertical-align:top; width:100%; max-width: 552px; -mru-width: 0px"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px" width="552">\n' +
+        '          \n' +
+        '          <tr>\n' +
+        '      <td valign="top" align="center"><table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="border-spacing: 0; width: 100%; -ko-width: @[hrStyle.hrWidth]%; -ko-attr-width: @[hrStyle.hrWidth]%"><tr>\n' +
+        '        <td width="100%" height="1" style="padding: 0; font-size:1px; line-height: 1px; max-height: 1px; width: 100%; background-color: #3f3f3f; line-height: 1px; max-height: 1px; overflow: hidden; -ko-background-color: @hrStyle.color; -ko-attr-height: @hrStyle.hrHeight; -ko-line-height: @[hrStyle.hrHeight]px; -ko-max-height: @[hrStyle.hrHeight]px">&nbsp;</td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        \n' +
+        '        </table></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /hrBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- buttonBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="buttonBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="18" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 18px; border-spacing: 18px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td valign="top" align="center" style="-ko-attr-align: @bigButtonStyle.align"><table role="presentation" cellpadding="12" border="0" align="center" cellspacing="0" style="border-spacing: 0; mso-padding-alt: 12px 12px 12px 12px; -ko-attr-align: @bigButtonStyle.align"><tr>\n' +
+        '        <td width="auto" valign="middle" align="center" style="text-align:center; font-weight: normal; padding: 12px; padding-left: 14px; padding-right: 14px; background-color: #bfbfbf; color: #3f3f3f; font-size: 22px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; -ko-border-radius: @[bigButtonStyle.radius]px; -ko-attr-bgcolor: @bigButtonStyle.buttonColor; -ko-background-color: @bigButtonStyle.buttonColor; -ko-font-size: @[bigButtonStyle.size]px; -ko-color: @bigButtonStyle.color; -ko-font-family: @bigButtonStyle.face; -ko-attr-align: @bigButtonStyle.align" bgcolor="#bfbfbf"><a href="" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 22px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[bigButtonStyle.size]px; -ko-color: @bigButtonStyle.color; -ko-font-family: @bigButtonStyle.face; -ko-attr-href: @link.url"><span data-ko-wrap="false" data-ko-editable="link.text">BUTTON</span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /buttonBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- imageBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="imageBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <div data-ko-wrap="false" style="width: 100%;" data-ko-display="gutterVisible eq false"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container">\n' +
+        '        \n' +
+        '        <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 570px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 570px; height: auto" data-ko-editable="image.src" width="570" data-ko-placeholder-height="200" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=570%2C200" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="gutterVisible"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="18" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 18px; border-spacing: 18px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container">\n' +
+        '        \n' +
+        '        <tr><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 534px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="image.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[image.alt == \'\' ? null : image.alt]; width: 100%; max-width: 534px; height: auto" data-ko-editable="image.src" width="534" data-ko-placeholder-height="280" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=534%2C280"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /imageBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- doubleImageBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="doubleImageBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <div data-ko-wrap="false" style="width: 100%;" data-ko-display="gutterVisible eq false"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 570px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="285"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 285px; -mru-width: 0px; min-width: calc(285 * 100% / 570); -ko-min-width: @[\'calc(\' + (285) * 100 / 570 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(570 * 570px - 570 * 100%); -ko-width: @[\'calc(\'+ 570 * 570 + \'px - \' + 570 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; -yandex-p: calc(2px - 3%)" width="285" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 285px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 285px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="285" height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=285%2C180" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 285px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 285px; height: auto" data-ko-editable="leftImage.src" width="285" data-ko-placeholder-height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=285%2C180" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '          --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="285"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 285px; -mru-width: 0px; min-width: calc(285 * 100% / 570); -ko-min-width: @[\'calc(\' + (285) * 100 / 570 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(570 * 570px - 570 * 100%); -ko-width: @[\'calc(\'+ 570 * 570 + \'px - \' + 570 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; -yandex-p: calc(2px - 3%)" width="285" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 285px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 285px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="285" height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=285%2C180" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 285px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 285px; height: auto" data-ko-editable="rightImage.src" width="285" data-ko-placeholder-height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=285%2C180" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '          --><!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="gutterVisible"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 258px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="258" height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C180"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 258px; height: auto" data-ko-editable="leftImage.src" width="258" data-ko-placeholder-height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C180"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '      --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 258px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="258" height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C180"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 258px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 258px; height: auto" data-ko-editable="rightImage.src" width="258" data-ko-placeholder-height="180" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=258%2C180"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '      --><!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /doubleImageBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- tripleImageBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="tripleImageBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <div data-ko-wrap="false" style="width: 100%;" data-ko-display="gutterVisible eq false"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 570px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="190"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 190px; -mru-width: 0px; min-width: calc(190 * 100% / 570); -ko-min-width: @[\'calc(\' + (190) * 100 / 570 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(570 * 570px - 570 * 100%); -ko-width: @[\'calc(\'+ 570 * 570 + \'px - \' + 570 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; -yandex-p: calc(2px - 3%)" width="190" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 190px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="190" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 190px; height: auto" data-ko-editable="leftImage.src" width="190" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '       --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="190"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 190px; -mru-width: 0px; min-width: calc(190 * 100% / 570); -ko-min-width: @[\'calc(\' + (190) * 100 / 570 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(570 * 570px - 570 * 100%); -ko-width: @[\'calc(\'+ 570 * 570 + \'px - \' + 570 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; -yandex-p: calc(2px - 3%)" width="190" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 190px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="middleImage.src" width="190" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 190px; height: auto" data-ko-editable="middleImage.src" width="190" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '       --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="190"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 190px; -mru-width: 0px; min-width: calc(190 * 100% / 570); -ko-min-width: @[\'calc(\' + (190) * 100 / 570 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(570 * 570px - 570 * 100%); -ko-width: @[\'calc(\'+ 570 * 570 + \'px - \' + 570 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="0" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; -yandex-p: calc(2px - 3%)" width="190" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 190px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="190" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 190px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 190px; height: auto" data-ko-editable="rightImage.src" width="190" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=190%2C160" class="mobile-full"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '       --><!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="gutterVisible"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="leftImage.src" width="166" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="leftImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[leftImage.alt == \'\' ? null : leftImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="leftImage.src" width="166" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '          --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="middleImage.src" width="166" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="middleImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[middleImage.alt == \'\' ? null : middleImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="middleImage.src" width="166" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '          --><!--\n' +
+        '            --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="184"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 184px; -mru-width: 0px; min-width: calc(184 * 100% / 552); -ko-min-width: @[\'calc(\' + (184) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="184" align="left">\n' +
+        '          \n' +
+        '              <tr data-ko-display="fixedImageHeightVisible"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 166px; height: auto; -ko-attr-height: @[imageHeight]" data-ko-editable="rightImage.src" width="166" height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '              <tr data-ko-display="fixedImageHeightVisible eq false" style="display: none"><td width="100%" valign="top" align="center" class="links-color"><!--[if (lte ie 8)]><div style="display: inline-block; width: 166px; -mru-width: 0px"><![endif]--><a href="" data-ko-link="rightImage.url"><img alt="" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face; -ko-attr-alt: @[rightImage.alt == \'\' ? null : rightImage.alt]; width: 100%; max-width: 166px; height: auto" data-ko-editable="rightImage.src" width="166" data-ko-placeholder-height="160" src="https://mosaico.io/srv/f-default/img?method=placeholder&params=166%2C160"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '            \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '          --><!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /tripleImageBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- bigSocialBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="bigSocialBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="18" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 18px; border-spacing: 18px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container links-color socialLinks mobile-textcenter">\n' +
+        '        \n' +
+        '        <tr data-ko-display="bigSocialIconType eq \'colors\'" style="display: none"><td width="100%" valign="top" style="font-weight: normal; text-align: center" align="center" class="links-color socialLinks mobile-textcenter">\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #3b5998; border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fb-colors-96.png" width="48" height="48" alt="Facebook"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #4099FF; border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tw-colors-96.png" width="48" height="48" alt="Twitter"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #d34836; border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/gg-colors-96.png" width="48" height="48" alt="Google"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #606060; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/web-colors-96.png" width="48" height="48" alt="Web"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #25d366; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/wa-colors-96.png" width="48" height="48" alt="Whatsapp"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #2da5e1; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tg-colors-96.png" width="48" height="48" alt="Telegram"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="inVisible">&nbsp;</span><a href="" data-ko-display="inVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #007bb6; border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/in-colors-96.png" width="48" height="48" alt="Linkedin"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #C92228; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/pi-colors-96.png" width="48" height="48" alt="Pinterest"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #ff0084; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fl-colors-96.png" width="48" height="48" alt="Flickr"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #45bbff; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/vi-colors-96.png" width="48" height="48" alt="Vimeo"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="instVisible">&nbsp;</span><a href="" data-ko-display="instVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #bc2a8d; border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/inst-colors-96.png" width="48" height="48" alt="Instagram"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="youVisible">&nbsp;</span><a href="" data-ko-display="youVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #cd201f; border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/you-colors-96.png" width="48" height="48" alt="Youtube"></a>\n' +
+        '          \n' +
+        '        </td></tr>\n' +
+        '        <tr data-ko-display="bigSocialIconType eq \'bw\'" style="display: none"><td width="100%" valign="top" style="font-weight: normal; text-align: center" align="center" class="links-color socialLinks mobile-textcenter">\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fb-bw-96.png" width="48" height="48" alt="Facebook"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tw-bw-96.png" width="48" height="48" alt="Twitter"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/gg-bw-96.png" width="48" height="48" alt="Google"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/web-bw-96.png" width="48" height="48" alt="Web"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/wa-bw-96.png" width="48" height="48" alt="Whatsapp"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tg-bw-96.png" width="48" height="48" alt="Telegram"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="inVisible">&nbsp;</span><a href="" data-ko-display="inVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/in-bw-96.png" width="48" height="48" alt="Linkedin"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/pi-bw-96.png" width="48" height="48" alt="Pinterest"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fl-bw-96.png" width="48" height="48" alt="Flickr"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/vi-bw-96.png" width="48" height="48" alt="Vimeo"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="instVisible">&nbsp;</span><a href="" data-ko-display="instVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/inst-bw-96.png" width="48" height="48" alt="Instagram"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="youVisible">&nbsp;</span><a href="" data-ko-display="youVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/you-bw-96.png" width="48" height="48" alt="Youtube"></a>\n' +
+        '          \n' +
+        '        </td></tr>\n' +
+        '        <tr data-ko-display="bigSocialIconType eq \'rdcol\'"><td width="100%" valign="top" style="font-weight: normal; text-align: center" align="center" class="links-color socialLinks mobile-textcenter">\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fb-rdcol-96.png" width="48" height="48" alt="Facebook"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tw-rdcol-96.png" width="48" height="48" alt="Twitter"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/gg-rdcol-96.png" width="48" height="48" alt="Google"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/web-rdcol-96.png" width="48" height="48" alt="Web"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/wa-rdcol-96.png" width="48" height="48" alt="Whatsapp"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tg-rdcol-96.png" width="48" height="48" alt="Telegram"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="inVisible">&nbsp;</span><a href="" data-ko-display="inVisible" style="border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/in-rdcol-96.png" width="48" height="48" alt="Linkedin"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/pi-rdcol-96.png" width="48" height="48" alt="Pinterest"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fl-rdcol-96.png" width="48" height="48" alt="Flickr"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/vi-rdcol-96.png" width="48" height="48" alt="Vimeo"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="instVisible">&nbsp;</span><a href="" data-ko-display="instVisible" style="border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/inst-rdcol-96.png" width="48" height="48" alt="Instagram"></a>\n' +
+        '          \n' +
+        '            <span data-ko-wrap="false" data-ko-display="youVisible">&nbsp;</span><a href="" data-ko-display="youVisible" style="border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/you-rdcol-96.png" width="48" height="48" alt="Youtube"></a>\n' +
+        '          \n' +
+        '        </td></tr>\n' +
+        '        <tr data-ko-display="bigSocialIconType eq \'rdbl\'" style="display: none"><td width="100%" valign="top" style="font-weight: normal; text-align: center" align="center" class="links-color socialLinks mobile-textcenter">\n' +
+        '           <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fb-rdbl-96.png" width="48" height="48" alt="Facebook"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tw-rdbl-96.png" width="48" height="48" alt="Twitter"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/gg-rdbl-96.png" width="48" height="48" alt="Google"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/web-rdbl-96.png" width="48" height="48" alt="Web"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/wa-rdbl-96.png" width="48" height="48" alt="Whatsapp"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/tg-rdbl-96.png" width="48" height="48" alt="Telegram"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="inVisible">&nbsp;</span><a href="" data-ko-display="inVisible" style="border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/in-rdbl-96.png" width="48" height="48" alt="Linkedin"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/pi-rdbl-96.png" width="48" height="48" alt="Pinterest"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/fl-rdbl-96.png" width="48" height="48" alt="Flickr"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/vi-rdbl-96.png" width="48" height="48" alt="Vimeo"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="instVisible">&nbsp;</span><a href="" data-ko-display="instVisible" style="border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/inst-rdbl-96.png" width="48" height="48" alt="Instagram"></a>\n' +
+        '           <span data-ko-wrap="false" data-ko-display="youVisible">&nbsp;</span><a href="" data-ko-display="youVisible" style="border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px; -ko-attr-width: @[bigSocialIconSize]; -ko-attr-height: @[bigSocialIconSize]" src="img/icons/you-rdbl-96.png" width="48" height="48" alt="Youtube"></a>\n' +
+        '          \n' +
+        '        </td></tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /bigSocialBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- shareBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="shareBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <div data-ko-wrap="false" style="width: 100%;" data-ko-display="shareButtonType eq \'reverse\'"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0"><tr><![endif]--><!--\n' +
+        '        -->\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="fbVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="fbVisible"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #3b5998; border-radius: 4px; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#3b5998"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/fb-white-96.png" alt="Facebook" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="fbText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="twVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="twVisible"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #4099FF; border-radius: 4px; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#4099FF"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/tw-white-96.png" alt="Twitter" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="twText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="inVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="inVisible" style="display: none"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #007bb6; border-radius: 4px; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#007bb6"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/in-white-96.png" alt="LinkedIn" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="inText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="ggVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="ggVisible"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #d34836; border-radius: 4px; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#d34836"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/gg-white-96.png" alt="Google+" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="ggText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="piVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="piVisible" style="display: none"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #C92228; border-radius: 4px; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#C92228"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/pi-white-96.png" alt="Pinterest" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="piText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '        <!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="shareButtonType eq \'simple\'"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0"><tr><![endif]--><!--\n' +
+        '        -->\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="fbVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="fbVisible"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #FFFFFF; border-radius: 4px" bgcolor="#FFFFFF"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/fb-coloured-96.png" alt="Facebook" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="fbText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="twVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="twVisible"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #FFFFFF; border-radius: 4px" bgcolor="#FFFFFF"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/tw-coloured-96.png" alt="Twitter" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="twText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="inVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="inVisible" style="display: none"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #FFFFFF; border-radius: 4px" bgcolor="#FFFFFF"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/in-coloured-96.png" alt="LinkedIn" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="inText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="ggVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="ggVisible"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #FFFFFF; border-radius: 4px" bgcolor="#FFFFFF"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/gg-coloured-96.png" alt="Google+" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="ggText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="piVisible"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="piVisible" style="display: none"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #FFFFFF; border-radius: 4px" bgcolor="#FFFFFF"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/pi-coloured-96.png" alt="Pinterest" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #000000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="piText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '        <!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="shareButtonType eq \'custom\'"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0"><tr><![endif]--><!--\n' +
+        '        -->\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'brand\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'brand\'"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/fb-coloured-96.png" alt="Facebook" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="fbText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'white\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'white\'"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/fb-white-96.png" alt="Facebook" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="fbText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'black\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="fbVisible and shareButtonStyle.iconColorType eq \'black\'"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/fb-black-96.png" alt="Facebook" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.facebook.com/sharer/sharer.php?u=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="fbText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'brand\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'brand\'"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/tw-coloured-96.png" alt="Twitter" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="twText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'white\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'white\'"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/tw-white-96.png" alt="Twitter" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="twText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'black\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="twVisible and shareButtonStyle.iconColorType eq \'black\'"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/tw-black-96.png" alt="Twitter" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://twitter.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="twText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'brand\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'brand\'" style="display: none"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/in-coloured-96.png" alt="LinkedIn" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="inText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'white\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'white\'" style="display: none"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/in-white-96.png" alt="LinkedIn" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="inText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'black\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="inVisible and shareButtonStyle.iconColorType eq \'black\'" style="display: none"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/in-black-96.png" alt="LinkedIn" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://www.linkedin.com/shareArticle?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="inText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'brand\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'brand\'"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/gg-coloured-96.png" alt="Google+" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="ggText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'white\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'white\'"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/gg-white-96.png" alt="Google+" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="ggText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '            <div data-ko-wrap="false" style="display:inline-block" class="mobile-full" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'black\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="ggVisible and shareButtonStyle.iconColorType eq \'black\'"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/gg-black-96.png" alt="Google+" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://plus.google.com/share?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="ggText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'brand\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'brand\'" style="display: none"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/pi-coloured-96.png" alt="Pinterest" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="piText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'white\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'white\'" style="display: none"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/pi-white-96.png" alt="Pinterest" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="piText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '            <div data-ko-wrap="false" style="display:inline-block; display: none" class="mobile-full" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'black\'"><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" data-ko-display="piVisible and shareButtonStyle.iconColorType eq \'black\'" style="display: none"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" align="center">\n' +
+        '          \n' +
+        '              <tr>\n' +
+        '      <td valign="top" style="line-height: 24px;"><table role="presentation" cellpadding="0" border="0" align="center" cellspacing="6" style="border-spacing: 0; mso-cellspacing: 6px; border-collapse: separate; border-spacing: 6px; background-color: #bfbfbf; border-radius: 4px; -ko-attr-bgcolor: @shareButtonStyle.buttonColor; -ko-background-color: @shareButtonStyle.buttonColor; -ko-border-radius: @[shareButtonStyle.radius]px;" bgcolor="#bfbfbf"><tr>\n' +
+        '        <td class="shareIcon" valign="middle" style="font-weight: normal; padding-left: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;" width="24"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><img style="display: block" src="img/icons/pi-black-96.png" alt="Pinterest" width="24" height="24"></a></td>\n' +
+        '        <td width="auto" valign="middle" style="font-weight: normal; padding-right: 4px; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face; line-height: 24px;"><a href="http://pinterest.com/pin/find/?url=%5Bpermlink_urlenc%5D" style="text-decoration: none; font-weight: normal; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-color: @shareButtonStyle.color; -ko-font-size: @[shareButtonStyle.size]px; -ko-font-family: @shareButtonStyle.face"><span data-ko-wrap="false" data-ko-editable="piText">Share\n' +
+        '            </span></a></td>\n' +
+        '      </tr></table></td>\n' +
+        '    </tr>\n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--></div>\n' +
+        '          \n' +
+        '        <!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /shareBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '    \n' +
+        '    <!-- spacerBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#bfbfbf" style="background-color: #bfbfbf; -ko-background-color: @[externalBackgroundColor]; -ko-attr-bgcolor: @[externalBackgroundColor]" data-ko-block="spacerBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0; font-size:1px; height: 1px; height: 24px; -ko-height: @[spacerSize]px; -ko-attr-height: @[spacerSize]" height="24">\n' +
+        '      <div data-ko-wrap="false" style="width: 100%; display: none" data-ko-display="externalBackgroundVisible eq false"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; background-color: #ffffff; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]; max-width: 570px; -mru-width: 0px" bgcolor="#ffffff" width="570" class="vb-container">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '        <td width="100%" height="24" style="padding: 0; font-size:1px; line-height: 1px; width: 100%; line-height: 24px; -ko-line-height: @[spacerSize]px; -ko-attr-height: @[spacerSize]">&nbsp;</td>\n' +
+        '      </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]--></div>\n' +
+        '      <div data-ko-display="externalBackgroundVisible" data-ko-wrap="false">&nbsp;</div>\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /spacerBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '\n' +
+        '    \n' +
+        '    <!-- socialBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f" style="background-color: #3f3f3f; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]" data-ko-block="socialBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '      <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="9" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; max-width: 570px; -mru-width: 0px" width="570" class="vb-row">\n' +
+        '        \n' +
+        '        <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0"><div style="width:100%; max-width: 552px; -mru-width: 0px"><!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="552"><tr><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
+        '          \n' +
+        '            <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #919191; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: left; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face" align="left" data-ko-editable="longText"><p>Address and <a href="">Contacts</a></p></td></tr>\n' +
+        '          \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '          --><!--[if (gte mso 9)|(lte ie 8)]><td align="left" valign="top" width="276"><![endif]--><!--\n' +
+        '      --><div style="display:inline-block; vertical-align:top; width: 100%; max-width: 276px; -mru-width: 0px; min-width: calc(276 * 100% / 552); -ko-min-width: @[\'calc(\' + (276) * 100 / 552 + \'%)\']; max-width: calc(100%); -ko-max-width: @[\'calc(100%)\']; width: calc(552 * 552px - 552 * 100%); -ko-width: @[\'calc(\'+ 552 * 552 + \'px - \' + 552 * 100 +\'%)\']" class="mobile-full"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px; -yandex-p: calc(2px - 3%)" width="276" align="left">\n' +
+        '          \n' +
+        '            <tr data-ko-display="socialIconType eq \'colors\'"><td width="100%" valign="top" style="font-weight: normal; text-align: right" align="right" class="links-color socialLinks mobile-textcenter">\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #3b5998; border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/fb-colors-96.png" width="32" height="32" alt="Facebook"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #4099FF; border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/tw-colors-96.png" width="32" height="32" alt="Twitter"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #d34836; border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/gg-colors-96.png" width="32" height="32" alt="Google"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #606060; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/web-colors-96.png" width="32" height="32" alt="Web"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #25d366; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/wa-colors-96.png" width="32" height="32" alt="Whatsapp"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #2da5e1; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/tg-colors-96.png" width="32" height="32" alt="Telegram"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="inVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="inVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #007bb6; border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/in-colors-96.png" width="32" height="32" alt="Linkedin"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #C92228; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/pi-colors-96.png" width="32" height="32" alt="Pinterest"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #ff0084; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/fl-colors-96.png" width="32" height="32" alt="Flickr"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #45bbff; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/vi-colors-96.png" width="32" height="32" alt="Vimeo"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="instVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="instVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #bc2a8d; border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/inst-colors-96.png" width="32" height="32" alt="Instagram"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="youVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="youVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #cd201f; border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/you-colors-96.png" width="32" height="32" alt="Youtube"></a>\n' +
+        '              \n' +
+        '            </td></tr>\n' +
+        '            <tr data-ko-display="socialIconType eq \'bw\'" style="display: none"><td width="100%" valign="top" style="font-weight: normal; text-align: right" align="right" class="links-color socialLinks mobile-textcenter">\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="fbVisible">&nbsp;</span><a href="" data-ko-display="fbVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[fbUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/fb-bw-96.png" width="32" height="32" alt="Facebook"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="twVisible">&nbsp;</span><a href="" data-ko-display="twVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[twUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/tw-bw-96.png" width="32" height="32" alt="Twitter"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="ggVisible">&nbsp;</span><a href="" data-ko-display="ggVisible" style="background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[ggUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/gg-bw-96.png" width="32" height="32" alt="Google"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="webVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="webVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[webUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/web-bw-96.png" width="32" height="32" alt="Web"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="waVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="waVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[waUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/wa-bw-96.png" width="32" height="32" alt="Whatsapp"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="tgVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="tgVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[tgUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/tg-bw-96.png" width="32" height="32" alt="Telegram"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="inVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="inVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[inUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/in-bw-96.png" width="32" height="32" alt="Linkedin"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="piVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="piVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[piUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/pi-bw-96.png" width="32" height="32" alt="Pinterest"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="flVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="flVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[flUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/fl-bw-96.png" width="32" height="32" alt="Flickr"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="viVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="viVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[viUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/vi-bw-96.png" width="32" height="32" alt="Vimeo"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="instVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="instVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[instUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/inst-bw-96.png" width="32" height="32" alt="Instagram"></a>\n' +
+        '              \n' +
+        '                <span data-ko-wrap="false" data-ko-display="youVisible" style="display: none">&nbsp;</span><a href="" data-ko-display="youVisible" style="display: none; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), #818181; border-radius: 50px; -ko-attr-href: @[youUrl]"><img border="0" style="display: inline-block; vertical-align: top; padding-bottom: 0px" src="img/icons/you-bw-96.png" width="32" height="32" alt="Youtube"></a>\n' +
+        '              \n' +
+        '            </td></tr>\n' +
+        '          \n' +
+        '        </table><!--\n' +
+        '      --></div><!--[if (gte mso 9)|(lte ie 8)]></td><![endif]--><!--\n' +
+        '        --><!--\n' +
+        '      --><!--[if (gte mso 9)|(lte ie 8)]></tr></table><![endif]--></div></td>\n' +
+        '    </tr>\n' +
+        '      \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '    </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /socialBlock -->\n' +
+        '    \n' +
+        '\n' +
+        '  </div>\n' +
+        '\n' +
+        '  \n' +
+        '    <!-- footerBlock -->\n' +
+        '    <table role="presentation" class="vb-outer" width="100%" cellpadding="0" border="0" cellspacing="0" bgcolor="#3f3f3f" style="background-color: #3f3f3f; -ko-background-color: @[backgroundColor]; -ko-attr-bgcolor: @[backgroundColor]" data-ko-block="footerBlock">\n' +
+        '      <tr><td class="vb-outer" align="center" valign="top" style="padding-left: 9px; padding-right: 9px; font-size: 0">\n' +
+        '    <!--[if (gte mso 9)|(lte ie 8)]><table role="presentation" align="center" border="0" cellspacing="0" cellpadding="0" width="570"><tr><td align="center" valign="top"><![endif]--><!--\n' +
+        '      --><div style="margin: 0 auto; max-width: 570px; -mru-width: 0px"><table role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 0px; border-spacing: 0px; max-width: 570px; -mru-width: 0px" width="570" class="vb-row">\n' +
+        '        \n' +
+        '      <tr>\n' +
+        '      <td align="center" valign="top" style="font-size: 0; padding: 0 9px"><div style="vertical-align:top; width:100%; max-width: 552px; -mru-width: 0px"><!--\n' +
+        '        --><table role="presentation" class="vb-content" border="0" cellspacing="9" cellpadding="0" style="border-collapse: separate; width: 100%; mso-cellspacing: 9px; border-spacing: 9px" width="552">\n' +
+        '          \n' +
+        '        <tr><td class="long-text links-color" width="100%" valign="top" style="font-weight: normal; color: #919191; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; -ko-font-size: @[longTextStyle.size]px; -ko-color: @longTextStyle.color; -ko-font-family: @longTextStyle.face" align="center" data-ko-editable="longText"><p>Email sent to <a href="mailto:[mail]">[mail]</a></p></td></tr>\n' +
+        '        <tr><td width="100%" valign="top" style="font-weight: normal; color: #ffffff; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center; -ko-font-size: @[linkStyle.size]px; -ko-color: @linkStyle.color; -ko-font-family: @linkStyle.face" align="center"><a style="color: #ffffff; -ko-color: @[Color.readability(linkStyle.color, backgroundColor) gt 2 ? linkStyle.color : (Color.isReadable(\'#ffffff\', backgroundColor) ? \'#ffffff\' : \'#000000\')]; text-decoration: underline; -ko-color: @linkStyle.color; -ko-text-decoration: @linkStyle.decoration" href="[unsubscribe_link]" data-ko-editable="disiscrivitiText">Unsubscribe</a></td></tr>\n' +
+        '        <tr data-ko-display="_root_.sponsor.visible" style="display: none; text-align: center"><td width="100%" valign="top" align="center" class="links-color" style="text-align: center"><!--[if (lte ie 8)]><div style="display: inline-block; width: 170px; -mru-width: 0px"><![endif]--><a href="" style="-ko-attr-href: @_root_.sponsor.url"><img alt="sponsor" border="0" hspace="0" align="center" vspace="0" style="vertical-align:top; height: auto; margin: 0 auto; color: #3f3f3f; font-size: 13px; font-family: Arial, Helvetica, sans-serif; -ko-attr-src: @_root_.sponsor.src; -ko-attr-alt: @[_root_.sponsor.alt == \'\' ? null : _root_.sponsor.alt]; width: 100%; max-width: 170px" width="170" src="img/sponsor.gif"></a><!--[if (lte ie 8)]></div><![endif]--></td></tr>\n' +
+        '        </table></div></td>\n' +
+        '    </tr>\n' +
+        '    \n' +
+        '      </table></div><!--\n' +
+        '    --><!--[if (gte mso 9)|(lte ie 8)]></td></tr></table><![endif]-->\n' +
+        '  </td></tr>\n' +
+        '    </table>\n' +
+        '    <!-- /footerBlock -->\n' +
+        '    \n' +
+        '</center><!--[if !(gte mso 16)]--></body><!--<![endif]--></html>';
 
-function getVersafix() {
     return versafix;
 }
 
-function getMJMLSample() {
+function getMJMLSample(tagLanguage) {
+    const tg = tag => renderTag(tagLanguage, tag);
+
+    const mjmlSample = '<mjml>\n' +
+        '  <mj-head>\n' +
+        '    <mj-attributes>\n' +
+        '      <mj-body background-color="white"/>\n' +
+        '      <mj-section padding="0px 0px" />\n' +
+        '      <mj-text padding="0px 10px" />\n' +
+        '      <mj-image padding="10px 10px" alt="" />\n' +
+        '      <mj-mosaico-image padding="10px 10px" alt="" />\n' +
+        '      <mj-mosaico-button align="left" background-color="#e85034" color="#fff" border-radius="24px" font-size="11px" />\n' +
+        '      \n' +
+        '      <mj-class name="header-section" margin-top="10px" background-color="#e85034" padding-top="5px" padding-bottom="5px" full-width="full-width" css-class="header"/>\n' +
+        '\n' +
+        '      <mj-class name="banner-section" padding-top="10px" />\n' +
+        '\n' +
+        '      <mj-class name="feature-section" padding-top="10px" padding-bottom="15px" css-class="feature" />\n' +
+        '      \n' +
+        '      <mj-class name="divider-section" background-color="#e85034" vertical-align="middle" full-width="full-width" padding-top="10px" padding-bottom="5px" css-class="divider"/>\n' +
+        '\n' +
+        '      <mj-class name="article-section" padding-top="10px" padding-bottom="10px" css-class="article" />\n' +
+        '\n' +
+        '      <mj-class name="links-section" padding-top="0px" padding-bottom="0px" background-color="#e85034" vertical-align="middle" full-width="full-width" />\n' +
+        '      <mj-social font-size="12px" font-family="arial,helvetica neue,helvetica,sans-serif" icon-size="30px" mode="horizontal" />\n' +
+        '      <mj-social-element text-padding="4px 15px 4px 0px" padding="8px" alt="" color="white"/>\n' +
+        '      \n' +
+        '      <mj-class name="footer-section" padding-top="30px"/>\n' +
+        '      <mj-class name="footer-text" css-class="footer" />\n' +
+        '      \n' +
+        '      <mj-class name="caption-text" css-class="caption" />\n' +
+        '    </mj-attributes>\n' +
+        '    \n' +
+        '    <mj-mosaico-property property-id="leftImage" label="Left Image" type="image" />\n' +
+        '    <mj-mosaico-property property-id="middleImage" label="Middle Image" type="image" />\n' +
+        '    <mj-mosaico-property property-id="rightImage" label="Right Image" type="image" />\n' +
+        '    <mj-mosaico-property property-id="readMoreLink" label="Button" type="link" />\n' +
+        '\n' +
+        '    <mj-mosaico-property property-id="captionVisible" label="Caption Visible" type="visible"/>\n' +
+        '    \n' +
+        '    <mj-style>\n' +
+        '      p {\n' +
+        '        font-family: Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;\n' +
+        '        font-size: 12px;\n' +
+        '        color: #9da3a3;\n' +
+        '        margin-top: 8px;\n' +
+        '      }\n' +
+        '      \n' +
+        '      h2 {\n' +
+        '        margin: 5px 0px 0px 0px;\n' +
+        '        font-size: 15px;\n' +
+        '        font-weight: normal;\n' +
+        '      }\n' +
+        '      \n' +
+        '      .header a {\n' +
+        '        text-decoration: none;\n' +
+        '        color: white;\n' +
+        '      }\n' +
+        '      \n' +
+        '      .feature p {\n' +
+        '        text-align: center;\n' +
+        '      }\n' +
+        '      \n' +
+        '      .feature h2 {\n' +
+        '        color: #e85034;\n' +
+        '        text-align: center;\n' +
+        '      }\n' +
+        '      \n' +
+        '      .divider h2 {\n' +
+        '        color: white;\n' +
+        '        text-align: center;\n' +
+        '      }\n' +
+        '      \n' +
+        '      .divider p {\n' +
+        '        color: #f8d5d1;\n' +
+        '        text-align: center;\n' +
+        '      }\n' +
+        '\n' +
+        '      .article h2 {\n' +
+        '        font-weight: bold;\n' +
+        '        margin-top: 10px;\n' +
+        '      }\n' +
+        '      \n' +
+        '      .article p {\n' +
+        '        color: #45474e;\n' +
+        '      }\n' +
+        '\n' +
+        '      .footer a {\n' +
+        '        color: #3A3A3A;\n' +
+        '      }\n' +
+        '\n' +
+        '      .footer p {\n' +
+        '        font-family: arial,helvetica neue,helvetica,sans-serif;\n' +
+        '        font-size: 12px;\n' +
+        '        text-align: center;\n' +
+        '      }\n' +
+        '      \n' +
+        '      .caption p {\n' +
+        '        font-size: 10px;\n' +
+        '        text-align: center;\n' +
+        '        margin-top: 0px;\n' +
+        '      }\n' +
+        '    </mj-style>\n' +
+        '  </mj-head>\n' +
+        '  \n' +
+        '  <mj-body>\n' +
+        '    \n' +
+        '    <mj-section mj-class="header-section">\n' +
+        '      <mj-column>\n' +
+        '        <mj-text align="left"><a href="https://lists.example.org/subscription/' + tg('LIST_ID') + '?locale=en-US">Subscribe</a></mj-text>\n' +
+        '      </mj-column>\n' +
+        '      <mj-column>\n' +
+        '        <mj-text align="right"><a href="' + tg('LINK_BROWSER') + '">View&nbsp;in&nbsp;browser</a></mj-text>\n' +
+        '      </mj-column>\n' +
+        '    </mj-section>\n' +
+        '    \n' +
+        '    <mj-mosaico-block block-id="banner" label="Banner">\n' +
+        '      <mj-section mj-class="banner-section">\n' +
+        '        <mj-column>\n' +
+        '          <mj-mosaico-image property-id="image" placeholder-height="400" href="https://www.example.com/xxx" />\n' +
+        '        </mj-column>\n' +
+        '      </mj-section>\n' +
+        '    </mj-mosaico-block>\n' +
+        '\n' +
+        '    <mj-mosaico-container>\n' +
+        '      \n' +
+        '      <mj-mosaico-block block-id="feature_section" label="Feature">\n' +
+        '        <mj-section mj-class="feature-section">\n' +
+        '          <mj-column>\n' +
+        '            <mj-mosaico-image property-id="leftImage" placeholder-height="150" href-editable="true" />\n' +
+        '            <mj-text>\n' +
+        '              <h2 mj-mosaico-editable="leftTitleText">Lorem ipsum dolor</h2>\n' +
+        '              <div mj-mosaico-editable="leftBodyText">\n' +
+        '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend sagittis nunc, et fermentum est ullamcorper dignissim.</p>\n' +
+        '              </div>\n' +
+        '            </mj-text>\n' +
+        '          </mj-column>\n' +
+        '          <mj-column>\n' +
+        '            <mj-mosaico-image property-id="middleImage" placeholder-height="150" href-editable="true" />\n' +
+        '            <mj-text>\n' +
+        '              <h2 mj-mosaico-editable="middleTitleText">Lorem ipsum dolor</h2>\n' +
+        '              <div mj-mosaico-editable="leftBodyText">\n' +
+        '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend sagittis nunc, et fermentum est ullamcorper dignissim.</p>\n' +
+        '              </div>\n' +
+        '            </mj-text>\n' +
+        '          </mj-column>\n' +
+        '          <mj-column>\n' +
+        '            <mj-mosaico-image property-id="rightImage" placeholder-height="150" href-editable="true" />\n' +
+        '            <mj-text>\n' +
+        '              <h2 mj-mosaico-editable="rightTitleText">Lorem ipsum dolor</h2>\n' +
+        '              <div mj-mosaico-editable="leftBodyText">\n' +
+        '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend sagittis nunc, et fermentum est ullamcorper dignissim.</p>\n' +
+        '              </div>\n' +
+        '            </mj-text>\n' +
+        '          </mj-column>\n' +
+        '        </mj-section>\n' +
+        '      </mj-mosaico-block>\n' +
+        '\n' +
+        '      <mj-mosaico-block block-id="divider_section" label="Divider">\n' +
+        '        <mj-section mj-class="divider-section">\n' +
+        '          <mj-column>\n' +
+        '            <mj-text>\n' +
+        '              <h2 mj-mosaico-editable="titleText">Lorem ipsum dolor</h2>\n' +
+        '            </mj-text>\n' +
+        '            <mj-divider border-color="white" border-width="1px" padding-bottom="10px" padding-top="15px"></mj-divider>\n' +
+        '            <mj-text>\n' +
+        '              <div mj-mosaico-editable="bodyText">\n' +
+        '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>\n' +
+        '              </div>\n' +
+        '            </mj-text>\n' +
+        '          </mj-column>\n' +
+        '        </mj-section>\n' +
+        '      </mj-mosaico-block>    \n' +
+        '    \n' +
+        '      <mj-mosaico-block block-id="article_section" label="Article">\n' +
+        '        <mj-section mj-class="article-section">\n' +
+        '          <mj-column>\n' +
+        '            <mj-mosaico-image property-id="image" placeholder-height="280" href-editable="true" />\n' +
+        '            <mj-mosaico-conditional-display property-id="captionVisible">\n' +
+        '              <mj-text mj-class="caption-text">\n' +
+        '                <div mj-mosaico-editable="captionText"></div>\n' +
+        '              </mj-text>\n' +
+        '            </mj-mosaico-conditional-display>\n' +
+        '          </mj-column>\n' +
+        '          <mj-column>\n' +
+        '            <mj-text>\n' +
+        '              <h2 mj-mosaico-editable="titleText">Lorem ipsum dolor</h2>\n' +
+        '              <div mj-mosaico-editable="bodyText">\n' +
+        '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>\n' +
+        '              </div>\n' +
+        '            </mj-text>\n' +
+        '            <mj-mosaico-button property-id="readMoreLink" font-family="Ubuntu, Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif" padding-left="10px" padding-bottom="15px" padding-top="15px">Read more ...</mj-mosaico-button>\n' +
+        '          </mj-column>\n' +
+        '        </mj-section>\n' +
+        '      </mj-mosaico-block>  \n' +
+        '\n' +
+        '      <mj-mosaico-block block-id="text_section" label="Text">\n' +
+        '        <mj-section>\n' +
+        '          <mj-column>\n' +
+        '            <mj-text>\n' +
+        '              <div mj-mosaico-editable="text">\n' +
+        '                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>\n' +
+        '              </div>\n' +
+        '            </mj-text>\n' +
+        '          </mj-column>\n' +
+        '        </mj-section>\n' +
+        '      </mj-mosaico-block>\n' +
+        '      \n' +
+        '      <mj-mosaico-block block-id="image_section" label="Image">\n' +
+        '        <mj-section>\n' +
+        '          <mj-column>\n' +
+        '            <mj-mosaico-image property-id="image" placeholder-height="400" href-editable="false" />\n' +
+        '            <mj-mosaico-conditional-display property-id="captionVisible">\n' +
+        '              <mj-text mj-class="caption-text">\n' +
+        '                <div mj-mosaico-editable="captionText"></div>\n' +
+        '              </mj-text>\n' +
+        '            </mj-mosaico-conditional-display>\n' +
+        '          </mj-column>\n' +
+        '        </mj-section>\n' +
+        '      </mj-mosaico-block>\n' +
+        '      \n' +
+        '      <mj-mosaico-block block-id="image_left_and_right_section" label="Image Left and Right">\n' +
+        '        <mj-section>\n' +
+        '          <mj-column>\n' +
+        '            <mj-mosaico-image property-id="leftImage" placeholder-height="250" href-editable="false" />\n' +
+        '            <mj-mosaico-conditional-display property-id="leftCaptionVisible" label="Left Caption Visible">\n' +
+        '              <mj-text mj-class="caption-text">\n' +
+        '                <div mj-mosaico-editable="leftCaptionText"></div>\n' +
+        '              </mj-text>\n' +
+        '            </mj-mosaico-conditional-display>\n' +
+        '          </mj-column>\n' +
+        '          <mj-column>\n' +
+        '            <mj-mosaico-image property-id="rightImage" placeholder-height="250" href-editable="false" />\n' +
+        '            <mj-mosaico-conditional-display property-id="rightCaptionVisible" label="Right Caption Visible">\n' +
+        '              <mj-text mj-class="caption-text">\n' +
+        '                <div mj-mosaico-editable="rightCaptionText"></div>\n' +
+        '              </mj-text>\n' +
+        '            </mj-mosaico-conditional-display>\n' +
+        '          </mj-column>\n' +
+        '        </mj-section>\n' +
+        '      </mj-mosaico-block>\n' +
+        '      \n' +
+        '    </mj-mosaico-container>    \n' +
+        '\n' +
+        '    <mj-section mj-class="links-section">\n' +
+        '      <mj-column>\n' +
+        '        <mj-social border-radius="5px">\n' +
+        '          <mj-social-element name="facebook" href="' + tg('LINK_BROWSER') + '">Share on Facebook</mj-social-element>\n' +
+        '          <mj-social-element  name="twitter" href="' + tg('LINK_BROWSER') + '">Tweet</mj-social-element>\n' +
+        '        </mj-social>       \n' +
+        '      </mj-column>\n' +
+        '    </mj-section>\n' +
+        '    \n' +
+        '    <mj-section mj-class="footer-section">\n' +
+        '      <mj-column>\n' +
+        '        <mj-text mj-class="footer-text">\n' +
+        '          <p>This email was sent to <a href="mailto:' + tg('EMAIL') + '">' + tg('EMAIL') + '</a><p>\n' +
+        '          <p> &nbsp; <a href="' + tg('LINK_UNSUBSCRIBE') + '">Unsubscribe&nbsp;from&nbsp;this&nbsp;list</a> &nbsp;  &nbsp; <a href="' + tg('LINK_PREFERENCES') + '">Update&nbsp;subscription&nbsp;preferences</a> &nbsp; </p>\n' +
+        '          <p>Your address XXXXXX</p>\n' +
+        '        </mj-text>\n' +
+        '      </mj-column>\n' +
+        '    </mj-section>\n' +
+        '    \n' +
+        '  </mj-body>\n' +
+        '</mjml>';
+
     return mjmlSample;
 }
 
diff --git a/shared/templates.js b/shared/templates.js
index 796a923b..7df28cc4 100644
--- a/shared/templates.js
+++ b/shared/templates.js
@@ -1,5 +1,12 @@
 'use strict';
 
+const TagLanguages = {
+    SIMPLE: 'simple',
+    HBS: 'hbs'
+};
+
+const allTagLanguages = [TagLanguages.SIMPLE, TagLanguages.HBS];
+
 function _getBases(trustedBaseUrl, sandboxBaseUrl, publicBaseUrl) {
     if (trustedBaseUrl.endsWith('/')) {
         trustedBaseUrl = trustedBaseUrl.substring(0, trustedBaseUrl.length - 1);
@@ -58,5 +65,7 @@ function unbase(text, trustedBaseUrl, sandboxBaseUrl, publicBaseUrl, treatAllAsP
 module.exports = {
     base,
     unbase,
-    getMergeTagsForBases
+    getMergeTagsForBases,
+    TagLanguages,
+    allTagLanguages
 };
\ No newline at end of file