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