
body #trustspot-widget-wrapper, body #trustspot-tab-modal, body .trustspot-inline-rating, body .trustspot-photo-modal {
    font-family: "Montserrat", Arial, Helvetica, sans-serif !important;

}


.review-carousel .trustspot-photo-carousel .trustspot-carousel-container {
    width: 100% !important;

}



a.view-reviews-link {
    font-size: 14px;
    text-decoration: none;
    vertical-align: bottom;
    line-height: 32px;
}

.trustspot-inline-simple:empty + a.view-reviews-link {
    /*display: none !Important;*/
}

.review-carousel .trustspot-photo-carousel-title {
    text-align: left !important;
    padding-bottom: 0rem;
    color: #2d2d2d !important;
}

.review-carousel .trustspot-photo-carousel-title span {
    color: #2d2d2d !important;
}

body #trustspot-widget-wrapper header {
    /*display: none !important;*/
    height: auto !important;
    margin-top: 1.5rem !important;
}

#product-reviews-wrapper {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    margin-bottom: 3rem;
    border-top: 1px solid #ccc;
}

#product-reviews-wrapper .trustspot.trustspot-main-widget {
    /*max-width: 870px;*/
    /*margin: auto auto;*/
}

#product-reviews-wrapper > h2 {
    /*max-width: 820px;*/
    /*margin: auto auto;*/
}

#trustspot-widget-wrapper #product-widget-review-result {
    width: 100%;
}

#trustspot-widget-wrapper {
    width: 100%;
    max-width: 100%;
    display: inline-block !important;
}

#review-section-toggle {
    display: block;
    width: 100%;
    float: left;
    order: 3;
    margin-bottom: 0px;
}

body #trustspot-widget-wrapper .ts-mobile-menu {
    display: none !important;
}

#trustspot-widget-wrapper .ts-product-widget-header-right {
    float: right;
    display: block;
    width: 100%;
    text-align: left !important;
}

#trustspot-widget-wrapper .ts-product-widget-header-right a.ask-question-modal {
    margin-right: 5px;
    float: left !important;
    margin-left: 0px !important;
    position: relative !important;
    display: inline-block !important;
    left: 0 !important;
    top: 0 !important;
    border: 1px solid #bd589a !important;
    transition: background .25s;
    color: #fff;
    background: #bd589a !important;
    line-height: 16px !important;
    border-radius: 0px !important;

}

body #trustspot-widget-wrapper ul.tab {
    margin-top: 1.5rem !important;
    border-top: none !important;
    border-bottom: 0px solid transparent;
    display: inline-block;
    width: 100%;

}

#trustspot-widget-wrapper .ts-product-widget-header-right a.ask-question-modal:hover {
    color: #bd589a !important;
    background: #fff !important;
}

.productView--quickView #review-section-toggle {
    display: none !important;
}

@media (max-width: 700px) {
    #trustspot-widget-wrapper .ts-product-widget-header-right {
        display: block !important;
    }
}

.trustspot-photo-carousel .trustspot-carousel-container > div:not(.trustspot-reviews-gallery) {
    text-align: left;
}

.carousel-column {
    text-align: center;
}

/*.trustspot-photo-carousel .carousel-column {*/
/*    width: 270px !important;*/
/*}*/
/*.trustspot-photo-carousel .carousel-column div {*/
/*    height: 237px !important;*/
/*}*/
/*.trustspot-photo-carousel .trustspot-carousel-container > div:not(.trustspot-reviews-gallery) {*/
/*    height: 237px !important;*/
/*}*/
/*.trustspot-photo-carousel .carousel-column:not(.instagram-slide) .overlay::before {*/
/*    line-height: 237px !important;*/
/*}*/
/*.trustspot-photo-carousel .carousel-column.instagram-slide .overlay {*/
/*    background-size: 80% auto !important;*/
/*}*/

#trustspot-tab-modal .modal-content .review p {
    display: none !important
}

#trustspot-tab-modal .modal-content h2 {
    font-family: inherit !important;
}

#trustspot_tab_parent {
    z-index: 1;
}

body #trustspot_tab_parent #trustspot-tab-anchor {
    z-index: 10 !important;
}

body #trustspot-tab-modal .modal-content h2 {
    text-align: left !important;
    padding-left: 10px !important;
    font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
}

body #trustspot-tab-modal .modal-content .popup-description-block {
    padding: 10px !important;
    background: #fff;
    border-radius: 10px;
}

body #trustspot-tab-modal .trustspot-close {
    width: 2em;
    height: 2em;
    background: #bd589a !important;
    color: #fff !important;
    text-align: center;
    padding: 0.3em !important;
    box-sizing: border-box !important;
    border-radius: 100%;
}

body .peel-container-scope {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
    font-size: 16px;
}

.peel-container-scope h2 {
    width: 100%;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 1.5em;
    padding-top: 1em;
    padding-bottom: .25em;
    padding-left: .5em;
    padding-right: .5em;
    background: #363d4a;
    color: #fff;
    float: left;
    font-weight: 500;
    text-transform: uppercase;
}

/* .peel-container-scope h3, .peel-container-scope h4, .peel-container-scope h5,.peel-container-scope p {
    margin-left: 15px;
    margin-right: 15px;
}
.peel-container-scope ul,.peel-container-scope ol {
    padding-left: 15px;
    padding-right: 15px;
} */
.peel-container-scope h2 + h3 {
    width: 100%;
    display: inline-block;
    margin-top: -1.125em;
    margin-bottom: 1.125em;
    font-size: 1.25em;
    padding-top: .5em;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: .25em;
    padding-left: .5em;
    padding-right: .5em;
    background: #6dbbd7;
    color: #fff;
    border-bottom: 0px solid transparent;
    float: left;
    font-weight: 500;
    text-transform: uppercase;
}

.peel-container-scope h2 + hr {
    display: none !important;
}

.peel-container-scope h3 {
    width: auto;
    display: inline-block;
    font-size: 1.25em;
    margin-top: 0;
    margin-bottom: 1.5em;
    border-bottom: .5em solid #bd589a;
    font-weight: 500;
    text-transform: uppercase;


}

.peel-container-scope h4, .peel-container-scope h5 {
    width: auto;
    display: inline-block;
    font-size: 1.125em;
    margin-top: 0;
    margin-bottom: 1.5em;
    border-bottom: .5em solid #bd589a;
    font-weight: 800;
    text-transform: uppercase;

}

.peel-container-scope hr {
    width: 100%;
    display: inline-block;
    border-top: 0px solid;
    margin-top: 0;
    margin-bottom: 1.5em;
    border-bottom: .25em solid #efefef;

}

.peel-container-scope table {
    width: 100%;
    margin-bottom: 1em;
    border: 1px solid #000;
    border-collapse: collapse;
}

.peel-container-scope table tbody tr:nth-child(even) {
    background: #f7f7f7;
}

.peel-container-scope table tr th {
    background: #6dbbd7;
    color: #fff;
}

.peel-container-scope table tr td, .peel-container-scope table tr th {
    padding: .5em .75em;
    border: 1px solid #000;
    text-align: left !important;


}


.peel-container-scope p + ul {
    margin-toP: 1em;
}

.peel-container-scope ul {
    display: inline-block;
    list-style: none;
}

.peel-container-scope ul, .peel-container-scope ol, .peel-container-scope p {
    width: 100%;
}

.peel-container-scope p, .peel-container-scope h3, .peel-container-scope h2, .peel-container-scope h4, .peel-container-scope hr, .peel-container-scope ul, .peel-container-scope ol {
    display: inline-block;
}

.peel-container-scope ul li {
    padding-left: 1em;
}

.peel-container-scope li {
    margin-bottom: .85em;
}

.peel-container-scope ul li:before {
    content: '';
    margin-right: .5em;
    background: #6dbbd7;
    border-radius: 100%;
    width: .75em;
    height: .75em;
    position: absolute;
    margin-top: .375em;
    display: inline-block;
    margin-left: -1.5em;

}

.peel-container-scope li ul, .peel-container-scope li ol {
    margin-top: .75em;
}

.peel-container-scope ol {
    list-style: none;
}

.peel-container-scope ol > li {
    padding-left: 1em;
    counter-increment: inst;
}

.peel-container-scope ol > li:before {
    content: counter(inst);
    margin-right: .5em;
    background: #6dbbd7;
    border-radius: 0%;
    font-size: .75em;
    padding: .25em .25em;
    width: 2em;
    color: #fff;
    position: absolute;
    margin-top: 0em;
    text-align: center;
    display: inline-block;
    left: 0;
}

