/*Custom Overrides*/


/*For Iphone 5/SE Portrait */
@media screen and (max-width: 320px) {
    #appnav-icon {
        position: absolute;
        left: 1px !important;
        top: 14px;
        cursor: pointer;
        padding: 10px 35px 16px 0;
    }

    .svg-logo img {
        max-width: 70% !important;
        height: auto;
        -ms-interpolation-mode: bicubic;
        display: inline-block;
        vertical-align: middle;
        margin: 0.5em !important;
    }

    .appnav-mobile {
        display: block;
        margin-top: -26px;
        margin-left: -9px;
    }

    .mobile-search-icon .icon-search3 {
        margin-right: -12px !important;
    }

    .mobile-topbar .menu.vertical>li>a {
        display: block;
        padding: .3rem 0.7em;
        line-height: 1.7;
        color: #51b05a !important;
    }

    .eco-mobile .dropdown.menu > li.opens-right > .is-dropdown-submenu, .corp-eco-mobile .dropdown.menu > li.opens-right > .is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 115% !important;
        border: 0px;
    }
}

/*For Iphone 5/SE Landscape*/
@media screen and (min-width: 321px) and  (max-width: 568px) {
    #appnav-icon {
        position: absolute;
        left: 18px;
        top: 14px;
        cursor: pointer;
        padding: 10px 35px 16px 0;
    }

    .appnav-mobile {
        display: block;
        margin-top: -26px;
        margin-left: -26px;
    }

    .mobile-search-icon .icon-search3 {
        margin-right: 85px;
    }
    .mobile-topbar .menu.vertical>li>a {
        display: block;
        padding: .3rem 0.7em;
        line-height: 1.7;
        color: #51b05a !important;
    }
}

.icon-divider-heading, .icon-divider-heading .divider-container {
    margin-bottom: 1em;
    margin-top: 1rem;
}

.svg-logo img {
    max-width: 82% !important;
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    vertical-align: middle;
    margin: 0.5em !important;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
     z-index: 1 !important;
}

.current-specials-thumb {
    margin-top: 2rem;
}

.current-specials-download {
    margin-top: 5rem;
}

.specials .hero-content-wrap {
    min-height: 301px;
    position: relative;
    margin-top: 0px;
}

.tabs-content {
    background: #ffffff;
    transition: all .5s ease;
    border: 1px solid #fefefe;
    border-top: 0;
}

.tabs-title>a {
    display: block;
    padding: 1.23rem 1.23rem !important;
    line-height: 1;
    font-size: .75rem;
}

.tabs-title>a:hover {
    display: block;
    padding: 1.23rem 1.23rem !important;
    line-height: 1;
    font-size: .75rem;
}

h2.vertical-timeline__heading {
    font-size: 3.2rem !important;
    border-bottom: 0 solid #6f818c;
    margin-top: -15px;
}

ul.vertical-timeline {
    margin-bottom: 0rem !important;
    padding-top: 15px;
}

.our-story .hero-text {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 0 0 !important;
    text-align: center;
    background-color: #fff;
}

.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /*border: 1px solid transparent;*/
    border-radius: 3px;
    padding: .85em 1em;
    margin: 1.5rem 0;
    font-size: .9rem;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.button-corporate {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 2px solid #00B4C0 !important;
    border-radius: 0px;
    padding: .85em 1em;
    margin: 1.5rem 0;
    font-size: .9rem;
    color: #00B4C0 !important;
    background-color: #FFFFFF !important;
    border-color: #00B4C0 !important;
    text-transform: uppercase;
    font-family: "Proxima-Nova-B",  "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
}

.button-corporate:hover {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 2px solid #00B4C0 !important;
    border-radius: 0px;
    padding: .85em 1em;
    margin: 1.5rem 0;
    font-size: .9rem;
    color: #00B4C0 !important;
    background-color: #FFFFFF !important;
    border-color: #00B4C0 !important;
    text-transform: uppercase;
    font-family: "Proxima-Nova-B",  "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.button-new-corporate {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 2px solid #00B4C0 !important;
    border-radius: 0px;
    padding: .85em 1em;
    margin: 0.2rem 0;
    font-size: .9rem;
    color: #f4f4f4 !important;
    background: none !important;
    border-color: #f4f4f4 !important;
    text-transform: uppercase;
    font-family: "Proxima-Nova-B",  "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
}

.button-corporate:hover {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 2px solid #f4f4f4 !important;
    border-radius: 0px;
    padding: .85em 1em;
    margin: 0.2rem 0;
    font-size: .9rem;
    color: #00B4C0 !important;
    background: none !important;
    text-transform: uppercase;
    font-family: "Proxima-Nova-B",  "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.button-new-success, .btn.btn-primary.button-new-success {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background-color: #77bc1c;
    border-color: #77bc1c;
    text-transform: uppercase;
}

.button-new-success:hover, .button-new-success:active {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background-color: #8BC34A;
    border-color: #8BC34A;
    text-transform: uppercase;
}


.button-no-bg, .btn.btn-primary.button-no-bg {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 1px solid  #ffffff !important;
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background: none !important;
    text-transform: uppercase;
}

.button-no-bg:hover {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 1px solid  #ffffff !important;
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background: none !important;
    text-transform: uppercase;
}

.button--teal.button--semitransparent, button--teal.button--semitransparent {
    border: 1px solid #00b5bf;
    background: rgba(0, 181, 191, 0.5);
    color: #fefefe;
    margin-top: 5rem;
}


a {
    color: #3ACDD4;
    text-decoration: none !important;
    line-height: inherit;
    cursor: pointer;
}

.pws-site-header {
    /*height: 135px;*/
    padding: 0 2rem 0 2rem;
}

/*
Norwex Blog
*/

.blog-header-title {
    line-height: 100%;
    text-align: center;
    font-size: 2.25rem;
    font-family: "Proxima-Nova-l", Helvetica, Arial, sans-serif;
    margin: 1.2em;
    font-weight: bold;
}

.blog-archive-header, .blog-archive-header p, .blog-top5-header, .blog-top5-header p, .blog-category-header, .blog-category-header p {
    color: #1aaab5;
    font-size: 1.1em;
    font-weight:bold;
    text-transform: uppercase;
}

.norwex-blog .hero-text {
    background: #1aaab5 !important;
		background-image: url("../../images/blue-droplets-hero.png") !important;
    color: #fff;
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 1rem 0 !important;
    text-align: center;
}

.category-date-wrapper {
    font-weight: bold;
    margin-bottom: 0.3em;
}

.post-category {
    font-weight: bold;
    color: #9c9c9c;
}

.post-tags-group {
    font-weight: normal;
    color: #9c9c9c;
    font-style: italic;
}

.post-tags {
    font-weight: normal;
    color: #9c9c9c;
}
.post-tags .tag-item{
    font-weight: normal;
    color: #9c9c9c;
    font-style: italic;
}

.post-publish-date {
    font-weight: bold;
    color: #9c9c9c;
}

.post-title {
    font-size: 1.2em;
    color: #1aaab5;
    font-weight: bold;
    text-transform: none;
}

