@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700&display=swap');

/* =================================================================================== //

                                          .   
                                        .o8   
oooo d8b  .ooooo.   .oooo.o  .ooooo.  .o888oo 
`888""8P d88' `88b d88(  "8 d88' `88b   888   
 888     888ooo888 `"Y88b.  888ooo888   888   
 888     888    .o o.  )88b 888    .o   888 . 
d888b    `Y8bod8P' 8""888P' `Y8bod8P'   "888" 
                                                          

// ==================================================================================== */

body,
html {
    height: 100%;
    width: 100%;
    margin: 0;
    min-height: 100vh;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
small {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-weight: inherit;
    font-family: 'Raleway', Helvetica, Verdana, sans-serif;
}

sup {
    font-size: 65%;
    vertical-align: super;
    line-height: 0;
    position: relative;
    z-index: 1;
    top: 1px;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    border: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

a {
    text-decoration: none;
    color: inherit;
}

address {
    font-style: inherit;
}

button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
}

svg {
    fill: currentColor;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* =================================================================================== //

           oooo             .o8                 oooo  
           `888            "888                 `888  
 .oooooooo  888   .ooooo.   888oooo.   .oooo.    888  
888' `88b   888  d88' `88b  d88' `88b `P  )88b   888  
888   888   888  888   888  888   888  .oP"888   888  
`88bod8P'   888  888   888  888   888 d8(  888   888  
`8oooooo.  o888o `Y8bod8P'  `Y8bod8P' `Y888""8o o888o 
d"     YD                                             
"Y88888P'                 

// ==================================================================================== */
@font-face {
    font-family: 'Gotham-Medium';
    src: url('../../media/fonts/gotham/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Druk-Bold';
    src: url('../../media/fonts/druk/Druk-Bold.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}


.drukBold 
{
    font-family: 'Druk-Bold';
    font-weight: 500;
}

html {
    font-size: 12px;
}

body {
    background-color: #ffffff;
    color: #191919;
    font-family: 'Raleway', Helvetica, Verdana, sans-serif;
    font-weight: 400;
}

section {
    width: 100%;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    padding: 0;
    text-align: left;
    overflow: hidden;
}

img {
    width: 100%;
    /* height: 100%; */
}


p {
    line-height: 1.4;
    font-size: 1rem;
    margin: 1rem 0;
    /* max-width: 100%; */
    letter-spacing: .057rem;
    font-weight: 400;
}

::selection {
    background-color: #425cc7;
    color: #fff;
}

::placeholder {
    color: #000000;
}

::-webkit-input-placeholder {
    /* Edge */
    color: #000000;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000;
}

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.popupLink {
    cursor: pointer;
}

.dialerUnderline {
    text-decoration: underline;
    -webkit-text-decoration: underline;
}

small {
    font-size: 87%;
    line-height: 1.5;
    letter-spacing: -.5px;
    position: relative;
}
.normal{
    font-weight: 400;
}
.medium {
    font-weight: 500;
}

.bold {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.larger {
    font-size: 115%;
}

.ls-0 {
    letter-spacing: 0!important;
}

.textLeft {
    text-align: left;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.sectionWrapper {
    width: 100%;
    height: 100%;
}
.lh2{
    line-height: 2rem;
}
.m0 {
    margin: 0;
}

.m1 {
    margin: 1rem 0;
}

.m2 {
    margin: 2rem 0;
}
.m3 {
    margin: 3rem 0;
}
.ml1 {
    margin-left: 1rem;
}
.mr1 {
    margin-right: 1rem;
}
.mr2 {
    margin-right: 2rem;
}
.mb0 {
    margin-bottom: 0rem;
}
.mb1 {
    margin-bottom: 1rem;
}
.mb2 {
    margin-bottom: 2rem;
}
.mb3 {
    margin-bottom: 3rem;
}
.mb4 {
    margin-bottom: 4rem;
}
.mb6 {
    margin-bottom: 6rem;
}

.mb25 {
    margin-bottom: 2.5rem;
}

.mt0 {
    margin-top: 0;
}

.mt1 {
    margin-top: 1rem;
}
.mt2 {
    margin-top: 2rem;
}
.margin60 {
    margin-bottom: 60px;
}
.mt3 {
    margin-top: 3rem;
}
.mt4 {
    margin-top: 4rem;
}
.mt6 {
    margin-top: 6rem;
}
.mt7 {
    margin-top: 7rem;
}
.p1 {
    padding: 1rem 1.3rem;
}
.p2 {
    padding: 2rem;
}
.pl1 {
    padding-left: 1rem;
}
.py2 {
    padding: 2rem 0;
}
.pb0 {
    padding-bottom: 0;
}
.pb1 {
    padding-bottom: 1rem;
}
.pb2 {
    padding-bottom: 2rem;
}
.px25 {
    padding: 0 2.5rem;
}
.px3 {
    padding: 0 2.1rem 0 2.1rem;
}
.overflowV{
    overflow: visible;
}
.autoMargin {
    margin: 0 auto;
}

.borderNone {
    border: none;
}

.textNoWrap {
    white-space: nowrap;
}

.breakAll {
    word-wrap: break-word;
}

.pointer {
    cursor: pointer;
}

.relative {
    position: relative;
}

.IEfix {
    width: 100%;
    min-height: 1px;
}

.noScroll {
    overflow: hidden;
}

.indentBefore {
    position: absolute;
    /* display: inline; */
    width: 17px;
    text-align: right;
    left: -14px;
}

.indentAfter {
    margin-left: .25rem;
    display: block;
}

.visually-hidden {
    /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.visually-hidden a:focus,
.visually-hidden input:focus,
.visually-hidden button:focus {
    position: static;
    width: auto;
    height: auto;
}


/* Color Overrides*/
.textWhite {
    color: #ffffff;
}

.textGreen {
    color: #53BBA8;
}

.textBlue {
    color: #243D95;
}

.textBlack {
    color: #000000;
}

.greenBackground {
    background-color: #53BBA8;
}

.medGreenBackground {
    background-color: #74c9b9;
}

.lightGreenBackground {
    background-color: #D6EFEA;
}

.lightBlueBackground {
    background-color: #DBE3FC;
}
.medBlueBackground {
    background-color: #C3CFF6;
}
.blueBackground {
    background-color: #243E97;
}

.lightPinkBackground {
    background-color: rgb(249, 190, 200);

}

.pinkBackground {
    background-color: rgb(244, 140, 158);

}

.yellowBackground {
    background-color: #fbe7a9;
}

/* Flex */
.order0 {
    order: 0;
}
.order1 {
    order: 1;
}
.flex {
    display: -webkit-flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
}
.wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flexColumn {
    display: -webkit-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.noShrink {
    flex: 1 0 auto;
}
.alignStart {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
}
.alignCenter {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.alignEnd {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
}
.alignSelfCenter {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    -o-align-self: center;
    align-self: center;
}
.alignSelfEnd {
    -webkit-align-self: end;
    -moz-align-self: end;
    -ms-align-self: end;
    -o-align-self: end;
    align-self: end;
}
.alignContentStart {
    -webkit-align-content: flex-start;
    -moz-align-content: flex-start;
    -ms-align-content: flex-start;
    -o-align-content: flex-start;
    align-content: flex-start;
}
.alignContentCenter {
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    align-content: center;
}
.justifyStart {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}
.justifyAround {
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
}
.justifyCenter {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.justifyBetween {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.justifyEnd {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}
.break{
    flex: 0 0 100%;
}
.indentBefore {
    position: absolute;
    /* display: inline; */
    width: 10px;
    text-align: end;
    left: -7px;
}
.indentAfter {
    margin-left: .3rem;
    display: block;
}

.hide {
    display: none;
}
.hideOverride{
    display: none!important;
}
.d-block {
    display: block;
}

.buttonTemplate {
    background-color: #243D95;
    border-radius: 2.15rem;
    width: 11.9rem;
    height: 3.2rem;
    color: #ffffff;
    cursor: pointer;
    font-weight: 700;
    font-size: 1rem;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    display: -webkit-flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    text-transform: uppercase;
    position: relative;
    letter-spacing: .075rem;
    margin: 1.95rem 0 0 0;
    transition: ease-in-out 0.15s;
}

.buttonTemplate:hover,
.fileButtonTemplate:hover {
    background-color: #3B59C2;
}
.fileButtonTemplate .arrow{
    position: static;
    margin-left: .85rem;
    margin-right: .5rem;
}
/* Other button types */
.buttonTemplate.whiteButton {
    background-color: #ffffff;
    color: #243D95;
}

.buttonTemplate.whiteButton:hover {
    background-color: #DBE3FC;
}

.buttonTemplate.tealButton,
.fileButtonTemplate.tealButton {
    background-color: #53BBA8;
}

.buttonTemplate.tealButton:hover,
.fileButtonTemplate.tealButton:hover  {
    background-color: #69C4B3;
}

.buttonTemplate span {
    margin-left: -0.75rem;
}

.fileButtonTemplate {
    background-color: #243D95;
    border-radius: 1.36rem;
    width: 19.7rem;
    height: 4.2rem;
    color: #ffffff;
    cursor: pointer;
    font-weight: 700;
    font-size: .929rem;
    line-height: 1.15rem;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    display: -webkit-flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    position: relative;
    letter-spacing: .073rem;
    margin: 1.95rem 0 0 0;
    text-align: left;
    transition: ease-in-out 0.15s;
    padding: 0 1.28rem;
}
.fileButtonTemplate span{
    width: 13.14rem;
    margin-left: .75rem;
    padding-top: .2rem;
}
.fileType{
    width: 1.42rem;
}
.fileButtonTemplate .icon
{
    width: 1.75rem;
}
.textLink{margin-right: 1rem;}
.textLink img{
    width: .9rem;
    margin-bottom: -.1rem;
}
.arrow {
    width: .4rem;
    position: absolute;
    right: 1rem;
    padding-bottom: .1rem;
}

.fullWidth {
    width: 115%;
    margin-left: -1.57rem;
    margin-right: -1.57rem;
}

/* =================================================================================== //
 
 o8o            o8o  
 `"'            `"'  
oooo  oooo d8b oooo  
`888  `888""8P `888  
 888   888      888  
 888   888      888  
o888o d888b    o888o 
                                          
// ==================================================================================== */
#mobileISIShortDisplay .mobileISIHeader {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

#mobileISIShortDisplay p:not(.mobileISIHeader) {
    color: #ffffff;
    font-size: .85rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .033rem;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding: .5rem .5rem;
    width: 22rem;
    margin: 0;
}

#isiWarning {
    background-color: #ffffff;
}

#isiReadFullButton {
    color: #243E97;
    position: absolute;
    right: .75rem;
    margin-top: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    top: .5rem;
}

.isiWarningContent h2 {
    font-size: 1.45rem;
    color: #243D95;
    font-weight: 700;
    margin: 1.5rem 0 1rem;
    line-height: 1.2;
}

.isiWarningContent h3 {
    font-size: 1.15rem;
    margin: 1rem 0 .75rem;
    color: #243E97;
}

.isiWarningContent p {
    font-size: .9rem;
    letter-spacing: .07rem;
    line-height: 1.65;
    margin: 0;
}

.isiWarningContent .warningBox ul {
    margin: 0;
}

.isiWarningContent h4 {
    padding-bottom: .5rem;
    font-weight: 700;
    margin: 1rem 0 0 !important;
    font-size: 1rem;
}

.isiWarningContent {
    font-size: 1rem;
    color: #000000;
    padding-top: 0;
    border-top: .3rem solid #243D95;
}

.isiWarningContent ul li {
    line-height: 1.6;
    font-size: .9rem;
    margin-top: 1rem;
    letter-spacing: .045rem;
    padding-right: 1.25rem;
}

.isiWarningContent ul {
    list-style: none;
    margin: 0 0 0 1.25rem;
}


.warningBox h3 {
    color: #000000;
    letter-spacing: .045rem;
}


.warningBox {
    border: 2px solid #000000;
    padding: 1rem .5rem;
    margin: 1rem 0 2rem;
    text-align: center;
    font-weight: 700;
}

.warningBox ul li {
    font-size: 1.1rem;
    line-height: 1.25;
    position: relative;
    padding-left: 1rem;
}

.isiWarningContent li {
    position: relative;
}

.isiWarningContent ul li::before {
    content: '\2022';
    position: absolute;
    left: -1.1rem;
    font-size: 2rem;
    top: -.8rem;
    color: #243D95;
}

.warningBox ul li::before {
    content: '\2022';
    position: absolute;
    left: 0;
    font-size: 2rem;
    top: -.6rem;
    color: #000000;
}

.warningBox p {
    font-style: italic;
    font-weight: 700;
    font-size: 1.21rem;
    margin: 0 auto;
    line-height: 1.2;
    letter-spacing: .01rem;
}

.warningBox h4 {
    text-align: center;
    padding-bottom: .5rem;
    font-weight: 700;
    color: #000000 !important;
}

.subList li {
    list-style-type: circle;
    list-style-position: inside;
}


/* =================================================================================== //
                                  
ooo. .oo.    .oooo.   oooo    ooo 
`888P"Y88b  `P  )88b   `88.  .8'  
 888   888   .oP"888    `88..8'   
 888   888  d8(  888     `888'    
o888o o888o `Y888""8o     `8'     

// ==================================================================================== */
/* Mobile Hamburger Menu */
.menu-toggle {
    width: 2.5rem;
    height: 2rem;
    position: absolute;
    top: 1.4rem;
    right: 1.75rem;
    cursor: pointer;
    z-index: 99;
    padding-top: .2rem;
}

.menu-toggle.on .one {
    -o-transform: rotate(45deg) translate(.39em, .39rem);
    -moz-transform: rotate(45deg) translate(.39em, .39rem);
    -ms-transform: rotate(45deg) translate(.39em, .39rem);
    -webkit-transform: rotate(45deg) translate(.39em, .39rem);
    transform: rotate(45deg) translate(.39em, .39rem);
}

.menu-toggle.on .two {
    opacity: 0;
}

.menu-toggle.on .three {
    -o-transform: rotate(-45deg) translate(.5rem, -.625rem);
    -moz-transform: rotate(-45deg) translate(.5rem, -.625rem);
    -ms-transform: rotate(-45deg) translate(.5rem, -.625rem);
    -webkit-transform: rotate(-45deg) translate(.5rem, -.625rem);
    transform: rotate(-45deg) translate(.5rem, -.625rem);
}

.one,
.two,
.three {
    width: 100%;
    height: .313rem;
    background: #243D95;
    margin: .34rem auto;
    backface-visibility: hidden;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.navWrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

#topNavigation {
    z-index: 1;
    position: relative;
    /* top: 0; */
    width: 100%;
    background-color: #243D95;
    color: #ffffff;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 99;
}

#topNavigation li {
    text-align: left;
}

#topNavigation li:nth-of-type(3),
#topNavigation li:nth-of-type(4) {
    text-align: right;
}

#topNavigation li:nth-of-type(even) {
    order: 1;
    margin-bottom: 0;
}

#topNavigation li:nth-of-type(3) {
    order: 0;
}

.navItems {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    position: fixed;
    background-color: rgba(36, 61, 149, .89);
    top: 10.3rem;
    bottom: 0;
    /* left: 0; */
    z-index: 9;
    height: 100%;
    /* visibility: hidden; */
    right: -9000px;
    padding: 2rem 0 0;
    width: 100%;
    /* display: none; */
    overflow-y: scroll;
    /* opacity: 0; */
    transition: right ease-in-out 0.5s;
}

.navItems.navigationOpen {
    display: flex;
    /* right: 0; */
    top: 9.9rem;
    bottom: 0;
    z-index: 9;
    /* left: 0; */
    /* position: fixed; */
    /* visibility: visible; */
    height: auto;
    width: 100%;
    opacity: 1;
    transition: right ease-in-out 0.5s;
    right: 0;
}

#mainNavigation {
    background-color: #ffffff;
    padding: .75rem 0;
    position: relative;
    z-index: 99;
    /* top: 5rem; */
    /* transition: all 350ms ease-in-out; */
}

#mainNav .linksPI.navigationOpen {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    -o-align-content: center;
    align-content: center;
    text-align: left;
    font-size: 1.5rem;
    padding: 1rem 1rem 3rem;
    top: 90px;
    opacity: 1;
    z-index: 1;
    transition: all 350ms ease-in-out;
    visibility: visible;
    position: absolute;
}

#mainNav .linksPI li:last-of-type {
    border-bottom: 1px solid transparent;
}

.headerLogo {
    width: 8.75rem;
    margin-left: 2rem;
}

#mobileMenu {
    padding: 2rem;
}

#mobileMenu img {
    max-width: 40px;
}

#mainNavigation li a {
    padding: 1.25rem 2rem;
    display: block;
    font-size: 1.15rem;
    letter-spacing: 1px;
    /* line-height: 0.56rem; */
    color: #ffffff;
    font-weight: 700;
}

#mainNavigation li a:hover {
    color: #69C4B3;
}

.navItems li {
    width: 100%;
    text-align: center;
    position: relative;
}

.navItems li::after {
    border-bottom: 1px solid #f5f7ff;
    width: 16.25rem;
    content: "";
    /* height: 1rem; */
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.33;
}

#closeMobileMenu {
    font-size: 3rem;
    padding: 1rem;
    margin-bottom: 2rem;
}

#closeMobileMenu i {
    margin: 0;
}


/*ff fix*/
.logo img {
    min-height: 50px;
}

#topNavigation .linksPI {
    width: 100%;
    max-width: 100%;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    padding: .8rem 1.65rem;
    font-size: .72rem;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 0;
    flex-direction: row;
}



.linksPI {
    /* background-color: #ffffff; */
    width: 70%;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    align-content: center;
    /* align-items: center; */
    padding: 1rem;
    color: #243E97;
    font-weight: 700;
    font-size: .9rem;
}

.linksPI li {
    text-align: center;
    /* border-bottom: 3px solid transparent; */
    flex: 0 0 50%;
    padding: 0;
    margin-bottom: .5rem;
}

.linksPI li a {
    display: inline-block;
}

#mainNav .linksPI li a {
    padding: 1rem 0 .2rem;
    font-size: 1.5rem;
}

#mainNav {
    position: relative;
    justify-content: space-between;
}

#mainNav .linksPI {
    opacity: 0;
    position: absolute;
    background-color: #ffffff;
    left: 0;
    /* z-index: 1; */
    width: 100%;
    max-width: 100%;
    visibility: hidden;
}

#mobileMenuButton {
    position: relative;
    z-index: 99;
    background-color: #ffffff;
}

.logoWrapper {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    padding: 0 1rem 0;
    /* z-index: 100; */
    max-width: 50%;
    position: relative;
}

#registrationCTA {
    width: 8.25rem;
    height: 2.45rem;
    font-size: .8rem;
    position: absolute;
    right: 5rem;
    font-weight: 500;
    text-transform: none;
    margin: 0;
}

#registrationCTA .icon-small {
    margin-right: 0.5rem;
}

.icon-small {
    width: 1.1rem;
    height: 1.1rem;
}

/* =================================================================================== //

                   o8o        .o8   .oooooo..o                      
                   `"'       "888  d8P'    `Y8                      
ooo. .oo.  .oo.   oooo   .oooo888  Y88bo.       .ooooo.   .ooooo.  
`888P"Y88bP"Y88b  `888  d88' `888   `"Y8888o.  d88' `88b d88' `"Y8 
 888   888   888   888  888   888       `"Y88b 888ooo888 888       
 888   888   888   888  888   888  oo     .d8P 888    .o 888   .o8 
o888o o888o o888o o888o `Y8bod88P" 8""88888P'  `Y8bod8P' `Y8bod8P' 
                                                                                                       

// ==================================================================================== */
h1 {
    font-size: 1.29rem;
    line-height: 2rem;
    text-transform: uppercase;
    font-weight: 700;
}

h2 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.85rem;
    letter-spacing: .125rem;
    /* margin: 2.25rem 0; */
    text-transform: uppercase;
}

h3 {
    font-size: 1.15rem;
    font-weight: 700;
}

.icon {
    width: 5.75rem;
}
.iconSmall{
    width: 3.72rem;
}
.footnote {
    font-size: .715rem;
    line-height: 1rem;
    letter-spacing: .056rem;
}

.small {
    font-size: .85rem;
}

.hero {
    margin-top: 10rem;
    overflow: hidden;
    position: relative;
    border-bottom: .57rem solid #243D95;
    min-height: 14rem;
}


h1 .headlineLarge {
    font-size: 2.5rem;
}

.hero h1 {
    padding-left: 4.64rem;
    letter-spacing: .1rem;
}

section>div.sectionWrapper {
    padding: 0 1.57rem;
}

.iconCenterLine {
    position: relative;
    text-align: center;
    margin: 2rem -1.57rem;
    width: 115%;
}

.iconCenterLine::after {
    border-bottom: .014rem solid #53BBA8;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 50%;
    left: 0;
    z-index: 0;
    opacity: .9;
}

.iconCenterLine .icon {
    position: relative;
    z-index: 1;
    border: .014rem solid #ffffff;
}

.partialBorderLine {
    position: relative;
    text-align: center;
    margin: 0 -1.57rem 2rem;
    width: 115%;
    border-bottom: .07rem solid #53BBA8;
    font-size: 1rem;
}

.partialBorderLine::after {
    border-bottom: .65rem solid #53BBA8;
    width: 70%;
    content: "";
    position: absolute;
    /* bottom: 50%; */
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}

.referenceWrapper {
    line-height: 0;
    margin: 3.5rem 0 7rem;
}

#references p {
    font-size: .715rem;
    display: inline;
    font-weight: 700;
}

#references ol {
    list-style: none;
    counter-reset: ol-counter;
    font-size: .715rem;
    margin: 0;
    padding: 0;
    display: inline;
}

