@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700 | Signika:400,600');
@import url('https://use.fontawesome.com/releases/v5.5.0/css/all.css');

/*Local colors*/
:root {
    --color-one: #15aba0;
    --color-two: #b7f13a;
    --color-three: #2cd1c3;
    /* --color-two: #ffba00; */
}
.sales-page-probiotics .local-color {
    color: var(--color-one) !important;
}
.sales-page-probiotics .local-color-two {
    color: var(--color-two) !important;
}
.sales-page-probiotics .local-color-three {
    color: var(--color-three) !important;
}
.sales-page-probiotics .area-title-local-color {
    background: var(--color-one) !important;
}
.sales-page-probiotics .area-title-local-color::before {
    border-top: 40px solid var(--color-one) !important;
}
/*Formatting for all sections*/
.sales-page-probiotics .formatted-section {
    padding: 45px 0 65px 0;
    position: relative;
    z-index: 1;
}
/*Formatting for backgrounds*/
.sales-page-probiotics .formatted-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    z-index: -1;
}
main.sales-page-probiotics, div.sales-page-probiotics {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.5;
    color: #353535;
    word-wrap: normal !important;
}


.no-pad {
    padding: 0;
}
.dont-break {
    word-break: keep-all;
    display: inline-block;
}
.fa-caret-right {
    font-size: 1.5em;
    padding: 0 5px;
    line-height: 1;
    vertical-align: middle;
}
.text-shadow {
    text-shadow: 0 0 10px rgba(0,0,0,.7);
}
.sect-justify-content-ctr-wrap {
    /* add this wrapper to center justify the nested nested content with class .sect-justify-content-ctr */
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
            flex: auto;
    justify-content: space-around;
    -webkit-box-align: center;
            align-items: center;
}
.sect-justify-content-ctr {
    display: block;
}

.section-1b,
.section-1b-sub {
    /* padding: 45px 0 20px 0; */
    /*margin-bottom: 45px;*/
    position: relative;
    z-index: 1;
}

.sales-page-probiotics .attention-wrapper {
    background: #1cc7bb;
    padding: 20px 80px;
    text-align: center;
    margin: -80px auto 60px;
    width: 80vw;
    -webkit-transform: skew(-30deg);
            transform: skew(-30deg);
}
.sales-page-probiotics .attention-wrapper > h5 {
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
    text-transform: unset;
    text-shadow: 
        0 0 10px rgba(0,0,0,.1),
        2px 2px 5px rgba(0,0,0,.2);

}

.sales-page-probiotics .section-1b {
    background: rgb(2,57,54);
    background: 
        url('/cms/sales-pages/probiotics/img/people-jogging.png') center right / contain,
        url('/cms/sales-pages/probiotics/img/hexagon-blocks.png') center left / contain,
        -moz-linear-gradient(top,  rgba(2,57,54,1) 0%, rgba(25,165,162,1) 50%),
        #199ca8;
    
    background: 
        url('/cms/sales-pages/probiotics/img/people-jogging.png') center right / contain,
        url('/cms/sales-pages/probiotics/img/hexagon-blocks.png') center left / contain,
        -webkit-linear-gradient(top,  rgba(2,57,54,1) 0%,rgba(25,165,162,1) 50%),
        #199ca8;
    
    background:
        url('/cms/sales-pages/probiotics/img/people-jogging.png') center right / contain,
        url('/cms/sales-pages/probiotics/img/hexagon-blocks.png') center left / contain, 
        linear-gradient(to bottom,  rgba(2,57,54,1) 0%,rgba(25,165,162,1) 50%),
        #199ca8;
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023936', endColorstr='#19a5a2',GradientType=0 );

    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    min-height: 300px;
    /* padding: 0 10vw; */
}
.sales-page-probiotics .section-1b-hdr,
.sales-page-probiotics .section-1b-txt {
    color: #fff;
    text-shadow: 0 0 10px rgba(0,0,0,.7);
}

