Karl Storz
KARL STORZ UI600
Learn More

ENDOFLATOR +
for Advanced Insufflation
and Smoke Evacuation

 

The KARL STORZ ENDOFLATOR™+ insufflator offers a versatile solution combining insufflation, smoke evacuation, heated and humidified gas, and desufflation to meet your needs in the OR. The insufflator is designed to create and maintain a stable working cavity inside the body, giving surgeons space to operate with enhanced visibility and maneuverability during laparoscopic procedures, helping to reduce toxic smoke exposure for OR staff.

Whether for laparoscopic, robotic–assisted, or transanal procedures, the ENDOFLATOR
™+ insufflator aims to deliver the performance you need.

Surgical smoke and aerosols are potentially dangerous to both OR personnel and patients.1
Hear from these experts: 

(() => { let target_div_id = "video-3"; let video_id = 6379972115112; /* INJECT VIDEO ELEMENT */ var videoElement = document.createElement('video-js'); videoElement.setAttribute('data-account', '1754775475001'); videoElement.setAttribute('data-player', 'XHSM8hUn82'); videoElement.setAttribute('data-embed', 'default'); videoElement.setAttribute('controls', ''); videoElement.setAttribute('data-video-id',video_id); videoElement.setAttribute('data-playlist-id', ''); videoElement.setAttribute('data-application-id', ''); videoElement.setAttribute('class', 'vjs-fluid'); var targetDiv = document.getElementById(target_div_id); targetDiv.appendChild(videoElement); /* INJECT BRIGHTCOVE SCRIPT */ var brightCoveScriptUrl = 'https://players.brightcove.net/1754775475001/XHSM8hUn82_default/index.min.js'; var scripts = document.getElementsByTagName('script'); var brightCoveScriptLoaded = false; for (var i = 0; i < scripts.length; i++) { if (scripts[i].src === brightCoveScriptUrl) { brightCoveScriptLoaded = true; break; } } if (!brightCoveScriptLoaded) { var scriptElement = document.createElement('script'); scriptElement.src = brightCoveScriptUrl; document.head.appendChild(scriptElement); } })();

Dr. Charles E. Miller, MD, FACOG

(() => { let target_div_id = "video-4"; let video_id = 6379969716112; /* INJECT VIDEO ELEMENT */ var videoElement = document.createElement('video-js'); videoElement.setAttribute('data-account', '1754775475001'); videoElement.setAttribute('data-player', 'XHSM8hUn82'); videoElement.setAttribute('data-embed', 'default'); videoElement.setAttribute('controls', ''); videoElement.setAttribute('data-video-id',video_id); videoElement.setAttribute('data-playlist-id', ''); videoElement.setAttribute('data-application-id', ''); videoElement.setAttribute('class', 'vjs-fluid'); var targetDiv = document.getElementById(target_div_id); targetDiv.appendChild(videoElement); /* INJECT BRIGHTCOVE SCRIPT */ var brightCoveScriptUrl = 'https://players.brightcove.net/1754775475001/XHSM8hUn82_default/index.min.js'; var scripts = document.getElementsByTagName('script'); var brightCoveScriptLoaded = false; for (var i = 0; i < scripts.length; i++) { if (scripts[i].src === brightCoveScriptUrl) { brightCoveScriptLoaded = true; break; } } if (!brightCoveScriptLoaded) { var scriptElement = document.createElement('script'); scriptElement.src = brightCoveScriptUrl; document.head.appendChild(scriptElement); } })();

Anita Brandt, MBA, BSN, RN, CPHQ, KARL STORZ Medical Advisor

One Device, Multiple Solutions

The ENDOFLATOR™+ insufflator is designed to enhance procedural control and promote a safer working environment1,2 in a single, integrated system.
  • CO2 insufflation up to 50 L/min
  • Integrated smoke evacuation with HF and continuous modes
  • Four procedural modes: High-flow, pediatric, taTME, and EVH
  • Heated and humidified gas delivery with proprietary tubing sets
  • RFID-enabled tubing for simplicity and safety
(() => { let target_div_id = "video-2"; let video_id = 6352837026112; /* INJECT VIDEO ELEMENT */ var videoElement = document.createElement('video-js'); videoElement.setAttribute('data-account', '1754775475001'); videoElement.setAttribute('data-player', 'XHSM8hUn82'); videoElement.setAttribute('data-embed', 'default'); videoElement.setAttribute('controls', ''); videoElement.setAttribute('data-video-id',video_id); videoElement.setAttribute('data-playlist-id', ''); videoElement.setAttribute('data-application-id', ''); videoElement.setAttribute('class', 'vjs-fluid'); var targetDiv = document.getElementById(target_div_id); targetDiv.appendChild(videoElement); /* INJECT BRIGHTCOVE SCRIPT */ var brightCoveScriptUrl = 'https://players.brightcove.net/1754775475001/XHSM8hUn82_default/index.min.js'; var scripts = document.getElementsByTagName('script'); var brightCoveScriptLoaded = false; for (var i = 0; i < scripts.length; i++) { if (scripts[i].src === brightCoveScriptUrl) { brightCoveScriptLoaded = true; break; } } if (!brightCoveScriptLoaded) { var scriptElement = document.createElement('script'); scriptElement.src = brightCoveScriptUrl; document.head.appendChild(scriptElement); } })();

See highlights of our latest insufflation solution—in less than 15 seconds!

