Karl Storz
KARL STORZ Sinus Surgery
REQUEST DEMO

KARL STORZ
Experience Precision in Sinus Surgery 

  • Precise control  
  • Advanced optical clarity   
  • Consistent performance across sites of care 

Deliver confidence in your operating room, every time 

KARL STORZ nasal sinus instruments and rigid scopes are designed to deliver precision, clarity, and consistency across sinus procedures. Our complete instrument sets reduce reliance on mixed-manufacturer instrument sets to help simplify tray configuration, minimize variability, and maintain predictable performance from one procedure to the next, across sites of care. 

From routine FESS to more complex sinus interventions, our portfolio is designed for controlled handling, clear visualization, and repeatable performance—helping OR teams work with confidence and consistency.
KARL STORZ rigid scope
KARL STORZ ENT Products

Control by Design 

Surgeon-designed, ergonomic instruments support precise handling in narrow sinus anatomy.

Visualization You Can Trust  

High-quality optics deliver clear visualization to support confident identification and navigation in complex cases. 

Consistency You Can Rely On  

Complete sets of reusable instrumentation enable standardized trays and reduce variability across surgeons and sites. 

See the Difference in Your OR 

Connect with our team to explore how KARL STORZ standardized sinus instrumentation can support your clinical and operational goals.

Example: I'm looking for a camera system for my otoscopy procedures

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 Canada Ltd   |   7171 Millcreek Drive   |   Mississauga, ON L5N 3R3

Copyright © 2026 KARL STORZ. All Rights Reserved. All trademarks are the property of KARL STORZ SE & Co. KG unless otherwise noted.
Contact   Privacy Policy   Terms  Copyright
/* 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; } /* Add vertical spacing above the flip-cards row */ .row.flip-cards { margin-top: 32px !important; } /* Add vertical spacing above this specific row */ .ks-add-class-to-row.md\:stack-columns-reverse { margin-top: 32px !important; } /* Headings consistency */ .ks-add-class-to-row h2, .row h2 { font-size: 1.7rem !important; } .ks-add-class-to-row h3, .row h3 { font-size: 1.1rem !important; }
/* 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(); }); });