.underline-font {text-decoration: underline;}.italic-font {font-style: italic;}.bold-font {font-weight: bold;}.hide-text h1{display: none;}a.underline-font {text-decoration: underline !important;color: #009BDD;}a.underline-font img {top: 2px;position: relative;}.link-content {padding-left: 5px;}.FooterBGColorWithLogo {font-family: "Avenir Next Rounded Regular", Verdana, Arial, sans-serif;font-size: 12px;color: #858585;line-height: 24px;margin: 15px 0px 0px 0px;padding-bottom: 20px !important;}.FooterBGColorWithLogo-Collection1 {background-color: #003C84;height: 34px;text-align: center;margin-bottom: 38px;}.FooterBGColorWithLogo-Links1 {padding-top: 5px;}.FooterBGColorWithLogo-Link1 {text-decoration: none;padding-left: 10px;border-left: 1px solid #FFFFFF;margin-left: 10px;display: inline-block;line-height: 12px;text-align: center;}.FooterBGColorWithLogo-Link1:first-child {padding-left: 0px;border-left: none;margin-left: 0px;}.FooterBGColorWithLogo-Link1:hover {text-decoration: underline;font-weight: bold;color: #FFFFFF;}.FooterBGColorWithLogo-Link1 .FooterBGColorWithLogo-LinkText {color: #FFFFFF;}.FooterBGColorWithLogo-Collection2, .FooterBGColorWithLogo-Collection3, .FooterBGColorWithLogo-Collection4, .FooterBGColorWithLogo-Collection5, .FooterBGColorWithLogo-Collection6 {display: inline-block;vertical-align: top;}.FooterBGColorWithLogo-Collection2 {width: 278px;}.FooterBGColorWithLogo-Collection3 {width: 188px;}.FooterBGColorWithLogo-Collection4 {width: 169px;}.FooterBGColorWithLogo-Collection5 {width: 157px;}.FooterBGColorWithLogo-Collection6 {width: 190px;}.FooterBGColorWithLogo-Title {font-weight: bold;}.FooterBGColorWithLogo-Links2 {margin-left: 59px;}.FooterBGColorWithLogo-Image {margin-bottom: 27px;display: block;}.FooterBGColorWithLogo-Links2 .FooterBGColorWithLogo-LinkText, .FooterBGColorWithLogo-Links3 .FooterBGColorWithLogo-LinkText, .FooterBGColorWithLogo-Links4 .FooterBGColorWithLogo-LinkText, .FooterBGColorWithLogo-Links5 .FooterBGColorWithLogo-LinkText, .FooterBGColorWithLogo-Links6 .FooterBGColorWithLogo-LinkText {display: block;}.FooterBGColorWithLogo-Links2 .FooterBGColorWithLogo-LinkText {font-size: 11px;}.FooterBGColorWithLogo-Link3, .FooterBGColorWithLogo-Link4, .FooterBGColorWithLogo-Link5, .FooterBGColorWithLogo-Link6 {text-decoration: none;}.FooterBGColorWithLogo-Link3:hover, .FooterBGColorWithLogo-Link4:hover, .FooterBGColorWithLogo-Link5:hover, .FooterBGColorWithLogo-Link6:hover {text-decoration: underline;}.FooterBGColorWithLogo-Link3 .FooterBGColorWithLogo-LinkText, .FooterBGColorWithLogo-Link4 .FooterBGColorWithLogo-LinkText, .FooterBGColorWithLogo-Link5 .FooterBGColorWithLogo-LinkText, .FooterBGColorWithLogo-Link6 .FooterBGColorWithLogo-LinkText {color: #858585;}#breadcrumbs {font-family: "Avenir Next Regular";font-size: .875em;color: #002c77;float: left;width: 100%;background: #fff;padding: 14px 0 14px 2%;box-sizing: border-box;}#breadcrumbs a {color: #0e2d67;text-decoration: none;}#breadcrumbs li {display: inline;}.crumb-separator {padding: 0 .5%;}.br-current-page {pointer-events: none;}


@media only screen and (min-width:768px) {
            .FooterBGColorWithLogo {
                      padding-bottom: 20px! important;}

     }

}

