
/* animation code */
.home-10ya .text-container .flex-box{
	animation: fade 7s ease-in-out infinite;
}
.update-1 .static-box:has(~div.animation-container .box-1.flex-box.slide-show){
    animation: fade-in 5s forwards;
}
 
.update-1 .static-box:has(~div.animation-container .box-3.flex-box.slide-show){
    animation : fade-out 3s forwards;
    animation-delay: 5s;
}

@keyframes fade-in{
    from {
        opacity:0;
    }
    to{
        opacity: 1;
    }
}
@keyframes fade-out{
    from {
        opacity:1;
    }
    to{
        opacity:0;
    }
}

/* animation code */

.margin_0 {
    margin: 0 !important;
}
.update-1 .static-box:has(~div.animation-container .box-0.flex-box.slide-show),
.update-1 .static-box:has(~div.animation-container .box-0.flex-box.mlr-ss),
.update-1 .static-box.flex-0-visible {
   visibility: hidden;
}
.home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div {
    position: absolute;
}
.home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div p {
    font-size: 41px;
    line-height: 41px;
    font-style: italic;

}
a.pi-banner-link-home, a.pi-banner-link-home:hover {
    font-size: 18px;
    line-height: 16px;
    font-family: 'Roboto-Bold';
    text-align: center;
    width: 100%;
    display: block;
    color: #004D74;
    padding: 16px 0;
    background: #B2D234;
}
a.ipn-top-banner-link {
    display: none;
}
.home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div p {
    font-size: 41px;
    line-height: 41px;
    font-style: italic;
    margin-bottom: 10px;
    margin-left: 13%;
    font-family: "futura-pt", sans-serif;
    font-weight: 500;
}
.home-10ya .update-1 .cta-container .flex-container {
    justify-content: center;
    gap: 8px;
}
.home-10ya .update-1 .cta-container {
    padding: 8px 0px;
    margin-bottom: 20px;
}
.home-10ya .update-1 .cta-container .cta a {
    padding: 20px 10px;
} 
.home-10ya .update-1 .cta-container .cta .desc {
    line-height: 16px;
    margin-top: 3px;
    letter-spacing: -0.3px;
}
.home-10ya .update-1 .cta-container .cta .head {
    line-height: 16px;
}
.home-10ya .update-1 .cta-container .cta.pc a,.home-10ya .update-1 .cta-container .cta.oc a {
    padding: 12px 10px;
}
.home-10ya .update-1 .banner-content .footnotes {
    font-size: 12px;
    max-width: 398px;
    letter-spacing: 0 !important;
}
.home-10ya .update-1 .banner-content>.flex-container {
    margin-bottom: 80px;
}
.home-10ya .update-1 .banner-content .footnotes.desktop-view-only {
    padding: 0;
}
.home-10ya .update-1 .banner-content .footnotes.desktop-view-only > span {
    margin-left: -5px;
}  
.home-10ya .update-1 .banner-content .box-0 .footnotes > span {
    margin-left: -5px;
    /*margin-right: 4px;*/
}                                        
.home-10ya .update-1 .banner-content>.flex-container .static-box p {
    font-family: 'Roboto-Regular';
}
p.abbev-redesign, p.ref-list-redesign {
    font-size: 13px;
    line-height: 15px;
    font-family: 'Roboto-Light';            
}
p.ref-list-redesign > b {
    font-family: 'Roboto-Bold';
}
p.ref-list-redesign {
    margin: 60px auto;
} 
.home-10ya .update-1 .text-container .box-2 h2 p {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: .15px;
    font-weight: 700;
    font-style: italic;
}
.home-10ya .update-1 .text-container .box-2 h2:first-child p {
	margin:0;
}
.home-10ya .update-1 .text-container .box-2 h2:nth-child(3) p.indications .white-bg {
    margin-left: -5px;
    padding-left: 12px;
}
@keyframes fade {
    0%,100% {
        opacity: 0
    }
	20%{
		opacity : 1
	}
	80% {
        opacity: 1
    }
}
@media screen and (min-width:1004px) {
    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div {
    	left: -221px;
	}
    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div p {
        white-space: nowrap;
	}
    .home-10ya .update-1 .cta-container .cta, .home-10ya .update-1 .cta-container .cta a {
    	max-width: 334px;
	} 
	.home-10ya .update-1 .banner-content>.flex-container .animation-container:has(.box-2.slide-show), 
	.home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-2 , 
	.home-10ya .update-1 .text-container:has(.box-2.slide-show),
    .home-10ya .update-1 .banner-content>.flex-container .animation-container:has(.box-2.mlr-ss),
	.home-10ya .update-1 .text-container:has(.box-2.mlr-ss) {
    	max-width: 560px;
	}
	.home-10ya .update-1 .banner-imager p.not-real-patient {
    	left: -46px;
	}
    .home-10ya .update-1 .banner-content p.not-real-patient {
    	right: 32%;
	}
	.update-1 .text-container .box-2 > p:last-child {
    	max-width: 286px;
    	text-align: center;
    	margin: 16px 0 0;
	}
	.home-10ya .update-1 .text-container .box-2 h2:nth-child(2) p.indications {
        margin-bottom: 4px;
    }
}
@media screen and (min-width:1366px) {
	.home-10ya .update-1 .banner-content {
    	padding-top: 54px;
    	padding-bottom: 30px;
	}

}
@media screen and (max-width:1003px) {

       /* updated on 4-10 pc button */
    .home-10ya .update-1 .cta-container .cta.pc a,.home-10ya .update-1 .cta-container .cta.oc a {min-height: 79px;
      align-content: center;}
      /* updated on 4-10 pc button */

    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div {
    	left: -110px;
         top: 16px;
	} 
    .home-10ya .update-1 .cta-container {
    	padding: 15px 10px 24px;
        margin-bottom: 0;
	} 
    .home-10ya .update-1.home-page-main+.mobile-view-only {
    	margin-top: 8px;
	}

    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div p {
    	font-size: 21px;
    	line-height: 19px;
    	margin-bottom: 2px;
        margin-left: 36.5px;
	}

	body.home-1.home-10ya.home.global-redesign #maincontent {
    	margin-top: 121px !important;
	}
	body.home-1.global-redesign.home-page.home-additional-page.home1 .isi div#approvUse {
    	padding: 0 !important;
    	margin-top: 16px !important;
	}
	.home-10ya .update-1 .ct-home-banner>.flex-container>div {
    	padding: 40px 16px 0;
	}
    .home-10ya .update-1 .banner-content .box-0 .footnotes {
    	padding: 16px 11px 0;
    	margin: 0;
	}
    .home-10ya .update-1 .text-container .box-3 p:first-child {
        font-size: 28px;
        letter-spacing: -0.5px;
        margin-left: 3.5px;
    } 
    .home-10ya .update-1 .text-container .box-3 p.footnotes {
        margin: 0;
    }
    .update-1 .banner-content>.flex-container .animation-container .text-container .box-1 p {
        font-size: 32px;
        line-height: 38px;
        margin-right: 6px;
    } 
    .home-10ya .update-1 .banner-content>.flex-container .static-box {
        max-width: 103px;
    }   
    .home-10ya .update-1 .banner-content>.flex-container .static-box p {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.1px;
    }
    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div {
        max-width: 231px;
    }
	.home-10ya .update-1 .banner-content>.flex-container {
    	gap: 5px;
	}
    .home-10ya .update-1 .cta-container .cta a:after {
        right: 16px;
    }
	.home-10ya .update-1 .cta-container .cta.pc a,.home-10ya .update-1 .cta-container .cta.oc a {
    	padding-right: 30px;
	}
	.home-10ya .update-1 .text-container .box-2 h2:nth-child(2) p.indications .white-bg {
    	margin-right: 1px;
	}
    .home-10ya .update-1 .text-container .box-2 p.indications .white-bg .content {
        line-height: 28px;
        letter-spacing: -0.2px;
    }
	.home-10ya .update-1 .text-container .box-2 h2 p {
        font-size: 21px;
        line-height: 23px;
        letter-spacing: .1px;
    }
	.home-10ya .update-1 .text-container .box-2 h2:nth-child(3) p.indications .white-bg {
    margin-left: -5px;
    padding-left: 5px;
}
	    .home-10ya .update-1 .text-container .box-2 h2 p.indications {
        margin-left: 5px;
        margin-top: 10px;
        font-size: 21px;
        line-height: 21px;
        letter-spacing: -0.9px;
    }

    
      /* pmlr updated */
      .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div p {margin-bottom: 6px;}
      /* pmlr updated */
