Success Story Details
Asset Publisher
An error occurred while processing the template.
Java method "com.sun.proxy.$Proxy516.getProduct(long)" threw an exception when invoked on com.sun.proxy.$Proxy516 object "com.pgs.product.service.impl.ProductLocalServiceImpl@6cdaecc8"; 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>