our-network

Our network

Helping you make the connections that matter to your business

Our network

Helping you make the connections that matter to your business

Our presence

DBS’ global network of experts enables us to support our customers globally with a comprehensive suite of customised solutions and relevant insights.

DBS is present in 18 markets globally, including six priority markets in Asia, namely Singapore, Hong Kong, China, India, Indonesia and Taiwan. This makes us the only Asian bank with a presence in the three key axes of growth – Southeast Asia, Greater China and South Asia.

An error occurred while processing the template. 
The following has evaluated to null or missing:
==> cur_tile.TilesGridDescription  [in template "20100#20136#8884743" at line 76, column 110]

----
Tip: It's the step after the last dot that caused this error, not those before it.
----
Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${cur_tile.TilesGridDescription.getDa...  [in template "20100#20136#8884743" at line 76, column 108]
----
1<div class="tab-tilelisting"> 
2<div class="corp-market-component-title"> 
3	<#if ComponentName?has_content> 
4		${ComponentName.getData()} 
5	</#if> 
6</div> 
7<div class="corp-market-component-desc"> 
8<#if ComponentDescription?has_content> 
9	${ComponentDescription.getData()} 
10</#if> 
11</div> 
12<#assign modalCounter=1> 
13<section id="tabs"> 
14        <div class="container"> 
15            
16            <div class="row"> 
17                <div class="col-xs-12 tabs-container-pad"> 
18 
19					 
20					<div class="dbs-dropdown mobile-network-select-options"> 
21					  
22						<i class="icon ico-arrowdown1"></i> 
23						<select id="country-selector" name="category"> 
24						<#if TabName.getSiblings()?has_content> 
25							<#list TabName.getSiblings() as cur_tab> 
26							 <#if cur_tab.getData() == ''> 
27							 <option value="${cur_tab.TabNameWithoutSpaces.getData()}">${cur_tab.TabNameWithoutSpaces.getData()?replace('&[a-zA-Z]+;', '  ', 'r')?replace('[^a-zA-Z0-9. ]', '  ', 'r')}</option> 
28							  <#else> 
29							  <option value="${cur_tab.TabNameWithoutSpaces.getData()}">${cur_tab.getData()}</option> 
30							  </#if> 
31							</#list> 
32						</#if>	 
33						</select> 
34									 
35					</div> 
36					 
37					  <div class="tab-content py-3 px-3 px-sm-0" id="nav-tabContent"> 
38					  <#if TabName.getSiblings()?has_content>			 
39					   
40						<#list TabName.getSiblings() as cur_tab> 
41						<#if cur_tab?index == 0> 
42						 <div class="tab-pane fade show active col-md-12 row" style="padding-left:0px;" id="${cur_tab.TabNameWithoutSpaces.getData()}" role="tabpanel"  
43							aria-labelledby="${cur_tab.TabNameWithoutSpaces.getData()}-tab"> 
44							<div class="market-box-layout col-md-12 col-xs-12 row"> 
45								<div class="corp-market-title-main"> 
46									<#if cur_tab.TabSubHeader?has_content> 
47										${cur_tab.TabSubHeader.getData()} 
48									</#if> 
49								</div> 
50								<div class="corp-market-desc-main"> 
51								<#if cur_tab.AboutTab?has_content> 
52									${cur_tab.AboutTab.getData()} 
53								</#if> 
54								</div> 
55														 
56							<#list cur_tab.NewTileSeparator.getSiblings() as cur_tile> 
57							 
58							<div class="col-md-4 col-sm-12 col-xs-12 tab-market-panel"> 
59                              <div class="asia-market-box" id="asia-market"> 
60									<div class="market-box single-item">              
61											<#if cur_tile.TileImage.getData()?? &&  
62											cur_tile.TileImage.getData() != ""> 
63											<div class="tile-listing-img-wrapper"> 
64												<img alt="${cur_tile.TileImage.getAttribute("alt")}"  
65													data-fileentryid="${cur_tile.TileImage.getAttribute("fileEntryId")}"  
66													src="${cur_tile.TileImage.getData()}" /> 
67												<#if cur_tile.SelectType.getData()=='video'> 
68													<div class="tabtiles-video-overlay"></div> 
69												</#if> 
70											</div> 
71											</#if> 
72											<div class="corp-market-title"> 
73													${cur_tile.TileName.getData()} 
74											</div>    
75											<div class="market-desc"> 
76													<p>${cur_tile.TilesGridDescription.getData()} 
77													</p> 
78											</div>   
79												<div class="market-title-2"> 
80												<#if cur_tile.SelectType?has_content> 
81													<#if cur_tile.SelectType.getData()=='pageURL'> 
82														<#if cur_tile.PageSeparator.ButtonName.getData()?has_content && 
83														 cur_tile.PageSeparator.PageURL.getData()?has_content > 
84															<a href="${cur_tile.PageSeparator.PageURL.getData()}" target="_self" class="red"> 
85															${cur_tile.PageSeparator.ButtonName.getData()}</a> 
86														</#if> 
87													<#elseif cur_tile.SelectType.getData()=='freeContent'> 
88													<!-- start --> 
89													 
90													<#if cur_tile.FreeContentSeparator.getSiblings()?has_content> 
91														<#list cur_tile.FreeContentSeparator.getSiblings() as cur_freeContent> 
92 
93														<#if cur_tile.FreeContentSeparator.getSiblings()?size &gt; 1 > 
94															<div class="accordion-tiles"> 
95															<div class="accordion-article"> 
96																<#assign portlet_display = portletDisplay> 
97																<#assign portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
98																<#assign market_experts_portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
99															 
100															<div class="accor-wrapper"> 
101																 <table class='accordion-table'> 
102																	<hr> 
103																	<tr> 
104																	<!--started --> 
105																	<td id='${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}-icon-td'> 
106																		<#if cur_freeContent?index == 0> 
107																		<a class="collapse-icon-accordion" aria-expanded="true" data-toggle="collapse" 
108																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
109																		<#else> 
110																		<a class="collapse-icon-accordion" aria-expanded="false" data-toggle="collapse"  
111																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
112																		</#if> 
113																		   <i class="icon ico-add-4-line plus"></i> 
114																		   <i class='icon ico-minus-4-box-line minus'></i> 
115																		</a> 
116																	</td> 
117																	 
118																	<!-- ended --> 
119																	 
120																	<!--started --> 
121																	<td> 
122																	<div class='acc-title'> 
123																		<#if cur_freeContent.Title.getData()?has_content> 
124																			${cur_freeContent.Title.getData()} 
125																		</#if> 
126																	</div> 
127																	<div class="acc-description dbs-table"> 
128																		<#if cur_freeContent.Description.getData()?has_content> 
129																			${cur_freeContent.Description.getData()} 
130																		</#if> 
131																	</div> 
132																	</td> 
133																	<!-- ended --> 
134																</tr> 
135																<!--started --> 
136																 
137																<tr> 
138																  <td></td> 
139																  <td> 
140																  <#if cur_freeContent?index == 0> 
141																	<div class="collapse acc-content dbs-table show" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
142																  <#else> 
143																	<div class="collapse acc-content dbs-table" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
144																  </#if> 
145																 
146																	<div class="glance-description dbs-table"> 
147																		<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
148																		${cur_freeContent.FreeContentHTML.getData()}																		 
149																		</#if> 
150																	</div> 
151																	  </div> 
152																	</td> 
153																	 
154																</tr> 
155																<!-- ended --> 
156																</table> 
157																</div> 
158															</div> 
159															</div> 
160														<#else> 
161														<div class='acc-title-noacc'> 
162															<#if cur_freeContent.Title.getData()?has_content> 
163																${cur_freeContent.Title.getData()} 
164															</#if> 
165														</div> 
166														<div class="glance-description-noacc dbs-table"> 
167															<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
168															${cur_freeContent.FreeContentHTML.getData()} 
169															</#if> 
170														</div> 
171														</#if> 
172														 
173														</#list> 
174													</#if> 	 
175													 
176													<!-- end --> 
177													<#elseif cur_tile.SelectType.getData()=='video'> 
178													<#assign modalCounter = modalCounter +1> 
179													<#assign modalId = "modal0" + modalCounter>														 
180													<div class="product-card-content-modal" id="${modalId}"> 
181														<div class="product-card-content-modal-content" id="${modalId}"> 
182															<div class="product-card-content-modal-header"> 
183																<span class="product-card-content-modal-close">&times;</span> 
184																<h2>${cur_tile.TileName.getData()}</h2> 
185															</div> 
186															<div class="product-card-content-modal-body"> 
187																<iframe src="${cur_tile.VideoSeparator.VideoURL.getData()?replace("watch?v=","embed/",'f')}" 
188																 allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" 
189																  msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" 
190																   webkitallowfullscreen="webkitallowfullscreen"></iframe> 
191															</div> 
192														</div> 
193													</div> 
194																								 
195													 
196													<div class="content-tile-listing"> 
197														 
198													   <#if cur_tile.VideoSeparator.ButtonName1.getData()??> 
199															<div class="tile-button">	 
200															<a class="product-card-group__btn" name="${modalId}" href="javascript:void(0)" target="_self" class="red"> 
201															${cur_tile.VideoSeparator.ButtonName1.getData()}</a> 
202															</div> 
203														</#if> 
204													</div> 
205												</#if> 
206												</#if>    
207												</div> 
208									</div>   
209                                </div> 
210								</div> 
211								 
212								</#list> 
213							</div> 
214						<#else> 
215						<div class="tab-pane col-md-12 row" style="padding-left:0px;" id="${cur_tab.TabNameWithoutSpaces.getData()}" role="tabpanel"  
216							aria-labelledby="${cur_tab.TabNameWithoutSpaces.getData()}-tab"> 
217							<div class="market-box-layout col-md-12 col-xs-12 row"> 
218								<div class="corp-market-title-main"> 
219									<#if cur_tab.TabSubHeader?has_content> 
220										${cur_tab.TabSubHeader.getData()} 
221									</#if> 
222								</div> 
223								<div class="corp-market-desc-main"> 
224								<#if cur_tab.AboutTab?has_content> 
225									${cur_tab.AboutTab.getData()} 
226								</#if> 
227								</div> 
228							<#list cur_tab.NewTileSeparator.getSiblings() as cur_tile> 
229							 
230							<div class="col-md-4 col-sm-12 col-xs-12 tab-market-panel"> 
231                              <div class="asia-market-box" id="asia-market"> 
232									<div class="market-box single-item">              
233											<#if cur_tile.TileImage.getData()?? &&  
234											cur_tile.TileImage.getData() != ""> 
235											<div class="tile-listing-img-wrapper"> 
236												<img alt="${cur_tile.TileImage.getAttribute("alt")}"  
237													data-fileentryid="${cur_tile.TileImage.getAttribute("fileEntryId")}"  
238													src="${cur_tile.TileImage.getData()}" /> 
239												<#if cur_tile.SelectType.getData()=='video'> 
240													<div class="tabtiles-video-overlay"></div> 
241												</#if> 
242											</div> 
243											 
244											</#if> 
245											<div class="corp-market-title"> 
246													${cur_tile.TileName.getData()} 
247											</div>    
248											<div class="market-desc"> 
249													<p>${cur_tile.TilesGridDescription.getData()} 
250													</p> 
251											</div>   
252												<div class="market-title-2"> 
253												<#if cur_tile.SelectType?has_content> 
254													<#if cur_tile.SelectType.getData()=='pageURL'> 
255														<#if cur_tile.PageSeparator.ButtonName.getData()?has_content && 
256														 cur_tile.PageSeparator.PageURL.getData()?has_content > 
257															<a href="${cur_tile.PageSeparator.PageURL.getData()}" target="_self" class="red"> 
258															${cur_tile.PageSeparator.ButtonName.getData()}</a> 
259														</#if> 
260													<#elseif cur_tile.SelectType.getData()=='freeContent'> 
261													 
262													<!-- start --> 
263													<#if cur_tile.FreeContentSeparator.getSiblings()?has_content> 
264														<#list cur_tile.FreeContentSeparator.getSiblings() as cur_freeContent> 
265 
266														<#if cur_tile.FreeContentSeparator.getSiblings()?size &gt; 1 > 
267															<div class="accordion-tiles"> 
268															<div class="accordion-article"> 
269																<#assign portlet_display = portletDisplay> 
270																<#assign portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
271																<#assign market_experts_portlet_id = htmlUtil.escapeAttribute(portlet_display.getId())> 
272															 
273															<div class="accor-wrapper"> 
274																 <table class='accordion-table'> 
275																	<hr> 
276																	<tr> 
277																	<!--started --> 
278																	<td id='${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}-icon-td'> 
279																		<#if cur_freeContent?index == 0> 
280																		<a class="collapse-icon-accordion" aria-expanded="true" data-toggle="collapse" 
281																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
282																		<#else> 
283																		<a class="collapse-icon-accordion" aria-expanded="false" data-toggle="collapse"  
284																		href="#${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}"> 
285																		</#if> 
286																		   <i class="icon ico-add-4-line plus"></i> 
287																		   <i class='icon ico-minus-4-box-line minus'></i> 
288																		</a> 
289																	</td> 
290																	 
291																	<!-- ended --> 
292																	 
293																	<!--started --> 
294																	<td> 
295																	<div class='acc-title'> 
296																		<#if cur_freeContent.Title.getData()?has_content> 
297																			${cur_freeContent.Title.getData()} 
298																		</#if> 
299																	</div> 
300																	<div class="acc-description dbs-table"> 
301																		<#if cur_freeContent.Description.getData()?has_content> 
302																			${cur_freeContent.Description.getData()} 
303																		</#if> 
304																	</div> 
305																	</td> 
306																	<!-- ended --> 
307																</tr> 
308																<!--started --> 
309																 
310																<tr> 
311																  <td></td> 
312																  <td> 
313																  <#if cur_freeContent?index == 0> 
314																	<div class="collapse acc-content dbs-table show" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
315																  <#else> 
316																	<div class="collapse acc-content dbs-table" id="${portlet_id}-${.vars['reserved-article-id'].data}index${cur_tile?index}${cur_freeContent?index}">         
317																  </#if> 
318																  
319																	<div class="glance-description glance-accordian-desc dbs-table"> 
320																		<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
321																		${cur_freeContent.FreeContentHTML.getData()} 
322																		</#if> 
323																	</div> 
324																	 </div> 
325																	</td> 
326																	 
327																</tr> 
328																<!-- ended --> 
329																</table> 
330																</div> 
331															</div> 
332														</div> 
333														<#else> 
334														<div class='acc-title-noacc'> 
335															<#if cur_freeContent.Title.getData()?has_content> 
336																${cur_freeContent.Title.getData()} 
337															</#if> 
338														</div> 
339														<div class="glance-description-noacc dbs-table"> 
340															<#if cur_freeContent.FreeContentHTML.getData()?has_content> 
341															${cur_freeContent.FreeContentHTML.getData()} 
342															</#if> 
343														</div> 
344														</#if> 
345														</#list> 
346													</#if> 	 
347													 
348													<!-- end --> 
349													<#elseif cur_tile.SelectType.getData()=='video'> 
350													<#assign modalCounter = modalCounter +1> 
351													<#assign modalId = "modal0" + modalCounter>		 
352													<div class="product-card-content-modal" id="${modalId}"> 
353														<div class="product-card-content-modal-content" id="${modalId}"> 
354															<div class="product-card-content-modal-header"> 
355																<span class="product-card-content-modal-close">&times;</span> 
356																<h2>${cur_tile.TileName.getData()}</h2> 
357															</div> 
358															<div class="product-card-content-modal-body"> 
359																<iframe src="${cur_tile.VideoSeparator.VideoURL.getData()?replace("watch?v=","embed/",'f')}" 
360																 allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" 
361																  msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" 
362																   webkitallowfullscreen="webkitallowfullscreen"></iframe> 
363															</div> 
364														</div> 
365													</div> 
366																								 
367													 
368													<div class="content-tile-listing"> 
369														 
370													   <#if cur_tile.VideoSeparator.ButtonName1.getData()??> 
371															<div class="tile-button">	 
372															<a class="product-card-group__btn" name="${modalId}" href="javascript:void(0)" target="_self" class="red"> 
373															${cur_tile.VideoSeparator.ButtonName1.getData()}</a> 
374															</div> 
375														</#if> 
376													</div> 
377												</#if> 
378												</#if>    
379												</div> 
380									</div>   
381                                </div> 
382								</div> 
383								 
384								</#list> 
385							</div> 
386						</#if> 
387						 
388						 
389						</div> 
390						</#list> 
391					</#if> 
392				</div> 
393		</div> 
394        </div> 
395		</div> 
396    </section>			 
397	<div class="view-allpage"> 
398		 
399		<#if ViewAllPageUrlTitle.getData()?has_content> 
400			<#if ViewAllPageUrlTitle.ViewAllPageUrl.getData()?has_content> 
401				<input type="button" onclick="location.href='${ViewAllPageUrlTitle.ViewAllPageUrl.getData()}';" class="cta-btn-inline dbsred" value="${ViewAllPageUrlTitle.getData()}" />  
402			</#if> 
403		</#if> 
404	</div> 
405 </div> 
406  
407  
408<style> 
409 
410.tab-tilelisting .view-allpage{ 
411	text-align: center; 
412	padding-bottom:8px; 
413	padding-top: 0px !important; 
414} 
415.pagination { 
416  display: flex; 
417  justify-content: center; 
418  margin-top: 5px; 
419} 
420.pagination a { 
421  color: black; 
422  float: left; 
423  padding: 8px 16px; 
424  text-decoration: none; 
425  transition: background-color .3s; 
426  border: 1px solid #ddd; 
427} 
428.pagination a.current { 
429  background-color: #CCC; 
430  color: white; 
431  border: 1px solid #CCC; 
432} 
433.pagination a:hover:not(.active) {background-color: #ddd;} 
434 
435.tab-tilelisting{ 
436	margin: 0 auto; 
437    max-width: 960px; 
438	color:#2E2E2E; 
439} 
440.tab-tilelisting .market-box-layout { 
441	padding-right: 0px; 
442} 
443.tab-tilelisting .tab-content{ 
444	padding: 0px; 
445    margin: 0 auto; 
446    max-width: 960px; 
447} 
448.tab-tilelisting .tab-content .pt-3, .py-3{ 
449	padding-bottom: 4px !important 
450} 
451.market-box{ 
452	color:#2E2E2E; 
453	height: 100%; 
454	width:	300px; 
455	border: 1px solid #ececec; 
456	padding-left: 0%; 
457	padding-bottom:20px; 
458} 
459.layout-container-market{ 
460	height: 128px; 
461	width:300px; 
462	padding-left: 0px; 
463} 
464 
465.market-title{ 
466	padding-left: 24px; 
467	padding-top: 15px; 
468} 
469.market-title p{ 
470    font-size: 16px; 
471    font-weight: 500; 
472} 
473.market-desc p{ 
474	color:#656565; 
475	font-size: 14px; 
476	padding-left: 18px; 
477    padding-bottom: 0px; 
478    padding-right: 18px; 
479} 
480.market-title-2{ 
481	padding-left: 24px; 
482	font-size: 14px; 
483	padding-right: 20px; 
484} 
485.accordion-tiles{ 
486	padding-left: 8px; 
487} 
488.tab-market-panel{ 
489	display: inline-flex !important; 
490    padding-top: 0px; 
491    list-style: none; 
492	margin-bottom: 20px 
493} 
494.market-box img{ 
495	max-width: 100%; 
496	width: 100%; 
497	height: 128px !important; 
498	object-fit: cover; 
499} 
500.tab-pane { 
501	padding-left: 0px; 
502    padding-right: 0px; 
503} 
504.container{ 
505	padding-left:0px; 
506	padding-right:0px; 
507} 
508.tabs-container-pad{ 
509	padding-left:0px; 
510} 
511.market-box-layout{ 
512	display:flex !important; 
513} 
514.tab-tilelisting .accor-wrapper{ 
515	position:relative; 
516	padding:0px !important; 
517} 
518.accordion-media{ 
519	color: #2E2E2E !important; 
520} 
521.accordion-desc{ 
522	font-weight: bold !important; 
523	margin-left: 8px; 
524} 
525.tab-tilelisting .acc-title{ 
526	font-weight: 700 !important; 
527	font-size:14px !important; 
528	margin-left: -20px; 
529} 
530.tab-tilelisting .acc-title-noacc{ 
531	font-weight: 700 !important; 
532	font-size:14px !important; 
533} 
534.corp-market-component-title{ 
535	font-weight: bold !important; 
536	margin-bottom:16px; 
537	margin-left:-16px; 
538	font-size:32px; 
539} 
540.corp-market-component-desc{ 
541	margin-bottom:16px; 
542	margin-left:-16px; 
543} 
544.corp-market-title{ 
545	font-weight: bold !important; 
546	margin-bottom:16px; 
547	margin-top:16px;	 
548	margin-left: 16px; 
549	font-size:20px; 
550	color:#2E2E2E; 
551} 
552.corp-market-title-main{ 
553	font-weight: bold !important; 
554	margin-bottom:16px; 
555	margin-top:16px;	 
556	font-size:20px; 
557	color:#2E2E2E; 
558} 
559.corp-market-desc-main{ 
560	margin-bottom:16px; 
561	margin-left: 16px; 
562} 
563.corp-market-desc{ 
564	margin-bottom:16px; 
565	margin-left: 16px; 
566} 
567.tab-tilelisting .acc-content{ 
568	font-weight: bold !important; 
569	margin-left: -20px; 
570} 
571.tab-tilelisting .accordion-media-freecontent{ 
572	padding: 0px; 
573} 
574.tab-tilelisting .accordion-table{ 
575    margin-left: -16px; 
576} 
577 
578 
579.table-icon-title-des, .landingtemplatepage .table-icon-title-des { 
580	max-width: 992px; 
581    margin: 0 auto; 
582    overflow: hidden; 
583	padding-left:15px; 
584} 
585.tab-tilelisting .glance-description{ 
586	margin-left: 0px; 
587	color:#656565; 
588	font-size:14px !important; 
589} 
590 
591.tab-tilelisting .glance-description-noacc{ 
592	margin-left: 0px; 
593	color:#656565; 
594	font-size:14px !important; 
595} 
596.tab-tilelisting .acc-description{ 
597	margin-left:-20px; 
598	font-size: 12px; 
599} 
600.tab-tilelisting .collapse-icon-accordion { 
601    position: absolute; 
602    right: 0px; 
603	color:#504d4d; 
604	top: 20px; 
605} 
606.tab-tilelisting .accordion-article .accor-wrapper .collapse-icon-accordion .icon{ 
607	color:#2E2E2E; 
608	font-size: 20px; 
609} 
610.tab-tilelisting .accordion-article .accor-wrapper table.accordion-table td:nth-child(1) .ico-minus-4-box-line:before { 
611	background:none; 
612	color:#2E2E2E; 
613} 
614 
615.tab-tilelisting .accordion-article .accor-wrapper table.accordion-table td:nth-child(1) [class*="ico-"] { 
616    font-size: 13.43px; 
617} 
618 
619@media (max-width: 767px) and (min-width: 320px) { 
620.tab-tilelisting .accordion-table{ 
621    margin-left: -20px !important; 
622} 
623	.corp-market-title{ 
624		margin-left:24px !important; 
625		margin-right:23px !important; 
626	} 
627.corp-market-title-main{ 
628	padding-left:16px; 
629} 
630.accordion-table{ 
631    margin-left: -15px; 
632} 
633 
634.accordion-table .accordion-media { 
635    padding-right: 15px;  
636    padding-bottom: 30px; 
637    
638} 
639 
640.accor-wrapper { 
641	padding:0px; 
642} 
643accordion-article .accor-wrapper table.accordion-table td .acc-title { 
644     padding-left: 0px !important;  
645	 font-size:14px !important; 
646} 
647.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-title { 
648    padding-left: 0px !important; 
649	font-size:14px !important; 
650} 
651 
652accordion-article .accor-wrapper table.accordion-table td .acc-title-noacc { 
653     padding-left: 0px !important;  
654	 font-size:14px; 
655	 margin-bottom: 8px; 
656} 
657.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-title-noacc { 
658    padding-left: 0px !important; 
659	font-size:14px !important; 
660} 
661} 
662 
663.product-card-content-modal { 
664	 display: none; 
665	 position: fixed; 
666	 z-index: 1001; 
667	 padding-top: 0; 
668	 left: 0; 
669	 top: 0; 
670	 width: 100%; 
671	 height: 100%; 
672	 overflow: hidden; 
673	 background-color: rgba(0, 0, 0, 0.5); 
674} 
675 .product-card-content-modal.active { 
676	 display: block; 
677} 
678 .product-card-content-modal-content { 
679	 top: 50vh; 
680	 background-color: #fff; 
681	 margin: 0 auto; 
682	 position: relative; 
683	 margin-top: -210px; 
684	 max-width: 640px; 
685	 max-height: 420px; 
686	 border-radius: 4px; 
687	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
688} 
689 .product-card-content-modal-content.active { 
690	 -webkit-animation-name: comedown; 
691	 -webkit-animation-duration: 0.4s; 
692	 animation-name: comedown; 
693	 animation-duration: 0.4s; 
694} 
695@-webkit-keyframes comedown { 
696	 from { 
697		 top: -300px; 
698		 opacity: 0; 
699	} 
700	 to { 
701		 top: 50vh; 
702		 opacity: 1; 
703	} 
704} 
705@keyframes comedown { 
706	 from { 
707		 top: -300px; 
708		 opacity: 0; 
709	} 
710	 to { 
711		 top: 50vh; 
712		 opacity: 1; 
713	} 
714} 
715.product-card-content-modal-header { 
716	 height: 70px; 
717	 padding: 2px 16px; 
718	 text-align: center; 
719	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.01); 
720} 
721 .product-card-content-modal-header .product-card-content-modal-close { 
722	 color: #2E2E2E; 
723	 font-size: 32px; 
724	 cursor: pointer; 
725	 position: absolute; 
726	 left: 20px; 
727	 top: 12px; 
728} 
729 .product-card-content-modal-header .product-card-content_modal-download { 
730	 color: #2E2E2E; 
731	 font-size: 24px; 
732	 cursor: pointer; 
733	 position: absolute; 
734	 right: 20px; 
735	 top: 16px; 
736} 
737.product-card-layout .product-card-checkbox .product-card-content__btn-info .ico-information-line{ 
738	color: #909090; 
739	font-size: 18px; 
740    margin-right: 5px; 
741} 
742 .product-card-content-modal-header .product-card-content-modal-close:hover { 
743	 color: #2E2E2E; 
744	 text-decoration: none; 
745} 
746.product-card-content-modal-header h2 { 
747	 font-size: 16px; 
748	 font-weight: bold; 
749	 margin-top: 24px; 
750} 
751.product-card-content-modal-body { 
752	 padding: 12px 24px; 
753	 overflow: auto; 
754	 height: 350px; /*270  was default 350 for academy online due to no footer*/ 
755	 font-size: 14px; 
756	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.01); 
757	 -ms-overflow-style: none; 
758	 scrollbar-width: none; 
759} 
760 .product-card-content-modal-body::-webkit-scrollbar { 
761	 display: none; 
762} 
763 .product-card-content-modal-footer { 
764	 text-align: center; 
765	 height: 100px; 
766} 
767 .product-card-content-modal-btn-cta { 
768	 margin-top: 20px; 
769	 background-color: #f33333; 
770	 color: #fff; 
771	 border: 1px solid #ee1818; 
772	 border-radius: 4px; 
773	 height: 40px; 
774	 width: 160px; 
775	 cursor: pointer; 
776} 
777.product-card-layout .product-card-checkbox .product-card-content-modal-btn-cta:hover { 
778	 background-color: #ee1818; 
779} 
780 
781.product-card-layout .product-card-checkbox .product-card-footer { 
782    position: absolute; 
783    bottom: 0px; 
784    width: 100%; 
785    left: 0px; 
786	height: 64px; 
787} 
788 
789.product-card-content-modal-body iframe{  
790	width:100%; 
791	height:100%; 
792} 
793@media (min-width: 320px) and (max-width: 767px) { 
794 
795.cardlisting-parent-title { 
796		margin-left: -8px; 
797	} 
798	.cardlisting-listing-display{ 
799		padding: 16px 17px 16px 18px; 
800	} 
801 
802} 
803@media (min-width:768px){ 
804	.content-tile-listing{ 
805		padding: 15px 15px 15px 0px !important; 
806	} 
807	.tab-pane{ 
808		padding-left: 0px; 
809		margin-right: 0px; 
810		margin-left: 15px; 
811	} 
812	.tab-market-panel:nth-child(1){ 
813		padding-left: 0px; 
814		padding-right: 8px; 
815	} 
816	.tab-market-panel:nth-child(n+3){ 
817		padding-left: 0px; 
818		padding-right: 8px; 
819	} 
820	.tab-market-panel{ 
821		padding-left: 8px; 
822		padding-right: 8px; 
823	} 
824	.dbs-dropdown { 
825		margin-left:20px !important; 
826	} 
827	.corp-market-component-title{ 
828		margin-left:5px !important; 
829	} 
830	.corp-market-component-desc{ 
831		margin-left:5px !important; 
832	} 
833	.tab-pane{ 
834		padding-left:15px; 
835	} 
836	.corp-market-title{ 
837		margin-left:24px !important; 
838		margin-right:23px !important; 
839	} 
840	 
841	.corp-market-main{ 
842		margin-left:0px !important; 
843		margin-right:0px !important; 
844	} 
845	.corp-market-desc-main{ 
846		margin-left:0px !important; 
847		margin-right:0px !important; 
848	} 
849	.market-desc p { 
850		padding-left: 24px !important; 
851	} 
852	.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-content p{ 
853		font-size: 14px !important; 
854		font-weight: 400; 
855	} 
856 
857} 
858.corp-market-desc-main { 
859    display: block; 
860    width: 100%; 
861} 
862@media (min-width:320px) and (max-width:767px) { 
863.asia-market-box { 
864    width: 100% !important; 
865} 
866.accordion-article .accor-wrapper table.accordion-table td:nth-child(2) .acc-content p { 
867    font-size: 14px !important; 
868    font-weight: 400; 
869} 
870.market-desc p { 
871    color: #656565; 
872    font-size: 14px; 
873    padding-left: 24px; 
874    padding-bottom: 0px; 
875    padding-right: 18px; 
876} 
877	.tab-tilelisting{ 
878		padding-left: 16px; 
879		padding-right:16px; 
880	} 
881 
882	.tab-tilelisting .tab-pane { 
883		padding-left: 0px; 
884		padding-right: 0px; 
885		margin-left: 0 !important; 
886	} 
887	 
888	.tab-market-panel { 
889		padding: 0 !important; 
890	} 
891	 
892	.tab-tilelisting .market-box-layout { 
893		margin-left: 0 !important; 
894		padding-left: 0 !important; 
895	} 
896	 
897	.tab-tilelisting .market-box img { 
898		height: auto !important; 
899	} 
900	.tab-tilelisting .market-box { 
901		width: 100% !important; 
902		height: auto !important; 
903	} 
904	 
905	.tab-tilelisting .market-box { 
906    color: #2E2E2E; 
907    height: 100%; 
908    width: 330px; 
909    border: 1px solid #ececec; 
910    padding-left: 0%; 
911} 
912	.tabtiles-video-overlay { 
913		left:0 !important; 
914		height: 160px !important; 
915	} 
916	.corp-market-component-title,.corp-market-component-desc{ 
917		margin-left:0px; 
918	} 
919	/* .corp-market-title{ 
920		margin-top:0px; 
921	}*/ 
922	.tab-content { 
923		padding-top: 0px !important; 
924		padding-right: 0 !important; 
925	} 
926	.nav-tabs{ 
927		display:none; 
928	} 
929	 
930} 
931	.dbs-dropdown select::-ms-expand{  
932		display:none; 
933	} 
934	.dbs-dropdown .icon.ico-arrowdown1 { 
935		 position: absolute; 
936		 right: 8px; 
937		 top: 10px; 
938	} 
939	.dbs-dropdown select { 
940		 color: #2e2e2e; 
941		 border-width: 1px; 
942		 border-style: solid; 
943		 border-color: #c0c0c0; 
944		 border-image: initial; 
945		 width: 100%; 
946		 position: relative; 
947		 font-size: 16px; 
948		 z-index: 2; 
949		 letter-spacing: 0px; 
950		 -webkit-appearance: none; 
951		 height: 40px; 
952		 background: transparent; 
953		 border-radius: 4px; 
954		 padding: 8px 40px 8px 12px; 
955		 outline-style:none; 
956	} 
957	 .dbs-dropdown i.icon {  
958		top: 13px; 
959	} 
960	.dbs-dropdown { 
961		 position: relative; 
962		 width: 300px; 
963		margin-left:16px; 
964	} 
965	.accordion-article .accor-wrapper table .accordion-table td:nth-child(2) .acc-content p { 
966		padding-left: 0px !important; 
967		font-size:14px !important; 
968	} 
969 
970.tile-listing-img-wrapper { 
971	position: relative; 
972} 
973 
974.tile-listing-img-wrapper .tabtiles-video-overlay { 
975    background-image: url(/o/corporate-theme/images/player-icon.png); 
976    height: 128px; 
977    position: absolute; 
978    top: 0px; 
979    left: 0px; 
980    z-index: 9; 
981    width: 100%; 
982    background-position: center; 
983    background-repeat: no-repeat; 
984    background-size: auto; 
985    cursor: pointer; 
986} 
987 
988</style> 
989<script type="text/javascript"> 
990	$(".market-box .tabtiles-video-overlay").click(function(){ 
991		var href = $(this).attr("href"); 
992		var videoLink1 = $(".product-card-content-modal-content.active iframe").attr("src"); 
993		console.log(href); 
994		if(href == "javascript:void(0)" || $(this).hasClass("tabtiles-video-overlay")) { 
995	    $(".product-card-content-modal").removeClass("active"); 
996		$(this).closest('.market-box').find('.product-card-content-modal').addClass("active"); 
997		$(this).closest('.market-box').find('.product-card-content-modal-content').addClass("active"); 
998      //  $(".product-card-content-modal").addClass("active"); 
999       // $(".product-card-content-modal-content").addClass("active"); 
1000		} 
1001	}); 
1002	$('.nav li .nav-item').click(function(e) { 
1003		e.preventDefault(); 
1004		$('.nav li .nav-item').removeClass('active show'); 
1005	 }); 
1006  
1007    $(".product-card-content-modal-close").click(function() { 
1008	 var videoLink = $(".product-card-content-modal-content.active iframe").attr("src"); 
1009	  $(".product-card-content-modal.active iframe").attr("src",'');  
1010	  $(".product-card-content-modal.active iframe").attr("src",videoLink);  
1011	 $(".product-card-content-modal-content.active").removeClass("active"); 
1012	 $(".product-card-content-modal.active").removeClass("active"); 
1013	  
1014	  
1015    }); 
1016     
1017    $(".product-card-group__btn").click(function(){ 
1018	    $(".product-card-content-modal").removeClass("active"); 
1019		$(this).closest('.market-box').find('.product-card-content-modal').addClass("active"); 
1020		$(this).closest('.market-box').find('.product-card-content-modal-content').addClass("active"); 
1021       // $(".product-card-content-modal").addClass("active"); 
1022       // $(".product-card-content-modal-content").addClass("active"); 
1023 
1024    }); 
1025	$('#country-selector').on('change', function(){  
1026		$('.tab-pane').removeClass("show active"); 
1027		$('.tab-pane').css("display", "none"); 
1028		console.log('#'+this.value); 
1029		$('#'+this.value).css("display","block"); 
1030		$('#'+this.value).addClass("show active"); 
1031	}); 
1032	 
1033(function($) { 
1034	var pagify = { 
1035		items: {}, 
1036		container: null, 
1037		totalPages: 1, 
1038		perPage: ${NoOfTilesPerPage.getData()}, 
1039		currentPage: 0, 
1040		createNavigation: function() { 
1041			this.totalPages = Math.ceil(this.items.length / this.perPage); 
1042			$('.pagination', this.container.parent()).remove(); 
1043			var pagination = $('<div class="pagination"></div>'); 
1044			for (var i = 0; i < this.totalPages; i++) { 
1045				var pageElClass = "page"; 
1046				if (!i) 
1047					pageElClass = "page current"; 
1048				var pageEl = '<a class="' + pageElClass + '" data-page="' + ( 
1049				i + 1) + '">' + ( 
1050				i + 1) + "</a>"; 
1051				pagination.append(pageEl); 
1052			} 
1053			this.container.after(pagination); 
1054			var that = this; 
1055			$("body").off("click", ".nav"); 
1056			this.navigator = $("body").on("click", ".nav", function() { 
1057				var el = $(this); 
1058				that.navigate(el.data("next")); 
1059			}); 
1060			$("body").off("click", ".page"); 
1061			this.pageNavigator = $("body").on("click", ".page", function() { 
1062				var el = $(this); 
1063				that.goToPage(el.data("page")); 
1064			}); 
1065		}, 
1066		navigate: function(next) { 
1067			// default perPage to 5 
1068			if (isNaN(next) || next === undefined) { 
1069				next = true; 
1070			} 
1071			$(".pagination .nav").removeClass("disabled"); 
1072			if (next) { 
1073				this.currentPage++; 
1074				if (this.currentPage > (this.totalPages - 1)) 
1075					this.currentPage = (this.totalPages - 1); 
1076				if (this.currentPage == (this.totalPages - 1)) 
1077					$(".pagination .nav.next").addClass("disabled"); 
1078				} 
1079			else { 
1080				this.currentPage--; 
1081				if (this.currentPage < 0) 
1082					this.currentPage = 0; 
1083				if (this.currentPage == 0) 
1084					$(".pagination .nav.prev").addClass("disabled"); 
1085				} 
1086			this.showItems(); 
1087		}, 
1088		updateNavigation: function() { 
1089			var pages = $(".pagination .page"); 
1090			pages.removeClass("current"); 
1091			$('.pagination .page[data-page="' + ( 
1092			this.currentPage + 1) + '"]').addClass("current"); 
1093		}, 
1094		goToPage: function(page) { 
1095			this.currentPage = page - 1; 
1096			$(".pagination .nav").removeClass("disabled"); 
1097			if (this.currentPage == (this.totalPages - 1)) 
1098				$(".pagination .nav.next").addClass("disabled"); 
1099			if (this.currentPage == 0) 
1100				$(".pagination .nav.prev").addClass("disabled"); 
1101			this.showItems(); 
1102		}, 
1103		showItems: function() { 
1104			this.items.hide(); 
1105			$(".tab-market-panel").each(function( index ) { 
1106            $( this ).css('margin', '0px'); 
1107            }); 
1108 
1109			var base = this.perPage * this.currentPage; 
1110			this.items.slice(base, base + this.perPage).show(); 
1111			this.updateNavigation(); 
1112		}, 
1113		init: function(container, items, perPage) { 
1114			this.container = container; 
1115			this.currentPage = 0; 
1116			this.totalPages = 1; 
1117			this.perPage = perPage; 
1118			this.items = items; 
1119			this.createNavigation(); 
1120			this.showItems(); 
1121		} 
1122	}; 
1123	// stuff it all into a jQuery method! 
1124	$.fn.pagify = function(perPage, itemSelector) { 
1125		var el = $(this); 
1126		var items = $(itemSelector, el); 
1127		// default perPage to 5 
1128		if (isNaN(perPage) || perPage === undefined) { 
1129			perPage = ${NoOfTilesPerPage.getData()}; 
1130		} 
1131		// don't fire if fewer items than perPage 
1132		if (items.length <= perPage) { 
1133			$( "div" ).remove( ".pagination" ); 
1134			return true; 
1135		} 
1136		pagify.init(el, items, perPage); 
1137	}; 
1138})(jQuery); 
1139		<#if DisplayPagination.getData() == "Yes"> 
1140		$(".container").pagify(${NoOfTilesPerPage.getData()}, ".active .tab-market-panel .single-item"); 
1141		<#else> 
1142		$(".container").pagify(100000, ".single-item"); 
1143		</#if>	 
1144	$('#country-selector').on('change', function(){  
1145	console.log("into country change selector"); 
1146		<#if DisplayPagination.getData() == "Yes"> 
1147		$(".container").pagify(${NoOfTilesPerPage.getData()}, ".active .tab-market-panel .single-item"); 
1148		<#else> 
1149		$(".container").pagify(100000, ".single-item"); 
1150		</#if>	 
1151	}); 
1152$(document).ready(function(){ 
1153    $("#country-selector").trigger("change"); 
1154}); 
1155</script>