@media only screen and (min-width:768px) and  (max-width:1023px){

.m-alert-banner--wrapper {
    margin-top: 20px;
     }

}.registration-sign-up-body {position: relative;}.registration-sign-up-body table {position: absolute;top: 0;}.registration-sign-up-body table {font-size: 20px;letter-spacing: -.5px;line-height: 23px;}.registration-sign-up-body table h1 {color: #09B0ED;font-family: "Avenir Next Rounded Bold", "Verdana";font-size: 31px;line-height: 1;text-transform: uppercase;}.registration-sign-up-body table h6 {font-size: 10px;line-height: 1;}.registration-sign-up-body table hr {background-color: #8ED8F8;border: none;height: 3px;margin: 0 auto;width: 126px;}.registration-sign-up-body table table {margin: 0 auto;position: static;}.g-recaptcha {width: 304px;height: 78px;}.ComponentCollectionBasic {margin: 0px 20px 0px 8px;width: 972px;}.Recipe .ComponentCollectionBasic {width: 100%;}.ComponentCollectionBasic h2 {padding: 38px 0px 17px 12px;display: block;}.item {float: left;margin: 0px 0px 12px 12px;}.ThreeByOneBanner, .ThreeByOneBanner .image {width: 960px;height: 322px;}.TwoByOneBanner, .TwoByOneBanner .image {width: 636px;height: 322px;background-size: cover;}.TwoByVariableText.item {padding: 50px 300px 18px 20px;width: 616px;}.TwoByVariableText.item.detailPageLinks {padding: 0px 0px 0px 20px;width: 616px;min-height: 540px;}.TwoByOneText {width: 636px;height: 263px;}.OneByOneTall {width: 312px;height: 342px;}.OneByOneTall .image, .OneByOneTall .image img {width: 312px;height: 272px;background-size: cover;}.OneByOneShort {width: 312px;height: 263px;}.OneByOneShort .image {width: 312px;height: 214px;}.item .link {text-decoration: none;font-size: 18px;color: #5E5E5E;line-height: 20px;}.ThreeByOneBanner .image-text {float: left;margin-top: 252px;padding: 6px 0px 12px 20px;max-width: 502px;height: 32px;background-color: #FFFFFF;opacity: 0.82;filter: alpha(opacity=82);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=82)";font-family: "Avenir Next Rounded Bold", Verdana;font-size: 32px;color: #003072;line-height: 32px;}.TwoByVariableText .image-text h2 {padding: 12px 0px 8px 0px;}.TwoByVariableText .image-text .productCategorySummary {margin-bottom: 15px;}.TwoByVariableText .image-text ul {margin-left: 20px;padding-left: 20px;list-style: disc;}.footnote {font-size: 10px;line-height: 14px;}#BVRRSummaryContainer {margin-top: 34px;}.TwoByOneText .image-text {margin-left: 20px;width: 560px;}.TwoByOneText .image-text h1 {margin-top: 23px;}.TwoByOneText .image-text h2 {margin-top: 12px;padding: 0px;}.TwoByOneText .image-text div {margin-top: 15px;}.TwoByOneText .image-text div a {text-decoration: none;}.TwoByOneText .image-text div a:hover {text-decoration: underline;}.OneByOneTall .image-text {padding: 90px 12px 0px 156px;width: 144px;}.BannerTextGradient {float: left;margin-top: 252px;width: 134px;height: 50px;background-image: linear-gradient(to right, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1FFFFFF', endColorstr='#00FFFFFF', gradientType='1');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1FFFFFF', endColorstr='#00FFFFFF', gradientType='1')";}.item .bottomBar {width: 312px;height: 50px;background-color: #0069B5;}.item .pinksharesel {background-color: #8B169C !important;}.item:hover .bottomBar {background-color: #002C77;}.item .bottomBar .title {display: table-cell;margin-top: 3px;width: 242px;height: 51px;vertical-align: middle;text-align: right;font-family: "Avenir Next Bold", Verdana;font-size: 24px;line-height: 24px;color: #FFFFFF;}.item .bottomBar .title.smallFont {font-size: 18px;line-height: 18px;letter-spacing:-0.24px;}.item .bottomBar .icon {display: table-cell;padding: 0px 15px;width: 29px;background-image: url("../img/icon-callout-arrow.png");background-repeat: no-repeat;background-position: center;}.TwoByVariableText.detailPageLinks .detailLink {margin-top: 34px;}.TwoByVariableText.detailPageLinks .detailLink:first-child {margin-top: 0px;}.TwoByVariableText.detailPageLinks .detailLink a {text-decoration: none;}.TwoByVariableText.detailPageLinks .detailLink a:hover h1, .TwoByVariableText.detailPageLinks .detailLink a:hover h2 {color: #00AEEF;}.TwoByVariableText.detailPageLinks .detailLink h2 {margin-top: 9px;padding: 0px;}.TwoByVariableText.detailPageLinks .detailLink .text {margin-top: 25px;}.TwoByVariableText.detailPageLinks .detailLink .text ul {padding-left: 50px;list-style: disc;}.TwoByVariableText.detailPageLinks .detailLink .text:first-child {margin-top: 10px;}.video-container {display: none;}.video-container.video-active {display: block;position: absolute;top: 0;}.TwoByOneBanner .video-container.video-active {width: 636px;height: 322px;}.ThreeByOneBanner .video-container.video-active {width: 960px;height: 322px;}#featured-banner-video {cursor: pointer;cursor: hand;}#revTraxCoupon {width:960px;margin: 0px 20px;}.proteinCalculator_border {border-top: 8px solid #003072;background-color: rgba(26,128,213,0.3);padding: 15px 20px;margin-top: 15px;}.proteinCalculator_border > h1 {margin-bottom: 15px;}.proteinCalculator_inputs {margin: 20px 0 30px;}.calculateWeight, .calculateAgeRange {display: inline-block;width: 49%;}.calculateWeight p, .calculateAgeRange p {text-align: center;font-weight: 700;font-family: "Avenir Next Rounded Bold", Verdana;margin-bottom: 5px;}.calculateWeight input, .calculateAgeRange select {width: 92%;padding: 5px;border-radius: 5px;border: 1px solid gray;text-align: center;text-align-last: center;color: #5e5e5e;}.calculateWeight input::placeholder, .calculateWeight input::-webkit-input-placeholder, .calculateWeight input::-moz-placeholder, .calculateWeight input:-ms-input-placeholder, .calculateWeight input:-moz-placeholder, .calculateWeight input::-ms-input-placeholder {color: #5e5e5e;}.proteinCalculator_output {background-color: #003072;border-radius: 10px;padding: 20px;margin-bottom: 20px;text-align: center;text-align-last: center;}.proteinCalculator_output h3 {color: #fff;display: inline-block;font-size: 18px;font-family: "Avenir Next Rounded Bold", Verdana;margin: 0;width: 60px;}.proteinCalculator_output h3:last-child {margin: 0 0 0 10px;width: 77px;text-align: left;}.TwoByVariableText.detailPageLinks .detailLink .proteinCalculator_output h1 {color: #fff;display: inline-block;font-size: 64px;}.TwoByVariableText.detailPageLinks .detailLink .proteinCalculator_border a {text-decoration: underline;}.proteinCalculator_border a+p {font-size: 10px;line-height: 13px;margin-top: 15px;}.label-cell-diff {background-color: #e81d2d !important;color: #ffffff !important;}.ens-red-protien-title {color:#e01c35 !important;font-family: "Avenir Next Rounded Bold", Verdana !important;}.bannerSliderItem .Rotatortitledesc {position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;height: 100%;}.bannerSliderItem {position: relative;}.twoBannerSlider .Rotatortitledesc h1 {color: #002d72;font-size: 22px;line-height: 26px;text-align: center;max-width: 414px;padding-top: 15px;margin: 0 auto;font-family: 'Avenir Next Bold';}.twoBannerSlider .link .icon {background-image: url("../img/icon-callout-arrow-blue.png");width: 30px;height: 30px;background-repeat: no-repeat;display: inline-block;margin-left: 11px;vertical-align: middle;}.bannerSliderItem .Rotatortitledesc .link {color: #002D72;font-size: 20.25px;line-height: 17.6px;font-family: "Avenir Next Bold", Verdana;position: absolute;bottom: 15px;right: 20px;}.bannerSliderItem .Rotatortitledesc p {margin-top: 149px;font-size: 7.4px;line-height: 7.5px;padding-left: 14px;color: #ffffff;max-width: 257px;}.twoBannerSlider .slick-prev, .twoBannerSlider .slick-next{display:none!important;}.twoBannerSlider .slick-dots li button {display: none;}.twoBannerSlider .slick-dots li {background-color: #fff;border-radius: 50px;}.twoBannerSlider .slick-dots li.slick-active {background-color: #0077cb;}.TwoByOneBanner.homeSlider {cursor: auto;}.twoBannerSlider .slick-dots {width: 20%;margin: 0 auto;left: 0;right: 0;bottom: 5px;}.twoBannerSlider .Rotatortitledesc h1 sup {font-size: 13px;line-height: 15px;}.twoBannerSlider #slide0 .Rotatortitledesc h1 {max-width:525px;font-size: 26px; margin-top: 15px;}.twoBannerSlider #slide0 .Rotatortitledesc span {font-family: 'Avenir Next Regular';}.twoBannerSlider #slide0 .Rotatortitledesc p {margin-top:219px;}.twoBannerSlider #slide1 .Rotatortitledesc h1 {margin-left: 97px;margin-top:25px;max-width: 443px;text-align: center;padding-top:0px;}.twoBannerSlider #slide1 .Rotatortitledesc h1 sup:last-of-type {font-size: 11px;}.twoBannerSlider #slide1 .Rotatortitledesc h1 br{display: none;}.twoBannerSlider #slide1 .Rotatortitledesc p {margin-top:220px;}.twoBannerSlider #slide2 .Rotatortitledesc span {font-family: 'Avenir Next Regular';}.twoBannerSlider #slide2 .Rotatortitledesc h1 {margin-left: 20px;margin-top:25px;max-width: 600px;text-align: center;padding-top:0px;}.twoBannerSlider #slide2 .Rotatortitledesc h1 sup:last-of-type {font-size: 11px;}.twoBannerSlider #slide2 .Rotatortitledesc p {margin-top:182px;}.bannerSliderItem .Rotatortitledesc .link {outline: none;}.slick-slide img{width:100%;}.twoBannerSlider #slide1 .Rotatortitledesc span{font-family: 'Avenir Next Regular';}.twoBannerSlider #slide1 .Rotatortitledesc h1 {max-width: 600px;padding-top:0;margin-left:20px;margin-top:25px;text-align:center;}.ProductDetailPanel {display: none;position: absolute;top: 400px;right: 0px;z-index: 10;padding: 20px;width: 636px;background-color: #FFFFFF;webkit-box-shadow: -20px 0px 20px rgba(0, 0, 0, 0.2);-moz-box-shadow: -20px 0px 20px rgba(0, 0, 0, 0.2);box-shadow: -20px 0px 20px rgba(0, 0, 0, 0.2);}.ProductDetailPanel.active {display: block;}.ProductDetailPanel .navPanel {clear: both;height: 45px;background-color: #0A2E5F;}.ProductDetailPanel .PreviousNavBtn {float: left;width: 51px;height: 45px;background-image: url("../img/btn-detail-previous.png");cursor: pointer;}.ProductDetailPanel .CloseNavBtn {float: left;margin: 0px 231px;width: 71px;height: 45px;background-image: url("../img/btn-close.png");cursor: pointer;}.ProductDetailPanel .NextNavBtn {float: right;width: 51px;height: 45px;background-image: url("../img/btn-detail-next.png");cursor: pointer;}.ProductDetailPanel .left {width: 312px;float: left;}.ProductDetailPanel .right {margin-left: 12px;width: 312px;float: right;}.ProductDetailPanel .productImage {margin: 12px 0px 11px 0px;width: 312px;height:327px;}.ProductDetailPanel .category {margin: 22px 0px 0px 9px;}.ProductDetailPanel .flavor {margin: 6px 0px 0px 9px;}.ProductDetailPanel .tagLine {margin: 16px 0px 0px 9px;font-family: "Avenir Next Regular", arial, sans-serif;font-size: 16px;color: #003072;line-height: 20px;}.ProductDetailPanel .RTBCollection {margin: 7px 0px 0px 5px;}.ProductDetailPanel .RTBRibbon {margin: 34px 0px 20px 0px;width: 238px;height: 74px;}.ProductDetailPanel .buyNowBtn {margin: 13px 0px 0px 9px;width: 102px;height: 34px;background-image: url("../img/btn-detail-buy-now.png");}.ProductDetailPanel .fbIcon {margin: 14px 0px 11px 9px;width: 32px;height: 32px;background-image: url("../img/icon-detail-facebook.png");}.ProductDetailPanel .accordionHeader {height: 54px;background-color: #00AEEF;clear: both;}.ProductDetailPanel .headerText {margin: 16px 0px 0px 18px;display: inline-block;font-family: "Avenir Next Rounded Bold", Verdana;font-size: 24px;color: #FFFFFF;}.ProductDetailPanel .section {clear: both;display: block;}.ProductDetailPanel .nutritionSection {margin: 20px 0px 30px 0px;}.ProductDetailPanel .nutritionSectionHeader {border-bottom: 11px solid #0A2E5F;padding-bottom: 13px;font-family: Arial, sans-serif;font-family: "Avenir Next Rounded Bold", Verdana;font-size: 18px;color: #0A2E5F;}.ProductDetailPanel .nutritionLine {border-bottom: 1px solid #858585;padding: 7px 0px;line-height: 20px;font-family: Arial, sans-serif;font-size: 14px;color: #858585;}.ProductDetailPanel .dv {float: right;}.ProductDetailPanel .ingredients {padding: 7px 0px;line-height: 20px;font-family: Arial, sans-serif;font-size: 14px;color: #858585;}.ProductDetailPanel .allergen-statement {padding: 7px 0px;line-height: 20px;font-family: Arial, sans-serif;font-size: 14px;color: #858585;}.ProductDetailPanel .refLine {border-top: 1px solid #858585;padding: 14px 0px 30px 0px;font-size: 14px;}.ProductDetailPanel .refLine + .refLine {border-top: none;padding-top: 0;margin-top: -25px;}.ProductDetailPanel .top-refLine {clear: both;float: left;font-size: 14px;padding: 14px 0px 14px 11px;}span.avaAt {text-align: center;width: 100%;float: left;padding-bottom: 14px;font-family: "Avenir Next Bold";color: #1F3B71;font-size: 14px;}a#buy-now-walmart {margin-left: 54px;margin-right: 36px;display: inline-block;margin-bottom: 28px;}.pc-flavour-section.buy-now-amazon {float: none;}.pc-flavour-section.flavor-66893, .pc-flavour-section.flavor-66899 {float: none;}.InlineRatings {margin: 5px;text-align: center;}.Recipe .ThreeByOneBanner.item { float: none; } .RecipeDetails { float: left; margin: 45px 0px 0px 20px; padding: 0px 56px 0px 20px; width: 560px; } .recipe-video-container {width:100%; margin-top:20px} .RecipeDetails .quickInfo { margin: 0px 0px 58px 0px; font-size: 18px; line-height: 20px; } .RecipeDetails .quickInfo .makes, .RecipeDetails .quickInfo .prepTime, .RecipeDetails .quickInfo .cookTime { margin-top: 20px; } .RecipeDetails .quickInfo .quickInfoVal { margin-top: 10px; } .RecipeDetails .ingredients { margin-bottom: 35px; } .RecipeDetails .ingredients h2 { margin-bottom: 14px; } .RecipeDetails .directions { margin-bottom: 48px; } .RecipeDetails .directions h2 { margin-bottom: 19px;} .RecipeDetails .ingredients .ingredientLineItem, .RecipeDetails .directions .directionsText, .RecipeDetails .NutritionFacts .nutritionFactsLine { font-size: 20px; line-height: 30px; } .RecipeDetails .NutritionFacts h2 { margin-bottom: 26px;} .RecipeDetails .NutritionFacts .nutritionFactsLine { margin-bottom: 12px; } .RecipeDetails .NutritionFacts .nutritionFactsLine .nfRight{ float: right; } .RecipeDetails .NutritionFacts .nutritionFactsLine.thinLine, .RecipeDetails .NutritionFacts .vitaminsMinerals.thinLine { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #959595; } .RecipeDetails .NutritionFacts .nutritionFactsLine.medLine { margin-bottom: 7px; padding-bottom: 6px; border-bottom: 4px solid #959595; } .RecipeDetails .NutritionFacts .nutritionFactsLine.thickLine { margin-bottom: 12px; padding-bottom: 7px; border-bottom: 15px solid #959595; } .RecipeDetails .NutritionFacts .nutritionFactsLine .nfLeft.subItem { margin-left: 20px;} .RecipeDetails .footnote { margin: 9px 10px 0px 10px; font-size: 14px; } .Recipe .callouts { float: left; width: 324px; } .Recipe .callouts .ComponentCollectionBasic { margin: 0px; } .Recipe .callouts .ComponentCollectionBasic .item { float: none; } .subdesc{ font-size: 20px; font-family: "Avenir Next Rounded Regular", Verdana, Arial, sans-serif; margin-top: 15px; display: inline-block; line-height: 30px; }.FAQExpandCollapseColorBar { margin-bottom: 28px; padding-left: 20px; width: 636px; height: auto; clear: both; } .FAQExpandCollapseColorBar li { line-height: 1.2; } .FAQExpandCollapseColorBar .text { font-size: 12px; margin:12px 0 30px 0} .FAQExpandCollapseColorBar h2 { margin: 30px 0px 25px 0px; } #FAQExpandCollapseColorBar-Header, .power-protein .FAQExpandCollapseColorBar-Header { margin-bottom: 8px; padding: 15px 20px 15px 10px; width: 606px; height: 24px; background-color: #00AEEF; color: #fff; cursor: pointer; font-size:24px; } #FAQExpandCollapseColorBar-HeaderText, .power-protein .FAQExpandCollapseColorBar-HeaderText { float: left; font-family: "Avenir Next Rounded Bold", Verdana; text-transform:uppercase; } #FAQExpandCollapseColorBar-HeaderImage, .power-protein .FAQExpandCollapseColorBar-HeaderImage { float: right; width: 24px; height: 24px; background-image: url("../img/icon-detail-bar-closed.png"); background-repeat: no-repeat; } div.expand-all #FAQExpandCollapseColorBar-HeaderImage, .power-protein .FAQExpandCollapseColorBar-HeaderImage { background-image: url("../img/icon-detail-bar-open.png"); background-repeat: no-repeat; } .FAQExpandCollapseColorBar-Set { position: relative; padding: 10px 8px; font-size: 16px; line-height: 20px; } .FAQExpandCollapseColorBar-Set ul { line-height: 30px; } .FAQExpandCollapseColorBar-Question { font-family: "Avenir Next Rounded Bold", Verdana; cursor: pointer; } div.active .FAQExpandCollapseColorBar-QuestionArrow { float: left; margin: 0px 6px 0px 8px; width: 24px; height: 24px; background-image: url("../img/blue-arrow-dropdown.png"); cursor: pointer; } .FAQExpandCollapseColorBar-QuestionArrow { float: left; margin: 0px 6px 0px 8px; width: 24px; height: 24px; background-image: url("../img/blue-arrow.png"); cursor: pointer; } .FAQExpandCollapseColorBar-QuestionText { margin-left: 38px; } div.active .FAQExpandCollapseColorBar-QuestionText { color: #0069B5; } .FAQExpandCollapseColorBar-Answer { display: none; margin-left: 38px; line-height: 1.2; } div.active .FAQExpandCollapseColorBar-Answer { display: block; } .FAQExpandCollapseColorBar-Answer td { border: 1px solid #959595; padding: 5px 20px; } .nowrap { white-space: nowrap; } .FAQExpandCollapseColorBar-Answer ol { list-style: decimal; margin-left: 15px; } .power-protein .FAQExpandCollapseColorBar { padding-left: 0; width: 100%; margin-bottom: 50px; } .power-protein #FAQExpandCollapseColorBar-Header { width: auto; background-color: #efefef; } .power-protein #FAQExpandCollapseColorBar-HeaderText { font-size: 18px; color: #002d74; } .power-protein #FAQExpandCollapseColorBar-HeaderImage, .power-protein .FAQExpandCollapseColorBar-HeaderImage { background-image: url(../img/icon-detail-bar-closed-blue.png); } .power-protein #FAQExpandCollapseColorBar-Header.expand-all #FAQExpandCollapseColorBar-HeaderImage, .power-protein .FAQExpandCollapseColorBar-Set.active .FAQExpandCollapseColorBar-HeaderImage { background-image: url(../img/icon-detail-bar-open-blue.png); } .power-protein .FAQExpandCollapseColorBar-Set.active .FAQExpandCollapseColorBar-Answer{ margin-left: 0; } .FAQExpandCollapseColorBar-Question { display: inline-block; width: 100%; position: relative; } .power-protein .FAQExpandCollapseColorBar-HeaderText { font-size: 23px; color: #002d74; line-height: 1.22; text-transform: none; } .power-protein #FAQExpandCollapseColorBar-HeaderText{ text-transform: none; } .power-protein .FAQExpandCollapseColorBar-Set { border-bottom: 4px solid #e5f5fb; padding-right: 44px; } .power-protein .FAQExpandCollapseColorBar-HeaderImage { position: absolute; right: -24px; }.globalFootnote { margin-left: 20px; font-size:10px; line-height:14px; } .video-container span { width: 100%; } #myExperience4558187245001 { height: 563px; } #myExperience4567002444001 { height: 563px; } /*nutrition-products-drink-ingredients*/ .core-types.highqualityprotein{ padding-top: 2%; } .core-types.highqualityprotein h3 { line-height: 28px; } .playproteindsk{ position: absolute; top: 43%; left: 46%; } .core-wrapper{ padding-top: 1%; } .yourselfvideo-image { position: relative; } .yourselfvideo-container { width: 100%; float: left; } .ingre-section p.essentialprotein { padding-top: 0; padding-bottom: 2%; font-size: 18px; line-height: 26px; } .core-types:nth-of-type(3) { padding-top: 4%; } .core-types:nth-of-type(4) { padding-top: 4%; } .ingre-section.core-ingredients-wrapper { padding-bottom: 4.4%; } /*Ensure complete*/ #enscompletelivemob,#ensnutritioncommob { display: none; } .ensure-enlive-wrapper { width: 100%; float: left; text-align: center; } .ee-heading-content h1 { font-size: 43px; line-height: 55px; color: #002d72; } .ee-heading-content { padding: 35px 52px 0; } .ee-image-wrapper { padding-top: 58px; } .ee-heading-content p { font-family: "Avenir Next Rounded Regular", Verdana; font-size: 25px; line-height: 33px; color: #002d72; padding: 21px 14% 27px; } .ee-product-image p { font-family: "Avenir Next Italic"; font-weight: bold; font-size: 16px; color: #21356E; padding: 17px 0 0 0; } .ee-button-link{ font-size: 0; padding:33px 0 55px 0; } .ee-button-link a { font-family: "Avenir Next Rounded bold"; font-weight: 400; font-size: 20px; color: #fbfdfd; text-decoration: none; padding: 13px 0; width: 222px; display: inline-block; } .wtb-link-link { background-color: #ec008b; margin-left: 16px; } .lm-link { background-color: #102b6a; margin-right: 16px; } .yourselfvideo-image.show-video { width: 743px; margin: 0 auto; max-width: 100%; } .nutrition-hr { border: 1px solid #E5F5FB; border: 1px solidE5F5; margin-top:80px; margin-right: 12%; margin-left: 12%; }.enlive-comingsoon-container { padding-top: 30px; text-align: center; } .enlive-comingsoon-content{ font-family: "Avenir Next Bold"; font-size: 36px; color: #002C77; line-height: 36px; } .enlive-comingsoon-header { padding: 15px 0px; } .enlive-comingsoon-subheader { padding: 15px 0px; } .enlive-banner-left { padding: 85px 0px 66px 30px; width: 43%; float: left; } .enlive-banner-header { font-family: "Avenir Next Bold"; font-size: 36px; color: #002C77; text-align: Left; line-height: 36px; } .enlive-banner-header h1{ font-family: "Avenir Next Bold"; font-size: 36px; color: #002C77; text-align: Left; line-height: 36px; } .enlive-banner-subheader { font-family: "Avenir Next Regular"; font-size: 23px; color: #AAAAAA; text-align: Left; padding-top: 4px; line-height: 23px; } .enlive-banner-content, .enlive-banner-storelink { font-family: "Avenir Next Medium"; font-size: 16px; color: #143A7F; line-height:20px; text-align: Left; padding-top: 25px; } .enlive-banner-leftimage { padding-top: 40px; } .enlive-banner-storelink, .enlive-banner-buynowimage { padding-top: 15px; } .enlive-banner-storecontent { font-family: "Avenir Next Bold"; font-size: 23px; color: #00C3FF; text-align: Left; padding-top: 35px; line-height: 23px } .enlive-banner-right { padding: 0px 0px 141px 0px; } .enlive-banner-rightimage img { padding: 15px 0px 0px 15px; } .enlive-banner-footnote { font-family: "Avenir Next Regular"; font-size: 16px; color: #002C77; text-align: Center; letter-spacing: -0.4px; } .enlive-callout-bottom { height: 6px; background-color: #009BDD; width: 100%; } .enlive-arm-musclegraph-container { background-color: #002C77; } .enlive-arm-musclegraph-header { padding: 60px 120px 29px 72px; font-family: "Avenir Next Bold"; letter-spacing: -0.6px; font-size: 36px; color: #FFFFFF; line-height:39px; text-align: Left; } .enlive-arm-musclegraph-header h2 { font-family: "Avenir Next Bold"; font-size: 36px; color: #FFFFFF; line-height:39px; display:inline; } .enlive-arm-musclegraph-images { padding: 0px 70px 60px; } .enlive-arm-musclegraph-images img { padding: 0px 7px 0px 0px; } .enlive-hmb-container { background-color: #0057B8; padding-bottom: 25px; } .enlive-hmb-header { padding: 60px 0px 0px 72px; font-family: "Avenir Next Bold"; letter-spacing: -0.6px; font-size: 36px; color: #FFFFFF; line-height:39px; text-align: Left; } .enlive-hmb-header h2 { font-family: "Avenir Next Bold"; font-size: 36px; color: #FFFFFF; line-height:39px; display:inline; } .enlive-hmb-content-container { padding: 32px 0px 0px 72px; width:590px; float:left; } .enlive-hmb-content1 { font-family: "Avenir Next Regular"; font-size: 23px; color: #FFFFFF; text-align: Left; padding-bottom: 70px; line-height: 26px; } .enlive-hmb-content2 { font-size: 16px; color: #FFFFFF; text-align: Left; padding-bottom: 82px; } .enlive-hmb-content2-header { font-family: "Avenir Next Bold"; line-height: 16px; } .enlive-hmb-content2-content { font-family: "Avenir 35 Light"; line-height: 26px; } .enlive-hmb-footnote { font-family: "Avenir Next Regular"; font-size: 10px; color: #FFFFFF; width: 450px; line-height: 14px; } .enlive-hmb-topimage { padding-top: 8px; } .enlive-hmb-bottomimage { padding-top: 60px; } .enlive-benefits-table { width:100% } .enlive-benefits-header { padding: 40px 0px; font-family: "Avenir Next Bold"; letter-spacing: -0.4px; font-size: 36px; color: #002C77; line-height:36px; text-align: center; } .enlive-benefits-header h2 { font-family: "Avenir Next Bold"; font-size: 36px; color: #002C77; line-height:36px; display:inline; } .enlive-benefits-table .row-0, .row-last { background-color: #CCD7E2; } .enlive-benefits-table-leftcolumn { width: 319px; } .enlive-benefits-table-rightcolumn { vertical-align: top; padding-right: 93px; } .enlive-benefits-table-Title { margin-top: 45px; margin-left: 72px; font-family: "Avenir Next Bold"; letter-spacing: 0.3px; font-size: 30px; color: #002C77; line-height: 32px; } .enlive-benefits-table-header { font-family: "Avenir Next Bold"; font-size: 20px; color: #002C77; padding-top:20px; } .enlive-benefits-table-subheader { font-family: "Avenir Next Italic"; font-size: 16px; color: #002C77; padding-top:10px; line-height: 16px; } .enlive-benefits-table-content, .enlive-benefits-table-content-last{ font-family: "Avenir Next Regular"; letter-spacing: -0.22px; font-size: 16px; color: #002C77; padding:25px 0px 20px 0px; line-height: 16px; } .enlive-benefits-table-content-last { padding:20px 0px 40px 0px; } .enlive-references-container { font-family: "Avenir Next Regular"; padding: 60px 79px 45px 69px; color: #002D7E; } .enlive-reference-header { padding: 0px 360px 20px; font-size: 32px; line-height: 32px; } .enlive-reference-details { font-size: 10px; line-height: 14px; } .enlive-outcomes-container { background-color: #0057B8; } .enlive-outcomes-allinoneimg { width: 340px; float: left; height: 340px; } .enlive-outcomes-allinoneimg img { margin-top: 60px; margin-left: 72px; } .enlive-outcomes-content { width:900px; } .enlive-outcomes-header { color: #FFFFFF; font-size: 36px; font-family: "Avenir Next Bold"; line-height: 39px; padding-top: 60px; } .enlive-outcomes-body { color: #FFFFFF; font-size: 16px; font-family: "Avenir Next Regular"; padding-top: 20px; line-height: 20px; } .enlive-outcomes-footer { color: #FFFFFF; font-size: 10px; font-family: "Avenir Next Regular"; padding: 45px 0px 60px 340px; line-height: 14px; }/*pop-up*/ .loader-wrapper {display:none;} .loader-pop{background: #fff;position: relative;margin: auto;position: relative;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);border-radius: 10px;} .loader-pop h2{font-family: "Avenir Next Rounded Bold";font-size: 2em;color: #002D72;line-height: 36px;} .loader-pop ul li span{list-style-type: none; font-family: "Avenir Next Rounded Regular";font-size: 1em;line-height: 30.61px;color: #002D72;position: relative;top: -4px;} .loader-pop .c-btn{font-size: 1.25em;font-family: "Avenir Next Rounded Bold";line-height: 10.19px;letter-spacing: -0.5px;width: 260px;height: 50px;border: none;outline: none;} .loader-pop .signup.c-btn{color: #fbfdfd;background: #00aeef;text-decoration: none;margin-right: 5px;} .loader-pop .member.c-btn{color: #9e9e9e;background: #e0e0e0;border: none;outline:none;} .loader-pop .footer-pop span{font-family: "Avenir Next Rounded Regular";font-size: 0.75em;line-height: 15.49px;color: #9a9a9a;} .loader-pop .footer-pop span:last-child{color: #58585b;border-bottom: 1px solid #58585b;} .loader-pop .close{position: absolute;top: -7px;right: -7px;cursor: pointer;} .load-pop-up-mob .close{position: absolute;top: 6px;right: 6px;cursor: pointer;} .loader-wrapper {background:#000;background: rgba(0, 0, 0, 0.7);width: 100%;height: 100%;top: 0;z-index: 2;position:fixed;overflow:auto;} .loader-wrapper button{cursor:pointer;} .loader-wrapper span.pop-up-close {cursor:pointer;} .load-pop-up-desk{width: 600px; display:block;} .load-pop-up-mob{display: none;background: none;} .load-pop-up-desk ul li img{padding-right: 7px;} .load-pop-up-desk h2{margin-bottom: 22px;} .load-pop-up-desk ul li{width: 50%;float: left;} .load-pop-up-desk .load-pop{padding: 17px 35px 32px;} .load-pop-up-desk .footer-pop span:last-child{float: right; padding-top:6px;} .load-pop-up-desk .confirm-btn { float: left; width: 100%; margin: 18px 0 11px; } .load-pop-up-desk ul li:nth-of-type(3){clear: left;} .load-pop-up-mob .mob-banner{background: #002d72;padding: 21px 25px 13px;border-radius: 10px 10px 0 0;} .load-pop-up-mob h2{text-align: center;line-height: 22px;margin-bottom: 13px;font-size: 2.29em;} .load-pop-up-mob ul li span{font-size:1.072em;} .load-pop-up-mob .c-btn{font-size: 1.29em;} .load-pop-up-mob .footer-pop span{font-size: 0.86em;display: inline-block;color: #58585b;text-decoration: underline;padding-bottom: 5px;} .load-pop-up-mob .footer-pop span:last-child{/*float: right;*/color: #9a9a9a;text-decoration: none;border-bottom: none;} .load-pop-up-mob .load-pop{padding: 19px 15px 16px; background: #FFF; border-radius: 0 0 10px 10px;} .load-pop-up-mob ul{padding: 0 10px 12px;} .load-pop-up-mob ul li img{padding-right: 6px;} .load-pop-up-mob .signup.c-btn{margin-right: 0;margin-bottom: 10px;display: block;} .load-pop-up-mob .footer-pop{margin-top: 18px;} #globalCountryPopup .loader-pop { width: 50%; border-radius: 0; padding: 20px; text-align: center;transform: none;top: 100px;} #globalCountryPopup .close { font-family: serif; color: #022e5c; font-weight: bold; opacity: 1; font-size: 3rem; top: 0px; position: absolute; right: 10px; outline: none; background-color: transparent; border: none; } #globalCountryPopup .modal-footer img { width: 100px; margin: 0 auto; } #globalCountryPopup h3 { margin-bottom: 0; font-size: 22px; color: #003072; font-weight: bold;line-height: 1.2; } #globalCountryPopup .locationPopupContent .popupHeader { padding: 30px 0 20px; margin: 0; } #globalCountryPopup .locationPopupContent p { font-size: 24px; line-height: 1.2;color: #003072;width: 78%;margin: 0 auto 30px;} #globalCountryPopup .btnContainer { width: 100%; text-align: center; margin: 21px 0; display: inline-block; } #globalCountryPopup .primary-btn { width: 300px; height: auto; padding: 10px; line-height: 1.5; border-radius: 36px; padding: 15px; display: inline-block; text-decoration: none; font-size: 18px; line-height: 1.2; color: #003072; font-weight: bold; background: #f6b336; color: #022e5c; border: 6px solid #f6b336; } #globalCountryPopup .primary-btn span { display: inline; } #globalCountryPopup .primary-btn:hover { color: #f6b336; text-decoration: none; background: transparent; } #globalCountryPopup .countryFlag img { width: 70px; } #globalCountryPopup li.countryList { display: inline-block; padding: 20px; }


/* Pop up for coupon sign up page */

.whyAddress-pop-up, .whyBirthDate-pop-up { display: none;}

.signup-page .loader-pop { transform: none!important; border-radius: 0; overflow: hidden; position: fixed; top: 0!important; right: 0; bottom: 0!important; left: 0; z-index: 1040; background-color: rgba(0,0,0,0.8); outline: 0; }

.signup-page  .loader-pop .load-pop { position: relative; background-color: #fff; border: 1px solid rgba(0,0,0,0.2); border-radius: 5px; box-shadow: 0 3px 9px rgb(0 0 0 / 50%); background-clip: padding-box; outline: 0; top: 30%; width: 500px; height: 200px; margin: 0 auto; bottom: 0; }

.signup-page .loader-pop .load-pop p { text-align: left; margin-left: 30px; color: #002D72; font-family: 'Avenir Next Rounded Regular'; margin-top: 10px;}

.signup-page .loader-pop .load-pop .close-btn { float: right;  padding: 11px 28px; margin-right: 20px;margin-top: 20px;  background-color: #002D72;  font-family: 'AVENIR NEXT ROUNDED BOLD'; text-transform: uppercase; font-weight: 900; color: #FFFFFF; cursor: pointer; border: none;}

.signup-page .loader-pop .pop-up-close { position: absolute; top: 10px; right: 10px; width: 15px; cursor: pointer; }

.signup-page .loader-pop h2 { margin-left: 30px; font-size: 20px; font-family: 'AVENIR NEXT ROUNDED BOLD' ; font-weight: 900; margin-top: 20px; line-height: 36px; }/*product-landing - styles*/ .show-mob { display: none; } .show-tab-down { display: none !important; } .product-landing-wrapper h2 { display: none !important; } .product-landing-wrapper .OneByOneTall, .product-landing-wrapper .TwoByOneBanner { position: relative; } .product-landing-wrapper .OneByOneTall .image-text { position: absolute; width: auto !important; bottom: 22%; color: #fff; font-size: 16px; font-family: "Avenir Next Medium"; line-height: 20px; padding: 0 15px 20px 18px !important; height: 36px; } .product-landing-wrapper .TwoByOneBanner .image-text { float: left; margin-top: 252px; padding: 9px 0px 12px 20px; max-width: 502px; height: 29px; background-color: #FFFFFF; opacity: 0.82; filter: alpha(opacity=82); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=82)"; font-family: "Avenir Next Rounded Bold", Verdana; font-size: 32px; color: #002D72; line-height: 28px; } .product-landing-wrapper .BannerTextGradient { float: left; margin-top: 252px; width: 134px; height: 50px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1FFFFFF', endColorstr='#00FFFFFF', gradientType='1'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1FFFFFF', endColorstr='#00FFFFFF', gradientType='1')"; } .product-landing-wrapper .item .bottomBar .title.smallFont { font-family: "Avenir Next Rounded Bold"; font-size: 20px; color: #f9fafb; line-height: 1;width: 253px; } .product-landing-wrapper .OneByOneShort { height: 322px; } .product-landing-wrapper .OneByOneShort .image { height: 272px; } .product-footnote { padding: 17px 0 9px 20px; font-family: "Avenir Next Rounded Regular"; font-size: 11px; color: #828282; line-height: 13px; } /*Sweepstakes landing page iframe*/ #vsscript_37869_844216 {height: 930px}.pc-header { padding: 56px 0px 22px; } .pc-header h1 { color: #002d72; font-size: 48px; font-family: "Avenir Next Rounded Bold", Verdana; letter-spacing: -0.35px;} .pc-wrap { float: left; width: auto; } .pc-container { float: left; width: 100%; display: block; padding: 0 20px; } .pc-container, .pc-container * { box-sizing: border-box; } .pc-sub-head { font-size: 18px; font-family: "Avenir Next Rounded Bold", Verdana; color: #fff; background-color: #002d72; padding: 18px 14px 13px; min-width: 224px; } .pc-col { float: left; width: auto; } .pc-col.pc-title { padding-top: 153px; } .pc-col.pc-title .pc-label { font-size: 22px; font-family: "Avenir Next Rounded Bold", Verdana; color: #009fda; line-height: 24px; display: block; float: left; width: 160px; clear: both; text-align: right; padding-right: 20px; min-height: 50px; } .pc-col.pc-values .pc-row { padding-right: 12px; } .pc-content .pc-col.pc-values:last-of-type .pc-row { padding-right: 0; } .pc-content .pc-col.pc-values:last-of-type .pc-row.pc-product { width: 180px; } .pc-col.pc-values .pc-label { font-family: "Avenir Next Medium", Verdana; color: #002d72; width: 180px; float: left; display: table; clear: both; text-align: center; padding: 13px 8px 13px; margin-bottom: 10px; } .pc-col.pc-values .pc-row .pc-label { min-height: 50px; } .pc-col.pc-values .pc-row.pc-nutrition-value .pc-label { font-size: 20px; line-height: 24px; } .pc-col.pc-values .pc-row.pc-nutrition-value .pc-label:last-of-type, .pc-col.pc-values .pc-row.pc-flavors .pc-label, .pc-col.pc-values .pc-row.pc-flavors .pc-label { font-size: 16px; line-height: 22px; } .pc-col.pc-values .pc-row { float: left; width: auto; clear: both; } .pc-col.pc-values .pc-label label { display: table-cell; vertical-align: middle; } .pc-col.pc-values .pc-row .pc-label:nth-of-type(odd) { background-color: #efefef; } .pc-col.pc-values .pc-row .pc-label:nth-of-type(even) { background-color: #e5f5fb; } .pc-product-text { text-align: center; padding-bottom: 24px; } .pc-product-text h3 { font-size: 18px; font-family: "Avenir Next Rounded Bold", Verdana; color: #002d72; line-height: 22px; padding-bottom: 9px;height: 53px; } .pc-product-text a { font-size: 14px; font-family: "Avenir Next Medium", Verdana; color: #009fda; line-height: 22px; } .pc-product-text a:hover { color: #002d72; } .pc-product-img img { display: block; margin: 0 auto; } .pc-col.pc-values .pc-row.pc-product { padding-top: 18px; width: 192px; border-bottom: 2px solid #efefef; padding-right: 0; padding-bottom: 0; border-top: none;} .pc-col.pc-values .pc-product-img { padding-bottom: 18px; } .pc-col.pc-values .pc-row { padding: 30px 0 20px; border-top: 2px solid #efefef; padding-right: 12px; } .pc-col.pc-values .pc-row.pc-customer-rating { padding: 23px 0 19px 0px; border: none; width: 100%;text-align: center;} .pc-col.pc-values .pc-row.pc-customer-rating .pc-rating { height: auto; } .pc-col.pc-values .pc-row.pc-nutrition-value { padding-bottom: 20px; } .pc-col.pc-values .pc-product-img { margin-bottom: 18px; height: 274px; position: relative; } .pc-col.pc-values .pc-product-img img { display: block; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; max-width: 180px;} .pc-wrap:nth-of-type(2), .pc-wrap:nth-of-type(3) { margin-bottom: 20px; } .pc-wrap:nth-of-type(2n+1) .pc-sub-head { margin-left: 12px; } .pc-wrap:nth-of-type(2n+1) .pc-col.pc-values .pc-row.pc-product { width: 192px; } .pc-wrap:nth-of-type(2n+1) .pc-col.pc-values .pc-row { padding-right: 0px; } .pc-wrap:nth-of-type(2n+1) .pc-col.pc-values .pc-row { padding-left: 12px; } .pc-col.pc-title { padding-top: 413px; } .pc-col.pc-title .pc-row { float: left; width: auto; clear: both; } .pc-col.pc-title .pc-row.pc-customer-rating { padding-top: 22px; } .pc-col.pc-title .pc-row:not(.pc-customer-rating) .pc-label { height: 50px; display: table; margin-bottom: 10px; } .pc-col.pc-title .pc-row:not(.pc-customer-rating) .pc-label label { display: table-cell; vertical-align: middle; } .pc-col.pc-title .pc-row.pc-nutrition-value { padding-top: 40px; padding-bottom: 21px; } .pc-col.pc-title .pc-row.pc-flavors { padding-top: 30px; padding-bottom: 112px; } .pc-col.pc-title .pc-row.pc-additional-info { padding-top: 35px; } .pc-wrap:nth-of-type(2) .pc-col.pc-values .pc-row.pc-flavors label { height: 114px; } .pc-wrap:nth-of-type(3) .pc-col.pc-values .pc-row.pc-flavors label { height: 130px; } .pc-wrap:nth-of-type(4) .pc-col.pc-values .pc-row.pc-flavors label, .pc-wrap:nth-of-type(5) .pc-col.pc-values .pc-row.pc-flavors label { height: 71px; } .pc-wrap:nth-of-type(1) .pc-col.pc-title .pc-row.pc-flavors, .pc-wrap:nth-of-type(3) .pc-col.pc-title .pc-row.pc-flavors { padding-bottom: 70px; } .pc-col.pc-values .pc-row.pc-additional-info .pc-label:nth-of-type(3) label{height: 108px;} .pc-col.pc-values .pc-row.pc-additional-info .pc-label:nth-of-type(2) label { height:50px} .pc-wrap:nth-of-type(4) .pc-col.pc-values:nth-of-type(2) .pc-row.pc-product,.pc-wrap:nth-of-type(4) .pc-col.pc-values:nth-of-type(3) .pc-row.pc-product, .pc-wrap:nth-of-type(4) .pc-col.pc-values:nth-of-type(4) .pc-row.pc-product,.pc-wrap:nth-of-type(5) .pc-col.pc-values .pc-row.pc-product { padding-top: 39px; } .product-compare-footnote { padding: 17px 0 9px 20px; font-family: "Avenir Next Rounded Regular"; font-size: 11px; color: #828282; line-height: 13px; } .pc-wrap:nth-of-type(4) .pc-col.pc-title { padding-top: 430px; } .pc-wrap:nth-of-type(4) .pc-col.pc-title .pc-row.pc-additional-info { padding-top: 0; } .pc-wrap:nth-of-type(4) .pc-col.pc-title .pc-row.pc-flavors { padding-bottom: 104px; } .product-compare-footnote { padding: 3px 0 4px 20px; } /*star rating styles*/ .rating-text { color: #666666; font-size: 13px; float: none; text-align: center; display: block; line-height: 24px; } .rating-value { width: 100%; float: none; text-align: center; font-family: Avenir Next Regular; font-size: 16px; color: #226AAC; padding-top: 11px; } .rating-value span { font-family: 'Avenir Next Rounded Bold', Verdana, Arial, Helvetica, sans-serif; color: #02488d; display: inline-block; float: none; font-size: 20px; line-height: 1.7em; } .pc-wrap:nth-of-type(2n+1) .pc-col.pc-values .pc-row.pc-customer-rating { padding-left: 21px !important; } .pc-wrap:nth-of-type(2) .pc-col.pc-values:nth-of-type(4) .pc-row.pc-customer-rating { padding-left: 10px; } .rating-value p { font-family: 'Avenir Next Rounded Bold', Verdana, Arial, Helvetica, sans-serif;color: #02488d; display: inline-block; float: none; font-size: 16px; line-height: 1.7em; margin-top: 7px;} .rating-value a { text-decoration: none} .rating-value hr{border-top: 1px solid #226AAC; width: 122px; padding: 0} /* Product Comparison Changes */ .pc-col.pc-values .pc-product-img {margin-bottom: 18px;height: 300px;position: relative;} .pc-wrap:nth-of-type(4) .pc-col.pc-values:nth-of-type(2) .pc-row.pc-product, .pc-wrap:nth-of-type(4) .pc-col.pc-values:nth-of-type(3) .pc-row.pc-product, .pc-wrap:nth-of-type(4) .pc-col.pc-values:nth-of-type(4) .pc-row.pc-product, .pc-wrap:nth-of-type(4) .pc-col.pc-values:nth-of-type(5) .pc-row.pc-product, .pc-wrap:nth-of-type(5) .pc-col.pc-values .pc-row.pc-product, .pc-wrap:nth-of-type(6) .pc-col.pc-values .pc-row.pc-product { padding-top: 18px; } .pc-wrap:nth-of-type(2n+1) .pc-sub-head, .pc-wrap:last-child .pc-sub-head {margin-left: 12px;} .pc-wrap:nth-of-type(2n+1) .pc-col.pc-values .pc-row.pc-product, .pc-wrap:last-child .pc-col.pc-values .pc-row.pc-product { width: 192px;} .pc-wrap:nth-of-type(2n+1) .pc-col.pc-values .pc-row.pc-customer-rating, .pc-wrap:last-child .pc-col.pc-values .pc-row.pc-customer-rating {padding-left: 21px !important;} .pc-wrap:nth-of-type(2n+1) .pc-col.pc-values .pc-row, .pc-wrap:last-child .pc-col.pc-values .pc-row { padding-left: 6px} .pc-wrap:nth-of-type(4) .pc-col.pc-values .pc-row.pc-flavors label, .pc-wrap:nth-of-type(5) .pc-col.pc-values .pc-row.pc-flavors label, .pc-wrap:nth-of-type(6) .pc-col.pc-values .pc-row.pc-flavors label {height: 71px} .pc-col.pc-values .pc-row.pc-additional-info .pc-label:nth-of-type(2) label { height: 60px} .pc-col.pc-title { padding-top: 444px} .pc-wrap:nth-of-type(4) .pc-col.pc-title {padding-top: 444px} .pc-wrap:nth-of-type(4) .pc-col.pc-title .pc-row.pc-additional-info, .pc-wrap:nth-of-type(5) .pc-col.pc-title .pc-row.pc-additional-info { padding-top: 0} .pc-col.pc-values .pc-row.pc-customer-rating{padding: 23px 0 27px 0} .pc-col.pc-values .pc-row.pc-additional-info{padding-bottom:40px} .pc-sub-head{padding-top:17px;min-width:180px} .pc-wrap:nth-of-type(2) .pc-sub-head{margin-bottom:40px;} .pc-wrap:nth-of-type(4) .pc-col.pc-title .pc-row.pc-additional-info{padding-top:7px} .pc-wrap:nth-of-type(2) .pc-col.pc-title .pc-row.pc-additional-info{padding-top:35px} .pc-wrap:nth-of-type(3) .pc-col.pc-title .pc-row.pc-additional-info { padding-top: 100px; } .pc-wrap:nth-of-type(3n+1) .pc-sub-head { margin-left: 12px; } .pc-wrap:nth-of-type(3) .pc-col.pc-values .pc-row.pc-flavors label { height: 132px; }.pc-row.pc-flavors.flavor_\'1\' {height: 264px;}.TwoByVariableText.item.bloglinks { padding: 20px 32px 0 23px; min-height: 550px; width: 580px;max-width: 100%; } .blog-wrapper .heading { font-family: "Avenir Next Rounded Bold"; font-size: 1.875em; color: #00498D; line-height: 32px; padding-bottom: 15px; } .blog-wrapper a { text-decoration:none; } .blog-post { width: 100%; float: left; padding: 0 0 60px 0; } .blog-post .bp-heading { font-family: "Avenir Next Rounded Bold"; font-size: 1.625em; color: #00498D; line-height: 32px; } .blog-post p { font-family: "Avenir Next Rounded Regular"; font-size: 1em; color: #7d7d7d; line-height: 20px; float: left; width: 100%; max-width: 571px; } .blog-post .blog-read-more { width: auto; padding: 7px 7px; background-color: #0069B5; color: #fff; font-family: "Avenir Next Rounded Regular"; font-size: 0.875em; line-height: 10px; margin: 10px 0; float: left;text-decoration:none; } .blog-post img { padding-top: 17px; padding-bottom: 20px; width: 100%; float: left; } .blog-pagination { float: left; width: 100%; color: #0069b5; font-size: 0.875em; font-family: "Avenir Next Rounded Regular"; font-weight: bold; padding: 0px 0 27px 0;margin-top: -15px; } .blog-wrapper.detail .blog-post p { padding: 10px 0; } .blog-post p a { color: #00498D; } blog-post ul { list-style-type: disc; float: left; width: 100%; margin-left: 17px; margin-bottom: 15px; } .prev-page { float: left; } .next-page { float: right; } .browse-content { font-family: "Avenir Next Rounded Bold"; font-size: 1.25em; color: #00498D; line-height: 32px; margin: 18px 12px 5px; float: left; } .blog-post p:not(.bp-heading) { margin-bottom: 15px; } .blog-post p:not(.bp-heading):last-of-type { margin-bottom: 0; } .blog-post ol { padding-bottom:20px; float: left; list-style-type: decimal; list-style-position: inside; } .blog-post p:not(.bp-heading):last-of-type { margin-bottom: 15px; } .blog-post ul li { list-style-type: disc; } .blog-post ul { float: left; padding: 0 20px 17px; } .blog-post div { float: left; width: 100%; } .blog-post a { text-decoration: underline; color: #0069b5; } .right-callout {width: 325px;float: right;} a.currentpage {font-family: "Avenir Next Rounded Bold"; color: #003C84;text-decoration: underline;} .read-more-button { display: none; } .off-page { border: 0!important; clip: rect(0 0 0 0)!important; height: 1px!important; margin: -1px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important; } .popular-posts > ul { clear: both; padding: 0 0 20px 12px; width: 100%; float: left; box-sizing: border-box; } .popular-posts > ul > li { float: left; width: 100%; margin-bottom: 12px; } .popular-posts > ul > li .wpp-thumb { width: 25%; float: left; } .popular-posts > ul > li .wpp-thumb img { max-width: 78px; display: block; } .popular-posts > ul > li .wpp-title { padding: 7px; background-color: #0399d4; } .popular-posts > ul > li .wpp-title a { color: #fff; text-decoration: none; } .popular-posts > ul > li .wpp-title a:hover { color: #023d80; text-decoration: none; } .popular-posts > ul > li > .wpp-wrap { display: table; } .popular-posts > ul > li > .wpp-wrap > div { display: table-cell; vertical-align: middle; float: none; } p.blog-wrap-content{font-size:0.939em}/*DEMYSTIFICATION*/ .demystification-wrapper * { box-sizing: border-box; } .demystification-wrapper { width: 100%; float: left;padding-bottom: 8.5%; } .row.row1 { width: 100%;float: left; } .row1-description { position: relative; width: 100%; float: left; text-align: center; padding: 3.8% 8% 3.7%; } .row1-description h2, .ingre-section h2, .row1-description h3, .ingre-section h3 { font-family: "Avenir Next Rounded Bold"; font-size: 48px; color: #002D72; line-height: 40px; } .row1-description p, .ingre-section p { font-family: "Avenir Next Rounded Regular"; font-size: 24px; color: #002D72; line-height: 30px; padding-top: 2.3%; } .row1-product-components { width: 100%; float: left; padding: 2% 6% 4% 9%; } .row1-icon-sec { width: 33%; float: left; text-align: center; position: relative; } .row1-icon-sec p { font-family: "Avenir Next Rounded Bold"; font-size: 30px; line-height: 34px; color: #002D72; } .row1-core-ing { padding-right: 23px; width: 271px; } .row1-vit-min { padding-right: 23px; width: 290px; } .row1-core-ing:after, .row1-vit-min:after { content: ""; background-image: url(../img/plus-icon-gray.png); width: 23px; height: 22px; display: block; position: absolute; top: 27%; right: 0; } .row1-sup-ing { width: 248px; } /*Common*/ .blue-border { position: relative; } .blue-border:after { content: ""; border-bottom: #E5F5FB solid 4px; width: 822px; float: none; margin: 0 auto; display: block; position: absolute; bottom: 0; left: 0; right: 0; } .ingre-section { float: left; width: 100%; } .ingre-section > img { padding-bottom: 2.7%; } .ingre-section > p { padding: 2.3% 5% 0 8%; } .open-collapse { width: 100%; float: left; background-color: #EFEFEF; padding: 1.9% 0; margin: 3.3% 0 2%; } .open-collapse a { font-family: "Avenir Next Rounded Bold"; font-size: 18px; line-height: 22px; color: #002D72 !important; text-decoration: none; cursor: pointer; position: relative; width: 100%;float: left;} .open-collapse a:after { content: ''; background-repeat: no-repeat; background-size: 100%; z-index: 99; display: inline-block; vertical-align: middle; margin-left: 2%;} .close-all-btn:after { background-image: url(../img/acc-minus-icon.png);width: 29px; height: 6px; } .open-all-btn:after { background-image: url(../img/acc-plus-icon.png);width: 29px; height: 29px; } .close-all-btn,.closed .open-all-btn { display: block; } .closed .close-all-btn,.open-all-btn { display: none; } /*core-ingredients*/ .core-ingredients-wrapper { width: 100%; float: left; background-color: #E5F5FB; text-align: center; padding: 6.15% 7% 3% 5%; } .core-wrapper { width: 100%; float: left; display: block; padding-top: 4.7%; } .core-types:nth-of-type(2) p { padding-left: 5%; } .core-types { width: 49%; display: inline-block; vertical-align: top; padding-bottom: 1%; } .core-types h3 { font-family: "Avenir Next Rounded Bold"; font-size: 24px; color: #009FDA; line-height: 22px; } .core-types p { font-family: "Avenir Next Rounded Regular"; font-size: 18px; color: #002D72; line-height: 24px; padding-top: 4px; min-height: 72px; } /*Vitamins & Minerals*/ .vitamins-minerals-wrapper,.supporting-ingredients-wrapper { width: 100%; float: left; text-align: center; padding-top: 46px; } .ingre-section.vitamins-minerals-wrapper > p { padding: 1.5% 10% 0; } .ingre-section.supporting-ingredients-wrapper > p { padding: 1.5% 15% 0; } .ingredient-elements { width: 67%; margin: 0 auto; padding-top: 2%; } .ingredient-elements p { font-family: "Avenir Next Rounded Bold"; font-size: 16px; line-height: 18px; padding: 0; } .element-row { width: 100%; float: left; padding-top: 11px; } .element-col-sm,.element-col-md, .element-col-lg { background-color: #e5f5fb; border-radius: 20px; padding: 1.72% 2%; float: none; display: inline-block; } .element-col-sm { width: 188px; } .element-col-md { width: 215px; } .element-col-lg { width: 240px; margin: 0 7px; } .accordion-lvl-2 { padding-bottom: 4.2%; padding-top: 2.2%; } .accordion-lvl-2 .acc-content{ display: none; } .accordion-lvl-2.acc-open .acc-content{ display: block; } .accordion-lvl-2 h2, .accordion-lvl-2 h3 { position: relative; font-size: 36px; cursor: pointer;} .accordion-lvl-2 h2:after, .accordion-lvl-2 h3:after { content: ''; background-image: url(../img/acc-plus-icon.png); background-repeat: no-repeat; background-size: 100%; width: 29px; height: 29px; z-index: 99; display: inline-block; vertical-align: middle; position: absolute; right: 13%; top: 35%; } .accordion-lvl-2.acc-open h2:after, .accordion-lvl-2.acc-open h3:after {background-image: url(../img/acc-minus-icon.png); width: 29px; height: 6px; } .accordion-lvl-2 p { padding-top: 1.8%; } .linkCollection.sub-product{width: 100%;float: left;padding: 5px 0px;background-color: #002c77;color: #fff;} .linkCollection.sub-product .link{text-decoration: none; display: inline-block; text-align: center; font-family: "Avenir Next Regular"; color: #fff;line-height: 15px;} .linkCollection.sub-product .link:hover{font-family: "Avenir Next Bold";} .linkCollection.sub-product .link.active{font-family: "Avenir Next Bold";} .linkCollection.sub-product a:first-of-type {margin-left: 16px;} div#sub-menu{padding-left:15px;} .show-tab{display:none;} .show-mob{display:none;} .product-demys-footnote { padding: 17px 0 13px 20px; font-family: "Avenir Next Rounded Regular"; font-size: 11px; color: #828282; line-height: 13px; }/*Can Do People Landing page starts*/ .candopeople-container .ThreeByOneBanner .image-text.feature-logo { float: left; margin-top: 25px; max-width: 502px; height: auto; background-color: transparent; opacity: 0.82; /* Firefox, Chrome, Safari */ filter: alpha(opacity=82); /* IE 9, 10, 11 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=82)"; /* IE8 */ font-family: "Avenir Next Rounded Bold", Verdana; font-size: 32px; color: #003072; line-height: 32px; padding: 6px 0px 12px 20px; } .candopeople-container .ThreeByOneBanner .BannerTextGradient.feature-text { width: 410px; clear: both; margin-top: 6px; margin: 6px 0 0 20px; font-size: 20px; text-align: left; line-height: 24px; color: #002D73; height: auto; background-image: none; } .candopeople-wrapper .row.myselfvideo-container { margin: 0 20px; width: auto; } .candopeople-wrapper .row.myselfvideo-container .myselfvideo-image { float: left; cursor: pointer} .candopeople-wrapper .row.myselfvideo-container .myselfvideo-description { float: left; margin-left: 30px; margin-top: 20px; } .candopeople-wrapper .row.myselfvideo-container .description-text { font-size: 30px; width: 300px; text-align: left; line-height: 32px; color: #58595B; } .candopeople-wrapper .row.myselfvideo-container .myselfvideo-sign { margin-top: 15px; } .candopeople-container .candopeople-wrapper .black-line { border: 1px solid #707070; float: right; margin: 0 20px; width: 364px; } .candopeople-wrapper .row.yourselfvideo-container { float: left; margin: 0 20px; width: auto; } .candopeople-wrapper .row.yourselfvideo-container .yourselfvideo-image { float: left; cursor: pointer} .candopeople-wrapper .row.yourselfvideo-container .yourselfvideo-description { float: left; margin-left: 30px; margin-top: 20px; } .candopeople-wrapper .row.yourselfvideo-container .description-text { font-size: 30px; width: 300px; text-align: left; line-height: 32px; color: #58595B; } .candopeople-wrapper .row.yourselfvideo-container .yourselfvideo-sign { margin-top: 15px; } .candopeople-wrapper .row.giveway-wrapper { float: left; margin: 0 20px; width: auto; margin-bottom: 10px; } .candopeople-wrapper .row.giveway-wrapper .heading { width: 960px; height: 52px; background-color: #092C74; color: #F9FAFB; text-align: center; } .candopeople-wrapper .row.giveway-wrapper .heading h2 { color: #F9FAFB; vertical-align: middle; font-family: "Avenir Next rounded Bold"; font-size: 28px; line-height: 28px; padding-top: 12px; } .candopeople-wrapper .row.giveway-wrapper .heading h2 span { color: #6CB7E6; } .candopeople-wrapper .row.giveway-wrapper .bottom { width: 960px; height: 52px; background-color: #8B169C; } .candopeople-wrapper .row.giveway-wrapper .bottom>img { padding: 8px 0 10px 20px; float: left; } .giveway-wrapper .bottom .bottomBar { width: 312px; height: 50px; float: right; } .candopeople-wrapper .row.giveway-wrapper .bottom .bottomBar a { text-decoration: none; } .giveway-wrapper .bottom .bottomBar .title { display: table-cell; margin-top: 3px; width: 242px; height: 51px; vertical-align: middle; text-align: right; font-family: "Avenir Next rounded Bold", Verdana; font-size: 24px; line-height: 24px; color: #FFFFFF; } .giveway-wrapper .bottom .bottomBar .icon { display: table-cell; padding: 0px 15px; width: 29px; background-image: url(../img/arrow-link.png); background-repeat: no-repeat; background-position: center; } .candopeople-wrapper .peopleStory-wrapper { float: left; margin: 0 20px; width: auto; background-color: #6CB7E6; height: auto; width: 920px; padding: 20px 20px 10px 20px; } .candopeople-container .peopleStory-wrapper .heading h2 { vertical-align: middle; font-family: "Avenir Next rounded Bold"; font-size: 28px; line-height: 28px; color: #092C74; text-align: left; } .candopeople-container .peopleStory-wrapper .heading h2 span { color: #F9FAFB; } .candopeople-container .peopleStory-wrapper .white-line { border: 2px solid #F9FAFB; margin: 10px 0 10px 0; } .candopeople-container .peopleStory-wrapper .story-container { width: 100%; height: auto; overflow: hidden; } .candopeople-container .peopleStory-wrapper .story-container .story-image { float: left; } .candopeople-container .peopleStory-wrapper .story-container .story-content { float: left; width: 630px; margin-left: 26px; } .candopeople-container .peopleStory-wrapper .story-container .story-text h2 { margin-bottom: 10px; font-size: 24px;} .candopeople-container .peopleStory-wrapper .story-container .story-text p { font-family: "Avenir Next rounded regular"; font-size: 18px; line-height: 21px; color: #002D73; text-align: left; font-weight: bold; margin-bottom: 10px; } .candopeople-container .peopleStory-wrapper .story-container .story-note { font-family: "Avenir Next rounded regular"; font-size: 14px; font-weight: bold; color: #5E5E5E; } .peopleStory-wrapper .morecontent span { display: none; } .peopleStory-wrapper .morelink { display: block; position: relative; top: 59px; float: right; font-size: 24px; font-family: "Avenir Next rounded Bold"; font-weight: bold; font-size: 24px; line-height: 24px; color: #002D73; text-decoration: none; /* background-color: #0069B5; */ background-image: url(../img/down-arrow.png); background-repeat: no-repeat; background-position-x: 160px; background-position-y: 6px; width: 180px; } .peopleStory-wrapper a.morelink.less { top: 67px; background-image: url(../img/up-arrow.png); background-repeat: no-repeat; background-position-x: 160px; background-position-y: 6px; width: 180px; } .hidein-desktop { display: none; } .story-content { position: relative; } .read-more, .read-less { position: absolute; right: 0; bottom: 0; background-repeat: no-repeat; background-position: right center; padding-right: 27px; } .read-more { background-image: url(../img/down-arrow.png); } .read-less { background-image: url(../img/up-arrow.png); } .candopeople-container .peopleStory-wrapper .story-container .story-text .read-more p, .candopeople-container .peopleStory-wrapper .story-container .story-text .read-less p { font-family: "Avenir Next rounded Bold"; font-weight: bold; font-size: 20px; line-height: 20px; color: #002D73; text-decoration: none; cursor: pointer; margin: 0; } .complete-content { display: none; } .more .twoline-content, .more .read-more { display: block; } .more.active .twoline-content, .more.active .read-more { display: none; } .more.active .complete-content { display: block; } .item .bottomBar.cando-callout{/*background-color:#8B169C; background-image: url(../img/checkmark-circle.png); */ background-repeat: no-repeat; background-position: left 7px center;} /*Video-js-starts*/ .avideo { display: block; position: relative; } .avideo * { box-sizing: border-box; } .avp-state-inline .avplayer-wrap { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .avp-state-inline .avplayer-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .avp-state-inline .avplayer-container .avplayer-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .avp-state-inline .avplayer-container .avplayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .avp-state-popup .avplayer-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); overflow: auto; box-sizing: border-box; } .avp-state-popup .avplayer-container { position: absolute; top: 50%; left: 50%; width: 800px; max-width: 80%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: left 1s linear; } .avplayer-content { width: 100%; display: block; position: relative; } .avp-state-popup .avplayer { display: block; position: relative; width: 100%; padding-top: 56.25%; } .avplayer .video-js { width: 100%; height: 100%; } .avplayer iframe, .avplayer video, .avplayer object, .avplayer embed { width: 100%; position: absolute; height: 100%; top: 0; left: 0; } .avplayer .limelight-player { position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; } span.av-close { position: absolute; right: 1%; top: 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); font-size: 50px; line-height: 30px; color: #ffffff; cursor: pointer; z-index: 100; } .avp-state-popup span.av-close { position: fixed; } span.av-close:before { content: "\2B"; } .avplayer-poster { display: block; cursor: pointer; } .avplayer-poster > .poster-img { width: auto; max-width: 100%; height: auto; max-height: 100%; display: block; } .avp-started .avplayer-wrap { display: block; } .avp-float-active .avplayer-wrap { position: fixed; right: 0; left: auto; top: auto; z-index: 100; bottom: 0; width: 300px !important; height: 188px !important; padding: 0; opacity: 0.8; } .avideo .bc-player-9924068f-e4fb-4396-a925-95f7b453ba92_default .vjs-big-play-button { display: none; } /*.avideo .bc-player-9924068f-e4fb-4396-a925-95f7b453ba92_default.vjs-has-started .vjs-poster { display: none; }*/ .myselfvideo-image>div,.yourselfvideo-image>div { display: none!important; position: absolute!important; top: 0!important; left:0; width:100%; height:100%; } .yourselfvideo-image { clear: left; } .myselfvideo-image.show-video,.yourselfvideo-image.show-video{position:relative;} .myselfvideo-image.show-video>div, .yourselfvideo-image.show-video>div { display: block!important; } /*video-js-ends*/ /*Can Do People Landing page ends*/ /*Caregiver page*/ .TwoByOneBanner.item.canditwithtext .image { background-repeat: no-repeat; height: 216px; } .TwoByOneBanner.item.canditwithtext { height: auto; margin-top: 15px; } .candittext h3 { color: #0075c9; line-height: 1; padding-bottom: 3px; padding-top: 45px; } .candittext p { padding-top : 23px; color: #002D73; font-size: 1.5rem; line-height: 28px; letter-spacing: -0.8px; } .candittext { width: 100%; max-width: 622px; /*added new*/ float: left; margin-top: 0; /*this is changed*/ padding-left: 20px; margin-bottom: 26px; } .caregiver-banner-desk .image-text{ margin: 0; padding: 0 !important; position: absolute; top: auto; bottom: 12px; left: 23px; background-color: transparent !important; } /*Caregiver page ends*//*Great Taste starts*/ .nut-steps-product img { max-width: 100%;} .nut-steps-product { width: 960px; margin: 0 auto; } .taste-guarantee { background-color: #002d72; } .taste-guarantee p { font-family: Avenir Next Rounded bold; font-size: 24px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 2.17; color: #ffffff; padding-left: 35px; } .hero-img-section { position: relative; } .hero-text { position: absolute; top: 78px; right: 26px; width: 58%; } .hero-text p { font-family: Avenir Next Regular; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; color: #003072; } .steps-section { background-color: #002d72; } .steps-section p:nth-child(1) { font-family: Avenir Next Rounded Bold; font-size: 40px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.3; letter-spacing: 0.17px; color: #ffffff; text-align: center; padding-top: 11px; margin-bottom: 0; } .steps-section p:nth-child(2) { font-family: Avenir Next Medium; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 0.2px; text-align: center; color: #ffffff; padding-bottom: 14px; margin-bottom: 0; } .step1-content, .step2-contect, .step3-content { padding-top: 50px; padding-bottom: 55px; } .step1-content p { padding-bottom: 32px; } .step1-content p span, .step2-contect p span, .step3-content p span { font-family: Avenir Next Regular; font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: normal; text-align: center; color: #003072; display: block; } .step1-content div span { background-color: #ec008b; padding: 9px; } .step1-content div { text-align: center; } .step1-content div span a { font-family: Avenir Next Medium; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; text-decoration: none; } .seperator-line { width: 330px; border: 1px solid #002d72; margin: 35px auto; } .hero-img-section img{display: block;} /*Great Taste ends*//*C&B page starts*/ .c-b-container .c-b-nutri.pc-container { padding: 0; margin-left: -25px; } .c-b-container .c-b-nutri .pc-title .pc-label { font-size: 18px; color: #009fed; line-height: 24px; width: 121px; padding-right: 15px; min-height: 42px; } .c-b-container .c-b-nutri .pc-col.pc-values .pc-row.pc-nutrition-value .pc-label { width: 157px; padding: 11px 0 8px; margin-bottom: 9px; margin-right: 8px; } .c-b-container .c-b-nutri .pc-col.pc-values .pc-row .pc-label:first-of-type { padding: 18px 0 16px; font-size: 16px; line-height: 20px; height:100px; } .c-b-container .c-b-nutri .pc-values .pc-row .pc-label:nth-of-type(odd) { background-color: #e5f5fb; } .c-b-container .c-b-nutri .pc-values .pc-row .pc-label:nth-of-type(even) { background-color: #efefef; } .c-b-container .c-b-nutri .pc-wrap:nth-of-type(2n+1) .pc-col.pc-values .pc-row { padding-left: 0; } .c-b-container .c-b-nutri .pc-values .pc-row.pc-product { border-bottom: 0; } .c-b-container .c-b-nutri .pc-wrap:nth-of-type(2n+1) .pc-col.pc-values .pc-row.pc-product { width: 163px; } .c-b-container .c-b-nutri .pc-values:last-of-type .pc-row .pc-label { margin-right: 0; } .c-b-container .c-b-nutri .pc-values .pc-product-img img { width: 100%; } .c-b-container .c-b-nutri .pc-values .pc-product-img { margin-bottom: 0; height: 217px; } .c-b-container .c-b-nutri .pc-product-text h3 { padding-bottom: 3px; height: 47px; } .c-b-container .c-b-nutri .pc-product-text a { color: #009fed; border-bottom: 1px solid #009fed; } .c-b-container .c-b-nutri .pc-product-text { padding-bottom: 12px; } .c-b-container .c-b-nutri .pc-col.pc-values .pc-row.pc-nutrition-value { padding: 16px 0 0; border-bottom: 2px solid #efefef; } .c-b-container .c-b-nutri .pc-col.pc-title .pc-row.pc-nutrition-value { padding-top: 20px; } .c-b-container .c-b-nutri .pc-col.pc-title .pc-row:not(.pc-customer-rating) .pc-label { height: 42px; margin-bottom: 19px; } .c-b-container .c-b-nutri .pc-col.pc-values .pc-row.pc-nutrition-value .pc-label:last-of-type { background: transparent; padding: 17px 0 8px; } .c-b-container .c-b-nutri .pc-col.pc-title { padding-top: 410px; } .c-b-container h1 { color: #002d74; } .c-b-container h2 { line-height: 32px; color: #002d74; margin-top: 4px !important; } .c-b-container strong.c-b-nutri { font-size: 23px; line-height: 32px; color: #002d74; } .c-b-container .c-b-img > div:first-of-type { color: #002d74; font-family: "Avenir Next Rounded Bold", Verdana; } .c-b-container .sub-title { color: #858585; font-size: 12px; line-height: 14px; text-align: left; margin-top: 8.8px; } .c-b-container .c-b-img { display: inline-block; width: 33.33%; float: left; text-align: center; margin: 37px 0 48px; } .c-b-container .TwoByVariableText.detailPageLinks .detailLink .text { clear: both; margin-top: 20px !important;} .c-b-container strong.c-b-nutri-head { font-size: 23px; line-height: 28px; color: #002d74; letter-spacing: 0.2px; } .c-b-container .ThreeByOneBanner.item { margin-bottom: 20px; } .c-b-container .c-b-nutrition-image { margin-left: -4px; margin-bottom: 36px; } .c-b-container .c-b-nutri.footnote { padding-top: 19px; font-size: 11px; line-height: 13px; color: #858585; } .c-b-container .TwoByVariableText.item.detailPageLinks { margin-bottom: 26px; } sub{ vertical-align: sub; font-size: smaller;} /*C&B page ends*/ /*power protein starts*/ .power-protein .pro-source{font-size: 16px; line-height: 20px; height: 60px;} .c-b-container.power-protein .c-b-img{width: 25%;} .c-b-container.power-protein .c-b-img > div:first-of-type{font-size: 16px; line-height: 20px;} .c-b-container.power-protein .sub-title{font-size: 16px; line-height: 20px; text-align: center;} .c-b-container.power-protein .proteinCalculator_output h3 {width:auto;} .c-b-container.power-protein .proteinNotes { font-size: 11px; line-height: 13px; margin-top: 15px;} .c-b-container.power-protein .c-b-nutri .pc-col.pc-title { padding-top: 345px; } .c-b-container.power-protein em {font-style: italic;} .c-b-container.power-protein .c-b-nutri .pc-col.pc-values .pc-row .pc-label:first-of-type{padding: 11px 0 8px; font-size: 20px; line-height: 24px;} /*power protein ends*/ /*Immune Changes starts*/ .c-b-container.immune h1 { color: #002d74; line-height: 35px;} .c-b-container .c-b-nutri .pc-title .pc-label.vm{font-size: 15px;} .c-b-nutri-head span.yellow{ color: #f6b334;} .c-b-nutri-head span:not(:last-of-type) { border-right: 1px solid #979797; padding-right: 8px;} .c-b-nutri-head span:not(:first-of-type) { padding-left: 8px;} .c-b-nutri-head span.blue{ color: #7fcfbf;} .c-b-nutri-head span.purple{ color: #af1f65;} .c-b-container .immune-sub-title{font-size: 16px; line-height: 20px; text-align: center;color:#747474;padding: 0 10px;} .c-b-container .c-b-nutri .pc-col.pc-values .pc-row.pc-nutrition-value .pc-label.pc-desc{height: 94px;} .c-b-container.immune .immune-nutri{clear:both;} .c-b-container.immune .c-b-img{margin: 37px 0 30px;} .c-b-container.immune strong.c-b-nutri-head.immune{line-height: 32px;} .c-b-container.immune .c-b-text{font-size: 16px; line-height: 20px; color:#696969;margin-top:5px;} .c-b-container.immune .pc-wrap{margin-top: 20px;} .pc-col.pc-values .pc-label label.show-mob{display:none;} /*Immune Changes ends*/ /*Immune Systme Support Video Add start*/ iframe#immune-health-video{ width: 560px; height: 315px;} /*Immune Systme Support Video Add ends*/.w-g-container strong.wt-gain-head { font-size: 23px; line-height: 32px; color: #002d74; } .w-g-container .gain-weight-calls { display: flex; width: 50%; float: left; align-items: center; margin: 28px 0px 0; } .w-g-container .gain-weight-calls .gain-weight-para p { font-size: 16px; font-family: "Avenir Next Rounded Bold", Verdana; line-height: 20px; color: #5e5e5e; padding:0 20px 0 10px; } .w-g-container .gain-weight-calls .gain-weight-para p span { font-family: "Avenir Next Rounded Regular", Verdana, Arial, sans-serif; } .w-g-container .TwoByVariableText.detailPageLinks .detailLink .text { margin-top: 50px; float: left; } .w-g-container .TwoByVariableText.detailPageLinks .detailLink .text:nth-of-type(1) { margin-top: 20px; float: left; } .w-g-container .TwoByVariableText.detailPageLinks .detailLink a.mid-link { text-decoration: underline; } .w-g-container .wt-gain-image { margin-top: 14px; } .w-g-container .flavours-col.flavours-values { width: 18%; margin: 22px 5px; float: left; text-align: center; } .w-g-container .flavours-product-text p { margin-top: 10px; color: #002d72; font-size: 13px; line-height: 13px; } .w-g-container .text .where-to-buy { float: left; width: 100%; text-align: center; } .w-g-container .review-col.review-values { width: 32.3%; float: left; text-align: center; margin-top: -13px; } .w-g-container .review-product-text h3 { color: #002d72; font-size: 16px; line-height: 20px; font-family: "Avenir Next Rounded Bold", Verdana; margin: 10px 0 14px 0; } .w-g-container .review-product-text p { margin-bottom: 28px; font-size: 12px; line-height: 14px; color: #858585; letter-spacing: 0; } .w-g-container .TwoByVariableText.detailPageLinks .detailLink .text table { margin-left: -22px; } .w-g-container .TwoByVariableText.detailPageLinks .detailLink .text table td { font-size: 11px; letter-spacing: 0; color: #858585; line-height: 13px; } strong.wt-gain-head.clinical-prove { font-size: 21px; } /* QR CODE landing desk css */ .feature2 { padding-left: 20px; padding-right: 20px; } .feature-panel { display: inline-flex; padding-left: 31px; padding-right: 31px; } .feat-desc { font-family: 'Avenir Next Rounded Bold'; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: normal; text-align: center; color: #002d72; padding-top: 8px; padding-bottom: 8px; } .feat-exp { font-family: 'Avenir Next Regular'; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: normal; text-align: center; color: #002d72; } .ft-blck>img { width: 170px; height: 170px; } .ft-blck { text-align: center; width: 32%; } .feat-button { background: #ff6b00; width: 185px; padding-top: 7px; height: auto; padding-bottom: 7px; margin: 0 auto; } .btn-cntent { font-family: Helvetica !important; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; text-align: center; color: #ffffff; } .ft-blck p { margin: 0 !important; } .enlive-comingsoon-container { padding-top: 0 !important; } section.Qr-sec2 { padding-top: 29px; } section.Qr-sec2 .txt-line { padding-bottom: 29px; } section.Qr-sec2 .txt-line p { font-family: 'Avenir Next Rounded Bold'; font-size: 32px; font-weight: bold; font-stretch: normal; text-align: left; padding-left: 31px; font-style: normal; line-height: 1; letter-spacing: normal; color: #002d74; } .feature1 .feat-exp { padding-bottom: 75px; } .feature2 .feat-exp { padding-bottom: 31px; padding-left: 1px; padding-right: 1px; } .feature3 .feat-exp { padding-bottom: 75px; } .feature1 .feat-desc { padding-right: 24px; padding-left: 24px; } .feature2 .feat-desc { padding-right: 24px; padding-left: 24px; } section.Qr-sec3 { padding-top: 76px; text-align: left; padding-bottom: 35px; } .condtn-apply-txt { padding-left: 62px; } .condtn-apply-txt p { font-family: 'Avenir Next Regular'; font-size: 11px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.18; letter-spacing: normal; color: #858585; } .bck-2-top { padding-left: 44px; padding-top: 22px; } .bck-2-top a { font-family: 'Avenir Next Rounded Regular'; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #5e5e5e; } p.Qr-banr-desk-txt { font-size: 43px; font-weight: bold; font-stretch: normal; font-style: normal; text-align: left; width: 415px; top: -267px; left: 50px; margin-bottom: -200px; position: relative; height: 192px; line-height: 1.12; font-family: 'Avenir Next Rounded Bold'; letter-spacing: normal; color: #002d72; } p.Qr-banr-desk-txt sup { vertical-align: unset; font-size: 43px !important; line-height: 0; } img.tab-bnrimg { display: none; } .tab-feat-panel { display: none; } .feature1 { width: 290px; } .feature3 { width: 305px; } .feature2 { width: 294px; } /* qrcode landing desk css ends */ /*immunepage css starts*/ @media only screen and (min-width:768px){ .c-b-container.immune iframe#immune-health-video { width: 580px; height: 326px; margin-top: 10px; } .c-b-container.immune .c-b-nutri .pc-product-text h3 { white-space: nowrap; } .c-b-container.immune h1 { color: #003072; } .c-b-container.immune h2 { line-height: 31px; color: #003072; font-family: "Avenir Next Rounded Bold"; } .c-b-container.immune strong.c-b-nutri-head.immune { color: #073980; } .c-b-container.immune .c-b-nutri .pc-values .pc-product-img img { width: auto; } .c-b-container.immune .c-b-nutri .pc-title .pc-label { line-height: 19px; } .c-b-container.immune .c-b-nutri:first-child .pc-col.pc-values .pc-row.pc-nutrition-value { border-bottom: none; } .c-b-container.immune .c-b-nutri:first-child { margin-bottom: 40px; margin-top: 51px; } .c-b-container.immune .ThreeByOneBanner.item { margin-bottom: 14px; } .c-b-container.immune .c-b-nutrition-image { margin-bottom: 40px; margin-top: 30px; } .c-b-container.immune .c-b-container strong.c-b-nutri-head { color: #003072; } .c-b-container.immune .c-b-nutri:first-child .pc-values:last-child .pc-product-img img{ width: auto; height: 285px; left: -15px; } .bio-faq-detail p a{ word-wrap : break-word !important; } } /*immunepage css ends*/ /*BioQAFixes*/ body.bio-faq-detail .ThreeByOneBanner .image-text{ color:#002d72; } body.bio-faq-detail .TwoByVariableText.detailPageLinks .detailLink h2{ color:#002d74; } body.bio-faq-detail span.toll-free { white-space: nowrap; font-family: 'Avenir Next Rounded Bold'; } body.bio-faq-detail a.fda-link{ word-break:break-word; } body.bio-faq-detail a.fda-link span.no-wrap{ white-space:nowrap; } body.bio-faq-detail span.italic-txt{ font-family: "Avenir Next Italic"; } body.bio-faq-detail ol.ordered-list{ list-style-type: decimal; padding-inline-start: 25px; } body.bio-faq-detail ol.ordered-list li { margin-bottom: 20px; } body.bio-faq-detail ol.ordered-list li:last-child { margin-bottom: 0; } body.bio-faq-detail .TwoByVariableText.detailPageLinks .detailLink a { text-decoration: underline; } /*BioQAFixes*/ .RecipeFilter{ height: auto; } #product-filter { width: 250px; font-size: 16px; height: 30px; border-radius: 6px; color: #0a0b0c; margin: 50px 20px; } .product-filter-label { color: #003072; font-family: 'Avenir Next Rounded Bold', Verdana; }/* Coupons sign up page css */

.signup-page .BannerTextGradient { display: none; }

.signup-page .ThreeByOneBanner .image { background-size: contain; background-repeat: no-repeat; background-position: right; background-color: #002D72;}

.signup-page .ThreeByOneBanner .image-text {
    margin-top: 83px;
    background-color: transparent;
    color: #ffffff;
    opacity: 1;
    font-family: 'AVENIR NEXT BOLD';
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
}

.signup-page .ThreeByOneBanner .image-text img { width: 60%;
    margin-bottom: 10px; }

#registration .registration-sign-up-body .GenericContent-Content-Summary > div { display: flex; padding: 30px; }

#registration .registration-sign-up-body .GenericContent-Content-Summary > div div { width: 25%; text-align: center;}

#registration .registration-sign-up-body .GenericContent-Content-Summary  img { width: 80px; }
#registration .registration-sign-up-body .GenericContent-Content-Summary p {
    width: 80%;
    font-size: 18px;
    letter-spacing: 0;
    font-family: "AVENIR NEXT BOLD";
    line-height: 19px;
    color: #002D72;
    margin: 0 auto;
    margin-top: 15px;
}
#registration .registration-sign-up-body .GenericContent-Content-Summary div div:nth-of-type(3) p, #registration .registration-sign-up-body .GenericContent-Content-Summary div div:nth-of-type(4) p { width: 50%;}

#registration .registration-sign-up-body .GenericContent-Content-Summary sup { position: relative; top: 5px;}

#registration .registration-sign-up-body { width: 100%; float: none; }

#registration #form-section-top {margin: 0 20px 40px;background-color: rgba(217 ,217, 217, 0.5);}

#registration #form-section-top > div { width: 540px; margin: 0 auto; }

#registration h1 {
    padding: 40px;
    padding-bottom: 0;
    margin-bottom: 30px;
    font-size: 38px;
    text-align: center;
    border: none;
    font-family: 'AVENIR NEXT BOLD';
}

#registration #contactInfo .formField, #registration #addlInfo .formField { margin: 0px; margin-bottom: 20px; }

#registration #contactInfo .formField input { padding: 0; width: 234px;background-color: #ffffff;border-radius: 5px;border: 1px solid #002D72;height: 46px!important; padding-right: 2px;}

#registration #contactInfo .formField input::placeholder, #registration #contactInfo .formField select, #registration #addlInfo .formField select { color: #002D72; font-family: "AVENIR NEXT REGULAR"; font-size: 18px; padding-left: 0px;}

#registration #addlInfo .formField select { padding-left: 16px;}



#registration #contactInfo .formField input, #registration #contactInfo .formField select {padding-left: 16px;height: 48px;}

#registration #contactInfo .formField:nth-of-type(4) { width: 540px; margin-top: 50px;}
#registration #contactInfo .formField:nth-of-type(4) input {width: 520px;}

#registration #contactInfo .formField input#EnsureModel_EmailAddress {width: 520px;}

#registration .field-validation-error { color: #ff0000; display: block; }

#registration #whyAddress { float: right; margin-right: 0px; font-size: 18px; font-family:"AVENIR NEXT REGULAR"; color: #002D72;  }

#registration #contactInfo .formField:nth-of-type(5) { width: 100%;}

#registration #contactInfo .formField:nth-of-type(5) input {width: 520px;}

#registration #contactInfo .formField:nth-of-type(6) { width: 540px;}

#registration #contactInfo .formField:nth-of-type(6) input {width: 520px;}

#registration #monthField { width: 215px; }

#registration #monthField select { width: 211px; }

#registration #monthField select { background-color: #ffffff; border-radius: 5px; border: 1px solid #002D72;}

#registration #yearField, #registration #yearField select { width: 211px; }

#registration #yearField { margin-left: 23px; }
 
#registration #yearField select, #registration #stateField select { background-color: #ffffff; border-radius: 5px; border: 1px solid #002D72; }

#registration select { border-radius: 5px; border: 1px solid #002D72; }

#registration #whyBirthDate {position: relative;top: 30px;left: 35px;font-size: 18px;font-family: "AVENIR NEXT REGULAR";color: #002D72;}
#registration #contactInfo .formField:nth-of-type(1), #registration #contactInfo .formField:nth-of-type(1) {float: left;}

#registration #contactInfo .formField:nth-of-type(2) {margin-left: 32px;width: 254px;margin-right:0;}

#registration #contactInfo .formField:nth-of-type(1) {margin-right: 0px!important;width: 254px;}

#registration #required { margin-top: 80px;
    margin-bottom: 40px;
    color: #002D72;
    font-size: 14px; }

#registration input#navigateFormBtn {
    background: #002D72;
    border-radius: 4px;
    border: #002D72;
    width:  100%;
    color: #ffffff;
    text-transform: uppercase;
    padding: 12px;
    font-family: 'AVENIR NEXT BOLD';
    font-weight: 700;
    font-size: 22px;
    font-style: normal;
    margin-bottom: 60px;
}

#registration input#submitBtn {
    background: #002D72;
    border-radius: 4px;
    border: #002D72;
    width:  100%;
    color: #ffffff;
    text-transform: uppercase;
    padding: 12px;
    font-family: "AVENIR NEXT BOLD";
    font-weight: 700;
    font-size: 22px;
    font-style: normal;
    margin-bottom: 60px;
    height: 48px;
    cursor: pointer;
}

#registration #contactInfo .label {
    margin-bottom: 4px;
    color: #002D72;
}
#registraion .formField { height: 48px; }
#registration #contactInfo .formField:nth-of-type(1), #registration #contactInfo .formField:nth-of-type(2) {float: left;}

