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

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

.dual-cta__item--bgbulbs {
    background: url("../../images/leadership/lightbulbs-bg.png") no-repeat center center
}

.dual-cta__item--bgcarwash {
    background: url("../../images/shop/carwash-bg.jpg") no-repeat center center;
    background-size: cover
}

.dual-cta__item--bgbrochure {
    background: url("../../images/shop/brochure-bg.jpg") no-repeat center center;
    background-size: cover
}

.dual-cta__item--green {
    background-color: #77c025;
}

.dual-cta__item--teal {
    background-color: #00b5bf;
}

.dual-cta__item--short {
    height: 275px;
}

@media (max-width: 1024px) {
    .dual-cta__item--short {
        height: auto;
    }
}

.dual-cta__content {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.dual-cta__heading {
    color: #fefefe;
    font-size: 42px;
}

.dual-cta__text {
    color: #fefefe;
    font-size: 28px;
}

.dual-picture {
    position: relative;
    display: table;
    width: 100%;
}








/*! WORDPRESS THEME INFO
Theme Name: Verizon XO
Author: Whitelabel
Description:
*/

.hide {
    display: none;
}

.cloak {
    opacity: 0;
}

.mobile-show {
    display: none;
}

@media screen and (max-width: 680px) {
    .mobile-show {
        display: inline-block;
    }
}

/**,*/
/*html,*/
/*body,*/
/*!*ul,*!*/
/*!*ol,*!*/
/*li,*/
/*img,*/
/*p,*/
/*a {*/
    /*-webkit-box-sizing: border-box;*/
    /*-khtml-box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*-ms-box-sizing: border-box;*/
    /*-o-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    /*-webkit-tap-highlight-color: transparent;*/
    /*-khtml-tap-highlight-color: transparent;*/
    /*-moz-tap-highlight-color: transparent;*/
    /*-ms-tap-highlight-color: transparent;*/
    /*-o-tap-highlight-color: transparent;*/
    /*tap-highlight-color: transparent;*/
    /*border: 0;*/
    /*font-weight: lighter;*/
    /*line-height: 1;*/
    /*list-style-image: none;*/
    /*list-style-type: none;*/
    /*margin: 0;*/
    /*outline: 0;*/
    /*padding: 0;*/
    /*text-decoration: none*/
/*}*/

a,
a:link,
a:visited,
a:active,
input,
button,
textarea,
select {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 0;
}

button,
textarea,
select {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner,
select::-moz-focus-inner {
    border: 0;
    margin: 0;
    padding: 0;
    width: 0;
}

a>svg {
    pointer-events: none;
}

svg {
    fill: inherit;
}

::selection {
    background: #000;
    color: #fff;
}

::-moz-selection {
    background: #000;
    color: #fff;
}

.curtain {
    background-color: rgba(0, 0, 0, 0.9);
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}

.modal {
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    left: 50%;
    margin-right: -50%;
    background-color: #fff;
    display: none;
    max-width: 680px;
    padding: 60px;
    top: 4rem;
    width: 100%;
    z-index: 10;
}

@media screen and (max-width: 680px) {
    .modal {
        top: 0;
    }
}


.wrap::before,
.wrap::after,
.outer-container::before,
.outer-container::after {
    content: ' ';
    display: table;
}

.wrap::after,
.outer-container::after {
    clear: both;
}

@media screen and (max-width: 680px) {
    .wrap,
    .outer-container {
        width: 100%;
        padding-left: .625rem;
        padding-right: .625rem;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 680px) and (min-width: 40em) {
    .wrap,
    .outer-container {
        padding-left: .9375rem;
        padding-right: .9375rem;
    }
}

@media screen and (max-width: 680px) {
    .wrap:last-child:not(:first-child), .outer-container:last-child:not(:first-child) {
        float: right;
    }
}

.wrap.inner,
.outer-container.inner {
    width: 66.66667%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
}

@media screen and (min-width: 40em) {
    .wrap.inner,
    .outer-container.inner {
        padding-left: .9375rem;
        padding-right: .9375rem;
    }
}

.wrap.inner:last-child:not(:first-child),
.outer-container.inner:last-child:not(:first-child) {
    float: right;
}

@media screen and (max-width: 680px) {
    .wrap.inner,
    .outer-container.inner {
        width: 100%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem;
        margin-left: 0;
    }
}

@media screen and (max-width: 680px) and (min-width: 40em) {
    .wrap.inner,
    .outer-container.inner {
        padding-left: .9375rem;
        padding-right: .9375rem;
    }
}

@media screen and (max-width: 680px) {
    .wrap.inner:last-child:not(:first-child), .outer-container.inner:last-child:not(:first-child) {
        float: right;
    }
}

.wrap {
    padding-left: 0;
    padding-right: 0;
}

.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: #62bb46;
    border: 2px solid #62bb46;
    color: #fff;
    font-family: "Proxima-Nova-B";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase;
}

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

.cta svg use {
    fill: #fff
}

.cta:hover {
    color: #fff
}

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

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

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

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

section.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) {
    section.half-section .half-section-image {
        background-position: center center;
        top: 10%
    }
}

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

.larger {
    font-size: 1.125em
}

.heading-divider {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    color: #00b5bf;
    font-size: 1.25rem;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase
}

.heading-divider:before {
    background-color: #C2D1D4;
    color: #5c6f7c;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    width: 100%
}

.heading-divider span {
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 0 1em
}

.columns-layout {
    -webkit-column-count: 2;
    -khtml-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    text-align: left
}

@media screen and (max-width: 680px) {
    .columns-layout {
        -webkit-column-count: 1;
        -khtml-column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
        column-count: 1
    }
}

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

.loading svg {
    height: 2em;
    margin: 0 auto .75rem;
    width: 2em
}

.loading svg use {
    fill: #1B95E0
}

.green {
    color: #62bb46
}

.quoter {
    color: #fff;
    font-size: 1.125em;
    line-height: 120%;
    margin-bottom: 1.25rem
}

@media screen and (max-width: 680px) {
    .quoter {
        font-size: 0.8em
    }
}

.disclaimer {
    font-family: "Proxima-Nova-I"
}

.disclaimer,
.disclaimer>* {
    font-size: 0.875em;
    line-height: 140%
}

.disclaimer span {
    font-family: "Proxima-Nova-SBI"
}

.usd:before {
    content: "$";
    font-size: 0.6em;
    position: relative;
    top: -0.5em
}

.note {
    font-size: 0.75em
}


.flip-container {
    -webkit-perspective: 1000px;
    -khtml-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px
}

.flip-container:hover .flipper,
.flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
    -khtml-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.front,
.back,
.flipper {
    width: 100%;
    height: 100%
}

.flipper {
    -webkit-transition: all .6s ease-in-out;
    -khtml-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    -khtml-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    top: 0;
    left: 0
}

.front,
.back {
    display: inline-block;
    position: relative;
    -webkit-backface-visibility: hidden;
    -khtml-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    -khtml-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.back {
    -webkit-transform: rotateY(180deg);
    -khtml-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.br {
    border-right: 1px solid #cacaca
}

.nobr {
    white-space: nowrap
}

.ptn,
.pvn,
.pan {
    padding-top: 0 !important
}

.pts,
.pvs,
.pas {
    padding-top: 5px !important
}

.ptm,
.pvm,
.pam {
    padding-top: 10px !important
}

.ptl,
.pvl,
.pal {
    padding-top: 20px !important
}

.pth,
.pvh,
.pah {
    padding-top: 30px !important
}

.ptg,
.pvg,
.pag {
    padding-top: 50px !important
}

.prn,
.phn,
.pan {
    padding-right: 0 !important
}

.prs,
.phs,
.pas {
    padding-right: 5px !important
}

.prm,
.phm,
.pam {
    padding-right: 10px !important
}

.prl,
.phl,
.pal {
    padding-right: 20px !important
}

.prh,
.phh,
.pah {
    padding-right: 30px !important
}

.prg,
.phg,
.pag {
    padding-right: 50px !important
}

.pbn,
.pvn,
.pan {
    padding-bottom: 0 !important
}

.pbs,
.pvs,
.pas {
    padding-bottom: 5px !important
}

.pbm,
.pvm,
.pam {
    padding-bottom: 10px !important
}

.pbl,
.pvl,
.pal {
    padding-bottom: 20px !important
}

.pbh,
.pvh,
.pah {
    padding-bottom: 30px !important
}

.pbg,
.pvg,
.pag {
    padding-bottom: 50px !important
}

.pln,
.phn,
.pan {
    padding-left: 0 !important
}

.pls,
.phs,
.pas {
    padding-left: 5px !important
}

.plm,
.phm,
.pam {
    padding-left: 10px !important
}

.pll,
.phl,
.pal {
    padding-left: 20px !important
}

.plh,
.phh,
.pah {
    padding-left: 30px !important
}

.plg,
.phg,
.pag {
    padding-left: 50px !important
}

.mtn,
.mvn,
.man {
    margin-top: 0 !important
}

.mts,
.mvs,
.mas {
    margin-top: 5px !important
}

.mtm,
.mvm,
.mam {
    margin-top: 10px !important
}

.mtl,
.mvl,
.mal {
    margin-top: 20px !important
}

.mth,
.mvh,
.mah {
    margin-top: 30px !important
}

.mtg,
.mvg,
.mag {
    margin-top: 50px !important
}

.mrn,
.mhn,
.man {
    margin-right: 0 !important
}

.mrs,
.mhs,
.mas {
    margin-right: 5px !important
}

.mrm,
.mhm,
.mam {
    margin-right: 10px !important
}

.mrl,
.mhl,
.mal {
    margin-right: 20px !important
}

.mrh,
.mhh,
.mah {
    margin-right: 30px !important
}

.mrg,
.mhg,
.mag {
    margin-right: 50px !important
}

.mbn,
.mvn,
.man {
    margin-bottom: 0 !important
}

.mbs,
.mvs,
.mas {
    margin-bottom: 5px !important
}

.mbm,
.mvm,
.mam {
    margin-bottom: 10px !important
}

.mbl,
.mvl,
.mal {
    margin-bottom: 20px !important
}

.mbh,
.mvh,
.mah {
    margin-bottom: 30px !important
}

.mbg,
.mvg,
.mag {
    margin-bottom: 50px !important
}

.mln,
.mhn,
.man {
    margin-left: 0 !important
}

.mls,
.mhs,
.mas {
    margin-left: 5px !important
}

.mlm,
.mhm,
.mam {
    margin-left: 10px !important
}

.mll,
.mhl,
.mal {
    margin-left: 20px !important
}

.mlh,
.mhh,
.mah {
    margin-left: 30px !important
}

.mlg,
.mhg,
.mag {
    margin-left: 50px !important
}

@media (max-width: 680px) {
    .xs-ptn,
    .xs-pvn,
    .xs-pan {
        padding-top: 0 !important
    }
    .xs-pts,
    .xs-pvs,
    .xs-pas {
        padding-top: 5px !important
    }
    .xs-ptm,
    .xs-pvm,
    .xs-pam {
        padding-top: 10px !important
    }
    .xs-ptl,
    .xs-pvl,
    .xs-pal {
        padding-top: 20px !important
    }
    .xs-pth,
    .xs-pvh,
    .xs-pah {
        padding-top: 30px !important
    }
    .xs-ptg,
    .xs-pvg,
    .xs-pag {
        padding-top: 50px !important
    }
    .xs-prn,
    .xs-phn,
    .xs-pan {
        padding-right: 0 !important
    }
    .xs-prs,
    .xs-phs,
    .xs-pas {
        padding-right: 5px !important
    }
    .xs-prm,
    .xs-phm,
    .xs-pam {
        padding-right: 10px !important
    }
    .xs-prl,
    .xs-phl,
    .xs-pal {
        padding-right: 20px !important
    }
    .xs-prh,
    .xs-phh,
    .xs-pah {
        padding-right: 30px !important
    }
    .xs-prg,
    .xs-phg,
    .xs-pag {
        padding-right: 50px !important
    }
    .xs-pbn,
    .xs-pvn,
    .xs-pan {
        padding-bottom: 0 !important
    }
    .xs-pbs,
    .xs-pvs,
    .xs-pas {
        padding-bottom: 5px !important
    }
    .xs-pbm,
    .xs-pvm,
    .xs-pam {
        padding-bottom: 10px !important
    }
    .xs-pbl,
    .xs-pvl,
    .xs-pal {
        padding-bottom: 20px !important
    }
    .xs-pbh,
    .xs-pvh,
    .xs-pah {
        padding-bottom: 30px !important
    }
    .xs-pbg,
    .xs-pvg,
    .xs-pag {
        padding-bottom: 50px !important
    }
    .xs-pln,
    .xs-phn,
    .xs-pan {
        padding-left: 0 !important
    }
    .xs-pls,
    .xs-phs,
    .xs-pas {
        padding-left: 5px !important
    }
    .xs-plm,
    .xs-phm,
    .xs-pam {
        padding-left: 10px !important
    }
    .xs-pll,
    .xs-phl,
    .xs-pal {
        padding-left: 20px !important
    }
    .xs-plh,
    .xs-phh,
    .xs-pah {
        padding-left: 30px !important
    }
    .xs-plg,
    .xs-phg,
    .xs-pag {
        padding-left: 50px !important
    }
    .xs-mtn,
    .xs-mvn,
    .xs-man {
        margin-top: 0 !important
    }
    .xs-mts,
    .xs-mvs,
    .xs-mas {
        margin-top: 5px !important
    }
    .xs-mtm,
    .xs-mvm,
    .xs-mam {
        margin-top: 10px !important
    }
    .xs-mtl,
    .xs-mvl,
    .xs-mal {
        margin-top: 20px !important
    }
    .xs-mth,
    .xs-mvh,
    .xs-mah {
        margin-top: 30px !important
    }
    .xs-mtg,
    .xs-mvg,
    .xs-mag {
        margin-top: 50px !important
    }
    .xs-mrn,
    .xs-mhn,
    .xs-man {
        margin-right: 0 !important
    }
    .xs-mrs,
    .xs-mhs,
    .xs-mas {
        margin-right: 5px !important
    }
    .xs-mrm,
    .xs-mhm,
    .xs-mam {
        margin-right: 10px !important
    }
    .xs-mrl,
    .xs-mhl,
    .xs-mal {
        margin-right: 20px !important
    }
    .xs-mrh,
    .xs-mhh,
    .xs-mah {
        margin-right: 30px !important
    }
    .xs-mrg,
    .xs-mhg,
    .xs-mag {
        margin-right: 50px !important
    }
    .xs-mbn,
    .xs-mvn,
    .xs-man {
        margin-bottom: 0 !important
    }
    .xs-mbs,
    .xs-mvs,
    .xs-mas {
        margin-bottom: 5px !important
    }
    .xs-mbm,
    .xs-mvm,
    .xs-mam {
        margin-bottom: 10px !important
    }
    .xs-mbl,
    .xs-mvl,
    .xs-mal {
        margin-bottom: 20px !important
    }
    .xs-mbh,
    .xs-mvh,
    .xs-mah {
        margin-bottom: 30px !important
    }
    .xs-mbg,
    .xs-mvg,
    .xs-mag {
        margin-bottom: 50px !important
    }
    .xs-mln,
    .xs-mhn,
    .xs-man {
        margin-left: 0 !important
    }
    .xs-mls,
    .xs-mhs,
    .xs-mas {
        margin-left: 5px !important
    }
    .xs-mlm,
    .xs-mhm,
    .xs-mam {
        margin-left: 10px !important
    }
    .xs-mll,
    .xs-mhl,
    .xs-mal {
        margin-left: 20px !important
    }
    .xs-mlh,
    .xs-mhh,
    .xs-mah {
        margin-left: 30px !important
    }
    .xs-mlg,
    .xs-mhg,
    .xs-mag {
        margin-left: 50px !important
    }
}

.inline-block {
    display: inline-block;
    width: auto;
    clear: both
}

.standard-list {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.standard-list li {
    padding-left: 1.5em;
    line-height: 140%;
    margin-bottom: 1rem
}

.standard-list li:before {
    content: "\e93c";
    font-family: 'icomoon';
    color: #cceaea;
    display: block;
    left: 0;
    position: absolute
}

.list-unstyled {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.list-unstyled li {
    display: block
}

.list-unstyled a {
    display: block;
    padding: 5px 0;
    color: #00b5bf
}

.symbol-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px;
    font-size: 16px
}

.symbol-list li {
    display: block;
    margin-left: 45px;
    margin-bottom: 1rem;
    font-size: 16px;
    position: relative;
    line-height: 1.5
}

.symbol-list li:before {
    font-family: 'Icomoon';
    font-size: 22px;
    color: #C2D1D4;
    position: absolute;
    left: -35px
}

.symbol-list li.symbol-droplet:before {
    content: "\e91d"
}

.symbol-list li.symbol-leaf:before {
    content: "\e92c"
}

.symbol-list li.symbol-home:before {
    content: "\e928"
}

.symbol-list li.symbol-circle:before {
    content: "\e943";
    font-size: 20px
}

.symbol-list li.symbol-norwex-logo:before {
    display: block;
    content: '';
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABDCAYAAADAiGZmAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAANwklEQVRo3t2be3Qb1Z3HP5L8jhM7sZ2nSZxAHgoUowBbIG2XFhWJthRaQpql7NJ2UQOUPqjVuhR2w9LCbloEe3imqKVpKSShAVJCsqPugLJ5mRDikCUgZJMnSRzHkZ04tuOHpNk/7siWRjMaSaSEs99zfCzNvb87v+/cO7/7e1xZMIBHdjuAtcCFfqfUyf8TWA3IjlXJTgEWnm0l/+aEgYeBiernH3tktzXL8T7xSCPikd2XAt8CtgJDwEzgzrOt6N+MMPBL9f8OoE39/IBHdk8/28qeccIe2f054Gr1617ggPq5HHjZI7tLc72BR3YXemR3wdkmqksY+GHS5w6gNel7PfBUDkQtHtn9ANANdHlk911nm2wKYY/srgC+ktTWD4Q0/W/xyO5bshz7HuDnQAlihTzskd3f+8QQBuYDRUnfyxDvsRY+j+yuzDSoR3YvAn6h0/SoR3a7PymEL9S0VQNvAXHN9SrgOxnIXg78PsP9XvDI7gs+CYRrNG1z/U7pFNCsI/dVA7J1wBrEMjbCaGCdR3ZPONuEezVt89T/f9GRs+uQrQDWAeOzuO9U4JV8rP6ZJNyiabtEnYWXdeQKNWRtwAvAXJ2+BxAWX4u/A/7gkd2Wj5Nw8v64EVCAhAIW4Gt+p7TMI7u3Alck9d2vGedxRvbvZHQDXwYqgdeAYk37jYit757EBXtDoBCYjlgpVaoeUaALOAgcCvlcSr6EU56uR3avJXVrCiOW70JgZdJ1n98peVWZuxC+txZx4Et+pxRQ+90EPKenRPuhC/yt73zRAlwOzNZMhBangG1AAHgx5HPt+yiE7QgjlWx0FiCW9W6VvAKc73dKIY/svhZhpPRc1Dv8TumpcCT4TaBodtXnf++R3UuA+7QdFcXK7jcXcLJzSq4TBiABvwr5XMGcCaukF6kzkSDRCpwP3ACsAJ7xO6V/VuPlTcAonXEf9TulH4Yjwc+c7FVejwNjR1lcD+1cugH4E3CTViA6VMKupn/gdG9lPqQB/hv4Xsjnas3USddgeGT3dcByxLsHcBfwBMIR+SJgQyyrWh3xdcB1XkfjNGDb6q2x6v5BuPlK2wngsod2Lt2PeJ/nawVj0aK2nVtuXt7fV3EBcBnpW6UZBgBvyOd6PCfCKulJwBLgn4BBoA7xXkYRMztPR2wX8Fmvo9EGNCkKcxY/OUTfgMJvv19ESSF7VNIW9YHpRWAbAJffKQ3aGwIXIwzbQoO+RngKMdtpxs0wsPc7pTa/U7oNmKSSHg/0IJa7HtmjwFe9jsZ+YDUwp3lvnGMnFXr64bVdMYBzgZe9jsaTCOt9UmecK4FlACGfa0fI5/oZcB5wLfpOkB5uB/5TryGnPdAju38NeHWaTgOf8zult8KR4NOAB+D+VVGa9wjPdEKlhWW3F2IRd3wO+MeHdi69Cvgv9K3y3X6n9B/JF+wNAQvCrX0YGJOFyreGfK7fJV/IOnXjkd0eA7IAN6tkf5Ige+CYMkwWoP2EQlN4+Ps3gXv9TknGOJvy7x7ZfUPyhZDPpagELkLsGmZ4zN4QmJ0zYY/svgp40qD5Z36n9FI4ErweGJ6RNdtiaR3/vCVG0kt1fzgSXOR3Sr8BfAZjP6umnFKg7r2fAd40Ub0UWKaujOwIe2T3HOBF9JfdM36ntDQcCc4jaSuLnFLY+G48rfO+doXtrSnXl4cjwSuARuAVA4Vf8cjuqTqkTwLXAGaOx5XAdVkR9sjuamA9UKHTvAG4PRwJ1gKvIuJnAF5qihOL64+5ekvKzBcDa7yOxqmIvXmnjshEYK1Hdo/WId0JfIP0EFaLBxKzbEjYI7uLEV6U3nbQAnzd62gsQuSvJyUaOroVpOaY0bC0HEmb5RpgvdfRWICwxEd0xC4EVqpBipb0dsxTT3OBLxgSViOY36HjHACdwJe9jsZu4HmEARnGC5tjhrObwPMbYyipO+QcYLXX0XhMJd2nI/Yl4BGDIR9EpJQz4TZDwsC/ICypFkPA9X6n9AHwa1W5YbR1Kby2y2x1iXd5cyitnxN43O+UmhHLW2+g7+vlxUI+1xFSgxs9XGNvCJTqJeJvAv7NQOhWv1PaFI4Eb0O4myl4/n9ixLMM3FZs1F0J3w1Hgl6/U/oLwpDpwSgv9ieTW44CPq/NS88HnjEQeNDvlP4YjgSvRsS/qU/5kMKm9zLPbll5J6WjugA40qmwfofuu740HAle73dKDwFP67Qb5cU2IBygTLgiOU07HREGFut0/DNwbzgSnKt+TjEeigL+QBQzlI3uwD5vLVab6LtqU4yedBWtwHPqVncnIOsMlZYXC/lcg8B2ExXmWVWyFYjtRy86eRO4xetorEFEQmkunbwrzt5287VcUDhAWXmEulmbAejph1WbdWe5DHjV62icgAge3tfpo5cXC5EZM6xqGWQ1wlJqcRARECiIZF6dtkPfADy7wXx2AUrLTgAwuW4n5WOOAbB+R4zDEd2HNQlY63U0RhEW+rhOH21e7KCJCudYERbZqdN4CrH9HEPExpfpjbByU4zuPrLCqDEjubwZc0WCIhaH5a8b7tsXASu8jsaDwNcQYaoWNwIJy22mSZkVuFWnIQ4s9Dul3Ygw6xt60m1dCuveMnYyklFYdJqKsYeHv48Ze4SqCXsA2N4aZ9c+Q4P3FeAJr6NxC8YFgMR106KdFZisc/0HfqckhSPBBuAHRsLPBs2djARqZ2zHYhUPJxoVdnHarC3D7X8MpgQWWiwG/tXvlJ4D7tdpn6b+H2eiRtSKKKck4zG/U3oiHAnaSYp+tNh/TGHr+9mxraw6yJS6kdi9u7OWvp5xlJVHhmd5z1GFN8IZx1sSjgQvRiQBV2jatqn/p5IZ7Vbg2winvV0lmHAobiXDEnmxKbulPLqyDfu8tWAZmT9FgeNtIkytnTES4b2ceUwLsNjvlBTECYUnEYasiZGYei6ZcbhAfU/1UjZVRlLdfbA1ZD671ZNamPWpwPC+m4wTkXOYOrOJ0ZVHGVuzn66OOlqOKOw5qnDuRMNEzHgAv1MaRBiqYTfT3hAoJ70gqMV7eR1W2fiu+btbN3szcy5ap0tWiRfQ0z1SS6udsT1p7CyNQjr+Ho1DpIPteRF+e19mJ6Nu9uYUElpEo4XEYwUMDQqfoWLcIcpGRwAyWWszfD2LPm/kRbjliLFS42r2ZSQLMNAvnLVYbKT+Pn6ycJIOdigMZufHDMPeEChDFAoy4RCwMy/CRo6GxRrj3PNfN5Xv7RYerCVpI6qsEk5SXIETvTnXyhahn5VJxpqQz6XkTDjTu1s9sZXi0u7MAygWurvE1m8rGHGcEksaoLc/e33sDQErxtnUZKyEHNK0CdisUG5Q36+e2Goqf6KzluhQCYVFpykoHGFmtUaxWMTTLC40HSYZi9Ap0GuwI+RzbcmLMIikuh7KK46ayrZ/+ClAGKpkxGKFKOqCqyjLrj5gbwiUINI7ZhhODeVFeOZkfYWKinszyg30j+Z4+3kAVE9MPXCQWOY1FRZGlZAtfs6IW2mEDxGnE/InfMl5+mKKiUk40DIfJW6jpPQkVZrl33FERKf1dVnPbj1wdxZd7wv5XMMJvrwIO2ZYGTsqXbG+HkPnjM5jMzh2WLxqdXM2YUlyNfv7KuhQXc0vXGjmO4C9IVCK8KfNoqO3gT8kX8iLsM0KC+aniyZmSYuhgTJa3xFHQCqrD6QZtz3vXoUSt1E/3crcc7Ka4acxN1QKcEfI50px0PM+B33NxTbstanKtR2s53Tv2LS+H7zrZGiwFJttiJkXpKao9oc/S9fxaZSXwB3XZDW7PwVuzkLFR0M+V5P2Yt6ErRa4e0EhU6pGSMdjBex+c8GwAQLo6qgj0n4uAFNnNg3v09GhElr/92oO7b2EsmK458ZCQ+ufwL52pQJYmoV6LcC9eg2GdwhHgssB04OkPafhkVei7NiT6pFUjDvEuPF7ibSfR3fXZGwFg9gdrzI4WMbJyDkcb5tFLFZI3XgLP76ugKk1mclGTinv3bFsaM7AkOkkDQCXh3wuvTrVRyecwLaWOC81xQgfzs4trK22cO2lNpz1VmwmFNq6lN0/+u3Q3CzIgk4RPBmZrFwODh58epaVT8+y0tGtsGufwgdtcdpPQHefQiwOpUVij50+wcK8GVamjc9u+2neG9/5y1VRR5YVjUcykTUjvAGRS8oJNWMsOOstOOs/2u9CFOj5jRT9UGqOO7IUWUkWPnUmrVYh0ih5H/PLFwc7lF3ffXwIqTlutvUksBa4JeRzmQbTputq3t2BZ6xWvp0k0F9ealny8HcK/WXFZ+5hRE4p1vtWRK/v6lV+2nOa2TmIrgC+pZZaTGFK2N4QmAJ8QPoZ6E1Ag1qQzhv2hsBoRFLuTmBWjuIPAvfmctg0K8thbwj8BPiVQbOEWPpSss9qMl4ponxyAyLRPjobuSScBhaHfK5nc5TLmrAN+CvqsQEDnEIcKWxGFL/aEAfZbIgi3RTEmc1L1b9i8sPbwE0hn8uscJY/YZX0WMSZ6rP1e4VBxKmDX4R8roF8B8npJJ69IVCDOLVa/zGTXQ/8yOyk7BknrJIuRxx4+Th+dfpXYEnI53rjTA2Y9+8N7A2BhYglZlbPyRWnEE7EYyGf650zPHb+hFXSRYhQbTGiOJ0vOhFH+tcAa0M+l9lZjbNDWEN+GuBSiZ+PyDVNYMSbiyGsdgfily6tiOMU24D3s/GSzgT+Dw0zywB+SKWtAAAAAElFTkSuQmCC");
    width: 30px;
    height: 33.5px;
    background-size: contain;
    left: -40px
}

.button,
button {
    font-family: "Proxima-Nova-B";
    font-size: 18px;
    text-transform: uppercase;
    padding: 11px 15px
}

.button--transparent,
button--transparent {
    background: transparent
}

.button--green,
button--green {
    background: #77c025;
    border: 0;
    color: #fefefe
}

.button--green:hover,
button--green:hover {
    background: #6fb323
}

.button--green.button--transparent,
button--green.button--transparent {
    border: 1px solid #77c025;
    background: transparent;
    color: #77c025
}

.button--green.button--transparent:hover,
button--green.button--transparent:hover {
    border-color: #6fb323;
    color: #6fb323
}

.button--green.button--semitransparent,
button--green.button--semitransparent {
    border: 1px solid #77c025;
    background: rgba(119, 192, 37, 0.5);
    color: #fefefe
}

.button--green.button--semitransparent:hover,
button--green.button--semitransparent:hover {
    border-color: #6fb323;
    color: #f6f6f6;
    background: rgba(119, 192, 37, 0.7)
}

.button--purple,
button--purple {
    background: #939ac6;
    border: 0;
    color: #fefefe
}

.button--purple:hover,
button--purple:hover {
    background: #8991c1
}

.button--purple.button--transparent,
button--purple.button--transparent {
    border: 1px solid #939ac6;
    background: transparent;
    color: #939ac6
}

.button--purple.button--transparent:hover,
button--purple.button--transparent:hover {
    border-color: #8991c1;
    color: #8991c1
}

.button--purple.button--semitransparent,
button--purple.button--semitransparent {
    border: 1px solid #939ac6;
    background: rgba(147, 154, 198, 0.5);
    color: #fefefe
}

.button--purple.button--semitransparent:hover,
button--purple.button--semitransparent:hover {
    border-color: #8991c1;
    color: #f6f6f6;
    background: rgba(147, 154, 198, 0.7)
}

.button--white,
button--white {
    background: #fefefe;
    border: 0;
    color: #8a8a8a
}

.button--white:hover,
button--white:hover {
    color: #828282;
    background: #f6f6f6
}

.button--white.button--transparent,
button--white.button--transparent {
    border: 1px solid #fefefe;
    background: transparent;
    color: #fefefe
}

.button--white.button--transparent:hover,
button--white.button--transparent:hover {
    border-color: #fefefe;
    color: #fefefe
}

.button--white.button--semitransparent,
button--white.button--semitransparent {
    border: 1px solid #fefefe;
    background: rgba(254, 254, 254, 0.7);
    color: #0a0a0a
}

.button--white.button--semitransparent:hover,
button--white.button--semitransparent:hover {
    border-color: #f6f6f6;
    color: #828282;
    background: rgba(254, 254, 254, 0.9)
}

.button--teal,
button--teal {
    background: #00b5bf;
    color: #fefefe;
    border: 0
}

.button--teal:hover,
button--teal:hover {
    background: #00a7b0;
    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: #337ab7;*/
    /*border-color: #2e6da4;*/
}

.button--teal.button--transparent,
button--teal.button--transparent {
    border: 1px solid #00b5bf;
    background: transparent;
    color: #00b5bf
}

.button--teal.button--transparent:hover,
button--teal.button--transparent:hover {
    border-color: #00a7b0;
    color: #00a7b0
}

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

.button--teal.button--semitransparent:hover,
button--teal.button--semitransparent:hover {
    border-color: #00a7b0;
    color: #f6f6f6;
    background: rgba(0, 181, 191, 0.7)
}

.button [class^="icon"],
button [class^="icon"] {
    position: relative;
    top: 2px
}


.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
}

.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
}

.row.display {
    background: #e6e6e6;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 2rem;
    border: solid 1px #8a8a8a;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.row.display .columns {
    padding: 10px 0 10px 5px
}

.row.display .columns:nth-child(2n) {
    background: #cacaca
}

#icons span {
    font-size: 1.25em
}

#icons .mls {
    font-size: 1em
}

