Karl Storz
Doctor in front of video monitor
Learn More

Looking for new video for your operating rooms?

Experience the difference that IMAGE1 S® RUBINA® Imaging System creates.

Surgical Team
One platform. All specialties. Standardization makes a difference when your team is already overworked and burnt out.

Business Manager
One platform. One vendor to contact for service, support, and all your business needs.

OR Director / Charge Nurse
Give your team what they need. One system that provides clear visualization across all service lines.

Why KARL STORZ?

Reduce Costs
Modular by design. Purchase what you need when you need it. 

Consolidate Equipment
Comprehensive by design. A single 4K 3D NIR/ICG system serves multiple specialties with purpose-built optics for both reusable and single-use scopes.

Evolve With Technology
Flexible by design. Software enhancements deliver continuous new value.

KARL STORZ imaging solutions

Why KARL STORZ RUBINA Makes Sense for

Every Operating Room

let target_div_id = "video-1"; let video_id = 6365511313112; /* 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); }

KARL STORZ Goes
Beyond Technology

OR1 Flexible Acquisition

Flexible Acquisition

We make OR integration technologies easy to acquire. From monthly payments to capital + subscription to pay-per-procedure, we can provide financing solutions and payment models to meet your needs.
OR1 Expert Deployment

Expert Deployment

We’re committed to your success. With every integration purchase, we provide dedicated project management, installation services, data privacy and security consultation as well as customer success utilization managers during go-live to maximize your speed to return on investment.
OR1 Expert Service

Expert Service

If you’re going to rely on a technology, it has to work reliably every time.  But issues can still happen.  For peace of mind, KARL STORZ provides remote support and monitoring for software, and regional or on-site service technicians with parts/labor contracts for repair of physical devices.

Please provide your information, and one of our experienced local team members will contact you.

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.

KARL STORZ Endoscopy-America, Inc.   |   2151 E. Grand Ave.   |   El Segundo, CA 90245
Contact   Privacy Policy   Terms
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* CSS RESET (VER 2024-06-28 H) */ html, body { font-size: 14.7px; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif !important; line-height: 1em; margin: 0px; padding: 0px; } @media (min-width: 481px) { html, body { font-size: 3vw; } } @media (min-width: 891px) { html, body { font-size: 1.4vw; } } @media (min-width: 1201px) { html, body { font-size: 16px; } } * { 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 (VER 2024-03-22) */ .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-06-28) */ .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-20 { padding-right: 20px !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-20 { padding-left: 20px !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-20 { padding-right: 20px !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-20 { padding-left: 20px !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-07-01) */ .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: inherit !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; font-weight: 300; line-height: 1.4em; } .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: 2em; letter-spacing: 0; font-weight: bold; line-height: 1.4em; } .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.75em; line-height: 1.4em; } .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; line-height: 1.4em; } /* RICH TEXT RESPONSIVE SIZES */ .rich-text-responsive { font-size: 1em; line-height: 1.4em; } .rich-text-responsive-20 { font-size: 1.2em; line-height: 1.4em; } .rich-text-responsive-40 { font-size: 1.4em; line-height: 1.4em; } .rich-text-responsive-60 { font-size: 1.6em; line-height: 1.4em; } /* RELATIVE FONT SIZE ADJUSTMENTS */ .font-size-em-70 { font-size: .7em !important; line-height: 1.4em; } .font-size-em-80 { font-size: .8em !important; line-height: 1.4em; } .font-size-em-90 { font-size: .9em !important; line-height: 1.4em; } .font-size-em-110 { font-size: 1.1em !important; line-height: 1.4em; } .font-size-em-120 { font-size: 1.2em !important; line-height: 1.4em; } .font-size-em-140 { font-size: 1.4em !important; line-height: 1.4em; } .font-size-em-160 { font-size: 1.4em !important; line-height: 1.4em; } .font-size-em-180 { font-size: 1.4em !important; line-height: 1.4em; } .font-size-em-200 { font-size: 1.4em !important; line-height: 1.4em; } /* LINE-HEIGHT ADJUSTMENTS */ .line-height-0 { line-height: 0; } .line-height-em-120 * { line-height: 1.2em !important; } .line-height-em-140 * { line-height: 1.4em !important; } @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; font-size: inherit !important; line-height: inherit !important; } .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.4em; padding: .5em 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; } .contentbuilder-landingpage-richtext sup, .richtext sup, .form sup { color: inherit !important; font-size: 0.75em; display: inline-block; margin-top: -0.45em; vertical-align: top; } .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-06-28 B) */ .pardot-form-wrapper { font-size: inherit !important; 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; font-size: inherit !important; } .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, .pardot-form-wrapper form.form p .field-label { color: #FFFFFF; font-size: inherit !important; margin-bottom: 5px; } .pardot-form-wrapper form.form p span { font-size: inherit !important; } .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-06-28 B) */ .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(2) { min-height: 450px; } @media (min-width: 600px) { .row-hero-3col .column:nth-of-type(2) { min-height: 550px; } } .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 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 h3 { color: #184184 !important; font-weight: 600 !important; font-size: 1.1rem !important; margin-bottom: .6rem !important; } .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: .7rem; } .row-legal p { font-size: inherit !important; } .row-legal ul, .row-legal ol { font-size: inherit !important; margin: 0; padding: 0; } .row-legal ul li, .row-legal ol li { margin: 0 0 0 12px; padding: 0; font-size: inherit !important; } .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; }
/* CUSTOM STYLES FOR THIS PAGE. YOU MAY EDIT THIS. */
/* CSS INJECTOR SCRIPT */ /* DO NOT EDIT THIS BLOCK */ console.log('ACTIVATING CSS INJECTOR (VER 2024-06-28)'); /* 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; } /* WRAP ELEMENT'S CONTENT IN A SPAN */ if(classesToAdd[i].substring(0,8) === 'wrapper|'){ let wrapperDiv = document.createElement('span'); wrapperDiv.className = classesToAdd[i].replace('wrapper|',''); wrapperDiv.style.display = 'inline'; 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');
/* CSS INJECTOR SCRIPT */ /* DO NOT EDIT THIS BLOCK */ console.log('ACTIVATING ROW HERO 2-COL (VER 2024-06-28)'); /* NOTE: MUST USE THIS STYLE OF COMMENTS */ /* 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);