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>