#icons .columns {
    margin-bottom: 5px
}

/*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 #00b5bf;*/
    /*background: white;*/
    /*padding: 10px;*/
    /*color: #00b5bf;*/
    /*height: 47px;*/
    /*outline-color: #00b5bf*/
/*}*/


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: 1px solid #d0d0d0;
    background: white;
    padding: 10px;
    color: #4d4e4e;
    height: 40px;
    outline-color: #aeb8be;
    border-radius: 3px;
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
	background-color: #e6e6e6;
	cursor: not-allowed;
}


select.borderless,
textarea.borderless,
input[type="text"].borderless,
input[type="password"].borderless,
input[type="datetime"].borderless,
input[type="datetime-local"].borderless,
input[type="date"].borderless,
input[type="month"].borderless,
input[type="time"].borderless,
input[type="week"].borderless,
input[type="number"].borderless,
input[type="email"].borderless,
input[type="url"].borderless,
input[type="search"].borderless,
input[type="tel"].borderless,
input[type="color"].borderless {
    border-color: transparent;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    border: 2px solid #939ac6;
}

select {
    webkit-appearance: none;
    -moz-appearance: none;
}

select:after {
    content: 'TEST';
    position: absolute;
    right: 0;
    top: 0;
}

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

.pagination li {
    font-size: 1rem;
}

.pagination li.unavailable a {
    cursor: not-allowed;
    color: #cacaca;
}

.pagination a:hover {
    background: transparent;
    color: #2199e8;
}

.pagination .current {
    padding: 0;
    background: transparent
}

.pagination .current a {
    color: #2199e8;
    text-decoration: underline;
}

body {
    background-color: #e6e6e6;
    color: #5c6f7c;
    /*font-family: "Proxima-Nova", "Proxima-Nova-L", Helvetica, Arial, sans-serif;*/
    font-size: 16px;
}

@media screen and (max-width: 1024px) {
    body {
        font-size: 15px
    }
    body.overflow-hidden {
        overflow: hidden;
        height: 100vh
    }
}

@media screen and (max-width: 680px) {
    body {
        font-size: 15px
    }
}

.mega-wrapper {
    max-width: 1600px;
    margin: auto;
    position: relative;
    background: white
}

p {
    font-size: 1.125em;
    font-family: "Proxima-Nova-L";
    line-height: 140%;
    margin-bottom: 1.25rem;
}

p.text-large {
    font-size: 1.5rem;
}

strong {
    font-family: "Proxima-Nova-B";
}

strong em {
    font-family: "Proxima-Nova-BI";
}

em {
    font-family: "Proxima-Nova-I";
}

em strong {
    font-family: "Proxima-Nova-BI";
}

nav.social-links-circles {
    display: block;
}

nav.social-links-circles>a {
    display: inline-block;
    position: relative;
    margin-left: -2px;
    margin-right: 10px;
    background: teal;
    color: #ffffff;
    width: 25px;
    height: 25px;
    text-decoration: none;
}

nav.social-links-circles>a svg {
    width: 20px;
    height: 20px;
    color: #ffffff;
}

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

.content {
    text-align: left;
}

.content img {
    display: inline-block;
    position: relative;
    height: auto;
    margin-bottom: 1.25rem;
    max-width: 380px;
}

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

.content img.aligncenter {
    display: block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    margin: 0 auto 1.25rem;
}

.content img.alignleft {
    float: left;
    margin-right: 1rem;
}

@media screen and (max-width: 680px) {
    .content img.alignleft {
        margin-right: 0;
    }
}

.content img.alignright {
    float: right;
    margin-left: 1rem;
}

@media screen and (max-width: 680px) {
    .content img.alignright {
        margin-left: 0;
    }
}

.content ul,
.content ol {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    margin-bottom: 1.25rem;
}

.content ul,
.content ul li,
.content ol,
.content ol li {
    list-style-type: none;
    display: list-item;
    position: relative;
    line-height: 160%;
    width: auto;
}

.content ul>ul,
.content ul li>ul,
.content ol>ul,
.content ol li>ul {
    margin: .75rem 0;
}

.content ul>ul li,
.content ul li>ul li,
.content ol>ul li,
.content ol li>ul li {
    list-style-type: circle;
}

.content ul>ul li a,
.content ul li>ul li a,
.content ol>ul li a,
.content ol li>ul li a {
    color: #00b5bf;
}

.content ul>ul li a:hover,
.content ul li>ul li a:hover,
.content ol>ul li a:hover,
.content ol li>ul li a:hover {
    color: #62bb46;
}