(() => { let target_div_id = "video-1"; let video_id = 6352837027112; /* INJECT VIDEO ELEMENT */ var videoElement = document.createElement('video-js'); videoElement.setAttribute('data-account', '1754775475001'); videoElement.setAttribute('data-player', 'XHSM8hUn82'); videoElement.setAttribute('data-embed', 'default'); videoElement.setAttribute('controls', ''); videoElement.setAttribute('data-video-id',video_id); videoElement.setAttribute('data-playlist-id', ''); videoElement.setAttribute('data-application-id', ''); videoElement.setAttribute('class', 'vjs-fluid'); var targetDiv = document.getElementById(target_div_id); targetDiv.appendChild(videoElement); /* INJECT BRIGHTCOVE SCRIPT */ var brightCoveScriptUrl = 'https://players.brightcove.net/1754775475001/XHSM8hUn82_default/index.min.js'; var scripts = document.getElementsByTagName('script'); var brightCoveScriptLoaded = false; for (var i = 0; i < scripts.length; i++) { if (scripts[i].src === brightCoveScriptUrl) { brightCoveScriptLoaded = true; break; } } if (!brightCoveScriptLoaded) { var scriptElement = document.createElement('script'); scriptElement.src = brightCoveScriptUrl; document.head.appendChild(scriptElement); } })();

Flexibility and Adaptability

The ENDOFLATOR™+ insufflator offers flexibility and adaptability across specialties and setups. With five specialized tube sets to choose from, it gives you the power to maintain a stable pneumoperitoneal, pneumorectal, or subcutaneous cavity. Designed for effortless, independent operation, the unit can operate alongside any video system or robotic platform, regardless of the vendor, and is adaptable to future KARL STORZ innovations, enabling long-term usability.

Contact us for more information about our surgical insufflation solutions.

I consent to the collection, processing and use of my above personal data, including e-mail address, by KARL STORZ SE & Co.KG and any subsidiary responsible to provide me with information related to training courses, conferences, product and service updates, and customer surveys. I can revoke my consent at any time without stating any reason by sending an email to delist@karlstorz.com.

By submitting this form, I acknowledge that I have read the KARL STORZ privacy policy.

References:

  1. Vortman R, McPherson S, Cecilia Wendler M. State of the Science: A Concept Analysis of Surgical Smoke. AORN J. 2021;113:41-51.
  2. Gioutsos K. et al. Surgical smoke: modern mobile smoke evacuation systems improve occupational safety in the operating theatre. Interact Cardiovasc Thorac Surg. 2022;34(5):775-782.
KARL STORZ Endoscopy-America, Inc.   |   2151 E. Grand Ave.   |   El Segundo, CA 90245

