{"id":63246,"date":"2025-10-21T20:07:59","date_gmt":"2025-10-21T20:07:59","guid":{"rendered":"https:\/\/discover.restek.com\/?p=63246"},"modified":"2026-03-13T14:22:42","modified_gmt":"2026-03-13T14:22:42","slug":"restek40","status":"publish","type":"post","link":"https:\/\/discover.restek.com\/it\/articoli\/gnlp4540\/restek40","title":{"rendered":"40 Anni di Restek"},"content":{"rendered":"\n<style>\n  \/*WordPress Customization*\/\n  .single-post h1 {\n    display: none;\n  }\n\n  .single-post .author-down {\n    display: none;\n}\n\n.cat-name {\n    display: none;\n    margin-top: 0px !important;\n}\n  \n  .single-post p.cat-name {\n    display: none;\n}\n\n  .single-post p.date {\n    display: none;\n}\n\nnav.breadcrumbs {\n    display:none;\n}\n\n.content-area {\n    background-color: white;\n    margin-top: 0px !important;\n}\n\n.post-content {\n    margin-top: 0px !important;\n}\n\n.kt-clear {\n    margin-top: -10px;\n}\n\n.site-container {\n    width: auto;\n    max-width: 100% !important;\n    box-sizing: inherit;\n    padding: 0px !important;\n}\n\n.author-details-info {\n  display: none;\n  margin: auto;\n  max-width:1200px;\n}\n\n\/*.site-footer-row-container-inner h2 {\nfont-size: 36px !important;\ncolor: white !important;\n}*\/\n\n\/* Background Color CSS *\/\n\n.background-top {\n    background-color: #ffffff;\n    background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryConfetti.jpg\");\n   \/* max-width: 1300px; *\/\n    margin-left: auto;\n    margin-right: auto;\n    padding-bottom: 5px;\n}\n\n.background-anniversary-videos {\n    background-color: #ebf9fc;\n    padding-top: 10px;\n    padding-bottom: 40px;\n}\n\n.background-social {\n    background-color: #FFFFFF;\n    padding-top: 55px;\n    padding-bottom: 10px;\n}\n\n.background-timeline {\n    background: #d9eefc;\n    padding-top: 30px;\n    padding-bottom: 30px;\n}\n\n.background-timeline-activities {\n    background-color: #ebf2fc;\n    padding-top: 20px;\n    padding-bottom: 40px;\n}\n\n.background-webinars {\n    background-color: #ffffff;\n    padding-top: 50px;\n    padding-bottom: 100px;\n}\n\n.background-quiz {\n    background-color: #ffffff;\n        background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryConfetti.jpg\");\n   \/* max-width: 1300px; *\/\n    margin-left: auto;\n    margin-right: auto;\n    padding-top: 120px;\n    padding-bottom: 150px;\n}\n\n.background-testimonials {\n    background-color: #ffffff;\n    padding-top: 30px;\n    padding-bottom: 90px;\n}\n\n.background-events {\n    background-color: #ebf9fc;\n    padding-top: 10px;\n    padding-bottom: 50px;\n}\n\n.background-events-no-quiz {\n    background-color: #ffffff;\n    padding-top: 10px;\n    padding-bottom: 50px;\n}\n\n.background-end {\n    background: #ffffff;\n    padding-top: 5px;\n    padding-bottom: 5px;\n}\n\n\n\n\/* Full-Width Template CSS *\/\n\n  \n  @media (min-width: 1200px) {\n  .content {\n      width: 80%;\n  }\n\n  }\n\n\n.banner-video {\n    width: 1300px;\n    height: auto;\n    display: block;\n    margin:0 auto;\n    border-bottom-left-radius: 30px;\n    border-bottom-right-radius: 30px;\n}\n\n.banner-image {\n    display: none;\n    width: 100%;\n    height: auto;\n    margin:0 auto;\n}\n\n@media (max-width: 767px) {\n  .banner-video {\n    display: none;\n  }\n\n  .banner-image {\n    display: block;\n  }\n}\n\n  \nbody {\n  font-family: sans-serif;\n  margin: 0;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  font-size: 110% !important;\n}\n\n.custom-h2 h2 {\nfont-size: 36px !important;\ncolor: rgb(1, 80, 184) !important;\n}\n\n\n\np {\n    font-size: 105% !important;\n}\n\n.signature-p {\n  font-size:120% !important;\n  margin-bottom: 20px;\n}\n\n.hero img {\n  max-width: 1350px;\n  width: 100%;\n  height: auto;\n  margin-left: auto;\n  margin-right: auto;\n  display: block;\n  border-bottom-left-radius: 30px;\n  border-bottom-right-radius: 30px;\n}\n\n.sticky-nav {\n  width: 100%;\n  max-width: 1200px;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: rgba(255, 255, 255, 0.85);\n  backdrop-filter: blur(5px);\n  border-radius: 5px;\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n}\n\n.sticky-nav ul {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 10px;\n}\n\n.sticky-nav li {\n  margin: 0 15px;\n}\n\n.sticky-nav a {\n  text-decoration: none;\n  color: #004b87;\n  font-weight: bold;\n  font-size: 120%;\n}\n\n.sticky-nav a:hover {\n  text-decoration: solid underline #004b87 2px;\n  font-weight: bold;\n  font-size: 120%;\n}\n\n.content-section {\n  padding: 5px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1200px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section a {\n  color: inherit;\n}\n\n.content-section-video {\n  padding: 20px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section-social {\n  padding: 20px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section h2, .content-section-video, .content-section-social h2{\n  text-align: center;\n}\n\n.content-section-blue {\n  padding: 40px 20px;\n  \/*background: rgba(108, 200, 250, 0.74);*\/\n  backdrop-filter: blur(5px); \n  border: solid 3px rgb(255, 255, 255);\n  margin: 20px auto;\n  max-width: 1200px;\n  border-radius: 8px;\n    position:relative;\n  z-index:1;\n}\n\n\/* Anniversary Video Section *\/\n\n.video-grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 20px;\n}\n\n.video-item {\n  flex: 1 1 300px;\n  max-width: 320px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  animation: fadeInUp 1s ease-in-out;\n}\n\n.video-item iframe {\n  width: 100%;\n  height: 180px;\n  border-radius: 8px;\n}\n\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n  .video-grid {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\n\/* Webinars *\/\n\n.webinar-content-section {\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  text-align: center;\n}\n\n.webinar-carousel-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding: 50px;\n}\n\n.webinar-carousel {\n  display: flex;\n  gap: 60px;\n  scroll-snap-type: x mandatory;\n  overflow-x: auto;\n  padding-top: 50px;\n  padding-bottom: 50px;\n  max-width: 100%;\n  justify-content: center;\n  flex-wrap: nowrap;\n}\n\n.webinar-card-link-wrapper {\n  flex: 0 0 auto;\n  scroll-snap-align: start;\n  text-decoration: none;\n  color: inherit;\n  width: 400px;\n}\n\n\/* Responsive: stack cards vertically on small screens *\/\n@media (max-width: 600px) {\n  .webinar-carousel {\n    flex-direction: column;\n    align-items: center;\n    overflow-x: hidden;\n  }\n\n  .webinar-card-link-wrapper {\n    width: 90%;\n  }\n}\n\n.webinar-custom-card {\n  background-color: #ffffff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: sans-serif;\n}\n\n.webinar-custom-card:hover {\n  transform: scale(1.01);\n  box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n}\n\n.webinar-card-image img {\n  width: 160%;\n  height: 200px;\n  object-fit: cover;\n  display: block;\n}\n\n.webinar-card-content {\n  padding: 1.5rem;\n  flex-grow: 1;\n}\n\n.webinar-card-content h2 {\n  font-size: 18px !important;\n  text-align: left;\n  margin-bottom: 0.5rem;\n}\n\n.webinar-card-content p {\n  font-size: 100% !important;\n  text-align: left;\n  color: #333;\n  margin-bottom: 1rem;\n}\n\n.webinar-card-footer {\n  background-color: #0071e3;\n  color: white;\n  text-align: center;\n  padding: 1rem;\n  font-weight: bold;\n}\n\n\/*Three-Columns *\/\n.three-column-block {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 20px;\n    margin: 40px auto;\n    max-width: 1000px;\n    padding: 20px;\n    \n}\n\n.column-three-column {\n    flex: 1 1 30%;\n    background: #fff;\n    border: 1px solid #dddddd98;\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    text-align: center;\n    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.special-column {\n    background-color: #f0f8ff;\n    border: 2px solid #004a87a1;\n    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.special-column button {\n    background-color: #004b87;\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: 4px;\n    cursor: pointer;\n    margin-top: 15px;\n}\n\n.special-column button:hover {\n    background-color: #003b6f;\n}\n\n@media (max-width: 768px) {\n    .three-column-block {\n        flex-direction: column;\n    }\n\n    .column-three-column {\n        flex: 1 1 100%;\n    }\n}\n\n\n\/* Bill Video Section *\/\n.video-thumbnail {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  margin: 0 auto;\n}\n\n.video-thumbnail:hover {\n  transform: scale(1.05);\n}\n\n.video-section-main {\n  padding: 20px 30px;\n  \/*background: linear-gradient(90deg, #0b2957, #0055b3);*\/\n  color: white;\n  margin: 10px auto 5px;\n  max-width: 1100px;\n  border-radius: 5px;\n  position: relative;\n  overflow: visible;\n}\n\n.video-section-main h2, .video-section-main p {\n  color: white;\n}\n\n.video-flex-container {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n}\n\n.video-column {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.content-column {\n  flex: 0 0 55%;\n  align-items: center;\n  display: block;\n}\n\n.thumbnail-column {\n  flex: 0 0 45%;\n  max-width: 45%;\n  justify-content: center;\n  align-items: center;\n}\n\n.video-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(5px);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  z-index: 2147483647;\n  border-radius: 0;\n  padding: 0;\n}\n\n.video-popup {\n  position: relative;\n  width: 80%;\n  max-width: 960px;\n  aspect-ratio: 16 \/ 9;\n}\n\n.video-popup iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n  border-radius: 8px;\n}\n\n.close-text {\n  margin-top: 20px;\n  background: none;\n  border: 2px solid #fff;\n  color: #fff;\n  padding: 10px 20px;\n  font-size: 16px;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: background 0.3s ease;\n}\n\n.close-text:hover {\n  background: #fff !important;\n  color: #000 !important;\n}\n\n@media (max-width: 768px) {\n  .content-column,\n  .thumbnail-column {\n    flex: 0 0 100%;\n  }\n\n  .video-flex-container {\n    flex-direction: column;\n  }\n\n  .video-thumbnail {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n\/*Promo Block *\/\n\n.promo-thumbnail {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n}\n\n.promo-thumbnail:hover {\n  transform: scale(1.05);\n}\n\n.promo-thumbnail-trio {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n}\n\n.promo-thumbnail-trio:hover {\n  transform: scale(1.03);\n}\n\n\n\n\/* Videos Section *\/\n\n    .video-grid-trio {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, 300px);\n      gap: 20px;\n      max-width: 1900px;\n      margin: 0 auto;\n      justify-content: center;\n    }\n\n\n    .video-thumbnail-trio {\n    width: 100%;\n    max-width: 350px;\n    cursor: pointer;\n    border-radius: 8px;\n    transition: transform 0.3s ease;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n    }\n\n\n    .video-thumbnail-trio:hover {\n      transform: scale(1.03);\n    }\n\n    .video-overlay-trio {\n      display: none;\n      position: fixed;\n      top: 0; left: 0;\n      width: 100%; height: 100%;\n      background-color: rgba(0, 0, 0, 0.5);\n      backdrop-filter: blur(8px);\n      justify-content: center;\n      align-items: center;\n      flex-direction: column;\n      z-index: 2147483647;\n    }\n\n    .video-popup-trio {\n      position: relative;\n      width: 80%;\n      max-width: 960px;\n      aspect-ratio: 16 \/ 9;\n    }\n\n    .video-popup-trio iframe {\n      width: 100%;\n      height: 100%;\n      border: none;\n      border-radius: 8px;\n    }\n\n    .close-btn-trio {\n      position: absolute;\n      top: -20px;\n      right: -20px;\n      background: #fff;\n      color: #000;\n      border: none;\n      font-size: 24px;\n      cursor: pointer;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n      line-height: 40px;\n    }\n\n    .close-text-trio {\n      margin-top: 20px;\n      background: none;\n      border: 2px solid #fff;\n      color: #fff;\n      padding: 10px 20px;\n      font-size: 16px;\n      cursor: pointer;\n      border-radius: 6px;\n      transition: background 0.3s ease;\n    }\n\n    .close-text-trio:hover {\n      background: #fff;\n      color: #000;\n    }\n\n\/* Responsive styles *\/\n@media (max-width: 768px) {\n  .hero {\n    padding: 40px 10px;\n  }\n\n  .sticky-nav ul {\n    flex-direction: column;\n    align-items: center;\n    display:none;\n  }\n\n  .sticky-nav li {\n    margin: 10px 0;\n  }\n\n\n}\n\n@media (max-width: 480px) {\n  .hero h1 {\n    font-size: 1.5rem;\n  }\n\n  .hero p {\n    font-size: 1rem;\n  }\n\n  .content-section {\n    padding: 20px 10px;\n  }\n}\n\n\n\/*Letter *\/\n\n    .custom-letter-wrapper {\n      max-width: 1200px;\n      margin: 40px auto 0 auto;\n      font-family: sans-serif;\n      padding-bottom: 40px;\n      \n    }\n\n    .custom-letter-box {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: rgba(255, 255, 255, 0.8);\n      color: white;\n      padding-top: 20px;\n      padding-left: 50px;\n      padding-right: 50px;\n      padding-bottom: 30px;\n      border-radius: 8px;\n      cursor: pointer;\n      flex-wrap: wrap;\n      transition: border-radius 0.3s ease;\n    }\n\n    .custom-letter-box.expanded {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    .custom-letter-box h2 {\n      margin: 0;\n      font-size: 34px;\n    }\n\n    .custom-letter-box p {\n      margin: 5px 0 0;\n    }\n\n    .custom-letter-box .custom-letter-thumbnail img {\n      width: 100%;\n      height: auto;\n      display: block;\n      box-shadow: 0px 0px 20px rgba(0, 17, 255, 0.7);\n      animation: shadowColorChangeLetter 6s infinite alternate;\n    }\n\n        @keyframes shadowColorChangeLetter {\n      0% {\n        box-shadow: 0 0 40px rgba(0, 205, 255, 0.5); \/* Teal*\/\n      }\n      50% {\n        box-shadow: 0 0 40px rgba(0, 0, 255, 0.5); \/* Blue *\/\n      }\n      100% {\n        box-shadow: 0 0 40px rgba(0, 205, 255, 0.5); \/* Teal *\/\n      }\n    }\n\n\n    .custom-letter-thumbnail img:hover {\n      transform: scale(1.04);\n      transition: transform 0.3s;\n    }\n\n    .custom-letter-box .custom-letter-text {\n      flex: 1;\n      min-width: 250px;\n      margin-right: 20px;\n    }\n\n    .custom-letter-content {\n      width: 80%;\n      margin: auto;\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n      transition: opacity 0.5s ease, max-height 0.5s ease, padding 0.5s ease;\n      background-color: #f8fcfdde;\n      background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryLetterTexture.png\");\n      color: black;\n      padding: 0 20px;\n      border-bottom-left-radius: 8px;\n      border-bottom-right-radius: 8px;\n      box-shadow: 0px 5px 10px rgba(0,0,0,0.2);\n    }\n\n\n    .custom-letter-content p, .custom-letter-text p, .custom-letter-text h2 {\n      color: black;\n    }\n\n    .custom-letter-content.show {\n      opacity: 1;\n      max-height: 2500px;\n      width: 80%;\n      margin:auto;\n      padding-left: 20px;\n      padding-right: 20px;\n      padding-bottom: 30px;\n      padding-top: 50px;\n      border-radius: 10px;\n    }\n\n    .custom-letter-content p {\n      padding-left: 10%;\n      padding-right: 10%;\n      margin: 0 0 1em;\n    }\n\n    .custom-letter-content a {\n      color: #2c2c2cbe;\n      text-decoration: none;\n    }\n\n\n    .read-letter-button {\n        margin-top: 50px;\n        color: #5897f5 !important;\n        font-size: 90%;\n        font-weight: bold !important;\n    }\n\n    @media (max-width: 768px) {\n      .custom-letter-box {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .custom-letter-box .custom-letter-thumbnail {\n        width: 100%;\n        max-width: none;\n        margin-top: 20px;\n      }\n\n      .custom-letter-box .custom-letter-text {\n        margin-right: 0;\n      }\n\n      .custom-letter-box h2 {\n        font-size: 28px;\n      }\n    }\n\n\n\/*Mastermind game*\/\n\n.gradient-border-wrapper {\n  position: relative;\n  padding: 4px; \/* border thickness *\/\n  border-radius: 20px;\n  background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet);\n  background-size: 400% 400%;\n  animation: gradientBorder 6s ease infinite;\n}\n\n.gradient-border-content {\n  background: #cbe7fc;\n  border-radius: 15px; \/* slightly smaller to fit inside *\/\n  padding: 100px;\n  position: relative;\n  color: white;\n  text-align: right;\n  z-index: 1;\n}\n\n@keyframes gradientBorder {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n\n\n\/*Quiz*\/\n\n.quiz-block {\n  display: flex;\n  flex-direction: row;\n  border-radius: 20px;\n  overflow: hidden;\n  background-color: #0e4983; \/* pastel blue background *\/\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 10px;\n}\n\n.quiz-block {\n      animation: shadowColorChangeQuiz 6s infinite alternate;\n    }\n\n        @keyframes shadowColorChangeQuiz {\n      0% {\n        box-shadow: 0 0 70px rgba(255, 0, 0, 0.6); \/* Red *\/\n      }\n      33% {\n        box-shadow: 0 0 70px rgba(0, 255, 0, 0.6); \/* Green *\/\n      }\n      66% {\n        box-shadow: 0 0 70px rgba(0, 0, 255, 0.8); \/* Blue *\/\n      }\n      100% {\n        box-shadow: 0 0 70px rgba(255, 0, 255, 0.6); \/* Purple *\/\n      }\n    }\n\n.quiz-image {\n  flex: 0 0 40%;\n  height: auto;\n  margin: auto;\n  align-items: center;\n  text-align: center;\n  display: block;\n}\n\n.quiz-content,\n.quiz-image {\n  box-sizing: border-box;\n}\n\n\n.quiz-image img {\n\n  width: 90%;\n}\n\n.quiz-content {\n  flex: 0 0 60%;\n  padding: 40px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  background-color: transparent;\n  align-items: flex-start;\n}\n\n.quiz-content h2 {\n  color: #ffffff;\n  margin-bottom: 5px;\n  margin-top: 0px;\n}\n\n.quiz-content p {\n  font-size: 1.1em;\n  color: #ffffff;\n  line-height: 1.6;\n  margin-bottom: 20px;\n  margin-top: 0px;\n}\n\n.quiz-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  color: #050146;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.quiz-button:hover {\n  background: #00223d !important;\n  color: white !important;\n}\n\n\/*Arrow Animation*\/\n.quiz-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.quiz-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n\n\/* Responsive Design *\/\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n  .quiz-block {\n    flex-direction: column;\n    max-width: 75%;\n    margin:auto;\n  }\n\n  .quiz-image,\n  .quiz-content {\n    flex: 1 1 100%;\n    max-width: 90%;\n    margin:auto;\n    text-align: center !important;\n  }\n\n  .quiz-image {\n    width: 60%;\n    margin:auto;\n\n  }\n\n    .quiz-content {\n    padding: 20px 10px;\n    text-align: center !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n\n    .quiz-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .quiz-block {\n    flex-direction: column;\n    max-width: 75%;\n  }\n\n  .quiz-image,\n  .quiz-content {\n    flex: 1 1 100%;\n    max-width: 90%;\n    margin:auto;\n        text-align: center !important;\n  }\n\n  .quiz-content {\n    padding: 30px 20px;\n    text-align: center !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n  .quiz-content h2 {\n    font-size: 1.6em;\n        text-align: center !important;\n  }\n\n  .quiz-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n  }\n}\n\n\/*Social Carousel *\/\n.carousel-container {\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n    padding: 0px 0;\n    position: relative;\n  }\n\n  .carousel-wrapper {\n    display: flex;\n    width: max-content;\n    will-change: transform;\n  }\n\n  .carousel-track {\n    display: flex;\n    gap: 60px;\n  }\n\n  .carousel-item {\n    flex: 0 0 auto;\n    width: 400;\n    height: 480;\n    margin-right: 10px;\n    background-color: #fff;\n    \/*box-shadow: 0 2px 6px rgba(0,0,0,0.1);*\/\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  .carousel-item:last-child {\n  margin-right: 30px; \/* Adjust as needed *\/\n  }\n\n  .carousel-track img {\n    height: 60px;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  .carousel-track img:last-child {\n  margin-right: 50px; \/* Adjust as needed *\/\n}\n\n  .carousel-track:last-child {\n  margin-right: 100px; \/* Adjust as needed *\/\n}\n\n\n\/*CSS for back-to-top nav buttons*\/\n  .back-to-top {\n      text-align: center;\n      margin-top: 30px;\n  }\n\n      \/*Color back-to-top nav buttons (link)*\/\n    a.back-to-top {\n        color: rgb(130, 130, 130) !important;\n        text-decoration: none;\n    }\n\n\n\n\/*Dividers*\/\n\n    .divider {\n      display: block;\n      width: 100%;\n      height: auto;\n      line-height: 0;\n    }\n\n    .divider.flip {\n      transform: scaleY(-1);\n    }\n\n    .divider-shape-video {\n  fill: #ebf9fc; \/* You can change this to any color you like *\/\n}\n\n    .divider-shape-timeline {\n  fill: #d9eefc; \/* You can change this to any color you like *\/\n}\n\n\n\n\/*Social-Temp*\/\n\n.social-container {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n\n.social-left-column {\n  width: 35%;\n  padding: 10px;\n  display: flex;\n  align-items: center !important;\n  justify-content: center !important;\n  text-align: right;\n  color:rgb(0, 0, 0);\n}\n\n.social-right-column {\n  width: 65%;\n  padding-right: 20px;\n  padding-bottom: 20px;\n  text-align: right;\n  color:rgb(0, 0, 0);\n}\n\n.social-right-column h2{\n  text-align: right;\n}\n\n\n.social-left-column img {\n  width: 90%;\n}\n\n@media (max-width: 768px) {\n  .social-container {\n    flex-direction: column;\n  }\n\n  .social-left-column {\n    width: 100%;\n    text-align: center !important;\n  }\n  .social-right-column {\n    width: 100%;\n    text-align: center !important;\n  }\n\n  .social-right-column h2{\n  text-align: center !important;\n}\n\n\n}\n\n.social-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  color: #050146;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.social-button:hover {\n  background: #ebf9fc !important;\n  color: rgb(0, 0, 0) !important;\n}\n\n\/*Arrow Animation*\/\n.social-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.social-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n@media (max-width: 768px) {\n.social-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n}\n}\n\n\n\n\/*Timeline*\/\n\n.timeline-container {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n\n.timeline-left-column {\n  width: 65%;\n  padding-right: 20px;\n  padding-bottom: 20px;\n}\n\n.timeline-right-column {\n  width: 35%;\n  padding-right: 20px;\n  display: flex;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n.timeline-right-column img {\n  width: 90%;\n}\n\n@media (max-width: 768px) {\n  .timeline-container {\n    flex-direction: column;\n  }\n\n  .timeline-left-column,\n  .timeline-right-column {\n    width: 100%;\n    text-align: center;\n  }\n\n  .timeline-left-column h2{\n  text-align: center !important;\n}\n\n.timeline-right-column img{\n    width: 50%;\n  }\n\n}\n\n.timeline-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.timeline-button:hover {\n  background: #ebf9fc !important;\n  color: rgb(0, 0, 0) !important;\n}\n\n@media (max-width: 768px) {\n.timeline-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n    margin: 20px\n}\n}\n\n\/*Arrow Animation*\/\n.timeline-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.timeline-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n\n<\/style>\n\n\n<body>\n\n<div class=\"background-top\">\n\n<div class=\"banner\">\n<video class=\"banner-video\" autoplay loop muted playsinline preload=\"none\">\n  <source src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek40-Header-Video.mp4\" type=\"video\/mp4\">\n  Your browser does not support the video tag.<\/video>\n<img decoding=\"async\" class=\"banner-image\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40thanniversary-LP-MOBILE.jpg\" alt=\"Futuristic cityscape with fireworks.\" title=\"-\"><\/img>\n<\/div>\n\n\n<div class=\"custom-letter-wrapper\"> <!-- A MESSAGE FROM BILL -->\n    <div id=\"customLetterBox\" class=\"custom-letter-box\">\n      <div class=\"custom-letter-text\">\n        <h1 style=\"line-height: 50px; margin-bottom: 20px; color: rgb(1, 80, 184); font-size: 41px;\">Una tradizione di innovazioni, una rotta per il futuro.<\/h1>\n        <p>Sin all\u2019anno della nostra fondazione in una ex scuola elementare, era il 1985, fino a diventare un&#8217;azienda globale interamente di propriet\u00e0 dei dipendenti&#8230; possiamo dire di aver percorso molta strada nei nostri 40 anni di storia.<\/p>\n        <p style=\"margin-top:10px;\"><strong>Festeggia con noi il percorso di Restek!<\/strong> Scopri i quattro decenni di storia di Restek per capire cosa rende questa azienda cos\u00ec speciale. Ascolta la testimonianza di Bill Arrowsmith, il nostro Presidente, su questo importante traguardo e leggi la lettera di ringraziamento dei dipendenti-azionisti di Restek.<\/p>\n        <p class=\"read-letter-button\" id=\"customToggleText\" style=\"margin-top:20px;\"> Apri la lettera \u2192<\/p>\n      <\/div>\n     <div class=\"video-column thumbnail-column custom-letter-thumbnail\">\n      <img decoding=\"async\"\n        src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/Bill-40-years3.jpg\"\n        alt=\"Video Thumbnail\"\n        class=\"video-thumbnail\"\n        data-video-id=\"FYI0256DQUA\"\n        id=\"videoThumbnail\"\n        style=\"height: 200px; width:auto;\"\n      \/>\n    <div class=\"video-overlay\" id=\"videoOverlay\">\n      <div class=\"video-popup\">\n        <iframe\n          id=\"youtubePlayer\"\n          allow=\"autoplay; encrypted-media\"\n          allowfullscreen>\n        <\/iframe>\n      <\/div>\n      <button class=\"close-text\" id=\"videoThumbnail\">Chiudi il video<\/button>\n    <\/div>\n  <\/div>\n  <\/div>\n\n    <div id=\"customLetterContent\" class=\"custom-letter-content\">\n    <p>Il nostro 40\u00b0 anniversario \u00e8 molto pi\u00f9 di una tappa simbolica. \u00c8 la celebrazione della nostra eredit\u00e0, dove qualit\u00e0, innovazione e spirito di squadra sono i pilastri che ci hanno portato fino ad oggi e che continueranno a guidarci negli anni a venire.<\/p>\n    <p>Poich\u00e9 la nostra azienda \u00e8 di propriet\u00e0 dei suoi dipendenti, dietro ogni nostro successo c&#8217;\u00e8 il fattore umano. E dopo quarant&#8217;anni eccezionali, abbiamo molte persone da ringraziare.<\/p>\n    <p><strong>Ai nostri clienti:<\/strong> grazie per la vostra fedelt\u00e0 e la vostra fiducia incondizionata. Sappiamo che avete altre opzioni a disposizione e siamo orgogliosi di contribuire, al vostro fianco, a rendere il mondo pi\u00f9 sicuro e pi\u00f9 sano.<\/p>\n    <p><strong>Ai nostri distributori:<\/strong> grazie per il vostro impegno e per rappresentare Restek presso i nostri clienti in tutto il mondo.<\/p>\n    <p><strong>Ai nostri dipendenti, passati e presenti:<\/strong> grazie per aver creato una cultura unica, basata sull&#8217;impegno, il rispetto e il servizio. La vostra visione e la vostra dedizione hanno gettato le basi per la nostra crescita, la nostra indipendenza e il nostro successo duraturo.<\/p>\n    <p style=\"margin-bottom: 20px;\"><strong>E a te che stai leggendo:<\/strong> grazie per aver celebrato questo anniversario con noi. Ci auguriamo che questo viaggio attraverso quattro decenni di storia abbia dato tanto piacere nel leggerlo quanto noi ne abbiamo avuto nel viverlo. Siamo fiduciosi che condividerai il nostro entusiasmo per il futuro.<\/p>\n    <p class=\"signature-p\"><strong>I dipendenti-azionisti di Restek<\/strong><\/p>\n      <p style=\"text-align: center; margin-top: 50px;\">\n        <a href=\"#\"><em>Chiudi la lettera<\/em><\/a>\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- ANNIVERSARY VIDEOS -->\n <div class=\"background-anniversary-videos\">\n <section id=\"videos\" class=\"content-section\">\n  <h2 class=\"custom-h2\" style=\"margin-top:0px; margin-bottom: 0px;\">Unisciti ai Festeggiamenti!<\/h2>\n  <p style=\"text-align: center; margin-bottom: 30px;\">I nostri dipendenti festeggiano l&#8217;evento come si deve! Guarda i nostri team, presenti in otto paesi, che celebrano ci\u00f2 che rende Restek unica.<\/p>\n <div class=\"video-grid-trio\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-restek-history-GNAV4338-IT.jpg\" style=\"width:95%;\" alt=\"Video 1\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"upVLqwKBk3c\" onclick=\"showVideo(this)\" title=\"-\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-column-toss-IT.jpg\" style=\"width:95%;\" alt=\"Video 2\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"r0WMoHzTexs\" onclick=\"showVideo(this)\" title=\"-\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-innovation-corp-cap-NO-logo-GNAV4880-IT.jpg\" style=\"width:95%;\" alt=\"Video 3\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"6sgJDOgaJ5k\" onclick=\"showVideo(this)\" title=\"-\">\n  <\/div>\n\n  <div class=\"video-overlay\" id=\"videoOverlay\">\n    <div class=\"video-popup\">\n      <iframe id=\"youtubePlayer\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n      <button class=\"close-btn\" onclick=\"hideVideo()\">\u00d7<\/button>\n    <\/div>\n    <button class=\"close-text\" onclick=\"hideVideo()\">Chiudi il video<\/button>\n  <\/div>\n<\/section>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- Social Temp -->\n<div class=\"background-social\">\n<div class=\"content-section\">\n    <div class=\"social-container\">\n    <div class=\"social-left-column\">\n            <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40Anniversary-LP-social-share.jpg\" style=\"max-width: 100%; height: auto; border-radius: 8px;\" alt=\"\" title=\"-\">\n\n    <\/div>\n    <div class=\"social-right-column\">\n\n    \n        <h2 class=\"custom-h2\">Metti un Like, Iscriviti e Condividi il Divertimento!<\/h2>\n<p>Hai un aneddoto divertente su Restek che vorresti condividere?<br>Per partecipare pubblicalo su LinkedIn con l&#8217;hashtag #Restek40 &#8211; assicurati di seguirci!<\/p>\n\n<a href=\"https:\/\/www.linkedin.com\/company\/restek-italia\/\" class=\"social-button\" target=\"_blank\" rel=\"noopener\"><strong>Segui Restek<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    \n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<!-- Social Carousel\n<div class=\"background-social\">\n<div class=\"carousel-container\" style=\"margin-bottom:50px;\">\n  <h2 class=\"custom-h2\" style=\"text-align: center;\">Metti un Like, Iscriviti e Condividi il Diverimento!<\/h2>\n    <p style=\"text-align: center; margin-bottom: 30px;\">Hai un aneddoto su Restek da condividere? Pubblicalo su LinkedIn con l'hashtag #Restek40 per partecipare.<\/p>\n  <div class=\"carousel-wrapper\" id=\"carouselWrapper\">\n  <div class=\"carousel-track\" id=\"carouselTrack\">\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7351310134008025088?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7348713881860538369?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7348048560472436736?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7351310134008025088?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\" style=\"margin-right: 50px;\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n -->\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-timeline.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- TIMELINE -->\n<div class=\"background-timeline\">\n<div class=\"content-section\">\n    <div class=\"timeline-container\">\n    <div class=\"timeline-left-column\">\n    <h2 class=\"custom-h2\" style=\"text-align: left;\">Spingendoci Oltre le Stelle<\/h2>\n<p style=\"color:rgb(0, 0, 0);\">Sapevi che Restek \u00e8 nata nei locali di una ex scuola elementare?  <br>Oppure, che le nostre colonne GC hanno esplorato il sistema solare? <\/p>\n<p style=\"color:rgb(0, 0, 0);\">Scopri la nostra entusiasmante eredit\u00e0 di leadership tecnologica, partecipazione azionaria dei dipendenti e crescita in tutto il mondo.<\/p>\n<a href=\"https:\/\/it.restek.com\/pages\/la-storia-di-restek\" class=\"timeline-button\" target=\"_blank\" rel=\"noopener\"><strong>Scopri il nostro percorso<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    <\/div>\n    <div class=\"timeline-right-column\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-to-space-and-beyond.jpg\" style=\"max-width: 100%; height: auto; border-radius: 8px;\" alt=\"\" title=\"-\"><\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-timeline.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n\n<!-- Testimonials -->\n<div class=\"background-quiz\">\n<div class=\"content-section\" style=\"background-color: #ffffff9c;\">\n    <div class=\"social-container\">\n    <div class=\"social-left-column\">\n\n<video autoplay loop muted playsinline preload=\"none\" style=\"max-width: 100%; height: auto; border-radius: 8px; padding-right: 150px;\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40Anniversary-LP-restek-love.mp4\" type=\"video\/mp4\">\n  Your browser does not support the video tag.<\/video>\n\n\n\n    <\/div>\n    <div class=\"social-right-column\">\n    \n        <h2 class=\"custom-h2\">Perch\u00e8 i Laboratori Amano Restek<\/h2>\n<p>I laboratori si affidano quotidianamente alla nostra competenza tecnica leader nel settore. Scopri perch\u00e9 amano lavorare con noi. \n<\/p>\n<a href=\"https:\/\/discover.restek.com\/it\/senza-categoria\/gnot5445\/why-labs-love-restek\" class=\"social-button\"><strong>Esperienza dei clienti<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    \n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- EVENTS -->\n<div class=\"background-events\">\n<section id=\"products\" class=\"content-section\">\n  <h2 class=\"custom-h2\">Continuiamo coi Festeggiamenti!<\/h2>\n  <p style=\"text-align: center;\">I nostri team sono sempre in movimento! Vieni a trovarci in fiera.<\/p>\n\n<!-- Elfsight Event Calendar | Events Calendar for 40th Anniversary-->\n<div class=\"elfsight-app-fdbeedd1-7366-4987-86ed-e0417aa12d03\" data-elfsight-app-lazy><\/div> \n\n\n\n<\/section>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n\n<!-- FINAL CTA -->\n<div class=\"background-end\">\n  <p style=\"display: flex; margin-top:90px; text-align: center; font-size:95%; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-40thAnniversary-LP-PeakPersonTest-1.png\" alt=\"A cute, anthrophized chromatogram peak celebrating with a party hat and balloon.\" style=\"max-width: 200px;\" title=\"-\"><\/p>\n<\/div>\n\n\n<script>\n\n\/************************************************************\n * 1) Your re-entrant initializer (safe to call many times)\n ************************************************************\/\nfunction initRestek40() {\n  \/\/ Prevent duplicate init for the current view\n  if (document.documentElement.dataset.restek40Init === \"1\") return;\n  document.documentElement.dataset.restek40Init = \"1\";\n\n  \/* === Your page logic START === *\/\n\n  \/\/ Toggle Letter\n  function toggleLetter() {\n    const content = document.getElementById(\"customLetterContent\");\n    const toggleText = document.getElementById(\"customToggleText\");\n    const box = document.getElementById(\"customLetterBox\");\n    if (!content || !toggleText || !box) return;\n\n    content.classList.toggle(\"show\");\n    box.classList.toggle(\"expanded\");\n    toggleText.textContent = content.classList.contains(\"show\")\n      ? \"Close letter \u2192\"\n      : \"Read letter \u2192\";\n  }\n\n  \/\/ Bind click on the letter box\n  const letterBox = document.getElementById(\"customLetterBox\");\n  if (letterBox && !letterBox.dataset.restek40Bound) {\n    letterBox.dataset.restek40Bound = \"1\";\n    letterBox.addEventListener(\"click\", function (event) {\n      if (event.target.closest(\".custom-letter-thumbnail\")) return;\n      toggleLetter();\n    });\n  }\n\n  \/\/ Bind click on the \"Close letter\" link inside the content\n  const closeLink = document.querySelector(\"#customLetterContent a\");\n  if (closeLink && !closeLink.dataset.restek40Bound) {\n    closeLink.dataset.restek40Bound = \"1\";\n    closeLink.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      toggleLetter();\n    });\n  }\n\n  \/\/ Video overlays (delegation; works for dynamically injected nodes)\n  if (!document.body.dataset.restek40VideoBound) {\n    document.body.dataset.restek40VideoBound = \"1\";\n    document.body.addEventListener(\"click\", function (e) {\n      const thumb = e.target.closest(\".video-thumbnail\");\n      if (thumb) {\n        const videoId = thumb.getAttribute(\"data-video-id\");\n        const iframe = document.getElementById(\"youtubePlayer\");\n        const overlay = document.getElementById(\"videoOverlay\");\n        if (iframe && overlay && videoId) {\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(videoId)}?autoplay=1&rel=0`;\n          overlay.style.display = \"flex\";\n        }\n        return;\n      }\n\n      const trioThumb = e.target.closest(\".video-thumbnail-trio\");\n      if (trioThumb) {\n        const videoId = trioThumb.getAttribute(\"data-video-id\");\n        const iframe = document.getElementById(\"youtubePlayerTrio\");\n        const overlay = document.getElementById(\"videoOverlayTrio\");\n        if (iframe && overlay && videoId) {\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(videoId)}?autoplay=1&rel=0`;\n          overlay.style.display = \"flex\";\n        }\n        return;\n      }\n\n      if (e.target.closest(\".close-btn, .close-text\")) {\n        const iframe1 = document.getElementById(\"youtubePlayer\");\n        const overlay1 = document.getElementById(\"videoOverlay\");\n        const iframe2 = document.getElementById(\"youtubePlayerTrio\");\n        const overlay2 = document.getElementById(\"videoOverlayTrio\");\n        if (iframe1 && overlay1) { iframe1.src = \"\"; overlay1.style.display = \"none\"; }\n        if (iframe2 && overlay2) { iframe2.src = \"\"; overlay2.style.display = \"none\"; }\n      }\n    });\n  }\n\n  \/\/ Carousel (guard so we don\u2019t clone\/animate twice)\n  const track = document.getElementById(\"carouselTrack\");\n  const wrapper = document.getElementById(\"carouselWrapper\");\n  if (track && wrapper && !wrapper.dataset.restek40Carousel) {\n    wrapper.dataset.restek40Carousel = \"1\";\n    const clone = track.cloneNode(true);\n    wrapper.appendChild(clone);\n\n    let position = 0;\n    (function animate() {\n      position -= 0.5;\n      wrapper.style.transform = `translateX(${position}px)`;\n      if (Math.abs(position) >= track.offsetWidth) position = 0;\n      requestAnimationFrame(animate);\n    })();\n  }\n\n  \/* === Your page logic END === *\/\n}\n\n\/************************************************************\n * 2) Run on initial load (handles normal page loads)\n ************************************************************\/\nif (document.readyState === \"loading\") {\n  document.addEventListener(\"DOMContentLoaded\", initRestek40, { once: true });\n} else {\n  initRestek40();\n}\n\n\/************************************************************\n * 3) Run on bfcache restores (Back\/Forward navigation)\n ************************************************************\/\nwindow.addEventListener(\"pageshow\", function (e) {\n  if (e.persisted) {\n    delete document.documentElement.dataset.restek40Init;\n    initRestek40();\n  }\n});\n\n\/************************************************************\n * 4) Run on SPA navigations (History API hook)\n ************************************************************\/\n(function () {\n  if (window.__restek40PatchedHistory) return;\n  window.__restek40PatchedHistory = true;\n\n  const _ps = history.pushState;\n  const _rs = history.replaceState;\n  const fire = () => window.dispatchEvent(new Event(\"locationchange\"));\n\n  history.pushState = function () { _ps.apply(this, arguments); fire(); };\n  history.replaceState = function () { _rs.apply(this, arguments); fire(); };\n  window.addEventListener(\"popstate\", fire);\n})();\n\nwindow.addEventListener(\"locationchange\", function () {\n  delete document.documentElement.dataset.restek40Init;\n  initRestek40();\n});\n\n\/************************************************************\n * 5) Re-init if key elements are injected later\n ************************************************************\/\n(function () {\n  const targets = [\"customLetterBox\", \"carouselTrack\", \"carouselWrapper\"];\n  const mo = new MutationObserver(() => {\n    if (targets.some(id => document.getElementById(id))) {\n      delete document.documentElement.dataset.restek40Init;\n      initRestek40();\n    }\n  });\n  mo.observe(document.documentElement, { childList: true, subtree: true });\n})();\n\n\/\/ elf.js\nconst script = document.createElement('script');\nscript.src = 'https:\/\/elfsightcdn.com\/platform.js';\nscript.async = true;\ndocument.head.appendChild(script);\n\n<\/script>\n\n<\/body>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unisciti a noi per festeggiare i 40 anni di storia di Restek! Scopri la nostra storia e le innovazioni che Restek ha realizzato durante questi 40 anni.<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[788],"tags":[],"industries-application":[],"post-badge":[],"resource-type":[],"product-library":[],"resource-technique":[],"ppma_author":[414],"class_list":["post-63246","post","type-post","status-publish","format-standard","hentry","category-articoli"],"acf":[],"taxonomy_info":{"category":[{"value":788,"label":"Articoli"}]},"featured_image_src_large":false,"author_info":{"display_name":"Restek Corporation","author_link":"https:\/\/discover.restek.com\/it\/author\/restek-corporation\/"},"comment_info":0,"category_info":[{"term_id":788,"name":"Articoli","slug":"articoli","term_group":0,"term_taxonomy_id":788,"taxonomy":"category","description":"","parent":0,"count":471,"filter":"raw","cat_ID":788,"category_count":471,"category_description":"","cat_name":"Articoli","category_nicename":"articoli","category_parent":0}],"tag_info":false,"authors":[{"term_id":414,"user_id":11,"is_guest":0,"slug":"restek-corporation","display_name":"Restek Corporation","avatar_url":{"url":"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek_Favicon_300x300.jpg","url2x":"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek_Favicon_300x300.jpg"},"0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/posts\/63246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/comments?post=63246"}],"version-history":[{"count":8,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/posts\/63246\/revisions"}],"predecessor-version":[{"id":90073,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/posts\/63246\/revisions\/90073"}],"wp:attachment":[{"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/media?parent=63246"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/categories?post=63246"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/tags?post=63246"},{"taxonomy":"industries-application","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/industries-application?post=63246"},{"taxonomy":"post-badge","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/post-badge?post=63246"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/resource-type?post=63246"},{"taxonomy":"product-library","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/product-library?post=63246"},{"taxonomy":"resource-technique","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/resource-technique?post=63246"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/discover.restek.com\/it\/wp-json\/wp\/v2\/ppma_author?post=63246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}