#references ol li {
    counter-increment: ol-counter;
    display: inline;
    letter-spacing: .057rem;
    line-height: 1.4;
}

#references ol li::before {
    content: counter(ol-counter) ". ";
    font-weight: 700;
}

h2.alternateSize {
    font-size: 1.28rem;
    letter-spacing: .1rem;
}
.ctaBanner {
    padding: 1.25rem 0;
    letter-spacing: .075rem;
}

.ctaBanner .arrow {
    padding: .15rem 0 0 0;
    margin-left: .5rem;
    width: .45rem;
    position: static;
}
.ctaBanner:hover {
    background-color: #3B59C2;
}
.ctaBanner.greenBackground:hover {
    background-color: #69C4B3;
}
.ctaBanner .icon{
    width: 2.1rem;
    position: relative;
    left: -0.5rem;
    top: .25rem;
    margin-top: -.5rem;
}
.ringList li{
    position: relative;
    padding-left: 1.25rem;
    z-index: 1;
    text-align: left;
    margin: 1rem 0 0 .75rem;
    line-height: 1.35rem;
}
.checkList li{
    position: relative;
    padding-left: 1.75rem;
    margin-left: .75rem;
    margin-bottom: 1.2rem;
    z-index: 1;
    line-height: 1.29rem;
    text-align: left;
}
.ringList li:before{
    line-height: 2rem;
    position: absolute;
    border-radius: 50%;
    height: .78rem;
    width: .75rem;
    border: .15rem solid #53BBA8;
    content: "";
    left: 0;
    top: .2rem;
}
.ringList.blueRing li:before{
    border: .15rem solid #243D95;
    top: .3rem;
}
.topBorderBlue{
    border-top: .09rem solid #243D95;
}
.checkList li:before{
    line-height: 2rem;
    position: absolute;
    background-image: url("../../media/images/check-circle-icon.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 1.2rem;
    width: 1.2rem;
    content: "";
    left: 0;
    top: .2rem;
}
.linkTarget {
    border-top: 9rem solid transparent;
    margin-top: -9rem !important;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    display: block;
    width: 100%;
    z-index: -1;
    /* position: absolute; */
    /* top: 0; */
    visibility: hidden;
}
/* =================================================================================== //
oooo                                              
`888                                              
 888 .oo.    .ooooo.  ooo. .oo.  .oo.    .ooooo.  
 888P"Y88b  d88' `88b `888P"Y88bP"Y88b  d88' `88b 
 888   888  888   888  888   888   888  888ooo888 
 888   888  888   888  888   888   888  888    .o 
o888o o888o `Y8bod8P' o888o o888o o888o `Y8bod8P' 
// ==================================================================================== */

#homepageHero {
    padding:3rem 2.8rem 11.8rem;
    border-bottom: none;
    background-image: linear-gradient(#53BBA8, #306D61);
}


#homepageText {
    position: relative;
    left: 7rem;
    z-index: 1;
    top: 1.65rem;
}