Copyright ©2025 KARL STORZ. All Rights Reserved. All trademarks and trade names are the property of their respective owners
Contact   Privacy Policy   Terms
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* CSS RESET (VER 2024-05-31) */ html, body { font-size: 4vw; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif !important; padding: 0px; margin: 0px; } @media (min-width: 891px) { html, body { font-size: 2vw; } } @media (min-width: 1201px) { html, body { font-size: 20px; } } * { box-sizing: border-box; color: #240C0C; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; } p { line-height: 2rem; } a > div { color: inherit; } /* HELPERS */ .ks-script, .ks-style, .ks-add-class-to-row, .ks-add-class-to-column, .ks-add-class-to-region { display: none; } /* REMOVE MOBILE WIDTH RESTRICTIONS */ @media only screen and (max-width: 890px) { body .contentpageDefaultLandingPageTemplate .contentRoot { width: 100% !important; } } /* GENERAL */ .hidden { display: none !important; } .desktop { display: none; } .mobile { display: block; } @media (min-width: 768px) { .desktop { display: block; } .mobile { display: none; } } /* SHOW ONLY AT CERTAIN SIZES AND ABOVE */ .sm, .md, .lg, .xlg { display: none; } @media (max-width: 480px) { .sm { display: block; } } @media (min-width: 481px) and (max-width: 890px) { .md { display: block; } } @media (min-width: 891px) and (max-width: 1200px) { .lg { display: block; } } @media (min-width: 1201px) { .xlg { display: block; } } /* FLEXBOX */ .flex { display: flex !important; } .align-items-stretch { align-items: stretch !important; } .justify-center { justify-content: center; } .items-center { align-items: center; } /* HEIGHT & WIDTH */ .h-full { height: 100%; } .h-115vw { height: 115vw; } .h-150vw { height: 150vw; } @media (min-width: 481px) { .md_h-auto { height: auto !important; } } @media (min-width: 891px) { .lg_h-auto { height: auto !important; } } @media (min-width: 1201px) { .xlg_h-auto { height: auto !important; } } /* VIDEO HELPER */ .video-container { max-width: 960px; margin: auto; width: 100%; border: solid 1px #DDD; } /* COLUMN STACKING */ @media (max-width: 890px) { .md_stack-columns { display: flex; flex-direction: column; } .md_stack-columns .column { width: 100% !important; } } @media (max-width: 890px) { .md_stack-columns-reverse { display: flex; flex-direction: column-reverse; } .md_stack-columns-reverse .column { width: 100% !important; } } @media (max-width: 1200px) { .lg_stack-columns { display: flex; flex-direction: column; } .lg_stack-columns .column { width: 100% !important; } } .col-vertically-center { display: flex !important; align-items: center; height: 100%; justify-content: center; }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* SHARED BACKGROUND */ .bg-fixed { background-attachment: fixed; } @supports (-webkit-touch-callout: none) { .bg-fixed { background-attachment: scroll; } } .bg-size-50 { background-size: 50%; } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .bg-left-top { background-position: left top; } .bg-no-repeat { background-repeat: no-repeat; } .bg-light-gray { background-color: #F6F6F6 !important; } .bg-white { background-color: #FFFFFF !important; } .bg-dark-blue { background-color: #074089 !important; } @media (min-width: 891px) { .lg_bg-cover { background-size: cover; } .lg_bg-center { background-position: center; } .lg_bg-size-50 { background-size: 50%; } .lg_bg-left-top { background-position: left top; } .lg_bg-fixed { background-attachment: fixed; } @supports (-webkit-touch-callout: none) { .lg_bg-fixed { background-attachment: scroll; } } } .row-bg-overlay { position: relative; } .row-bg-overlay::before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 0; } .row-bg-overlay .column { z-index: 1; }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* SHARED MARGINS (VER 2024-05-31) */ .m-0 { margin: 0px !important; } .m-20 { margin: 20px !important; } .m-40 { margin: 40px !important; } .m-60 { margin: 60px !important; } .m-80 { margin: 80px !important; } .m-100 { margin: 100px !important; } .p-0 { padding: 0px !important; } .p-20 { padding: 20px !important; } .p-40 { padding: 40px !important; } .p-60 { padding: 60px !important; } .p-80 { padding: 80px !important; } .p-100 { padding: 100px !important; } .pt-0 { padding-top: 0px !important; } .pt-20 { padding-top: 20px !important; } .pt-40 { padding-top: 40px !important; } .pt-60 { padding-top: 60px !important; } .pr-40 { padding-right: 40px !important; } .pr-80 { padding-right: 80px !important; } .pb-0 { padding-bottom: 0px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-60 { padding-bottom: 60px !important; } .pl-40 { padding-left: 40px !important; } .pl-80 { padding-left: 80px !important; } @media (min-width: 481px) { .md_m-0 { margin: 0px !important; } .md_m-20 { margin: 20px !important; } .md_m-40 { margin: 40px !important; } .md_m-60 { margin: 60px !important; } .md_m-80 { margin: 80px !important; } .md_m-100 { margin: 100px !important; } .md_p-0 { padding: 0px !important; } .md_p-20 { padding: 20px !important; } .md_p-40 { padding: 40px !important; } .md_p-60 { padding: 60px !important; } .md_p-80 { padding: 80px !important; } .md_p-100 { padding: 100px !important; } .md_pt-0 { padding-top: 0px !important; } .md_pt-20 { padding-top: 20px !important; } .md_pt-40 { padding-top: 40px !important; } .md_pt-60 { padding-top: 60px !important; } .md_pr-80 { padding-right: 80px !important; } .md_pr-100 { padding-right: 100px !important; } .md_pb-0 { padding-bottom: 0px !important; } .md_pb-20 { padding-bottom: 20px !important; } .md_pb-40 { padding-bottom: 40px !important; } .md_pb-60 { padding-bottom: 60px !important; } .md_pl-80 { padding-left: 80px !important; } .md_pl-100 { padding-left: 100px !important; } } @media (min-width: 891px) { .lg_-m-70 { margin-top: -70px !important; } .lg_m-0 { margin: 0px !important; } .lg_m-20 { margin: 20px !important; } .lg_m-40 { margin: 40px !important; } .lg_m-60 { margin: 60px !important; } .lg_m-80 { margin: 80px !important; } .lg_m-100 { margin: 100px !important; } .lg_-mt-70 { margin-top: -70px !important; } .lg_p-0 { padding: 0px !important; } .lg_p-20 { padding: 20px !important; } .lg_p-40 { padding: 40px !important; } .lg_p-60 { padding: 60px !important; } .lg_p-80 { padding: 80px !important; } .lg_p-100 { padding: 100px !important; } .lg_pt-0 { padding-top: 0px !important; } .lg_pt-20 { padding-top: 20px !important; } .lg_pt-40 { padding-top: 40px !important; } .lg_pt-60 { padding-top: 60px !important; } .lg_pr-60 { padding-right: 60px !important; } .lg_pr-80 { padding-right: 80px !important; } .lg_pr-100 { padding-right: 100px !important; } .lg_pr-120 { padding-right: 120px !important; } .lg_pr-160 { padding-right: 160px !important; } .lg_pb-0 { padding-bottom: 0px !important; } .lg_pb-20 { padding-bottom: 20px !important; } .lg_pb-40 { padding-bottom: 40px !important; } .lg_pb-60 { padding-bottom: 60px !important; } .lg_pb-100 { padding-bottom: 100px !important; } .lg_pb-120 { padding-bottom: 120px !important; } .lg_pl-80 { padding-left: 80px !important; } .lg_pl-100 { padding-left: 100px !important; } .lg_pl-160 { padding-left: 160px !important; } } @media (min-width: 1201px) { .xlg_-mt-140 { margin-top: -140px !important; } .xlg_m-0 { margin: 0px !important; } .xlg_m-20 { margin: 20px !important; } .xlg_m-40 { margin: 40px !important; } .xlg_m-60 { margin: 60px !important; } .xlg_m-80 { margin: 80px !important; } .xlg_m-100 { margin: 100px !important; } .xlg_p-0 { padding: 0px !important; } .xlg_p-20 { padding: 20px !important; } .xlg_p-40 { padding: 40px !important; } .xlg_p-60 { padding: 60px !important; } .xlg_p-80 { padding: 80px !important; } .xlg_p-100 { padding: 100px !important; } .xlg_p-200 { padding: 200px !important; } .xlg_pt-0 { padding-top: 0px !important; } .xlg_pt-20 { padding-top: 20px !important; } .xlg_pt-40 { padding-top: 40px !important; } .xlg_pt-60 { padding-top: 60px !important; } .xlg_pr-60 { padding-right: 60px !important; } .xlg_pr-80 { padding-right: 80px !important; } .xlg_pr-100 { padding-right: 100px !important; } .xlg_pr-140 { padding-right: 140px !important; } .xlg_pr-160 { padding-right: 160px !important; } .xlg_pr-240 { padding-right: 240px !important; } .xlg_pb-0 { padding-bottom: 0px !important; } .xlg_pb-20 { padding-bottom: 20px !important; } .xlg_pb-40 { padding-bottom: 40px !important; } .xlg_pb-60 { padding-bottom: 60px !important; } .xlg_pl-60 { padding-left: 60px !important; } .xlg_pl-80 { padding-left: 80px !important; } .xlg_pl-100 { padding-left: 100px !important; } .xlg_pl-140 { padding-left: 140px !important; } .xlg_pl-240 { padding-left: 240px !important; } }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* SHARED TEXT (VER 2024-05-29) */ .text-left { text-align: left; } /* RICH TEXT RESPONSIVE */ .rich-text-responsive .contentbuilder-landingpage-richtext, .rich-text-responsive-20 .contentbuilder-landingpage-richtext, .rich-text-responsive-40 .contentbuilder-landingpage-richtext, .rich-text-responsive-60 .contentbuilder-landingpage-richtext { font-weight: 300; font-size: 1em !important; } .rich-text-responsive .contentbuilder-landingpage-richtext div, .rich-text-responsive .contentbuilder-landingpage-richtext p, .rich-text-responsive .contentbuilder-landingpage-richtext div > span, .rich-text-responsive-20 .contentbuilder-landingpage-richtext div, .rich-text-responsive-20 .contentbuilder-landingpage-richtext p, .rich-text-responsive-20 .contentbuilder-landingpage-richtext div > span, .rich-text-responsive-40 .contentbuilder-landingpage-richtext div, .rich-text-responsive-40 .contentbuilder-landingpage-richtext p, .rich-text-responsive-40 .contentbuilder-landingpage-richtext div > span, .rich-text-responsive-60 .contentbuilder-landingpage-richtext div, .rich-text-responsive-60 .contentbuilder-landingpage-richtext p, .rich-text-responsive-60 .contentbuilder-landingpage-richtext div > span { font-size: 1em !important; font-weight: 300; } .rich-text-responsive .contentbuilder-landingpage-richtext h1, .rich-text-responsive-20 .contentbuilder-landingpage-richtext h1, .rich-text-responsive-40 .contentbuilder-landingpage-richtext h1, .rich-text-responsive-60 .contentbuilder-landingpage-richtext h1 { font-size: 3em !important; letter-spacing: 0; font-weight: 500; line-height: 1em; } .rich-text-responsive .contentbuilder-landingpage-richtext h2, .rich-text-responsive-20 .contentbuilder-landingpage-richtext h2, .rich-text-responsive-40 .contentbuilder-landingpage-richtext h2, .rich-text-responsive-60 .contentbuilder-landingpage-richtext h2 { font-size: 1.5em !important; } .rich-text-responsive .contentbuilder-landingpage-richtext h3, .rich-text-responsive .contentbuilder-landingpage-richtext h4, .rich-text-responsive .contentbuilder-landingpage-richtext h5, .rich-text-responsive-20 .contentbuilder-landingpage-richtext h3, .rich-text-responsive-20 .contentbuilder-landingpage-richtext h4, .rich-text-responsive-20 .contentbuilder-landingpage-richtext h5, .rich-text-responsive-40 .contentbuilder-landingpage-richtext h3, .rich-text-responsive-40 .contentbuilder-landingpage-richtext h4, .rich-text-responsive-40 .contentbuilder-landingpage-richtext h5, .rich-text-responsive-60 .contentbuilder-landingpage-richtext h3, .rich-text-responsive-60 .contentbuilder-landingpage-richtext h4, .rich-text-responsive-60 .contentbuilder-landingpage-richtext h5 { font-size: 1em !important; } /* RICH TEXT RESPONSIVE +20% */ .rich-text-responsive { font-size: 1rem; } .rich-text-responsive-20 { font-size: 1.2rem; } .rich-text-responsive-40 { font-size: 1.4rem; } .rich-text-responsive-60 { font-size: 1.2rem; } @media (min-width: 891px) { .lg_text-center { text-align: center; } } @media (max-width: 890px) { .md_stacked-text-center .column { text-align: center !important; } .md_stacked-text-center .column div, .md_stacked-text-center .column p, .md_stacked-text-center .column div > span, .md_stacked-text-center .column h1, .md_stacked-text-center .column h2, .md_stacked-text-center .column h3, .md_stacked-text-center .column h4, .md_stacked-text-center .column h5, .md_stacked-text-center .column h6 { text-align: center !important; } } .text-center { text-align: center !important; } .text-center * { text-align: center !important; } @media (min-width: 891px) { .lg_text-left { text-align: left !important; } .lg_text-left * { text-align: left !important; } } @media (min-width: 891px) { .lg_text-right { text-align: right !important; } .lg_text-right * { text-align: right !important; } } .content-center { text-align: center !important; } .content-center > * { text-align: left !important; } @media (min-width: 891px) { .lg_content-left { text-align: left !important; } } @media (min-width: 891px) { .lg_content-right { text-align: right !important; } } .contentbuilder-landingpage-richtext, .richtext, .form { font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; line-height: 1.5em; } .contentbuilder-landingpage-richtext div, .contentbuilder-landingpage-richtext p, .contentbuilder-landingpage-richtext div > span, .richtext div, .richtext p, .richtext div > span, .form div, .form p, .form div > span { font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; line-height: 1.5em; padding: .5em 0; margin: 0; } .contentbuilder-landingpage-richtext h1, .contentbuilder-landingpage-richtext h2, .contentbuilder-landingpage-richtext h3, .contentbuilder-landingpage-richtext h4, .contentbuilder-landingpage-richtext h5, .contentbuilder-landingpage-richtext h6, .richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6, .form h1, .form h2, .form h3, .form h4, .form h5, .form h6 { font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; line-height: 1.2em; padding: .75em 0; margin: 0; font-weight: 600; } .contentbuilder-landingpage-richtext h1 span, .contentbuilder-landingpage-richtext h2 span, .contentbuilder-landingpage-richtext h3 span, .contentbuilder-landingpage-richtext h4 span, .contentbuilder-landingpage-richtext h5 span, .contentbuilder-landingpage-richtext h6 span, .richtext h1 span, .richtext h2 span, .richtext h3 span, .richtext h4 span, .richtext h5 span, .richtext h6 span, .form h1 span, .form h2 span, .form h3 span, .form h4 span, .form h5 span, .form h6 span { font-weight: 600; } .force-ks-fonts * { font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif !important; } .rich-text-white .contentbuilder-landingpage-richtext { color: #FFFFFF !important; } .rich-text-white .contentbuilder-landingpage-richtext div, .rich-text-white .contentbuilder-landingpage-richtext span, .rich-text-white .contentbuilder-landingpage-richtext h1, .rich-text-white .contentbuilder-landingpage-richtext h2, .rich-text-white .contentbuilder-landingpage-richtext h3, .rich-text-white .contentbuilder-landingpage-richtext h4, .rich-text-white .contentbuilder-landingpage-richtext h5, .rich-text-white .contentbuilder-landingpage-richtext strong, .rich-text-white .contentbuilder-landingpage-richtext p, .rich-text-white .contentbuilder-landingpage-richtext a, .rich-text-white .contentbuilder-landingpage-richtext a:link, .rich-text-white .contentbuilder-landingpage-richtext a:visited, .rich-text-white .contentbuilder-landingpage-richtext sup { color: #FFFFFF !important; } .pull-quote { position: relative; font-weight: 300; } .pull-quote:before, .pull-quote:after { content: ""; background-image: url("https://pardotcms.karlstorz.com/cms/delivery/media/MCEZVKOXJJEZB4ZLXOF5H36KDVEE?oid=00D09000007FoKeEAK&channelId=0ap5q000000XZAWAA4"); background-size: contain; background-repeat: no-repeat; display: block; position: absolute; width: 1rem; height: 1rem; } .pull-quote.blue-quotes:before, .pull-quote.blue-quotes:after { background-image: url("https://pardotcms.karlstorz.com/cms/delivery/media/MCZW5CRVG7HZCHRGNK3PTWOFQHQU?oid=00D09000007FoKeEAK&channelId=0ap5q000000XZAWAA4"); } .pull-quote:before { transform: rotate(180deg); top: -.5rem; left: -1.5rem; } .pull-quote:after { bottom: -.5rem; right: -1.5rem; } @media (min-width: 481px) { .pull-quote:before, .pull-quote:after { width: 1.5rem; height: 1.5rem; } .pull-quote:before { transform: rotate(180deg); top: -.5rem; left: -2rem; } .pull-quote:after { bottom: -.5rem; right: -2rem; } } @media (min-width: 891px) { .pull-quote:before, .pull-quote:after { width: 2rem; height: 2rem; } .pull-quote:before { transform: rotate(180deg); top: -1rem; left: -3.25rem; } .pull-quote:after { bottom: -1rem; right: -3.25rem; } }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* SHARED PARDOT (VER 2024-05-29) */ .pardot-form-wrapper { color: #FFFFFF !important; } .pardot-form-wrapper .wrapper { background-color: #6275A3; border-radius: 25px; margin: 0 auto; padding: 20px; } @media (min-width: 481px) { .pardot-form-wrapper .wrapper { padding: 40px; margin: 0px; } } .pardot-form-wrapper.blue-navy .wrapper { background-color: #052E63; } .pardot-form-wrapper.thick-padding .wrapper { padding: 40px; } @media (min-width: 481px) { .pardot-form-wrapper.thick-padding .wrapper { padding: 60px; } } .pardot-form-wrapper div, .pardot-form-wrapper span, .pardot-form-wrapper h1, .pardot-form-wrapper h2, .pardot-form-wrapper h3, .pardot-form-wrapper h4, .pardot-form-wrapper h5, .pardot-form-wrapper strong, .pardot-form-wrapper p, .pardot-form-wrapper a, .pardot-form-wrapper a:link, .pardot-form-wrapper a:visited { color: #FFFFFF !important; } .pardot-form-wrapper h1, .pardot-form-wrapper h3 { font-size: 1.2rem !important; line-height: 1.2em !important; margin: 0 0 20px 0 !important; } .pardot-form-wrapper h1 span, .pardot-form-wrapper h3 span { font-size: 1.2rem !important; line-height: 1.2em !important; font-weight: bold !important; } .pardot-form-wrapper form.form { margin: 0; padding: 0; } .pardot-form-wrapper form.form * { font-weight: normal !important; } .pardot-form-wrapper form.form p { margin: 0; padding: .5rem 0; } .pardot-form-wrapper form.form p.errors { margin: 2rem 0; padding: 1rem; } .pardot-form-wrapper form.form p.error { padding: .5rem 0 0 0; } .pardot-form-wrapper form.form p.error.no-label { padding: 0 0 .75rem 0; margin: 0; } .pardot-form-wrapper form.form p label { color: #FFFFFF; margin-bottom: 5px; } .pardot-form-wrapper form.form p input, .pardot-form-wrapper form.form p select, .pardot-form-wrapper form.form p textarea { padding: 10px; } .pardot-form-wrapper form.form p select { appearance: none; background-color: #FFFFFF; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cG9seWdvbiBwb2ludHM9IjM5Ni42LDE2MCA0MTYsMTgwLjcgMjU2LDM1MiA5NiwxODAuNyAxMTUuMywxNjAgMjU2LDMxMC41ICIvPjwvc3ZnPg==); background-repeat: no-repeat; background-position: right; background-size: 26px; padding: 10px; } .pardot-form-wrapper form.form p.submit input { width: 100%; text-transform: uppercase; } .pardot-form-wrapper form.form p.submit input:hover { background-color: #184184; } .pardot-form-wrapper form.form .pd-checkbox input:checked + label::after { top: -2px; left: 1px; } .pardot-form-wrapper form.form .pd-checkbox.no-label span.value, .pardot-form-wrapper form.form .pd-checkbox.no-label span.description { display: inline; } .pardot-form-wrapper form.form .pd-checkbox.no-label span.value > span, .pardot-form-wrapper form.form .pd-checkbox.no-label span.description > span { display: inline; } .pardot-form-wrapper form.form .pd-checkbox.no-label input { appearance: auto; position: relative; }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* HEADER AND FOOTER ROWS (VER 2024-05-29) */ .row-hero { height: 260px; } @media (max-width: 890px) { .row-hero { height: 400px; } .row-hero .column:nth-of-type(3) { margin-bottom: 25px !important; } } .row-hero .column:nth-of-type(1) img { max-width: 160px !important; margin: 25px 60px; } .row-hero .column:nth-of-type(3) div a div { width: 230px; border-radius: 20px !important; } @media (min-width: 891px) { .row-hero .column:nth-of-type(3) { position: relative; } .row-hero .column:nth-of-type(3) div a div { position: fixed; top: 25px; text-align: center; margin-left: -250px; } } /* TWO-COLUMN HERO */ /* NOTE THIS REQUIRES A COMPANION JS SCRIPT */ @media (max-width: 890px) { .row-hero-2col { height: auto; } .row-hero-2col .column:nth-of-type(2) { margin-bottom: 25px !important; } } @media (min-width: 891px) { .row-hero-2col { align-items: stretch !important; } } .row-hero-2col .row-hero-2col-img-col { background-repeat: no-repeat; height: 115vw; } @media (min-width: 891px) { .row-hero-2col .row-hero-2col-img-col { height: auto; background-attachment: fixed; } } @media (min-width: 1260px) and (max-height: 1049px) { .row-hero-2col .row-hero-2col-img-col { min-height: 100vh; } } @media (min-width: 1260px) and (min-height: 1050px) { .row-hero-2col .row-hero-2col-img-col { min-height: 905px; } } .row-hero-2col .row-hero-2col-img-col img { max-width: 160px !important; margin: 25px 60px; } @media (max-width: 574px) { .row-hero-2col .row-hero-2col-img-col div { text-align: center !important; } } @media (min-width: 1260px) { .row-hero-2col .row-hero-2col-text-col .contentbuilder-landingpage-richtext { position: absolute; top: 50%; transform: translate(0%, -50%); width: calc(100% - 200px); } } .row-hero-2col .row-hero-2col-button-col { display: flex; flex-direction: column; padding: 40px; } @media (min-width: 481px) { .row-hero-2col .row-hero-2col-button-col { padding: 60px; } } @media (min-width: 1201px) { .row-hero-2col .row-hero-2col-button-col { padding: 100px; } } .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) { margin-bottom: 20px; padding-top: .5em !important; padding-bottom: .5em !important; } .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) a div { width: 290px; border-radius: 20px !important; text-align: center !important; } .row-hero-2col .row-hero-2col-button-col.cta-rounded-40 div:nth-of-type(1) a div { border-radius: 40px !important; } @media (min-width: 575px) { .row-hero-2col .row-hero-2col-button-col { position: relative; } .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) { text-align: right !important; margin-right: 250px; } .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) a div { position: fixed; top: 25px; z-index: 100; } } @media (min-width: 1201px) { .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) { margin-right: 210px; } } /* THREE-COLUMN HERO */ .row-hero-3col { height: 260px; } @media (max-width: 890px) { .row-hero-3col { height: 400px; } .row-hero-3col .column:nth-of-type(3) { margin-bottom: 25px !important; } } .row-hero-3col .column:nth-of-type(1) img { max-width: 160px !important; margin: 25px 60px; } .row-hero-3col .column:nth-of-type(3) div a div { width: 290px; border-radius: 20px !important; } @media (min-width: 891px) { .row-hero-3col .column:nth-of-type(3) { position: relative; } .row-hero-3col .column:nth-of-type(3) div a div { position: fixed; top: 25px; text-align: left; margin-left: -310px; } } /* SECTION HEADERS */ .row-section-header h3 { color: #184184 !important; font-weight: 600 !important; font-size: 1.1rem !important; margin-bottom: .6rem !important; } .row-section-header h2 { color: #252b3c !important; font-weight: 600 !important; font-size: 1.7rem !important; margin-bottom: 0 !important; } .row-section-header h2 span { color: #252b3c !important; font-weight: 300 !important; font-size: 1.4rem !important; margin: .1rem 0 !important; display: inline-block; } .row-section-header-colorless .contentbuilder-landingpage-richtext { font-size: inherit !important; } .row-section-header-colorless h3 { font-weight: 600 !important; font-size: 1.1rem !important; margin-bottom: .6rem !important; } .row-section-header-colorless h2 { font-weight: 600 !important; font-size: 1.7rem !important; margin-bottom: 0 !important; } .row-section-header-colorless h2 span { font-weight: 300 !important; font-size: 1.4rem !important; margin: .1rem 0 !important; display: inline-block; } .row-legal { font-size: .9rem; } .row-legal p { font-size: .9rem; } .row-legal ul, .row-legal ol { margin: 0px; padding: 0px; } .row-legal ul li, .row-legal ol li { margin: 0 0 0 12px; padding: 0px; font-size: .9rem; } .row-legal ul li a, .row-legal ul li a:link, .row-legal ul li a:visited, .row-legal ol li a, .row-legal ol li a:link, .row-legal ol li a:visited { text-decoration: none; } .row-legal ul li a:hover, .row-legal ol li a:hover { text-decoration: underline; }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* CSS RESET (VER 2024-05-29) */ .row.flip-cards { justify-content: space-between; padding-left: 5%; padding-right: 5%; } .row.flip-cards .column.columnDiv { display: inline-block; height: 400px; position: relative; } .row.flip-cards .card { background-color: transparent; width: 100%; height: 380px; perspective: 1000px; } .row.flip-cards .card .inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; } .row.flip-cards .card:hover .inner { transform: rotateY(180deg); } .row.flip-cards .card .front, .row.flip-cards .card .back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; box-shadow: 0px 3px 6px #00000038; border-radius: 33px; } .row.flip-cards .card .front { background-color: #FFFFFF; color: black; padding: 20px; } .row.flip-cards .card .front h2 { font-size: 1.2em; } .row.flip-cards .card .front::after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iI0I5QjlCOSIgY2xhc3M9InNpemUtNiI+CiAgPHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTMuNSA0LjUgMjEgMTJtMCAwLTcuNSA3LjVNMjEgMTJIMyIgLz4KPC9zdmc+Cg=="); display: inline-block; width: 2rem; height: 2rem; line-height: 0px; position: absolute; right: 30px; bottom: 30px; color: #B9B9B9; } .row.flip-cards .card .back { background-color: #F6F6F6; color: #242B3E; transform: rotateY(180deg); padding: 20px; } .row.flip-cards .card .back p { font-size: .9rem; } .row.flip-cards .card .front, .row.flip-cards .card .back { display: flex; flex-direction: column; justify-content: center; }
/* CUSTOM STYLES FOR THIS PAGE. YOU MAY EDIT THIS. */ .img-max-width-400 img { max-width: 400px !important; } .pardot-form-wrapper h1 { margin-top: 0; margin-bottom: 2em; } .rich-text-responsive .contentbuilder-landingpage-richtext div.pull-quote { text-align: center; font-size: 1.5em !important; color: #052E63; }
/* CSS INJECTOR SCRIPT */ /* DO NOT EDIT THIS BLOCK */ console.log('ACTIVATING CSS INJECTOR (VER 2024-05-29)'); /* NOTE: MUST USE THIS STYLE OF COMMENTS */ /* THIS SCRIPT WILL COPY CLASS NAMES AND STYLES (FROM TITLE ATTRIBUTE) TO PARENT ROWS AND COLUMNS */ /* WE HAVE TO USE THE TITLE ATTRIBUTE, BECAUSE THIS IS THE ONLY OTHER ATTRIBUTE SALESFORCE ALLOWS US TO USE, AND WE CAN'T ADD THE STYLE TO THE DIV OR IT BREAKS THE BUILDER */ function processClassNames(sourceClass, targetIdentifier, type="class") { let classManagerDivs = document.querySelectorAll('.' + sourceClass); classManagerDivs.forEach(function (classManagerDiv) { let classesToAdd = classManagerDiv.classList; let targetDiv; if(type === "class"){ targetDiv = findAncestorWithClass(classManagerDiv, targetIdentifier); }else if(type === "tag"){ targetDiv = findAncestorOfType(classManagerDiv, targetIdentifier); } if (targetDiv) { /* PROCESS HELPER CLASSES */ for (let i = 0; i < classesToAdd.length; i++) { if(classesToAdd[i] === sourceClass){ continue; } /* WRAP COLUMN'S CONTENT IN A DIV */ if(classesToAdd[i].substring(0,13) === 'width-wrapper'){ let maxWidth = classesToAdd[i].match(/\d+/); let wrapperDiv = document.createElement('div'); wrapperDiv.className = 'wrapper'; wrapperDiv.style.maxWidth = maxWidth + 'px'; wrapperDiv.style.display = 'inline-block'; wrapperDiv.innerHTML = targetDiv.innerHTML; targetDiv.innerHTML = ''; targetDiv.appendChild(wrapperDiv); targetDiv.classList.add(classesToAdd[i]); continue; } /* PROCESS ACTION CLASSES */ let sourceImg = null; switch(classesToAdd[i]) { case "bg-from-img1": sourceImg = findChildElementByIndex(targetDiv, 'img', 0); targetDiv.style.backgroundImage = 'url("'+sourceImg.src+'")'; sourceImg.parentElement.remove(); break; case "bg-from-img2": sourceImg = findChildElementByIndex(targetDiv, 'img', 1); targetDiv.style.backgroundImage = 'url("'+sourceImg.src+'")'; sourceImg.parentElement.remove(); break; } /* ADD CLASS TO TARGET DIV */ targetDiv.classList.add(classesToAdd[i].replace(':', '_')); /* IF THERE IS A TITLE, ADD IT AS A STYLE */ if (classManagerDiv.title) { targetDiv.style.cssText += classManagerDiv.title; } } } }); } function removeClassManager(src) { let classManagerDivs = document.querySelectorAll('.' + src); classManagerDivs.forEach(function (classManagerDiv) { let parentDiv = classManagerDiv.parentElement; parentDiv.remove(); }); } function findAncestorWithClass(element, className) { while (element) { if (element.classList.contains(className)) { return element; } element = element.parentElement; } return null; } function findAncestorOfType(element, type) { while (element) { if (element.tagName.toLowerCase() === type) { return element; } element = element.parentElement; } return null; } function findChildElementByIndex(parentElement, childTag, index) { let children = parentElement.getElementsByTagName(childTag); return children[index]; } /* LOADED IN PAGE IN FOOTER. NO NEED TO WAIT FOR IMAGES TO LOAD. */ /* MOVE OVER THE CLASS NAMES FROM THE HELPERS ON THE PAGE */ processClassNames('ks-add-class-to-body', 'body', 'tag'); processClassNames('ks-add-class-to-row', 'row'); processClassNames('ks-add-class-to-column', 'column'); processClassNames('ks-add-class-to-region', 'contentbuilder-landingpage-html'); /* REMOVE THE HELPERS */ removeClassManager('ks-add-class-to-body'); removeClassManager('ks-add-class-to-row'); removeClassManager('ks-add-class-to-column'); removeClassManager('ks-add-class-to-region');
document.querySelectorAll('.relocate').forEach(relocate => { let prependClassName = Array.from(relocate.classList).find(className => className.startsWith('prepend:')); if(prependClassName){ let destinationSelector = prependClassName.replace('prepend:', '').replace('|', ' '); document.querySelector(destinationSelector).prepend(relocate); } let appendClassName = Array.from(relocate.classList).find(className => className.startsWith('append:')); if(appendClassName){ let destinationSelector = appendClassName.replace('append:', '').replace('|', ' '); document.querySelector(destinationSelector).appendChild(relocate); } relocate.classList.remove('relocate'); });
/* HELPER FUNCTION FOR THE row-hero-2col LAYOUT */ function handleResize(){ var windowWidth = window.innerWidth; var rowHero2Col = document.querySelector('.row-hero-2col'); var rowHero2ColImgCol = document.querySelector('.row-hero-2col-img-col'); /* Check if the browser width is wider than 890px */ if (windowWidth > 1800) { /* Calculate the percentage width that ".row-hero-2col" is taking up within the full browser window */ var percentageWidth = (rowHero2Col.offsetWidth / windowWidth) * 100; /* Set the background-image size for ".row-hero-2col-img-col" to the calculated percentage width */ rowHero2ColImgCol.style.backgroundSize = percentageWidth + '%'; rowHero2ColImgCol.style.backgroundPosition = 'center top'; }else if (windowWidth > 890) { rowHero2ColImgCol.style.backgroundSize = '123%'; rowHero2ColImgCol.style.backgroundPosition = '24% top'; }else{ /* SET TO 200vw FOR SMALLER SCREENS */ rowHero2ColImgCol.style.backgroundSize = '200vw'; rowHero2ColImgCol.style.backgroundPosition = 'left top'; } } handleResize(); window.addEventListener('resize', handleResize);
document.querySelectorAll('.flip-cards').forEach(flipCard => { let flipCardCount = flipCard.querySelectorAll('.column').length; flipCard.querySelectorAll('.column').forEach(column => { column.style.width = (90 / flipCardCount) + '%'; let card = document.createElement('div'); card.classList.add('card'); let cardInner = document.createElement('div'); cardInner.classList.add('inner'); let cardFront = document.createElement('div'); cardFront.classList.add('front'); let cardBack = document.createElement('div'); cardBack.classList.add('back'); cardFront.innerHTML = column.querySelector(':not(.contentbuilder-landingpage-richtext)').outerHTML; cardBack.innerHTML = column.querySelector('.contentbuilder-landingpage-richtext').outerHTML; let h2 = cardBack.querySelector('h2'); if(h2){ cardFront.appendChild(h2); } cardInner.appendChild(cardFront); cardInner.appendChild(cardBack); card.appendChild(cardInner); column.appendChild(card); column.querySelector(':not(.contentbuilder-landingpage-richtext)').remove(); column.querySelector('.contentbuilder-landingpage-richtext').remove(); }); });