.fa-layers,.svg-inline--fa {
    vertical-align: -.125em;
    display: inline-block
}

.fa-layers,.fa-stack,.svg-inline--fa {
    display: inline-block
}

.svg-inline--fa,svg:not(:root).svg-inline--fa {
    overflow: visible
}

.svg-inline--fa {
    font-size: inherit;
    height: 1em
}

.svg-inline--fa.fa-lg {
    vertical-align: -.225em
}

.svg-inline--fa.fa-w-1 {
    width: .0625em
}

.svg-inline--fa.fa-w-2 {
    width: .125em
}

.svg-inline--fa.fa-w-3 {
    width: .1875em
}

.svg-inline--fa.fa-w-4 {
    width: .25em
}

.svg-inline--fa.fa-w-5 {
    width: .3125em
}

.svg-inline--fa.fa-w-6 {
    width: .375em
}

.svg-inline--fa.fa-w-7 {
    width: .4375em
}

.svg-inline--fa.fa-w-8 {
    width: .5em
}

.svg-inline--fa.fa-w-9 {
    width: .5625em
}

.svg-inline--fa.fa-w-10 {
    width: .625em
}

.svg-inline--fa.fa-w-11 {
    width: .6875em
}

.svg-inline--fa.fa-w-12 {
    width: .75em
}

.svg-inline--fa.fa-w-13 {
    width: .8125em
}

.svg-inline--fa.fa-w-14 {
    width: .875em
}

.svg-inline--fa.fa-w-15 {
    width: .9375em
}

.svg-inline--fa.fa-w-16 {
    width: 1em
}

.svg-inline--fa.fa-w-17 {
    width: 1.0625em
}

.svg-inline--fa.fa-w-18 {
    width: 1.125em
}

.svg-inline--fa.fa-w-19 {
    width: 1.1875em
}

.svg-inline--fa.fa-w-20 {
    width: 1.25em
}

.svg-inline--fa.fa-pull-left {
    margin-right: .3em;
    width: auto
}

.svg-inline--fa.fa-pull-right {
    margin-left: .3em;
    width: auto
}

.svg-inline--fa.fa-border {
    height: 1.5em
}

.svg-inline--fa.fa-li {
    width: 2em
}

.svg-inline--fa.fa-fw {
    width: 1.25em
}

