@charset "utf-8";
/*edits 81922*/
@font-face {
    font-family:'CenturyGothic';
    src: url(../resources/fonts/CenturyGothic/CenturyGothic.woff) format("woff");  
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family:'CenturyGothic-Bold';
    src: url(../resources/fonts/CenturyGothic/CenturyGothic-Bold.woff) format("woff"); 
    font-weight: normal;
    font-style: normal;
}
/*****DESKTOP AND GENERAL STYLES - RESET OF DESKTOP FOR MOBILE BELOW - DO NOT USE THE MIN-WIDTH 1024 FOR DESKTOP STYLES THAT IS AN OVERRIDE ONLY******/
html {font-size: 16px;}
.d-page{display:flex;}
.m-page{display:none !important;}
/*resets*/
/*body,ul,p,div,ol,ul{margin: 0;padding: 0;box-sizing: content-box;}*/
* { box-sizing: border-box; }
html, body { min-height: 100vh; margin: 0; }
div,
html,
body,
nav,
header,
hgroup,
footer,
section,
article {
  /*position: relative;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;*/
  padding:0;
}
/*end resets*/
/*overrides AEM classes in base.js: */
.mb-4, .my-4 { margin-bottom: 0 !important;}
.mt-4, .my-4 {margin-top: 0 !important;}
/* end overrides AEM classes in base.js: */
/*flex helpers*/
.flex {display:flex;}
.gap15 {gap: 15px;}
.gap18 {gap: 18px;}
.gap20 {gap: 20px;}
.gap25 {gap: 25px;}
.gap45-30 {gap: 45px;}
.grid-col-20{gap: 20px;}
.layout66 >div:nth-child(1) {flex:0 0 34%;}
.layout66 >div:nth-child(2) {flex:0 0 66%;}
.flex-align-center,.align-items-center{align-items: center;}
.flex-align-bottom {align-self: flex-end;}
.rowLayout {flex-direction: row;}
.colLayout {flex-direction: column;}
.space-betw{justify-content: space-between;}
.space-ar{justify-content: space-around;}
.flow-no-wrap{flex-flow:nowrap}
.flow-wrap{flex-flow:wrap}
/*bad solution: */
.callout.flow-wrap img.d-page {margin-bottom: 30px;}
/* end flex helpers*/
/*back to top*/
.backToTop {
    display:none;
    position: fixed;
    bottom: 140px;
    left: 50%;
    margin-left: 445px;
    z-index:1000;
}
body{ 
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    /*line-height: 24px;*/
    line-height: 1.45em;
    overflow-y:hidden;
}
body.no-scroll{position:fixed;}
.nobr{white-space: nowrap;}
.notelatr a {pointer-events: none;} /* "SHR-80" */
.small-caps {font-variant:small-caps;}
.upperC{text-transform: uppercase;}
a, a:focus, 
.button.cancel-button a,.button.cancel-button a:focus {color:#E31837;}
a u, a.underline, .underline, .cmp-isi .isi-container a.underline {text-decoration: none;border-bottom: 2px solid #E31837;color: #E31837;}
.button a, .button a:focus {color: #48484a;}
a.mobTel {pointer-events: none;color:inherit;cursor:default;text-decoration: none;white-space:nowrap}
h1,.h1,h2,.h2{color:#1C3F94;}
h2.gray,.h2.gray{color:#48484A;}
.centGoth,sup.centGoth,
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{font-family:'CenturyGothic';}
*.centGothic-b,.centGothic-b{font-family:'CenturyGothic-Bold';}
h1,.h1{font-size:34px; line-height: 44px;color:#1C3F94;margin-bottom: 10px;}
h2,.h2{font-size:28px;line-height: 40px;}
h3,.h3,.graph-head{font-size:22px; line-height:32px;}
.font10 {font-size: 10px;}
h4,.h4{font-size: 18px;line-height:26px;}
.font18 {font-size: 18px;}
body,.gray{color:#48484A;}
.black{color:#231F20;}
.blue{color:#1C3F94;}
.blue-gradient{background: linear-gradient(180deg, #1C3F94 0%, #112B68 100%);}
.red{color:#E31837;}
hr.red {background: #E31837;}
.aqua{color:#00ABE6;}
.whiteBG{background:#fff;}
.lt-grayBG{background:#F1F2F2;}
.blue-grad {background-image: linear-gradient(to bottom, rgba(205,214,231,0.9),#fff, #fff);}
.med-gray{color:#76777A;}
.med-grayBG{background:#76777A;}
.gray-gradient{background: linear-gradient(180deg, #A8AAAD 0%, #76777A 100%);}
.callout {display:flex;background:#F1F2F2;border-radius:20px 0 0;padding:30px;margin:20px 0;}
.h3 + .callout { margin-top: 10px;}
.callout.whiteBG{background:#fff;}
.callout.max60 {padding: 30px 20px;}
.callout.max60.marginR20{width: calc(60% - 10px);}
.callout.aqua-border{border-radius:20px 0;    overflow: hidden;}
.border-radTL{border-radius:20px 0 0 0;}
.border-radTLRB{border-radius:20px 0;}
.border-radRB{border-radius:0 0 20px 0;}
.aqua-border{border:2px solid #00ABE6;}
.blue-border-callout:before {
    width: 12px;
    background: #1C3F94;
    content: "";
    left: -9px;
    height: calc(100% + 4px);
    display: block;
    position: absolute;
    top: -2px;
    z-index: 10;
    border-right: 2px solid #00ABE6;
}
.rt-gray-brder{border-right:1px solid #414042;}
.icon-left img.rt-gray-brder,.rt-gray-brder {margin-right: 14px;padding: 8px 14px 8px 0;}
.aqua-angle-border * {
    z-index: 10;
    position: relative;
}
.chartPadd +.hiddenOverflow {margin-top: 20px;}
.hiddenOverflow {overflow: hidden; width: calc(100% + 16px);}
.modal-overlayBlue{display:none;}
.modal-overlayBlue.active .hiddenOverflow {width: calc(100% + 15px);}
.max50 .hiddenOverflow {width: calc(100% + 20px);}
.aqua-angle-border {
    margin: 0 0 20px -22px;
    transform: skew(-12deg, 0);
    height: auto;
    /*width: calc(100% - 20px);*/
    width: 100%;
    position: relative;
    background: #fff;
    box-shadow: 5px 5px 15px 5px rgba(204, 204, 204, 0.30);
    border: 2px solid #00ABE6;
}
.aqua-angle-border :last-child {margin-bottom: 0;}
.aqua-angle-border .unskew{
    transform: skew(12deg);
    margin-left: 28px;
    padding: 10px;
}
.unskew:before {
    width: 12px;
    background: #1C3F94;
    content: "";
    display: block;
    position: absolute;
    height: calc(100% + 4px);
    top: -2px;
    left: -10px;
}
.aqua-angle-border.blue-border-callout {margin-bottom:30px;margin-left:9px;/*background: linear-gradient(90deg, white, transparent);*/background: #fff;}
.aqua-angle-border.blue-border-callout + .button{margin-top:0;}

/*button ,.button*/
.button,.red-button, button {
    border-radius: 10px 0;
    font-weight: 700;
    height: 45px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 30px 0;
    width:240px;
    cursor:pointer;
    padding: 0;
}
.red-button{border: none;}
.red-button:hover a,.red-button:focus a,
.button.red-gradient:hover a,.button.red-gradient:focus a,
.red-button:hover a,.red-button:focus a,
#sprycel-hcp-404-page .red-gradient:hover a,#sprycel-hcp-404-page .red-gradient:focus a,
.server-error-text .red-gradient:hover a,.server-error-text .red-gradient:focus a{color: #E31837;}
.red-gradient:hover,.button.red-gradient:hover,.red-button:hover,.button.proceed-but.red-gradient:hover,#sprycel-hcp-404-page .red-gradient:hover {
    background: #fff;border: 1px solid #E31837;color: #E31837;
}
.red-button,.tab>ul>li.active,.red-gradient,.button.cancel-button:hover{
    background: linear-gradient(180deg, #E31837 0%, #951D2D 100%);color:#fff;border:none;}
.button{border:1px solid #48484A;}
.button.red-gradient a, .red-button a, button.red-gradient a, .button.cancel-button:hover a, .button.studDesBut a {
    flex: 0 0 100%;
    align-self: stretch;
    justify-content: center;
    justify-items: center;
    display: flex;
    align-items: center;
}
#inlinecode .button {
    display: inline-block;
    margin-right: 15px; 
  } 
.button.red-gradient, .red-button{color: #fff;width:240px;border:none;}
.button.red-gradient a,/*.button.red-gradient a:focus,*/
.red-button a,/*.red-button a:focus,*/
button.red-gradient a,/*button.red-gradient a:focus,*/
.button.cancel-button:hover a/*.button.cancel-button:hover a:focus */{color: #fff;border: none;}
.button.proceed-but.red-gradient, .button.cancel-button {width: 280px;}
.button.proceed-but.red-gradient{border:none;margin-right: 30px;}
.button.cancel-button{border-color:#E31837;color:#E31837;background-color: #fff;}
.button .plus{font-size:22px;font-weight:700;color:#E31837;vertical-align: top;}
.button.studDesBut {margin:20px 0 0;height:40px;width: fit-content;}
.button.studDesBut a {padding: 0 10px;}
h1 + .studDesBut,.h1 + .studDesBut {margin-top: 15px;}
.hiddenOverflow + .button {margin-top: 10px;}
p{margin-bottom:8px;}
.utilityBar a{color:#48484A;cursor: pointer;}
.utilityBar ul a:hover,
.utilityBar ul li:hover > span:hover,
.utilityBar ul .active{color:#E31837;}
.horiz-menu li.open_indication:hover .list span,
.utilityBar ul.list>li:hover>span{color:inherit;}
.utilityBar ul, .utilityBar ul li,
.horiz-menu .menu >ul, .horiz-menu .menu >ul li,
.tab >ul, .tab >ul li,ul.list {margin-bottom: 0;}
img {max-width: 100%;}
img.d-page{width:100%;}
strong,b,.bold{font-weight: 700;}
sup,sub{font-size:65%;}
sup {
    vertical-align: baseline;
    top: -0.3em;
    position: relative;
    top: -0.5em;}
sup.smSup { top: -0.55em;font-size: 60%;}
.breadcrumb-content,.footnote,.references,.small,.small p,p.small{font-size:12px;line-height: 17px;}
.footnote,p.footnote{margin-bottom:0;}
.footnotes{margin:1rem 0 0;}
.small p, p.small, .small li {margin-bottom: 8px;}
hr {height:.01em;width:100%;background:#48484A;}
.rowC{display: flex;flex-direction: row;/*margin-bottom:20px;*/flex: 0 0 100%;}
.rowC .callout {margin-top: 0;}
.align-center {align-items: center;}
.imageRow {justify-content: space-between;}
.imageRow img + img{margin-left:20px;}
.marginR20{margin-right: 20px;}
.max50 {flex-direction: column;display: flex;flex:0 1 50%;}
.max60 { display: flex;flex:0 1 60%;}
.max60.w660px {flex: 0 0 660px;}
.max72 { display: flex;flex:0 1 72.5%;}
.max74 { display: flex;flex:0 1 74%;}
.max35 {display: flex;flex:0 1 35%;}
/*margins and padding*/
.footnotes + .h3 {padding-top: 20px;}
ul.list + .h3 {padding-top: 10px;}
.button.mar0,.mar0{margin:0;}
.marTop0,p.marTop0 {margin-top:0;}
.marBot0,p.marBot0 {margin-bottom:0;}
.marBot10,p.marBot10 {margin-bottom:10px;}
.marBot25,p.marBot25 {margin-bottom:25px;}
.marTop-5 { margin-top: -5px;}
/*end margins and padding*/
/*container overrides: */
.padd0{padding:0 !important;}
.paddTop0{padding-top:0 !important;}
.paddBot0{padding-bottom:0 !important;}
.paddBot10{padding-bottom:10px;}
.paddTop4 {padding-top: 4px;}
.paddTop10{padding-top:10px;}
p + p.paddTop10 {padding-top: 8px;}
.paddTop15{padding-top:15px;}
.paddTop20 {padding-top: 20px;}
.paddTop25 {padding-top: 25px;}
.paddTop30 {padding-top: 30px;}
.paddTop35 {padding-top: 35px;}
.paddTop40 {padding-top: 40px;}
.paddTop60-40{padding-top:72px !important;}
.paddBot60-40{padding-bottom:72px !important;}
section.lt-grayBG,
section.whiteBG {padding:72px 0;}
section.paddBot-40 {padding-bottom: 40px !important;}
section.paddTop-40 {padding-top: 40px !important;}
.rowC.chartPadd {padding-top: 8px;}
p + .rowC.chartPadd{padding-top:6px;}
ul + .rowC.marBot0.chartPadd {padding-top: 10px;}
.footnotes + ul.list {padding-top: 15px;}
.selectISI {padding-top: 25px;}
ul + .selectISI {padding-top: 14px;}
.chartPadd + .selectISI {padding-top: 40px;}
/*add to all pages not home*/
/* .home_page .background-image-cont {background-image:none;display: none;} */
.home_page .background-image-cont {
	background-image: linear-gradient(to bottom, rgba(205, 214, 231, 0.9), #fff);
	display:block;
} 
.background-image-cont {
    background-image: linear-gradient(to bottom, rgba(205,214,231,0.9), #fff);
    width: 100%;
    min-height: 200px;
    position: absolute;
    top: 35px;
    height: 200px;
    z-index: -1;
    pointer-events: none;
}
section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom:40px;
    align-self: stretch;
}
header {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}
.breadcrumb-content {margin-top: 32px;margin-bottom: 0;font-weight: 700;}

/*isi*/
ol:last-of-type, section:last-of-type:not(.isiPadd):not(.lt-grayBG):not(.withPadd) {
    padding-bottom: 0;
    margin-bottom: 0;
}
section.whiteBG.isiPadd,.isiPadd {padding-top: 68px !important;}
.cmp-isi.sticky-element {
    background: #fff;
    box-shadow:5px 3px 15px 10px rgba(200, 200, 200 ,0.3);
}
.isi-overlay {background: none;}
.cmp-isi.is-expanded {top: 177px;padding: 1rem 0;flex: 0 0 100%;}
.cmp-footer-isi-content-element .isi-container, .cmp-isi .isi-container {
    font-family: 'arial',sans-serif;
    font-size: 16px;
    letter-spacing: normal;
    line-height: 23px;
    color:#48484A;
    z-index: 1040;
    justify-content: center;
    justify-items: center;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
}
.isi-container .isi-content.expand-text {max-width: 1024px;margin: auto;justify-content: flex-start;}
.cmp-isi .more-text-container.col-3 {flex: 0 0 2%;line-height: normal;max-width:fit-content;
    justify-content: flex-end;}
.cmp-isi .arrow.down-arrow { background-image: none;margin-left:5px;left: 0;}
.cmp-isi .arrow.down-arrow:before {
    content: "\2014";
    color: #E31837;
    font-weight: 900;
}
.cmp-isi .isi-container .isi-container-title,
.cmp-isi .hide-text-container,
#isi-content-container .h4, 
#indications-content-container .h4,
.hcp-verify h4,
.isi-content .h4 {
    font-size: 16px;
    font-weight: 700;
    font-family: "Arial", sans-serif;
}
#isi-content-container .h4, 
#indications-content-container .h4,
.hcp-verify h4,
.isi-content .h4{margin-top: 18px;}
.cmp-isi .hide-text-container {color: #48484A;cursor: pointer;max-width:fit-content;}
/*.cmp-isi .up-arrow {
    left: 0;
    background-image: url(/content/dam/commercial/us/sprycel-hcp/en/images/global/isiPlus.svg);
    width: 10px;
    height: 10px;
}*/
.cmp-isi .up-arrow {
    left: 0;
    background-image: url(/content/dam/commercial/us/sprycel-hcp/en/images/global/isiPlus.svg);
    height: 100%;
    display: flex;
    background-size: 10px;
    flex: 0 0 10px;
    background-position: center;
}
.d-flex.flex-row.isi-header {
    flex: 0 0 100%;
    max-width: 1024px;
    justify-content: right;
    width: 100%;
    align-self: center;
}
.cmp-isi .isi-container .isi-container-title.col-9.pl-0,
.cmp-isi .isi-container .isi-container-title {
    display: flex;
    justify-content: flex-end;
    flex: 0 0 100%;
    max-width: fit-content;
    color: inherit;
    padding-right: 0;
    cursor:pointer;
}
/*expanders */
.expander {
    padding:7px 5px 7px 0;
    border-bottom: 1px solid #48484A;
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    flex-wrap: wrap;}
.expander > div.expContent {
    visibility: hidden;
    height: 0;
    /*transition: visibility 200ms;*/
}
.expander.open > div.expContent {
    visibility: visible;
    height: auto;
    padding: 20px 0 10px;
}
.expHead {
    flex-direction: row;
    display: flex;
    align-content: center;
    flex: 0 1 100%;
    justify-content: space-between;
}
.expHead p {margin-bottom: 0;}
.expandBut {display: flex; align-items: center;}
.expandbut img{cursor: pointer;}
.expander .openExp,.expander.open .closeExp {display:flex;}
.expander.open .openExp,.expander .closeExp {display:none;}
/*lists - all ul li should have a wrapping span (ul li span) */
ul {display: flex;flex-direction: column;}
ul li{margin-bottom:5px;}

.cmp-footer-isi-content-element .isi-container ul li, 
.cmp-footer-isi-content-element .isi-container ul li ul li, 
.cmp-isi .isi-container ul li ul li,
.cmp-isi .isi-container ul li,
ul, ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    position:relative;
}
ul + p.isitext {padding-top: 7px;}
.bold-list li {font-weight: 700;}
.bold-list li span {font-weight: normal;}
.bold-list li span.bold {font-weight: bold;}
ul.list{position:relative;}
ul.list li, 
.isi-content ul li,
.hcp-verify ul li {flex-direction: column;display: inline-flex;padding-bottom: 3px;}
ul.list li{padding-left: 14px;}
.isi-content ul li,
.hcp-verify ul li,
.cmp-isi .isi-container ul li, 
ul li, ul li {padding-left: 8px;}
.list li> span {display: inline-block;vertical-align: top;}
.list ul li> span {max-width: 90%;}
.hcp-verify ul li:before,
.isi-content ul li:before, ul.list li:before {
    content: "\2022";
    color: #E31837;
    position: absolute;
    font-size: 1.1em
}
ul.list.gray li:before{color:#48484a;}
.isi-content ul li:before,.hcp-verify ul li:before {margin-left: -8px;}
ul.list li:before {margin-left: -14px;}
/*ndashlist - grey and uses \2014 instead of \2022*/
ul.ndashList li { display: inline-flex;}
.home_page ul.ndashList li:before,ul.ndashList.red-list li:before {color: #E31837;}
ul.ndashList.red-list {
    padding-left: 23px;
}
ul.ndashList.red-list li:before {
    font-weight: 700;
    padding-right: 2px;
    margin-left: -12px;
}
ul.ndashList li:before {content: "\2013";margin-left: -9px;position: absolute;top: -2px;}
ul.ndashList {padding-left: 20px;}/*ul ul lists (sublist)*/
.hcp-verify ul ul >li,
.isi-content ul ul >li, 
ul ul>li,
.cmp-isi .isi-container .isi-content ul ul >li,
.cmp-isi .isi-container ul ul li{padding-left: 16px;}
ul.list ul {margin-top: 5px;}
.hcp-verify ul ul li:before, 
.isi-content ul ul li:before,
 ul.list ul li:before {
    position: absolute;
    margin-left: -13px;
    font-weight: 900;
    font-size: 1em;
    content: "\2012";
    top: -2px;
}
ul.list li:last-child {margin-bottom: 0;}
/*end lists*/
/*references*/
section + .container > .references {margin-top: 10px;margin-bottom: 0;}
ol.bold-list {padding-left: 20px;}
.references ol {padding-left: 18px;}
ol.red li>span {color: #48484a;}
.tab {
    border: 2px solid #76777A;
    border-collapse: collapse;
    padding: 0;
    border-radius: 20px 0;
    z-index: 10;
}
.border-topleft-20 {
    border-top-left-radius: 20px !important;
    } 
.tab>div>div>.container {padding: 32px 15px 40px;background: #fff;border-radius: 0 0 20px 0;}
.tab >ul{
    border-radius: 18px 0 0 0;
    flex-direction: row;
    background: #F1F2F2;
    border-collapse: collapse;
    position: relative;
    height: 60px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.tab >ul >li{
    display: flex;
    border: 1px solid #76777A;
    flex-grow: 1;
    border-collapse: collapse;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    cursor:pointer;
    border-width: 0 0 1px 1px;
}
.tab >ul >li:first-child {border-width: 0 1px 1px 0;}
.efficacy_newlyDiag_page .tab >ul >li:first-child {border-width: 0 0 1px 0;}
.transformChart .max72 {width: 650px;max-width: 650px;}
#tab-3 .transformChart .max72 {flex: 0 0 660px;}
.callout.tab3 {padding: 30px 30px 0 20px;}
.callout.tab3 img { max-width: 550px;}
.callout.tab3 p {margin: 4px 0 25px;}
.callout.tab3 p.h3 {margin-top:0;}
.transformChart .max35 {width: 310px;max-width: 310px;}
.tab>ul>li.max50 {padding: 0;}
.tab >ul >li>span {display: flex;justify-content: center;}
.tab>ul>li>span:first-child {font-weight: 700;}
.globalDiv {align-self: stretch;flex-direction: column;}
.tab>div:not(.globalDiv)>div {display: none;}
.tab .globalDiv {border: none;border-radius: 0;padding: 0;}
.tab>ul>li.active>span{color:#fff;}
.tab>div>div.active{display: flex;flex-direction: column;}
.pdfDownload{padding:50px 30px 40px;margin:0; box-shadow: 10px 10px 12px 2px rgba(0, 0, 0,0.10);}
.pdfDownload .rowC {justify-content: space-between;}
.callout.pdfDownload>p {
    font-family: 'CenturyGothic-Bold', sans-serif;
    font-size: 18px;
}
.pdfDownload .button.red-gradient{margin-bottom:0;}
 /*global pages*/
 #site-map-container-content a {text-decoration: underline;}
 #site-map-container-content .h1 {margin: 30px 0 15px;}
 #site-map-container-content ul li, #site-map-container-content .container > ul > li>span {
    margin-bottom: 8px;display: inline-block;}
 #site-map-container-content ul ul>li {padding-left: 20px;}
/*error pages*/
.server-error-text h1,.page-not-found-text h1,
.server-error-text .h1,.page-not-found-text .h1 {margin: 40px 0 25px;}
/*video section*/
#sprycel-hcp-video-headers-all .h3 {margin-top: 20px;}
/*video popups*/
.container.modal-overlayBlue.active {
    width: 100% !important;
    height: 100%;
    top: 0;
    left: 0;
}

.container.modal-overlayBlue.active {
    top: 0;
    left: 0;
}
.modal-overlayBlue >.callout {
    max-width: 60%;
    margin: auto;
    padding: 50px 30px 30px;
}
.container.modal-overlayBlue.active .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
}
.modal.VidModal .modal-content {align-items: center;}
#exampleModal .modal-header span {display: none;}

.modal .modal-header {position: relative;width:100%;border:none;}
.videoPlayerImage2,
.brightcovePlayer--overlay video-js  {width: 502px;height: 282px;/*width: 844px;height: 475px;*/}
.brightcove.section{
    display: none !important;
    visibility: hidden;
    opacity: 0;
    transition: visibility 100ms, opacity 100ms linear;}
.modal-overlayBlue.active .brightcove.section {
    display: block !important;
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.modal-overlayBlue.active .overlayBlue img {display: none;}
.video-resources_page .modal-overlayBlue.active .closeX {top: 0;right: -30px;}
.modal-overlayBlue.active .closeX {visibility: visible !important;width: 24px;}
.modal-open .modal-overlayBlue a.overlayBlue img {display: none;}
.modal-open .modal-overlayBlue.active a.overlayBlue img {display: none;}
/*popup video resources page*/
body.modal-open.body-fixed{position:absolute;}
body.preview.video-resources_page.modal-open {position: fixed;}
#modal-whiteboards {margin-bottom: 10px;}
.topVidContent .h3.blue.centGothic-b { padding-top: 5px;margin-bottom: 5px;}
.overlayBlueCont {position: relative;margin-bottom: 20px;}
.overlayBlueCont .small {padding-top: 8px;}
.topVidContent {margin-bottom: 10px;}
.brightcove.section, .brightcovePlayer video-js, .videoPlayerImage {
    width: 850px;
    height: 477px;
}
.container.wide{max-width:100%;width:100% !important;}

.callout.modalSect {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    overflow-y: scroll;
    width: 1024px;
    margin: 0;
    overflow-x: hidden;
    position: relative;
    padding: 15px 65px 30px;
}
.modalSect .topVidContent .h3.blue.centGothic-b {padding-top: 10px;}
.modalSect .topVidContent,
.modalSect .topVidContent p{margin-bottom:0;}
.modal .videoPlayerImage2, .modal .brightcovePlayer--overlay video-js {
    width: 850px;
    height: 485px;
}
.modal button.close{
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(../resources/images/modal-close-x.svg) no-repeat !important;
    width: 28px;
    height: 24px;
    pointer-events: all;
}
#sprycel-hcp-video-stories-all .col .col-12, 
#resources-outer-page-container .col .col-12 {padding-right: 10px;}
/*overlayBlue popups*/
.modal-overlayBlue .scrollableDiv {height: 95%;}
.modal-overlayBlue .modal-dialog-div {background: #fff; max-width: 1018px;padding-bottom: 20px;}
.modal-dialog-div .breadcrumb-content + .h1 {margin-bottom: 0;}
/*.modal-overlayBlue{position: fixed;opacity:0;top:0;width:100%;height: 100%;max-height:0;transition: opacity 400ms, max-height 200ms;z-index: -1;left: 0;
   }
.modal-open .modal-overlayBlue.active{max-height:100%;opacity:1;z-index: 1050; max-width: 100% !important;width:100% !important;}
.modal-open .modal, .modal-overlayBlue, .modal-open .modal-overlayBlue,.VidModal {background: rgba(28,63, 148,0.8);}*/
.overlayBlue-BG {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    background: rgba(28,63, 148,0.8);
}
.modal-open .overlayBlue-BG, .modal-open .modal, .modal-overlayBlue-BG, .VidModal {background: rgba(28,63, 148,0.8);}
.modal-backdrop.show {background-color: transparent;opacity: 1.0;}
.home_page .modal-overlayBlue .modal-content-div {padding: 80px 80px 50px;}  
.modal .closeX,.closeX {cursor:pointer;position:absolute; top:20px;right:20px;}
/*modals*/
.modal .modal-header {
    position: relative;
    width: 100%;
    padding: 0;
}
/*change the order on modal component so yes button is first */
.modal .modal-content .overlay-wrapper .modal-button .first-button {order:2;}
.modal .modal-content .overlay-wrapper .modal-button .last-button {order:1;}
.modal .container {max-width: 100%;}
.modal-open .modal-overlayBlue.active, 
.modal-open .modal-overlayBlue.active, .modal .modal-dialog, .modal.show .modal-dialog {
    max-width: 1018px;
    max-height: 90%;
    min-height: fit-content;
    border-radius: 20px 0;
    border: 2px solid #00ABE6;
    position: fixed;
    display: flex;
    /*background: #F1F2F2;*/
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 1018px;
    overflow-x: hidden;
    z-index: 1070;
    opacity: 1;
}
.modal-open .modal-overlayBlue.active{min-height:auto;}
.video-resources_page .modal-overlayBlue.active {
    max-height: fit-content;
    height: fit-content;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #00ABE6;
    padding: 0;
}
.modal .modal-content,.modal-overlayBlue .modal-content-div {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    background: none;
    border: none;
}
.modal .modal-content{padding:50px 30px 30px;}
.modal-overlayBlue .modal-content-div {padding: 30px;}
.modal-dialog-div .breadcrumb-content { margin-top: 0;}
.modal .rowC,.modal-overlayBlue .rowC {align-content:center;}
.modal .rowC p,.modal-overlayBlue .rowC p {margin: 0;}
.scrollableDiv {overflow: auto;}
.scrollableDiv> section, .scrollableDiv> div:not(.closeX) { max-width: 98%;}
/*exit modals #externalLink with yes / no or continue/stay buttons*/
.modal#externalLink .modal-content .modal-button a {width: 100%;}
.modal .modal-content .overlay-wrapper .modal-button{ gap:30px;justify-content: space-between;padding-top: 0;}
.modal .modal-content .overlay-wrapper .modal-button .first-button:hover a,
.modal .modal-content .overlay-wrapper .modal-button .last-button a{color:#fff;background: linear-gradient(180deg, #E31837 0%, #951D2D 100%);border:none;}
.modal .modal-content .overlay-wrapper .modal-button .first-button,
.modal .modal-content .overlay-wrapper .modal-button .last-button{background:none;}
.modal .modal-content .overlay-wrapper .modal-button .last-button:hover a,
.modal .modal-content .overlay-wrapper .modal-button .first-button a{color:#E31837;border: 1px solid #E31837;background:#fff;}
.modal#externalLink button.close{opacity: 1.0;top: -60px;right: 5px;}
.modal#externalLink .modal-content .overlay-wrapper {padding: 90px 25px 25px;}
.modal#externalLink h5.approvedIndi, .modal#externalLink .IndicationContent {
    font-family: "arial";
    font-size: 16px;
    line-height: 23px;
}

.modal#externalLink h5.approvedIndi { margin-bottom: 0;}
.modal#externalLink .modal-dialog > button.close {display: none;}
.modal#externalLink .modal-dialog, .modal#externalLink.show .modal-dialog {padding: 0;width:645px;}
#externalLink.modal .modal-content {padding: 5px;background:url(/content/dam/commercial/us/sprycel-hcp/en/images/global/SPRYCEL_Logo_RGB%201.svg) no-repeat 30px 30px;background-size:110px 40px;}
/*efficacy newly diagnosed study-design modal*/
.modal-overlayBlue ul + .h2 {padding-top: 30px;}
.modal-overlayBlue ul + .footnotes {padding-top: 15px;padding-bottom: 25px;}
.modal-overlayBlue ul + .hiddenOverflow {margin-top: 12px;}
#study-design-efficacy-newly-diagnosed .references {padding-top: 38px;}
.modal-overlayBlue .references {padding-top: 32px;}
.modal-overlayBlue .footnotes + .references {padding-top: 0;}
/*hcp interstitial*/
.hcp-verify #isi-content-container {padding-bottom: 30px;}
#entryModal .modal-dialog {    
    max-width: 1018px;
    max-height: 90%;
    border-radius: 20px 0;
    border: 2px solid #00ABE6;
    position: relative;
    display: flex;
    padding-bottom: 10px;
    background: #F1F2F2;
    top: 35%;
}
.modal#entryModal .modal-content{padding-top:30px;}
/*#entryModal .scrollableDiv {overflow: auto;}*/
#entryModal {z-index: 1060;}
#entryModal .rowC p {margin: 0;height:99%;}
.hcp-verify-logo{width:110px;height:40px;margin-bottom: 20px;}
.hcp-verify-logo img {max-width: 100%;}
.hcp-verify hr {margin: 0 auto 25px;background:#1C3F94}
.button {margin-top: 24px;}
.button.entrymodal_btn{margin-top:15px;}
.manWalk{ margin: 0;border-radius: 20px 0;background:url(../resources/images/ManWalking.png) no-repeat; min-height: 150px;flex: 0 0 100%;}
.manWalk{font-family: "CenturyGothic-Bold", sans-serif; font-size: 18px;}
.manWalk > div {
    height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 70px 0 230px;
    justify-content: space-between;
    flex: 0 0 100%;
}
.manWalk .button.red-gradient {justify-self: right;font-size:16px;font-family:'Arial',sans-serif;}
.hero-content ul.ndashList {margin-bottom: 0;}
#home .breadcrumb-content {margin-top: 40px;margin-bottom:14px;}
.home-hero {
    background: url(../resources/images/home/hero_ManPath.png) no-repeat center top;
    min-height: 700px;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: -1;
}
.patientDisc {
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 100px;
    margin-left: 260px;
    left: 50%;
}
img.badgeImg {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 305px;
}
.hero-content {max-width: 660px;}
.hero-content .aqua-angle-border {max-width: 100%;}
.hero-content .aqua-angle-border.blue-border-callout p, 
.hero-content .aqua-angle-border.blue-border-callout li {line-height: 22px;margin-bottom: 8px;}
.hero-content .button:not(.red-button) {margin-top: 0;    margin-bottom: 18px;}
.hero-content .aqua-angle-border ul.list li {padding-left: 14px;}
.home-sm-cont .small {max-width: 90%;}
.home-callouts {
    text-align: center;
    margin: 20px 0 40px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.home-callout {
    display:flex;
    flex-direction: column;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex: 0 0 32%;
    box-shadow: -2px 10px 15px 1px rgba(0,0,0,0.2);
}
img.badgeImg {
    position: absolute;
    bottom: -21px;
    left: 50%;
    margin-left: 301px;
}
.home-callout .home-callout-title{font-family:'CenturyGothic-Bold'; color:#1C3F94;font-size: 18px;padding-top:20px;padding-bottom:10px;}
.home-callout .button {margin: 30px auto 0;}
.home-callouts .home-callout:nth-child(1) {border-radius: 20px 0 0 0;}
.home-callouts .home-callout:last-child {border-radius: 0 0 20px 0;}
.nccn-callout {
    background: #1C3F94;
    color: #fff;
    border-radius: 20px 0;
    padding: 20px 40px;
    font-size: 18px;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
}
.nccn-callout img {margin-right: 40px;}
.indication_popcont {
    display:none;
    width: 375px;
    position: absolute;
    height: auto;
    right: 0;
    background: #fff;
    z-index: 100;
    padding: 60px 20px 40px;
    margin: 20px 0 0;
    border-radius:20px 0;
    z-index: 1000;
    box-shadow: 0 5px 15px #ccc;
}
.indication_popcont:before {
    content: " ";
    display: block;
    position: absolute;
    right: -1px;
    border-width: 16px;
    border-style: solid;
    border-radius: 0;
    border-color: transparent transparent #fff;
    color: #fff;
    font-size: 40px;
    top: -30px;
}
.indicationBody p { line-height: 1.34rem; font-size: 16px;}
.indicationBody p.indiSection, .indicationBody ul li span{ line-height: 1.45em;font-size: 14px;}
.indicationBody p.indiTitle {font-size: 16px; margin-bottom: 0;}
.utilityBar li.open_indication .indication_popcont ul.list {
    flex-direction: column;
    padding-left: 0;
}
.utilityBar li.open_indication .indication_popcont ul.list li{margin-left:0;}
.utilityBar li.open_indication .indication_popcont ul.list li:before{display:block;}
.indication_popcont.active{display: flex;}
li.open_indication > span {cursor: pointer;}
li.indicationsLi.open_indication {position: relative;}
.utilityBar {
    height: 36px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F1F2F2;
    font-size: 12px;
}
.utilityBar ul li { margin-left: 20px;margin-bottom:0;}

.horiz-menu.container, .utilityBar {justify-content: space-between;}
.menu ul:not(.list) li:before,.menu ul ul:not(.list) li:before,
.horiz-menu .menu ul:not(.list) li:before, .utilityBar ul:not(.list) li:before{display:none;}
.horiz-menu .menu ul, .utilityBar ul {list-style: none;flex-direction:row;}
.horiz-menu .menu ul ul>li { color: initial;padding-left: 0;}
.horiz-menu.container{
    margin-top: 20px; 
    background: #fff;
    border-radius: 20px 0;
    padding: 0 25px;
    flex-direction: row;
    align-items: center;
    z-index: 10;
    height: 100px;}
    
.horiz-menu .menu ul {padding: 0;margin: auto;}
.open_indication.active > span.active,
.activeMenu .activeMenu a, .activeMenu,
.horiz-menu .menu ul ul>li.active,.horiz-menu .menu>ul>li.active,
.horiz-menu .menu ul ul>li a:hover,.horiz-menu .menu>ul>li:hover,
.horiz-menu li.open_indication > span,
.button.studDesBut:hover a,
.tab >ul >li:hover >span {color: #E31837;}
.button.studDesBut:hover {border-color:#E31837;}
.tab >ul >li:hover {border-bottom: 1px solid #76777A;background:#fff;}
.horiz-menu .menu >ul>li:not(.noUl)>span:after {
    content: "";
    display: inline-block;
    width: 15px;
    background: url(/content/dam/commercial/us/sprycel-hcp/en/images/global/arrowDown.svg) no-repeat;
    position: relative;
    top: -5px;
    height:8px;
    transform: translate(50%, 50%)
}
.horiz-menu .menu >ul>li:not(.noUl):hover>span:after,
.horiz-menu .menu >ul>li:not(.noUl).active>span:after,
.horiz-menu .menu >ul>li:not(.noUl):hover>span:after{background:url(/content/dam/commercial/us/sprycel-hcp/en/images/global/arrowUpRed.svg) no-repeat;}
.horiz-menu .menu >ul>li.activeMenu:not(.noUl):hover>span:after,
.horiz-menu .menu >ul>li.activeMenu:not(.noUl)>span:after,
.horiz-menu .menu >ul>li.activeMenu:not(.noUl):hover>span:after{background:url(/content/dam/commercial/us/sprycel-hcp/en/images/global/arrowDownRed.svg) no-repeat;}

.horiz-menu a {
    text-decoration: none;
    color: inherit;
    white-space: nowrap;
}
/*first li will not connect to link if there is a ul hidden*/
/*.horiz-menu .menu >ul>li >span>a {
    pointer-events: none;
}*/
.horiz-menu .menu >ul>li {position: relative;display: flex;justify-content: center;    margin-right: 35px; padding:40px 8px 40px 0;}
.horiz-menu .menu >ul>li:last-child {margin-right: 0;}
.horiz-menu .menu ul>li ul {
    visibility: hidden;
    opacity: 0;
    transition: opacity 400ms, visibility 500ms;
    flex-direction: column;}
.horiz-menu .menu ul>li.active>ul{ 
    visibility: visible;
    opacity: 1;}
.horiz-menu .menu ul>li.active ul:before,
.horiz-menu .menu ul>li:hover ul:before {
    font-size: 35px;
    color: #fff;
    top: -20px;
    content: "\25B2";
    text-shadow: 2px -5px 5px #ccc;
    left: calc(50% - 30px);
    position: absolute;
    display: block;
    transform: scaleX(1.4);
}
.horiz-menu .menu ul ul>li + li {padding-top: 20px;}
footer,section.footer,.section.footer {background: #fff;padding-bottom:0;margin-bottom:0 !important;}
.bg-lighter-blue, .bg-light-blue, .isi-footer-wrapper {background: #F1F2F2;}
.bg-light-blue{height:40px;}
.overlayBG { background-color: rgba(28,63, 148,0.8);}
/*containers */
.container{
    width:1024px;
    /*max-width:1024px;*/
    max-width: 100%;
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    justify-content: center;
    padding:0;}
.container.fluid {width: 100% !important;}
/* DASCERN Trial  */
.image-container {
    position: relative;
    display: inline-block;
 }
 .overlay-text {
    position: absolute;
     top: 0; 
     left: 9%;
     color: #05050582;
     font-size: 22px;
     font-weight: bold; 
     text-align: center;
     padding: 10px;
} 
/*footer*/
.footer-Content a, .footer-content-body>p{margin-top:15px;}
.pt-5, .py-5 {padding-top: 55px !important;padding-bottom: 0px !important;}
.isi-footer-wrapper >.bg-light-blue {height: 40px;}
.footer.section {flex: 0 0 100%;}
.footer-content-body .footerContent{font-size:14px;}
.footer-content-body .bms_logo{padding:4px 0 5px 35px;margin-left:22px;border-left:1px solid #989A9C;}
.footer-content-body .rowC {align-items: center;}
.footer-content-body .footerContent .rowC {flex-direction: row;}
.footer-content-body .rowC, 
.footer-content-body>p, 
.footer-content-body .footerContent {
    padding: 12px 0;
    margin-bottom: 0;
    line-height: normal;
}
.footer-content-body .footer-Content .rowC {gap: 20px;}
.footer-content-body .rowC >p, 
.footer-content-body div:last-child {padding-bottom: 0;margin-bottom: 0;}
#entryModal .footer-content-body .mercury-code, 
.footer-content-body .mercury-code {margin-left: 40px;}
.footer-content-body .footerContent .rowC div a {padding-left: 60px;}
.footer-content-body .footerContent .rowC >div:first-child>a:first-child {
    padding-left:0;
}
.footer-Content a {color: #48484A;}
.copyright,.mercury-code,.footer-Content a{font-size: 14px;}
.footer-Content a:hover {text-decoration: underline;}
.footer-content-body .footer-Content div>div:nth-child(1) > a:first-child {
    margin-left: 0;
}
/*side-effects*/
.icon-left {flex-direction: row;display: flex;}
.icon-left +.icon-left {margin-top: 20px;}
.icon-left img {margin-right: 20px; align-self: start;}
/*patient-resources*/
.spryConnect .button {margin-top: 15px;}
.spryConnect .digiHtext .button {margin-top: 20px;}
.spryConnect ul.list li { margin-bottom: 5px;}
.spryConnect ul.list li:last-child {margin-bottom: 0;}
.patientRes .icon-left {margin-top: 20px;}
.patientRes .icon-left p:last-child {margin-bottom: 0;margin-top: -3px;}
.spryConnect .icon-left +.icon-left {margin-top: 15px;}
.spryConnect .icon-left +.icon-left >div.digiHtext {margin-top: 78px;}
.layout66.icon-left img {margin: auto;max-width: 88%;}
.spryConnect .icon-left +.icon-left img {margin: auto 0 auto 25px;}
.spryConnect .icon-left +.icon-left.digiH img {margin: 25px 0 auto 32px;}
.horiz-menu .menu ul>li ul {
    box-shadow: 0 0 8px 2px #ccc;
    position: absolute;
    background: #fff;
    padding: 16px 25px;
    width: fit-content;
    margin: 50px auto;
    }
.horiz-menu .menu ul>li:hover ul{ 
        visibility: visible;
        opacity: 1;}

/****************** DO NOT ADD STYLES TO THIS SECTION ALL STYLING FOR DESKTOP SHOULD BE ABOVE******/
@media (min-width:1024px){
    .container {width: 1024px !important;max-width: 100%;}
    /*popup video resources page*/
    .utilityBar .container {flex-direction: row;align-items: center;justify-content: space-between;}
}
/*****MOBILE STYLES (UP TO 1023 PX)******/
@media (min-width:320px) and (max-width: 1023px){
    .d-page{display:none;}
    .m-page{display:flex !important;}
    .m-block{display:block;}
    .order-m1{order:1}
    .order-m2{order:2}
    .order-m3{order:3}
    .order-m4{order:4}
    .gap45-30 {gap: 30px;}
    /*margins and padding overrides*/
    .marginR20{margin-right: auto;}
    .m-marBot0,p.m-marBot0{margin-bottom:0;}
    .m-marTop20{margin-top: 20px !important;}
    .m-paddTop0{padding-top:0;}
    .paddTop60-40{padding-top:40px !important;}
    .paddBot60-40{padding-bottom:40px !important;}
    section.lt-grayBG,section.whiteBG{padding: 40px 0;}
    section.lt-grayBG.m-whiteBG {background: #fff;}
    /* end margins and padding overrides*/
    body{background-size: auto 220px;}
    h1, .h1 {font-size: 28px;line-height: 34px;}
    h2,.h2{font-size:22px;line-height: 31px;}
    h3, .h3, .graph-head {font-size: 20px;line-height: 24px;}    
    .withPadd .h3.centGothic-b {margin-bottom: 15px;}
    .rowC{flex-direction: column;}
    .imageRow {justify-content: center;}
    .callout.max60.marginR20{width:100%;}
    .imageRow img + img {margin-left: 0;}
    .max50,
    .max60,
    .max65,
    .max72,
    .max74,
    .max35{padding: 10px 0;}
    ol .max72 {padding-top: 0;padding-bottom: 20px;}
    ol.red.bold-list + .footnotes {margin-top: 0;}
    .max60.w660px {flex: 0 0 100%;}
    a.mobTel,.mobTel {pointer-events: auto;font-weight: 700;color: #E31837; text-decoration: underline;cursor:pointer;}
    .layout66 >div:nth-child(1),.layout66 >div:nth-child(2) {flex:0 0 100%;}
    /* flex helpers*/
    .rowLayout{flex-direction: column;}
    
    /* end flex helpers*/
    .backToTop {bottom: 190px;margin-left: 110px;}
    .red-button, .button,.button.red-gradient{padding: 0;margin:auto;width:100%}
    .button.studDesBut {height:34px;font-size:12px; }
    .dosingC img.m-page + img.m-page {margin-top: 20px;}
    .dosingPill img {max-width: 68px; margin: auto;}
    .dosingPill .marTop-5 {margin-bottom: 15px;}
    .dosingPill p {margin-bottom: 5px;}
    /*error pages*/
    .server-error-text h1,.page-not-found-text h1,
    .server-error-text .h1,.page-not-found-text .h1 {margin: 30px 0 55px;}
    /*isi*/
    .cmp-isi .isi-container .isi-container-title.col-9.pl-0, 
    .cmp-isi .isi-container .isi-container-title {
        display: flex;
        justify-content: flex-end;
        flex: 0 0 95%;
        color: inherit;
    }
    .cmp-isi.is-expanded,
    .cmp-isi.hidden.sticky-element.col-12.is-expanded {
        max-height: calc(100% - 135px);}
    /*.cmp-isi.sticky-element.is-expanded .isi-container{max-height:100%;}*/
    .cmp-isi.sticky-element .hide-text-container, 
    .cmp-isi.sticky-element .more-text-container,
    .hide-text-container, .more-text-container {
        display: flex;
        flex: 0 0 100%;
        width:fit-content;
        max-width: fit-content;
    }
    .d-flex.flex-row.isi-header {padding-right:0;padding-bottom:10px;}
    .is-expanded .d-flex.flex-row.isi-header {padding-bottom:0;width: 100%;}
    .cmp-isi.sticky-element {padding: 1em 0;transform: translate3d(0,0,0);opacity:1.0;background:#fff;bottom:auto;}
    .cmp-isi.sticky-element .isi-container.expand-container,
    .cmp-footer-isi-content-element .isi-container, .cmp-isi .isi-container {
        max-width: 343px;padding:0;margin:auto;}
    .isi-content >.container {padding: 0;}
    .cmp-footer-isi-content-element .isi-container.expand-container, 
    .cmp-isi .isi-container.expand-container {margin:auto;}
    .isi-container .isi-content.expand-text {max-width: 375px;}
    .cmp-footer-isi-content-element .isi-container ul li, .cmp-isi .isi-container ul li{list-style: none;padding-left: 8px;}
    /*.cmp-isi.sticky-element .isi-container, .cmp-isi.cmp-isi.sticky-element {
        padding: 5px;
        width: 100%;
        max-width: 100%;
        max-height: 24%;
        top: auto;
    }*/
    .isi-mobile-view-links.d-block.d-sm {display: none !important;}
    /*expanders */
    .expander {padding: 10px 0;}
    /*mobile header*/
    .container.horiz-menu {border-radius: 0; margin-top: 0;padding: 0 16px;}
    header {background: #fff;}
    header .logo img {width: 120px;}
    /*indications*/
    .indication_popcont {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 8px;
    }
    li.indicationsLi.open_indication {position: static;}
    .hambMenu .mobileMenu {
        border-left: 1px solid #F1F2F2;
        display: inline-flex;
        padding: 5px 0 5px 20px;
        cursor:pointer;
    }
    .hambMenu .mobileMenu img {
        width: 40px;
        height: 47px;
    }
    .hcpDisc {font-size: 10px;width: 33%;line-height: normal;}
    .utilityBar{z-index: 1060;}
    .utilityBar .hcpDisc{display:none;}
    .utilityBar ul li{margin:0;}
    .utilityBar ul {justify-content: space-between;flex-direction: row;padding: 0 40px;}
    .indicationsLi {padding: 0 18px;border-left: 1px solid #76777A;}
    .horiz-menu.container{z-index: 1050;}
    .horiz-menu.container, .utilityBar {line-height: normal; }

    .callout.pdfDownload>p,.callout.pdfDownload>p.font18{font-family:'CenturyGothic-Bold',sans-serif;font-size:16px;}
    /*home page (.home_page on body)*/
    .hero-content .home-sm-cont ul.ndashList {max-width: 87%;}
    .patientDisc {font-size: 10px;margin-left: 20px;bottom: 53px;}
    #home .breadcrumb-content,.breadcrumb-content {margin-top: 25px;margin-bottom:2px;}
    .home-hero{display:none;background:url(../resources/images/home/hero_ManPath-m.png) no-repeat}
    .hero-content {
        max-width: 375px;
        overflow: visible;
        align-self: center;
        padding: 0;
    }
    .mobile-background{
        /*position:relative;
        background:url(../resources/images/home/hero_ManPath-m.png) no-repeat center bottom;padding: 40px 16px 10px*/
        position: relative;
        background: url(../resources/images/home/hero_ManPath-m.png) no-repeat right -20px bottom;
        padding: 40px 0 10px;
        width: 570px;
        overflow: visible;
        background-size: 570px;
        left: 50%;
        margin-left: -265px;
    }
   
    .mobile-background > .container {padding: 0;}
    .m-max55,.home-sm-cont .small {max-width: 90%;}
    .mobile-background{background-image:none;}
    .pdfDownload{padding:30px 16px;}
    .pdfDownload .rowC {justify-content: center;align-items: center;margin-bottom: 0;}
    .pdfDownload .button {margin:0 auto;}
    .container { width: 375px !important;max-width: 100%;padding: 0 16px;}
    .container.m-fluid {width: 100% !important;}
    .container.m-padd0-15 {padding: 0 15px;}
    .m-paddBot15
    .list-mobimg {background:url(../resources/images/home/hero_ManPath-m.png) no-repeat;}.list-mobimg >div {max-width: 50%;}
    .list-mobimg .button {font-size: 14px;}
    .manWalk,.callout.manWalk.aqua-border{
        background:#fff url(../resources/images/ManWalking-m.png) no-repeat;    
        background-size: 100%;
        flex-direction: column;
        display: flex;
        align-items: baseline;
        justify-content: space-evenly;
        flex: 0 0 100%;
    }
    .manWalk >div {margin: 0;flex-direction: column;height: auto;padding: 105px 15px 20px;}
    .manWalk .button.red-gradient {padding: 0;justify-self: center;width: 100%;margin-top: 30px;}
    /*mobile menu blur behind */
    .horiz-menu .menu ul>li.active ul:before,
    .horiz-menu .menu ul>li:hover ul:before{display:none;}
    .horiz-menu .menu ul>li:hover ul{ 
        visibility: hidden;
        opacity: 0;}
    /*.horiz-menu .menu ul>li{pointer-events: all;}
    .horiz-menu .menu ul>li:hover{pointer-events: none;}*/
    .horiz-menu.container .menu{
        visibility:hidden;
        opacity: 0;
        border-radius: 0;
        background: rgba(241,242,242,0.9);
        position: absolute;
        top: 135px;
        width: 375px;
        max-width:375px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0 16px;
        height: 100%;
        background:#fff;
        border-radius:0;
        padding:0 16px;
        flex-direction: row;
        height: 100%;
        transition: visibility 500ms, opacity 300ms;
        z-index:-1;
        pointer-events: none;
    }
    section{filter:none;}
    .blurBody section, .blurBody .footer {filter: blur(4px) grayscale(0.5);position: fixed;}
    body.blurBody.modal-open {position: fixed;left: 50%; transform: translateX(-50%);}
    .horiz-menu .menu ul{flex-direction: column;}
    .horiz-menu .menu >ul>li ul{
        visibility: hidden;
        position: relative;
        background: none;
        left: 0;
        transition: visibility 300ms, opacity 300ms,height 300ms;
        height: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 15px;
        padding-bottom: 0;
        box-shadow:none;
        width: fit-content;
        flex-shrink: 0;
        padding-top: 0;    
    }
    .horiz-menu.container .menu.active,
    .horiz-menu .menu >ul>li.activeMenu ul{
        width: 100%;
        padding: 15px 20px 0;
        margin: 0 auto;
        visibility: visible;
        opacity: 1.0;
        z-index:10;
        }
    .horiz-menu.container .menu.active{
        /*min-height: 100vh;*/
        background: rgba(241,242,242,0.9);
        height:100vh;
        overflow: scroll;
        max-height: 100vh;
        padding: 10px 15px;
        margin:0;
        bottom: 0;
        top: 0;
        margin-top: 135px;
        transform: translateX(-50%);
        left: 50%;
        height:calc(100vh - 135px);
        pointer-events: all;
    }
    .horiz-menu .menu.active > ul {
        height: auto;
        min-height:0px;
        background: rgba(241,242,242,0.9);
        align-self:start;
        transform: translate3d(0,0,0);
        padding-bottom:30px;
        margin:0;
        align-items:stretch;
        overflow:hidden;
        }
    .horiz-menu .menu >ul>li.activeMenu ul{height: fit-content;}
    .horiz-menu .menu >ul>li {padding: 30px 0 0;flex-direction: column;}
    .horiz-menu .menu >ul>li.m-page.borderLi {
        border-top: 1px solid #E31837;
        position: relative;
        top: 30px;
        padding-top: 30px;
    }
    .horiz-menu .menu >ul>li:last-child{padding-bottom:30px;}
    .horiz-menu .menu ul ul>li + li {padding-top: 30px;}
    ul.activeMenu>li>span {font-weight: 700;}
    /*mobile tabs */
    .tab {max-width: 100%;padding:0;}
    .tab.tabRes {overflow: hidden;}
    .tab>div>div>.container{padding: 32px 10px 40px;}
    .tab.tabRes >ul {
        max-width: 120%;
        width: 120%;
        transform: translateX(-50%);
        left: 50%;
        overflow: scroll;
    }
    .tab>div>div {max-width: 100%;}
    .tab >ul >li>span {text-align: center;}
    .tab.tabRes >ul >li.active {flex: 1 0 40%;z-index: 2;align-self: center;}
    .red-button, .tab>ul>li.active:hover, .red-gradient:hover{    background: linear-gradient(180deg, #E31837 0%, #951D2D 100%);
        color: #fff;
        border: none;}
     .tab>ul>li.active:hover>span{color:#fff;}
    .tab.tabRes >ul >li {flex: 0 0 40%; max-width: 40%;}
    .tab.tabRes >ul:after {
        pointer-events: none;
        z-index: 1;
        content: "";
        display: block;
        width: 120%;
        height: 100%;
        position: absolute;
        /*background-image: linear-gradient(90deg,rgba(255,255,255,1.0), rgba(241,242,242,0.0),rgba(241,242,242,0.0),rgba(255,255,255,1.0));*/
        background-image: linear-gradient(90deg,rgba(255,255,255,1.0), rgba(241,242,242,0.0),rgba(255,255,255,0.9));
    }
    /*angled div*/
    .hiddenOverflow {width: calc(100% + 15px);}
    .modal-overlayBlue.active .hiddenOverflow {width: calc(100% + 8px);}
    .modal-overlayBlue .aqua-angle-border  {transform: skew(-5deg);margin-left: -30px;width:100%;}
    .modal-overlayBlue .aqua-angle-border .unskew{transform: skew(5deg);margin-left: 38px;padding:15px 15px 15px 10px;border-left: 2px solid #00ABE6;}
    .modal-overlayBlue.active .max50, 
    .modal-overlayBlue.active .max60, 
    .modal-overlayBlue.active .max65, 
    .modal-overlayBlue.active .max72, 
    .modal-overlayBlue.active .max74, 
    .modal-overlayBlue.active .max35 {
        padding: 5px 0;
    }
    .unskew:before {left: -14px;}
    .aqua-angle-border  {transform: skew(-7deg);margin-left: -30px;width:100%;}
    .max35 .aqua-angle-border { width: calc(100% + 20px);box-shadow: 2px 5px 5px 2px rgba(204, 204, 204,0.40);}
    .aqua-angle-border .unskew{transform: skew(7deg);margin-left: 38px;padding:15px 15px 15px 10px;border-left: 2px solid #00ABE6;}
    .acute .aqua-angle-border .unskew { transform: skew(10deg);}/*modals*/
    .acute .aqua-angle-border {transform: skew(-10deg);margin-left: -30px;width: calc(100% + 10px );}
    /*modals mobile*/
    .scrollableDiv> div {max-width: 95%;}
    .modal-overlayBlue .scrollableDiv .container {padding: 0;}
    .home_page .modal-overlayBlue .modal-content-div,
    .modal .modal-content, .modal-overlayBlue .modal-content-div {padding: 50px 10px 20px;height:auto;} 
    .modal-overlayBlue .scrollableDiv {height: 100%;}
    .modal-open .modal-overlayBlue.active {max-width: 343px;}
    .modal-overlayBlue .modal-dialog-div {max-width: 343px;/*height:98%;*/}
    .modal-overlayBlue .modal-dialog-div {max-width: 343px;height:auto;} 
    .modal .modal-content button.close {top: 5px;right: 5px;}
    .modal .modal-dialog,
    .modal.show .modal-dialog,
    .modal#externalLink .modal-dialog, 
    .modal#externalLink.show .modal-dialog{width:345px;top: 50vh;}
    .modal .modal-content .overlay-wrapper {padding: 10px;}
    .modal .modal-content .overlay-wrapper .modal-button {
        justify-content: space-around;
        flex-direction: column;
        gap:0;
        padding: 15px 25px 0;
    }
    .modal .modal-content .overlay-wrapper .modal-button a,
    .modal .modal-content .overlay-wrapper .modal-button .last-button,
    .modal .modal-content .overlay-wrapper .modal-button .first-button {width: 100%;}
    .modal .modal-content .overlay-wrapper .modal-button .first-button a {margin-bottom: 20px;}
    .modal .modal-content .overlay-wrapper .modal-button .last-button a {
        margin-bottom: 25px;
    }
    #entryModal .modal-dialog{top:50%;}
    #entryModal .modal-dialog, .modal .modal-dialog {max-width: 340px;}
    /*entry modal*/
    .proceed-but.button.red-gradient, .button.cancel-button {margin: 16px 0;}  
    /*video modals*/
  
    .callout.modalSect {
        max-width: 343px;
        padding: 30px 0;
        height: 100%;
    }
    .modalSect >.col.col-12 {padding: 0 10px;}
    .video-resources_page .modal-overlayBlue.active {
        padding: 0;
        max-width: 343px;
        height: auto;
        min-height: 350px;
        border: none;
        background: none;
    }
    .video-resources_page .modal-overlayBlue.active {
        padding: 0;
        height: fit-content;
        min-height: 350px;
        border: none;
        background: none;
    }
    /*.callout.modalSect {
        padding:0;
        *max-width: 100%;
        max-height: 1000%;
        top: 50%;
        left: 50%;
        position: absolute;
        overflow-y: scroll;
        transform: translate(-50%, -50%);
        width: 1024px;
        border: 2px solid #00ABE6;
        margin-top: 0;
        overflow-x: hidden;
    }*/


    .video-resources_page .modal-overlayBlue.active .closeX{top:-10px;right:5px}
    #sprycel-hcp-video-stories-all .col .col-12, 
    #resources-outer-page-container .col .col-12 {padding-right: 15px;}
    .modal-overlayBlue.active .closeX {right: 15px;}
    .brightcove.section, .brightcovePlayer video-js, .videoPlayerImage {width: 323px;height: 181px;}
    #entryModal .rowC p {line-height: 45px;}
    .VidModal .modal-dialog.modal-dialog-centered {
        padding: 30px 0;
        min-height: fit-content;
        flex: 0 0 80%;
        max-width: 80%;
    }
    .VidModal.modal .modal-content {padding: 0;}
    /*exit modals #externalLink */
    .modal#externalLink h5{text-align: center;}
    .modal#externalLink h5.approvedIndi p {display: inline;}
    #externalLink.modal .modal-content {padding:1rem 5px;background-position: 20px 20px;}
    #externalLink.modal .modal-content .overlay-wrapper {padding: 70px 0 10px;}
    .modal#externalLink button.close { right: 25px;top: -55px;}
    /*.modal .modal-header {width: calc(100% - 32px);}*/
    img.videoPlayerImage2,.brightcovePlayer--overlay video-js {width: 343px;height: 193px;}  
        /*home*/
    .home-mobile-15yrBadge {
        border: 2px solid #00ABE6;
        padding: 8px 15px;
        justify-content: center;
        margin: 40px auto 0;
        flex: 0 0 100%;
        width: 100%;
        flex-direction: column;
        max-width: 343px;
    }
    .home-mobile-15yrBadge img {
        max-width: max-content;
        align-self: center;
    }
    .home-callouts { flex-direction: column;    max-width: 100%;}
    .home-callout {width: 100%;flex:0 0 100px;margin:20px auto;}
    .home-callouts,.callout.aqua-border{ margin:auto;}
    .home-callout .button {margin: 30px auto 10px;}
    .home-callouts .home-callout:nth-child(1) {border-radius: 20px 0 0 0;}
    .nccn-callout {flex-direction: column;margin: 20px auto;}
    .nccn-callout img {margin:30px auto;}
    /*efficacy*/
    .callout.tab3 p.bold {margin-top: 15px;font-size: 14px;}
    .tab .callout {padding: 30px 10px;}
    /* DASCERN Trial */
    .overlay-text{
        display:none;
       } 
    /*intol*/
    .transformChart .max35, .transformChart .max72 { max-width: 323px;padding: 0;}
    .transformChart .max72 .callout {margin-bottom: 10px;}
    /*resources page:*/
    .patientRes .icon-left{gap:30px;}
    .patientRes .icon-left + .icon-left.digiH {gap: 10px;}
    .patientRes .icon-left img.rt-gray-brder {border: none;padding-right: 0;}
    .patientRes .icon-left div {display: flex;flex-direction: column;}
    .layout66.icon-left img {margin: 0;}
    .spryConnect .icon-left +.icon-left {margin-bottom: 0;}
    .spryConnect .icon-left +.icon-left img {margin: auto;align-self: center;}
    .spryConnect .icon-left +.icon-left >div.digiHtext{margin-top: 0;}
    .spryConnect .icon-left +.icon-left.digiH img {margin: auto 0 auto 8px;}
    .patientRes .icon-left div.button, .spryConnect .button.red-gradient { margin: 17px auto 0;width: 100%; height: 40px;}
    .spryConnect .digiHtext .button.red-gradient {margin-top: 10px;}
    /*sitemap*/
    #site-map-container-content .container {padding: 0;}
    /*footer*/
    .footer-content-body, .footer-content-body p {font-size: 12px;color: #48484A;}
    .footer-content-body .rowC >p, 
    .footer-content-body div:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        align-items: flex-start;
    }
    .footer-content-body .footer-Content .rowC{flex-direction: row;flex-wrap: wrap;gap: 0;}
    .footer-Content a {flex: 0 0 50%;margin: 0 0 25px;}
    /*.footer-content-body .rowC {align-items: flex-start;}*/
    .footer-content-body .rowC,
    .footer-content-body .footerContent {padding: 20px 0 0;}
    .footer-content-body>p {padding: 0;    margin-top: 12px;}
    #entryModal .footer-content-body .mercury-code, 
    .footer-content-body .mercury-code { margin-top: 10px;margin-left:0;}
    .footer-content-body .bms_logo:before {
        content: "";
        width: 50%;
        height: 2px;
        background: gray;
        display: block;
        margin-bottom: 20px;
    }
    .footer-content-body .bms_logo {
        padding: 15px 0 20px;
        margin-left: 0;
        margin-top: 0;
        border: none;
    }
    p.copyright {margin-top: 12px;}
    /*overlayBlue popups*/
    .overlay.modal .modal-content {padding: 50px 10px;} 
}
/*device rotation*/
/* Show Message ONLY FOR MOBILE LANDSCAPE */
@media only screen and (max-width: 960px) and (min-width: 320px) and (min-aspect-ratio: 13/9){
    #MobileLandscape {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        background:#F1F2F2;
        z-index: 100000;
        width: 100%;
        height: 100%;
        overflow:hidden;
    }
    #MobileLandscape .content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 400px;
        height: 100px;
        text-align: center;
        margin-top: -50px;
        margin-left: -200px;
    }
    #MobileLandscape p {
        position: relative;
        padding: 10px 0 10px 130px;
        font: 22px/1.2 Arial;
        color: #1C3F94;
        text-align: left;
    }
    #MobileLandscape p:before {
        position: absolute;
        display: block;
        content: "";
        top: 0;
        left: 0;
        width: 90px;
        height: 90px;
        background: url(../resources/images/device_rotation_phone.png) left center no-repeat;
    }
}
/* Show Message ONLY FOR TABLET PORTAIT */
@media only screen and (min-width: 600px) and (max-width: 959px) and (max-aspect-ratio: 13/9){
    #TabletPortrait {
        display: block !important;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background:#F1F2F2;
        z-index: 100000;
    }
    #TabletPortrait .content {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 540px;
        height: 150px;
        text-align: center;
        margin-left: -270px;
        margin-top: -75px;
    }
    #TabletPortrait p {
        position: relative;
        padding: 20px 0 0 200px;
        font: 28px/1.2 Arial;
        color:#1C3F94;
        text-align: left;
    }
    #TabletPortrait p:before {
        position: absolute;
        display: block;
        content: "";
        top: 0;
        left: 0;
        width: 119px;
        height: 103px;
        background: url(../resources/images/device_rotation_tablet.png) left center no-repeat;
    }

}
/*end DEVICE ROTATION */
/*end device rotation*/