.content ul li,
.content ol li {
    margin-bottom: .75rem;
    margin-left: 2rem;
    margin-right: 1rem;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.content ol li {
    list-style: decimal;
}

.content ul li {
    list-style: disc;
}

.content table {
    display: table;
    position: relative;
    background-color: #fff;
    margin-bottom: 1.25rem;
}

.content table thead {
    background-color: #62bb46;
    color: #fff;
}

.content table tr {
    display: table-row;
    position: relative;
}

.content table th,
.content table td {
    border: 1px solid #5c6f7c;
    padding: .375rem .75rem;
}

.content code {
    background-color: #C2D1D4;
    border: 1px solid #C2D1D4;
    border-radius: 0.25em;
    padding: 0 0.25em;
}

.content pre,
.content pre code {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
}

.content pre code {
    padding: 0.25em;
}

.section {
    padding: 30px 0 30px 0;
}

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

@media screen and (max-width: 680px) {
    .section.content-page {
        padding-top: 90px;
    }
}

.section--leaves {
    background: url(../../images/shop/leafs-bg-microfiber.png) no-repeat center top;
}

.social-share-label {
    display: block;
    color: #8a8a8a;
    padding-bottom: 4px;
}

.social-share a {
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
    float: left;
    color: #00b5bf;
    margin-right: 8px;
}

.social-share a [class^="icon-"] {
    /*font-size: 30px*/
}

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

.icon-seperator:before {
    content: '';
    height: 2px;
    background: #e6e6e6;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    display: block;
    transform: translateY(-50%);
}

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

.site-contain {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    background: #fefefe;
}

.styleguide-section {
    padding-top: 20px;
}

.styleguide-section--top {
    padding-top: 175px;
}

header {
    display: table;
    clear: both;
    float: none;
    width: 100%;
    position: absolute;
    z-index: 1000;
    border-bottom: 1px solid #e6e6e6
}

.surheader {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: rgba(92, 111, 124, 0.85);
    color: #fff;
}

@media screen and (max-width: 680px) {
    .surheader {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .surheader .wrap {
        width: 100%;
    }
}

@media screen and (max-width: 680px) {
    .surheader .wrap {
        width: 90%;
    }
}

.surheader .global-nav {
    display: inline-block;
    position: relative;
    float: right;
    font-size: 0.9em;
}

.surheader .global-nav span,
.surheader .global-nav nav,
.surheader .global-nav img {
    display: inline-block;
    position: relative;
    float: left;
    padding-left: .375rem;
}

@media screen and (max-width: 680px) {
    .surheader .global-nav span,
    .surheader .global-nav nav,
    .surheader .global-nav img {
        padding-left: .125rem;
    }
}

.surheader .global-nav img {
    height: 1.45em;
    width: auto;
}

@media screen and (max-width: 680px) {
    .surheader .global-nav span.mobile-kill {
        display: none;
    }
}

.surheader .global-nav nav {
    margin-left: 1rem;
}

.surheader .global-nav nav .menu-selected {
    display: block;
}

.surheader .global-nav nav .menu-selected .arrow-down {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #62bb46;
    content: "";
    height: 0;
    position: relative;
    right: -0.5em;
    top: 0.3em;
    width: 0;
    float: right;
}

.surheader .global-nav nav .nav-cart {
    position: relative;
    padding-right: 8px;
}

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

.surheader .global-nav nav .menu-list ul li a.menu-selection {
    color: black;
}

.surheader .global-nav nav .selected-top-nav {
    background-color: #fefefe;
    color: black;
}

@media screen and (max-width: 680px) {
    .surheader .global-nav nav {
        margin-left: 0;
    }
}

.surheader .global-nav nav a {
    display: inline-block;
    position: relative;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: "Proxima-Nova-SB";
    font-size: 0.875em;
    padding: .75rem 7px;
    text-transform: uppercase;
}

@media screen and (max-width: 680px) {
    .surheader .global-nav nav a {
        padding: .375rem;
    }
}

.surheader .global-nav nav a:after {
    content: "|";
    opacity: 0.5;
    position: absolute;
    right: -0.15em;
    top: 50%;
    margin-top: -5px;
}

.surheader .global-nav nav a:last-child {
    padding-right: 0;
}

.surheader .global-nav nav a:last-child:after {
    content: "";
}

.surheader .global-nav a.cta {
    background-color: #00b5bf;
    border: none;
    display: inline-block;
    margin-left: .75rem;
    padding: .75rem;
    font-size: 12px;
}

@media screen and (min-width: 64em) {
    .surheader .global-nav a.cta {
        display: none;
    }
}

.nav-bar {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #fff;
    z-index: 1;
}

.nav-bar ul {
    margin: 0;
}

@media screen and (max-width: 680px) {
    .nav-bar .wrap {
        padding: 0 0 0 2em;
        width: 100%
    }
}

.nav-bar a.cta {
    display: inline-block;
    position: relative;
    /*-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;*/
    -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 #00b5bf;
    color: #00b5bf;
    font-family: "Proxima-Nova-B";
    padding: 0.775em 1em;
    text-transform: uppercase;
    float: right;
    margin: 2.4em 0 2em 0;
    font-size: 0.83em;
}

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

.nav-bar a.cta svg use {
    fill: #00b5bf;
}

.nav-bar a.cta:hover {
    color: #00b5bf;
}

@media screen and (max-width: 1024px) {
    .nav-bar a.cta {
        display: none;
    }
}

.nav-bar nav {
    float: left;
    display: block;
}

@media screen and (max-width: 680px) {
    .nav-bar nav.main-nav {
        position: relative;
        clear: both;
        float: none;
        width: 100%;
        background-color: #fff;
        display: none;
        height: 100vh
    }
    .nav-bar nav.main-nav.visible {
        display: block;
    }
}

.nav-bar nav,
.nav-bar nav ul,
.nav-bar nav li,
.nav-bar nav a {
    display: inline-block;
    position: relative;
}

@media screen and (max-width: 680px) {
    .nav-bar nav,
    .nav-bar nav ul,
    .nav-bar nav li,
    .nav-bar nav a {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%;
        background-color: #fff;
    }
}

.nav-bar nav .pseudo-heading {
    border-bottom: 2px solid #C2D1D4;
    color: #62bb46;
    font-family: "Proxima-Nova-B";
    margin-bottom: .375rem;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: .375rem 0;
}

.nav-bar nav ul>li.mobile-footer-item {
    display: none
}

.nav-bar nav ul>li.mobile-footer-item ul {
    display: none
}

.nav-bar nav ul>li.mobile-footer-item ul li a {
    padding: 0.5em 0;
}

.nav-bar nav ul>li.mobile-footer-item ul.visible {
    display: block;
}

.nav-bar nav ul>li.mobile-footer-item ul li {
    display: block;
}

.nav-bar nav ul>li.mobile-footer-item ul a {
    padding: 1em 0;
    border: 0;
    font-size: 1rem;
    text-transform: uppercase;
}

@media screen and (max-width: 680px) {
    .nav-bar nav ul>li.mobile-footer-item {
        display: block;
    }
    .nav-bar nav ul>li.mobile-footer-item.first {
        margin-top: 2em;
    }
    .nav-bar nav ul>li.mobile-footer-item>a {
        text-transform: uppercase;
        font-size: 1rem;
        border: 0;
        padding: 1em 0;
    }
    .nav-bar nav ul>li.mobile-footer-item .icon-arrow-down2 {
        color: #77c025;
        font-size: 21px;
    }
}

.nav-bar nav ul>li.menu-item-has-children>a {
    padding-right: 2em;
}

.nav-bar nav ul>li.menu-item-has-children>a:after {
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.3em solid #62bb46;
    content: "";
    height: 0;
    position: absolute;
    right: 0.5em;
    top: 3em;
    width: 0;
}

@media screen and (max-width: 680px) {
    .nav-bar nav ul>li.menu-item-has-children>a:after {
        border: medium none;
        color: #62bb46;
        content: "\203a";
        font-family: "Proxima-Nova-L";
        font-size: 2em;
        right: 1em;
        top: 7%;
        z-index: 1;
    }
}

.nav-bar nav ul>li.menu-item-has-children>ul {
    display: none;
    background-color: #fff;
    left: -0.5em;
    position: absolute;
    top: 6.2em;
    width: 17em;
}

.nav-bar nav ul>li.menu-item-has-children>ul li,
.nav-bar nav ul>li.menu-item-has-children>ul a {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
}

.nav-bar nav ul>li.menu-item-has-children>ul li a {
    letter-spacing: 0;
    padding: .375rem 1.25rem;
    text-transform: none;
}

.nav-bar nav ul>li.menu-item-has-children>ul li a:hover {
    color: #62bb46;
}

.nav-bar nav ul>li.menu-item-has-children>ul li a:after {
    content: none;
}

.nav-bar nav ul>li.menu-item-has-children>ul li>.sub-menu {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    top: 0;
    left: 0;
    border: none;
    margin: 0;
    padding: 0;
}

.nav-bar nav ul>li.menu-item-has-children>ul li>.sub-menu a,
.nav-bar nav ul>li.menu-item-has-children>ul li>.sub-menu a:last-of-type {
    padding: .375rem 1.25rem .375rem 2rem;
}

.nav-bar nav ul>li.menu-item-has-children>ul li:last-of-type a {
    padding-bottom: 1.25rem;
}

.nav-bar nav ul>li.menu-item-has-children>ul.sub-nav {
    border-top: 1px solid #C2D1D4;
    padding: .375rem 1rem 3rem;
}

.nav-bar nav ul>li.menu-item-has-children>ul.sub-nav>li:first-child {
    padding-top: 1rem;
}

.nav-bar nav ul>li.menu-item-has-children>ul.sub-nav .pseudo-heading {
    padding-left: 0
}

.nav-bar nav ul>li.menu-item-has-children>ul.sub-nav.single {
    padding-bottom: 1.25rem
}

.nav-bar nav ul>li.menu-item-has-children>ul.mega-submenu {
    border-top: 1px solid #C2D1D4;
    left: -260px;
    padding: .375rem 1rem 3rem;
    max-width: 60em;
    width: 84vw;
}

@media screen and (max-width: 1024px) {
    .nav-bar nav ul>li.menu-item-has-children>ul.mega-submenu {
        font-size: 0.875em;
        left: -360px;
        top: 7.1em;
        width: 98vw;
    }
}

.nav-bar nav ul>li.menu-item-has-children>ul.mega-submenu>li {
    display: inline-block;
    position: relative;
    clear: none;
    float: left;
    padding: 1rem;
    width: 25%;
}

.nav-bar nav ul>li.menu-item-has-children>ul.mega-submenu>li.mega-submenu-footer {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    background-color: rgba(0, 181, 191, 0.1);
    bottom: 0;
    left: 0;
    padding: .375rem;
    position: absolute;
    text-align: center;
}

.nav-bar nav ul>li.menu-item-has-children>ul.mega-submenu>li.mega-submenu-footer a {
    display: inline-block;
    position: relative;
    color: #00b5bf;
    clear: none;
    font-family: "Proxima-Nova-B";
    padding: .375rem;
    width: auto;
}

.nav-bar nav ul>li.menu-item-has-children>ul.mega-submenu ul li a,
.nav-bar nav ul>li.menu-item-has-children>ul.mega-submenu ul li span {
    padding: .375rem 0;
}

.nav-bar nav ul>li.menu-item-has-children>ul.mega-submenu ul li a.pseudo-heading,
.nav-bar nav ul>li.menu-item-has-children>ul.mega-submenu ul li span.pseudo-heading {
    border-bottom: 2px solid #C2D1D4;
    color: #62bb46;
    font-family: "Proxima-Nova-B";
    margin-bottom: .375rem;
    text-transform: uppercase;
}

.nav-bar nav ul>li:last-of-type>ul {
    width: 15em;
}

.nav-bar nav ul>li>a {
    color: #5c6f7c;
    letter-spacing: 0.04em;
    padding: 2.6em 8px;
    text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
    .nav-bar nav ul>li>a {
        letter-spacing: 0.02em;
    }
}

@media screen and (max-width: 680px) {
    .nav-bar nav ul>li>a {
        border-bottom: 1px solid #C2D1D4;
        font-size: 1.75em;
        padding: 1.25rem 4rem 1.25rem 0;
        text-transform: none;
    }
}

.nav-bar nav ul>li>a.current {
    color: #62bb46;
}

.nav-bar nav ul>li>a.current:after {
    background-color: #00b5bf;
    bottom: 2em;
    content: "";
    height: 3px;
    left: 0.75rem;
    position: absolute;
    width: calc(100% - 1.5rem);
}

.nav-bar nav ul.mini-mobile li {
    border: 0;
}

.animate-in {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out
}

.animate-out {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

a.mobile-menu-button {
    background-color: transparent;
    cursor: pointer;
    display: none;
    float: left;
    padding: 3.65em 0 3em;
    transition: all 0.3s ease 0s;
    z-index: 9;
}

@media screen and (max-width: 680px) {
    a.mobile-menu-button {
        display: inline-block;
        position: relative;
        padding: 2em 2em 2em 0;
    }
}

a.mobile-menu-button.open .lines {
    background-color: transparent;
}

a.mobile-menu-button.open .lines:before,
a.mobile-menu-button.open .lines:after {
    top: 0;
}

a.mobile-menu-button.open .lines:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a.mobile-menu-button.open .lines:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

a.mobile-menu-button .lines {
    background-color: #00b5bf;
    display: block;
    height: 5px;
    position: relative;
    transition: all 0.3s ease 0s;
    width: 30px;
}

a.mobile-menu-button .lines:before,
a.mobile-menu-button .lines:after {
    background-color: #00b5bf;
    content: '';
    display: inline-block;
    height: 5px;
    left: 0;
    position: absolute;
    transition: 0.3s;
    width: 30px;
}

a.mobile-menu-button .lines:before {
    top: 10px;
}

a.mobile-menu-button .lines:after {
    top: -10px;
}

a.logo {
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 20px;
    padding: 1.3em 0;
}

@media screen and (max-width: 639px) {
	a.svg-logo {
		left: 0;
		margin: 0 31%;
		padding: 1em 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 155px;
	}
}

@media screen and (max-width: 1024px) {
    a.svg-logo {
        margin-right: 0.2em;
    }
}

a.svg-logo svg {
    height: 2.8em;
    width: 11em;
}

@media screen and (max-width: 680px) {
    a.svg-logo svg {
        height: 2.3em;
        width: 10em;
    }
}

@media screen and (max-width: 680px) {
	.social-media li {
        float: left;
    }
}

a.svg-logo svg use {
    fill: #457bcf;
}

footer {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: rgba(194, 209, 212, 0.3);
    border-top: 6px solid #C2D1D4;
    font-size: 0.875em;
    padding: 0.2rem 0;
}

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

@media screen and (min-width: 40em) {
    footer .pre-footer {
        padding: 30px;
    }
}

footer .pre-footer a {
    text-decoration: underline;
}

footer .pre-footer span {
    display: block;
    width: auto;
}

@media screen and (min-width: 40em) {
    footer .pre-footer span {
        padding-left: 20px;
        display: inline-block;
    }
}

footer .pre-footer .subline {
    font-size: 1.25em;
    margin-top: 10px;
}

@media screen and (min-width: 40em) {
    footer .pre-footer .subline {
        margin-top: 0;
        padding-left: 20px;
        top: -3px;
        position: relative;
    }
}

footer .pre-footer .h3 {
    margin: 0;
}

footer nav {
    display: inline-block;
    position: relative;
    float: left;
    font-family: "Proxima-Nova-B";
}

@media screen and (max-width: 1024px) {
    footer nav {
        width: 50%;
    }
}

@media screen and (max-width: 680px) {
    footer nav {
        padding: 1rem 0;
        width: 100%;
    }
}

footer nav h3 {
    margin-bottom: .375rem;
}

footer nav.social-links {
    display: inline-block;
    position: relative;
    clear: right;
    float: right;
    margin-top: 1rem;
    text-align: right;
}

@media screen and (max-width: 680px) {
    footer nav.social-links {
        margin-top: 0;
        text-align: left;
    }
}

footer nav.social-links>a {
    display: inline-block;
    position: relative;
    background-color: #00b5bf;
    border-radius: 1000px;
    font-size: 1rem;
    height: 2rem;
    margin: .375rem .375rem 0 0;
    width: 2rem;
    color: #fefefe;
}

footer nav.social-links>a .icon {
    position: relative;
    left: 4px;
    top: 2px;
}

@media screen and (max-width: 680px) {
    footer nav.social-links>a .icon {
        left: 8px;
    }
}

footer nav.social-links>a svg {
    height: 1em;
    left: 26%;
    position: absolute;
    top: 25%;
    width: 1em;
}

footer nav.social-links>a svg use {
    fill: #fff;
}

footer nav a {
    display: inline-block;
    position: relative;
    color: #5c6f7c;
    padding: .375rem .75rem .375rem 0;
}

@media screen and (max-width: 1024px) {
    footer nav a {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%;
    }
}

footer nav a:hover {
    color: #00b5bf
}

footer a.consultant-login {
    /*-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";
    padding: 0.775em 1em;
    text-transform: uppercase;
    clear: right;
    float: right;
    font-size: 1.15em
}

footer a.consultant-login svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

footer a.consultant-login svg use {
    fill: #fff
}

footer a.consultant-login:hover {
    color: #fff
}

@media screen and (max-width: 680px) {
    footer a.consultant-login {
        float: left
    }
}

footer .sub-footer {
    display: inline-block;
    position: relative;
    float: left;
    font-size: 0.875em;
    padding: 1rem 0
}

footer .sub-footer div {
    font-size: 0.875em;
    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: #46555f;
    font-family: "Proxima-Nova-L";
    font-size: 3em
}

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

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

h1.thick,
.h1.thick {
    font-family: 'Proxima-Nova-B'
}

h2,
.h2 {
    color: #00b5bf;
    font-family: "Proxima-Nova";
    font-size: 2.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";
    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";
    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-L";
    font-size: 1.375em;
    line-height: 140%;
    margin: 0 auto 1.25rem;
    max-width: 580px
}

@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: 4rem
}

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

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

.page-heading {
    margin-bottom: 2rem
}

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



.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;
}

.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: 3em;
    width: 4em
}

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

.section-callout.with-image-callout {
    padding: 4rem 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
}

.icon-divider-heading-small .divider-container .icon-divider {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 75%;
    background-color: rgba(92, 111, 124, 0.2);
    height: 1px;
}
.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: 3em;
    width: 4em
}

.section-callout .icon-divider-heading .divider-container .icon-container svg use {
    fill: #00b5bf;
    stroke: #00b5bf
}

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

@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
    }
}

@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";
    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
}

.image-callout {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 2em 0px 0px 0px !important;
    text-align: center;
    /*background-image: url("../../images/products.jpg");*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1600px;
    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;
        padding-bottom: 66%;
        top: 0;
        width: 66%
    }
}

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

@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: 0 3em
}

.image-callout-message .message-container .message {
    color: #fff;
    font-family: "Proxima-Nova-L";
    font-size: 3.5em;
    margin-bottom: 2rem
}

@media screen and (max-width: 1024px) {
    .image-callout-message .message-container .message {
        margin-bottom: 1rem
    }
}

.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";
    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
}

@media screen and (max-width: 680px) {
    .hero {
        padding: 30em 0 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: 617px;
    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%);
    max-width: 90%;
    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;
}

@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;
        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: right
}

@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"
}

.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.775em;
    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
    }
}

.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";
    font-size: 2.0em;
    line-height: 110%;
    text-transform: uppercase;
}

.hero-image-text-subheading {
    font-family: "Proxima-Nova-SB";
    font-size: 1.563em;
    line-height: 120%;
    margin: 0
}

.hero-image-text-surheading,
.hero-image-text-heading,
.hero-image-text-subheading {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 1024px) {
    .hero-image-text-surheading,
    .hero-image-text-heading,
    .hero-image-text-subheading {
        margin-bottom: 0.5em
    }
}

div.styleguide.single .hero-text h1,
div.styleguide.home .hero-text h1,
div.styleguide.error404 .hero-text h1,
body.single .hero-text h1,
body.home .hero-text h1,
body.error404 .hero-text h1 {
    margin-bottom: 2rem
}

div.styleguide.single .hero-text .hero-text-container,
body.single .hero-text .hero-text-container {
    width: 66.66667%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
    margin-left: 16.66667%
}

@media screen and (min-width: 40em) {
    div.styleguide.single .hero-text .hero-text-container,
    body.single .hero-text .hero-text-container {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

div.styleguide.single .hero-text .hero-text-container:last-child:not(:first-child),
body.single .hero-text .hero-text-container:last-child:not(:first-child) {
    float: right
}

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

@media screen and (max-width: 680px) and (min-width: 40em) {
    div.styleguide.single .hero-text .hero-text-container,
    body.single .hero-text .hero-text-container {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (max-width: 680px) {
    div.styleguide.single .hero-text .hero-text-container:last-child:not(:first-child), body.single .hero-text .hero-text-container:last-child:not(:first-child) {
        float: right
    }
}

div.styleguide.search .hero,
div.styleguide.archive .hero,
div.styleguide.blog .hero,
div.styleguide.error404 .hero,
body.search .hero,
body.archive .hero,
body.blog .hero,
body.error404 .hero {
    padding: 20em 0 0
}

div.styleguide.page-template .hero,
div.styleguide.page-template-default .hero,
body.page-template .hero,
body.page-template-default .hero {
    padding: 20em 0 0
}

div.styleguide.home .hero,
body.home .hero {
    padding: 52em 0 0
}

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

div.styleguide.home .hero-image,
body.home .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: 1024px;
    left: 0;
    position: absolute;
    top: 0
}

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

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

div.styleguide.home .hero-image-text,
body.home .hero-image-text {
    display: inline-block;
    background-color: #00b5bf;
    border-radius: 0;
    color: #fff;
    height: auto;
    position: absolute;
    text-align: center;
    -webkit-transform: none;
    -khtml-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    left: auto;
    margin-right: 0;
    max-width: 360px;
    padding: 2rem;
    right: 15%;
    top: 18em;
    width: 50%
}

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

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

div.styleguide.home .hero-image-text-container,
body.home .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%
}

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

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

div.styleguide.home .hero-image-text-surheading:before,
body.home .hero-image-text-surheading:before {
    left: 0
}

div.styleguide.home .hero-image-text-surheading:after,
body.home .hero-image-text-surheading:after {
    right: 0
}

div.styleguide.home .hero-image-text-icon,
body.home .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
}

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

div.styleguide.home .hero-image-text-icon:before,
body.home .hero-image-text-icon:before {
    left: 0
}

div.styleguide.home .hero-image-text-icon:after,
body.home .hero-image-text-icon:after {
    right: 0
}

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

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

div.styleguide.home .hero-image-text-icon svg,
body.home .hero-image-text-icon svg {
    height: 100%;
    width: 100%
}

div.styleguide.home .hero-image-text-icon svg use,
body.home .hero-image-text-icon svg use {
    fill: #fff
}

div.styleguide.home .hero-image-text-heading,
body.home .hero-image-text-heading {
    font-family: "Proxima-Nova-B";
    font-size: 2.438em;
    line-height: 110%;
    text-transform: uppercase
}

div.styleguide.home .hero-image-text-subheading,
body.home .hero-image-text-subheading {
    font-family: "Proxima-Nova-SB";
    font-size: 1.563em;
    line-height: 120%;
    margin: 0
}

div.styleguide.home .hero-image-text-surheading,
div.styleguide.home .hero-image-text-heading,
div.styleguide.home .hero-image-text-subheading,
body.home .hero-image-text-surheading,
body.home .hero-image-text-heading,
body.home .hero-image-text-subheading {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 1024px) {
    div.styleguide.home .hero-image-text-surheading,
    div.styleguide.home .hero-image-text-heading,
    div.styleguide.home .hero-image-text-subheading,
    body.home .hero-image-text-surheading,
    body.home .hero-image-text-heading,
    body.home .hero-image-text-subheading {
        margin-bottom: 0.5em
    }
}

@media screen and (max-width: 680px) {
    div.styleguide.home .hero-image-text,
    body.home .hero-image-text {
        font-size: 0.7em;
        padding: 1.25rem;
        top: 12.5em;
        width: 240px
    }
}

div.styleguide.home .hero-text h1,
body.home .hero-text h1 {
    color: #00b5bf
}

div.styleguide.our-story .hero,
body.our-story .hero {
    padding: 52em 0 0
}

@media screen and (max-width: 680px) {
    div.styleguide.our-story .hero,
    body.our-story .hero {
        padding: 30em 0 0
    }
}

div.styleguide.our-story .hero-image,
body.our-story .hero-image {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    background-image: url("../../images/norwex-hero-2.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) {
    div.styleguide.our-story .hero-image,
    body.our-story .hero-image {
        height: 100%;
        max-height: 520px
    }
}

@media screen and (max-width: 1024px) {
    div.styleguide.our-story .hero-image,
    body.our-story .hero-image {
        height: 100%;
        max-height: 980px
    }
}

div.styleguide.our-story .hero-text-container,
body.our-story .hero-text-container {
    width: 66.66667%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
    margin-left: 16.66667%
}

@media screen and (min-width: 40em) {
    div.styleguide.our-story .hero-text-container,
    body.our-story .hero-text-container {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

div.styleguide.our-story .hero-text-container:last-child:not(:first-child),
body.our-story .hero-text-container:last-child:not(:first-child) {
    float: right
}

@media screen and (max-width: 680px) {
    div.styleguide.our-story .hero-text-container,
    body.our-story .hero-text-container {
        width: 100%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem;
        margin-left: 0
    }
}

@media screen and (max-width: 680px) and (min-width: 40em) {
    div.styleguide.our-story .hero-text-container,
    body.our-story .hero-text-container {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (max-width: 680px) {
    div.styleguide.our-story .hero-text-container:last-child:not(:first-child), body.our-story .hero-text-container:last-child:not(:first-child) {
        float: right
    }
}

div.styleguide.leadership-team .hero,
div.styleguide.our-heritage .hero,
div.styleguide.charitable-partners .hero,
body.leadership-team .hero,
body.our-heritage .hero,
body.charitable-partners .hero {
    background-color: #77c025;
    padding: 0
}

@media screen and (max-width: 680px) {
    div.styleguide.leadership-team .hero,
    div.styleguide.our-heritage .hero,
    div.styleguide.charitable-partners .hero,
    body.leadership-team .hero,
    body.our-heritage .hero,
    body.charitable-partners .hero {
        padding: 30em 0 0
    }
}

div.styleguide.leadership-team .hero-image,
div.styleguide.our-heritage .hero-image,
div.styleguide.charitable-partners .hero-image,
body.leadership-team .hero-image,
body.our-heritage .hero-image,
body.charitable-partners .hero-image {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    background-image: url("../../images/leadership/hero-white-floating-houses.png");
    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) {
    div.styleguide.leadership-team .hero-image,
    div.styleguide.our-heritage .hero-image,
    div.styleguide.charitable-partners .hero-image,
    body.leadership-team .hero-image,
    body.our-heritage .hero-image,
    body.charitable-partners .hero-image {
        height: 100%;
        max-height: 520px
    }
}

@media screen and (max-width: 1024px) {
    div.styleguide.leadership-team .hero-image,
    div.styleguide.our-heritage .hero-image,
    div.styleguide.charitable-partners .hero-image,
    body.leadership-team .hero-image,
    body.our-heritage .hero-image,
    body.charitable-partners .hero-image {
        height: 100%;
        max-height: 980px
    }
}

@media screen and (max-width: 680px) {
    div.styleguide.leadership-team .hero,
    div.styleguide.our-heritage .hero,
    div.styleguide.charitable-partners .hero,
    body.leadership-team .hero,
    body.our-heritage .hero,
    body.charitable-partners .hero {
        padding: 0
    }
}

div.styleguide.shop-microfiber .hero,
div.styleguide.product-mission .hero,
body.shop-microfiber .hero,
body.product-mission .hero {
    background-color: #00b5bf;
    padding: 0
}

@media screen and (max-width: 680px) {
    div.styleguide.shop-microfiber .hero,
    div.styleguide.product-mission .hero,
    body.shop-microfiber .hero,
    body.product-mission .hero {
        padding: 30em 0 0
    }
}

div.styleguide.shop-microfiber .hero-image,
div.styleguide.product-mission .hero-image,
body.shop-microfiber .hero-image,
body.product-mission .hero-image {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    background-image: url("../../images/shop/blue-droplets-hero.png");
    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) {
    div.styleguide.shop-microfiber .hero-image,
    div.styleguide.product-mission .hero-image,
    body.shop-microfiber .hero-image,
    body.product-mission .hero-image {
        height: 100%;
        max-height: 520px
    }
}

@media screen and (max-width: 1024px) {
    div.styleguide.shop-microfiber .hero-image,
    div.styleguide.product-mission .hero-image,
    body.shop-microfiber .hero-image,
    body.product-mission .hero-image {
        height: 100%;
        max-height: 980px
    }
}

@media screen and (max-width: 680px) {
    div.styleguide.shop-microfiber .hero,
    div.styleguide.product-mission .hero,
    body.shop-microfiber .hero,
    body.product-mission .hero {
        padding: 0
    }
}

div.styleguide.host .hero,
body.host .hero {
    padding: 52em 0 0
}

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

div.styleguide.host .hero-image,
body.host .hero-image {
    display: inline-block;
    clear: both;
    float: none;
    width: 100%;
    background-image: url("../../images/norwex-hero-3.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) {
    div.styleguide.host .hero-image,
    body.host .hero-image {
        height: 100%;
        max-height: 520px
    }
}

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

div.styleguide.host .hero-image-text,
body.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: #ffd24f;
    border-radius: 100%;
    color: #fff;
    height: 24em;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 20.5em;
    width: 24em
}

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

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

div.styleguide.host .hero-image-text-container,
body.host .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%
}

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

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

div.styleguide.host .hero-image-text-surheading:before,
body.host .hero-image-text-surheading:before {
    left: 0
}

div.styleguide.host .hero-image-text-surheading:after,
body.host .hero-image-text-surheading:after {
    right: 0
}

div.styleguide.host .hero-image-text-icon,
body.host .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
}

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

div.styleguide.host .hero-image-text-icon:before,
body.host .hero-image-text-icon:before {
    left: 0
}

div.styleguide.host .hero-image-text-icon:after,
body.host .hero-image-text-icon:after {
    right: 0
}

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

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

div.styleguide.host .hero-image-text-icon svg,
body.host .hero-image-text-icon svg {
    height: 100%;
    width: 100%
}

div.styleguide.host .hero-image-text-icon svg use,
body.host .hero-image-text-icon svg use {
    fill: #fff
}

div.styleguide.host .hero-image-text-heading,
body.host .hero-image-text-heading {
    font-family: "Proxima-Nova-B";
    font-size: 2.438em;
    line-height: 110%;
    text-transform: uppercase
}

div.styleguide.host .hero-image-text-subheading,
body.host .hero-image-text-subheading {
    font-family: "Proxima-Nova-SB";
    font-size: 1.563em;
    line-height: 120%;
    margin: 0
}

div.styleguide.host .hero-image-text-surheading,
div.styleguide.host .hero-image-text-heading,
div.styleguide.host .hero-image-text-subheading,
body.host .hero-image-text-surheading,
body.host .hero-image-text-heading,
body.host .hero-image-text-subheading {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 1024px) {
    div.styleguide.host .hero-image-text-surheading,
    div.styleguide.host .hero-image-text-heading,
    div.styleguide.host .hero-image-text-subheading,
    body.host .hero-image-text-surheading,
    body.host .hero-image-text-heading,
    body.host .hero-image-text-subheading {
        margin-bottom: 0.5em
    }
}

div.styleguide.host .hero-text h1,
body.host .hero-text h1 {
    margin-bottom: 4rem
}

@media screen and (max-width: 1024px) {
    div.styleguide.host .hero-text h1,
    body.host .hero-text h1 {
        margin-bottom: 2rem
    }
}

div.styleguide.host .hero-text .cta,
body.host .hero-text .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";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase;
    font-size: 1.125em
}

div.styleguide.host .hero-text .cta svg,
body.host .hero-text .cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

div.styleguide.host .hero-text .cta svg use,
body.host .hero-text .cta svg use {
    fill: #fff
}

div.styleguide.host .hero-text .cta:hover,
body.host .hero-text .cta:hover {
    color: #fff
}

div.styleguide.join .hero,
body.join .hero {
    padding: 52em 0 0
}

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

div.styleguide.join .hero-image,
body.join .hero-image {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-image: url("../../images/norwex-hero-5.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) {
    div.styleguide.join .hero-image,
    body.join .hero-image {
        height: 100%;
        max-height: 520px
    }
}

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

div.styleguide.join .hero-image-text,
body.join .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: #b6b1d8;
    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) {
    div.styleguide.join .hero-image-text,
    body.join .hero-image-text {
        right: 0
    }
}

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

div.styleguide.join .hero-image-text-container,
body.join .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%
}

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

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

div.styleguide.join .hero-image-text-surheading:before,
body.join .hero-image-text-surheading:before {
    left: 0
}

div.styleguide.join .hero-image-text-surheading:after,
body.join .hero-image-text-surheading:after {
    right: 0
}

div.styleguide.join .hero-image-text-icon,
body.join .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
}

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

div.styleguide.join .hero-image-text-icon:before,
body.join .hero-image-text-icon:before {
    left: 0
}

div.styleguide.join .hero-image-text-icon:after,
body.join .hero-image-text-icon:after {
    right: 0
}

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

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

div.styleguide.join .hero-image-text-icon svg,
body.join .hero-image-text-icon svg {
    height: 100%;
    width: 100%
}

div.styleguide.join .hero-image-text-icon svg use,
body.join .hero-image-text-icon svg use {
    fill: #fff
}

div.styleguide.join .hero-image-text-heading,
body.join .hero-image-text-heading {
    font-family: "Proxima-Nova-B";
    font-size: 2.438em;
    line-height: 110%;
    text-transform: uppercase
}

div.styleguide.join .hero-image-text-subheading,
body.join .hero-image-text-subheading {
    font-family: "Proxima-Nova-SB";
    font-size: 1.563em;
    line-height: 120%;
    margin: 0
}

div.styleguide.join .hero-image-text-surheading,
div.styleguide.join .hero-image-text-heading,
div.styleguide.join .hero-image-text-subheading,
body.join .hero-image-text-surheading,
body.join .hero-image-text-heading,
body.join .hero-image-text-subheading {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 1024px) {
    div.styleguide.join .hero-image-text-surheading,
    div.styleguide.join .hero-image-text-heading,
    div.styleguide.join .hero-image-text-subheading,
    body.join .hero-image-text-surheading,
    body.join .hero-image-text-heading,
    body.join .hero-image-text-subheading {
        margin-bottom: 0.5em
    }
}

div.styleguide.join .hero-text h1,
body.join .hero-text h1 {
    margin-bottom: 4rem
}

@media screen and (max-width: 1024px) {
    div.styleguide.join .hero-text h1,
    body.join .hero-text h1 {
        margin-bottom: 2rem
    }
}

div.styleguide.join .hero-text .cta,
body.join .hero-text .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";
    padding: 0.775em 1em;
    text-transform: uppercase;
    font-size: 1.125em
}

div.styleguide.join .hero-text .cta svg,
body.join .hero-text .cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

div.styleguide.join .hero-text .cta svg use,
body.join .hero-text .cta svg use {
    fill: #fff
}

div.styleguide.join .hero-text .cta:hover,
body.join .hero-text .cta:hover {
    color: #fff
}

div.styleguide.faq .hero,
body.faq .hero {
    background-image: url("../../images/blue-droplets-hero.png");
    background-color: #00b5bf
}

div.styleguide.faq .hero .hero,
body.faq .hero .hero {
    padding: 20em 0 0
}

@media screen and (min-width: 680px) {
    div.styleguide.faq .hero,
    body.faq .hero {
        padding: 25em 0em 0em
    }
}

@media screen and (max-width: 680px) {
    div.styleguide.faq .hero,
    body.faq .hero {
        padding: 16em 0em 0em
    }
}

@media screen and (max-width: 1024px) {
    div.styleguide.faq .hero-image-text-container,
    body.faq .hero-image-text-container {
        width: 100%
    }
}

@media screen and (max-width: 680px) {
    div.styleguide.faq .hero-image-text-container,
    body.faq .hero-image-text-container {
        top: 19%
    }
}

div.styleguide.faq .hero-image-text,
body.faq .hero-image-text {
    background-color: transparent;
    margin-right: 0;
    position: absolute;
    top: 7em;
    width: 75%
}

@media screen and (max-width: 680px) {
    div.styleguide.faq .hero-image-text,
    body.faq .hero-image-text {
        font-size: 0.7em;
        padding: 1.25rem;
        top: 12.5em;
        width: 240px
    }
}

div.styleguide.sales-and-specials .hero,
body.sales-and-specials .hero {
    padding: 52em 0 0;
    background-color: #00b5bf;
    padding: 0
}

@media screen and (max-width: 680px) {
    div.styleguide.sales-and-specials .hero,
    body.sales-and-specials .hero {
        padding: 30em 0 0
    }
}

div.styleguide.sales-and-specials .hero-image,
body.sales-and-specials .hero-image {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-image: url("../../images/shop/blue-shop-hero.png");
    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) {
    div.styleguide.sales-and-specials .hero-image,
    body.sales-and-specials .hero-image {
        height: 100%;
        max-height: 520px
    }
}

@media screen and (max-width: 1024px) {
    div.styleguide.sales-and-specials .hero-image,
    body.sales-and-specials .hero-image {
        height: 100%;
        max-height: 980px
    }
}

@media screen and (max-width: 680px) {
    div.styleguide.sales-and-specials .hero,
    body.sales-and-specials .hero {
        padding: 0
    }
}

.circle-buttons {
    text-align: center
}

@media screen and (max-width: 680px) {
    .circle-buttons {
        font-size: 0.8em
    }
}

@media screen and (max-width: 680px) {
    .circle-buttons {
        padding-top: 0;
        font-size: 0.7em
    }
}

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

@media screen and (max-width: 680px) {
    .circle-buttons .circle-button-container {
        margin-bottom: 1.25rem;
        width: 50%
    }
}

@media screen and (max-width: 680px) {
    .circle-buttons .circle-button-container:nth-child(3) {
        clear: left
    }
}

.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: 3em;
    height: 4.4em;
    padding: 1em 0.5rem;
    position: relative;
    text-align: center;
    width: 4.4em
}

.circle-buttons .circle-button-container a.shop span {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%
}

.circle-buttons .circle-button-container a.shop svg {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    height: 1.2em;
    width: 1.2em
}

.circle-buttons .circle-button-container a.shop svg use {
    fill: rgba(0, 181, 191, 0.5)
}

.circle-buttons .circle-button-container a.shop.right {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 680px) {
    .circle-buttons .circle-button-container a.shop.right {
        margin-bottom: .375rem
    }
}

.circle-buttons .circle-button-container a.shop.right span,
.circle-buttons .circle-button-container a.shop.right svg {
    font-size: 0.775em
}

.circle-buttons .circle-button-container a.shop.right span {
    -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%
}

.circle-buttons .circle-button-container a.shop.right svg {
    height: 1.25em;
    position: absolute;
    right: 7%;
    top: 37.5%;
    width: 0.7em
}

.circle-buttons .circle-button-container a.shop:hover {
    background-color: #00b5bf;
    color: #fff
}

.circle-buttons .circle-button-container a.shop:hover svg {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.circle-buttons .circle-button-container a.shop:hover svg use {
    fill: rgba(255, 255, 255, 0.5)
}

.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: 3em;
    height: 4.4em;
    padding: 1em 0.5rem;
    position: relative;
    text-align: center;
    width: 4.4em
}

.circle-buttons .circle-button-container a.host span {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%
}

.circle-buttons .circle-button-container a.host svg {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    height: 1.2em;
    width: 1.2em
}

.circle-buttons .circle-button-container a.host svg use {
    fill: rgba(255, 210, 79, 0.5)
}

.circle-buttons .circle-button-container a.host.right {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 680px) {
    .circle-buttons .circle-button-container a.host.right {
        margin-bottom: .375rem
    }
}

.circle-buttons .circle-button-container a.host.right span,
.circle-buttons .circle-button-container a.host.right svg {
    font-size: 0.775em
}

.circle-buttons .circle-button-container a.host.right span {
    -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%
}

.circle-buttons .circle-button-container a.host.right svg {
    height: 1.25em;
    position: absolute;
    right: 7%;
    top: 37.5%;
    width: 0.7em
}

.circle-buttons .circle-button-container a.host:hover {
    background-color: #ffd24f;
    color: #fff
}

.circle-buttons .circle-button-container a.host:hover svg {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.circle-buttons .circle-button-container a.host:hover svg use {
    fill: rgba(255, 255, 255, 0.5)
}

.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: 3em;
    height: 4.4em;
    padding: 1em 0.5rem;
    position: relative;
    text-align: center;
    width: 4.4em
}

.circle-buttons .circle-button-container a.join span {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%
}

.circle-buttons .circle-button-container a.join svg {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    height: 1.2em;
    width: 1.2em
}

.circle-buttons .circle-button-container a.join svg use {
    fill: rgba(182, 177, 216, 0.5)
}

.circle-buttons .circle-button-container a.join.right {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 680px) {
    .circle-buttons .circle-button-container a.join.right {
        margin-bottom: .375rem
    }
}

.circle-buttons .circle-button-container a.join.right span,
.circle-buttons .circle-button-container a.join.right svg {
    font-size: 0.775em
}

.circle-buttons .circle-button-container a.join.right span {
    -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%
}

.circle-buttons .circle-button-container a.join.right svg {
    height: 1.25em;
    position: absolute;
    right: 7%;
    top: 37.5%;
    width: 0.7em
}

.circle-buttons .circle-button-container a.join:hover {
    background-color: #b6b1d8;
    color: #fff
}

.circle-buttons .circle-button-container a.join:hover svg {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.circle-buttons .circle-button-container a.join:hover svg use {
    fill: rgba(255, 255, 255, 0.5)
}

.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: 3em;
    height: 4.4em;
    padding: 1em 0.5rem;
    position: relative;
    text-align: center;
    width: 4.4em
}

.circle-buttons .circle-button-container a.learn span {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%
}

.circle-buttons .circle-button-container a.learn svg {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    height: 1.2em;
    width: 1.2em
}

.circle-buttons .circle-button-container a.learn svg use {
    fill: rgba(98, 187, 70, 0.5)
}

.circle-buttons .circle-button-container a.learn.right {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 680px) {
    .circle-buttons .circle-button-container a.learn.right {
        margin-bottom: .375rem
    }
}

.circle-buttons .circle-button-container a.learn.right span,
.circle-buttons .circle-button-container a.learn.right svg {
    font-size: 0.775em
}

.circle-buttons .circle-button-container a.learn.right span {
    -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%
}

.circle-buttons .circle-button-container a.learn.right svg {
    height: 1.25em;
    position: absolute;
    right: 7%;
    top: 37.5%;
    width: 0.7em
}

.circle-buttons .circle-button-container a.learn:hover {
    background-color: #62bb46;
    color: #fff
}

.circle-buttons .circle-button-container a.learn:hover svg {
    -webkit-transition: all .2s ease-in-out;
    -khtml-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.circle-buttons .circle-button-container a.learn:hover svg use {
    fill: rgba(255, 255, 255, 0.5)
}

.circle-buttons .circle-button-container .explanation {
    font-size: 1.55em;
    line-height: 120%;
    margin: 0 auto;
    max-width: 220px;
    padding: 0 .375rem
}
.circle-button-container a span
{
	font-size: 0.6em !important;
}

.leaf-background {
    position: relative
}

.leaf-background .background-leaves-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: -1
}

.leaf-background .background-leaves-container .leaf-container {
    display: inline-block;
    position: relative;
    position: absolute
}

.leaf-background .background-leaves-container .leaf-container:nth-child(1) {
    -webkit-transform: rotate(-22deg) scaleX(-1);
    -khtml-transform: rotate(-22deg) scaleX(-1);
    -moz-transform: rotate(-22deg) scaleX(-1);
    -ms-transform: rotate(-22deg) scaleX(-1);
    -o-transform: rotate(-22deg) scaleX(-1);
    transform: rotate(-22deg) scaleX(-1);
    height: 6.5em;
    left: 5em;
    margin-top: -200px;
    width: 4.5em
}

.leaf-background .background-leaves-container .leaf-container:nth-child(2) {
    -webkit-filter: blur(6px);
    -khtml-filter: blur(6px);
    -moz-filter: blur(6px);
    -ms-filter: blur(6px);
    -o-filter: blur(6px);
    filter: blur(6px);
    -webkit-transform: rotate(-28deg) scaleX(-1);
    -khtml-transform: rotate(-28deg) scaleX(-1);
    -moz-transform: rotate(-28deg) scaleX(-1);
    -ms-transform: rotate(-28deg) scaleX(-1);
    -o-transform: rotate(-28deg) scaleX(-1);
    transform: rotate(-28deg) scaleX(-1);
    height: 5em;
    left: 25%;
    margin-top: -100px;
    width: 4em
}

.leaf-background .background-leaves-container .leaf-container:nth-child(3) {
    -webkit-filter: blur(3px);
    -khtml-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: blur(3px);
    height: 25em;
    left: 80%;
    margin: -300px 0 0;
    width: 18em
}

.leaf-background .background-leaves-container .leaf-container:nth-child(4) {
    -webkit-filter: blur(16px);
    -khtml-filter: blur(16px);
    -moz-filter: blur(16px);
    -ms-filter: blur(16px);
    -o-filter: blur(16px);
    filter: blur(16px);
    -webkit-transform: rotate(-28deg);
    -khtml-transform: rotate(-28deg);
    -moz-transform: rotate(-28deg);
    -ms-transform: rotate(-28deg);
    -o-transform: rotate(-28deg);
    transform: rotate(-28deg);
    height: 18em;
    left: 0;
    margin-top: -140px;
    width: 13em
}

.leaf-background .background-leaves-container .leaf-container:nth-child(5) {
    -webkit-transform: rotate(28deg);
    -khtml-transform: rotate(28deg);
    -moz-transform: rotate(28deg);
    -ms-transform: rotate(28deg);
    -o-transform: rotate(28deg);
    transform: rotate(28deg);
    height: 4em;
    left: 10%;
    margin-top: 80px;
    width: 3em
}

.leaf-background .background-leaves-container .leaf-container:nth-child(6) {
    -webkit-filter: blur(5px);
    -khtml-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: rotate(36deg) scaleX(-1);
    -khtml-transform: rotate(36deg) scaleX(-1);
    -moz-transform: rotate(36deg) scaleX(-1);
    -ms-transform: rotate(36deg) scaleX(-1);
    -o-transform: rotate(36deg) scaleX(-1);
    transform: rotate(36deg) scaleX(-1);
    height: 7em;
    left: 94%;
    width: 5em
}

.leaf-background .background-leaves-container .leaf-container svg {
    display: block;
    height: 100%;
    margin: 0 auto;
    padding: 10%;
    width: 100%
}

.leaf-background .background-leaves-container .leaf-container svg use {
    fill: rgba(127, 187, 70, 0.4)
}

@media screen and (max-width: 680px) {
    .leaf-background .background-leaves-container .leaf-container {
        display: none
    }
}

body.safari .leaf-background .background-leaves-container .leaf-container,
div.styleguide.safari .leaf-background .background-leaves-container .leaf-container {
    filter: none
}

body.safari .leaf-background .background-leaves-container .leaf-container:nth-child(2),
div.styleguide.safari .leaf-background .background-leaves-container .leaf-container:nth-child(2) {
    opacity: 0.5
}

body.safari .leaf-background .background-leaves-container .leaf-container:nth-child(3),
div.styleguide.safari .leaf-background .background-leaves-container .leaf-container:nth-child(3) {
    opacity: 0.7
}

body.safari .leaf-background .background-leaves-container .leaf-container:nth-child(4),
div.styleguide.safari .leaf-background .background-leaves-container .leaf-container:nth-child(4) {
    opacity: 0.2
}

body.safari .leaf-background .background-leaves-container .leaf-container:nth-child(6),
div.styleguide.safari .leaf-background .background-leaves-container .leaf-container:nth-child(6) {
    opacity: 0.4
}

.stat-callout-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%
}

.stat-callout-container .stat-callout {
    display: inline-block;
    position: relative;
    font-size: 1.125em;
    float: left;
    padding: 0 1em;
    width: 25%
}

@media screen and (max-width: 1024px) {
    .stat-callout-container .stat-callout {
        margin-bottom: 1.25rem;
        width: 50%
    }
}

@media screen and (max-width: 680px) {
    .stat-callout-container .stat-callout {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%;
        padding: 0
    }
}

.stat-callout-container .stat-callout .front,
.stat-callout-container .stat-callout .back {
    color: #fff;
    left: 0;
    padding: 2em 0.5em;
    text-shadow: 0 2px 2px rgba(70, 85, 95, 0.2);
    top: 0
}

@media screen and (max-width: 680px) {
    .stat-callout-container .stat-callout .front,
    .stat-callout-container .stat-callout .back {
        padding: 1.75rem 1rem
    }
}

.stat-callout-container .stat-callout .front:before,
.stat-callout-container .stat-callout .back:before {
    background-position: center center;
    background-size: 150% auto;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.stat-callout-container .stat-callout .front p,
.stat-callout-container .stat-callout .back p {
    font-size: 1em;
    margin-bottom: 0
}

.stat-callout-container .stat-callout .front {
    background-color: #5c6f7c
}

.stat-callout-container .stat-callout .front:before {
    background-image: url("../../images/chemical-pattern.svg")
}

.stat-callout-container .stat-callout .back {
    background-color: #00b5bf;
    position: absolute
}

.stat-callout-container .stat-callout .back:before {
    background-image: url("../../images/drops-pattern.svg")
}

.stat-callout-container .stat-callout svg {
    height: 2.5rem;
    margin: 0 auto 1.0rem;
    width: 50%
}

@media screen and (max-width: 680px) {
    .stat-callout-container .stat-callout svg {
        margin-bottom: .75rem
    }
}

.stat-callout-container .stat-callout svg use {
    fill: #fff
}

.highlight {
    font-family: "Proxima-Nova-L";
    padding: 0 2em;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .highlight {
        font-size: 0.8em
    }
}

@media screen and (max-width: 680px) {
    .highlight {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 2em
    }
}

.highlight .highlight-icon,
.highlight .highlight-heading {
    margin-bottom: 1.25rem
}

.highlight .highlight-icon {
    display: inline-block;
    position: relative;
    height: 5.5em;
    width: 5.5em
}

.highlight .highlight-icon svg {
    height: 100%;
    width: 100%
}

.highlight .highlight-icon svg use {
    fill: #ffd24f
}

.highlight .highlight-heading {
    font-size: 2em
}

.highlight .highlight-body {
    font-size: 1.125em;
    line-height: 135%;
    margin: 0 auto 1.25rem;
    max-width: 460px
}

.highlight .highlight-footer a {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    color: #00b5bf;
    font-family: "Proxima-Nova-B";
    font-size: 1.125em;
    margin-bottom: .75rem;
    text-decoration: underline
}

.highlight .image-highlight {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-image: url("../../images/norwex-hero-2.jpg");
    background-color: green;
    background-position: center 10%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10em 2.5em 2.5em
}

@media screen and (max-width: 1024px) {
    .highlight .image-highlight {
        padding: 8em 1.5em 1.5em
    }
}

.highlight .image-highlight .image-highlight-text {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: #00b5bf;
    color: #fff;
    padding: 1.25rem
}

@media screen and (max-width: 1024px) {
    .highlight .image-highlight .image-highlight-text {
        max-width: 280px
    }
}

.highlight .image-highlight .image-highlight-text p {
    font-family: "Proxima-Nova-B";
    margin-bottom: 0
}

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

.collage div {
    display: table;
    position: relative;
    float: left;
    overflow: hidden
}

.collage>div {
    border: none;
    float: right;
    width: 50%
}

@media screen and (max-width: 1024px) {
    .collage>div {
        display: table;
        position: relative;
        clear: both;
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .collage>div:nth-child(2) {
        display: none;
        position: relative;
        clear: both;
        float: none;
        width: 100%
    }
}

.collage>div>div {
    background-size: cover;
    /*border: 2px solid #fff;*/
    height: 0;
    /*padding-bottom: calc(100% / 3);*/
    width: calc(100% / 3);
		margin-right: -1px;
		-webkit-margin-start: 0;
}


.collage>div>div.tall {
    background-color: #62bb46;
    background-image: none;
    padding-bottom: calc(100% / 3 * 2 + 2.99px)
}

.collage>div>div.large-image {
    width: calc(100% / 3 * 2)
}

.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";
    line-height: 140%;
    padding: 1.25rem;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .collage>div>div p {
        font-size: 2.7vw
    }
}

@media screen and (max-width: 680px) {
    .collage>div>div p {
        font-size: 3vw
    }
}

.collage>div>div p span {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    margin-top: 1rem
}



.testimonials {
    background-color: #62bb46;
    display: inline-block;
    overflow: hidden
}

.testimonials:before {
    background-image: url("../../images/drops-pattern.svg");
    background-size: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.075;
    position: absolute;
    top: 0;
    width: 100%
}

.testimonials h2 {
    color: #fff;
    display: block;
    margin-bottom: 2rem;
    text-align: center
}

@media screen and (max-width: 680px) {
    .testimonials h2 {
        margin: 0 auto .75rem;
        max-width: 80%
    }
}



.quote-section {
    background-color: #00b5bf;
    margin: 2rem 0;
    padding: 8rem 0;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .quote-section {
        font-size: 0.8em
    }
}

@media screen and (max-width: 680px) {
    .quote-section {
        padding: 4rem 0 8rem
    }
}

.quote-section:before {
    background-image: url("../../images/drops-pattern.svg");
    background-size: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.075;
    position: absolute;
    top: 0;
    width: 100%
}

.quote-section:after {
    background-image: url("../../images/bjorn.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 90%;
    position: absolute;
    right: 0;
    width: 40%
}

@media screen and (max-width: 680px) {
    .quote-section:after {
        height: 70%
    }
}

.quote-section .quote-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 0 34% 0 15%
}

@media screen and (max-width: 680px) {
    .quote-section .quote-container {
        padding: 0
    }
}

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

@media screen and (max-width: 680px) {
    .quote-section .quote-container .blockquote {
        font-size: 2em
    }
}

.quote-section .quote-container .blockquote:before,
.quote-section .quote-container .blockquote:after {
    font-family: "Proxima-Nova-SBI";
    font-size: 10em;
    opacity: 0.4;
    position: absolute
}

.quote-section .quote-container .blockquote:before {
    content: "\201c";
    left: -0.45em;
    top: 35%
}

@media screen and (max-width: 680px) {
    .quote-section .quote-container .blockquote:before {
        font-size: 5em;
        top: 9%
    }
}

.quote-section .quote-container .blockquote:after {
    content: "\201d";
    left: 0.95em;
    top: 130%
}

@media screen and (max-width: 680px) {
    .quote-section .quote-container .blockquote:after {
        display: none
    }
}

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

@media screen and (max-width: 680px) {
    .video-section h3 {
        font-size: 0.9em;
        margin-bottom: 1.25rem
    }
}

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

.video-section .videos-container .video-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: #000;
    margin-bottom: 2rem
}

@media screen and (max-width: 680px) {
    .video-section .videos-container .video-container {
        margin-bottom: .75rem
    }
}

.video-section .videos-container .video-container:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

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

.video-section .videos-container .thumbnail-container {
    display: inline-block;
    position: relative;
    clear: both;
    margin: -1%;
    width: 102%
}

.video-section .videos-container .thumbnail-container a {
    display: inline-block;
    position: relative;
    float: left;
    margin: 1%;
    width: 18%;
    background-color: rgba(92, 111, 124, 0.4);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.video-section .videos-container .thumbnail-container a:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.video-section .host-rewards {
    display: inline-block;
    position: relative;
    clear: both;
    /*margin: -2.61792%;*/
    width: 100% !important;
}

.video-section .host-rewards 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";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

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

.video-section .host-rewards a.cta svg use {
    fill: #fff
}

.video-section .host-rewards a.cta:hover {
    color: #fff
}

.video-section .host-rewards h5 {
    color: #00b5bf
}

.video-section .host-rewards .host-rewards-container {
	display: inline-block;
	position: relative;
	float: left;
	margin: 2.61792%;
	width: 42.76415%;
	text-align: left;
}


@media screen and (max-width: 680px) {
    .video-section .host-rewards .host-rewards-container {
        display: inline-block;
        position: relative;
        float: left;
        margin: 2.61792%;
        width: 94.76415%
    }
}

.video-section .host-rewards .host-rewards-container.current-specials {
    display: inline-block;
    position: relative;
    padding: 3em 0 3em 10em;
    padding: 5em 0 5em 24%
}

@media screen and (max-width: 1024px) {
    .video-section .host-rewards .host-rewards-container.current-specials {
        padding: 2em 0 2em 25%
    }
}

@media screen and (max-width: 680px) {
    .video-section .host-rewards .host-rewards-container.current-specials {
        padding-left: 60%
    }
}

.video-section .host-rewards .host-rewards-container.current-specials:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 8em
}

@media screen and (max-width: 680px) {
    .video-section .host-rewards .host-rewards-container.current-specials:before {
        width: 45%
    }
}

.video-section .host-rewards .host-rewards-container.current-specials h5 {
    color: #00b5bf
}

.video-section .host-rewards .host-rewards-container.current-specials 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";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

.video-section .host-rewards .host-rewards-container.current-specials a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

.video-section .host-rewards .host-rewards-container.current-specials a.cta svg use {
    fill: #fff
}

.video-section .host-rewards .host-rewards-container.current-specials a.cta:hover {
    color: #fff
}

@media screen and (max-width: 1024px) {
    .video-section .host-rewards .host-rewards-container.current-specials {
        padding: 4em 0 4em 25%
    }
}

@media screen and (max-width: 680px) {
    .video-section .host-rewards .host-rewards-container.current-specials {
        padding-left: 55%
    }
}

.video-section .host-rewards .host-rewards-container.current-specials:before {
    width: 50%
}

.video-section .host-rewards .host-rewards-container p {
    font-size: 140%
}

.earn-commission-callout {
    display: inline-block;
    position: relative;
    min-height: 20em;
    text-align: center
}

.earn-commission-callout h3 {
    font-family: "Proxima-Nova-SB";
    line-height: 1;
    margin-bottom: 0;
    top: 2em
}

@media screen and (max-width: 680px) {
    .earn-commission-callout h3 {
        top: 4.5em
    }
}

.earn-commission-callout h3 .massive-heading {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    font-family: "Proxima-Nova-B";
    font-size: 4em;
    color: #ffd24f
}

.earn-commission-callout .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%;
    height: 100%;
    width: 100%;
    z-index: -1
}

