@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
main#maincontent {
    margin-top: 83px;
    padding: 0;
    width: 100%;
    background: url(/content/dam/website-services/us/434-imfinzi-com/hcc-hcp/new-bg-design.png) no-repeat #ecf1f6;
    background-position-y: -84px;
    background-size: 100%;
    font-family: 'Ubuntu', sans-serif;
}
.maincontent.parsys .rich-text{
    max-width: 950px;
    background: #ffffff;
    margin: 0 auto;
}
.page-sec, .page-content {
    max-width: 722px;
    margin: 0 auto;
}
.section-heading {
    border-top: 1px solid #003865;
    margin: 50px auto 40px;
}

.section-heading h2 {
    max-width: 722px;
    margin: 0 auto;
    font-size: revert;
}

.section-heading span {
    color: #ffffff;
    background: #003865;
    font-size: 15px;
    line-height: 17px;
    font-weight: 700;
    padding: 6px 7px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.page-heading {
    padding: 70px 0 0px;
    margin-bottom: -20px;
}
.page-heading h1 {
    font-size: 38px;
    line-height: 38px;
    color: #003865;
    max-width: 722px;
    margin: 0 auto;
    font-weight: 700;
}
.subhead {
    font-size: 20px;
    line-height: 24px;
    color: #881354;
    font-weight: 500;
}
.pink-bullet {
    padding-left: 17px;
}
.pink-bullet li {
    list-style-type: none;
    padding-bottom: 5px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    position: relative;
}
.pink-bullet li::before {
    content: '\2022';
    position: relative;
    color: #881354;
    left: -15px;
    position: absolute;
}
span.smallcaps {
    font-size: 10px;
}
.note-txt {
    font-size: 20px;
    line-height: 24px;
    color: #881354;
    font-weight: 300;
}
p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #4A4A4A;
}  
h2.heading {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    color: #003865;
}
.flex-section {
    display: flex;
    align-items: center;
}
p.doc-head {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.03px;
    color: #00355A;
    font-weight: 700;
    margin-bottom: 5px;
}
a.download-btn, a.watch-now-btn {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    color: #003865;
    position: relative;
}
a.download-btn:after {
    content: '';
    background: url(/content/dam/website-services/us/434-imfinzi-com/or-new/Download-Button.svg) no-repeat;
    position: absolute;
    width: 29px;
    height: 27px;
    margin-left: 10px;
}
.note-txt a.download-btn {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #003262;
    text-decoration: underline;
}
ul.arrow-list {
    padding-left: 25px;
}
ul.arrow-list li {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    color: #555555;
    padding-bottom: 5px;
    list-style-type: none;
    position: relative;
    margin-bottom: 0;
}
ul.arrow-list li:before {
    content: '';
    background: url(/content/dam/website-services/us/434-imfinzi-com/or-new/list-arrow.svg) no-repeat left center;
    width: 100%;
    height: 24px;
    position: absolute;
    left: -25px;
    top: 0;
}
.grid-section {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.grid-section > div{
    width: 50%;
}
a.watch-now-btn:after {
    content: '';
    background: url(/content/dam/website-services/us/434-imfinzi-com/or-new/Play-Button-v1.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    margin-top: -2px;
}
p.footnote {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #003262;
    padding-bottom: 30px;
}
.box-image {
    border: 0.5px solid #03315D;
    max-width: 680px;
    margin: 30px auto;
    padding: 20px;
}
p.box-heading {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.03px;
    color: #00355A;
    font-weight: 700;
    position: relative;
    padding: 0 20px 0 30px;
    background: #ffffff;
    margin: 0px;
    width: fit-content;
}
p.box-heading:before {
    content: '';
    background: url(/content/dam/website-services/us/434-imfinzi-com/hcc-hcp/hcc-subpages/callout-arrow.svg) no-repeat;
    width: 61px;
    height: 36px;
    position: absolute;
    left: -42px;
    top: -9px;
}
.youtube-note-sec {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
p.youtube-txt {
    line-height: 28px;
    font-size: 21px;
    color: #003865;
    font-weight: 500;
    margin-bottom: 0;
}
p.youtube-txt a {
    display: block;
    text-decoration: underline;
    color: #003865CB;
}
.access-block {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.access-block img{
    margin-right: 20px;
}
.access-block p, h4 {
    font-size: 24px;
    line-height: 28px;
    color: #881354;
    font-weight: 500;
    margin: 10px 0;
}
.p-link {
    color: #003262;
    font-weight: 500;
    text-decoration: underline;
}
.p-link:hover {
    text-decoration: none;
}
.enroll-sec {
    display: flex;
    margin: 30px 0 10px;
    justify-content: center;
}
.enroll-sec div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 35%;
}
.enroll-sec p {
	text-align: center;
    margin: 10px auto;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color:#4A4A4A;
    letter-spacing: 0.03px;
}
.enroll-sec p > a {
    text-decoration: underline;
}
.enroll-sec p a:hover {
    text-decoration: none;
}
.enroll-sec p span.smallcaps {
    line-height: 18px;
    font-size: 12px;
}
p.youtube-txt a:hover {
    text-decoration: none;
}
.grey-color-text, .grey-color-text a {
    color: #4A4A4A;
    text-decoration: none;
}
.scroll-top {
    display: none !important;
}
@media only screen and (min-width:992px){
.sec-link {
    scroll-margin-top: 123px;
}
}
@media only screen and (min-width:1025px){    
    a.hometel {
    	pointer-events: none;
	}
}
@media only screen and (min-width:768px){
    .mobile_only {
        display: none;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .enroll-sec div {
    	width: 32%;
	}
    .page-heading {
    	padding: 40px 0 0px;
	}            
}
@media only screen and (max-width:767px){
    .desktop_only {
        display: none;
    }
    .mobile_only {
        display: block;
    }

    .page-content {
    	padding: 0 15px;
	}
    .page-heading h1 {
    	font-size: 26px;
    	line-height: 29px;
        letter-spacing: 0;
    }
    .page-heading {
    	padding: 20px 0 15px;
	}
	.section-heading {
    	margin: 15px auto;
	}
    .section-head {
    	padding-left: 15px;
	}
	.grid-section {
    	flex-direction: column;
        max-width: 345px;
    	margin: 0 auto;
	}
	.grid-section > div{
    	width: 100%;
    	margin-bottom: 30px;
	} 
	.enroll-sec {
    	flex-direction: column;
	}
	.enroll-sec div {
    	width: 100%;
	}
	.enroll-download, .enroll-call {
    	margin-bottom: 10px;
	}
	.access-block {
    	align-items: flex-start;
    	flex-direction: column;
	}
	.youtube-note-sec {
    	flex-direction: column-reverse;
	}
	.how-to-order .flex-section.doc-sec-5 {
    	margin: 0 auto;
    	max-width: 345px;
	}
	.box-image {
    	margin: 30px 5px;
    }
    p.box-heading:before {
    	left: -40px;
    	top: -36px;
    	background-size: 82%;
	}
	p.youtube-txt {
    	margin-top: 15px;
	}
	.subhead {
    	font-size: 18px;
    	line-height: 20px;
    }
    p.note-txt {
    	margin-bottom: 30px;
	}
    .how-to-order h2.heading {
    	margin-bottom: 30px;
	}
	a.watch-now-btn:after {
    	/*margin-top: -10px;*/
	}
	h4 {
    	margin: 30px auto 10px;
	}
	.flex-section {
    	flex-direction: row-reverse;
    	justify-content: space-between;
	}
}
@media screen and (min-width:392px) and (max-width:422px) { 
    p.youtube-txt {
        margin: 15px -16px 0px;
    }
}
@media only screen and (max-width:365px) {
    .flex-section img {
    	max-width: 117px;
	}
    a.watch-now-btn:after {
    	margin-left: 5px;
	}    
}
/*****************exit ramp popup design*************************/
#exitdialog h1 {
     background: transparent !important;
}
#exitdialog p.font-HL2 {
     font-size: 24px !important;
     font-family: 'RobotoCondensed-Regular';
     color: #555555;
}
#empoverlay #exitdialog h2 {
     margin: 0px;
}
#empoverlay .mask {
     position: absolute;
     left: 0;
     top: 0;
     z-index: 9000;
     background-color: #000;
     display: none;
     opacity: 0.5 !important;
     width: 100% !important;
}
#empoverlay .window {
     position: fixed;
     left: 0;
     top: 0;
     width: 440px;
     height: 200px;
     display: none;
     z-index: 9999;
     padding: 20px;
}
span.close_exit {
     float: right;
     cursor: pointer;
     position: relative;
     right: -30px;
     top: -40px;
     display: inline-block;
     font-style: normal;
     font-weight: 400;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     color: #ac182e;
     width: 20px;
     height: 20px;
     font-size: 30px;
     font-family: 'RobotoCondensed-Bold';
}
#empoverlay #exitdialog {
     position: fixed;
     top: 10%;
     left: 3% !important;
     width: 94% !important;
     margin: 0 auto;
     padding: 20px 40px 25px 40px;
     font-size: 13px;
     left: 0%;
     height: auto !important;
     text-align: center;
     outline: 0;
     border: 1px solid #7ca3dc;
     background-color:#fff;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     border-radius: 6px;
}
#exitdialog p {
     font-size: 17px !important;
     color: #555555 !important;
     line-height: 25px;
     font-family: 'Roboto-Light';
}
#exitdialog .btns button.btn.back {
     display: none;
}
#exitdialog .btns button.btn.ok {
     display: block;
     margin: 0 auto;
     float: none;
     background-color: #ffffff;
     border: 2px solid #ac182e !important;
     color: #ac182e;
     margin-top: 20px;
     padding: 15px 25px 15px 25px;
     border-radius: 10px;
     text-transform: uppercase;
     font-family: 'RobotoCondensed-Regular';
     font-size: 17px;
     line-height: 17px;
}
@media screen and (min-width: 768px) {
	#empoverlay #exitdialog {
    	width: 630px !important;
    	padding: 20px 40px 25px 40px !important;
    	height: 235px !important;
    	top: 20% !important;
    	left: 10% !important;
	}
}
@media screen and (min-width: 1024px) {
	#empoverlay #exitdialog {
    	left: 20% !important;
	}
}
@media screen and (min-width: 1280px) {
	#empoverlay #exitdialog {
    	left: 27% !important;
	}
}
@media screen and (max-width: 767px) {
	#exitdialog p {
    	line-height: 1.31;
	}
}
/********************************/
@media screen and (min-width: 992px) {  
.navbar-inverse .navbar-nav.navbar-right>li.order-res-link.active>ul.dropdown-menu.multi-level {
    display: flex;
    justify-content: center;
    padding: 0;
}
ul.nav.navbar-nav.navbar-right li.order-res-link.active ul li a {
    padding: 11px 41px 12px !important;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF !important;
    text-transform: none;
	text-decoration:none;
    white-space: normal;
    background: transparent;
}
ul.nav.navbar-nav.navbar-right li.order-res-link.active ul li a.active, ul.nav.navbar-nav.navbar-right li.order-res-link ul li a:hover{
    background: url(/content/dam/website-services/us/434-imfinzi-com/pan-tumor/white-arrow.png) no-repeat bottom center !important;
}
}
@media screen and (max-width: 991px) {
	li.order-res-link.or-dsk-only {
    	display: none;
	}
	.navbar-nav.navbar-right > li.order-res-link.visible-xs.visible-sm > a:before {
        display: block;
    	content: '';
    	width: 31px;
    	height: 45px;
    	position: absolute;
    	background: url(/content/dam/website-services/us/434-imfinzi-com/pan-tumor/nav-ico-plus-v1.svg) no-repeat;
    	background-position: center;
    	right: 10px;
    	border-bottom: 0px;
    	top: 0;
	}
	.navbar-nav.navbar-right > li.order-res-link.visible-xs.visible-sm.open-submenu > a:before {
    	width: 35px;
    	background: url(/content/dam/website-services/us/434-imfinzi-com/pan-tumor/nav-ico-minus-v1.svg) no-repeat;
    	top: 3px;
    	right: 11px;
	}
	.navbar-nav.navbar-right > li.order-res-link.visible-xs.visible-sm.open-submenu > ul {
    	display: block;
    	top: 0;
    	padding: 0;
    	position: relative;
	}  
    .navbar-nav>li>.dropdown-menu li a, ul.nav.navbar-nav.navbar-right li.order-res-link ul.dropdown-menu.multi-level li a {
    	font-size: 16px;
    	line-height: 19px;
    	font-family: 'RobotoCondensed-Regular';
    	border-bottom: 1px solid #7098D2;
    	padding: 11px 0 12px 41px;
        text-decoration: none;                        
	} 
    ul.nav.navbar-nav.navbar-right li.order-res-link ul.dropdown-menu li a.active {
    	font-family: 'RobotoCondensed-Bold';
	}                        
}