.peel-container-scope .index-box ul {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;

}

.peel-container-scope .index-box ul li {
    width: 100%;
    font-size: 1em;
    margin-bottom: .25em;
    border-bottom: 1px dotted #f0f0f0;
    padding: .25em .25em .25em;

}

.peel-container-scope .index-box ul li a {
    text-decoration: none;
    color: #bd589a;
}

.peel-container-scope .index-box ul li:before {
    display: none;
}

.peel-container-scope .index-box ul li a:hover,
.peel-container-scope .index-box ul li a:focus,
.peel-container-scope .index-box ul li a:active {
    color: magenta;
}

.peel-container-scope .shogun-image-container ~ .peel-txt {
    margin-top: 1em;
}

.peel-container-scope {
}

.peel-container-scope > .shg-box-content > .shg-c {
    background: #fff;
    padding: 2rem !important;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
}

.peel-container-scope {
}

.home-page-header img {
    width: 100%;
}


body.pace-done .shogun-content .shg-sld-item.shg-sld-active .shop-hero-right > .shg-box-content > .shg-fw,
body.pace-running .shogun-content .shg-sld-item.shg-sld-active .shop-hero-right > .shg-box-content > .shg-fw {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

body.pace-done .shogun-content .shg-sld-item.shg-sld-active .shop-hero-right > .shg-box-content > .shg-fw .hero-outer,
body.pace-running .shogun-content .shg-sld-item.shg-sld-active .shop-hero-right > .shg-box-content > .shg-fw .hero-outer {
    width: 100% !important;
}


body.pace-done .shogun-content .shg-sld-item.shg-sld-active .shop-hero-right > .shg-box-content > .shg-fw .shg-fw {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

body.pace-done .shogun-content .hero-slider .shop-hero-right .hero-outer > .shg-box-content > .shogun-image-container {
    width: 100% !important;
}

.hero-txt-block.Festive-header h2 a {
    font-size: .5em !Important;
    padding: .25em 1.5em !important;
    font-weight: 600 !important;
    background: transparent !important;
    border: 1px solid #000;
}

body.pace-done .shogun-content .hero-txt-block a.shogun-image-link, body.pace-running .shogun-content .hero-txt-block a.shogun-image-link {
    padding: 0px !important;
    background: transparent !important;
}

@media (min-width: 768px) {
    body.pace-done .shogun-content .shop-hero-right.shop-hero-center .hero-inner .shg-box-content, body.pace-running .shogun-content .shop-hero-right.shop-hero-center .hero-inner .shg-box-content {
        justify-content: center;
    }
}


.navPages-list + .navPages-list.navPages-list--user {
    padding-bottom: 75px;
}

/* New landing page ncss */

@media (min-width: 0) {

    /* NSCC Main Container */
    div.nscc {
        width: 100%;
        max-width: none;
        margin: 0 auto;
        padding: 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 34px;
    }

    /* Headings */
    div.nscc h1,
    div.nscc h2,
    div.nscc h3,
    div.nscc h4 {
        font-weight: 700;
    }

    div.nscc .heading-container h1,
    div.nscc .heading-container h2,
    div.nscc .heading-container h3,
    div.nscc .heading-container h4 {
        width: 100%;
    }

    div.nscc .heading-border {
        width: 69% !important;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        margin: 0 auto;
    }

    div.nscc .alt-bordered-heading h1,
    div.nscc .alt-bordered-heading h2,
    div.nscc .alt-bordered-heading h3,
    div.nscc .alt-bordered-heading h4 {
        text-transform: uppercase;
        font-weight: 400;
    }

    div.nscc .fitz-heading h1,
    div.nscc .fitz-heading h2,
    div.nscc .fitz-heading h3,
    div.nscc .fitz-heading h4 {
        text-transform: uppercase;
        font-weight: 400;
    }

    div.nscc .fitz-text {
        padding-top: 1em;
        font-size: 1.25em;
    }


    div.nscc image-cover {
        object-fit: cover !important;
    }

    /* Narrow Container */
    div.nscc .narrow-container {
        width: 100%;
        max-width: 650px !important;
        padding: 2em 0;
        margin: 0 auto;
    }

    div.nscc .narrow-container h1,
    div.nscc .narrow-container h2,
    div.nscc .narrow-container h3,
    div.nscc .narrow-container h4 {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    /* Wide Container */
    div.nscc .wide-container {
        width: 100%;
        max-width: 950px;
        padding: 2em 1.25em;
        margin: 0 auto;
    }


    div.nscc .wide-container h1,
    div.nscc .wide-container h2,
    div.nscc .wide-container h3,
    div.nscc .wide-container h4 {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    /* Extra Wide Container */
    div.nscc .extra-wide-container {
        width: 100%;
        max-width: 1200px;
        padding: 2em 1.25em;
        margin: 0 auto;
    }

    div.nscc .extra-wide-container.benefits {
        width: 100%;
        max-width: 1200px;
        padding: 2em 0;
        margin: 0 auto;
    }


    div.nscc .extra-wide-container h1,
    div.nscc .extra-wide-container h2,
    div.nscc .extra-wide-container h3,
    div.nscc .extra-wide-container h4 {
        width: 65%;
        height: auto;
        margin: 0 auto;
    }

    /* Key Ingredients */
    div.nscc .ingredients {
        padding-top: 0;
    }

    div.nscc .inner-ingredients {
        margin-top: 2em !important;
    }

    /* Image */
    div.nscc .fitz-columns img {
        border: 1px solid #f5f5f5;
        border-radius: 100%;
    }

    div.nscc .stretch-container {
        display: flex;
        align-content: center;
        align-items: stretch;
    }

    div.nscc .image-caption {
        font-size: .675em;
    }

    div.nscc .image-responsive {
        object-fit: cover;
        max-width: none;
        width: 100%;
        object-position: 50% 50%;

    }

    div.nscc .image-center {
        margin: 0 auto;
    }

    /* Testimonials */
    div.nscc .testimonial-quote {
        position: absolute;
        left: 0;
        top: -1.3em;
        z-index: 5;
    }

    div.nscc .inner-testimonial {
        margin-top: 3em !important;
    }

    /* Benefits */
    div.nscc .benefits-heading h1,
    div.nscc .benefits-heading h2,
    div.nscc .benefits-heading h3,
    div.nscc .benefits-heading h4 {
        position: absolute;
        width: 70%;
        height: auto;
        top: -1.6em;
        left: 15%;
        background-color: #000;
        color: #fff !important;
        text-transform: uppercase !important;
        padding: 1.5em 0 1.5em 0;
        font-weight: 300 !important;
        z-index: 10;
    }

    div.nscc .benefits-text-container {
        padding: 2em !important;
    }


    /* Fitzpatrick Scale */
    div.nscc .fitz-columns {
        flex-wrap: wrap;
    }

    /* Tabs */
    div.nscc .shogun-tabs > li.shogun-tab-active > .shogun-tab-box {
        border: 1px solid black !important;
    }

    div.nscc .shogun-tabs-body {
        border: 1px solid black;
    }

    div.nscc .shogun-tabs.shogun-rounded li {
        margin-right: 0;
    }

    div.nscc .shogun-tabs-body h3 {
        font-weight: 300;
    }

    div.nscc .shogun-tab-title {
        text-transform: uppercase;
    }

    div.nscc .shogun-tabs > li > .shogun-tab-box {
        background: #fff;
        border: 1px solid #000;
    }

    div.nscc #s-3f711ef3-4dec-4ed3-9ca0-53b4ec2ca33f .shogun-tabs-body {
        border-top: 1px solid #000;
    }

    div.nscc .shogun-tabs.shogun-rounded li .shogun-tab-box {
        padding: 10px 15px !important;
        border-radius: 0px !important;

    }

    /* Video */
}

@media (min-width: 768px) {

    div.nscc .extra-wide-container.benefits {
        width: 100%;
        max-width: 1200px;
        padding: 2em 1.25em;
        margin: 0 auto;
    }

    div.nscc .wide-container h1,
    div.nscc .wide-container h2,
    div.nscc .wide-container h3,
    div.nscc .wide-container h4 {
        width: 65%;
        height: auto;
        margin: 0 auto;
    }

    div.nscc .benefits-heading h1,
    div.nscc .benefits-heading h2,
    div.nscc .benefits-heading h3,
    div.nscc .benefits-heading h4 {
        width: 50%;
        left: 25%;
        padding: 2em 0 .5em 0;

    }

    div.nscc .shg-box-vertical-align-wrapper .shg-box > .shg-box-content {
        padding: 0px !important;
    }

    div.nscc .fitz-columns .shg-box-vertical-align-wrapper .shg-box > .shg-box-content {
        padding: 0px 25px !important;

    }

    div.nscc .benefits-column .shg-row {
        flex-flow: column-reverse;
    }

    div.nscc .fitz-columns .shg-row > .shg-c-sm-2 {
        width: 33.3%;

    }

    div.nscc .shg-row > .shg-c-sm-4 {
        width: 50%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 1em;
        margin: 0 auto;
    }

    div.nscc .benefits-column .shg-row > .shg-c-sm-6 {
        width: 100%;
    }

    div.nscc .video-column .shg-row > .shg-c-sm-6 {
        width: 100%;
    }

    div.nscc .shogun-tabs-body .shg-row > .shg-c-sm-6 {
        width: 100%;
    }

    div.nscc .faq-column .shg-row > .shg-c-sm-6 {
        width: 100%;
    }

    div.nscc .ingredient .shg-row > .shg-c-sm-6 {
        width: 100%;
    }

    div.nscc .testimonial .shg-row > .shg-c-sm-6 {
        width: 100%;
    }

    div.nscc .inner-ingredients {
        margin-top: 3em !important;
    }

    div.nscc .testimonial-quote {
        position: absolute;
        left: 0;
        top: -1.3em;
        z-index: 5;
    }
}

@media (min-width: 992px) {

    div.nscc .benefits-column .shg-row {
        flex-flow: row;
    }

    div.nscc .fitz-columns .shg-row > .shg-c-sm-2 {
        width: 16.66%;
    }

    div.nscc .shg-row > .shg-c-sm-4 {
        width: 33.3%;

    }

    div.nscc .benefits-column .shg-row > .shg-c-sm-6 {
        width: 50%;
    }

    div.nscc .video-column .shg-row > .shg-c-sm-6 {
        width: 50%;
    }

    div.nscc .shogun-tabs-body .shg-row > .shg-c-sm-6 {
        width: 50%;
    }

    div.nscc .faq-column .shg-row > .shg-c-sm-6 {
        width: calc(50.0% - 15px);
    }

    div.nscc .ingredient .shg-row > .shg-c-sm-6 {
        width: calc(50.0% - 15px);

    }

    div.nscc .testimonial .shg-row > .shg-c-sm-6 {
        width: calc(50.0% - 15px);

    }

    div.nscc .ingredient {
        padding-top: 1.667em;
    }

    div.nscc .inner-ingredients {
        margin-top: 0em !important;
    }
}

@media (max-width: 600px) {
    .productView-options form .form-field label.form-label.form-label--alternate {
        text-align: left;
    }

    .productView-options form .form-field .form-radio + label.form-label {
        width: 100% !important;
        text-align: left;
        margin-left: 1em;

    }

    .form-increment {
        text-align: left;
    }

    .productView-options .form-action {

    }

    .productView-options {
        text-align: left;
    }
}

.productView-options form .form-field label.form-label.unavailable {
    text-decoration: none !important;
    color: #000 !important;
}

:root {
    --text-color: #000000;
}

h1, h2, h3, h4, h5, h6, p {
    color: var(--text-color);
}


div.quad-home-header-column.shg-c .shg-row {
    align-items: stretch !important;
}

div.quad-home-header-column.shg-c .shg-row > div {
    width: calc(25% - .5em) !important;
    margin-top: .5em;
    margin-bottom: .5em;
    align-items: stretch !important;
    flex-wrap: wrap;
    display: flex;
    max-width: 700px;
    flex-direction: column;
}

@media (max-width: 1200px) {
    div.quad-home-header-column.shg-c .shg-row > div {
        width: calc(50% - .5em) !important;
        margin-top: .5em;
        margin-bottom: .5em;
    }

    div.quad-home-header-column.shg-c .shg-row {
        align-items: stretch !important;
    }

}

@media (max-width: 800px) {

    div.quad-home-header-column.shg-c .shg-row > div {
        width: calc(50% - .5em) !important;
        margin-top: .5em;
        margin-bottom: .5em;
    }
}

@media (max-width: 600px) {
    div.quad-home-header-column.shg-c .shg-row > div {
        width: calc(100% - .5em) !important;
        margin-top: .5em;
        margin-bottom: .5em;
    }
}

div.quad-home-header-column .shg-c.shogun-image-container {
    width: 100%;
    float: left;
}

div.quad-home-header-column .shg-c.shogun-image-container img {
    width: 100%;
    float: left;
}

div.quad-home-header-column .shg-c.hero-square {
    float: left;
    width: 100%;
    flex-grow: 2;
}


@media (max-width: 1250px) and (min-width: 600px) {
    body .shogun-content .product-cat .col-inner {
        padding: 0 0 0 0 !important;
    }

    body .shogun-content .product-cat .col-buffer {
        padding: 0 0 0 0;
    }

    body .shogun-content .product-cat .col-buffer .shg-box-content {
        padding: 0 0 0 0;
    }

    body .shogun-content .product-cat .three-column .col-inner .shg-box-content {
        padding: 0 0 0 0 !important;
        width: 100%;
    }

    body .shogun-content .product-cat .cat-text-btn h2 {
        font-size: 1.5em;
    }

    body .shogun-content .product-cat .three-column .col-inner .shg-box-content .cat-text-btn {
        margin: 0 2em 0 2em;
        width: calc(100% - 4em);

    }
}

@media (max-width: 780px) {
    body .shogun-content .product-cat .cat-text-btn h2 {
        font-size: 1.25em;
    }
}


/* Steps Landing */

/* Variables */

:root {
    --primary-steps: #42BDD2;
    --white-steps: #FFFFFF;
    --font-size: 1em;
}

/* Containers */

/* Hero Container */

.shogun-content.container-main-steps .container-hero-steps .shg-box-content {
    padding-bottom: 3em;
}

/* Steps Container */

.shogun-content.container-main-steps .container-black-steps {
    margin-bottom: 2em;
}

/* Product Container */

.shogun-content.container-main-steps .container-product-steps {
    width: 100%;
}

.shogun-content.container-main-steps .container-product-steps .shg-box-content,
.shogun-content.container-main-steps .container-product-steps .shg-box-content > .dropzone-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    flex-direction: row;
}

.shogun-content.container-main-steps .container-product-steps .shg-product,
.shogun-content.container-main-steps .container-product-steps .shg-box-content > .dropzone-wrapper > .dropzone-wrapper {
    position: relative;
    border: 2px solid #E3E3E3;
    border-radius: 1em;
    padding: 2em 1em;
    width: clamp(205px, 18%, 205px);
    margin: 1em;
    grow: 0;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}


.shogun-content.container-main-steps .container-product-steps .shg-product.product-icon-day:before,
.shogun-content.container-main-steps .container-product-steps .shg-box-content .dropzone-wrapper .product-icon-day:before {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='a' viewBox='0 0 15.88 15.88'%3E%3Cpath d='m7.94,3.47c-.88,0-1.75.26-2.48.75-.73.49-1.31,1.19-1.65,2-.34.82-.43,1.71-.25,2.58.17.87.6,1.66,1.22,2.29.62.62,1.42,1.05,2.29,1.22.87.17,1.76.08,2.58-.25.82-.34,1.51-.91,2-1.65.49-.73.75-1.6.75-2.48,0-1.18-.47-2.32-1.31-3.16-.84-.84-1.97-1.31-3.16-1.31Zm0,7.44c-.59,0-1.16-.17-1.65-.5s-.87-.79-1.1-1.34c-.23-.54-.28-1.14-.17-1.72.11-.58.4-1.11.81-1.52.42-.42.95-.7,1.52-.81.58-.11,1.18-.06,1.72.17.54.23,1.01.61,1.34,1.1s.5,1.07.5,1.65c0,.79-.31,1.55-.87,2.11-.56.56-1.32.87-2.11.87Zm-.74-9.18v-.99c0-.2.08-.39.22-.53.14-.14.33-.22.53-.22s.39.08.53.22c.14.14.22.33.22.53v.99c0,.2-.08.39-.22.53-.14.14-.33.22-.53.22s-.39-.08-.53-.22c-.14-.14-.22-.33-.22-.53Zm4.6,2.34c-.07-.07-.12-.15-.16-.24-.04-.09-.06-.19-.06-.29s.02-.19.06-.29c.04-.09.09-.17.16-.24l.7-.7c.14-.14.33-.22.53-.22s.39.08.53.22c.14.14.22.33.22.53s-.08.39-.22.53l-.7.7c-.07.07-.15.12-.24.16-.09.04-.19.06-.29.06-.2,0-.39-.08-.53-.22Zm4.08,3.86c0,.2-.08.39-.22.53-.14.14-.33.22-.53.22h-.99c-.2,0-.39-.08-.53-.22-.14-.14-.22-.33-.22-.53s.08-.39.22-.53c.14-.14.33-.22.53-.22h.99c.2,0,.39.08.53.22.14.14.22.33.22.53Zm-2.33,4.56c.07.07.12.15.16.24.04.09.06.19.06.29s-.02.19-.06.29c-.04.09-.09.17-.16.24-.07.07-.15.13-.24.16-.09.04-.19.06-.29.05-.1,0-.19-.02-.29-.06s-.17-.09-.24-.16l-.7-.7c-.14-.14-.22-.33-.22-.53s.08-.39.22-.53c.14-.14.33-.22.53-.22s.39.08.53.22l.7.7Zm-4.87,1.64v.99c0,.2-.08.39-.22.53-.14.14-.33.22-.53.22s-.39-.08-.53-.22c-.14-.14-.22-.33-.22-.53v-.99c0-.2.08-.39.22-.53.14-.14.33-.22.53-.22s.39.08.53.22c.14.14.22.33.22.53Zm-4.6-2.34c.07.07.12.15.16.24.04.09.06.19.06.29s-.02.19-.06.29c-.04.09-.09.17-.16.24l-.7.7c-.07.07-.15.12-.24.16s-.19.06-.29.06c-.1,0-.2-.02-.29-.05-.09-.04-.17-.09-.24-.16-.07-.07-.12-.15-.16-.24-.04-.09-.06-.19-.06-.29s.02-.2.06-.29c.04-.09.09-.17.16-.24l.7-.7c.07-.07.15-.12.24-.16.09-.04.19-.06.29-.06s.19.02.29.06c.09.04.17.09.24.16Zm-2.34-3.11h-.99c-.2,0-.39-.08-.53-.22-.14-.14-.22-.33-.22-.53s.08-.39.22-.53c.14-.14.33-.22.53-.22h.99c.2,0,.39.08.53.22.14.14.22.33.22.53s-.08.39-.22.53c-.14.14-.33.22-.53.22Zm.59-5.3c-.14-.14-.22-.33-.22-.53s.08-.39.22-.53c.14-.14.33-.22.53-.22s.39.08.53.22l.7.7c.07.07.12.15.16.24.04.09.06.19.06.29s-.02.19-.06.29c-.04.09-.09.17-.16.24-.14.14-.33.22-.53.22-.1,0-.19-.02-.29-.06-.09-.04-.17-.09-.24-.16l-.7-.7Z' style='fill:%23f24e1e;'/%3E%3C/svg%3E");
    top: 3%;
    left: 79%;
    height: 30px;
    width: 30px;
    z-index: 10;
}


.shogun-content.container-main-steps .container-product-steps .shg-product.product-icon-night:before,
.shogun-content.container-main-steps .container-product-steps .shg-box-content .dropzone-wrapper .product-icon-night:before {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 25.1' style='enable-background:new 0 0 23 25.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231F94E8;%7D%0A%3C/style%3E%3Cpath class='st0' d='M18.8,3.7l-3,2.3l1.1,3.7l-3.1-2.2l-3.1,2.2L11.7,6l-3-2.3l3.8-0.1L13.7,0L15,3.6L18.8,3.7z M23,12l-2,1.5 l0.7,2.4l-2-1.4l-2,1.4l0.7-2.4l-2-1.5l2.5-0.1l0.8-2.3l0.8,2.3L23,12z M20.3,17.9c1-0.1,2.1,1.3,1.4,2.2c-0.4,0.5-0.8,1-1.3,1.5 c-4.7,4.7-12.2,4.7-16.9,0c-4.7-4.7-4.7-12.2,0-16.9C4,4.2,4.5,3.8,5,3.4c0.9-0.6,2.3,0.4,2.2,1.4c-0.3,3.4,0.8,7,3.5,9.6 c1.2,1.2,2.7,2.2,4.4,2.8C16.8,17.8,18.5,18,20.3,17.9z M18.3,20.3c-3.5-0.2-6.8-1.7-9.3-4.1c-2.6-2.6-4-6-4.2-9.3 c-3.4,3.8-3.2,9.5,0.4,13.1C8.8,23.5,14.6,23.6,18.3,20.3z'/%3E%3C/svg%3E%0A");
    top: 3%;
    left: 79%;
    height: 30px;
    width: 30px;
    z-index: 10;
}

.shogun-content.container-main-steps .container-product-steps .shg-product .shg-c {
    text-align: center !important;
}

/* Payment Types */

.shogun-content.container-main-steps .container-payment-types-steps img {
    width: clamp(350px, 90%, 650px);
    margin-bottom: 1em;

}


/* Text */

/* Headings */

.shogun-content.container-main-steps h1 {
    font-size: 4.28em !important;
    font-weight: 700;
    text-transform: uppercase;
}

.shogun-content.container-main-steps .container-black-steps h2 {
    color: var(--white-steps) !important;
    font-weight: 600;
    padding: 1em;
}

.shogun-content.container-main-steps .container-product-steps .shg-product h3 {
    text-transform: none;
    font-size: 1.475em !important;
}

/* Body Text */

.shogun-content.container-main-steps .container-text-large {
    max-width: 1000px;
    align-content: center;
    margin: 0 auto;
}

.shogun-content.container-main-steps .container-text-large p {
    font-size: 1.65em;
    font-weight: 400;
    line-height: 28px;
    /* margin-bottom: 0.8em; */
}

.shogun-content.container-main-steps .container-product-steps .shg-product .shg-align-left,
.shogun-content.container-main-steps .container-product-steps .shg-product .product-inline-star-product {
    margin-bottom: .5em;
}

.shogun-content.container-main-steps .container-product-steps .shg-product span.shg-product-price,
.shogun-content.container-main-steps .container-product-steps .shg-product span.shg-product-sold-out {
    font-size: 1.75em !important;
    font-weight: 700;
}

/* Buttons */

/* Download Copy */


.shogun-content.container-main-steps .button-primary-steps a {
    background: var(--primary-steps) !important;
    color: var(--white-steps) !important;
    border: 3px solid var(--primary-steps);
    font-size: 2.125em !important;
    font-weight: 600;
    text-transform: uppercase;
    padding: .75em 2em !important;
    border-radius: 0;
    transition: .3s ease-in-out
}

@media (max-width: 768px) {
    .shogun-content.container-main-steps .button-primary-steps a {
        font-size: 1.725em !important;
    }
}

.shogun-content.container-main-steps .button-primary-steps a:hover,
.shogun-content.container-main-steps .button-primary-steps a:focus {
    background-color: var(--white-steps) !important;
    color: var(--primary-steps) !important;
    border: 3px solid var(--primary-steps);
}

/* Product Button */

.shogun-content.container-main-steps .container-product-steps .shg-product .shg-btn {
    text-transform: uppercase;
    text-decoration: none;
}

.shogun-content.container-main-steps .container-product-steps .shg-product .shg-btn:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792' id='icon-cart' height='14px'%3E%3Cpath d='M704 1536q0 52-38 90t-90 38-90-38-38-90 38-90 90-38 90 38 38 90zm896 0q0 52-38 90t-90 38-90-38-38-90 38-90 90-38 90 38 38 90zm128-1088v512q0 24-16.5 42.5t-40.5 21.5l-1044 122q13 60 13 70 0 16-24 64h920q26 0 45 19t19 45-19 45-45 19h-1024q-26 0-45-19t-19-45q0-11 8-31.5t16-36 21.5-40 15.5-29.5l-177-823h-204q-26 0-45-19t-19-45 19-45 45-19h256q16 0 28.5 6.5t19.5 15.5 13 24.5 8 26 5.5 29.5 4.5 26h1201q26 0 45 19t19 45z' style='fill: %23ffffff'%3E%3C/path%3E%3C/svg%3E");
    color: #fff;
    margin-right: 1em;
}

.shogun-content.container-main-steps .button-primary-steps a:hover,
.shogun-content.container-main-steps .button-primary-steps a:focus {
    background-color: var(--white-steps) !important;
    color: var(--primary-steps) !important;
    border: 3px solid var(--primary-steps);
}
#wlm_title_div {
    display: inline-block;
    font-weight: 500;
    margin-top: 1em;
    width: 100%;
}
#wlm_request_accepted_div {
    margin-bottom: 1em;
    display: inline-block;
    background: #abffe6;
    color: #002319;
    border: 1px solid #00b37e;
    width: 100%;
}

