/* START - Header Styles */


/*a.disabled,.fullnavigation .navbar-default .navbar-nav>li.PAOLA-1 {
  pointer-events: none;
 cursor: none;
}*/

.pink-variable-homebe {
    color: #ff00c6 !important;
}

.pink-variable-homebe:before {
    content: "[";
}

.pink-variable-homeaf:after {
    content: "]";
}

span.bold {
    font-weight: bold;
}

.ocbanner-content-new p span.bold {
    font-family: 'Myriad-Pro', sans-serif;
}

.fullnavigation .navbar-default .navbar-nav>li {
    margin: 0 82px 0 0;
}

.fullnavigation .navbar-default .navbar-nav>li.olaparib-side-effects.sub-element {
    margin: 0;
}

.fullnavigation .navbar-default .navbar-nav>li.sub-element:after {
    right: 2px;
}

.fullnavigation .navbar-default .navbar-nav>li.sub-element>a {
    padding-right: 28px;
}

.footnote.bannerfootnote {
    margin-bottom: 25px;
    margin-top: -38px;
    margin-left: 10px;
}

.ocbanner-content-new.container-center p {
    transform: skewX(8deg);
    margin-bottom: 2px;
}

.sub-head {
    font-family: 'Myriad-Pro', sans-serif;
    color: #B2D234;
    font-weight: bold;
}

.ocbanner-content-new {
    /*position: absolute;*/
    background-color: #004D74;
    color: #fff;
    /* bottom: -21%;
    left: 12%;*/
    transform: skewX(-7deg);
    padding: 15px 40px;
    max-width: 99%;
    margin: 0 auto;
    margin-top: -70px;
}

i.pspace {
    left: 1px;
    position: relative;
}

.ocbanner-content-new p {
    transform: skewX(7deg);
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Myriad-Pro', sans-serif;
}

.ocbanner-content-new p.solo {
    position: relative;
    left: 13px;
}

.ocbanner-content-new p.paola {
    position: relative;
    left: 5px;
}

i.spacep {
    position: relative;
    left: 1px;
}

.landing-hero {
    position: relative;
}

.oc-home-content {
    /*  margin-top: 8%;*/
}

em.spacep {
    left: 2px;
    position: relative;
}


/*.fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing,
.fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support {
	position: absolute;
	top: -64px;
	right: 65px;
	margin: 0;
	width: auto;
	padding-right: 0;
}
.fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing {
	right: 290px;
}
.fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing a,
.fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support a,
.fullheader .list-inline li:nth-child(4) a{
	width: 150px;
	background-color: #004d74;
	color: #ffffff;
	border-radius: 10px;
	padding: 4px 6px;
	font-family: 'Roboto-Medium';
	font-size: 14px;
	border: solid 2px #ffffff;
    line-height:15px;
}
.fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing a:hover,
.fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support a:hover {
	background-color: #f7941f;
	border-color: #f7941f;
}
.fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing a:active,
.fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support a:active {
	border-color: #ffffff;
}*/


/* END - Header Styles */


/* START - Home Page Styles -------- Need to move to style-oc.css*/


/*.landing-home .footnote.land {
    color: #ffffff !important;
    padding-top: 4px;
}*/

.disclaimer {
    padding: 10px 0 0 0;
}