.earn-commission-callout svg {
    height: 100%;
    width: 100%
}

.earn-commission-callout svg use {
    fill: rgba(98, 187, 70, 0.1)
}

.content-hero {
    position: relative;
    height: 550px;
    overflow: hidden
}

@media (max-width: 680px) {
    .content-hero {
        height: 360px
    }
}

.content-hero__content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 15px
}

.content-hero__img {
    position: relative;
    top: 50%;
    left: 50%;
    min-height: 100%;
    display: block;
    transform: translate(-50%, -50%);
    max-width: 1600px
}

.content-hero__wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    padding: 30px 50px;
    text-align: center
}

.content-hero__wrap--rectangle {
    max-width: 600px;
    min-width: 500px;
    height: 70%
}

@media (max-width: 680px) {
    .content-hero__wrap--rectangle {
        height: 80%
    }
}

@media (max-width: 1024px) {
    .content-hero__wrap--rectangle {
        min-width: 0;
        width: 90%
    }
}

.content-hero__wrap--circle {
    border-radius: 50%;
    width: 500px;
    height: 500px
}

@media (max-width: 680px) {
    .content-hero__wrap--circle {
        width: 310px;
        height: 310px
    }
}

.content-hero__wrap--bgwhite {
    background: #fefefe
}

.content-hero__wrap--bgteal {
    background: #00b5bf
}