/*As Seen On*/


div.as-seen-in .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex;
    flex-wrap: wrap;
}


div.as-seen-in .text-col, div.as-seen-in .img-col {
    font-size: 1rem;
}

div.as-seen-in .text-col {
    padding: 2rem;
    background-color: #f7f8fb;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: black;
}

div.as-seen-in .img-col {
    padding: 0 0 0 0;
    display: flex;
}

div.as-seen-in .img-col img {
    aspect-ratio: 3 / 1;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 768px) {
    div.as-seen-in .img-col img {
        aspect-ratio: 4 / 1;

    }
}

@media (max-width: 500px) {
    div.as-seen-in .img-col img {
        aspect-ratio: 2 / 1;

    }
}

div.as-seen-in .text-col h2 {
    font-size: 1.125rem;
}

div.as-seen-in .text-col p {
    font-size: 1.125rem;
}

/**landing page influencer**/
/*Results*/
:root {
    --r-black: #292828;
    --r-text-black: #000000;
    --r-gray: #f6f6f6;
    --r-teal: #42BDD2;
    --r-white: #ffffff;
    --r-base-font: 18px;
}

.results-main-container {
    font-size: var(--r-base-font);
}

.results-header .shg-row {
    display: flex;
    align-items: center;
}


.results-header .shg-theme-text-content h1 {
    font-size: calc(var(--r-base-font) * 2.75);
    max-width: 800px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .3em;
    line-height: 1;
}

