@import url(https://fonts.googleapis.com/css?family=Roboto|Source+Sans+Pro);


/* #labelid:active+div {
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Lato);
  display:inline-block !important;
} */

.topnav a {
    font-family: "Source Sans Pro"!important;
    font-size: 15px!important
}

.top-nav-sidebar {
    width: 100%
}

 p.prev_p {
    position: absolute;
    top: -1900px;
  }

.hidden {
    display: none!important
}

#mySidebar>a.w3-bar-item.w3-button.buyNow_menu:not(.open),
#mySidebar>a.w3-bar-item.w3-button.buyNow_menu:not(.open):hover,
#mySidebar>a.w3-bar-item.w3-button.howItWorks_menu:not(.open),
#mySidebar>a.w3-bar-item.w3-button.howItWorks_menu:not(.open):hover,
#mySidebar>a.w3-bar-item.w3-button.products_menu:not(.open),
#mySidebar>a.w3-bar-item.w3-button.products_menu:not(.open):hover,
#mySidebar>a.w3-bar-item.w3-button.sstories_menu:not(.open),
#mySidebar>a.w3-bar-item.w3-button.sstories_menu:not(.open):hover {
    background: url(images/down-arrow.png) 165px 55%/10% no-repeat!important
}

#mySidebar>a.w3-bar-item.w3-button.buyNow_menu.open:not(.always),
#mySidebar>a.w3-bar-item.w3-button.buyNow_menu.open:not(.always):hover,
#mySidebar>a.w3-bar-item.w3-button.howItWorks_menu.open:not(.always),
#mySidebar>a.w3-bar-item.w3-button.howItWorks_menu.open:not(.always):hover,
#mySidebar>a.w3-bar-item.w3-button.products_menu.open:not(.always),
#mySidebar>a.w3-bar-item.w3-button.products_menu.open:not(.always):hover,
#mySidebar>a.w3-bar-item.w3-button.sstories_menu.open:not(.always),
#mySidebar>a.w3-bar-item.w3-button.sstories_menu.open:not(.always):hover {
    background: url(images/up-arrow.png) 165px 16px/10% no-repeat #412a86!important
}

#mySidebar>a.w3-bar-item.w3-button.open,
#mySidebar>a.w3-bar-item.w3-button.open:hover {
    background-color: #412a86!important
}

.buyNow_menu .buyNow_submenu,
.howItWorks_menu .howItWorks_submenu,
.products_menu .products_submenu,
.sstories_menu .sstories_submenu {
    margin: 5px -16px -8px
}

.buyNow_menu:not(.always) .buyNow_submenu a,
.howItWorks_menu:not(.always) .howItWorks_submenu a,
.products_menu:not(.always) .products_submenu a,
.sstories_menu:not(.always) .sstories_submenu a {
    background-color: #3a2675
}

#mySidebar>a.w3-bar-item.w3-button:hover {
    background: #4a3292!important;
    color: #fff!important;
    opacity: 1!important
}

a:not(.open) .buyNow_submenu,
a:not(.open) .howItWorks_submenu,
a:not(.open) .products_submenu,
a:not(.open) .sstories_submenu {
    display: none
}

 /* Skip to content */
  .skip-to-content-link {
    left: 50%;
    position: absolute;
    transform: translateY(-100%);
  }
  .skip-to-content-link {
    background: #e77e23;
    height: 30px;
    left: 50%;
    padding: 8px;
    position: absolute;
    transform: translateY(-100%);
    transition: transform 0.3s;
    color: #000000;
  }
  .skip-to-content-link:focus {
    transform: translateY(0%);
    z-index: 999999;
  }

.buyNow_menu .buyNow_submenu a,
.howItWorks_menu .howItWorks_submenu a,
.products_menu .products_submenu a,
.sstories_menu .sstories_submenu a {
    background: #4a3292;
    background: #34216f;
    display: block;
    text-decoration: none;
    line-height: 38px;
    padding-left: 15px;
    box-sizing: border-box!important;
    font-weight: 200
}

#mySidebar a.active:not(.Toast) {
    background: url(images/side-arrow.png) -2px 0 no-repeat #322165
}