#registration #contactInfo .formField:nth-of-type(2) {margin-left: 32px;width: 254px;margin-right:0;}

#registration #contactInfo .formField:nth-of-type(1) {margin-right: 0px!important;width: 254px;}

#registration #addlInfo .formField, #registration #addlInfo .formField select { width: 100%; margin-left: 0; color: #002D72;}

#registration #addlInfo .formField label, #registration #addlInfo p, #registration #addlInfo #terms { color: #002D72;}



#registration #addlInfo .formField select { height: 48px;}

#registration .addlInfo-formFields .formField:nth-of-type(2) input, #registration .addlInfo-formFields .formField:nth-of-type(3) input { margin-left: 5px;}

#registration .addlInfo-formFields .formField:nth-of-type(2) label, #registration .addlInfo-formFields .formField:nth-of-type(3) label {  width: 480px!important;}

#registration .reg-footnote { font-size: 11px; width: 900px; margin:0 auto; margin-bottom: 40px; }

#registration .form-steps { display: flex; width: 250px!important; margin-bottom: 30px!important;}

#registration .form-steps .form-step1, #registration .form-steps .form-step2 { text-align: center; }
#registration .form-steps .step-icon { border-radius: 50%; border: 1px solid #979797; padding: 16px 5px; width: 50px; height: 25px; margin:0 auto; font-size: 24px; font-family: 'AVENIR NEXT REGULAR'; font-weight: 900; }
#registration .form-steps .step-text { padding-top: 20px; font-size: 12px;}
#registration .form-steps hr { width: 83px;
    margin: 0;
    position: relative;
    top: 40px;
    border: none;
    height: 1px;
    background-color: #979797;}

