Did you know, residual tumor was found in almost 50% of patients when blue light cystoscopy was used after white light cystoscopy procedure?1
In fact, the AUA Guidelines recommends “In a patient with NMIBC, a clinician should offer BLC [Blue Light Cystoscopy] at the time of TURBT, if available, to increase detection and decrease recurrence".2
In fact, the AUA Guidelines recommends “In a patient with NMIBC, a clinician should offer BLC [Blue Light Cystoscopy] at the time of TURBT, if available, to increase detection and decrease recurrence".2
What Doctors Say About Blue Light Cystoscopy
(() => { let target_div_id = "video-1"; let video_id = 6385396089112; /* 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. Vignesh Packiam shares the clinical impact of blue light cystoscopy.
(() => { let target_div_id = "video-2"; let video_id = 6385395306112; /* 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. Kristian Novakovic explains why blue light cystoscopy is indispensable for initial TURBT procedures.
(() => { let target_div_id = "video-3"; let video_id = 6385397064112; /* 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. Saum B. Ghodoussipour discusses how patient awareness and demand for blue light cystoscopy technology support its adoption.
(() => { let target_div_id = "video-4"; let video_id = 6385395418112; /* 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. Vignesh T. Packiam discusses how blue light cystoscopy enhances detection.
(() => { let target_div_id = "video-5"; let video_id = 6385397269112; /* 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. Ghoduoussipour shares the importances of blue light cystoscopy in the care and treatment of NMIBC.
(() => { let target_div_id = "video-6"; let video_id = 6385396093112; /* 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. Ghodoussipour shares how blue light cystoscopy delivers the confidence needed for precise diagnosis and treatment.
(() => { let target_div_id = "video-7"; let video_id = 6385396867112; /* 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. Packiam discusses blue light cystoscopy compared to other enhanced imaging options.
1. Hermann GG, Mogensen K, Carlsson S, et al. Fluorescence-guided transurethral resection of bladder tumours reduces bladder tumour recurrence due to less residual tumour tissue in Ta/T1 patients: A randomized two-centre study. BJU Int. 2011;108(8b):E297–E303. 024-01436-5.
2. Holzbeierlein J, Bixler BR, Buckley DI, et al. Diagnosis and treatment of non-muscle invasive bladder cancer: AUA/SUO guideline: 2024 amendment. J Urol. 2024;10.1097/JU.0000000000003846.
KARL STORZ Endoscopy-America, Inc. | 2151 E. Grand Ave. | El Segundo, CA 90245
Copyright ©2026 KARL STORZ. All Rights Reserved. All trademarks and trade names are the property of their respective owners
Copyright ©2026 KARL STORZ. All Rights Reserved. All trademarks and trade names are the property of their respective owners
/* 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-03-23) */ .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-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-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-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-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-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-120 { padding-bottom: 120px !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-100 { padding-right: 100px !important; } .xlg_pr-140 { padding-right: 140px !important; } .xlg_pr-160 { padding-right: 160px !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-100 { padding-left: 100px !important; } .xlg_pl-140 { padding-left: 140px !important; } }
/* DO NOT EDIT THIS BLOCK. YOU MAY EDIT THE "CUSTOM CSS" BLOCK (IN PURPLE) BELOW. */ /* SHARED TEXT (VER 2024-06-28) */ .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; } .rich-text-white .contentbuilder-landingpage-richtext sup { font-size: 0.75em; display: inline-block; margin-top: -0.45em; vertical-align: top; } .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-03-23) */ .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 */ @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; } .row-hero-2col .row-hero-2col-button-col div:nth-of-type(1) a div { width: 290px; border-radius: 20px !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 .contentbuilder-landingpage-richtext { font-size: inherit !important; } .row-section-header * { line-height: 1.2em !important; } @media (min-width: 481px) { .row-section-header { font-size: 18px; } } @media (min-width: 891px) { .row-section-header { font-size: 15px; } } @media (min-width: 1201px) { .row-section-header { font-size: 18px; } } .row-section-header h3 { color: #184184 !important; font-weight: 600 !important; font-size: 1.1em !important; margin-bottom: .6em !important; } .row-section-header h2 { color: #252b3c !important; font-weight: 600 !important; font-size: 1.7em !important; margin-bottom: 0 !important; } .row-section-header h2 span { color: #252b3c !important; font-weight: 300 !important; font-size: 1.4em !important; margin: .1em 0 !important; display: inline-block; } .row-legal { font-size: 11px; } .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: 11px; } .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. */ /* ROW HERO, COLUMN 2 */ .row-hero .column:nth-of-type(2) { min-height: 450px; } @media(min-width:600px){ .row-hero .column:nth-of-type(2) { min-height: 550px; } } /* ROW HERO, COLUMN 3 */ .row-hero .column:nth-of-type(3).custom-button div a div { border-radius: 40px !important; background-color: rgb(24, 65, 132, .75) } .custom-h2-span.row-section-header h2 span { font-size: 1em !important; } .custom-1280\+ { display: none; } @media(min-width:1280px){ .custom-1280\+ { display: block; } } .rich-text-responsive .contentbuilder-landingpage-richtext h1 { font-size: 2em !important; } /* SPACING FOR "HEAR WHAT PHYSICIANS ARE SAYING" ROW */ .custom-physician-row { margin-top: 80px !important; } /* SPACING FOR "SEE THE DIFFERENCE" ROW */ .custom-difference-row { margin-top: 80px !important; }
/* CSS INJECTOR SCRIPT */ /* DO NOT EDIT THIS BLOCK */ console.log('ACTIVATING CSS INJECTOR (VER 2024-03-23)'); /* 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, targetClass) { let classManagerDivs = document.querySelectorAll('.' + sourceClass); classManagerDivs.forEach(function (classManagerDiv) { let classesToAdd = classManagerDiv.classList; let targetDiv = findAncestorWithClass(classManagerDiv, targetClass); 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 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-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-row'); removeClassManager('ks-add-class-to-column'); removeClassManager('ks-add-class-to-region');