@font-face {
    font-family: 'avenir';
    src: url(/assets/fonts/Avenir.ttc);
    font-family: 'avenir book';
    src: url(/assets/fonts/Avenir/AvenirLTStd-Book.otf);
    font-family: 'avenir black';
    src: url(/assets/fonts/Avenir/AvenirLTStd-Black.otf);
}
/* Core ----------------------- */
body, html {
    background: url(/assets/syts/wellwomen/img/DarkPurpleBkgdRT_600x900.jpeg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
a {
    color: #000000;
    outline: none !important;
    text-decoration: none;
    border: none;
}
a:active, a:focus, a:hover { color: #00467F; }

#maincont {
    margin-top: 7%;
    height:640px !important;
    background: #000000 url(/assets/syts/wellwomen/img/page1/wellwomen_page1_background.png) no-repeat top right;
    padding:0;
    -webkit-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
}
/*
#maincont.page1 {
    margin-top: 7%;
    height:640px !important;
    background: #000000 url(/assets/syts/wellwomen/img/page1/wellwomen_page1_background.png) no-repeat top right;
    padding:0;
    -webkit-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
}
#maincont.page2 {
    margin-top: 7%;
    height:640px !important;
    background: #000000 url(/assets/syts/wellwomen/img/page2/wellwomen_page2_background_main.png) no-repeat top right;
    padding:0;
    -webkit-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
}
#maincont.page3 {
    margin-top: 7%;
    height:640px !important;
    background: #000000 url(/assets/syts/wellwomen/img/page3/wellwomen_page3_background_main.png) no-repeat top right;
    padding:0;
    -webkit-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
}
#maincont.page4 {
    margin-top: 7%;
    height:640px !important;
    background: #000000 url(/assets/syts/wellwomen/img/page4/wellwomen_page4_background.png) no-repeat top right;
    padding:0;
    -webkit-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
    box-shadow: 10px 20px 40px 1px rgba(0,0,0,0.4);
}
*/
@media only screen and (max-width: 768px) {
    #maincont {
        margin-top: 2% !important;
    }
}
#colr {
    float: right;
    width: 524px;
    z-index: 9;
}
#coll {
    width: 500px;
    overflow: visible;
    padding: 163px 0 0 42px;
    box-sizing: border-box;
    z-index: 10;
}
/* --- Sidebar --------------------- */
#next_button_sidebar {
    background: url(/assets/syts/wellwomen/img/wellwomen_sidebar_button_next.png) no-repeat;
    position: absolute;
    width: 84px;
    height: 83px;
    top: 23px;
    right: 17px;
    z-index: 13;
}
#next_button_sidebar:hover {
    background: url(/assets/syts/wellwomen/img/wellwomen_sidebar_button_next_mouseover.png) no-repeat;
    position: absolute;
    width: 84px;
    height: 83px;
    top: 23px;
    right: 17px;
    z-index: 13;
}
#pagecount_sidebar {
    background: url(/assets/syts/wellwomen/img/wellwomen_sidebar_2of4.png) no-repeat;
    position: absolute;
    width: 40px;
    height: 20px;
    top: 100px;
    right: 39px;
    z-index: 15;
}

#back_button_sidebar {
    background: url(/assets/syts/wellwomen/img/wellwomen_sidebar_button_back.png) no-repeat;
    position: absolute;
    width: 84px;
    height: 83px;
    top: 110px;
    right: 17px;
    z-index: 13;
}
#back_button_sidebar:hover {
    background: url(/assets/syts/wellwomen/img/wellwomen_sidebar_button_back_mouseover.png) no-repeat;
    position: absolute;
    width: 84px;
    height: 83px;
    top: 110px;
    right: 17px;
    z-index: 13;
}
#contactus_sidebar {
    background: url(/assets/syts/wellwomen/img/wellwomen_sidebar_signup.png) no-repeat;
    position: absolute;
    width: 118px;
    height: 141px;
    top: 350px;
    right: -1px;
    z-index: 15;
}
#logo_text_sidebar {
    background: url(/assets/syts/invest/img/invest_sidebar_colr_poweredby_text.png) no-repeat;
    position: absolute;
    width: 70px;
    height: 11px;
    bottom: 77px;
    right: 15px;
    z-index: 15;
}
#logo_sidebar {
 /*   background: url(/assets/img/invest/invest_sidebar_colr_logo.png) no-repeat;  */
    position: absolute;