.content-hero__wrap--bgpurple {
    background: #939ac6
}

.content-hero__wrap--bggreen {
    background: #77c025
}

.content-hero__wrap--bgyellow {
    background: #ffd24f
}

.content-hero__preheading {
    font-family: "Proxima-Nova-L";
    font-size: 21px;
    margin-bottom: 10px
}

.content-hero__preheading--white {
    color: #fefefe
}

.content-hero__preheading--teal {
    color: #00b5bf
}

.content-hero__preheading--green {
    color: #77c025
}

.content-hero__preheading--purple {
    color: #939ac6
}

.content-hero__preheading--yellow {
    color: #ffd24f
}

.content-hero__heading {
    font-size: 56px;
    font-family: "Proxima-Nova-L";
    margin-bottom: 20px
}

.content-hero__heading--white {
    color: #fefefe
}

.content-hero__heading--teal {
    color: #00b5bf
}

.content-hero__heading--green {
    color: #77c025
}

.content-hero__heading--purple {
    color: #939ac6
}

.content-hero__heading--yellow {
    color: #ffd24f
}

@media (max-width: 1024px) {
    .content-hero__heading {
        font-size: 42px
    }
}

@media (max-width: 680px) {
    .content-hero__heading {
        font-size: 28px
    }
}

.content-hero__subheading {
    font-family: "Proxima-Nova-B";
    font-size: 18px
}

.content-hero__subheading--white {
    color: #fefefe
}

.content-hero__subheading--teal {
    color: #00b5bf
}

.content-hero__subheading--green {
    color: #77c025
}

.content-hero__subheading--purple {
    color: #939ac6
}

.content-hero__subheading--yellow {
    color: #ffd24f
}

body.faq .faq-wrap,
div.styleguide.faq .faq-wrap {
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

@media screen and (min-width: 1024px) {
    body.faq .faq-wrap,
    div.styleguide.faq .faq-wrap {
        width: 48%
    }
}

@media screen and (max-width: 1024px) {
    body.faq .faq-wrap,
    div.styleguide.faq .faq-wrap {
        width: 80%
    }
}

body.faq select,
body.faq #search-criteria,
div.styleguide.faq select,
div.styleguide.faq #search-criteria {
    height: 57px
}

body.faq::-webkit-input-placeholder,
div.styleguide.faq::-webkit-input-placeholder {
    color: #00b5bf
}

body.faq::-moz-placeholder,
div.styleguide.faq::-moz-placeholder {
    color: #00b5bf
}

body.faq:-ms-input-placeholder,
div.styleguide.faq:-ms-input-placeholder {
    color: #00b5bf
}

body.faq:-moz-placeholder,
div.styleguide.faq:-moz-placeholder {
    color: #00b5bf
}

body.faq select option,
div.styleguide.faq select option {
    color: #5c6f7c;
    outline-width: 15px
}

body.faq select option:first-child,
div.styleguide.faq select option:first-child {
    color: #00b5bf
}

body.faq input[type="text"],
div.styleguide.faq input[type="text"] {
    height: 47px
}

body.faq .faq-question,
div.styleguide.faq .faq-question {
    font-size: 22px
}

body.faq .faq-question .faq-question-text:hover,
div.styleguide.faq .faq-question .faq-question-text:hover {
    cursor: pointer
}

body.faq .faq-question .faq-answer,
div.styleguide.faq .faq-question .faq-answer {
    display: none;
    padding-left: 3%;
    font-size: 20px
}

body.faq .faq-q,
div.styleguide.faq .faq-q {
    font-weight: bold;
    color: #73be1d
}

body.faq .filters,
div.styleguide.faq .filters {
    display: inline-block;
    width: 100%
}

@media screen and (min-width: 1024px) {
    body.faq .filters .sub-filter,
    div.styleguide.faq .filters .sub-filter {
        float: left;
        width: 48%;
        margin-right: 10px
    }
}

body.faq .clear,
div.styleguide.faq .clear {
    clear: both
}

.dual-cta {
    clear: both;
    display: table;
    width: 100%;
    position: relative;
    max-width: 1600px;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .dual-cta {
        display: block
    }
}

.dual-cta__item {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 60px 0;
    position: relative
}

@media (max-width: 1024px) {
    .dual-cta__item {
        width: 100%;
        display: block
    }
}

.dual-cta__item--bgbulbs {
    background: url("../../images/leadership/lightbulbs-bg.png") no-repeat center center
}

.dual-cta__item--bgcarwash {
    background: url("../../images/shop/carwash-bg.jpg") no-repeat center center;
    background-size: cover
}

.dual-cta__item--bgbrochure {
    background: url("../../images/shop/brochure-bg.jpg") no-repeat center center;
    background-size: cover
}

.dual-cta__item--green {
    background-color: #77c025
}

.dual-cta__item--teal {
    background-color: #00b5bf
}

.dual-cta__item--short {
    height: 275px
}

@media (max-width: 1024px) {
    .dual-cta__item--short {
        height: auto
    }
}

.dual-cta__content {
    width: 70%;
    margin: 0 auto;
    text-align: center
}

.dual-cta__heading {
    color: #fefefe;
    font-size: 42px
}

.dual-cta__text {
    color: #fefefe;
    font-size: 28px
}

.dual-picture {
    position: relative;
    display: table;
    width: 100%
}

@media (max-width: 680px) {
    .dual-picture {
        display: block
    }
}

.dual-picture__img {
    margin: -1px
}

.dual-picture__or {
    display: block;
    width: 40px;
    height: 40px;
    background: #fefefe;
    border-radius: 50%;
    color: #8a8a8a;
    text-align: center;
    line-height: 40px;
    font-size: 21px;
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -70%);
    z-index: 50
}

@media (max-width: 680px) {
    .dual-picture__or {
        display: none
    }
}

.dual-picture__item {
    position: relative;
    display: table-cell;
    width: 50%;
    border: 2px solid #fefefe;
    vertical-align: top
}

.dual-picture__item--bgteal {
    background: #cceaea
}

@media (max-width: 680px) {
    .dual-picture__item {
        display: block;
        width: 100%
    }
}

.dual-picture__title {
    font-size: 32px;
    font-family: 'Proxima-Nova-L';
    margin-bottom: 20px
}

.dual-picture__title--teal {
    color: #00b5bf
}

.dual-picture__content {
    padding: 20px 30px
}

.dual-picture__disclaimer {
    color: #a4a4a4;
    font-size: 12px
}

.article__published-on {
    color: #8a8a8a;
    font-size: 0.85rem
}

.article__published-on span {
    font-style: italic
}

.article--news {
    margin-bottom: 1rem
}

@media screen and (min-width: 40em) {
    .article--news {
        margin-bottom: 2rem
    }
}

.article--news__heading {
    margin-top: 2rem;
    margin-bottom: 0.5rem
}

@media screen and (min-width: 40em) {
    .article--news__heading {
        margin-top: 0
    }
}

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

.article--news__excerpt {
    padding: 0.5rem 0
}

.sales-section.customer {
    background-color: #00b5bf
}

.sales-section.host {
    background-color: #77c025
}

.sales-section {
    overflow: hidden
}

.sales-section .sales-container {
    position: relative;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1350px) {
    .sales-section .message-container {
        width: 64%
    }
}

@media screen and (min-width: 1024px) and (max-width: 1350px) {
    .sales-section .message-container {
        width: 60%
    }
}

@media screen and (max-width: 1024px) {
    .sales-section .message-container {
        padding: 0
    }
}

@media screen and (min-width: 680px) and (max-width: 1024px) {
    .sales-section .message-container .message {
        font-size: 40px
    }
}

@media screen and (max-width: 680px) {
    .sales-section .message-container .message {
        font-size: 30px
    }
}

.sales-section .message-container .sub-message {
    font-size: 20px
}