#registration .form-steps hr.active { background-color: #007ACC; height: 3px; width: 86px;}
#registration .form-steps .form-step1 { width: 100px;}
#registration .form-steps .form-step2 { width: 120px;}

#registration .active .step-icon, #registration .completed .step-icon { border: 1px solid #007ACC; color: #002D72; font-weight: 900;}

#registration .form-step1 .step-text { color: #002D72;}

#registration .form-step2 .step-text { color: #222731;}

.signup-page ul.ui-autocomplete { width: 540px!important; background-color: #ffffff!important; border: 1px solid #000000;  }

.signup-page ul.ui-autocomplete li { cursor: pointer;  }

#registration #addlInfo .formField select.input-validation-error {
    background-color: #FEDADA;
    border: 1px solid #FF0000;
}

#registration .form-steps .step-icon { border: none;}

#registration input#EnsureModel_InterestedInReceiveInfo, #registration input#EnsureModel_InterestedInReceiveZoneperfectInfo {
    width: 20px;
    height: 20px;
    accent-color: #002D72;
}

#registration #addlInfo #terms { font-size: 14px; line-height: 18px; margin-bottom: 80px; }

#registration #contactInfo .formField select, #registration #addlInfo .formField select {

-webkit-appearance: none;
  -moz-appearance: none;
