Gruppo Hera Luce e GasCasaLuce e GasHera Impronta Zero

Hera Impronta Zero

Hera Impronta Zero

Con Hera Impronta Zero hai un incentivo in più
per sostenere l’ambiente utilizzando energia
prodotta esclusivamente da fonti rinnovabili,
Gas Verde C02 Free e risparmiando
con le Soluzioni Sostenibili.

Gruppo Hera Luce e GasCasaLuce e GasHera Impronta Zero

Hera Impronta Zero

Con Hera Impronta Zero hai un incentivo in più
per sostenere l’ambiente utilizzando energia
prodotta esclusivamente da fonti rinnovabili,
Gas Verde C02 Free e risparmiando
con le Soluzioni Sostenibili.

Si è verificato un errore nell'elaborarazione del modello.
Java method "static com.liferay.portal.kernel.service.LayoutServiceUtil.getLayoutByUuidAndGroupId(String, long, boolean)" threw an exception; see cause exception in the Java stack trace.

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #assign articleLayout = layoutService...  [in template "20099#20135#93612" at line 793, column 73]
----
1<style> 
2	.casa #tichiamiamooff.btn.gradient.white.active { 
3    	background: white !important; 
4    	color: #df3388 !important; 
5    	border: 2px solid #df3388 !important; 
6
7    .casa #tichiamiamooff.btn.gradient.white:hover i.white, .casa #tichiamiamooff.btn.gradient.white:active i.white, .casa #tichiamiamooff.btn.gradient.white.active i.white { 
8    	color: #df3388 !important; 
9
10		#gas-verde li { 
11    	border-top: 1px solid #fff; 
12
13		#gas-verde li:last-child { 
14	    border-bottom: 1px solid #fff; 
15	    padding-bottom: 1rem; 
16
17    .attivalucebutton, .attivalucebuttonmobile, .attivagasbutton, .attivagasbuttonmobile { 
18        display: table-cell !important; 
19
20</style> 
21<#assign 
22	infoAgg = false 
23	offertaGas = false 
24	offertaLuce = false 
25	classCol = "col-lg-12" 
26	title = .vars['reserved-article-title'].data 
27	urlcustom = themeDisplay.getURLCurrent()?keep_before("?") 
28	tryurl=themeDisplay.getPortalURL()+themeDisplay.getURLCurrent() 
29	isPromo = false 
30	nomePromo = "Offerta in promo" 
31	showWidget = false 
32    showcart = false					 
33	sottoscriviOfferta = true 
34	colClassOfferta = "col-lg-12" 
35	journalArticleServiceUtil = objectUtil("com.liferay.journal.service.JournalArticleServiceUtil") 
36	assetVocabularyServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetVocabularyServiceUtil") 
37	vocabularyId = 0 
38	parentArticleCount = journalArticleServiceUtil.getArticlesCountByArticleId(getterUtil.getLong(themeDisplay.getScopeGroup().getParentGroupId()), .vars['reserved-article-id'].data) 
39	articleCount = journalArticleServiceUtil.getArticlesCountByArticleId(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) 
40	compare1="HC" 
41	compare2="HC" 
42/> 
43<#if tryurl?contains("cmvenergia")> 
44<#assign 
45    compare1="CMV" 
46	compare2="CMV" 
47	/> 
48</#if> 
49<#if tryurl?contains("heracomm-nordest")> 
50<#assign 
51    compare1="HCNE" 
52	compare2="HCNE" 
53	/> 
54</#if> 
55<#if tryurl?contains("heracomm-marche")> 
56<#assign 
57    compare1="HCM" 
58	compare2="HCM" 
59	/> 
60</#if> 
61<#if tryurl?contains("/casa/mobilita-sostenibile/ricarica-privata-wall-box-1")> 
62<style> 
63.fixed-widget-offerta-container { 
64    margin-top: -105%!important; 
65
66</style> 
67</#if> 
68<#if articleCount gt 0 || parentArticleCount gt 0> 
69	<#if articleCount gt 0> 
70		<#assign 
71			vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroupId()) 
72			journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(scopeGroupId), .vars['reserved-article-id'].data) 
73		/> 
74	<#else> 
75		<#assign 
76			vocabulariesList = assetVocabularyServiceUtil.getGroupVocabularies(themeDisplay.getScopeGroup().getParentGroupId()) 
77			journalArticle = journalArticleServiceUtil.getArticle(getterUtil.getLong(themeDisplay.getScopeGroup().getParentGroupId()), .vars['reserved-article-id'].data) 
78		/> 
79	</#if> 
80	<#assign 
81		assetCategoryServiceUtil = objectUtil("com.liferay.asset.kernel.service.AssetCategoryServiceUtil") 
82		journalArticleCategories = assetCategoryServiceUtil.getCategories("com.liferay.journal.model.JournalArticle", journalArticle.getResourcePrimKey()) 
83		hasLuce = false 
84		hasGas = false 
85		formUrl = "offerte-luce-gas/sottoscrizione" 
86		target = "" 
87		subtarget = "" 
88		offerta = urlcustom?keep_after_last("/offerte-luce-gas/") 
89		prefUrl = urlcustom?keep_before("/offerte-luce-gas/") 
90		prefUrlCondividi = themeDisplay.getPortalURL() 
91	/> 
92	<#list vocabulariesList as vocabulary> 
93	    <#assign vocabularyName = vocabulary.getName() /> 
94	    <#if vocabularyName?? && vocabularyName?lower_case == "servizio"> 
95	        <#assign vocabularyId = vocabulary.getVocabularyId() /> 
96	    </#if> 
97	</#list> 
98	<#if urlcustom?contains("/business/")> 
99		<#assign 
100			isCasa = false 
101			target = "business" 
102			subtarget = urlcustom?keep_after_last("/business/offerte-luce-gas/") 
103			subtarget = subtarget?keep_before("/") 
104			offerta = urlcustom?keep_after_last("/" + subtarget + "/") 
105		/> 
106	<#else> 
107		<#assign 
108			isCasa = true 
109			target = "casa" 
110		/> 
111	</#if> 
112	<#assign formUrl = prefUrl + "/" + formUrl /> 
113	<#list journalArticleCategories as category> 
114		<#if category.vocabularyId == vocabularyId> 
115			<#switch category.name?lower_case> 
116				<#case "luce"> 
117					<#assign hasLuce=true /> 
118					<#break /> 
119				<#case "gas"> 
120					<#assign hasGas=true /> 
121					<#break /> 
122				<#default> 
123					<#break /> 
124			</#switch> 
125		</#if> 
126	</#list> 
127	<#if TipologiaOffertaGas?? || TipologiaOffertaLuce??> 
128		<#if TipologiaOffertaGas.getData() != "" || TipologiaOffertaLuce.getData() != ""> 
129			<#assign infoAgg=true /> 
130			<#if TitoloIntro.getData() != "" || DescrizioneIntro.getData() != ""> 
131				<#assign classCol="col-lg-6" /> 
132			</#if> 
133			<#if TipologiaOffertaGas.getData() != ""> 
134			<#assign offertaGas=true> 
135			</#if> 
136			<#if TipologiaOffertaLuce.getData() != ""> 
137			<#assign offertaLuce=true> 
138			</#if> 
139		</#if> 
140	</#if> 
141	<#if OffertaInPromozione??> 
142		<#if OffertaInPromozione.getData()?? && OffertaInPromozione.getData() == "si"> 
143			<#assign isPromo = true /> 
144		</#if> 
145	</#if> 
146	<#if isPromo> 
147		<#if NomePromozione??> 
148			<#if NomePromozione.getData()?? && NomePromozione.getData() != ""> 
149				<#assign nomePromo = NomePromozione.getData() /> 
150			</#if> 
151		</#if> 
152	</#if> 
153 
154	<#if Carrello??> 
155		<#if Carrello.getData()!=""> 
156			<#assign 
157				showcart = true 
158				showWidget= false 
159				colClassOfferta = "col-lg-8"				 
160			/> 
161		</#if> 
162	</#if> 
163 
164	<#if MostraWidgetAttivaOra??> 
165		<#if MostraWidgetAttivaOra.getData()?? && MostraWidgetAttivaOra.getData() == "si"> 
166			<#assign 
167				showcart = false 
168				showWidget = true				 
169				colClassOfferta = "col-lg-8" 
170			/> 
171		</#if> 
172	</#if> 
173	<#if PermettiSottoscrizioneOfferta??> 
174		<#if PermettiSottoscrizioneOfferta.getData()?? && PermettiSottoscrizioneOfferta.getData() == "no"> 
175			<#assign 
176				sottoscriviOfferta = false 
177			/> 
178		</#if> 
179	</#if> 
180<div data-sticky-cart-container>	 
181	 
182	<!-- carrello --> 
183 
184	<#if showcart>	 
185		<div class="hc-cart-externalWrapper" data-sticky-cart >${Carrello.getData()}</div>							 
186	</#if> 
187	 
188	 
189	<#-- Widget --> 
190	<#if showWidget> 
191		<section id="widget-offerta"> 
192			<div class="container position-relative d-none d-sm-block"> 
193				<div class="row"> 
194					<div class="offset-lg-8 col-lg-4 col-widget-offerta px-0 px-sm-3 d-none d-lg-block"> 
195						<div class="fixed-widget-offerta-container py-5" style="min-width: 350px;"> 
196							<div class="fixed-widget-offerta-inner-container white-box position-relative text-center p-4 mt-4" style="box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);"> 
197								<#if isPromo> 
198									<h4 class="darkish-pink text-uppercase bigger bolder mb-1 offerta-name">${nomePromo}</h4> 
199								<#else> 
200									<h4 class="darkish-pink text-uppercase small bolder mb-1 offerta-name">${offer_NOMEDELLOFFERTA.getData()}</h4> 
201								</#if> 
202								<div class="black-three x-bigger bolder letter-spacing-sm mb-3">ATTIVA ORA</div> 
203								<#if sottoscriviOfferta> 
204									<div class="row px-4"> 
205										<#if hasLuce> 
206										 <#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-luce" /> 
207											<div class="col-lg-6 pb-3"> 
208												<a class="attivalucebutton gradient-text btn w-100 justify-content-center" href="${fullurl}" data-tipoofferta="luce"> 
209													<i class="icon-energia mr-2"></i> Luce 
210												</a> 
211											</div> 
212										</#if> 
213										<#if hasGas> 
214										<#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-gas" /> 
215											<div class="col-lg-6 pb-3"> 
216												<a class="attivagasbutton gradient-text btn w-100 justify-content-center" href="${fullurl}" data-tipoofferta="gas"> 
217													<i class="icon-gas mr-2"></i> Gas 
218												</a> 
219											</div> 
220										</#if> 
221 
222										<input type="hidden" name="target" value="${target}" required /> 
223										<input type="hidden" name="subtarget" value="${subtarget}" required /> 
224										<input type="hidden" name="offerta" value="${offerta}" required /> 
225										<input type="hidden" name="luce" value="0" required /> 
226										<input type="hidden" name="gas" value="0" required /> 
227									</div> 
228									</#if> 
229							</div> 
230							<div class="white-two-bg position-relative text-center px-4 pb-3"> 
231							  <#if sottoscriviOfferta> 
232  								<h4 class="greyish-brown text-uppercase small bolder mb-3">Hai bisogno di aiuto?</h4> 
233								</#if> 
234								<div class="row text-left"> 
235									<div class="col-xl-12  text-center pb-2"> 
236											<a id="tichiamiamooff" class="gradient-text font-weight-bold" href="#" style="font-size:14px"> 
237												<i class="icon-consulente title-mid gradient-text big align-sub mr-1"></i>Ti chiamiamo noi 
238											</a> 
239									</div> 
240									<div class="col-xl-12 pb-2 text-center" id="vvc-activate-box"> 
241									</div> 
242									<!-- <div class="col-xl-6 pb-2"> 
243										<a class="gradient-text font-weight-bold" href="#" style="font-size:14px"> 
244											<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
245										</a> 
246									</div> --> 
247								</div> 
248							</div> 
249						</div> 
250					</div> 
251				</div> 
252			</div> 
253		</section> 
254		<!-- widget mobile--> 
255 
256		<section class="container"> 
257			<div class="mobile d-lg-none white" style="background-color: white;"> 
258				<div class="fixed-widget-offerta-container container text-center" style="margin-top: 130px!important;"> 
259						<div class="row px-4 pt-4 justify-content-center"> 
260							<div class="col-xs-12"> 
261								<#if isPromo> 
262									<p class="darkish-pink text-uppercase bold">${nomePromo}</p> 
263								<#else> 
264									<p class="darkish-pink text-uppercase bold">Offerta</p> 
265								</#if> 
266								<p class="black bold x-bigger pb-2" style="margin-top: -15px;">ATTIVA ORA</p> 
267							</div> 
268							<#if sottoscriviOfferta> 
269							<div class="row px-4"> 
270								<#if hasLuce> 
271								<#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-luce" /> 
272									<div class="col-xs-6 pb-3"> 
273									<a class="attivalucebuttonmobile btn btn-border darkish-color white-bg w-100 justify-content-center" href="${fullurl}" data-tipoofferta="luce"> 
274											<i class="icon-energia mr-2"></i> Luce 
275										</a> 
276									</div> 
277								</#if> 
278								<#if hasGas> 
279								 <#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-gas" /> 
280									<div class="col-xs-6 pb-3"> 
281										<a class="attivagasbuttonmobile btn btn-border darkish-color white-bg w-100 justify-content-center" href="${fullurl}" data-tipoofferta="gas"> 
282											<i class="icon-gas mr-2"></i> Gas 
283										</a> 
284									</div> 
285								</#if> 
286								<input type="hidden" name="target" value="${target}" required /> 
287								<input type="hidden" name="subtarget" value="${subtarget}" required /> 
288								<input type="hidden" name="offerta" value="${offerta}" required /> 
289								<input type="hidden" name="luce" value="0" required /> 
290								<input type="hidden" name="gas" value="0" required /> 
291							</div> 
292					  	</#if> 
293					</div> 
294				</div> 
295				<div class="white-two-bg position-relative text-center px-2 pb-3"> 
296				  <#if sottoscriviOfferta> 
297						<h4 class="greyish-brown text-uppercase small bolder mb-3 text-center mt-4 pt-3">Hai bisogno di aiuto?</h4> 
298					</#if> 
299					<div class="row"> 
300						<div class="col-xs-12 text-center pb-2"> 
301                            <a id="tichiamiamooff" class="gradient-text letter-spacing-sm font-weight-bold" href="#" style="font-size:15px"> 
302                                <i class="icon-consulente title-mid gradient-text big align-sub mr-1"></i> 
303                                Ti chiamiamo noi 
304                            </a> 
305						</div> 
306						<div class="col-xs-12 pb-2 text-center" id="vvc-activate-box-mobile"> 
307						</div> 
308						<!-- <div class="col-xs-12 text-center pb-2"> 
309							<a class="gradient-text letter-spacing-sm font-weight-bold" href="#" style="font-size:15px"> 
310								<i class="icon-info-alt title-mid gradient-text big align-sub mr-1"></i>Attiva la chat 
311							</a> 
312						</div> --> 
313					</div> 
314				</div>		 
315				<!-- Attiva ora a comparsa mobile--> 
316                <div class="showmobilewidget mobile d-lg-none container gradient" 
317                style="position: fixed;bottom: 0px;z-index: 50;margin-left: -16px;"> 
318    	        <div class="row px-5 justify-content-center"> 
319        	        <div class="col-xs-12"> 
320        	            <div class="white text-center bold x-bigger my-2"> 
321        	                Attiva ora 
322        	            </div> 
323        	        </div> 
324            	        <div class="col-xs-6 pb-3"> 
325            	        	<#if hasLuce> 
326								    <#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-luce" /> 
327							</#if> 
328            	            <a class="btn btn-border darkish-color white-bg w-100 justify-content-center" 
329            	                href="${fullurl}" 
330            	                data-tipoofferta="luce"> 
331            	                <i class="icon-energia mr-2"></i> Luce 
332            	            </a> 
333            	       </div> 
334            	       <div class="col-xs-6 pb-3"> 
335            	            <#if hasGas> 
336								    <#assign fullurl = "https://heracomm.gruppohera.it" + urlcustom + "/sottoscrizione-luce" /> 
337							</#if> 
338        	                <a class="btn btn-border darkish-color white-bg w-100 justify-content-center" 
339        	                href="${fullurl}" 
340        	                data-tipoofferta="gas"> 
341        	                <i class="icon-gas mr-2"></i> Gas </a> 
342        	           </div> 
343    	            </div> 
344    	        </div>			 
345    
346			</div> 
347		</section> 
348    <#else> 
349        <div class="showmobilewidget mobile d-lg-none gradient" style="position: fixed;bottom: 0; left: 0; width: 100%;z-index: 50;"> 
350        <div class="row px-5 justify-content-center"> 
351        <div class="col-xs-12"> 
352        <div class="white text-center bold x-bigger my-2">Attiva ora</div> 
353        </div> 
354 
355        <div class="col-xs-6 pb-3"><a class="btn btn-border darkish-color white-bg w-100 justify-content-center" data-tipoofferta="luce" href="https://heracomm.gruppohera.it${urlcustom}/sottoscrizione-luce"><i class="icon-energia mr-2"></i> Luce </a></div> 
356 
357        <div class="col-xs-6 pb-3"><a class="btn btn-border darkish-color white-bg w-100 justify-content-center" data-tipoofferta="gas" href="https://heracomm.gruppohera.it${urlcustom}/sottoscrizione-gas"><i class="icon-gas mr-2"></i> Gas </a></div> 
358        </div> 
359        </div> 
360    </#if> 
361	<#-- ************* Modale per avviso Condividi ************** --> 
362	<style> 
363		/* The Modal (background) */ 
364		.offerta-modal { 
365			display: none; /* Hidden by default */ 
366			position: fixed; /* Stay in place */ 
367			z-index: 1; /* Sit on top */ 
368			padding-top: 300px; /* Location of the box */ 
369			left: 0; 
370			top: 0; 
371			width: 100%; /* Full width */ 
372			height: 100%; /* Full height */ 
373			overflow: auto; /* Enable scroll if needed */ 
374			background-color: rgb(0,0,0); /* Fallback color */ 
375			background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ 
376
377 
378		/* Modal Content */ 
379		.offerta-modal-content { 
380		  	background-color: #fefefe; 
381		  	margin: auto; 
382		  	padding: 20px; 
383		  	border: 1px solid #888; 
384		  	width: 80%; 
385
386 
387		/* The close_offerta Button */ 
388		.close_offerta { 
389		  	color: #aaaaaa; 
390		  	float: right; 
391		  	font-size: 28px; 
392		  	font-weight: bold; 
393
394 
395		.close_offerta:hover, 
396		.close_offerta:focus { 
397		  	color: #000; 
398		  	text-decoration: none; 
399		  	cursor: pointer; 
400
401	</style> 
402	<#assign completeUrl = prefUrlCondividi + urlcustom /> 
403 
404	<!-- The Modal --> 
405	<div id="myModal" class="modal offerta-modal" style="z-index:100"> 
406	  <!-- Modal content --> 
407	  <div class="modal-content offerta-modal-content col-lg-3"> 
408		   <span class="close_offerta text-right" style="color:red;">&times;</span> 
409			<div> 
410				<h3 class="bigger text-center mb-3">Condividi l'offerta coi tuoi amici inoltrandogli questo link</h3> 
411				<input type="text" value="${completeUrl}" id="myInput" class="text-center" disabled> 
412			</div> 
413			<div class="text-center"> 
414				<button id="copyLinkButton" onclick="copyToClipBoard()" class="btn gradient white text-center mt-3">Copia Link</button> 
415			</div> 
416	  	</div> 
417	</div> 
418 
419	<script> 
420		// Get the modal 
421		var modal = document.getElementById("myModal"); 
422		// Get the button that opens the modal 
423		var btn = document.getElementById("myBtn"); 
424		var btnMobile = document.getElementById("myBtn_mobile"); 
425		// Get the <span> element that closes the modal 
426		var span = document.getElementsByClassName("close_offerta")[0]; 
427 
428		if (btn !== null) { 
429			// When the user clicks the button, open the modal 
430			btn.onclick = function() { 
431					modal.style.display = "block"; 
432					$( "#copyLinkButton" ).prop( "disabled", false ); 
433
434
435 
436		if (btnMobile !== null) { 
437			btnMobile.onclick = function() { 
438		  		modal.style.display = "block"; 
439		   		$( "#copyLinkButton" ).prop( "disabled", false ); 
440
441
442 
443		// When the user clicks on <span> (x), close the modal 
444		span.onclick = function() { 
445	  		modal.style.display = "none"; 
446	  		$("#copiedToClipboard").remove(); 
447
448 
449		// When the user clicks anywhere outside of the modal, close it 
450		window.onclick = function(event) { 
451	  		if (event.target == modal) { 
452	    		modal.style.display = "none"; 
453
454
455 
456		function copyToClipBoard() { 
457	  		/* Get the text field */ 
458	  		var copyText = document.getElementById("myInput"); 
459	  		/* Select the text field */ 
460	  		copyText.select(); 
461	  		/* Copy the text inside the text field */ 
462	  		document.execCommand("copy"); 
463	  		/* Alert the copied text */ 
464	  		$("#copyLinkButton").after('<div id="copiedToClipboard" class="text-center"><font color="green" size="2">Copiato</font></div>'); 
465	  		$("#copyLinkButton").prop( "disabled", true ); 
466
467	</script> 
468 
469	<#-- ************* Sezione "Intro offerta" ************* --> 
470	<#if IntroOfferta??> 
471		<#if IntroOfferta.getData() != ""> 
472			<section id="intro-offerta" style="margin-top: 50px;"> 
473			    <div class="container py-3"> 
474			        <div class="row"> 
475			            <div class="col-lg-8 smaller"> 
476							${IntroOfferta.getData()} 
477			            </div> 
478			        </div> 
479			    </div> 
480			</section> 
481		</#if> 
482	</#if> 
483 
484 
485<#-- ************* Sezione "Informazioni offerta e snippet HTML" ************* -->	 
486	 <#assign size = TitoloIntro.getSiblings()?size />	 
487	  
488	 <#if size = 1> 
489		<#if TitoloIntro.getSiblings()?has_content> 	 
490		<#list TitoloIntro.getSiblings() as titolo>	 
491			<#if titolo.getData() !="" || titolo.DescrizioneIntro.getData() !="" || infoAgg> 
492				<section id="tariffa-chart"> 
493					<div class="container position-relative py-5"> 
494					  
495									  
496						<div class="row"> 
497							<div class="${colClassOfferta}"> 
498								<div class="row"> 
499									<#if titolo.getData() !="" || titolo.DescrizioneIntro.getData() !=""> 
500										<div class="${classCol}"> 
501											<#if titolo??> 
502												<#if titolo.getData() !=""> 
503													<h3 class="gradient-text title-big letter-spacing-sm bolder mb-5">${titolo.getData()}</h3> 
504												</#if> 
505											</#if> 
506											 
507											<#if titolo.DescrizioneIntro??> 
508												<#if titolo.DescrizioneIntro.getData() !=""> 
509													<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5">${titolo.DescrizioneIntro.getData()}</blockquote> 
510												</#if> 
511											</#if> 
512										</div> 
513									</#if> 
514			   
515			  
516									<#if infoAgg> 
517									<div class="col-lg-6"> 
518											<#if ImmaginePromozione??> 
519												<#if ImmaginePromozione.getData()??> 
520													<div class="position-absolute mt-0" id="img-promo" style="top: -10px; right: 10px; max-width: 145px;"> 
521														<#assign immaginePromoAlt = "" /> 
522														<#if ImmaginePromozione.getAttribute("alt")??> 
523															<#assign immaginePromoAlt = ImmaginePromozione.getAttribute("alt") /> 
524														</#if> 
525														<img alt="${immaginePromoAlt}" src="${ImmaginePromozione.getData()}" style="max-height: 120px;" /> 
526													</div> 
527												</#if> 
528											</#if> 
529										<nav class="chart-tabs mt-5"> 
530											<div class="nav nav-tabs align-items-center mt-2 mb-5 ml-3" id="nav-tab" role="tablist"><a class="nav-item nav-link active" data-toggle="tab" href="#chart-luce" id="chartofferteluce"><i class="icon-energia"></i> Luce</a> 
531											<a class="nav-item nav-link" data-toggle="tab" href="#chart-gas" id="chartoffertegas"><i class="icon-gas"></i> Gas</a></div> 
532										</nav> 
533										<#if offertaGas> 
534										<div id="tabella-offerte-gas"> 
535										<#if TipologiaOffertaGas.getSiblings()?has_content> 
536											<#list TipologiaOffertaGas.getSiblings() as cur_TipologiaOffertaGas> 
537												<div class="row"> 
538												<#if cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()?? && cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()!=""> 
539														<div class="col-lg-3 d-none d-lg-block"> 
540															<img alt="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getAttribute("alt")}" src="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()}" /> 
541														</div> 
542														<div class="col-lg-9 gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto d-none d-lg-block"> 
543														${cur_TipologiaOffertaGas.getData()} 
544														</div> 
545														<!-- Mobile --> 
546														<div class="mobile d-lg-none"> 
547															<img alt="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getAttribute("alt")}" 
548															src="${cur_TipologiaOffertaGas.ImmagineTipologiaOffertaGas.getData()}" style="max-width:80%;"/> 
549														</div> 
550														<div class="mobile d-lg-none gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto"> 
551														${cur_TipologiaOffertaGas.getData()} 
552														</div> 
553												<#else> 
554												<div class="col-lg-12 gradient-text x-bigger letter-spacing-sm bolder mb-5 text-center my-auto"> 
555														${cur_TipologiaOffertaGas.getData()} 
556														</div> 
557												</#if> 
558												</div> 
559											<div> 
560											${cur_TipologiaOffertaGas.TabellaTipologiaOffertaGas.getData()} 
561											</div> 
562											</#list> 
563										</#if> 
564									<hr class="w-100"> 
565									<#if FooterTipologiaOffertaGas.getData() != ""> 
566									${FooterTipologiaOffertaGas.getData()} 
567									</#if> 
568										</div> 
569										</#if> 
570										<#if offertaLuce> 
571			   
572						 
573										<div id="tabella-offerte-luce"> 
574										<#if TipologiaOffertaLuce.getSiblings()?has_content> 
575											<#list TipologiaOffertaLuce.getSiblings() as cur_TipologiaOffertaLuce> 
576												<div class="row"> 
577												<#if cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()?? && cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()!=""> 
578														<div class="col-lg-3 d-none d-lg-block"> 
579															<img alt="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getAttribute("alt")}" src="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()}" /> 
580														</div> 
581														<div class="col-lg-9 gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto d-none d-lg-block"> 
582														${cur_TipologiaOffertaLuce.getData()} 
583														</div> 
584 
585														<!-- Mobile --> 
586														<div class="mobile d-lg-none"> 
587															<img  alt="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getAttribute("alt")}" 
588															src="${cur_TipologiaOffertaLuce.ImmagineTipologiaOffertaLuce.getData()}" style="max-width:80%;"/> 
589														</div> 
590														<div class="mobile d-lg-none gradient-text x-bigger letter-spacing-sm bolder mb-5 my-auto"> 
591														${cur_TipologiaOffertaLuce.getData()} 
592														</div> 
593												<#else> 
594														<div class="col-lg-12 gradient-text x-bigger letter-spacing-sm bolder mb-5 text-center my-auto"> 
595														${cur_TipologiaOffertaLuce.getData()} 
596														</div> 
597												</#if> 
598												</div> 
599											<div> 
600											${cur_TipologiaOffertaLuce.TabellaTipologiaOffertaLuce.getData()} 
601											</div> 
602											</#list> 
603										</#if> 
604									<hr class="w-100"> 
605									<#if FooterTipologiaOffertaLuce.getData() != ""> 
606									${FooterTipologiaOffertaLuce.getData()} 
607									</#if> 
608										</div> 
609			   
610																		 
611									</div> 
612										</#if> 
613			   
614						  
615													   
616											  
617									</#if> 
618								</div> 
619							</div> 
620						</div> 
621					</div> 
622				</section> 
623			</#if> 
624		</#list> 
625		</#if> 
626	 
627													 
628																																												 
629				   
630																												  
631												  
632				   
633 
634		<#elseif size gt 1> 
635			<section id="tariffa-chart"> 
636				<div class="container position-relative py-5"> 
637					<div class="row"> 
638						<div class="col-lg-8"> 
639							<div class="row"> 
640								<div class="col-12">								 
641									<h3 class="firstTitle--withCircle gradient-text title-big letter-spacing-sm bolder">${TitoloIntroComune.getData()}</h3>									 
642								</div> 
643							</div> 
644							<#list TitoloIntro.getSiblings()?chunk(2) as titoloIntro> 
645							<div class="row"> 
646							<#if titoloIntro?has_content> 	 
647								<#list titoloIntro as titolo>								 
648									 
649										<div class="col-lg-6"> 
650										<#if titolo??> 
651											<#if titolo.getData() !=""> 
652												<h4 class="hc-pdp-subtitle bolder gradient-text">${titolo.getData()}</h4> 
653											</#if> 
654										</#if> 
655										<#if titolo.DescrizioneIntro??> 
656												<#if titolo.DescrizioneIntro.getData() !=""> 
657											<blockquote class="black-three big letter-spacing-sm l15 pr-lg-5">${titolo.DescrizioneIntro.getData()}</blockquote> 
658											</#if> 
659										</#if> 
660										</div> 
661			   
662																		   
663			    
664								</#list> 
665			   
666						  
667													    
668											   
669							</#if> 
670			   
671							</div> 
672			   
673							</#list> 
674						</div> 
675					</div> 
676				</div> 
677			</section>		 
678			 
679		</#if> 
680		 
681		<#-- ************* Sezione "Gas Verde 100% CO2 free" ************* --> 
682	<#if Titolod8jk?? && Titolod8jk.getData() != ""> 
683		<#list Titolod8jk.getSiblings()> 
684			<#assign firstTimeTitolod8jk=true /> 
685			<section id="gas-verde" class="pt-4 pb-4 mb-4" style="background-image: url('/documents/83408/0/prato+1.jpg/78a6efda-2895-e333-ad2b-ef7fbb491205?t=1594720975670'); background-repeat: no-repeat; background-size: cover;"> 
686				<div class="container position-relative pt-5"> 
687					<h3 class="title-big white letter-spacing-sm bolder">${TitoloDellaSezione.getData()}</h3> 
688					<div class="white big letter-spacing-sm l15 pr-lg-5 pt-4"> 
689						${SottotitoloDellaSezione.getData()} 
690					</div> 
691					<div class="row"> 
692						<div class="${colClassOfferta}"> 
693							<ul class="list-unstyled"> 
694								<#items as curGas> 
695									<#if curGas??> 
696										<#if curGas.getData() !=""> 
697											<#assign firstTimeTitolod8jk=false /> 
698											<li class="mt-3 pt-3"> 
699												<a href="#" class="big medium white" style="color: white!important;" data-toggle="collapse" data-target="#GAS-${curGas?index}" aria-expanded="false" aria-controls="collapseExample"> 
700													${curGas.getData()}			 
701													<i class="icon-chevron-down white title-mid float-right d-none d-sm-inline"></i> 
702												</a> 
703												<div class="collapse white" id="GAS-${curGas?index}"> 
704													${curGas.getChild('Descrizione5v5t').getData()} 
705												</div> 
706											</li> 
707										<#elseif firstTimeTitolod8jk> 
708											<style> 
709												#gas { 
710													display: none 
711
712											</style> 
713										</#if> 
714									<#elseif firstTimeTitolod8jk> 
715										<style> 
716											#gas { 
717												display: none 
718
719										</style> 
720									</#if> 
721								</#items> 
722				 
723			  
724							</ul> 
725			    
726						</div> 
727					</div> 
728				</div> 
729			</section> 
730		</#list> 
731	</#if> 
732 
733 
734	<#-- ************* Sezione "Servizi e tool inclusi nell'offerta" ************* --> 
735	<#if ServizioToolIncluso.getSiblings()?has_content> 
736		<section id="gestire-energia"> 
737			<#assign title="Inclusi nell'offerta" /> 
738			<#if urlcustom?contains("simply-hera")> 
739				<#assign title = "Conosci la tua energia?" /> 
740			</#if> 
741			<div class="container"> 
742				<div class="row align-items-center d-none d-lg-block"> 
743					<div class="${colClassOfferta}"> 
744						<h3 class="gradient-text title-big letter-spacing-sm bolder mb-5">${title}</h3> 
745					</div> 
746				</div> 
747				<div class="row align-items-center mobile d-lg-none pt-5"> 
748					<div class="${colClassOfferta}"> 
749						<h3 class="gradient-text title-big letter-spacing-sm bolder">${title}</h3> 
750					</div> 
751				</div> 
752				<div class="row"> 
753					<#assign istanceCounter = 0 /> 
754					<#list ServizioToolIncluso.getSiblings() as cur_ServizioToolIncluso> 
755						<#assign firstTimeServizioToolIncluso=true /> 
756						<#if cur_ServizioToolIncluso??> 
757							<#if cur_ServizioToolIncluso.getData() !=""> 
758								<#assign 
759									actServizioToolIncluso = cur_ServizioToolIncluso.getData()?eval 
760									actServizioToolInclusoClassPK = actServizioToolIncluso.classPK?number 
761									journalArticleServizioToolIncluso = journalArticleServiceUtil.getLatestArticle(actServizioToolInclusoClassPK) 
762									docXmlServizioToolIncluso = saxReaderUtil.read(journalArticleServizioToolIncluso.getContentByLocale(locale.toString())) 
763									immagineSoIn = docXmlServizioToolIncluso.valueOf("//dynamic-element[@name='imageSoIn']/dynamic-content/text()") 
764									immagineMob = docXmlServizioToolIncluso.valueOf("//dynamic-element[@name='ImmagineMob']/dynamic-content/text()") 
765									title = journalArticleServizioToolIncluso.getTitle(locale) 
766									summary = journalArticleServizioToolIncluso.getDescription(locale) 
767									firstTimeServizioToolIncluso = false 
768								/> 
769								<#if immagineSoIn == ""> 
770									<#assign immagineSoIn = immagineMob	/> 
771								</#if> 
772								<#list "${immagineSoIn}" ?split(",") as imageTmpSingleVar> 
773									<#assign imageSingleVar=imageTmpSingleVar?split(":") /> 
774									<#if imageSingleVar[0]?contains("groupId")> 
775										<#assign immagineStrGroupID=imageSingleVar[1]?replace('"', '' ) /> 
776									<#elseif imageSingleVar[0]?contains("name")> 
777										<#assign 
778											immagineStrName=imageSingleVar[1]?replace('"', '' ) 
779											immagineStrName=immagineStrName?replace(' ', ' +') 
780										/> 
781									<#elseif imageSingleVar[0]?contains("uuid")> 
782										<#assign immagineStrUUID=imageSingleVar[1]?replace('"', '') /> 
783									</#if> 
784								</#list> 
785								<#assign immagineUrl="" /> 
786								<#if immagineStrGroupID?? && immagineStrName?? && immagineStrUUID??> 
787									<#assign immagineUrl="/documents/" + immagineStrGroupID + "/0/" + immagineStrName + "/" + immagineStrUUID /> 
788								</#if> 
789								<#assign layoutServiceUtil = objectUtil("com.liferay.portal.kernel.service.LayoutServiceUtil") /> 
790								<#if themeDisplay.getScopeGroup().getParentGroupId() gt 0> 
791									<#assign articleLayout = layoutServiceUtil.getLayoutByUuidAndGroupId(journalArticleServizioToolIncluso.getLayoutUuid(), themeDisplay.getScopeGroup().getParentGroupId() , false) /> 
792								<#else> 
793									<#assign articleLayout = layoutServiceUtil.getLayoutByUuidAndGroupId(journalArticleServizioToolIncluso.getLayoutUuid(), getterUtil.getLong(scopeGroupId) , false) /> 
794								</#if> 
795								<#assign friendlyUrl = layout.getGroup().getDisplayURL(themeDisplay, false) + articleLayout.getFriendlyURL(locale) /> 
796								<#if articleLayout.getFriendlyURL(locale)?contains("hera-fast-check-up")> 
797								<#assign 
798 								friendlyUrlFastCheckup = "/casa/soluzioni-sostenibili#fastCheckupAnchorId" 
799								friendlyUrl = layout.getGroup().getDisplayURL(themeDisplay, false) + friendlyUrlFastCheckup 
800								/> 
801								</#if> 
802 
803								<div class="col-md-4 mb-5 d-none d-lg-block"> 
804									<div class="tile"> 
805										<div class="row"> 
806											<div class="col-lg-4 pt-4 pr-lg-0"> 
807												<a href="${friendlyUrl}"> 
808													<img src="${immagineUrl}" class="w-100" /> 
809												</a> 
810											</div> 
811											<div class="col-lg-8 tile-content"> 
812												<a href="${friendlyUrl}"> 
813													<h5 class="x-bigger gradient-text bolder letter-spacing-sm">${title}</h5> 
814													<div class="black-three small letter-spacing-sm l14">${summary}</div> 
815													<span class="black-three small letter-spacing-sm medium">Scopri di più<i class="icon-arrow-r align-middle darkish-pink pl-2"></i></span> 
816                                                </a> 
817                                            </div> 
818										</div> 
819									</div> 
820								</div> 
821 
822								<!-- Mobile --> 
823								<#if istanceCounter == 0> 
824									<div class="col-md-4 mobile d-lg-none"> 
825								<#else> 
826									<div class="col-md-4 mt-4 mobile d-lg-none"> 
827								</#if> 
828								<div class="tile"> 
829									<div class="row"> 
830										<div class="col-xs-4 pt-4 pr-lg-0"> 
831											<a href="${friendlyUrl}"> 
832												<img src="${immagineUrl}" class="w-100" /> 
833											</a> 
834										</div> 
835										<div class="col-xs-8 tile-content"> 
836											<a href="${friendlyUrl}"> 
837												<h5 class="x-bigger gradient-text bolder letter-spacing-sm">${title}</h5> 
838												<div class="black-three small letter-spacing-sm l14">${summary}</div> 
839												<span class="black-three small letter-spacing-sm medium">Scopri di più<i class="icon-arrow-r align-middle darkish-pink pl-2"></i></span> 
840											</a> 
841										</div> 
842									</div> 
843								</div> 
844								</div> 
845							<#elseif firstTimeServizioToolIncluso> 
846								<style> 
847									#gestire-energia { 
848										display: none 
849
850								</style> 
851							</#if> 
852						<#elseif firstTimeServizioToolIncluso> 
853							<style> 
854								#gestire-energia { 
855									display: none 
856
857							</style> 
858						</#if> 
859						<#assign istanceCounter = istanceCounter + 1 /> 
860					</#list> 
861				</div> 
862			</div> 
863		</section> 
864	</#if> 
865 
866	<#-- ************* Sezione "Servizi e tool consigliati" ************* --> 
867	<#if urlcustom?contains("hera-impronta-zero")> 
868		<#assign titoloSTC = "Aggiungi le nostre soluzioni: per te 20€ di sconto" /> 
869	<#else> 
870		<#assign titoloSTC = "Servizi e Tool consigliati" /> 
871	</#if> 
872	<#if ServizioToolConsigliato.getSiblings()?has_content> 
873		<section id="servizi-tool" class="py-5"> 
874			<div class="container py-md-5"> 
875				<h3 class="title-big white letter-spacing-sm bolder mt-5 mb-4 d-none d-lg-block">${titoloSTC}</h3> 
876				<!-- <h3> Mobile --> 
877				<h3 class="title-normal white letter-spacing-sm bolder mb-4 mobile d-lg-none">${titoloSTC}</h3> 
878				<div class="row"> 
879					<div class="${colClassOfferta}"> 
880						<div class="row mr-2"> 
881							<#list ServizioToolConsigliato.getSiblings() as cur_ServizioToolConsigliato> 
882								<#assign firstTimeServizioToolConsigliato=true /> 
883								<#if cur_ServizioToolConsigliato??> 
884									<#if cur_ServizioToolConsigliato.getData() !=""> 
885										<#assign 
886											actServizioToolConsigliato = cur_ServizioToolConsigliato.getData()?eval 
887											actServizioToolConsigliatoClassPK = actServizioToolConsigliato.classPK?number 
888											journalArticleServizioToolConsigliato = journalArticleServiceUtil.getLatestArticle(actServizioToolConsigliatoClassPK) 
889											docXmlServizioToolConsigliato = saxReaderUtil.read(journalArticleServizioToolConsigliato.getContentByLocale(locale.toString())) 
890											title = journalArticleServizioToolConsigliato.getTitle(locale) 
891											summary = journalArticleServizioToolConsigliato.getDescription(locale) 
892											base = docXmlServizioToolConsigliato.valueOf("//dynamic-element[@name='description']/dynamic-content/text()") 
893											tipoicona = docXmlServizioToolConsigliato.valueOf("//dynamic-element[@name='TipoIcona']/dynamic-content/text()") 
894											firstTimeServizioToolConsigliato = false 
895										/> 
896										<#assign layoutServiceUtil = objectUtil("com.liferay.portal.kernel.service.LayoutServiceUtil") /> 
897										<#if themeDisplay.getScopeGroup().getParentGroupId() gt 0> 
898											<#assign articleLayout = layoutServiceUtil.getLayoutByUuidAndGroupId(journalArticleServizioToolConsigliato.getLayoutUuid(), themeDisplay.getScopeGroup().getParentGroupId() , false) /> 
899										<#else> 
900											<#assign articleLayout = layoutServiceUtil.getLayoutByUuidAndGroupId(journalArticleServizioToolConsigliato.getLayoutUuid(), getterUtil.getLong(scopeGroupId) , false) /> 
901										</#if> 
902										<#assign friendlyUrl = layout.getGroup().getDisplayURL(themeDisplay, false) + articleLayout.getFriendlyURL(locale) /> 
903										<div class="col-md-4 pr-md-0 mb-4"> 
904											<a href="${friendlyUrl}" class="white-box d-block h-100 p-3"> 
905												<div class="row"> 
906													<div class="col-2 pt-1"> 
907														<i class="${tipoicona} gradient-text title-mid"></i> 
908													</div> 
909													<div class="col-10"> 
910														<h4 class="gradient-text big letter-spacing-sm font-weight-bold">${title}</h4> 
911														<div class="greyish-brown small letter-spacing-sm l13 mb-0">${summary}</div> 
912													</div> 
913												</div> 
914											</a> 
915										</div> 
916									<#elseif firstTimeServizioToolConsigliato> 
917										<style> 
918											#servizi-tool { 
919												display: none 
920
921										</style> 
922									</#if> 
923								<#elseif firstTimeServizioToolConsigliato> 
924									<style> 
925										#servizi-tool { 
926											display: none 
927
928									</style> 
929								</#if> 
930							</#list> 
931						</div> 
932					</div> 
933				</div> 
934			</div> 
935		</section> 
936	</#if> 
937 
938	<#-- ************* Sezione "L'offerta nel dettaglio" ************* --> 
939	<#if TestoDettaglioOfferta.getSiblings()?has_content && TestoDettaglioOfferta.getData() !=""> 
940		<section id="list" class="white-two-bg py-5"> 
941			<div class="container py-3"> 
942			  <#if TitoloDettaglioOfferta?? && TitoloDettaglioOfferta.getData() !=""> 
943				  <h3 class="title-big black-three letter-spacing-sm bolder">${TitoloDettaglioOfferta.getData()}</h3> 
944				<#else> 
945				  <h3 class="title-big black-three letter-spacing-sm bolder">Altri Vantaggi</h3> 
946				</#if> 
947				<div class="row mt-4 pt-3"> 
948					<div class="${colClassOfferta}"> 
949						<ul class="pl-lg-5 list-unstyled greyish-brown big letter-spacing-sm"> 
950							<#list TestoDettaglioOfferta.getSiblings() as cur_TestoDettaglioOfferta> 
951								<#assign colorCheck=cur_TestoDettaglioOfferta.ColoreElencoPuntato.getData() /> 
952								<#if colorCheck=="verde"> 
953									<li class="${colorCheck}">${cur_TestoDettaglioOfferta.getData()}</li> 
954								<#else> 
955									<li>${cur_TestoDettaglioOfferta.getData()}</li> 
956								</#if> 
957							</#list> 
958						</ul> 
959				<#if HtmlDettaglioOfferta??> 
960					<div class="greyish-brown big bolder letter-spacing-sm l13 mb-0"> 
961						${HtmlDettaglioOfferta.getData()} 
962					</div> 
963				</#if> 
964					</div> 
965				</div> 
966			</div> 
967		</section> 
968	</#if> 
969 
970	<#-- ************* Sezione "Domande frequenti" ************* --> 
971	<#if TitoloFaq??> 
972		<#list TitoloFaq.getSiblings()> 
973			<#assign firstTimeTitoloFaq=true /> 
974			<section id="faq" class="pt-4"> 
975				<div class="container position-relative pt-5"> 
976 					<#if urlcustom?contains("hera-impronta-zero")> 
977 						<h3 class="title-big black-three letter-spacing-sm bolder">Gas Verde 100% CO<sub>2</sub> Free</h3> 
978 						<div class="black-three big letter-spacing-sm l15 pr-lg-5 py-4"> 
979 							<span>Hera Impronta Zero ti garantisce gas naturale le cui emissioni di CO2 sono compensate <br/> tramite l'acquisto di crediti di carbonio certificati, con i quali sovvenzioniamo progetti <br/> internazionali di riduzione delle emissioni di gas a effetto serra in atmosfera. 
980 							</span> 
981 						</div> 
982 						<div class="container greyish-brown small"> 
983 						<span>Contribuisci anche tu a realizzare questi 4° Sustainable Development Goals dell' Agenda Onu 2030</span> 
984 						<img src="https://heracomm.gruppohera.it/documents/83408/0/theGlobalGoals.png/95113ede-52e4-b0aa-9399-da71fdeae05f?t=1562058787111" class="w-50" /> 
985 						</div> 
986 						<br> 
987 						<div> 
988 							<span class="black-three big letter-spacing-sm l15 pr-lg-5 py-5">I progetti finanziati sono certificati dai più alti standard internazionali in materia di riduzione <br/> delle emissioni di carbonio. 
989 							</span> 
990 						</div> 
991 					<#else> 
992 						<h3 class="title-big black-three letter-spacing-sm bolder">Domande frequenti</h3> 
993 					</#if> 
994					<div class="row mt-4"> 
995						<div class="${colClassOfferta}"> 
996							<ul class="pl-lg-5 list-unstyled"> 
997								<#items as curFaq> 
998									<#if curFaq??> 
999										<#if curFaq.getData() !=""> 
1000											<#assign firstTimeTitoloFaq=false /> 
1001											<li class="mt-3 pt-3"> 
1002												<a href="#" class="big medium burnt-yellow" data-toggle="collapse" data-target="#FAQ-${curFaq?index}" aria-expanded="false" aria-controls="collapseExample"> 
1003													${curFaq.getData()} 
1004													<i class="icon-chevron-down greyish-brown title-mid float-right d-none d-sm-inline"></i> 
1005												</a> 
1006												<div class="collapse" id="FAQ-${curFaq?index}"> 
1007													${curFaq.getChild('DescrizioneFaq').getData()} 
1008												</div> 
1009											</li> 
1010										<#elseif firstTimeTitoloFaq> 
1011											<style> 
1012												#faq { 
1013													display: none 
1014
1015											</style> 
1016										</#if> 
1017									<#elseif firstTimeTitoloFaq> 
1018										<style> 
1019											#faq { 
1020												display: none 
1021
1022										</style> 
1023									</#if> 
1024								</#items> 
1025							</ul> 
1026						</div> 
1027					</div> 
1028				</div> 
1029			</section> 
1030		</#list> 
1031	</#if> 
1032 
1033	<#-- ************* Sezione "Documenti e Modulistica" ************* --> 
1034	<#if DocumentiEModulistica.getData()!=""> 
1035		<#if DocumentiEModulistica.getSiblings()?has_content> 
1036			<section id="doc-list" class="pb-4"> 
1037				<div class="container py-5"> 
1038					<h3 class="title-big black-three letter-spacing-sm bolder mt-5 pt-3 d-none d-lg-block">Documenti e Modulistica</h3> 
1039					<!-- <h3> Mobile --> 
1040					<h3 class="title-normal black-three letter-spacing-sm bolder mt-5 pt-3 mobile d-lg-none">Documenti e Modulistica</h3> 
1041					<div class="row"> 
1042						<div class="${colClassOfferta}"> 
1043							<div class="row mt-5 pl-lg-5"> 
1044								<#list DocumentiEModulistica.getSiblings() as cur_documentoAllegato> 
1045									<#assign dlFileEntryService = objectUtil("com.liferay.document.library.kernel.service.DLFileEntryServiceUtil") /> 
1046									<#if cur_documentoAllegato.getData() !=""> 
1047										<#assign counterDocAll=0 /> 
1048										<#list "${cur_documentoAllegato.getData()}"?split("/") as xDocAll> 
1049											<#if counterDocAll==2> 
1050												<#assign groupIdDocAll=xDocAll?number /> 
1051											</#if> 
1052											<#if counterDocAll==5> 
1053												<#assign 
1054													uuIdDocAll=xDocAll 
1055													counterUuIdDocAll=0 
1056												/> 
1057												<#list "${xDocAll}" ?split("?") as xUuIdDocAll> 
1058													<#if counterUuIdDocAll==0> 
1059														<#assign uuIdDocAll=xUuIdDocAll /> 
1060													</#if> 
1061													<#assign counterUuIdDocAll=counterUuIdDocAll + 1 /> 
1062												</#list> 
1063											</#if> 
1064											<#assign counterDocAll=counterDocAll + 1 /> 
1065										</#list> 
1066										<#assign fileDocAll=dlFileEntryService.getFileEntryByUuidAndGroupId(uuIdDocAll, groupIdDocAll) /> 
1067										<#assign substringcompare= fileDocAll.fileName?keep_before("_")/> 
1068										<#if substringcompare==compare1 || substringcompare==compare2> 
1069        										<div class="col-md-4 col-sm-6"> 
1070        											<div class="row mb-3"> 
1071        												<div class="col-2 text-xl-center"> 
1072        													<i class="icon-doc gradient-text x-bigger"></i> 
1073        												</div> 
1074        												<div class="col-10 pl-md-0"> 
1075        													<a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
1076        														${fileDocAll.fileName?replace('.pdf|.PDF', '', 'r')} 
1077        													</a> 
1078        												</div> 
1079        											</div> 
1080        										</div> 
1081										<#else> 
1082									        <#if (substringcompare!="HC" && substringcompare!="HCM" && substringcompare!="CMV" && substringcompare!="HCNE")> 
1083    										<div class="col-md-4 col-sm-6"> 
1084    											<div class="row mb-3"> 
1085    												<div class="col-2 text-xl-center"> 
1086    													<i class="icon-doc gradient-text x-bigger"></i> 
1087    												</div> 
1088    												<div class="col-10 pl-md-0"> 
1089    													<a href="${cur_documentoAllegato.getData()}" class="black-three big letter-spacing-sm" target="_blank"> 
1090    														${fileDocAll.fileName?replace('.pdf|.PDF', '', 'r')} 
1091    													</a> 
1092    												</div> 
1093    											</div> 
1094    										</div> 
1095    										</#if> 
1096										</#if> 
1097									</#if> 
1098								</#list> 
1099							</div> 
1100						</div> 
1101					</div> 
1102				</div> 
1103			</section> 
1104		</#if> 
1105	</#if> 
1106 
1107	<#-- ************* Sezione "Note informative" ************* --> 
1108	<#if NoteInformative??> 
1109		<#if NoteInformative.getData() != ""> 
1110			<section id="note-informative"> 
1111			    <div class="container py-3"> 
1112			        <div class="row"> 
1113			            <div class="col-lg-8 smaller"> 
1114							${NoteInformative.getData()} 
1115			            </div> 
1116			        </div> 
1117			    </div> 
1118			</section> 
1119		</#if> 
1120	</#if> 
1121 
1122	<#if !(themeDisplay.getPortalURL()?contains("auth-")) && !(themeDisplay.getPortalURL()?contains("-dev")) && !(themeDisplay.getPortalURL()?contains("-test")) && target == "casa" && urlcustom?contains("hera-impronta-zero")> 
1123		<!-- Adform Tracking Code BEGIN --> 
1124		<script type="text/javascript"> 
1125		    window._adftrack = Array.isArray(window._adftrack) ? window._adftrack : (window._adftrack ? [window._adftrack] : []); 
1126		    window._adftrack.push({ 
1127		        pm: 1855697, 
1128		        divider: encodeURIComponent('|'), 
1129		        pagename: encodeURIComponent('Landing Page') 
1130		    }); 
1131		    (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://track.adform.net/serving/scripts/trackpoint/async/'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })(); 
1132 
1133		</script> 
1134		<noscript> 
1135		    <p style="margin:0;padding:0;border:0;"> 
1136		        <img src="https://track.adform.net/Serving/TrackPoint/?pm=1855697&ADFPageName=Landing%20Page&ADFdivider=|" width="1" height="1" alt="" /> 
1137		    </p> 
1138		</noscript> 
1139		<!-- Adform Tracking Code END --> 
1140	</#if> 
1141</div> 
1142</#if>