#thatsFreedom {
    font-size: 2.2rem;
    line-height: 3.1rem;
}

#freedomText
{
    font-size:4.5rem;
    letter-spacing: 2.5px;
}

#homepageHero h1 {
    color: #ffffff;
    font-weight: 600;
    font-size: 1.95rem;
    line-height: 1.2;
    z-index: 1;
    padding-left: 0;
    letter-spacing:1px; 
}

#homepageHero h1 .headlineLarge {
    font-size: 1.9rem;
    line-height: 1.9rem;
    display: block;
    /* font-weight: 700; */
}

#homepageAnimation {
    position: absolute;
    top: -.25rem;
    height: 26.5rem;
    width: 27.5rem;
    right: -8rem;
}

#effectiveAndLasts>div {
    padding-top: 3rem;
    padding-bottom: 5rem;
}

#effectiveAndLasts p.wide {
    letter-spacing: .2rem;
}

#ringImage {
    width: 11.7rem;
}

#womenWhoUse {
    overflow: visible;
}

#womenWhoUse>div {
    height: 24.7rem;
}
#womenWhoUse h2 {
    font-size: 1.4rem;
}
#womenWhoUse h2 sup {
    font-weight: 400;
}
#womenWhoUse .textWrapper {
    width: 64%;
    margin-left: auto;
    z-index: 1;
}

#womenWhoUse .sectionBackgroundImage {
        position: absolute;
        left: -10.7rem;
        width: 24.5rem;
        z-index: 0;
        top: 0rem;
 }

 #homepageHero .sectionBackgroundImage {
    position: absolute;
    left: 0rem;
    bottom: -0.2rem;
    width: 22.8rem;
}

#homepageLearnMore {
    position: relative;
    top: 3.2rem;
    right: 6rem;
}

 #highPatient
 {
    font-size:0.9rem;
 }

 #ownedAndOperated h2, #ownedAndOperated p 
    {
        text-align: right;
    }

    #forTheFirstTime
    {
        font-size:1.1rem;
    }


#ownedAndOperated>div {
    padding-top: 5.8rem;
    padding-bottom: 5rem;
}

#ownedAndOperated .sectionBackgroundImage {
    position: absolute;
    left: 0;
    width: 11.5rem;
    z-index: -1;
    bottom: 4rem;
}

#annoveraIsCovered {
    border-top: .3rem solid #243D95;
    padding-top: 2.9rem;
}

#annoveraIsCovered h2 {
    line-height: 0;
}

#annoveraIsCovered h2 span:first-of-type {
    line-height: 3rem;
}

#annoveraIsCovered h2 .small {
    font-size: 1.2rem;
    line-height: 1.5rem;
}

#annoveraIsCovered h3 {
    background-color: rgba(36, 61, 149, .8);
    color: #ffffff;
    padding: .3rem 0;
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 1.3rem;
    letter-spacing: .1rem;
    line-height: 1.9rem;
    font-weight: 800;
}

#centerStripe {
    margin-top: 7.6rem;
    margin-bottom: 0;
    height: 10.4rem;
}

#annoveraIsCovered .cardImage {
    width: 22.57rem;
    transform: translateY(-8rem);
    margin-bottom: -8rem;
}

#annoveraIsCovered p:not(.foonote) {
    flex: 0 0 100%;
}

#openHand {
    position: absolute;
    right: -3rem;
    width: 21rem;
    top: 14rem;
    pointer-events: none;
}

/* =================================================================================== //

           .o8                                 .   
          "888                               .o8   
 .oooo.    888oooo.   .ooooo.  oooo  oooo  .o888oo 
`P  )88b   d88' `88b d88' `88b `888  `888    888   
 .oP"888   888   888 888   888  888   888    888   
d8(  888   888   888 888   888  888   888    888 . 
`Y888""8o  `Y8bod8P' `Y8bod8P'  `V88V"V8P'   "888" 
                                                   
// ==================================================================================== */
#ringHero {
    width: 3.68rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#itsTimeForANNOVERA h2 .subHeader {
    font-size: 2.07rem;
    display: block;
}

#itsTimeForANNOVERA>div {
    padding-top: 2.71rem;
    padding-bottom: 2.5rem;
}

#itsTimeForANNOVERA h3 {
    line-height: 1.57rem;
    letter-spacing: .09rem;
}

#timeForAnnoveraChart {
    width: 115%;
    margin: 1rem -1.57rem;
    margin-bottom: 1rem;
}

#timeForAnnoveraChart .column {
    width: 50%;
}

#timeForAnnoveraChart .header {
    color: #ffffff;
    font-size: 1.07rem;
    height: 2.93rem;
    text-transform: none;
    padding: 0;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}

#chartLegend {
    width: 100%;
    position: absolute;
}

#timeForAnnoveraChart img {
    width: 1.4rem;
}

#timeForAnnoveraChart p {
    font-weight: 700;
    width: 100%;
    height: 4.35rem;
    margin: 0;
    font-size: .72rem;
    text-transform: uppercase;
    display: -webkit-flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    padding: .25rem 0 .5rem;
}

#timeForAnnoveraChart #chartLegend p {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
}

#timeForAnnoveraChart p.chartIcon {
    font-size: 1rem;
    border-bottom: .09rem solid rgba(112, 112, 112, .15);
}

#timeForAnnoveraChart p sup {
    top: .25rem;
}

#timeForAnnoveraChart p.chartIcon sup {
    top: -.8rem;
}

#ANNOVERAColumn {
    background: rgb(83, 187, 168);
    background: linear-gradient(180deg, rgb(83, 187, 168) 0%, rgb(83, 187, 168) 14%, rgb(226, 243, 240) 14%, rgb(248, 249, 252)100%);
}

#ANNOVERAColumn p:not(.header) {
    border-right: .09rem solid rgba(112, 112, 112, .15);
}

#IUDColumn {
    background: rgb(36, 61, 149);
    background: linear-gradient(180deg, rgb(36, 61, 149) 0%, rgb(36, 61, 148) 14%, rgb(218, 222, 237) 14%, rgb(248, 249, 252) 100%);
}

#demandForLongTerm>div.sectionWrapper {
    padding-bottom: 4.5rem;
}

#demandForLongTerm .column h3 {
    letter-spacing: .09rem;
}

#demandForLongTerm .column p {
    font-size: .85rem;
    line-height: 1rem;
    padding: 0 1rem;
}

#examineANNOVERA h2 {
    line-height: 1.86rem;
}

#examineANNOVERA picture {

    width:32rem;
}

#examineANNOVERA h2 .subHeader {
    font-size: 2.6rem;
    display: block;
    line-height: 2.57rem;
    padding-top: .75rem;
}

/* =================================================================================== //

           .o88o.  .o88o.  o8o                                            
           888 `"  888 `"  `"'                                            
 .ooooo.  o888oo  o888oo  oooo   .ooooo.   .oooo.    .ooooo.  oooo    ooo 
d88' `88b  888     888    `888  d88' `"Y8 `P  )88b  d88' `"Y8  `88.  .8'  
888ooo888  888     888     888  888        .oP"888  888         `88..8'   
888    .o  888     888     888  888   .o8 d8(  888  888   .o8    `888'    
`Y8bod8P' o888o   o888o   o888o `Y8bod8P' `Y888""8o `Y8bod8P'     .8'     
                                                              .o..P'      
                                                              `Y8P'

// ==================================================================================== */

#efficacyHero h1 {
    font-size: 2rem;
    padding-left: 1.6rem;
    line-height: 2.43rem;
    margin-top: 2.8rem;
}

#efficacyAnimation {
    width: 10.5rem;
    margin: 1rem auto;
}

#efficacyHero h2 {
    border-radius: 50%;
    width: 6.43rem;
    height: 6.43rem;
    font-size: 1.15rem;
    position: absolute;
    top: 11.3rem;
    right: 2.57rem;
}

#efficacyHero h2 .subHeader {
    font-size: .92rem;
    letter-spacing: .02rem;
}

#designedToContinuously h2 {
    font-size: 1rem;
    line-height: 1.35rem;
    letter-spacing: .2rem;
    text-transform: none;
}

#designedToContinuously p {
    font-size: .86rem;
    position: absolute;
    letter-spacing: 0;
    bottom: -2.5rem;
}

#designedToContinuously p.left {
    left: 0;
}

#designedToContinuously p.right {
    right: 0;
}

#designedToContinuously>div.sectionWrapper {
    padding-bottom: 8.5rem;
}

#segesteroneAcetate>div.sectionWrapper {
    padding-bottom: 6rem;
}

#segesteroneAcetate h3,#demonstratedTolerability h3 {    
    font-size: 1.14rem;
    letter-spacing: .09rem;
}

#segesteroneAcetate p {
    font-size: .85rem;
}

#segesteroneAcetate>div .flexColumn {
    width: 16.15rem;
}

#demonstratedTolerability>div.flexColumn {
    border-top: .3rem solid #53BBA8;
    padding: 4rem 2rem;
}

#demonstratedTolerability>div.flexColumn::before {    
    background-color: #53BBA8;
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: -2.1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
}
#demonstratedTolerability .textWrapper{
    width: 100%;
}
#mostCommonAdverse>div.flexColumn::before {
    border-top: .08rem solid #000000;
    width: 85%;
    content: "";
    position: absolute;
    top: 0;
}
#mostCommonAdverse>div.flexColumn::after {
    width: 15.2rem;
    height: 15.2rem;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 21rem;
    background-color: #A0D9CE;
    z-index: 0;
    right: -7.6rem;
}
#mostCommonAdverse>div.flexColumn{
    padding-top: 2rem;
}
#explorePatientExpCTA{
    padding: .65rem 0;
}
/* =================================================================================== //

                         .                                       
                       .o8                                       
oo.ooooo.   .oooo.   .o888oo     .ooooo.  oooo    ooo oo.ooooo.  
 888' `88b `P  )88b    888      d88' `88b  `88b..8P'   888' `88b 
 888   888  .oP"888    888      888ooo888    Y888'     888   888 
 888   888 d8(  888    888 .    888    .o  .o8"'88b    888   888 
 888bod8P' `Y888""8o   "888"    `Y8bod8P' o88'   888o  888bod8P' 
 888                                                   888       
o888o                                                 o888o      

// ==================================================================================== */
#experienceHero{
    padding: 2.5rem 0 0 1.6rem;
    overflow: visible;
}
#experienceHero h1{
    padding-left: 0;
}
#experienceHero .footnote{
    letter-spacing: 0;
}
#experienceHero picture {
    position: absolute;
    top: 2.5rem;
    /* height: 26.5rem; */
    width: 8.25rem;
    right: 0;
}
#learnWhy h3{
    font-size: 1rem;
    letter-spacing: .08rem;
}
#womenRated h2{
    font-size: 1rem;
    text-transform: none;
}
#designedWithHer picture{
    width: 17rem;
}
#designedWithHer .ringList li{
    margin-left: 0;
}
#rightForYour p{
    letter-spacing: .079rem;
}
#empowerHer >div.sectionWrapper{
    padding-top: 5.4rem;
    padding-bottom: 6rem;
}
#empowerHer>div.sectionWrapper::after {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 5rem;
    background-color: #DBE3FC;
    z-index: 0;
    left: -5rem;
}