.related-posts-title {
    font-size: 0.9em;
    color: #1aaab5;
    font-weight: normal;
    text-transform: none;
    font-style: normal;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.related-posts h3 {
    border-bottom: 1px solid #e4e3e3;
    margin-top: 1.5em;
}

.post-title a, .post-read-more a {
    color: #22afb9 !important;
    text-decoration: underline;
    line-height: inherit;
    cursor: pointer;
}

.view-all-blog {
    float: right;
}

.blog-results-counter {
    font-style: italic;
    color: #999;
    font-size: 1em;
}

.wet-dry-cloth-wrapper {
    text-align: center;
    padding: 1em 3em 1em 4em !important;
    margin-left: auto;
    margin-right: auto;
}

.wet-dry-cloth {
    text-align: center;
    padding: 1em 15em 1em 14em;
    margin-left: auto;
    margin-right: auto;
}

.teal-divider {
    background: #16b8c1;
    height: 2px !important;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

.search-label {
    font-size: 1.2em;
    color: #1aaab5;
    font-weight: bold;
    text-transform: uppercase;
}
.post-read-more {
    font-style: italic;
}

.post-read-more-sidebar {
    font-style: italic;
    float: left;
    color: #1aaab5 !important;
}

.post-read-more-sidebar a {
    color: #1aaab5 !important;
}

.blogSnippetResults {
    margin-bottom: 1em;
}

.blog-main-img {
    margin-bottom: 1em;
}

.blog-author {
    margin-top: 1em;
    margin-bottom: 0.5em;
    text-align: center !important;
    color: #757575;
}

.post-social-wrapper {
    margin-top: 1em;
}

.post-social {
    float: right;
}

.blog.breadcrumbs {
    float: left !important;
    position: relative;
    left: 0 !important;
    text-align: left !important;
    color: #757575;
    cursor: default;
    text-transform: none !important;
    font-size: 1em !important;
}

.blog.breadcrumbs li{
    float: left !important;
    position: relative;
    left: 0 !important;
    text-align: left !important;
    color: #757575;
    cursor: default;
    text-transform: none !important;
    font-size: 1em !important;
}

.blog.breadcrumbs a {
    color: #1aaab5 !important;
}

.blog-icon-divider {
    margin: 3.5em 0 1.5em 0;
}

.warranty:before {
    content: " ";
    height: 2px;
    background: #fff !important;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 300px;
    width: 100%;
    transform: translateX(-50%);
}

nav ul.blog.breadcrumbs {
    position: relative;
     left: 0 !important;
}

.blog.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem;
    margin-top: 0rem !important;
}

.post-blurb-title {
    margin-top: 0.5em;
    font-size: 1.2em;
    color: #1aaab5;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 0.5em;
}
.publish-date-read-time-wrapper {
    text-align: center !important;
    margin-bottom: 1em;
}

@media screen and (max-width: 1024px){
    section {
        padding: 0rem 0 !important;
    }
    .norwex-blog .hero-text {
        padding: 0rem 0 !important;
    }
    .wet-dry-cloth-wrapper {
        padding: 1em !important;
    }

    .wet-dry-cloth {
        padding: 1em !important;
    }
    .join.sub-banner.ingredient {
        padding:22em 0 0 !important;
    }
    }


@media screen and (max-width: 680px){
    section {
        padding: 0rem 0 !important;
    }
    .norwex-blog .hero-text {
        padding: 0rem 0 !important;
    }
    .blog-thumbnail {
        margin-bottom: 1em;
    }

    .wet-dry-cloth-wrapper {
        padding: 1em !important;
    }

    .wet-dry-cloth {
        padding: 1em !important;
    }
    }


/*Blog styles end */



.about-me a {
    font-size: 12px;
    color: #5bb941;
    text-align: center !important;
}


p {
    font-family: "Proxima-Nova";
}
.title-bar .a.mobile.logo {
    float: none !important;
    margin: 0 5em 0 0;
    padding-top: 0.6em !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

a.logo {
    float: left;
    margin: 0 5em 0 0;
}

.menu-top-wrapper {
    margin-top: 0px !important;
}

.find-a-consultant-medium-btn {
    margin-top: 15px !important;
}

/*.site-logo {*/
    /*width: 100% !important;*/
/*}*/
.circle-buttons .circle-button-container a.shop {
    display: inline-block;
    position: relative;
    border: 2px solid #00b5bf;
    border-radius: 100%;
    color: #00b5bf;
    font-family: "Proxima-Nova-B";
    font-size: 2em;
    height: 5.5em;
    padding: 1.7em 0.5rem;
    position: relative;
    text-align: center;
    width: 5.5em;
}


.circle-buttons .circle-button-container a.host {
    display: inline-block;
    position: relative;
    border: 2px solid #ffd24f;
    border-radius: 100%;
    color: #ffd24f;
    font-family: "Proxima-Nova-B";
    font-size: 2em;
    height: 5.5em;
    padding: 1.7em 0.5rem;
    position: relative;
    text-align: center;
    width: 5.5em;
}

.circle-buttons .circle-button-container a.join {
    display: inline-block;
    position: relative;
    border: 2px solid #b6b1d8;
    border-radius: 100%;
    color: #b6b1d8;
    font-family: "Proxima-Nova-B";
    font-size: 2em;
    height: 5.5em;
    padding: 1.7em 0.5rem;
    position: relative;
    text-align: center;
    width: 5.5em;
}


.circle-buttons .circle-button-container a.learn {
    display: inline-block;
    position: relative;
    border: 2px solid #62bb46;
    border-radius: 100%;
    color: #62bb46;
    font-family: "Proxima-Nova-B";
    font-size: 2em;
    height: 5.5em;
    padding: 1.7em 0.5rem;
    position: relative;
    text-align: center;
    width: 5.5em;
}


.topbar-wrapper .menu {
    float: right !important;
}
.collection-item {
    font-size: 1rem;
    line-height: 110%;
}

.collective {
    width: 100%;
    text-align: center;
    align-content: center;
    padding: 0 8rem;
}

.collective  h3, .collective  .h3 {
    font-family: "Proxima-Nova-L";
    font-size: 2.25em;
}

.carousel-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
}
.carousel-container .border-carousel {
    border-bottom: 0 solid #C2D1D4;
    border-top: 0 solid #C2D1D4;
    margin-bottom: 1.5em;
}
.carousel-container .carousel .slick-dots li button {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: rgba(92, 111, 124, 0.8);
    cursor: pointer;
    height: 0.1em !important;
    text-indent: -9999em;
    padding: 2px 13px;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left,rgba(0, 51, 102, 0) 0,rgba(0, 51, 102, 0) 100%);
    background-image: -o-linear-gradient(left,rgba(0, 51, 102, 0) 0,rgba(0, 51, 102, 0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0, 51, 102, 0)),to(rgba(0, 51, 102, 0)));
    background-image: linear-gradient(to right,rgba(0, 51, 102, 0) 0,rgba(0, 51, 102, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left,rgba(0, 51, 102, 0) 0,rgba(0, 51, 102, 0) 100%);
    background-image: -o-linear-gradient(left,rgba(0, 51, 102, 0) 0,rgba(0, 51, 102, 0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0, 51, 102, 0)),to(rgba(0, 51, 102, 0)));
    background-image: linear-gradient(to right,rgba(0, 51, 102, 0) 0,rgba(0, 51, 102, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-item-content div.quoter {
    color: #fff;
    font-size: 18px !important;
    text-align: center !important;
    line-height: 120%;
    margin-bottom: 1.25rem;
    margin-top: 20px !important;
    float: none;
    /*text-indent: 30%;*/
}

.pws-join-wrap .carousel-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 88%;
}

.join-wrap .carousel-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 88%;
}

@media screen and (max-width: 680px) {
    .carousel-container{
        width: 30%;
        float: left;
    }
}

.green {
    color: #4CBC00 !important;
}

.yellow {
    color: #ffd24f !important;
}

.teal {
    color: #3ACDD4 !important;
}
.bg-yellow {
    background: #ffd24f !important;
}

.bg-purple {
    background: #b6b1d8 !important;
}

.bg-teal {
    background: #00b5bf !important;
}

.bg-green {
    background: #77c025 !important;
}

.home-landing .hero-text-container h1 {
    color: #00b5bf;
    font-family: "proxima-nova-l";
    margin: 1em 0;
    padding: 0 5em;
}


.blogSnippet {
    border-bottom: 1px solid #e4e3e3;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.host.hero-text-container h1 {
    color: #596f7c;
    font-family: "Proxima-Nova-L";
    margin: 2.5rem 0;
    font-size: 2.25em;
    padding: 0 6rem;
}

.join.hero-text-container h1 {
    color: #596f7c;
    margin: 2.2em 0 1.5em;
    font-family: "Proxima-Nova-L";
    font-size: 2.25em;
    padding: 0 6rem;
}
.our-story .hero-text-container h1 {
    color: #596f7c;
    margin: 2.2em 0 1.5em;
    font-size: 2.25em;
    font-family: "Proxima-Nova-L";
}
.heritage .half-section-content h2 {
    font-size: 2.5em;
}
.vision h2 {
    font-size: 3em;
}
.vision h4 {
    margin-bottom: 1.5em;
}
.heritage h1 {
}

.host-yellow, .host-yellow svg use {
    fill: #ffd24f !important;
    stroke: #ffd24f !important;
}

.join-purple, .join-purple svg use {
    fill: #b6b1d8 !important;
    stroke: #b6b1d8 !important;
}

.learn-green, .learn-green svg use {
    fill: #62bb46 !important;
    stroke: #62bb46 !important;
}


.about-blue, .about-blue svg use {
    fill: #00b5bf !important;
    /*stroke: #00b5bf !important;*/
}

.host-square {
    border-radius: 0 !important;
    background: #ffd24f !important;
}

.join-circle {
    border-radius: 100% !important;
    background: #b6b1d8 !important;
}

.purple {
    color: #b6b1d8 !important;
}

.pws-join-wrap .carousel-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 88%;
}

.join-wrap .carousel-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 88%;
}

.host-image-callout-message {
    display: block;
    position: relative;
    background-color: #ffd24f;
    border-radius: 0em;
    color: #fff;
    height: 30em;
    margin: 0 auto;
    padding: 2rem;
    text-align: center;
    width: 30em;
}

.why-host-section .wrap .icon-divider-heading .divider-container .icon-container svg use {
    fill: #62bb46;
    stroke: #62bb46;
}

.why-host-section .wrap .highlights {
    margin: 30px 0 0;
}

div.styleguide.host .hero-image-text,
body.host .hero-image-text {
    display: inline-block;
    position: relative;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #ffd24f;
    border-radius: 100%;
    color: #fff;
    height: 24em;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 20.5em !important;
    width: 24em
}

.hero-image-text {
    display: inline-block;
    position: relative;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #00b5bf;
    border-radius: 100%;
    color: #fff;
    height: 24em;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 20.5em !important;
    width: 24em;
}

