/*<uid>2276</uid> <timestamp>1.6564.4834.3262</timestamp> <date>Tue Jun 28 2022 15:32:23 GMT-0500 (Central Daylight Time)</date>*/sup {
	vertical-align: text-top;
	font-size: 0.6em;
	line-height: 1.5em;
	display:inline-block;
}
#backgroundWhite {
    background-color:#ffffff;
    width:300px;
    height:600px;
    left:0px;
    top:0px;
}
#backgroundGreen {
    background-color:#D9F0EB;
    width:300px;
    height:600px;
    left:0px;
    top:0px;
}
#logoBackground {
    background-color: #009966;
    width: 203px;
    height: 68px;
    left: 0px;
    top: 0px;
    border-radius: 0px 0px 40px 0px;
}
#logo {
    background-image: url(../images/dupixent_white_w_shadow_300.min.svg);
    width: 226px;
    height: 79px;
    left: 42px;
    top: 78px;
}
#image {
    background-image: url(../images/image.jpg);
    width: 570px;
    height: 382px;
    left: -226px;
    top: -21px;
}
#imageGradient {
    background-image: url(../images/imageGradient.svg);
    width: 300px;
    height: 165px;
    top: 200px;
    left: 0px;
}
#chevron {
    background-image:url(../images/chevron.svg);
    width:1076px;
    height:476px;
    top: -39px;
    left: -1080px;
}
/*
font-family: 'Roboto', sans-serif; 500 700
font-family: 'Roboto Condensed', sans-serif; 700
*/
#text1,#text2,#text3,#text4,#text5,#presLinkText,#patLinkText {
    font-family: 'Roboto', sans-serif;
    white-space: nowrap;
    font-weight:700;
}


#text1 {
    font-size: 18px;
    left: 0px;
    top: 317px;
    color: #ffffff;
    background-color: rgba(0, 153, 102, .80);
    padding: 10px 0px 6px 0px;
    text-align: center;
    width: 100%;
    border-radius: 0px 52px 0px 0px;
}
.text1Large {
    font-family: 'Roboto Condensed', sans-serif; 
    font-weight:700;
    font-size:34px;
}
#text2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 32px;
    left: 0px;
    top: 454px;
    color: #FF9933;
    width: 100%;
    text-align: center;
    line-height: 1.3em;
}
.text2Green {
    color:#009966;
}
#text3 {
    font-size: 18px;
    left: 0px;
    top: 170px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    line-height: 1.1em;
}
#text4 {
    font-size: 18px;
    left: 0px;
    top: 142px;
    color: #009966;
    width: 100%;
    text-align: center;
    letter-spacing: 0.01em;
}
#text5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    background-color: #009966;
    color: #ffffff;
    font-size: 28px;
    left: 10px;
    top: 168px;
    width: 280px;
    text-align: center;
    padding: 4px 0px 2px 0px;
    letter-spacing: -0.01em;
    line-height: 1.1em;
    border-radius: 0px 30px 0px 0px;
}
#presLink {
    left: 20px;
    top: 340px;
}
#patLink {
    left: 176px;
    top: 340px;
}
#presLinkText,#patLinkText {
    font-size:12px;
}
a.stageLink:link,a.stageLink:visited { color:#ffffff; text-decoration:underline; }
a.stageLink:hover {color:#ffffff; text-decoration: none; }



#ctaHolder {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    height: auto;
    top: 254px;
    left: 24px;
    cursor: pointer;
}
#ctaBox {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px 15px;
    width: auto;
    height: auto;
    position: relative !important;
    background-color: #ffffff;
}
#ctaText {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 21px;
    width: 100%;
    text-align: center;
    height: auto;
    position: relative !important;
    white-space: normal;
    color: #009966;
    line-height: 1.0em;
    letter-spacing: -0.03em;
}
#ctaArrow {
    background-image: url(../images/arrow.png);
    width: 28px;
    height: 26px;
    position: relative !important;
    background-size: 58%;
    background-position: 12px 6px;
}
#ctaHotspot {
    width:100%;
    height:100%;
    background-color: transparent;
}