#successfullyStarting .ringList{
    padding-right: 1.5rem;
    max-height: 100%;
}

#successfullyStarting .listWrapper{
    /* width: 115%; */
    /* width: 100%; */
    margin-left: -1.75rem;
    margin-right: -1.75rem;
    padding: 0 1.57rem;
    padding: 0 2rem;
}
#successfullyStarting .listWrapper::after,
#successfullyStarting .listWrapper::before{
    width: 115%;
    margin-left: -1.75rem;
    margin-right: -1.75rem;
    border-bottom: .5rem solid #ffffff;
    content: "";
    position: absolute;
    /* width: 100%; */
    left: 0;
}
/* =================================================================================== //
                                o8o                                  
                                `"'                                  
 .oooo.o  .oooo.   oooo    ooo oooo  ooo. .oo.    .oooooooo  .oooo.o 
d88(  "8 `P  )88b   `88.  .8'  `888  `888P"Y88b  888' `88b  d88(  "8 
`"Y88b.   .oP"888    `88..8'    888   888   888  888   888  `"Y88b.  
o.  )88b d8(  888     `888'     888   888   888  `88bod8P'  o.  )88b 
8""888P' `Y888""8o     `8'     o888o o888o o888o `8oooooo.  8""888P' 
                                                 d"     YD           
                                                 "Y88888P'         

// ==================================================================================== */    
#savingsHero h1{
    font-size: 1.79rem;
}
#coveredByThe h2{
    font-size: 1rem;
    line-height: 1.4rem;
    letter-spacing: .079rem;
}
#coveredByThe h3{
    font-size: 1.22rem;
    letter-spacing: .1rem;
    margin: 1.1rem 4rem .75rem 0;
}
.calloutCircle{
    width: 3.5rem;
    height: 3.5rem;
    background-color: #ffffff;
    color: #243D95;
    border-radius: 50%;
    position: absolute;
    padding-top: 1rem;
    font-size: 1.45rem;
    box-shadow: 0 .3rem .3rem 0 rgba(0,0,0,0.16);
    bottom: -1rem;
    right: -4rem;
}
#annoveraPatientSavings>div.sectionWrapper{
    padding: 0;
}
#annoveraPatientSavings h2{
    margin-bottom: 12rem;
}
#annoveraPatientSavings .callout{
    padding: 4.7rem 2.43rem 2rem;
    font-size: 1.1rem;
    letter-spacing: .085rem;
}
#annoveraPatientSavings .cardImage{
    width: 22.6rem;
    position: absolute;
    top: 10rem;
}
#annoveraPatientSavings .footnote{
    margin: 1rem 1.57rem 0;
}
#savingsSupportSavingsCTA{
    margin-bottom: 1rem;
}
#prescribeAnnovera .iconCenterLine{
    margin: 1rem -1.57rem;
}
#prescribeAnnovera .iconCenterLine::after{
    border-bottom: none;
    height: .3rem;
    background: linear-gradient(90deg, #D4EEE9 0%, #D4EEE9 30%, #FFFFFF 30%, #ffffff 70%,#d4eee9 70%, #d4eee9 100%);
}
#vcpsInfo{
    padding: 1rem 0 1rem 4rem;
}
/* #prescribeAnnovera p:last-of-type{
    font-size: .9rem;
} */
#connectWith a{
    width: 100%;
}
#connectWith .flipVertical{
    transform: scaleY(-1);
    margin-top: 4rem;
    margin-bottom: 0;
}
#sampleLetter .fileButtonTemplate{
    margin: 1rem auto;
}
#sampleLetter>div.sectionWrapper{
    padding-bottom: 6rem;
}
/* =================================================================================== //

                                                                                        
oooo d8b  .ooooo.   .oooo.o  .ooooo.  oooo  oooo  oooo d8b  .ooooo.   .ooooo.   .oooo.o 
`888""8P d88' `88b d88(  "8 d88' `88b `888  `888  `888""8P d88' `"Y8 d88' `88b d88(  "8 
 888     888ooo888 `"Y88b.  888   888  888   888   888     888       888ooo888 `"Y88b.  
 888     888    .o o.  )88b 888   888  888   888   888     888   .o8 888    .o o.  )88b 
d888b    `Y8bod8P' 8""888P' `Y8bod8P'  `V88V"V8P' d888b    `Y8bod8P' `Y8bod8P' 8""888P'
                                             

// ==================================================================================== */
#resourcesCallout h2{
    font-size: 1.29rem;
    letter-spacing: .09rem;
}
#resourcesNav .icon{
    width: 2rem;
    margin-right: .5rem;
}
#resourcesNav a{
    width: 100%;
    margin: .71rem 0;
    font-size: .79rem;
    padding: .5rem 1.5rem;
}
#resourcesNav .arrow{
    position: static;
    margin-left: .25rem;
}
#resourcesHCP h2{
    font-size: 1.45rem;
    letter-spacing: .11rem;
    white-space: nowrap;
}
#resourcesHCP p{
    width:19.7rem;
    letter-spacing: .07rem;
}
#HCPResources>div.sectionWrapper{
    padding-bottom: 4rem;
}
#HCPResources>div.sectionWrapper::before {
    width: 11.42rem;
    height: 11.42rem;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 2.5rem;
    background-color: #D4EEE9;
    z-index: -1;
    left: -8.3rem;
}
#meetAnnoveraVids::after {
    width: 10.8rem;
    height: 10.8rem;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: -5rem;
    background-color: #D4EEE9;
    z-index: -1;
    left: -8.58rem;
}
#HCPResources h2{
    font-size: 1.72rem;
}
#HCPResources h3{
    font-size: 1.29rem;
    letter-spacing: .1rem;
    line-height: 1.85rem;
}
#resourcesPatients h2{
    font-size: 1.72rem;
}
.kCastVid{
    width: 115%;
    margin: 2.2rem -1.57rem 0;
}
.kCastVid p{
    height: 3.2rem;
}
.vimeoThumbnail{
    width: 115%;
    margin: 0 -1.57rem 3rem;
    cursor: pointer;
}
#downloadApp{
    margin-right: -1.57rem;
    margin-left: -1.57rem;
    padding: 1.8rem 1.57rem 3rem;
}
#downloadApp h2{
    font-size: 1.3rem;
    text-transform: none;
    font-weight: 400;
    letter-spacing: .1rem;
}
.appDownloadBadge{
    width: 8.7rem;
    margin-top: 2.7rem;
    margin-bottom: 1rem;
}
#howToUseLink{
    margin-right: -1.57rem;
    margin-left: -1.57rem;
}
#resourcesConnectWith a:not(.fileButtonTemplate){
    width: 100%;
    letter-spacing: .079rem;
}
#resourcesConnectWith .flipVertical{
    transform: scaleY(-1);
    margin-top: 4rem;
    margin-bottom: 5rem;
}
/* =================================================================================== //

 .o88o.                                              
 888 `"                                      
o888oo   .ooooo.  oooo d8b ooo. .oo.  .oo.   
 888    d88' `88b `888""8P `888P"Y88bP"Y88b  
 888    888   888  888      888   888   888  
 888    888   888  888      888   888   888  
o888o   `Y8bod8P' d888b    o888o o888o o888o 
                                             

// ==================================================================================== */
/* #discoverAnnoveraForm {
    width: 100%;
    background-color: #243E97;
    color: #ffffff;
    font-weight: 800;
    display: none;
} */
#overWrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    z-index: 9999;
    display: none;
}

#formWrapper {
    /* display: none; */
    background-color: #243E97;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll;
    z-index: 10000;
}

.discoverText {
    font-size: 1rem;
    line-height: 1;
    width: 100%;
}

#registerButton {
    padding: .5rem 3rem;
    /* width: 100%; */
    text-align: center;
    margin: 0;
    background-color: #ffffff;
    color: #191919;
}

#discoverAnnoveraInitial {
    justify-content: space-between;
}

#registerConfirmationSubmit {
    margin: 1rem 0 1rem;
    /* padding: 1rem 2rem 1.1rem; */
    /* width: 100%; */
    /* justify-content: center; */
    /* height: 58px; */
}

p#signUpText {
    font-size: .8rem;
    padding-bottom: 3rem;
    line-height: 1rem;
}

#discoverAnnoveraForm {
    font-weight: 400;
    width: 90%;
    padding: 2rem 0;
    color: #ffffff;
}

#discoverAnnoveraForm input:not([type="checkbox"]) {
    padding: .75rem 1rem;
    /* margin: 1.25rem 0 0; */
    width: 100%;
    color: #243D95;
    border-radius: .75rem;
    font-size: 1.35rem;
    /* transform: scale(.75); */
    /* transform-origin: center left; */
    border: .07rem solid #ffffff;
}

#discoverAnnoveraForm input:not(#officeZip)::placeholder {
    color: #243D95;
    font-weight: 500;
    transform: scale(.75);
    transform-origin: center left;
}

#discoverAnnoveraForm select {
    color: #243D95;
    padding: .8rem;
    font-size: 1.4rem;
    margin: 0;
    /* background-color: #ffffff; */
    border-radius: .8rem;
    -webkit-appearance: none;
    font-weight: 500;
}

#discoverAnnoveraForm select option {
    font-size: 75%;
}

#discoverAnnoveraForm #specialty {
    width: 33rem;
}

#discoverAnnoveraForm .selectRow.specialtyRow {
    margin-top: .75rem;
    /* width: 100%; */
}

#discoverAnnoveraForm .flexColumn.termsRow {
    margin-top: 1.5rem;
}

#discoverAnnoveraForm input[type="checkbox"] {
    border: 0;
    opacity: 0;
    width: 0;
}

#discoverAnnoveraForm input#officeZip {
    padding: 1.3rem 1rem;
}

#discoverAnnoveraForm input#officeZip::placeholder {
    color: #243D95;
    font-weight: 500;
}

#discoverAnnoveraForm .flexColumn {
    /* width: 130%; */
    /* transform: scale(.75); */
    /* transform-origin: center left; */
    margin: .8rem 0 0;
    /* min-height: 1rem; */
}

#discoverAnnoveraForm .selectRow {
    width: 133%;
    transform: scale(.75);
    transform-origin: top left;
    /* height: 4rem; */
    margin-top: .25rem;
    margin-bottom: -1.25rem;
}

/* #discoverAnnoveraForm .nameRow .flexColumn {
    flex: 0 0 32%;
} */
#discoverAnnoveraForm .officeStateColumn {
    /* width: 86%; */
    /* transform: none; */
    /* transform: scale(.75); */
    /* transform-origin: center left; */
    width: 25rem;
    /* width: 300%; */
}

#discoverAnnoveraForm .officeZipColumn {
    /* flex: 0 0 39%; */
    width: 16rem;
    /* transform: none; */
    margin-left: 2rem;
}

#discoverAnnoveraForm .required {
    font-size: .7rem;
    font-style: italic;
    font-weight: 400;
}

#thankYouMessage {
    display: none;
    /* z-index: 10000; */
    /* position: relative; */
    /* background-color: #243E97; */
}

#thankYouMessage p {
    margin: 1rem 2rem;
    font-size: 1.2rem;
}

.registerForm {
    display: none;
}

.registerForm.active {
    display: flex;
}

#discoverAnnoveraFormWrapper.registerForm.active {
    display: flex;
    /* position: absolute; */
    /* background-color: #243E97; */
    z-index: 9999;
    margin: 0 auto;
    /* overflow: scroll; */
    height: 100%;
}

.registerClose {
    display: block;
    color: #ffffff;
    top: 1rem;
    position: absolute;
    z-index: 10000;
    align-self: start;
    right: 1.5rem;
    top: 1rem;
    font-size: 1.5rem;
    transform: scaleX(-1.25);
    font-weight: 100;
    padding: 0 1rem;
    z-index: 10000;
}

