:root {
font-size: 14px;
}
@font-face {
font-family: "Gotham";
src: url("https://db.onlinewebfonts.com/t/924ee4158324c02e3e0d62e54cafd14f.eot");
src: url("https://db.onlinewebfonts.com/t/924ee4158324c02e3e0d62e54cafd14f.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/924ee4158324c02e3e0d62e54cafd14f.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/924ee4158324c02e3e0d62e54cafd14f.woff") format("woff"), url("https://db.onlinewebfonts.com/t/924ee4158324c02e3e0d62e54cafd14f.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/924ee4158324c02e3e0d62e54cafd14f.svg#Gotham Book") format("svg");
}
@font-face {
font-family: "Gotham-Bold";
src: url("https://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.eot");
src: url("https://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.woff") format("woff"), url("https://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/5d6f50ed2dde0e4ad455448f896c09f0.svg#Gotham") format("svg");
}
body {
width: 100%;
height: 100%;
margin: 0;
font-family: 'Gotham', Arial, Helvetica, sans-serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-height: calc(100vh + 160px);
max-width: 1500px;
margin-right: auto;
margin-left: auto;
-webkit-box-shadow: 0px 0px 1.87rem 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 1.87rem 0px rgba(0,0,0,0.15);
}
#litmusBeacon {
display: none;
}
.isi {
position: relative;
}
.fixed-header-container {
background-color: #fff;
padding-top: 0.3125rem;
padding-right: 4.125rem;
padding-bottom: 0.3125rem;
left: 0;
width: 100%;
position: fixed;
left: 0;
right: 0;
bottom: 0;
padding: 0;
z-index: 9;
height: 16rem;
transform: translateZ(0);
-webkit-transform: translateZ(0);
max-width: 1500px;
margin-right: auto;
margin-left: auto;
}
.fixed-header-container .bg-box {
background: #009FDF;
color: #fff;
padding: 1rem 1.5rem 0.5rem;
}
.fixed-header-container #isi-box #return-to-bottom {
position: absolute;
margin-top: -2rem;
background: rgb(12, 106, 160);
width: 2rem;
height: 2rem;
right: 0;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 3;
transition: all 0.4s ease;
transform: rotateZ(-180deg);
}
.fixed-header-container #isi-box .arrow-down {
position: relative;
 top: 9px;
 height: 9px;
 width: 14px;
}
.fixed-header-container #isi-box .arrow-down:hover {
transform: rotateZ(180deg);
}
.fixed-header-container .bg-box h2 {
color: #fff;
margin-top:0;
margin-bottom:0;
}
#isi-box {
display: none;
}
.fixed-header-container #isi-box {
display: block;
}
.fixed-header-container #isi h2 {
display: none;
}
#return-to-top {
position: fixed;
bottom: 3rem;
right: 20px;
background: rgb(12, 106, 160);
background: rgba(12, 106, 160, 0.7);
width: 3rem;
height: 3rem;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 3;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(12, 106, 160);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
/* Extra Things */
sup {
font-family: 'Gotham Rounded B', 'Roboto', Arial, Helvetica, sans-serif;
}
ul.newList {
padding-left: 0px !important;
}
.callBlock {
white-space: nowrap;
}
.text-black {
color: #000000;
}
.navbar {
background-color: #009fdf;
}
.navTab a {
color: #fff;
font-size: 0.8571428571428571rem;
padding: 0px 23px;
text-decoration: none;
text-align: center;
font-weight: 500;
}
.navTab .br {
border-right: 1px solid #ffffff;
}
.banner-section {
position: relative;
text-align: center;
color: #fff;
}
/* Bottom left text */
.banner-section .content-left {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
.body-content h1 {
font: 2.429rem/1.2 'Gotham-Bold', 'Roboto', serif;
color: #009fdf;
text-align: left;
padding-top:1.8rem;
}
.inner-container {
width: 80%;
margin: 0 auto;
}
.headerContent {
padding-top: 23px;
}
.pl-5, .px-5 {
padding-left: 2.5rem !important;
}
.pr-5, .px-5 {
padding-right: 2.5rem !important;
}
.logo {
max-width: 205px;
position: relative;
margin-left: -8px;
background-color: #FFFFFF;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding-left: 6px;
padding-bottom: 6px;
}
.logo_partner {
max-width: 181px;
height: 89px;
min-height: inherit;
position: absolute;
margin-top: -4.5rem;
left:1.9rem;
}
.logo_pharma {
max-width: 220px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
padding-left: 0 !important;
padding-right: 0 !important;
}
.logo_janseen {
max-width: 142px;
}
.mainContent {
padding: 2.75rem 0 0;
}
.mainContent h5 {
font-size: 1.286rem;
line-height: 1;
}
.mainContent h3 {
font-size: 1.714rem;
line-height: 1.2;
color: #009fdf;
font-family: 'Gotham-Bold', 'Roboto', Arial, Helvetica, sans-serif;
margin-bottom: 16px;
}
.mainContent h3 .book {
font-family: 'Gotham', 'Roboto', Arial, Helvetica, sans-serif;
font-weight: normal;
}
.mainContent h6, .mainContent p, .mainContent li {
font-size: 0.929rem;
margin-left: 0px;
line-height: 1.5rem;
}
.mainContent .content-sec {
position: relative;
display: block;
padding-bottom: 2.6rem;
font-family: 'Gotham', 'Roboto', Arial, Helvetica, sans-serif;
font-size: 0.8571428571428571rem;
left:5px;
}
.content-sec span {
position: absolute;
left: -5px;
display: inline-block;
top: 0px;
width: 5px;
font-size:12px;
}
.top-section {
margin-top: -11%;
}
.isi-content ul {
list-style-type: none;
margin-top: 0.5rem;
margin-left: 0;
}
.isi-content ul li:before {
content: "\2022" !important;
display: inline-block;
width: 0.8em;
margin-left: -0.8em;
}
.isi-content ul li {
margin-top: 0;
list-style-type: disc;
line-height:1.22;
margin-bottom:10px;
}
.isi-content h2 {
color: #009fdf;
font-size: 1.286rem;
font-family: 'Gotham-Bold', 'Roboto', Arial, Helvetica, sans-serif;
margin-bottom:10px;
}
.mainContent .color-black {
color: #181818;
}
.isi-content h3 {
font-size: 1.143rem;
color: #181818;
font-weight: 500;
margin-top: 0.7rem;
margin-bottom: 0.8rem;
}
.isi-content ul ul li {
list-style-type: square;
margin-top: 0.65rem;
line-height:1.22;
}
.isi-content ul ul li:before {
content: "\26AC" !important;
}
.mainContent ul {
margin-bottom: 0.5rem;
padding-left: 0.8em;
}
.mainContent h6, .mainContent h5 {
color: #009fdf;
font-family: 'Gotham-Bold', 'Roboto', Arial, Helvetica, sans-serif;
display: block;
}
.mainContent p, .mainContent li {
color: #343434;
font-size: 1.143rem;
margin-bottom: 0.5rem;
}
sup {
font-family: 'Gotham Rounded B', 'Roboto', Arial, Helvetica, sans-serif;
font-size: 70% !important;
top: -0.4em;
}
li {
list-style-type: none;
}
.font-weight-bold {
font-family: 'Gotham-Bold', 'Roboto', Arial, Helvetica, sans-serif;
}
.disc1, .doNot1 {
color: #212529;
font-family: 'Gotham-Bold', 'Roboto', Arial, Helvetica, sans-serif;
}
.disc1::before, .discSymbol::before {
content: "\2022";
color: #343434;
padding-right: 6px;
font-size: 0.929rem;
}
.disc, .doNot {
color: #343434;
font-weight: normal;
display: block;
position: relative;
left: -18px;
}
.disc::before, .discSymbol::before {
content: "\2022";
color: #343434;
padding-right: 10px;
font-size: 1.6rem;
top: 3px;
position: relative;
}
.list {
list-style-type: disc;
color: #009fdf !important;
}
.list span {
color: #343434;
display: block;
margin-left: -0.3em;
}
/* .dash::before{
content: "\2014"; 
color: #0EB8B7;
padding-right: 10px;
} */
.strong, strong {
font-family: 'Gotham-Bold', 'Roboto', Arial, Helvetica, sans-serif;
}
.footer a {
color: #009fdf;
text-decoration: underline;
}
.mainContent a.hyperlink {
color: #212529;
text-decoration: underline;
}
.mainContent a.hyperlinkColor {
color: #009fdf;
text-decoration: underline;
}
.footer {
background-color: #f4f5f6;
padding-bottom: 35px;
padding-top: 40px;
}
.footer p {
color: #343434;
font-size: 1rem;
line-height: 1.2;
}
.footer p.small-text {
color: #343434;
font-size: 0.857rem;
line-height: 1.8;
padding-top: 0.3rem;
padding-bottom: 0.7rem;
}
.footer p a {
color: #009fdf;
text-decoration: underline;
}
.mb-16 {
margin-bottom: 16px !important;
}
.mar-left16 {
margin-left: 1.6rem !important;
}
.lh-122{
line-height: 1.22 !important;
    margin-bottom: 0.6rem !important;
}
.mmwidth33 {
max-width: inherit;
min-width: 12.3em;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 0.2rem!important;
line-height: 1.3 !important;
}
b, strong {
font-weight: initial !important;
}
.logo-right{
padding-left:5.5rem;
}
@media (max-width: 1080px) {
.body-content h1 {
font-size: 2rem;
}
}
@media (max-width: 992px) {
.logo {
width: 100%;
}
.orixlogoImg {
width: 85%;
}
.container, .container-sm {
max-width: 96% !important;
margin: 0 auto;
}
.logo_partner {
max-width: 190px;
height: 93px;
display: block;
min-height: inherit;
}
.body-content h1 {
font-size: 2rem;
}
}
@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: inherit !important;
padding: 0 !important;
margin: 0 auto !important;
padding-left: 10.8% !important;
padding-right: 5.8%!important;
}
#isi .col-md-9{
-ms-flex: 0 0 71.2%  !important;
flex: 0 0 71.2% !important;
max-width: 71.2%  !important;
}
#isi .col-md-3{
-ms-flex: 0 0 28.8%  !important;
flex: 0 0 28.8% !important;
max-width: 28.8% !important;
}
.pr-lg-5, .px-lg-5{
padding-right: 1.8rem!important;
}
}
@media (max-width: 1199px){
.mmwidth33 {
max-width: inherit;
min-width: 33%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}}
@media (min-width: 768px)
{
.col-md-9 {
    -ms-flex: 0 0 71% !important;
    flex: 0 0 71% !important;
    max-width: 71% !important;
}
}
@media (max-width: 767px) {
.mainContent {
padding: 30px 0px 0px;
}
.mainContent .content-sec {
padding-bottom: 1rem;
}
.fixed-header-container #isi-box #return-to-bottom {
margin-top: 0 !important;
position: inherit !important;
float: right !important;
}
.banner-section .content-left {
position: inherit !important;
}
.logo_pharma {
max-width: 127px;
}
.logo_janseen {
max-width: 88px;
}
.logo-right{
padding-left:3.3rem !important;
}
.body-content h1 {
width: 100% !important;
text-align: left;
margin-left: 0;
}
.top-section {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.logo_mobile {
max-width: 134px;
}
.logo_partner {
max-width: 153px;
height: 76px;
display: block;
min-height: inherit;
position: inherit !important;
margin-top: 1.6rem;
left: 0;
right: 0;
top: 0;
margin-bottom: 1.2rem;
}
.nav-content .nav-item {
color: #646464;
font-size: 0.571rem;
text-align: right;
text-decoration: underline;
}
.nav-content .nav-item:link, .nav-content .nav-item:visited, .nav-content .nav-item:active {
color: #646464;
}
/* mouse over link */
.nav-content .nav-item:hover {
opacity: 0.8;
}
.body-content h1 {
font-size: 1.714rem;
padding-top: 1.5rem !important;
}
.container {
width: 92% !important;
margin: 0 auto !important;
padding-left:0;
padding-right:0;
}
.mainContent h3 {
font-size: 1.286rem;
}
.mmwidth335 {
max-width: inherit;
min-width: inherit !important;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mmwidth33 {
max-width: inherit;
min-width: 54%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 0.2rem!important;
}
.col-3 {
-ms-flex: 0 0 0!important;
flex: 0 0 0 !important;
}
.top-logo-sec {
margin-top: 0.45rem !important;
margin-bottom: 0.8rem !important;
}
.mainContent p{
line-height:1.38;
}
.isi-content h2{
margin-bottom: 10px;
margin-top: 14px;
line-height: 1.1;
}
.isi-content h3{
margin-top: 0.65rem;
margin-bottom: 0.65rem;
line-height: 1.1;
}
.mainContent .content-sec{
line-height: 1.27;
padding-bottom: 0.35rem;
}
.footer{
padding-top:18px;
}
.footer p{
font-size: 0.857rem;
}
.footer p.small-text {
line-height: 1.234;
padding-top: 0.3rem;
padding-bottom: 0rem;
margin-bottom: 0.8rem;
}
.lh-122 {
line-height: 1.22 !important;
margin-bottom: 0.74rem !important;
}
.fixed-header-container #isi-box #return-to-bottom{
margin-top: -4px !important;
}
}
@media (max-width: 575.98px) {
.navTab a {
padding: 10px 15px;
color: #343434;
font-family: 'Gotham-Bold', 'Roboto', Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.navTab a:link, .navTab a:visited, .navTab a:active {
color: #343434;
}
/* mouse over link */
.navTab a:hover {
opacity: 0.8;
}
.footer {
padding-bottom: 30px;
}
}
@media (max-width: 550px){
.fixed-header-container #isi-box #return-to-bottom{
margin-top: 6px !important;
}
}