/*    width: 54px;
    height: 47px;  */
    bottom: 27px;
    right: 23px;
    z-index: 15;
}

#spotsytlogo {
    cursor:pointer;
}
#contactus_sidebar {
    cursor:pointer;
}
#next_button_sidebar {
    cursor:pointer;
}
#back_button_sidebar {
    cursor:pointer;
}
#pdf_page3 {
    cursor:pointer;
}
#audio_page3 {
    cursor:pointer;
}
/*
#audiobox {
    cursor:pointer;
} */
#page1_next_button {
    cursor:pointer;
}

/* --- Page 1 --------------------- */
#page1_next_button {
    background: url(/assets/syts/wellwomen/img/page1/wellwomen_page1_button_next.png) no-repeat;
    position: absolute;
    width: 178px;
    height: 178px;
    top: 380px;
    right: -190px;
    z-index: 17;
}
#page1_next_button:hover {
    background: url(/assets/syts/wellwomen/img/page1/wellwomen_page1_button_next_mouseover.png) no-repeat;
    position: absolute;
    width: 178px;
    height: 178px;
    top: 380px;
    right: -190px;
    z-index: 17;
}
/* Page 2 ----------------------- */
#videoplayer_page2 {
    background: url(/assets/syts/wellwomen/img/page2/VideoStillForP2_480x270_wArrow.jpg) no-repeat;
/*    background-size: 359px 214px;  */
    background-size: cover;
    z-index: 30;
    position: absolute;
    width: 359px;
    height: 214px;
    top: 109px;
    right: -162px;
}
#videoplayer_page2:hover {
    -webkit-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
}
#hidebutton_page2 {
    position: absolute;
    background: rgba(37,121,165,1);
    padding: 4px 10px;
    font-family: franklinstddemi;
    font-size: 12px;
    color: white;
    bottom: 253px;
    left: 200px;
    z-index: 30;
}
/* --- Page 3 -----------------------*/
#videoplayer_page3 {
    background: url(/assets/syts/wellwomen/img/page3/Still_for_FB_Live_with_Play_Arrow_480x270.jpg) no-repeat bottom right;