#mySidebar #mobile-menu-search input {
    width: 100%;
    padding-left: 35px
}

#search_results {
    padding-top: 2%!important
}

.search_highlight {
    background-color: #dcf59e;
    color: #000
}

.search_pages_found,
.shopIfBtn2 span.visuallyhidden {
    display: none
}

.search_results_info>div {
    float: left;
    margin-right: 10px;
    font-size: 90%;
    color: #c5c5c5
}

.search_results_info {
    display: inline-block
}

.search_results_info b {
    font-weight: 400
}

a.all_products_menu_link {
    margin: -16px;
    padding: 0 0 0 15px;
    background-color: transparent!important;
    text-decoration: none;
    line-height: 38px;
    display: inline-block
}

a.Toast {
    text-decoration: none;
    padding: 5px;
    color: #9c9595
}

/*
:not(.searching_spotlight) {
    transition: none!important
}
*/

.product-selector {
    display: inline-block;
    width: 100%;
    float: none
}

.wtb-col {
    display: inline-block;
    width: 50%;
    min-width: 207px
}

.where-to-buy-product {
    -webkit-transition: opacity .5s ease-in-out .1s!important;
    transition: opacity .5s ease-in-out .1s!important;
    display: block
}

.where-to-buy-product:not(.logos-hidden) {
    visibility: visible
}

.logos-hidden {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    top: -2000px
}

@media screen and (min-width:800px) {
    .mobile-join-fix {
        display: none!important
    }
}

@media screen and (min-width:1025px) {
    .w3-sidebar {
        display: none!important
    }
}

@media screen and (max-width:500px) {
    .wtb-col {
        display: inline-block;
        width: 100%!important;
        min-width: 207px;
        text-align: center
    }
    .buy-now-logo,
    .store-locator-logo {
        float: none
    }
    .wtb-contain .wtbprodimg {
        margin: 0 auto!important;
        display: block!important
    }
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
    padding-top: 18px;
    margin-top: 22px
}

.logo {
    display: inline-block;
    float: left;
    width: 30%;
    height: 50px;
    margin-top: 0
}

.topnav .dropdown-content a.active {
    color: #fff;
    background: #492f91;
    background: #d8cfef
}

.topnav .dropdown-content a:not(.active):hover {
    color: #4a3292;
    background: #f3f1fa
}

.topnav a.w3-bar-item.w3-button:hover {
    color: #9989c9!important;
    font-weight: 500;
    text-shadow: 1px 0 #5b4798
}

.topnav a.w3-bar-item.w3-button.active,
.topnav a.w3-bar-item.w3-button.open_parent,
.topnav a.w3-bar-item.w3-button.open_parent:hover {
    color: #715bb3!important;
    font-weight: 500;
    text-shadow: 1px 0 #5b4798
}

.topnavsmall ul li a.active {
    color: #6e5bb6;
    background: 0 0;
    border-radius: 5px;
    text-shadow: 1px 0 #5b4798
}

.topnav a.w3-bar-item.w3-button.active {
    background: #fff;
    border-radius: 5px
}

.topnav a.w3-bar-item.w3-button {
    cursor: pointer
}

.dropdown-content a {
    color: #302176
}

.w3-sidebar>ul {
    padding-left: 0!important;
    margin-top: 40px!important
}

.w3-sidebar>ul li a {
    width: 100%;
    display: inline-block!important;
    height: 40px;
    line-height: 32px;
    color: #ccc1ef;
    padding-left: 16px!important
}

.form-group .w3-button,
a.w3-bar-item.w3-button {
    opacity: 1!important
}

.px36 {
    font-size: 36px
}

@media (max-width:1280px) {
    #footer-widget-video #contact .bottom-widget2 {
        margin-top: 0!important
    }
}

@media (max-width:1025px) and (min-width:881px) {
    #footer-widget-video #contact .bottom-widget2 {
        margin-top: 0!important
    }
}

@media screen and (max-width:1416px) {
    #cosamin-walgreens-landingpage div#walgreens-land-btns a {
        margin-top: 5px!important
    }
    p#productslidedesc {
        margin: 0
    }
    div#walgreens-land-btns {
        display: block!important;
        position: relative
    }
    #cosamin-walgreens-landingpage #cosamin-all-products-container #productslidedesc {
        margin: 5px 0
    }
}

