/*=====* Updated homepage 6-4-21 -0B1 *=====*/


/*======================================* Hero @START *===*/
.cont-hero.home img[data-bkg-element='1']{
    width:383px;
    height:auto;
    top:105px;
    right:0;
}
.cont-hero.home img[data-bkg-element='2']{
    width:551px;
    height:auto;
    bottom:0;
    right:18%;
}
.cont-hero.home img[data-bkg-element='3']{
    display: none;
    width: 220px;
    height: auto;
    top: 344px;
    right: -95px;
    transform: rotate(-27deg);
}
.cont-hero.home img[data-bkg-element='4']{
    display: none;
    width: 220px;
    height: auto;
    top: 464px;
    left: -170px;
    transform: rotate(155deg);
}
        @media only screen and (max-width: 991px){
            .cont-hero.home img[data-bkg-element='1']{display: none;}
            .cont-hero.home img[data-bkg-element='2']{display: none;}
            .cont-hero.home img[data-bkg-element='3']{display: block;}
            .cont-hero.home img[data-bkg-element='4']{display: block;}
        }
.cont-hero.home h1{
    padding-bottom:40px;
    margin-bottom:0;
}
.cont-hero.home h1:after{
    width:85%;
}
@media only screen and (max-width: 991px){
    .cont-hero.home h1{
        padding-bottom:50px;
    }
    .cont-hero.home h1:after{
        display: none;
    }
}
.cont-hero.home p{
    width:90%;
    font-size: 18px;
    line-height: 26px;
    font-weight: normal;
    padding:0;
    margin:0;
}
        @media only screen and (max-width: 991px){
            .cont-hero.home p{
                width:100%;
            }
        }
.cont-hero.home p strong{
    font-family: "Helvetica Neue LT Std 77 Bold Condensed", Helvetica, sans-serif;
    font-weight: bold;
}
.cont-hero.home p:first-of-type{
    padding:50px 0 40px;
}
.cont-hero.home p:last-of-type{
    margin-bottom:50px;
}

.cont-hero.home p.footnote{
    display: block;
    position: absolute;
    bottom:0;
    right:0;
    color:#ffffff;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    margin:0;
    padding:0;
}
        @media only screen and (max-width: 991px){
            .cont-hero.home p.footnote{
                display: block;
                width:100%;
                position: relative;
                padding-top:20px;
                bottom:auto;
                right:auto;
                text-align: center;
            }
        }
.cont-hero.home a.cont-button{
    color:#6D6E71;
    width:355px;
    border-color:#ffffff;
}
.cont-hero.home a.cont-button:hover {
    color: #ffffff;
}
.cont-hero.home a.cont-button:after{
    width:357px;
    background-color:#ffffff;
}

/* Hero @END */

/*======================================* Article @START *===*/
.cont-article.home{
    padding:115px 15px 160px;
}
        @media only screen and (max-width: 991px){
            .cont-article.home{
                padding:60px 15px 50px;
            }
        }

.cont-article.home .sect-2{
    margin-top:90px;
}
.cont-article.home h2{
    font-family: "Helvetica Neue LT 57 Condensed", Helvetica, sans-serif;
    font-size: 32px;
    line-height: 37px;
    letter-spacing: 2px;
    color: #414042;
    margin-bottom:25px;
}
        @media only screen and (max-width: 991px){
            .cont-article.home h2{
                font-size: 30px;
                letter-spacing: 1px;
            }
        }

.cont-article.home .sect-2 h2{
    margin-top:0;
}
.cont-article.home h2:after{
    content:"";
    display: block;
    width:65px;
    height:4px;
    border-radius: 2px;
    background-color:#F8A084;
    margin-top:25px;
}
.cont-article.home .sect-2 h2:after{
    background-color:#8FC9B7;
}
.cont-article.home p{
    font-size: 22px;
    line-height: 32px;
    color: #6C6D70;
    width:80%;
    padding:0;
    margin:0 0 30px;
}
        @media only screen and (max-width: 991px){
            .cont-article.home p{
                width:100%;
            }
        }