.results-heading-container .results-text-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    margin: calc(var(--r-base-font) * 2) 0;
}

.results-heading-container .results-text-box .shg-theme-text-content {
    padding: 0 calc(var(--r-base-font) * 3);
}

.results-heading-container .results-text-box h2,
.results-heading-container .results-text-box h3,
.results-heading-container .results-text-box h4,
.results-heading-container .results-text-box h5,
.results-heading-container .results-text-box h6 {
    font-size: calc(var(--r-base-font) * 2.75);
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: .25em;
    line-height: 1;
}
.results-heading-container .results-text-box h2,
.results-heading-container .results-text-box h3,
.results-heading-container .results-text-box h4,
.results-heading-container .results-text-box h5,
.results-heading-container .results-text-box h6,
.results-heading-container .results-text-box p {
    max-width: 950px;
}

.results-steps-container .results-text-box h2,
.results-steps-container .results-text-box h3,
.results-steps-container .results-text-box h4,
.results-steps-container .results-text-box h5,
.results-steps-container .results-text-box h6,
.results-routine-container .results-text-box h2,
.results-routine-container .results-text-box h3,
.results-routine-container .results-text-box h4,
.results-routine-container .results-text-box h5,
.results-routine-container .results-text-box h6 {
    font-size: calc(var(--r-base-font) * 2);
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
}