@media screen and (min-width: 1024px) {
    .sales-section .message-container .sub-message {
        width: 53%;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 680px) and (max-width: 1024px) {
    .sales-section .message-container .sub-message {
        font-size: 25px
    }
}

@media screen and (max-width: 680px) {
    .sales-section .message-container .sub-message {
        font-size: 20px
    }
}

@media screen and (min-width: 680px) and (max-width: 1024px) {
    .sales-section .sales-img {
        display: inline-block;
        margin-bottom: 10px;
        max-width: 50%;
        max-height: 250px
    }
}

@media screen and (max-width: 680px) {
    .sales-section .sales-img {
        display: inline-block;
        margin-bottom: 10px;
        max-height: 200px;
        width: auto;
        margin-top: 40px
    }
}

@media screen and (min-width: 1024px) {
    .sales-section .sales-img {
        height: auto
    }
}

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

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

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .sales-section .img-left {
        top: -10%;
        width: 25%;
        height: auto
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .sales-section .img-left {
        width: 30%
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .sales-section .img-left-top {
        width: 27%;
        top: -20px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .sales-section .img-left-bottom {
        width: 30%;
        margin-top: 10%
    }
}

@media screen and (max-width: 680px) {
    .sales-section .img-left-bottom {
        position: relative;
        margin-left: -45%
    }
}

@media screen and (min-width: 680px) and (max-width: 1024px) {
    .sales-section .img-left-bottom {
        margin-left: 75px
    }
}

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

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

@media screen and (min-width: 1024px) {
    .sales-section .img-right-bottom {
        position: absolute;
        bottom: 12%;
        left: 60%
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .sales-section .img-right-bottom {
        margin-left: 50px
    }
}

@media screen and (min-width: 680px) and (max-width: 1024px) {
    .sales-section .img-right-bottom {
        margin-left: -75px
    }
}

@media screen and (max-width: 680px) {
    .sales-section .img-right-bottom {
        position: absolute;
        width: 70%;
        bottom: 5px;
        left: 32%
    }
}

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

.sales-section .image-callout-message a.cta {
    font-size: 17px
}

.vertical-timeline {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    overflow: hidden
}

.vertical-timeline::before,
.vertical-timeline::after {
    content: ' ';
    display: table
}

.vertical-timeline::after {
    clear: both
}

@media screen and (min-width: 680px) {
    .vertical-timeline {
        padding: 60px 0
    }
    .vertical-timeline:before {
        content: '';
        display: block;
        position: absolute;
        height: 100%;
        width: 0;
        left: 50%;
        border-left: 2px solid #62bb46
    }
}

.vertical-timeline__item,
.vertical-timeline__img {
    z-index: 1
}

.vertical-timeline__item {
    display: block;
    margin-bottom: 40px;
    position: relative;
    text-align: left;
    padding-bottom: 40px;
    border-bottom: 1px solid #62bb46
}

.vertical-timeline__item::before,
.vertical-timeline__item::after {
    content: ' ';
    display: table
}

.vertical-timeline__item::after {
    clear: both
}

.vertical-timeline__item:last-child {
    padding-bottom: 0;
    border: none
}

@media screen and (min-width: 680px) {
    .vertical-timeline__item {
        margin-bottom: 60px;
        border: none;
        padding-bottom: 0;
    }
    .vertical-timeline__item:before {
        content: '';
        display: block;
        width: 27px;
        height: 27px;
        position: absolute;
        top: 0;
        left: 50%;
        border: 3px solid #00b5bf;
        border-radius: 50%;
        background: #fff;
        z-index: 1;
        transform: translateX(-50%)
    }
}

.vertical-timeline__item-inner {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto
}

.vertical-timeline__item-inner::before,
.vertical-timeline__item-inner::after {
    content: ' ';
    display: table
}

.vertical-timeline__item-inner::after {
    clear: both
}

.vertical-timeline__item-body {
    padding: 0 40px
}

@media screen and (min-width: 680px) {
    .vertical-timeline__item-body {
        padding-right: 0;
        width: 46%;
        width: calc(50% - 40px);
        float: left;
        text-align: right;
        clear: both
    }
}

@media screen and (min-width: 680px) {
    .vertical-timeline__item:nth-child(2n) .vertical-timeline__item-body {
        float: right;
        text-align: left;
        padding-left: 0;
        padding-right: 40px
    }
}

.vertical-timeline__heading {
    font-family: "Proxima-Nova";
    font-size: 45px;
    color: #00b5bf;
    margin-bottom: 20px
}

@media screen and (min-width: 680px) {
    .vertical-timeline__heading {
        font-size: 75px
    }
}

.vertical-timeline__img {
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width: 680px) {
    .vertical-timeline__img {
        position: absolute;
        padding: 0;
        margin: 0;
        left: 54%;
        left: calc(50% + 40px);
        top: 0;
        width: 100%;
        text-align: left
    }
    .vertical-timeline__item:nth-child(2n) .vertical-timeline__img {
        left: auto;
        right: 54%;
        right: calc(50% + 40px);
        text-align: right
    }
}

.vertical-timeline__spot {
    display: none
}

@media screen and (min-width: 680px) {
    .vertical-timeline__spot {
        display: block;
        position: absolute;
        top: 50%;
        z-index: 0;
        max-width: 45%;
        transform: translateY(-50%)
    }
    .vertical-timeline__spot--right {
        right: 0
    }
    .vertical-timeline__spot--left {
        left: 0
    }
}

body.home .host-section.with-image-callout,
div.styleguide.home .host-section.with-image-callout {
    padding: 4rem 0 0
}

body.home .host-section .icon-divider-heading,
div.styleguide.home .host-section .icon-divider-heading {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    text-align: center
}

body.home .host-section .icon-divider-heading,
body.home .host-section .icon-divider-heading .divider-container,
div.styleguide.home .host-section .icon-divider-heading,
div.styleguide.home .host-section .icon-divider-heading .divider-container {
    margin-bottom: 1em
}

body.home .host-section .icon-divider-heading .divider-container,
div.styleguide.home .host-section .icon-divider-heading .divider-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 1em 0
}

body.home .host-section .icon-divider-heading .divider-container .icon-divider,
div.styleguide.home .host-section .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%
}

body.home .host-section .icon-divider-heading .divider-container .icon-container,
div.styleguide.home .host-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: #fff;
    padding: 0 1em
}

body.home .host-section .icon-divider-heading .divider-container .icon-container svg,
div.styleguide.home .host-section .icon-divider-heading .divider-container .icon-container svg {
    height: 3em;
    width: 4em
}

body.home .host-section .icon-divider-heading .divider-container .icon-container svg use,
div.styleguide.home .host-section .icon-divider-heading .divider-container .icon-container svg use {
    fill: #ffd24f;
    stroke: #ffd24f
}

body.home .host-section h2,
div.styleguide.home .host-section h2 {
    color: #ffd24f;
    font-family: "Proxima-Nova-L";
    font-size: 3em
}

@media screen and (max-width: 680px) {
    body.home .host-section h2,
    div.styleguide.home .host-section h2 {
        font-size: 2.4em
    }
}

@media screen and (max-width: 680px) {
    body.home .host-section h2,
    div.styleguide.home .host-section h2 {
        font-size: 1.75em
    }
}

body.home .host-section h2.massive,
div.styleguide.home .host-section h2.massive {
    color: #00b5bf;
    font-family: "Proxima-Nova";
    font-size: 2.5em;
    line-height: 110%;
    font-size: 5.25em;
    line-height: 1;
    margin-bottom: 1rem;
    color: #ffd24f;
    padding: 0 5%
}

@media screen and (max-width: 1024px) {
    body.home .host-section h2.massive,
    div.styleguide.home .host-section h2.massive {
        font-size: 2em
    }
}

@media screen and (max-width: 680px) {
    body.home .host-section h2.massive,
    div.styleguide.home .host-section h2.massive {
        font-size: 1.75em
    }
}

@media screen and (max-width: 1024px) {
    body.home .host-section h2.massive,
    div.styleguide.home .host-section h2.massive {
        font-size: 4em
    }
}

@media screen and (max-width: 680px) {
    body.home .host-section h2.massive,
    div.styleguide.home .host-section h2.massive {
        font-size: 2.5em
    }
}

body.home .host-section h3,
div.styleguide.home .host-section h3 {
    max-width: 900px;
    color: #ffd24f
}

body.home .host-section a,
div.styleguide.home .host-section a {
    color: #ffd24f
}

body.home .host-section a.cta,
div.styleguide.home .host-section 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: #ffd24f;
    border: 2px solid #ffd24f;
    color: #fff;
    font-family: "Proxima-Nova-B";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

body.home .host-section a.cta svg,
div.styleguide.home .host-section a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.home .host-section a.cta svg use,
div.styleguide.home .host-section a.cta svg use {
    fill: #fff
}

body.home .host-section a.cta:hover,
div.styleguide.home .host-section a.cta:hover {
    color: #fff
}

body.home .host-section .image-callout,
div.styleguide.home .host-section .image-callout {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 4rem 0;
    text-align: center;
    background-image: url("../../images/clean-floor.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1600px;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    body.home .host-section .image-callout,
    div.styleguide.home .host-section .image-callout {
        padding: 2.5rem 0
    }
}

body.home .host-section .image-callout.half-section .half-section-content,
div.styleguide.home .host-section .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) {
    body.home .host-section .image-callout.half-section .half-section-content,
    div.styleguide.home .host-section .image-callout.half-section .half-section-content {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%
    }
}

body.home .host-section .image-callout.half-section .half-section-image,
div.styleguide.home .host-section .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) {
    body.home .host-section .image-callout.half-section .half-section-image,
    div.styleguide.home .host-section .image-callout.half-section .half-section-image {
        background-position: center center;
        top: 10%
    }
}

@media screen and (max-width: 680px) {
    body.home .host-section .image-callout.half-section .half-section-image,
    div.styleguide.home .host-section .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%
    }
}

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

@media screen and (max-width: 1024px) {
    body.home .host-section .image-callout-message,
    div.styleguide.home .host-section .image-callout-message {
        font-size: 0.75em
    }
}

@media screen and (max-width: 680px) {
    body.home .host-section .image-callout-message,
    div.styleguide.home .host-section .image-callout-message {
        font-size: 0.55em
    }
}

body.home .host-section .image-callout-message .message-container,
div.styleguide.home .host-section .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: 0 3em
}

body.home .host-section .image-callout-message .message-container .message,
div.styleguide.home .host-section .image-callout-message .message-container .message {
    color: #fff;
    font-family: "Proxima-Nova-L";
    font-size: 3.5em;
    margin-bottom: 2rem
}

@media screen and (max-width: 1024px) {
    body.home .host-section .image-callout-message .message-container .message,
    div.styleguide.home .host-section .image-callout-message .message-container .message {
        margin-bottom: 1rem
    }
}

body.home .host-section .image-callout-message a.cta,
div.styleguide.home .host-section .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";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase;
    font-size: 1.125em
}

body.home .host-section .image-callout-message a.cta svg,
div.styleguide.home .host-section .image-callout-message a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.home .host-section .image-callout-message a.cta svg use,
div.styleguide.home .host-section .image-callout-message a.cta svg use {
    fill: #fff
}

body.home .host-section .image-callout-message a.cta:hover,
div.styleguide.home .host-section .image-callout-message a.cta:hover {
    color: #fff
}

body.home .join-section.with-image-callout,
div.styleguide.home .join-section.with-image-callout {
    padding: 4rem 0 0
}

body.home .join-section .icon-divider-heading,
div.styleguide.home .join-section .icon-divider-heading {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    text-align: center
}

body.home .join-section .icon-divider-heading,
body.home .join-section .icon-divider-heading .divider-container,
div.styleguide.home .join-section .icon-divider-heading,
div.styleguide.home .join-section .icon-divider-heading .divider-container {
    margin-bottom: 1em
}

body.home .join-section .icon-divider-heading .divider-container,
div.styleguide.home .join-section .icon-divider-heading .divider-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 1em 0
}

body.home .join-section .icon-divider-heading .divider-container .icon-divider,
div.styleguide.home .join-section .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%
}

body.home .join-section .icon-divider-heading .divider-container .icon-container,
div.styleguide.home .join-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: #fff;
    padding: 0 1em
}

body.home .join-section .icon-divider-heading .divider-container .icon-container svg,
div.styleguide.home .join-section .icon-divider-heading .divider-container .icon-container svg {
    height: 3em;
    width: 4em
}

body.home .join-section .icon-divider-heading .divider-container .icon-container svg use,
div.styleguide.home .join-section .icon-divider-heading .divider-container .icon-container svg use {
    fill: #b6b1d8;
    stroke: #b6b1d8
}

body.home .join-section h2,
div.styleguide.home .join-section h2 {
    color: #b6b1d8;
    font-family: "Proxima-Nova-L";
    font-size: 3em
}

@media screen and (max-width: 680px) {
    body.home .join-section h2,
    div.styleguide.home .join-section h2 {
        font-size: 2.4em
    }
}

@media screen and (max-width: 680px) {
    body.home .join-section h2,
    div.styleguide.home .join-section h2 {
        font-size: 1.75em
    }
}

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

@media screen and (max-width: 1024px) {
    body.home .join-section h2.massive,
    div.styleguide.home .join-section h2.massive {
        font-size: 2em
    }
}

@media screen and (max-width: 680px) {
    body.home .join-section h2.massive,
    div.styleguide.home .join-section h2.massive {
        font-size: 1.75em
    }
}

@media screen and (max-width: 1024px) {
    body.home .join-section h2.massive,
    div.styleguide.home .join-section h2.massive {
        font-size: 4em
    }
}

@media screen and (max-width: 680px) {
    body.home .join-section h2.massive,
    div.styleguide.home .join-section h2.massive {
        font-size: 2.5em
    }
}

body.home .join-section h3,
div.styleguide.home .join-section h3 {
    max-width: 900px;
    color: #b6b1d8
}

body.home .join-section a,
div.styleguide.home .join-section a {
    color: #b6b1d8
}

body.home .join-section a.cta,
div.styleguide.home .join-section 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: #b6b1d8;
    border: 2px solid #b6b1d8;
    color: #fff;
    font-family: "Proxima-Nova-B";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

body.home .join-section a.cta svg,
div.styleguide.home .join-section a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.home .join-section a.cta svg use,
div.styleguide.home .join-section a.cta svg use {
    fill: #fff
}

body.home .join-section a.cta:hover,
div.styleguide.home .join-section a.cta:hover {
    color: #fff
}

body.home .join-section .image-callout,
div.styleguide.home .join-section .image-callout {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 4rem 0;
    text-align: center;
    background-image: url("../../images/child-safety.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1600px;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    body.home .join-section .image-callout,
    div.styleguide.home .join-section .image-callout {
        padding: 2.5rem 0
    }
}

body.home .join-section .image-callout.half-section .half-section-content,
div.styleguide.home .join-section .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) {
    body.home .join-section .image-callout.half-section .half-section-content,
    div.styleguide.home .join-section .image-callout.half-section .half-section-content {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%
    }
}

body.home .join-section .image-callout.half-section .half-section-image,
div.styleguide.home .join-section .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) {
    body.home .join-section .image-callout.half-section .half-section-image,
    div.styleguide.home .join-section .image-callout.half-section .half-section-image {
        background-position: center center;
        top: 10%
    }
}

@media screen and (max-width: 680px) {
    body.home .join-section .image-callout.half-section .half-section-image,
    div.styleguide.home .join-section .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%
    }
}

body.home .join-section .image-callout-message,
div.styleguide.home .join-section .image-callout-message {
    display: block;
    position: relative;
    background-color: #b6b1d8;
    border-radius: 1000em;
    color: #fff;
    height: 30em;
    margin: 0 auto;
    padding: 2rem;
    text-align: center;
    width: 30em
}

@media screen and (max-width: 1024px) {
    body.home .join-section .image-callout-message,
    div.styleguide.home .join-section .image-callout-message {
        font-size: 0.75em
    }
}

@media screen and (max-width: 680px) {
    body.home .join-section .image-callout-message,
    div.styleguide.home .join-section .image-callout-message {
        font-size: 0.55em
    }
}

body.home .join-section .image-callout-message .message-container,
div.styleguide.home .join-section .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: 0 3em
}

body.home .join-section .image-callout-message .message-container .message,
div.styleguide.home .join-section .image-callout-message .message-container .message {
    color: #fff;
    font-family: "Proxima-Nova-L";
    font-size: 3.5em;
    margin-bottom: 2rem
}

@media screen and (max-width: 1024px) {
    body.home .join-section .image-callout-message .message-container .message,
    div.styleguide.home .join-section .image-callout-message .message-container .message {
        margin-bottom: 1rem
    }
}

body.home .join-section .image-callout-message a.cta,
div.styleguide.home .join-section .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";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase;
    font-size: 1.125em
}

body.home .join-section .image-callout-message a.cta svg,
div.styleguide.home .join-section .image-callout-message a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.home .join-section .image-callout-message a.cta svg use,
div.styleguide.home .join-section .image-callout-message a.cta svg use {
    fill: #fff
}

body.home .join-section .image-callout-message a.cta:hover,
div.styleguide.home .join-section .image-callout-message a.cta:hover {
    color: #fff
}

body.home .about-movement-section.with-image-callout,
div.styleguide.home .about-movement-section.with-image-callout {
    padding: 4rem 0 0
}

body.home .about-movement-section .icon-divider-heading,
div.styleguide.home .about-movement-section .icon-divider-heading {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    text-align: center
}

body.home .about-movement-section .icon-divider-heading,
body.home .about-movement-section .icon-divider-heading .divider-container,
div.styleguide.home .about-movement-section .icon-divider-heading,
div.styleguide.home .about-movement-section .icon-divider-heading .divider-container {
    margin-bottom: 1em
}

body.home .about-movement-section .icon-divider-heading .divider-container,
div.styleguide.home .about-movement-section .icon-divider-heading .divider-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 1em 0
}

body.home .about-movement-section .icon-divider-heading .divider-container .icon-divider,
div.styleguide.home .about-movement-section .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%
}

body.home .about-movement-section .icon-divider-heading .divider-container .icon-container,
div.styleguide.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: #fff;
    padding: 0 1em
}

body.home .about-movement-section .icon-divider-heading .divider-container .icon-container svg,
div.styleguide.home .about-movement-section .icon-divider-heading .divider-container .icon-container svg {
    height: 3em;
    width: 4em
}

body.home .about-movement-section .icon-divider-heading .divider-container .icon-container svg use,
div.styleguide.home .about-movement-section .icon-divider-heading .divider-container .icon-container svg use {
    fill: #62bb46;
    stroke: #62bb46
}

body.home .about-movement-section h2,
div.styleguide.home .about-movement-section h2 {
    color: #62bb46;
    font-family: "Proxima-Nova-L";
    font-size: 3em
}

@media screen and (max-width: 680px) {
    body.home .about-movement-section h2,
    div.styleguide.home .about-movement-section h2 {
        font-size: 2.4em
    }
}

@media screen and (max-width: 680px) {
    body.home .about-movement-section h2,
    div.styleguide.home .about-movement-section h2 {
        font-size: 1.75em
    }
}

body.home .about-movement-section h2.massive,
div.styleguide.home .about-movement-section h2.massive {
    color: #00b5bf;
    font-family: "Proxima-Nova";
    font-size: 2.5em;
    line-height: 110%;
    font-size: 5.25em;
    line-height: 1;
    margin-bottom: 1rem;
    color: #62bb46;
    padding: 0 5%
}

@media screen and (max-width: 1024px) {
    body.home .about-movement-section h2.massive,
    div.styleguide.home .about-movement-section h2.massive {
        font-size: 2em
    }
}

@media screen and (max-width: 680px) {
    body.home .about-movement-section h2.massive,
    div.styleguide.home .about-movement-section h2.massive {
        font-size: 1.75em
    }
}

@media screen and (max-width: 1024px) {
    body.home .about-movement-section h2.massive,
    div.styleguide.home .about-movement-section h2.massive {
        font-size: 4em
    }
}

@media screen and (max-width: 680px) {
    body.home .about-movement-section h2.massive,
    div.styleguide.home .about-movement-section h2.massive {
        font-size: 2.5em
    }
}

body.home .about-movement-section h3,
div.styleguide.home .about-movement-section h3 {
    max-width: 900px;
    color: #62bb46
}

body.home .about-movement-section a,
div.styleguide.home .about-movement-section a {
    color: #62bb46
}

body.home .about-movement-section a.cta,
div.styleguide.home .about-movement-section 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: #62bb46;
    border: 2px solid #62bb46;
    color: #fff;
    font-family: "Proxima-Nova-B";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

body.home .about-movement-section a.cta svg,
div.styleguide.home .about-movement-section a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.home .about-movement-section a.cta svg use,
div.styleguide.home .about-movement-section a.cta svg use {
    fill: #fff
}

body.home .about-movement-section a.cta:hover,
div.styleguide.home .about-movement-section a.cta:hover {
    color: #fff
}

.about-movement-section {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 4rem 0;
    text-align: center;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .about-movement-section {
        padding: 2.5rem 0
    }
}

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

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

.about-movement-section.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) {
    .about-movement-section.half-section .half-section-image {
        background-position: center center;
        top: 10%
    }
}

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

.about-movement-section .movement-callout {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    margin-bottom: 2rem
}

.about-movement-section .movement-callout>div {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    font-size: 1.5em;
    line-height: 140%;
    font-family: 'Proxima-Nova';
}

@media screen and (max-width: 680px) {
    .about-movement-section .movement-callout>div {
        font-size: 1.1em
    }
}