#thankYouClose {
    display: none;
}


input.error,
input.error:focus {
    border: .13rem solid #E97C90 !important;
    background-color: #FFFFFF;
    color: #E97C90 !important;
    font-weight: 500;
}

input.error::placeholder {
    color: #E97C90 !important;
    font-weight: 500;
}

input.error:focus {
    border: .13rem solid #E97C90;
    outline: 2px solid #E97C90;
    background-color: #f3cccc !important;
    font-weight: 500;
}

select.error {
    color: #E97C90 !important;   
    font-weight: 500; 
}

#discoverAnnoveraForm input.error[type="checkbox"]+label::before {
    border: .01rem solid #E97C90;
    /* background-color: #f3cccc !important; */
}

#discoverAnnoveraForm input.error[type="checkbox"]:focus+label::before {
    outline: 2px solid #E97C90;
    border: 1px solid #E97C90;
    background-color: #f3cccc !important;
}

#discoverAnnoveraForm #officeState,
#discoverAnnoveraForm #specialty {
    padding: 1.3rem 1.3rem 1.3rem 1.25rem;
    /* transform: scale(.75); */
    /* font-size: 2rem; */
}

span.error {
    display: block;
    color: #E97C90;
    /* margin: .5rem 0; */
    text-align: left;
    font-weight: 800;
}

span.error::before {
    content: "*";
}

.error::placeholder {
    color: #E97C90;
}

.error::-webkit-input-placeholder {
    /* Edge */
    color: #E97C90;
}

.error:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #E97C90;
}

#genericError {
    color: #ffffff;
    margin-bottom: 1rem;
    width: 100%;
}

#ajaxWait {
    display: none;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: rgba(22, 31, 62, .9); */
    /* opacity: .9; */
}

.ajaxAnimation {
    position: fixed;
    top: 35%;
    left: 33%;
    background-color: #FFFFFF;
    color: #243E97;
    text-align: center;
    padding: 1rem;
    width: 9rem;
    height: 9rem;
    border-radius: 10px;
    font-weight: 700;
    z-index: 10000;
}

.ajaxAnimation .loading {
    display: block;
    border: .5rem solid #243E97;
    border-top: .5rem solid transparent !important;
    border-radius: 50%;
    width: 60%;
    height: 60%;
    animation: spin 2s linear infinite;
    margin: 1rem auto;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* Accessible checkbox - https://medium.com/claritydesignsystem/pure-css-accessible-checkboxes-and-radios-buttons-54063e759bb3 */
label[for="optIn"] {
    position: relative;
    display: inline-block;
    text-align: left;
    padding-left: 5rem;
    padding-top: .25rem;
    padding-right: 1rem;
    line-height: 1.3;
    font-size: 0.9rem;
}

label[for="optIn"]::before,
label[for="optIn"]::after {
    position: absolute;
    content: "";
    /*Needed for the line-height to take effect*/
    display: inline-block;
}

/*Outer box of the fake checkbox*/
label[for="optIn"]::before {
    /* border-radius: 5px; */
    background-color: #ffffff;
    height: 3rem;
    width: 3rem;
    left: 0;
    top: 0;
    border-radius: .75rem;
}

/*Checkmark of the fake checkbox*/
label[for="optIn"]::after {
    height: 1rem;
    width: 2rem;
    border-left: .2rem solid #243E97;
    border-bottom: .2rem solid #243E97;
    transform: rotate(-45deg);
    left: .4rem;
    top: .6rem;
}

/*Hide the checkmark by default*/
#discoverAnnoveraForm input[type="checkbox"]+label::after {
    content: none;
}

/*Unhide on the checked state*/
#discoverAnnoveraForm input[type="checkbox"]:checked+label::after {
    content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
#discoverAnnoveraForm input[type="checkbox"]:focus+label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

/* iOS field "zoom" fix */
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px;
}

.custom-select {
    position: relative;
    display: block;
    /* max-width: 445px; */
    /* min-width: 180px; */
    margin: 0 auto 0;
    border-radius: .8rem;
    background-color: #ffffff;
    z-index: 10;
    width: 100%;
    font-weight: 500;
    /* transform: scale(.75); */
    /* transform-origin: top left; */
}

.custom-select select {
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    display: block;
    font-weight: 500;
    width: 100%;
    padding: 12px 55px 15px 15px;
    font-size: 14px;
}

.custom-select:after {
    position: absolute;
    right: 1rem;
    top: 0;
    width: 2rem;
    height: 100%;
    content: "";
    background-image: url("../../media/images/expand_more.svg");
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #000000;
    font-size: 1.5rem;
    z-index: -1;
    font-weight: 600;
}
.custom-select option{
    font-weight: 500;
}
select::-ms-expand {
    display: none;
}

#thankYouMessage p {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: .11rem;
    margin-top: -11rem;
    padding: 0 2rem;
}
/* =================================================================================== //

             o8o        .o8                      
             `"'       "888                      
oooo    ooo oooo   .oooo888   .ooooo.   .ooooo.  
 `88.  .8'  `888  d88' `888  d88' `88b d88' `88b 
  `88..8'    888  888   888  888ooo888 888   888 
   `888'     888  888   888  888    .o 888   888 
    `8'     o888o `Y8bod88P" `Y8bod8P' `Y8bod8P'   
                                                       
// ==================================================================================== */
.videoContainer {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;    
    width: 100%;
    min-height: 220px;
}

.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
#vimeoModal.modal{
    width: 100%!important;
}
#vimeoModal .modalWrapper{
    background-color: transparent;
    margin-right: 5%;
    margin-left: 5%;
    top: auto;
    bottom: auto;
}
#vimeoModal .modalCloseButton{
    color: #243D95;
    top: -4rem;
    right: 0;
    font-weight: 500;
}
/* =================================================================================== //

 .o88o.                         .                      
 888 `"                       .o8                      
o888oo   .ooooo.   .ooooo.  .o888oo  .ooooo.  oooo d8b 
 888    d88' `88b d88' `88b   888   d88' `88b `888""8P 
 888    888   888 888   888   888   888ooo888  888     
 888    888   888 888   888   888 . 888    .o  888     
o888o   `Y8bod8P' `Y8bod8P'   "888" `Y8bod8P' d888b    
                                                       
// ==================================================================================== */
footer {
    background-color: #243D95;
    color: #ffffff;
    /* padding: 2rem 1.8rem; */
    position: absolute;
    overflow: hidden;
    left: 0;
    /* right: 0; */
    /* bottom: 0; */
}

#footerWrapper {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.txmdCorpFooterLinks {
    font-size: 1.15rem;
    text-align: center;
    margin-top: 5rem;
    position: relative;
    padding-bottom: 3rem;
    margin-bottom: 2rem;
}

.txmdCorpFooterLinks::after {
    content: "";
    border-bottom: 1px solid #F5F7FF;
    position: absolute;
    width: 23rem;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 0;
}

#txmdCorpFooter li {
    display: inline-block;
    width: 100%;
    padding: .25rem;
    text-align: center;
    letter-spacing: 2px;
}

#txmdCorpAddress {
    order: 1;
    font-size: .95rem;
    line-height: 1;
}

footer p {
    margin: 0;
}

#txmdCorpFooter {
    margin-bottom: 2rem;
}

.txmdLogo {
    display: block;
    width: 19.5rem;
}

.footerInfoBlock {
    order: 2;
    text-align: center;
    padding: 0 3.3rem;
}

.footerInfoBlock p {
    font-size: .75rem;
    line-height: 1.35;
    margin: 1rem 0;
}

#callCTA {
    width: 6.7rem;
    height: 6.7rem;
    border-radius: 50%;
    position: fixed;
    bottom: 14%;
    z-index: 999;
    background-color: #ffffff;
    right: 5%;
    box-shadow: 0rem 0.28rem .36rem 0rem rgba(0, 0, 0, .16) inset;
    -webkit-box-shadow: 0rem 0.28rem .36rem 0rem rgba(0, 0, 0, .16) inset;
    -moz-box-shadow: 0rem 0.28rem .36rem 0rem rgba(0, 0, 0, .16) inset;
}

#callCTA p {
    font-family: 'Gotham-Medium', Helvetica, sans-serif;
    font-weight: 500;
    font-size: .64rem;
    color: #243D95;
    letter-spacing: .05rem;
    margin: .2rem 0;
}

#callCTA.ctaBottom {
    bottom: 2%;
    transition: ease-in-out 0.15s;
}

#callCTAicon {
    width: 1.85rem;
}

#CTAiconWrapper {
    padding: 1rem 0 0 0;
    margin-bottom: .25rem;
}

#CTAiconWrapper::after {
    content: "";
    width: .5rem;
    height: .5rem;
    background-image: url("../../media/images/arrow-forward-icon-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 1.25rem;
    top: 75%;
}

/* =================================================================================== //
                                                          d8b                   
                                                          Y8P                   
                                                                                
88888b.d88b.            .d88888 888  888  .d88b.  888d888 888  .d88b.  .d8888b  
888 "888 "88b          d88" 888 888  888 d8P  Y8b 888P"   888 d8P  Y8b 88K
888  888  888          888  888 888  888 88888888 888     888 88888888 "Y8888b. 
888  888  888 d8b      Y88b 888 Y88b 888 Y8b.     888     888 Y8b.          X88 
888  888  888 Y8P       "Y88888  "Y88888  "Y8888  888     888  "Y8888   88888P' 
                            888                                                 
                            888                                                 
                            888
// ==================================================================================== */

@media (min-width: 375px) {
    html {
        font-size: 14px;
    }

    #homepageText {
        left: 7.2rem;
        top:1.7rem;
    }


}

@media(min-width: 411px) {
    html {
        font-size: 15px;
    }
}

@media(min-width: 425px) {
    html {
        font-size: 15.5px;
    }

    #homepageText {
        left: 7.4rem;
    }
}

@media(min-width: 500px) {
    html {
        font-size: 18px;
    }

    #freedomText {
        letter-spacing: 2.9px;
    }
    
    
}

@media(min-width: 600px) {
    html {
        font-size: 21px;
    }

    #freedomText {
        letter-spacing: 2.7px;
    }

    #mainNavigation {
        padding: .5rem 0;
    }

    #homepageText {
        left: 7.7rem;
    }

    #registrationCTA {
        width: 6rem;
        height: 2rem;
        font-size: .6rem;
        padding-top: .1rem;
        right: 6rem;
    }

    #topNavigation .linksPI {
        font-size: .5rem;
        padding: .5rem .75rem;
    }

    .navItems.navigationOpen {
        top: 6.4rem;
    }

    #registrationCTA .icon-small {
        margin-bottom: .2rem;
        margin-right: .3rem;
    }

    .menu-toggle {
        width: 2rem;
        height: 1.5rem;
        top: .75rem;
    }

    .one,
    .two,
    .three {
        height: .2rem;
    }

    .headerLogo {
        width: 6rem;
    }

    .icon-small {
        width: .75rem;
        height: .75rem;
    }

    #mobileISIShortDisplay .mobileISIHeader {
        font-size: 1rem;
        margin-bottom: .3rem;
    }

    #mobileISIShortDisplay p:not(.mobileISIHeader) {
        font-size: .7rem;
        width: 23rem;
    }

    .menu-toggle.on .one {
        -o-transform: rotate(45deg) translate(.2rem, .5rem);
        -moz-transform: rotate(45deg) translate(.2rem, .5rem);
        -ms-transform: rotate(45deg) translate(.2rem, .5rem);
        -webkit-transform: rotate(45deg) translate(.2rem, .5rem);
        transform: rotate(45deg) translate(.2rem, .5rem);
    }

    .menu-toggle.on .three {
        -o-transform: rotate(-45deg) translate(.25rem, -.625rem);
        -moz-transform: rotate(-45deg) translate(.25rem, -.625rem);
        -ms-transform: rotate(-45deg) translate(.25rem, -.625rem);
        -webkit-transform: rotate(-45deg) translate(.25rem, -.625rem);
        transform: rotate(-45deg) translate(.25rem, -.625rem);
    }

    #isiFixedBoxAtBottom {
        min-height: 4.75rem;
    }

    .isiWarningContent .warningBox ul {
        margin-left: 2rem;
    }

    .hero {
        margin-top: 6.45rem;
    }

    #homepageHero h1 {
        font-size: 1.5rem;
    }

    #callCTA {
        transform: scale(.8);
        right: 2%;
        bottom: 12%;
    }
}

