@charset "UTF-8";

ul.opened + .read-more::after {
    display: inline-block;
    height: .625rem;
    width: .625rem;
    border-width: .125rem 0 0 .125rem;
    border-color: #00ade6;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -.1875rem;
    margin-left: .625rem;
    content: ""
}

.button {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
    font-size: 18px;
    background-color: #00ade6;
    color: #fff !important;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}

.gradient p {
    margin: 0px auto;
    width: 100%;
    text-align: center;
}

.callout-container .callout h3 {
    color: #01ace6;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 2.1875rem;
    line-height: 1;
}

@media screen and (min-width:580px) {
    .button {
        padding-right: 3.125rem;
        padding-left: 3.125rem
    }
}

.button:hover {
    background-color: #3fc9f7
}

.get-coupon-post-submit-error-msg {
    font-size: .75rem;
    text-align: center;
    display: none;
    color: #d63636
}

@media screen and (min-width:960px) {
    .get-coupon-post-submit-error-msg {
        font-size: .75rem;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        width: 350px
    }
}

@media screen and (min-width:1280px) {
    .get-coupon-post-submit-error-msg {
        font-size: 1rem;
        width: inherit
    }
}

body:not(.wp-admin) img {
    width: 100%;
    display: block
}

.dnn_mact img {
    width: auto !important
}

.video-component-container.left {
    float: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: 'Nunito Sans';
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.read-more {
    color: #00ade6;
    cursor: pointer
}

    .read-more::after {
        display: inline-block;
        height: .625rem;
        width: .625rem;
        border-width: .125rem 0 0 .125rem;
        border-color: #00ade6;
        border-style: solid;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        margin-top: 0;
        margin-right: 0;
        margin-bottom: .1875rem;
        margin-left: .625rem;
        content: ""
    }

body {
    font-family: 'Nunito Sans';
    color: #000;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400
}

.alertify {
    z-index: 99999
}

    .alertify .dialog > * {
        width: auto;
        max-width: 600px;
        padding: 40px
    }

.home .ambient_video_hero {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: -1
}

    .home .ambient_video_hero .ambient-video-hero-container {
        background-size: cover;
        background-position: right bottom;
        height: 100vh
    }

    .home .ambient_video_hero video {
        height: 100vh;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: right bottom;
        object-position: right bottom;
        width: 100%
    }

    .home .ambient_video_hero img.logo {
        padding-top: 3.125rem;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        max-width: 1280px;
        margin: 0 auto;
        width: 200px;
        position: absolute;
        top: 0
    }

@media screen and (min-width:960px) {
    .home .ambient_video_hero img.logo {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:960px) {
    .home .ambient_video_hero img.logo {
        width: 225px
    }
}

.home .ambient_video_hero .hero-text-wrapper {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (min-width:960px) {
    .home .ambient_video_hero .hero-text-wrapper {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.home .ambient_video_hero .hero-text-wrapper .super-title {
    font-size: 1.125rem;
    line-height: 2.6667;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

@media screen and (min-width:960px) {
    .home .ambient_video_hero .hero-text-wrapper .super-title {
        font-size: 1.5rem;
        line-height: 2
    }
}

.home .ambient_video_hero .hero-text-wrapper .title {
    font-size: 1.875rem;
    line-height: 1;
    padding-top: .625rem;
    color: #00ade6
}

@media screen and (min-width:580px) {
    .home .ambient_video_hero .hero-text-wrapper .title {
        font-size: 2.25rem;
        line-height: 1
    }
}

@media screen and (min-width:960px) {
    .home .ambient_video_hero .hero-text-wrapper .title {
        font-size: 3.75rem;
        line-height: 1
    }
}

.ingredients-with-a-purpose .callout-container {
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #dcdcdc
}

    .ingredients-with-a-purpose .callout-container .callout {
        padding-bottom: 2.5rem
    }

@media screen and (min-width:960px) {
    .ingredients-with-a-purpose .callout-container .callout {
        padding-bottom: 3.125rem
    }
}

.callout-container {
    margin-top: 2.5rem;
    margin-bottom: 0
}

@media screen and (min-width:580px) {
    .callout-container {
        margin-top: 2.8125rem
    }
}

.callout-container .callout {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    position: relative
}

@media screen and (min-width:960px) {
    .callout-container .callout {
        padding-right: 4.875rem;
        padding-left: 2.875rem;
    }
}

@media screen and (min-width:580px) {
    .callout-container .callout {
        padding-top: 4.5625rem;
        padding-bottom: 2.5625rem
    }
}

.callout-container .graphic-siding {
    border-top: 1px solid #B4B4B4;
}

.callout-container .graphic {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 100px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    top: -50px
}

@media screen and (min-width:580px) {
    .callout-container .graphic {
        width: 130px
    }
}

.callout-container .graphic img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

@media screen and (min-width:580px) {
    .callout-container .graphic img {
        width: 75px;
        height: 70px;
    }

    .callout-container .graphic > .eye_img {
        width: 100px;
        height: 51px;
    }
}

.callout-container h1 {
    font-size: 1.875rem;
    line-height: 1.2;
    margin-top: 1.25rem;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    color: #00ade6;
    text-align: center;
    width: 200px;
    position: relative
}

.callout-container h2 {
    font-size: 1.875rem;
    line-height: 1.2;
    margin-top: 1.25rem;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    color: #00ade6;
    text-align: center;
    width: 200px;
    position: relative
}

@media screen and (min-width:580px) {
    .callout-container h1 {
        font-size: 2.25rem;
        line-height: 1;
        width: auto
    }
    .callout-container h2 {
        font-size: 2.25rem;
        line-height: 1;
        width: auto
    }
    .callout-container .callout h3 {
        line-height: 1;
    }
}

@media screen and (min-width:960px) {
    .callout-container h1 {
        font-size: 3.75rem;
        line-height: 1.2
    }
    .callout-container h2 {
        font-size: 3.75rem;
        line-height: 1.2
    }
}

@media screen and (min-width:1280px) {
    .callout-container h1 {
        font-size: 4rem;
        line-height: 1;
        margin-top: 2.1875rem;
    }
    .callout-container h2 {
        font-size: 4rem;
        line-height: 1;
        margin-top: 2.1875rem;
    }
}

.callout-container .text {
    font-size: .875rem;
    line-height: 1.7143;
    text-align: center
}

@media screen and (min-width:580px) {
    .callout-container .text {
        font-size: 1rem;
        line-height: 1.75;
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:960px) {
    .callout-container .text {
        padding-top: .875rem;
        padding-right: 10rem;
        padding-left: 10rem
    }
}

@media screen and (min-width:1280px) {
    .callout-container .text {
        padding-right: 14.375rem;
        padding-left: 14.375rem
    }
}

.callout-container.quote {
    /*border-top: 1px solid #B4B4B4;*/
    border-bottom: 1px solid #B4B4B4;
    margin-top: 3.75rem;
    margin-bottom: 6.25rem;
}

    .callout-container.quote .text {
        text-align: center
    }

@media screen and (min-width:960px) {
    .callout-container.quote .text {
        width: 80.5%;
        padding: 0;
        margin: 0 auto
    }
    header .wrapper .nav-main ul li:last-child span.menu-wrapper .coupon-title {
        font-size: 22px;
    }
    header .wrapper .nav-main ul li:last-child span.menu-wrapper .coupon-subtitle{font-size:15px;}
}

.callout-container.quote p {
    font-size: 1.5rem;
    line-height: 1.25;
    color: #43c07a;
}

@media screen and (min-width:580px) {
    .callout-container.quote p {
        font-size: 2em;
        line-height: 1.5;
        margin: 20px 0;
        color: #43c07a;
    }

    .callout-container.quote .fontNormal p {
        font-size: 1rem;
        font-weight: 400
    }
}

.callout-container.editorial {
    border-top: 1px solid #B4B4B4;
    /*border-bottom: 1px solid #dcdcdc*/
}

.faq {
    padding-top: 3.75rem;
    padding-right: 2.5rem;
    padding-bottom: 5rem;
    padding-left: 1.25rem
}

@media screen and (min-width:580px) {
    .faq {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (min-width:960px) {
    .faq {
        padding-top: 6.25rem;
        padding-right: 4.6875rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (min-width:1280px) {
    .faq {
        padding-top: 6.25rem;
        padding-right: 9.375rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (min-width:580px) {
    .faq .faq-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.faq .faq-wrapper .faq-left h2.faq {
    font-size: 1.875rem;
    line-height: 1.2;
    padding-bottom: .9375rem;
    color: #00ade6
}


@media screen and (min-width:580px) {
    .faq .faq-wrapper .faq-left h2.faq {
        font-size: 2.25rem;
        line-height: 1;
        padding-right: 2.5rem;
        padding-left: .625rem
    }
}

@media screen and (min-width:960px) {
    .faq .faq-wrapper .faq-left h2.faq {
        font-size: 60px;
        line-height: 1;
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
}

@media screen and (min-width:1280px) {
    .faq .faq-wrapper .faq-left h2.faq {
        font-size: 60px;
        line-height: 1
    }
}

.faq .faq-wrapper .faq-right {
    font-size: .875rem;
    line-height: 1.7143
}

@media screen and (min-width:580px) {
    .faq .faq-wrapper .faq-right {
        font-size: 1rem;
        line-height: 1.75
    }
}

@media screen and (min-width:960px) {
    .faq .faq-wrapper .faq-right {
        padding-left: 10.625rem
    }
}

@media screen and (min-width:1280px) {
    .faq .faq-wrapper .faq-right {
        padding-left: 14.0625rem
    }
}

.faq .faq-wrapper .faq-right ul {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.25rem;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    height: 200px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:960px) {
    .faq .faq-wrapper .faq-right ul {
        height: 300px
    }
}

@media screen and (min-width:580px) {
    .faq .faq-wrapper .faq-right ul.opened {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }
}

.faq .faq-wrapper .faq-right ul.opened::before {
    display: none
}

.faq .faq-wrapper .faq-right ul::before {
    content: "";
    position: absolute;
    height: 200px;
    width: 100%;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(-20%,#fff),color-stop(140%,rgba(255,255,255,0)));
    background: linear-gradient(to top,#fff -20%,rgba(255,255,255,0) 140%);
    pointer-events: none
}

@media screen and (min-width:960px) {
    .faq .faq-wrapper .faq-right ul::before {
        height: 300px
    }
}

.faq .faq-wrapper .faq-right ul li {
    list-style: none;
    padding: 0;
    margin: 0
}

    .faq .faq-wrapper .faq-right ul li.faq-answer {
        padding-top: .625rem
    }

    .faq .faq-wrapper .faq-right ul li.faq-question {
        padding-top: 1.25rem;
        display: block
    }

@media screen and (min-width:580px) {
    .faq .faq-wrapper .faq-right ul li.faq-question:first-child {
        padding-top: 0
    }
}

.feature-content-container {
    background: #fff
}

    .feature-content-container .feature-content .text {
        max-width: 1280px;
        margin: 0 auto
    }





@media screen and (min-width:960px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:580px) {
    .feature-content-container .feature-content .text {
        width: 88.88889%;
        margin: 0 auto
    }
}

.feature-content-container .feature-content p {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem
}

.feature-content-container .feature-content img {
    opacity: .7
}

.feature-content-container .feature-content .button {
    width: 100%
}

@media screen and (min-width:580px) {
    .feature-content-container .feature-content .button {
        text-decoration: none
    }
}

.feature-content-container .feature-content-image-first {
    padding-bottom: 3.125rem
}

@media screen and (min-width:580px) {
    .feature-content-container .feature-content-image-first {
        padding-bottom: 5rem
    }
}

.feature-content-container .feature-content-image-first img {
    padding-bottom: 1.25rem
}

@media screen and (min-width:580px) {
    .feature-content-container .feature-content-image-first img {
        padding-bottom: 1.875rem
    }
}

@media screen and (min-width:960px) {
    .feature-content-container .feature-content-image-first .text {
        margin-top: -10.3125rem;
        margin-right: 8.125rem;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        width: 450px;
        position: relative
    }
}

@media screen and (min-width:1280px) {
    .feature-content-container .feature-content-image-first .text {
        margin-top: -11.5625rem;
        width: 550px
    }
}

.feature-content-container .feature-content-image-first .text h2 {
    color: #00ade6
}

@media screen and (min-width:960px) {
    .feature-content-container .feature-content-title-first .text {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 3.75rem;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        width: 450px;
        position: relative;
        z-index: 1
    }
}

@media screen and (min-width:1280px) {
    .feature-content-container .feature-content-title-first .text {
        width: 500px
    }
}

.feature-content-container .feature-content-title-first .text h2 {
    color: #43bf7a
}

.feature-content-container .feature-content-title-first img {
    padding-bottom: 3.125rem
}

@media screen and (min-width:960px) {
    .feature-content-container .feature-content-title-first img {
        margin-top: -12.5rem;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }
}


@media screen and (min-width:580px) {
    #featured_product_4 .featured-product-container .gradient {
        height: 465px
    }
}

@media screen and (min-width:768px) {
    #featured_product_4 .featured-product-container .gradient {
        height: 590px
    }
}

@media screen and (min-width:960px) {
    #featured_product_4 .featured-product-container .gradient {
        height: 700px
    }
}

#featured_product_4 .featured-product-container .gradient h2 {
    max-width: 300px;
}

@media screen and (min-width:580px) {
    #featured_product_4 .featured-product-container .gradient h2 {
        max-width: 520px;
        padding-bottom: 10px;
    }
}

@media screen and (min-width:768px) {
    #featured_product_4 .featured-product-container .gradient h2 {
        max-width: 655px;
        padding-bottom: 10px;
    }
}

@media screen and (min-width:960px) {
    #featured_product_4 .featured-product-container .gradient h2 {
        max-width: 755px
    }
}

#featured_product_4 .featured-product-container img {
    margin: -267px auto -20px;
    max-width: 295px
}

@media screen and (min-width:580px) {
    #featured_product_4 .featured-product-container img {
        margin: -343px auto -20px;
        max-width: 300px
    }
}

@media screen and (min-width:768px) {
    #featured_product_4 .featured-product-container img {
        margin: -350px auto 0;
        max-width: 525px
    }
}

@media screen and (min-width:960px) {
    #featured_product_4 .featured-product-container img {
        margin: -500px auto 40px;
        max-width: 316px;
        padding: 22px;
    }
}

.featured-product-container {
    padding-bottom: 3.75rem;
    background: #fff
}

    .featured-product-container .featured-product .gradient {
        background-image: url(../img/other-50x50-bg-gradient.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        position: relative;
        height: 225px;
        padding-top: 7.25rem;
        padding-bottom: 1.875rem;
        margin-bottom: 1.875rem
    }

@media screen and (min-width:580px) {
    .featured-product-container .featured-product .gradient {
        height: 500px;
        padding-top: 7rem;
        margin-bottom: 3.75rem
    }
}

@media screen and (min-width:960px) {
    .featured-product-container .featured-product .gradient {
        height: 700px;
        padding-top: 7.25rem;
        margin-bottom: 5rem
    }
}

.featured-product-container .featured-product .gradient h2 {
    line-height: 1;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 1rem;
    padding-right: .625rem;
    padding-bottom: 0;
    padding-left: .625rem;
    color: #fff;
    text-align: center;
    max-width: 350px
}

@media screen and (min-width:580px) {
    .featured-product-container .featured-product .gradient h2 {
        line-height: 1;
        padding-top: 0;
        padding-right: 1.25rem;
        padding-bottom: 0;
        padding-left: 1.25rem;
        max-width: 600px
    }
}

@media screen and (min-width:960px) {
    .featured-product-container .featured-product .gradient h2 {
        font-size: 60px;
        line-height: 1;
        max-width: 1000px;
    }
}

.featured-product-container .featured-product img {
    margin: -150px auto 40px;
    max-width: 300px;
    position: relative
}

@media screen and (min-width:580px) {
    .featured-product-container .featured-product img {
        margin: -386px auto 40px;
        max-width: 450px
    }
}

@media screen and (min-width:960px) {
    .featured-product-container .featured-product img {
        margin: -441px auto 40px;
        max-width: 499px
    }
}

.featured-product-container .featured-product .text {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    line-height: 1.7143;
    text-align: center;
    margin: 0 auto;
    position: relative
}

@media screen and (min-width:960px) {
    .featured-product-container .featured-product .text {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:580px) {
    .featured-product-container .featured-product .text {
        line-height: 1.75;
        width: 88.88889%
    }
}

@media screen and (min-width:960px) {
    .featured-product-container .featured-product .text {
        width: 66.66667%
    }
}

.featured-product-container .featured-product .text p {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.875rem;
    margin-left: 0
}

@media screen and (min-width:580px) {
    .featured-product-container .featured-product .text p {
        margin-bottom: 2.25rem
    }
}

@media screen and (min-width:960px) {
    .featured-product-container .featured-product .text p {
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 2.5rem;
        margin-left: auto;
        max-width: 800px
    }
}

.featured-product-container .featured-product .text .button {
    width: 100%
}

@media screen and (min-width:580px) {
    .featured-product-container .featured-product .text .button {
        width: 100%;
        max-width: 435px;
    }
}

.products-listing-container {
    max-width: 1280px;
    margin: 0 auto
}

    .products-listing-container .products-listing {
        border-top: 1px solid #B4B4B4;
    }

        .products-listing-container .products-listing ul.products {
            list-style: none;
            padding: 0;
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .products-listing-container .products-listing ul.products li.product {
                padding-top: 1.25rem;
                padding-right: .9375rem;
                padding-bottom: 1.25rem;
                padding-left: .9375rem;
                width: 50%;
                -webkit-box-flex: 1;
                -ms-flex: 0 0 auto;
                flex: 0 0 auto;
                text-align: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                border-bottom: 1px solid #B4B4B4;
            }

@media screen and (min-width:580px) {
    .products-listing-container .products-listing ul.products li.product {
        padding-top: 2.5rem;
        padding-right: 1.875rem;
        padding-bottom: 2.5rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:960px) {
    .products-listing-container .products-listing ul.products li.product {
        padding-top: 3.75rem;
        padding-right: 1.875rem;
        padding-bottom: 3.75rem;
        padding-left: 1.875rem;
        border-right: 1px solid #B4B4B4;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

.products-listing-container .products-listing ul.products li.product .product-image {
    position: relative
}

@media screen and (min-width:580px) {
    .products-listing-container .products-listing ul.products li.product .product-image {
        padding-bottom: 3.125rem
    }
}

.products-listing-container .products-listing ul.products li.product .product-image img {
    max-width: 100px;
    width: auto;
    margin: 0 auto;
    max-height: 306px;
}

@media screen and (min-width:580px) {
    .products-listing-container .products-listing ul.products li.product .product-image img {
        max-width: 250px
    }
}

@media screen and (min-width:960px) {
    .products-listing-container .products-listing ul.products li.product .product-image img {
        max-height: 100%;
        width: auto;
        max-width: 100%
    }
}

.products-listing-container .products-listing ul.products li.product .text {
    text-align: center
}

@media screen and (min-width:580px) {
    .products-listing-container .products-listing ul.products li.product .text {
        text-align: left
    }
}

.products-listing-container .products-listing ul.products li.product .text h2 {
    margin-top: 1.25rem;
    margin-right: 0;
    margin-bottom: 1.25rem;
    margin-left: 0;
    line-height: 1.1112
}

@media screen and (min-width:580px) {
    .products-listing-container .products-listing ul.products li.product .text h2 {
        line-height: 1.25;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 1.25rem;
        margin-left: 0
    }
}

.products-listing-container .products-listing ul.products li.product .text h2 a {
    color: #000;
    text-decoration: none
}

.products-listing-container .products-listing ul.products li.product .text h2.heading-new a:hover {
    text-decoration: underline
}

.products-listing-container .products-listing ul.products li.product .text .bullets {
    display: none
}

@media screen and (min-width:580px) {
    .products-listing-container .products-listing ul.products li.product .text .bullets {
        font-size: .875rem;
        line-height: 1.2858;
        margin-bottom: 2.5rem;
        display: block
    }
}

.products-listing-container .products-listing ul.products li.product .text ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    .products-listing-container .products-listing ul.products li.product .text ul li {
        padding-left: .75rem;
        margin-bottom: 1rem;
        position: relative
    }

        .products-listing-container .products-listing ul.products li.product .text ul li:last-child {
            margin-bottom: 0
        }

        .products-listing-container .products-listing ul.products li.product .text ul li::before {
            content: "\02022";
            color: #00ade6;
            position: absolute;
            top: 0;
            left: 0
        }

.products-listing-container .products-listing ul.products li.product .cta {
    margin-top: auto
}

    .products-listing-container .products-listing ul.products li.product .cta .button {
        font-size: 18px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        width: 100%;
        -webkit-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out
    }

@media screen and (min-width:580px) {
    .products-listing-container .products-listing ul.products li.product .cta .button {
        width: 200px;
        text-decoration: none;
        color: #fff
    }
}

.products-listing-container .products-listing ul.products li.product:nth-child(odd) {
    border-right: 1px solid #B4B4B4;
}

@media screen and (min-width:960px) {
    .products-listing-container .products-listing ul.products li.product:first-child, .products-listing-container .products-listing ul.products li.product:nth-child(3n+1) {
        border-left: 1px solid #B4B4B4;
    }
}

@media screen and (min-width:960px) {
    .products-listing-container .products-listing ul.products li.product:nth-child(n) {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 33.33333%
    }

        .products-listing-container .products-listing ul.products li.product:nth-child(n) .product-image {
            min-height: 300px
        }

        .products-listing-container .products-listing ul.products li.product:nth-child(n) .text h2 {
            font-size: 1.125rem;
            line-height: 1.3334;
            margin-bottom: 1.5625rem
        }

        .products-listing-container .products-listing ul.products li.product:nth-child(n) .text .bullets {
            font-size: .875rem;
            line-height: 1.2858
        }
}

footer {
    font-size: 12px;
    line-height: 1.6
}

    footer .footer-logo {
        padding-left: 1.75rem;
        background: #fff
    }

@media screen and (min-width:580px) {
    footer .footer-logo {
        padding-left: 2.1875rem
    }
}

@media screen and (min-width:960px) {
    footer .footer-logo {
        padding-left: 3.4375rem
    }
}

@media screen and (min-width:1280px) {
    footer .footer-logo {
        padding-left: 4rem
    }
}

footer .footer-logo .footer-logo-wrapper {
    padding-top: 20px;
    padding-bottom: 4px
}

    footer .footer-logo .footer-logo-wrapper img {
        width: 200px;
        height: 18px
    }

footer .footer-container {
    padding-top: 1.875rem;
    padding-right: 0rem;
    padding-bottom: 1.875rem;
    padding-left: 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #d8effc;
    color: #000
}

@media screen and (min-width:580px) {
    footer .footer-container {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }
}

@media screen and (min-width:960px) {
    footer .footer-container {
        padding-top: 1.875rem;
        padding-bottom: 2.1875rem;
    }
}

@media screen and (min-width:1280px) {
    footer .footer-container {
        padding-top: 1.875rem;
        padding-bottom: 3.125rem;
    }
}

@media screen and (min-width:1280px) {
    footer .footer-container .footer-left {
        padding-right: 0
    }
}

footer .footer-container .footer-left .footer-text p {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

    footer .footer-container .footer-left .footer-text p:first-child {
        padding-bottom: 1.4375rem
    }



@media screen and (min-width:960px) {
    footer .footer-container .footer-left .footer-text span.hthree-style {
        font-size: 12px;
        font-weight: bold;
        text-align:left;
    }
}

@media screen and (min-width:580px) {
    footer .footer-container .footer-right {
        text-align: right
    }
}

footer .footer-container .footer-right p {
    margin: 0
}

footer .footer-container .footer-right .nav-footer {
    padding-top: 1.4375rem
}

@media screen and (min-width:580px) {
    footer .footer-container .footer-right .nav-footer {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }
}

footer .footer-container .footer-right .nav-footer ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    /* footer .footer-container .footer-right .nav-footer ul li:after {
        padding-right: .1rem;
        padding-left: .1rem;
        content: "|"
    }*/

    footer .footer-container .footer-right .nav-footer ul li:last-child:after {
        display: none
    }

    footer .footer-container .footer-right .nav-footer ul li a, footer .footer-container .footer-right .nav-footer ul li a:visited {
        color: #000;
        font-weight: normal;
        text-decoration: underline
    }

        footer .footer-container .footer-right .nav-footer ul li a:hover {
            color: #000
        }

footer .footer-container .footer-right .footer-social {
    padding-top: 1.0625rem;
    padding-bottom: 1.0625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:580px) {
    footer .footer-container .footer-right .footer-social {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

footer .footer-container .footer-right .footer-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    footer .footer-container .footer-right .footer-social ul li {
        padding-left: 1.25rem
    }

        footer .footer-container .footer-right .footer-social ul li:first-child {
            padding-left: 0
        }

footer .footer-container .footer-right .footer-social img {
    width: 30px;
    height: 30px;
}


@media screen and (min-width:960px) {
    body.buy-now .content-wrapper .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        body.buy-now .content-wrapper .wrapper .coupon_form, body.buy-now .content-wrapper .wrapper .get_ocuvite {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%
        }

        body.buy-now .content-wrapper .wrapper .three_featured_products {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%
        }
}

.get-coupon-container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 1.5625rem;
    padding-right: .9375rem;
    padding-bottom: 2.5rem;
    padding-left: .9375rem
}

@media screen and (min-width:960px) {
    .get-coupon-container {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:580px) {
    .get-coupon-container {
        padding-right: 2.1875rem;
        padding-left: 2.1875rem
    }
}

@media screen and (min-width:960px) {
    .get-coupon-container {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-right: 1.1875rem;
        padding-bottom: 6.25rem;
        padding-left: .5625rem
    }
}

.get-coupon-container .image {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 80px;
    background: #fff;
    position: relative;
    z-index: 1
}

@media screen and (min-width:580px) {
    .get-coupon-container .image {
        width: 100px
    }
}

@media screen and (min-width:960px) {
    .get-coupon-container .image {
        width: 115px
    }
}

.get-coupon-container .image img {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 40px
}

@media screen and (min-width:580px) {
    .get-coupon-container .image img {
        width: 50px
    }
}

@media screen and (min-width:960px) {
    .get-coupon-container .image img {
        width: 60px
    }
}

.get-coupon-container .get-coupon-box {
    margin-top: -1.25rem;
    padding-top: 3.125rem;
    padding-right: .4375rem;
    padding-bottom: 1.25rem;
    padding-left: .4375rem;
    border: 1px solid #B4B4B4;
}

@media screen and (max-width:767) {
    .get-coupon-container .get-coupon-box {
        margin-top: -1.5625rem;
        padding-top: 3.125rem;
        padding-right: .9375rem;
        padding-bottom: 28.875rem;
        padding-left: .9375rem
    }
}

/*@media screen and (max-width:580px) {
    .get-coupon-container .get-coupon-box {
        margin-top: -1.5625rem;
        padding-top: 3.125rem;
        padding-right: .9375rem;
        padding-bottom: 29.875rem;
        padding-left: .9375rem
    }
}*/

@media screen and (min-width:580px) {
    .get-coupon-container .get-coupon-box {
        margin-top: -1.5625rem;
        padding-top: 3.125rem;
        padding-right: .9375rem;
        /*padding-bottom: 1.875rem;*/
        padding-bottom: 22.875rem;
        padding-left: .9375rem
    }
}

@media screen and (min-width:960px) {
    .get-coupon-container .get-coupon-box {
        margin-top: -1.875rem;
        padding-top: 3.125rem;
        padding-right: 1.5rem;
        padding-bottom: 0;
        padding-left: 1.5rem;
        min-height: 621px;
        position: relative
    }
}

@media screen and (min-width:1280px) {
    .get-coupon-container .get-coupon-box {
        padding-top: 3.8rem;
        padding-right: 2.0625rem;
        padding-bottom: 6.25rem;
        padding-left: 2.0625rem;
        min-height: 593px
    }
}

.get-coupon-container .get-coupon-box sup {
    font-size: 1rem;
    vertical-align: middle
}

.get-coupon-container .get-coupon-box .formocuvitegetcouponcontainerblock .Form__Status #get-coupon-revtrax iframe {
    /*min-height: 200px;*/
    min-height: 600px !important;
}

.get-coupon-container .get-coupon-box .get-coupon-title, .mktoHasWidth h2 {
    font-size: 1.5rem;
    color: #00ade6;
    text-align: center
}

@media screen and (min-width:580px) {
    .get-coupon-container .get-coupon-box .get-coupon-title, .mktoHasWidth h2 {
        font-size: 48px;
        padding-bottom: 0;
        line-height: 52px;
    }
}

@media screen and (min-width:1280px) {
    .get-coupon-container .get-coupon-box .get-coupon-title, .mktoHasWidth h2 {
        font-size: 48px;
        line-height: 1.2;
        margin: 0 -10px;
        padding: 0 40px;
        font-weight: bold;
    }
}

.get-coupon-container .get-coupon-box .get-coupon-post-submit-title-mobile {
    font-size: 3rem;
    padding-bottom: 0;
    color: #00ade6;
    text-align: center;
    display: none
}

@media screen and (min-width:960px) {
    .get-coupon-container .get-coupon-box .get-coupon-post-submit-title-mobile {
        display: none
    }

    .get-coupon-container .get-coupon-box .get-coupon-title, .mktoHasWidth h2 {
        font-size: 48px;
    }
}

.get-coupon-container .get-coupon-box .get-coupon-sub-title {
    font-size: .875rem;
    line-height: 1.7143;
    text-align: center
}

@media screen and (min-width:960px) {
    .get-coupon-container .get-coupon-box .get-coupon-sub-title {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        width: 350px
    }
}

@media screen and (min-width:1280px) {
    .get-coupon-container .get-coupon-box .get-coupon-sub-title {
        font-size: 1rem;
        line-height: 1.75;
        width: inherit
    }
}

.get-coupon-container .get-coupon-box .get-coupon-post-submit-sub-title {
    font-size: .875rem;
    line-height: 1.7143;
    text-align: center;
    display: none
}

@media screen and (min-width:960px) {
    .get-coupon-container .get-coupon-box .get-coupon-post-submit-sub-title {
        font-size: .875rem;
        line-height: 1.7143;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        width: 350px
    }
}

@media screen and (min-width:1280px) {
    .get-coupon-container .get-coupon-box .get-coupon-post-submit-sub-title {
        font-size: 1rem;
        line-height: 1.75;
        width: inherit
    }
}

.get-coupon-container .get-coupon-box .get-coupon-post-submit-sub-title-mobile {
    font-size: .875rem;
    line-height: 1.7143;
    text-align: center;
    display: none
}

@media screen and (min-width:960px) {
    .get-coupon-container .get-coupon-box .get-coupon-post-submit-sub-title-mobile {
        font-size: .875rem;
        line-height: 1.7143;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        width: 350px
    }
}

@media screen and (min-width:1280px) {
    .get-coupon-container .get-coupon-box .get-coupon-post-submit-sub-title-mobile {
        font-size: 1rem;
        line-height: 1.75;
        width: inherit
    }
}

@media screen and (min-width:960px) {
    .get-coupon-container .get-coupon-box #get-coupon-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.get-coupon-container .get-coupon-box #get-coupon-form input, .get-coupon-container .get-coupon-box #get-coupon-form label {
    display: block
}

.get-coupon-container .get-coupon-box #get-coupon-form label {
    margin-top: -.8125rem;
    margin-left: 1.25rem;
    padding-bottom: .625rem;
    font-size: .75rem;
    line-height: 1.3334
}

.get-coupon-container .get-coupon-box #get-coupon-form input#email {
    padding-top: 1.25rem;
    padding-right: .9375rem;
    padding-bottom: 1.25rem;
    padding-left: .9375rem;
    margin-bottom: 1.25rem;
    font-size: 1rem;
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #000
}

@media screen and (min-width:580px) {
    .get-coupon-container .get-coupon-box #get-coupon-form input#email {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        font-size: 1.5rem
    }
}

@media screen and (min-width:960px) {
    .get-coupon-container .get-coupon-box #get-coupon-form input#email {
        margin-top: 1.25rem
    }
}

.get-coupon-container .get-coupon-box #get-coupon-form .button {
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    text-align: center;
    border: none
}

@media screen and (min-width:580px) {
    .get-coupon-container .get-coupon-box #get-coupon-form .button {
        margin-top: .625rem;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        width: auto
    }
}

@media screen and (min-width:960px) {
    .get-coupon-container .get-coupon-box #get-coupon-form .button {
        margin-top: auto;
        position: absolute;
        bottom: 30px;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

@media screen and (min-width:1280px) {
    .get-coupon-container .get-coupon-box #get-coupon-form .button {
        margin-top: 1.0625rem
    }
}

.get-coupon-container .get-coupon-box #get-coupon-form .legal-text {
    font-size: .6875rem
}

.get-ocuvite-container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 1.5625rem;
    padding-right: .9375rem;
    padding-left: .9375rem
}

@media screen and (min-width:960px) {
    .get-ocuvite-container {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:580px) {
    .get-ocuvite-container {
        padding-right: 2.1875rem;
        padding-left: 2.1875rem
    }
}

@media screen and (min-width:960px) {
    .get-ocuvite-container {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-right: .5625rem;
        padding-bottom: 6.25rem;
        padding-left: 1.1875rem
    }
}

.get-ocuvite-container .image {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 80px;
    background: #fff;
    position: relative;
    z-index: 1
}

@media screen and (min-width:580px) {
    .get-ocuvite-container .image {
        width: 100px
    }
}

@media screen and (min-width:960px) {
    .get-ocuvite-container .image {
        width: 115px
    }
}

.get-ocuvite-container .image img {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: 40px
}

@media screen and (min-width:580px) {
    .get-ocuvite-container .image img {
        width: 48px
    }
}

@media screen and (min-width:960px) {
    .get-ocuvite-container .image img {
        width: 60px
    }
}

.get-ocuvite-container .get-ocuvite-box {
    margin-top: -1.25rem;
    padding-top: 3.125rem;
    padding-right: .4375rem;
    padding-bottom: 1.25rem;
    padding-left: .4375rem;
    border: 1px solid #B4B4B4;
}

@media screen and (min-width:580px) {
    .get-ocuvite-container .get-ocuvite-box {
        margin-top: -1.5625rem;
        padding-top: 3.125rem;
        padding-right: .9375rem;
        padding-bottom: 6.25rem;
        padding-left: .9375rem;
        text-align: center
    }
}

@media screen and (min-width:960px) {
    .get-ocuvite-container .get-ocuvite-box {
        margin-top: -1.875rem;
        padding-top: 3.125rem;
        padding-right: 1.5rem;
        padding-bottom: 6.25rem;
        padding-left: 1.5rem;
        min-height: 621px;
        position: relative
    }
}

@media screen and (min-width:1280px) {
    .get-ocuvite-container .get-ocuvite-box {
        min-height: 593px
    }
}

.get-ocuvite-container .get-ocuvite-box .get-ocuvite-title {
    font-size: 48px;
    padding-bottom: .9375rem;
    color: #43bf7a;
    text-align: center;
    font-weight: bold;
}

@media screen and (min-width:580px) {
    .get-ocuvite-container .get-ocuvite-box .get-ocuvite-title {
        font-size: 48px;
        padding-bottom: 0;
        margin: 0;
    }
}

@media screen and (min-width:1280px) {
    .get-ocuvite-container .get-ocuvite-box .get-ocuvite-title {
        font-size: 48px;
        line-height: 1.2858;
        margin: 0;
    }
}

.get-ocuvite-container .get-ocuvite-box .get-ocuvite-sub-title {
    display: none
}

@media screen and (min-width:580px) {
    .get-ocuvite-container .get-ocuvite-box .get-ocuvite-sub-title {
        font-size: .875rem;
        display: block;
        text-align: center
    }
}

@media screen and (min-width:960px) {
    .get-ocuvite-container .get-ocuvite-box .get-ocuvite-sub-title {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto
    }
}

@media screen and (min-width:1280px) {
    .get-ocuvite-container .get-ocuvite-box .get-ocuvite-sub-title {
        font-size: 1rem;
        line-height: 1.75
    }
}

.get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores {
    display: none
}

@media screen and (min-width:580px) {
    .get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 2.125rem;
        margin-right: auto;
        margin-bottom: 2.125rem;
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 300px
    }
}

@media screen and (min-width:580px) and (min-width:1280px) {
    .get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores {
        width: 476px
    }
}

@media screen and (min-width:580px) {
    .get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores li.store {
        padding-bottom: 2.1875rem;
        width: 100px
    }
}

@media screen and (min-width:580px) and (min-width:1280px) {
    .get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores li.store {
        width: 132px
    }
}

@media screen and (min-width:580px) {
    .get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores li.store a {
        display: block
    }

        .get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores li.store a img {
            height: 37px;
            width: auto
        }
}

@media screen and (min-width:580px) and (min-width:1280px) {
    .get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores li.store a img {
        height: 51px
    }
}

@media screen and (min-width:580px) {
    .get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores li.store:nth-child(2), .get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores li.store:nth-child(5) {
        margin-right: 2.5rem;
        margin-left: 2.5rem
    }

    .get-ocuvite-container .get-ocuvite-box ul.get-ocuvite-stores li.store:nth-child(n+4) {
        padding-bottom: 0
    }
}

.get-ocuvite-container .get-ocuvite-box .button {
    width: 100%;
    text-align: center
}

@media screen and (min-width:580px) {
    .get-ocuvite-container .get-ocuvite-box .button {
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        display: inline-block !important;
        width: 200px !important
    }
}

@media screen and (min-width:960px) {
    .get-ocuvite-container .get-ocuvite-box .button {
        margin-top: auto;
        margin-bottom: auto
    }
}

@media screen and (min-width:1280px) {
    .get-ocuvite-container .get-ocuvite-box .button {
        margin-top: 1.0625rem
    }
}

.good-advice-container .good-advice {
    text-align: center;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 3.75rem
}

@media screen and (min-width:960px) {
    .good-advice-container .good-advice {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:580px) {
    .good-advice-container .good-advice {
        padding-top: 5rem;
        padding-bottom: 3.125rem
    }
}

@media screen and (min-width:960px) {
    .good-advice-container .good-advice {
        padding-top: 6.25rem
    }
}

.good-advice-container .good-advice .heading {
    margin-bottom: 2.5rem
}

@media screen and (min-width:580px) {
    .good-advice-container .good-advice .heading p {
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        max-width: 600px
    }
}

@media screen and (min-width:960px) {
    .good-advice-container .good-advice .heading p {
        max-width: 800px
    }
}

.good-advice-container .good-advice .heading h2 {
    margin-top: 0;
    color: #43bf7a;
    line-height: 1
}

    .good-advice-container .good-advice .heading h2 span.title-two {
        color: #00ade6
    }

@media screen and (min-width:580px) {
    .good-advice-container .good-advice .heading h2 {
        line-height: 1
    }
}

@media screen and (min-width:960px) {
    .good-advice-container .good-advice .heading h2 {
        font-size: 3.75rem;
        line-height: 1
    }
}

@media screen and (min-width:1280px) {
    .good-advice-container .good-advice .heading h2 {
        line-height: 1;
        margin-bottom: 50px;
    }
}

.good-advice-container .good-advice .heading h2 span {
    display: block
}

.good-advice-container .good-advice .heading p {
    font-size: .875rem;
    line-height: 1.7143
}

@media screen and (min-width:580px) {
    .good-advice-container .good-advice .heading p {
        line-height: 1.75
    }
}

.good-advice-container .good-advice ul {
    list-style: none;
    padding: 0;
    margin: 0
}

@media screen and (min-width:580px) {
    .good-advice-container .good-advice ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.good-advice-container .good-advice ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width:580px) {
    .good-advice-container .good-advice ul li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }
}

@media screen and (min-width:960px) {
    .good-advice-container .good-advice ul li {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }
}

@media screen and (max-width:959px) {
    .good-advice-container .good-advice ul li {
        margin-bottom: 1.875rem
    }
}

.good-advice-container .good-advice ul li span.title {
    font-size: 1.5rem;
    line-height: 1.1667
}

.good-advice-container .good-advice ul li p {
    font-size: .875rem;
    line-height: 1.7143
}

@media screen and (min-width:580px) {
    .good-advice-container .good-advice ul li .text {
        font-size: 1rem;
        line-height: 1.75;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        width: 210px
    }

    .good-advice-container .good-advice ul li span {
        display: block
    }
}

.good-advice-container .good-advice ul li img {
    margin-right: auto;
    margin-bottom: .9375rem;
    margin-left: auto;
    display: block;
    width: 108px
}

@media screen and (min-width:580px) {
    .good-advice-container .good-advice ul li img {
        margin-right: auto;
        margin-bottom: 1.5625rem;
        margin-left: auto;
        width: 180px
    }
}

body {
    padding-top: 3.125rem
}

@media screen and (min-width:580px) {
    body {
        /*padding-top: 3.75rem*/
    }
}

@media screen and (min-width:960px) {
    body {
        padding-top: 6.25rem
    }
}

body.home {
    padding: 0 !important
}

body .nav-main-mobile-items {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    background-color: #fff;
    z-index: 999
}

    body .nav-main-mobile-items ul {
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 1
    }

        body .nav-main-mobile-items ul li {
            padding-right: 1.25rem;
            padding-left: 1.25rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            body .nav-main-mobile-items ul li:last-child {
                display: none
            }

            body .nav-main-mobile-items ul li a, body .nav-main-mobile-items ul li a:visited {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: relative;
                border-bottom: 1px solid #B4B4B4;
                color: #000;
                text-decoration: none;
                height: 60px;
                width: 100%
            }

                body .nav-main-mobile-items ul li a::after, body .nav-main-mobile-items ul li a:visited::after {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translate(0,-50%);
                    transform: translate(0,-50%);
                    background: url(../img/other-30x30-mobile_menu_arrow_blk.svg) no-repeat;
                    background-size: 11px 18px;
                    width: 11px;
                    height: 18px;
                    content: "";
                    right: 0
                }

body.home .base-wrapper {
    position: relative;
    top: calc(100vh - 50px)
}

@media screen and (min-width:580px) {
    body.home .base-wrapper {
        top: calc(100vh - 60px)
    }
}

@media screen and (min-width:960px) {
    body.home .base-wrapper {
        top: calc(100vh - 100px)
    }
}

header {
    background: #fff;
    top: 0;
    width: 100%;
    height: 50px;
    z-index: 999
}

@media screen and (min-width:580px) {
    header {
        height: 60px
    }
}

@media screen and (min-width:960px) {
    header {
        height: 100px
    }
}

header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:580px) {
    header .wrapper {
        height: 60px
    }
}

@media screen and (min-width:960px) {
    header .wrapper {
        height: 100px
    }
}

header .wrapper .hdr-logo {
    padding-top: .75rem
}

@media screen and (min-width:580px) {
    header .wrapper .hdr-logo {
        padding-top: .875rem;
        padding-right: 1.25rem;
        padding-bottom: .8125rem;
        padding-left: 1.25rem
    }
}

@media screen and (min-width:960px) {
    header .wrapper .hdr-logo {
        padding-top: 1.625rem;
        padding-right: 1.9375rem;
        padding-bottom: 1.5625rem;
        padding-left: 1.9375rem
    }
}

header .wrapper .hdr-logo img {
    width: 82px;
    height: 27px
}

@media screen and (min-width:580px) {
    header .wrapper .hdr-logo img {
        width: 99px;
        height: 33px
    }
}

@media screen and (min-width:960px) {
    header .wrapper .hdr-logo img {
        width: 138px;
        height: 49px
    }
}

header .wrapper .nav-main {
    display: none;
    font-size: .75rem;
    line-height: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media screen and (min-width:580px) {
    header .wrapper .nav-main {
        display: block
    }
}

header .wrapper .nav-main ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 60px
}

    header .wrapper .nav-main ul li {
        -ms-flex-preferred-size: 24%;
        flex-basis: 23%;
        text-align: center;
    }

.navigation .submenu-4 > a {
    text-indent: -10000px
}

    .navigation .submenu-4 > a span {
        text-indent: 0
    }

header .wrapper .nav-main ul li .menu-wrapper {
    padding-top: 0;
    padding-right: .625rem;
    padding-bottom: 0;
    padding-left: .625rem
}

header .wrapper .nav-main ul li.current-menu-item a, header .wrapper .nav-main ul li.current-menu-item a:visited {
    border-bottom: 4px solid #43bf7a
}

header .wrapper .nav-main ul li::after {
    padding-right: .3125rem;
    padding-left: .25rem;
    content: ""
}

header .wrapper .nav-main ul li a, header .wrapper .nav-main ul li a:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    color: #000;
    text-decoration: none;
    border-bottom: 4px solid transparent;
    font-weight: 700
}

@media screen and (min-width:960px) {
    header .wrapper .nav-main ul li a, header .wrapper .nav-main ul li a:visited {
        padding-right: 1.375rem;
        padding-left: 1.375rem
    }
}

header .wrapper .nav-main ul li:not(:last-child) a, header .wrapper .nav-main ul li:not(:last-child) a:hover, header .wrapper .nav-main ul li:not(:last-child) a:visited {
    -webkit-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out
}

header .wrapper .nav-main ul li a:hover, header .wrapper .nav-main ul li.btns-active a {
    color: #000;
    text-decoration: none;
    border-bottom: 4px solid #43bf7a
}

header .wrapper .nav-main ul li:last-child {
    white-space: nowrap
}

    header .wrapper .nav-main ul li:last-child::after {
        display: none
    }

    header .wrapper .nav-main ul li:last-child span {
        display: block
    }

        header .wrapper .nav-main ul li:last-child span.menu-wrapper {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            display: inline
        }

            header .wrapper .nav-main ul li:last-child span.menu-wrapper .coupon-title {
                font-size: 28px;
                line-height: 1
            }

@media screen and (min-width:960px) {
    header .wrapper .nav-main ul li:last-child span.menu-wrapper .coupon-title {
        font-size: 28px;
        line-height: 1
    }
}

header .wrapper .nav-main ul li:last-child span.menu-wrapper .coupon-subtitle {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    text-align: center
}

    header .wrapper .nav-main ul li:last-child span.menu-wrapper .coupon-subtitle::after {
        display: inline-block;
        height: .3125rem;
        width: .3125rem;
        border-width: .125rem 0 0 .125rem;
        border-color: #fff;
        border-style: solid;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: .3125rem;
        content: ""
    }

@media screen and (min-width:580px) {
    header .wrapper .nav-main ul li:last-child span.menu-wrapper .coupon-subtitle::after {
        display: none
    }
}

header .wrapper .nav-main ul li:last-child a {
    /*background: #00ade6;*/
    background: #43C07A;
    color: #fff;
    text-decoration: none;
    line-height: 22px;
    position: relative;
    border-bottom: 4px solid transparent;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

header .wrapper .nav-main ul .submenu-4.btns-active a {
    border-bottom: 4px solid #43bf7a;
    background: 0 0;
    color: #000 !important
}

header .wrapper .nav-main ul li:last-child a:hover {
    background: #43bf7a;
    color: #fff;
    text-decoration: none;
    border-bottom: 4px solid transparent;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

header .wrapper .nav-main ul li:last-child.current-menu-item a, header .wrapper .nav-main ul li:last-child.current-menu-item a:visited {
    background-color: transparent;
    color: #000;
    border-bottom: 4px solid #43bf7a
}

@media screen and (min-width:960px) {
    header .wrapper .nav-main {
        font-size: 1rem;
        line-height: 1
    }

        header .wrapper .nav-main ul {
            height: 100px
        }

            header .wrapper .nav-main ul li a, header .wrapper .nav-main ul li a:visited {
                height: 100px
            }
}

header .wrapper .nav-main-mobile {
    display: block
}

@media screen and (min-width:580px) {
    header .wrapper .nav-main-mobile {
        display: none
    }
}

header .wrapper .nav-main-mobile .nav-main-mobile-icon-closed {
    margin-top: 1rem;
    margin-right: 1.25rem;
    margin-bottom: 1rem;
    margin-left: .625rem;
    background: url(../img/other-30x30-mobile_menu_closed.svg) no-repeat;
    background-size: 30px 18px;
    width: 30px;
    height: 18px
}

header .wrapper .nav-main-mobile .nav-main-mobile-icon-opened {
    margin-top: 1rem;
    margin-right: .9375rem;
    margin-bottom: 1rem;
    margin-left: .9375rem;
    background: url(../img/other-30x30-mobile_menu_opened.svg) no-repeat;
    background-size: 24px 24px;
    width: 30px;
    height: 24px;
    display: none
}

header .wrapper .nav-main-mobile-buy {
    font-size: .875rem;
    line-height: 1.1429;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
    width: 100%
}

@media screen and (min-width:580px) {
    header .wrapper .nav-main-mobile-buy {
        display: none
    }
}


header .wrapper .nav-main-mobile-buy a, header .wrapper .nav-main-mobile-buy a:visited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #43c07a;
    color: #fff;
    text-decoration: none;
    line-height: 22px;
    position: relative;
    border-bottom: 4px solid transparent;
    width: 90px;
    height: 50px;
    letter-spacing: -.05rem
}

    header .wrapper .nav-main-mobile-buy a:hover {
        background: #43bf7a;
        color: #fff;
        text-decoration: none;
        border-bottom: 4px solid #43bf7a
    }

body.buy-now header .wrapper .nav-main-mobile-buy a {
    background: #43bf7a !important
}

form[action="/buy-now"] header .wrapper .nav-main-mobile-buy a {
    background: #43bf7a !important
}


.green a {
    background: #43c07a !important;
}


header .wrapper .nav-main-mobile-buy .buy-now::after {
    display: inline-block;
    height: .3125rem;
    width: .3125rem;
    border-width: .125rem 0 0 .125rem;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: .3125rem;
    content: ""
}

html body:not(.home) .base-wrapper header {
    position: fixed
}

body.mobile-nav-open {
    -ms-touch-action: none
}

.home header.sticky-on {
    position: fixed
}

    .home header.sticky-on + .content-wrapper {
        padding-top: 3.125rem
    }

@media screen and (min-width:580px) {
    .home header.sticky-on + .content-wrapper {
        padding-top: 3.75rem
    }
}

@media screen and (min-width:960px) {
    .home header.sticky-on + .content-wrapper {
        padding-top: 6.25rem
    }
}

@media screen and (min-width:960px) {
    .interview-container {
        padding-bottom: 5rem
    }
}

@media screen and (min-width:580px) {
    .interview-container .header-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

    }
}

.interview-container .background-container {
    margin-top: -10.9375rem;
    padding-top: 10.9375rem;
    padding-bottom: 4.375rem;
    background: #f5f5f5
}

@media screen and (min-width:580px) {
    .interview-container .background-container {
        margin-top: -4.375rem;
        padding-top: 4.375rem;
        padding-right: 3.125rem;
        padding-bottom: 4.375rem;
        padding-left: 3.125rem
    }
}

@media screen and (min-width:960px) {
    .interview-container .background-container {
        /* height: 548px;*/
        margin-top: -28.125rem;
        padding-top: 1.5625rem;
        padding-bottom: 5rem;
        padding-left: 36.75rem
    }
}

.interview-container .image {
    padding-top: 0;
    padding-right: 2.8125rem;
    padding-bottom: 0;
    padding-left: 2.8125rem
}

@media screen and (min-width:580px) {
    .interview-container .image {
        z-index: 1
    }
}

@media screen and (max-width:579px) {
    .interview-container .image img {
        max-width: 230px;
        margin: 0 auto
    }
}

@media screen and (min-width:580px) {
    .interview-container .image img {
        width: 230px
    }
}

@media screen and (min-width:960px) {
    .interview-container .image img {
        width: 475px;
        height: 675px;
    }
}

.interview-container .image .image-caption {
    font-size: .875rem;
    line-height: 2;
    padding-top: .625rem;
    font-style: italic;
    text-align: left;
    color: #787878
}

@media screen and (min-width:580px) {
    .interview-container .image .image-caption {
        width: 230px
    }
}

@media screen and (min-width:960px) {
    .interview-container .image .image-caption {
        width: 400px
    }
}

.interview-container .title-image-wrapper {
    margin-top: -2.1875rem;
    margin-right: auto;
    margin-left: auto;
    width: 1px
}

@media screen and (min-width:580px) {
    .interview-container .title-image-wrapper {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }
}

.interview-container .title-image {
    margin-top: -1.25rem;
    margin-left: -5.3125rem;
    padding-top: 1.25rem;
    width: 42px;
    height: 38px
}

@media screen and (min-width:580px) {
    .interview-container .title-image {
        margin-top: 9.625rem;
        margin-left: 2.625rem
    }
}

@media screen and (min-width:960px) {
    .interview-container .title-image {
        margin-top: -1.5625rem;
        margin-left: 4.0625rem;
        width: 77px
    }
}

@media screen and (min-width:1280px) {
    .interview-container .title-image {
        margin-top: -1.5625rem;
        margin-left: 5.3125rem
    }
}

.interview-container .title-text {
    font-size: 2.25rem;
    line-height: 2;
    color: #43bf7a;
    text-align: center
}

@media screen and (min-width:580px) {
    .interview-container .title-text {
        margin-top: 12.125rem;
        text-align: left
    }
}

@media screen and (min-width:960px) {
    .interview-container .title-text {
        font-size: 3.75rem;
        line-height: 1.2;
        margin-top: 3.4375rem
    }
}

@media screen and (min-width:1280px) {
    .interview-container .title-text {
        font-size: 4.5rem;
        line-height: 1
    }
}

.interview-container .text-wrapper {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    line-height: 1.7143
}

@media screen and (min-width:960px) {
    .interview-container .text-wrapper {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:580px) {
    .interview-container .text-wrapper {
        font-size: 18px;
        line-height: 1.75;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }
}

.interview-container .text-wrapper ul {
    margin-top: 0;
    margin-right: 75px;
    margin-bottom: 1.25rem;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    height: 250px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:960px) {
    .interview-container .text-wrapper ul {
        height: 400px
    }
}

.interview-container .text-wrapper ul.opened + .read-more {
    margin-top: 1.875rem
}

@media screen and (min-width:580px) {
    .interview-container .text-wrapper ul.opened {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }
}

.interview-container .text-wrapper ul.opened::before {
    display: none
}

.interview-container .text-wrapper ul::before {
    content: "";
    position: absolute;
    height: 250px;
    width: 100%;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(-20%,#f5f5f5),color-stop(140%,rgba(245,245,245,0)));
    background: linear-gradient(to top,#f5f5f5 -20%,rgba(245,245,245,0) 140%);
    pointer-events: none
}

@media screen and (min-width:960px) {
    .interview-container .text-wrapper ul::before {
        height: 400px
    }
}

.interview-container .text-wrapper ul li {
    list-style: none;
    padding:5px 0;
    margin: 0
}

    .interview-container .text-wrapper ul li p:last-child {
        margin-bottom: 0;
        font-weight: 400;
    }

    .interview-container .text-wrapper ul li.interview-question {
        padding-top: 1.25rem;
    }

    .interview-container .text-wrapper ul li.interview-answer {
        padding-top: .625rem;
        font-weight: 400;
    }



.next-page-container {
    background-color: #43bf7a
}

    .next-page-container .next-page a {
        padding-top: 1.875rem;
        padding-right: 1.25rem;
        padding-bottom: 1.875rem;
        padding-left: 1.25rem;
        display: block;
        text-decoration: none;
        color: #fff;
        position: relative
    }

@media screen and (min-width:580px) {
    .next-page-container .next-page a {
        padding-top: 2.5rem;
        padding-right: 2.0625rem;
        padding-bottom: 2.5rem;
        padding-left: 2.0625rem
    }
}

@media screen and (min-width:960px) {
    .next-page-container .next-page a {
        padding-top: 4.9375rem;
        padding-right: 3.375rem;
        padding-bottom: 4.9375rem;
        padding-left: 3.375rem
    }
}

@media screen and (min-width:1280px) {
    .next-page-container .next-page a {
        padding-right: 3.875rem;
        padding-left: 3.875rem
    }
}

.next-page-container .next-page a::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    display: block;
    background: url(../img/other-300x200-big-arrow.svg) no-repeat;
    content: "";
    width: 11px;
    height: 18px;
    right: 20px
}

@media screen and (min-width:580px) {
    .next-page-container .next-page a::after {
        width: 55px;
        height: 55px;
        right: 40px
    }
}

@media screen and (min-width:960px) {
    .next-page-container .next-page a::after {
        width: 32.14px;
        right: 60px
    }
}

.next-page-container .next-page span.tag {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.125rem;
    margin-left: 0;
    font-size: 18px;
    line-height: 1;
    display: block;
    text-transform: uppercase;
    font-weight: normal;
}

@media screen and (min-width:580px) {
    .next-page-container .next-page span.tag {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 1.875rem;
        font-weight: normal;
    }
}

@media screen and (min-width:960px) {
    .next-page-container .next-page span.tag {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 1.8125rem;
        font-weight: normal;
    }
}

.next-page-container .next-page span.title1 {
    font-size: 60px;
    line-height: 1.5;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.0625rem;
    margin-left: 0;
    color: #fff;
    font-weight: bold;
    display: block;
}

@media screen and (min-width:580px) {
    .next-page-container .next-page span.title1 {
        font-size: 1.875rem;
        line-height: 1.2;
        margin-bottom: 1.9375rem
    }
}

@media screen and (min-width:960px) {
    .next-page-container .next-page span.title1 {
        font-size: 60px;
        line-height: 1.2;
        margin-bottom: 2.5625rem;
        font-weight: bold;
    }
}

.next-page-container .next-page span.subtitle {
    font-size: 18px;
    line-height: 1.5;
    padding-right: 3.125rem;
    display: block
}

@media screen and (min-width:580px) {
    .next-page-container .next-page span.subtitle {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }
}

.ps-widget, .spider-button {
    display: none !important
}

.product-content-wrapper {
    padding-top: 3.125rem;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
}

    .product-content-wrapper .product-wrapper {
        color: #fff
    }

@media screen and (min-width:768px) {
    .product-content-wrapper .product-wrapper .product-heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: -150px;
        position: relative
    }
}

@media screen and (min-width:768px) {
    .product-content-wrapper .product-wrapper .product-heading .product-image {
        bottom: 0;
        z-index: 1;
        position: absolute;
        max-width: 230px
    }

    footer .footer-container .footer-left .footer-text span.hthree-style {
        font-size: 12px;
    }
}

/*@media screen and (max-width: 767px) {

    footer .footer-container .footer-left .footer-text span.hthree-style {
        font-size: 10px;
    }
}



footer .footer-container .footer-left .footer-text span.hthree-style {
    padding-top: .625rem;
    padding-right: .9375rem;
    padding-bottom: .625rem;
    padding-left: .9375rem;
    font-weight: 700;
    border: 2px solid #000
}
*/


@media screen and (max-width:768px) {
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .get-ocuvite-container .get-ocuvite-box {
        padding-bottom: 1rem
    }
}

@media screen and (min-width:960px) {
    .product-content-wrapper .product-wrapper .product-heading .product-image {
        bottom: 0;
        max-width: 250px
    }
}

@media screen and (min-width:1280px) {
    .product-content-wrapper .product-wrapper .product-heading .product-image {
        bottom: -50px;
        max-width: 350px
    }
}

.product-content-wrapper .product-wrapper .product-heading .product-image img {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    width: auto;
    max-width: 150px
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-heading .product-image img {
        max-width: 100%;
        max-height: 400px
    }
}

@media screen and (min-width:768px) {
    .product-content-wrapper .product-wrapper .product-heading .product-image img {
        max-height: 350px
    }
}

@media screen and (min-width:960px) {
    .product-content-wrapper .product-wrapper .product-heading .product-image img {
        margin-right: 5rem;
        margin-left: 5rem
    }
}

.product-content-wrapper .product-wrapper .product-heading .product-title-wrapper {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-top: 3.125rem;
    margin-right: 1.25rem;
    margin-bottom: 3.125rem;
    margin-left: 1.25rem
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 1.5625rem;
        margin-right: 0;
        margin-bottom: 2.5rem;
        margin-left: 0
    }
}

@media screen and (min-width:768px) {
    .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper {
        margin-top: 9.375rem;
        margin-right: 0;
        margin-bottom: 2.5rem;
        margin-left: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 18.75rem
    }
}

@media screen and (min-width:960px) {
    .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper {
        padding-top: 3.75rem;
        padding-left: 23.75rem
    }
}

@media screen and (min-width:1280px) {
    .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper {
        padding-left: 31.25rem
    }
}

.product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .product-title {
    font-size: 1.75rem;
    line-height: 1;
    color: #00ade6
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .product-title {
        padding-right: .625rem;
        margin-top: .25rem;
        font-size: 2.125rem;
        line-height: 1
    }
}

@media screen and (min-width:960px) {
    .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .product-title {
        margin-top: .625rem;
        font-size: 60px;
        line-height: 1
    }
}

.product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .product-body {
    padding-bottom: 1.875rem
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .product-body {
        min-height: 150px
    }
}

@media screen and (min-width:960px) {
    .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .product-body {
        min-height: auto
    }
}

.product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .product-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 1.375;
    color: #000
}

    .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .product-body ul li {
        padding-bottom: .625rem
    }

        .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .product-body ul li::before {
            content: "• ";
            color: #00ade6
        }

.product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .button {
    width: 100%;
    font-size: 18px;
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-heading .product-title-wrapper .button {
        width: auto;
        display: inline-block !important
    }
}

.product-content-wrapper .product-wrapper .product-details-wrapper {
    padding-top: 3.125rem;
    padding-bottom: 6.25rem;
    background: #00ade6
}

@media screen and (min-width:960px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper {
        padding-top: 3.75rem;
        padding-left: 23.75rem
    }
}

@media screen and (min-width:1280px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper {
        padding-left: 31.25rem
    }
}

.product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container {
    margin-right: 1.25rem;
    margin-left: 1.25rem
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        max-width: 1280px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:580px) and (min-width:960px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:960px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 0;
        padding-right: 1.875rem;
        padding-bottom: 0;
        padding-left: 0
    }
}

.product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner {
    padding-bottom: 1.25rem
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-supplemental-facts-title {
    font-size: 2.625rem;
    line-height: 1
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-supplemental-facts-title {
        font-size: 2.125rem;
        line-height: .8236
    }
}

@media screen and (min-width:960px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-supplemental-facts-title {
        font-size: 3rem;
        line-height: .5834
    }
}

.product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-serving-and-intake {
    padding-top: 1.5625rem;
    font-size: 1rem;
    line-height: 1.75
}

    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-serving-and-intake strong {
        font-size: 1.125rem;
        line-height: 1.5556;
        display: block
    }

        .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-serving-and-intake strong:first-child {
            padding-top: 0
        }

.product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients {
    padding-top: 1.5625rem;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.625
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients {
        font-size: 1rem;
        line-height: 3.75
    }
}

.product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients table {
    border-collapse: collapse;
    width: 100%
}

    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients table tr {
        border-bottom: 1px solid rgba(255,255,255,.2);
        background-clip: padding-box
    }

        .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients table tr:first-child {
            border: none
        }

        .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients table tr th {
            font-size: .75rem;
            line-height: 1.3334;
            text-align: left
        }

@media screen and (min-width:1280px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients table tr th:last-child {
        padding-right: 1.25rem
    }
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients table tr th {
        font-size: .875rem;
        line-height: 1.2858
    }
}

.product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients table tr td {
    font-size: .75rem;
    line-height: 1.3334;
    padding-top: .625rem;
    padding-right: 0;
    padding-bottom: .625rem;
    padding-left: 0
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients table tr td {
        font-size: .875rem;
        line-height: 1.2858
    }
}

.product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients table tr td:nth-child(2) {
    padding-top: 0;
    padding-right: 1.25rem;
    padding-bottom: 0;
    padding-left: 1.25rem
}

@media screen and (min-width:580px) {
    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-ingredients table tr td:nth-child(2) {
        padding-top: 0;
        padding-right: 3.125rem;
        padding-bottom: 0;
        padding-left: 0
    }
}

.product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-footnotes {
    padding-top: 1.875rem;
    font-size: .75rem;
    line-height: 1.5
}

    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-footnotes ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

.product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-other-ingredients {
    padding-top: 1.25rem;
    font-size: .75rem;
    line-height: 1.5
}

    .product-content-wrapper .product-wrapper .product-details-wrapper .product-details-container .product-details-inner .product-other-ingredients strong {
        display: block
    }

.quiz-container {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 3.75rem;
    padding-bottom: 2.8125rem
}

@media screen and (min-width:960px) {
    .quiz-container {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:960px) {
    .quiz-container {
        padding-bottom: 5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.quiz-container .quiz-progress {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    font-size: .875rem;
    color: #c8c8c8
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-progress {
        font-size: 1rem
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-progress {
        padding-top: 0;
        padding-bottom: 2.5rem;
        text-align: left
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-progress {
        margin-left: -2.3125rem
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-left {
        padding-right: 2.77778%;
        width: 37.5%
    }
}

.quiz-container .quiz-left .title {
    font-size: 1.875rem;
    line-height: 1.2;
    color: #00ade6
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-left .title {
        font-size: 3.75rem;
        line-height: 1
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-left .title {
        font-size: 4.5rem;
        line-height: 1;
    }
}

.quiz-container .quiz-left .description {
    font-size: .875rem;
    line-height: 1.7143
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-left .description {
        font-size: 1rem;
        line-height: 1.75
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-left .description p {
        margin-top: 2.5rem;
        margin-bottom: 0
    }
}

.quiz-container .quiz-right {
    padding-top: .875rem;
    padding-right: .875rem;
    padding-bottom: .875rem;
    padding-left: .875rem;
    border: 2px solid #00ade6;
    text-align: center;
    height: 100%;
    min-height: 605px
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right {
        padding-top: 1.75rem;
        padding-right: 1.75rem;
        padding-bottom: 1.75rem;
        padding-left: 1.75rem;
        min-height: 702px
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-right {
        padding-top: 2.1875rem;
        padding-right: 3rem;
        padding-bottom: 2.1875rem;
        padding-left: 3rem;
        width: 62.5%;
        min-height: 797px
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right {
        padding-right: 4.125rem;
        padding-left: 4.125rem
    }
}

.quiz-container .quiz-right .question {
    font-size: 1.25rem
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .question {
        font-size: 2.25rem
    }
}

.quiz-container .quiz-right .question-subtitle {
    padding-top: .8125rem;
    padding-bottom: 1.5625rem;
    font-size: .875rem;
    line-height: 1.2858
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .question-subtitle {
        font-size: 1rem
    }
}

.quiz-container .quiz-right .question-correct {
    color: #43bf7a
}

.quiz-container .quiz-right .question-incorrect {
    color: #d63636
}

.quiz-container .quiz-right .question-correct, .quiz-container .quiz-right .question-incorrect {
    padding-top: .8125rem;
    padding-bottom: 1.25rem;
    font-size: 1.5rem;
    display: none
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .question-correct, .quiz-container .quiz-right .question-incorrect {
        font-size: 2.25rem
    }
}

.quiz-container .quiz-right .versus {
    display: none
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .versus {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: .9375rem;
        padding-left: .9375rem;
        font-size: 1.5rem;
        height: 194px
    }
}

@media screen and (min-width:580px) and (min-width:960px) {
    .quiz-container .quiz-right .versus {
        height: 198px
    }
}

@media screen and (min-width:580px) and (min-width:1280px) {
    .quiz-container .quiz-right .versus {
        height: 268px
    }
}

.quiz-container .quiz-right .quiz-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .quiz-container .quiz-right .quiz-options .choice-1 {
        padding-right: .9375rem
    }

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-options .choice-1 {
        padding-right: 0
    }
}

.quiz-container .quiz-right .quiz-options .choice {
    padding-top: .625rem;
    padding-right: .625rem;
    padding-bottom: 0;
    padding-left: .625rem;
    font-size: .875rem;
    line-height: 1;
    max-width: 115px
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-options .choice {
        font-size: 1.125rem;
        line-height: 1;
        max-width: inherit
    }
}

.quiz-container .quiz-right .quiz-options img {
    border: 1px solid #f2f2f2;
    width: 115px;
    height: 115px
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-options img {
        width: 194px;
        height: 194px
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-right .quiz-options img {
        width: 198px;
        height: 198px
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-options img {
        width: 268px;
        height: 268px
    }
}

.quiz-container .quiz-right .quiz-options .result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    background-color: rgba(255,255,255,.9);
    height: 115px;
    width: 115px;
    display: none
}

    .quiz-container .quiz-right .quiz-options .result.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: 1px solid #f2f2f2
    }

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-options .result {
        width: 194px;
        height: 194px
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-right .quiz-options .result {
        width: 198px;
        height: 198px
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-options .result {
        width: 268px;
        height: 268px
    }
}

.quiz-container .quiz-right .quiz-options .result.green-border {
    border: 4px solid #43bf7a
}

.quiz-container .quiz-right .quiz-options .result.red-border {
    border: 4px solid #d63636
}

.quiz-container .quiz-right .quiz-options .result .answer {
    font-size: 1.125rem
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-options .result .answer {
        font-size: 1.875rem
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-options .result .answer {
        font-size: 2.25rem
    }
}

.quiz-container .quiz-right .quiz-options .result .answer-subtitle {
    padding-top: .625rem;
    font-size: .75rem;
    line-height: 1.1667
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-options .result .answer-subtitle {
        font-size: 1rem;
        line-height: 1.5
    }
}

.quiz-container .quiz-right .quiz-next {
    margin-top: 1.25rem;
    visibility: hidden
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-next {
        margin-top: 2.5rem
    }
}

.quiz-container .quiz-right .quiz-next .button {
    font-size: 1rem;
    width: 100%
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-next .button {
        width: auto;
        text-decoration: none;
        color: #fff
    }
}

.quiz-container .quiz-right .question-answer-subtitle {
    padding-top: 1.25rem;
    font-size: .75rem;
    line-height: 1.1667;
    display: inline-block;
    width: 200px
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .question-answer-subtitle {
        padding-top: 1.875rem;
        font-size: .875rem;
        line-height: 1.1429;
        display: block;
        width: auto
    }
}

.quiz-container .quiz-right .question-10, .quiz-container .quiz-right .question-2, .quiz-container .quiz-right .question-3, .quiz-container .quiz-right .question-4, .quiz-container .quiz-right .question-5, .quiz-container .quiz-right .question-6, .quiz-container .quiz-right .question-7, .quiz-container .quiz-right .question-8, .quiz-container .quiz-right .question-9, .quiz-container .quiz-right .quiz-results {
    display: none
}

    .quiz-container .quiz-right .quiz-results a.quiz-retake {
        padding-bottom: 1.25rem;
        font-size: 1rem;
        display: block;
        text-align: center;
        color: #00ade6;
        text-decoration: none;
        position: relative
    }

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results a.quiz-retake {
        padding-bottom: 2.5rem
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-right .quiz-results a.quiz-retake {
        margin-left: .3125rem;
        text-align: left
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-results a.quiz-retake {
        padding-bottom: 2.1875rem
    }
}

.quiz-container .quiz-right .quiz-results a.quiz-retake::before {
    margin-left: -1.75rem;
    background: url(../img/other-80x80-retake_quiz_blue.svg) no-repeat;
    content: "";
    position: absolute;
    width: 20px;
    height: 18px
}

.quiz-container .quiz-right .quiz-results .score-text-0, .quiz-container .quiz-right .quiz-results .score-text-3, .quiz-container .quiz-right .quiz-results .score-text-5, .quiz-container .quiz-right .quiz-results .score-text-7, .quiz-container .quiz-right .quiz-results .score-text-9 {
    font-size: 1.875rem
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results .score-text-0, .quiz-container .quiz-right .quiz-results .score-text-3, .quiz-container .quiz-right .quiz-results .score-text-5, .quiz-container .quiz-right .quiz-results .score-text-7, .quiz-container .quiz-right .quiz-results .score-text-9 {
        font-size: 3rem
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-results .score-text-0, .quiz-container .quiz-right .quiz-results .score-text-3, .quiz-container .quiz-right .quiz-results .score-text-5, .quiz-container .quiz-right .quiz-results .score-text-7, .quiz-container .quiz-right .quiz-results .score-text-9 {
        font-size: 3.75rem
    }
}

.quiz-container .quiz-right .quiz-results .score-text {
    padding-top: .9375rem;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    border-bottom: 1px solid #B4B4B4;
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results .score-text {
        padding-top: .9375rem;
        padding-bottom: 2.4375rem;
        margin-bottom: 2.5rem;
        font-size: 1.5rem
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-right .quiz-results .score-text {
        padding-top: 1.875rem;
        padding-bottom: 3.125rem
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-results .score-text {
        padding-top: 2.1875rem;
        padding-bottom: 3.125rem
    }
}

.quiz-container .quiz-right .quiz-results .score-text .correct, .quiz-container .quiz-right .quiz-results .score-text .divider, .quiz-container .quiz-right .quiz-results .score-text .total {
    color: #43bf7a
}

.quiz-container .quiz-right .quiz-results .score-social-title {
    padding-bottom: 1.25rem;
    font-size: 1.125rem
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results .score-social-title {
        padding-bottom: 2.5rem;
        font-size: 1.5rem
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-results .score-social-title {
        font-size: 1.875rem
    }
}

.quiz-container .quiz-right .quiz-results ul.social {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .quiz-container .quiz-right .quiz-results ul.social li {
        height: 59px;
        cursor: pointer;
        border: 1px solid #B4B4B4;
        position: relative;
        width: 59px
    }

.no-touchevents .quiz-container .quiz-right .quiz-results ul.social li {
    -webkit-transition: all .5s;
    transition: all .5s
}

    .no-touchevents .quiz-container .quiz-right .quiz-results ul.social li:hover {
        border: 1px solid #000
    }

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results ul.social li {
        width: 97px;
        height: 75px
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-results ul.social li {
        width: 130px;
        height: 100px
    }
}

.quiz-container .quiz-right .quiz-results ul.social li:nth-of-type(2) {
    margin-right: .3125rem;
    margin-left: .3125rem
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results ul.social li:nth-of-type(2) {
        margin-right: 2.5625rem;
        margin-left: 2.5625rem
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-right .quiz-results ul.social li:nth-of-type(2) {
        margin-right: 2.875rem;
        margin-left: 2.875rem
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-results ul.social li:nth-of-type(2) {
        margin-right: 2.375rem;
        margin-left: 2.375rem
    }
}

.quiz-container .quiz-right .quiz-results ul.social li img {
    width: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results ul.social li img {
        width: 28px
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-results ul.social li img {
        width: 38px
    }
}

.quiz-container .quiz-right .quiz-results .coupon-form-wrapper {
    padding-top: 1.25rem;
    margin-top: 1.25rem;
    border-top: 1px solid #B4B4B4;
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results .coupon-form-wrapper {
        padding-top: 2.5rem;
        margin-top: 2.5rem
    }
}

.quiz-container .quiz-right .quiz-results .coupon-form-wrapper .coupon-description {
    font-size: .875rem;
    line-height: 1.1429;
    text-align: center;
    width: 200px;
    display: inline-block
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results .coupon-form-wrapper .coupon-description {
        font-size: 1.125rem;
        line-height: 1.1112;
        width: auto
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 247px
    }
}

@media screen and (min-width:1094px) {
    .quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form {
        min-height: 302px
    }
}

.quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form input, .quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form label {
    display: block
}

.quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form label {
    margin-top: -.8125rem;
    margin-left: 1.25rem;
    padding-bottom: .625rem;
    font-size: .75rem;
    line-height: 1.3334
}

.quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form .row {
    position: relative
}

.quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form input#email {
    padding-top: 1.25rem;
    padding-right: .9375rem;
    padding-bottom: 1.25rem;
    padding-left: .9375rem;
    margin-bottom: 1.25rem;
    font-size: 1rem;
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #000
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form input#email {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        font-size: 1.5rem
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form input#email {
        margin-top: 1.25rem
    }
}

.quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form .button {
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    text-align: center;
    border: none
}

@media screen and (min-width:580px) {
    .quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form .button {
        margin-top: .625rem;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        width: auto
    }
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form .button {
        margin-top: auto;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }
}

@media screen and (min-width:1280px) {
    .quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form .button {
        margin-top: 1.0625rem
    }
}

.quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form .legal-text {
    font-size: .6875rem;
    text-align: left
}

.quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form label {
    margin-top: -.8125rem;
    margin-left: 1.5625rem;
    padding-bottom: .625rem;
    font-size: .75rem;
    line-height: 1.3334;
    text-align: left
}

@media screen and (min-width:960px) {
    .quiz-container .quiz-right .quiz-results .coupon-form-wrapper #get-coupon-form label {
        margin-left: 1.25rem
    }
}

.quiz-container #get-coupon-revtrax iframe {
    min-height: 200px
}

.home .share-container {
    display: none
}

@media screen and (min-width:580px) {
    .home header.sticky-on + #content .share-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

body:not(.wp-admin) .st-logo img {
    width: auto
}

.share-container {
    display: none;
    height: 60px
}

@media screen and (min-width:580px) {
    .share-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 1;
        text-align: right
    }
}

.share-container.sticky-on {
    position: absolute
}

.share-container .button {
    font-size: 18px;
    line-height: 3.75;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    white-space: nowrap
}

    .share-container .button .text {
        padding-top: 0;
        padding-right: 1.3125rem;
        padding-bottom: 0;
        padding-left: 1.3125rem
    }

    .share-container .button.closed {
        -webkit-transition: width .3s ease;
        transition: width .3s ease;
        width: 225px
    }

        .share-container .button.closed .icon-open {
            display: inline-block
        }

        .share-container .button.closed .icon-close {
            display: none
        }

        .share-container .button.closed .share-options-wrapper {
            display: none
        }

    .share-container .button.opened {
        -webkit-transition: width .3s ease;
        transition: width .3s ease;
        width: 351px
    }

        .share-container .button.opened:hover {
            background-color: #00ade6
        }

        .share-container .button.opened .icon-open {
            display: none
        }

        .share-container .button.opened .icon-close {
            display: inline-block
        }

        .share-container .button.opened .share-options-wrapper {
            display: inherit
        }

    .share-container .button .icon-open img {
        margin-left: .625rem;
        display: inline-block;
        width: 18px;
        height: 14px
    }

    .share-container .button .icon-close img {
        display: none
    }

    .share-container .button .icon-close img {
        margin-left: .625rem;
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px
    }

.share-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .share-container ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 53px;
        height: 60px;
        border-top: 1px solid #B4B4B4;
        background: #fff;
        cursor: pointer
    }

        /*  .share-container ul li img {
            fill: #00ade6!important;
        }*/

        /*.share-container ul li:hover{
            background: #00ade6;
           
            border: none;
        }*/
        /*imgt:hover {
    color: red;
}*/

        /*.share-container ul li img:hover {
           
            position: initial;
            fill: #fff;
         
        }*/

        /*.share-container ul li.twitter img  {
            width: 20px;
            height: 17px;
        }*/
        /* .share-container ul li.twitter img:hover {
                color: #fff;
                content: url('../Assets/Ocuvite/img/twitterwit.svg');
                position: relative;
                width: 20px;
                height: 17px;
            }*/

        /*.share-container ul li.facebook {
                border-left: 1px solid #dcdcdc;
                border-right: 1px solid #dcdcdc
            }

            .share-container ul li.facebook img {
                width: 20px;
                height: 20px
            }*/

        /* .share-container ul li.email img {
            width: 20px;
            height: 22px;
        }*/

        .share-container ul li .fa {
            /*fill: #00ade6 !important;*/
            color: #00ade6;
        }

        .share-container ul li:hover {
            background-color: #00ade6;
            border: none;
        }


            .share-container ul li:hover .fa {
                position: initial;
                fill: #fff;
                color: #fff;
            }

        .share-container ul li.twitter .fa-twitter {
            margin-top: 21px;
            font-size: 23px;
            width: 20px;
            height: 17px;
        }


        .share-container ul li.facebook {
            border-left: 1px solid #B4B4B4;
            border-right: 1px solid #B4B4B4;
        }

            .share-container ul li.facebook .fa-facebook-square {
                margin-top: 22px;
                font-size: 24px;
                width: 20px;
                height: 20px
            }

        .share-container ul li.email .fa-envelope {
            margin-top: 22px;
            font-size: 22px;
            width: 20px;
            height: 14px
        }


@media screen and (min-width:960px) {
    #subpage_hero_1 {
        padding-top: 2rem;
    }
}

.subpage-hero-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: row;
    justify-content: space-between;
}

@media screen and (min-width:580px) {
    .subpage-hero-container {
        padding-bottom: 3.125rem
    }
}

.subpage-hero-container.bottom-padding-off {
    padding-bottom: 0
}

@media screen and (min-width:768px) {
    .subpage-hero-container.image-first {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    section#subpage_hero_4 {
        padding-bottom: 55px;
    }
   
        .subpage-hero-container.image-first .subpage-hero-image {
        width: 100%
    }

        .subpage-hero-container.image-first .subpage-hero-text {
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 0;
            margin-left: 0;
            padding-top: 5rem;
            padding-right: 3.125rem;
            padding-bottom: 0;
            padding-left: 0;
            width: 400px
        }
}

@media screen and (min-width:768px) and (min-width:1280px) {
    .subpage-hero-container.image-first .subpage-hero-text {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-top: 5rem;
        padding-right: 6.25rem;
        padding-bottom: 0;
        padding-left: 0;
        width: auto;
        max-width: 580px
    }
}

.subpage-hero-container.image-first .subpage-hero-text .subpage-hero-title {
    color: #43bf7a
}

@media screen and (min-width:768px) {
    .subpage-hero-container.text-first {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width:768px) {
    .subpage-hero-container.text-first .subpage-hero-text {
        margin-top: 5rem;
        margin-left: 5rem;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        width: 515px;
        margin-top: 6.25rem;
        left: 0
    }
}

@media screen and (min-width:768px) {
    .subpage-hero-container.text-first .subpage-hero-description {
        color: #fff
    }
}

@media screen and (min-width:768px) {
    .subpage-hero-container.image-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        align-items: center;
    }
}

@media screen and (min-width:1280px) {
    .subpage-hero-container.image-right .subpage-hero-image img {
        max-width: 700px;
    }
}

@media screen and (min-width:768px) {
    .subpage-hero-container.image-right .subpage-hero-text {
        position: inherit;
        max-width: 1050px
    }
}

@media screen and (min-width:1280px) {
    .subpage-hero-container.image-right .subpage-hero-text {
        margin-left: 0
    }
}

.subpage-hero-container .subpage-hero-text {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    padding-bottom: 1.5625rem;
    text-align: left
}

@media screen and (min-width:960px) {
    .subpage-hero-container .subpage-hero-text {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:580px) {
    .subpage-hero-container .subpage-hero-text {
        padding-top: 0;
        padding-right: 3.125rem;
        padding-bottom: 0;
        padding-left: 3.125rem
    }
}

@media screen and (min-width:768px) {
    .subpage-hero-container .subpage-hero-text {
        margin-top: 3rem;
        position: absolute;
        right: 0
    }
}

.subpage-hero-container .subpage-hero-text .subpage-hero-title {
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: bold;
    color: #00ade6
}

@media screen and (min-width:580px) {
    .subpage-hero-container .subpage-hero-text .subpage-hero-title {
        font-size: 2.25rem;
        line-height: 1.3;
    }
}

@media screen and (min-width:960px) {
    .subpage-hero-container .subpage-hero-text .subpage-hero-title {
        font-size: 60px;
        line-height: 1
    }
}

@media screen and (min-width:1280px) {
    .subpage-hero-container .subpage-hero-text .subpage-hero-title {
        font-size: 60px;
        line-height: 1.2;
        font-weight: bold;
    }
}

.subpage-hero-container .subpage-hero-text .subpage-hero-description {
    font-size: .875rem;
    line-height: 1.7143
}

@media screen and (min-width:580px) {
    .subpage-hero-container .subpage-hero-text .subpage-hero-description {
        font-size: 1rem;
        line-height: 1.75
    }
}

@media screen and (min-width:768px) {
    .subpage-hero-container .subpage-hero-text .subpage-hero-description {
        text-align: left;
        width: 94%;
    }
}

@media screen and (min-width:768px) {
    .subpage-hero-container .subpage-hero-text .subpage-hero-description p {
        margin-top: 2.1875rem
    }
}

.subpage-hero-container .subpage-hero-text .subpage-hero-description p a, .subpage-hero-container .subpage-hero-text .subpage-hero-description p a:visited {
    font-size: 1.125rem;
    line-height: 2.6667;
    color: #00ade6;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap
}

    .subpage-hero-container .subpage-hero-text .subpage-hero-description p a:hover {
        text-decoration: underline
    }

.subpage-hero-container .subpage-hero-image {
    padding-bottom: 1.25rem
}

@media screen and (min-width:768px) {
    .subpage-hero-container .subpage-hero-image {
        padding-bottom: 0
    }
}

@media screen and (min-width:1280px) {
    .subpage-hero-container.secondary {
        padding-bottom: .5rem
    }
}

.subpage-hero-container.secondary .subpage-hero-text {
    padding-top: 0;
    padding-right: 1.25rem;
    padding-bottom: 0;
    padding-left: 1.25rem
}

@media screen and (min-width:768px) {
    .subpage-hero-container.secondary .subpage-hero-text {
        padding-top: 0;
        padding-right: 2.8125rem;
        padding-bottom: 0;
        padding-left: 2.8125rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        max-width: 50%
    }
}

@media screen and (min-width:768px) {
    .subpage-hero-container.secondary .subpage-hero-text .subpage-hero-title {
        display: block;
        width: 292px
    }
}

@media screen and (min-width:960px) {
    .subpage-hero-container.secondary .subpage-hero-text .subpage-hero-title {
        width: 492px
    }
}

@media screen and (min-width:1280px) {
    .subpage-hero-container.secondary .subpage-hero-text .subpage-hero-title {
        width: 485px
    }
}

.subpage-hero-container.secondary .subpage-hero-image {
    padding-bottom: 4.375rem
}

    .subpage-hero-container.secondary .subpage-hero-image img {
        width: 100%
    }

@media screen and (min-width:768px) {
    .subpage-hero-container.secondary .subpage-hero-image img {
        max-width: 430px;
        width: 100%;
    }
}

@media screen and (min-width:960px) {
    .subpage-hero-container.secondary .subpage-hero-image img {
        max-width: 600px;
        width: 100%;
        height:600px;
    }

}

@media screen and (min-width:1280px) {
    .subpage-hero-container.secondary .subpage-hero-image img {
       
        width: 100%;
        height: 600px;
    }
}

.subpage-hero-container.secondary .secondary-image {
    position: absolute;
    margin-top: -14.75rem;
    margin-left: 1.375rem
}

@media screen and (min-width:580px) {
    .subpage-hero-container.secondary .secondary-image {
        margin-top: -18.75rem;
        margin-left: 3.375rem
    }
}

@media screen and (min-width:768px) {
    .subpage-hero-container.secondary .secondary-image {
        margin-top: -14.1875rem;
        margin-left: 2.125rem
    }
}

@media screen and (min-width:960px) {
    .subpage-hero-container.secondary .secondary-image {
        margin-top: -17.1875rem;
        margin-left: 2.125rem
    }
}

@media screen and (min-width:1280px) {
    .subpage-hero-container.secondary .secondary-image {
        margin-top: -17rem;
        margin-left: 2.5rem
    }
}

.subpage-hero-container.secondary .secondary-image img {
    width: 167px
}

@media screen and (min-width:580px) {
    .subpage-hero-container.secondary .secondary-image img {
        width: 209px
    }
}

@media screen and (min-width:768px) {
    .subpage-hero-container.secondary .secondary-image img {
        width: 167px
    }
}

@media screen and (min-width:960px) {
    .subpage-hero-container.secondary .secondary-image img {
        width: 209px
    }
}

.three-featured-products-container .three-featured-products {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding-bottom: 4.75rem
}

    .three-featured-products-container .three-featured-products h2 {
        font-size: 30px;
        font-weight: bold;
        min-height: 62px
    }

@media screen and (min-width:960px) {
    .three-featured-products-container .three-featured-products {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:580px) {
    .three-featured-products-container .three-featured-products {
        padding-bottom: 6rem
    }
}

@media screen and (min-width:960px) {
    .three-featured-products-container .three-featured-products {
        padding-bottom: 7rem
    }
}

.three-featured-products-container .three-featured-products ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -88px;
    position: relative
}

@media screen and (min-width:580px) {
    .three-featured-products-container .three-featured-products ul {
        margin-top: -130px
    }
}

@media screen and (min-width:960px) {
    .three-featured-products-container .three-featured-products ul {
        margin-top: -215px
    }
}

.three-featured-products-container .three-featured-products ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.33333%;
    flex: 1 0 33.33333%
}

    .three-featured-products-container .three-featured-products ul li a {
        text-decoration: none;
        color: #fff;
        display: block;
        text-align: center
    }

        .three-featured-products-container .three-featured-products ul li a .text {
            height: 2em
        }

@media screen and (min-width:580px) {
    .three-featured-products-container .three-featured-products ul li a .text {
        height: 4em
    }
}

.three-featured-products-container .three-featured-products ul li a .text h2 {
    line-height: 1;
    margin: 0;
    font-weight: 400
}

@media screen and (min-width:580px) {
    .three-featured-products-container .three-featured-products ul li a .text h2 {
        line-height: 1
    }
}

@media screen and (min-width:960px) {
    .three-featured-products-container .three-featured-products ul li a .text h2 {
        line-height: 1
    }
}

.three-featured-products-container .three-featured-products ul li a img {
    max-height: 90px;
    width: auto;
    display: block;
    margin: 0 auto
}

@media screen and (min-width:580px) {
    .three-featured-products-container .three-featured-products ul li a img {
        max-height: 168px
    }
}

@media screen and (min-width:960px) {
    .three-featured-products-container .three-featured-products ul li a img {
        max-height: 278px
    }
}

.three-featured-products-container .gradient {
    background-image: url(../img/other-50x50-bg-gradient.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    height: 100px
}

@media screen and (min-width:580px) {
    .three-featured-products-container .gradient {
        height: 190px
    }
}

@media screen and (min-width:960px) {
    .three-featured-products-container .gradient {
        height: 314px
    }
}

.video-component-container {
    padding-bottom: 5rem
}

    .video-component-container .video-component-inner::after {
        display: block;
        clear: both;
        content: ""
    }

@media screen and (min-width:960px) {
    .video-component-container .video-component-inner {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        max-width: 1280px;
        margin: 0 auto
    }
}

@media screen and (min-width:960px) and (min-width:960px) {
    .video-component-container .video-component-inner {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.video-component-container.right .text {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px
}

@media screen and (min-width:960px) {
    .video-component-container.right .text {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:960px) {
    .video-component-container.right .text {
        width: 37.5%;
        float: left;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0
    }
}

.video-component-container.left .text {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px
}

@media screen and (min-width:960px) {
    .video-component-container.left .text {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:960px) {
    .video-component-container.left .text {
        width: 37.5%;
        float: left;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }
}

.video-component-container .text h2 {
    margin-top: 0;
    margin-bottom: 1.25rem;
    color: #00ade6;
    font-size: 1.875rem;
    line-height: 1.2
}

@media screen and (min-width:580px) {
    .video-component-container .text h2 {
        font-size: 2.25rem;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 1.875rem
    }
}

@media screen and (min-width:960px) {
    .video-component-container .text h2 {
        font-size: 3.125rem;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 2.5rem
    }
}

.video-component-container .text p {
    font-size: .875rem;
    line-height: 1.7143
}

@media screen and (min-width:580px) {
    .video-component-container .text p {
        font-size: 1rem;
        line-height: 1.5
    }
}

@media screen and (min-width:960px) {
    .video-component-container .text p {
        font-size: 1rem;
        line-height: 1.75
    }
}

@media screen and (min-width:960px) {
    .video-component-container .video {
        width: 62.5%;
        float: left
    }
}

.video-component-container .video .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

    .video-component-container .video .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.vitamin-animation-container {
    padding-bottom: 3.125rem
}

    .vitamin-animation-container .vitamin-animation-title {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        max-width: 1280px;
        margin: 0 auto;
        font-size: 1.875rem;
        line-height: 1.1334;
        padding-bottom: 3.125rem;
        color: #43bf7a;
        text-align: center;
        margin: 0 auto
    }

@media screen and (min-width:960px) {
    .vitamin-animation-container .vitamin-animation-title {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

@media screen and (min-width:580px) {
    .vitamin-animation-container .vitamin-animation-title {
        font-size: 2.25rem;
        line-height: 1.1112
    }
}

.vitamin-animation-container .video-container {
    overflow: hidden;
    width: 80%;
    height: 40%;
    margin: 0 auto
}

.vitamin-animation-container .video {
    width: 101%;
    display: block;
    margin: 0 auto;
    background-color: transparent
}

.vitamin-animation-container .footnote {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 1.25rem;
    margin-right: auto;
    margin-bottom: 1.25rem;
    margin-left: auto;
    text-align: center;
    font-size: .75rem;
    line-height: 1
}

@media screen and (min-width:960px) {
    .vitamin-animation-container .footnote {
        padding-right: 1.875rem;
        padding-left: 1.875rem
    }
}

.carousel-control-next, .carousel-control-prev {
    display: none
}

.image-container {
    width: 504px;
    float: right;
    margin-top: 90px;
    margin-right: 55px
}

.feature-content-container .feature-content-title-first .image-container img {
    opacity: 1
}

.carousel-text .row h2 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 4.5rem;
    line-height: 1;
    color: #00ade6;
    font-weight: 700
}

.carousel-text .text-container {
    margin-left: 54px;
    margin-top: -112px
}

.carousel-text {
    padding-bottom: 3.125rem
}

.feature-content-container .feature-content .carousel-item img {
    opacity: 1
}

.carousel-item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    /*background-image: linear-gradient(to top,#fff,transparent 50%)*/
}

.c-form .af-slide input[type=text] {
    padding-top: 1.25rem;
    padding-right: .9375rem;
    padding-bottom: 1.25rem;
    padding-left: .9375rem;
    margin-bottom: 0;
    font-size: 1rem;
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    height: auto;
    margin-top: -29px;
}

.c-form .col-sm-3 {
    display: none
}

.c-form .col-sm-9 {
    width: 100%;
    text-align: left;
    max-width: 100%;
    margin-bottom: 0
}

.question-answer-subtitle {
    margin-bottom: 20px
}

.bstrap30 .checkbox label {
    text-align: left;
    font-size: 12px
}

.af-slide p {
    font-size: 11px;
    text-align: left
}

.c-form .btnc-left {
    text-align: center;
    margin: 8px 0 0
}

    .c-form .btnc-left .btn-info {
        background-color: #00ade6;
        padding-right: 3.125rem;
        padding-left: 3.125rem;
        height: 60px;
        line-height: 60px;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 0;
        width: 200px;
    }

.bstrap30 .alert-info {
    background: 0 0;
    color: #000;
    border: 0
}

.quiz-right .c-form {
    display: none
}

@media screen and (min-width:768px) {
    .image-container {
        width: 55%;
        margin: auto;
        float: right;
        margin-top: -54px
    }

    .carousel-text .row h2 {
        font-size: 2.5rem
    }

    .carousel-text .text-container {
        margin-left: 21px;
        margin-top: -70px;
        width: 57%
    }
}

@media screen and (min-width:1024px) {
    .image-container {
        float: none;
        margin-top: 100px
    }

    .carousel-text .row h2 {
        font-size: 3.5rem
    }

    .carousel-text .text-container {
        margin-left: 21px;
        margin-top: -93px;
        width: 87%
    }
}

@media screen and (max-width:767px) {
    .callout-container .callout {
        padding-top: 2.8rem
    }

    .callout-container.quote .fontNormal p {
        font-size: .875rem;
        line-height: 1.7143;
        margin-top: 12px
    }



    .subpage-hero-container .subpage-hero-text .subpage-hero-description p a, .subpage-hero-container .subpage-hero-text .subpage-hero-description p a:visited {
        font-size: .9rem
    }
}

.form-checkbox {
    margin-bottom: 0 !important
}

.checkbox {
    text-align: left
}

#mktoStyleLoaded {
    color: #123456
}

.mktoForm fieldset {
    border: 1px solid #fff;
    color: inherit
}

    .mktoForm fieldset legend {
        padding: 0 1em
    }

.mktoForm input[type=date], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm input[type=tel], .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm select.mktoField, .mktoForm textarea.mktoField {
    -webkit-appearance: none;
    background-color: #fff;
    line-height: 1.5em;
    color: #000;
    border: 1px solid #000;
    border-radius: 0;
    padding: .2em .3em;
    min-height: 1.9em;
    width: 100%
}

    .mktoForm input[type=date]:focus, .mktoForm input[type=email]:focus, .mktoForm input[type=number]:focus, .mktoForm input[type=tel]:focus, .mktoForm input[type=text]:focus, .mktoForm input[type=url]:focus, .mktoForm select.mktoField:focus, .mktoForm textarea.mktoField:focus {
        outline: 0;
        border: 1px dashed #000
    }

.mktoForm div.mktoLogicalField {
    border: 1px solid transparent
}

    .mktoForm div.mktoLogicalField.mktoInvalid, .mktoForm input.mktoField.mktoInvalid, .mktoForm select.mktoField.mktoInvalid, .mktoForm textarea.mktoField.mktoInvalid {
        border: 1px solid #000
    }

.mktoForm select.mktoField::-ms-expand {
    display: none
}

.mktoForm select.mktoField {
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: "";
    padding: .2em 22px .2em .3em
}

.mktoForm.ie9 select.mktoField {
    background: 0 0;
    padding: .2em 2.3px .2em .3em
}

.mktoForm.ie6 select.mktoField, .mktoForm.ie7 select.mktoField, .mktoForm.mktoNoCheckedSupport select.mktoField {
    background-image: none;
    padding-right: .3em
}

.mktoForm input[type=checkbox] {
    width: auto !important;
    height: auto !important;
    outline: 0;
    border-radius: 0;
    border: 0
}

.mktoForm .mktoRequiredField .mktoAsterix {
    display: none
}

.mktoForm label {
    line-height: 30px !important
}

.mktoForm input[type=date], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm input[type=tel], .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm select.mktoField, .mktoForm textarea.mktoField {
    line-height: 35px !important
}

.mktoForm div, .mktoForm label, .mktoForm p, .mktoForm span, .mktoLayoutAbove {
    width: auto !important
}

.mktoRequiredField {
    width: 100%
}

.mktoHasWidth, .mktoHasWidth p {
    text-align: center !important
}

.mktoForm span {
    font-size: 12px
}

.mktoForm .mktoFormCol {
    min-height: inherit !important;
    margin-bottom: 0 !important
}

.mktoForm div.mktoLogicalField {
    border: 0 !important
}

.mktoForm .mktoCheckboxList, .mktoForm .mktoRadioList {
    padding: 0 !important
}

.mktoForm .mktoButtonWrap button.mktoButton {
    background-color: #00ade6 !important;
    border-radius: 0 !important;
    font: 1rem "Open Sans",sans-serif !important;
    text-shadow: none !important
}

.mktoButtonWrap {
    margin: 0 !important
}

.mktoForm .mktoButtonWrap button.mktoButton:hover {
    background-color: #3fc9f7 !important
}

form .mktoFormRow:nth-child(6) p {
    text-align: left !important;
    font-size: 12px
}

.ui-dialog.ui-resizable {
    left: 8% !important;
    margin: 0 !important
}

div.actionMenu ul.dnn_mact > li ul {
    width: auto !important
}

br.block-xs {
    display: none
}

@media (min-width:347px) and (max-width:470px) {
    br.block-xs {
        display: block
    }
}

.footer-main-section {
    width: 100%;
    display: block;
    padding-left: 4.0rem;
    padding-right: 4.0rem;
}

.footer-left {
    display: inline-block;
    max-width: 54%;
    width: 100%
}

.footer-right {
    max-width: 44%;
    width: 100%;
    float: right
}

    .footer-right .nav-footer ul li {
        display: inline-block
    }

@media screen and (max-width:1240px) {
    .footer-left {
        max-width: 54%
    }

    .footer-right {
        max-width: 46%
    }
}

@media screen and (max-width:1070px) {
    /* footer .footer-container .footer-right .nav-footer ul li:after {
        padding-right: 0;
        padding-left: 0;
        content: ""
    }*/
}

@media screen and (max-width:768px) {
    /*  footer .footer-container .footer-right .nav-footer ul li:after {
        padding-right: .3125rem;
        padding-left: .25rem;
        content: "|"
    }*/

    .footer-left {
        max-width: 100%;
        text-align: center
    }

    .footer-right {
        max-width: 100%;
        text-align: center !important;
        float: unset
    }

    .footer-social {
        margin: 0 auto;
        width: 52px
    }
}

@media screen and (max-width:490px) {
    /*footer .footer-container .footer-right .nav-footer ul li:after {
       
        content: ""
    }*/
}


 /*share-container:hover .img {
    color:red !important;
    fill: #fff !important;
}*/
/*nextpage pane new css update*/
@media screen and (min-width: 960px) {
    .next-page-container .next-page span.title

{
    font-size: 3.75rem;
    line-height: 1.2;
    margin-bottom: 2.5625rem;
}

}

@media screen and (max-width: 960px) {
    .callout-container .callout h3 {
        margin-top: 1.25rem;
        line-height: 1;
    }
}


@media screen and (min-width: 580px) {
    .next-page-container .next-page span.title {
        font-size: 1.875rem;
        line-height: 1.2;
        margin-bottom: 1.9375rem;
    }
}

.next-page-container .next-page span.title {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1.0625rem;
    margin-left: 0;
    color: #fff;
    font-weight: 400;
}

span.title {
    font-size: 2rem;
}

.footer-text a u {
    font-weight: normal;
}


/*form new update*/

.bstrap30 .form-horizontal .control-label, .bstrap30 .form-horizontal .radio, .bstrap30 .form-horizontal .checkbox, .bstrap30 .form-horizontal .radio-inline, .bstrap30 .form-horizontal .checkbox-inline {
    padding-top: 10px;
}

.bstrap30 .form-horizontal .radio, .bstrap30 .form-horizontal .checkbox {
    min-height: 27px;
}

.bstrap30 .form-horizontal .radio, .bstrap30 .form-horizontal .checkbox, .bstrap30 .form-horizontal .radio-inline, .bstrap30 .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
}
.EPiServerForms .Form__Status .Form__Status__Message {
    display: block !important;
    padding: 1rem;
    margin: 1rem 0;
}