.results-routine-container .results-text-box h2,
.results-routine-container .results-text-box h3,
.results-routine-container .results-text-box h4,
.results-routine-container .results-text-box h5,
.results-routine-container .results-text-box h6 {
    margin-bottom: calc(var(--r-base-font) / 2);
}

.results-heading-container .results-text-box h2 strong,
.results-heading-container .results-text-box h3 strong,
.results-heading-container .results-text-box h4 strong,
.results-heading-container .results-text-box h5 strong,
.results-heading-container .results-text-box h6 strong,
.results-steps-container .results-text-box h2 strong,
.results-steps-container .results-text-box h3 strong,
.results-steps-container .results-text-box h4 strong,
.results-steps-container .results-text-box h5 strong,
.results-steps-container .results-text-box h6 strong,
.results-routine-container .results-text-box h2 strong,
.results-routine-container .results-text-box h3 strong,
.results-routine-container .results-text-box h4 strong,
.results-routine-container .results-text-box h5 strong,
.results-routine-container .results-text-box h6 strong {
    color: var(--r-teal);
    font-weight: 700;
}

.results-heading-container .results-text-box {
    background: var(--r-white);
}

.results-heading-container .results-text-box:before,
.results-heading-container .results-text-box:after {
    content: '';
    background: var(--r-black);
    height: 2px;
    margin-bottom: calc(var(--r-base-font) / 2);
    flex-grow: 2;
}


.results-container,
.results-routine-container,
.results-video,
.results-stories,
.results-header {
    margin: calc(var(--r-base-font) * 4) 0;
    padding: 0 calc(var(--r-base-font) * 1.5);
}


.results-container .results-column {
    padding-left: calc(var(--r-base-font) * 4);
}

.results-container .results-column h2,
.results-container .results-column h3,
.results-container .results-column h4,
.results-container .results-column h5,
.results-container .results-column h6 {
    font-size: calc(var(--r-base-font) * 2);
    font-weight: 700 !important;
}

.results-container .results-column .trustspot-inline-simple {
    margin-bottom: calc(var(--r-base-font) * 2);
}

.results-container .results-column p:first-child {
    font-size: var(--r-base-font);
    margin-bottom: calc(var(--r-base-font) / 2);
}

.results-container .results-column .results-pricing-single {
    margin-bottom: var(--r-base-font);
}

.results-container .results-column .results-pricing-single p {
    font-size: calc(var(--r-base-font) * 1.25);

}

.results-container .results-column .results-pricing-single p strong {
    font-size: calc(var(--r-base-font) * 1.5);
}

.results-container .results-column a.btn-buy {
    display: inline-block;
    font-size: var(--r-base-font);
    font-weight: 700;
    padding: calc(var(--r-base-font) * .8) calc(var(--r-base-font) * 1.5);
    background: var(--r-black);
    color: var(--r-white);
    border: 1px solid var(--r-black);
    text-decoration: none;

}

.results-container .results-column a.btn-buy:hover,
.results-container .results-column a.btn-buy:focus,
.results-container .results-column a.btn-buy:active {
    background: var(--r-white);
    color: var(--r-black);
    border: 1px solid var(--r-black);
}

.results-container .results-column div.shg-hr-wrapper {
    padding: var(--r-base-font) 0;
    margin-bottom: calc(var(--r-base-font) / 2);
}

.results-container .results-column .results-variants-card .shg-box-content {
    border: 1px solid var(--r-black);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--r-base-font);
}

.results-container .results-column .results-variants-card .shg-box-content .shg-c .shg-image-content-wrapper {
    width: calc(var(--r-base-font) * 5);
    aspect-ratio: 1/1 !important;
}

.results-container .results-column .results-variants-card .shg-box-content .shg-c .shg-theme-text-content {
    width: auto;
    padding: calc(var(--r-base-font) / 1) 0;
}

.results-container .results-column .results-variants-card .shg-box-content .shg-c .shg-theme-text-content p {
    font-size: calc(var(--r-base-font) * .8);
}

.results-container .results-column .results-variants-card .shg-box-content .shg-c .shg-theme-text-content p:first-child {
    font-size: var(--r-base-font);
}

.results-container .results-column .results-variants-card .shg-box-content .shg-c.shg-align-center {
    width: calc(var(--r-base-font) * 21);
    padding-right: calc(var(--r-base-font) / 2);
}


.results-container .results-column .results-variants-card .shg-box-content .shg-c .shg-theme-text-content P {
    margin-bottom: 0;
}

.results-stories .shg-image-content-wrapper {
    margin-bottom: calc(var(--r-base-font) * 2);
}

.results-regimen .shg-box-content {
    padding: calc(var(--r-base-font) * 4) 0;
}

.results-regimen .shg-image-content-wrapper {
    padding: calc(var(--r-base-font) * 2) calc(var(--r-base-font) * 1);
}


.results-stories .shg-c .shg-box-content {
    padding: 2em;
    background: var(--r-gray);
    margin-bottom: 2rem
}

.results-stories .shg-c .shg-box-content ul li,
.results-stories .shg-c .shg-box-content a {
    color: var(--r-text-black);
}