.about-movement-section .movement-callout a {
    color: #62bb46;
    font-size: 1.1em;
    line-height: 140%;
    text-decoration: underline
}

.about-movement-section .movement-callout svg {
    height: 0.7em;
    width: 0.7em
}

.about-movement-section .movement-callout svg use {
    fill: #5c6f7c
}

body.our-story .icon-divider-heading .divider-container .icon-container svg,
div.styleguide.our-story .icon-divider-heading .divider-container .icon-container svg {
    margin-top: 0.7em
}

body.our-story .highlights .highlight:first-child,
div.styleguide.our-story .highlights .highlight:first-child {
    font-family: "Proxima-Nova-L";
    padding: 0 2em;
    text-align: center
}

@media screen and (max-width: 1024px) {
    body.our-story .highlights .highlight:first-child,
    div.styleguide.our-story .highlights .highlight:first-child {
        font-size: 0.8em
    }
}

@media screen and (max-width: 680px) {
    body.our-story .highlights .highlight:first-child,
    div.styleguide.our-story .highlights .highlight:first-child {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 2em
    }
}

body.our-story .highlights .highlight:first-child .highlight-icon,
body.our-story .highlights .highlight:first-child .highlight-heading,
div.styleguide.our-story .highlights .highlight:first-child .highlight-icon,
div.styleguide.our-story .highlights .highlight:first-child .highlight-heading {
    margin-bottom: 1.25rem
}

body.our-story .highlights .highlight:first-child .highlight-icon,
div.styleguide.our-story .highlights .highlight:first-child .highlight-icon {
    display: inline-block;
    position: relative;
    height: 5.5em;
    width: 5.5em
}

body.our-story .highlights .highlight:first-child .highlight-icon svg,
div.styleguide.our-story .highlights .highlight:first-child .highlight-icon svg {
    height: 100%;
    width: 100%
}

body.our-story .highlights .highlight:first-child .highlight-icon svg use,
div.styleguide.our-story .highlights .highlight:first-child .highlight-icon svg use {
    fill: #ffd24f
}

body.our-story .highlights .highlight:first-child .highlight-heading,
div.styleguide.our-story .highlights .highlight:first-child .highlight-heading {
    font-size: 2em
}

body.our-story .highlights .highlight:first-child .highlight-body,
div.styleguide.our-story .highlights .highlight:first-child .highlight-body {
    font-size: 1.125em;
    line-height: 135%;
    margin: 0 auto 1.25rem;
    max-width: 460px
}

body.our-story .highlights .highlight:first-child .highlight-footer a,
div.styleguide.our-story .highlights .highlight:first-child .highlight-footer a {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    color: #00b5bf;
    font-family: "Proxima-Nova-B";
    font-size: 1.125em;
    margin-bottom: .75rem;
    text-decoration: underline
}

body.our-story .highlights .highlight:nth-child(2),
div.styleguide.our-story .highlights .highlight:nth-child(2) {
    font-family: "Proxima-Nova-L";
    padding: 0 2em;
    text-align: center
}

@media screen and (max-width: 1024px) {
    body.our-story .highlights .highlight:nth-child(2),
    div.styleguide.our-story .highlights .highlight:nth-child(2) {
        font-size: 0.8em
    }
}

@media screen and (max-width: 680px) {
    body.our-story .highlights .highlight:nth-child(2),
    div.styleguide.our-story .highlights .highlight:nth-child(2) {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 2em
    }
}

body.our-story .highlights .highlight:nth-child(2) .highlight-icon,
body.our-story .highlights .highlight:nth-child(2) .highlight-heading,
div.styleguide.our-story .highlights .highlight:nth-child(2) .highlight-icon,
div.styleguide.our-story .highlights .highlight:nth-child(2) .highlight-heading {
    margin-bottom: 1.25rem
}

body.our-story .highlights .highlight:nth-child(2) .highlight-icon,
div.styleguide.our-story .highlights .highlight:nth-child(2) .highlight-icon {
    display: inline-block;
    position: relative;
    height: 5.5em;
    width: 5.5em
}

body.our-story .highlights .highlight:nth-child(2) .highlight-icon svg,
div.styleguide.our-story .highlights .highlight:nth-child(2) .highlight-icon svg {
    height: 100%;
    width: 100%
}

body.our-story .highlights .highlight:nth-child(2) .highlight-icon svg use,
div.styleguide.our-story .highlights .highlight:nth-child(2) .highlight-icon svg use {
    fill: #00b5bf
}

body.our-story .highlights .highlight:nth-child(2) .highlight-heading,
div.styleguide.our-story .highlights .highlight:nth-child(2) .highlight-heading {
    font-size: 2em
}

body.our-story .highlights .highlight:nth-child(2) .highlight-body,
div.styleguide.our-story .highlights .highlight:nth-child(2) .highlight-body {
    font-size: 1.125em;
    line-height: 135%;
    margin: 0 auto 1.25rem;
    max-width: 460px
}

body.our-story .highlights .highlight:nth-child(2) .highlight-footer a,
div.styleguide.our-story .highlights .highlight:nth-child(2) .highlight-footer a {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    color: #00b5bf;
    font-family: "Proxima-Nova-B";
    font-size: 1.125em;
    margin-bottom: .75rem;
    text-decoration: underline
}

body.our-story .highlights .highlight:nth-child(3),
div.styleguide.our-story .highlights .highlight:nth-child(3) {
    font-family: "Proxima-Nova-L";
    padding: 0 2em;
    text-align: center
}

@media screen and (max-width: 1024px) {
    body.our-story .highlights .highlight:nth-child(3),
    div.styleguide.our-story .highlights .highlight:nth-child(3) {
        font-size: 0.8em
    }
}

@media screen and (max-width: 680px) {
    body.our-story .highlights .highlight:nth-child(3),
    div.styleguide.our-story .highlights .highlight:nth-child(3) {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 2em
    }
}

body.our-story .highlights .highlight:nth-child(3) .highlight-icon,
body.our-story .highlights .highlight:nth-child(3) .highlight-heading,
div.styleguide.our-story .highlights .highlight:nth-child(3) .highlight-icon,
div.styleguide.our-story .highlights .highlight:nth-child(3) .highlight-heading {
    margin-bottom: 1.25rem
}

body.our-story .highlights .highlight:nth-child(3) .highlight-icon,
div.styleguide.our-story .highlights .highlight:nth-child(3) .highlight-icon {
    display: inline-block;
    position: relative;
    height: 5.5em;
    width: 5.5em
}

body.our-story .highlights .highlight:nth-child(3) .highlight-icon svg,
div.styleguide.our-story .highlights .highlight:nth-child(3) .highlight-icon svg {
    height: 100%;
    width: 100%
}

body.our-story .highlights .highlight:nth-child(3) .highlight-icon svg use,
div.styleguide.our-story .highlights .highlight:nth-child(3) .highlight-icon svg use {
    fill: #62bb46
}

body.our-story .highlights .highlight:nth-child(3) .highlight-heading,
div.styleguide.our-story .highlights .highlight:nth-child(3) .highlight-heading {
    font-size: 2em
}

body.our-story .highlights .highlight:nth-child(3) .highlight-body,
div.styleguide.our-story .highlights .highlight:nth-child(3) .highlight-body {
    font-size: 1.125em;
    line-height: 135%;
    margin: 0 auto 1.25rem;
    max-width: 460px
}

body.our-story .highlights .highlight:nth-child(3) .highlight-footer a,
div.styleguide.our-story .highlights .highlight:nth-child(3) .highlight-footer a {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    color: #00b5bf;
    font-family: "Proxima-Nova-B";
    font-size: 1.125em;
    margin-bottom: .75rem;
    text-decoration: underline
}

body.our-story .heritage.with-image-callout,
div.styleguide.our-story .heritage.with-image-callout {
    padding: 4rem 0 0
}

body.our-story .heritage .icon-divider-heading,
div.styleguide.our-story .heritage .icon-divider-heading {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    text-align: center
}

body.our-story .heritage .icon-divider-heading,
body.our-story .heritage .icon-divider-heading .divider-container,
div.styleguide.our-story .heritage .icon-divider-heading,
div.styleguide.our-story .heritage .icon-divider-heading .divider-container {
    margin-bottom: 1em
}

body.our-story .heritage .icon-divider-heading .divider-container,
div.styleguide.our-story .heritage .icon-divider-heading .divider-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 1em 0
}

body.our-story .heritage .icon-divider-heading .divider-container .icon-divider,
div.styleguide.our-story .heritage .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%
}

body.our-story .heritage .icon-divider-heading .divider-container .icon-container,
div.styleguide.our-story .heritage .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
}

body.our-story .heritage .icon-divider-heading .divider-container .icon-container svg,
div.styleguide.our-story .heritage .icon-divider-heading .divider-container .icon-container svg {
    height: 3em;
    width: 4em
}

body.our-story .heritage .icon-divider-heading .divider-container .icon-container svg use,
div.styleguide.our-story .heritage .icon-divider-heading .divider-container .icon-container svg use {
    fill: #00b5bf;
    stroke: #00b5bf
}

body.our-story .heritage h2,
div.styleguide.our-story .heritage h2 {
    color: #00b5bf;
    font-family: "Proxima-Nova-L";
    font-size: 3em
}

@media screen and (max-width: 680px) {
    body.our-story .heritage h2,
    div.styleguide.our-story .heritage h2 {
        font-size: 2.4em
    }
}

@media screen and (max-width: 680px) {
    body.our-story .heritage h2,
    div.styleguide.our-story .heritage h2 {
        font-size: 1.75em
    }
}

body.our-story .heritage h2.massive,
div.styleguide.our-story .heritage h2.massive {
    color: #00b5bf;
    font-family: "Proxima-Nova";
    font-size: 2.5em;
    line-height: 110%;
    font-size: 5.25em;
    line-height: 1;
    margin-bottom: 1rem;
    color: #00b5bf;
    padding: 0 5%
}

@media screen and (max-width: 1024px) {
    body.our-story .heritage h2.massive,
    div.styleguide.our-story .heritage h2.massive {
        font-size: 2em
    }
}

@media screen and (max-width: 680px) {
    body.our-story .heritage h2.massive,
    div.styleguide.our-story .heritage h2.massive {
        font-size: 1.75em
    }
}

@media screen and (max-width: 1024px) {
    body.our-story .heritage h2.massive,
    div.styleguide.our-story .heritage h2.massive {
        font-size: 4em
    }
}

@media screen and (max-width: 680px) {
    body.our-story .heritage h2.massive,
    div.styleguide.our-story .heritage h2.massive {
        font-size: 2.5em
    }
}

body.our-story .heritage h3,
div.styleguide.our-story .heritage h3 {
    max-width: 900px;
    color: #00b5bf
}

body.our-story .heritage a,
div.styleguide.our-story .heritage a {
    color: #00b5bf
}

body.our-story .heritage a.cta,
div.styleguide.our-story .heritage 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";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

body.our-story .heritage a.cta svg,
div.styleguide.our-story .heritage a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.our-story .heritage a.cta svg use,
div.styleguide.our-story .heritage a.cta svg use {
    fill: #fff
}

body.our-story .heritage a.cta:hover,
div.styleguide.our-story .heritage a.cta:hover {
    color: #fff
}

body.our-story .heritage .half-section-image,
div.styleguide.our-story .heritage .half-section-image {
    background-image: url(../../images/water-cloth.jpg)
}

body.our-story .heritage .icon-divider-heading .divider-container,
div.styleguide.our-story .heritage .icon-divider-heading .divider-container {
    margin-bottom: 3em
}

@media screen and (max-width: 680px) {
    body.our-story .heritage .icon-divider-heading .divider-container,
    div.styleguide.our-story .heritage .icon-divider-heading .divider-container {
        margin-bottom: 0
    }
}

body.our-story .vision.with-image-callout,
div.styleguide.our-story .vision.with-image-callout {
    padding: 4rem 0 0
}

body.our-story .vision .icon-divider-heading,
div.styleguide.our-story .vision .icon-divider-heading {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    text-align: center
}

body.our-story .vision .icon-divider-heading,
body.our-story .vision .icon-divider-heading .divider-container,
div.styleguide.our-story .vision .icon-divider-heading,
div.styleguide.our-story .vision .icon-divider-heading .divider-container {
    margin-bottom: 1em
}

body.our-story .vision .icon-divider-heading .divider-container,
div.styleguide.our-story .vision .icon-divider-heading .divider-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 1em 0
}

body.our-story .vision .icon-divider-heading .divider-container .icon-divider,
div.styleguide.our-story .vision .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%
}

body.our-story .vision .icon-divider-heading .divider-container .icon-container,
div.styleguide.our-story .vision .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
}

body.our-story .vision .icon-divider-heading .divider-container .icon-container svg,
div.styleguide.our-story .vision .icon-divider-heading .divider-container .icon-container svg {
    height: 3em;
    width: 4em
}

body.our-story .vision .icon-divider-heading .divider-container .icon-container svg use,
div.styleguide.our-story .vision .icon-divider-heading .divider-container .icon-container svg use {
    fill: #62bb46;
    stroke: #62bb46
}

body.our-story .vision h2,
div.styleguide.our-story .vision h2 {
    color: #62bb46;
    font-family: "Proxima-Nova-L";
    font-size: 3em
}

@media screen and (max-width: 680px) {
    body.our-story .vision h2,
    div.styleguide.our-story .vision h2 {
        font-size: 2.4em
    }
}

@media screen and (max-width: 680px) {
    body.our-story .vision h2,
    div.styleguide.our-story .vision h2 {
        font-size: 1.75em
    }
}

body.our-story .vision h2.massive,
div.styleguide.our-story .vision h2.massive {
    color: #00b5bf;
    font-family: "Proxima-Nova";
    font-size: 2.5em;
    line-height: 110%;
    font-size: 5.25em;
    line-height: 1;
    margin-bottom: 1rem;
    color: #62bb46;
    padding: 0 5%
}

@media screen and (max-width: 1024px) {
    body.our-story .vision h2.massive,
    div.styleguide.our-story .vision h2.massive {
        font-size: 2em
    }
}

@media screen and (max-width: 680px) {
    body.our-story .vision h2.massive,
    div.styleguide.our-story .vision h2.massive {
        font-size: 1.75em
    }
}

@media screen and (max-width: 1024px) {
    body.our-story .vision h2.massive,
    div.styleguide.our-story .vision h2.massive {
        font-size: 4em
    }
}

@media screen and (max-width: 680px) {
    body.our-story .vision h2.massive,
    div.styleguide.our-story .vision h2.massive {
        font-size: 2.5em
    }
}

body.our-story .vision h3,
div.styleguide.our-story .vision h3 {
    max-width: 900px;
    color: #62bb46
}

body.our-story .vision a,
div.styleguide.our-story .vision a {
    color: #62bb46
}

body.our-story .vision a.cta,
div.styleguide.our-story .vision 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: #62bb46;
    border: 2px solid #62bb46;
    color: #fff;
    font-family: "Proxima-Nova-B";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

body.our-story .vision a.cta svg,
div.styleguide.our-story .vision a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.our-story .vision a.cta svg use,
div.styleguide.our-story .vision a.cta svg use {
    fill: #fff
}

body.our-story .vision a.cta:hover,
div.styleguide.our-story .vision a.cta:hover {
    color: #fff
}

body.our-story .vision h2,
div.styleguide.our-story .vision h2 {
    color: #62bb46;
    font-family: "Proxima-Nova-L";
    font-size: 3em
}

@media screen and (max-width: 680px) {
    body.our-story .vision h2,
    div.styleguide.our-story .vision h2 {
        font-size: 2.4em
    }
}

@media screen and (max-width: 680px) {
    body.our-story .vision h2,
    div.styleguide.our-story .vision h2 {
        font-size: 1.75em
    }
}

body.our-story .vision h3,
body.our-story .vision h4,
div.styleguide.our-story .vision h3,
div.styleguide.our-story .vision h4 {
    background-color: transparent
}

body.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(1),
div.styleguide.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(1) {
    margin-top: 180px
}

body.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(2),
div.styleguide.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(2) {
    margin-top: 100px
}

body.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(3),
div.styleguide.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(3) {
    margin-top: 100px
}

body.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(4),
div.styleguide.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(4) {
    margin-top: 280px
}

body.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(5),
div.styleguide.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(5) {
    margin-top: 0
}

body.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(6),
div.styleguide.our-story .vision.leaf-background .background-leaves-container .leaf-container:nth-child(6) {
    margin-top: 0
}

body.leadership-team .section h1,
div.styleguide.leadership-team .section h1 {
    font-size: 37px;
    line-height: 1;
    margin-bottom: 5px
}

@media screen and (max-width: 680px) {
    body.leadership-team .section h1,
    div.styleguide.leadership-team .section h1 {
        font-size: 28px
    }
}

body.leadership-team .section h2,
div.styleguide.leadership-team .section h2 {
    font-size: 20px;
    font-family: 'Proxima-Nova-L';
    color: #5c6f7c
}

@media screen and (max-width: 680px) {
    body.leadership-team .section h2,
    div.styleguide.leadership-team .section h2 {
        font-size: 18px
    }
}

body.leadership-team .section blockquote,
div.styleguide.leadership-team .section blockquote {
    margin-top: 20px
}

@media screen and (min-width: 64em) {
    body.leadership-team .section blockquote,
    div.styleguide.leadership-team .section blockquote {
        margin-top: 80px
    }
}

@media screen and (max-width: 39.9375em) {
    .staff-photo {
        max-height: 200px
    }
}

body.shop-microfiber .video-single,
div.styleguide.shop-microfiber .video-single {
    position: relative
}

body.shop-microfiber .video-single [class^='icon-'],
div.styleguide.shop-microfiber .video-single [class^='icon-'] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    font-size: 60px;
    color: #fefefe;
    text-decoration: none;
    text-shadow: 2px 0px #8a8a8a
}

.teal {
    color: #00b5bf
}

.purple {
    color: #939ac6
}

.large-icon {
    font-size: 100px
}

.large-icon--darkgray {
    color: #8a8a8a
}

.warranty {
    font-size: 15px;
    line-height: 1.3;
    color: #8a8a8a;
    font-family: "Proxima-Nova-LI";
    text-align: center;
    padding: 20px 0 0 0;
    margin: 20px;
    position: relative
}

@media screen and (min-width: 40em) {
    .warranty {
        padding: 60px 0;
        margin: 20px
    }
}

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

body.host .bottom-callout-section .image-callout,
div.styleguide.host .bottom-callout-section .image-callout {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 4rem 0;
    text-align: center;
    background-image: url("../../images/norwex-party.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1600px;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    body.host .bottom-callout-section .image-callout,
    div.styleguide.host .bottom-callout-section .image-callout {
        padding: 2.5rem 0
    }
}

body.host .bottom-callout-section .image-callout.half-section .half-section-content,
div.styleguide.host .bottom-callout-section .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) {
    body.host .bottom-callout-section .image-callout.half-section .half-section-content,
    div.styleguide.host .bottom-callout-section .image-callout.half-section .half-section-content {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%
    }
}

body.host .bottom-callout-section .image-callout.half-section .half-section-image,
div.styleguide.host .bottom-callout-section .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) {
    body.host .bottom-callout-section .image-callout.half-section .half-section-image,
    div.styleguide.host .bottom-callout-section .image-callout.half-section .half-section-image {
        background-position: center center;
        top: 10%
    }
}

@media screen and (max-width: 680px) {
    body.host .bottom-callout-section .image-callout.half-section .half-section-image,
    div.styleguide.host .bottom-callout-section .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%
    }
}

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

@media screen and (max-width: 1024px) {
    body.host .bottom-callout-section .image-callout-message,
    div.styleguide.host .bottom-callout-section .image-callout-message {
        font-size: 0.75em
    }
}

@media screen and (max-width: 680px) {
    body.host .bottom-callout-section .image-callout-message,
    div.styleguide.host .bottom-callout-section .image-callout-message {
        font-size: 0.55em
    }
}

body.host .bottom-callout-section .image-callout-message .message-container,
div.styleguide.host .bottom-callout-section .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: 0 3em
}

body.host .bottom-callout-section .image-callout-message .message-container .message,
div.styleguide.host .bottom-callout-section .image-callout-message .message-container .message {
    color: #fff;
    font-family: "Proxima-Nova-L";
    font-size: 3.5em;
    margin-bottom: 2rem
}

@media screen and (max-width: 1024px) {
    body.host .bottom-callout-section .image-callout-message .message-container .message,
    div.styleguide.host .bottom-callout-section .image-callout-message .message-container .message {
        margin-bottom: 1rem
    }
}

body.host .bottom-callout-section .image-callout-message a.cta,
div.styleguide.host .bottom-callout-section .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";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase;
    font-size: 1.125em
}

body.host .bottom-callout-section .image-callout-message a.cta svg,
div.styleguide.host .bottom-callout-section .image-callout-message a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.host .bottom-callout-section .image-callout-message a.cta svg use,
div.styleguide.host .bottom-callout-section .image-callout-message a.cta svg use {
    fill: #fff
}

