Success Story Details
Asset Publisher
An error occurred while processing the template.
Java method "com.sun.proxy.$Proxy511.getProduct(long)" threw an exception when invoked on com.sun.proxy.$Proxy511 object "com.pgs.product.service.impl.ProductLocalServiceImpl@6fc9c615"; see cause exception in the Java stack trace. ---- FTL stack trace ("~" means nesting-related): - Failed at: #assign product = productLocalService... [in template "20116#20152#42027" at line 218, column 33] ----
1<@liferay_theme["defineObjects"] />
2<#assign page_group = layout.getGroup() />
3<#assign site_url = htmlUtil.escape(page_group.getDisplayURL(themeDisplay, false))>
4<#assign englishLocale = localeUtil.fromLanguageId("en_US")>
5<#assign groupName = page_group.getName(englishLocale) />
6
7<#if groupName!="" && groupName=="Guest">
8 <#assign site_url = site_url + "/web/americas">
9</#if>
10
11
12<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") >
13<#assign productCategoryLocalService = serviceLocator.findService("com.pgs.product.category.service.ProductCategoryLocalService")>
14
15<#if ImageContainer.getSiblings()?has_content>
16 <div class="slider-wrap">
17
18 <ul class="f-slider slider bxslider">
19 <#list ImageContainer.getSiblings() as cur_innerImage_cntnr>
20 <li id="tSlider" style="background-image: url(${cur_innerImage_cntnr.CarouselImage.getData()}); float: left; list-style: none; position: relative; width: 1366px;" class="-left">
21 <div class="-overlay -black"></div>
22 <#if cur_innerImage_cntnr.ContentLeft??>
23 <#if cur_innerImage_cntnr.ContentLeft.getData()== 'true' >
24 <div id="slider" class="slider-content slider-content-left">
25 <div class="container">
26 <div class="tag">${cur_innerImage_cntnr.CarouselTag.getData()}</div>
27
28 <h2 class="-title">${cur_innerImage_cntnr.CarouselTitle.getData()}</h2>
29 <#assign learnMoreFn = cur_innerImage_cntnr.chooseLearnMore.getData()/>
30
31 <#if cur_innerImage_cntnr.CarouselLinkLabel.getData()?has_content && cur_innerImage_cntnr.CarouselLinkLabel.getData() != ''>
32 <#if learnMoreFn?has_content && learnMoreFn != 'none'>
33
34 <#assign learnMoreRedirect = cur_innerImage_cntnr.redirectLink.getData()/>
35
36 <#assign learnMoreRedirectURL = ''/>
37
38 <#if learnMoreFn?has_content && learnMoreFn == 'success-story'>
39 <#assign learnMoreRedirectURL = site_url+"/success-story-details?successStoryId="+learnMoreRedirect/>
40 </#if>
41
42 <#if learnMoreFn?has_content && (learnMoreFn == 'product-category' || learnMoreFn == 'product')>
43
44 <#attempt>
45 <#assign learnMoreRedirect = learnMoreRedirect?number />
46 <#recover>
47 <#assign learnMoreRedirect = "#" />
48 </#attempt>
49
50
51 <#if learnMoreRedirect?has_content && learnMoreRedirect?string!='#'>
52 <#assign learnMoreRedirectURL = site_url+productCategoryLocalService.getURLPathByResourceId(learnMoreRedirect,learnMoreFn,locale)/>
53
54 </#if>
55
56 </#if>
57
58
59 <#if learnMoreFn?has_content && (learnMoreFn == 'external-link' || learnMoreFn == 'within-region')>
60 <#assign learnMoreRedirectURL = learnMoreRedirect>
61 </#if>
62 <a href="${learnMoreRedirectURL}" target="_self" class="btn btn-primary">${cur_innerImage_cntnr.CarouselLinkLabel.getData()}</a>
63 </#if>
64 </#if>
65
66
67 </div>
68 </div>
69 <#else>
70 <div id="slider" class="slider-content slider-content-right">
71 <div class="container">
72 <div class="tag">${cur_innerImage_cntnr.CarouselTag.getData()}</div>
73
74 <h2 class="-title">${cur_innerImage_cntnr.CarouselTitle.getData()}</h2>
75
76 <#assign learnMoreFn = cur_innerImage_cntnr.chooseLearnMore.getData()/>
77
78 <#if cur_innerImage_cntnr.CarouselLinkLabel.getData()?has_content && cur_innerImage_cntnr.CarouselLinkLabel.getData() != ''>
79 <#if learnMoreFn?has_content && learnMoreFn != 'none'>
80
81 <#assign learnMoreRedirect = cur_innerImage_cntnr.redirectLink.getData()/>
82
83 <#assign learnMoreRedirectURL = ''/>
84
85 <#if learnMoreFn?has_content && learnMoreFn == 'success-story'>
86 <#assign learnMoreRedirectURL = site_url+"/success-story-details?successStoryId="+learnMoreRedirect/>
87 </#if>
88
89 <#if learnMoreFn?has_content && (learnMoreFn == 'product-category' || learnMoreFn == 'product')>
90
91 <#attempt>
92 <#assign learnMoreRedirect = learnMoreRedirect?number />
93 <#recover>
94 <#assign learnMoreRedirect = "#" />
95 </#attempt>
96
97
98 <#if learnMoreRedirect?has_content && learnMoreRedirect?string!='#'>
99 <#assign learnMoreRedirectURL = site_url+productCategoryLocalService.getURLPathByResourceId(learnMoreRedirect,learnMoreFn,locale)/>
100
101 </#if>
102
103 </#if>
104
105
106 <#if learnMoreFn?has_content && (learnMoreFn == 'external-link' || learnMoreFn == 'within-region')>
107 <#assign learnMoreRedirectURL = learnMoreRedirect>
108 </#if>
109 <a href="${learnMoreRedirectURL}" target="_self" class="btn btn-primary">${cur_innerImage_cntnr.CarouselLinkLabel.getData()}</a>
110 </#if>
111 </#if>
112
113
114 </div>
115 </div>
116 </#if>
117 </#if>
118 </li>
119 </#list>
120 </ul>
121
122 </div>
123</#if>
124
125<#-- To get current page url for social share -->
126<#assign liferay_theme = PortletJspTagLibs["/META-INF/liferay-theme.tld"] />
127<@liferay_theme["defineObjects"] />
128<#assign currentPageURL = portalUtil.getLayoutURL(themeDisplay.getLayout(),themeDisplay) />
129<#-- To get theme image folder path for social media icons -->
130
131<#assign imagesPath = themeDisplay.getPathThemeImages() />
132
133<#assign page_group = layout.getGroup() />
134<#assign pgsUtil = serviceLocator.findService("com.pgs.tags.constants.TagConstantsService")>
135<#assign archiveURL = pgsUtil.getSuccessStoryViewArchiveURL()>
136
137
138<#assign productLocalService = serviceLocator.findService("com.pgs.product.service.ProductLocalService") >
139<#assign productCategoryLocalService = serviceLocator.findService("com.pgs.product.category.service.ProductCategoryLocalService") >
140<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") >
141<#assign assetTagLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetTagLocalService") >
142<#assign OrderByComparatorFactoryUtil = staticUtil["com.liferay.portal.kernel.util.OrderByComparatorFactoryUtil"]>
143<#assign categoriesOrderBy = OrderByComparatorFactoryUtil.create("assetentry", ["modifiedDate", false])>
144<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") >
145<#assign successStoryEquipmentLocalService = serviceLocator.findService("com.pgs.success.story.equipment.service.SuccessStoryEquipmentLocalService") >
146
147<#assign url = themeDisplay.getURLCurrent()>
148<#assign successStoryIdReq = httpUtil.getParameter(url, "successStoryId", false)/>
149<#assign successStoryRegion = httpUtil.getParameter(url, "successStoryRegion", false)/>
150
151<#if successStoryIdReq != "">
152 <#assign successStoryId = successStoryIdReq?number>
153</#if>
154
155
156
157<#assign assetTag= assetTagLocalService.fetchTag(themeDisplay.getScopeGroupId(),"success-story")>
158
159<#assign assetClassPK = ""/>
160
161
162
163<#assign nextLink = -1?number>
164<#assign currentArticleFound = "false">
165
166
167 <div class="row success-detail-wrapper">
168 <div class="page-success-story-detail">
169 <div class="col-md-9">
170 <div class="content-head">
171 <h2 class="content-title">${StoryTitle.getData()}</h2>
172 <p class="short-desc">${StoryTitle.ShortDescription.getData()}</p>
173 <div class="content-meta">
174 ${StoryTitle.Date.getData()} | ${StoryTitle.Region.getData()} | ${StoryTitle.StoryType.getData()}
175 </div>
176 <div>
177 <ul class="social-links page-share">
178 <li>
179 <a href="https://www.facebook.com/sharer/sharer.php?u=${currentPageURL?url('ISO-8859-1')}" target="_self"><img src="${imagesPath}/putzmeister/fb-icon.png" alt="Share on Facebook"></a>
180 </li>
181 <li>
182 <a href="https://www.linkedin.com/shareArticle?mini=true&url=${currentPageURL?url('ISO-8859-1')}&title=${StoryTitle.getData()?url('ISO-8859-1')}&summary=${StoryTitle.ShortDescription.getData()?url('ISO-8859-1')}" target="_self"><img src="${imagesPath}/putzmeister/linkedin-icon.png" alt="Share on Twitter"></a>
183 </li>
184 <li>
185 <a href="https://twitter.com/intent/tweet?text=${StoryTitle.getData()?url('ISO-8859-1')}&url=${currentPageURL?url('ISO-8859-1')}" target="_self"><img src="${imagesPath}/putzmeister/twitter-icon.png" alt="Share on LinkedIn"></a>
186 </li>
187 </ul>
188 </div>
189 </div>
190 <div class="success-desc">
191 ${StoryTitle.Description.getData()}
192 </div>
193 </div>
194
195 <div class="col-md-3">
196 <div class="story-rightside-bar text-center">
197 <div class="equipments-used">
198 <h4 class="section-title">${EquipTitle.getData()}</h4>
199 <#assign url = themeDisplay.getURLCurrent()>
200 <#assign page_group = layout.getGroup() />
201 <#assign site_default_public_url = htmlUtil.escape(page_group.getDisplayURL(themeDisplay, false))>
202 <#if httpUtil.getParameter(url, "successStoryId", false)??>
203 <#assign journalArticleClassPk = httpUtil.getParameter(url, "successStoryId", false)/>
204 <#if journalArticleClassPk!="" && journalArticleClassPk!='' && journalArticleClassPk?number gt 0>
205 <#attempt>
206 <#assign journalArticle = journalArticleLocalService.getLatestArticle(journalArticleClassPk?number)>
207 <#recover>
208 <#assign journalArticle = journalArticleLocalService.getArticle(themeDisplay.getScopeGroupId(),journalArticleClassPk)>
209 </#recover>
210 </#if>
211 </#if>
212 <#if journalArticle?? && journalArticle.getResourcePrimKey()?? && journalArticle.getResourcePrimKey() gt 0>
213 <#assign successStoryEquipmentList = successStoryEquipmentLocalService.getSuccessStoryEquipmentByArticleId(journalArticle.getResourcePrimKey())/>
214 </#if>
215 <#if successStoryEquipmentList?? && successStoryEquipmentList?has_content>
216 <#list successStoryEquipmentList as successStoryEquipment>
217 <#if successStoryEquipment.getProductType() == "available">
218 <#assign product = productLocalService.getProduct(successStoryEquipment.getProductId())/>
219 <p><a href="${site_default_public_url+'/'+productCategoryLocalService.getURLPathByResourceId(product.getProductId(),'product',themeDisplay.getLocale())}" target="_self">${product.getProductName(themeDisplay.getLocale())}</a></p>
220 </#if>
221 </#list>
222 </#if>
223 </div>
224
225 <#if EquipBtnText.getData()?? && EquipBtnText.getData() != ''>
226 <div class="dequipments-used">
227 <h4 class="section-title">${EquipBtnText.getData()}</h4>
228 <#if successStoryEquipmentList?has_content>
229 <#list successStoryEquipmentList as successStoryEquipment>
230 <#if successStoryEquipment.getProductType() == "discontinued">
231 <#assign product = productLocalService.getProduct(successStoryEquipment.getProductId())/>
232 <p>${product.getProductName(themeDisplay.getLocale())}</p>
233 </#if>
234 </#list>
235 </#if>
236 </div>
237
238 </#if>
239
240 <a href="${themeDisplay.getSiteGroup().getDisplayURL(themeDisplay)}/products" class="btn btn-primary" target="_self">${LinkLabel.getData()}</a>
241 </div>
242 </div>
243 </div>
244
245 <#list StoryContainer.getSiblings() as cur_StoryContainer>
246 <div class="page-success-story-detail">
247 <div class="col-md-9">
248 <div class="left-content"><p>${cur_StoryContainer.LeftContent.getData()}</p></div>
249 </div>
250
251 <div class="col-md-3">
252 <#if cur_StoryContainer.RightContent.getChildren()?has_content>
253
254 <#if cur_StoryContainer.RightContent.Title.getData() != "">
255 <div class="story-title"><h4>${cur_StoryContainer.RightContent.Title.getData()}</h4> </div>
256 </#if>
257
258 <#if cur_StoryContainer.RightContent.quote1.getData() != "">
259 <div class="quote-data">${cur_StoryContainer.RightContent.quote1.getData()} </div>
260 </#if>
261
262 <#if cur_StoryContainer.RightContent.partners.getData() != "">
263 <div class="partners">${cur_StoryContainer.RightContent.partners.getData()} </div>
264 </#if>
265
266 <#if cur_StoryContainer.RightContent.imgcontent.getData() != "">
267 <div class="img-content">${cur_StoryContainer.RightContent.imgcontent.getData()} </div>
268 </#if>
269
270 <#if cur_StoryContainer.RightContent.buttonType.getData()?? && cur_StoryContainer.RightContent.buttonType.getData() != ''>
271 <div class="right-content-button">
272 <#assign buttonType = cur_StoryContainer.RightContent.buttonType.getData()>
273 <#if buttonType!="none">
274 <#if buttonType=="contact-us">
275 <a href="${site_url}/contact-us" class="btn btn-primary" target="_self">${cur_StoryContainer.RightContent.displayText.getData()}</a>
276 <#elseif buttonType=="watch-video">
277
278 <a data-target="#video-modal-${cur_StoryContainer?index}" data-toggle="modal" class="btn btn-primary" target="_self">${cur_StoryContainer.RightContent.displayText.getData()}</a>
279
280 <!-- Modal HTML -->
281 <div class="putz-custom-modal modal fade" id="video-modal-${cur_StoryContainer?index}" role="dialog" style="display:none;">
282 <div class="modal-dialog">
283
284 <!-- Modal content-->
285 <div class="modal-content">
286 <div class="modal-body">
287 <div class="putz-modal-close"><span class="icon-remove" data-dismiss="modal"></span></div>
288 <div id="success-story-vid-wrap" class="putz-custom-modal-vid-wrap">
289 <iframe id="success-story-vidid" src="${cur_StoryContainer.RightContent.YoutubeVideoUrl.getData()}" width="560" height="315" frameborder="0" allowfullscreen></iframe>
290 </div>
291 </div>
292 </div>
293
294 </div>
295 </div>
296
297 <#elseif buttonType=="subscribe">
298 <a href="#ssEmailSubscriptionDiv" class="btn btn-primary">${cur_StoryContainer.RightContent.displayText.getData()} </a>
299
300 </#if>
301 </a>
302 </#if>
303 </div>
304 </#if>
305 </#if>
306
307 </div>
308 </div>
309 </#list>
310
311
312<!--Video Implementation-->
313
314 <div class="next-up">
315 <div class="col-md-9">
316 <div class="final-content">${LeftDescription.getData()}</div>
317 </div>
318 <div class="col-md-3">
319 <div class="">
320 <h3 class="-title">${nextupTitle.getData()}</h3>
321 <ul>
322 <#assign successStoryConfiguratorLocalService = serviceLocator.findService("com.pgs.success_story.configurator.service.SuccessStoryConfiguratorLocalService") >
323 <#assign nextSuccessStories = successStoryConfiguratorLocalService.getSuccessStoryConfiguratorsBygroupIdAndtype(groupId, "next") >
324 <#if nextSuccessStories?has_content>
325 <#assign first_story_classPK = nextSuccessStories[0].getResourcePrimKey()?number>
326 </#if>
327
328 <#list nextSuccessStories as successStory>
329 <#assign classPK = successStory.getResourcePrimKey()?number>
330 <#assign journalArticle = journalArticleLocalService.getLatestArticle(classPK)>
331
332 <#if journalArticle.getStatus() == 0>
333 <#assign isEntryDisplayed = assetClassPK?contains(journalArticle.getArticleId())>
334
335 <#if (successStoryIdReq != "") && (successStoryId!=classPK)&& !isEntryDisplayed >
336 <li>
337 <a href="${site_url}/success-story-details?successStoryId=${successStory.getResourcePrimKey()}">${journalArticle.getTitle(themeDisplay.getLocale())}</a>
338 </li>
339 <#if currentArticleFound == "false">
340 <#assign nextLink = nextLink+1?number>
341 </#if>
342 <#assign assetClassPK = assetClassPK +"," +journalArticle.getArticleId()>
343 <#elseif (successStoryIdReq != "" ) && !isEntryDisplayed>
344 <#assign assetClassPK = assetClassPK +"," +journalArticle.getArticleId()>
345 <li>
346 ${journalArticle.getTitle(themeDisplay.getLocale())}
347 </li>
348 <#if currentArticleFound == "false">
349 <#assign nextLink = nextLink+1?number>
350 </#if>
351 <#assign currentArticleFound = "true">
352 </#if>
353 <#assign isEntryDisplayed = assetClassPK?contains(journalArticle.getArticleId())>
354 <#if (successStoryIdReq == "") && !isEntryDisplayed>
355 <#if (first_story_classPK != classPK)>
356 <li>
357 <a href="${site_url}/success-story-details?successStoryId=${successStory.getResourcePrimKey()}">${journalArticle.getTitle(themeDisplay.getLocale())}</a>
358 </li>
359 <#if currentArticleFound == "false">
360 <#assign nextLink = nextLink+1?number>
361 </#if>
362 <#elseif !isEntryDisplayed>
363 <li>
364 ${journalArticle.getTitle(themeDisplay.getLocale())}
365 </li>
366 <#assign assetClassPK = assetClassPK +"," +journalArticle.getArticleId()>
367 <#if currentArticleFound == "false">
368 <#assign nextLink = nextLink+1?number>
369 </#if>
370 <#assign currentArticleFound = "true">
371
372 </#if>
373 </#if>
374 </#if>
375 </#list>
376 </ul>
377
378
379 </div>
380 <div class="success-archives"><h4><a href="${site_url}/${archiveURL}" target="_self">VIEW ARCHIVES <span aria-hidden="true" class="icon-file-2"></span></a></h4></div>
381 </div>
382 </div>
383 <#assign asset_size = nextSuccessStories?size-1>
384 <div class="subscription">
385 <div class="col-md-9" id="ssEmailSubscriptionDiv">
386 <!--Subscription Portlet-->
387
388
389
390
391
392
393 </div>
394 <#if asset_size != nextLink>
395 <div class="col-md-3">
396 <div class="story-rightside-bar text-right nxt-btn-wrapper">
397 <#assign nextLinkSuccessStoryId = nextSuccessStories[nextLink+1].getResourcePrimKey()?number>
398
399 <a href="${site_url}/success-story-details?successStoryId=${nextLinkSuccessStoryId}" class="next-story-link">
400 <@liferay.language key="next" />
401 <i class="icon-caret-right" aria-hidden="true"></i></a>
402 </a>
403 </div>
404
405 </div>
406 </#if>
407 </div>
408
409
410
411 </div>
412
413
414<style>
415.right-content-button {
416 text-align: center;
417}
418.right-content-button a{
419 color: #444444;
420 font-size: 16px;
421 font-family: 'Conv_LibreFranklin-Bold';
422 padding: 12px 40px;
423 background-color: #ffcc00;
424}
425
426.dequipments-used .section-title {
427 margin-top: 25px;
428 margin-bottom: 20px !important;
429}
430
431.dequipments-used a {
432 margin-bottom: 0;
433 font-family: 'OpenSansRegular', sans-serif;
434 font-size: 11px;
435 line-height: 18px;
436 color: #0072BC;
437 text-transform: uppercase;
438}
439
440.success-archives a span {
441 color: #ffcc00;
442}
443
444.success-archives h4 a {
445 font-family: 'Conv_LibreFranklin-Regular';
446 color: #ed1c24;
447 font-size: 18px;
448 margin-bottom: 32px;
449 text-transform: uppercase;
450}
451
452.success-archives {
453 text-align: center;
454 margin-top: 60px;
455}
456
457.right-content-button .btn-primary:active:hover, .right-content-button .btn-primary:active, .right-content-button .btn-primary:focus, .right-content-button .btn-primary.focus{
458 color: #fff;
459 background-color: #dbaf00;
460 border-color: #a88700;
461}
462
463.story-rightside-bar .btn-primary:hover {
464 color: #000;
465 background-color: #DBAF00;
466 border-color: #A88700;
467}
468
469.subscription .nxt-btn-wrapper {
470 position: absolute;
471 /* top: 20px; */
472 right: 15px;
473 z-index: 99;
474}
475
476 .page-success-story-detail{display: block; overflow: hidden;margin-top: 20px; margin-bottom: 20px;}
477 .page-success-story-detail .col-md-3 {
478 margin-top: 20px;
479 }
480 .quote-data {
481 margin-top: 15px;
482 }
483 .quote-data P{
484 font-family: 'Conv_LibreFranklin-LightItalic';
485 color: #444444;
486 font-size: 24px;
487 line-height: 36px;
488 text-transform: uppercase;text-align: right;
489 }
490 p.-name {
491 font-size: 14px;
492 font-family: 'OpenSansBold';
493 line-height: 9px;
494 }
495 p.-designation {
496 font-family: 'OpenSansRegular', sans-serif;
497 font-size: 11px;
498 line-height: 9px;
499 }
500 p.-location {
501 font-family: 'Conv_LibreFranklin-Light';
502 font-size: 11px;
503 line-height: 9px;
504 }
505 .story-title{text-align: center;}
506 .story-title h4 {
507 font-family: 'Conv_LibreFranklin-Regular';
508 color: #ed1c24;
509 font-size: 18px;
510 margin-bottom: 32px;
511 text-transform: uppercase;
512 text-align: right;
513 }
514 .partners{
515 float: right;
516 }
517 .partners p {
518 text-align: right;
519 margin-bottom: 0;
520 color: #444444;
521 font-size: 11px;
522 font-family: 'OpenSansRegular', sans-serif;
523 }
524
525 .img-content p {
526 color: #444444;
527 font-family: 'OpenSansRegular', sans-serif;
528 font-size: 16px;
529 line-height: 26px;
530 margin-bottom: 14px;
531 }
532
533 .left-content h3 {
534 color: #444444;
535 font-family: 'Conv_LibreFranklin-Bold';
536 font-size: 16px;
537 line-height: 26px;
538 margin-bottom: 14px;
539 }
540
541 .left-content h2 {
542 font-size: 30px;
543 line-height: 40px;
544 font-family: 'Conv_LibreFranklin-Regular';
545}
546
547 .left-content p {
548 font-size: 16px;
549 text-align: justify;
550 }
551
552 figcaption{
553 font-family: 'Conv_LibreFranklin-Medium';
554 font-size: 14px;
555 line-height: normal;
556 }
557
558 .short-desc, .success-desc p, .final-content{
559 color: #444444;
560 font-family: 'OpenSansRegular', sans-serif;
561 font-size: 16px;
562 line-height: 26px;
563 margin-bottom: 14px;
564 text-align: justify;
565 }
566
567 .next-up .-title {
568 position: relative;
569 padding: 10px 30px 10px 10px;
570 font-size: 18px;
571 line-height: 24px;
572 text-align: left;
573 font-family: 'Conv_LibreFranklin-SemiBold';
574 }
575
576 .next-up .-title:before {
577 content: '';
578 height: 1px;
579 position: absolute;
580 top: 0;
581 left: 0;
582 right: 30px;
583 background-color: #000;
584 }
585
586 .next-up .-title:after {
587 content: '';
588 height: 60px;
589 width: 1px;
590 position: absolute;
591 top: 0;
592 right: 30px;
593 background-color: #000;
594 transform: skew(32deg, 0deg) translateX(19px);
595 }
596
597 .next-up li {
598 display: block;
599 text-align: left;
600 font-family: 'Conv_LibreFranklin-Regular';
601 font-size: 18px;
602 line-height: 24px;
603 margin-bottom: 16px;
604 text-transform: uppercase;
605 }
606
607 .next-up ul li a {
608 color: #444444;
609 font-family: 'OpenSansRegular', sans-serif;
610 font-size: 16px;
611 line-height: 18px;
612 margin-bottom: 14px;
613}
614
615.spare-parts .subscribe-form-wrap.content {
616 padding-bottom: 0;
617 width: 75%;
618}
619
620.success-detail-wrapper{
621
622 margin-top: 0 !important;
623 margin-left: auto !important;
624 margin-right: auto !important;
625 width: 86% !important;
626}
627
628
629.next-up ul{padding-left: 12px;}
630
631.success-detail-wrapper .subscription .col-md-3 {
632 padding-bottom: 128px;
633}
634
635
636 @media (max-width: 767px)
637 {
638
639 .story-rightside-bar {
640 margin-bottom:10px !important;
641 }
642
643 .content-head h2, .left-content h2 {
644 font-family: 'Conv_LibreFranklin-Light';
645 font-size: 15px;
646 line-height: 1;
647 text-transform: uppercase;
648 }
649
650 .content.page-success-story-detail h3, .next-up h3 {
651 font-family: 'Conv_LibreFranklin-SemiBold';
652 font-size: 11px;
653 margin-top: 15px;
654 margin-bottom: 5px;
655 }
656
657 .right-content-button a{
658 font-size: 8px;
659 }
660
661 .story-title h4 {
662 font-size: 11px;
663 }
664
665 .next-up li {
666 font-size: 11px;
667 line-height: 15px;
668 margin-bottom: 8px;
669 }
670
671 .success-archives {
672 text-align: center;
673 margin-top: 10px;
674 h4 a{
675 font-size: 11px;
676 }
677 }
678
679 .page-success-story-detail .content-meta{
680 text-align: left;
681 font-size: 7px;
682 margin-bottom: 5px;
683 }
684
685 .social-links.page-share img {
686 max-width: 25px;
687 }
688
689 .story-rightside-bar.text-right.nxt-btn-wrapper {
690 position: absolute;
691 top: 0;
692 right: 5px;
693 }
694
695 .spare-parts .subscribe-form-wrap.content {
696 width:100%;
697 }
698
699 p.short-desc {
700 text-align: center;
701 font-family: 'open_sanslight';
702 font-size: 11px;
703 color: #444444;
704 margin-bottom: 5px;
705 }
706
707 .page-success-story-detail p {
708 font-family: 'open_sanslight';
709 font-size: 11px;
710 line-height: 14px;
711 }
712
713 .page-success-story-detail .social-links{
714 margin-bottom:0;
715 }
716
717 .left-content h3{
718 font-family: 'Conv_LibreFranklin-SemiBold';
719 font-size: 11px;
720 margin-top: 15px;
721 margin-bottom: 5px;
722 }
723 .left-content p {
724 font-family: 'open_sanslight';
725 font-size: 11px;
726 line-height: 14px;
727 }
728 figcaption{
729 font-size: 8px;
730 }
731 .partners p {
732 text-align: left;
733 }
734 .quote-data P {
735 text-align: center;
736 font-size: 12px;
737 line-height: normal;
738 }
739 .story-rightside-bar {
740 margin-bottom: 20px !important;
741 }
742 .next-up .-title {
743 padding: 0;
744 font-size: 10px;
745 line-height: 1;
746 }
747 .next-up ul li a {
748 font-size: 11px;
749 line-height: 12px;
750 font-family: 'open_sanslight';
751 margin-bottom: 4px;
752 }
753 .partners {
754 float: left;
755 margin-bottom: 20px;
756 }
757
758 .next-up .-title:after {
759 width: 0;
760 }
761
762 .next-up .-title:before {
763 height:0;
764 }
765 .next-up ul {
766 padding-left: 0;
767 }
768
769 .next-up .-title{
770 margin-bottom: 5px;
771 }
772 .story-rightside-bar .equipments-used {
773 padding-top: 0;
774 }
775
776 .content-head {
777 text-align: center;
778 }
779 }
780
781@media (max-width: 991px) {
782 .success-detail-wrapper .subscription .col-md-3 {
783 padding-bottom: 100px;
784 }
785}
786
787@media (max-width: 767px) {
788 .success-detail-wrapper .subscription .col-md-3 {
789 padding-bottom: 17px;
790 }
791}
792
793@media (max-width: 991px) and (min-width: 767px) {
794 .story-rightside-bar.text-right.nxt-btn-wrapper {
795 top: 0;
796 }
797}
798
799
800@media (min-width: 767px) and (max-width: 991px) {
801 .story-rightside-bar.text-right.nxt-btn-wrapper {
802 position: absolute;
803 top: 0;
804 right: 5px;
805 }
806
807 .spare-parts .subscribe-form-wrap.content {
808 width:100%;
809 }
810}
811.success-content p {
812 font-size: 11px;
813 font-weight: bold;
814 line-height: 1.5;
815}
816
817.success-content {
818 text-align: center;
819 margin-top: 25px;
820 margin-bottom: 15px;
821}
822
823.story-rightside-bar .equipments-used {
824 padding-top: 40px;
825 margin-bottom: 10px !important;
826}
827
828.story-rightside-bar {
829 margin-bottom: 40px !important;
830}
831
832.slider-content.slider-content-right {
833 text-align: right;
834 right: 0;
835}
836
837.slider-content.slider-content-right .tag, .slider-content.slider-content-right .-title {
838 margin-top: auto;
839 margin-right: 0;
840 margin-left: auto;
841}
842
843.slider-content {
844 padding-left: 0 !important;
845}
846
847.story-rightside-bar .dequipments-used p {
848 font-size: 11px;
849 text-transform: uppercase;
850 font-family: 'OpenSansRegular',sans-serif;
851}
852
853.story-rightside-bar a.btn.btn-primary {
854 padding: 9px 40px;
855 font-size: 11px;
856}
857
858@media (max-width: 767px) {
859 .story-rightside-bar .dequipments-used p {
860 font-size: 10px;
861 margin-top: -15px;
862 }
863 .story-rightside-bar a.btn.btn-primary {
864 padding: 9px 40px;
865 font-size: 10px;
866 }
867}
868
869</style>
870
871<script>
872 $(document).ready(function(){
873 if( $('#slider').hasClass('slider-content-right') ) {
874 $('#tSlider').addClass('-right');
875 $('#tSlider').removeClass('-left');
876 }
877 })
878</script>