/*    background-size: 251px 159px; */
    background-size: cover;
    z-index: 30;
    position: absolute;
    width:252px;
    height: 160px;
    top: 43px;
    right: -211px;
}
#videoplayer_page3:hover {
    -webkit-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
}
#hidebutton_page3 {
    position: absolute;
    background: rgba(37,121,165,1);
    padding: 4px 10px;
    font-family: franklinstddemi;
    font-size: 12px;
    color: white;
    bottom: 323px;
    left: 240px;
    z-index: 30;
}
#audio_page3 {
    background: url(/assets/syts/wellwomen/img/page3/WWN_Podcast_with_Play_Arrow_270x270.jpg) no-repeat;
    background-size: 190px 190px;
    position: absolute;
    width: 189px;
    height: 190px;
    top: 213px;
    left: 520px;
    z-index: 25;
}
#audio_page3:hover {
    -webkit-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    -ms-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    -o-box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
    box-shadow: 10px 20px 20px 1px rgba(0,0,0,0.4);
}
#pdf_page3 {
    background: url(/assets/syts/wellwomen/img/page3/wellwomen_page3_coll_pdf.png) no-repeat;
    -webkit-transform: rotate(-3.5deg);
    -moz-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
    -o-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
    position: absolute;
    width: 220px;
    height: 240px;
    top: 379px;
    left: 355px;
    z-index: 21;
}
#pdf_page3:hover {
    background: url(/assets/syts/wellwomen/img/page3/wellwomen_page3_coll_pdf_mouseover.png) no-repeat;
}
/*--- Page 4 ---------------------*/
#sitelinks_page4 {
    position: absolute;
    width: 320px;
    height: 320px;
    top: 140px;
    left: 67px;
    z-index: 15;
}
#website_page4 label{
    padding-right: 20px;
}
#blog_page4 label {
    padding-right: 44px;
}
#email_page4 label{
    padding-right: 36px;
}
.sitelinklabels {
    font-family: 'avenir book';
    font-size: 20px;
    color: #77787B;
}
.sitelinks {
    font-family: 'avenir black';
    font-size: 20px;
    color: #353561;
}
.sitelinks:hover {
    font-family: 'avenir black';
    font-size: 20px;
    text-shadow: 5px 5px 4px #B57CB5;
}
#website_page4 {
    margin-top: 5px;
}
#blog_page4 {
    margin-top: 15px;
}
#email_page4 {
    margin-top: 15px;
}
#freegift_page4 {
    background: url(/assets/syts/wellwomen/img/page4/SelfCareEbookCoverGrab2.jpeg) no-repeat;
    background-size: 160px 242px;
    position: absolute;
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    transform: rotate(8deg);
    width: 160px;
    height: 242px;
    top: 25px;
    right: -373px;
    z-index: 11;
}
#itunes_page4 {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_coll_itunes.png) no-repeat;
    position: absolute;
    width: 92px;
    height: 92px;
    top: 332px;
    left: 150px;
    z-index: 15;
}
#itunes_page4:hover {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_coll_itunes_mouseover.png) no-repeat;
}
#google_page4 {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_coll_google.png) no-repeat;
    position: absolute;
    width: 86px;
    height: 92px;
    top: 332px;
    left: 230px;
    z-index: 15;
}
#google_page4:hover {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_coll_google_mouseover.png) no-repeat;
}
#spotify_page4 {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_coll_spotify.png) no-repeat;
    position: absolute;
    width: 93px;
    height: 92px;
    top: 332px;
    left: 310px;
    z-index: 15;
}
#spotify_page4:hover {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_coll_spotify_mouseover.png) no-repeat;
}
#iheart_page4 {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_coll_iheart.png) no-repeat;
    position: absolute;
    width: 115px;
    height: 90px;
    top: 327px;
    left: 370px;
    z-index: 15;
}
#iheart_page4:hover {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_coll_iheart_mouseover.png) no-repeat;
}
#stitcher_page4 {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_coll_stitcher.png) no-repeat;
    position: absolute;
    width: 94px;
    height: 94px;
    top: 332px;
    left: 465px;
    z-index: 15;
}
#stitcher_page4:hover {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_coll_stitcher_mouseover.png) no-repeat;
}

#signmeup_page4 {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_colr_signmeup_button.png) no-repeat;
    position: absolute;
    width: 160px;
    height: 71px;
    top: 340px;
    left: 700px;
    z-index: 15;
}
#signmeup_page4:hover {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_colr_signmeup_button_mouseover.png) no-repeat;
}
#tellmemore_page4 {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_colr_tellme_button.png) no-repeat;
    position: absolute;
    width: 129px;
    height: 39px;
    top: 540px;
    left: 700px;
    z-index: 15;
}
#tellmemore_page4:hover {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_colr_tellme_button_mouseover.png) no-repeat;
}
#facebook_sidebar_page4 {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_sidebar_facebook.png) no-repeat;
    position: absolute;
    width: 64px;
    height: 64px;
    bottom: 247px;
    right: 27px;
    z-index: 15;
}
#facebook_sidebar_page4:hover {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_sidebar_facebook_mouseover.png) no-repeat center center;
}
#instagram_sidebar_page4 {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_sidebar_insta.png) no-repeat;
    position: absolute;
    width: 64px;
    height: 64px;
    bottom: 167px;
    right: 27px;
    z-index: 15;
}
#instagram_sidebar_page4:hover {
    background: url(/assets/syts/wellwomen/img/page4/wellwomen_page4_sidebar_insta_mouseover.png) no-repeat center center;
}