.hero-image-text-shop-button {
    font-size: 20px !important;
}

.hero {
    padding: 27em 0 0;
    max-width: 1600px;
    margin: 0 auto
}

.home-landing .hero {
    padding: 39em 0 0;
    max-width: 1600px;
    margin: 0 auto
}

.testimonials {
    background-color: #62bb46;
    display: inline-block;
    overflow: hidden;
    padding: 3rem;
}
.testimonials .wrap h2 {
    font-size: 2.5em;
}
/*.section .join.testimonials {*/
    /*background: #b6b1d8;*/
/*}*/

.join.testimonials {
    background-color: #b6b1d8;
    display: inline-block;
    overflow: hidden;
    padding: 4rem 3rem;
}

section {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 0rem 0;
    text-align: center;
}

.shop-microfiber.section {
    padding: 2rem;
}

.surheader .global-nav nav .menu-list {
    display: none;
    position: absolute;
    top: 40px;
    left: 145px !important;
    background-color: #fefefe;
    color: #0a0a0a;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    text-align: left;
}


/*Iconography*/


h2,
.h2 {
    color: #00b5bf;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 2.5em;
    line-height: 110%
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border: 2px solid #e2e2e2;
    background: white;
    padding: 10px;
    color: #313334;
    height: 47px;
    outline-color: #e2e2e2;
}


/*.svg {*/
    /*max-width: 100%;*/
    /*text-align: center*/
/*}*/

.svg--fill {
    width: 120px;
    height: 120px;
    position: relative
}

.svg--gridicon {
    margin-left: 15px
}

.svg--block {
    display: inline-block
}

.svg--centered {
    margin: 0 auto
}

.svg__fill--lightgreen {
    fill: #DAEBBF
}

.svg__fill--green {
    fill: #77BC1F
}

.svg__fill--blue {
    fill: #407CCA
}

.svg .earth {
    margin-top: 1em !important;
}

.color-block {
    padding: 20px;
    margin-bottom: 10px;
    color: white;
    text-align: center
}

.color-block--primary {
    background: #2199e8
}

.color-block--secondary {
    background: #777
}

.color-block--success {
    background: #3adb76
}

.color-block--warning {
    background: #ffae00
}

.color-block--alert {
    background: #ec5840
}

.color-block--black {
    background: #0a0a0a
}

.color-block--light-gray {
    background: #e6e6e6
}

.color-block--medium-gray {
    background: #cacaca
}

.color-block--dark-gray {
    background: #8a8a8a
}

.color-block--white {
    border: 1px solid #0a0a0a;
    background: #fefefe;
    color: #0a0a0a
}

.color-block--teal {
    background: #00b5bf
}

.color-block--green {
    background: #77c025
}

.color-block--purple {
    background: #939ac6
}

.color-block--yellow {
    background: #ffd24f
}


.divicon-size {
    font-size: 4rem;
}

.divicon-blue {
    color: #00b5bf;
}

.divicon-green {
    color: #62bc46;
}


.hero-text {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 3rem 0;
    text-align: center;
    background-color: #fff;
    text-align: center;
}
.hero-text, .hero-text p {
    line-height: 140%;
}


h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    line-height: 120%;
    margin-bottom: 1rem
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a {
    border-bottom: 1px solid
}

h1,
.h1 {
    color: #5b6e7c;
    font-family: "Proxima-Nova-B", Helvetica, Arial, sans-serif;
    font-size: 2.5em
}

@media screen and (max-width: 680px) {
    h1,
    .h1 {
        font-size: 2.4em
    }
    .hero-text-container h1 {
    color: #00b5bf;
    padding: 0 1em;
    line-height: 1.2em;
}
}

@media screen and (max-width: 680px) {
    h1,
    .h1 {
        font-size: 1.75em
    }
    .hero-text-container h1 {
    color: #00b5bf;
    padding: 1em !important;
    line-height: 1.2em;
}
    .hero-image {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    /*background-image: url("../../images/norwex-hero-1.jpg");*/
    background-position: 38% !important;
    background-repeat: no-repeat;
    background-size: cover;
    height: 614px;
    left: 0;
    position: absolute;
    top: 0;
}

    .h2.massive {
        padding: 0 0.5em 0 0.5em;
        margin: 1rem !important;
    }

    .circle-buttons .circle-button-container {
    display: inline-block;
    position: relative;
    float: left;
    width: 50% !important;
    text-align: center;
    margin-bottom: 2rem;
}

}

h1.thick,
.h1.thick {
    font-family: 'Proxima-Nova-B', Helvetica, Arial, sans-serif;
}

h2,
.h2 {
    color: #00b5bf;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 110%
}

@media screen and (max-width: 1024px) {
    h2,
    .h2 {
        font-size: 2em
    }
}

@media screen and (max-width: 680px) {
    h2,
    .h2 {
        font-size: 1.75em
    }
}

h3,
.h3 {
    font-family: "Proxima-Nova-L", Helvetica, Arial, sans-serif;
    font-size: 2.25em
}

@media screen and (max-width: 1024px) {
    h3,
    .h3 {
        font-size: 2em
    }
}

@media screen and (max-width: 680px) {
    h3,
    .h3 {
        font-size: 1.35em
    }
}

h4,
.h4 {
    display: inline-block;
    position: relative;
    background-color: #fff;
    font-size: 1.75em;
    margin-bottom: .75rem;
    z-index: 1
}

h5,
.h5 {
    display: inline-block;
    position: relative;
    font-family: "Proxima-Nova-SB", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    line-height: 120%;
    margin-bottom: .75rem
}

@media screen and (max-width: 1024px) {
    h5,
    .h5 {
        font-size: 1.4em
    }
}

@media screen and (max-width: 680px) {
    h5,
    .h5 {
        font-size: 1.2em
    }
}

.sub-heading {
    color: #5c6f7c;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 1.375em;
    line-height: 140%;
    margin: 0 auto 1.25rem;
    max-width: 650px
}

@media screen and (max-width: 1024px) {
    .sub-heading {
        font-size: 1.25em;
        width: 80%
    }
}

@media screen and (max-width: 680px) {
    .sub-heading {
        font-size: 1em;
        width: 90%
    }
}

.sub-heading.alt {
    font-size: 1.125em
}

.sub-heading-container {
    margin-bottom: 2.5rem;
    padding: 0 5em 0 5em !important;
}

section>.sub-heading {
    margin-bottom: 6rem
}

.section.content-page {
    padding-top: 0px;
}

.line-heading-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    text-align: center
}

.line-heading-container:after {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: #C2D1D4;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0.5em
}

.page-heading {
        margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.created_updated {
    font-size: 12px;
    color: #989595 !important;
    margin-left: 15px;
}

h1.page-heading {
    font-size: 25px !important;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5 {
    margin-bottom: .75rem
}

h1.proxima-nova,
h2.proxima-nova,
h3.proxima-nova,
h4.proxima-nova,
h5.proxima-nova,
.h1.proxima-nova,
.h2.proxima-nova,
.h3.proxima-nova,
.h4.proxima-nova,
.h5.proxima-nova,
p.proxima-nova {
    font-family: "Proxima-Nova", "Helvetica", "Arial", "sans-serif" !important
}

h1.Arial,
h2.Arial,
h3.Arial,
h4.Arial,
h5.Arial,
.h1.Arial,
.h2.Arial,
.h3.Arial,
.h4.Arial,
.h5.Arial,
p.Arial {
    font-family: "Proxima-Nova", "Helvetica", "Arial", "sans-serif" !important
}

h1.proxima-nova-sb,
h2.proxima-nova-sb,
h3.proxima-nova-sb,
h4.proxima-nova-sb,
h5.proxima-nova-sb,
.h1.proxima-nova-sb,
.h2.proxima-nova-sb,
.h3.proxima-nova-sb,
.h4.proxima-nova-sb,
.h5.proxima-nova-sb,
p.proxima-nova-sb {
    font-family: 'Proxima-Nova-SB', "Helvetica", "Arial", "sans-serif" !important
}

h1.proxima-nova-b,
h2.proxima-nova-b,
h3.proxima-nova-b,
h4.proxima-nova-b,
h5.proxima-nova-b,
.h1.proxima-nova-b,
.h2.proxima-nova-b,
.h3.proxima-nova-b,
.h4.proxima-nova-b,
.h5.proxima-nova-b,
p.proxima-nova-b {
    font-family: 'Proxima-Nova-B', "Helvetica", "Arial", "sans-serif" !important
}

.article--news__date {
    display: block;
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 10px;
}

.article--news__excerpt {
    padding: 0.0rem 0;
}

.become-a-consultant h2 {
    font-size: 3em;
    margin: 0.6em 0;
}
.earn-commission-callout h3 {
    color: #76bd21;
}
.earnings h2 {
    color: #76bd21;
    font-size: 2.0em !important;
    margin: 0.6em 0 0;
}
.getting-started h2 {
    margin: 1em 0 1em !important;
    font-size: 3em;
    color: #00b5bf !important;
}
.getting-started .content {
}
.current-specials h5 {
    color: #00b5bf;
    display: inline-block;
    position: relative;
    font-family: "Proxima-Nova-SB";
    font-size: 1.5em;
    line-height: 120%;
}

.testimonials .carousel-container .testimonial-carousel .carousel-item-content {
    color: #fff;
    font-family: "Proxima-Nova-SB", Helvetica, Arial, sans-serif;
    margin-bottom: 1.25rem;
    max-width: 80%;
    padding-top: 1rem;
}

.testimonials .carousel-container .carousel .carousel-item-content {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    font-family: "Proxima-Nova-SB", Helvetica, Arial, sans-serif;
    font-size: 2.5em;
    line-height: 120%;
    z-index: 1;
}
.host-rewards .host-rewards-container h2 {
    line-height: 100%;
    font-size: 2.5em;
}

.shop-footer {
    min-height: 268px;
}

.icon-divider-heading {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    text-align: center
}

.icon-divider-heading,
.icon-divider-heading .divider-container {
    margin-bottom: 1em
}

.icon-divider-heading .divider-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 1em 0
}

.icon-divider-heading .divider-container .icon-divider {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: rgba(92, 111, 124, 0.2);
    height: 1px;
    width: 100%
}

.icon-divider-heading .divider-container .icon-container {
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    background-color: #fff;
    padding: 0 1em
}

.icon-divider-heading .divider-container .icon-container svg {
    height: 4em;
    width: 4em
}

.icon-divider-heading .divider-container .icon-container svg use {
    fill: #62bb46;
    stroke: #62bb46
}

.section-callout.with-image-callout {
    padding: 2rem 0 0
}

.section-callout .icon-divider-heading {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    text-align: center
}

.section-callout .icon-divider-heading,
.section-callout .icon-divider-heading .divider-container {
    margin-bottom: 1em
}

.section-callout .icon-divider-heading .divider-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 1em 0
}