@media screen and (min-width:1281px) and (max-width:1360px) {
    #cosamin-walgreens-landingpage div#walgreens-land-btns a {
        margin-top: 1%!important
    }
    #cosamin-walgreens-landingpage div#walgreens-land-btns {
        margin-left: -10%;
        float: left;
        margin-right: 3%;
        width: 95%;
        margin-top: 0
    }
}

@media screen and (max-width:1280px) {
    div#walgreens-land-btns {
        position: relative
    }
    #cosamin-walgreens-landingpage .gen-section1innerleft {
        margin: 2% 10% 8% 6%
    }
}

@media screen and (max-width:768px) {
    #cosamin-walgreens-landingpage #walgreens-land-btns a:nth-child(1) {
        margin-right: none!important;
        display: block!important;
        width: 230px;
        max-width: 100%;
        position: relative;
        float: none!important;
        text-align: center!important
    }
    #cosamin-walgreens-landingpage .gen-section1innerleft {
        margin: 2% 10% 25% 7%
    }
    #cosamin-walgreens-landingpage div#walgreens-land-btns {
        width: 80%!important
    }
    #cosamin-walgreens-landingpage #walgreens-land-btns a:nth-child(2),
    #cosamin-walgreens-landingpage #walgreens-land-btns a:nth-child(3) {
        margin-right: none!important;
        display: block!important;
        width: 90px;
        max-width: 100%;
        position: relative;
        float: none!important
    }
    #cosamin-walgreens-landingpage #walgreens-land-btns a:nth-child(3) {
        width: 260px
    }
}

@media screen and (max-width:414px) {
    #cosamin-walgreens-landingpage .gen-section1innerleft {
        margin: 2% 10% 40% 7%
    }
}

@media screen and (max-width:1040px) {
    .shrink #logoId {
        margin-top: 0!important
    }
}

@media screen and (min-width:1775px) {
    div#walgreens-land-btns {
        width: 105%;
        max-width: 105%
    }
    #cosamin-walgreens-landingpage #walgreens-land-btns a:nth-child(2) {
        margin-right: 1%
    }
}

@media screen and (max-width:320px) {
    #cosamin-walgreens-landingpage #walgreens-land-btns a:nth-child(3) {
        white-space: nowrap!important
    }
}

@media screen and (max-width:768px) and (orientation:portrait) {
    .d-homevid {
        width: 95%
    }
}

@media screen and (max-width:414px) and (orientation:portrait) {
    .m-homevid .wistia_embed,
    .wistia_responsive_padding {
        height: 300px!important
    }
}

@media screen and (min-width:1024px) and (max-width:1025px) and (orientation:landscape) {
    #why-cosamin .wistia_responsive_padding {
        width: 90%;
        margin: 5% auto 0
    }
}

.shopIfBtn {
    width: 100%;
    max-width: 350px;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 2147483647;
    transform: translateX(100%);
    -webkit-transform: translateX(100%)
}

.shopIfBtn2.shopify-buy-frame--cart.is-initialized.is-active {
    background-color: #fff;
    box-shadow: -5px 0 5px rgba(0, 0, 0, .1);
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    overflow: scroll;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.shopify-buy-frame--cart {
    max-width: 420px
}

.overFlow {
    position: relative;
    overflow: hidden
}

.shopIfBtn2 .shopify-buy__btn--close {
    background: #fff;
    border: #fff;
    cursor: pointer;
    align-self: flex-end;
    margin-right: 15px;
    color: #000;
    position: absolute
}

.shopIfBtn2 .shopify-buy__btn--close span {
    font-size: 35px;
    color: #000
}

#products button.w3-button.purplebtnclass.shopBtn {
    margin: 0 3px 1px 0!important;
    padding: 15px 24px!important;
    line-height: 18px!important;
    width: 110px;
    font-size: 15px!important
}

#products-page .product-box-sq .purplebtnclass {
    margin: 0 auto!important
}

.bchange {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1
}

a.w3-button.w3-red.where-to-buy-btn {
    margin: 0 3px 1px 0!important
}