.landing-home .landing-hero-image {
    background-image: url(/content/dam/physician-services/us/590-lynparza-hcp-branded/hcp-oc/desktop/d_oc_home_hero_no_indication-new.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    position: relative;
    height: calc(100vw * 0.352);
    width: 100%;
    overflow: hidden;
}

.landing-home .callouts {
    position: absolute;
    right: 116px;
    top: 28.3%;
}

.hero-content {
    margin-top: 12px;
    margin-bottom: -5px;
}

p.footnote.oc-foot {
    margin-bottom: 30px;
}

.landing-home .callouts .callout {
    width: 305px;
    height: 100px;
    padding-left: 8px;
    margin-left: 774px;
    margin-top: 20px;
    text-align: left;
    display: block;
    background-color: #004d74;
    transform: skewX(-10deg);
    box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 3px #004d74;
}

.landing-home .callouts .callout:first-child {
    position: relative;
    left: 16px;
}

.landing-home .callouts .callout:hover {
    background-color: #004d74;
    border: solid 3px #004d74;
}

.landing-home .callouts .callout:active {
    border: solid 3px #b2d234;
}

.landing-home .callouts .callout p {
    transform: skewX(10deg);
    font-family: 'Roboto-Bold';
    font-size: 18px;
    line-height: 20px;
    margin: 5px 0 0 6px;
    display: inline-block;
    color: #fff;
}

.landing-home .callouts .callout span {
    transform: skewX(0deg);
    font-family: 'Roboto-Bold';
    font-size: 20px;
    line-height: 20px;
    margin: 8px 0 0 -2px;
    display: inline-block;
    color: #004d74;
    text-decoration: none;
    background: #b2d234;
    padding: 16px 10px;
    width: 278px;
    height: 50px;
}

.landing-home .callouts .callout span::after {
    content: " ";
    width: 13px;
    height: 13px;
    border: 3px solid #004D74;
    position: absolute;
    right: 12px;
    top: 20px;
    transform: rotate(130deg);
    border-bottom: none;
    border-right: none;
}

.landing-home .callouts .callout:last-child span::after {
    right: 24px;
}

.landing-home .hero-title {
    /*width: 930px;
    text-align: center;
    font-family: 'Roboto-Bold';
    font-size: 25px;
    max-width: 90%;
    position: absolute;
    bottom: 50px;
    left: calc(50% - 465px);*/
    width: 75%;
    text-align: center;
    font-family: 'Roboto-Bold';
    font-size: 25px;
    position: absolute;
    top: 80%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.landing-home .OCBannerFootnotes {
    font-family: 'Roboto-Bold';
    font-style: italic;
    position: absolute;
    left: 185px;
    top: 140px;
    color: #004d74;
    font-size: 15px;
    line-height: 20px;
    text-shadow: none;
}

.landing-home .OCBannerFootnoteright {
    font-family: 'Roboto-Medium';
    position: absolute;
    left: 20%;
    bottom: 85px;
    color: #000;
    font-size: 11px;
    line-height: 13px;
    text-shadow: none;
    display: block;
    text-align: right;
}

.landing-home .hero-title h2 {
    color: #ffffff;
    text-shadow: 0 0 10px #000000;
    -webkit-text-shadow: 0 0 10px #000000;
    font-size: 2vw;
}

.landing-home .oc-home-content .hero-content p {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}

.landing-home .oc-home-content .hero-content p.footnote {
    font-family: 'Roboto-Light';
    font-size: 12px;
    color: #000000;
    line-height: 12px;
    margin-bottom: 0;
    margin-top: 7px;
}

.landing-home .oc-home-content .hero-content p .indented {
    text-indent: 0;
}

.landing-home .oc-home-content .disclaimer p {
    margin: 5px 0 0 0;
    font-size: 14px;
}

.landing-home .oc-home-content .oc-home-footnote p {
    margin-top: 10px;
}


/* END - Home Page Styles */

.isi-body strong {
    font-family: 'Roboto-Bold';
}


/* START - Home Page Styles - Only Banner */

@media (min-width: 1600px) {
    /*.landing-home .landing-hero-image {
		height: 800px;
	}
	.landing-home .callouts {
		margin: 115px 15% 0 0;
	}
	.landing-home .hero-title {
		padding-top: 10%;
	}*/
}

@media (max-width: 1350px) {
    /*.landing-home .callouts {
		    margin: 113px 3% 0 0;
	}*/
}

@media (max-width: 1150px) {
    /*.landing-home .landing-hero-image {
		height: 500px;
	}*/
    .landing-home .callouts .callout {
        margin-right: -12px;
    }
    .landing-home .callouts {
        position: absolute;
        right: 78px;
        top: 31.3%;
    }
    /*.landing-home .callouts {
    	margin: 80px -3% 0 0;
    	transform: scale(.9);
	}*/
}


/* END - Home Page Styles - Only Banner */


/* START - Mobile Styles */

@media (max-width: 1023px) {
    .landing-home .hero-title h2 {
        font-size: 2vw;
    }
    .footnote.bannerfootnote {
        margin-top: -24px;
    }
    /* START - Header Styles */
    .fullnavigation .navbar-default .navbar-nav>li {
        margin-right: 3%;
    }
    /*.fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support {
		right: 65px;
	}
	.fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing {
		right: 258px;
	}
	.fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing,
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support {
    	top: -60px;
    }
	.fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing a,
	.fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support a {
		width: 180px;
	}*/
    /* END - Header Styles */
    /* START - Home Page Styles */
    .landing-home .landing-content {
        /*background-color: #e5edf0;*/
        background-color: #fff;
        padding-bottom: 10px;
    }
    .landing-home .landing-hero-image {
        background-image: url(/content/dam/physician-services/us/590-lynparza-hcp-branded/hcp-oc/mobile/m_oc_home_hero_no_indication-new.png);
        /*height: 625px;*/
        height: calc(100vw * 0.9);
        background-size: cover;
    }
    .landing-home .callouts {
        display: none;
    }
    .landing-home .landing-hero-image {
        /*position: relative;*/
    }
    .landing-home .hero-title {
        width: 100%;
        top: 78%;
    }
    .landing-home .OCBannerFootnotes {
        bottom: 9%;
        position: absolute;
        font-size: 10px;
        left: 21%;
        text-shadow: none;
    }
    .landing-home .OCBannerFootnoteright {
        bottom: 9%;
        right: 3%;
    }
    .landing-home .hero-title h2 {
        margin: 0 auto;
        width: 90%;
    }
    /*.landing-home .m-callouts {
		margin: 30px auto 0px auto;
	}*/
    .marginbottom0 {
        margin-bottom: 0px !important;
    }
    .margintop0 {
        margin-top: 0px !important;
    }
    .landing-home .m-callouts {
        margin: 0px auto 0px auto;
        margin-top: 0px;
        padding-bottom: 20px;
    }
    .landing-home .m-callouts .m-callout {
        background-color: #004D74;
        padding: 10px 25px 30px 25px;
        margin-top: 20px;
        text-align: center;
        /*max-width: 400px;*/
        margin: 20px 20px;
    }
    .landing-home .m-callouts .m-callout .m-callout-inner:first-child {
        text-align: center;
        padding: 10px 7px;
    }
    .landing-home .m-callouts .m-callout .m-callout-inner p {
        font-family: 'Roboto-Bold';
        font-size: 16px;
        color: #ffffff;
        margin: 0;
    }
    .landing-home .m-callouts .m-callout .m-callout-but a {
        display: inline-block;
        margin-top: 10px;
        font-family: 'Roboto-Bold';
        font-size: 16px;
        color: #004d74;
        text-align: center;
        padding: 7px;
        text-decoration: none;
        background-color: #b2d234;
        transform: skewX(-10deg);
        box-shadow: 5px 5px rgba(178, 210, 52, .4);
        -webkit-box-shadow: 5px 5px rgba(178, 210, 52, .4);
        border: solid 3px #b2d234;
        width: 99%;
    }
    .landing-home .m-callouts .m-callout .m-callout-but a span {
        transform: skewX(10deg);
        display: block;
    }
    .landing-home .m-callouts .m-callout .m-callout-but a span::after {
        content: " ";
        width: 13px;
        height: 13px;
        border: 3px solid #004D74;
        position: absolute;
        right: 12px;
        top: 3px;
        transform: rotate(140deg);
        border-bottom: none;
        border-right: none;
    }
    .landing-home .m-callouts .m-callout:last-child .m-callout-but a span::after {
        right: 24px;
    }
    .ocbanner-content-new p.paola {
        position: relative;
        left: 4px;
    }
    .ocbanner-content-new p.solo {
        position: relative;
        left: 8px;
    }
    .ocbanner-content-new p {
        font-size: 13px;
        line-height: 16px;
    }
    .ocbanner-content-new {
        /*position: absolute;
    bottom: -20%;
    left: 8%;*/
        margin-top: -52px;
        transform: skewX(-7deg);
        padding: 15px 20px;
        /*width: 85%;
     margin: 0 auto; */
    }
    .oc-home-content.container-center {
        margin-top: 0%;
    }
    /* END - Home Page Styles */
}

@media (min-width: 1024px) {
    a.callout span {
        position: relative;
        left: 5px;
    }
}


/* END - Mobile Styles */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .landing-home .m-callouts {
        padding-top: 20px;
    }
    .landing-home .OCBannerFootnotes {
        left: 18%;
    }
    .footnote {
        font-size: 14px !important;
        line-height: 16px !important;
    }
    .hero-content {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .landing-home .footnote.land.mobile {
        position: absolute;
        bottom: 10px;
        left: 31px;
    }
    .landing-home .hero-title h2 {
        font-size: 22px;
        line-height: 25px;
    }
    .landing-home .hero-title {
        bottom: 90px;
    }
    .ocbanner-content-new p.paola {
        position: relative;
        left: 5px;
    }
    .ocbanner-content-new p.solo {
        position: relative;
        left: 11px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .landing-home .hero-title h2 {
        font-size: 28px;
        margin-bottom: 3px;
    }
    .landing-home .hero-title {
        padding-top: 0.5%;
    }
    .footnote.bannerfootnote {
        margin-left: 10px;
    }
    .landing-home .hero-title {
        width: 100%;
    }
    .landing-home .hero-title h2 {
        font-size: 2vw !important;
    }
    /*.ocbanner-content-new {
        margin-top: -50px;
    }*/
    .landing-home .OCBannerFootnotes {
        left: 8%;
    }
    .hero-content {
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .landing-home .callouts {
        position: absolute;
        right: 7%;
        top: 14.3%;
    }
}


/******************for iphone 5**********************************/

@media only screen and (device-width: 320px) and (orientation :portrait) {
    .landing-home .landing-hero-image {
        height: 275px;
    }
    .landing-home .hero-title h2 {
        font-size: 10px;
        line-height: 12px;
    }
    .ocbanner-content-new p {
        transform: skewX(7deg);
    }
    .ocbanner-content-new p.solo {
        position: relative;
        left: 23px;
    }
    .container-center .ocbanner-content-new {
        max-width: 100%;
        margin-top: -18px;
        margin: -17px 10px 0 8px;
        transform: skewX(-7deg);
        padding: 4% 8% 5% 4%;
    }
    .ocbanner-content-new p.paola {
        position: relative;
        left: 3px;
    }
    .ocbanner-content-new p:first-child {
        position: relative;
    }
    .footnote.land {
        font-size: 9px !important;
    }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 370px) {
    .landing-home .hero-title h2 {
        font-size: 10px;
        line-height: 12px;
    }
    .container-center .ocbanner-content-new {
        max-width: 100%;
        margin-top: -18px;
        margin: -17px 12px 0 9px;
        transform: skewX(-8deg);
        padding: 4% 9% 5% 7%;
    }
    .ocbanner-content-new p {
        transform: skewX(8deg);
    }
}


/****----------samsung 6plus-------************/

@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 3) {
    .ocbanner-content-new {
        max-width: 96%;
        margin: -26px 0px 13px 11px;
        transform: skewX(-8deg);
    }
    .ocbanner-content-new p {
        transform: skewX(8deg);
    }
    .ocbanner-content-new p:first-child {
        position: relative;
        left: -13px;
    }
    .ocbanner-content-new p.paola {
        position: relative;
        left: 1px;
    }
}

@media only screen and (min-device-width: 580px) and (max-device-width: 767px) {
    .ocbanner-content-new p:first-child {
        position: relative;
        left: -8px;
    }
    .ocbanner-content-new p.paola {
        position: relative;
        left: -1px;
    }
    .ocbanner-content-new p.solo {
        position: relative;
        left: 14px;
    }
}

@media only screen and (min-device-width: 480px) and (max-device-width: 580px) {
    .ocbanner-content-new p.solo {
        position: relative;
        left: 18px;
    }
    .ocbanner-content-new p.paola {
        position: relative;
        left: -3px;
    }
}


/************************* for IE11/10****************************/

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .fullnavigation .navbar-default .navbar-nav>li {
        margin: 0 70px 0 0;
    }
}

@media only screen and (min-width: 414px) and (max-width: 736px) {
    .ocbanner-content-new p:first-child {
        position: relative;
        left: -4px;
    }
    .ocbanner-content-new p.paola {
        position: relative;
        left: 4px;
    }
}

@media only screen and (min-width: 737px) and (max-width: 767px) {
    .ocbanner-content-new p.solo {
        position: relative;
        left: 10px;
    }
}

@media only screen and (min-width: 830px) and (max-width: 920px) {
    .fullnavigation .navbar-default .navbar-nav>li {
        margin-right: 5%;
    }
}

@media only screen and (min-width: 920px) and (max-width: 1024px) {
    .fullnavigation .navbar-default .navbar-nav>li {
        margin-right: 7.5%;
    }
}

.top-bg-text {
    position: relative;
    top: 16px;
    left: -30px;
}

.bg-1 {
    max-width: 570px;
    width: 98.5%;
    height: 100px;
    display: block;
    background-color: #004d74d9;
    transform: skewX(-5deg);
    position: absolute;
    left: 0;
    top: 0;
}

.bg-2 {
    transform: skewX(-5deg);
    display: block;
    color: #004d74;
    background: #b2d234de;
    max-width: 564px;
    width: 97%;
    height: 100px;
    position: absolute;
    left: 0;
    top: -6px;
    padding: 8px;
}

.bg-2 span.head-txt {
    max-width: 352px;
    width: 75%;
    display: block;
    float: right;
    transform: skewX(5deg);
    padding: 0 10px;
}

.smal-txt {
    font-family: 'Roboto-Bold';
    font-size: 11px;
    line-height: 14px;
    display: inline-block;
    color: #004d74;
    margin-bottom: 5px;
    margin-top: 3px;
}

.norml-txt {
    font-family: 'Roboto-Bold';
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    color: #004d74;
}

.landing-home .landing-hero-image {
    background-image: url(/content/dam/physician-services/us/590-lynparza-hcp-branded/hcp-oc/desktop/header-bg-home-desk.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.landing-home .OCBannerFootnotes {
    display: none;
}

@media screen and (max-width: 1024px) {
    .top-bg-text {
        position: relative;
        top: 6px;
        left: -30px;
    }
    .landing-home .OCBannerFootnoteright {
        left: 145px;
        bottom: 65px;
    }
}

@media screen and (max-width: 991px) {
    div#approvUse {
        margin-top: -124px !important;
        padding-top: 115px !important;
    }
    body.resource-library.video-library div#approvUse {
        margin-top: -124px !important;
        padding-top: 120px !important;
    }
    .landing-home .landing-hero-image {
        background-image: url(/content/dam/physician-services/us/590-lynparza-hcp-branded/hcp-oc/desktop/header-bg-home-mob.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
    }
    .landing-home .OCBannerFootnoteright {
        bottom: 10px;
        left: 4px;
        width: 34%;
        font-size: 9px;
        line-height: 11px;
    }
    span.head-txt p {
        margin: 0;
    }
    .top-bg-text {
        position: relative;
        top: 6px;
        left: -30px;
    }
    .bg-2 span.head-txt {
        width: 95%;
    }
    .landing-home .OCBannerFootnotes {
        bottom: 9%;
        font-size: 12px;
        line-height: 13px;
        left: 25px;
        max-width: 30%;
    }
    .smal-txt {
        font-size: 10px;
        line-height: 12px;
    }
    .norml-txt {
        font-size: 13px;
        line-height: 14px;
    }
    .container-center.graph {
        max-width: 1024px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }
    .ocbanner-content-new {
        margin: 0 !important;
        transform: none !important;
    }
    p.paola {
        transform: none;
        left: 3px;
    }
    p.solo {
        transform: none;
        left: 3px !important;
    }
    .bg-1,
    .bg-2 {
        height: 82px;
    }
    .ocbanner-content-new {
        max-width: 100%;
    }
    .ocbanner-content-new p {
        font-size: 16px;
        line-height: 20px;
    }
    .landing-home .oc-home-content .hero-content p {
        font-size: 14px;
        line-height: 18px;
    }
    .footnote {
        font-size: 12px !important;
        line-height: 14px !important;
    }
    .landing-home .m-callouts .m-callout .m-callout-inner p {
        font-size: 17px;
        line-height: 19px;
    }
    .landing-home .m-callouts .m-callout {
        padding: 0px 25px 18px 25px;
        margin: 9px 0px;
    }
    .landing-home .m-callouts .m-callout .m-callout-but a {
        margin-top: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        font-size: 20px;
        line-height: 19px;
        height: 50px;
        padding: 13px;
        text-align: left;
        padding-left: 34px;
        font-style: italic;
    }
    .landing-home .m-callouts .m-callout .m-callout-inner:first-child {
        padding: 11px 7px;
        padding-top: 13px;
    }
}


/* START - Mobile Styles */

@media (max-width: 767px) {
    div#approvUse {
        margin-top: -124px !important;
        padding-top: 125px !important;
    }
    body.resource-library.video-library div#approvUse {
        margin-top: -104px !important;
        padding-top: 110px !important;
    }
    .landing-home .OCBannerFootnoteright {
        bottom: 14%;
        right: 36%;
    }
    .home-landviva .navbar-collapse.in {
        overflow: hidden;
    }
    .landing-home .footnote.land.mobile {
        position: absolute;
        bottom: 9px;
        left: 14px;
    }
    .ocbanner-content-new p.paola {
        position: relative;
        left: 0px;
    }
    .hero-content {
        margin-top: 10px;
        margin-bottom: 18px;
    }
    .ocbanner-content-new p.solo {
        position: relative;
        left: 18px;
    }
    .ocbanner-content-new p:first-child {
        position: relative;
        left: 3px;
    }
    .oc-home-content {
        /*  margin-top: 90%;
                       margin-top: -23px;
    max-width: 87%;*/
        padding-bottom: 1px;
    }
    .ocbanner-content-new p {
        transform: skewX(0deg);
    }
    .ocbanner-content-new {
        max-width: 100%;
        margin: -28px 0px 6px 8px;
        padding: 4% 20px 5% 20px;
        transform: skewX(-10deg);
    }
    /* START - Header Styles */
    .fullnavigation .navbar-default .navbar-nav>li {
        margin: 0 45px;
    }
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-side-effects.sub-element {
        margin: 0 45px;
    }
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing,
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support {
        position: relative;
        right: auto;
        top: auto;
        background-color: #f0f0f0;
        padding: 10px;
        display: inline-flex;
        width: 100%;
    }
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing {
        padding-bottom: 0;
    }
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing a,
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support a {
        width: 100%;
        border-radius: 0;
        background-color: #004d74;
        font-size: 15px;
        font-family: 'Roboto-Bold';
        padding: 6px 40px
    }
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing a:hover,
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support a:hover,
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-dosing.active a,
    .fullnavigation .navbar-default .navbar-nav>li.olaparib-patient-support.active a {
        background-color: #004d74;
        border: none;
    }
    /* END - Header Styles */
    /* START - Home Page Styles */
    .landing-home .landing-content {
        padding-bottom: 0;
    }
    .landing-home .landing-hero-image {
        /* height: 320px;*/
        height: calc(100vw * 0.9);
    }
    .landing-home .hero-title h2 {
        font-size: 13px;
        line-height: 15px;
    }
    .landing-home .oc-home-content .hero-content p {
        font-size: 13px;
        line-height: 16px;
        margin-top: 0px;
    }
    .landing-home .oc-home-content .hero-content p.footnote {
        margin-top: 7px;
    }
    .landing-home .oc-home-content .hero-content p .indented {
        text-indent: -6px;
    }
    /*.landing-home .m-callouts {
		margin-top: 20px;
	}*/
    .landing-home .m-callouts {
        margin-top: 0px;
        padding-bottom: 20px;
    }
    .landing-home .oc-home-footnote {
        margin-left: -20px;
        margin-right: -20px;
        background-color: #ffffff;
        padding: 10px 20px 20px 20px;
    }
    /* END - Home Page Styles */
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    .bg-1,
    .bg-2 {
        height: 95px;
    }
    .landing-home .m-callouts .m-callout .m-callout-but a {
        padding-left: 16px;
    }
    .landing-home .bg-2 {
        width: 333px;
    }
    .landing-home .bg-1 {
        left: 20px;
    }
    .landing-home .landing-hero-image {
        height: calc(100vw * 0.99);
    }
    .landing-home .m-callouts .m-callout .m-callout-but a {
        font-size: 17px;
    }
}

@media screen and (min-width: 1366px) {
    .landing-home .callouts {
        position: absolute;
        right: 158px;
        top: 31.3%;
    }
}

@media screen and (min-width: 1899px) {
    .landing-home .callouts {
        position: absolute;
        right: 435px;
        top: 51.3%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .top-bg-text {
        position: relative;
        top: 10px;
        left: -170px !important;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    .landing-home .landing-hero-image {
        height: calc(100vw * 0.5);
    }
    .landing-home .m-callouts {
        margin-top: 18px;
    }
}

@media (min-width: 1024px) and (max-width: 1250px) {
    .landing-home .OCBannerFootnoteright {
        left: 10%;
    }
    .landing-home .container-center.graph {
        margin-top: 65px;
    }
}

@media (min-width: 330px) and (max-width: 340px) {
    .landing-home .bg-1 {
        left: 0px;
    }
}

@media (min-width: 340px) and (max-width: 350px) {
    .landing-home .bg-1 {
        left: -5px;
    }
}

@media (min-width: 351px) and (max-width: 374px) {
    .landing-home .bg-1 {
        left: -10px;
    }
}

@media (min-width: 992px) and (max-width: 1023px) {
    .landing-home .OCBannerFootnoteright {
        bottom: 70px;
        left: -16px;
        width: 34%;
        font-size: 9px;
        line-height: 11px;
    }
}