.section-callout .icon-divider-heading .divider-container .icon-divider {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: rgba(92, 111, 124, 0.2);
    height: 1px;
}

.section-callout .icon-divider-heading .divider-container .icon-container {
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    background-color: #fff;
    padding: 0 1em
}

.section-callout .icon-divider-heading .divider-container .icon-container svg {
    height: 4em;
    width: 4em
}

.what-to-expect .icon-divider-heading .divider-container .icon-container svg {
    height: 2.5em;
    width: 4em
}
.section-callout .icon-divider-heading .divider-container .icon-container svg use {
    fill: #00b5bf;
    stroke: #00b5bf
}

.section-callout h2 {
    color: #00b5bf;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 3em
}
.what-to-expect h2 {
    margin: 1em 0;
}

@media screen and (max-width: 680px) {
    .section-callout h2 {
        font-size: 2.4em
    }
}

@media screen and (max-width: 680px) {
    .section-callout h2 {
        font-size: 1.75em
    }
}

.section-callout h2.massive {
    color: #00b5bf;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 2.5em;
    line-height: 110%;
    font-size: 5.25em;
    line-height: 1;
    margin: 4rem 0 1rem;
    color: #00b5bf;
    padding: 0 5%;
    font-weight: bold;
}

@media screen and (max-width: 1024px) {
    .section-callout h2.massive {
        font-size: 2em
    }
}

@media screen and (max-width: 680px) {
    .section-callout h2.massive {
        font-size: 1.75em
    }
}

@media screen and (max-width: 1024px) {
    .section-callout h2.massive {
        font-size: 4em
    }
}

@media screen and (max-width: 680px) {
    .section-callout h2.massive {
        font-size: 2.5em
    }
}

.section-callout h3 {
    max-width: 900px;
    color: #00b5bf
}

.section-callout a {
    color: #00b5bf
}

.section-callout a.cta {
    /*-webkit-transition: color background-color border-color;*/
    /*-khtml-transition: color background-color border-color;*/
    /*-moz-transition: color background-color border-color;*/
    /*-ms-transition: color background-color border-color;*/
    /*-o-transition: color background-color border-color;*/
    /*transition: color background-color border-color;*/
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    -o-touch-callout: none;
    touch-callout: none;
    background-color: #00b5bf;
    border: 2px solid #00b5bf;
    color: #fff;
    font-family: "Proxima-Nova-B", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

.section-callout a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

.section-callout a.cta svg use {
    fill: #fff
}

.section-callout a.cta:hover {
    color: #fff
}

.shop-section a.cta:hover {
    background: #04a6af !important;
    /*background: #1abcc5 !important;*/
}

.plan-your-party a.cta:hover, .host-section a.cta:hover {
    background: #ecc246 !important;
}

.join-section a.cta:hover, .join-now a.cta:hover {
    background: #9c97bb !important;
}

.image-callout {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 4rem 0;
    text-align: center;
    /*background-image: url("../../images/products.jpg");*/
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1195px;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    .image-callout {
        padding: 2.5rem 0
    }
}

.image-callout.half-section .half-section-content {
    display: inline-block;
    position: relative;
    float: right;
    text-align: left;
    width: 48%
}

@media screen and (max-width: 680px) {
    .image-callout.half-section .half-section-content {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%
    }
}

.image-callout.half-section .half-section-image {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    float: left;
    left: 0;
    max-width: 560px;
    padding-bottom: 50%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1
}

@media screen and (max-width: 1024px) {
    .image-callout.half-section .half-section-image {
        background-position: center center;
        top: 10%
    }
}

@media screen and (max-width: 680px) {
    .image-callout.half-section .half-section-image {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%;
        padding-bottom: 66%;
        top: 0;
        width: 66%
    }
}

.image-callout-message {
    display: block;
    position: relative;
    background-color: #00b5bf;
    border-radius: 1000em;
    color: #fff;
    height: 29em;
    margin: 0 auto;
    padding: 2rem;
    text-align: center;
    width: 29em;
    top: -2rem;
}

@media screen and (max-width: 1024px) {
    .image-callout-message {
        font-size: 0.75em
    }
}

@media screen and (max-width: 680px) {
    .image-callout-message {
        font-size: 0.55em
    }
}

.image-callout-message .message-container {
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    padding: 1.7em 3em 0;
    /*z-index: 100;*/
}

.image-callout-message .message-container .message {
    color: #fff;
    font-family: "Proxima-Nova-L", Helvetica, Arial, sans-serif;
    font-size: 3.5em;
    line-height: 1em;
    margin-bottom: 2rem
}

.sales-container .image-callout-message .message-container {
    padding: 1.7em 7em 0;
}
.sales-container .image-callout-message .message-container .message {
    font-size: 2.5em;
    margin-bottom: 1rem;
}
.sales-container .image-callout-message .message-container .sub-message {
    width: 65%;
    margin-bottom: 1.5em;
}
@media screen and (max-width: 1024px) {
    .image-callout-message .message-container .message {
        margin-bottom: 1rem
    }

    .sales-container .image-callout-message .message-container .sub-message {
        width: 100% !important;
        margin-bottom: 1.5em;
    }

    .image-callout-message .message-container {
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50% !important;
        left: 50%;
        margin-right: -50%
    }

    .sales-section .image-callout-message {
        display: block;
        position: relative;
        color: #fff;
        height: 65em !important;
        margin: 0 auto;
        padding: 2rem;
        text-align: center;
        border-radius: 0;
        width: 100%;
        background-color: transparent;
    }


    .sales-container .image-callout-message .message-container .sub-message {
        width: 100% !important;
        margin-bottom: 1.5em;
    }

    .sales-container .image-callout-message .message-container .sub-message {
        width: 100%;
        margin-bottom: 1.5em;
    }
}

@media screen and (min-width: 1024px) {
    .sales-section .img-left {
        position: absolute;
        top: 0px !important;
        left: 0px !important;
    }

    .sales-section .img-right {
        position: absolute;
        top: 0% !important;
        right: 0% !important;
        width: auto;
    }
}

.image-callout-message a.cta {
    /*-webkit-transition: color background-color border-color;*/
    /*-khtml-transition: color background-color border-color;*/
    /*-moz-transition: color background-color border-color;*/
    /*-ms-transition: color background-color border-color;*/
    /*-o-transition: color background-color border-color;*/
    /*transition: color background-color border-color;*/
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    -o-touch-callout: none;
    touch-callout: none;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    font-family: "Proxima-Nova-B", Helvetica, Arial, sans-serif;
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase;
    font-size: 1.125em
}

.image-callout-message a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

.image-callout-message a.cta svg use {
    fill: #fff
}

.image-callout-message a.cta:hover {
    color: #fff
}

.hero {
    padding: 52em 0 0;
    max-width: 1600px;
    margin: 0 auto
}

@media screen and (max-width: 680px) {
    .hero {
        padding: 30em 0 0
    }
}

.hero-image {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    /*background-image: url("../../images/norwex-hero-1.jpg");*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 1024px;
    left: 0;
    position: absolute;
    top: 0
}

@media screen and (max-width: 680px) {
    .hero-image {
        height: 100%;
        max-height: 520px
    }
}

@media screen and (max-width: 1024px) {
    .hero-image {
        height: 100%;
        max-height: 980px
    }
}

/*.hero-content-wrap {*/
    /*min-height: 301px;*/
    /*position: relative;*/
    /*margin-top: 134px*/
/*}*/

@media screen and (max-width: 1024px) {
    .hero-content-wrap {
        min-height: 282px;
        margin-top: 128px
    }
}

@media screen and (max-width: 680px) {
    .hero-content-wrap {
        min-height: 204px;
        margin-top: 66px
    }
}

.hero-text-no-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    width: 80%;
    color: #fefefe
}

@media screen and (max-width: 680px) {
    .hero-text-no-circle {
        font-size: 0.75em
    }
}

.hero-text {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 4rem 0;
    text-align: center;
    background-color: #fff;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .hero-text {
        padding: 2.5rem 0
    }
}