@media screen and (min-width: 768px) and (max-width: 1250px) {

    .results-container .results-column {
        padding-left: var(--r-base-font);
    }

    .results-container .results-column .results-variants-card .shg-box-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: var(--r-base-font);
    }

    .results-container .results-column .results-variants-card a.btn-buy {
        font-size: calc(var(--r-base-font) * 1);
        padding: calc(var(--r-base-font) / 2);
        width: 100%;

    }

    .results-container .results-column .results-variants-card .shg-box-content .shg-c .shg-image-content-wrapper {
        width: calc(var(--r-base-font) * 5);
        min-width: 0 !important;
    }

    .results-container .results-column .results-variants-card .results-variant-text-box {
        width: 100%;
        padding: 0 calc(var(--r-base-font) / 2);
    }

    .results-container .results-column .results-variants-card .shg-box-content .shg-c.shg-align-center {
        width: 100%;
        padding-right: 0;
    }
}


@media (max-width: 767px) {
    .results-container .results-column {
        padding-left: 0;
    }

    .results-container .results-column .results-variants-card .shg-box-content .shg-c .shg-image-content-wrapper {
        width: calc(var(--r-base-font) * 5);
    }

    .results-container .results-main-product-image .shg-image-content-wrapper,
    .results-routine-container .results-main-product-image .shg-image-content-wrapper,
    .results-header .results-main-product-image .shg-image-content-wrapper {
        width: 100vw;
        margin: 0 calc(-50vw + 50%);
        margin-bottom: var(--r-base-font);
    }

    .results-heading-container .results-text-box h2,
    .results-heading-container .results-text-box h3,
    .results-heading-container .results-text-box h4,
    .results-heading-container .results-text-box h5,
    .results-heading-container .results-text-box h6 {
        font-size: calc(var(--r-base-font) * 2);
        margin-bottom: calc(var(--r-base-font) / 2);
    }

    .results-steps-container .results-text-box h2,
    .results-steps-container .results-text-box h3,
    .results-steps-container .results-text-box h4,
    .results-steps-container .results-text-box h5,
    .results-steps-container .results-text-box h6,
    .results-routine-container .results-text-box h2,
    .results-routine-container .results-text-box h3,
    .results-routine-container .results-text-box h4,
    .results-routine-container .results-text-box h5,
    .results-routine-container .results-text-box h6 {
        font-size: calc(var(--r-base-font) * 1.75);

    }

    .results-heading-container .results-text-box .shg-theme-text-content {
        padding: 0 calc(var(--r-base-font) * 1.5);
    }

    .results-heading-container .results-text-box:before,
    .results-heading-container .results-text-box:after {
        display: none;
    }

    .results-container .results-column .results-variants-card .shg-box-content .shg-c.shg-align-right {
        width: calc(var(--r-base-font) * 8);
    }

    .results-container,
    .results-routine-container,
    .results-video,
    .results-stories,
    .results-header {
        margin: calc(var(--r-base-font) * 2) 0;
    }

    .results-container .results-column {
        padding-left: 0;
    }

}

@media (max-width: 600px) {
    .results-header .shg-theme-text-content h1 {
        font-size: calc(var(--r-base-font) * 1.75);
    }
    .results-container .results-column {
        padding-left: var(--r-base-font);
    }

    .results-container .results-column .results-variants-card .shg-box-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: var(--r-base-font);
    }

    .results-container .results-column .results-variants-card a.btn-buy {
        font-size: calc(var(--r-base-font) * 1);
        padding: calc(var(--r-base-font) / 2);
        width: 100%;

    }

    .results-container .results-column .results-variants-card .shg-box-content .shg-c .shg-image-content-wrapper {
        width: calc(var(--r-base-font) * 5);
        min-width: 0 !important;
    }

    .results-container .results-column .results-variants-card .results-variant-text-box {
        width: 100%;
        padding: 0 calc(var(--r-base-font) / 2);
    }

    .results-container .results-column .results-variants-card .shg-box-content .shg-c.shg-align-center {
        width: 100%;
        padding-right: 0;
    }

    .results-container .results-column {
        padding-left: 0;
    }

}





/** Blog redesign **/
.blog .dropcase p {
    font-size: 1.125em;
    font-weight: 600 !important;
    line-height: 1.75;
}
.blog .dropcase p:first-of-type:first-letter {

    display:inline-block;
    font-size: 3.75em;
    line-height: 1em;
    vertical-align:top;
    float:left;
    margin-right: .2em;
    margin-left: 0em;
    margin-top:-0.025em;
    margin-bottom:-.1em;
}
header.blog-header h1.blog-title {
    font-size: 3.5em;
    font-weight: 700;
    line-height: 1.33;
    margin: 1em 0em 1em 0em;
}

header.blog-header h1.blog-title a {
    color: #000000 !important;
}

@media (max-width: 1024px) {
    header.blog-header h1.blog-title {
        font-size: 3.2em;
        margin: 1em 0em 1em 0em;
    }
}

@media (max-width: 768px) {
    header.blog-header h1.blog-title {
        font-size: 2.5em;
        margin: 1em 0em 1em 0em;
    }
}

@media (max-width: 500px) {
    header.blog-header h1.blog-title {
        font-size: 2em;
        margin: 1em 0em 1em 0em;
    }
}

@media (max-width: 1250px) {
    .blog .psc-blog-container-main {
        padding: 0 0 0 0 !important;
    }
    .blog .psc-blog-container-main .shg-box-content {
        padding: 0 0 0 0 !important;
    }
}

@media (max-width: 1023px ) {

    .blog .tablet-format .shg-c-sm-8,
    .blog .tablet-format .shg-c-sm-7,
    .blog .tablet-format .shg-c-sm-6 {
        width: 100% !important;
    }

    .blog .tablet-format .shg-c-sm-4,
    .blog .tablet-format .shg-c-sm-5 {
        width: 100% !important;
    }

}

/*----------------New Product Layout-----------------------*/

/* Shogun Media Breakpoints
   Mobile: 0 - 767px
   Tablet: 768px - 991px
   Laptop: 992px - 1199px
   Desktop: 1200px +
*/

:root {
    --color-blue: #01ADC5;
    --color-white: #ffffff;
    --color-green: #14d478;
    --color-red: #F00F00;
    --color-ltgray: #f4f4f4;
    --color-black: #000000;
    --border-radius: 1em;
    --pad: 1em;
}

/*--Utility Classes --*/
h2.about {
    display: none;
}

.new-product-page .prod-cards .prod-card,
.new-product-page .shogun-video,
.new-product-page video,
.new-product-page .shogun-image,
.new-product-page .best-results .radius {
    border-radius: var(--border-radius);
    overflow: hidden;
}

.new-product-page .w-video-wrapper {
    background-color: transparent !important;
}

.new-product-page .header img,
.new-product-page .before img,
.new-product-page .after img {
    border-radius: 0 !important;
}

.new-product-page ul,
.new-product-page ol {
    list-style-type: none;
}
/*--Product Testimoinal Cards --*/

.new-product-page .prod-cards .prod-card .customer p {
    margin-bottom: 0;
}

.new-product-page .prod-card .before .shg-image-content-wrapper,
.new-product-page .prod-card .after .shg-image-content-wrapper {
    position: relative;
    display: inline-block;
}

.new-product-page .prod-card .before img,
.new-product-page .prod-card .after img {
    display: block;
    width: 100%;
}

.new-product-page .prod-card .before .shg-image-content-wrapper:before,
.new-product-page .prod-card .after .shg-image-content-wrapper:before {

    border-radius: var(--border-radius);
    padding: .25em 1em;
    width: auto;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-white);
    font-size: 1.25em;
    background-color: var(--color-black);
    z-index: 1;
}

.new-product-page .prod-card .before .shg-image-content-wrapper:before {
    content: "BEFORE";
}

.new-product-page .prod-card .after .shg-image-content-wrapper:before {
    content: "AFTER";
}

.new-product-page .video-featured .shogun-video {
    width: 100%;
    height: 100%
}

/*--Left Right product Columns--*/
.new-product-page .prod-custom-columns .shg-row {
    display: flex;
    align-items: center;

}

/*-- List Items --*/
.new-product-page ul li {
    position: relative;
    padding-left: .25em;
}

.new-product-page ul li:before {
    content: '';
    position: absolute;
    left: -1em;
    top: 0.3em;
    width: 1em;
    height: 100%;
    background-repeat: no-repeat;
}

.new-product-page .icon-list li,
.new-product-page .list-heart li{
    line-height: 1.618em;
    padding-left: 15px !important;
}


@media screen and (max-width: 767px){
    .new-product-page .big-texts span{
        font-size: 21px !important;
    }
}