appearance: none;
    background-color: #fff;

background-image: url("../img/chevron-icon.svg");
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: right 13px center ;
margin-right: 20px;

}

#registration input#EnsureModel_InterestedInReceiveInfo:checked, #registration input#EnsureModel_InterestedInReceiveZoneperfectInfo:checked {
    background-color: #002D72!important; background-image: url('../img/checked-icon-s.svg'); color: #ffffff; background-repeat:no-repeat; background-position:center
}

#registration input#EnsureModel_InterestedInReceiveInfo, #registration input#EnsureModel_InterestedInReceiveZoneperfectInfo {     width: 20px;
    height: 20px;;appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #002D72; border-radius: 4px; background-color: #ffffff;}

#registration .alert-error {
    width: 540px;
    margin: auto;
    padding-bottom: 20px;
    color: #FF0000;
}

#registration .valPrivacyCheck {
    margin-top: 20px !important;
}

#registration .valPrivacyCheck input {
    width: 20px;
    height: 20px;
    accent-color: #002D72;
    margin-left: 5px;
}

#registration .valPrivacyCheck input:checked {
    background-color: #002D72!important; 
    background-image: url('../img/checked-icon-s.svg'); 
    color: #ffffff; 
    background-repeat:no-repeat; 
    background-position:center;
}