@media(min-width:700px) {
    html {
        font-size: 22px;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 25px;
    }

    #freedomText {
        font-size: 4.4rem;
        letter-spacing: 3.8px;
    }

    #homepageHero .sectionBackgroundImage {
        width: 24.2rem;
    }

    #homepageText {
        left: 8.7rem;
        top: 1.3rem;
    }

    .md-show {
        display: block;
    }

    .md-hide {
        display: none;
    }
    #mobileISIShortDisplay p:not(.mobileISIHeader){
        width: 95%;
        font-size: .64rem;
    }
    /* Form 768 */
    #formWrapper {
        width: 23rem;
        top: 5%;
        /* left: 6rem; */
        /* margin: 0; */
        overflow: hidden;
        bottom: auto;
        height: auto;
    }

    #discoverAnnoveraForm .flexColumn {
        margin: .5rem 0 0;
    }

    #discoverAnnoveraForm input:not([type="checkbox"]) {
        padding: .5rem 1rem;
    }

    #discoverAnnoveraForm input:not([type="checkbox"]) {
        font-size: .8rem;
        padding: .25rem .5rem;
        border-radius: .4rem;
    }

    #discoverAnnoveraForm input:not(#officeZip)::placeholder,
    #discoverAnnoveraForm input#officeZip::placeholder,
    #discoverAnnoveraForm select {
        transform: scale(1) translateY(-.07rem);
        font-size: .6rem;
    }

    #discoverAnnoveraForm select {
        transform: scale(1);
        font-size: .6rem;
    }

    #discoverAnnoveraForm .selectRow {
        transform: none;
        margin-bottom: 0;
        width: 100%;
        margin-top: 0;
    }

    #discoverAnnoveraForm #officeState,
    #discoverAnnoveraForm #specialty {
        width: 100%;
        padding: .5rem 1rem .5rem .6rem;
    }

    .custom-select {
        border-radius: .5rem;
    }

    .custom-select:after {
        width: 1rem;
    }

    #discoverAnnoveraForm .officeStateColumn {
        width: 13rem;
    }

    #discoverAnnoveraForm .officeZipColumn {
        width: 7rem;
        margin-left: 1rem;
    }

    #discoverAnnoveraForm input#officeZip {
        padding: .3rem .5rem;
    }

    label[for="optIn"] {
        font-size: .6rem;
        padding-left: 3rem;
        padding-right: 0;
        padding-top: .25;
    }

    label[for="optIn"]::before {
        width: 2rem;
        height: 2rem;
        border-radius: .5rem;
    }

    label[for="optIn"]::after {
        width: 1.5rem;
        height: .75rem;
        left: .25rem;
        top: .4rem;
    }

    #discoverAnnoveraForm>.flexColumn.submitRow {
        transform: scale(.75);
        margin-bottom: -1rem;
        margin-top: 0;
    }

    p#signUpText {
        font-size: .6rem;
        line-height: .8rem;
        padding-bottom: 0;
    }

    .registerClose {
        padding: 0 1rem 0 0;
    }

    #thankYouMessage p {
        margin-top: 2rem;
        padding: 3rem 3rem;
        font-size: 1rem;
    }

    /* Hero 768 */
    .hero h1 {
        padding-left: 6rem;
    }

    /* Homepage 768 */
    #openHand {
        width: 24rem;
    }

    /* About 768 */
    #ringHero {
        width: 5rem;
    }

    #demandForLongTerm .column {
        width: 73%;
        margin-right: auto;
        margin-left: 6rem;
    }
    /* Efficacy 768 */
    .ringInfo{
        width: 75%;
    }
    /* Pat Exp 768 */
    #designedWithHer picture{
        width: 13rem;
    }
    /* Savings 768 */
    #coveredByThe h3{
        margin-right: 1rem;
    }
    .calloutCircle{
        /* right: 7rem; */
        /* left: 24.5rem; */
    }
    /* Resources 768 */
    .linkTarget{
        border-top: 5rem solid transparent;
        margin-top: -5rem !important;
    }
    #meetAnnoveraVids::before{
        content: "";
        border-bottom: 0.05rem solid #53BBA8;
        width: 80%;
        position: absolute;
        top: -3rem;
        left: 50%;
        transform: translateX(-50%);
    }
    .kCastVid{
        width: 13rem;
        margin-right: .25rem;
        margin-left: .25rem;
    }
    .kCastVid p{
        font-size: .7rem;
    }
    /* Video 768 */
    #vimeoModal.modal{
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
    }
}
@media (min-width: 900px) {
    html{
        font-size: 29px;
    }
    /* .kCastVid{
        width: 15rem;
    } */

    #freedomText {
        font-size: 4.4rem;
        letter-spacing: 4.3px;
    }
}