.new-product-page .list-heart ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23B55399;%7D%0A%3C/style%3E%3Cpath class='st0' d='M11.448,0C10.063,0,8.833,0.515,8,1.401C7.167,0.515,5.937,0,4.552,0C3.345,0.001,2.188,0.454,1.335,1.258 C0.481,2.062,0.001,3.153,0,4.29c0,4.702,7.297,8.459,7.608,8.617C7.728,12.968,7.863,13,8,13s0.272-0.032,0.392-0.093 C8.703,12.749,16,8.992,16,4.29c-0.002-1.137-0.481-2.228-1.335-3.032C13.812,0.454,12.655,0.001,11.448,0z M11.07,9.253 c-0.961,0.768-1.987,1.46-3.07,2.067c-1.082-0.607-2.109-1.299-3.07-2.067C3.436,8.045,1.655,6.202,1.655,4.29 c0-0.724,0.305-1.418,0.848-1.93s1.28-0.8,2.048-0.8c1.228,0,2.255,0.611,2.682,1.595c0.062,0.143,0.168,0.266,0.305,0.353 C7.675,3.594,7.836,3.64,8,3.64c0.164,0,0.325-0.046,0.462-0.133c0.136-0.086,0.243-0.209,0.305-0.353 c0.427-0.984,1.454-1.595,2.682-1.595c0.768,0,1.505,0.288,2.048,0.8c0.543,0.512,0.848,1.206,0.848,1.93 C14.345,6.202,12.564,8.045,11.07,9.253z'/%3E%3C/svg%3E");
}

.new-product-page .green ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' %3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2314D478;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%2314D478;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.14,15.14l-4.19-4.2l1.4-1.4l2.8,2.8l5.59-5.59l1.4,1.4L9.14,15.14z'/%3E%3Cpath class='st1' d='M0,10.87C0,4.87,4.87,0,10.87,0c6.01,0,10.87,4.87,10.87,10.87c0,6.01-4.87,10.87-10.87,10.87 C4.87,21.75,0,16.88,0,10.87z M10.87,19.77c-1.17,0-2.33-0.23-3.4-0.68c-1.08-0.45-2.06-1.1-2.89-1.93 c-0.83-0.83-1.48-1.81-1.93-2.89c-0.45-1.08-0.68-2.24-0.68-3.4c0-1.17,0.23-2.33,0.68-3.4c0.45-1.08,1.1-2.06,1.93-2.89 S6.39,3.1,7.47,2.65c1.08-0.45,2.24-0.68,3.4-0.68c2.36,0,4.62,0.94,6.29,2.61c1.67,1.67,2.61,3.93,2.61,6.29 c0,2.36-0.94,4.62-2.61,6.29C15.5,18.83,13.23,19.77,10.87,19.77z'/%3E%3C/svg%3E%0A");
}

.new-product-page .red ul li:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FF0000;%7D .st1%7Bfill:%23FF0000;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,10.87C0,4.87,4.87,0,10.87,0c6.01,0,10.87,4.87,10.87,10.87c0,6.01-4.87,10.87-10.87,10.87 C4.87,21.75,0,16.88,0,10.87z M10.87,19.77c-1.17,0-2.33-0.23-3.4-0.68c-1.08-0.45-2.06-1.1-2.89-1.93 c-0.83-0.83-1.48-1.81-1.93-2.89c-0.45-1.08-0.68-2.24-0.68-3.4c0-1.17,0.23-2.33,0.68-3.4c0.45-1.08,1.1-2.06,1.93-2.89 S6.39,3.1,7.47,2.65c1.08-0.45,2.24-0.68,3.4-0.68c2.36,0,4.62,0.94,6.29,2.61c1.67,1.67,2.61,3.93,2.61,6.29 c0,2.36-0.94,4.62-2.61,6.29C15.5,18.83,13.23,19.77,10.87,19.77z'/%3E%3Cpath class='st1' d='M15.79,14.78C15.92,14.91,16,15.1,16,15.28c0,0.19-0.08,0.37-0.21,0.51C15.66,15.92,15.47,16,15.28,16 s-0.37-0.08-0.51-0.21L11,12.01l-3.78,3.78C7.09,15.92,6.9,16,6.72,16s-0.37-0.08-0.51-0.21C6.08,15.66,6,15.47,6,15.28 s0.08-0.37,0.21-0.51L9.99,11L6.21,7.22C6.08,7.09,6,6.91,6,6.72c0-0.19,0.08-0.37,0.21-0.51C6.34,6.08,6.53,6,6.72,6 c0.19,0,0.37,0.08,0.51,0.21L11,9.99l3.78-3.78C14.91,6.08,15.1,6,15.28,6c0.19,0,0.37,0.08,0.51,0.21S16,6.53,16,6.72 s-0.08,0.37-0.21,0.51L12.01,11L15.79,14.78z'/%3E%3C/svg%3E%0A");
}

.new-product-page .prod-card ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 16' %3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23B55399;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23B55399;%7D%0A%3C/style%3E%3Cpath id='Vector' class='st0' d='M6.33,10.72L3.49,7.87l0.95-0.95l1.9,1.9l3.79-3.79l0.95,0.95L6.33,10.72z'/%3E%3Cpath id='Vector_2' class='st1' d='M0.14,7.83c0-4.07,3.3-7.37,7.37-7.37c4.07,0,7.37,3.3,7.37,7.37c0,4.07-3.3,7.37-7.37,7.37 C3.44,15.2,0.14,11.9,0.14,7.83z M7.51,13.86c-0.79,0-1.58-0.16-2.31-0.46c-0.73-0.3-1.4-0.75-1.96-1.31 c-0.56-0.56-1-1.23-1.31-1.96C1.63,9.4,1.48,8.62,1.48,7.83c0-0.79,0.16-1.58,0.46-2.31c0.3-0.73,0.75-1.4,1.31-1.96 s1.23-1,1.96-1.31c0.73-0.3,1.52-0.46,2.31-0.46c1.6,0,3.13,0.64,4.27,1.77c1.13,1.13,1.77,2.67,1.77,4.27s-0.64,3.13-1.77,4.27 C10.64,13.22,9.11,13.86,7.51,13.86z'/%3E%3E%3C/svg%3E");
}
.new-product-page .blue-bg ul li:before,
.new-product-page .gray-bg ul li:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2301ADC5;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%2301ADC5;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.64,15.96l-4.42-4.42l1.47-1.47l2.95,2.95l5.9-5.9l1.48,1.48L9.64,15.96z'/%3E%3Cpath class='st1' d='M0,11.47C0,5.13,5.13,0,11.47,0c6.33,0,11.47,5.13,11.47,11.47c0,6.33-5.13,11.47-11.47,11.47 C5.13,22.93,0,17.8,0,11.47z M11.47,20.85c-1.23,0-2.45-0.24-3.59-0.71c-1.14-0.47-2.17-1.16-3.04-2.03 c-0.87-0.87-1.56-1.91-2.03-3.04c-0.47-1.14-0.71-2.36-0.71-3.59c0-1.23,0.24-2.45,0.71-3.59C3.27,6.74,3.96,5.7,4.83,4.83 C5.7,3.96,6.74,3.27,7.88,2.8c1.14-0.47,2.36-0.71,3.59-0.71c2.49,0,4.87,0.99,6.63,2.75c1.76,1.76,2.75,4.15,2.75,6.63 c0,2.49-0.99,4.87-2.75,6.63C16.34,19.86,13.95,20.85,11.47,20.85z'/%3E%3C/svg%3E%0A");
}

