/** Shopify CDN: Minification failed Line 36:1 Unexpected "{" Line 193:24 "dislay" is not a known CSS property Line 194:74 "line-heihgt" is not a known CSS property Line 406:194 "flex-direciton" is not a known CSS property Line 1152:26 Unexpected "{" Line 6223:41 "in-height" is not a known CSS property Line 6309:2 Expected ")" to end URL token Line 6315:2 Expected ")" to end URL token Line 6323:2 Expected ")" to end URL token **/ /** Shopify CDN: Minification failed Line 164:24 "dislay" is not a known CSS property Line 165:74 "line-heihgt" is not a known CSS property Line 377:194 "flex-direciton" is not a known CSS property Line 1123:26 Unexpected "{" Line 6188:41 "in-height" is not a known CSS property Line 6274:2 Expected ")" to end URL token Line 6280:2 Expected ")" to end URL token Line 6288:2 Expected ")" to end URL token **/ @import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;700;800;900&display=swap'); .booster-drop {display: none;} .ingred.new-ingred .booster-supps .in-num {width: 140px;} .ingred.new-ingred .booster-supps .in {width: calc(100% - 340px);} .ingred.new-ingred .booster-supps .in.wide {width: 100%;} .ingred.new-ingred .booster-supps span.in-num-mid {width: 200px;} .margtop15 {margin-top: 15px;} .warn {font-weight: 700; color: #bd0707;} .page-landing #layer_black, .page-new-advertiser .faux-head {display: none;} .page-new-advertiser .dw-topper {padding-top: 0px;} {display: none;} .sms_sub {font-size: 18px; margin-bottom: 40px; font-weight: 500; width: 80%; margin-left: 10%;} .sms-form {padding-bottom: 90px;} .sms_big {font-size: 36px; text-align: center; margin-bottom: 10px; font-weight: 900; color: #024012;} .sms-top {padding-top: 100px;} .sms-signup {width: 80%; margin-left: 10%; } .sms-signup.sms-form {width: 60%; margin-left: 20%;} .page-special-offer .dosing .top-svg, .index .rg-02-progress, .landing .rg-02-progress {display: none;} .landing .new-dosing {background: none !important;} .landing .expect .flipper, .landing .bc-free #Layer_43 {display: none !important;} .landing .bc-free {margin-top: 40px;} .nav-topper p.call-center-p {font-size: 16px; text-align: center; margin-top: 3px; color: #fff; margin-bottom: 3px;} .nav-topper p.call-center-p span {font-weight: 700;} .nav-topper p.call-center-p-link {margin-bottom: 3px; text-align: center;display: flex; justify-content: center; align-items: center;} .nav-topper p.call-center-p-link a {font-weight: 900; font-size: 16px; color: #fff !important; display: flex; flex-direction: row; align-items: center;} .nav-topper p.call-center-p-link img {width: 26px; margin-left: 8px;} .nav-topper p.call-center-p br {display: none;} .index .new-dosing, .landing .new-dosing {padding: 0px 0px 70px 0px;} .index .dosing-top, .landing .dosing-top {padding-top: 40px;} .index .new-dosing .st0, .landing .new-dosing .st0 {fill: #dfece2} .page-dog-trial .expect .flipper {display: none !important;} .sold-out {margin: 0px; color: #fff; background: #72bc51; border-radius: 40px; font-size: 16px; font-weight: 700;line-height: 44px;padding: 0 30px;letter-spacing: 0px;text-transform: uppercase; } .page-special-offer .bc-free.bc-free-reviews {padding-top: 0px;} .special-two {padding-bottom: 60px} .page-special-offer .bc-free.bc-free-reviews #Layer_43 {display: block;} .page-special-offer .bc-free.bc-free-reviews #Layer_43 .st0 {fill: #dfece2;} .page-special-offer .header-button, .page-special-offer .nav-topper {display: none !important;} .show-small, .specMobile {display: none;} .show-large {display: block;} .spec-two-right img {border-radius: 12px;} .spec-two-right {flex: 1; padding-left: 15px;} .spec-two-left.offer-more {width: 55%; padding: 0px 15px 0px 0px;} .spec-two-inner {border: solid 2px #f7f7f7; padding: 20px 30px; border-radius: 12px;} .special-bar {padding: 50px 0px;} .special-bar-inner {width: 100%; justify-content: center; padding: 15px 30px; border-radius: 12px;background: linear-gradient(45deg, #008000 0%,#66c600 100%); display: flex; flex-direction: row;} .special-bar-cont {display: flex; flex-direction: row; align-items: center; margin-bottom: 0px;padding: 0px 30px;} .special-bar-cont span {font-size: 19px; color: #fff; text-transform: uppercase; font-weight: 700;} .special-bar-cont .fas {font-size: 26px; color: #fff; margin-right: 15px;} .page-special-offer .new-dosing {background: none !important; padding-bottom: 100px;} .page-special-offer .dosing-flex-row {margin: 0px auto;} .Tab-Description.tab-flex-columns {z-index: 60;} .specReviews {display: flex; flex-direction: row; margin-bottom: 20px; font-size: 18px; font-weight: 700; align-items: center;} .specRating {margin-right:7px; color: #2d1e12;} .specStars {margin-right: 7px; margin-top: 3px; } .specStars .fa-star:before {font-size: 23px; } .specCount {color: #2d1e12; } .specStars .fas {color: #ff8238} .specButton {padding: 0px 15px; margin: 20px 0px 15px 0px;} .specButton a {cursor: pointer; justify-content: center; border-radius: 40px; line-height: 50px; display: flex; align-items: center; flex-direction: row; padding: 0px 30px; text-transform: uppercase; font-weight: 700; font-size: 18px; color: #fff !important; background-image: linear-gradient(to top, #f86b18, #fa7121, #fc7729, #fd7c31, #ff8238);} .specButton a span {margin-right: 10px; color: #fff !important;} .specButton a .fas {color: #fff !important;font-size: 21px;} .specUpper {text-transform: uppercase;} .specSatisfaction {justify-content: center; display: flex; align-items: center; margin-bottom: 0px; } .specSatisfaction span {font-weight: 700;color: #024012;} .specSatisfaction .fas {font-size: 21px; margin-right: 8px; } .specPrice {margin-bottom: 20px; display: flex; flex-direction: row; align-items: center;} .specSmallPrice {font-size: 16px; color: #666; text-decoration: line-through; font-weight: 700;} .specRegPrice {font-size: 28px; font-weight: 900; color: #024012;margin-left: 9px;} .specSavings {padding: 8px 20px; font-weight: 700; color: #fff; text-transform: uppercase; font-size: 16px;background: linear-gradient(45deg, #008000 0%,#66c600 100%);border-radius: 40px; margin-left: 11px; display: inline-block;} .special-flex {display: flex; flex-direction: row; width: 100%; } .special-left {padding-right: 15px;} .special-right {padding-left: 15px;} .special-left {width: 45%;} .special-right {flex: 1;} .special-inner {display: flex; flex-direction: column; border-radius: 12px;} .special-right .special-inner {border: solid 2px #f7f7f7; padding: 20px 30px;} .special-left img, .special-left .img-thumb img{border-radius: 12px;border: solid 2px #f7f7f7} .spec-img-thumbs {display: flex; flex-direction: row; gap: 24px;} .special-left .spec-img-thumbs .img-thumb {width: 15%; margin-right: 0px; cursor: pointer} .spec-img-wrap {line-height: 0px; margin-bottom: 24px;} .spec16 {font-size: 16px;} .spec18 {font-size: 18px;} .spec21 {font-size: 21px;} .spec28 {font-size: 28px;} .spec36 {font-size: 36px; line-height: 44px;} .spec700 {font-weight: 700;} .spec900 {font-weight: 900;} .specDg {color: #024012;} .specDb {color: #2d1e12;} .specLg {color: #72bc51;} .specMarg5 {margin-bottom: 5px;} .specMarg10 {margin-bottom: 10px;} .specMarg15 {margin-bottom: 15px;} .specMarg20 {margin-bottom: 20px;} .specListWrap {margin: 0px;} .specList {font-size: 16px; display: flex; flex-direction: row; align-items: center; margin-bottom: 5px;} .specList span {margin-left: 10px;} .specList .fas {font-size: 21px; color: #72bc51;} .specList b {font-weight: 900; color: #024012;} .section.special-top, .section.special-bar, .section.special-two {width: 100%; max-width: 100%;} .special-top {padding: 10px 0px 40px 0px;} .section.trial-home {width: 100%; max-width: 100%;} .trial-flex {display: flex; flex-direction: row; padding: 20px 0px 80px 0px; } .trial-left-box {padding-left: 70px; padding-right: 15px;} .trial-right-box {padding-right: 70px;padding-left: 15px;} .trial-box {display: flex; flex-direction: column; position: relative;} .trial-inner-wrap {display: flex;flex-direction: column;position: relative;} .trial-option-wave .st0 {fill: #dfece2;} .trial-img-box {line-height:0px} .trial-img-box img {width: 100%;border-radius: 20px; position: relative; z-index: 10;} .trial-img-box img.meow-img {position: absolute;left:-80px; width: 260px; bottom: 50px; z-index: 20;} .trial-img-box img.ruff-img {position: absolute;right:-80px; width: 260px; bottom: 50px; z-index: 20;} .bag-img {} .trial-text {position: absolute;z-index: 11;top: 0px;width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-top: 80px;} .trial-large {font-size: 46px;font-weight:900;margin-bottom: 0px;line-height: 60px;color: #fff} .trial-small {font-size: 34px;font-weight: 700;margin-bottom: 0px;color: #fff;} .trial-button {} .trial-button a.button {transition: all 0.2s linear; color: #fff !important; font-weight: 700; font-size: 16px; background:#ff8238; padding: 0px 80px; margin-top: 20px; line-height: 48px; display: flex; text-transform: uppercase; border-radius: 40px; } .trial-text:hover .trial-buttton a.button, .trial-buttton a.button:hover {transition: all 0.2s linear; background: #fb630a} .trial-better {justify-content: center; position: relative; z-index: -1 display: flex;padding: 43px 0px 13px 0px; margin-top: -30px; border-radius: 0px 0px 20px 20px; border-top: none; } .trial-better p {margin-bottom: 0px;justify-content: center; display: flex;align-items: center; font-weight: 700; font-size: 16px; color: #024012;} .trial-better p span {padding-right: 8px; font-weight: 700; color: #024012; } .trial-left-box .trial-better {border: solid 2px #72BC51; background: #F1F7F2;} .trial-right-box .trial-better {border: solid 2px #72BC51;background: #F1F7F2} .trial-better .fas {font-size: 24px; padding-right: 10px;color: #72BC51; } .hova a.button {background: #fb630a;} .product-good-better .new-header, .ten-topper .product_form {display: none;} .faux-flex {display: flex; justify-content: center;flex: 1; margin-top: 20px;} .faux-flex a {line-height: 0px;} .product-good-better .section-wrapper.section-wrapper--product {padding-top: 0px;} .rg-67-test .good-button-wrapper {margin-bottom: 60px !important;} .booster-form button {background:#226a35 !important; font-family: muli, sans-serif !important; line-height: 44px !important;padding: 0px 40px !important;transition: all 0.2s linear !important;border-radius: 50px !important;cursor: pointer;display: inline-block;font-size: 16px !important;font-weight: 700 !important;text-transform: uppercase !important;text-shadow: none; } .booster-form input {height: 50px !important; margin-right: 20px !important; padding: 8px 20px !important; border: 1px solid rgb(148, 149, 150) !important; } .booster-form div {padding: 0px !important;} .booster-left {width: 50%; padding: 80px 20px 80px 0px; display: flex; flex-direction: column; justify-content: center;} .booster-flex {display: flex; flex-direction: row; width: 100%} .booster-smallest {font-weight: 700; color: #024012; font-size: 21px;} .booster-small {font-size: 21px; font-weight: 700; margin-bottom: 10px; display: flex; flex-direction: row; align-items: center;} .booster-small i {color: #72bc51;} .booster-small span {margin-left: 15px; color: #024012;} .booster-title {font-size: 50px; line-height: 68px; margin-bottom: 30px; font-weight: 900;color: #024012; } .booster-form {margin-bottom: 35px;padding-right: 60px;} .booster-top {width: 100%; max-width: 100%; padding: 30px 0px;} .deal-price {display: flex; flex-direction: row; justify-content: center; align-items: center;} .strike-through {font-size: 21px; font-weight: 700; color: #666666; text-decoration: line-through;} .actual {margin-left: 20px;} .discount.modal {max-width: 100%; display: none; position: fixed; z-index: 85; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba (255,255,255, 0.7); margin: auto;} .modal-discount {box-shadow: 0px 0px 10px rgb(0 0 0 / 10%); background: #fff; border-radius: 20px; padding: 0px 0px 30px 0px; width: 520px; margin-left: -260px; left: 50%; position: absolute; top: 80px; z-index: 1000;} span.closeDis {font-size: 22px; position: absolute;top: -20px;right: -20px;width: 40px;height: 40px;text-align: center;background: #72bc51; border-radius: 38px;line-height: 38px;color: #fff;font-weight: 700;cursor: pointer;z-index: 15;} .promo-modal-flex {display: flex; flex-direction: column;} .promo-modal-text { border-radius: 8px; text-align: center; padding: 30px 30px 0px 30px; display: flex; flex-direction: column; } .promo-modal-form {display: flex; flex-direction: column;} .promo_modal_big {font-size: 36px; font-weight: 900; color: #226a35; margin-bottom: 10px;} .promo_modal_sub {font-size: 18px; } .promo-modal-form-wrap {dislay: flex; text-align: center; flex-direction: column;width: 100%; border-radius: 8px; padding: 20px 60px 00px; margin: 0px;} .promo-modal-form-wrap input {width: 100%; height: 54px; font-size: 16px; line-heihgt: } .promo-modal-form-wrap .button {width: 100%;} .promo-code-submit { margin-bottom: 20px;letter-spacing: 0px; cursor: pointer; border-radius: 60px; display: block; width: 100%;transition: all 0.2s linear; background: #ff8238; color: #ffffff !important; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; padding: 0px 15px; line-height: 54px;} .promo-code-submit:hover {} .need-code {display: none; text-decoration: underline; color:#16401d; cursor: pointer} .need-code i {margin-right: 10px; color:#72bc51 } .discount-drop {padding: 0px 0px; display: none;} .discount-drop p {margin-bottom: 0px; margin-top: 20px;font-size:18px; text-align: center;} .discount-drop p span {font-weight: 700;color:#16401d; } .hide-dis {display: none;} .page-landing .section-wrapper.section-wrapper--page {padding-top: 0px;} .ruff-greens-vitasmart div.select {display: none;} .selector-wrapper {display: none;} .variant-box {} .variant-title {font-size: 18px; color: #2d1e12; font-weight: 700; margin-bottom: 8px;} .variant-wrap {display: flex; gap: 20px; flex-direction: row;} .variant-option {display: flex; width: 50%;} .variant-choice {position: relative; align-items: center; border: solid 1px #e7e7e7;border-radius: 8px; display: flex; flex-direction: row;} .variant-choice.active {border: solid 1px #226a35} .variant-icon {width: 90px; line-height: 0px;} .variant-copy {display: flex; flex-direction: column; flex: 1; padding-right: 20px; padding-left: 5px;} .variant-head {transition: all 0.2s linear; color: #024012; margin-bottom: 0px; font-size: 16px; font-weight: 700;} .active .variant-head {transition: all 0.2s linear; color: #72bc51;} .variant-sub {color: #666; font-size: 14px; margin-bottom: 2px; line-height: 22px; } .variant-check {text-align: center; position: absolute; top: 10px; right: 10px; transition: all 0.2s linear; border-radius: 40px; height: 20px; width: 20px;border: solid 1px #e7e7e7; line-height: 20px; color: #fff; } .active .variant-check {transition: all 0.2s linear; border: solid 1px #b2debf; background: #72bc51;} .variant-check .fas {display: none; transition: all 0.2s linear; color: #fff; line-height: 18px; font-size: 12px;} .active .variant-check .fas {display: block; transition: all 0.2s linear;} .dosing-flex .font18 {font-size: 18px;} .page-dog-trial .new-dosing {padding-bottom: 50px;} .page-dog-trial .expect .marg-top {display: block;} .page-dog-trial .dw-benefits {padding: 30px 0px;} .page-dog-trial img.bag_img {margin-bottom: 50px;} .page-dog-trial .advertiser img.bag_img {margin-bottom: 0px;} .page-dog-trial .newest_top .row {display: block;} .hourglass {display: flex; flex-direction: row; margin-top: 15px;color: #2d1e13; font-size: 13px; justify-content:center; align-items: center;} .hourglass .fas {margin-right: 10px;font-size: 18px;} .hourglass b {font-weight: 700;} .wider .good-button-wrapper, .rg-67-test .wider .good-button-wrapper {margin-bottom: 20px !important;} .modal-inner {display: flex; flex-direction: row;} .left-modal {width: 60%; padding: 0px 30px 0px 0px; display: flex; justify-content: left; align-items:left; text-align: left; flex-direction: column;} .right-modal {flex: 1;} .img-car {width: 100%; line-height: 0px; margin-bottom: 20px;} .img-car img {max-width: 100%; border-radius: 8px; border: solid 2px #f9fffb;} .img-thumbs {display: flex; line-height: 0px; flex-direction: row; } .img-thumbs a {cursor: pointer; display: inline-block; min-width: 60px; width: 35%; margin-right: 20px;border: solid 2px #ffffff; border-radius: 8px;line-height: 0px; transition: all 0.2s linear;} .img-thumbs a.active {border: solid 2px #f9fffb; transition: all 0.2s linear;} .img-thumbs a img {max-width: 100%; border-radius: 8px;} .modal-title {margin-bottom: 5px; font-size: 24px; font-weight: 900;color: #2d1e13; } .modal-sub {font-size: 18px; font-weight: 700; color: #024012 } .modal-text {font-size: 15px;} .modal-bullet {display: flex; margin-bottom: 5px; flex-direction: row; } .modal-bullet span {} .modal-bullet .fas {font-size: 18px;margin-right: 10px;margin-top: 5px;} .modal-bullet:last-child {margin-bottom: 10px;} .page-ten-day-add section#footer svg#Layer_1 {display: none !important;} .section.two-page-options {width: 100%; max-width: 100%; padding: 60px 0px 60px 0px;} .two-options-flex {display: flex; flex-direction: column; margin-top: 40px; padding: 20px 20px 20px 20px; background: #F1F7F2; border-radius: 8px;} .left-side-two {padding: 20px; flex: 1; display: flex; flex-direction:row; gap: 40px;} .right-side-two {padding: 20px; flex: 1; display: flex; flex-direction: column;} .no-thanks .two-title {margin-bottom: 0px; text-align: center; flex: 1; display: block;} .no-thanks.two-copy {padding: 20px;} .two-bold {display: flex; flex-direction: row; margin-bottom: 0px;} .two-bold span {font-size: 16px;color: #024012; font-weight: 700; } .right-side-two .button-holder {margin: 0px auto !important; width: 60%;} .right-side-two .add-gift {margin-top: 15px;} .no-thanks-button {display: block; border: solid 2px #ffffff; font-weight: 700; font-size: 16px; text-transform: uppercase; border-radius: 50px; line-height: 50px; text-align: center; background: #fff; transition: all 0.2s linear;} .no-thanks-button:hover {border: solid 2px #f9fffb; background: #f9fffb; transition: all 0.2s linear;} .two-pro {width: 33.33%;} .two-page-options .error-msg {display: none; margin-bottom: 0px; padding-top: 20px; text-align: center; font-weight: 700; color: red;} .two-pro-inner {height: 100%; padding: 0px; margin-bottom: 15px; border-radius: 8px; border: solid 2px #f9fffb; position: relative; background: #f9fffb; cursor: pointer; display: flex; flex-direction: column;} .two-pro:last-child .two-pro-inner {margin-bottom: 0px;} .two-pro-inner.active {border: solid 2px #B2DEBF;background: #fff; transition: all 0.2s linear;} .two-pro {width: 33.33%;} .active .two-check {background: #72BC51; border: solid 1px #B2DEBF;} .two-check {position: absolute; background: #ffffff; line-height: 24px; width: 24px; height: 24px; border-radius: 30px; right: 20px; top: 20px; border: solid 1px #fff; font-size: 12px; text-align: center; } .two-check .fas { color: #fff !important;} .two-hide {display: none !important;} .two-img {width: 100%; line-height: 0px;padding: 0px 50px;} .two-img img {max-width: 100%;} .two-copy {display: flex; flex-direction: column; flex: 1; padding: 10px 30px 20px 30px; } .two-title {display: flex; flex-direction: row; margin-bottom: 15px;} .two-title span {font-size: 24px; font-weight: 900; color: #024012;} a.modal-open {transition: all 0.2s linear; display: inline-block; font-size: 21px;color: #72bc51; margin-left: 10px; } a.modal-open:hover {transition: all 0.2s linear; color: #024012;} .good-slide {padding: 5px 30px; margin-bottom: 15px;} .good-slide-wrap {display: flex; flex-direction: row; background: #fff; border-radius: 40px; border: solid 1px #ddd; position: relative;} .good-slider-indicator {transition: all 0.2s linear; background: #f0e5de; border-radius: 40px; border: solid 1.5px #ff8238; height: 58px; width: calc(50% + 4px); position: absolute; left: -2px; top: -2px; } .good-slide-picker {z-index: 60; cursor: pointer; line-height: 21px; display: flex; height: 54px; flex-direction: column; justify-content: center; flex: 1; align-items: center;} .picker-top {font-size: 15px; font-weight: 700; color: #024012;} .picker-bottom {font-size: 12px; color: #666;} .mobile-nav-icon.cart-conts, .mobile-nav-icon {display: none;} .side-tabs {} .side-tabs-wrap {display: flex; flex-direction: row; gap: 15px;} .side-tab {width: 33.33%; transition: all 0.2s linear; cursor: pointer; display: block; text-align: center; border: solid 1px #226a35; border-radius: 44px; padding: 0px 20px; line-height: 44px; font-weight: 700; color: #226a35; } .side-tab.active {transition: all 0.2s linear; color: #72bc51;} .side-tab-content {display: none;} .side-tab-content.active {display: block; } .side-tab-content-wrap {padding: 20px 0px 10px;} .side-tab-title {font-size: 18px; color: #2d1e12; font-weight: 700; margin-bottom: 8px; } .side-tab-benefits {margin: 10px 0px 0px 0px; padding: 0px 0px; list-style: none; } .side-tab-benefits li i {margin-right: 10px; font-size: 18px; } .typeform-rev .topliner {font-size: 36px; text-align: center; font-weight: 900; color: #024012; } .typeform-rev .subliner {font-size: 18px; margin-bottom: 50px;text-align: center; padding: 0px 180px;} .typeform-rev .row {display: block;} .typeform-rev {padding: 80px 0px;} .cls-1 { fill: #d0ead7;} .cls-2 { fill: #f0f7f2; } .index-top .row {display: block;max-width: 100%;} .index-top { position: relative; } .cantlay {position: absolute; bottom: -1px; left: 0px; width: 100%;} .flex-row-topper {display: flex; flex-direction: row;align-items: center;} .left-home {width: 43%; padding: 0px 20px;position:relative; z-index: 5; padding-bottom: 70px;} .right-home {width: 57%;padding: 0px 20px; position: relative; z-index: 4} .index-left-text {} .topline {font-size: 21px; font-weight: 900; color: #024012; margin-bottom: 0px;} .midline span {font-weight: 900;color: #72bc51; } .midline {font-size: 28px; font-weight: 700; color: #226a35; margin-bottom: 10px; } .contentline {font-size: 16px; padding-right: 100px;} .buttonline {} .buttonline a {} .right-home img {max-width: 100%;} .review-wrap:not(.review-wrap-brett){display:none} .review-wrap-brett.review-wrap{max-width:275px;width:100%;margin:23px 0 0} .review-wrap-brett.review-wrap .review-text{color:#000;font-size:14px;font-weight:400;margin:0 0 8px} .review-wrap-brett.review-wrap .review-text img{max-width:72px;width:100%;display:inline-block;position:relative;top:2.5px;margin-right:4px} .review-wrap-brett.review-wrap .review-list{display:flex;justify-content:space-between;width:100%} .review-wrap-brett.review-wrap .review-item{max-width:82px;width:100%} .review-wrap-brett.review-wrap .review-item.review-2{max-width:110px} .review-wrap-brett.review-wrap .review-item.review-3{max-width:70px} .review-wrap-brett.review-wrap .review-item .auth-img{max-width:70px;width:100%;margin:0 auto 8px;display:block} .review-wrap-brett.review-wrap .review-item .auth-title{color:#000;text-align:center;font-size:12px;font-weight:400;margin:0; text-transform: none;} .choose-pet-wrap {position: relative; display: flex; flex-direction: row; width: 540px; margin: 0px auto; border-radius: 60px; } .choose-box {display:none;} .choose-box.active {display: flex;} .flex-choose {width: 100%; margin-bottom: 30px;} .add-your-free-gift-tidbits section#footer svg#Layer_1 {display: block;} .pet-chooser.left-chooser {margin-right: 20px;} .pet-chooser {border: solid 1.25pt #F1F7F2; width: 270px;background: #F1F7F2; border-radius: 50px; position: relative; z-index: 20; align-items: center; text-align: left; transition: all 0.2s linear; display: flex; flex-direction: row; height: 60px; } .meow .meow, .ruff .ruff {transition: all 0.2s linear;border: solid 1.25pt #72BC51; } .pet-chooser:hover .pet-text {transition: all 0.2s linear;color: #72BC51; } .pet-icon {font-size: 30px; padding-left: 20px;line-height: 0px; transition: all 0.2s linear; } .pet-icon .fas {color: #024012;} .pet-text {font-size: 21px; font-weight: 900;color: #024012; margin-bottom: 4px; } .meow .meow .pet-text, .ruff .ruff .pet-text {color: #72BC51; transition: all 0.2s linear;} .pet-small-text {font-size: 14px; color: #555555; line-height: 14px;} .pet-chooser p {display: flex; padding: 0px 0px 2px 20px; flex-direction: column; margin-bottom: 0px;} .choose-wrap {width: 100%;} .page-add-your-free-gift .nav-button-new.button {display: none;} .page-add-your-free-gift .nav-topper {display: none; } .oft-top {width: 100%; padding: 30px 0px 50px 0px; } .desc_highlight {color: #2d1e12; font-weight: 700;} .product-new-design .product-block--custom-liquid p.desc_highlight.font18 {font-size: 18px;} .bt {color:#2d1e12;} .oft-bot { background: url(/cdn/shop/files/backg-options.jpg?v=1723845349); background-repeat: no-repeat; background-position: top center;} .page-add-your-free-gift .desktop-link li.nav-desktop__tier-1-item.nav-desktop__tier-1-item--dropdown-parent .nav-desktop__tier-2--dropdown li span {color: #024012;} .num-circle {font-size: 36px; font-weight: 900; border-radius: 50%; margin-right: 20px; height: 60px; width: 60px; background: #72bc51; display: block; border: solid 6px #72bc51; color: #fff; line-height: 46px; text-align: center;} .button-holder {padding: 0px 40px; margin: 30px 0px 25px;} .oft-wrap .dingle-button {transition: all 0.2s linear; letter-spacing: 0px; cursor: pointer; border-radius: 60px; display: block; width: 100%;transition: all 0.2s linear; background: #ff8238; color: #ffffff; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; padding: 15px; line-height: 24px;} .oft-wrap .dingle-button:hover {transition: all 0.2s linear; background: #fb630a !important;} .oft-wrap #submit-table {display: none;} .oft.section {width: 100%; max-width: 100%;} .oft40 {font-size: 40px;} .gt {color: #024012;} .wt {color: #ffffff;} .lgt {color: #72BC51;} .oft21 {font-size: 21px;} .oft18 {font-size: 18px;} .oft16 {font-size: 16px;} .oft14 {font-size: 14px;} .grey {color: #666666;} .boldest {font-weight: 900;} .twelve-columns {width: 100%; padding: 0px 20px;} .oft-wrap {display: flex; flex-direction: column; } .oft-100 {width: 100%; position: relative; background: #F1F7F2;padding: 50px 20px; border-radius: 12px 12px 0px 0px; border-bottom: solid 2px #ffffff; } .oft-100-inner { } .oft-50 { display: flex; flex-direction: row; } .oft-right {position: relative; width: 50%;padding: 50px 70px;border-radius: 0px 0px 12px 0px; background: #F1F7F2;border-left: solid 1px #ffffff;} .oft-left {position: relative; width: 50%;padding: 50px 70px; border-right: solid 1px #ffffff;border-radius: 0px 0px 0px 12px; background: #F1F7F2;} .oft-quest {display: flex; justify-content: center; align-items: center; text-align: center; text-transform: capitalize; font-size: 26px; font-weight: 700; color: #024012; margin-bottom: 5px;} .oft-100-mid {padding: 25px 0px; width: 76%; margin-left: 12%; display: flex; flex-direction: row;} .oft-box {width: 50%} .oft-box-left {padding-right: 15px;} .oft-box-right {padding-left: 15px;} .oft-dog {} .oft-right .purchase-detail {margin: 0px; padding: 0px 40px;} .oft-review { margin-top: 40px; border-radius: 12px; padding: 30px 40px; background: #fff; display: flex; flex-direction: column;} .oft-click {cursor: pointer; border-radius:12px; padding: 15px 1px; align-items: center; background: #f9fffb; border: solid 2px #f9fffb; transition: all 0.2s linear; width: 100%; display: flex; flex-direciton: row; position: relative;} .oft-click.active {border: solid 2px #B2DEBF; background: #fff; transition: all 0.2s linear;} .oft-click-icon {position: absolute; top: 15px; right: 15px; border-radius: 50%; height: 24px; font-size: 12px; text-align: center; line-height: 24px; width: 24px; display: block; border: solid 1px #fff; background: #fff; color: #fff; transition: all 0.2s linear;} .oft-click-icon .fas {color:#fff !important;} .active .oft-click-icon {border: solid 1px #B2DEBF; background: #72BC51; color: #fff; transition: all 0.2s linear;} .oft-click-image {line-height: 0px;} .oft-size .oft-click-image {width: 120px;} .oft-product .oft-click-image {width: 110px; padding-left: 5px;} .oft-click-text {padding: 0px 20px 0px 10px; flex: 1; } .oft-no .oft18 {text-align: center; letter-spacing: 0.03em; font-size: 16px;color: #024012; } .oft-right .error-msg {display: none; margin-bottom: 15px; text-align: center; font-weight: 700; color: red;} .oft-box-free {margin-bottom: 20px;} .first-box {margin-top: 30px;} .bullet-oft {display: flex; flex-direction: row; margin-bottom: 10px;} .bullet-oft.marg20 {margin-bottom:20px;} .bullet-oft .fas {color: #72BC51; margin-right: 15px; font-size: 21px; margin-top: 5px;} .free-gift-modal .ClsBtn {font-size: 22px;position: absolute;top: -20px;right: 10px; width: 40px;height: 40px;text-align: center;background: #72bc51; border-radius: 38px;line-height: 38px;color: #fff;font-weight: 700;cursor: pointer;z-index: 15;} .free-gift-modal.modal {max-width: 100%;display: none;position: fixed;z-index: 15;padding-top: 100px;left: 0;top: 0;width: 100%; height: 100%;overflow: auto;background: rgba (255,255,255, 0.7);margin: auto;} .free-gift-modal-inner {display: flex; flex-direction: column;background: #fff; border-radius: 8px; padding: 30px 00px; width: 768px; margin-left: -384px; left: 50%; position: absolute; top: 120px; z-index: 1000;} .fg-option-top {display: flex; flex-direction: column; text-align: center;} .gift-1, .fg-1 {font-size: 30px; color:#024012; font-weight: 900; margin-bottom: 0px;} .fg-1 {font-size: 18px;} .gift-2 {color: #72BC51; font-size: 18px; font-weight: 900; margin-bottom: 5px;} .gift-3 {font-size: 16px;margin-bottom: 0px;} .fg-2 {font-size: 14px; margin-bottom: 5px;} .fg-options-mid {margin-top: 30px; padding: 0px 20px;} .fg-option-button-wrap {display:flex; flex-direction: row; margin-bottom: 10px; border-bottom: solid 1px #f2f2f2;} .fg-circle {width: 40px; padding: 40px 0px;cursor: pointer;} .fg-circle .outer-circle {border: solid 1px #BCDDC0;display: block; background: #F1F7F2; border-radius: 20px; height: 20px; width: 20px; padding: 3px;} .fg-circle .inner-circle {background: #F1F7F2; transition: all 0.2s linear; border-radius: 50%; display: block; height: 12px; width: 12px;} .active .fg-circle .inner-circle {transition: all 0.2s linear; background: #72BC51;} .fg-img {width:80px; line-height: 0px;} .fg-text {padding: 0px 0px 0px 0px; flex: 1 } .fg-options-bot {margin-top: 20px;display: flex; flex-direction: column; padding: 0px 35px;width: 100%; text-align: center;} .remove-gift.button-opt {margin-top: 0px;width: 100%;line-height: 44px;border: 0;box-shadow: none;color: #fff;cursor: pointer;display: inline-block;font-size: 0.875rem; font-weight: 700; text-transform: uppercase; text-shadow: none;margin-left: 20px;border-radius: 40px;transition: all 0.2s linear; position: relative;} .remove-gift.button-opt.orange button.trial-button {color: #fff !important; border: none !important;margin: 0px 0px 15px 0px; padding: 0 40px; background: #ff8238;} .remove-gift.button-opt.orange button.trial-button .fal {display:none;} .remove-gift.button-opt.orange button.trial-button:hover { border: none !important; padding: 0 40px; background: #F46A25 !important;} .remove-gift.button-opt.clearer button.trial-button{color: #666 !important; border: none !important; padding: 0 40px; margin: 0px; background: #f7f7f7} .remove-gift.button-opt.clearer button.trial-button .fal {display:none;} .remove-gift.button-opt.clearer button.trial-button:hover {color: #666 !important; border:none !important; padding: 0 40px; background: #f1f1f1 !important;} .fg-what {margin-bottom: 8px; cursor: pointer;} .fg-what i {color: #72BC51;font-size: 13px;} .fg-what span {margin-left: 10px; font-weight: 700;color: #024012; font-size: 13px; } .fg-right {display: flex; flex-direction: row; flex-wrap: wrap; flex: 1;} .fg-descr {flex-basis: 100%;display: none; } .fg-descr p {font-size: 14px; } .risk-free-trial-new section#footer svg#Layer_1, .index .svg-top.ding, .page-landing .svg-top.ding {display: block;} .ruff-greens .modal_price.fred {display: flex; align-items: center;} .db-notice {font-size: 13px; padding-left: 10px;padding-top: 2px;} .svg-top.ding, .free-how-wave {display: none;} .lg-modal {font-size: 40px; line-height: 58px; color: #024012; font-weight: 900;} .sub-modal {font-size: 21px; margin-bottom: 0px;} .check-modal {font-size: 18px;} .check-modal i {margin-right: 20px;} .meow-modal-inner {display: flex; flex-direction: column; padding: 30px 0px; text-align: center;} .new-button.contin.hideme {background: none;color: #024012; margin-left: 40px; padding: 0px; text-transform: none; display: flex; align-items: center; } .new-button.contin.hideme:hover {background: none;color: #72BC51; } .new-button.contin .far {display: none;} .button-row .meow-p {justify-content: center;} .new-button.contin.hideme .far {display: inline; font-size: 21px; color: #72BC51; margin-left: 12px;} .new-button.order {display: none;margin-bottom: 0px;} .new-button.order.showme {display: inline-block;} .meow-p {display: flex; flex-direction: row; width: 100%;} .section.viewed {width: 100%; max-width: 100%;} .viewed .shopify-app-block {width:100%;} .bought .st0 {fill: #dfece2;} .bought {padding-bottom: 50px;} .bought .rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__actions-price-value {margin-left: 15px; font-size: 18px; margin-bottom: 0px; font-weight: 700;} .bought .rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__actions-price {display: flex; justify-content: center; align-items: center;} .bought .rebuy-widget-content {display: flex; flex-direction: column;} .bought .rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__actions {order: 1; margin-bottom: 40px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;} .bought .rebuy-widget.widget-type-dynamic-bundle .primary-title {color: #2d1e12; font-weight: 900; text-align: center; text-transform: none; letter-spacing: 0.015em; margin-bottom: 5px; font-size: 36px; font-family: muli, sans-serif;} .bought .rebuy-bundle__images {width: 100% !important;order: 2 !important; margin-bottom: 20px;} .bought .rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__image-item {width: calc(100% - 60px);} .bought .rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__image-divider {width: 60px; font-size: 21px; color:#226a35;} .bought .rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__image {width: 25%;} .product-new-design .product-block.product-block--custom-liquid .nibb b {color: #024012;} .product-new-design .product-block.product-block--custom-liquid p:last-child {margin-bottom: 0px;} .product-new-design .product-block .highlights {display: flex; flex-direction: column;border-bottom:solid 1px #e7e7e7} .product-new-design .product-block .highlights div {width: 100%; border-right: none; font-size: 18px; flex: 1; line-height: 50px; color: #2d1e12; font-weight: 700; } .product-new-design .product-block .highlights div br {display: none;} .product-new-design .ruk_rating_snippet .ruk-rating-snippet-count {color: #666666 !important; font-size: 14px; margin-left: 5px;} .page-meowgreens .new-button.header-button, .meow-greens-vitasmart .nav-button-new.button {display: none; } .button.rounded.hollow {text-align: center;border-radius: 50px; background:#226a35; transition: all 0.2s linear; transition: all 0.2s linear; line-height: 44px; padding: 0px 30px; width: auto; margin-top: 0px; font-size:0.875rem; font-weight: 700; text-transform: uppercase; color: #fff;} .button.rounded.hollow:hover {color: #fff; background: #024012;transition: all 0.2s linear; } .new-products {padding: 50px 0px 140px 0px;} .flex-products {display: flex; flex-direction: row;} .product-lead {width: 25%; display: flex; align-items:center} .pc-text {padding-bottom: 8px; font-size: 16px; padding-top: 4px;} .pc {position: relative; padding: 0px 15px;display: flex; flex-direction: row; flex: 1;} .pc-inner {display: flex; flex-direction: column;background: #f2f7f3; padding: 10px; border-radius: 20px;} .pc-img {line-height: 0px;} .pc-img img {border-radius: 10px;} .pc-content {padding: 10px 20px; display: flex; flex-direction: column;} .pc-title-row {align-items: center; display: flex; flex-direction: row;} .pc-title {font-size: 18px;color: #226a35; flex: 1;} .pc-title span {font-weight: 900;color: #024012; } .pc-price {font-size: 26px; font-weight: 900;color: #024012;} .pc-button-row {display: flex; flex-direction: row;} .pc-button-more {display: flex;margin-bottom: 0px; width: 50%; justify-content: left; } .pc-button-cart {display: flex;margin-bottom: 0px;width: 50%;justify-content: right;} .pc-title-row p {margin-bottom: 5px;} .pc-button-cart .button {border-radius: 50px; font-weight: 700; text-transform: uppercase; color: #fff;} .icon-pc {border-radius: 80px; position: absolute; font-size: 34px; text-align: center; top: -40px; left: 40px; border: solid 10px #f2f7f3; line-height: 60px; width: 80px; height: 80px; color: #fff} .icon-pc.rg {background: #214c34;} .icon-pc.mg {background: #4ed0d8;} .icon-pc i {color: #fff;} .pc-lead-top {font-size: 40px;font-weight: 900; color: #024012; line-height: 60px; margin-bottom: 20px;} .pc-lead-sub {margin-bottom: 0px;} .meow-greens .section-wrapper.section-wrapper--page, .testing-page .section-wrapper.section-wrapper--page {padding-top: 0px;} .meow-greens .new-bullet, .testing-page .new-bullet {margin-bottom: 0px; margin-top: 0px; padding: 35px 0px; } .meow-top .issue-rating .fa-star:before {font-size: 24px;} .meow-top .issue-rating span {line-height: 40px;} .meow-top .offer-rating-block span.counter {margin-top: 0px;} .new-homepage .bingo .flex-ads {padding: 0px 20px;} .hero-icons {display: flex; flex-direction: row;} .hero-wrapper {display: flex; flex-direction: column; flex: 1;} .hero-icon-top {display: flex; flex-direction: row;} .hero-icon-img {line-height: 0px; margin-right: 5px; width: 70px; text-align: center;} .hero-icon-img img {width: 100%;} .hero-large {color:#226A35; font-weight: 900; font-size: 46px; display: flex; flex-direction: row; align-items: center;} .hero-large span {font-size: 18px; text-transform: uppercase;padding-left: 5px; } .hero-icon-bottom p {margin: 0px; font-size: 21px; color: #024012; } .new-lp .section-wrapper.section-wrapper--page, .campaigns .section-wrapper.section-wrapper--page {padding: 0px;} .stand-cards {flex-direction: row; margin-bottom: 30px;} .stand-card {width: 100%; background: #ffffff; padding: 20px 15px; border-radius: 10px; } .stand-card-wrapper {width: 33.3333%; padding: 0px 15px; display: flex;} .issue-tops.stand-head {color:#fff; width: 100%; text-align: center; text-transform: none; margin: 0px auto 40px auto; } .flex-row {display: flex; flex-direction: row; width: 100%;} .stand-table-wrapper {padding: 0px 15px;} .stand-wrapper { border-radius: 10px; background-color: #ffffff; padding:50px 35px 80px 35px; width: 100%; } .table .fas {font-size: 30px;} .table .fa-check-circle {color: #fff;} .table .fa-times-circle {color: #ff8238;} .joint-health .issues-top {padding-bottom: 55px;} .joint-health .new-bullet {padding: 35px 0px; margin-bottom: 10px; margin-top: 0px;} .stand-icon-wrap h3 {font-weight: 700; text-transform: none; margin: 10px 0px 5px 0px; font-size: 21px;} .stand-out-inner { padding: 100px 0px; background-color: rgba(34, 107, 53, 0.8); text-align: center; } .joint-health #shopify-section-Custom-Header {display: none;} .new-lp-topper {padding-top: 115px; padding-bottom: 40px;} .new-lp-topper .row {width: 1800px;} .new-left-top {display: flex; flex-direction: column;} .main-title-new {font-size: 65px; line-height: 75px; color: #024012; font-weight: 900; text-transform: uppercase;} .main-title-new span {display: block;} .sub-title-new {font-size: 30px; color:#72BC51; font-weight: 700; } .sub-title-new span {font-weight: 900; color:#72BC51;} .content-new {font-size: 21px; margin-bottom:20px; color:#2D1E12; padding-right: 40px; } .link-new {} .new-topper .svg-bottom {-webkit-transform: scaleX(-1); transform: scaleX(-1);} .new-lp-banner {width: 100%; max-width: 100%; background: #72BC51; padding: 20px 0px;} .new-lp-banner p {font-size: 24px; font-weight: 700; color: #fff; margin: 0px auto;} .new-homepage .rev-slide-cont-inner {background: #fff;} .new-homepage .bc-rev-head {margin-bottom: 10px;} .new-topper {padding-top: 105px; position: relative; z-index: 10;} #svg-top {position: absolute; left: 0px; bottom: 0px; width: 100%;} .new-topper .row {width: 1600px;} .home-top {display: flex; flex-direction: row; width: 100%;align-items: center;} .new-top-pic {position: relative; z-index: 60;} .home-left, .home-right {width: 50%; display: flex; padding: 0px 20px; flex-direction: column;} .coming-soon {overflow: hidden; padding: 80px 0px 30px; position:relative;width:100%; max-width: 100%; display: flex; align-items: center;} .coming-big {font-size: 60px; font-weight: 900;color: #024012; line-height: 60px; margin-bottom: 20px;} .page-coming-soon .nav-button-new {display: none !important;} .coming-small {font-size: 18px; padding: 0px 30px; text-align: center; } .sign-form {width: 430px; margin-left: -90px;} .meow-greens .page-coming-soon .section-wrapper.section-wrapper--page {padding-top: 108px;} .coming-flex {display: flex; flex-direction: column; align-items: center; width: 100%;} .one-of-wrap {display: flex; flex-direction: row; margin-bottom: 15px;} .one-of-num {width: 28px; font-weight: 700; color: #024012; font-size: 18px; line-height: 24px;} .one-of-copy {flex: 1;} .meow-bullet-wrap {display: flex; flex-wrap: wrap; flex-direction: row; margin-bottom: 20px;margin-top: 15px;} .meow-reg {font-size: 16px;} .meow-bullet {display: flex; flex-direction: row; width:50%; margin-bottom: 15px; align-items: center;} .checker {border-radius: 36px;line-height: 36px; width: 36px; height: 36px; text-align: center; color: #fff; background: #62BDEE;} .checker .fas {color: #fff;} .meow-three .flex-meow {align-items: flex-start;} .checker-copy {font-size: 18px; font-weight: 700; padding-left: 15px; flex: 1; line-height: 36px; color:#024012;} .meow-title {font-size: 40px; line-height: 58px; color:#024012; font-weight: 900; } .meow-nutrition .flex-left {padding: 0px; height: 100%;} .meow-nutrition .flex-left img {margin-top: auto;} .meow-nutrition .flex-right {padding-bottom: 30px;} .flex-three-inner {display: flex; flex-direction: row;} .three-icon {width: 60px; text-align: center; padding: 0px 5px;} .three-copy {flex: 1; padding-left: 22px; display: flex; flex-direction: column;} .three-title {font-size: 21px; font-weight: 700;color:#024012;} .three-text {font-size: 16px;} .flex-meow.text-center {justify-content: center;} .stick-pack {margin: 30px 0px 40px;} .meow-three {padding: 100px 0px;} .meow-how .meow-title {margin-bottom: 3px;} .meow-how .three-title.green-title {margin-bottom: 40px; color:#72bc51 } .how-icon {background: #62BDEE; height: 70px;width: 70px;border-radius: 60px;text-align: center;line-height: 70px;font-size: 36px; font-weight: 900;color: #fff;} .how-copy .three-title {margin-bottom: 3px;} .meow-how .flex-three-inner {align-items: center; margin-bottom:25px;} .how-copy .three-text {margin-bottom: 0px; padding-right: 70px;} .img-radius {border-radius: 40px; } .meow-how {padding: 50px 0px;} .button-row {margin-top: 60px;} .meow-top {padding-top: 70px;} .meow-big span {color:#77d84b; padding-bottom: 13px; display: inline-block; position: relative;} .easier {position: absolute; bottom: 0px; width: 100%; left: 0px; } .meow-big {font-size: 48px; color:#024012; line-height: 60px; font-weight: 900;} .meow-greens .new-bullet {padding: 35px 0px; margin: 0px;} .meow-top .meow-big {margin:10px 0px 30px 0px;padding-right: 50px;} .meow-nutrition {background: #E1EBE2; padding: 45px 0px 0px;} .meow-sect {width: 100%; max-width: 100%;} .flex-meow {display: flex; flex-direction: row; width: 100%; align-items: center;} .meow-top .flex-meow {max-width: 1200px; margin: 0px auto;} .flex-left {width: 50%; padding: 0px 20px;display: flex;flex-direction: column;} .flex-right {width: 50%; padding: 0px 20px;display: flex;flex-direction: column;} .flex-three {display: flex; width: 33.33%; padding: 0px 20px 0px 0px; } .meow-greens .section-wrapper.section-wrapper--page {padding-top: 0px;} .new-bullet {background:#004115; padding: 25px 0px 45px;position: relative; z-index: 4; margin-top: -5px; margin-bottom: 50px;} .new-bullet .new-flex {justify-content: center;} .bullet {display: flex; flex-direction: row;padding: 0px 5%;} .bullet-wrap {margin-bottom: 0px; display: flex; flex-direction: row; justify-content: center;} .bullet-large {font-size: 40px ; color: #77d84b; font-weight: 900;} .bullet-small {font-size: 21px; font-weight: 700; color: #FFFFFF; padding-left: 20px;} .new-nav {display: flex; flex-direction: row; width: 100%;justify-content: right;} .new-header .row {max-width: 100%;} .issues-header.new-header {width: 100% !important; max-width: 100% !important; z-index: 70; max-width: 100%; position: fixed; left: 0px; top: 0px; background: #fff;} .cart-conts.new-nav-link, .new-nav-link {padding: 0px 20px;} .new-nav-link-wrap {border-right: solid 1px #ccc; display: flex; flex-direction: row; align-content: center; padding-right: 10px;} .new-nav-link span {font-size: 16px; font-weight:700; color: #024012; line-height: 44px;transition: all 0.2s linear;} .new-nav-link i {font-size: 21px; margin-left: 10px;color: #72BC51; margin-top: 2px;transition: all 0.2s linear;} .new-nav-link {display: flex; flex-direction: row;align-items: center;transition: all 0.2s linear;} .new-nav-link:hover span {color: #72BC51; transition: all 0.2s linear;} .new-flex {display: flex; flex-direction: row; width: 100%;justify-content: center;} .mid-col {align-items: center;display: flex; flex-direction: column; width: 60%; margin: 0px auto; padding-top: 80px;} .new-banner {border-top: solid 2px #D0EAD7; padding-bottom: 220px; background: #eef7f2;padding-top: 78px; background-image: url("/cdn/shop/files/rg-homepage-banner.jpg?v=1710964605"); background-position: bottom center; background-repeat: no-repeat; background-size: 2100px; } .new-banner .issue-tops, .new-banner .issue-mids {padding: 0px; text-align: center;} .new-banner .issue-mids {width: 600px;} .new-homepage .section-wrapper.section-wrapper--page {padding-top: 0px;} a.dark-new {transition: all 0.2s linear; background: #024012; color:#fff;margin: 0px 15px; width: 200px; text-align: center} a.dark-new:hover {transition: all 0.2s linear; background: #226a35; color:#fff;} a.light-new {transition: all 0.2s linear; background: #72BC51; color:#fff;margin: 0px 15px; width: 200px;text-align: center} a.light-new:hover {transition: all 0.2s linear; background: #98df78 ;color:#fff; } .new-banner .offer-rating-block .fas, .meow-greens .offer-rating-block .fas {color: #FB630A;} .new-banner .fa-star:before, .meow-greens .offer-rating-block .fas:before {font-size: 21px;} .all-top p {font-size: 40px; font-weight: 900; color:#024012; line-height: 60px; margin-bottom: 50px; } .new-homepage .section {max-width: 100%;} .new-homepage .issues-all {padding-top: 90px; padding-bottom: 40px;} .new-homepage .issues-cred .issues-flex p.issue-tops {width: 100%;} .new-homepage .issues-header-wrap .issues-flex {margin-bottom: 0px;} .new-homepage .issues-cred {padding: 0px 0px 50px 0px;} .new-nav-link span.cart-tot {color: #fff;position: absolute;top: 5px;right: 5px;border-radius: 50%;font-size: 10px;text-align: center; background: #72bc51;line-height: 20px;width: 20px;height: 20px;} .new-nav-contact {display: flex; flex-direction: row;} .new-nav-contact .new-phone {margin-right: 40px; margin-left: 20px; font-size: 16px; font-weight:700; color: #024012; line-height: 44px; } .new-phone .dark-green { color: #024012;} .new-phone .light-green {color: #72BC51;} .new-homepage .i-text-large {color: #024012; } .new-homepage .dw-ing {background: #fff; padding: 0px 0px 80px 0px; position: relative; overflow: hidden;} .dw-ing-wrapper {background: #E1EBE2; padding: 80px 0px 40px 0px;} .new-homepage .dw-ing svg {display: none;} .img-missing {position: absolute; right: -7%; width: 700px;top: 170px;} .new-homepage .i-text-green {font-size: 28px; line-height: 42px;} .new-homepage .i-text-column {width: 25%;padding-right: 45px;} .new-missing .i-text-flex, .new-missing .i-text {padding-left: 0px;} .new-homepage .bc-free.bc-free-reviews {background: #E1EBE2; padding-bottom: 100px; margin-bottom: 60px;} .issues-all .button_block {text-align: center; margin-top: 60px; width: 100%; padding: 0px 20px;} .issues-all-left {width: 42%;} .issues-all-block {display: flex; flex-direction: row;} .issues-all-icon {width: 60px; padding: 0px 20px 0px 0px;} .issues-all-icon img {width: 100%;} .issues-all-cont {flex: 1; display: flex; flex-direction: column;} .issues-all-title {font-size: 24px; font-weight: 700; color: #024012; margin-bottom: 10px;} .issues-all-text {font-size: 18px;} .issues-all-right {flex: 1; text-align: right; width: 58%; padding-left: 50px; padding-top: 40px;} .issues-all-right img {max-width: 100%;} .issues-all {padding: 120px 0px 70px 0px;} .issues-all .issues-header-wrap .issue-tops {margin-bottom: 90px} .issues-flex.all-block {max-width: 1280px; margin: 0px auto; } .issues-header-wrap .issue-tops {text-align: center; width: 60%; padding-right: 0px; line-height: 68px; margin: 0px auto 20px auto; } .issues-flex {display: flex; flex-direction: row; width: 100%;} .issues-four {padding: 0px 30px; width: 33.333%; } .issues-four .img-box {margin: 0px; width: 100%;} .issues-four .four-content {padding-top: 20px; display: flex; flex-direction: column;} .issues-four .four-title {font-size: 24px; font-weight: 700; color: #024012;} .issues-four .four-text {font-size: 18px;} .issues-ingredients {padding: 50px 0px 110px 0px} .issues-testimonial {padding: 50px 0px 70px 0px;} .issues-test {display: flex; margin: 0px 5%; flex-direction: row; align-items: center} .issues-test-left {width: 30%;line-height: 0px; } .issues-test-right {flex: 1; padding: 0px 40px;} .issues-test-wrap {display: flex; flex-direction: column;} .issues-test-text {font-size: 24px; line-height: 38px; font-weight: 500; color: #024012;} .issues-test-author {font-size: 24px; margin: 0px; color: #666; font-weight: 500;} .issues-test-author span {font-weight: 700; color: #024012;} .ga-btn a.hollow-button {border: solid 2px #024012; line-height: 44px; border-radius: 50px; padding: 0px 40px;} .ga-btn a {margin: 0px 20px;} .ga-btn a.orange-new {border: none; line-height: 48px;} .ga-btn a.hollow-button span {font-weight: 700; margin-right: 10px;} .ga-btn {padding-top: 60px; justify-content: center;} .issues-cred .issues-flex p {margin-bottom: 0px; width: 16.667%; padding: 0px 15px; } .issues-cred .issues-flex p img {width: 100%;} .issues-cred .issues-flex {width: 80%; margin: 50px 10% 50px 10%; display: flex; flex-direction: row;align-items: center} .page-issues .section {width: 100%; max-width: 100%; } .issues-top {padding-top: 40px;} .issue-flex-top {display: flex; flex-direction: row; align-items: center;} .two-column-left {width: 45%; padding-left: 75px; } .two-column-right {width: 60%; text-align: right;} .issue-tops {margin-bottom: 20px; color:#024012; font-size: 48px; font-weight: 900; line-height:60px; padding-right: 40px; } .issue-mids {font-size: 18px;padding-right: 80px;margin-bottom: 30px; } .issues-top .fa-star:before {font-size:21px;} .issues-top i.fas {color: #ff8238;} .issues-top .offer-rating-block {display: flex; flex-direction: row; align-items: center; margin-bottom: 10px;} .issue-rating {margin-bottom: 0px;} .issue-rating .counter {margin-bottom: 0px;} .section-wrapper.section-wrapper--page.issue-page {padding-top: 0px;} .issue-menuNav span {background: #024012;} .issue-menuNav span { left: 5px; top: 26px; border-radius: 40px; background: #024012;} .issue-menuNav span, .issue-menuNav span:before, .issue-menuNav span:after {background: #024012;} .issue-menuNav span, .issue-menuNav span:before, .issue-menuNav span:after {background: #024012;} .issue-mobile-nav {display: none;} .issue-mobile {display: flex; flex: 1; justify-content: right;} .issue-head {width: 100%; display: flex; flex-direction: row; padding: 0px 20px;align-items: center;} .issue-logo {width: 195px;padding: 10px 0px;} .issue-logo a {display: block;line-height: 0px;} .new-button {align-self: start; line-height: 44px;border-left: none;padding: 0px 40px;transition: all 0.2s linear;border-radius: 50px;border: 0;box-shadow: none;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 700;text-transform: uppercase;text-shadow: none;} .new-button.orange-new {background: #ff8238;color: #fff;} .new-button.orange-new:hover {background: #fb630a;color: #fff;} .mobile-new-nav {display: none; width: 100%; padding: 25px 15px; background: #f0f7f2; position: absolute; left: 0px; top: 100%; z-index:90; } .mobile-new-nav a {font-weight: 700;color:#024012; font-size: 16px; color: #024012; align-items: center; text-transform: capitalize; letter-spacing: 0px; line-height: 48px; display: flex; flex-direction: row;} .mobile-new-nav a span {flex: 1;color:#024012; } .mobile-new-nav a:hover span, .mobile-new-nav a:hover i {color:#72bc51;} .mobile-new-nav a i {font-size: 21px; width: 48px; text-align: center;} .mobile-new-nav p {margin-bottom: 0px; border-bottom: solid 1px #dfeee3; width: 100%;} .mobile-new-nav p:last-child {border-bottom: none;} .issues-section {max-width: 1400px;} svg.flipper {-webkit-transform: scaleX(-1);transform: scaleX(-1);} .page-social-landing .ing-card {width: 100%;} .page-social-landing .faux-head {display: none;} .page-social-landing .home-newest {padding-top: 0px;} .page-social-landing .new-dosing {padding: 60px 0px 40px 0px;} .page-social-landing .free-how .plus-pad {padding-top: 50px;} .page-social-landing .expect .marg-top, .expect .marg-top {display:none;} .index .expect .marg-top, .rg-54-test .expect .marg-top, .page-landing .expect .marg-top {display: block;} .page-social-landing .new-home .expect-row {padding-top: 60px;} .page-social-landing #Layer_43, .index #Layer_43, .rg-28-test #Layer_43, .rg-54-test #Layer_43, .page-landing #Layer_43, .page-dog-trial .bc-free.bc-free-reviews #Layer_43 {display: block; margin-bottom: 40px;} .rg-54-test .bc-free.bc-free-reviews {padding-top: 0px;} .page-social-landing .bc-free.bc-free-reviews, .page-dog-trial .bc-free.bc-free-reviews {padding-top: 0px; } .index .bc-free.bc-free-reviews, .rg-28-test .bc-free.bc-free-reviews, .page-landing .bc-free.bc-free-reviews {padding: 0px 0px 110px 0px;} .index .bc-free.bc-free-reviews #Layer_43, .rg-28-test .bc-free.bc-free-reviews #Layer_43, .rg-54-test .bc-free.bc-free-reviews #Layer_43, .page-landing .bc-free.bc-free-reviews #Layer_43 {margin-bottom: 60px;} #Layer_43 {display: none;} .index .bc-free-nutrition, .page-social-landing .bc-free-nutrition, .rg-28-test .bc-free-nutrition, .page-landing .bc-free-nutrition {background: #fff; padding: 30px 0px 60px 0px;} .page-social-landing .bc-free.bc-free-reviews .st0, .index .bc-free.bc-free-reviews .st0, .rg-28-test .bc-free.bc-free-reviews .st0, .rg-54-test .bc-free.bc-free-reviews .st0, .page-landing .bc-free.bc-free-reviews .st0, .page-dog-trial .bc-free.bc-free-reviews .st0 {fill:#dfece2;} .claim-row, .claim-section {width: 100%;} .claim-section {max-width: 100%;} .claim-section.claim-top {padding-top: 140px;} .claim-pad {padding: 40px 0px 120px;} .claim-top .claim-row {flex-direction: row; display: flex; align-items: center;} .claim-row.bc-ingredient-cards {gap: 30px; margin-top: 30px;} .claim-chew {width: 100%; text-align: center; margin-bottom: 20px} .page-testing-bundle .sect-head .db {color: #024012 !important;} .claim-top-left {display: flex; flex-direction: column; align-items: center;width: 50%; padding: 0px 40px;} .claim-top-right {display: flex; flex-direction: column; width: 50%;} .claim-title {font-size: 36px;line-height: 54px; color: #024012; font-weight: 900; text-align: center; } .claim-head {font-size: 18px; color: #024012; font-weight: 700; padding: 10px 0px; width: 100%; text-align: center; margin-bottom: 0px; } .claim-subtext {text-align: center; font-size: 18px; padding: 0px 15px} .claim-end {font-size: 24px; color: #024012; font-weight: 900;} .claim-price {margin-bottom: 24px; display: flex; flex-direction: row; align-content: center; justify-items: center; line-height: 54px;} .price-strike {font-size: 24px; color: #666666; text-decoration: line-through; padding: 0px 10px;} .price-norm {font-size: 40px; font-weight: 900; color: #024012;padding: 0px 10px;} .price-norm sup {font-size: 22px;} .price-strike sup {font-size: 16px;} .claim-button-wrap {} a.claim-button.faux-button {padding: 15px 80px;} .claim-bags-mobile {display: none;} .claim-chews {padding: 120px 0px;} .claim-chews .claim-subtext {width: 50%; margin: 30px auto; } .claim-cards .font21 {font-size: 21px; color: #024012;} .claim-testimonial {padding-bottom: 60px;} .claim-test {padding: 0px 7%; flex-direction: row; display: flex;} .test-claim {width: 50%; display: flex; flex-direction: column; padding: 0px 20px; } .test-claim-img {width: 100%; position: relative;} .claim-back {width: 100%; border-radius: 40px;} .claim-dog {position: absolute; right: 20px; bottom: -20px; border-radius: 50%; width: 190px; height: 190px; border: solid 10px #024012; } .test-claim-over {padding: 30px 40px;} .test-claim-text-wrap {} .test-claim-title {font-size: 24px; color: #024012; font-weight: 700;} .test-claim-text {} .page-offer .modal {max-width: 1000px;} .page-offer .nav-button-new {display: none;} .page-offer .modal img {border-radius: 40px; } .page-offer .bc_inner_modal {padding: 0px;} .main-img {margin-bottom: 20px; line-height: 0px;} .main-img-thumbs {display: flex; flex-direction: row;} .img-thumb, .img-thumber {margin-right: 20px; width: 15%; line-height: 0px; transition: all 0.2s linear;} .img-thumb.active img {transition: all 0.2s linear; opacity: 1;} .img-thumb img, .img-thumber img {border-radius: 20px;transition: all 0.2s linear; opacity: 0.5} .page-offer.bingo .navigation, .page-claim-offer.bingo .navigation {background: #fff;} .offer-rating .stamped-badge-caption {display: none;} .offer-rating .stamped-fa-star {color: #ff8238;} .offer-rating {margin-left: -2px; margin-bottom: 5px;display: flex; flex-direction: row; align-items: start;} .counter {padding: 0px 5px;} .offer-rating .stamped-fa-star:before {font-size: 21px;} .tab_content_dink {display: none;} .tab_content_dink.active {display: flex;} a.tab_offer {color:#2d1e12; font-weight: 700; line-height: 32px; font-size: 18px; margin-bottom: 10px; display: flex; flex-direction: row;} a.tab_offer span {color:#2d1e12; line-height: 32px; flex: 1;} a.tab_offer .fas {color:#2d1e12; width: 32px; line-height: 32px; text-align: center;} .tab_link {display: flex; flex-direction: column; margin-top: 10px;} .offer-flex p.font18 {line-height: 32px;} .offer-tab {border-bottom: solid 1px #f2f7f2;} .offer-tab.last-child {border-bottom: none;} .offer-more {width: 60%; padding: 0px 20px;} .offer-vid {width: 40%; padding: 0px 20px;} .bc-free.bc-offer-mid {padding: 120px 0px;} .offer-more .dosage_top { background: #226a35; border-bottom: solid 4px #fff; float: left; width: 100%; border-radius: 8px 8px 0 0;} .offer-more .dosage_top p.fattest.text-center.marg0.font24.wt {padding: 5px 20px;color: #fff;font-weight: 900;letter-spacing: 0.015em; margin-bottom: 0;text-align: center;font-size: 24px;} .offer-more .dosage_inner {float: left; width: 100%; border-bottom: solid 4px #fff;} .offer-more .dosage_inner.bottom {border-bottom: none;} .offer-more .left_dose {float: left;background: #f9f9f9; width: 50%;} .offer-more .dosage_inner p {color: #2d1e12;font-size: 17px;font-weight: 700;line-height: 30px;margin-bottom: 0; padding: 11px 15px 10px; position: relative;} .offer-more .left_dose.twen { background-position: 0 -50px;} .offer-more .right_dose { float: left;width: 50%; background: #f1f1f1;} .offer-more .left_dose.fenn { background-position: 0 -100px;} .offer-more .bottom .left_dose {border-radius: 0 0 0 8px;} .offer-more .bottom .right_dose {border-radius: 0 0 8px 0;} .offer-more .tab-flex-large {width: 100%;} .offer-more .tab-flex {padding: 0px;} .offer-review-wrap {display: flex; flex-direction: row; align-items: end; border-radius: 20px; padding: 0px 15px; border-bottom: solid 1px #d7e3da;} .offer-review {display: flex; flex: 1; flex-direction: column;padding-right: 30px;} .offer-review-title {display: flex;flex-direction: column; margin-bottom: 5px;} .offer-review-inner {display: none;} .offer-review-inner.active {display: flex;flex-direction: column;} .offer-review-text {font-style: italic;} .offer-review-name {font-size: 14px;} .offer-review-name span, .offer-review-text span {font-weight: 700; color: #024012;} .offer-review-img {display: flex; width: 150px;} .offer-button {margin-bottom: 20px;display: flex;flex-direction: column;} .offer-options {margin-bottom: 30px; display: flex;flex-direction: row; gap: 30px;} .offer-title-wrap {display: flex; flex-direction: row; align-content:center;} .offer-title {margin-bottom: 0px; font-size: 18px; font-weight: 700;display: flex; flex: 1} .offer-title-wrap span {border-radius: 40px; width: 30px; height: 30px; display: block; line-height: 30px; transition: all 0.2s linear; background: #d7e3da;} .active .offer-title-wrap span {padding-top: 2px; background: #72bc51; transition: all 0.2s linear;} .offer-title-wrap span .fas {font-size: 18px; color: #fff;transition: all 0.2s linear; opacity: 0; } .active .offer-title-wrap span .fas {transition: all 0.2s linear; opacity: 1;} .offer-price-wrap {display: flex; flex-direction: column; text-align: left;} .offer-price-wrap p {margin-bottom: 0px;} .offer-opts.active p.offer-title {color: #72bc51;transition: all 0.2s linear; } .offer-opts p {color: #024012;transition: all 0.2s linear;} .offer-opts p.offer-desc {color: #666666; transition: all 0.2s linear;} .offer-opts p.offer-price {font-size: 24px; font-weight: 900; margin-bottom: 5px !important} .offer-desc {margin-bottom: 0px; font-size: 14px;} .offer-review .review-rating {margin: 0px;} .offer-review .review-rating .fas {font-size: 21px; color:#ff8238;} .offer-review .review-rating .fas:before {font-size: 21px;} .offer-title-wrapper {display: flex; flex-direction: column; padding: 0px 15px; margin-bottom: 25px;} .offer-review-text span {font-size: 21px; padding-left: 3px;} .offer-review-text span.left-quote {padding-left: 0px; padding-right: 3px;} .index .dw-benefits, .page-landing .dw-benefits {padding-bottom: 60px;} .bc-offer-top .bc-free-flex {width: 100%;} .page-offer .section-wrapper.section-wrapper--page, .page-claim-offer .section-wrapper.section-wrapper--page {padding-top: 0%;} .page-offer .navigation-top .nav, .page-offer .navigation, .page-claim-offer .navigation-top .nav, .page-claim-offer .navigation {background: none;} .bc-offer-top, .claim-top {background: #dfece2;background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%);} .offer-opts {width: 50%; cursor: pointer;padding: 15px 25px; text-align: center; border-radius: 30px; background: #f8f8f8; transition: all 0.2s linear;border: solid 2px #f8f8f8;} .offer-opts.active {border: solid 2px #024012; transition: all 0.2s linear; background: #ffffff; border: solid 2px #ffffff;} .bc-offer-top.bc-free {padding-top: 140px; padding-bottom: 80px;} .offer-mobile {display: none;} .offer-desk {display: flex;} a.offer-btn.button {line-height: 54px; border-radius: 40px; padding: 0px 30px; color: #fff; transition: all 0.2s linear; color: #fff; text-transform: uppercase; font-weight: 700; text-align: center; display: block; } .offer-img {width: 50%; padding: 0px 20px;} .offer-info {width: 50%; padding: 0px 20px;} .offer-img .main-img img {border-radius: 40px;} .bc-ad-image {width: 50%;} .bc-trial-block {width: 50%; padding: 0px 70px;} .bc-trial.free-how {padding-top: 30px;} .bc-trial a.orange.rounded.button { text-align: center;border-radius: 50px; background: #ff8238; transition: all 0.2s linear; width: 70%; margin-left: 15%; margin-top: 10px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; } .bc-trial button .fal {margin-left: 10px;} .bc-start-head {align-items: center;} .bc-free-start.bc-free {padding: 80px 0px;} .bc-ingredients-button { display: flex; padding-top: 40px; width: 100%; justify-content: center; margin-bottom: 40px;} .bc-ing-btn {align-items: center; border-radius: 40px; font-weight: 700; display: flex; flex-direction: row; padding: 0px 30px; line-height: 50px; text-align: center;border: solid 2px #d7e3da} .bc-ing-btn span {padding-right: 12px; font-size: 16px; color: #024012; transition: all 0.2s linear;} .bc-ing-btn i.fas {font-size: 21px;} .bc-ing-btn:hover {transition: all 0.2s linear; background: #d7e3da} .ing-card {width: 33.33%;} .ing-wrap-flex .ing-card {width: 100%;} .claim-cards .ing-card{width: 25%;} .ing-card .ing-slide-cont {display: flex; height: 100%;} .ing-card .ing-slide-inner {display: flex; flex-direction: column; height: 100%;} .swiper .ing-slide-cont, .swiper .ing-slide-cont-inner {text-align: left; display: flex; flex-direction: column; height: 100%; border-radius: 0px 0px 8px 8px;} .bc-free.bc-free-one {padding: 20px 0px 40px 0px; } .bc-free .header_text {text-align: center; font-weight: 900; font-size: 36px; width: 100%;} .bc-bullets {margin-top: 20px; padding: 30px 30px 25px 30px; width: 74%; margin-left: 13%; border-radius: 30px; background:#f0f7f2} .bc-bullets p {margin-bottom: 10px; display: flex; flex-direction: row; font-size: 16px;} .bc-bullets p i.fas {width: 40px;line-height: 28px;font-size: 21px;} .bc-bullets p span {flex: 1; line-height: 26px;} .bc-bullets p:last-child {margin-bottom: 0px;} .jquery-modal .modal-tabs .six.columns.high {padding: 0px; width: 100%; } .jquery-modal .modal-ga {top: auto; left: auto; margin-left: 0px; position: relative; border-radius: 40px;background: #e9f4ea; display: flex;z-index: auto;} .jquery-modal .ingred.new-ingred .s-l.benji {border-bottom: none;} .modal.bc_ga_modal {background: none; width: 100%; max-width: 767px; } .jquery-modal .ingred.new-ingred .supp-wrap {background: #fff;border: none;} .review-rating .fas {font-size: 30px; color:#ff8238} .review-rating {margin-top: 10px; margin-bottom: 10px;} .review-user {font-size: 18px; font-weight: 700;color:#024012; margin-bottom: 10px;} .review-rating .fa-star:before {font-size: 30px;} .page-testing-bundle .sect-head .db {color:#024012;} .page-testing-bundle .section-wrapper.section-wrapper--page {padding-top: 0px;} .page-testing-bundle .faux-head img {width: 194px; } .page-testing-bundle .faux-head {align-items: center; display: flex; flex-direction: row; padding: 5px 20px 5px 20px; } .page-testing-bundle .faux-head .logo-wrapper {line-height:0px;padding: 12px 0px;} .page-testing-bundle .faux-head .logo-wrapper a {display: block;line-height:0px;} .faux-center {flex: 1; text-align: center; } .faux-button {padding: 10px 0px;} .faux-center p {font-size: 16px;} .thetop {margin-bottom: 20px;} .themid { font-size: 18px; line-height: 30px;} .bc-free .thetop {font-size: 48px; line-height: 64px; color: #024012; margin-bottom: 20px; font-weight: 900;} .bc-left-text {width: 50%; padding-right: 150px;} .bc-top-video {width: 50%; line-height: 0px; position: relative;} .bc-top-video-inner img {border-radius: 40px;} .bc-top-video-inner span {color: #ffffff !important; transition: all 0.2s linear;position: absolute; left: 50%; margin-left: -35px; margin-top: -35px; top: 50%; border-radius: 50%; width: 70px; height: 70px; background: rgba(118, 188, 81, 0.7); text-align: center; line-height: 70px; padding-left: 5px; font-size: 24px;} .bc-top-video-inner span .fas {color: #ffffff;} .yt-button:hover span {transition: all 0.2s linear; background: rgba(118, 188, 81, 1);transform: scale(1.2); } .bc-top {align-items: center; padding-top: 140px;} .bc-free.bc-free-top { padding-bottom: 150px; padding-top: 0px; } .page-testing-bundle .navigation {display: none;} .bc-head-text {font-size: 36px; line-height: 54px; font-weight: 900; letter-spacing: 0.02em; color: #024012;} .bc-ingredient-cards {gap: 50px; margin-bottom: 30px;} .bc-ingredient-cards .ing-slide-image img {border-radius: 8px;} .bc-ingredient-cards .ing-slide-cont-inner{display: flex;flex-direction: column;border-radius: 30px; padding: 25px 30px 25px 30px; margin-top: 0px;} .bc-ingredient-cards .ing-slide-cont-inner p:last-child {margin-bottom: 0px;} .bc-free-ingredients {padding: 50px 0px 20px 0px;} .bc-center {text-align: center;} .bc-head { width: 100%; display: flex; flex-direction: column;} .bc-ingredients-head {width: 100%; margin-bottom: 40px;} .bc-sub-text {margin: 0px auto; width: 60%; font-size: 18px;} .bc-rev-head, .bc-nutrition-head {margin-bottom: 20px;} .bc-free-nutrition, .bc-free-one {background: #dfece2;background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%);} .bc-free.bc-free-reviews {padding: 80px 0px;} a.orange.rounded.button.pad-plus {line-height: 54px;} .bc-subheader {font-size: 18px;} .bc-free-two {display: flex; flex-direction: row; align-items: center; width: 100%;} .bc-free-two-image {width: 35%; line-height: 0px;} .bc-free-two-image img {border-radius: 40px;} .bc-free-two-content {width: 65%; padding: 60px 60px 60px 90px;} .bc-free-one .bc-free-two-content {padding-right: 130px;} .bc-free-nutrition .bc-free-two-content {padding-left: 90px;} .bc-bg-image {position: absolute; top: 0px; left: 0px; width: 35%;} .bc-bg-image img {position: absolute; width: 100%; left: 50%; top: 50%; width: 900px; height: 900px; margin-left: -50%; margin-top: 50%;} .bc-free-nutrition {position: relative; } .bc-free .font24 {font-size: 24px;} .bc-free .font21 {font-size: 21px;} .bc-free .font18 {font-size: 18px;} .bc-free .bold {font-weight: 700;} .bc-free .marg5 {margin-bottom: 5px;} .bc-free .marg0 {margin-bottom: 0px;} .bc-free .marg10 {margin-bottom: 10px;} .bc-free .marg20 {margin-bottom: 20px;} .bc-free .fat {font-weight: 900; letter-spacing: 0.02em;} .bc-free .dg {color:#024012;} .bc-free .db {color:#2d1e12;} .bc-holder {display: flex; flex-direction: column; margin-bottom: 10px;} .bc-holder .bc-free-holder {display: flex; flex-direction: row; margin-bottom: 26px; align-items: center;} .bc-holder .bc-holder-img {width: 70px; height: 70px; display:flex; padding: 8px; border-radius: 50%;background: #d7e3da; margin-right: 20px;} .bc-holder .bc-inner-holder {display: flex; flex-direction: column; flex: 1; } .bc-holder .bc-inner-holder p:last-child {margin-bottom: 0px;} .bc-free-holder:last-child {margin-bottom: 0px;} .form_p { margin-bottom: 25px; position: relative;} .form_p span {width: 100%; display: none; position: absolute; font-size: 12px; color:#cb0b0b;} .form_p.error-form span {display: flex;} .rev-slide-inner {position: relative; display: flex; height: 100%;} .rev-slide-image {position: absolute; top: -35px; right: 40px; width: 90px; height: 90px;} .rev-slide-cont-inner {height: 100%;text-align: left; background: #f1f7f2; padding: 20px 30px; border-radius: 20px;} .rev-slide-image img {border-radius: 50%; height: 90px;} .bc-free-flex {display: flex;} .bc-free-flex-row {flex-direction: row;} .bc-ingredients-box {width: 100%; display: none;} .bc-rev-box {width: 100%;} .bc-ingredients-box .swiper-slide.swiper-slide-active {-webkit-transform: scale(1.14)!important;transform: scale(1.14)!important;z-index: 1;} .bc-ingredients-box .swiper-slide {border-radius: 8px;} .bc-ingredients-box .swiper-slide img {border-radius: 8px 8px 0px 0px;} .ing-slide-cont-inner {padding: 20px 20px; border-radius: 0px 0px 8px 8px;background: #f1f7f2;} .swiper-wrapper .ing-slide-inner {background: #f1f7f2; -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.15);box-shadow: 0 5px 40px rgba(0,0,0,.15);border-radius:8px;display: flex;flex-direction: column;height: 100%;} .ing-slide-image {line-height: 0px;} .img-credit {margin-top: auto; font-size: 13px; color:#889f8e;margin-bottom: 0px;} .img-credit span {font-weight: 700;color:#024012;} .bc-free {width: 100%; max-width: 100%; padding: 50px 0px; overflow: hidden;} .bc-ingredients-box .swiper {width: 80%;height: auto; overflow: visible;} .bc-rev-box .swiper {width: 100%;margin-left: 0px;} .bc-rev-box .swiper-slide {padding-top: 40px;} .bc-ingredients-box .swiper-slide {padding: 0px 5px; text-align: center;transition: all .3s ease-in-out;} .page-testing-bundle .new-faqs.free.vita-sect.faqs, .page-offer .new-faqs.free.vita-sect.faqs, .page-offer {background: #ffffff !important;} .page-testing-bundle .new-faqs.free.vita-sect.faqs svg, .page-offer .new-faqs.free.vita-sect.faqs svg {display: none !important;} .mobile-box {display: none;} .bc-top-video-inner {position: relative;} .faux-button .fas {display: none;} .bc_inner_modal {background: #e9f4ea; padding: 35px 35px 45px 35px ; border-radius: 40px; display: flex; flex-direction: column;} .modal-big {font-size: 24px; margin-bottom: 5px; font-weight: 900;color:#024012;} .modal-small {font-size: 16px;} .bc_modal {background: none;} .modal.bc_vid_modal {width: 70%; max-width: 1920px;} .bc_vid_modal iframe {border-radius: 40px;} .modal.bc_modal form {margin-bottom: 0px;} .free-free .purchase-details__buttons {margin-left: 0px; margin-top: 15px} .bc_modal_bottom input[type=text], .bc_modal_bottom input[type=number], .bc_modal_bottom input[type=email] {font-size: 16px !important; border: solid 2px #fff; border-radius: 8px; height: 54px; margin-bottom: 0px;} .bc_modal_bottom .error-form input[type=text], .bc_modal_bottom .error-form input[type=number], .bc_modal_bottom .error-form input[type=email] {border: solid 2px #cb0b0b} .bc_modal_bottom {margin-top: 15px;} .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 91; padding: 0px; box-sizing: border-box; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.95); text-align: center; } .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .blocker.behind { background-color: transparent; } .modal { display: none; vertical-align: middle; position: relative; z-index: 92; max-width: 500px; box-sizing: border-box; width: 90%; padding: 0px; text-align: left; } .modal a.close-modal, .dingles {position: absolute; color: #fff; border-radius: 40px; background: #bec9c1; top: -21px;right: 21px;display: block; width: 42px;height: 42px;line-height: 42px; font-size: 21px; text-align:center; z-index: 60;} .modal a.close-modal .fas, .dingles .fas {color: #fff;} .modal.bc_vid_modal a.close-modal {display: none;} .bc-free-flex.mobile-head {display: none;} .bc-free-flex.display-head {display: flex;} .mobile-img {display: none;} .display-img {display: flex;} .gbb-button b {padding-right: 5px;} .dw-trial a.bundle-button {min-width: 324px; width: 70%; margin: 20px auto 0px;} .good-column .smart-payment-button--false {margin-bottom: 0px;} .index .faux-head, .page-landing .faux-head {display: none;} .sample .free-how .dog-bowl {top: -11%; z-index: -1} .ringo .free-how.new-why.newer-why {display: block;} .db-test a.orange.rounded.button.advert-hider {display: inline-block;} .db-test a.orange.rounded.button.advert-skipper {display: none;} .db-ringo, a.orange.rounded.button.advert-hider {display: none;} .advert-hider {display: none;} .dw-top-main.flex-ads.new-homepage {width: 55%;} .new-homepage .dw-top-text {width: 600px; margin-bottom: 50px;} .home-newest {padding-top: 108px; z-index: 11;} .new-homepage .thetop {margin-bottom:5px; color:#2d1e12;} .trial-bold {font-weight: 700;} .page-dog-trial .nav .nav-new a.cart-conts, .page-trial-ab-two .nav .nav-new a.cart-conts, .page-trial-ab-two nav.nav-desktop, .page-dog-trial nav.nav-desktop, .page-trial-ab-two .marg0 .nav-button-new {display: none;} .rebuy-button {width: 80%; margin: 0px auto; text-transform: uppercase; font-weight: 700;} .rebuy-recent .shopify-app-block {width: 100%;} .powered-by-rebuy {display: none !important;} .review_io_wrapper {padding: 0px 20px; width: 100%;} h4.primary-title {color: #2d1e12 !important; text-transform: none; font-weight: 900; letter-spacing: 0.015em; margin-bottom: 5px; font-size: 36px; font-family: muli, sans-serif;} .footer__reviewsLogo-container {display: none !important;} .p-accord-wrap {border-bottom: solid 1px #e7e7e7;display: flex; flex-direction: column; width:100%;} .p-accord-click-wrap {display: flex; flex-direction: row;width:100%;} .p-accord-click {display: flex; flex-direction: row; align-items: center;width:100%;} .p-accord-click span {flex: 1; line-height: 50px;color: #2d1e12; font-weight: 700; } .p-accord-click i {width: 50px; text-align: right; color:#72bc51; font-size: 18px; } .p-accord-content {display: none;padding-bottom: 15px;} .p-accord-content-inner {display: flex; flex-direction: row; flex-wrap: wrap;} .p-accord-content .p-accord-use {margin-bottom: 0px;} .benefit-accord {width: 50%; margin-bottom: 0px; line-height: 40px; align-items: center; display: flex; flex-direction: row;} .benefit-accord i {width: 30px; color:#72bc51; font-size: 18px; } .benefit-accord span {flex: 1;} .product-block.product-block--price {display: flex;} a.notice_link {color: #fff; font-weight: 400; font-size: 16px; padding: 3px 0px 1px 0px; display: block;} a.notice_link:hover {color: #fff;} a.notice_link span {text-decoration: underline; font-weight: 700;color: #fff;} a.notice_link:hover span {} .new-dosing { background: #dfece2;background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%); padding-top: 30px;} .dosing-flex {display: flex; flex-direction: column; align-items: center;width:100%;} .dosing-flex-row {display: flex; flex-direction: row; align-items: center;margin-top: 20px; margin-left: 3%; width: 94%; align-items: start;} .dose-box {width: 33.3333%; display: flex; flex-direction: column; padding: 0px 10px;} .dose-row {display: flex; flex-direction: row; margin-bottom: 15px;} .dose-row.dose-topper {margin-bottom: 5px;} .dose-left {width: 110px;justify-content: center; display: flex; align-content: center; align-items: center; } .dose-large span {display: none;} .dose-left span {padding-bottom: 4px; display: flex;height: 60px; width: 60px; border-radius: 50%; justify-content: center; border: solid 6px #72bc51; color:#024012; align-content: center; align-items: center;justify-content: center; font-size: 36px;font-weight: 900;border-radius: 90px; padding-top: 3px; } .dose-left img {width: 100%;} .dose-right {display: flex; flex: 1; align-items: center;padding-left: 30px;} .dose-right p.dose-p {margin-bottom: 0px;} .dose-right p.dose-large {font-size: 21px; letter-spacing: 0.02em; font-weight: 900; color:#024012; margin-bottom: 0px;} .rg-28-test .expect .marg-top {display: none;} .expect .marg-top.doggo, {display: block;} .new-dosing .head-line { color: #024012; font-weight: 900;letter-spacing: 0.015em;margin-bottom: 5px;font-size: 36px;font-family: muli, sans-serif;} .trial-bullets-wrap {display: flex; flex-direction: column;} .trial-bullet {display: flex; flex-direction: row; align-items: center;} .bullet-check {font-size: 21px; color:#72bc51;margin-bottom: 5px;} .bullet-text {font-size: 16px; color: #666666; padding-left: 15px;margin-bottom: 5px;} .new_left_side .rating-container {margin-bottom: 7px;} .offer-rating-block {display: flex; flex-direction: row; margin-bottom: 5px;} .no-ad .offer-rating-block {justify-content: center;} .offer-rating-block span.counter {margin-left: 5px;font-size: 16px; margin-top: -2.5px; } .offer-rating-block .stamped-badge-caption[data-reviews][data-label][data-version="2"]>span {display: none !important;} .offer-rating-block .stamped-fa-star:before {font-size: 21px;} .offer-rating-block .stamped-badge-caption { display: none;} .offer-rating-block .stamped-fa-star{color: #ff8238} .video-section {margin-top: 50px; margin-bottom: 100px;} .video-block {width: 100%; max-width: 1000px; margin: 40px auto;} .video-box-title {display: flex; flex-direction: column; text-align: center; padding: 0px 50px; margin-bottom: 30px;} .video-box-title .font24 {font-size: 24px; font-weight: 900; letter-spacing: 0.01em;} .video-block iframe {display: none; border-radius: 40px;} .video-block .active iframe {display: block;} .video-box {display: none;} .video-cta {display: none; width: 100%; justify-content: center; margin-bottom: 50px; } .video-box.active {display: block;} .video-cta.active {display: flex;} .video-cta a.button.orange {border-radius: 40px; line-height: 54px; font-weight: 700; color: #fff; text-transform: uppercase;} .yt-button {display: block; line-height: 0px;} .new_left_side h1.main-heading {color: #2d1e12 !important; font-family: muli, sans-serif !important; line-height: 1.45em !important;text-transform: none;} .new_left_side .new-content-test {font-family: muli, sans-serif !important; max-width: 100% !important; line-height: 1.7em !important; color:#666 !important;} .ruffgreens-test.index #how-its-works .step-wrap .step-img-wrap .title {font-family: muli, sans-serif !important; color: #2d1e12 !important;} .ruffgreens-test.index #how-its-works .step-wrap .step-info-wrap .info {line-height: 1.55em; font-family: muli, sans-serif !important; color: #666 !important;} .ruffgreens-test.index #how-its-works .main-title {margin-top: 60px; font-family: muli, sans-serif !important;color: #2d1e12 !important;} .ruffgreens-test.index #how-its-works .main-img-wrap {right: -90px;} .ruffgreens-test.index .new-why.free-how {padding-top: 0px;} .ruffgreens-test.index .free-how svg.mobile-bottom-free {display: block !important;} .product-dropdown-product-option .selector-wrapper {display: none;} .product-new-design .default_select, .product-dropdown-product-option .default_select {display: none;} .product-new-design .purchase-details, .product-dropdown-product-option .purchase-details {margin-top: 13px !important; } .section-wrapper.section-wrapper--product.trial-two {padding-top: 15px;} .simon.select {display: none; } input[type=text].input-hide {display: none;} .f-q {color: #024012; font-size: 16px; font-weight: 700; flex: 1;} .f-q-i {color: #024012; font-size: 21px; width: 30px; text-align: right; margin-right: 5px;} .faq-block {display: flex; flex-direction: column; background: #f0f7f2; margin-bottom: 10px; border-radius: 4px; padding: 10px 20px;} .f-a-wrap {display: none; margin-bottom: 0px; margin-top: 5px;} .f-a-wrap p:last-child {margin-bottom: 5px;} .f-q-wrap {cursor: pointer; display: flex; flex-direction: row; width: 100%;align-items: center;} .tab-flex-large p span.db {color:#2d1e12;} .ingred.new-ingred.flex-nutrition .supp-wrap {border: solid 1px #ddd; background: #f7f7f7; } .ingred.new-ingred.flex-nutrition .six.columns.ga-content-wrapper {width: 50%;} .flex-nutrition .home-columns.right-side, .flex-nutrition .home-columns.left-side {width: 100%; padding: 0px;} .flex-nutrition .home-column-wrap {flex-direction: column;} .flex-nutrition.ingred.new-ingred .benji .in {margin-top: 10px;font-size: 0.9375rem; line-height: 1.7em;} .flex-nutrition.ingred.new-ingred .high .s-l span.big-text {font-size: 18px;} .pro-info {display: flex; flex-direction: column; border-top: solid 1px #ddd; } .pro-info p {border-bottom: solid 1px #ddd; margin-bottom: 0px; line-height: 40px;display:flex; flex-direction: row;} .pro-info .info-lead {font-weight: 700; text-transform: uppercase; color:#2d1e12; width: 100px;} .pro-info .info-text {flex: 1; } .tabs-wrapper {padding: 20px 0px; display: flex; flex-direction: column;width: 100%;} .tab-link {display: inline-block;font-size: 16px;border: solid 1px #226a35;line-height: 44px;padding: 0 30px;font-weight: 700;color: #226a35;background-color: transparent;margin: 0 10px 0 20px;border-radius: 48px;} .tab-link.active {background: #f7f7f7;} .product-tabs-new .st0 {fill: #fff;} .product-tabs-new { background: #dfece2;background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%);} .tab_inner_product {display: none;} .tab_inner_product.active {display: block;} .tabs-nav .tab-link:first-child {margin-left: 0px;} .tab_inner_product .lead {font-size: 24px;color: #2d1e12;font-weight: 700;line-height: 1.4;margin: 0 0 0.75em;padding: 0;text-transform: none;letter-spacing: 0;} .tab-flex {padding: 30px 0px;display: flex; width: 100%; flex-direction: column;} .tab-flex-columns {display: flex; flex-direction: row;} .Tab-Description.tab-flex-columns {padding: 0px;} .tab-flex-large {width: 65%;} .tab-flex-large.flex-nutrition {width: 100%;} .tab-flex-small {width: 35%; padding-left: 50px;} .tab-flex-large .dosage_box {margin-top: 25px;} #good-better-how .tabs-wrapper > div {width:100%} .tab-flex-large .right_desc {display: none;} .tab-flex .desc_box ul {list-style: none;margin: 0;padding: 0;} .tab-flex .desc_box ul li { position: relative;margin-bottom: 8px;padding-left: 26px;} .tab-flex .desc_box ul li:before { content: "\f00c";font-family: fontawesome;float: left; margin-right: 8px;position: absolute;left: 0;top: 0;line-height: 22px;color: #72bc51;} .tab-flex .tab-flex-large h2 {font-size: 24px; letter-spacing: 0; text-transform: none; font-weight: 700;} .button-wrap {justify-content: center;} .add-gift { margin-top: 25px;} .add-gift button.trial-button, .button-holder .dingle-button {margin-top: 10px;line-height: 50px; padding: 0px 40px; border: solid 2px #ff8238;} .button-holder .dingle-button {color: #fff;} .button-holder .dingle-button:hover {border: solid 2px #fb630a; background: #fb630a;} .add-gift button.trial-button:hover {border: solid 2px #fb630a !important;} .remove-gift { margin-top: 25px;} .remove-gift a, .remove-gift button.trial-button {margin-top: 10px;background: #fff;font-weight: 700; font-size:16px; color: #666 !important; transition: all 0.2s linear;text-transform: uppercase; border: solid 2px #ccc; border-radius: 50px; display: inline-block; line-height: 50px; margin-left: 30px; padding: 0px 40px; } .remove-gift a:hover, .remove-gift button.trial-button:hover {background: #fff !important; transition: all 0.2s linear; color:#226a35 !important; border: solid 2px #226a35;} .remove-gift .trial-button span .fal, .add-gift .trial-button span .fal, .faux-button .fal {line-height: 50px;} .remove-gift .trial-button span .fal {color: #666 !important;} .remove-gift .trial-button:hover span .fal {color: #226a35 !important;} .element-group .alert.alert-success {display: none !important;} .element-group .alert.alert-error {line-height: 50px;} .page-ten-day-add .modal {display: none;position: fixed;z-index: 75;padding-top: 100px;left: 0;top: 0; width: 100%; max-width: 100%; transition: all 0.2s linear; height: 100%;overflow: auto;background: rgba (255,255,255, 0.7);margin: auto;} .page-ten-day-add .modal-ga {border: solid 2px #f9fffb; box-shadow: 2px -1px 19px 1px rgba(70,70,70,0.16);text-align: center;width: 766px;margin-left: -383px;left: 50%; position: fixed;top: 120px !important;z-index: 1002; background: #fff; padding: 40px;border-radius: 8px;} .page-ten-day-add span.ClsBtn {font-size: 22px;position: absolute;top: -20px;right: -20px;width: 40px;height: 40px;text-align: center;background: #72bc51;border-radius: 38px;line-height: 38px;color: #fff;font-weight: 700;cursor: pointer;z-index: 15;} .mess-head {font-weight: 900; color:#226a35; font-size: 24px; text-transform: uppercase; margin-bottom: 0px;} .mess {margin-bottom: 0px;} .page-ten-day-add .ing-big-img-text {display: none;} .bg-ten {position: relative; margin-top: -170px; z-index: 5; margin-bottom: 30px;} .ten-topper {position: relative; z-index: 10; } .page-ten-day-add .navigation .button.orange {display: none;} .ten-day-bottom {background: #dfece2;background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%); width: 100%; max-width: 100%; padding-top: 50px;} .ten-day {padding-top: 70px; width: 100%; max-width: 100%; line-height: 0px; position: relative; text-align: center;} .wave {position: absolute; bottom: -2px; left: 0px; width: 100%; z-index: 10;} .ten-day .form-col-wrap {width: 100%;} .ten-day .form-submit-btn-wrap {display: flex; justify-content: center !important;} .ten-header {} .ten-header-large, .ten-header-sub {display: flex; flex-direction: column; flex: 1; text-align: center;} .center-col {width: 100%; padding-top: 25px;} .form-submit-btn-wrap button {border-radius: 40px; line-height: 44px; padding: 0px 40px; font-weight: 700; text-transform: uppercase; border: none !important;background: #ff8238 !important;transition: all 0.2s linear; } .form-submit-btn-wrap button:hover {background: #fb630a !important; transition: all 0.2s linear; } .ten-header-large p {font-weight: 900; font-size: 40px; color: #2d1e12;} .ten-header-large span {color:#226a35; text-transform: uppercase;} .ten-header-sub p {font-size: 18px; margin-bottom: 0px;} .ten-header-sub span {font-weight: 700; color:#226a35; } .flex-ten {display: flex; flex-direction: row; align-items: center; width: 70%; margin: 20px 0px 20px 15%;} .flex-ten-header-top {display: flex; flex-direction: column;width: 100%; margin-left: 0%; text-align: center; display: flex; flex-direction: column;} .flex-ten-header-bottom {display: flex; flex-direction: column;width: 64%; margin-left: 18%; text-align: center; display: flex; flex-direction: column;} .ten-image {width: 50%; text-align: right; padding-right: 30px;} .ten-text {display: flex; flex-direction: column;} .ten-text-block {display: flex; flex-direction: column; margin-bottom: 20px;} .ten-head {font-size: 21px; color:#226a35; font-weight: 700; margin-bottom: 5px;} .ten-reg {font-size: 16px; margin-bottom: 0px;} .page-ten-day-add section#footer svg#Layer_1, .rg-28-test section#footer svg#Layer_1 {display: block;} .ing-dis {margin-top: 15px; font-size: 14px; color: #b0b0b0; margin-bottom: 0px; float: left; width: 100%; } .textarea.stamped-form-input-textarea {border-radius: 20px !important; padding: 10px 15px;} .tab_inner {display: none;} .tab_inner.active {display: block;} .inner_tab {display: none;} .product-app--container div[data-widget-load-type=continue] ul.stamped-pagination li.next a {border-radius: 40px; font-weight: 700; padding: 3px 20px; line-height: 40px; text-transform: uppercase; font-size: 15px; box-shadow: none !important; border: none; background: #226a35; color: #fff; } .product-app--container div[data-widget-load-type=continue] ul.stamped-pagination li.next a:before {padding-right: 10px;} span.stamped-summary-actions-newreview {border-radius: 40px; line-height: 40px; text-transform: uppercase; font-size: 15px; box-shadow: none !important; border: none; background: #226a35; color: #fff; } span.stamped-summary-actions-newreview:before {content: ''; padding-right: 0px;} .home-ingred .st0 {fill: #ffffff;} .art-products p:last-child {margin-bottom: 0px;} .art-products .vitabite {display: none;} .pro-in {margin-bottom: 10px;} .pro-in a {display: inline-flex; flex-direction: row; align-items: center; font-weight: 700;} .pro-in a span {padding-right: 20px;padding-left: 0px;} .phone_number p span.not-bold {font-weight: 700; color:#72bc51;} .new_left_side a.orange.rounded.button {z-index: 0;} .ad-num {display: none;} .powder-opt button.trial-button {background: #367847; transition: all 0.2s linear; } .powder-opt button.trial-button:hover {background: #024012 !important; transition: all 0.2s linear;} .flyout-back {cursor: pointer;display: none; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); position: fixed; z-index: 88; top: 0px; botttom: 0px;} .flyout-back.show {display: block;} .flyout-wrapper {transition: all 0.2s linear; margin-right: -540px; width: 540px; padding: 50px 40px; height: 100%; position: fixed; z-index: 98; top: 12px; right: 0px; background: #fff;} .flyout-wrapper.show {box-shadow: -12px 0px 38px -25px rgba(62,66,63,0.38);margin-right: 0px; transition: all 0.2s linear;} .flyout-close {font-size: 40px; color:#72BC51; transition: all 0.2s linear; position: absolute; top: 0px; right: 0px; line-height: 40px;} .flyout-close:hover { color:#ff8238; transition: all 0.2s linear; } .flyout-flex {display: flex; flex-direction: column; position: relative;} .flyout-block {} .flyout-title {margin-bottom: 0px; font-size: 28px; font-weight: 900; color:#024012; } .flyout-count {font-size: 21px; font-weight: 700; color:#2D1E12;margin-bottom: 10px;} .flyout-desc {margin-bottom: 0px; font-size: 15px; color: #555555;} .flyout-accord-wrapper {margin-bottom: 20px; border-top: solid 1.25pt #dddddd; margin-top: 20px; display: flex; flex-direction: column;} .flyout-accord {} .flyout-accord-inner {border-bottom: solid 1.25pt #dddddd; padding: 15px 0px;} .accord-title {margin-bottom: 0px; display: flex; flex-direction: row; cursor: pointer;} .accord-title span {transition: all 0.2s linear; flex: 1; font-size: 18px; line-height: 30px; font-weight: 700; color:#367847; } .active .accord-title span, .accord-title:hover span {color:#024012;transition: all 0.2s linear;} .accord-title i {transition: all 0.2s linear;font-size: 16px;line-height: 30px; text-align: right; color:#72BC51;} .active .accord-title i {transition: all 0.2s linear; transform: rotate(180deg);} .accord-content {display: none; padding: 10px 0px;} .accord-content p {margin-bottom: 0px;} .activate .accord-content {display: block;} .flyout-product.accurate {display: block;} .flyout-product {display: none;} .good-better {padding-top: 20px;} .good-better .svg-bottom {margin-top: 20px;} .left-show-image {display: flex;align-items: baseline;border-radius: 0px 0px 10px 24px;position: relative;overflow: hidden;width: 100%;} .left_show {border-radius: 0px 0px 0px 15px; width: 380px; } .good-options {display: flex; flex-direction: row; margin: 0px 20px;} .good-opts-wrapper {display: flex; flex-direction: row;position: relative;} .good-opts-wrapper .cert {right: -20px;} .good-left {width: 200px; border-radius: 8px 0px 0px 8px; border: solid 1.25pt #dddddd;} .good-pro-img {margin-left: -30px;margin-right: 30px; line-height: 0px; margin-top: 30px;padding: 10px 0px;border-radius: 8px; border: solid 1.25pt #dddddd;} .good-pro-img img {width: 100%; } .good-right {flex: 1; padding: 0px 30px; background:#F1F7F2; border-radius: 0px 8px 8px 0px; border: solid 1.25pt #dddddd; border-left: none;} .good-block {} .good-product-title {margin-bottom: 10px; font-size: 24px; font-weight: 900; color:#024012; margin-top: 20px;} .good-product-text {font-size: 15px; color: #555555;} .good-product-flyout {} .good-product-flyout a {display: flex; flex-direction: row; } .good-product-flyout a span {font-size: 15px; font-weight: 700; color:#2D1E12; line-height: 21px; padding-right: 10px;} .good-product-flyout a i {font-size: 16px; color: #72BC51;line-height: 21px;} .good-bullet-block {margin-bottom: 15px;} .good-bullet-block .good-bullet span {font-size: 15px;} .good-option-block {margin-bottom: 10px;display: flex; flex-direction: column} .good-option-top {} .good-option-top p {margin-bottom: 10px; font-size: 18px; font-weight: 700;color:#024012; } .good-option-wrapper {display: flex; flex-direction: column; margin-bottom: 10px;} .good-choice {display: flex;flex-direction: row; align-items: center;} .good-option-button {border-radius: 30px; width: 30px; height: 30px; border: solid 1.25pt #dddddd; padding: 4px; } .good-option-button span {border-radius: 30px; height: 20px; border: solid 1.25pt #dddddd; width: 20px; display: block; background: #fff;} .good-choice.active .good-option-button span {background: #72BC51;} .good-option-text {padding-left: 20px} .free-how.new-why {display: block;} .good-better.trial, .free-how.adverts-trial {display: none;} .page-good-better .good-better.trial {display: flex; flex-direction: column;} .good-better-how.free-how.adverts-trial {margin-top: 50px; padding-top: 0px; padding-bottom: 80px; display: flex; flex-direction: column; background: #dfece2; background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%);} .page-dog-trial .free-how.adverts-trial {display:block;} .good-better.trial {display: block;} .good-better-how .st02 {fill: #ffffff;} .svg-bottom-section .st03 {fill: #dfece2;} .good-option-title {margin-bottom: 0px; color: #2D1E12; font-size: 15px; font-weight: 700;} .good-option-desc {color: #555555; font-size: 14px; margin-bottom: 0px;} .good-price-block {margin-bottom: 15px;} .good-price-block p {display: flex; flex-direction: row;align-items: baseline; margin-bottom: 20px;} .good-price-block p span.good-price-change {font-size: 24px; font-weight: 900; color: #2D1E12; padding-right: 8px; line-height: 28px;} .good-price-block p span.good-terms {font-size: 14px; color: #555555; line-height: 28px; } .sub .good-price-block p span.good-terms, .trial .good-price-block p span.good-terms {display: block;} .good-button-wrapper {margin-bottom: 60px; padding: 0px 30px;} .good-button-wrapper a {width: 100%;text-align: center;border-radius: 50px; padding: 5px 15px;color: #fff;transition: all 0.2s linear; display: block;line-height: 40px;font-size: 16px;font-weight: 700;text-transform: uppercase} .good-button-wrapper a.green-button {background: #367847; transition: all 0.2s linear;} .good-button-wrapper a.green-button:hover {background: #024012; transition: all 0.2s linear;} .good-button-wrapper a.orange-button {background:#ff8238;transition: all 0.2s linear;} .good-button-wrapper a.orange-button:hover {background:#FF661A;transition: all 0.2s linear;} .good-button-wrapper a i {font-size: 16px;} .good-button-wrapper a span {font-size: 16px; padding-right: 10px; color: #ffffff;} .good-top-mobile, .good-details, .mobile-good-top {display: none;} .good-button-wrapper a span.risk-hide {padding: 0px 5px;} .purchase-details button.green-button {background: #367847;transition: all 0.2s linear;} .purchase-details button.green-button:hover {background: #024012 !important; transition: all 0.2s linear;} .flex-good {display: flex; flex-direction: row; max-width: 1280px; margin: 40px auto; width: 100%;} .flex-good.head-piece {flex-direction: column; margin-bottom: 20px;} .good-header {color:#2D1E12; font-size: 36px; font-weight: 900; text-align: center; margin-bottom: 0px;} .good-subtitle {color:#024012; font-size: 21px; font-weight: 700; text-align: center;} .good-column {position: relative; padding: 0px 15px; width: 29% } .good-column.wider {width: 42%;} .good-column-inner {display: flex; height: 100%; flex-direction: column;background: #F1F7F2;border-radius: 8px;} .cert {position: absolute;top: -35px; right: 0px;} .cert-inner {position: relative;} .cert-inner span {position: absolute; top: 24px; left: 0px; font-size: 14px; font-weight: 700; line-height: 17px; text-align: center; width: 80px; color: #fff; text-transform: uppercase;} .cert-inner i {font-size: 80px; line-height: 80px; color: #72BC51;} .good-top {border-radius: 8px 8px 0px 0px; background: #024012; padding: 6px 0px; } .good-top p {font-size: 18px; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; margin-bottom: 0px;} .wider .good-top {background: #FF8238;} .good-img { padding: 20px 0px; text-align: center; } .good-img img {width: 290px;} .good-big {margin-bottom: 5px;font-weight: 900; font-size: 21px; color: #024012; } .good-sect {margin-bottom: 15px;padding: 0px 30px; } .good-title {font-weight: 700;font-size: 18px; color: #024012; margin-bottom: 5px;} .good-bullet {margin: 0px; padding-left: 0px; } .good-bullet li {font-size: 16px; display: flex; flex-direction: row; margin-bottom: 0px;} .good-bullet .far {line-height: 28px; font-size: 18px; color: #72BC51; padding-right: 10px; margin-bottom: 0px;} .good-bullet span {line-height: 28px; font-size: 16px; color: #555555;} .good-bottom {text-align: center; margin-top: auto;padding: 0px 30px; } .good-price {margin-top: 10px; font-weight: 900; font-size: 28px; color:#2D1E12; margin-bottom: 0px;} .good-sub {font-weight: 700; font-size: 16px; color:#555555; margin-bottom: 15px;} .good-border {height: 100%; display: flex; flex-direction: column; border-left: solid 1.25pt #dddddd; border-right: solid 1.25pt #dddddd; border-bottom: solid 1.25pt #dddddd; background: #F1F7F2;border-radius: 0px 0px 8px 8px;} .good-bullet span b {color:#2D1E12; } .good-text {padding: 0px 15%; text-align: center; margin-bottom: 0px;} .good-inner {display: flex; flex-direction: column; height: 100%;} .ingredient-block .guar-ana {display: none;} .mobile-title {display: none;} .ingredient-block .hide-blog {display: none;} .article-ingredient-post .ing-new {background: #fff;} .article-ingredient-post .ing-card {border: solid 1px #f7f7f7;} .article-ingredient-post .new-ingred .st0 {fill:#dfece2;} .art-content {font-size: 18px; } .art-block {margin-bottom: 25px;} .art-block p.block-head {color:#024012; font-weight: 700; font-size: 21px;} .art-block ul {list-style: none; padding-left: 0px; margin: 0px;} .art-block ul li {font-size: 18px; margin-bottom: 8px;} .art-block ul li:last-child {margin-bottom: 0px;} .art-block ul li span {font-weight: 700; color:#2d1e12; } .art-block.art-sources ul li span {font-weight: 400; color: #666666;display: flex; word-break: break-all; font-size: 16px;} .support-columns {display: flex; flex-direction: row;} .support-right {display: flex; flex-direction: column; padding: 0px 20px 0px 30px;} .support-right p {line-height: 26px; margin-bottom: 10px;} .inner-supports .support-right p.big_num {font-size: 28px; color: #72bc51; font-weight: 900; letter-spacing: 0.02em;} .inner-supports .support-right p.un_num {color:#2d1e12; font-size: 16px; } .support-right p:last-child {margin-bottom: 0px;} .art-supports {display: flex;} .art-ing-top {padding: 20px 0px 20px 0px;} .art-top ul li:last-child {margin-bottom: 0px;} .inner-supports {background: #f0f7f2; border-radius: 8px; padding: 15px 30px 20px;display: flex; flex-direction: column} .art-block p, .art-sub {font-size: 18px;} .art-bullets {margin: 20px 0px 35px 0px; padding-top: 15px; border-top: solid 2px #cccccc;} .support-ul li, .art-bullets ul li {display: flex; flex-direction: row; align-items: center;} .art-bullets ul li i {font-size: 18px;} .support-ul li span, .art-bullets ul li span {font-size: 16px; padding-left: 15px; font-weight: 700;} .art-bullets ul li span {color: #024012;} .support-ul li span {color:#2d1e12;} .support-ul {margin: 0px; padding-right: 30px; border-right: solid 2px #ccc;} .support-ul li img {width: 26px; } .support-ul li.skin span:after { content: "Skin & Coat";} .support-ul li.immune span:after { content: "Immune Function";} .support-ul li.digest span:after { content: "Digestion Support";} .support-ul li.energy span:after { content: "Energy Boosting";} .support-ul li.joint span:after { content: "Bones & Joints";} .support-ul li.muscle span:after { content: "Muscle Support";} .inner-supports p { font-size: 18px; font-weight: 700; color: #72bc51; } .art-top {width: 47%;} .art-image {display: flex; flex: 1; padding-left: 40px; } .art-top ul {list-style: none; padding-left: 0px;} .art-top ul li {margin-bottom: 10px;} .art-top-wrapper {align-items: center; width: 90%; margin: auto; display: flex; flex-direction: row; padding: 0px 25px;} .art-section.art-ingred .st0 {fill: #fff;} h1.ing-title {font-weight: 900; color:#2d1e12; font-size: 48px; margin-bottom: 10px;} .art-section.art-ingred { background: #dfece2; background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%);} .shopify-section--article-template .section.art-section {width: 100%; max-width: 100%;} .article-ingredient-post .shopify-section--article-template {background: #fff; padding-bottom: 0px;} .art-ing-wrap {padding: 10px 25px 30px 25px; width: 90%; margin: auto;} .art-ing-flex {display: flex; flex-direction: row;} .art-ing-left {width: 35%; padding-right: 0px; display: flex; flex-direction: column;} .art-ing-right {flex:1; padding-left: 70px; display: flex; flex-direction: column;} .art-sub-content {font-size: 24px; color:#2d1e12; line-height: 34px; letter-spacing: 0.02em; font-weight: 900; margin-bottom: 120px; } .inner-modal {position: absolute; width: 100%; height: 100%; z-index: 80; top: 0px; left: 0px; cursor: pointer; } .ingred.new-ingred .ga-content.supp-wrap {display: flex; flex-direction: column; padding: 20px;} .home-column-top {display: flex; flex-direction: column;} .home-column-wrap {display: flex; flex-direction: row;} .home-columns.left-side {width: 50%; padding-right: 10px} .home-columns.right-side {width: 50%; padding-left: 10px;} .ingred.new-ingred .home-columns.right-side .in {width: calc(100% - 76px);} .ingred.new-ingred .home-columns.right-side .in-num {width: 76px;} .ingred.new-ingred .six.columns.ga-content-wrapper {width: 100%; padding: 0px;} .modal-ga {background: #fff; border-radius: 8px; padding: 30px 30px; width: 768px; margin-left: -384px; left: 50%; position: absolute; top: 120px; z-index: 1000; } .ga-text {display: flex; flex-direction: column; text-align: center;} .ga-head {font-size: 24px; color: #2d1e12; font-weight: 900; letter-spacing: 0.015em; margin-bottom: 0px; } .ga-sub {font-size: 16px; margin-bottom: 15px;} .ga-tabs {display: flex; flex-direction: column; margin-bottom: 20px;} .ga-tabs-wrapper {display: none; flex-direction: row; justify-content: center;} .ga-tabs-inner {display: flex; width: 60%; position: relative; flex-direction: row; border-radius: 40px; background: #024012; } .ga-tab {color: #fff; display: flex; text-transform: uppercase; font-weight: 700; padding: 0px 20px; line-height: 40px;width: 50%; justify-content: center; } .ga-tab span {color: #fff; position: relative; z-index: 40; letter-spacing: 0.02em;} .ga-mover {border-radius: 46px; transition: all 0.2s linear; background:#72bc51; height: 46px; width: calc(50% + 4px); position: absolute; left: -2px; top: -3px; z-index: 3; } .ga-content {display: none;} .ga-content.active {display: block;} .ingred.new-ingred .modal-tabs .six.columns.high, .ing-supp-wrapper .ingred.new-ingred .six.columns.high {padding: 0px; width: 100%; } .ingred.new-ingred .modal-tabs .s-l.benji {border-bottom: none;} .ingred.new-ingred .modal-tabs .s-l.benji p {font-size: 14px;} .ing-new .st0 {fill: #fff;} .ingred.new-ingred .ing-supp span.fu.db.bold, .ing-supp-wrapper.ing-supp span.fu.db.bold {font-size: 21px; line-height: 30px;} .ingred.new-ingred .ing-supp .s-l span, .ing-supp-wrapper.ing-supp .s-l span {font-size: 11px; line-height: 16px;} .guar-ana {display: flex;} .guar-ana a {margin: 0px auto; align-items: center; transition: all 0.2s linear; font-weight: 700;display: flex; flex-direction: row;} .guar-ana span {padding-right: 12px; font-size: 16px; color:#024012;transition: all 0.2s linear;} .guar-ana i {font-size: 21px; } .guar-ana a:hover span {transition: all 0.2s linear;color: #72bc51;} .i-text-flex {display: flex; flex-direction: row; padding: 0px 15px; margin-bottom: 15px;} .i-text-column {margin-bottom: 30px; width: 28%; padding-right: 55px;} .i-text-green {font-size: 33px; font-weight: 900; line-height: 48px; color: #024012;} .i-text-small {margin-bottom: 0px; font-size: 16px;} .i-text {margin-bottom: 60px; display: flex; flex-direction: row; padding: 0px 15px; align-items: center;} .i-text-large {width: 40%; font-size: 48px; line-height: 64px; font-weight: 900; color:#2d1e12;margin-bottom: 0px;padding-right: 40px; } .i-text-full {flex: 1;padding-right: 40px; padding-left: 30px; font-size: 16px;margin-bottom: 0px;} .more-ingredients {display: none;} .more-wrap {display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr;} .view-more {width: 100%; display: flex; flex-direction: row; justify-content: center; margin-top: 50px; margin-bottom: 80px;} .view-more p {margin: 0px;} .view-more a {display: flex; align-items: center; transition: all 0.2s linear; font-size: 16px; font-weight: 700;} .view-more a i {padding-top: 5px; color: #72bc51; transition: all 0.02s linear; font-size: 21px;transform: rotate(0deg);} .view-more a.active i {transform: rotate(180deg);transition: all 0.02s linear;} .view-more a span {color: #024012;transition: all 0.2s linear; padding-right: 15px;} .view-more a:hover span {transition: all 0.2s linear;color: #72bc51;} .ing-top-home .ing-flex {flex-direction: column; align-content: center; display: flex; text-align: center; width: 100%;} .ing-new { background: #dfece2;background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%);} .ingredient-wrap {padding: 30px 15px 0px 15px; width: 100%; display: flex;} .ing-wrap-flex {display: flex; flex-direction: column;} .ing-flex {display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr} .ing-inner {transition: all 0.2s linear; display: flex; flex-direction: row; flex: 1; } .ing-inner a {overflow: hidden;position: relative;background: #fff; border-radius: 8px;transition: all 0.2s linear;display: flex; flex-direction: row;box-shadow: 5px 5px 10px 3px rgb(0 0 0 / 5%); padding: 10px 0px; } .ing-inner a:hover {transition: all 0.2s linear;} .ing-inner a .bot-corn {transition: all 0.2s linear; position: absolute; text-align: right; padding-right: 10px; padding-top: 9px; line-height: 65px; background: #d1e2d2; width: 60px; height: 60px; bottom: -2px; right: -2px; border-radius: 0px 0px 8px 0px;} a .bot-corn .fas {color: #fff; font-size: 18px; transition: all 0.2s linear;} .ing-inner a:hover .bot-corn {background: #024012 } .ing-inner a:hover .fas {transition: all 0.2s linear; color: #ffffff;} .bot-corn:before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 0;border-style: solid;border-width: 60px 60px 0px 0px;border-color: #ffffff transparent transparent transparent;} .ing-content {padding: 20px 30px 20px 20px; color: #666; flex: 1;margin-bottom: 10px;} .ing-content .excerpt p {margin-bottom: 0px;} .ingredient-title {font-weight: 900; font-size: 21px; color:#2d1e12; margin-bottom: 10px; transition: all 0.2s linear;} .ing-card:hover .ingredient-title {color:#024012; transition: all 0.2s linear;} .ing-inner .image-element__wrap {width: 25%; padding: 0px 0px 0px 10px; display:flex; align-items: center;} .ing-content .excerpt {margin: 0px;} .ing-sub {font-size: 18px;} .radio-audio {border-radius: 25px; border: solid 1px #ccc; background:#e4fceb; position: absolute; right: 0px; } .radio-inner {padding-top: 15px; position: relative;text-align: left;} .audio-top {padding-left: 20px; margin-bottom: 0px; font-size: 14px; color: #226a35;} .audio-bot {padding-left: 20px; font-weight: 700; margin-bottom: 10px; font-size: 16px; color: #2d1e12;} .radio-audio audio {float: left; } .none-pointer { pointer-events: none;} .shopify-section--cart-template .modal { display: none;position: fixed; z-index: 15; padding-top: 100px;left: 0;top: 0; width: 100%; height: 100%;overflow: auto;background: rgba(255,255,255, 0.7);margin: auto; max-width: 100%; border-radius: 0px !important; } .shopify-section--cart-template .modal-content { width: 540px;margin-left: -270px;left: 50%; position: fixed; top: 130px !important;z-index: 1002;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);background: #ffffff;padding: 20;border-radius: 10px 10px 10px 10px; } .shopify-section--cart-template span.ClsBtn { font-size: 22px; position: absolute; top: -20px; right: -20px; width: 40px;height: 40px;text-align: center; background: #72bc51;border-radius: 38px;line-height: 38px; color: #fff;font-weight: 700;cursor: pointer; z-index: 15; } .cart-wh {text-align: center; margin-bottom: 40px;font-size: 16px;} .wh-top {font-size: 36px; color: #226a35; font-weight: 900; margin: 30px 0px 10px 0px;} .cart-wh .marg5 {margin-bottom: 5px;} .cart-wh span {font-weight: 700; color: #2d1e12;} .sub-manage-inner {width: 70%; margin: 0px auto; padding: 80px 0px;} .sub-manage-inner .btn-block {background: #226a35; border-radius: 40px; font-weight: 700; border: none;} .sub-manage-inner .btn-block:hover {background: #72bc51; color: #fff;} .section-wrapper #quickactions {padding-top: 90px;} .jdgm-prev-badge__stars[data-score="0.00"] .jdgm-star {display: none !important;} .product-details .jdgm-preview-badge{display:none !important;} .ab-images {} .ab-test-back svg {position: relative; z-index: 5} #dalmation {position: absolute; bottom: 10px; z-index: 2; right: 50px; width: 450px;} #terrier {position: absolute; bottom: 10px; z-index: 2; left: 40px; width: 450px;} .page-trial-ab-test .free-how .plus-pad {padding-top: 530px;} .page-trial-ab-test .fort-reviews #Layer_1 {display: none;} .page-trial-ab-test .adverts-trial .st0 {fill: #ffffff;} .page-trial-ab-test .fort-wrapper {margin-top: 0px;padding-top: 40px;} .page-trial-ab-test .adverts-trial {background: #f0f7f2;padding-bottom: 80px; padding-top: 0px;} .page-trial-ab-test .ab-test-back { margin-top: -590px; line-height: 0px; position: relative;} .page-trial-ab-test #fort_reviews { background: linear-gradient(0deg, #dfece2 0%, #f0f7f2 100%);} .page-trial-ab-two #fort_reviews { background: linear-gradient(0deg, #dfece2 0%, #f0f7f2 100%);} .page-trial-ab-two .fort-reviews .st0 {fill: #ffffff;} .page-trial-ab-two section#footer svg#Layer_1 {display: block;} .trial-section {margin-bottom: 60px;} .trial-top {padding-top: 50px; margin-bottom: 45px;} .trial-top-wrap {padding: 0px 15px; text-align: center;} .trial-heading {color: #2d1e12; font-weight: 900; font-size: 36px; margin-bottom: 5px;} .trial-subtext { font-weight: 700; color: #024012; font-size: 18px;} .trial-heading .l-green-text {color: #226a35;} .product__details--product-page { padding-left: 20px;} .block-wrap { display: flex; flex-direction: row; flex-wrap: wrap;} .product__details--product-page .product-block {width: 100%;} .product__details--product-page .product-block.product-block--price, .product__details--product-page .product-block.frapp {width: 50%; margin-bottom: 10px; padding-bottom: 8px;} .product__details--product-page .frapp {display: flex;justify-content: end; align-items: center;} .trial-wrapper {margin: 0px auto; display:flex; position: relative;z-index: 10; flex-direction: column; width: 848px; background: linear-gradient(0deg, #dfece2 0%, #f0f7f2 100%); border-radius: 18px; border: solid 1px #DDDDDD; padding: 40px 60px 50px 60px;} .trial-wrapper {width: 88%; padding: 0px; flex-direction: row; border-radius: 12px; margin-bottom: 40px;background: #fff;} .product-new-design .product-block.product-block--custom-liquid.product-block--second {margin-top: 0px;} .trial-left {width: 40%; border-right: solid 1px #DDDDDD;padding: 25px 35px; border-radius: 12px 0px 0px 12px; background: #f0f7f2;} .trial-right {width: 60%; border-radius: 0px 12px 12px 0px; padding: 25px 35px 40px 35px;} .trial-sect {margin-bottom: 10px;} .trial-get.trial-p {margin-bottom: 3px} .trial-option-wrapper {display: flex; flex-direction: row; margin-bottom: 30px;} .trial-p {margin-bottom: 10px;} .trial-big {color: #024012; font-weight: 900; font-size: 24px;} .trial-mid {color: #367847; font-weight: 900; font-size: 21px;} .trial-bigly {color: #367847; font-weight: 700; font-size: 21px;} .trial-reg {font-size: 16px; color: #555555;} .trial-two .trial-reg {font-size: 15px;} .trial-reg.trial-substring span {color: #2d1e12; font-weight: 700;} .trial-reg.trial-substring span#left-price {color: #555555; font-weight: 500;} .trial-block.trial-p {color: #2d1e12; font-weight: 700; font-size: 16px; margin-bottom: 15px;} .trial-two .trial-block.trial-p {font-size: 15px;} .trial-option {width: calc(50% - 15px);background: #ffffff; display: flex; flex-direction: column; border-radius: 16px; border: solid 1px #DDDDDD; padding: 10px 0px 0px 0px; } .trial-right .trial-option {background: #f0f7f2;} .trial-option:last-child {margin-left: auto;} .trial-inner {text-align: center;display: flex;} .trial-inner img {width: 70%; margin-bottom: 10px;} .trial-link {display: block; text-align: center; padding-bottom: 10px; border-bottom: solid 10px #ffffff; transition: all 0.2s linear; border-radius: 16px; opacity: 0.5;} .trial-right .trial-link {border-bottom: solid 10px #f0f7f2;} .trial-link.active {opacity: 1; transition: all 0.2s linear; border-bottom: solid 10px #024012; } .trial-title {color: #024012; margin-bottom: 8px; font-weight: 900; font-size: 16px; text-transform: uppercase;} .trial-price {color: #2d1e12;margin-bottom: 6px;} .trial-price-big {color: #2d1e12;font-size:21px; font-weight: 900; padding-left: 8px;} .trial-price-small {color: #555555;font-size: 18px; font-weight: 500; text-decoration: line-through;} .trial-sub {color: #555555; font-size: 14px;} .trial-button-wrap { margin-bottom: 30px;} .trial-button-wrap.dw-trial {margin-bottom: 0px; margin-top: 10px; } span.trial-button, button.trial-button, a.faux-button, .dingle-button { letter-spacing: 0px; cursor: pointer; border-radius: 60px; display: block; width: 100%;transition: all 0.2s linear; background: #ff8238; color: #ffffff; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; padding: 15px; line-height: 24px; } .faux-tidbits { display: flex; justify-content: center; letter-spacing: 0px; cursor: pointer;border: solid 2px #ff8238; border-radius: 60px; width: 100%;transition: all 0.2s linear; background: #ff8238; color: #ffffff; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; padding: 13px 35px; line-height: 24px; } .faux-tidbits:hover {border: solid 2px #fb630a; background: #fb630a; } .tidbits {padding: 0px 15px;} .no-tidbits.faux-tidbits {background: #fff; border: solid 2px #ccc; margin-top: 0px; margin-left: 0px;} .no-tidbits.faux-tidbits:hover {border: solid 2px #226a35; background: #fff; } .faux-tidbits .fal { margin-left: 15px; line-height: 24px; font-size: 21px; color: #ffffff !important;} .no-tidbits.faux-tidbits .fal {color: #666666 !important;} .no-tidbits.faux-tidbits:hover .fal {color: #226a35 !important;} .faux-tidbits span {color: #fff;} .no-tidbits.faux-tidbits span {color: #666666 !important;} .no-tidbits.faux-tidbits:hover span {color: #226a35 !important;} a.faux-button.bundle-button {display: flex; justify-content: center} span.trial-button:hover, button.trial-button:hover, a.faux-button:hover {transition: all 0.2s linear; background: #fb630a !important;} a.faux-button span {color: #fff !important;} .trial-size {text-transform: capitalize;} .trial-button span, .faux-button span {display: flex; justify-content: center;} .trial-button span .fal, .faux-button span .fal {float: right; margin-left: 20px; line-height: 24px; font-size: 21px; color: #ffffff;} .section-wrapper #quickactions .qa-container h2 {color: #2d1e12; font-weight: 900;} .section-wrapper #quickactions .qa-button {font-weight: 700; } .rc-login--body .rc-login-form-button, .section-wrapper #quickactions .qa-button {background: #226a35 !important;border-radius: 40px;} .rc-login--body .rc-login--header-title {margin: 10px 0px 20px 0px; text-align: center;} .rc-login .rc-login--body {box-shadow: none !important;} .rc-enter-code .rc-enter-code-header {font-size: 24px;} .rc-login--header {display: none !important;} #rc_login h5 {letter-spacing: 0.02em; color: #311f00;} .user-customer {width: 100%;} .recharge .rc_layout .rc_layout__full {margin-top: 120px;} .free-svg {display: none;} .page-dog-trial .why-vita.free {padding-top: 80px;} .page-dog-trial a.nav-button-new {display: none;} .page-dog-trial .why-vita.free.no-ad {padding-top: 120px;} .sponsor.no-ad {display: none;} .videoWrapper { position: relative; padding-bottom: 53%; padding-top: 23px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div#shopify-section-mobile-free-trial { display: none; } html { overflow-x: hidden; scroll-behavior: smooth; } body, button, input, select, textarea { color: #666; font-family: muli, sans-serif; font-size: 15px; font-size: 0.9375rem; font-weight: 400; line-height: 1.66; } table:not(#customer-orders):not(#order-details) tr:first-child { border-top: none; } table:not(#customer-orders):not(#order-details) tr { border-bottom: none; } table:not(#customer-orders):not(#order-details) th:first-child, table:not(#customer-orders):not(#order-details) td:first-child { border-left: none; } .index .free { color: #666; } section#footer svg#Layer_1 { display: none; } .page-trial-ab-test .svg-bottom {display: block;} .page-trial-ab-test section#footer svg#Layer_1, .page-dog-trial section#footer svg#Layer_1 {display: block;} .dg { color: #226a35; } .fat { font-weight: 700; } .global-button--text, .global-button, .shopify-payment-button__button.shopify-payment-button__button--unbranded { background-color: #226a35; border: 0; box-shadow: none; color: #fff !important; cursor: pointer; display: inline-block; font-size: 0.875rem; font-weight: 700; line-height: 44px; text-transform: uppercase; padding: 0 30px; text-shadow: none; transition: background 0.2s; position: relative; border-radius: 40px; } .global-button--text:hover, .global-button:hover, .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover { background: #72bc51 !important; color: #fff !important; } section#new_top { float: left; width: 100%; position: relative; max-width: 100%; padding: 190px 0px 0px 0px; } section#new_top.ads { padding-top: 100px; } .row { width: 1400px; max-width: 96%; min-width: 732px; margin: 0 auto; /* display: block; */ } img.img-bottom { width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: -1; } .img-new-wrap { width: 100%; line-height: 0px; position: relative; margin-top: -60px; } .img-new-wrap svg { position: absolute; z-index: 3; left: 0px; width: 100%; bottom: -1px; } .new_flex { display: flex; flex-direction: column; align-items: center; } img.bag_img { width: 450px; position: relative; z-index: 6; margin-top: 20px; } .new_right_side { width: 100%; text-align: center; position: relative; padding: 0px 20px; } .new_left_side { width: 100%; padding: 0px 20px; margin-bottom: 40px; text-align: center; } .ad-free-top { font-size: 28px; color: #2d1e12; font-weight: 900; letter-spacing: 0.015em; margin-bottom: 0px; } .ad-free-mid { font-size: 21px; color: #226a35; font-weight: 700; margin-bottom: 10px; } .ad-free-bot { color: #2d1e12; margin-bottom: 5px; font-weight: 700; } .ad-post {font-size: 13px;} .free-how { padding-top: 60px; } .free input[type=email], .free input[type=text], .free input[type=number] { font-size: 15px; line-height: 24px; height: auto; line-height: auto; } .free .form-el { float: none; } .free-text-wrap form { padding: 0px 40px; } .free-flex { display: flex; align-items: center; } .free-text, .free-image { width: 50%; } .free-image { line-height: 0px; } .free-text { padding: 0px 40px 0px 40px; } .free-ten { padding: 35px 20px 0px 20px; margin-left: 8%; width: 84%; } .strike { position: relative; display: inline-block; color: #999; font-weight: 700; } .strike span { height: 2px; background: #999; width: 100%; top: 14px; left: 0px; position: absolute; } .free .multi-p { border-bottom: none; padding-bottom: 0px; } .free .form-el .orange.button { border: none !important; line-height: 48px; transition: all 0.2s linear; border-radius: 40px; color: #fff; display: inline-block; width: 100%; padding: 0px 60px; font-size: 18px; font-weight: 700; margin-top: 5px; text-transform: uppercase; } .free .form-el .orange.button:hover { transition: all 0.2s linear; color: #fff; background: #fb630a !important; } .free .ding i { margin-left: 10px; margin-top: 8px; color: #fff; } .free a.db { transition: all 0.2s linear; } .free a.db:hover { transition: all 0.2s linear; color: #72bc51; } .smart-payment-button--false .purchase-details.dog-trial { padding-bottom: 0px; } .form-el.purchase-details__buttons.purchase-details__spb--false { margin-left: 0px; width: 100%; } .free-text-wrap { padding: 40px 20px 45px 20px; background: #dfece2; background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%); border-radius: 8px; border: solid 1px #d0ead7; } .row.plus-pad { display: block; padding-top: 60px; } .plus-pad .twelve { width: 100%; } .advert-title { font-size: 36px; color: #2d1e12; font-weight: 900; letter-spacing: 0.015em; margin-bottom: 5px; font-family: 'Muli', sans-serif; } .advert-title span { color: #226a35; } .img-bottom.advertiser { position: relative; margin-top: 40px; } .img-new-wrap.advertiser { margin-top: -10px; } .new_flex.advertiser { display: flex; flex-direction: row; } .new_left_side.advertiser { width: 60%; text-align: left; margin-bottom: 0px; } .new_right_side.advertiser img.sponsor { display: block; border-radius: 50%; } .new_right_side.advertiser { display: flex; width: 40%; } .advertiser .bag_img { position: absolute; bottom: -60px; left: -140px; margin-left: 0px; width: 300px; } .new_left_side.advertiser .font16 { padding-left: 0px; } .adverts-trial .how-box { width: 33.33%; margin-top: 30px; padding: 0px 20px; text-align: center; } .adverts-trial .free-how { padding: 60px 0px 0px 0px; } .adverts-trial .svg-bottom { margin-top: 50px; } .adverts-trial .how-box img { margin-bottom: 10px; width: 120px; } .adverts-trial .how-box p { margin-bottom: 0px; padding: 0px 10px; } .adverts-trial .how-box.mid p { padding: 0px 20px; } .adverts-trial .how-flex { display: flex; flex-direction: row; } .free-offer .st0 { fill: #dfece2; } .binky input[type="email"].error, .binky input[type="number"].error, .binky input[type="text"].error { border: solid 1px #a80002; } .dog-trial .product-quantity-box { display: none; } p.Main-title { line-height: 60px; margin-bottom: 5px; color: #2d1e12; font-weight: 900; letter-spacing: 0.015em; font-size: 48px; font-family: 'Muli', sans-serif; } .page-dog-trial p.Main-title {font-size: 40px !important; line-height: 48px} p.Sub-title { color: #226a35; font-weight: 700; margin-bottom: 5px; font-size: 36px; font-family: 'Muli', sans-serif; } p.Sub-title span.lg.fattest { color: #72bc51; font-weight: 900; letter-spacing: 0.015em; font-size: 36px; } p.Wub-title span.lg.fattest { color: #72bc51; font-weight: 900; letter-spacing: 0.015em; } p.Content { padding: 0px 12vw; margin-bottom: 20px; font-size: 16px; font-family: 'Muli', sans-serif; } span.dark.fat { font-weight: 700; color: #024012; } p.marg0 { margin-bottom: 0px; } a.orange.rounded.button { line-height: 44px; border-left: none; padding: 0px 40px; background: #ff8238; transition: all 0.2s linear; border-radius: 50px; border: 0; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; text-shadow: none; } .new-home.dosing { margin: 0 0 60px; padding-top: 0; margin-bottom: 0; background: #dfece2; background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%); padding: 50px 0 40px; } .dose-text { float: left; width: 25%; padding: 3.25vw 0 0 40px; font-weight: 900; color: #2d1e12; } .dose-text span { display: block; font-size: 40px; line-height: 44px; font-family: 'Muli', sans-serif; } .dose-img-wrap { float: left; width: 25%; padding: 0 35px; position: relative; } .dose-circle { width: 60px; height: 60px; display: block; font-size: 34px; padding-right: 2px; text-align: center; position: absolute; left: 5px; top: 0; font-weight: 900; color: #226a35; border-radius: 50px; border: solid 4px #72bc51; line-height: 52px; background: 0 0; } section#dosing { float: left; width: 100%; position: relative; max-width: 100%; z-index: 5; } .new-home.expect { margin-top: -1px; background: #fff; background-image: none; float: left; width: 100%; position: relative; max-width: 100%; padding: 100px 0 20px; padding-top: 0; } .new-home .expect-row { padding-top: 50px; } .expect-row .eight.columns { min-height: 1px; padding: 0 20px; position: relative; width: 70%; margin-left: 15%; } .expect-row p.fattest.font36.db.marg5, .free-how p.fattest.font36.db.marg5, .ing-head, .new-faqs p.db.marg0.font36.fattest { color: #024012; font-weight: 900; letter-spacing: 0.015em; margin-bottom: 5px; font-size: 36px; font-family: muli, sans-serif; } .expect-row p.font18.padded { font-size: 20px; padding: 0 40px; font-family: muli, sans-serif; color: #666; } .row.benefits { margin: 25px auto; display: flex; row-gap: 40px; } .expect .four.columns.text-center { width: 33.33333%; padding: 0 40px; text-align: center; float: left; min-height: 1px; position: relative; } .expect .ben-inner { float: left; width: 100%; } .expect .marg-top { margin-top: -1px; } .icon-circle { display: inline-block; padding: 3px; border-radius: 50%; background: 0 0; height: auto; width: 100px; margin-bottom: 5px; } .new-home .ben-box .font18.dg.fat { margin-bottom: 8px; color: #226a35; font-weight: 700; font-size: 18px; font-family: muli, sans-serif; } .new-home .ben-box .marg0 { margin-bottom: 0px; color: #666; } .new-home.st0 { fill: #dfece2; } .new-why.free-how { padding: 0px 0px 0px 0px; margin-top: -1px; float: left; width: 100%; position: relative; max-width: 100%; } .new-why .st0 { fill: #dfece2; } .st1 { fill: #d0ead7; } .dog-bowl { position: absolute; left: 0; top: 0; z-index: 3; width: 20vw; } .free-how .plus-pad { padding-top: 50px; } .good-better-how .free-how .plus-pad { padding-top: 30px; } .free-how .twelve.columns.text-center { width: 100%; text-align: center; float: left; min-height: 1px; padding: 0 20px; position: relative; } .free-how p.fattest.font36.db.marg5 { color: #024012; font-weight: 900; letter-spacing: 0.015em; margin-bottom: 5px; font-size: 36px; font-family: muli, sans-serif; } .free-how p.font18 { font-size: 18px; font-family: muli, sans-serif; color: #666; } .how-flex { display: flex; flex-direction: row; } .new-why .how-box { margin-top: 10px; width: 33.33%; padding: 0 20px; text-align: center; } .how-box img { margin-bottom: 10px; width: 120px; } .new-why .how-box p.font18 { margin-bottom: 8px; font-size: 18px; padding: 0 10px; color: #226a35; font-weight: 700; } .new-why .how-box p { margin-bottom: 0; padding: 0 10px; color: #666; } .new-why .how-box.mid p { padding: 0 20px; } .new-why .row.new-button, .new-expect .row.new-button { padding-bottom: 50px; width: 100%; max-width: 100%; justify-content: center; } .new-why p.marg0.text-center { margin-bottom: 0; text-align: center; } .new-why .new-button .button.hollow, .new-expect .new-button .button.hollow { margin-top: 40px; float: none; border-radius: 50px; line-height: 48px; padding: 0 36px; color: #fff; background: #ff8238; border: 0; box-shadow: none; cursor: pointer; display: inline-block; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; text-shadow: none; transition: background 0.2s; text-decoration: none; } .svg-bottom { line-height: 0; } .light-color { fill: #f0f7f2; } .top-svg { position: relative; z-index: 4; margin-top: -1px; } .why-vita.free { background: #dfece2; background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%); margin-top: -1px; padding: 60px 0 80px; float: left; width: 100%; position: relative; max-width: 100%; color: #666; } .why-vita.free .flexed { display: flex; flex-direction: row; } .why-vita.free .six.columns { width: 50%; float: left; min-height: 1px; padding: 0 20px; position: relative; } .why-vita .six .font30.fattest.db { line-height: 42px; color: #2d1e12; font-weight: 900; letter-spacing: 0.015em; font-family: muli, sans-serif; font-size: 30px; } sup { top: -0.5em; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .why-vita ul li { line-height: 30px; color: #666; text-transform: capitalize; float: left; margin-bottom: 10px; width: 100%; margin-left: -7%; } .why-vita ul { list-style: none; } .what ul li .fas, .why-vita ul li .fas { float: left; margin-right: 10px; line-height: 24px; font-size: 18px; color: #72bc51; } .why-vita ul li span { float: left; width: calc(100% - 30px); line-height: 26px; display: block; color: #226a35; font-weight: 700; } .why-vita .serv .vid-pop { padding: 0; } .why-vita .vid-pop { padding: 5px 10px; position: relative; /* display: block; */ text-align: center; line-height: 0; color: #226a35; text-decoration: none; } .free.serv img.round-me { border-radius: 5px; width: 500px; } .vid-button { position: absolute; top: 50%; border-radius: 40px; transition: all 0.2s linear; left: 50%; margin-left: -30px; height: 60px; margin-top: -30px; width: 60px; line-height: 70px; background: rgba(45, 30, 18, .8); } .vid-button i.fas { font-size: 26px; padding-left: 5px; color: #fff; } .why-vita .price-offer.desk-site { color: #2d1e12; font-weight: 900; letter-spacing: 0.015em; text-align: center; font-size: 21px; margin-top: 20px; line-height: 34px; margin-bottom: 10px; } .why-vita .price-offer span.free { font-size: 16px; display: block; color: #666; font-weight: 700; font-family: muli, sans-serif; } .why-vita p.desk-site { margin-bottom: 0; text-align: center; } .why-vita a.button.rounded.bug { border-radius: 50px; line-height: 48px; background-color: #ff8238; border: 0; padding: 0 70px; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; text-shadow: none; transition: background 0.2s; text-decoration: none; } .why-vita button#myBtn { background: transparent; position: relative; width: 100%; border: transparent; } .why-vita .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 15; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ } .why-vita .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } .why-vita .modal-content { width: 766px; margin-left: -383px; left: 50%; background: #fff; position: fixed; top: 120px !important; z-index: 1002; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px #fff 80; -webkit-box-shadow: 0 0 10px #fff 80; -box-shadow: 0 0 10px #fff 80; box-shadow: 0 0 10px #fff 80; } .why-vita .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .why-vita span.close { font-size: 22px; position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; text-align: center; background: #72bc51; border-radius: 38px; line-height: 38px; color: #fff; font-weight: 700; cursor: pointer; z-index: 15; } .why-vita .close:hover, .why-vita .close:focus { color: #000; text-decoration: none; cursor: pointer; } .new-faqs.free.vita-sect.faqs { padding-top: 0; background: #dfece2; background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%); padding-bottom: 40px; float: left; width: 100%; position: relative; max-width: 100%; } .free.vita-sect.faqs .st0 { fill: #fff; } .faqs .free { padding-top: 30px; } .new-faqs .twelve.columns.text-center.sect-head { width: 100%; text-align: center; float: left; min-height: 1px; padding: 0 20px; position: relative; } .new-faqs p.marg5.font18 { margin-bottom: 5px; font-size: 18px; } .new-faqs .faq-mobile { display: none; } .new-faqs span.desk-faq.fat.dark { font-weight: 700; color: #024012; } .new-faqs .sect-cont { padding: 30px 0 0; justify-content: space-around; } .new-faqs .eight.columns.offset-by-two { /* margin-left: 16.66667%; */ width: 66.66667%; float: left; min-height: 1px; padding: 0 20px; position: relative; left: 0%; } /*.new-faqs .faq-block { transition: all .2s linear; width: 100%; display: flex; flex-direction: column; margin-bottom: 15px; background: #f0f7f2; border: solid 1px #ddd; /* padding: 0 20px; */ /*border-radius: 8px; } .new-faqs .faq-question { padding: 12px 20px; display: flex; flex-direction: row; align-items: center; cursor: pointer; } .new-faqs .faq-question .question-link { font-size: 16px; width: calc(100% - 34px); font-weight: 700; padding-right: 20px; color: #226a35; text-decoration: none; background-color: transparent; cursor: pointer; } .new-faqs .faq-question span.ico-faq { transition: all .2s linear; border: solid 2px #226a35; width: 30px; height: 30px; line-height: 26px; text-align: center; border-radius: 40px; color: #024012; font-size: 17px; padding-top: 1px; } .new-faqs .faq-answer { display: none; padding: 0 50px 10px 20px; } .new-faqs .faq-answer p { margin-bottom: 10px; } */ .new-faqs span.fat.dark { font-weight: 700; color: #024012; } .sect-cont sup, .sect-head sup { font-size: 55%; } a:hover, a:active { outline: 0; } a:active, a:hover { outline-width: 0; } a:hover { transition: all 0.2s linear; } /*.faq-question.active span.ico-faq { transition: all .2s linear; transform: rotate(180deg); } .faq-question.active, .faq-answer.show { background: #fff; transition: all .2s linear; } .faq-question.active { border-top-left-radius: 8px; border-top-right-radius: 8px; } .faq-answer.show { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } */ .new-faqs .sect-cont div#accordion, .page-faqs .Faq-Page div#accordion { transition: all 0.2s linear; width: 100%; display: flex; flex-direction: column; margin-bottom: 15px; background: #f0f7f2; border: solid 1px #ddd; border-radius: 8px; cursor: pointer; } .new-faqs .sect-cont article.content-entry, .page-faqs .Faq-Page article.content-entry { align-items: center; cursor: pointer; padding: 0 20px; } .new-faqs .sect-cont .accordion-container .article-title, .page-faqs .Faq-Page .accordion-container .article-title { font-size: 16px; font-weight: 700; color: #226a35; text-decoration: none; background-color: transparent; cursor: pointer; text-transform: none; letter-spacing: 0px; padding: 12px 0; margin-bottom: 0; display: flex; flex-direction: row; align-items: center; } .new-faqs .sect-cont .accordion-container .article-title span.AT, .page-faqs .Faq-Page .accordion-container .article-title span.AT { font-size: 16px; width: calc(100% - 34px); font-weight: 700; padding-right: 20px; } .new-faqs .sect-cont article.content-entry span.ico-faq, .page-faqs .Faq-Page article.content-entry span.ico-faq { transition: all 0.2s linear; border: solid 2px #226a35; width: 30px; height: 30px; line-height: 26px; text-align: center; border-radius: 40px; color: #024012; font-size: 17px; padding-top: 1px; float: right; } .new-faqs .sect-cont .accordion-content, .page-faqs .Faq-Page .accordion-content { display: none; padding: 0 30px 10px 0; } .new-faqs .sect-cont .accordion-content p, .page-faqs .Faq-Page .accordion-content p { margin-bottom: 10px; } .new-faqs .sect-cont article.content-entry.open, .page-faqs .Faq-Page article.content-entry.open { background: #fff; transition: all 0.2s linear; border-radius: 8px; } .new-faqs .sect-cont article.content-entry.open span.ico-faq, .page-faqs .Faq-Page article.content-entry.open span.ico-faq { transition: all 0.2s linear; transform: rotate(180deg); } section#ingred { padding: 0 0 40px; padding-bottom: 20px; background: #dfece2; background: linear-gradient(0deg, rgba(223, 236, 226, 1) 0%, rgba(240, 247, 242, 1) 100%); float: left; width: 100%; position: relative; max-width: 100%; } section#ingred .st0 { fill: #fff; } .ingred-svg { margin-bottom: 10px; } .ingred .sect-head { width: 100%; margin-bottom: 20px; float: left; min-height: 1px; padding: 0 20px; position: relative; } .ingred p.font18 { font-size: 18px; } .ingred.new-ingred .ingred_tabs_wrap { background: #f9f9f9; max-width: 1280px; position: relative; z-index: 3; border-radius: 8px; border: solid 1px #ddd; margin-top: 0px; background: #f0f7f2; } .ingred.new-ingred .tabber.last_tab { border-radius: 0 8px 0 0; border-left: solid 1px #ddd; } .ingred.new-ingred .tabber.first_tab { border-radius: 8px 0 0 0; border-right: solid 1px #ddd; } .ingred.new-ingred .ing_tabs_inner, .tabs_cont { float: left; width: 100%; } .ingred.new-ingred .tabber { color: #226a35; text-decoration: none; opacity: 0.6; padding: 15px 10px; float: left; width: 33.33%; text-align: center; border-bottom: solid 1px #ddd; background: #f1f1f1; border-radius: 8px 0 0 0; border-right: solid 1px #ddd; background: #e2f0e7; border-bottom: solid 1px #d0ead7; } .ingred.new-ingred .tabber.active { opacity: 1; border-bottom: solid 1px #f9f9f9; background: #f9f9f9; background: #f0f7f2; border-bottom: solid 1px #f0f7f2; } .ingred.new-ingred .tabber img { width: 120px; max-width: 100%; float: left; } .ingred.new-ingred .tabber p { display: block; text-align: left; float: left; margin-bottom: 0; line-height: 26px; padding-top: 24px; width: calc(100% - 120px); padding-left: 15px; } .ingred.new-ingred .tabber p span.tab_top { font-size: 21px; font-weight: 700; color: #2d1e12; display: block; } .ingred.new-ingred .tabber p span.tab_bot { font-size: 16px; display: block; } .ingred.new-ingred .tabs_cont { padding: 30px 20px; float: left; width: 100%; } .ingred.new-ingred .tab_cont_inner { display: none; } .ingred.new-ingred .tab_cont_inner.active { display: block; } .ingred.new-ingred .mobile_accord { display: none; } .ingred.new-ingred .seven.columns.featured { width: 58.33333%; border-right: solid 1px #ddd; float: left; min-height: 1px; padding: 0 20px; position: relative; } .ingred.new-ingred .five.columns.featured.ingred-right { width: 41.66667%; padding-top: 30px; padding-left: 30px !important; float: left; min-height: 1px; padding: 0 20px; position: relative; } .ingred.new-ingred .ing-big-img { float: left; width: 25%; padding: 0; margin-bottom: 10px; } .ingred.new-ingred .ing-big-img .ing-big-img-text { color: transparent; background: transparent; padding: 0; } .ingred.new-ingred .ing-big-img .img-box { transition: all 0.2s linear; padding: 15px; float: left; width: 100%; } .ingred.new-ingred .ing-big-img .ing-big-img-text img { border-radius: 50%; border: solid 1px #efefef; } .ingred.new-ingred .ing-big-img .ing-big-img-text span { margin-top: 10px; color: #2d1e12; font-size: 15px; transition: all 0.2s linear; font-weight: 700; padding: 0; display: block; text-align: center; } .ingred.new-ingred .ing-big-img .ing-big-img-text:hover .img-box { padding: 7px; transition: all 0.2s linear; } .ingred.new-ingred .ing-big-img .ing-big-img-text:hover span { color: #72bc51; transition: all 0.2s linear; } .ingred.new-ingred .modal, .ing-supp-wrapper .modal { max-width: 100%; display: none; position: fixed; z-index: 85; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba (255,255,255, 0.7); margin: auto; } .meow-modalBtn {display: none;} .meows.modal { max-width: 100%; display: none; position: fixed; z-index: 15; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba (255,255,255, 0.7); margin: auto; } .meow-modal { width: 766px; margin-left: -383px; left: 50%; position: fixed; top: 120px !important; z-index: 1002; box-shadow: 0px 0px 10px 0px #dfdfdf; background: #ffffff; padding: 30px 20px; border-radius: 10px 10px 10px 10px; } .meow-modal span.closeGa { font-size: 22px; position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; text-align: center; background: #72bc51; border-radius: 38px; line-height: 38px; color: #fff; font-weight: 700; cursor: pointer; z-index: 15; } .ingred.new-ingred .modal-content, .ing-supp-wrapper .modal-content { width: 766px; margin-left: -383px; left: 50%; position: fixed; top: 120px !important; z-index: 1002; box-shadow: none !important; background: 0 0; padding: 0; border-radius: 130px 10px 10px 10px; } .ingred.new-ingred span.ClsBtn, .ing-supp-wrapper span.ClsBtn { font-size: 22px; position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; text-align: center; background: #72bc51; border-radius: 38px; line-height: 38px; color: #fff; font-weight: 700; cursor: pointer; z-index: 15; } .ingred.new-ingred .modal-content .ingred-img { float: left; position: relative; z-index: 80; } .ingred.new-ingred .modal-content .ingred-img span { display: block; } .ingred.new-ingred .modal-content .ingred-img img { border-radius: 50%; position: absolute; width: 320px; margin-left: -75px; margin-top: -25px; border: solid 10px #226a35; max-width: 320px; } .ingred.new-ingred .modal-content .ingred-cont { background: #fff; position: relative; float: right; width: calc(100% - 80px); font-size: 14px; border-radius: 10px; box-shadow: 0 0 10px #c8c8c8 80; padding: 25px 25px 20px 200px; } .ingred.new-ingred .modal-content .ingred-cont p.font21.fattest.marg5.db { font-weight: 900; letter-spacing: 0.015em; margin-bottom: 5px; font-size: 21px; } .ingred.new-ingred .modal-content .ingred-cont .supports { float: left; width: calc(100% - 105px); } .ingred.new-ingred .modal-content .ingred-cont .supports p { float: left; width: 100%; margin-right: 30px; line-height: 0; margin-bottom: 8px; font-weight: 700; font-size: 15px; line-height: 0; position: relative; color: #2d1e12; } .ingred.new-ingred .modal-content .ingred-cont .supports p img { width: 40px; } .ingred.new-ingred .modal-content .ingred-cont .supports p:after { position: absolute; left: 50px; top: 50%; } .ingred.new-ingred .modal-content .ingred-cont .db-link { float: left; width: 105px; padding-top: 54px; } .ingred.new-ingred .modal-content .ingred-cont .supports .immune:after { content: 'Immune Function'; } .ingred.new-ingred .modal-content .ingred-cont .supports .muscle:after { content: 'Muscle Support'; } .ingred.new-ingred .modal-content .ingred-cont .supports .digest:after { content: 'Digestion Support'; } .ingred.new-ingred .modal-content .ingred-cont .supports .skin:after { content: 'Skin & Coat'; } .ingred.new-ingred .modal-content .ingred-cont .supports .energy:after { content: 'Energy Boosting'; } .ingred.new-ingred .modal-content .ingred-cont .supports .joint:after { content: 'Bones & Joints'; } .ingred.new-ingred .modal-content .ingred-cont .db-link { float: left; width: 105px; padding-top: 54px; } .ingred.new-ingred .modal-content .ingred-cont .db-link .more-ing.inline-link { margin-bottom: 15px; display: inline-block; font-weight: 700; font-size: 14px; } .ingred.new-ingred .modal-content .ingred-cont .db-link .more-ing.inline-link .fas { margin-left: 15px; font-size: 16px; margin-top: 4px; color: #72bc51; float: right; } .ingred.new-ingred .feat-wrap { float: left; width: 100%; margin-bottom: 20px; } .ingred.new-ingred .feat-img { float: left; width: 80px; } .ingred.new-ingred .feat-cont { float: left; width: calc(100% - 80px); padding-left: 20px; padding-top: 5px; } .ingred.new-ingred .ingred-right .feat-img span { background: 0 0; border-radius: 50%; display: block; line-height: 0; padding: 3px; /* background: #fff; */ } .ingred.new-ingred .ingred-right .feat-img span img { border-radius: 0; } .ingred.new-ingred .feat-cont { float: left; width: calc(100% - 80px); padding-left: 20px; padding-top: 5px; } .ingred.new-ingred p.dg.fat.font21 { color: #226a35; font-weight: 700; font-size: 21px; } .ingred.new-ingred .twelve.columns { width: 100%; float: left; min-height: 1px; padding: 0 20px; position: relative; } .ingred.new-ingred .compar_wrap { overflow: hidden; position: relative; float: left; width: 100%; } .ingred.new-ingred .compar_cont { overflow-y: hidden; overflow-x: scroll; float: left; width: 100%; } .ingred.new-ingred table.compar { border-collapse: collapse; margin: 0 0 15px; } .ingred.new-ingred .new-ingred .compar tr:nth-child(odd) { background: 0 0; } .ingred.new-ingred .new-ingred .compar tr:nth-child(even) { background: #e2f0e7; } .ingred.new-ingred .compar tr { border-bottom: none; } .ingred.new-ingred .compar td.left_side { line-height: 26px; border-right: solid 10px #f0f7f2; font-weight: 700; color: #2d1e12; width: 340px; font-size: 14px; } .ingred.new-ingred .compar td:first-child { padding-left: 15px; padding-right: 15px; } .ingred.new-ingred .compar td { padding: 7px 0; line-height: 30px; font-size: 18px; font-weight: 700; } .ingred.new-ingred .compar td .greentext { color: #76dc48; letter-spacing: 0.05em; font-weight: 900; } .ingred.new-ingred .compar td .redtext { color: #cc0003; } .ingred.new-ingred .compar th.header { color: #fff; padding: 0; } .ingred.new-ingred .compar th.header { width: 27%; } .ingred.new-ingred .compar th.dinovite { width: 18.25%; } .ingred.new-ingred .compar th.topdog { width: 18.25%; } .ingred.new-ingred .compar th.nutrathrive { width: 15.25%; } .ingred.new-ingred .compar th.vitasmart { width: 21.25%; } .ingred.new-ingred .header { background: #2d1e12 !important; color: #fff !important; border-right: solid 10px #f9f9f9 !important; } .ingred.new-ingred p.font21.fat.head_big.marg0 { font-weight: 700; margin-bottom: 0; font-size: 21px; } .ingred.new-ingred .compar th { color: #2d1e12; padding: 0 !important; } .ingred.new-ingred .compar th span.na { font-size: 16px; line-height: 42px; display: block; } .ingred.new-ingred th:last-child, .ingred.new-ingred td:last-child { padding-right: 0; } .ingred.new-ingred th:first-child, .ingred.new-ingred td:first-child { padding-left: 0; } .ingred.new-ingred .comp_leg { float: left; width: 100%; padding-top: 15px; border-top: solid 1px #ddd; } .ingred.new-ingred span.redtext.legtext { padding-left: 20px; font-weight: 700; text-transform: uppercase; font-size: 18px; color: #cc0003; } .ingred.new-ingred span.greentext.legtext { padding-left: 20px; font-weight: 700; text-transform: uppercase; font-size: 18px; color: #76dc48; letter-spacing: 0.05em; font-weight: 900; } .ingred.new-ingred .comp_dis { float: left; width: 100%; } .ingred.new-ingred .font12 { font-size: 12px; } .ingred.new-ingred .fat { font-weight: 700; } .ingred.new-ingred .compar_mobile { display: none; } .ingred.new-ingred .tab_cont_inner .tab_cont_box.active { display: block; } .ingred.new-ingred .six.columns { width: 50%; float: left; min-height: 1px; padding: 0 20px; position: relative; } .ingred.new-ingred .vita-cont { float: left; width: 100%; display: none; margin: 0; } .ingred.new-ingred .vita-cont.active { display: block; } .ingred.new-ingred .supp-wrap { float: left; width: 100%; border: solid 1px #d0ead7; background: #e2f0e7; padding: 10px 15px 15px; border-radius: 8px; margin-bottom: 15px; } .new-ingred .supp-wrap { background: #e2f0e7; border: solid 1px #d0ead7; } .ingred.new-ingred .db { color: #2d1e12; } .ingred.new-ingred .bold { font-weight: 700; } .ingred.new-ingred .s-l { float: left; width: 100%; text-align: left; border-bottom: dotted 1px #ddd; } .ingred.new-ingred .s-l.no-bord { border-bottom: none; } .ingred.new-ingred .s-l.thicker { margin-bottom: 10px; border-bottom: none; } .ingred.new-ingred span.fu.db.bold { float: left; width: 100%; color: #2d1e12; font-weight: 700; } .ingred.new-ingred .fu { float: left; width: 100%; } .ingred.new-ingred .in { float: left; width: calc(100% - 180px); padding-right: 15px; } .ingred.new-ingred .in-num { float: right; width: 80px; text-align: right; } .ingred .fat { font-weight: 700; } .ingred .marg5 { margin-bottom: 5px; } .ingred.new-ingred .s-l span { display: block; line-height: 19px; font-size: 12px; } .ingred.new-ingred span.in-num-mid { float: left; width: 100px; text-align: left; } .ingred.new-ingred .meow .in { width: calc(100% - 230px); } .s-l.donk {border: none !important; } .probiotics {font-size: 12px; line-height: 17px; margin-top: 10px; margin-bottom: 0px; } .ingred.new-ingred .meow span.in-num-mid { width: 30px; } .ingred.new-ingred .meow .in-num { width: 200px; } .ingred.new-ingred .s-l span.tops { font-size: 24px; font-weight: 900; line-height: 36px; } .ingred.new-ingred .benji .in { width: 100%; } .ingred.new-ingred .high .s-l span { font-size: 14px; line-height: 21px; } section#fort_reviews { margin-top: -1px; padding-bottom: 90px; padding-top: 0; /* float: left; */ width: 100%; position: relative; max-width: 100%; } .fort-reviews .st0, .footer .st0 { fill: #dfece2; } .fort-wrapper { margin-top: 30px; padding: 0 20px; } .fort-wrapper p.fattest.font36.db.marg5 { color: #2d1e12; font-weight: 900; letter-spacing: 0.015em; margin-bottom: 5px; font-size: 36px; } .fort-wrapper p.fifty { max-width: 40%; margin-left: 30%; margin-bottom: 40px; } .fort-wrapper .rev-slide.text-center { border: solid 1px #ddd; background: #fff; border-radius: 8px; padding: 20px; width: 95%; margin: auto; height: 100%; min-height: 402px; } /* .fort-wrapper .slick-track { width: 100% !important; } */ .fort-wrapper .rating-icon { /* width: 100%; */ text-align: center; } .fort-wrapper .rating-icon .dco-attachment, .fort-wrapper .rating-icon p { width: 150px; border: none; display: inline-block; line-height: 0; padding: 6px; background: #e9f0eb; border-radius: 50%; /* float: none!important; */ } .fort-wrapper .dco-attachment img { border-radius: 50%; border: none; } .fort-wrapper .slide-rating { /* width: 100%; */ margin-bottom: 10px; } .fort-wrapper .slide-rating i { font-size: 18px; color: #ff7f00; display: inline-block; padding: 0 2px; } .fort-wrapper p.marg10.dark.fattest.font16.upper { color: #024012; font-size: 16px; text-transform: uppercase; margin-bottom: 10px; font-weight: 900; letter-spacing: 0.015em; } .fort-wrapper .comment-tex { font-size: 14px; } section#footer { padding-top: 0; margin-top: -1px; float: left; width: 100%; position: relative; border-top: none; background-color: transparent; max-width: 100%; padding-bottom: 50px; } .footer .row.donkey { padding-bottom: 0; color: #b0b0b0; } .footer-contact { position: fixed; right: 35px; bottom: 35px; z-index: 6; } .footer-contact a.button { background-color: #226a35; border: 0; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 0.875rem; font-weight: 700; line-height: 44px; text-transform: uppercase; padding: 0 30px; text-shadow: none; transition: background 0.2s; position: relative; border-radius: 40px; } .footer-contact i.fas.fa-envelope { position: absolute; right: 20px; top: -18px; font-size: 24px; color: #ff8238; } .footer-contact .row.donkey { padding: 20px 4.1667% 50px; padding-bottom: 0; color: #b0b0b0; } .footer .row.donkey .ten.columns { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 83.33333%; /* float: left; */ min-height: 1px; padding: 0 20px; position: relative; margin: auto; } .footer .row.donkey p.text-center.font14 { font-size: 14px; text-align: center; } .footer .row { padding: 20px 4.1667% 50px; display: block; margin: 0px auto !important; } .site-footer .row {margin: 0px auto !important;} .footer .five.list.columns { float: left; min-height: 1px; padding: 0 20px; position: relative; width: 41.66667%; padding-top: 30px; } .footer p.font18.dg.fattest.upper.marg5 { font-size: 18px; text-transform: uppercase; margin-bottom: 5px; font-weight: 900; letter-spacing: 0.015em; color: #226a35; } .footer .footUl.list { float: right; padding: 0 30px 0 0; width: 200px; padding-top: 30px; } .footer p.foot_img.mobile { display: none; } .footer .foot_img img { width: 240px; } .footer .footer_menu h6 { font-size: 18px; text-transform: uppercase; margin-bottom: 10px; font-weight: 900; letter-spacing: 0.015em; color: #226a35; padding: 0px; } .footer .footUl a { color: #2d1e12; font-weight: 700; float: left; width: 100%; line-height: 30px; font-size: 15px; } .footer .footUl a.mobile { display: none; } .footer .newsletter_section { padding: 0; background: none; color: #666; } .footer .newsletter_section .Form-content { float: left; width: 100%; margin-bottom: 20px; } .footer .newsletter_section #contact_form input.contact_email { float: left; width: calc(100% - 120px); border-radius: 40px 0 0 40px; color: #333; background: #fff; border: 1px solid #ddd; display: block; padding: 11px 25px; appearance: none; font-size: 0.9375rem; font-weight: 400; line-height: 1.66; margin: 0; height: auto; min-height: auto; } .footer .newsletter_section #contact_form input.newsletter-form__sign-up { width: 120px; float: left; border-radius: 0 40px 40px 0; line-height: 48px; background-color: #226a35; border: 0; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 0.875rem; text-transform: uppercase; padding: 0 30px; text-shadow: none; transition: background 0.2s; font-weight: 700; margin-left: 0px; } .footer .newsletter_section #contact_form input.newsletter-form__sign-up:hover, .footer-contact a.button:hover { background: #72bc51; color: #fff; } .footer .newsletter_section p { font-size: 0.9375rem; margin-bottom: 5px; } button.needsclick.go3894874857.kl-private-reset-css-Xuajs1 { background-color: #226a35; font-size: 0.875rem; font-weight: 700; font-family: muli, sans-serif !important; } input.needsclick.go1652256424.kl-private-reset-css-Xuajs1::placeholder { color: #333; font-family: muli, sans-serif; } input.needsclick.go1652256424.kl-private-reset-css-Xuajs1 { border-radius: 40px 0 0 40px !important; border: 1px solid #ddd !important; font-family: muli, sans-serif; font-size: 0.9375rem; font-weight: 400; opacity: 1; } footer#colophon .wrap { float: left; width: 100%; } footer#colophon .wrap .twelve.columns.foot-bot { float: left; min-height: 1px; padding: 0 20px; position: relative; width: 100%; } footer#colophon .foot-in { float: left; width: 100%; border-top: solid 1px #ccc; padding: 10px 0; } footer#colophon .social { float: left; } footer#colophon .foot-links { float: right; } footer#colophon .foot-links a, footer#colophon .foot-links span { font-size: 14px; display: inline-block; color: #2d1e12; transition: all 0.2s linear; margin-right: 15px; line-height: 21px; } footer#colophon .foot-links span { margin-left: 0px; } footer#colophon .social_icons { margin: 0; padding: 0; } footer#colophon .social_icons a { padding-top: 4px; display: inline-block; color: #2d1e12; transition: all 0.2s linear; margin-right: 5px; line-height: 21px; font-size: 21px; margin-bottom: 0; } footer#colophon .foot-links span a { margin-right: 0px; } .footer .footUl a:hover, footer#colophon .foot-links a:hover { color: #72bc51; } footer#colophon .social_icons a:hover { color: #72bc51; } .fort-reviews .st0, .footer .st0 { fill: #dfece2; } .navigation-top { display: flex; flex-wrap: wrap; flex-direction: row; height: 78px; } .new-homepage.navigation-top { height: 108px;} .page-add-your-free-gift .new-homepage.navigation-top { height: 88px;} .navigation { position: fixed; top: 0; left: 0; width: 100%; z-index: 90; padding: 0; float: left; width: 100%; background: #fff; } .navigation.navigation-top { position: fixed; z-index: 32; } .nav-topper { /* height: 10px; */ width: 100%; padding: 6px 15px; background: #004115 } .nav-topper p { text-align: center; margin-bottom: 0px; color: #fff; } /* .navigation-top .nav .mobile { display: none; } */ .nav { float: left; width: 100%; padding: 0 20px; } .navigation-top .nav { position: relative; display: flex; background: #fff; align-items: center; padding: 8px 20px; } .navigation-top .nav .marg0 { margin-bottom: 0; } .navigation-top .nav .phone_number { right: 0; transition: all 0.2s linear; margin-left: auto; display: flex; text-align: right; padding-right: 10px; } .navigation-top .desk-logo { padding-top: 0; } .nav .desk-logo { /* padding-top: 9px; */ line-height: 0; width: 200px; float: left; display: inline-block; transition: all 0.2s linear; opacity: 1; } .nav a { color: #226a35; text-decoration: none; } .nav .nav-new { border-right: solid 1px #ddd; display: flex; align-items: center; flex-direction: row; padding-right: 10px; } .nav .nav-mobile-new { display: flex; } .nav .nav-with-drop { position: relative; } .cart-conts { padding-left: 30px; position: relative; } .nav .nav-mobile-new .mobile-link, .nav .nav-mobile-new.mobile-link, .nav .nav-mobile-new .faq-mobile { display: none; } .nav .nav-new .desktop-link { display: flex; /* display: block; */ } .desktop-link .nav-desktop__tier-1 { column-gap: 2px; } .desktop-link .nav-desktop__tier-1 summary.nav-desktop__tier-1-link { padding: 0; } .desktop-link .nav-desktop__tier-1 a.nav-desktop__tier-1-link { padding: 0 20px; } .desktop-link .nav-desktop__tier-1 .nav-desktop__tier-1-link span { display: flex; align-items: center; } .desktop-link li.nav-desktop__tier-1-item.nav-desktop__tier-1-item--dropdown-parent span { line-height: 44px; padding: 0 20px; font-weight: 700; font-size: 16px; color: #024012; display: flex; align-items: center; text-transform: capitalize; letter-spacing: 0px; } .desktop-link a .far, .desktop-link span .far { padding-left: 10px; font-size: 21px; } .desktop-link li.nav-desktop__tier-1-item.nav-desktop__tier-1-item--dropdown-parent span:hover { color: #72bc51; } .desktop-link li.nav-desktop__tier-1-item.nav-desktop__tier-1-item--dropdown-parent span.icon-down-arrow { display: none; } .desktop-link .nav-desktop__tier-2--dropdown, .desktop-link .nav-desktop__tier-3 { margin-top: 15px; border-radius: 8px; width: 180px; padding: 10px 25px; background: #dfece2; } .desktop-link .nav-desktop__tier-2--dropdown, .desktop-link .nav-desktop__tier-3 { margin-top: 15px; border-radius: 8px; width: 180px; padding: 10px 25px; background: #dfece2; } .nav-desktop__tier-2--dropdown:before, .nav-desktop__tier-3:before { content: ""; position: absolute; z-index: 2; left: 14px; top: -14px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #dfece2; } .desktop-link .nav-desktop__tier-2--dropdown li { display: flex; flex-direction: row; text-align: left; padding: 0; } .desktop-link li.nav-desktop__tier-1-item.nav-desktop__tier-1-item--dropdown-parent a.nav-desktop__tier-2-link { padding: 0; width: 100%; } .desktop-link li.nav-desktop__tier-1-item.nav-desktop__tier-1-item--dropdown-parent .nav-desktop__tier-2--dropdown li span { display: flex; flex-direction: row; text-align: left; justify-content: space-between; padding: 0; width: 100%; } .desktop-link li.nav-desktop__tier-1-item.nav-desktop__tier-1-item--dropdown-parent .nav-desktop__tier-2--dropdown li span i.fas.fa-chevron-right { justify-content: right; color: #72bc51; } .nav .nav-new a { line-height: 44px; padding: 0 20px; font-weight: 700; font-size: 16px; color: #024012; display: flex; align-items: center; text-transform: capitalize; letter-spacing: 0px; } .nav .nav-new a span { color: #024012; } .nav .nav-new a span.nav-text { color: #024012; } .nav .nav-new a:hover, .nav .nav-new a span:hover, .nav .nav-new a span.nav-text:hover { color: #72bc51; } .nav-new a .far { padding-left: 10px; font-size: 21px; } .nav-new a:hover span { color: #72bc51; } .nav .nav-mobile-new .mobile-link, .nav .nav-mobile-new.mobile-link, .nav .nav-mobile-new .faq-mobile { display: none; } .drop-menu { display: none; position: absolute; } .drop-inner { margin-top: 15px; border-radius: 8px; width: 180px; padding: 10px 25px; background: #dfece2; } .drop-inner:before { content: ""; position: absolute; z-index: 2; left: 14px; top: 1px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #dfece2; } .nav-new .drop-menu a { display: flex; flex-direction: row; text-align: left; padding: 0; } .nav-new .drop-menu a span { flex: 1; } .nav-new .drop-menu a i { justify-content: right; color: #72bc51; } .nav .nav-new a span.cart-tot { color: #fff; position: absolute; top: 15px; right: 0; border-radius: 50%; font-size: 10px; text-align: center; background: #2d1e12; line-height: 20px; width: 20px; height: 20px; } .nav .nav-new a span.cart-tot { right: 5px; top: 5px; background: #72bc51; } .phone_number p { font-size: 16px; line-height: 44px; padding-left: 30px; color: #024012; font-weight: 900; letter-spacing: 0.015em; margin-bottom: 0; } .phone_number p span.lg { color: #72bc51; font-weight: 700; } .phone_number p span.lg .dg { color: #226a35; } .new_text_top .font21 br, .mobile-number { display: none; } .nav-button-new.button { border: 0; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; text-shadow: none; margin-left: 20px; border-radius: 40px; transition: all 0.2s linear; position: relative; } .button.orange { line-height: 44px; border-left: none; padding: 0 40px; background: #ff8238; transition: all 0.2s linear; } .nav-with-drop:hover .drop-menu { display: flex; flex-direction: column; } .footer .newsletter_section .newsletter { width: 100%; } .footer .footUl .toggle_content { display: block; } section#fort_reviews .row { display: block; } .mobile-menu span, .mobile-menu span:before, .mobile-menu span:after { transition: all 200ms ease-in-out; } .mobile-menu span:before { top: -7px; } .mobile-menu span, .mobile-menu span:before, .mobile-menu span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 20px; background: #226a35 position: absolute; display: block; content: ''; } .mobile-menu span, .mobile-menu span:before, .mobile-menu span:after { transition: all 200ms ease-in-out; } .mobile-menu span:after { bottom: -7px; } .mobile-menu span, .mobile-menu span:before, .mobile-menu span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 20px; background: #226a35; position: absolute; display: block; content: ''; } .mobile { display: none; } .footer .footUl a.mobile-Menu { display: none; } .rg-54-test section#footer svg#Layer_1, .index section#footer svg#Layer_1, .page-landing section#footer svg#Layer_1 { display: block; } @media only screen and (min-width: 2100px) { .new-banner {background-size: 100%; padding-bottom: 250px;} } @media only screen and (min-width: 1800px) { .oft-bot {; background-size: 100%;} } @media only screen and (max-width: 1600px) { .content-new {font-size: 16px;} .main-title-new {font-size: 55px; line-height: 65px} .sub-title-new {font-size: 24px;} .hero-large {font-size: 40px;} .hero-icon-bottom p {font-size: 18px;} } @media only screen and (max-width: 1480px) { .home-newest p.Sub-title {font-size: 30px; margin-bottom: 5px;} .dw-section.home-newest .font48 {font-size: 36px; line-height: 40px; margin-bottom: 5px;} .home-newest p.Sub-title span.lg.fattest {font-size: 30px;} .themid span {display: none;} .bg-ten {margin-top: -110px;margin-bottom: 0px;} .ten-day {padding-top: 70px;} .ab-images {display: none;} .free-ten { margin-left: 4%; width: 92%; } .ingred_tabs_wrap { max-width: 96% !important; } .free-text-wrap form { padding: 0px 10px; } .bc-free-two-image {padding: 0px 30px;} .bc-free-nutrition .row, .bc-free-ingredients .row, .bc-free-reviews .row, .bc-free-one .row, .bc-offer-mid .row, .bc-offer-top .row {max-width: 100%;} .bc-bullets {width: 86%; margin-left: 6%;} .bc-left-text {padding-right: 8%;} .bc-free .thetop {font-size: 40px; line-height: 56px;} .bc-ingredients-head, .bc-ingredient-cards {padding: 0px 30px} .bc-rev-head, .bc-rev-box {width: 100%; padding: 0px 30px;} .bc-free-one .bc-free-two-content {padding-left: 30px;} } @media only screen and (max-width: 1400px) { .stand-cards {padding: 0px 15px;} .stand-table-wrapper {padding: 0px 30px;} .home-left {width: 55%; padding-right: 0px;} .home-right {width: 45%; padding-left: 40px;} .hero-large {font-size: 30px;} .hero-icon-img {width: 50px;} .hero-icon-bottom p {font-size: 16px;} .page-issues .row {max-width: 100%;} .three-title {font-size: 18px; margin-bottom: 7px;} } @media only screen and (max-width: 1281px) { .special-bar-inner {padding: 15px 10px;} .special-bar-cont {padding: 0px 20px;} .special-bar-cont span {font-size: 17px;} .special-bar-cont .fas {font-size: 24px;} .trial-img-box img.ruff-img, .trial-img-box img.meow-img {width: 210px;} .booster-left {width: 55%;} .booster-right {flex: 1; display: flex; align-self: center;} .section.two-page-options {padding: 40px 0px } .oft21 {font-size: 16px;} .left-side-two {padding: 0px; gap: 20px;} .right-side-two {padding: 20px 0px 0px 0px;} .right-side-two .button-holder {width: 100%; padding: 0px;} .button-holder .dingle-button {margin-top: 5px;} .left-home {width: 48%;} .midline {font-size: 26px;} .page-add-your-free-gift .nav .nav-new {border-right: none; padding-right: 0px;} .page-add-your-free-gift .navigation-top .nav .phone_number p {padding-left: 0px;} .stick-pack img {width: 60%;} .stick-pack {margin-top: 20px;} .meow-sect .row {max-width: 100%;} .three-icon {width: 48px;} .checker-copy {font-size: 16px;} .bullet {padding: 0px 40px;} .new-banner {background-size: 1600px; padding-bottom: 180px;} .new-nav-contact .new-phone {margin-right: 20px;} .cart-conts.new-nav-link, .new-nav-link {padding: 0px 15px;} .two-column-left {padding-left: 30px;} .issue-tops {font-size: 36px; line-height: 48px;} .issue-mids {font-size: 16px;} .issues-header-wrap .issue-tops {line-height: 48px;} .issues-four .four-title {font-size: 21px;} .issues-four .four-text, .issues-all-text {font-size: 16px;} .issues-all-left {padding-left: 20px;} .issues-all-title {font-size: 21px;} .offer-img {width: 45%;} .offer-info {width: 55%;} .rev-slide-image {right: 15px; width: 70px; height: 70px;} .rev-slide-image img {height: 70px;} .bc-sub-text {width: 80%;} .review-rating .fa-star:before, .review-rating .fas {font-size: 24px;} .product-trial .product-container .section-wrapper .product_section {width: 100%; margin: 0px 0px 0px 0px;} .good-column {width: 31% } .good-column.wider {width: 38%;} .good-bullet li,.good-bullet span {font-size: 16px;} .good-bullet .far, .good-bullet span {font-size: 16px;} .good-title {font-size: 18px;} .good-big p, .good-price {font-size: 24px;} .good-sub {font-size: 14px;} .good-sect, .good-bottom {padding: 0px 20px;} .good-big {font-size: 18px;} .art-ing-wrap, .art-top-wrapper {width: 100%;} .i-text-large {font-size: 36px; line-height: 50px;} .i-text-column {width: 33.33%} .sub-manage-inner {width: 80%;} .trial-two .trial-wrapper, .product_section .trial-wrapper {width: 100%} .free-text { padding: 0px 0px 0px 20px; } .free-ten { margin-left: 0px; width: 100%; } .new_left_side.advertiser { width: 70%; } .new_right_side.advertiser { width: 30%; } .new_left_side.advertiser .font16 { padding-right: 150px; } .advertiser .bag_img { width: 240px; left: -110px; } .nav .desk-logo { padding-top: 8px; } .page-add-your-free-gift .nav .desk-logo {padding-top: 0px;} .nav-new { padding-right: 20px; } .nav-new a { padding: 0 10px; } .navigation-top .nav .phone_number p { padding-left: 20px; } p.Main-title { font-size: 40px !important; line-height: 48px; } p.Sub-title, p.Sub-title span.lg.fattest { font-size: 30px !important; } p.Content { padding: 0 80px; } .dose-text span { font-size: 30px; line-height: 34px; } .dose-circle { width: 46px; height: 46px; line-height: 38px; font-size: 30px; } .expect-row .eight.columns { width: 80%; margin-left: 10%; } .expect .four.columns.text-center { padding: 0 20px; } .ingred.new-ingred .tabber img { width: 75px; } .ingred.new-ingred .tabber p { width: calc(100% - 75px); padding-top: 7px; } .ingred.new-ingred .tabber p span.tab_top { font-size: 18px; } .tabber p span.tab_bot { font-size: 15px; } .feat-wrap .font21 { font-size: 18px; margin-bottom: 5px !important; } .ingred.new-ingred .compar th span.na { font-size: 15px; } .new-faqs .eight.columns.offset-by-two { width: 90%; } .fort-wrapper p.fifty { max-width: 50%; margin-left: 25%; } .nav-new .cart-tot { right: -2px; } } @media only screen and (max-width: 1180px) { .variant-icon {width: 60px;} .variant-sub {font-size: 13px; line-height: 21px;} .variant-copy {padding: 5px;} .contentline {padding-right: 0px;} .left-home {width: 50%;} .right-home {width: 50%; overflow: hidden;} .right-home img {max-width: 130%;} .oft-quest {font-size: 21px;} .oft-100-mid {width: 100%; margin-left: 0px; padding: 25px;} .oft-left, .oft-right {padding: 50px 30px;} .new-nav-link i {display: none;} .meow-nutrition .flex-right {width: 60%;} .new-nav-contact {padding-left: 20px;} .cart-conts.new-nav-link, .new-nav-link {padding: 0px 10px;} .claim-head {font-size: 16px;} .claim-chews {padding: 80px 0px;} .claim-title {font-size: 30px; line-height: 48px;} .claim-subtext {font-size: 16px;} .claim-end {font-size: 21px;} .claim-top-left {padding: 0px 20px;} .claim-row.bc-ingredient-cards {display: grid; grid-template-columns: auto auto;} .claim-cards .ing-card {width: 100%;} .claim-cards {flex-wrap: wrap;} .offer-title {font-size: 17px;} .bc-ingredient-cards {gap: 30px;} .bc-free-two-content {padding-top: 0px; padding-bottom: 0px;} .bc-free-two {flex-wrap: wrap;} .bc-free-flex.mobile-head {display: flex; width: 100%; text-align: center;} .bc-free-flex.display-head {display: none;} .bc-bullets {width: 100%; margin-left: 0%;} .themid {font-size: 16px; line-height: 26px;} .bc-head-text {font-size: 30px; line-height: 48px;} .bc-left-text {padding-right: 65px;} .bc-free .thetop {font-size: 36px; line-height: 52px;} .bc-top .font24 {font-size: 19px;} .bc-free-nutrition .bc-free-two-content, .bc-free-one .bc-free-two-content {padding-left: 30px; padding-right: 30px; width: 52%;} .bc-free-two-image {width: 48%;} .bc-holder .bc-holder-img {border: none;} .bc-free.bc-free-nutrition, .bc-free.bc-free-one {padding: 80px 0px;} } @media only screen and (max-width: 1140px) { .trial-large {font-size: 40px; line-height: 50px;} .trial-small {font-size: 28px;} .trial-button a.button {margin-top: 15px;} .trial-better p {font-size: 14px;} .trial-better .fas {font-size: 18px;padding-right: 5px;} .p-accord-content {flex-direction: column; padding-bottom: 15px;} .benefit-accord {margin-bottom: 0px; width: 100%;} .p-accord-content-inner {flex-direction: column;} .flex-ten {width: 90%; margin-left: 5%;} .flex-ten-header-bottom {width: 100%; margin-left: 0px; padding: 0px 100px;} .wider .good-img {padding: 0px;} .good-img img {width: 81%;} .good-product-title {font-size: 18px;} .good-option-top p {font-size: 16px;} .good-pro-img img, .good-left {width: 150px;} .good-button-wrapper .faux-button span {display: none;} } @media only screen and (max-width: 1080px) { .special-bar-cont:last-child {display: none} .spec36 {font-size: 28px; line-height: 38px;} .spec-img-thumbs {gap: 15px;} .spec-img-wrap {margin-bottom: 15px;} .special-top {padding: 10px 0px 0px 0px;} .trial-img-box img.ruff-img {right: -40px;} .trial-img-box img.meow-img {left: -40px;} .trial-left-box {padding-left: 40px;} .trial-right-box {padding-right: 40px;} .trial-img-box img.ruff-img, .trial-img-box img.meow-img {width: 180px;} .no-thanks-button {border: solid 2px #f9fffb; background: #f9fffb;} .two-title span {font-size: 18px;} .two-title {margin-bottom: 10px;} .two-bold span {font-size: 14px; line-height: 21px} .two-sub {font-size: 14px;} .two-options-flex {padding: 0px; background: none;} .two-copy {padding: 10px 20px 20px 20px;} .two-img {padding: 0px 10px;} .left-home {padding-right: 0px; } .topline {font-size: 18px;} .main-title-new {font-size: 40px; line-height: 50px; margin-bottom: 5px;} .sub-title-new {margin-bottom: 5px;} .content-new {padding-right: 0px;} .home-left {width: 65%;} .home-right {width: 35%;} .meow-bullet-wrap {margin-top: 0px} .meow-big {font-size: 36px; line-height: 44px;} .bullet-large {font-size: 30px;} .bullet-small {font-size: 21px; padding-left: 10px;} .bullet {padding: 0px 25px;} .meow-title {font-size: 30px; line-height: 44px;} .dw-top-text .themid {padding-left: 0px;} .page-social-landing .themid {padding: 0px;} .claim-dog {width: 130px; height: 130px; border: solid 8px #024012;} .claim-test {padding: 0px;} .img-thumb, .img-thumber {width: 20%;} .offer-opts {padding: 15px; border-radius: 20px;} .offer-title {font-size: 16px;} .bc-ad-image {width: 40%;} .bc-trial-block {width: 60%;} .page-testing-bundle .faux-center {order: 1; width: 100%; flex: auto; width: 100%; background: #f1f7f2; padding: 10px 20px; font-size: 15px; } .page-testing-bundle .faux-button {order: 3; padding: 0px 20px;} .page-testing-bundle .faux-head .logo-wrapper {order: 2; padding: 12px 20px; flex: 1;} .page-testing-bundle .faux-head {flex-wrap: wrap; padding: 0px;} .themid {padding: 0px 50px; margin-bottom: 45px;font-size: 18px; line-height: 30px;} .bc-top .font24, .bc-top .marg0 {display: none;} .bc-top .mobile-box .font24, .bc-top .mobile-box .marg0 {display: block;} .bc-top .mobile-box {display: flex; width: 100%; flex-direction: column;} .bc-top .mobile24 {margin-bottom: 20px;} .bc-top .font24 {font-size: 24px;} .bc-free-flex-row.bc-top {flex-direction: column; padding-top: 65px;} .bc-left-text, .bc-top-video {width: 100%; padding: 0px; text-align:center;} .mobile-box .thetop {margin-bottom: 10px;} .mobile-box .font24 {margin-bottom: 15px;} .mobile-box .cover-mobile {margin-bottom: 20px;} .bc-top-video-inner {padding: 0px 30px; margin-bottom: 40px;} .bc-offer-mid .bc-top-video-inner {padding: 0px; } .offer-vid, .offer-more {width: 50%;} .img-thumb img, .img-thumber img {border-radius: 10px;} .good-button-wrapper .faux-button {padding: 15px 20px;} .dosing-flex-row {flex-direction: column;} .dose-box {width: 100%;} .dosing-flex-row .dood .dose-right, .dosing-flex-row .dood .dose-left {align-items:start;} .i-text-large {width: 100%; margin-bottom: 20px;} .i-text-green {font-size: 24px; line-height: 36px;} .i-text {flex-direction: column;} .i-text-full, .i-text-small {padding-left: 0px; font-size: 15px;} .sub-manage-inner {width: 90%;} .new_left_side.advertiser { width: 65%; } .new_right_side.advertiser { width: 35%; } .new_left_side.advertiser .font16 span { display: none; } .new_flex.advertiser .bigAd { font-size: 36px; line-height: 42px; } .navigation-top .nav .phone_number p span { display: none; } .nav .desk-logo { width: 160px; } .navigation-top .nav .phone_number { padding-right: 0; } .nav-new { padding-right: 10px; } .nav-new a { padding: 0 18px 0 20px; } p.Content { padding: 0 30px; } .why-vita.free .six.columns { width: 58%; } .why-vita.free .six.columns.serv { width: 42%; } .why-vita .six .font30.fattest.db { font-size: 21px; line-height: 30px; } .expect-row .eight.columns { width: 100%; margin-left: 0%; } .ingred.new-ingred .tabber img { width: 70px; } .ingred.new-ingred .tabber p { width: calc(100% - 70px); padding-top: 4px; } .ingred.new-ingred .tabber p span.tab_top { font-size: 16px; } .tabber p span.tab_bot { font-size: 14px; } .ingred.new-ingred .seven.columns.featured, .ingred.new-ingred .five.columns.featured.ingred-right { width: 100% !important; border-right: none; } .ingred.new-ingred .five.columns.featured.ingred-right { padding: 30px 0 0 !important; margin-top: 20px; border-top: solid 1px #ddd; } .ing-big-img { width: 25%; } .ingred.new-ingred .feat-wrap { width: 50%; padding: 0 20px; } .footer .row { padding: 20px 0 50px; } .nav-new .cart-tot { right: 10px; } .ingred.new-ingred .modal-content { width: 730px; margin-left: -365px; } } @media only screen and (max-width: 1000px) { .special-two .special-flex {flex-direction: column;} .page-special-offer .dosing {padding-bottom: 50px;} .spec-two-left.offer-more {width: 100%; padding: 0px; display: flex; order: 2;} .spec-two-right {padding: 0px; display: flex; justify-content: center; margin-bottom: 60px;} .show-large {display: none;} .show-small {display: block;} .spec-two-inner {padding: 0px 15px; border: none;} .trial-button a.button {padding: 0px 40px;} .trial-text {padding-top: 50px;} .variant-wrap {flex-direction: column; gap: 15px;} .variant-option {width: 100%; flex: 1; } .variant-choice {width: 100%;} .good-slide {display: flex; order: 4; width: 100%; margin: 20px 0px 0px;} .good-slide-wrap {width: 100%; flex: 1;} .wider .good-button-wrapper {margin-top: 0px;} .left-home {width: 55%;} .right-home {width: 45%;} .oft-100 {padding: 30px 0px;} .oft-50 {flex-direction: column; border-radius: 0px 0px 0px 0px;} .oft-left, .oft-right {border-left: none; width: 100%; border-right: none; border-radius: 0px 0px 0px 0px; padding: 30px 25px;} .oft-left {border-bottom: solid 2px #fff; border-radius: 0px 0px 0px 0px; } .oft-right {border-radius: 0px 0px 12px 12px;} .three-copy, .new-nav-contact {padding-left: 0px;} .new-nav-link-wrap {border-right: 0px;} .how-copy .three-text {padding-right: 0px;} .issues-all-right {padding: 0px 20px; margin-bottom: 20px;} .meow-how {padding-top: 0px;} .meow-how .flex-meow {flex-direction: column;} .flex-three {width: 50%;} .flex-three:last-child {display: none;} .meow-nutrition .flex-meow {flex-direction: column;} .meow-nutrition .flex-left, .meow-how .flex-left {order: 2; } .meow-nutrition .flex-right, .meow-how .flex-left {width: 80%; text-align: center; } .meow-how .flex-right {width: 80%; margin-bottom: 40px;} .bullet-large {font-size: 30px;} .bullet-small {font-size: 18px; padding-left: 10px;} .bullet {padding: 0px 15px;} .meow-bullet {margin-bottom: 5px;} .checker {width: auto; background: none; line-height: auto; font-size: 18px; height: auto;} .checker .fas {color: #62bdee;} .checker-copy {padding-left: 15px; text-align:left;} .meow-three {padding: 60px 0px;} .three-copy.how-copy {text-align: left;} .new-nav-link span {font-size: 15px;} .new-nav .new-button.orange-new {padding: 0px 20px; font-size: 14px;} .new-nav-link i{display: inline-block; font-size: 18px;} .new-nav-contact .new-phone {display: none;} .issues-four {padding: 0px 15px;} .issues-header-wrap .issue-tops {width: 80%;} .issues-test-text, .issues-test-author {font-size: 18px;line-height: 30px;} .issues-testimonial .issues-test {margin: 0px 0px;padding: 0px 20px;} .two-column-left {padding-left: 30px; width: 48%;} .issue-tops {font-size: 36px; line-height: 48px;} .issue-mids {padding-right: 30px;} .two-column-right {width: 52%;} .issues-all-right {order: 1; width: 100%; text-align: center;} .issues-all-left {order: 2; width: 100%; margin-top: 20px;} .issues-all-left {flex-direction: row; flex-wrap: wrap; display: flex;} .issues-all-left .issues-all-block {width: 50%; padding: 0px 20px} .issues-flex.all-block {flex-direction: column;} .issues-all .issues-header-wrap .issue-tops {margin-bottom: 40px;} .claim-chews .claim-subtext {width: 80%;} .claim-pad {padding: 40px 0px 50px;} .claim-top-left {width: 100%;} .claim-top .claim-row {flex-direction: column;} .claim-top-right {display: none;} .claim-bags-mobile {display: flex; padding: 0px 20%;} .bc-free.bc-offer-mid {padding-top: 50px;} .bc-free.bc-free-nutrition, .bc-free.bc-free-one {padding: 50px 0px;} .bc-free-flex.mobile-head {text-align: left; padding: 0px 30px; margin-bottom: 15px;} .bc-trial-block {padding: 0px 30px;} .bc-ingredients-head {width: 100%; padding: 0px 30px;} .bc-sub-text {padding: 0px 0px; width: 100%;} .bc-free-nutrition .bc-free-two-image, .bc-free-one .bc-free-two-image {display: none;} .bc-free-nutrition .bc-free-two-content, .bc-free-one .bc-free-two-content {width: 100%;} .good-button-wrapper .faux-button {margin-top: 15px;} .rg-67-test .good-button-wrapper, .good-button-wrapper {width: 100%; margin-top: 10px; margin-bottom: 25px !important;} .info-text-line {max-width: 100% !important; bottom: auto !important; transform: none !important; position: relative !important; text-align: center!important; width: 100% !important; margin: 20px 0px 0px 0px !important; left: 0px !important;} .good-button-wrapper .faux-button span {display: inline;} .trial-section {margin-top: 60px;} .trial-right .purchase-details__buttons {margin-left: 0px !important;} #huratips-addtocart-sticky form h1.product_name {font-size: 21px !important;} .tab-flex-columns {flex-direction: column;} .tab-flex-large, .ingred.new-ingred.flex-nutrition .six.columns.ga-content-wrapper, .ingred.new-ingred.flex-nutrition .six.columns {width: 100%;} .ingred.new-ingred.flex-nutrition .six.columns {padding: 0px; margin-top: 10px; } .tab-flex-small {width: 100%; padding-left: 0px; margin-top: 20px;} .button-wrap {margin-bottom: 30px !important;} .flex-ten {width: 100%; margin-left: 0%;} .flex-ten-header-bottom {width: 100%; margin-left: 0px; padding: 0px 40px;} .bg-ten {margin-top: -70px;} .good-text {padding: 0px 15px;} .powder-opt {order: 2} .good-option-block, .good-block {text-align: left;} .good-options {width: 50%;margin: 0px; padding: 0px 15px;} .good-opts-wrapper {flex-direction: column;} .good-pro-img img, .good-left {width: 100%;} .good-left {width: 100%; padding-right: 0px;border-radius: 8px 8px 0px 0px;border: none; } .good-opts-wrapper {border-radius: 8px; border: solid 1.25pt #dddddd;} .good-pro-img {padding: 0px; margin-left: 0px;margin-top: 0px; border: none; border-radius: 8px 8px 0px 0px;} .good-pro-img img {border-radius: 8px 8px 0px 0px;} .good-right {border: none; border-top: solid 1.25pt #dddddd; border-radius: 0px 0px 8px 8px;} .flex-good.head-piece {margin-bottom: 0px; margin-top: 0px;} .flex-good {flex-direction: column; margin-top: 20px;} .flex-good.choice {flex-direction: row; width: 100%;} .wider .good-img, .good-column .good-img {width: 50%; line-height: 0px;} .good-column, .good-column.wider {width: 100%; margin: 0px auto 30px auto;} .good-sect, .good-bottom {padding: 0px 30px;} .good-bottom {width: 100%;} .good-big p {text-align: left;} .good-text {margin-bottom: 15px;} .good-inner {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;} .good-horz {flex: 1; padding: 30px 0px 10px 0px;} .ing-content .excerpt {font-size: 14px;} .trial-wrapper {width: 94%;} .dose-text span { font-size: 24px; line-height: 28px; } .dose-text { padding-left: 20px; } .dose-img-wrap { padding: 0 15px; } .fort-wrapper p.fifty { max-width: 80%; margin-left: 10%; margin-bottom: 20px; } } @media only screen and (max-width: 900px) { .meow-modal, .page-ten-day-add .modal-ga {width: 90%; margin-left: -45%;} .product-trial .shopify-section--product-template .container { display: flex; flex-flow: column;} .product-trial .product-container .product__images { width: 100%; order: 2;} .product-trial .product-container .product__details { width: 100%;} .product-trial .smart-payment-button--false .purchase-details { padding-bottom: 16px;} .product-trial .product-container .product__details .product_form {margin-bottom: 0px;} .trial-right-box {order: 1; padding: 0px 20px;} .trial-left-box {order: 2; padding: 0px 20px;} .trial-flex {flex-direction: column;} .trial-box {width: 60%; margin: 0px auto 20px auto;} .booster-flex {flex-direction: column;} .booster-left, .booster-right {width: 100%;} .booster-left {order: 2; padding: 30px 20px 0px 20px;} .booster-right {padding: 0px 0px 0px 80px;} .midline {font-size: 24px;} .oft-100-mid {flex-direction: column;} .oft-box-left, .oft-box-right {padding: 0px 0px; width: 100%;} .oft-box-left {margin-bottom: 20px;} .oft40 {font-size: 24px;} .hero-icon-bottom p {font-size: 14px;} .offer-more {margin-bottom: 30px;} .bc-offer-top .bc-free-flex, .bc-offer-mid .bc-free-flex {flex-direction: column;} .offer-info, .offer-img, .offer-vid, .offer-more {width: 100%;} .offer-img {text-align: center; margin-bottom: 20px; } .jquery-modal .modal-ga {width: auto;} .dw-top-main.flex-ads.new-homepage {width: 66%;} .good-button-wrapper .dog-trial .purchase-details__buttons {margin-top: 15px !important} .good-sub {margin-bottom: 0px;} h1.ing-title {font-size: 36px;} .art-block p, .art-sub, .art-content, .art-block ul li {font-size: 16px;} .art-block p.block-head, .art-sub-content {font-size: 18px; line-height: 28px;} .art-top {width: 65%;} .modal-ga {width: 700px; margin-left: -350px;} .i-text-column {padding-right: 25px;} .trial-two .trial-wrapper {flex-direction: column;} .trial-two .trial-left {width: 100%; border-right: none; border-radius: 0px 0px 12px 12px; order: 1;} .trial-two .trial-right {width: 100%;} .free-image { display: none; } .free-text { width: 100%; padding-left: 0px; } .new_flex.advertiser .bigAd { font-size: 32px; line-height: 36px; } .new_left_side.advertiser .midAd { font-size: 24px; } .advertiser .bag_img { width: 220px; left: -110px; } .new_left_side.advertiser { padding-right: 0px; } .home .why-vita { padding-top: 70px; } .page-dog-trial .why-vita.free, .why-vita.new-free { padding-top: 60px; } .why-vita.free .six.columns.month { width: 100%; order: 2; } .why-vita.free .six.columns.serv { width: 100%; order: 1; padding-top: 30px; } .why-vita.free .flexed { display: flex; flex-direction: column; } .serv .vid-pop { margin-bottom: 40px; } .free.serv img { width: 100%; } .serv .offer-box { float: left; padding-top: 0; width: 100% !important; } .why-vita .offer-box { display: none; } .footer .footUl.list { width: 190px; } .ingred.new-ingred .feat-wrap { margin-bottom: 10px; width: 100%; } .ingred.new-ingred .feat-img { width: 50px; } .ingred.new-ingred .modal-content .ingred-img img { width: 220px; margin-left: -25px; } .ingred.new-ingred .modal-content { width: 680px; margin-left: -365px; } .ingred.new-ingred .modal-content .ingred-cont { padding-left: 145px; } } @media only screen and (max-width: 780px) { .booster-form {padding-right: 0px;} .booster-right {padding: 0px 50px 0px 120px;} .booster-top {padding: 0px 0px 40px 0px;} .new-lp-banner p {font-size: 18px;} .hero-icon-top {justify-content: center;} .hero-icons {margin-top: 20px;} .home-top {flex-direction: column;padding-top: 0px; overflow: hidden;} .new-lp-topper {padding-top: 0px;} .home-left {width: 100%; order: 2; display: flex; text-align: center; padding: 20px 20px 0px 20px;} .home-right {width: 100%; order: 1; padding: 0px 0px; margin-top: -40px;} .home-right img {width: 120%; margin: 0px 0px 0px -10%;} .page-social-landing .free-how .svg-bottom, svg.flipper {display: none;} .issue-mids {padding-right: 0px;} .issues-all-left .issues-all-block {width: 100%; padding: 0px;} .issues-all-icon {width: 50px;} .issues-all-title {font-size: 18px;} .issues-all-text {font-size: 16px;} .issues-flex.all-block {flex-direction: column;} .issues-all-right, .issues-all-left {width: 100%; display: flex;} .issues-all-right {order: 1; justify-content: center; padding-left: 15px; padding-right: 5px;} .issues-all-left {padding: 0px 20px; order: 2; margin-top: 50px; flex-direction: column;} .issues-all {padding-top: 70px;} .issues-all .issues-header-wrap .issue-tops {margin-bottom: 40px;} .ga-btn {padding: 10px 25px 0px; } .ga-btn a {width: 80%; text-align: center; margin: 0px auto;} .issues-four .four-content {padding-top: 10px;} .issues-four {width: 100%; padding: 0px 20px; margin-bottom: 10px;} .issues-ingredients .issues-flex {flex-direction: column;} .issues-header-wrap .issue-tops {width: 100%; padding: 0px 25px; font-size: 30px; line-height: 42px;} .issue-tops {font-size: 30px; line-height: 42px;} .issues-testimonial {padding-bottom: 40px;} .issues-ingredients {padding-top: 10px;} .issue-tops {padding-right: 0px;} .issues-test {flex-direction: column;} .issues-test-right {padding: 0px 10px;} .issues-cred .issues-flex {margin: 30px 0px 20px 0px;width: 100%; padding: 0px 25px; } .issues-test-left {width: 100%;margin-bottom: 30px; text-align: center;} .button_block {margin-bottom: 30px;} .issue-flex-top {flex-direction: column;} .two-column-left {width: 100%; padding: 0px 25px;} .two-column-right {padding: 0px 15px 0px 35px; width: 100%;} .issues-top .offer-rating-block {justify-content: left;} .header-button {display: none;} .issue-mobile-nav {display: flex; flex-direction: row; justify-content: right;} .issue-head {padding: 0px;} .issues-header {width: 100%;position: relative;} .issue-logo {padding-left: 20px; width: auto;} .mobile-nav-icon {width: 60px; line-height: 58px;} .issue-logo a {width: 150px;} .page-social-landing .new-home .expect-row {padding-top: 20px;} .claim-title {font-size: 24px; line-height: 36px; } .claim-head {font-size: 14px; } .claim-subtext {} .claim-end {font-size: 18px; margin-bottom: 5px; } .claim-price {margin-bottom: 10px;} .price-strike {font-size: 21px;} .price-norm {font-size: 32px;} .claim-button-wrap {} .claim-button {} .claim-pad {padding-top: 15px;} .claim-chews {padding: 50px 0px 40px;} .test-claim {padding: 0px; width: 100%;} .test-claim.mobile-no {display: none;} .claim-back {border-radius: 0px;} .claim-subtext {margin-bottom:10px;} .page-claim-offer .navigation {background: #f1f7f2;} .claim-section.claim-top {padding-top: 120px;} .claim-row .swiper-wrapper .ing-slide-inner, .claim-row .swiper .ing-slide-cont-inner {box-shadow: none !important; border-radius: 10px;} .bc-ingredients-box.claim-row {padding: 30px 0px 50px 0px;} .claim-row.bc-ingredient-cards {display: none;} .modal.bc_vid_modal {width: 100%;} .bc_vid_modal iframe {border-radius: 0px;} .offer-more {margin-bottom: 0px;} .page-offer .modal img {border-radius: 20px; } .page-offer .bc_inner_modal {padding: 0px;} .offer-img .main-img img {border-radius: 20px;} .main-img {margin-bottom: 0px;} .bc-top-video-inner span {width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; line-height: 60px; font-size: 21px;} .bc-top-video-inner img {border-radius: 20px;} .bc-offer-mid .bc-top-video-inner {margin-bottom: 25px; } .offer-img {flex-direction: row; display: flex;} .main-img {padding-right: 15px; flex: 1;} .main-img-thumbs {width: 15%; flex-direction: column;} .img-thumb, .img-thumber {margin-right: 0px; margin-bottom: 15px; width: 100%;} .img-thumber:last-child {margin-bottom: 0px;} .offer-more {order: 2;} .bc-free.bc-offer-mid {padding: 30px 0px;} .offer-review-img {display: none;} .offer-review-name {margin-bottom: 0px;} .offer-review-inner {padding: 23px; border-radius: 20px;background: #f1f7f2;} .offer-review-title {padding: 0px 5px;} .offer-options, .offer-button {padding: 0px 20px 30px 20px; margin-bottom: 0px;background: #f1f7f2;} .bc-offer-top {background: none;} .bc-offer-top.bc-free {padding-top: 0px; padding-bottom: 0px;} .offer-title-wrapper {padding: 30px 25px 10px; margin-bottom: 0px;background: #f1f7f2;} .page-offer .navigation {background: #f1f7f2;} .offer-review-wrap {padding: 0px 20px; border-bottom: none; margin-top: 20px;} .offer-review {padding: 0px;} .offer-img {text-align: left; background:#f1f7f2; margin-bottom: 0px; padding: 0px 20px 20px 20px; line-height: 0px;} .offer-img img {width: 100%; border-radius: 20px;} .offer-info {padding: 0px;} .offer-mobile {display: flex;} .offer-desk {display: none;} .jquery-modal .ga-tabs {margin-bottom: 0px;} .jquery-modal .modal-ga {border-radius: 40px 40px 0px 0px; padding: 30px 20px;} .modal.bc_ga_modal {margin: 0px; top: 140px; } .bc-ingredients-button {padding-top: 0px;} .mobile-img {display: flex;} .display-img {display: none;} .bc-free-nutrition .bc-free-two-image, .bc-free-one .bc-free-two-image {display: flex; order: 1; padding: 0px; margin-bottom: 50px; width: 100%;} .bc-free-two-image img {border-radius: 0px;} .bc-free-nutrition .bc-free-two-content, .bc-free-one .bc-free-two-content {order: 2;} .bc-free-flex.mobile-head {display: none; width: 100%; text-align: center;} .bc-free-flex.display-head {display: flex;} .bc-free.bc-free-nutrition, .bc-free.bc-free-one {padding: 0px 0px 50px 0px;} .bc-sub-tex, .themid {font-size: 16px; line-height: 1.7em;} .bc-rev-head .bc-head-text {margin-bottom: 0px;} .bc-free-start.bc-free {padding-bottom: 50px;} .bc-trial a.orange.rounded.button {font-size: 0.875rem;} .page-testing-bundle .new-faqs .eight.columns.offset-by-two {padding: 0px 30px;} .bc-bullets {width: 86%; margin-left: 6%; } .bc-start-head {position: relative;} .bc-trial-block {width: 80%; margin-left: 10%;} .bc-ad-image {position: absolute; top: -40px; left: 20px; width: 160px;} .bc_inner_modal .purchase-details__buttons {margin-top: 15px !important;} .bc_inner_modal #weight {margin-bottom: 25px;} .bc_inner_modal {padding: 60px 35px} .bc-ingredient-cards {display: none;} .bc-holder .bc-holder-img {margin-right: 15px;} .bc-holder .bc-inner-holder {flex: 1;} .bc-head-text {font-size: 24px; line-height: 36px;} .bc-free-nutrition .bc-free-two-content {padding: 0px 30px;} .faux-button .fas {display: inline-block; margin-left: 10px;} .page-testing-bundle .faux-button {order: 3; padding: 0px 20px 0px 0px;} .faux-head a.orange.rounded.button.pad-plus { background: none; color: #024012; padding: 0px;} .bc-free-flex-row.bc-top {padding-top: 175px;} .bc-free.bc-free-top {padding-bottom: 80px;} .bc-top-video span {padding-left: 5px;} .page-testing-bundle .faux-head {position: fixed; background: #fff; border-bottom: solid 3px #f7f7f7; z-index: 90;} .page-testing-bundle .faux-button {} a.orange.rounded.button.pad-plus {line-height: 44px;} .bc-top .font24 {font-size: 18px;} .bc-ingredients-box {display: flex;padding: 60px 0px 100px 0px;} .bc-rev-box .swiper {width: 90%; overflow: visible; margin-left: 0px;} } @media only screen and (max-width: 767px) { .sms-top {padding-top:40px; } .sms_big {font-size: 18px;} .sms_sub {display: none;} .sms-signup {width: 100%; margin-left: 0%; } .sms-signup.sms-form {width: 100%; margin-left: 0%;} .sms-form form {padding: 0px !important;} .page-landing .index-top, .index .index-top {padding-top: 0px;} .need-code {display: block;} .index-abconvert-index-rvbyt5ah .issues-header.new-header, .index-abconvert-index-jiijjvqq .issues-header.new-header, .index .issues-header.new-header {position: relative;} .nav-topper p.call-center-p {font-size: 14px;} .nav-topper p.call-center-p br {display: inline;} .index-abconvert-index-jiijjvqq .mobile-nav-icon.phone-icon, .index .mobile-nav-icon.phone-icon {display: none;} .page-special-offer .section-wrapper.section-wrapper--page {padding-top: 60px;} .special-two .offer-more .dosage_inner p {padding: 5px 20px; font-size: 15px;} .special-two .offer-more .dosage_top p.fattest.text-center.marg0.font24.wt {font-size: 18px;} .special-two {padding-bottom: 30px} .spec28 {font-size: 24px;} .special-top {padding-top: 15px;} .specMobile {display: flex; flex-direction: column;} .specTop {display: none;} .special-right {padding-left: 0px; width: 100%; } .special-right .special-inner {border: none; padding: 20px 0px;} .special-left {width:100%; padding-right: 0px;} .special-top .special-flex {flex-direction: column;} .special-bar {padding: 30px 0px 20px 0px;} .special-flex {padding: 0px 20px;} .special-bar-cont {margin-bottom: 15px; padding: 0px 0px;} .special-bar-cont:last-child {display: flex; margin-bottom: 0px;} .special-bar-inner {flex-direction: column; align-items: center; padding: 15px; align-items: left;} .good-button-wrapper a span.risk-hide{display:none;} .bought .shopify-block{width:100%;} .meow-top{padding-top:0px;} .free-how-wave{display:block;} .free-how .dog-bowl{display:none;} .meow-modal span.closeGa{right:20px;top:-40px;border-radius:5px 5px 0 0;} .page-coming-soon .sign-form{width:430px;margin-left:0px!important;} .home-newest{padding-top:0px;} .desk-good{display:none;} .mobile-good-top{display:inline;} .new-dosing{padding-top:30px;} .dosing-flex-row{margin-top:10px;margin-bottom:20px;} .dose-box{margin-bottom:20px;} .dose-large span{border:solid 4px #72bc51;border-radius:50%;margin-right:15px;width:40px;height:40px;display:inline-block;line-height:30px;text-align:center;} .dose-right{padding-left:0px;} .dose-row,.dose-row.dose-topper{margin-bottom:12px;} .dose-left{display:none;} .bundle-trial .trial-sect{display:flex;flex-direction:column;} .bundle-trial .trial-topper{order:1;} .bundle-trial .trial-getter{order:2;} .bundle-trial .trial-option-wrapper{order:3;} .bundle-trial .trial-plan{order:4;} .bundle-trial .trial-after{order:5;padding-bottom:20px;border-bottom:solid 2px #dddddd;margin-bottom:30px;} .bundle-trial .trial-button-wrap{order:6;} .free-ten{padding-top:0px;} p.Main-title{font-size:23px!important;line-height:26px;} .page-dog-trial p.Main-title{font-size:23px!important;line-height:26px;} .product-main.product-6776715542601{padding-top:20px;} .green.fz21{margin:0px!important;} #weight{margin-bottom:0px;} .product-trial .product-container #top .product_name{font-size:30px;margin-bottom:0;} .product-trial .shopify-section--product-template{padding-top:80px;} .product-trial .product-container #top h4{margin-top:0px;font-size:18px;margin-bottom:15px;} .product-trial .shopify-section--product-template .container{width:100%;margin:0;border:none;padding:0;} .product-trial .product-container .product__details .description{margin-bottom:0px;} .product-trial .product-container .product__details h2{font-size:21px;margin-top:15px;margin-bottom:5px;letter-spacing:0.015em;} .product-trial .product-container .product__details .fz21{font-size:16px;} .product-trial .product-container .product__details .font18{font-size:16px;} .product-trial .swatch_options #last-text{margin-bottom:15px;} .product-trial .product-container .product__images{background:transparent;border-left:none;} .product-trial .product-container #how-it-works{padding:30px 0px 0px;} .product-trial .product-container #how-it-works h2{padding:36px 0 0px;border-top:solid 1px #ddd;font-size:21px;margin-bottom:5px;} .product-trial .product-container #how-it-works h5{font-size:16px;margin-bottom:10px;padding:0;} .product-trial #fort_reviews .fort-wrapper{padding:40px 20px;} .product-trial #fort_reviews{padding-bottom:0px;} .trial-text {padding-top: 20%;} .trial-img-box img.ruff-img, .trial-img-box img.meow-img {width: 220px;} .trial-flex {padding-bottom: 0px;} .trial-img-box img.meow-img {left: 0px;} .trial-img-box img.ruff-img {right: 0px;} .trial-box {width: 100%; margin: 0px auto 20px auto;} .faux-tidbits .fal {display: none;} .good-mobile-price.deal-price {display: flex; flex-direction: column; align-items: end; } .good-mobile-price.deal-price .actual {font-size: 28px; font-weight: 900; color: #2D1E12; line-height: 30px; margin-left: 0px; padding-left: 0px;} .good-mobile-price.deal-price .strike-through {line-height: 30px;padding: 0px; color: #cc0003;} .rg-67-test .wider .good-button-wrapper {margin-bottom: 0px !important;} .picker-top {font-size: 14px;} .picker-bottom {font-size: 13px;} .good-slide {margin-bottom: 20px; padding: 5px 0px;margin-top: 0px;} .two-options-flex {margin-top: 10px;} .two-img {width: 30%; line-height: 0px; display: flex;} .two-copy {padding-top: 0px; padding-bottom: 0px; justify-content: center;} .right-side-two {padding: 0px 20px;} .left-side-two {flex-direction: column; padding: 20px;} .two-pro-inner {flex-direction: row;} .two-pro {width: 100%;} .new-nav-link i {color: #226a35;} .new-nav-link span.cart-tot {right: 0px; top: 8px;} .mobile-nav-icon, .mobile-nav-icon.cart-conts {display: flex;} .mobile-nav-icon.cart-conts .nav-text {display: none;} .mobile-nav-icon.cart-conts {margin-right: 30px;} .side-tabs-wrap {gap: 10;} .side-tab {padding: 0px 0px; font-size: 13px;} .meow-p .new-button.orange-new {margin: 0px auto;} .typeform-rev .subliner {padding: 0px 20px;} .free-how .plus-pad {padding-top: 60px;} .review-wrap-brett.review-wrap{margin:23px auto 0} .midline {margin-bottom: 10px; margin-top: 5px;} .index-top {padding: 0px 0px 40px 0px;} .left-home {width: 100%; text-align: center; padding: 20px 40px 20px 40px; order: 2;} .right-home {width: 100%;} .right-home img {position: relative; left: 50%; width: 780px; max-width: 780px; margin-left: -395px; margin-top: -250px;} .flex-row-topper {flex-direction: column;} .campaigns .issues-header.new-header {display: none;} .flex-choose {margin-bottom: 0px;} .choose-pet-wrap {width: 80%;} .pet-chooser {width: 50%;} .nav .nav-new a span.cart-tot {right: -10px;} .oft-top .oft21 {padding: 0px 20px;} .page-add-your-free-gift .new-homepage.navigation-top {height: auto;} .page-add-your-free-gift .nav .nav-new {border-right: solid 1px #ccc; padding-right: 20px;} .page-add-your-free-gift .navigation-top .nav .phone_number p {padding-left: 20px;} .num-circle {font-size:21px; line-height: 34px ; border: solid 3px #72bc51; width: 40px; height: 40px; margin-right: 10px;} .oft-top {padding-top: 40px; margin-top: 0px;} .oft40 {font-size: 21px;} .oft21 {font-size: 16px;} .oft21 br, .oft16 br {display: none;} .free-gift-modal-inner {width: calc(100% - 40px); margin-left: 0px; left: 20px;} .index .dw-benefits {padding: 40px 0px 30px 0px;} .simple-button {width: 100%; text-align: center;} .meow-p {display: flex; flex-direction: column;} .new-button.contin.hideme {width: auto; margin: 0px auto 0px auto; } .new-button.order.showme {margin: 0px auto 15px auto; padding: 0px 60px; width: auto;} .bought .rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__actions {padding-top: 0px; } .bought .rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle__image {margin-bottom: 15px; width: 50%;} .bought .rebuy-widget.widget-type-dynamic-bundle .rebuy-bundle {padding: 0px 20px;} .bought .rebuy-widget.widget-type-dynamic-bundle .primary-title {font-size: 18px;} .block-wrap {padding-bottom: 30px;} .product__details--product-page .product-block.frapp {justify-content: start; width: 100%;} .meow-greens .page-coming-soon .section-wrapper.section-wrapper--page {padding-top: 0px;} .meow-how {padding-bottom: 0px;} .how-icon {margin-bottom: 20px;} .three-copy.how-copy {text-align: center;} .meow-how .three-title.green-title, .how-icon {margin-bottom: 20px;} .meow-nutrition, .meow-how .three-title.green-title, .meow-how .meow-title {width: 100%; text-align: center;} .button-row {margin-top: 20px;} .button-row p {width: 100%; padding: 0px 20px;} .button-row p .new-button, .meow-nutrition p .new-button {width: 100%; padding: 0px 40px; text-align: center;} .flex-three {padding: 0px 20px;} .three-icon {padding: 0px 5px 0px 0px} .meow-three .flex-meow {align-items: center;} .meow-title {font-size: 24px; line-height: 36px; padding: 0px 0px; } .meow-three .meow-title {padding: 0px 20px;} .meow-nutrition .flex-right, .meow-how .flex-left {text-align:left; width: 100%;} .meow-nutrition .flex-meow .flex-right {padding-bottom: 10px;} .new-bullet .new-flex, .meow-how .flex-three-inner {flex-direction: column; } .meow-bullet {width: 100%;} .bullet {padding: 0px 20px 0px 30px; margin-bottom: 25px;} .bullet:last-child {margin-bottom: 0px;} .meow-top .flex-right {padding: 0px 10%;overflow: hidden;} .meow-top .flex-right img {margin-top: -30px;} .meow-top .meow-big {font-size: 28px; line-height: 40px; margin: 0px 0px 20px 0px; padding: 0px 10px;} .meow-top .flex-left {order: 2; text-align: center; margin-bottom: 40px;} .flex-meow {flex-direction: column;} .flex-meow .flex-left, .flex-meow .flex-right {width: 100%;} .flex-three {width: 100%;} .flex-three:last-child {display: flex;} .new-nav {display: none;} .issues-all .button_block {margin-top: 20px;} .good-img img {width: 100%;} .good-button-wrapper .faux-button {margin-top: 0px;} .flex-good {margin-bottom: 0px;} .gbb-button b {display: none;} .good-button-wrapper {margin-top: 0px; padding: 0px; order: 4} .good-button-wrapper a.faux-button.bundle-button {} .dosing-flex .head-line {font-size: 21px;} .dosing-flex .font18 {font-size: 16px;} .dw-top-main.flex-ads.new-homepage {width: 100%; padding-top: 20px; margin-bottom: 30px;} .new-homepage .dw-top-text{width: 100%;} h4.primary-title {font-size: 24px;} a.notice_link {text-align: center;} .good-button-wrapper .dog-trial .purchase-details__buttons {margin-top: 5px !important} .cert {display: none;} .good-details a {font-weight: 700; display: flex; width: 100%;margin-top: 10px; margin-bottom: 15px; align-items: center;} .good-details a span {display: block; flex: 1;} .good-details a i {text-align: right;} .good-mobile-big {font-size: 24px; font-weight: 900; color: #024012; padding-bottom: 15px; flex: 1;} .good-mobile-price {justify-content: right; font-size: 28px; color: #2D1E12; font-weight: 900; display: flex; align-items: center;} .good-mobile-price span {padding-left: 10px; font-size: 16px; color: #666666; font-weight: 400;} .good-mobile-big span {font-size: 16px; font-weight: 700; color: #666666; display: block; line-height: 30px;} .good-top-mobile {border-bottom: solid 1px #d7e3da; } .good-top-mobile p {margin-bottom: 0px;} .good-top { background: none !important; padding: 0px; margin-bottom: 15px;} .good-top p { border-radius: 40px; font-size: 14px; line-height: 34px; padding: 0px 20px; display: inline-block; background: #72BC51 } .good-border {border: none; } .good-column-inner {padding: 20px 25px; border-radius: 16px;} .good-pricing {display: none;} .good-sect {flex-direction: column;} .good-sect .smart-payment-button--false {margin-bottom: 0px;} .good-top-mobile, .good-details, .good-sect, .good-bottom {display: flex; padding: 0px 0px;} .good-bottom {width: 100%; display: flex; order: 3;} .wider .good-img, .good-column .good-img {width: 35%; padding: 20px; display: flex; order: 2;} .good-inner {flex-wrap: wrap; display: none;} .active.good-inner {display: flex;} .good-details {width: 100%;} .good-horz {padding-top: 0px;} .good-button-wrapper {width: 100%;} .offer-rating-block {margin-bottom: 10px; justify-content: center;} .offer-rating-block span.counter {font-size: 14px; margin-top: 0px;} .add-gift .dog-trial .purchase-details__buttons {margin-top: 0px !important;} .trial-button span .fal, .faux-button span .fal {display: none;} .video-section {margin-top: 0px;} .video-box-title {padding: 0px 20px; margin-bottom: 15px;} .video-box-title .font24 {font-size: 21px;} .video-block iframe {border-radius: 0px;} .ruffgreens-test.index #how-its-works .step-wrap .step-img-wrap{align-items: center !important;} .product-trial .product-container {padding: 0px;} .new_left_side {margin-bottom: 20px;} .img-bottom {display: none;} .f-q {font-size: 14px;} .i-text, .i-text-flex {padding: 0px 25px;} .i-text-full, .i-text-small {padding-right: 0px; } .inner_tab .tab-fresh {width: 100%; display: flex; font-weight: 700; text-transform: uppercase; flex-direction: row; line-height: 46px;align-items:center; } .tab-flex {padding: 0px 0px;} .tab_inner_product {padding: 20px; background: #fff;} .button-wrap {margin-bottom: 0px !important;} .bg-ten {margin-top: 0px;} .ten-head {font-size: 18px;} .ten-header-large p {font-size: 30px; font-weight: 900; padding: 0px 15px;} .ten-header-sub p {font-size: 16px;padding: 0px 15px;} .ten-header-sub p br {display: none;} .tabs-nav, .tab_inner.active {display: none;} .inner_tab {display: block; padding: 0px 20px} .tab-fresh span {color: #226a35; flex: 1;} .tab-fresh i.fas {} .tab-fresh.active {color: #2d1e12;} .ing-dis {text-align: center;} section#Ingredient-Content {padding-bottom: 0px;} .flyout-accord-inner {padding: 10px 0px;} .accord-title span {font-size: 16px;} .flyout-wrapper {margin-right: -100%; padding: 30px 20px; width: 100%;height: auto; top: auto; bottom: 0px; position: absolute;} .flyout-title {font-size: 21px;} .flyout-count {font-size: 18px;} .flyout-wrapper.show {margin-right: 0px;} .good-opts-wrapper .cert {right: 20px;} .good-text {margin-bottom: 0px;} .good-pro-img {border-radius: 0px; text-align: center;} .good-pro-img img {max-width: 300px; border-radius: 0px;} .flex-good.choice {flex-direction: column;} .good-options {width: 100%; margin-bottom: 30px;} .good-price {margin-top: 0px;} .good-big p {margin-bottom: 5px;} .good-header {font-size: 23px;} .good-subtitle {font-size: 18px;} .good-column, .good-column.wider {width: 100%; padding: 0px 30px;} .good-button-wrapper {margin-bottom: 0px !important;} .art-image .image-element__wrap {padding: 0px 80px;} .art-bullets {border-top: none; } .mobile-title {padding-bottom: 10px; margin-bottom: 30px; display: flex; flex-direction: column; border-bottom: solid 2px #cccccc; } .mobile-title .ing-title {font-size: 36px; font-weight: 900; letter-spacing: 0.02em; margin-bottom: 0px; color: #2d1e12;} .mobile-title .art-sub {font-size: 16px;} h1.ing-title, .art-top .art-sub {display: none;} .art-image {display: block; padding: 0px 0px; width: 100%;} .art-top-wrapper {flex-direction: column;} .art-top {width: 100%;margin-bottom: 20px; order: 2;} .art-ing-flex {flex-direction: column;} .art-ing-left {width: 100%;} .art-sub-content {margin-bottom: 30px;} .art-ing-right {padding-left: 0px; padding-top: 30px;} .ga-tab span {font-size: 14px;} .ing-top-home .ing-flex {padding: 0px 25px;} .ga-head {font-size: 21px;} .ga-tabs-inner {width: 80%;} .modal-ga {width: 100%; left: 0px; margin-left: 0px; } .home-column-wrap {flex-direction: column;} .home-columns.left-side, .home-columns.right-side {width: 100%; padding: 0px;} .ingredient-wrap {padding: 20px 45px 0px 45px;} .ing-flex {display: flex; flex-direction: column} .more-ingredients {width: 100%;} .more-wrap {display: flex; flex-direction: column;} .view-more {margin: 40px 0px;} .ing-head {font-size: 21px; line-height: 36px; margin-bottom: 5px;} .ing-sub {font-size: 16px; margin-bottom: 10px;} .i-text-green, .i-text-large {font-size: 21px; line-height: 24px; margin-bottom: 20px;} .i-text, .i-text-column {margin-bottom: 20px;} .i-text-flex {flex-direction: column;} .i-text-column { padding-right: 0px; width: 100%;} .i-text-green br {display: none;} .radio-audio {bottom: 0px; right: 20px; z-index: 90;} .sub-manage-inner {width: 100%; margin: 0px auto;} .section-wrapper #quickactions {padding-top: 50px;} .jdgm-prev-badge { font-size: 14px !important; margin-left: 10px !important;margin-top: 5px !important;} .trial-two .trial-heading {font-size: 23px;} .trial-two .trial-top-wrap {text-align: center !important;} .trial-left .trial-big.trial-topper {display: block;} .trial-right .trial-button-wrap { margin-top: 10px; margin-bottom: 30px; } .trial-two {color: #2d1e12;} .trial-mid, .trial-bigly {font-size: 18px; color:#2d1e12; font-weight: 900; letter-spacing: 0.01em;} .trial-two .trial-wrapper {margin-bottom: 40px;} .trial-two .trial-right {padding: 0px 25px 0px 25px; border-radius: 0px; } .trial-two .trial-left {padding: 0px 25px 0px 25px; border-radius: 0px; background: none;} .page-trial-ab-test .adverts-trial {background: #fff;} .page-trial-ab-test .free-how .plus-pad {padding-top: 80px;} .page-trial-ab-test .fort-reviews #Layer_1 {display: block;} .page-trial-ab-test .ab-test-back {display:none;} .trial-section {padding: 0px 0px; margin-bottom: 0px;} .trial-wrapper {width: 100%; background: none; border-radius: 0px; border: none;padding: 0px 25px;} .trial-top-wrap {padding: 0px 25px; text-align:left !important;} .trial-top {padding-top: 0px;margin-bottom: 15px; } .trial-big.trial-topper {display: none;} .trial-heading, .trial-big {font-size: 21px; color: #2d1e12; margin-bottom: 3px;} .trial-subtext {font-size: 15px; text-transform: none; font-weight: 700;} .trial-sect {margin-bottom: 0px;} .trial-reg.trial-substring span {color: #555555;} .trial-get.trial-p {margin-bottom: 0px; margin-top: 10px;} .trial-block.trial-p {font-size: 15px; color:#024012;} .trial-option-wrapper {flex-direction: column;} .trial-option {width: 100%; flex-direction: row; padding: 13px 0px 0px 0px; margin-bottom: 20px;} .trial-right .trial-link, .trial-link {display: flex; flex-direction: row; width: 100%; border-bottom: solid 10px #024012; padding-bottom: 15px; } .trial-section {margin-top: 40px;} .trial-inner img {margin-bottom: 0px; margin-left: 8px; width: 100px; border-radius: 8px;align-self: center; } .trial-inner-link {text-align: left; padding-left: 15px;} .trial-reg {font-size: 14px;} .trial-title {margin-bottom: 2px; font-size: 14px; text-transform: none; font-weight: 700;} .trial-price {margin-bottom: 1px;} .trial-sub {margin-bottom: 0px;} .trial-inner {width: 100%;} .trial-price-big {font-size: 18px;} .trial-price-small {font-size: 15px;} .free-svg {display: block;} /* footer#colophon .foot-in { margin-bottom: 65px; } */ .font18.no-breaker { padding: 0px 20px; font-size: 14px; } .product__details--product-page { padding-left: 0px; } .form-el.purchase-details__buttons.purchase-details__spb--false { margin-top: 0px; } .new_left_side.advertiser .midAd { font-size: 21px; } .free-how { padding-top: 30px; } .free .form-el .orange.button { width: 100%; line-height: 44px; margin-top: 0px; } .ad-free-bong br { display: none; } .ad-free-mid { margin-bottom: 5px; font-size: 18px; } .free-text-wrap { padding: 25px 20px 20px; } .ad-free-top { font-size: 24px; } .advert-title { font-size: 18px; } .plus-pad .font18 { font-size: 16px; } .free-image { display: block; margin-bottom: 30px; width: 100%; text-align: center; } .free-flex { display: block; } .adverts-trial .svg-bottom { margin-top: 20px; } .adverts-trial .how-box.mid p { padding: 0px 15px; } .adverts-trial.free-how .font36 { font-size: 21px; } .adverts-trial .how-box { float: left; width: 100%; } .adverts-trial .how-box img { float: left; width: 50px; margin-bottom: 20px; } .adverts-trial .how-box p { float: left; width: calc(100% - 50px); padding-left: 15px; text-align: left; } .adverts-trial .plus-pad p.font18 { margin-bottom: 0px; } .adverts-trial .how-flex { display: block; } .adverts-trial .how-box { width: 100%; } .new_left_side.advertiser { margin-bottom: 0px; } .new_flex.advertiser { display: block; } .advertiser .bag_img { position: relative; height: 100%; width: 96%; top: 20px; left: 0px; margin-left: auto; max-width: 450px; margin-right: auto; } .new_right_side.advertiser img.sponsor { top: 10px; display: block; z-index: 85; border: solid 4px #ecf4ed; position: absolute; right: 30px; width: 150px; } .img-bottom.advertiser { position: absolute; } .new_left_side.advertiser { width: 100%; text-align: center; padding: 0px 20px; } .new_right_side.advertiser { width: 100%; text-align: center; margin-top: 6px; display: flex; justify-content: center; } .new_left_side.advertiser .font16 { padding: 0px 20px; } .new_flex.advertiser .bigAd { font-size: 23px; line-height: 26px; } .new_left_sideadvertiser .midAd { font-size: 21px; } .row, .wrap { width: 100%; min-width: 0; margin-left: 0; /* margin-right: 0; */ max-width: 100%; } .nav .desk-logo { padding-top: 0px; width: 150px; vertical-align: middle; float: left; } .nav-with-drop:hover .drop-menu { display: none; } .fort-wrapper p.fifty { max-width: 100%; margin-left: 0; } .fort-wrapper p.fattest.font36.db.marg5 { font-size: 18px; } .fort-wrapper p.marg10.dark.fattest.font16.upper { font-size: 14px; } .navigation.navigation-top { position: relative; height: auto; } .navigation-top .nav { padding: 4px 8px 4px 20px; } .logo-wrapper { width: calc(100% - 158px); float: left; text-align: center; padding-left: 0px; } .desk-logo { width: 150px; vertical-align: middle; float: left; } .phone_number { right: 0; padding-right: 0; display: flex; align-items: center; } .nav-new { padding-right: 0; } .nav .nav-mobile-new { display: none; flex-direction: column; position: absolute; left: 0; top: 100%; width: 100%; padding: 25px 20px; background: #f0f7f2; z-index: 90; } .nav .nav-new a { display: flex; border-bottom: solid 1px #dfeee3; line-height: 48px; width: 100%; text-align: left; padding: 0; } .nav-new a .far { margin-left: auto; width: 40px; text-align: center; } .nav .nav-new .desktop-link { display: none; } .nav .nav-mobile-new .mobile-link { display: flex; } .nav .nav-mobile-new.mobile-link .nav-with-drop #mobile_menu { margin: 0; } .nav .nav-mobile-new.mobile-link .nav-with-drop #mobile_menu li { display: block; border-bottom: solid 1px #dfeee3; line-height: 48px; width: 100%; text-align: left; padding: 0; } .nav .nav-mobile-new.mobile-link .nav-with-drop #mobile_menu li:last-child { border-bottom: none; } .nav-new a:last-child { border-bottom: none; display: flex; } .nav-mobile-new { display: none; flex-direction: column; position: absolute; left: 0; top: 100%; width: 100%; padding: 25px 20px; background: #f0f7f2; } .nav-new a:last-child { border-bottom: none; } .nav-new .cart-tot { top: -5px; right: -8px; } .mobile-menu { float: left; position: relative; height: 53px; margin-top: 0; margin-left: 0; width: 66px; padding: 0; } .mobile { display: inline-block; } .phone_number .mobile-menu { width: 40px; float: none; order: 2; } .phone_number p { padding-right: 15px; } .navigation-top .mobile-menu span { left: 5px; top: 26px; border-radius: 40px; background: #024012; } .navigation-top .mobile-menu span, .navigation-top .mobile-menu span:before, .navigation-top .mobile-menu span:after { background: #024012; } .navigation-top .mobile-menu span, .navigation-top .mobile-menu span:before, .navigation-top .mobile-menu span:after { background: #024012; } .phone_number p { padding-right: 15px; } .mobile-number { display: block; } .nav-button-new.button { display: none; } .phone_number p a span.lg { font-size: 13px; display: inline-block; } section#new_top, section#new_top.ads { padding-top: 40px; } p.Content { font-size: 14px; } .why-vita.free .six.columns.serv { display: none; } .page-dog-trial .why-vita.free, .page-dog-trial .why-vita.free.no-ad, .why-vita.new-free { padding: 80px 0 50px; } .index .why-vita.new-free {padding-top: 50px;} .why-vita .six .font30.fattest.db { padding: 0; text-align: left; font-size: 18px; color: #2d1e12; } .binky-text p.binky { font-size: 14px; } .why-vita ul li { font-size: 14px; line-height: 24px; } .free-how p.fattest.font36.db.marg5 { font-size: 21px; } .free-how p.font18 { font-size: 15px; margin-bottom: 0; } .how-flex { display: block; } .new-why .how-box { float: left; width: 100%; margin-top: 30px; } .how-box img { float: left; width: 50px; margin-bottom: 20px; } .new-why .how-box p { float: left; width: calc(100% - 50px); padding-left: 15px; text-align: left; } .new-why .how-box p.font18 { float: left; width: calc(100% - 50px); padding-left: 15px; text-align: left; font-size: 16px; } .dose-text { width: 100%; padding: 0 0 20px; text-align: center; } .dose-text span { font-size: 21px; line-height: 30px; display: inline; } .dose-img-wrap { width: 33.3333%; padding: 0 10px; } .dose-circle { width: 36px; height: 36px; padding-right: 0; margin-left: -18px; left: 50%; margin-bottom: 15px; line-height: 30px; font-size: 24px; border: solid 3px #72bc51; padding-right: 0; position: relative; } .new-home.dosing { padding: 20px 0 15px; } .expect-row .eight.columns { text-align: left; } .expect-row p.fattest.font36.db.marg5 { font-size: 18px; } .expect-row p.font18.padded { font-size: 16px; padding: 0; } .row.benefits { margin: 0 auto; display: block; } .expect .four.columns.text-center { float: left !important; width: 100% !important; margin-bottom: 0; } .expect .ben-inner { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; } .icon-circle { margin-bottom: 0; height: 60px; width: 60px; float: left; line-height: 0; padding: 0; } .benefits .ben-box { float: left; padding-left: 15px; font-size: 14px; width: calc(100% - 70px); text-align: left !important; } .new-home .expect-row { margin-bottom: 20px; } .new-home .ben-box .font18.dg.fat { font-size: 16px; } .new-home.expect { padding-bottom: 20px; } .ingred.new-ingred .twelve.columns { float: none; text-align: left; margin-bottom: 0; } .ingred p.db.marg0.font36.fattest { font-size: 19px; } .ingred p.font18 { font-size: 16px; } .ingred.new-ingred .ingred_tabs_wrap { margin-left: 0% !important; margin-top: 0; max-width: 100% !important; border-left: none; border-right: none; border-radius: 0; background: 0 0; border-bottom: none; border-top: none; } .ingred.new-ingred .ing_tabs_inner { display: none; } .ingred.new-ingred .tabs_cont { padding: 0; } .ingred.new-ingred .tab_cont_inner { display: block; } .ingred.new-ingred .tab_cont_inner.active { display: block; } .ingred.new-ingred .mobile_accord { display: block; float: left; width: 100%; background: 0 0; border-bottom: none; padding: 10px 15px; } .mobile_accord img { float: left; width: 42px; } .mobile_accord span { padding-left: 15px; float: left; display: block; color: #2d1e12; width: calc(100% - 42px); font-size: 16px; font-weight: 700; line-height: 36px; } .mobile_accord span i { float: right; font-size: 16px; padding-right: 10px; color: #72bc51; line-height: 36px; } .ingred.new-ingred .tab_cont_inner .tab_cont_box { display: none; float: left; width: 100%; padding: 20px 0; border-bottom: none; background: #fff; } .ingred.new-ingred .tab_cont_inner .tab_cont_box.active { display: none; } .ingred.new-ingred .tab_cont_inner .tab_cont_box.show { display: block; } .ingred.new-ingred .ing-big-img { width: 33.33%; } .ingred.new-ingred .feat-cont { width: calc(100% - 50px); padding-left: 10px; } .ingred.new-ingred .feat-cont p { font-size: 14px; } .ingred.new-ingred p.dg.fat.font21 { font-size: 15px; } .ingred.new-ingred .compar_mobile { position: absolute; box-shadow: 0 -6px 7px 4px #646464 4d; left: 0; top: 0; z-index: 60; display: block; width: 180px; } .ingred.new-ingred .compar_mobile p { margin-bottom: 0; padding: 6px 15px; font-size: 12px; line-height: 21px; font-weight: 700; color: #2d1e12; } .ingred.new-ingred .compar_mobile p:nth-child(odd) { background: #f9f9f9; } .ingred.new-ingred .compar_mobile p:nth-child(even) { background: #f1f1f1; } .ingred.new-ingred .compar_mobile p.font21.fat.head_big.marg0 { font-size: 18px; text-align: center; line-height: 42px; padding: 0; background: #2d1e12 !important; color: #fff; } .ingred.new-ingred table.compar { min-width: 767px; margin-left: 180px; } .ingred.new-ingred .compar td.left_side { display: none; } .ingred.new-ingred .compar td { height: 33px; font-size: 16px; padding: 0 !important; } .ingred.new-ingred .compar tr:nth-child(even) { background: #e2f0e7; } .ingred.new-ingred .compar tr.plus_some { height: 54px; } .ingred.new-ingred .compar tr.plus_some_more { height: 75px; } .ingred.new-ingred .font12 { font-size: 10px; } .ingred.new-ingred .six.columns { width: auto !important; float: none; } .ingred.new-ingred span.fu.tops.bold.db { font-size: 21px; line-height: 36px; margin: 5px 0; } section#fort_reviews { padding-bottom: 40px; } .new-faqs p.db.marg0.font36.fattest { font-size: 19px; } .new-faqs p.marg5.font18 { font-size: 16px; } .new-faqs .sect-cont { padding-top: 15px; } .new-faqs .sect-cont { padding-top: 15px; } .new-faqs .eight.columns.offset-by-two { width: auto !important; } .footer-contact { display: none; } .footer .row { padding: 20px 0 30px; } .footer .row.donkey .ten.columns { float: none; flex-direction: column; width: 100%; left: 0; } .footer .five.list.columns { width: 100%; float: none; padding: 0 40px; text-align: center; } .footer p.font18.dg.fattest.upper.marg5 { font-size: 16px; } .footer p { font-size: 0.9375rem; } .footer .newsletter_section #contact_form input.contact_email { font-size: 16px; padding: 8px 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 41px; height: 41px; } .footer .newsletter_section #contact_form input.newsletter-form__sign-up { line-height: 41px; margin-bottom: 0px; } .footer .footUl.list { width: 100%; padding: 0 40px; text-align: center; padding-top: 30px; } .footer p.foot_img.mobile { display: inline-block; line-height: 0; } .footer .footer_menu h6.desk-first { display: none; } .footer .footUl a.mobile-Menu { display: block; } .nav-topper p { text-align: left; font-size: 13px; } .mobile-menu.opened span { background: 0 0; } .mobile-menu.opened span:before, .mobile-menu.opened span:after { top: 0px; } .mobile-menu.opened span:before { transform: rotate(45deg); } .mobile-menu.opened span:after { transform: rotate(-45deg); } .ingred.new-ingred .modal-content { box-shadow: 0 0 10px #c8c8c8 80; border-radius: 10px 10px 0 0; top: auto !important; bottom: 0; left: 0; width: 96%; margin-left: 2%; background: #fff; } .ingred.new-ingred .modal-content .ingred-img { width: 30%; padding: 20px; } .ingred.new-ingred .modal-content .ingred-img img { border: solid 4px #226a35; width: 100%; max-width: 100%; position: relative; margin-left: 0; margin-top: 0; } .ingred.new-ingred .modal-content .ingred-cont { width: 70%; padding-left: 20px; box-shadow: none; } .ingred.new-ingred .modal-content .ingred-cont p.font21.fattest.marg5.db { font-size: 16px; } .ingred.new-ingred .modal-content .ingred-cont p.font21.fattest.marg5.db { font-size: 16px; } .ingred.new-ingred .modal-content .ingred-cont .db-link { float: left; width: 100%; padding-top: 14px; } .ingred.new-ingred .modal-content .ingred-cont .db-link { float: left; width: 100%; padding-top: 14px; } .ingred.new-ingred span.ClsBtn, .ing-supp-wrapper span.ClsBtn { right: 20px; top: -40px; border-radius: 5px 5px 0 0; } } @media only screen and (max-width: 680px) { .right-home img {margin-left: -425px;} .page-social-landing .new-why p.marg0.text-center {width: 100%;} .claim-chews .claim-subtext {width: 100%; padding: 0px 30px; margin: 20px 0px;} .claim-bags-mobile {padding: 0px 10%;} .page-testing-bundle .new-faqs p.db.marg0.font36.fattest {color: #024012 !important; font-size: 24px; margin-bottom: 15px;} .page-testing-bundle .new-faqs .twelve.columns.text-center.sect-head {text-align: left !important; padding: 0px 30px; margin-bottom: 20px} .offer-flex p.font18, a.tab_offer {font-size: 16px;} .rev-slide-image img, .rev-slide-image {height: 90px; width: 90px;} .rev-slide-image img {border: solid 4px #fff;} .rev-slide-image {right: 25px;} footer#colophon .foot-links {margin-top: 20px;} .bc-free.bc-free-reviews {padding: 50px 0px;} .bc-free .dw-subheader br {display: none;} .bc-free .header_text {font-size: 24px;} .bc-free-start.bc-free {padding-top: 50px;} .bc-trial-block {width: 100%; margin-left: 0px;} .bc-start-head {flex-direction: column;} .bc-ad-image {width: 100%; position: relative; top: 0px; left: 0px;text-align: center;} .bc-ad-image img {width: 340px;} .offer-options {flex-direction: column; gap: 20px; padding-bottom: 20px;} .offer-opts {width: 100%; padding: 10px 20px;} .offer-title {font-size: 18px;} .offer-opts p.offer-price {margin-bottom: 0px !important; font-size: 21px;} } @media only screen and (max-width: 600px) { .two-sub {display: none;} .two-bold span {color: #666666; } .modal-sub {font-size: 16px; margin-bottom: 10px;} .modal-title {font-size: 21px; margin-bottom: 0px; } .page-ten-day-add .modal-ga {border: none; } .page-ten-day-add span.ClsBtn {top: -40px; border-radius: 8px 8px 0px 0px; right: 20px; } .page-ten-day-add .modal-ga {padding: 20px;} .modal-inner.product-option {flex-direction: column;} .right-modal {display: flex; flex-direction: row; } .img-car {width: calc(100% - 70px);} .img-thumbs {width: 70px; padding-left: 10px;flex-direction: column;} .left-modal {order: 2; padding: 0px 4px 0px 4px; width: 100%;} .img-thumbs a {width: 100%; margin-right: 0px; margin-bottom: 10px;} .content-new {font-size: 14px;} .sub-title-new {font-size: 21px} .hero-icon-bottom p {line-height:21px; padding: 0px 5px; margin-top: 10px; text-align:center;} .hero-icon-top {flex-direction: column; align-items: center;} .hero-icon-img {margin-right: 0px;} .hero-large {margin: 5px 0px; line-height: 24px; font-size: 28px;} .good-bullet .far, .good-bullet span {font-size: 14px; line-height: 24px;} .good-column, .good-column.wider {padding: 0px 20px;} .product-trial .product-container .product__details .option_title {margin-bottom: 15px;} .page-dog-trial p.Main-title {line-height: 30px;} .page-dog-trial p.Sub-title {font-size: 18px !important;} .product-trial .product-container #top .product_name{font-size:6.2vw;margin-bottom:0;} .product-trial .product-container #top h4{font-size:15px;font-weight:700;text-transform:none;} .product-trial .product-container .product__details .line-item-property__field label{margin-right:0;} .product-trial .product-container .product__details #dog_name,.product-trial .product-container .product__details #weight{width:100%;} .product-trial .product-container .product__details .swatch_options input:checked + .swatch-element,.product-trial .product-container .product__details .swatch .swatch-element{width:100%;} .product-trial .product-container .product__details .swatch .swatch-element{margin:10px 0!important;} .purchase-details__buttons{margin-top:0px!important;} .product-trial .product-container .product__details .swatch label{display:flex;padding:0px;} .product-trial .product-container .product__details .swatch .swatch-element .background{width:35%;line-height:0px;padding:5px;height:auto;} .product-trial .product-container .product__details .swatch label .text-center{padding:10px 15px;text-align:left!important;flex:1;} .product-trial .product-container .product__details .swatch_options input:checked + .swatch-element h5{color:#246c36;transition:all 0.2s linear;margin:0;margin-bottom:2px;} .product-trial .swatch_options .price h4{font-size:16px;line-height:24px;} .product-trial .swatch_options .price h4 span{font-size:16px;line-height:24px;} .product-trial .product-container .product__details .description{font-size:14px;margin-bottom:2px;color:#555;transition:all 0.2s linear;} .product-trial .product-container .product__details .swatch_options input:checked + .swatch-element{border-bottom:solid 6px #ff8238;} .no-tidbits.faux-tidbits {margin: 20px 0px 0px 0px;} .add-gift.tidbits, .remove-gift.tidbits {padding: 0px 40px;} .ten-header-sub p, .ten-header-large p {padding: 0px 20px !important} .ten-day .purchase-details {padding: 0px 20px;} .pet-chooser.left-chooser {margin-right: 0px; margin-bottom: 20px;} .choose-pet-wrap {width: 100%; flex-direction: column; align-items: center; padding: 0px 20px;} .pet-chooser {width: 100%;} .page-ten-day-add .purchase-details {padding: 0px 30px;} .page-ten-day-add .remove-gift button.trial-button { margin-top: 20px !important;} .add-gift {padding: 0px 30px;} .button-wrap {flex-direction: column;} .remove-gift button.trial-button {margin-left: 0px; border: none !important; margin-top: 0px;} .remove-gift {margin-top: 0px;} .remove-gift .trial-button span .fal, .add-gift .trial-button span .fal, .faux-tidbits .fal {display: none;} .columns label img {width: 100px; margin-left: 10px; border-radius: 8px;align-self: center;} p.Sub-title,p.Sub-title span.lg.fattest{font-size:21px!important;} p.Content{padding:0 20px;} p.Content span.hide-mt{display:none;} .ingred.new-ingred .ing-big-img{min-height:185px;margin-bottom:0;} .ingred.new-ingred span.redtext.legtext{font-size:16px;display:block;padding:0 0 10px;text-align:left;} .ingred.new-ingred span.greentext.legtext{font-size:16px;display:block;padding:0 0 10px;text-align:left;} .new-faqs .sect-cont .accordion-container .article-title span.AT,.page-faqs .Faq-Page .accordion-container .article-title span.AT{font-size:15px;} } @media only screen and (max-width: 580px) { .good-header {font-size: 21px;} .faux-flex {margin-top: 10px;} .faux-flex img {width: 170px;} .promo-modal-form-wrap {padding: 20px 30px 0px;} .discount-drop p {padding: 0px 20px; font-size: 16px;} span.closeDis {right: 20px; top: -40px; border-radius: 8px 8px 0px 0px;} .modal-discount {width: 90%; margin-left: -45%; } .promo_modal_big {font-size: 24px;} .promo_modal_sub {font-size: 16px} .promo_modal_sub br {display: none;} .coming-big {font-size: 40px; line-height: 38px; margin-bottom: 15px; } .stick-pack img {width: 80%;} .issues-header-wrap .issue-tops {text-align: left;} .ga-btn a {width: 100%; text-align: center} .issues-test-text, .issues-test-author {font-size: 16px;line-height: 28px;} .issues-cred .issues-flex {margin-top: 10px;} .issues-cred .issues-flex p:nth-child(even) { display: none;} .issues-cred .issues-flex p {width: 33.3333%;} .button_block a {width: 100%; text-align: center;} .offer-img img {border-radius: 10px;} .bc-top-video-inner {margin-bottom: 20px;} .bc-offer-top .font24, .bc-offer-mid .font24 {font-size: 21px; line-height: 30px;} .bc-free-flex-row.bc-top {padding-top: 35px;} .page-testing-bundle .faux-head {height: 108px; position: relative;} .page-testing-bundle.bingo .faux-head {position: fixed; margin-top: -42px;} .page-testing-bundle.bingo .bc-free-flex-row.bc-top {padding-top: 175px;} .page-testing-bundle .faux-center {height: 42px; padding: 10px 5px;} .bc-rev-head {margin-bottom: 0px;} .bc-bullets p i.fas {width: 30px; font-size: 18px;} .bc-trial a.orange.rounded.button {width: 90%; margin-left: 5%;} .bc-bullets p {font-size: 15px;} .bc-bullets {width:100%; margin-left: 0px; border-radius: 20px; padding: 20px 25px} .bc-ad-image img {width: 200px;} .modal a.close-modal, .dingles {right: 40px;} .bc_modal.modal {vertical-align: bottom;} .bc_inner_modal {padding: 45px 35px 110px; border-radius: 40px 40px 0px 0px;} .bc_modal.modal {margin: 0px; width: 100%; max-width: 100%;} .ing-slide-cont-inner p {font-size: 14px;} .ing-slide-cont-inner p.img-credit {font-size: 13px;} .ing-slide-cont-inner p.font21 {font-size: 18px; margin-bottom: 15px;} .bc-ingredients-head {margin-bottom: 15px;} .bc-sub-text {font-size: 16px;} .bc-free.bc-free-top {padding-bottom: 75px;} .bc-free .thetop {font-size: 24px; line-height: 36px; margin-bottom: 5px;} .bc-top .font24 {font-size: 17px;margin-bottom: 5px; font-weight: 700;} .faux-center p {font-size: 13px;} .themid {padding: 0px 25px;font-size: 16px; line-height: inherit; margin-bottom: 20px;} .bc-top-video-inner {padding: 0px 20px} .dw-section.home-newest .font48 {line-height: 36px; font-size: 27px;} .button-wrap {flex-direction: column;} .remove-gift a {margin-left: 0px;} .remove-gift {margin-top: 5px;} .ten-day {overflow: hidden;} .bg-ten {max-width: 140% !important; margin-left: -28%; width: 140%;} .ten-image {margin-left: -10%; padding-right: 0px;} .ten-text {padding: 0px 25px; margin-top: 10px;} .flex-ten {flex-direction: column; margin-top: 10px;} .flex-ten-header-bottom {padding: 0px 10px;text-align: left;} .page-ten-day-add .flex-ten-header-bottom, .page-ten-day-add .flex-ten-header-top {padding: 0px 30px;} .flex-ten-header-bottom .ten-header-large, .flex-ten-header-bottom .ten-header-sub {text-align: left;} .ingred.new-ingred span.fu.tops.bold.db { font-size: 18px; line-height: 30px; } } @media only screen and (max-width: 480px) { .spec-two-inner {padding: 0px;} .page-special-offer .dosing {padding-bottom: 0px;} .spec-two-right {margin-bottom: 30px;} .special-bar-cont span {font-size: 15px;} .specButton {padding: 0px;} .specButton a {font-size: 16px;} .specButton a .fas, .special-bar-cont .fas {font-size: 18px;} .spec-img-thumbs {gap: 10px;} .spec-img-wrap {margin-bottom: 10px;} .specReviews {font-size: 16px;} .specStars .fa-star:before {font-size: 21px;} .specMobile .spec21 {font-size: 18px;} .spec36 {font-size: 24px; line-height: 36px;} .special-bar-inner {align-items: flex-start;} .trial-better p span {padding-right: 4px;} .trial-better p {font-weight: 400;} .trial-better .fas {display: none;} .trial-large {font-size: 36px; line-height: 40px;} .trial-small {font-size: 24px;} .trial-img-box img.ruff-img, .trial-img-box img.meow-img {width: 140px;} .trial-text {padding-top: 40px; position: absolute; z-index: 30;} .good-mobile-price.deal-price .actual {margin-left: 0px; padding-left: 0px; } .good-mobile-price.deal-price {align-items: start;} .product-details span.price {margin-bottom: 5px;} body .product-details span.brand {display: inline-block !important; margin-top: 0px !important;} .Coll-Pro-Column.one-third.column.thumbnail .product-details .title {line-height: 21px; margin-bottom: 5px} .mobile-menu {width: 50px;} .mobile-nav-icon {width: 50px;} .contentline {margin-bottom: 20px; font-size: 16px; padding: 0px 10px;} .right-home img {margin-top: -260px;} .left-home {padding: 0px 10px 20px 10px;} .midline {font-size: 20px;} .flex-choose {margin-top: 10px;} .good-header {text-align: left; padding-left: 20px;} .pet-text {margin-bottom: 0px; font-size: 18px;} .good-subtitle {display: none;} .oft-top .oft21 {padding: 0px 7px;} .oft21 {font-size: 15px;} .oft16 {font-size: 15px;} .reggae, .hide-mobile {display: none; } .num-circle {background:#72bc51; color: #fff;} .oft-bot {margin-top: 0px; padding-top: 0px;} .oft-size .oft-click-image, .oft-product .oft-click-image {padding: 0px; width: 85px;} .oft-left, .oft-right {padding: 0px; background: none !important;} .oft-50, .oft-100 {background: none; padding-top: 5px; border-bottom: none;} .oft-100-mid {padding: 25px 0px;} .oft-top {padding-bottom: 0px; } .oft-click {border: solid 2px #ebebeb;} .oft-left .oft-quest {padding-bottom: 0px; border: none;} .oft-quest {font-size: 18px; justify-content: left; color:#2d1e12; text-align: left; border-bottom: solid 2px #B2DEBF; padding: 0px 0px 15px 0px;} .oft-left .oft16.mobi {border-bottom: solid 2px #B2DEBF; padding: 0px 0px 15px 0px;} .oft16.text-center {text-align: left !important;} .oft-right {padding-top: 50px;} .oft-review {padding: 25px 0px 0px 0px; margin-top: 0px;} .button-holder {padding: 0px 0px;} .ingred.new-ingred .meow .in-num {width: 110px;} .ingred.new-ingred .meow .in {width: calc(100% - 140px);} .video-box-title .font24 {font-size: 21px; padding: 0px 40px;} .trial-two .trial-left, .trial-two .trial-right {padding: 0px;} .ten-header-sub p, .ten-text-block .ten-reg {font-size: 15px;} .ten-day {padding-top: 30px;} .ten-header-large p {font-size: 24px; margin-bottom: 10px;} .ing-top-home {padding-top: 30px;} .art-ing-top {padding-top: 0px;} .art-block p, .art-sub, .art-content, .art-block ul li {font-size: 14px;} .art-bullets {margin-top: 0px;padding-top: 0px;} .art-image .image-element__wrap {padding: 0px 30px;} .inner-supports p {font-size: 16px;} .art-top {padding-top: 10px;} h1.ing-title {margin-bottom: 0px;} .support-columns {flex-direction: column; } .support-ul {border-right: none;} .inner-supports {width: 100%;} .support-right {padding: 0px; margin-top: 10px;flex-direction: row;} .inner-supports .support-right p.un_num {font-size: 14px; padding-left: 12px;} .inner-supports .support-right p.big_num {font-size: 24px; margin-bottom: 0px;} .art-bullets ul li span, .support-ul li span {font-size: 14px;} .i-text, .i-text-flex {padding: 0px 25px;} .ingredient-wrap {padding: 20px 25px 0px 25px;} .bot-corn {display: none;} .ingredient-title, .ing-content {margin-bottom: 0px;} .ingredient-title {font-size: 18px;} .ing-inner .image-element__wrap {width: 30%;padding: 7px 0px 7px 5px;} .ing-inner a {padding: 0px; align-items: center;} .ing-inner {display: block;} .ing-flex, .ing-wrap-flex {width: 100%;} .font18.no-breaker br{display:none;} .new_right_side.advertiser img.sponsor{width:100px;right:12px;} .navigation-top .nav{padding-left:10px;} .nav-new{border-right:none;} .nav-new a.cart-conts{padding-left:0;} .nav-text{display:none;} .phone_number .mobile-menu{width:40px;} .phone_number p{padding-bottom:2px;margin-right:20px;} .navigation-top .mobile-menu span{left:3px;} .phone_number p a span.lg{display:none;} .phone_number p .far{display:inline-block;font-size:18px;margin-top:12px;line-height:28px;color:#024012;} .nav .nav-new{border-right:none;} .why-vita ul li{margin-left:-12%;} .new-why .font18 br{display:none;} .nav .nav-new a span.cart-tot{right:-5px;top:-8px;width:16px;height:16px;font-size:9px;line-height:16px;} .new-faqs .sect-cont .accordion-container .article-title span.AT,.page-faqs .Faq-Page .accordion-container .article-title span.AT{width:calc(100% - 26px);font-size:14px;} .new-faqs .sect-cont article.content-entry span.ico-faq,.page-faqs .Faq-Page article.content-entry span.ico-faq{width:26px;height:26px;line-height:22px;font-size:14px;} .new-faqs .sect-cont .accordion-content,.page-faqs .Faq-Page .accordion-content{padding:0 0 5px;font-size:14px;} .footer .five.list.columns{padding:0 20px;} .ingred.new-ingred .modal-content .ingred-img{display:none;} .ingred.new-ingred .modal-content .ingred-cont{width:100%;padding-left:20px;box-shadow:none;} } @media only screen and (min-width: 1481px) { .footer .row.donkey p.text-center.font14 { font-size: 15px; text-align: center; } } @media (min-width: 766px) and (max-width: 850px) { .fort-wrapper .rev-slide.text-center { in-height: 425px; } } @media (min-width: 768px) and (max-width: 800px) { .nav .nav-new a, .desktop-link li.nav-desktop__tier-1-item.nav-desktop__tier-1-item--dropdown-parent span { padding: 0 11px; } .nav-new a .far, .desktop-link a .far, .desktop-link span .far { padding-left: 8px; } } section#Ingredient-Content .ing-cont-wrapper.intro { padding-top: 77px; } html { scroll-behavior: smooth; } /* begin bbb new page */ .product-trial { /* margin-top: 100px; */ } .product-trial .product-container { /* background: #000; */ } .product-trial .product-container .product__images { margin-left: 0; margin-right: 0; background: #f0f7f2; } .product-trial .product-container .product__details h2 { font-family: 'Muli', sans-serif; font-weight: 900; font-size: 24px; color: #024012; text-transform: inherit; margin: 30px 0 5px; letter-spacing: 0.015em; } .product-trial .product-container .product__details .modal_price { display: none; } .product-trial .product-container .product__details .green { color: #226a35; } .product-trial .product-container .product__details .description { font-family: 'Muli', sans-serif; font-weight: 400; font-size: 15px; color: #555; } .product-trial .product-container .product__details .description b, .product-trial .product-container .product__details .description strong { font-weight: 700; } .product-trial .product-container .product__details .product_form { width: 100%; max-width: 100%; } .product-trial .product-container .product__details .purchase-details__buttons { margin-left: 0; } .product-trial .product-container .product__details #email, .product-trial .product-container .product__details #dog_name, .product-trial .product-container .product__details #weight { border-radius: 26px; background: #f0f7f2; height: auto; min-height: auto; padding: 16px 25px; font-family: 'Muli', sans-serif; font-weight: 400; color: #666; font-size: 15px; border: 1px solid #ddd; } .product-trial .product-container .product__details #dog_name { width: 70%; float: left; margin-right: 2%; } .product-trial .product-container .product__details #weight { width: 28%; display: inline-block; } .product-trial .product-container .product__details #email { background: #f0f7f2 url({ { 'icon-email.png' | asset_url } } ) no-repeat 95% 50%; } .product-trial .product-container .product__details #dog_name { background: #f0f7f2 url({ { 'icon-dog.png' | asset_url } } ) no-repeat 95% 50%; } .product-trial .product-container .product__details #weight { background: #f0f7f2 url({ { 'icon-weight.png' | asset_url } } ) no-repeat 85% 50%; } .product-trial .product-container .product__details #weight.error-form, .product-trial .product-container .product__details #dog_name.error-form, .product-trial .product-container .product__details #email.error-form { border: 1px solid #dc0202; } .product-trial .product-container .product__details .regular-size-start-swatch, .product-trial .product-container .product__details .large-size-start-swatch { display: none; } .product-trial .product-container .product__details .line-item-property__field label { margin-bottom: 15px; font-family: 'Muli', sans-serif; font-weight: 700; color: #2d1e12; font-size: 15px; } .product-trial .product-container .product__details .fz21 { font-size: 21px; } .product-trial .product-container .product__details .option_title { margin-bottom: 20px; font-family: 'Muli', sans-serif; font-weight: 700; color: #2d1e12; margin-top: 0; font-size: 15px; } .product-trial .product-container .product__details #size-sum { color: #226a35; font-weight: 700; } .product-trial .product-container .product__details #size-sum-child { text-transform: capitalize; } .product-trial .product-container .product__details #price-sum { color: #226a35; font-weight: 700; } .product-trial .product-container .product__details #db-ship { color: #666; } .product-trial .product-container .product__details .font18 { font-size: 18px; font-weight: 900; letter-spacing: 0.015em; color: #226a35; margin-top: 20px; } .product-trial .product-container .product__details .recharge-subscription-widget { display: none; } .product-trial .product-container .product__details .swatch .swatch-element { width: 49%; margin: 0; background: #f0f7f2; border-radius: 18px; border: 1px solid #ddd; opacity: 0.6; } .product-trial .product-container .product__details .swatch .swatch-element .background { height: 180px; background-repeat: no-repeat; background-position: center; opacity: 1; background-size: 70%; } .product-trial .product-container .product__details .swatch_options input:checked + .swatch-element { border-bottom: 10px solid #226a35; opacity: 1; } label img {width: 70%;} .product-trial .product-container .product__details .large-size-swatch { margin-left: 2% !important; } .product-trial .product-container #top .product_name { text-align: center; font-family: 'Muli', sans-serif; font-weight: 900; font-size: 36px; line-height: 47px; color: #2d1e12; text-transform: inherit; margin: 0; padding: 0; letter-spacing: 0.015em; } .product-trial .product-container #top .product_name span { color: #226a35; font-weight: 900; } .product-trial .product-container #top h4 { font-family: 'Muli', sans-serif; font-size: 18.5px; color: #226a35; letter-spacing: 0.015em; margin: 13px 0 50px; padding: 0; font-weight: 900; } .product-trial .product-container #how-it-works { padding: 30px; } .product-trial .product-container #how-it-works h2 { font-family: 'Muli', sans-serif; font-size: 24px; color: #024012; text-transform: inherit; letter-spacing: 0.015em; margin-bottom: 12px; font-weight: 900; margin-top: 0; } .product-trial .product-container #how-it-works p { font-size: 15px; color: #666; font-weight: 400; } .product-trial .product-container #how-it-works p b { color: #666; } .product-trial .product-container #how-it-works p a { color: #024012; font-weight: 700; } .product-trial .product-container #how-it-works h5 { font-family: 'Muli', sans-serif; font-weight: 700; font-size: 18px; color: #367847; text-transform: inherit; letter-spacing: 0.015em; } .product-trial .swatch_options { margin-bottom: 0; } .product-trial .swatch_options h5 { font-family: 'Muli', sans-serif; font-weight: 900; letter-spacing: 0; font-size: 16px; margin: 9px 0 5px; padding: 0; color: #bcbcbc; } .product-trial .swatch_options .price h4 { font-family: 'Muli', sans-serif; font-weight: 900; letter-spacing: 0; font-size: 21px; padding: 0; margin: 0px 0px 5px 0px; color: #bcbcbc; } .product-trial .swatch_options .price h4 span { text-transform: initial; font-size: 17px; font-weight: 400; color: #bcbcbc; } .product-trial .swatch_options .description { text-transform: initial; color: #bcbcbc; } .product-trial .swatch_options .description-large { margin-top: 35px; font-family: 'Muli', sans-serif; font-weight: 400; } .product-trial .swatch_options #last-text { margin-bottom: 34px; font-family: 'Muli', sans-serif; font-weight: 400; } .product-trial .swatch_options #last-text span { display: block; } .product-trial .product-container .product__details .swatch_options input:checked + .swatch-element h5 { color: #246c36; } .product-trial .product-container .product__details .swatch_options input:checked + .swatch-element .price h4 { color: #2d1e12; } .product-trial .product-container .product__details .swatch_options input:checked + .swatch-element .price h4 span { color: #2d1e12; } .product-trial button.add_to_cart { background: #ff8238; border-color: #ff8238; font-family: 'Muli', sans-serif; font-weight: 700; font-size: 16px; border-radius: 40px; padding: 15px; letter-spacing: 0.015em; } .product-trial #fort_reviews { background: linear-gradient(0deg, #dfece2 0%, #f0f7f2 100%); } .product-trial #fort_reviews .st0 { fill: #f0f7f2; } .product-trial #fort_reviews svg#Layer_1 { display: none; } .page-trial-ab-test #fort_reviews svg#Layer_1 .st0 {fill: #ffffff;} .product-trial #fort_reviews .fort-wrapper { margin-top: 0px; padding: 80px 20px 0; } .product-trial section#footer svg#Layer_1 { display: block; } .product-trial .product-container .purchase-details__quantity.product-quantity-box { display: none; } .product-trial .product-container .product__images { width: 40%; border-radius: 8px 0px 0px 8px; } .product-trial .product-container #how-it-works { padding: 25px 30px; } #footer .klaviyo-form input[type="email"] { border-radius: 40px 0 0 40px !important; } #footer .klaviyo-form button.needsclick { padding: 0 30px !important; border-radius: 0 40px 40px 0 !important; text-transform: uppercase; } #footer .klaviyo-form button.needsclick:hover, #footer .klaviyo-form button.needsclick:focus { background: #72bc51 !important; } .product-new-design .rc-container-wrapper.rc_container_wrapper { width: 100%; border: solid 1px #e7e7e7; background: url(/cdn/shop/files/auto-ship-dog.svg?v=1666711698); background-repeat: no-repeat; background-position: 95% 45px; background-size: 150px; } /* end bbb new page */ #footer .klaviyo-form input[type=email] { font-size: 0.9375rem !important; } @media only screen and (max-width: 480px) { .sign-form {width: 100%; margin-left: -90px;} a.notice_link {font-size: 14px; padding: 3px 0px 2px 0px;} .good-mobile-big span {font-size: 14px; line-height: 28px;} .good-column-inner {padding: 20px;} .good-top-mobile {flex-direction: column;} .good-top-mobile p {width: 100%;} .good-mobile-big {padding-bottom: 0px;font-size: 21px;} p.good-mobile-price {justify-content: left; margin-bottom: 15px; font-size: 21px;} .wider .good-img, .good-column .good-img {width: 100%; order: 1; padding-top: 0px;} .good-horz {width: 100%; order: 2;} } @media only screen and (max-width: 380px) { .trial-better p span {display: none;} a.notice_link {font-size: 13px; padding: 3px 0px 2px 0px;} } .science_backed_section_home { display:none; } @media (max-width:767px){ .science_backed_section_home { margin: 13px 16px 20px 16px; display: flex; flex-direction: column; gap: 16px; } .each_row_science_backed { padding: 18px 16px; display: flex; gap: 16px; align-items: center; background: #F0F7F2; border-radius: 8px; } img.each_row_icon { width: 24px; height: 24px; object-fit: contain; mix-blend-mode: multiply; } .each_row_content { display: flex; flex-direction: column; gap: 4px; } .heading_science_backed { font-weight: 600; font-size: 16px; line-height: 16px; color: black; font-family: 'Mulish'; } .description_science_backed { font-family: 'Mulish'; font-size: 14px; line-height: 14px; color: #4B5563; } .new-header .new-menu { display: none; } .new-header .new-menu.fixed { display: none!important; } .mobile-new-nav { height: 100vh; } body:has(#mobile-new-nav[style*="display: block"]) { position: fixed; } .index .issues-header.new-header:has(#mobile-new-nav[style*="display: block"]) { position: fixed; overflow: visible; } section#dosing { padding-bottom: 0px; } } @media (min-width:767px) and (max-width:1023px){ .index-top { padding-top:130px; position: relative; } } .collection .rg-02-steps { visibility: hidden; } @media (min-width:1100px) and (max-width:1150px){ #good-better-how .row { width: 100% !important; } }