.sales-page-probiotics .section-1b--bg-skew {
    z-index: -10;
    /* Old browsers */
    background: rgba(3, 27, 27, 0.2); 

    /* FF3.6-15 */
    background: 
        -moz-linear-gradient(left, rgba(3, 27, 27, 0) 0%, rgba(3, 27, 27, 0.2) 100%);

    /* Chrome10-25,Safari5.1-6 */
    background: 
        -webkit-linear-gradient(left, rgba(3, 27, 27, 0) 0%, rgba(3, 27, 27, 0.2) 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: 
        linear-gradient(to right, rgba(3, 27, 27, 0) 0%, rgba(3, 27, 27, 0.2) 100%);
        
    /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031b1b00', endColorstr='#031b1b3d',GradientType=1 );

    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -50%;
    -webkit-transform: skew(30deg);
            transform: skew(30deg);
}
.sales-page-probiotics .section-1b--content {
    z-index: 100;
    width: 55vw;
    padding: 5vw;
    margin-left: 7vw;
    /* font-size: 1.2em; */
    color: white;
}
.sales-page-probiotics .section-1b--content .sub-hdr {
    color: #ffc8eb;
    /* color: #77ec21; */
}


.sales-page-probiotics .section-1b-sub {
    padding: 45px 0 20px 0;
}

.sales-page-probiotics .text-accent {
    padding-left: 10px;
    border-left: 4px solid #5965ad;
    font-weight: 600;
}

.section-1b--mobile-img-people {
    background: none;
}

.sales-page-probiotics .section-2 {
    height: 500px;
}
.sales-page-probiotics .section-2::before {
    background-image: url('/cms/sales-pages/probiotics/img/bacteria.jpg');
    background-size: cover;
    background-position: 50%;
}
.sales-page-probiotics .section-2--block-one {
    width: 50%;
    margin-left: 45%;
    height: 500px;
}

.sales-page-probiotics .section-2--block-one h3 {
    color: #14184e;
    margin-top: -30px;
}
.sales-page-probiotics .section-4::before {
    background: 
        url('/cms/sales-pages/probiotics/img/nerves.png') center center / cover,
        rgba(155, 195, 255, 0.22);
}
.sales-page-probiotics .section-5 {
    color: #fff;
    background-color: #000;
}
.sales-page-probiotics .section-5::before {
    background-image: url('/cms/sales-pages/probiotics/img/body.png');
    background-size: 1200px;
    background-position: right;
}
.sales-page-probiotics .section-5--block-one {
    width: 60%;
}
.sales-page-probiotics .block-container {
    display: grid;
    grid-template-columns: auto auto;
}
.sales-page-probiotics .section-6--node:nth-child(even) {
    padding: 80px 0;
}
.sales-page-probiotics .section-6--node.node-squish {
    /* for the 1 larger block */
    padding: 50px 0;
}
.sales-page-probiotics .section-6--node img {
    width: 75px;
}
.sales-page-probiotics .section-6::before {
    background-image: url('/cms/sales-pages/probiotics/img/gut.png');
    background-size: cover;
}
.sales-page-probiotics .section-6--block-one {
    border-right: 5px solid #ddd;
    display: grid;
}
.sales-page-probiotics .section-6--block-one .section-6--node {
    display: -webkit-box;
    display: flex;
    text-align: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    padding-right: 18px;
}
.sales-page-probiotics .section-6--block-one .section-6--node-text {
    width: 80%;
    -webkit-box-ordinal-group: 2;
            order: 1;
}
.sales-page-probiotics .section-6--block-one .section-6--node-img {
    -webkit-box-ordinal-group: 3;
            order: 2;
}
.sales-page-probiotics .section-6--block-one .section-6--node img {
    padding-top: 7px;
    padding-left: 1em;
}
.sales-page-probiotics .section-6--block-two {
    display: grid;
}
.sales-page-probiotics .section-6--block-two .section-6--node {
    display: -webkit-box;
    display: flex;
    text-align: start;
}
.sales-page-probiotics .section-6--block-two .section-6--node:first-of-type {
    /* padding-top: 50px; */
}
.sales-page-probiotics .section-6--block-two .section-6--node-text {
    width: 80%;
    padding-left: 18px;
    -webkit-box-ordinal-group: 3;
            order: 2;
}
.sales-page-probiotics .section-6--block-one .section-6--node-img {
    -webkit-box-ordinal-group: 2;
            order: 1;
}
.sales-page-probiotics .section-6--block-two .section-6--node img {
    padding-top: 7px;
    padding-left: 1em;
}

.sales-page-probiotics .section-7 {
    background:
        /* linear-gradient(to right, #1e1b22 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 60%), */
        url('/cms/sales-pages/probiotics/img/woman-eating.png'),
        #1e1b22;
    background-size: contain;
    background-position: top right -15vw;
    background-repeat: no-repeat;
}
.sales-page-probiotics .section-7--block-1 {
    color: #fff;
    padding: 5vw 0;
}
.sales-page-probiotics .section-8 {
    background: linear-gradient(45deg, rgba(158, 177, 179, .2) 0%, rgba(158, 177, 179, 0) 100%);
}

.sales-page-probiotics .section-8--block-one {
    padding-top: 110px;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 40px;
}
.sales-page-probiotics .block {
    position: relative;
    background-color: #fff;
    padding: 60px 20px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    border-radius: 8px;
}
.sales-page-probiotics .block b {
    color: var(--color-one);
}
.sales-page-probiotics .block img {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -44.5px;
}
.sales-page-probiotics .section-8--box1 {}
.sales-page-probiotics .section-8--box2 {}
.sales-page-probiotics .section-8--box3 {}
/* .sales-page-probiotics .block:nth-of-type(even) {
    background-color: var(--color-one);
} */

.sales-page-probiotics .section-9::before {
    background-image: url('/cms/sales-pages/probiotics/img/P_1.png');
    background-position: 90%;
    background-size: contain;
}
.sales-page-probiotics .section-9 h2,
.sales-page-probiotics .section-9--block-one {
    width: 60%;
}
.sales-page-probiotics .section-10--block-one {
    /* width: 60%;
    margin-left: 500px; */
    color: #ffffff;
    text-shadow:
     0 0 10px rgba(0,0,0,.3),
     2px 2px 2px rgba(0,0,0,.5);
}
.sales-page-probiotics li {
    /* background: url('/cms/sales-pages/probiotics/img/tick-icon-2.png') left top no-repeat; */
    /* padding-left: 20px; */
}
.sales-page-probiotics .section-10::before {
    /* FF3.6-15 */
    background: 
        -moz-linear-gradient(top,  rgba(0,0,0,.4) 0%, rgba(0,0,0,.2) 100%),
        url('/cms/sales-pages/probiotics/img/blue-cells.jpg') center center / cover;
    background: 
        -webkit-linear-gradient(top, rgba(0,0,0,.4) 0%, rgba(0,0,0,.2) 100%),
        url('/cms/sales-pages/probiotics/img/blue-cells.jpg') center center / cover;
    background: 
        linear-gradient(to bottom, rgba(0,0,0,.4) 0%, rgba(0,0,0,.2) 100%),
        url('/cms/sales-pages/probiotics/img/blue-cells.jpg') center center / cover;

    background-repeat: no-repeat;
}
.sales-page-probiotics .section-10--ul li{
    padding-bottom: 10px;
}
.sales-page-probiotics .section-11--block-one {
    /* width: 60%; */
}
.sales-page-probiotics .section-11::before {
    background-image: url('/cms/sales-pages/probiotics/img/bio-seal-2.png');
    background-position: 80%;
    opacity: .15;
}
@media only screen and (min-width: 1400px) {}
@media only screen and (max-width: 1199px) {
    .sales-page-probiotics .section-1b--content {
        width: 60vw;
        margin-left: 0;
        padding: 2vw;
    }
    .sales-page-probiotics .attention-wrapper {
        width: 100%;
        padding: 20px;
        margin: -50px auto 60px;
        -webkit-transform: unset;
                transform: unset;
    }
    .sales-page-probiotics .attention-wrapper > h5 {
        -webkit-transform: unset;
                transform: unset;
        text-transform: unset;
    }
    .sales-page-probiotics .section-7 {

        /* FF3.6-15 */
        background: 
            -moz-linear-gradient(left,  rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 100%),
            url('/cms/sales-pages/probiotics/img/woman-eating.png') top center / cover,
            #1e1b22;

        /* Chrome10-25,Safari5.1-6 */
        background: 
            -webkit-linear-gradient(left,  rgba(0,0,0,.5) 0%,rgba(0,0,0,.5) 100%),
            url('/cms/sales-pages/probiotics/img/woman-eating.png') top center / cover,
            #1e1b22;

        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        background: 
            linear-gradient(to right,  rgba(0,0,0,.5) 0%,rgba(0,0,0,.5) 100%),
            url('/cms/sales-pages/probiotics/img/woman-eating.png') top center / cover,
            #1e1b22;
            
        /* IE6-9 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 );
        background-repeat: no-repeat;
    }
    .sales-page-probiotics .section-7--block-1 {
        color: #fff;
        padding: 5vw;
    }
}
@media only screen and (max-width: 991px) {
    .sales-page-probiotics .sub-section {
        width: 80vw;
        left: 10vw;
    }
    .sales-page-probiotics .section-1b {
        background: 
            url('/cms/sales-pages/probiotics/img/people-jogging.png') center right / cover,
            url('/cms/sales-pages/probiotics/img/hexagon-blocks.png') center left / contain,
            -moz-linear-gradient(top,  rgba(2,57,54,1) 0%, rgba(25,165,162,1) 50%),
            #199ca8;
        
        background: 
            url('/cms/sales-pages/probiotics/img/people-jogging.png') center right / cover,
            url('/cms/sales-pages/probiotics/img/hexagon-blocks.png') center left / contain,
            -webkit-linear-gradient(top,  rgba(2,57,54,1) 0%,rgba(25,165,162,1) 50%),
            #199ca8;
        
        background:
            url('/cms/sales-pages/probiotics/img/people-jogging.png') center right / cover,
            url('/cms/sales-pages/probiotics/img/hexagon-blocks.png') center left / contain,
            linear-gradient(to bottom,#023936 0%, #19a5a2 50%),
            #199ca8;
        
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023936', endColorstr='#19a5a2',GradientType=0 );

        background-repeat: no-repeat;
        position: relative;
        width: 100%;
        min-height: 300px;
        /* padding: 0 10vw; */
    }
    .sales-page-probiotics .section-9::before {
        background-size: 40vw;
    }

}
@media only screen and (max-width: 767px) {
    /* .sales-page-probiotics .section-1::before, */
    /* .sales-page-probiotics .section-2::before, */
    /* .sales-page-probiotics .section-4::before, */
    /* .sales-page-probiotics .section-9::before, */
    /* .sales-page-probiotics .section-10::before, */
    /* .sales-page-probiotics .section-11::before  */
    /* .sales-page-probiotics .section-9::before {
        opacity: 0.2;
    } */
    .sales-page-probiotics .section-1 {
        /* color: #000; */
    }
    .sales-page-probiotics .sub-section {
        width: auto;
        margin: 0;
        left: 0;
    }
    .sales-page-probiotics .sub-section::after {
        -webkit-transform: none;
                transform: none;
    }
    .sales-page-probiotics .section-2,
    .sales-page-probiotics .section-2--block-one {
        height: 400px;
    }
    .sales-page-probiotics .section-4::before {
        background-position: center left;
    }

    .sales-page-probiotics .section-5--block-one {
        width: 100%;
    }
    .sales-page-probiotics .section-6::before {
        opacity: .8;
    }
    .sales-page-probiotics .section-6--node:nth-child(even),
    .sales-page-probiotics .section-6--node.node-squish,
    .sales-page-probiotics .section-6--node {
        padding: 20px 0;
    }
    .sales-page-probiotics .section-6--block-one {
        border: none;
    }
    .sales-page-probiotics .section-6--block-two {
        /* margin-top: 50px; */
    }
    .sales-page-probiotics .section-6--block-one .section-6--node,
    .sales-page-probiotics .section-6--block-two .section-6--node  {
        display: -webkit-box;
        display: flex;
        text-align: start;
        -webkit-box-pack: start;
                justify-content: flex-start;
    }
    .sales-page-probiotics .section-6--block-one .section-6--node-text,
    .sales-page-probiotics .section-6--block-two .section-6--node-text {
        width: 80%;
        padding-left: 18px;
        padding-right: 0;
        -webkit-box-ordinal-group: 3;
                order: 2;
    }
    .sales-page-probiotics .section-6--block-one .section-6--node-img,
    .sales-page-probiotics .section-6--block-two .section-6--node-img {
        -webkit-box-ordinal-group: 2;
                order: 1;
    }
    .sales-page-probiotics .block-container {
        display: block;
    }
    .sales-page-probiotics .section-7 {

        /* FF3.6-15 */
        background: 
            -moz-linear-gradient(left,  rgba(0,0,0,.5) 0%, rgba(0,0,0,.5) 100%),
            url('/cms/sales-pages/probiotics/img/woman-eating.png') top center / cover,
            #1e1b22;

        /* Chrome10-25,Safari5.1-6 */
        background: 
            -webkit-linear-gradient(left,  rgba(0,0,0,.5) 0%,rgba(0,0,0,.5) 100%),
            url('/cms/sales-pages/probiotics/img/woman-eating.png') top center / cover,
            #1e1b22;

        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        background: 
            linear-gradient(to right,  rgba(0,0,0,.5) 0%,rgba(0,0,0,.5) 100%),
            url('/cms/sales-pages/probiotics/img/woman-eating.png') top center / cover,
            #1e1b22;
            
        /* IE6-9 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 );
        background-repeat: no-repeat;

    }
    .sales-page-probiotics .section-8--block-one {
        padding-top: 80px;
        display: block;
        grid-template-columns: none;
        grid-column-gap: 0;
    }
    .sales-page-probiotics .section-9::before {
        background-image: url('/cms/sales-pages/probiotics/img/P_1.png');
        background-position: top center;
        background-size: 400px;
    }
    .sales-page-probiotics .section-9 {
        padding-top: 420px;
        /* width: 100%; */
    }
    .sales-page-probiotics .section-9 h2 {
        width: 100%;
        text-align: center;
        letter-spacing: -1px;
    }
    .sales-page-probiotics .section-9--block-one {
        width: 100%;
    }
    .sales-page-probiotics .section-10--block-one {
        width: 100%;
        margin-left: 0;
        padding: 5vw;
    }
    .sales-page-probiotics .section-10::before {
        /* background-image: url('/cms/sales-pages/probiotics/img/fitness-woman.png');
        background-size: cover;
        background-position: left; */
    }
    .sales-page-probiotics .section-11--block-one {
        width: 100%;
    }
    .sales-page-probiotics .section-1b--content {
        padding: 5vw;
        width: 100%;
        margin: auto;
        color: #353535;
    }
    .sales-page-probiotics .section-1b {
        background: 
            -moz-linear-gradient(top,  rgba(2,57,54,1) 0%, rgba(25,165,162,1) 50%);
        
        background: 
            -webkit-linear-gradient(top,  rgba(25, 165, 163, 0.039) 0%, rgba(25, 165, 163, 0) 100%);
        
        background:
            linear-gradient(to bottom,rgba(25, 165, 163, 0.039) 0%, rgba(25, 165, 163, 0) 100%);
        
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a19a5a3', endColorstr='#0019a5a3',GradientType=0 );
    }
    .sales-page-probiotics .section-1b--bg-skew {
        background: none;
    }
    .section-1b--mobile-img-people {

        /* FF3.6-15 */
        background: 
            url('/cms/sales-pages/probiotics/img/people-jogging.png') center right / cover,
            url('/cms/sales-pages/probiotics/img/hexagon-blocks.png') center left / contain,
            -moz-linear-gradient(top, #023936 0%, #19a5a2 50%),
            #199ca8;

        /* Chrome10-25,Safari5.1-6 */
        background: 
            url('/cms/sales-pages/probiotics/img/people-jogging.png') center right / cover,
            url('/cms/sales-pages/probiotics/img/hexagon-blocks.png') center left / contain,
            -webkit-linear-gradient(top, #023936 0%, #19a5a2 50%),
            #199ca8; 

        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        background: 
            url('/cms/sales-pages/probiotics/img/people-jogging.png') center right / cover,
            url('/cms/sales-pages/probiotics/img/hexagon-blocks.png') center left / contain,
            linear-gradient(to bottom, #023936 0%, #19a5a2 50%),
            #199ca8; 
            
        /* IE6-9 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#023936', endColorstr='#19a5a2',GradientType=0 )
  
        background-repeat: no-repeat;
        height: 300px;
        width: 100%;
    }
    .sales-page-probiotics .section-1b-hdr,
    .sales-page-probiotics .section-1b-txt {
        color: #053633;
        text-shadow: none;
    }
    .sales-page-probiotics .section-6--text:nth-child(odd),
    .sales-page-probiotics .section-6--text:nth-child(even) {
        text-align: left;
    }
    .sales-page-probiotics .section-6--img:nth-child(odd),
    .sales-page-probiotics .section-6--img:nth-child(even) {
        float: left;
    }

}
@media only screen and (max-width: 575px) {
    .sales-page-probiotics .section-7--block-one {
        padding: 5vw;
    }
}
@media only screen and (max-width: 360px) {
    .sales-page-probiotics .section-1b--content {
        width: 90%;
        margin: auto;
        padding: 0;
    }
}