.new-product-page .gray-red-bg ul li:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FF0000;%7D .st1%7Bfill:%23FF0000;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,10.87C0,4.87,4.87,0,10.87,0c6.01,0,10.87,4.87,10.87,10.87c0,6.01-4.87,10.87-10.87,10.87 C4.87,21.75,0,16.88,0,10.87z M10.87,19.77c-1.17,0-2.33-0.23-3.4-0.68c-1.08-0.45-2.06-1.1-2.89-1.93 c-0.83-0.83-1.48-1.81-1.93-2.89c-0.45-1.08-0.68-2.24-0.68-3.4c0-1.17,0.23-2.33,0.68-3.4c0.45-1.08,1.1-2.06,1.93-2.89 S6.39,3.1,7.47,2.65c1.08-0.45,2.24-0.68,3.4-0.68c2.36,0,4.62,0.94,6.29,2.61c1.67,1.67,2.61,3.93,2.61,6.29 c0,2.36-0.94,4.62-2.61,6.29C15.5,18.83,13.23,19.77,10.87,19.77z'/%3E%3Cpath class='st1' d='M15.79,14.78C15.92,14.91,16,15.1,16,15.28c0,0.19-0.08,0.37-0.21,0.51C15.66,15.92,15.47,16,15.28,16 s-0.37-0.08-0.51-0.21L11,12.01l-3.78,3.78C7.09,15.92,6.9,16,6.72,16s-0.37-0.08-0.51-0.21C6.08,15.66,6,15.47,6,15.28 s0.08-0.37,0.21-0.51L9.99,11L6.21,7.22C6.08,7.09,6,6.91,6,6.72c0-0.19,0.08-0.37,0.21-0.51C6.34,6.08,6.53,6,6.72,6 c0.19,0,0.37,0.08,0.51,0.21L11,9.99l3.78-3.78C14.91,6.08,15.1,6,15.28,6c0.19,0,0.37,0.08,0.51,0.21S16,6.53,16,6.72 s-0.08,0.37-0.21,0.51L12.01,11L15.79,14.78z'/%3E%3C/svg%3E%0A");
}

.new-product-page .prod-steps ol {
    padding-left: 1em;
    margin-left: 1em;
    position: relative;
}

.new-product-page .prod-steps ol::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, var(--color-blue) 90%, rgba(255, 0, 0, 0) 100%);
}

.new-product-page .prod-steps ol li strong {
    display: block;
    width: 100%;
    margin-bottom: 1em ;
}

.new-product-page .prod-steps ol li {
    margin-bottom: 1em;
    padding-left: 1em;
    position: relative;
}

.new-product-page .prod-steps ol li::before {
    content: counter(list-item);
    color: var(--color-blue);
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    border: 2px solid var(--color-blue);
    background: var(--color-white);
    border-radius: 100%;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    left: -1.25em;
    top: -0.15em;
    text-align: center;
    line-height: 1.33
}

/*-- Dos and Donts--*/
.new-product-page .green .shg-box-content,
.new-product-page .red .shg-box-content,
.new-product-page .prod-card .shg-box-content,
.new-product-page .header .shg-box-content {
    padding: 0 !important;
}

.new-product-page .best-results .shg-box.shg-c {
    justify-content: flex-start !important;
    width: 100% !important;
    height: 100%;
}

.new-product-page .best-results .shg-c {
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
}

.new-product-page .best-results .green {
    border: 2px solid var(--color-green);
}

.new-product-page .best-results .red {
    border: 2px solid var(--color-red);
}


/*-- Accordion--*/
.new-product-page .psc-accordion {
    font-size: 18px;
}

.new-product-page .psc-accordion .shogun-accordion-active .shogun-accordion-heading {
    background: var(--color-blue) !important;
}

.new-product-page .psc-accordion .shogun-accordion-active .shogun-accordion-heading .shogun-accordion-header .shogun-accordion-title {
    color: var(--color-white) !important;
}

.new-product-page .psc-accordion .shogun-accordion-active .shogun-accordion-heading .shogun-accordion-header span:after {
    color: var(--color-white);
}

.new-product-page .shogun-accordion-body.shogun-accordion-active {
    padding: 1em 2em;
}

.new-product-page .psc-accordion .shogun-accordion-active .shogun-accordion-heading {
    background: var(--color-blue) !important;
}

.new-product-page .video-testimonials .shogun-video {
    margin-bottom: var(--pad);
}

.new-product-page .shogun-accordion-icon>span {
    transition: 0.3s transform;
    position: absolute;
    right: 0;
    font-size:2.5em; !important;
}

/*--Media Break Point column width fixes--*/
@media (max-width: 991px) {
    .new-product-page .shg-c-xs-6,
    .new-product-page .shg-c-sm-8 {
        width: 100% !important;
    }

    .new-product-page .shg-c-sm-4 {
        width: 100% !important;
    }

    .new-product-page .prod-card .shg-c-xs-6,
    .new-product-page .prod-card .shg-c-sm-6 {
        width: 50% !important;
    }
    .new-product-page .shg-c-sm-2_4 {
        width: 50% !important;
        padding: 0 1em;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .new-product-page .how-to-use .shg-c-xs-6,
    .new-product-page .how-to-use .shg-c-sm-8,
    .new-product-page .how-to-use .shg-c-sm-4 {
        width: 100% !important;
    }
    .new-product-page .how-to-use .shg-c-sm-8 .shg-c .shg-c-sm-4 {
        width: 33% !important;
    }
}

/*---Time Line--*/
.new-product-page .time-line .left,
.new-product-page .time-line .right {
    margin-bottom: 1em;
}

.new-product-page .time-line .shg-image-content-wrapper {
    margin-bottom: 1em;
}

.new-product-page .time-line .shg-c .shg-align-container {
    display: flex;
    justify-content: flex-start !important;
}

@media (min-width: 992px) {
    .new-product-page .time-line .shg-c {
        margin: 0 !important;
        padding: 0;
    }

    .new-product-page .time-line .shg-box-vertical-align-wrapper:nth-of-type(even) {
        justify-content: flex-end;
    }

    .new-product-page .time-line .shg-c.left {
        text-align: right !important;
        margin-left: 10% !important;
        border-right: 2px solid var(--color-blue);
        padding-right: 2.5%;
    }

    .new-product-page .time-line .shg-c.left .shg-align-container {
        display: flex;
        justify-content: flex-end !important;
    }

    .new-product-page .time-line .shg-c.right {
        margin-right: calc(10% + 3px)!important;
        margin-top: -5rem !important;
        border-left: 2px solid var(--color-blue);
        padding-left: 2.5%;
    }
}

@media (min-width: 1367px) {
    .new-product-page .time-line .shg-c.right {
        margin-right: calc(10% + 2px)!important;
    }
}

/*---Clinic Results ---*/
.new-product-page .clinic-results .clinic-columns .shg-box-vertical-align-wrapper .shg-box > .shg-box-content {
    padding: 0 0 0 0 !important;

}
.new-product-page .clinic-results .clinic-columns .shg-row .shg-c {
    padding: 1em;
}

.new-product-page .clinic-results .clinic-columns .shg-row .shg-c ul {
    margin-left: 0;
}
.new-product-page .clinic-results .clinic-columns .shg-row .shg-c ul li {
    position: relative;
    padding: .5em .5em .5em 3em;
    margin-bottom: 1em;
    background: rgba(255,255,255,.7);
    border-radius: calc((var(--border-radius) / 4 ))
}

.new-product-page .clinic-results .clinic-columns .shg-c.position {
    position: relative !important;
    margin-bottom: 1em;
}
.new-product-page .clinic-results .clinic-columns .shg-c.position:before {
    content: '';
    position: absolute !important;
    width: 100%;
    bottom: 0% ;
    left: 0%;
}

.new-product-page .clinic-results .clinic-columns .shg-c.blue-bg.position:before {
    height: 80%;
    background-color: var(--color-blue);
    border-radius: var(--border-radius);
}

.new-product-page .clinic-results .clinic-columns .shg-c.gray-bg.position,
.new-product-page .clinic-results .clinic-columns .shg-c.gray-red-bg.position {
    padding: 5em 1em 1em 1em;
}

@media (max-width: 819px) {
    .new-product-page .clinic-results .clinic-columns .shg-c.gray-bg.position:before,
    .new-product-page .clinic-results .clinic-columns .shg-c.gray-red-bg.position:before {
        height: 82%;
        padding: 1em;
        background-color: var(--color-ltgray);
        border-radius: var(--border-radius);
    }
}

.new-product-page .clinic-results .clinic-column .shg-c-lg-4,
.new-product-page .clinic-results .clinic-column .shg-c-md-4,
.new-product-page .clinic-results .clinic-column .shg-c-sm-4,
.new-product-page .clinic-results .clinic-column .shg-c-xs-12 {
    display: flex;
}
.new-product-page .clinic-results .clinic-column .shg-box-vertical-align-wrapper {
    display: flex;
    width: 100%;
}

.new-product-page .clinic-results .clinic-columns ul li:before {
    content: '';
    position: absolute;
    left: 1em;
    top: 0.75em;
    width: 1em;
    height: 100%;
    background-repeat: no-repeat;
}

.cms-video-single .video-transcript {
    width: clamp(0px, 100%, 55em);
    padding-top: calc(var(--type-size) * 5);
    margin: 0 auto;
}

.psc-video-header h1 {
    width: clamp(0px, 30em, 100%);
}