.ps-widget.ps-enabled {
    background: #f44336
}

@media screen and (max-width:425px) {
    .bchange {
        display: block
    }
    #products button.w3-button.purplebtnclass.shopBtn {
        width: 100%
    }
}

.wtbProd {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-top: 25px
}

div#dDbuynow {
    display: none!important
}

img.w3-jumbo.w3-center.wtbprodimg {
    margin-right: 63px
}

h1.wtbProd__wtbt {
    padding-top: 0
}

.product-selector {
    text-align: left
}

@media (max-width:880px) {
    #products button.w3-button.purplebtnclass.shopBtn {
        font-size: 12px!important
    }
}

@media screen and (max-width:810px) {
    #products button.w3-button.purplebtnclass.shopBtn {
        line-height: 11px!important;
        font-size: 16px!important
    }
}

/* #offers-coupon-rebate-id .w3-half.pad.boxshadow:first-child {
    display: none
}

#offers-coupon-rebate-id .w3-half.pad.boxshadow:last-child {
    display: inline-block;
    float: none
}

#offers-coupon-rebate-id .h-topspace {
    text-align: center
}

#products a.w3-button.w3-red {
    display: none
}

@media screen and (max-width:740px) {
    #offers-coupon-rebate-id .pad.boxshadow:first-child {
        display: none
    }
} */










/* POPUP NUTRAMAXSTORE HOTFIX 4.17.2020 

#mc-embedded-subscribe-form .formFieldset #firstRow{
display: none!important;
}

#mc-embedded-subscribe-form .formFieldset #secondRow{
display: none!important;
}

#mc-embedded-subscribe-form .formFieldset .row{
display: none!important;
}

.stick_content.active {
    height: auto!important;
}
.consumer-email-signup-form:not(.popup) .scroll{
  min-height: auto!important;
}

 POPUP NUTRAMAXSTORE HOTFIX 4.17.2020 */

/* Promo banner -CA- */

.test .promoBanner.hidden {
    display: block!important
}

.promoBanner img{
  width: 100%;
}

.promoBanner__img.item2 {
  display: none;
}
.promoBanner__img.item3 {
  display: none;
}

@media screen and (max-width:1280px) {
    .promoBanner__img.item1 {
        display: none;
    }
    .promoBanner__img.item2 {
        display: block;
    }
}

@media screen and (max-width:650px) {
    .promoBanner__img.item1 {
        display: none;
    }
    .promoBanner__img.item2 {
        display: none;
    }
    .promoBanner__img.item3 {
        display: block;
    }
}

/* Promo banner -CA- */

/* adding persona -CA- */

@media (min-width: 700px) {
 .whycosaminjoinour form fieldset .form-group {
    width: 50%;
    display: inline-block;
  } 
}

.formGroup__ca {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
}

 .personaz select {
   background-color: #fff;
   color: #494646;
   border: rgba(0,0,0,.2);
   -webkit-box-sizing: border-box!important;
   -moz-box-sizing: border-box!important;
   box-sizing: border-box!important;
   -webkit-transition: border .2s linear,box-shadow .2s linear;
   -moz-transition: border .2s linear,box-shadow .2s linear;
   transition: border .2s linear,box-shadow .2s linear;
   -webkit-writing-mode: horizontal-tb !important;
   text-rendering: auto;
   color: -internal-light-dark-color(black, white);
   letter-spacing: normal;
   word-spacing: normal;
   text-transform: none;
   text-indent: 0px;
   text-shadow: none;
   display: inline-block;
   text-align: start;
   -webkit-appearance: textfield;
   background-color: -internal-light-dark-color(rgb(255, 255, 255), rgb(59, 59, 59));
   -webkit-rtl-ordering: logical;
   cursor: text;
   margin: 0em;
   font: 400 13.3333px Arial;
   padding: 1px 2px;
   border-width: 2px;
   border-style: inset;
   border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195));
   border-image: initial;
   padding: 8px;
   width: 90%;
   display: flex;
   margin-left: 8px;
 }

#why-cosamin .personaz select{
  margin-left: 3px;
  width: 99%;
  padding: 10px;
}

/* adding persona -CA- */