body.host .bottom-callout-section .image-callout-message a.cta:hover,
div.styleguide.host .bottom-callout-section .image-callout-message a.cta:hover {
    color: #fff
}

body.host .bottom-callout-section .image-callout a,
div.styleguide.host .bottom-callout-section .image-callout a {
    display: inline-block;
    position: relative;
    -webkit-transform: none;
    -khtml-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin-bottom: 1.25rem
}

@media screen and (max-width: 1024px) {
    body.host .bottom-callout-section .image-callout a,
    div.styleguide.host .bottom-callout-section .image-callout a {
        margin-bottom: .75rem
    }
}

body.host .bottom-callout-section .image-callout .callout-messaging,
div.styleguide.host .bottom-callout-section .image-callout .callout-messaging {
    font-family: "Proxima-Nova-B";
    font-size: 1.125em;
    line-height: 120%;
    margin: 0 auto;
    max-width: 52%;
    position: relative
}

body.host .why-host-section h2,
div.styleguide.host .why-host-section h2 {
    margin-bottom: 1em
}

body.host .why-host-section .highlights .highlight,
div.styleguide.host .why-host-section .highlights .highlight {
    padding: 0 1em
}

body.host .why-host-section .highlights .highlight:nth-child(1) .image-highlight,
div.styleguide.host .why-host-section .highlights .highlight:nth-child(1) .image-highlight {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-image: url("../../images/norwex-party.jpg");
    background-color: green;
    background-position: center 10%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10em 2.5em 2.5em
}

@media screen and (max-width: 1024px) {
    body.host .why-host-section .highlights .highlight:nth-child(1) .image-highlight,
    div.styleguide.host .why-host-section .highlights .highlight:nth-child(1) .image-highlight {
        padding: 8em 1.5em 1.5em
    }
}

body.host .why-host-section .highlights .highlight:nth-child(1) .image-highlight .image-highlight-text,
div.styleguide.host .why-host-section .highlights .highlight:nth-child(1) .image-highlight .image-highlight-text {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: #00b5bf;
    color: #fff;
    padding: 1.25rem
}

@media screen and (max-width: 1024px) {
    body.host .why-host-section .highlights .highlight:nth-child(1) .image-highlight .image-highlight-text,
    div.styleguide.host .why-host-section .highlights .highlight:nth-child(1) .image-highlight .image-highlight-text {
        max-width: 280px
    }
}

body.host .why-host-section .highlights .highlight:nth-child(1) .image-highlight .image-highlight-text p,
div.styleguide.host .why-host-section .highlights .highlight:nth-child(1) .image-highlight .image-highlight-text p {
    font-family: "Proxima-Nova-B";
    margin-bottom: 0
}

body.host .why-host-section .highlights .highlight:nth-child(2) .image-highlight,
div.styleguide.host .why-host-section .highlights .highlight:nth-child(2) .image-highlight {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-image: url("../../images/norwex-hero-2.jpg");
    background-color: green;
    background-position: center 10%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10em 2.5em 2.5em
}

@media screen and (max-width: 1024px) {
    body.host .why-host-section .highlights .highlight:nth-child(2) .image-highlight,
    div.styleguide.host .why-host-section .highlights .highlight:nth-child(2) .image-highlight {
        padding: 8em 1.5em 1.5em
    }
}

body.host .why-host-section .highlights .highlight:nth-child(2) .image-highlight .image-highlight-text,
div.styleguide.host .why-host-section .highlights .highlight:nth-child(2) .image-highlight .image-highlight-text {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: #00b5bf;
    color: #fff;
    padding: 1.25rem
}

@media screen and (max-width: 1024px) {
    body.host .why-host-section .highlights .highlight:nth-child(2) .image-highlight .image-highlight-text,
    div.styleguide.host .why-host-section .highlights .highlight:nth-child(2) .image-highlight .image-highlight-text {
        max-width: 280px
    }
}

body.host .why-host-section .highlights .highlight:nth-child(2) .image-highlight .image-highlight-text p,
div.styleguide.host .why-host-section .highlights .highlight:nth-child(2) .image-highlight .image-highlight-text p {
    font-family: "Proxima-Nova-B";
    margin-bottom: 0
}

body.host .why-host-section .highlights .highlight:nth-child(3) .image-highlight,
div.styleguide.host .why-host-section .highlights .highlight:nth-child(3) .image-highlight {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-image: url("../../images/enviro-cloths.jpg");
    background-color: green;
    background-position: center 10%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10em 2.5em 2.5em
}

@media screen and (max-width: 1024px) {
    body.host .why-host-section .highlights .highlight:nth-child(3) .image-highlight,
    div.styleguide.host .why-host-section .highlights .highlight:nth-child(3) .image-highlight {
        padding: 8em 1.5em 1.5em
    }
}

body.host .why-host-section .highlights .highlight:nth-child(3) .image-highlight .image-highlight-text,
div.styleguide.host .why-host-section .highlights .highlight:nth-child(3) .image-highlight .image-highlight-text {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    background-color: #00b5bf;
    color: #fff;
    padding: 1.25rem
}

@media screen and (max-width: 1024px) {
    body.host .why-host-section .highlights .highlight:nth-child(3) .image-highlight .image-highlight-text,
    div.styleguide.host .why-host-section .highlights .highlight:nth-child(3) .image-highlight .image-highlight-text {
        max-width: 280px
    }
}

body.host .why-host-section .highlights .highlight:nth-child(3) .image-highlight .image-highlight-text p,
div.styleguide.host .why-host-section .highlights .highlight:nth-child(3) .image-highlight .image-highlight-text p {
    font-family: "Proxima-Nova-B";
    margin-bottom: 0
}

body.host .what-to-expect.with-image-callout,
div.styleguide.host .what-to-expect.with-image-callout {
    padding: 4rem 0 0
}

body.host .what-to-expect .icon-divider-heading,
div.styleguide.host .what-to-expect .icon-divider-heading {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    text-align: center
}

body.host .what-to-expect .icon-divider-heading,
body.host .what-to-expect .icon-divider-heading .divider-container,
div.styleguide.host .what-to-expect .icon-divider-heading,
div.styleguide.host .what-to-expect .icon-divider-heading .divider-container {
    margin-bottom: 1em
}

body.host .what-to-expect .icon-divider-heading .divider-container,
div.styleguide.host .what-to-expect .icon-divider-heading .divider-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 1em 0
}

body.host .what-to-expect .icon-divider-heading .divider-container .icon-divider,
div.styleguide.host .what-to-expect .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%
}

body.host .what-to-expect .icon-divider-heading .divider-container .icon-container,
div.styleguide.host .what-to-expect .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
}

body.host .what-to-expect .icon-divider-heading .divider-container .icon-container svg,
div.styleguide.host .what-to-expect .icon-divider-heading .divider-container .icon-container svg {
    height: 3em;
    width: 4em
}

body.host .what-to-expect .icon-divider-heading .divider-container .icon-container svg use,
div.styleguide.host .what-to-expect .icon-divider-heading .divider-container .icon-container svg use {
    fill: #62bb46;
    stroke: #62bb46
}

body.host .what-to-expect h2,
div.styleguide.host .what-to-expect h2 {
    color: #62bb46;
    font-family: "Proxima-Nova-L";
    font-size: 3em
}

@media screen and (max-width: 680px) {
    body.host .what-to-expect h2,
    div.styleguide.host .what-to-expect h2 {
        font-size: 2.4em
    }
}

@media screen and (max-width: 680px) {
    body.host .what-to-expect h2,
    div.styleguide.host .what-to-expect h2 {
        font-size: 1.75em
    }
}

body.host .what-to-expect h2.massive,
div.styleguide.host .what-to-expect h2.massive {
    color: #00b5bf;
    font-family: "Proxima-Nova";
    font-size: 2.5em;
    line-height: 110%;
    font-size: 5.25em;
    line-height: 1;
    margin-bottom: 1rem;
    color: #62bb46;
    padding: 0 5%
}

@media screen and (max-width: 1024px) {
    body.host .what-to-expect h2.massive,
    div.styleguide.host .what-to-expect h2.massive {
        font-size: 2em
    }
}

@media screen and (max-width: 680px) {
    body.host .what-to-expect h2.massive,
    div.styleguide.host .what-to-expect h2.massive {
        font-size: 1.75em
    }
}

@media screen and (max-width: 1024px) {
    body.host .what-to-expect h2.massive,
    div.styleguide.host .what-to-expect h2.massive {
        font-size: 4em
    }
}

@media screen and (max-width: 680px) {
    body.host .what-to-expect h2.massive,
    div.styleguide.host .what-to-expect h2.massive {
        font-size: 2.5em
    }
}

body.host .what-to-expect h3,
div.styleguide.host .what-to-expect h3 {
    max-width: 900px;
    color: #62bb46
}

body.host .what-to-expect a,
div.styleguide.host .what-to-expect a {
    color: #62bb46
}

body.host .what-to-expect a.cta,
div.styleguide.host .what-to-expect 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: #62bb46;
    border: 2px solid #62bb46;
    color: #fff;
    font-family: "Proxima-Nova-B";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

body.host .what-to-expect a.cta svg,
div.styleguide.host .what-to-expect a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.host .what-to-expect a.cta svg use,
div.styleguide.host .what-to-expect a.cta svg use {
    fill: #fff
}

body.host .what-to-expect a.cta:hover,
div.styleguide.host .what-to-expect a.cta:hover {
    color: #fff
}

body.host .what-to-expect h2,
div.styleguide.host .what-to-expect h2 {
    margin-bottom: 1em
}

body.join .bottom-callout-section .image-callout,
div.styleguide.join .bottom-callout-section .image-callout {
    display: table;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 4rem 0;
    text-align: center;
    background-image: url("../../images/mom-and-daughter.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1600px;
    margin: 0 auto
}

@media screen and (max-width: 1024px) {
    body.join .bottom-callout-section .image-callout,
    div.styleguide.join .bottom-callout-section .image-callout {
        padding: 2.5rem 0
    }
}

body.join .bottom-callout-section .image-callout.half-section .half-section-content,
div.styleguide.join .bottom-callout-section .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) {
    body.join .bottom-callout-section .image-callout.half-section .half-section-content,
    div.styleguide.join .bottom-callout-section .image-callout.half-section .half-section-content {
        display: inline-block;
        position: relative;
        clear: both;
        float: none;
        width: 100%
    }
}

body.join .bottom-callout-section .image-callout.half-section .half-section-image,
div.styleguide.join .bottom-callout-section .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) {
    body.join .bottom-callout-section .image-callout.half-section .half-section-image,
    div.styleguide.join .bottom-callout-section .image-callout.half-section .half-section-image {
        background-position: center center;
        top: 10%
    }
}

@media screen and (max-width: 680px) {
    body.join .bottom-callout-section .image-callout.half-section .half-section-image,
    div.styleguide.join .bottom-callout-section .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%
    }
}

body.join .bottom-callout-section .image-callout-message,
div.styleguide.join .bottom-callout-section .image-callout-message {
    display: block;
    position: relative;
    background-color: #b6b1d8;
    border-radius: 1000em;
    color: #fff;
    height: 30em;
    margin: 0 auto;
    padding: 2rem;
    text-align: center;
    width: 30em
}

@media screen and (max-width: 1024px) {
    body.join .bottom-callout-section .image-callout-message,
    div.styleguide.join .bottom-callout-section .image-callout-message {
        font-size: 0.75em
    }
}

@media screen and (max-width: 680px) {
    body.join .bottom-callout-section .image-callout-message,
    div.styleguide.join .bottom-callout-section .image-callout-message {
        font-size: 0.55em
    }
}

body.join .bottom-callout-section .image-callout-message .message-container,
div.styleguide.join .bottom-callout-section .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: 0 3em
}

body.join .bottom-callout-section .image-callout-message .message-container .message,
div.styleguide.join .bottom-callout-section .image-callout-message .message-container .message {
    color: #fff;
    font-family: "Proxima-Nova-L";
    font-size: 3.5em;
    margin-bottom: 2rem
}

@media screen and (max-width: 1024px) {
    body.join .bottom-callout-section .image-callout-message .message-container .message,
    div.styleguide.join .bottom-callout-section .image-callout-message .message-container .message {
        margin-bottom: 1rem
    }
}

body.join .bottom-callout-section .image-callout-message a.cta,
div.styleguide.join .bottom-callout-section .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";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase;
    font-size: 1.125em
}

body.join .bottom-callout-section .image-callout-message a.cta svg,
div.styleguide.join .bottom-callout-section .image-callout-message a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.join .bottom-callout-section .image-callout-message a.cta svg use,
div.styleguide.join .bottom-callout-section .image-callout-message a.cta svg use {
    fill: #fff
}

body.join .bottom-callout-section .image-callout-message a.cta:hover,
div.styleguide.join .bottom-callout-section .image-callout-message a.cta:hover {
    color: #fff
}

body.join .bottom-callout-section .image-callout a,
div.styleguide.join .bottom-callout-section .image-callout a {
    display: inline-block;
    position: relative;
    -webkit-transform: none;
    -khtml-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin-bottom: 1.25rem
}

@media screen and (max-width: 1024px) {
    body.join .bottom-callout-section .image-callout a,
    div.styleguide.join .bottom-callout-section .image-callout a {
        margin-bottom: .75rem
    }
}

body.join .bottom-callout-section .image-callout .callout-messaging,
div.styleguide.join .bottom-callout-section .image-callout .callout-messaging {
    font-family: "Proxima-Nova-B";
    font-size: 1.125em;
    line-height: 120%;
    margin: 0 auto;
    max-width: 52%;
    position: relative
}

body.join .become-a-consultant,
div.styleguide.join .become-a-consultant {
    font-size: 1.125em
}

body.join .become-a-consultant.with-image-callout,
div.styleguide.join .become-a-consultant.with-image-callout {
    padding: 4rem 0 0
}

body.join .become-a-consultant .icon-divider-heading,
div.styleguide.join .become-a-consultant .icon-divider-heading {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    text-align: center
}

body.join .become-a-consultant .icon-divider-heading,
body.join .become-a-consultant .icon-divider-heading .divider-container,
div.styleguide.join .become-a-consultant .icon-divider-heading,
div.styleguide.join .become-a-consultant .icon-divider-heading .divider-container {
    margin-bottom: 1em
}

body.join .become-a-consultant .icon-divider-heading .divider-container,
div.styleguide.join .become-a-consultant .icon-divider-heading .divider-container {
    display: inline-block;
    position: relative;
    clear: both;
    float: none;
    width: 100%;
    padding: 1em 0
}

body.join .become-a-consultant .icon-divider-heading .divider-container .icon-divider,
div.styleguide.join .become-a-consultant .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%
}

body.join .become-a-consultant .icon-divider-heading .divider-container .icon-container,
div.styleguide.join .become-a-consultant .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
}

body.join .become-a-consultant .icon-divider-heading .divider-container .icon-container svg,
div.styleguide.join .become-a-consultant .icon-divider-heading .divider-container .icon-container svg {
    height: 3em;
    width: 4em
}

body.join .become-a-consultant .icon-divider-heading .divider-container .icon-container svg use,
div.styleguide.join .become-a-consultant .icon-divider-heading .divider-container .icon-container svg use {
    fill: #62bb46;
    stroke: #62bb46
}

body.join .become-a-consultant h2,
div.styleguide.join .become-a-consultant h2 {
    color: #62bb46;
    font-family: "Proxima-Nova-L";
    font-size: 3em
}

@media screen and (max-width: 680px) {
    body.join .become-a-consultant h2,
    div.styleguide.join .become-a-consultant h2 {
        font-size: 2.4em
    }
}

@media screen and (max-width: 680px) {
    body.join .become-a-consultant h2,
    div.styleguide.join .become-a-consultant h2 {
        font-size: 1.75em
    }
}

body.join .become-a-consultant h2.massive,
div.styleguide.join .become-a-consultant h2.massive {
    color: #00b5bf;
    font-family: "Proxima-Nova";
    font-size: 2.5em;
    line-height: 110%;
    font-size: 5.25em;
    line-height: 1;
    margin-bottom: 1rem;
    color: #62bb46;
    padding: 0 5%
}

@media screen and (max-width: 1024px) {
    body.join .become-a-consultant h2.massive,
    div.styleguide.join .become-a-consultant h2.massive {
        font-size: 2em
    }
}

@media screen and (max-width: 680px) {
    body.join .become-a-consultant h2.massive,
    div.styleguide.join .become-a-consultant h2.massive {
        font-size: 1.75em
    }
}

@media screen and (max-width: 1024px) {
    body.join .become-a-consultant h2.massive,
    div.styleguide.join .become-a-consultant h2.massive {
        font-size: 4em
    }
}

@media screen and (max-width: 680px) {
    body.join .become-a-consultant h2.massive,
    div.styleguide.join .become-a-consultant h2.massive {
        font-size: 2.5em
    }
}

body.join .become-a-consultant h3,
div.styleguide.join .become-a-consultant h3 {
    max-width: 900px;
    color: #62bb46
}

body.join .become-a-consultant a,
div.styleguide.join .become-a-consultant a {
    color: #62bb46
}

body.join .become-a-consultant a.cta,
div.styleguide.join .become-a-consultant 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: #62bb46;
    border: 2px solid #62bb46;
    color: #fff;
    font-family: "Proxima-Nova-B";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

body.join .become-a-consultant a.cta svg,
div.styleguide.join .become-a-consultant a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.join .become-a-consultant a.cta svg use,
div.styleguide.join .become-a-consultant a.cta svg use {
    fill: #fff
}

body.join .become-a-consultant a.cta:hover,
div.styleguide.join .become-a-consultant a.cta:hover {
    color: #fff
}

body.join .become-a-consultant h2,
div.styleguide.join .become-a-consultant h2 {
    margin-bottom: 1em
}

body.join .testimonials,
div.styleguide.join .testimonials {
    background-color: #b6b1d8
}

body.join .earnings,
div.styleguide.join .earnings {
    display: inline-block
}

body.join .earnings h2,
div.styleguide.join .earnings h2 {
    color: #62bb46;
    margin-bottom: 0.75em
}

body.join .getting-started,
div.styleguide.join .getting-started {
    font-size: 1.125em;
    background-image: url("../../images/large-drop-pattern.svg");
    background-position: 80% center;
    background-repeat: no-repeat;
    display: inline-block
}

@media screen and (max-width: 680px) {
    body.join .getting-started,
    div.styleguide.join .getting-started {
        background-image: none
    }
}

body.join .getting-started p,
div.styleguide.join .getting-started p {
    font-size: 125%
}

body.join .getting-started p.note,
div.styleguide.join .getting-started p.note {
    font-family: "Proxima-Nova";
    font-size: 75%;
    margin-top: 2.5%;
    text-align: left
}

body.join .getting-started h2,
div.styleguide.join .getting-started h2 {
    margin-bottom: 1em
}

body.join .getting-started h5,
div.styleguide.join .getting-started h5 {
    color: #00b5bf
}

body.join .getting-started .current-specials,
div.styleguide.join .getting-started .current-specials {
    display: inline-block;
    position: relative;
    padding: 3em 0 3em 10em
}

@media screen and (max-width: 1024px) {
    body.join .getting-started .current-specials,
    div.styleguide.join .getting-started .current-specials {
        padding: 2em 0 2em 25%
    }
}

@media screen and (max-width: 680px) {
    body.join .getting-started .current-specials,
    div.styleguide.join .getting-started .current-specials {
        padding-left: 60%
    }
}

body.join .getting-started .current-specials:before,
div.styleguide.join .getting-started .current-specials:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 8em
}

@media screen and (max-width: 680px) {
    body.join .getting-started .current-specials:before,
    div.styleguide.join .getting-started .current-specials:before {
        width: 45%
    }
}

body.join .getting-started .current-specials h5,
div.styleguide.join .getting-started .current-specials h5 {
    color: #00b5bf
}

body.join .getting-started .current-specials a.cta,
div.styleguide.join .getting-started .current-specials 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";
    font-size: 0.875em;
    padding: 0.775em 1em;
    text-transform: uppercase
}

body.join .getting-started .current-specials a.cta svg,
div.styleguide.join .getting-started .current-specials a.cta svg {
    display: inline;
    position: relative;
    float: left;
    height: 1em;
    margin-right: .375rem;
    width: 1em
}

body.join .getting-started .current-specials a.cta svg use,
div.styleguide.join .getting-started .current-specials a.cta svg use {
    fill: #fff
}

body.join .getting-started .current-specials a.cta:hover,
div.styleguide.join .getting-started .current-specials a.cta:hover {
    color: #fff
}

body.join .getting-started .brochures,
div.styleguide.join .getting-started .brochures {
    background-image: url("../../images/brochures.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 5% 0 1rem;
    padding-bottom: 40%
}

@media screen and (max-width: 680px) {
    body.join .getting-started .brochures,
    div.styleguide.join .getting-started .brochures {
        padding-bottom: 56.25%
    }
}

.locpartners {
    padding-top: 5px !important;
    margin-top: 1.5em;
}

.icn-nwx-lab-fonts {
    font-size: 3.5rem;
}

sourceMappingURL=style.css.map