.hero-text.half-section .half-section-content {
    display: inline-block;
    position: relative;
    float: right;
    text-align: left;
    width: 48%
}

@media screen and (max-width: 680px) {
    .hero-text.half-section .half-section-content {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%
    }
}

.hero-text.half-section .half-section-image {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    float: left;
    left: 0;
    max-width: 560px;
    padding-bottom: 50%;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1
}

@media screen and (max-width: 1024px) {
    .hero-text.half-section .half-section-image {
        background-position: center center;
        top: 10%
    }
}

@media screen and (max-width: 680px) {
    .hero-text.half-section .half-section-image {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%;
        padding-bottom: 66%;
        top: 0;
        width: 66%
    }
}

.hero-text p {
    width: 66.66667%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
    margin-left: 16.66667%;
    margin-top: 1.25rem
}

@media screen and (min-width: 40em) {
    .hero-text p {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.hero-text p:last-child:not(:first-child) {
    float: none
}

@media screen and (max-width: 680px) {
    .hero-text p {
        width: 100%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem;
        margin-left: 0;
    }
}

@media screen and (max-width: 680px) and (min-width: 40em) {
    .hero-text p {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (max-width: 680px) {
    .hero-text p:last-child:not(:first-child) {
        float: right
    }
}

.hero-text .post-date {
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 0.875em;
    margin-bottom: 2rem;
    padding: 0 1.25rem;
    text-transform: uppercase
}

.hero-text .post-date:before,
.hero-text .post-date:after {
    background-color: #fff;
    content: "";
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    width: 0.25em
}

.hero-text .post-date:before {
    left: 0
}

.hero-text .post-date:after {
    right: 0
}

.hero-text a.cta {
    font-size: 1.125em;
    margin-bottom: 1.25rem;
    min-width: 200px
}

.hero-text .callout-messaging {
    font-family: "Proxima-Nova-B", Helvetica, Arial, sans-serif;
    color: #46555f;
}

.hero-image-text {
    display: inline-block;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #00b5bf;
    border-radius: 100%;
    color: #fff;
    height: 24em;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 12.5em;
    width: 24em
}

@media screen and (max-width: 680px) {
    .hero-image-text {
        right: 0
    }
}

@media screen and (max-width: 680px) {
    .hero-image-text {
        font-size: 0.75em;
        top: 11em
    }
}

.hero-image-text-container {
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    width: 80%
}

.hero-image-text-surheading {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    text-align: center;
    font-size: 1.875em;
    text-transform: uppercase
}

.hero-image-text-surheading:before,
.hero-image-text-surheading:after {
    background-color: #fff;
    content: "";
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    width: 0.25em
}

.hero-image-text-surheading:before {
    left: 0
}

.hero-image-text-surheading:after {
    right: 0
}

.hero-image-text-icon {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    text-align: center;
    height: 2.813em;
    margin: 0 auto 1.25rem;
    width: 4.5em
}

.hero-image-text-icon:before,
.hero-image-text-icon:after {
    background-color: #fff;
    content: "";
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    width: 0.25em
}

.hero-image-text-icon:before {
    left: 0
}

.hero-image-text-icon:after {
    right: 0
}

@media screen and (max-width: 1024px) {
    .hero-image-text-icon {
        margin-bottom: 1.5em;
        padding: 0 0.5em
    }
}

@media screen and (max-width: 1024px) {
    .home-landing .hero-image {
        display: inline-block;
        clear: both;
        float: none;
        width: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 617px;
        left: 0;
        position: relative !important;
        top: 0;
    }
}

.hero-image-text-icon:before,
.hero-image-text-icon:after {
    top: 65%;
    width: 0.5em
}

.hero-image-text-icon svg {
    height: 100%;
    width: 100%
}

.hero-image-text-icon svg use {
    fill: #fff
}

.hero-image-text-heading {
    font-family: "Proxima-Nova-B", Helvetica, Arial, sans-serif;
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
}

.hero-image-text-subheading {
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 120%;
    margin: 0;
}

.hero-image-text-surheading,
.hero-image-text-heading,
.hero-image-text-subheading {
    /* margin-bottom: 0.2em; */
}
.host .hero-image-text-subheading {
    padding: 0 20px 0 0;
}
.video-section .host-rewards .host-rewards-container.current-specials h5 {
}

.icon-seperator [class^="icon-"] {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    transform: translate(-50%, -50%);
    background: #ffffff;
    padding: 0 25px;
    font-size: 50px;
}


.home-landing h2.massive.shop {
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 5.25em !important;
}

.shop {
    color: #00b5bf;
}

.home-landing h2.massive {
    color: #00b5bf;
    font-size: 4.25em !important;
    font-family: Proxima-Nova-B;
}

.host {
    color: #ffd24f;
}
.host.hero-image {
    height: 421px;
}
.host .learn {
    color: #00b5bf;
}



/*Featured Content Styles*/




.circle {
    border-radius: 50%;
}

.hero-text-container h1 {
    line-height: 1.1em;
}

.our-heritage h1 {
    font-family: "Proxima-Nova-L";
    font-size: 2.3em;
    margin: 1.2em 0;
}

.home-join-section h2 {
    color: #00b5bf;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 2.5em;
    line-height: 110%;
    font-size: 5.25em;
    line-height: 1;
    margin-bottom: 1rem;
    color: #b6b1d8;
    padding: 0 5%;
}

.highlight .image-highlight {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: #fff;
    background-position: center 10%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10em 2.5em 2.5em;
    max-height: 368px;
    min-height: 350px;
}

.highlight {
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    padding: 0 1.2em;
    text-align: center;
    margin-bottom: 5rem;
}
.highlight .image-highlight .image-highlight-text {
    height: 8em;
    padding: 1.5rem 1.25rem !important;
}

.video-section h3 {
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    margin-bottom: 2rem;
    margin-top: 2rem;
    max-width: 25em;
}

.hero {
    padding: 39em 0 0;
    max-width: 1600px;
    margin: 0 auto;
}

.our-story, .join, .host {
    padding: 0;
}

.sub-banner {
    padding: 26.3em 0 0;
}

.hero-text {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: #fff;
}
.hero-text, .hero-text p {
    line-height: 140%;
}
.host .hero-text {
    margin-bottom: 30px;
}

.vertical-timeline__item {
    margin-bottom: 0;
}

.circle-buttons .circle-button-container {
    display: inline-block;
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 2rem;
}


.home-landing .hero-image-text {
    display: inline-block;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #00b5c0;
    border-radius: 0%;
    color: #fff;
    height: 31em;
    left: 70%;
    position: absolute;
    text-align: center;
    top: 6em !important;
    width: 24em;
    padding: 2.8em 3em;
    /* padding: 2.8em 0 0rem 0; */
}

.our-story .hero-image-text {
    display: inline-block;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #00b5bf;
    border-radius: 100%;
    color: #fff;
    height: 23em;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 1.7em !important;
    width: 23em;
    padding: 0.7em 3em 0.7em 3em;
}

.host .hero-image-text {
    display: inline-block;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #00b5bf;
    border-radius: 100%;
    color: #fff;
    height: 25em;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 0.8em !important;
    width: 25em;
    padding: 0.7em 3em 0.7em 3em;
}

.join .hero-image-text {
    display: inline-block;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #00b5bf;
    border-radius: 100%;
    color: #fff;
    height: 24em;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 1.7em !important;
    width: 24em;
    padding: 0.7em 3em 0.7em 3em;
}

@media only screen and (max-width: 680px) {
    .join .hero-image-text {
        height: 27em;
        top: 0.9em !important;
        width: 27em;
    }
}

.home-landing .hero-image {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 617px;
    left: 0;
    position: absolute;
    top: 0;
}

.hero-image {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    /*background-image: url("../../images/norwex-hero-1.jpg");*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 614px;
    left: 0;
    position: absolute;
    top: 0;
}

.host .hero-image {
    height: 421px;
}
.join .hero-image {
    height: 421px;
}
.our-story .hero-image {
    height: 421px;
}


.hero-image-text {
    display: inline-block;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #00b5c0;
    border-radius: 0%;
    color: #fff;
    height: 29em;
    left: 70%;
    position: absolute;
    text-align: center;
    top: 6em !important;
    width: 24em;
    padding: 2.8em 3em;
    /*padding: 2.8em 0 0rem 0;*/
}

.specials-sales .hero{
     padding: 0em 0 0 !important;
    max-width: 1600px;
    margin: 0 auto;
    background: none !important;
}

.leaders-wrap {
    padding: 0.5em 1.5em 0.5em 1.5em;
}
.charitable-partners .hero-content-wrap {
    min-height: 301px;
    position: relative;
    margin-top: 0px;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background: #77c025 !important;
    /*background: #00b5bf !important;*/
    background-image: url("../../images/shop/blue-shop-hero.png") !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 1024px;*/
    left: 0;
    /*position: absolute;*/
    top: 0;
}

.charitable-partners .hero-intro p {
    font-size: 2em !important;
    font-family: "Proxima-Nova-L", Helvetica, Arial, sans-serif;
    line-height: 140%;
    margin-bottom: 1.25rem;
		float: none !important;
}


.norwex-foundation .hero-content-wrap {
    min-height: 150px;
    position: relative;
    margin-top: 0px;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background: #09b6c0 !important;
    /*background: #00b5bf !important;*/
    /*background-image: url("../../images/shop/blue-shop-hero.png") !important;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #333 !important;
    /*height: 1024px;*/
    /*left: 0;*/
    /*position: absolute;*/
    /*top: 0;*/
}

.norwex-foundation .hero-intro p {
    font-size: 2em !important;
    font-family: "Proxima-Nova-L", Helvetica, Arial, sans-serif;
    line-height: 140%;
    margin-bottom: 1.25rem;
    color: #333 !important;
    float: none !important;
}

.norwex-foundation .hero-image-text-heading {
    font-family: "Proxima-Nova-B";
    font-size: 2.0em;
    line-height: 110%;
    color: #333 !important;
    text-transform: uppercase;
}

.norwex-foundation .hero-image-text-surheading {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    color: #333 !important;
    text-align: center;
    font-size: 1.775em;
    text-transform: uppercase;
}

.norwex-foundation-header {
    background: #09b6c0 !important;
}



.leadership-team .hero-content-wrap {
    min-height: 301px;
    position: relative;
    margin-top: 0;
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    background: #77c025 !important;
		background-image: url("../../images/shop/blue-shop-hero.png") !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
}



.product-mission .hero-content-wrap {
    min-height: 301px;
    position: relative;
    margin-top: 0;
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    background: #09b6c0 !important;
    background-image: url("../../images/blue-droplets-hero.png") !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
}

.norwex-news .hero-content-wrap {
    min-height: 301px;
    position: relative;
    margin-top: 0px;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background: #09b6c0 !important;
    /*background: #00b5bf !important;*/
    background-image: url("../../images/blue-droplets-hero.png") !important;
    /*background-image: url("../../images/norwex-hero-1.jpg") !important;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 1024px;*/
    left: 0;
    /*position: absolute;*/
    top: 0;
}



.norwex-microfiber .hero-content-wrap {
    min-height: 301px;
    position: relative;
    margin-top: 0px;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background: #09b6c0 !important;
    /*background: #00b5bf !important;*/
    background-image: url("../../images/blue-droplets-hero.png") !important;
    /*background-image: url("../../images/norwex-hero-1.jpg") !important;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 1024px;*/
    left: 0;
    /*position: absolute;*/
    top: 0;
}

.icon-seperator {
    width: 100%;
    min-height: 50px;
    position: relative;
}

.safe-haven-house .hero-content-wrap {
    min-height: 301px;
    position: relative;
    margin-top: 0px;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background: #77c025 !important;
    /*background: #00b5bf !important;*/
		background-image: url("../../images/blue-droplets-hero.png") !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 1024px;*/
    left: 0;
    /*position: absolute;*/
    top: 0;
}


.chemicals-concern-quiz .hero-content-wrap {
    min-height: 301px;
    position: relative;
    margin-top: 0px;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background: #00b5bf !important;
    /*background: #00b5bf !important;*/
		background-image: url("../../images/blue-droplets-hero.png") !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 1024px;*/
    left: 0;
    /*position: absolute;*/
    top: 0;
}

.specials-sales .hero-content-wrap {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background: #00b5bf !important;
    background-image: url("../../images/shop/blue-shop-hero.png") !important;
    /*background-image: url("../../images/norwex-hero-1.jpg") !important;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 1024px;*/
    left: 0;
    /*position: absolute;*/
    top: 0;
}

.specials-sales .hero-image {
    display: none;
}

.heritage .hero{
     padding: 0em 0 0 !important;
    max-width: 1600px;
    margin: 0 auto;
    background: none !important;
}

.heritage .hero-content-wrap {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background: #00b5bf !important;
    background-image: url("../../images/shop/blue-shop-hero.png") !important;
    /*background-image: url("../../images/norwex-hero-1.jpg") !important;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 1024px;*/
    left: 0;
    /*position: absolute;*/
    top: 0;
}

.heritage .hero-image {
    display: none;
}

.hero-content-wrap {
    min-height: 301px;
    position: relative;
    margin-top: 0px;
    /*background: gray !important;*/
}

.hero-content-wrap-heritage {
    min-height: 301px;
    position: relative;
    margin-top: 0px;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background: #77c025 !important;
    background-image: url("../../images/shop/blue-shop-hero.png") !important;
    /*background-image: url("../../images/norwex-hero-1.jpg") !important;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 1024px;*/
    left: 0;
    /*position: absolute;*/
    top: 0;
}

.hero-image-heritage {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background: #00b5bf !important;
    background-image: url("../../images/shop/blue-shop-hero.png") !important;
    /*background-image: url("../../images/norwex-hero-1.jpg") !important;*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    /*height: 1024px;*/
    left: 0;
    /*position: absolute;*/
    top: 0;
}

.heritage .row.our-heritage {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.edit-area, .edit-area a {
    padding-bottom: 1px;
    color: #CDDC39 !important;
    /* color: #8BC34A !important; */
    margin-top: 1px;
    font-size: 15px !important;
    text-decoration: none !important;
}



.video-section .videos-container .thumbnail-container {
     display: inline !important;
    position: relative;
    clear: both;
    margin: 0% !important;
    width: 100% !important;
}

.section-callout .icon-divider-heading .divider-container .icon-container, body.home .about-movement-section .icon-divider-heading .divider-container .icon-container {
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    background-color: #ffffff !important;
    padding: 0 1em;
}

.content-area {
    margin-top: 5px;
    margin-bottom: 5px;
}

.surheader .global-nav nav .menu-list {
    display: none;
    position: absolute;
    top: 40px;
    left: 261px;
    background-color: #fefefe;
    color: #0a0a0a;
    min-width: 210px !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
    padding-right: 17px !important;
}

.icon-container {
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    background-color: #ffffff  !important;
    padding: 0 1em;
}

.square {
    border-radius: 2px;
}

.cta-wrapper {
    margin-left: auto;
    margin-right: auto;
}





/*Content Area Styles */
.maintenance-mode {
    background: #f3fdf4;
}

.maintenance-text {
    margin-top: 5%;
}

.maintenance-text h2{
    font-size: 2.0rem !important;
}

.norwex-news-wrapper {
    border-bottom: 1px solid #e2eff7;
    margin-bottom:20px;
}

.social-share-wrapper {
    padding-left: 20px;
    margin-bottom: 20px;
}

.social-share a {
    color: #fff !important;
}

.social-share a {
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
    font-size: 14px;
    float: left !important;
    display: inline-flex;
    background: #02AAB5;
    color: #fff !important;
    padding: 7px 7px;
    height: 28px;
    width: 28px;
    border-radius: 50px;
    margin-left: 8px;
}

.form-group.has-error .help-block{
    color: #ff0c15;
}

.form-group.has-error input{
    border: 1px solid #ff0c15;
}
.profile-image {
    padding: 0;
}

.profile-area {
    float: left;
    margin-right: 20px;
}

.profile-img-wrapper {
    padding:0;
}

.profile-social-share {
    margin-bottom: 15px;
}

.profile-share {
    margin-top: 15px;
}


.leadership-quote {
    color:#00b5bf !important;
    font-size: 18px !important;
    font-style: italic;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-weight: bold;
    /*margin-top: 20%;*/
}

blockquote, blockquote p {
    line-height: 1.6;
    color: #00b5bf;
}

/*color: #00b5bf;*/
    /*padding: 0;*/
    /*margin: 0;*/
    /*font-style: italic;*/
    /*font-family: "Proxima-Nova";*/
    /*font-size: 1.31em;*/
    /*line-height: 1.2;*/
    /*border: 0;*/

.quote-section .quote-container .blockquote {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    color: #fff;
    font-family: "Proxima-Nova-SB", Helvetica, Arial, sans-serif;
    font-size: 2vw;
    line-height: 120%;
    margin-bottom: 1.25rem;
}

.profile-quote {
    color:#41C6CD;
    font-size: 18px;
    font-style: italic;
}

.collage>div>div p {
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    color: #fff;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 1.1vw;
    line-height: 140%;
    padding: 1.25rem;
    position: absolute;
    width: 100%;
}

.section-icon {
    font-size: 43px;
    color: #76be1e;
    background: #fff;
    border: 4px solid #fff;
}

.header .wrap, .outer-container {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
    position: relative;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.body_house {
    background: #ffffff !important;
    font-family: arial;
}

.profile-icons {
    /*background: rgba(238, 238, 238, 0.21);*/
    background: #fff;
    padding-bottom: 8px;
    font-size: 18px;
}

.icon-border {
    border-right: 1px solid #eee;
    margin-right: 10px;
    padding-right: 11px;
}

.icon-inactive {
    color: #cdcccc;
}


.account-container {
    padding-left: 20px;
    padding-right: 20px;
}

.page-not-found .img-responsive {
    max-width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    display: block !important;
}

.asteriskField {
    color: #ff0c15;
}

.no-records-found {
    font-style: italic;
    padding: 20px;
}

.icon-bg {
    background-image: url("../../images/icon-bg.png");
    height: 53px;
    max-width: 1090px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-repeat: repeat;
    background-position: 50px 121px;
    margin-top: 20px;

}

.people-profile .icon-bg {
    background-image: url("../../images/icon-bg.png");
    height: 53px;
    max-width: 1090px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-repeat: repeat;
    background-position: 50px 121px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.timeline.odd .timeline-img {
    margin-right: 20px;
    display: inline-block;
}

.timeline.even .timeline-img {
    margin-left: 20px;
    display: inline-block;
}

select {
    width: 100%;
    /*min-width: 200px !important;*/
    border-radius: 0;
    /*height: 2.0375rem !important;*/
}

.callout.secondary {
    background-color: #5bc0de;
    border: none;
    color: #fff;
}

.callout.secondary a {
    color: #fff;
}



.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /*border: 1px solid transparent;*/
    border-radius: 3px;
    padding: .85em 1em;
    margin: 1.5rem 0;
    font-size: .9rem;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.button-corporate {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
     border: 2px solid #00B4C0 !important;
    border-radius: 0px;
    padding: .85em 1em;
    margin: 1.5rem 0;
    font-size: .9rem;
    color: #00B4C0 !important;
    background-color: #FFFFFF !important;
    border-color: #00B4C0 !important;
    text-transform: uppercase;
    font-family: "Proxima-Nova-B",  "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
}

.button-corporate:hover {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 2px solid #00B4C0 !important;
    border-radius: 0px;
    padding: .85em 1em;
    margin: 1.5rem 0;
    font-size: .9rem;
    color: #00B4C0 !important;
    background-color: #FFFFFF !important;
    text-transform: uppercase;
    font-family: "Proxima-Nova-B",  "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.button-new-corporate {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 2px solid #00B4C0 !important;
    border-radius: 0px;
    padding: .85em 1em;
    margin: 0.2rem 0;
    font-size: .9rem;
    color: #f4f4f4 !important;
    background: none !important;
    text-transform: uppercase;
    font-family: "Proxima-Nova-B",  "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
}

.button-corporate:hover {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
     border: 2px solid #f4f4f4 !important;
    border-radius: 0px;
    padding: .85em 1em;
    margin: 0.2rem 0;
    font-size: .9rem;
    color: #00B4C0 !important;
    background: none !important;
    text-transform: uppercase;
    font-family: "Proxima-Nova-B",  "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.button-new-blue, .btn.btn-primary.button-new-blue {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background-color: #02AAB5;
    border-color: #02AAB5;
    text-transform: uppercase;
}

.button-new-blue:hover {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background-color: #00B4C0;
    border-color: #00B4C0;
    text-transform: uppercase;
}


.button-new-success, .btn.btn-primary.button-new-success {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background-color: #77bc1c;
    border-color: #77bc1c;
    text-transform: uppercase;
}

.button-new-success:hover, .button-new-success:active {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background-color: #8BC34A;
    border-color: #8BC34A;
    text-transform: uppercase;
}


.button-no-bg, .btn.btn-primary.button-no-bg {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 1px solid  #ffffff !important;
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background: none !important;
    text-transform: uppercase;
}

.button-no-bg:hover {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    border: 1px solid  #ffffff !important;
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background: none !important;
    text-transform: uppercase;
}

.button--teal.button--semitransparent {
    border: 1px solid #00b5bf;
    background: rgba(0, 181, 191, 0.5);
    color: #fefefe;
    margin-top: 5rem;
}


.help-block {
    font-size: 12px;
    color: #696969;
    font-style: italic;
    display: block;
}

.specials-intro {
    line-height: 100%;
    text-align: center;
    font-size: 2.25rem;
    font-family: "Proxima-Nova-l", Helvetica, Arial, sans-serif;
    margin: 1.2em 2rem 2em;
}

#feature_slider {
    height: auto;
    background: #525151;
    z-index: 1;
    border-bottom: 5px solid #FFCC00;
    margin-top: -20px;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    min-height: 249px;

}

.edit-right {
    text-align: right;
    float: right;
}

.content-edit {
    font-size: 12px;
    color: #989595 !important;
    background: #fefefe;
    padding: 5px;
    padding-left: 0px;
}

.content-info {
    font-size: 12px;
    color: #989595 !important;
    background: #fff;
    padding: 10px;
}

.results {
    font-size: 12px;
    color: #989595 !important;
    background: #fff;
    padding: 1px;
}

.search-results {
    font-size: 1rem;
    color: #989595 !important;
    background: #fff;
    padding: 1px;
    border-bottom: 1px solid #e2e2e2 !important;
    text-align: right;
}

.specials-sales .inner-content {
    display: none !important;
}

.inner-content {
    padding: 0 2rem 1rem 2rem !important;
    border-top: 0px solid #cacaca !important;
    margin-top: 0 !important;
}

.faq-content-area {
    padding: 2rem 20px 2rem 20px;
}

section.faq-section {
    text-align: left;
    font-style: normal;
    padding-bottom: 2rem;
}

div.faq-question-text a {
    font-size: 22px;
    font-family: "Proxima-Nova-L";
    line-height: 140%;
    margin-bottom: 1.25rem;
    color: #444;
}

div.faq-answer {
    font-size: 18px;
    font-family: "Proxima-Nova-L";
    line-height: 140%;
    margin-bottom: 1.25rem;
    color: #444;
}

.faq-q {
    font-weight: bold;
    color: #73be1d;
    font-size: 22px;
}

.faq-a {
    font-weight: bold;
    color: #73be1d;
    font-size: 18px;
}


.impersonate {
     margin: 0 0 0;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 1px solid hsla(0,0%,4%,.25);
    border-radius: 0;
    position: relative;
    color: #0a0a0a;
    background-color: #e1faea;
    line-height: 230%;
}

.paginator-align {
    float: right;
    font-size: 12px;
    color: #989595;
}

.paginator-align a{
    font-size: 12px;
    color: #989595;
}

.pagination li {
    font-size: 12px;
    color: #989595;
}

.video-wrapper {
    margin: 0 0 20px 0;
}

.banner-wrapper.meet-our-leadership {
    background-image: url("../../images/backgrounds/leadership_bg.png");
    background-color: #00b4c0;
    background-repeat: repeat;
}

.menu.vertical>li>a {
    display: block;
    padding: .3rem 0.7em;
    line-height: 1.7;
}

/*.menu.vertical li a:active {*/
    /*display: block;*/
    /*padding: .7rem 0.7rem;*/
    /*line-height: 1;*/
    /*background: #2199e8;*/
    /*color: white;*/
/*}*/

.news-archive {
    margin-top: 2rem;
}

.news-list {
    margin-top: 2rem;
}

.article--news .created_updated {
    font-size: 12px;
    color: #989595 !important;
     margin-left: 1px;
}
.article--news__excerpt {
    display: none;
}

.news-archive .list-unstyled a, .news-archive h2 {
    display: block;
    padding: 5px 0;
    color: #0075bc;
}
.disclaimer p {
   font-size: 1.125em;
    font-family: "Proxima-Nova-L";
    line-height: 140%;
    margin-bottom: 0rem !important;
}

.section.content-page .wrap {
    padding:0 2rem 0 2rem;
}

.content-page .content-area {
    padding: 0;
}

.article__published-on {
    margin-left: 15px;
}

h1.page-heading, h2.page-heading, h3.page-heading {
    font-size: 25px !important;
    color: #5c6f7c;
}

.pbg {
    margin-top: 2.5em;
}
.product-mission .hero-text {
    margin-bottom: 4em;
}
.product-mission .hero-text-container h3 {
    margin: 1.5em 0 0;
}
.text-left .columns h2 {
    font-size: 2.7em;
    margin: 0;
}

/*Footer Styles*/


footer .pre-footer .h3 {
    margin: 0;
    color: #62bb46;
}


footer .pre-footer {
    background: white;
    /*padding: 20px;*/
    margin-top: -2rem;
    margin-bottom: 1rem;
    text-align: center;
    margin-left: 2rem;
    /* margin-right: 2rem; */
}

#footer {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: rgb(237, 241, 242);
    border-top: 10px solid #C2D1D4;
    font-size: 0.875em;
    padding: 2rem 0;
}


.social-media, .social-links .social-icon {
    list-style-type: none;
    float: left !important;
    display: inline-flex;
    padding-left: 0px;
    margin-bottom: 2px !important;
    margin-left: 0.3rem;
}

.social-media a, .social-links .social-icon a {
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
    font-size: 14px;
    float: left !important;
    display: inline-flex;
    background: #02AAB5;
    color: #fff !important;
    padding: 7px 7px;
    height: 28px;
    width: 28px;
    border-radius: 50px;
    margin-left: 8px;
}

.social-media a, .social-links .social-icon a{
    color: #fff !important;
}

.share-this {
    margin-top: 20px;
    margin-bottom: 20px;
}

.dual-cta__item {
    /*width: 100%;*/
    display: table-cell;
    vertical-align: middle;
    padding: 60px 0;
    position: relative;
    min-height: 540px !important;
}

.dual-cta .button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background-color: rgba(51, 122, 183, 0);
    border-color: #edf1f2;
    border-width: 3px;
}

.dual-cta .button:hover {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out,color .25s ease-out;
    vertical-align: middle;
    /* border: 1px solid transparent; */
    border-radius: 3px;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    color: #fff;
    background-color: rgba(64, 124, 202, 0.4);
    border-color: #edf1f2;
    border-width: 3px;
}

.dual-cta__content {
    width: 75%;
}
.footerlink ul {
    list-style-type: none;
    float: right;
    display: inline-flex;
    margin-left: 20px;
}

.footerlink li a {
    color: #333;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
    font-size: 14px;
    float: right;
    display: inline-flex;
    margin-left: 20px;
}

.footer-credits {
    background-color: #27679E;
    color: #fff;
    padding: 10px 10px;
    margin-top: 0px;
    border-radius: 0 0 5px 5px;
    min-height: 30px;
    font-size: 14px;
}

.footer-bottom {
    margin-top: 20px;
}

.footer-cover {
    padding:0px;
}

.social-media .socials a {
    border-radius: 50% !important;
}

.footer-credits a {
    color: #333;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
    font-size: 13px;
}

.footer_menu {
    margin-left: 1rem;
}




/*Flags*/
.dropdown.menu>li.is-dropdown-submenu-parent>a {
    padding-right: 1.5rem !important;
    position: relative;
}




.version {
    padding: 1rem 1rem;
}


a.top-cart {
    display: block;
    padding: .7rem 0.3rem !important;
    line-height: 1;
    padding-right: 12px !important;
}

a.top-checkout {
    display: block;
    padding: .3rem 0.1rem !important;
    line-height: 1;
    padding-left: 0 !important;
}

#categories {
    width: 100%
}

select#categories option {
    height: 2rem;
}


#max_corporate_consultant_locator_Search {
    margin-top: 1rem;
}

.breadcrumbs {
    list-style: none;
    margin: 0 0 1rem;
    margin-top: 1.5rem;
}

.custom-combobox-input.ui-widget.ui-widget-content.ui-state-default.ui-corner-left.ui-autocomplete-input {
    width: 180px;
}

.small-6.columns.add-to-cart-area, .add-to-cart-area {
    padding: 1px;
}

.list-item.pws-product-display .add-to-cart-area {
    margin-top: 0px;
}


.icon-divider-size {
    color: #00b5bf;
    font-size: 2.9em;
}

.collage {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    margin-bottom: 4rem;
}

.collage img {
    display: inline-block;
    vertical-align: middle;
    max-width: 101% !important;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

.flipper .front .back {
    min-height:175px;
}

.our-story.hero-image-text {
    background-color: rgba(0, 181, 191, 0.60) !important;
}
.our-story.heading > h2 {
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    font-size: 3em !important;
}
.our-story.subheading {
    color: #5c6f7c;
    font-family: "Proxima-Nova-L";
    font-size: 1.375em;
    line-height: 140%;
    margin: 0 auto 1.25rem;
    padding-top:2.5em;
    width:100%;
}
.imgBoxText {
    color: #5c6f7c;
    font-weight: bold;
    font-size: 1.375em;
    line-height: 140%;
    margin: 1.25rem;
    /*padding-top:2.5em;*/
}
section.vision.leaf-background {
    margin-top:50px;
}
@media only screen and (max-width: 680px) {
    section.vision.leaf-background {
        margin-top:150px;
    }
}
.row-pad {
    padding:0.9735em;
}
.textWhite {
    color:#fff;
}
.callout .border-none {
    border: 0px solid hsla(0, 0%, 4%, .25) !important;
}
.fullWidth {
    width:100%;
    margin:0 auto;
}
.ingredientCTA {
    min-height: 220px;
}
.ingredientCTA h1, .ingredientCTA h2 {
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.ingredientCTA p {
    font-size:29px;
}
.CTA-UL-Left {
    float:left;
    padding-right:3.5em;
}
@media only screen and (max-width: 860px) {
    .CTA-UL-Left {
        float: none;
        padding-right:0;
    }
}
.icon-container svg .teal {
    fill: #00b5bf !important;
    stroke: #00b5bf !important;
}
.no_noImg {
    border: 2px solid #3ACDD4;
    margin-left:25px;
}
/* Product Category Title */
.product-category-title {
	font-size:2.5em;
}

.home-hero-carousel {
	padding:0 0 0.5rem 0;
}
.slick-prev .homeHero, .slick-next .homeHero {
	bottom:50% !important;
	font-family: "Proxima-Nova-B", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 2.2rem;
}
.slick-prev:hover, .slick-next:hover {
	color:#fff;
}
.caption {
	position: absolute;
	bottom: 0;
	background: rgba(17, 69, 129, 0.50);
	width: 100%;
	margin: 0 auto;
	padding-top: 10px;
	color: white;
	font-weight: bold;
	overflow: hidden;
}
.caption h2 {
	color:white;
	margin: 0 20px;
}
@media screen and (max-width: 550px) {
	.home-hero-carousel {
		padding:0 0 1rem 0 !important;
	}
	.row.panel-top.category-search {
		margin-top:20px;
	}
	.pws-top-cta {
		margin-top: 10px;
	}
}

.dynamic-landing-pages {
	padding: 2em;
}
.dynamic-landing-pages .dlp-dates {
	float: right;
	margin-right: 2em;
}

.dynamic-landing-pages .accordion .accordion-title {
	font-size: 1em !important;
}

.dynamic-landing-pages select {
	width: 78px !important;
	border-radius: 0;
}

#dynamicLandingPages_filter {
	width: 200px;
	float: right;
}

#dynamicLandingPages_paginate .pagination {
	text-align: right;
	padding: 0.75rem 0;
	margin: 0;
	border: 0px solid #e6e6e6;
	border-right: 0;
	border-left: 0;
}

h1.product-detail {
	color:#747067;
}

button.slick-next.homeHero.slick-arrow,
button.slick-prev.homeHero.slick-arrow {
	font-size:1.5em;
	bottom:50%;
	line-height: 0.5em;
	color:rgba(2, 108, 182, 0.70);
}
button.slick-next.homeHero.slick-arrow:hover,
button.slick-prev.homeHero.slick-arrow:hover {
	color:rgba(2, 108, 182, 1.00);
}
.ingredient-transparency.hero-text-container {
	color: #596f7c;
	margin: 2.2em 0 1.5em;
	font-family: "Proxima-Nova-L";
	font-size: 2.25em;
	padding: 0 6rem;
	line-height: 1.1em;
}
h1.ingredient-transparency {
	font-size: 2.7em;;
}
h2.ingredient-transparency {
	font-size: 1.8125em !important;
}
h2.ingredient-transparency.banner-text.textWhite {
	padding:25px;
	margin-top: 0;
}
h2.ingredient-transparency.textWhite {
	margin-top: 25px;
}

.product-detail-vidimg {
	background-position: center;
	background-size: cover;
	border:1px solid white;
}
.playvid {
	background: url('/images/yt_icon_mono_light.png') no-repeat;
	height: 100%;
	width: 100%;
	cursor:pointer;
	background-size: 55px 38px;
	background-position: 50%;
}
.playvid img {
	visibility: hidden;
}
.playvid:hover {
	background: url('/images/yt_icon_rgb.png') no-repeat;
	background-size: 55px 38px;
	background-position: 50%;
}
@media (max-width: 576px) {
	.playvid {
		background-size: 50px 35px;
		background-position: 50%;
	}
	.playvid:hover {
		background-size: 50px 35px;
		background-position: 50%;
	}
}