.cont-article.home p strong{
    font-family: "Helvetica Neue LT Std 77 Bold Condensed", Helvetica, sans-serif;
}

/*Button - Transdermal Hormonal Delivery*/
.cont-article.home a.cont-button{
    color:#ffffff;
    width:440px;
    border-color:#F8A084;
}
.cont-article.home a.cont-button:hover {
    color: #F8A084;
}
.cont-article.home a.cont-button:after{
    width:442px;
    background-color:#77787B;
}

        @media only screen and (max-width: 991px){
            .cont-article.home a.cont-button.line-break{
                margin:0 auto 50px;
            }
        }
        @media only screen and (max-width: 425px){
            .cont-article.home a.cont-button.line-break{
                line-height: 18px;
                border-radius: 40px;
                padding:7px 0;
            }
            .cont-article.home a.cont-button.line-break:after{
                height:54px;
                border-radius: 40px;
            }
        }

/*Button - Skinfusion® Technology*/
.cont-article.home .sect-2 a.cont-button{
    width:355px;
    border-color:#8FC9B7;
}
.cont-article.home .sect-2 a.cont-button:hover{
    color:#8FC9B7;
}
.cont-article.home .sect-2 a.cont-button:after{
    width:357px;
}
        @media only screen and (max-width: 991px){
            .cont-article.home .sect-2 a.cont-button{
                margin:0 auto 50px;
            }
        }

.cont-article.home .cust-padding{
    padding-left: 35px;
}
@media only screen and (max-width: 991px){
    .cont-article.home .cust-padding{
        padding-left: 15px;
    }
}

.cont-article.home img{
    display: block;
    width:100%;
    max-width:436px;
    height:auto;
    margin:0 auto 0 0;
}
@media only screen and (max-width: 991px){
    .cont-article.home img{
        margin:0 auto;
    }
}
.cont-article.home .sect-2 img{
    max-width: 287px;
    margin: 18px auto;
}
@media only screen and (max-width: 991px){
    .cont-article.home .sect-2 img{
        margin: 0 auto 20px;
    }
}
.cont-article.home p.footnote{
    display: block;
    position: absolute;
    bottom: -50px;
    color:#6C6D70;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin:0;
    padding:0;
}
@media only screen and (max-width: 991px){
    .cont-article.home p.footnote{
        position: relative;
        bottom:auto;
    }
}

/* Article @END */

/*======================================* Aside @START *===*/
.cont-aside.home{
    background-color:#77787B;
    padding:120px 15px;
}
        @media only screen and (max-width: 991px){
            .cont-aside.home{
                padding:60px 15px 0;
            }
        }

.cont-aside.home h3{
    font-family: "Helvetica Neue LT 57 Condensed", Helvetica, sans-serif;
    color: #ffffff;
    font-size: 32px;
    line-height: 36px;
    margin-bottom:25px;
}
        @media only screen and (max-width: 991px){
            .cont-aside.home h3{
                font-size: 30px;
            }
        }
.cont-aside.home h3:after{
    content:"";
    display: block;
    width:65px;
    height:4px;
    border-radius: 2px;
    background-color:#C1E4F9;
    margin-top:25px;
}
.cont-aside.home p{
    font-size: 22px;
    line-height: 32px;
    color: #ffffff;
    padding:0;
    margin:0 0 40px;
}
.cont-aside.home p strong{
    font-family: "Helvetica Neue LT Std 77 Bold Condensed", Helvetica, sans-serif;
}


.cont-aside.home a.cont-button{
    color:#6D6E71;
    width:230px;
    border-color:#C1E4F9;
}
.cont-aside.home a.cont-button:hover {
    color: #C1E4F9;
}
.cont-aside.home a.cont-button:after{
    width:232px;
    background-color:#ffffff;
}

.cont-aside.home .sect-2 a.cont-button{
    width:200px;
}
.cont-aside.home .sect-2 a.cont-button:after{
    width:202px;
    background-color:#ffffff;
}
        @media only screen and (max-width: 991px){
            .cont-aside.home a.cont-button{
                margin-bottom:80px;
            }
        }
/* Aside @END */