@media (min-width: 1024px) {
    html {
        font-size: 11.7px;
    }
    
    #homepageHero .sectionBackgroundImage {
        width: 66rem;
    }

    #homepageLearnMore {
        position: relative;
       top:0; 
       right:0; 
    }

    #homepageText {
        left: 29.7rem;
        top: -5.2rem;
    }

    #thatsFreedom {
        font-size: 2.2rem;
        line-height: 3.1rem;
        top: 0.3rem;
        position: relative;
    }

    #ownedAndOperated  h2
    {
        text-align: center;
        margin-bottom:2rem; 
    }

    #forTheFirstTime {
        font-size: 1.5rem;
    }

    .lg-show {
        display: block;
    }

    .lg-hide {
        display: none;
    }

    .lg-order0 {
        order: 0;
    }

    .lg-order1 {
        order: 1;
    }

    .lg-textNoWrap {
        white-space: nowrap;
    }

    .lg-textLeft {
        text-align: left;
    }
    .lg-flexRow {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
    }
    .lg-flexNoWrap{
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .lg-justifyStart {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
    }
    .lg-justifyCenter {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
    }
    .lg-justifyEnd {
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -o-justify-content: flex-end;
        justify-content: flex-end;
    }
    .lg-justifyBetween {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
    }
    .lg-justifyAround {
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
    }
    .lg-justifyCenter {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
    }
    .lg-alignStart {
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
    }
    .lg-alignCenter {
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
    }
    .lg-alignContentStart {
        -webkit-align-content: flex-start;
        -moz-align-content: flex-start;
        -ms-align-content: flex-start;
        -o-align-content: flex-start;
        align-content: flex-start;
    }
    .lg-alignSelfStart {
        -moz-align-self: flex-start;
        -ms-align-self: flex-start;
        -o-align-self: flex-start;
        align-self: flex-start;
    }
    .lg-larger{
        font-size: 115%;
    }
    .lg-m2{
        margin: 2rem 0;
    }
    .lg-m3{
        margin: 3rem 0;
    }
    .lg-mb0 {
        margin-bottom: 0;
    }
    .lg-mb1{
        margin-bottom: 1rem;
    }
    .lg-mb2{
        margin-bottom: 2rem;
    }
    .lg-mb3{
        margin-bottom: 3rem;
    }
    .lg-mb4{
        margin-bottom: 4rem;
    }
    .lg-mb6{
        margin-bottom: 6rem;
    }
    .lg-ml0 {
        margin-left: 0;
    }
    .lg-ml3{
        margin-left: 3rem;
    }
    .lg-mr3{
        margin-right: 3rem;
    }
    .lg-mt0 {
        margin-top: 0;
    }
    .lg-mt1 {
        margin-top: 1rem;
    }
    .lg-mt2 {
        margin-top: 2rem;
    }
    .lg-mt3 {
        margin-top: 3rem;
    }
    .lg-mt4 {
        margin-top: 4rem;
    }
    .lg-mt5 {
        margin-top: 5rem;
    }
    .lg-mt6 {
        margin-top: 6rem;
    }
    .lg-mt10 {
        margin-top: 10rem;
    }
    .lg-mlAuto{
        margin-left: auto;
    }
    .lg-px2{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .lg-lh2{
        line-height: 2rem;
    }
    .lg-tx2{
        transform: translateX(2rem);
    }
    .lg-normal{
        font-weight: 400;
    }
    .sectionWrapper {
        /* max-width: 60rem; */
        padding: 0 5.5rem;
    }

    .menu-toggle {
        display: none;
    }

    .navItems {
        position: static;
        width: 100%;
        height: auto;
        overflow-y: visible;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        opacity: 1;
        background-color: transparent !important;
        padding: 0;
        /* width: 32rem; */
        margin-right: 0;
        margin-left: 3rem;
    }

    #mainNavigation li a {
        color: #243D95;
        font-size: .73rem;
        padding: 1.25rem .65rem;
    }

    #mainNavigation li.navCurrentPage a {
        color: #53BBA8;
    }

    #topNavigation .linksPI {
        font-size: .64rem;
        /* width: 60rem; */
        padding: 0 5.5rem;
        /* max-width: 60rem; */
        margin: 0 auto;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
    }

    .navItems li::after {
        display: none;
    }

    .icon {
        width: 6.5rem;
        flex-shrink: 0;
    }

    .small {
        font-size: .77rem;
    }

    h2 {
        font-size: 1.91rem;
    }

    h2.alternateSize {
        font-size: 1.91rem;
        line-height: 2.5rem;
        letter-spacing: .15rem;
    }

    .buttonTemplate {
        width: 10.5rem;
        height: 2.55rem;
        font-size: .82rem;
    }

    .fullWidth {
        width: 200%;
        margin-right: -7rem;
        margin-left: -7rem;
    }

    #mainNavigation {
        padding: 1rem 0;
    }

    #topNavigation li {
        flex: 0 0 auto;
        order: 0 !important;
        font-weight: 400;
        margin-bottom: 0;
        /* padding: .5rem 0; */
    }

    #topNavigation li:first-of-type,
    .linksPI li a {
        padding: .65rem 0;
    }

    #registrationCTA {
        position: static;
        order: 1;
        width: 7.3rem;
        font-size: .73rem;
        height: 2.5rem;
        flex: 0 0 7.3rem;
    }

    .headerLogo {
        width: 9.8rem;
        margin-left: 0;
        flex: 0 0 9.8rem;
    }

    .iconCenterLine::after {
        border-bottom: .13rem solid #53BBA8;
        width: 84%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .iconCenterLine {
        width: 130%;
    }

    .iconCenterLine .icon {
        border: .1rem solid #ffffff;
    }
    .partialBorderLine.short{
        width: 100%;
    }
    .partialBorderLine::after {
        width: 27rem;
    }

    .arrow {
        padding-bottom: 0;
    }

    #callCTA {
        width: 7.25rem;
        height: 7.25rem;
        right: 22%;
        bottom: 3%;
        margin-bottom: .25rem;
        transform: none;
    }

    #callCTA.ctaBottom {
        transition: none;
    }

    .footnote {
        font-size: .68rem;
    }

    .warningBox p {
        font-size: .73rem;
    }

    .warningBox ul li {
        font-size: .73rem;
        padding-left: .5rem;
        padding-right: 0;
        margin-top: .5rem;
    }

    .isiWarningContent {
        border: none;
    }

    .isiWarningContent .warningBox ul {
        margin: 0;
    }

    .isiWarningContent h3 {
        font-size: .8rem;
        margin: 1rem 0 .5rem;
    }

    .isiWarningContent h2:last-of-type {
        font-size: .92rem;
    }

    .isiWarningContent p {
        font-size: .73rem;
        line-height: 1.25;
    }

    .isiWarningContent ul li {
        font-size: .73rem;
        line-height: 1.25;
    }

    .isiWarningContent ul {
        margin: -.5rem 0 0 1rem;
    }

    .isiWarningContent ul li::before {
        font-size: 1rem;
        top: -.25rem;
        left: -.75rem;
    }

    .warningBox ul li::before {
        font-size: 1rem;
        top: -.2rem;
        left: 0;
    }

    .warningBox h3 {
        font-size: .73rem;
        margin-top: 0;
    }

    section>div.sectionWrapper {
        padding: 60px 7rem;
    }

    #references>div.sectionWrapper {
        padding: 0 6rem;
    }
    .ctaBanner {
        padding: .8rem 0;
        font-size: 1.18rem;
    }
    .ctaBanner .arrow{
        padding: 0 0 .02rem;
    }
    .ringList {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        max-height: 14rem;
        width: 100%;
    }
    .ringList li{
        margin-left: 2rem;
    }
    .checkList li{
        margin-left: 0;
    }
    .fileButtonTemplate{
        border-radius: .86rem;
    }
    .linkTarget{
        border-top: 7rem solid transparent;
        margin-top: -7rem !important;
    }
    .ajaxAnimation{
        left: 50%;
        transform: translateX(-50%);
    }
    /* Form 1024*/
    #discoverAnnoveraForm {
        width: 100%;
        padding: 3rem 0 0;
    }

    #formWrapper {
        width: 58rem;
        top: 19%;
        left: 6rem;
        margin: 0;
        bottom: auto;
        height: auto;
        overflow: hidden;
    }

    #discoverAnnoveraFormWrapper.registerForm.active {
        position: static;
        padding: 0 3rem;
    }

    #discoverAnnoveraForm .selectRow {
        transform: none;
        width: auto;
        margin-bottom: auto;
        margin-top: .75rem;
    }

    #discoverAnnoveraForm input:not([type="checkbox"]) {
        font-size: .76rem;
        padding: .43rem 1rem;
        border-radius: .5rem;
        /* width: 50%; */
    }

    #discoverAnnoveraForm input:not(#officeZip)::placeholder,
    #discoverAnnoveraForm input#officeZip::placeholder,
    #discoverAnnoveraForm select {
        transform: none;
        font-size: .76rem;
    }

    #discoverAnnoveraForm select {
        transform: none;
        font-size: .76rem;
    }

    #discoverAnnoveraForm #officeState,
    #discoverAnnoveraForm #specialty {
        padding: .5rem 1rem;
        width: 100%;
    }

    #discoverAnnoveraForm input#officeZip {
        border-radius: .5rem;
        padding: .43rem 1rem;
    }

    .custom-select {
        border-radius: .5rem;
    }

    #discoverAnnoveraForm>.flexColumn.officeAddress {
        width: 100%;
    }

    #discoverAnnoveraForm .officeZipColumn {
        width: 8rem;
        margin: 0;
    }

    #discoverAnnoveraForm .officeStateColumn {
        width: 11rem;
        margin-top: 0;
    }

    #discoverAnnoveraForm>.flexColumn {
        width: 48%;
        margin: .75rem 0 0;
    }

    #discoverAnnoveraForm .selectRow.officeStateZip {
        width: 48%;
    }

    #discoverAnnoveraForm .flexColumn.termsRow {
        width: 31%;
        margin-top: 2rem;
    }

    #discoverAnnoveraForm>.flexColumn.submitRow {
        transform: none;
        margin-right: auto;
        width: 43%;
        margin-top: 1rem;
    }

    #discoverAnnoveraForm .selectRow.specialtyRow {
        width: 48%;
    }

    .custom-select:after {
        width: 1rem;
    }

    label[for="optIn"] {
        font-size: .64rem;
        padding-left: 3rem;
        padding-right: 0;
        padding-top: 0;
    }

    label[for="optIn"]::before {
        width: 2rem;
        height: 2rem;
        border-radius: .5rem;
    }

    label[for="optIn"]::after {
        width: 1.5rem;
        height: .75rem;
        left: .25rem;
        top: .4rem;
    }

    p#signUpText {
        font-size: .64rem;
        margin-bottom: 3rem;
        margin-top: 3rem;
    }

    .registerClose {
        padding: 0 1rem;
    }

    #thankYouMessage {
        padding: 3rem 0 7rem;
    }

    #thankYouMessage p {
        font-size: 1.75rem;
    }

    /* Hero */
    .hero {
        margin-top: 8.51rem;
        min-height: 15.2rem;
    }

    .hero h1 {
        font-size: 1.82rem;
        line-height: 2.3rem;
    }

    #homepageHero {
        padding: 10.75rem 5.5rem;
    }

    #homepageAnimation {
        width: 35rem;
        right: 0;
    }

    #homepageHero h1 {
        font-size: 2.36rem;
    }

    #homepageHero h1 .headlineLarge {
        font-size: 3rem;
        line-height:3rem;
    }

    #thatsText {
        font-size: 3rem;
        line-height: 6rem;
    }

    #freedomText {
        font-size: 8.4rem;
        letter-spacing: 4.1px;
    }

    #ringHero {
        width: 4rem;
    }

    /* Homepage */
    #effectiveAndLasts>div {
        padding-top: 5rem;
        padding-bottom: 10rem;
    }

    #effectiveAndLasts #ringImage {
        width: 14.75rem;
        position: absolute;
        left: 10rem;
    }

    #effectiveAndLasts p.wide {
        font-size: 1.27rem;
        letter-spacing: .25rem;
    }

    #effectiveAndLasts .textWrapper {
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        margin-left: auto;
        margin-top: 3rem;
        margin-right: 4.5rem;
    }

    #womenWhoUse .sectionBackgroundImage {
        
            left: 1rem;
            top: -2.4rem;
            width: 26.9rem;
     }
    

    #womenWhoUse .textWrapper {
        width: 33rem;
    }

    #womenWhoUse h2 {
        line-height: 3rem;
        font-size: 1.91rem;
    }
    #womenWhoUse h2 .subHeader{
        font-size: 2.36rem;
    }
    #womenWhoUse p.bold {
        font-size: 1.27rem;
    }
    
    

    #ownedAndOperated .sectionBackgroundImage {
        width: 30rem;
        left: 3rem;
        bottom: 5rem;
    }

    #ownedAndOperated>div {
        padding-top: 8.5rem;
        padding-bottom: 11rem;
    }

    #openHand {
        width: 34rem;
        right: 0;
        top: 14rem;
    }

    #annoveraIsCovered h3 {
        font-size: 1.55rem;
        line-height: 2.5rem;
        padding: 0;
    }

    #annoveraIsCovered h2 .small {
        font-size: 1.64rem;
        line-height: 2.5rem;
    }

    #centerStripe {
        height: 11.55rem;
        margin-top: 12.7rem;
    }

    #annoveraIsCovered .cardImage {
        width: 20rem;
    }

    #annoveraIsCovered .buttonTemplate,
    #annoveraPatientSavings .buttonTemplate {
        background-color: #ffffff;
        color: #243D95;
    }

    #annoveraIsCovered .buttonTemplate:hover,
    #annoveraPatientSavings .buttonTemplate:hover  {
        background-color: #DBE3FC;
        color: #243D95;
    }

    #annoveraIsCovered .textWrapper {
        transform: translateY(-11rem);
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: -6rem;
    }

    #annoveraIsCovered .innerWrapper {
        flex: 0 0 50%;
    }

    #annoveraIsCovered .innerWrapper p {
        /* flex: 0 0 50%; */
        color: #ffffff;
        font-size: .82rem;
        margin-top: 0;
    }

    #annoveraIsCovered p.footnote {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -ms-align-self: flex-start;
        -o-align-self: flex-start;
        align-self: flex-start;
    }

    #annoveraIsCovered>div.sectionWrapper {
        padding-bottom: 4rem;
    }

    /* About */
    #itsTimeForANNOVERA>div {
        padding-top: 5.5rem;
        padding-bottom: 4rem;
    }

    #itsTimeForANNOVERA h2 .subHeader {
        display: inline;
        font-size: inherit;
    }

    #itsTimeForANNOVERA h3 {
        font-size: 1.3rem;
    }

    #timeForAnnoveraChart {
        width: auto;
        margin: 2rem auto;
    }

    #chartLegend {
        position: static;
        width: 21rem;
    }

    #timeForAnnoveraChart #chartLegend p:not(.header) {
        border-bottom: .09rem solid rgba(112, 112, 112, .15);
        font-size: .77rem;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        -o-align-items: flex-end;
        align-items: flex-end;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        padding: .25rem 0 1rem;
    }

    #timeForAnnoveraChart p {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
    }

    #timeForAnnoveraChart .column {
        width: 14.2rem;
    }

    #timeForAnnoveraChart p sup {
        top: -.75rem;
    }

    #timeForAnnoveraChart p.chartIcon sup {
        top: -.2rem;
    }

    #itsTimeForANNOVERA .footnoteWrap {
        margin-left: auto;
        padding-right: 2.5rem;
        margin-top: -1rem;
    }

    .largeCallout {
        font-size: 1.1rem;
    }

    #demandForLongTerm .column {
        width: 49%;
        margin-right: 0;
        margin-left: 0;
        padding: 0 1.25rem;
    }

    #demandForLongTerm .column h3 {
        font-size: 1.1rem;
    }

    #demandForLongTerm .column p {
        font-size: .73rem;
    }

    #examineANNOVERA>div.sectionWrapper {
        padding-bottom: 3rem;
    }
    
    #examineANNOVERA picture {
        position: absolute;
        /* width: 31.5rem; */
        bottom: 0;
        right: -3rem;
    }

    /* Efficacy 1024 */
    #efficacyHero h1{
        font-size: 2.4rem;
        margin-top: 5rem;
        padding-left: 6rem;
        margin-right: -8rem;
    }
    #efficacyHero h2{
        top: 50%;
        transform:translateY(-50%);
    }
    #designedToContinuously>div.sectionWrapper{
        padding: 3.5rem 7rem;
    }
    #designedToContinuously h2{
        font-size: 1.37rem;
        letter-spacing: .27rem;
        line-height: 1.64rem;
    }
    #designedToContinuously #ringImage{
        width: 14.5rem;
    }
    #designedToContinuously p{
        position: static;
    }
    #segesteroneAcetate>div.sectionWrapper{
        padding: 0 8rem 3.5rem;
    }
    #segesteroneAcetate h3{
        font-size: .87rem;
        letter-spacing: .069rem;
    }
    #segesteroneAcetate p{
        font-size: .72rem;
        letter-spacing: 0;
        line-height: .91rem;
        padding: 0 .25rem;
        margin-top: -.5rem;
    }
    #segesteroneAcetate>div .flexColumn{
        width: 29%;
    }
    #demonstratedTolerability>div.flexColumn{
        padding: 5rem 9rem 5rem 10rem;
    }
    #demonstratedTolerability .flexColumn>.flex{
        /* width: 100%; */
        margin-left: 3rem;
    }
    #demonstratedTolerability .textWrapper{
        width: 38.9rem;
        margin-left: 1.8rem;
    }
    #demonstratedTolerability .larger{
        font-size: 100%;
    }
    #mostCommonAdverse>div.flexColumn{
        padding: 4rem 10rem 0;
    }
    #mostCommonAdverse .ctaBanner{
        margin-left: -10rem;
        margin-right: -10rem;
        width: 150%;
    }
    #mostCommonAdverse .callout{
        font-size: 1.4rem;
    }
    #explorePatientExpCTA{
        padding: .8rem 0;
    }
    #mostCommonAdverse>div.flexColumn::before{
        width: 73%;
    }
    #mostCommonAdverse>div.flexColumn::after {
        width: 17.8rem;
        height: 17.8rem;
        right: -8.9rem;
        top: 13rem;
    }
    /* Pat Exp 1024 */
    #experienceHero picture{
        width: 13.25rem;
        z-index: 1;
        top: 1.5rem;
    }
    #experienceHero h1{
        padding-left: 6rem;
        line-height: 2.75rem;
    }
    #experienceHero .footnote{
        padding-left: 6rem;
        font-size: .91rem;
        margin-bottom: 2rem;
    }
    #learnWhy h3,
    #learnWhy p{
        font-size: 1.1rem;
        line-height: 1.5;
    }
    #womenRated h2{
        font-size: 1.54rem;
    }
    #womenRated .ringList{
        height: 5rem;
        width: 40rem;
    }
    #designedWithHer picture{
        position: absolute;
        left: 8rem;
        top: 2rem;
    }
    #designedWithHer h2:first-of-type,
    #designedWithHer .ringList,
    #designedWithHer .footnote{
        width: 36.4rem;
        margin-left: auto;
    }
    #designedWithHer .ringList li{
        font-size: 1.18rem;
        letter-spacing: .1rem;
    }
    #designedWithHer h2:last-of-type{
        font-size: 1.36rem;
    }
    #empowerHer>div.sectionWrapper::after{
        width: 19.3rem;
        height: 19.3rem;
        left: -12rem;
        top: 7rem;
    }
    #successfullyStarting p{
        font-size: 1.36rem;
    }
    #successfullyStarting .ringList li{
        margin-left: 0;
        letter-spacing: .08rem;
    }
    #successfullyStarting .listWrapper{
        width: 150%;
        margin-left: -7rem;
        margin-right: -7rem;
        padding: 0 14rem;
    }
    #successfullyStarting .fileButtonTemplate{
        margin-top: 0;
    }
    .checkList li:before{
        top: 0;
    }
    /* Savings 1024 */
    #savingsHero h1{
        font-size: 2.4rem;
        line-height: 2.75rem;
    }
    #coveredByThe h2{
        font-size: 1.4rem;
    }
    #coveredByThe h3{
        font-size: 1.55rem;
        margin-top: 1.5rem;
    }
    .calloutCircle{
        font-size: 1.68rem;
        width: 4.1rem;
        height: 4.1rem;
        bottom: -1.25rem;
        right: -4.5rem;
    }
    .calloutCircle sup{
        font-weight: 400;
    }
    #annoveraPatientSavings h2{
        margin-bottom: 3rem;
        padding-left: 31.4rem;
        width: 100%;
        line-height: 2.55rem;
        letter-spacing: .15rem;
    }
    #annoveraPatientSavings .callout{
        padding: 1.3rem 12.5rem 0 31.4rem;
        font-weight: bold;
        font-size: 1rem;
        letter-spacing: .079rem;
        line-height: 1.55rem;
    }
    #annoveraPatientSavings .textWrapper{
        background-color: #243E97;
    }
    #annoveraPatientSavings .cardImage{
        left: 7rem;
        width: 20rem;
        top: 3.5rem;
    }
    #annoveraPatientSavings .textWrapper>p.footnote,
    #annoveraPatientSavings .textWrapper>p:last-of-type{
        color: #ffffff;
        margin-left: 5.77rem;
        padding-right: 6rem;
    }
    #annoveraPatientSavings .textWrapper>p:last-of-type{
        font-size: .82rem;
    }
    #annoveraPatientSavings .ctaWrapper{
        transform: translateY(-7rem);
        width: 23rem;
        margin-left: 5.77rem;
        margin-bottom: -6rem;
    }
    #annoveraPatientSavings .ctaWrapper p{
        color: #ffffff;
        text-align: center;
        font-size: .91rem;
    }
    #prescribeAnnovera .iconCenterLine .icon{
        width:5.36rem;
    }
    #prescribeAnnovera .iconCenterLine::after{
        width: 112%;
        margin-left: -7rem;
        margin-right: -7rem;
        left: 0;
        right: 0;
        transform: none;
        background: linear-gradient(90deg, #D4EEE9 0%, #D4EEE9 48%, #FFFFFF 48%, #ffffff 58%,#d4eee9 58%, #d4eee9 100%);
    }
    #vcpsInfo{
        width: 132%;
        margin-left: -7rem;
        margin-right: -7rem;
        padding: 1.7rem 0 2rem;
        line-height: 2rem;
    }
    #vcpsInfo > span{
        margin-left: -2rem;
    }
    #connectWith a{
        width: 41%;
        font-size: 1.18rem;
        letter-spacing: .1rem;
        margin-left: 1rem;
    }
    #sampleLetter h2{
        font-size: 1.73rem;
    }
    #sampleLetter p,
    #sampleLetter a.mailLink,
    #replacementPolicy p,
    #replacementPolicy a
    {
        font-size: 1.1rem;
        letter-spacing: .1rem;
    }
    #sampleLetter .fileButtonTemplate{
        margin: 1rem 2rem 1rem 0;
    }
    /* Resources 1024 */
    #resourcesNav{
        width: 100%;
    }
    #resourcesHero h1{
        letter-spacing: .053rem;
    }
    #resourcesCallout h2{
        font-size: 1.5rem;
        letter-spacing: .12rem;
        margin-left: -1rem;
    }
    #resourcesHCP h2{
        font-size: 1.63rem;
    }
    #HCPResources>div.sectionWrapper::after {
        width: 16.6rem;
        height: 16.6rem;
        border-radius: 50%;
        content: "";
        position: absolute;
        bottom: 0rem;
        background-color: #D4EEE9;
        z-index: -1;
        right: -8.3rem;
    }    
    #HCPResources>div.sectionWrapper::before{
        width: 12.64rem;
        height: 12.64rem;
        left: -6.32rem;
        top: 4rem;
    }
    #HCPResources h2{
        font-size: 1.9rem;
    }
    #HCPResources h3{
        font-size: 1.73rem;
    }
    #HCPResources p{
        font-size: 1.09rem;
        letter-spacing: .085rem;
    }
    #HCPResources p.altSize{
        font-size: 1.36rem;
    }
    .kCastVid{
        width: 25.6rem;
    }
    #HCPResources .kCastVid p{
        font-size: 1rem; 
    }
    .vimeoThumbnail{
        width: 15.9rem;
        margin: 0 3.54rem 3rem 0;
    }
    #meetAnnoveraVids::before{
        width: 100%;
        top: -3.5re;
    }
    #vimeoWrapper picture:nth-of-type(3){
        margin-right: 0;
    }
    #meetAnnoveraVids::after{
        width: 12.6rem;
        height: 12.6rem;
        left: -14.3rem;
        top: -3rem;
    }
    #resourcesPatients h2{
        font-size: 1.9rem;
    }
    #howToUseLink{
        width: 29.5rem;
        margin-top: 1.95rem;
    }
    #downloadApp{
        margin-left: -7rem;
        margin-right: -7rem;
    }
    #downloadApp h2{
        font-weight: 700;
        font-size: 1.37rem;
    }
    #resourcesConnectWith a:not(.fileButtonTemplate){
        width: 41%;
        font-size: 1.18rem;
        letter-spacing: .1rem;
        margin-left: 1rem;
    }
    #requestARep{
        margin-right: 2.36rem;
    }
    #resourcesConnectWith .flipVertical{
        margin-top:6rem;
        margin-bottom: 9rem;
    }
    /* Video 1024 */
    #vimeoModal .modalCloseButton{
        top: -7rem;
        right: -2rem;
        font-size: 3rem;
    }
    /* footer 1024 */
    #footerWrapper {
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        padding: 3rem 0 1rem;
    }

    .footerInfoBlock {
        padding: 0;
    }

    .footerInfoBlock p {
        line-height: 1;
        text-align: left;
        font-size: .82rem;
        margin: .82rem 0;
    }

    #txmdCorpAddress {
        text-align: left;
        order: 2;
    }

    #txmdCorpAddress p {
        font-size: .94rem;
    }

    .isiWarningContent h2 {
        font-size: 1.1rem;
        margin: 1rem 0 .5rem;
    }

    .txmdCorpFooterLinks {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        text-align: left;
        font-size: .75rem;
        -webkit-justify-content: space-between;
        margin: 5rem auto 3rem;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        width: 64rem;
        margin: 0;
        padding-bottom: 0;
    }

    .txmdCorpFooterLinks::after {
        display: none;
    }

    .txmdCorpFooterLinks li a:after {
        content: "|";
        display: inline-block;
        font-size: .7rem;
        /* padding-left: 2.5rem; */
        /* text-align: left; */
    }

    .txmdCorpFooterLinks li:last-of-type a::after {
        color: #243D95;
    }

    #footerNavigation {
        flex: 0 0 60%;
    }

    #txmdCorpFooter {
        margin-bottom: 0;
        padding: 0 5.5rem;
    }

    #txmdCorpFooter li {
        padding: 0;
        display: -webkit-flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        margin-bottom: 0;
    }

    #txmdCorpFooter li a {
        display: -webkit-flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        width: 100%;
        padding: .5rem 0;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
        text-align: left;
    }

    .txmdLogo {
        width: 15rem;
    }

}