#registration .valPrivacyCheck input {     
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    border: 1px solid #002D72; 
    border-radius: 4px; 
    background-color: #ffffff;
}

#registration .valPrivacyCheck input.input-validation-error {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fee !important;
    border: 1px inset red !important;
}

#registration .valPrivacyCheck label {  width: 480px!important; display: inline-block !important;}

#registration #addlInfo #terms { margin-bottom: 40px;}

#registration .reg-footnote p { margin: 10px 0px; line-height: 15px; }

#registration .reg-footnote ul { margin-left: 10px; list-style: inside; }


/* Recipes Smoothies Hot Chocolate css */

.Recipe .directions .directionsText sup { font-size: 100%; position: relative; top: 5px; }

.Recipe .directions .directionsText .alt-dir-text { margin-top: 48px; }

.Recipe .directions .directionsText p { margin-top: 30px; }/*  Healthy-Living - Immune Support css */

.immune .ThreeByOneBanner .image, .immune .OneByOneShort .image { background-size: 100%;}\

.immune .ThreeByOneBanner { margin-bottom: 23px;}

.immune .TwoByVariableText .detailLink h1 { font-size: 38px; line-height: 48px; }

.immune .TwoByVariableText .detailLink .text #top > div:first-of-type  div { display: flex; margin-bottom: 24px; }