.fa-layers svg.svg-inline--fa {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.fa-layers {
    height: 1em;
    position: relative;
    text-align: center;
    width: 1em
}

.fa-layers-counter,.fa-layers-text {
    display: inline-block;
    position: absolute;
    text-align: center
}

.fa-layers-text {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.fa-layers-counter {
    background-color: #ff253a;
    border-radius: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 1.5em;
    line-height: 1;
    max-width: 5em;
    min-width: 1.5em;
    overflow: hidden;
    padding: .25em;
    right: 0;
    text-overflow: ellipsis;
    top: 0;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.fa-layers-bottom-right {
    bottom: 0;
    right: 0;
    top: auto;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.fa-layers-bottom-left {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.fa-layers-top-right {
    right: 0;
    top: 0;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.fa-layers-top-left {
    left: 0;
    right: auto;
    top: 0;
    -webkit-transform: scale(.25);
    transform: scale(.25);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.fa-lg {
    font-size: 1.3333333333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li,.relative,.two-column .pricing-header {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: .08em solid #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: 2s linear infinite fa-spin;
    animation: 2s linear infinite fa-spin
}

.fa-pulse {
    -webkit-animation: 1s steps(8) infinite fa-spin;
    animation: 1s steps(8) infinite fa-spin
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1,-1);
    transform: scale(1,-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1,-1);
    transform: scale(-1,-1)
}

:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    height: 2em;
    position: relative;
    width: 2.5em
}

.loader,.sr-only {
    position: absolute
}

.fa-stack-1x,.fa-stack-2x {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.svg-inline--fa.fa-stack-1x {
    height: 1em;
    width: 1.25em
}

.svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 2.5em
}

#disclaimers p,.fa-inverse,.fad.fa-inverse,.lulutox .cart-icon,.lulutox .cart-title {
    color: #fff
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px
}

.exit.mobile-exit img,.loader {
    width: 100%
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.svg-inline--fa .fa-primary {
    fill: var(--fa-primary-color,currentColor);
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1)
}

.svg-inline--fa .fa-secondary {
    fill: var(--fa-secondary-color,currentColor);
    opacity: .4;
    opacity: var(--fa-secondary-opacity, .4)
}

.svg-inline--fa.fa-swap-opacity .fa-primary {
    opacity: .4;
    opacity: var(--fa-secondary-opacity, .4)
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
    opacity: 1;
    opacity: var(--fa-primary-opacity, 1)
}

.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary {
    fill: black
}

.loader {
    background: #fff;
    height: 100%;
    text-align: center;
    z-index: 1000;
    padding: 5em 0;
    font-size: 30px
}

h2 {
    font-size: 2rem;
    line-height: 1.2;
    margin-top: 0
}

@font-face {
    font-family: apple-pay-btn-en-US;
    src: url(https://applepay.cdn-apple.com/jsapi/v1/assets/1.0.0/fonts/en-US.woff2) format("woff2"),url(https://applepay.cdn-apple.com/jsapi/v1/assets/1.0.0/fonts/en-US.woff) format("woff");
    font-display: block
}

.exit.mobile-exit {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    transform: translate(0)
}

.close-trial.hidden,.exit.mobile-exit .mobile-exit-intent-img.phone,.guarantee .pink-triangle-container,.two-column .reg-pricing {
    display: none
}

.exit.mobile-exit .mobile-exit-intent-img.tablet {
    display: block
}

.exit.mobile-exit.collapsed {
    transform: translateY(62%)
}

@media (min-width: 1025px) {
    .product-meta-nav {
        display:block;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 10
    }
}

.product-nav-spacer {
    height: 60px;
    display: inline-block
}

.close-trial {
    position: absolute;
    top: -5px;
    right: 10px;
    font-size: 42px
}

.desktop-exit {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15
}

@media (max-width: 1024px) {
    .exit.mobile-exit {
        display:block
    }

    .desktop-exit {
        display: none!important
    }
}

.desktop-exit .middle-column img {
    width: 80%
}

.desktop-exit .btn {
    width: 90%
}

.desktop-exit .limited-time {
    margin-top: -5px;
    border-bottom: 1px solid #e71791
}

.desktop-exit .underlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    cursor: pointer;
    -webkit-animation: .5s fadein;
    animation: .5s fadein
}

.desktop-exit .exit-modal {
    height: 495px;
    width: 1140px;
    background-color: #fff;
    z-index: 1;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    -webkit-animation: .3s popin;
    animation: .3s popin
}

.desktop-exit .exit-modal .headline {
    background: #fff200;
    color: #444;
    padding: 3px 8px;
    display: inline-block
}

.desktop-exit .close-desktop-exit {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    font-size: 1.2rem;
    cursor: pointer
}

.desktop-exit .container {
    background: #fff
}

.desktop-exit.foot-peel .exit-modal {
    background: #f0eadc;
    padding: 0;
    width: 900px
}

.desktop-exit.foot-peel .exit-modal .headline {
    border: 0;
    font-size: 4rem;
    line-height: 1
}

.desktop-exit.foot-peel .img-fluid {
    height: 495px
}

.desktop-exit.foot-peel .middle-column {
    margin-top: 10%;
    position: relative;
    left: -15px
}

.card.card-special,.desktop-exit.foot-peel .limited-time {
    border: 0
}

@media (min-width: 992px) and (max-width:1199px) {
    .desktop-exit .exit-modal {
        width:990px;
        height: 418px
    }

    .desktop-exit .exit-modal .row {
        margin: 0
    }

    .desktop-exit .exit-modal .middle-column img {
        width: 70%
    }
}

.countdown {
    background: #007ffd;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
    height: 50px
}

.countdown p {
    color: #fff;
    margin: 0;
    font-size: 1.1rem;
    width: 100%
}

.countdown .black-triangle {
    width: 0;
    height: 0;
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: 15px 30px 0;
    position: absolute;
    bottom: -10px;
    left: 47.5%;
    z-index: 10
}

.countdown .countdown-info.checkout {
    text-align: center;
    display: inline-block;
    width: 100%;
    top: auto;
    left: auto
}

.countdown .countdown-info.flavors-enabled {
    margin: 0 auto
}

.direct-response.countdown {
    background: #fff3cd;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    height: auto;
    padding: 5px 0
}

.direct-response.countdown p {
    color: #876e46;
    line-height: 1.2
}

.direct-response.countdown .text-lt-blue {
    color: #4853ae
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101
}

.yellow-text {
    color: #ffce00
}

@media (min-width: 768px) and (max-width:991px) {
    .product-nav-spacer {
        height:110px
    }

    .countdown {
        margin-bottom: 2px
    }

    .countdown .container {
        padding-left: 0
    }

    .countdown .black-triangle {
        left: 45%
    }
}

@media (max-width: 767px) {
    .countdown .text-warning.offer,.countdown p,.exit.mobile-exit .mobile-exit-intent-img.phone {
        display:block
    }

    .exit.mobile-exit .mobile-exit-intent-img.tablet,.product-nav-spacer {
        display: none
    }

    .meta-nav {
        position: relative
    }

    .countdown p {
        padding: .3em;
        font-size: 1rem;
        text-align: center;
        top: auto;
        left: auto;
        width: 100%;
        line-height: 1.3
    }

    .countdown .black-triangle {
        left: 42%
    }

    .direct-response.countdown {
        padding: .2em 0
    }

    .direct-response.countdown p {
        font-size: 1.1rem;
        padding: 0
    }
}

.navbar.foot-peel,.navbar.footgod {
    background: #fff!important;
    border-bottom: 5px solid #bd892d
}

@media (min-width: 768px) {
    .cart-icon {
        position:relative;
        top: 0;
        right: -30px
    }

    .mini-container {
        width: 400px;
        position: relative
    }

    .desktop-quantity {
        margin-left: -8%
    }

    .text-center.columns.reviews {
        padding-bottom: 40px
    }
}

.product-navigation {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 2px;
    background: #fff;
    height: 52px;
    display: flex
}

.product-navigation li {
    height: 51px;
    margin: 0 1px;
    position: relative
}

.hero .flavors-container .flavor:first-child,.product-navigation li:first-child {
    margin-left: 0
}

.hero .flavors-container .flavor:last-child,.product-navigation li:last-child,.product-navigation-collagens li:last-child {
    margin-right: 0
}

.product-navigation .logo,.product-navigation .primary,.product-navigation .secondary {
    flex: 2
}

.product-navigation .logo img {
    width: 130px
}

.product-navigation .primary .menu-logo,.product-navigation .secondary .menu-logo {
    width: 138px
}

.product-navigation .active-arrow {
    width: 60px!important;
    position: absolute;
    bottom: -20px
}

.product-navigation-collagens {
    list-style-type: none;
    display: flex
}

.product-navigation-collagens li {
    height: 51px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex: 1;
    font-weight: 700;
    margin: 0 1px;
    position: relative
}

.no-decoration:hover,.product-navigation-collagens li a,.product-navigation-collagens li a:hover,.risk-free-headline a:hover {
    text-decoration: none
}

.product-navigation-collagens li .active-arrow {
    position: absolute;
    width: 25px;
    top: 50px;
    right: auto
}

.product-navigation-collagens .logo {
    flex: 4;
    margin-left: 0
}

@media (min-width: 992px) {
    .product-navigation .logo {
        display:flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center
    }

    .product-navigation .primary,.product-navigation .secondary {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center
    }

    .product-navigation-collagens .logo {
        display: flex;
        display: -webkit-flex;
        justify-content: flex-end
    }

    .product-navigation-collagens .logo img {
        width: 138px;
        position: relative;
        right: 10px;
        top: -3px
    }
}

@media (min-width: 1199px) and (max-width:1800px) {
    .product-navigation-collagens .logo {
        flex:2
    }
}

.product-navigation-collagens .logo img.active-arrow {
    position: absolute;
    width: 25px;
    top: 50px
}

.hero .social-proof .featured-on-container,.product-navigation-collagens .peach,.trial-pricing-container .trial-pricing-desktop .product-image {
    flex: 1.25
}

.product-navigation-collagens .flavor {
    font-size: 1.25em
}

@media (min-width: 1300px) and (max-width:1599px) {
    .product-navigation-collagens .flavor {
        font-size:1em
    }
}

@media (min-width: 992px) and (max-width:1299px) {
    .product-navigation-collagens .flavor {
        font-size:.75em
    }
}

.flavor-selection-container {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 2px;
    margin-bottom: 10px
}

.flavor-selection-container .flavor {
    flex: 1;
    text-align: center;
    margin: 0 1px;
    height: 38px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-flex-direction: column;
    position: relative;
    cursor: pointer
}

.flavor-selection-container .flavor .flavor-img {
    width: 95px
}

.flavor-selection-container .flavor .flavor-arrow {
    position: absolute;
    width: 25px;
    bottom: -12px
}

.flavor-selection-container .unflavored {
    background: #59c5d3;
    margin-left: 0
}

.flavor-selection-container .unflavored .flavor-img {
    width: 75px
}

.flavor-selection-container .tropical {
    background: #e71791
}

.flavor-selection-container .peach {
    background: #fa9384
}

.flavor-selection-container .chocolate {
    background: #65463c;
    margin-right: 0
}

.productnav-spacer {
    height: 52px
}

.navbar-header {
    float: none;
    margin: auto;
    display: inline-block
}

.navbar-brand {
    padding: .05em 0 .1em;
    height: auto;
    margin: 0
}

.navbar {
    padding: 5px 0;
    margin-bottom: 0
}

.cartCount {
    position: absolute;
    top: 2px;
    right: 17px;
    background: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 17px;
    font-weight: 700;
    font-size: 13px
}

.cartCount.variant {
    background: #4853ae;
    width: 22px;
    height: 22px;
    font-size: 1em;
    line-height: 19px;
    right: 15px;
    color: #fff
}

.cart-icon.variant {
    right: 37px;
    top: 4px
}

.footgod .cart-icon {
    color: #15322c;
    top: 20px
}

.footgod .cart-icon.fa-times {
    top: 6px
}

.footgod .cartCount {
    background: #696969;
    color: #fff;
    top: 15px
}

.footgod .cart-title {
    color: #15322c
}

.cart-logo,.standard-header .sf-logo {
    width: 158px
}

.cart-icon,.close-cart {
    font-size: 1.1em;
    position: absolute;
    right: 30px;
    top: 4px
}

@media (min-width: 768px) and (max-width:1024px) {
    .product-navigation {
        margin-top:2px
    }

    .product-navigation li {
        height: 42px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center
    }

    .product-navigation-collagens .logo,.product-navigation-collagens li {
        flex: 1
    }

    .product-navigation-collagens .logo img {
        width: 75%;
        position: relative;
        right: 5px
    }

    .guarantee .container img {
        position: relative;
        left: 0;
        top: 0;
        width: 125px
    }
}

@media (max-width: 767px) {
    #showAll {
        display:block !important;
    }

    .showHide {
        display: none;
    }

    .product-navigation-collagens .logo img.active-arrow,.product-navigation-collagens li .active-arrow {
        top: 40px
    }

    .product-navigation {
        margin-top: 2px;
        margin-bottom: 10px;
        height: 38px
    }

    .product-navigation li {
        height: 38px;
        margin: 0 1px;
        padding: 0
    }

    .product-navigation li:first-child {
        margin-left: 0;
        flex: 1
    }

    .product-navigation li:last-child {
        margin-right: 0
    }

    .product-navigation li img {
        position: relative;
        top: 5px
    }

    .product-navigation .logo {
        text-align: center
    }

    .product-navigation .logo img {
        width: 60px
    }

    .product-navigation .primary,.product-navigation .secondary {
        flex: 1
    }

    .product-navigation .primary .menu-logo,.product-navigation .secondary .menu-logo {
        width: 105px
    }

    .product-navigation .active-arrow {
        width: 25px!important;
        right: auto
    }

    .product-navigation.one-menu-item .menu-logo {
        width: 115px!important
    }

    .product-navigation-collagens {
        margin-top: 2px
    }

    .product-navigation-collagens li {
        height: 40px
    }

    .product-navigation-collagens .logo {
        flex: 1.2;
        margin-left: 0
    }

    .product-navigation-collagens .logo img {
        width: 90%;
        position: relative;
        right: 5px
    }

    .product-navigation-collagens .logo .unflavored-arrow {
        right: auto
    }

    .product-navigation-collagens .product {
        padding: 0 5px
    }

    .product-navigation-collagens .flavor {
        font-size: .825em
    }

    .product-navigation-collagens .peach {
        flex: 1.25
    }

    .cart-icon.fa-times {
        top: 0;
        font-size: 1.5rem
    }

    .cart-icon.fa-shopping-bag {
        top: 7px
    }

    .cartCount {
        top: 4px
    }

    .cart-logo {
        width: 142px
    }
}

@media (max-width: 375px) {
    .close-trial {
        top:-30px
    }

    .product-navigation-collagens .flavor {
        font-size: .75em
    }

    .product-navigation .primary .menu-logo,.product-navigation .secondary .menu-logo {
        width: 95px
    }

    .product-navigation .logo img {
        width: 75px
    }
}

@media (max-width: 360px) {
    .product-navigation-collagens .flavor {
        font-size:.7em
    }
}

.hero {
    padding: 80px 0 24px
}

.hero .desktop-testimonial-container .desktop-testimonial-quote,.hero.shop .flex-wrapper {
    padding: 0 15px
}

.hero.shop .flex-wrapper.social-proof,.hero.shop .shop-hero .purchase-option.subscription {
    margin-top: 10px
}

.hero .social-proof .fb-follower-count,.hero.shop .atf-image,.trial-pricing-container .trial-pricing-desktop .details {
    flex: 1
}

.hero.shop .atf-image img {
    width: 472px;
    margin: 0 auto;
    display: block
}

@media (max-width: 1199px) {
    .hero.shop .atf-image img {
        margin-bottom:8px
    }
}

.hero.shop .star-rating .stars-img {
    width: 145px
}

@media (max-width: 991px) {
    .hero.shop .flex-wrapper {
        padding:0
    }

    .hero.shop .atf-image img {
        width: 100%;
        margin-top: 7px;
        margin-bottom: 0
    }

    .hero.shop .atf-benefits li {
        font-size: 22px;
        line-height: 22px
    }

    .hero.shop .star-rating .stars-img {
        margin-top: 10px
    }
}

.hero.shop .star-rating .stars-count {
    margin: 0 0 0 10px;
    font-weight: 700;
    font-size: 18px;
    color: #007ffd
}

.hero.shop .shop-hero {
    font-family: Inter,sans-serif;
    color: #212529
}

.hero.shop .shop-hero .quantity-selector {
    display: flex;
    display: -webkit-flex;
    justify-content: start;
    align-items: center;
    -webkit-align-items: center;
    margin: 20px 0
}

.hero.shop .shop-hero .quantity-selector p {
    margin: 0 20px 0 0;
    font-size: 20px;
    font-weight: 700;
    color: #212529
}

.hero.shop .shop-hero .quantity-selector select {
    display: block;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444!important;
    line-height: 1.3;
    padding: .5em 2.4em .5em 2.5em;
    max-width: 89px;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #444;
    border-radius: 5px;
    -webkit-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url(https://eccomerce-prod.s3-us-west-1.amazonaws.com/icons-folder/Icons/quantity-checkout.svg);
    background-repeat: no-repeat,repeat;
    background-position: right .7em top 50%,0 0;
    background-size: .7em auto,100%;
    outline: 0;
    order: solid transparent
}

.hero.shop .shop-hero .purchase-option {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: flex-start
}

.hero.shop .shop-hero .purchase-option .radio {
    position: relative;
    display: block;
    border: 1px solid #696969;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    flex: 0 0 18px;
    margin-right: 5px;
    z-index: 1;
    pointer-events: none
}

.hero.shop .shop-hero .purchase-option .radio:before {
    display: block;
    position: absolute;
    content: "";
    border-radius: 100%;
    height: 12px;
    width: 12px;
    top: 2px;
    left: 2px;
    margin: auto;
    background-color: #fff;
    z-index: 1;
    pointer-events: none;
    transition: background-color .15s ease-in-out;
    -webkit-transition: background-color .15s ease-in-out
}

.hero.shop .shop-hero .purchase-option input[type=radio] {
    position: absolute;
    opacity: 0;
    z-index: 2;
    pointer-events: all;
    cursor: pointer
}

.hero.shop .shop-hero .purchase-option input[type=radio]:checked~.radio:before {
    background: #696969
}

.hero.shop .shop-hero .purchase-option .selector-text label {
    display: block;
    margin: 0!important
}

.hero.shop .shop-hero .purchase-option .selector-text label .price-line-items {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center
}

.hero.shop .shop-hero .purchase-option .selector-text label .price-line-items span {
    display: block;
    font-size: 20px;
    line-height: 16px
}

.hero.shop .shop-hero .purchase-option .selector-text label .price-line-items span.straight-sale-cost,.hero.shop .shop-hero .purchase-option .selector-text label .price-line-items span.subscription-cost {
    font-weight: 700;
    margin-right: 5px
}

.hero.shop .shop-hero .purchase-option .selector-text label .price-line-items span.regular-price {
    font-size: 14px;
    line-height: 14px;
    margin-right: 5px
}

.hero.shop .shop-hero .purchase-option .selector-text label .price-line-items span.subscription-savings {
    font-size: 21px;
    font-weight: 700
}

@media (max-width: 419px) {
    .hero.shop .star-rating .stars-img {
        margin-top:5px;
        width: 125px
    }

    .hero.shop .star-rating .stars-count {
        font-size: 14px
    }

    .hero.shop .shop-hero .purchase-option .selector-text label .price-line-items span,.hero.shop .shop-hero .quantity-selector p {
        font-size: 16px
    }

    .hero.shop .shop-hero .purchase-option .selector-text label .price-line-items span.subscription-savings {
        font-size: 17px
    }
}

@media (max-width: 359px) {
    .hero.shop .shop-hero .purchase-option .selector-text label .price-line-items span.subscription-savings {
        font-size:14px
    }
}

.hero.shop .shop-hero .purchase-option .selector-text p {
    margin: 0;
    font-size: .9rem;
    color: #212529
}

@media (max-width: 419px) {
    .hero.shop .shop-hero .purchase-option .selector-text p {
        font-size:12px
    }
}

.hero.shop .shop-hero .purchase-option .selector-text p.subscription-text {
    margin-top: 5px
}

.hero.shop .shop-hero .shop-button {
    position: relative;
    outline: 0;
    padding: .4em;
    background-color: var(--brand-gray);
    border: 2px solid transparent;
    border-radius: .3rem;
    font-size: 1.8rem;
    color: var(--brand-light-gray);
    text-align: center;
    cursor: pointer;
    background: #7bc142;
    color: #fff;
    font-weight: 700;
    width: 100%;
    margin-top: 10px;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.hero.shop .shop-hero .secured-text {
    text-align: center;
    font-size: 14px;
    margin: 2px 0 10px
}

.hero.shop .atf-testimonial.shop {
    display: flex!important;
    padding: 0
}

.hero.shop .atf-testimonial.shop .atf-testimonial-copy {
    border: 0;
    margin: 0 15px 0 20px;
    padding: 0
}

.hero .atf-image {
    flex: 1;
    position: relative;
    margin-right: 20px;
    max-width: 550px
}

.desktop-testimonial {
    border-top: 1px solid #e7e7e7;
    padding-top: 24px
}

.hero .atf-benefits {
    flex: 1;
    padding: 0;
    margin-left: 20px;
    max-width: 550px
}

.hero .testimonial-image-hero {
    width: 127px
}

.hero .desktop-testimonial-container,.hero .reviews {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center
}

.hero .reviews .starImg {
    width: 90px
}

.hero .highlight-container {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    align-items: center
}

.hero .highlight-container .highlight {
    display: inline-block;
    font-weight: 700;
    font-size: 1.2rem;
    background: #fff200;
    border-radius: 4px;
    padding: 2px 10px
}

.hero .highlight-container .triangle-down {
    display: inline-block;
    width: 0;
    height: 0;
    border-color: #fff200 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0
}

.hero .atf-testimonial {
    display: flex;
    display: -webkit-flex;
    padding: 0 15px;
    align-items: center
}

.hero .atf-testimonial .atf-testimonial-image {
    flex: 0 0 110px
}

.hero .atf-testimonial .atf-testimonial-copy {
    padding: 5px 2px 3px 5px;
    margin-left: 5px;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.hero .atf-testimonial .atf-testimonial-copy .atf-testimonial-quote {
    font-size: 15px;
    line-height: 1.4
}

.hero .flavors-title {
    font-size: .85rem;
    margin: 0;
    line-height: 1
}

.hero .flavors-container {
    display: flex;
    display: -webkit-flex;
    justify-content: space-evenly;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 10px;
    margin-top: 5px
}

.hero .flavors-container .flavor {
    border: 1px solid #ccc;
    border-radius: 4px;
    flex: 1;
    text-align: center;
    margin: 0 2px;
    cursor: pointer
}

.hero .flavors-container .flavor p {
    font-size: .9rem;
    margin: 0
}

.hero .flavors-container .flavor.active {
    border-color: #e71791;
    background: #f8ecf4
}

.hero .flavors-container .flavor.active p {
    color: #e71791
}

.hero .desktop-testimonial-container .desktop-testimonial-image {
    flex: 0 0 127px;
    margin-right: 10px
}

@media (min-width: 1199px) {
    .hero .compelling-hero-headline {
        margin-top:20px
    }

    .hero .testimonial-copy {
        padding-left: 0
    }

    .hero .reviews .starImg {
        margin-right: 10px
    }

    .product-img {
        text-align: center;
        position: relative
    }
}

.fb-follower-count {
    margin-bottom: 20px
}

.fb-follower-count .fa-facebook-square {
    color: #4267b2;
    font-size: 1.3em
}

.blockquote,blockquote {
    margin-bottom: 0
}

blockquote p {
    line-height: 1.4;
    font-size: 17px
}

blockquote .blockquote-footer:before {
    margin-right: 4px
}

.atf-description {
    padding-top: 10px
}

.atf-description a {
    color: #15322c;
    font-weight: 400
}

.callout {
    text-decoration: underline
}

.percent-savings {
    font-size: 22px;
    margin-bottom: 15px
}

.mobile-guarantee {
    padding: 0 4px
}

.card-body {
    padding: .85rem
}

.card-special .card-body {
    padding: 0;
    margin-bottom: .8rem
}

.pr-1:before {
    content: "";
    border-right: 1px solid;
    height: 35px;
    position: absolute;
    right: -2px;
    color: #15322c;
    display: inline-block
}

.media-citations-container {
    position: relative;
    top: -20px
}

.media-citations-container .media-citations {
    width: 100%;
    position: absolute;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.4);
    border-radius: 4px;
    margin-bottom: 10px
}

.media-citations-container .media-citations ul {
    padding: 0 0 0 20px;
    margin: 0
}

.media-citations-container .media-citations ul li {
    font-size: .9rem
}

.media-citations-container .media-citations .close-citation {
    position: absolute;
    top: 0;
    right: 10px
}

@media (max-width: 767px) {
    .hero.shop .shop-hero .shop-button {
        font-size:22px;
        padding: 12px 0
    }

    .hero .atf-image {
        flex: 1
    }

    .hero .atf-benefits .fa-arrow-right {
        font-size: 12px;
        top: -2px
    }

    .headline {
        font-size: 1.3rem
    }

    .card-special .card-body {
        margin-bottom: .3rem
    }

    .secure-text {
        position: relative;
        top: -6px
    }

    .hero {
        padding-top: 5px
    }

    .hero .atf-image img {
        position: relative;
        left: 0;
    }

    .hero .atf-image img.show-offer-badge {
        top: -10px
    }

    .hero .atf-benefits {
        margin-top: 10px;
        margin-bottom: 5px;
        flex: 1.1
    }

    .hero .atf-benefits li:last-child {
        margin-bottom: 0
    }

    .hero .atf-benefits li fa {
        font-size: .8rem;
        margin-right: -2px;
        display: inline-block
    }

    .hero .testimonial-copy {
        padding-left: 0
    }

    .hero .reviews {
        -webkit-flex-direction: column;
        margin-top: 15px
    }

    .fb-follower-count {
        margin-bottom: 10px
    }

    blockquote p {
        font-size: 15px
    }

    .atf-benefits-title {
        font-size: 1rem
    }

    .product-img img:not(.starImg) {
        position: relative;
        left: 5px
    }

    .product-img.beauty-juice img:not(.starImg),.product-img.skinny-greens img:not(.starImg),.product-img.super-youth img:not(.starImg) {
        top: 10px
    }

    .card-body {
        padding: .3rem
    }

    .img-container {
        padding: 0
    }

    .reviewsText {
        font-size: .85rem
    }
}

@media (min-width: 374px) and (max-width:376px) {
    .headline {
        font-size:1.2rem
    }

    .atf-benefits-title {
        font-size: 1rem
    }

    .foot-peel .col-md-5 .atf-benefits li {
        font-size: .85rem
    }
}

@media (max-width: 365px) {
    .revcount {
        margin-left:9px
    }

    .foot-peel .col-md-5 .atf-benefits li {
        font-size: .8rem
    }
}

.column.col-md-12.half-column.text-center.revcount {
    max-width: 63%;
    margin-left: 17%
}

.green-text {
    color: #79a565!important
}

@media (max-width: 320px) {
    .hero .atf-image {
        flex:1
    }

    .hero .atf-benefits {
        margin-top: 0
    }

    .hero .atf-benefits li,.hero .fb-follower-count p {
        font-size: .9rem
    }

    .hero .atf-testimonial .atf-testimonial-copy .atf-testimonial-quote {
        font-size: .85rem
    }
}

.foot-peel p {
    font-weight: 700;
    font-size: 1.5rem
}

.secure-text-desktop-2-col {
    margin: 27px 0;
    font-size: .9rem
}

.secure-text-desktop-3-col {
    width: 750px;
    position: relative;
    top: 60px;
    left: -10px;
    text-align: left
}

@media (max-width: 1025px) {
    .secure-text-desktop-3-col {
        display:none
    }
}

.secure-text-mobile {
    display: none;
    text-align: center
}

.standard-value {
    opacity: 0
}

p.msrp-price {
    font-size: 1.3rem
}

.bg-info.bg-purple {
    background-color: #4853ae!important
}

.row.no-gutters {
    margin-right: 5px;
    margin-left: 5px
}

.row.no-gutters>[class*=" col-"],.row.no-gutters>[class^=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.product-pricing sup {
    font-size: 1rem;
    left: -5px
}

.pricing-column-header {
    background: #eee
}

.straight-sale-price:not(.rtg) {
    display: flex;
    display: -webkit-flex;
    justify-content: center
}

.straight-sale-price:not(.rtg):after {
    content: "";
    height: 30px;
    width: 1px;
    background: #ccc;
    position: absolute;
    right: 0
}

.straight-sale-price.rtg {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 1rem
}

@media (min-width: 991px) {
    .straight-sale-price {
        font-size:1.2rem
    }

    .subscription-price {
        font-size: 1.35rem
    }

    .post-cta-deets {
        font-size: .85rem
    }

    .product-img img {
        padding: 0 5px
    }
}

.product-heading {
    padding: 20px 20px 0
}

.product-image img {
    width: 65%
}

.reviews img {
    width: 102px;
    position: relative;
    margin-bottom: 8px
}

.reviews .blockquote img {
    width: 100%;
    max-width: 100%;
    border-radius: 16px;
    margin: 0 0 10px
}

.reg-pricing {
    font-size: .95rem
}

.one-column .col-md-7 {
    flex: 100%;
    max-width: inherit;
    padding: 0 30px
}

.two-column .pricing-header:after {
    content: "";
    height: 55px;
    width: 1px;
    display: inline-block;
    background: #ccc;
    position: absolute;
    top: 0;
    right: -5px
}

.two-column .col-md-5 {
    padding-left: 30px;
    padding-right: 5px
}

.two-column .col-md-7 {
    padding-right: 30px;
    padding-left: 5px
}

.three-column-pricing .msrp-price {
    margin-right: .25rem
}

.three-column-pricing .col-md-4 {
    padding: 0 5px
}

.three-column-pricing .btn.btn-lg.btn-cta {
    font-size: 1.15rem;
    padding: .75rem 0
}

.two-column-pricing .secure-text-desktop {
    width: 52%;
    margin: 1em auto;
    text-align: center;
    top: 0;
    left: 0
}

.two-column-pricing .product-img img {
    width: 65%;
    position: relative
}

.two-column-pricing .servings {
    position: relative;
    z-index: 1
}

.two-column-pricing .btn.btn-lg.btn-cta {
    font-size: 1.5rem;
    padding: .6em
}

.two-column-pricing sup {
    left: -5px
}

.two-column-pricing .rtg-pricing-header {
    font-size: 1.1rem
}

@media (min-width: 992px) {
    .flavor-selection-container {
        margin:0
    }

    .flavor-selection-container .flavor {
        height: 51px
    }

    .flavor-selection-container .flavor .flavor-img {
        width: 138px
    }

    .flavor-selection-container .unflavored .flavor-img {
        width: 130px
    }

    .flavor-selection-container .chocolate {
        margin-right: 2px
    }

    .hero .flavors-container .flavor {
        margin: 0 5px
    }

    .two-column-pricing .product-img {
        height: 324px
    }

    .two-column-pricing .product-img.youth {
        height: 285px
    }

    .two-column-pricing .first-column {
        position: relative;
        top: 98px
    }
}

.row.two-column-pricing {
    flex-wrap: wrap-reverse
}

.blue-border {
    border: 5px solid #4853ae
}

.trial-pricing-container ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.trial-pricing-container ul li {
    font-size: .9rem;
    margin-bottom: 5px
}

.trial-pricing-container ul li .checkmark {
    margin-right: 10px;
    display: inline-block;
    transform: rotate(45deg);
    height: 14px;
    width: 7px;
    border-bottom: 4px solid #e71990;
    border-right: 4px solid #e71990
}

.trial-pricing-container .product-image .mobile-image {
    width: 80%;
    position: relative;
    top: 5px
}

.trial-pricing-container .star-ratings .ratings-copy {
    font-weight: 700;
    font-size: .9rem
}

.trial-pricing-container .trial-pricing-desktop .star-ratings {
    position: relative;
    top: -45px;
    left: 100px
}

@media (min-width: 768px) and (max-width:1025px) {
    .product-title,.subscribe-savings {
        font-size:1rem
    }

    .one-column .btn,.two-column .btn {
        font-size: 1em;
        padding: .75em 0
    }

    .one-column .purchase-type,.two-column .purchase-type {
        font-size: .75em
    }

    .pricing .col-md-4 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .pricing .product-img img {
        width: 362px
    }

    .best-value {
        margin-top: 3em
    }
}

@media (max-width: 767px) {
    .w-75 {
        width:90%!important
    }

    .intro-content {
        margin-bottom: 1.2rem!important
    }

    .foot-peel p,.two-column-pricing .rtg-pricing-header {
        font-size: 1rem
    }

    .secure-text-desktop,.secure-text-desktop-2-col,.standard-value,.two-column-pricing .secure-text-desktop-2-col {
        display: none
    }

    h1.text-success {
        font-size: 1.8rem
    }

    p.msrp-price {
        font-size: 1rem;
        margin-bottom: .25rem
    }

    .post-cta-deets,.two-column-pricing .purchase-type {
        font-size: .85rem
    }

    .bg-info.bg-purple {
        font-size: 1.75rem;
        padding-top: 4px!important
    }

    .action-button-group a {
        font-size: 14px
    }

    .product-heading {
        padding: 10px 10px 0
    }

    .product-title,.two-column-pricing h5 {
        font-size: 1.1rem
    }

    .subscribe-savings {
        font-size: 1.2rem
    }

    .product-image img {
        width: 75%
    }

    .pricing-column {
        margin-bottom: 1em
    }

    .product-img img {
        width: 228px
    }

    .one-column .col-md-7 {
        padding: 0 25px
    }

    .two-column .col-md-5 {
        padding-left: 25px
    }

    .two-column .col-md-7 {
        padding-right: 25px
    }

    .two-column .purchase-type {
        font-size: .75em
    }

    .two-column .pricing-header:after {
        height: 45px
    }

    .two-column .btn {
        font-size: 1.15em;
        padding: 1.1em 0
    }

    .mobile-secure-text {
        position: relative;
        top: -10px;
        width: 100%;
        text-align: center
    }

    .post-cta {
        line-height: 1
    }

    .three-column-pricing .col-md-4 {
        padding: 0 15px
    }

    .three-column-pricing .btn.btn-lg.btn-cta,.two-column-pricing .btn.btn-lg.btn-cta {
        font-size: 1.35rem;
        padding: .7em 0
    }

    .three-column-pricing .purchase-type {
        font-size: .9rem!important
    }

    .reviews .reviews-number,.two-column-pricing .reg-pricing {
        font-size: .9rem
    }

    .subscription-price {
        font-size: 1.25rem;
        position: relative;
        top: -2px;
        margin-bottom: 5px
    }

    h1.headline {
        margin-bottom: 1.2rem!important;
        margin-top: -.4rem
    }
}

@media (max-width: 360px) {
    .subscribe-savings {
        font-size:1.1rem
    }

    .mobile-secure-text {
        font-size: .85rem
    }

    .post-cta-deets {
        font-size: 70%
    }
}

@media (min-width: 320px) and (max-width:359px) {
    .countdown p {
        font-size:.8rem
    }

    .countdown .black-triangle {
        left: 39%
    }

    .direct-response.countdown p,.headline,.subscribe-savings {
        font-size: 1rem
    }

    .product-navigation-collagens .flavor {
        font-size: .59em
    }

    .atf-benefits-title,.fb-count-text,.two-column .product-title {
        font-size: .9rem
    }

    .atf-benefits li {
        font-size: 1em
    }

    .quantity-control {
        margin-top: -13px
    }

    .revcount {
        font-size: 12px
    }

    .foot-peel .col-md-5 .atf-benefits li {
        font-size: .7rem
    }

    .two-column .purchase-type {
        font-size: .65em
    }

    .two-column .btn {
        font-size: .9em
    }

    .post-cta-deets {
        font-size: 61%
    }

    .three-column-pricing .btn.btn-lg.btn-cta {
        font-size: .9rem;
        padding: 1em 0
    }
}

.benefits .col img {
    width: 80px;
    margin: 5px
}

.benefits h3 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 9px;
    line-height: 40px;
    color: #15322c
}

.blockquote p {
    font-size: 18px
}

.btn-info {
    background: 0 0;
    border: 2px solid #4853ae;
    color: #4853ae!important
}

.ingredients-row {
    justify-content: center
}

.ingredient-description {
    font-size: 1.2rem
}

.bonus-section-border {
    border: 10px solid;
    padding: 0 0 20px
}

.bonus-section-border .ingredient-compelling {
    font-size: 1.1rem!important;
    padding: 15px 0
}

.bonus-section-border .ingredient-compelling-two {
    margin-top: 20px;
    font-size: 1.1rem!important
}

@media (min-width: 767px) {
    .ingredient-cta {
        margin-top:25px
    }
}

@media (max-width: 767px) {
    .bonus-section-border .ingredient-compelling {
        margin:0 auto
    }

    .ingredient-bonus-desc {
        font-size: .8rem;
        width: 90%;
        margin: 0 auto
    }

    .ingredients .w-50 {
        width: 80%!important
    }

    .icons.mt-0 {
        margin-top: 2rem!important
    }

    .ingredients .w-25 {
        width: 100%!important
    }

    .headline {
        font-size: 1.3rem
    }

    .check-the-label {
        font-size: 16px
    }
}

@media (max-width: 360px) {
    .headline {
        font-size:1.1rem
    }
}

.width-250px {
    width: 250px
}

.risk-free-headline a {
    color: #454545
}

.collagen-comparison .chart-main-headline {
    font-size: 1.75rem
}

.collagen-comparison .comparison-table {
    border: 1px solid #eee;
    margin-bottom: 8em;
    border-bottom: 0;
    border-right: 0
}

.collagen-comparison .chart-headline {
    background: #67dad5;
    color: #fff;
    padding: 10px 0 10px 15px
}

.collagen-comparison .best {
    background: #fceff8;
    border-right: 3px solid #e81691;
    border-left: 3px solid #e81691
}

.collagen-comparison .description,.collagen-comparison .products-row .name {
    flex: 2;
    padding: 10px 15px 5px
}

.collagen-comparison .products-row {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    border-right: 1px solid #eee
}

.collagen-comparison . products-row .product,.collagen-comparison .collagen-type .option,.collagen-comparison .value-type .option {
    flex: 1;
    text-align: center
}

.collagen-comparison .products-row .product.best img {
    width: 75%
}

.collagen-comparison .products-row .product img {
    width: 50%
}

.collagen-comparison .guarantee .description p,.collagen-comparison .products-row p {
    line-height: 1
}

.collagen-comparison .collagen-type {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    height: 115px
}

.collagen-comparison .collagen-type.first {
    height: 150px
}

.collagen-comparison .collagen-type.first .option.best {
    padding: 51px 0
}

.collagen-comparison .collagen-type .option.best {
    padding: 34px 0
}

.collagen-comparison .value-type {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    height: 63px
}

.collagen-comparison .value-type .option.best {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    height: 63px
}

.collagen-comparison .testimonial.desktop {
    display: flex!important
}

.collagen-comparison .testimonial.mobile {
    display: none!important
}

.collagen-comparison .guarantee {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    border-right: 1px solid transparent
}

.collagen-comparison .guarantee .description {
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
    align-self: flex-start
}

.collagen-comparison .guarantee .option {
    flex: 1;
    text-align: center;
    border-bottom: 1px solid #eee;
    align-self: flex-start
}

.collagen-comparison .guarantee .option.best {
    padding: 16px 0
}

@media (max-width: 1199px) {
    .secure-text-desktop-2-col {
        margin:17px 0
    }

    .secure-text-desktop-3-col {
        width: 628px
    }

    .collagen-comparison .guarantee .option.best {
        padding: 28px 0
    }
}

@media (max-width: 1099px) {
    .display-mobile {
        display:block!important
    }

    .display-desktop {
        display: none!important
    }

    .collagen-comparison .guarantee .option.best {
        padding: 14px 0
    }
}

@media (max-width: 991px) {
    .hero.shop .star-rating .stars-count {
        margin:5px 0 0
    }

    .hero.shop .shop-hero .quantity-selector {
        margin: 0 0 10px
    }

    .hero.shop .atf-testimonial.shop {
        display: none!important
    }

    .secure-text-desktop-2-col {
        margin: 25px 0
    }

    .testimonials .testimonial img {
        width: 255px
    }

    .collagen-comparison .guarantee .option.best {
        padding: 10px 0
    }
}

.collagen-comparison .guarantee .testimonial {
    flex: 4;
    display: flex;
    display: -webkit-flex;
    height: 82px;
    align-self: flex-start
}

.collagen-comparison .guarantee .testimonial .testimonial-quote {
    flex: 3
}

.collagen-comparison .guarantee .testimonial .testimonial-quote p {
    padding: 10px 15px
}

.collagen-comparison .guarantee .testimonial .testimonial-image {
    flex: 1;
    margin-top: 10px;
    text-align: center
}

.collagen-comparison .guarantee .testimonial .testimonial-image img {
    width: 110px
}

@media (min-width: 992px) and (max-width:1099px) {
    .collagen-comparison {
        margin-bottom:11em
    }

    .collagen-comparison .guarantee .description .headline {
        font-size: 1rem
    }

    .collagen-comparison .guarantee .testimonial {
        top: 75px
    }

    .collagen-comparison .guarantee .testimonial .testimonial-quote p {
        padding: 0 10px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .collagen-comparison {
        margin-bottom:2em
    }

    .collagen-comparison .description,.collagen-comparison .products-row .name {
        padding: 0 0 0 8px
    }

    .collagen-comparison .products-row .best {
        padding: 10px 0
    }

    .collagen-comparison .products-row .name .headline {
        font-size: 1.1rem
    }

    .collagen-comparison .collagen-type .sub-headline,.collagen-comparison .collagen-type .types-copy,.collagen-comparison .guarantee .description .headline,.collagen-comparison .products-row p {
        font-size: .8rem
    }

    .collagen-comparison .collagen-type,.collagen-comparison .collagen-type.first {
        height: auto
    }

    .collagen-comparison .collagen-type .headline {
        font-size: .95rem
    }

    .collagen-comparison .guarantee {
        height: 68px
    }

    .collagen-comparison .guarantee .testimonial .testimonial-quote p {
        padding: 0 15px;
        font-size: .8rem
    }

    .collagen-comparison .guarantee .description {
        flex: 0 0 201px;
        padding: 10px 0
    }

    .collagen-comparison .guarantee .description .sub-headline {
        font-size: .75rem
    }

    .collagen-comparison .guarantee .option {
        flex: 0 0 102px
    }
}

@media (max-width: 767px) {
    .collagen-comparison .testimonial.desktop {
        display:none!important
    }

    .collagen-comparison .testimonial.mobile {
        display: flex!important
    }

    .collagen-comparison small {
        font-size: 50%
    }

    .collagen-comparison header {
        padding: 0 15px
    }

    .collagen-comparison .col-12 {
        padding-right: 0
    }

    .collagen-comparison .comparison-table {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 1.5em
    }

    .collagen-comparison .description,.collagen-comparison .products-row .name {
        flex: 0 0 195px;
        padding: 0 0 0 8px
    }

    .collagen-comparison .products-row {
        border-right: 0
    }

    .collagen-comparison .collagen-type .description .headline,.collagen-comparison .products-row .name .headline {
        font-size: .95rem
    }

    .collagen-comparison .collagen-type .description .sub-headline,.collagen-comparison .guarantee .sub-headline,.collagen-comparison .products-row .name .sub-headline {
        font-size: .75rem
    }

    .collagen-comparison .collagen-type .option,.collagen-comparison .guarantee .option,.collagen-comparison .products-row .product,.collagen-comparison .value-type .option {
        flex: 0 0 80px
    }

    .collagen-comparison .products-row .product.best {
        padding: 12px 0
    }

    .collagen-comparison .products-row .product.best img {
        width: 85%
    }

    .collagen-comparison .products-row p {
        line-height: .9
    }

    .collagen-comparison .chart-headline {
        width: 150%;
        padding-left: 8px
    }

    .collagen-comparison .collagen-type {
        border-right: 0;
        height: auto;
        width: 150%
    }

    .collagen-comparison .collagen-type.first,.collagen-comparison .guarantee {
        height: auto
    }

    .collagen-comparison .collagen-type.first .option.best {
        padding: 45px 0
    }

    .collagen-comparison .collagen-type .description .types-copy,.collagen-comparison .testimonial p {
        font-size: .85rem
    }

    .collagen-comparison .collagen-type .option.best {
        padding: 35px 0
    }

    .collagen-comparison .value-type {
        height: auto;
        width: 150%
    }

    .collagen-comparison .value-type p {
        line-height: 1
    }

    .collagen-comparison .guarantee .headline {
        font-size: .8rem
    }

    .collagen-comparison .guarantee .description {
        padding: 10px 0
    }

    .collagen-comparison .testimonial {
        display: flex;
        display: -webkit-flex;
        padding: 0 15px
    }

    .collagen-comparison .testimonial .testimonial-quote {
        padding-right: 15px
    }

    .collagen-comparison .testimonial .testimonial-image {
        flex: 0 0 110px;
        margin-top: 0
    }
}

@media (max-width: 375px) {
    .hero .testimonial-copy {
        padding-left:10px
    }

    .collagen-comparison .chart-headline,.collagen-comparison .collagen-type,.collagen-comparison .value-type {
        width: 166%
    }
}

.guarantee {
    background: #f8f9fa
}

.border-bottom {
    border-bottom: 1px solid #aaa;
    padding-bottom: 3px
}

.risk-free-headline {
    border: 2px solid #eee;
    border-radius: 4px;
    padding: 15px;
    background: #e83e8c
}

.pink-border {
    border: 6px solid #e83e8c;
    padding: 20px 0
}

@media (max-width: 767px) {
    .w-75 {
        width:90%!important
    }

    .guarantee {
        background: #fbe5ef
    }

    .guarantee .grey-triangle-container {
        display: none
    }

    .guarantee .pink-triangle-container {
        display: block
    }

    .guarantee .pink-triangle {
        display: inline-block;
        width: 0;
        height: 0;
        border-color: #fbe5ef transparent transparent;
        border-style: solid;
        border-width: 30px 85px 0
    }

    .guarantee .container img {
        position: relative;
        left: 0;
        top: 0;
        width: 125px
    }

    .guarantee .container .headline {
        font-size: 1.4rem
    }

    .showHide.mobile {
        display: block!important
    }

    .intro-content {
        margin-bottom: 1.2rem!important
    }

    .headline {
        font-size: 1.3rem
    }

    h2.headline {
        margin-top: -.8rem!important
    }
}

@media (max-width: 360px) {
    .guarantee .container .headline {
        font-size:1.2rem
    }
}

.pink-cta {
    background: #e83e8c!important
}

.footer {
    text-align: left;
    background: #313233;
    padding: 50px 0 20px
}

#showAll,.gr_rate {
    text-align: center
}

.footer * {
    line-height: 1.2
}

.footer--huusk {
    background: #000
}

.footer--melzu .footer__logo {
    max-width: 130px
}

.footer__logo {
    max-width: 190px;
    margin-bottom: 30px;
    width: 100%
}

.footer__title {
    font-size: 18px;
    color: #fff;
    font-weight: 400
}

.footer__list {
    margin-top: 15px;
    margin-bottom: 30px;
    list-style: none!important;
    padding: 0
}

.footer__list-item {
    margin-bottom: 10px;
    padding: 0
}

.footer__list-item a,.footer__list-item a:hover,.footer__list-item a:visited {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    text-decoration: none!important
}

.footer__list-item p {
    font-size: 14px;
    margin-bottom: 0;
    color: #fff
}

.gr_rate p,.itemIng h3 {
    font-size: 18px;
    line-height: 26px
}

.gr_rate .offer_badge,.gr_rate p {
    margin-bottom: 15px;
    font-weight: 700
}

.footer__list-item--contact {
    display: flex;
    align-items: center
}

.footer__copy {
    background: #fff
}

.footer__copy-text {
    font-size: 12px!important;
    margin: 0!important
}

@media (max-width: 768px) {
    .bonus-section-border {
        border:0;
        margin-top: 20px;
        width: 90%
    }

    .pink-border {
        border: 0;
        padding-bottom: 0
    }

    .footer__copy-text {
        margin-bottom: 15px
    }

    br {
        display: none
    }
}

.footer__copy-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    color: #4a4a4a
}

@media (min-width: 768px) {
    .footer__copy-holder {
        flex-direction:row
    }
}

.footer__contact-icon {
    background: #2676f7;
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.footer__contact--enence .footer__contact-icon {
    background: #e12a63
}

.footer__contact--ryoko .footer__contact-icon {
    background: #e76c12
}

.footer__contact--huusk .footer__contact-icon {
    background: #f90
}

.footer__payments-img {
    max-width: 300px
}

.gr_rate .offer_badge {
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    color: #ed4136;
    background: #fdeceb;
    border-radius: 30px;
    padding: 8px 18px;
    display: inline-block
}

.gr_rate p {
    color: #15322c
}

.gr_rate .checklist {
    display: block;
    padding: 0;
    list-style: none;
    text-align: center;
    margin: 0 auto
}

.gr_rate .checklist li {
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: #15322c;
    background: url(checklist.png) left center/14px no-repeat;
    padding-left: 16px;
    display: inline-block;
    max-width: 169px;
    width: 100%;
    margin-right: 5px;
    margin-left: 5px
}

@media(max-width: 789px) {
    .gr_rate .checklist li {
        font-size:13px!important;
        padding-left: 20px;
        max-width: 159px
    }

    .feature-image {
        width: 100%;
        max-width: 80%!important;
        left: auto;
        right: auto
    }

    .hero .atf-image {
        padding: 20px 0 0!important
    }
}

.featuredSection {
    background: #f8f8f8;
    border-radius: 16px
}

.featuredSection img {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    display: block;
    padding: 0 0 16px
}

.itemIng {
    max-width: 216px;
    width: calc(20% - 16px);
    vertical-align: top;
    margin: 0 8px 32px
}

.itemIng img {
    width: 100%;
    max-width: 139px
}

.itemIng h3 {
    font-weight: 700;
    color: #15322c;
    margin: 24px 0 9px
}

.itemIng p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .01em;
    color: #15322c
}

.section-6 .row.text-center {
    justify-content: center;
    align-items: stretch
}

#showAll {
    display: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 21px;
    color: #68c161;
    filter: drop-shadow(0px 16px 32px rgba(104, 193, 97, .24));
    border: 1px solid #68c161;
    border-radius: 16px;
    padding: 18px;
    background: 0 0!important;
    margin-bottom: 24px
}

.rating-img {
    width: 100%!important;
    max-width: 187px!important
}

.review-rating {
    display: block;
    margin-bottom: 32px
}

.review-rating strong {
    display: inline-block;
    font-weight: 800;
    font-size: 50px;
    line-height: 44px;
    color: #15322c;
    margin-right: 5px
}

.review-rating span {
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    line-height: 22px;
    color: #15322c
}

.review-rating span br {
    display: block!important
}

@media(max-width: 1200px) {
    .hero .atf-image {
        max-width:50%
    }
}

@media(max-width: 993px) {
    .featured-heading {
        margin-bottom: 14px !important;
    }

    .hero .atf-image {
        max-width: 300px
    }

    .testimonial-left img {
        flex: 0 0 60px !important;
        max-width: 60px !important;
    }

    .itemIng img {
        max-width: 110px
    }
}