Navigation Menu
Language Selector
- en (ENGLISH)
- el (ΕΛΛΗΝΙΚΑ)
test
An error occurred while processing the template.
The following has evaluated to null or missing: ==> BackgroundImageDesktop [in template "20116#20152#711321" at line 33, column 34] ---- 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: ${BackgroundImageDesktop.getData()} [in template "20116#20152#711321" at line 33, column 32] ----
1<style>
2
3 .red{
4 color: #eb2d32;
5 }
6
7 .terms_btn{
8 font-size: 11px !important;
9 font-family: "OpapMediumItalic";
10 color: rgb(255, 255, 255);
11 text-transform: none !important;
12 line-height: 21px;
13 text-align: center;
14 background-color: rgb(35, 38, 51);
15 height: 38px;
16 margin-top: 20px;
17 width: 300px;
18 font-style: italic;
19 border-radius: 4px;
20 }
21
22 .terms_btn:hover{
23 color: rgb(255, 255, 255);
24 }
25 .bottom_ctas {
26 position: absolute;
27 left: 50%;
28 transform: translateX(-50%);
29 bottom: 200px;
30 }
31
32 body{
33 background-image: url("${BackgroundImageDesktop.getData()}");
34 background-repeat: no-repeat;
35 background-position: center 0px;
36 background-size: cover;
37 background-color: #000210;
38 }
39
40
41 .full_screen_container{
42 top: 5vh;
43 position: relative;
44 display: flex;
45 flex-direction: row;
46 flex-wrap: wrap;
47 align-items: center;
48 justify-content: space-around;
49 min-height: 860px;
50 margin-bottom: 50px !important;
51 }
52
53 .promo_container{
54 float: right;
55 padding: 30px 0;
56 background-image: linear-gradient(to bottom, rgba(0,2,16,0.8), rgba(0,2,16,0.4));
57 border-radius: 100px;
58 border-right: 2px solid;
59 border-left: 2px solid;
60 border-left-color: red;
61 border-right-color: red;
62 height: 174px;
63 margin-top: -600px;
64 }
65
66 .container_bottom{
67 position: relative;
68 bottom: 10px;
69 }
70
71 .promo_text p{
72 font-size: 26px !important;
73 font-family: "OpapMediumItalic";
74 color: rgb(255, 255, 255);
75 text-transform: none !important;
76 line-height: 34px;
77 text-align: center;
78 margin: 0 auto 5px auto;
79 width: 85%;
80 max-height: 235px;
81 font-weight: 800;
82 overflow: hidden;
83 -webkit-line-clamp: 8;
84 display: -webkit-box;
85 line-clamp: 8;
86 -webkit-box-orient: vertical;
87 white-space: break-spaces;
88 }
89
90 .terms_link{
91 display: flex;
92 justify-content: center;
93 }
94
95
96
97 .green_container{
98 border-radius: 3px;
99 background-color: rgb(27, 152, 0);
100 margin: auto;
101 text-align: center;
102 width: 300px;
103 height: 60px;
104 }
105
106 .green_container .btn{
107 font-size: 18px !important;
108 font-family: "OpapMediumItalic";
109 color: rgb(255, 255, 255);
110 font-weight: 800;
111 text-transform: uppercase;
112 line-height: 45px;
113 text-align: center;
114 font-style: italic;
115 }
116
117 .img_container{
118
119 }
120
121 .promo_img{
122 margin: auto;
123 max-width: 100%;
124 }
125
126
127
128 .new_footer{
129 width: 100vw;
130 position: fixed;
131 bottom: -1px;
132 left: 0;
133 background-color: black;
134 height: 38px;
135 align-items: center;
136 justify-content: center;
137 opacity: 0;
138 display: none;
139 }
140
141 .opac{
142 opacity: 1;
143 display:flex;
144 }
145
146 .footer_text {
147 font-family: "OPAPExt";
148 color: rgb(255, 255, 255);
149 text-transform: uppercase;
150 text-align: center;
151 font-size: 14px;
152 }
153
154
155 .footer_text .thumb_up_by_alex{
156 margin-left: 15px;
157 }
158
159 .collapsedlogin{
160 display: none !important;
161 }
162
163
164 .order1{
165 padding: 0;
166 order: 1;
167 display: flex;
168 align-items: center;
169 justify-content: center;
170 padding: 0;
171 margin: -500px 0 0 0;
172
173 }
174 .order2{
175 padding: 0;
176 order: 2;
177 display: flex;
178 align-items: center;
179 justify-content: center;
180 padding: 0;
181
182 }
183
184 .order3 {
185 padding: 0;
186 order: 3;
187 display: flex;
188 flex-direction: column;
189 align-items: center;
190 justify-content: center;
191 padding: 0;
192 }
193
194
195 @media screen and (max-width: 1280px){
196 .promo_text p{
197 line-height: 30px;
198 }
199 }
200
201
202
203 @media screen and (max-width: 1024px){
204 body{
205 background-position: center right;
206 }
207 }
208
209 @media screen and (max-width: 1016px){
210 .promo_container{
211 padding: 15px 0;
212 }
213
214 }
215
216
217 @media screen and (max-width: 992px){
218 .promo_container{
219 padding: 30px 0;
220 }
221
222 .full_screen_container{
223 justify-content: center;
224 margin-bottom: 75px !important;
225 }
226
227 .promo_img{
228 max-width: 100% !important;
229 width: 100%;
230 }
231
232
233 .img_container{
234 display: flex;
235 }
236
237 .marketing_title{
238 font-size: 36px;
239 font-weight: 500;
240 margin-bottom: 10px;
241 line-height: 38px;
242 }
243
244 .marketing_sub{
245 font-size: 20px;
246 line-height: 22px;
247 }
248
249 .thumb_up_by_alex{
250 margin: 10px 0;
251 }
252
253 .promo_container{
254 height: 200px;
255 }
256 }
257
258
259 @media screen and (max-width: 767px){
260
261
262 body{
263 background-position: center right;
264 }
265
266 .new_footer {
267 height: 80px;
268 background-color: rgb(0, 2, 16);
269 }
270
271 .footer_text {
272 padding: 0 20px;
273 }
274
275
276 .bottom_ctas {
277 bottom: 200px;
278 }
279 }
280
281 @media screen and (max-width: 560px){
282
283
284 }
285
286
287 @media screen and (max-width: 411px){
288 .new_footer {
289 height: 100px;
290 }
291 }
292 @media screen and (max-width: 500px){
293
294 body{
295 background-image: url("${BackgroundImageMobile.getData()}");
296 background-position: center -30px;
297 }
298
299
300 .promo_text p{
301 margin: 10px auto 5px auto;
302 -webkit-line-clamp: 9;
303 line-clamp: 9;
304 width: 82%;
305 font-weight: 700;
306 line-height: 25px;
307
308 }
309
310
311 .cta_container {
312 width: 100%;
313 }
314
315 .green_container{
316 width: 95%;
317 }
318
319 .bottom_ctas{
320 bottom: 165px;
321 }
322 .promo_container {
323 margin-top: -600px;
324 border-radius: 87px;
325 padding: 30px 0;
326 height: 277px;
327 background-image: linear-gradient(to bottom, rgba(0,2,16,0.8), rgba(0,2,16,0));
328
329
330 }
331 .terms_link{
332 padding: 0;
333 width: 95%;
334 }
335
336 .terms_link a{
337 width: 100%;
338 }
339
340 .terms_btn{
341 width: 100%;
342 }
343
344 .order1{
345 margin: -590px 0 0 0;
346 }
347 }
348
349
350
351
352
353</style>
354<#assign curLangId = themeDisplay.getLanguageId()>
355<#assign twoLettersLang = curLangId?split("_")[0]>
356<#assign
357 termsTitle = "Terms & Conditions"
358 regulate = "21+ | REGULATED BY: HELLENIC GAMING COMMISSION (HGC) | ADDICTION RISKS AND ASSET LOSS HELP LINE: 1114"
359 image ="/documents/159260/0/rg-badge-footer-en.png"
360/>
361<#if twoLettersLang = "el">
362 <#assign
363 termsTitle = "Όροι και Προϋποθέσεις"
364 regulate = "ΑΡΜΟΔΙΟΣ ΡΥΘΜΙΣΤΗΣ ΕΕΕΠ | Η ΣΥΜΜΕΤΟΧΗ ΣΕ ΤΥΧΕΡΑ ΠΑΙΓΝΙΑ ΕΠΙΤΡΕΠΕΤΑΙ ΜΟΝΟ ΣΕ ΑΤΟΜΑ ΑΝΩ ΤΩΝ 21 ΕΤΩΝ Η ΣΥΧΝΗ ΣΥΜΜΕΤΟΧΗ ΕΝΕΧΕΙ ΚΙΝΔΥΝΟ ΕΘΙΣΜΟΥ ΚΑΙ ΑΠΩΛΕΙΑΣ ΠΕΡΙΟΥΣΙΑΣ | ΓΡΑΜΜΗ ΣΤΗΡΙΞΗΣ: 1114"
365 image="/documents/159260/0/rg-badge-footer-gr.png"
366 />
367</#if>
368
369<div class="row full_screen_container">
370 <div class="col-xs-12 col-sm-8 promo_container order2">
371 <div class="promo_text">
372 <div class="loggedOUT">
373 <#if TermsHref.TermsGuestText.getSiblings()?has_content>
374 <#list TermsHref.TermsGuestText.getSiblings() as cur_TermsHref>
375 <p>
376 ${cur_TermsHref.getData()}
377 </p>
378 </#list>
379 </#if>
380 </div>
381 <div class="loggedIN collapsedlogin">
382 <#if TermsHref.TermsLoggedInText.getSiblings()?has_content>
383 <#list TermsHref.TermsLoggedInText.getSiblings() as cur_TermsHref2>
384 <p>
385 ${cur_TermsHref2.getData()}
386 </p>
387 </#list>
388 </#if>
389 </div>
390 </div>
391 </div>
392 <div class="col-xs-12 order1">
393 <div class="img_container">
394 <#if getterUtil.getBoolean(HidePromoImageForGuest.getData())>
395 <#if HidePromoImageForGuest.PromoImage.getData()?? && HidePromoImageForGuest.PromoImage.getData() != "">
396 <img class="promo_img"
397 data-fileentryid="${HidePromoImageForGuest.PromoImage.getAttribute("fileEntryId")}"
398 alt="${HidePromoImageForGuest.PromoImage.getAttribute("alt")}"
399 src="${HidePromoImageForGuest.PromoImage.getData()}"
400 />
401 </#if>
402 </#if>
403 </div>
404 </div>
405 <div class="col-xs-1 order4">
406 </div>
407 <div class="col-xs-12 bottom_ctas order3">
408 <div class="cta_container">
409 <a class="loggedOUT" href="${GreenCtAGuestHref.getData()}">
410 <div class="green_container">
411 <div class="btn">
412 ${GreenCtAGuestHref.GreenCtAGuestText.getData()}
413 </div>
414 </div>
415 </a>
416 <a class="loggedIN collapsedlogin" href="${GreenCtALoggedInHref.getData()}">
417 <div class="green_container">
418 <div class="btn">
419 ${GreenCtALoggedInHref.GreenCtALoggedInText.getData()}
420 </div>
421 </div>
422 </a>
423
424 </div>
425 <div class="col-xs-12 terms_link">
426 <a href="${TermsHref.getData()}">
427 <div class="btn terms_btn">
428 ${termsTitle}
429 </div>
430 </a>
431 </div>
432 </div>
433 </div>
434<div class="new_footer">
435 <div class="footer_text">
436 ${regulate} <img class="thumb_up_by_alex" src=${image} alt=""/>
437 </div>
438<div>
439 <script>
440 var valid_session = "VALID_USER_SESSION";
441 var no_user = "NO_USER_SESSION";
442
443 PubSub.subscribe(valid_session, function (msg, data) {
444 if(msg === valid_session) {
445 $(".loggedIN").each(function(){
446 $(this).removeClass("collapsedlogin")
447 })
448 $(".loggedOUT").each(function(){
449 $(this).addClass("collapsedlogin")
450 })
451 }
452 });
453
454 PubSub.subscribe(no_user, function (msg, data) {
455 if(msg === no_user) {
456 $(".loggedIN").each(function(){
457 $(this).addClass("collapsedlogin")
458 })
459 $(".loggedOUT").each(function(){
460 $(this).removeClass("collapsedlogin")
461 })
462 }
463 });
464
465
466//js to change only "pamestoixima.gr color to red adding a span class
467//first step: get parent element for logout
468var promo_logoutElement = document.getElementsByClassName("loggedOUT")[0];
469//second step: get paragraph of the parent element text
470var text = promo_logoutElement.getElementsByTagName("p")[0].innerHTML;
471
472//set object to be replaced 'string'
473var myObject = {
474 name: 'Pamestoixima.gr'
475}
476
477// maping the paragraph text with the string
478var result = text.split(' ').map(function(word) {
479 if (Object.values(myObject).includes(word)) {
480 return '<span class="red">' + word + '</span>'
481 } else {
482 return word
483 }
484})
485// final step: replace innerHTML of paragraph with the result of the map
486promo_logoutElement.getElementsByTagName("p")[0].innerHTML = result.join(' ');
487
488//same for the loggedIN
489var promo_loginElement = document.getElementsByClassName("loggedIN")[0];
490//second step: get paragraph of the parent element text
491var text = promo_loginElement.getElementsByTagName("p")[0].innerHTML;
492
493//set object to be replaced 'string'
494var myObject = {
495 name: 'Pamestoixima.gr'
496}
497
498// maping the paragraph text with the string
499var result = text.split(' ').map(function(word) {
500 if (Object.values(myObject).includes(word)) {
501 return '<span class="red">' + word + '</span>'
502 } else {
503 return word
504 }
505})
506// final step: replace innerHTML of paragraph with the result of the map
507promo_loginElement.getElementsByTagName("p")[0].innerHTML = result.join(' ');
508
509
510</script>