@media (min-width: 1200px) {
    html {
        font-size: 13.7px;
    }
}

@media (min-width: 1300px) {
    html {
        font-size: 15px;
    }

}

@media (min-width: 1366px) {
    html {
        font-size: 15.5px;
    }
}

@media screen 
  and (min-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2)
{
    #freedomText
    {
        position:relative;
        top:0.5rem;
    }

   #homepageText
    {
        left:30rem;
    }

    #homepageHero .sectionBackgroundImage
    {
        bottom:-0.7rem;
    }
}


@media (min-width: 1440px) {
    html {
        font-size: 16.5px;
    }

    #homepageText {
        left: 30.4rem;
    }
}

@media (min-width: 1500px) {
    html {
        font-size: 17px;
    }
}

@media (min-width: 1920px) {
    html {
        font-size: 22px;
    }

    #freedomText {
        font-size: 8.6rem;
        letter-spacing: 5px;
    }
}

@media (min-width: 2560px) {
    html {
        font-size: 29.33px;
    }
}

/* Add hover states for hover devices only (no ipad/phones) */
@media (hover: hover),
not all,
not all {
    #mainNavigation li a {
        transition: color ease-in-out 0.15s;
    }
}
/* Video close modal for smaller heights - portraits */
@media (max-width: 768px) and (orientation: landscape){
    #vimeoModal .modalWrapper{
        margin-right: 15%;
        margin-left: 15%;
        margin-top: 5%;
    }
    #vimeoModal .modalCloseButton{
        right: -1rem;
    }
}
@media (min-aspect-ratio: 2 / 1) and (max-width: 1440px){
    #vimeoModal .modalCloseButton{
        top: 0%;
    }
    #vimeoModal .videoContainer{
        max-width: 110vh;
        min-width: 40rem;
    }
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    /* IE10+ CSS styles go here */
    .hero h1 {
        padding-top: 3rem;
    }
    .icon {
        height: 100%;
    }
    .arrow{
        bottom: 1rem;
    }
    #segesteroneAcetate .icon{
        height: auto;
    }
    #efficacyHero h1{
        margin-top:2rem;
    }
    #experienceHero h1{
        margin-top:0;
        padding-top: 1rem;
    }
    #savingsHero h1{
        margin-top: 2rem;
    }
    #mostCommonAdverse ul:first-of-type{
        height: 14rem;
    }
    #resourcesHero h1{
        margin-top: 1rem;
    }
    #vimeoModal .modalWrapper {
        height: 100%;
        top: 0;
        bottom: 0;
    }
    #vimeoModal .modalCloseButton{
        top: -1rem;
    }
}
@media (max-width: 1300px) and (-ms-high-contrast: none),
(-ms-high-contrast: active){
    #vimeoModal .modalCloseButton{
        top: 5%;
    }
}

/* iPad was not detecting onclick event to close modal with touch event outside the modal area */
@supports (-webkit-overflow-scrolling: touch) {
    .modalBackground {
        cursor: pointer;
    }

    .killScroll {
        position: fixed;
    }
}