body.home.home-page.home-additional-page.home1.home-10ya .isi div#approvUse {
        padding-top: 0px !important;
            margin-top: 20px !important;
    }
}
@media screen and (min-width:1004px) and (max-width:1200px) {
    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div {
        left: -140px;
    }
    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div img {
        max-width: 415px;
    }  
    .home-10ya .update-1 .banner-content .footnotes.updated-one, .home-10ya .update-1 .banner-content .footnotes.desktop-view-only {
    	padding-right: 104px;
	}
} 
@media screen and (max-width:1367px) {
	.home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div img {
        max-width: 600px;
    } 
}
@media screen and (min-width:1004px) and (max-width : 1360px) {
    .home-10ya .home-page-main.update-1 .banner-imager {
        max-width: 63%;
        justify-content: flex-end;
    }

    .home-10ya .home-page-main.update-1 .ct-home-banner>.flex-container {
        justify-content: space-between;
    }

    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box>div img {
        max-width: 400px;
    }

    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box>div p {
        font-size: 31px;
    }

    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box>div {
        left: -140px;
    }

    .home-10ya .update-1 .banner-content>.flex-container {
        margin-bottom: 100px;
    }

    .home-10ya .update-1 .banner-content .footnotes.desktop-view-only {
        margin-bottom: 20px;
    }

    .home-10ya .update-1 .cta-container {
        padding-left: 20px;
        padding-right: 20px;
    }
	.home-10ya .update-1 .cta-container .cta a {
	    padding-right: 20px;
	    height: 100%;
	    align-content: center;
	}
}
@media screen and (max-width:370px) {
    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box>div img {
        max-width: 280px;
    }
    .home-10ya .update-1 .banner-content>.flex-container .animation-container .text-container>div.box-0.flex-box > div {
    	left: -95px;
	}

    .home-10ya .update-1 .banner-content .box-0 .footnotes {
        left: -101px;
    }

    .home-10ya .update-1 .banner-content>.flex-container .static-box {
        max-width: 90px;
    }

    .home-10ya .update-1 .text-container .box-2 p.indications .green-bg .content {
        font-size: 28px;
    }

    .home-10ya .update-1 .text-container .box-2 p.indications,
    .home-10ya .text-container .box-2 p.indications .white-bg .content {
        font-size: 17px;
    }

    .home-10ya .text-container .box-2>p:first-child {
        font-size: 16px;
    }

    .home-10ya .update-1 .cta-container .cta a {
        padding-right: 30px !important;
    }
}
@media screen and (min-width: 478px) and (max-width:1003px) {

}
@media screen and (min-width: 320px) and (max-width:356px) {
 .home-10ya .update-1 .cta-container .cta.oc a {
        padding: 12px 30px 12px 10px;
    }
}
@media screen and (max-width:329px) {
 .home-10ya .update-1 .cta-container .cta.bc a {
        padding: 12px 30px 12px 10px;
    }
}
@media screen and (min-width: 1003px) and (max-width:1160px){
    .home-10ya .update-1 .cta-container .cta.oc a{padding-right:25px;}
}