.stick_content .consumer-email-signup-form #mc-embedded-subscribe-form div.mce_error_show {
    font-size: 15px;
}
img[src*="jadserve.postrelease"],
img[src*="secure.adnxs"]{
  display:none;
}






/* 9.25.2020 issue with products page showing skip button without vox */
#products-page a.skip-to-content-link{
  display: none;
}



/* SS Kevin 1.28.2021 */

.story-content p {
    color: #000000;
}

#ds-ss-id body, #asu-ss-id body {
  margin: 0 auto;
  max-width: 56em;
  padding: 1em 0;
}

#ds-ss-id .success-stories-content, #asu-ss-id .success-stories-content {
  /* Grid Fallback */
  display: flex;
  flex-flow: row wrap;
 
  grid-gap: 1em;
}
#ds-ss-id .success-stories-content5, #asu-ss-id .success-stories-content5 {
  /* Grid Fallback */
  margin-top: 1%;
  display: flex;
  flex-flow: row wrap;
 
  grid-gap: 1em;
}

#ds-ss-id .story, #asu-ss-id .story {
  /* Demo-Specific Styles */
/*   background: #eaeaea; */
  display: flex;
  align-items: baseline;
  justify-content: center;
/*   height: 200px;
   */
  /* Flex Fallback */
  margin-left: 5px;
  margin-right: 5px;
  flex: 1 1 200px;
  
  padding: 5%;
  background: whitesmoke;
}

#ds-ss-id .story span, #asu-ss-id .story span {
    background: transparent!important;
}

.success-stories-content p {
    color: black;
}

/* If Grid is supported, remove the margin we set for the fallback */
@supports (display: grid) {
  #ds-ss-id .story, #asu-ss-id .story {
    margin: 0;
  }
}

#asu-ss-id div[storyid="61677"]{
  grid-column: span 2;
}
#ds-ss-id .stick_popup, #asu-ss-id .stick_popup{
  height: auto!important;
}
/* SS Kevin 1.28.2021 */







/* accessibility */

/* select.shopDdown {
  border: none !important;
  background: #639 !important;
  color: #fff !important;
  margin-top: -2px !important;
  border-radius: 8px !important;
  width: 150px !important;
  padding: 4px !important;
} */

.test *:focus {
  outline:solid !important; 
}

div#dDSs {
    margin-left: auto!important;
}


/* Cosamin Oct Nov 2021 Update Hotfixes */
#why-cosamin #f-widget-video-id {
    display: none!important;
}
#why-cosamin h1{
  padding-top: 10%;
}
#how-it-works h1{
    max-width: 100%;
    width: 70%;
    margin: auto auto;
}
#hiw-break{
  display: none;
}
@media screen and (min-width:1200px) and (max-width:1788px){
  #how-it-works h1 {
    max-width: 100%;
    width: 100%!important;
    margin: auto auto;
}
}

@media screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait){
  #why-cosamin .whycosaminjoinour h2{
    max-width: 70%;
    text-align: center!important;
    width: 100%!important;
    padding: 0px!important;
    margin: 0 auto;
  }
#why-cosamin .w3-center.hdline span {
  padding: 0px!important;
  }
  #how-it-works h1{
    max-width: 100%;
    width: 100%;
    margin: auto auto;
  }
}
@media screen and (max-width: 400px){
    #hiw-break{
  display: block!important;
    line-height: 0px!important;
  }
}
/* Cosamin Oct Nov 2021 Update Hotfixes */
/* 10.5.21 travis changes */
#SlideOne .w3-red{
    background: #492f91!important;
}
#SlideTwo .w3-red{
    background: #492f91!important;
}
#SlideThree .w3-red{
    background: #492f91!important;
}
.why-cosamin-section3 .w3-red{
  background: #492f91!important;
}
#cosamin-email-signup .w3-red{
  background: #492f91!important;
}
.find-your-section .w3-red{
    background: #492f91!important;
}

#how-it-works .w3-red{
    background: #492f91!important;
}
#ss-home-id .w3-red{
    background: #492f91!important;
}
#ds-ss-id .w3-red{
    background: #492f91!important;
}
#asu-ss-id .w3-red{
    background: #492f91!important;
}
/* 10.5.21 travis changes */