.immune .TwoByVariableText .detailLink .text #top > div:first-of-type div img { width: 120px; }

.immune .TwoByVariableText .detailLink .text #top > div:first-of-type div p { width: 371px; align-self: center;  margin-left: 25px; }

.immune .TwoByVariableText .detailLink .text #top > div:first-of-type div p strong { color: #002D72; font-family: 'Avenir Next Bold';}

.immune .TwoByVariableText .detailLink .text #top > div:first-of-type div:nth-of-type(even) p { width: 355px; }

.immune .TwoByVariableText .detailLink .text .c-b-nutrition-image img { width: 100%;}

.immune .TwoByVariableText .detailLink .text #top .immune-nutri .c-b-img img { width: 90px; margin-bottom: 15px;  }

.immune .TwoByVariableText .detailLink .text div .c-b-nutri-head { font-size: 24px;}

.immune .TwoByVariableText .detailLink .text #top .immune-nutri .c-b-img img + div { margin-bottom: 6px; }

.immune .OneByOneShort .bottomBar { background-color: #002D72; }

/* Homepage Banner CSS */

.home #slide1 .Rotatortitledesc p { font-size: 8px; width: 240px; margin-top: 205px; }

.home .Rotatortitledesc .link { bottom: 5px;}

.TwoByOneBanner, .TwoByOneBanner .image {
    position: relative;
    cursor: auto !important; 
}

.home #slide0 .Rotatortitledesc h1, .twoBannerSlider #slide1 .Rotatortitledesc h1 {
    max-width: 560px;
    font-size: 22px;
    margin: 0 auto;
    margin-top: 15px;
    padding-top: 0px;
}

