Concrete Collections
An error occurred while processing the template.
The following has evaluated to null or missing:
==> Banner  [in template "20116#20152#48384585" at line 117, column 27]

----
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: ${Banner.getData()}  [in template "20116#20152#48384585" at line 117, column 25]
----
1<style> 
2.top-lefttext {position: absolute; width:100%; padding:10px; top: 18px; left: 18px; -moz-box-sizing: border-box; box-sizing: border-box; 
3
4.featuresCon {padding:20px;} 
5.textContainer {padding-left:20px; padding-right:20px;} 
6.prodCon {margin-top:20px; margin-bottom:20px; border-bottom:thin solid #838383;} 
7.prodCon:last-child {border-bottom:none;} 
8.carouselButton a {border: thin solid #ffffff; color: #ffffff; padding: 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight:400; margin: 4px 2px; cursor: hand; box-shadow: inset 0 0 0 0 #000000; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s;} 
9.carouselButton a:hover {box-shadow: inset 140px 0 0 0 #003b75; color:#fff;} 
10.productButton {width:200px; display:inline-block;} 
11.productButton a {width:100%; border: thin solid #000000; color: #000000; padding: 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight:400; margin: 4px 2px; cursor: hand; box-shadow: inset 0 0 0 0 #000000; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s;} 
12.productButton a:hover {background-color:#003b75; color:#fff;} 
13.thumbButton a {width:100%; border: thin solid #ffffff; color: #ffffff; padding: 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; font-weight:400; margin: 4px 2px; cursor: hand; box-shadow: inset 0 0 0 0 #000000; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s;} 
14.thumbButton a:hover {background-color:#003b75; color:#fff;} 
15.pdicon {padding:0;} 
16.pdicon img {height:auto; width:26px;} 
17 
18@media only screen and (max-width: 580px) { 
19  .top-lefttext { 
20    display:none; 
21
22
23.mobShow {display:none;} 
24 
25@media only screen and (max-width:580px) { 
26    .mobShow { 
27     display:block;    
28
29
30.buttonsMob {display:none;} 
31 
32@media only screen and (max-width:580px) { 
33     .buttonsMob { 
34     display:block; 
35
36
37 
38@media only screen and (max-width:580px) { 
39    .buttonsDTP { 
40    display:none; 
41
42
43 
44#commercial-bottom-block .column-content{ 
45    height:50px; 
46    display:table; 
47    padding-right:20px; 
48
49#commercial-bottom-block .column-content p{ 
50    padding-bottom: 0; 
51    padding-left:10px; 
52    padding-right:10px; 
53    display:table-cell; 
54    vertical-align:middle; 
55     
56
57#commercial-bottom-block h3{ 
58    margin-top:0; 
59    margin-bottom:20px; 
60    text-align:center; 
61
62#commercial-bottom-block .icon-container{ 
63    height:70px; 
64
65.commercial-icon{ 
66    height: 70px; 
67    display: block; 
68
69 
70.bulletless { 
71    list-style:none; 
72    padding:10px; 
73
74 
75ul.bulletlessPDF { 
76    list-style-type:none; 
77    padding:0; 
78    margin:0; 
79
80 
81li.bulletPDF { 
82    background: url('https://www.cemex.co.uk/documents/45807659/45840054/pdf-icon-new.png/3c954283-21e3-c34a-7f4c-cff942f5b4c8?t=1551262247970') no-repeat left top; 
83    height: 56px; 
84    padding-left:55px; 
85    padding-top: 12px; 
86    display:block; 
87
88 
89.gopdf  {list-style-image: url('https://drive-thirdparty.googleusercontent.com/16/type/application/pdf');} 
90 
91.gopdf li {padding-bottom:10px; padding-top:10px; border-bottom:thin solid #eeeeee;} 
92 
93</style> 
94 
95<script type="application/ld+json"> 
96
97	"@context": "http://schema.org", 
98	"@type": "Product", 
99	"name": "${microdata.productName.getData()}", 
100		"image": "${microdata.imageURL.getData()}", 
101		"description": "${microdata.description.getData()}", 
102		"url" : "https://www.cemex.co.uk${themeDisplay.getURLCurrent()}", 
103		"aggregateRating": { 
104        "@type": "AggregateRating", 
105        "ratingValue": "5", 
106        "reviewCount": "100" 
107  }, 
108		"brand" : "${microdata.brand.getData()}", 
109		"category" : "${microdata.category.getData()}", 
110		"manufacturer" : "CEMEX S.A.B. de C.V." 
111
112</script> 
113 
114<div class="row"> 
115    <div class="col-sm-12" style="position:relative; display:inline-block;"> 
116        <picture> 
117        <source srcset="${Banner.getData()}" media="(min-width: 1400px)"/> 
118        <source srcset="${Banner.getData()}" media="(min-width: 1200px)"/> 
119        <source srcset="${iPadBanner.getData()}" media="(min-width: 1024px)"/> 
120        <source srcset="${MobileBanner.getData()}" media="(min-width: 800px)"/> 
121        <source srcset="${MobileBanner.getData()}" media="(min-width: 400px)"/> 
122        <img class="img-responsive mobrep" src="${Banner.getData()}" style="width:100%;" /> 
123        </picture> 
124        <div class="top-lefttext"> 
125            <div class="row"> 
126                <div class="col-sm-5" style="background-color:#ffffff; opacity:0.9; filter: alpha(opacity=90);  padding:25px;"> 
127                    ${BannerContent.getData()} 
128                </div> 
129            </div> 
130        </div> 
131    </div> 
132</div> 
133 
134<div class="container mobShow"> 
135    <div class="row" style="margin-bottom:20px; margin-top:20px;"> 
136        <div class="col-sm-12"> 
137        <div class="textContainer"> 
138            ${BannerContent.getData()} 
139        </div> 
140        </div> 
141    </div> 
142</div> 
143 
144<div class="container"> 
145    <div style="padding-top:20px; padding-bottom:20px; margin-top:40px; margin-bottom:40px;"> 
146    <div class="row"> 
147        <div class="col-sm-7"> 
148            <div class="textContainer"> 
149                ${Introduction.getData()} 
150            </div> 
151        </div> 
152        <div class="col-sm-5"> 
153            <div class="textContainer"> 
154            ${Introduction.ImageCarousel.getData()} 
155            </div> 
156        </div> 
157    </div> 
158    </div> 
159</div> 
160 
161<div style="background-color:#0171d4; color:#ffffff;"> 
162<div class="container"> 
163 
164    <div style="padding-top:20px; padding-bottom:20px; margin-top:40px; margin-bottom:40px;"> 
165        <div class="row"> 
166            <div class="textContainer"> 
167                <div class="col-sm-12"> 
168                    <h1>${BenefitsInfo.BenefitsTitle.getData()}</h1> 
169                    ${BenefitsInfo.BenefitsIntro.getData()} 
170                </div> 
171            </div> 
172        </div> 
173     
174        <#list Benefits.getSiblings() as curr_Benefits> 
175        <#assign Benefit = curr_Benefits.getChild("Benefit")!"" /> 
176        <div class="row"> 
177            <#list Benefit.getSiblings() as curr_Benefit> 
178            <#assign BenefitsIcon = curr_Benefit.getChild("BenefitsIcon")!"" /> 
179            <#assign BenefitDescription = curr_Benefit.getChild("BenefitDescription")!"" /> 
180            <div class="col-xs-12 col-md-4" style="margin-bottom:20px;"> 
181                <#if BenefitsIcon.data?trim !=""> 
182                <#if BenefitDescription.data?trim !=""> 
183                <div class="row icon-container"> 
184                    <div class="col-xs-2 col-md-3"> 
185                        <img src="${BenefitsIcon.getData()}" class="commercial-icon" /> 
186                    </div> 
187                    <div class="col-xs-10 col-md-9"> 
188                        <div class="column-content">${BenefitDescription.getData()}</div> 
189                    </div> 
190                </div> 
191                </#if> 
192                </#if> 
193            </div> 
194            </#list> 
195        </div> 
196        </#list> 
197    </div> 
198     
199</div> 
200</div> 
201 
202<div class="container"> 
203    <div style="padding-top:20px; padding-bottom:20px; margin-top:40px; margin-bottom:40px;"> 
204        <div class="row"> 
205            <div class="textContainer"> 
206                <div class="col-sm-12"> 
207                    <h3 style="font-size:35px; font-weight:800;">${AdditionalInformation.AdditionalHeading.getData()}</h3> 
208                    <p>${AdditionalInformation.AdditionalDescription.getData()}</p> 
209                </div> 
210            </div> 
211        </div> 
212        <div class="row"> 
213            <div class="textContainer"> 
214                <div class="panel-group" id="accordion"> 
215                    <div class="panel panel-default" style="border-left:thick solid #003b75;"> 
216                        <div class="panel-heading"> 
217                            <span class="panel-title"> 
218                            <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
219                            Documents & Resources<i class="indicator glyphicon glyphicon-chevron-down pull-right"></i> 
220                            </a> 
221                            </span> 
222                        </div> 
223                        <div id="collapseOne" class="panel-collapse collapse in"> 
224                            <div class="panel-body"> 
225                                <#list Documents.getSiblings() as curr_Documents> 
226                                <#assign DocURL = curr_Documents.getChild("DocURL")!"" /> 
227                                <#assign DocName = curr_Documents.getChild("DocName")!"" /> 
228                                <#if DocURL.data?trim !=""> 
229                                <#if DocName.data?trim !=""> 
230                                <ul class="gopdf"> 
231			                        <li><a href="${DocURL.getData()}">${DocName.getData()}</a></li> 
232	                            </ul> 
233	                            </#if> 
234			                    </#if> 
235	                            </#list> 
236                            </div> 
237                        </div> 
238                    </div> 
239                </div> 
240            </div> 
241        </div> 
242    </div> 
243</div> 
244 
245<div style="background-color:#eeeeee;"> 
246    <div class="container"> 
247        <div style="padding-top:20px; padding-bottom:20px; margin-top:40px; margin-bottom:40px;"> 
248            <div class="textContainer"> 
249            <h3 style="font-weight:800; font-size:35px;">More Information</h3> 
250            </div> 
251            <div class="textContainer" style="background-color:#ffffff; box-shadow: 5px 10px 18px #888888; margin-top:20px; padding-top:20px;"> 
252                ${CaseStudies.getData()} 
253            </div> 
254        </div> 
255    </div> 
256</div> 
257 
258<div style="background-color:#0171d4; color:#ffffff;"> 
259    <div class="container"> 
260        <div style="padding-top:20px; padding-bottom:20px; margin-top:40px; margin-bottom:40px;"> 
261            <div class="row"> 
262                <#list UsefulLinks.getSiblings() as curr_UsefulLinks> 
263                    <#assign Thumbnail = curr_UsefulLinks.getChild("Thumbnail")!"" /> 
264                    <#assign LinkDescription = curr_UsefulLinks.getChild("LinkDescription")!"" /> 
265                    <#assign LinkURL = curr_UsefulLinks.getChild("LinkURL")!"" /> 
266                <div class="col-sm-4"> 
267                    <div class="featuresCon"> 
268                        <#if Thumbnail.data?trim !=""> 
269                        <div style="width:100%; height:auto; margin-bottom:15px;"> 
270                            <img class="img-responsive" alt="${Thumbnail.getAttribute("alt")}"  src="${Thumbnail.getData()}" /> 
271                        </div> 
272                        </#if> 
273                        <#if LinkDescription.data?trim !=""> 
274                        ${LinkDescription.getData()} 
275                        </#if> 
276                        <div class="row"> 
277                            <div class="col-sm-6"> 
278                                <div class="thumbButton"> 
279                                    <#if LinkURL.data?trim !=""> 
280                                    <a href="${LinkURL.getData()}">Find Out More</a> 
281                                    </#if> 
282                                </div> 
283                            </div> 
284                        </div> 
285                    </div> 
286                </div> 
287                </#list> 
288            </div> 
289        </div> 
290    </div> 
291</div> 
292 
293<script> 
294function toggleChevron(e) { 
295    $(e.target) 
296        .prev('.panel-heading') 
297        .find("i.indicator") 
298        .toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); 
299
300$('#accordion').on('hidden.bs.collapse', toggleChevron); 
301$('#accordion').on('shown.bs.collapse', toggleChevron); 
302</script>