.home #slide0 .Rotatortitledesc span, .twoBannerSlider #slide1 .Rotatortitledesc span {
    font-size: 17px;
}

.home #slide0 .Rotatortitledesc p, .twoBannerSlider #slide1 .Rotatortitledesc p {
    margin-top: 225px;
    font-size: 8px;
    line-height: 10px;
}

.contact-us-container .g-recaptcha{
    width: 74px !important;
    height: 27px !important; 
}

button#contactsubmitbtn{
    margin-top: 22px;
    padding: 5px 15px;
    height: auto;
    font-size: 14px;
    letter-spacing: -0.35px;
    font-family: "Avenir Next Rounded Regular";
    background-color: #54CAF5;
    border: none;
    color: #FFFFFF;
}



.m-alert-banner__content .m-alert-banner__content__title p{font-family: brandongrotesque-bold,Arial,sans-serif!important;}
.m-alert-banner--button button span{font-family: brandongrotesque-bold,Arial,sans-serif!important;}
.m-alert-banner__content .m-alert-banner__content__para p.light-text{font-family:brandon_grotesqueregular,Arial,sans-serif!important;}
.m-alert-banner__content .m-alert-banner__content__para__click-text {font-family: brandongrotesque-bold,Arial,sans-serif!important;}
.m-alert-banner--button button{height: 42px!important; width: 211px!important; padding-left:22px!important;}
.m-alert-banner__content .m-alert-banner__content__para p.light-text a{text-decoration:underline!important;color:#009be1!important;}
.m-alert-banner__content .m-alert-banner__content__para p.light-text{margin-bottom:16px!important;}
.m-alert-banner--button button span{padding-left:22px!important;}
.m-alert-banner__content .m-alert-banner__content__title{margin-bottom:16px!important;}
.m-alert-banner__collapse--icon{top:19px!important; margin-right:33px!important}
.m-alert-banner__collapse--icon span{font-family:brandongrotesque-bold,Arial,sans-serif !important;}
@media only screen and (min-width: 768px){
.m-alert-banner__content{width: 122%!important;}
}
@media only screen and (min-width: 768px){
.m-alert-banner__container{margin-left: 62px!important;}
}

@media only screen and (min-width: 769px) and (max-width: 967px) {
.m-alert-banner__container{margin-left:40px!important;}
}
@media only screen and (max-width: 767px){
.m-alert-banner__content .m-alert-banner__content__para{width:112%!important;}
}
@media only screen and (max-width: 767px){
.m-alert-banner--button{margin-bottom: 10px!important;}
.m-alert-banner__collapse--icon{right:-16px!important;}
.m-alert-banner__content .m-alert-banner__content__para__click-text{margin-bottom:15px!important;}
.m-alert-banner--button button{width:336px!important;}
.m-alert-banner__container{padding-left:5px!important;}
.m-alert-banner__content .m-alert-banner__content__para p.light-text {width: 314px!important;}
.m-alert-banner__content .m-alert-banner__content__para__click-text {width:330px!important;}
}
@media only screen and (min-width: 768px)and (max-width: 800px){
.m-alert-banner__container{margin-left:26px!important;}
.m-alert-banner__collapse--icon{margin-right:8px!important;}
}
@media only screen and (min-width: 800px)and (max-width: 829px){
.m-alert-banner__collapse--icon{margin-right:0px!important;}
}

.TwoByOneBanner.item .bottomBar { position: absolute; width: 270px; top: 50px; padding: 0 20px; right: 0px; background: none; text-align: center; } 
.TwoByOneBanner.item .bottomBar .icon { display: none; } 
.TwoByOneBanner.item .bottomBar .title { width: 270px; text-align: center; font-family: "Avenir Next Medium", Verdana; font-size: 28px; line-height: 32px; color: #003C84; }
.TwoByOneBanner.item .bottomBar .title strong { font-family: "Avenir Next Bold", Verdana; }