@charset "utf-8";
/* Cubed Home Page CSS Document */
/* LAYOUT STYLES */
.articleR.cubedDHP { }
.cubedDHP .col.quarter { min-height: 350px; }
.breadcrumbs { display: none; }
.heroCubedDHP, .graceHero, .wellnessHero { max-width: 1400px; width: 100%; margin: 0px auto; }
.pageHeroCubedDHP { max-width: 1200px; width: 100%; margin: 0px auto; }
.heroCubedDHP img, .graceHero img, .wellnessHero img, .pageHeroCubedDHP img { width: 100%; margin: 0px auto; }
.bigHeroCubedDHP, .bigHeroCubedDHP img { width: 100%; margin: 0px auto; }
.fullHeroCubedDHP { max-width: 100%; width: 100%; margin: 0px auto; left: 0; right: 0; }
.fullHeroCubedDHP img { max-width: 100%; width: 100%; margin: 0px auto; left: 0; right: 0; }
.cubedDHP .innerContainer { margin-bottom: 0px; }
.cubedDHP .heroSliderDHP { max-width: 1400px; width: 100%; margin: 0px auto; }
.cubedDHP .heroSliderDHP img { width: 100%; margin: 0px auto; }
.cubedDHP .heroSliderDHPDash { max-width: 1400px; width: 100%; margin: 0px auto; }
.cubedDHP .heroSliderDHPDash img { width: 100%; margin: 0px auto; }
.cubedDHP .col.w60 { margin: 100px 0px; }
.cubedDHP .howToContents .col.w60, .cubedDHP #howToContainerM .col.w60 { margin: 0px 0px; width: 50%; margin-left: 0px; margin-top: 0px !important; }
.cubedDHP .innerContainer .col.w60.aboutTravel { background-color: #EBEBEB; margin: 0px 0px; margin-right: 0 !important; }
.cubedDHP .col.w60 img { width: 100%; margin: 0px auto; }
.cubedDHP .col.fullWidthPadded { max-height: 600px; margin-top: 40px; text-align: center; margin-bottom: 40px; }
.cubedDHP .col.fullWidth { max-height: 600px; margin-top: 40px; text-align: center; margin-bottom: 0px; }
.cubedDHP .col.fullWidth img { width: 100%; max-height: 600px; margin: 0px auto; }
.cubedDHP .col.fullWidthNoPad { max-height: 600px; margin-top: 0px; text-align: center; margin-bottom: 0px; }
.col.heroTitle { padding: 20px 0px; text-align: center; }
.col.heroTitleLeft { padding: 20px 0px; text-align: left; }
.quantityBox input[type="number"] { text-align: center; }
.paddedLeft20 { padding-left: 20px; }
.floatRight { float: right !important; }
.cubedDHP .footerSecondary { margin-bottom: 40px; text-align: left; }
.cubedDHP .innerContainer .col.w60:nth-child(1) { width: 50%; margin-left: 10%; }
.cubedDHP .innerContainer .col.w60.fullw60:nth-child(1) { width: 60%; margin-left: 0; }
.cubedDHP .innerContainer .col.w60:nth-child(3) { width: 50%; /*margin-right:10%;*/ float: right; }
.cubedDHP .howToContents .innerContainer .col.w60:nth-child(1) { width: 50%; margin-left: 10%; float: right; }
.cubedDHP .col.w40:nth-child(1) { margin-left: 10%; margin-right: 10%; width: 20%; text-align: left; }
.cubedDHP .howToContents .col.w40 { margin: 0px; width: 40%; }
.cubedDHP .col.w40:nth-of-type(4) .info { width: 70%; margin-top: 28%; padding: 20px 20px; text-align: left; padding-bottom: 40px; margin-right: 15%; }
.cubedDHP .col.w40:nth-of-type(4) .info.centeredContentLeft { width: 85%; margin-top: 15%; padding: 20px 20px; text-align: left; padding-bottom: 40px; margin-right: 10%; }
.cubedDHP .col.w40:nth-of-type(4) .info h3 { margin-top: 0px !important; }
.plumbContent { height: auto; text-align: left; margin-left: 10%; width: 90%; margin-top: 45%; }
.plumbContentVital { height: auto; text-align: left; margin-left: 10%; width: 90%; margin-top: 0%; }
.plumbContentVitalLeft { height: auto; text-align: left; margin-left: 0%; margin-right: 10%; width: 90%; margin-top: 20%; }
.plumbContentVitalTop { height: auto; text-align: left; margin-left: 0%; margin-right: 10%; width: 90%; margin-top: 0%; }
.plumbContentLeft { height: auto; text-align: left; margin-left: 10%; width: 90%; margin-top: 25%; }
.plumbContentTop { height: auto; text-align: left; margin-left: 10%; width: 90%; margin-top: 30%; }
.plumbContentTopNoMargin { height: auto; text-align: left; margin-left: 10%; width: 90%; margin-top: 0%; }
.plumbContentTop p { height: auto; text-align: left; padding: 0px; }
.plumbContentBest { height: auto; text-align: left; margin-left: 10%; width: 90%; margin-top: 20%; }
.plumbContentBestRight { height: auto; text-align: left; margin-right: 10%; width: 90%; margin-top: 20%; }
.plumbContentBestTop { height: auto; text-align: left; margin-right: 10%; width: 90%; margin-top: 20%; }
.col.half { margin-bottom: 40px; }
.info.center img { margin: 0px auto; }
.iconLinks { display: inline-block; margin: 20px; }
.info.iconLinksWrapper { text-align: center; }
.col.half.ImageRightNone { padding: 0%; float: right; }
.info.centeredContent, .info.centeredContentLeft { height: 50%; position: relative; text-align: left; margin-top: 7%; padding-left: 10%; padding-right: 10%; }
.col.half.pushDown { margin-top: 100px; }
/*FIND YOUR SKINCARE*/
.articleR.personalShopper .radioList { /*margin-left: 80px !important;*/ }
.articleR.personalShopper .radioList li { list-style-type: none !important; }
.Thanks { font-weight: normal; font-size: 1.2em; color: forestgreen; margin: 20px 0px; }
.personalShopper .button, input.button { border: 0px !important; }
.personalShopper .button:hover, input.button:hover { border: 0px !important; text-decoration: underline; opacity: 1; }
.slideContentNew { text-align: center; }
@media only screen and (max-width: 980px) {
    .articleR.personalShopper .radioList { list-style-type: none !important; margin-left: 0 !important; }
    .articleR.personalShopper .radioList label { padding-left: 5px; }
}
/* WELLNESS ARROWS */
.arrowBoxHealth { position: relative; background: #D8E2C1; padding-bottom: 40px; padding-top: 60px; margin-top: 40px; }
.arrowBoxHealth:before { top: 0%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #FFFFFF; border-width: 20px; margin-left: -20px; }
.wellnessHome .col.third .info { text-align: left; padding: 0px 40px; }
.wellnessHome .col.third .info .price { text-align: center; padding: 20px 0px; }
.wellnessHome .col.third p.italic { margin-top: 0px; padding-bottom: 0px; color: #006837; }
.wellnessHome .col.third h4 { padding-bottom: 20px; margin-top: 0px; text-transform: capitalize; }
.wellnessHome .col.third.borderBoth { border-right: 1px solid #000; border-left: 1px solid #000; }
.wellnessHome .col.third a:link { padding: 10px; border: 1px solid #000; }
.wellNessPrice { font-size: 4em; }
.cubedDHP .col.w60 .info { padding-bottom: 0px; }
.col.w60.right { float: right; }
.plumbContent h4 { /* padding-top: 20px;*/ }
.howToContents .col.w60:nth-child(1) { float: right !important; }
#howToContainer { display: none; }
#howToContainerM { display: none; }
.col.reversedSection { background-color: #F4F4F4; padding: 20px 0px; }
.cubedDHP .innerContainer .col.w60.howTo { width: 60%; margin-left: 0px; }
/*DOWNLOAD THE APP STYLES */
.col.downloadApp { background-color: #F4F4F4; }
.downloadApp p, .juicyBenefits h4 { text-align: left; max-width: 460px; margin: 0px; padding: 0px 0px 15px 0px; }
.downloadApp h4 { padding-top: 40px; }
/*DOWNLOAD INSTRUCTION STYLES */
.col.downloadInstructions h4 { padding: 40px; }
.downloadInstructionsWrapper .info a:link img { width: 30%; }
/*ALOE JUICE STYLES */
.col.juicyBenefits { background-color: #D9E3C2; }
.juicyBenefits p, .juicyBenefits h4 { text-align: left; max-width: 460px; margin: 0px; padding: 0px 0px 15px 0px; }
.juicyBenefits h4 { padding-top: 40px; }
.juicyBenefits { padding-top: 40px; margin-bottom: 40px; }
.col.juicyBenefits .col.w50 p img { margin-right: 20px; width: 40px; }
.col.ourCommitment { background-color: #FFFFFF; }
.ourCommitment p, .ourCommitment h4 { text-align: left; /*max-width:460px; margin:0px; padding:5px 0px 25px 30px;*/ }
.ourCommitment { padding-top: 40px; }
.col.ourCommitment .col.w50 p img { margin-right: 20px; width: 40px; display: table-cell; float: left; }
.col.spacerDiv { height: 60px; display: block; width: 100%; float: left; }
/* LETS GET TOGETHER */
.letsGet .col.third .info h4 { padding-top: 40px; }
.letsGetFooter { text-align: center; padding: 20px 0px; margin-bottom: 40px; }
/*.letsGets .col.third .info p {text-align:left;}*/
.spacerTop { margin-top: 40px !important; }
.spacerBottom { margin-bottom: 40px !important; }
.spacerBoth { margin-top: 40px !important; margin-bottom: 40px !important; }
ul.dash { list-style: none; margin-left: 0; padding-left: 0; }
ul.dash > li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; }
ul.dash > li { margin-bottom: 1em; margin-left: 20px; }
@media only screen and (max-width: 980px) {
    .letsGet .col.third .info { text-align: center; margin-bottom: 40px; }
    .spacerTop { margin-top: 20px !important; }
    .spacerBottom { margin-bottom: 20px !important; }
    .spacerBoth { margin-top: 20px !important; margin-bottom: 20px !important; }
    .col.half p, .col.half img { width: 100%; }
    .cubedDHP .col.fullWidthPadded { max-height: 600px; margin-top: 10px; text-align: center; margin-bottom: 20px; }
    .plumbContentLeft { height: auto; text-align: left; margin-left: 0; width: 90%; margin-top: 0%; }
    .plumbContentVital { height: auto; text-align: left; margin-left: 0%; width: 90%; margin-top: 0%; }
    .plumbContentVitalLeft { height: auto; text-align: left; margin-left: 0%; margin-right: 0%; width: 90%; margin-top: 0%; }
    .plumbContentBest { height: auto; text-align: left; margin-left: 0%; width: 90%; margin-top: 0%; }
    .plumbContentBestRight { height: auto; text-align: left; margin-right: 0%; width: 90%; margin-top: 0%; }
    .juicyBenefits { padding-top: 40px; margin-bottom: 20px; }
}
/* VIDEO STYLES */
.cubedDHP .col.introVideo { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }
.col.introVideo iframe, .col.introVideo object, .col.introVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* Reversed Content */
.info.reversedContent p { color: #444444; }
.info.reversedContentGrace { background-color: #4D4D4D; color: #FFFFFF !important; }
.info.reversedContentJewellery { background-color: #CCCCCC; }
.info.reversedContentGrace p { color: #FFFFFF; }
.info.reversedContentHealth { background-color: #C8D8A1 !important; color: #444444; }
.info.reversedContentHome { background-color: #EAEAEA !important; color: #444444; }
.info.reversedContentPerformance { background-color: rgba(0, 113, 178, 0.2); color: #444444; }
.info.reversedContentLOH { background-color: #CEA876; color: #FFFFFF !important; }
.info.reversedContentLOH p, .info.reversedContentLOH h4, .info.reversedContentLOH h4 a:active { color: #FFFFFF !important; }
.info.reversedContentLOH a:link, .info.reversedContentLOH a:visited, .info.reversedContentLOH a:hover, .info.reversedContentLOH a:active { color: #FFFFFF; }
/*PARALLAX HEIGHT */
.parallax #intro { min-height: 400px !important; }
/* TYPOGRAPHY STYLES */
h1, h2, h3, h4, h5, h6 { letter-spacing: 0.05em; font-weight: 300; }
.plumbContent p.italic, .italic, p.italic { font-style: italic; /*font-family: Baskerville, Times New Roman, serif !important; */ font-size: 1.2em; }
.cubedDHP a, .letsGet a, .editorial a, .trainingZone a { font-family: museo-sans, sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 0.05em; }
.bold { font-weight: bold; }
.normal { font-weight: normal !important; font-family: museo-sans, sans-serif; }
.allCaps { text-transform: uppercase; }
.plumbContent p, .plumbContent p.normal { font-style: normal; font-family: museo-sans, sans-serif; font-weight: lighter; }
.col.heroTitle p, .col.wellnessHero p { max-width: 620px; margin-left: auto; margin-right: auto; font-family: museo-sans, sans-serif; font-weight: lighter; }
.specialsLanding .col.heroTitle p { max-width: 750px; }
.col.heroTitle p.italic { max-width: 750px; margin-left: auto; margin-right: auto; }
.italicMuseo { max-width: 650px; margin-left: auto; margin-right: auto; font-family: museo-sans, sans-serif !important; font-style: italic; }
span.italicMuseo { font-size: 0.9em; font-style: italic; font-family: museo-sans, sans-serif !important; }
.april18Specials p.italic.subHeading.allCaps { font-size: 1.5em !important; font-weight: normal; line-height: 1.2em; letter-spacing: 0.02em; }
.info.testimonyText:before { content: ""; background-image: url(/assets/images/quote-icon.png); background-size: 100%; width: 42px; height: 35px; display: block; margin-left: auto; margin-right: auto; }
.info.testimonyText p { font-size: 0.9em; color: #000; font-weight: normal; }
.col.heroTitle h3 { text-align: center; }
/*.letsGet .col.third .info p {text-align:left;font-family:museo-sans, sans-serif;}  */
.cubedDHP p.museoSans { font-family: museo-sans, sans-serif; }
.info.centeredContentLeft { text-align: left; margin-top: 10%; }
.col.half p.normal { margin-top: 1em; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 55%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* LINK STYLES */
.cubedDHP a:link { text-decoration: none; }
.cubedDHP a:visited { text-decoration: none; }
.cubedDHP a:hover { text-decoration: underline; }
.cubedDHP a:active { text-decoration: none; }
.april18Specials a:link { text-decoration: none; }
.april18Specials a:visited { text-decoration: none; }
.april18Specials a:hover { text-decoration: underline; }
.april18Specials a:active { text-decoration: none; }
.wellnessHome .col.third a:link { text-decoration: none; font-family: museo-sans, sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 0.05em; }
.wellnessHome .col.third a:visited { text-decoration: none; }
.wellnessHome .col.third a:hover { text-decoration: underline; }
.wellnessHome .col.third a:active { text-decoration: none; }
.letsGet a:link { text-decoration: none; }
.letsGet a:visited { text-decoration: none; }
.letsGet a:hover { text-decoration: underline; }
.letsGet a:active { text-decoration: underline; }
a.infoBlockLink:link, a.infoBlockLink:hover, a.infoBlockLink:hover { text-decoration: none; }
.cubedDHP a.infoBlockLink:link, .cubedDHP a.infoBlockLink:hover, .letsGet a.infoBlockLink:link, .letsGet a.infoBlockLink:hover { text-decoration: none; text-transform: none; letter-spacing: normal; font-weight: lighter; }
a:link h5 { text-decoration: none; text-transform: uppercase; }
a:visited h5 { text-decoration: none; }
a:hover h5 { text-decoration: underline; }
a:active h5 { text-decoration: none; }
a.viewHowTo:link, a.closeHowTo:link, a.viewHowToM:link, a.closeHowToM:link { text-decoration: underline; }
a.viewHowTo:visited, a.closeHowTo:visited, a.closeHowToM:visited, a.viewHowToM:visited { text-decoration: none; }
a.viewHowTo:hover, a.closeHowTo:hover, a.closeHowToM:hover, a.viewHowToM:hover { text-decoration: none; }
a.viewHowTo:active, a.closeHowTo:active, a.closeHowToM:active, a.viewHowToM:active { text-decoration: none; }
/* LIST STYLES */
.col.downloadApp ul { list-style: disc inside; }
.col.downloadApp ul li { margin-top: 1.5em; margin-left: 0px; }
.cubedDHP ol li { list-style: inside; list-style-type: decimal; margin-left: 0px !important; }
.cubedDHP ol { margin: 0px; }
.cubedDHP ol li, .cubedDHP ul li { font-weight: lighter; font-family: museo-sans, sans-serif; margin-top: 0.8em; margin-left: 0px; }
.cubedDHP ul li { line-height: 1.2em; }
.heroTitle ul { list-style: inside; margin-left: 0px; }
/* MOBILE STYLES */
@media only screen and (max-width: 980px) {
    .col.w60.fullw60 .info, .col.fullWidth .info { margin-bottom: 0px; }
    .plumbContent { height: 200px; text-align: left; margin-left: 0%; width: 100%; margin-top: 20px; }
    .plumbContentVitalLeft { height: auto; text-align: left; margin-left: 0%; margin-right: 10%; width: 90%; margin-top: 0%; }
    .cubedDHP .innerContainer { margin-bottom: 20px; }
    .cubedDHP .col.w60, .cubedDHP .col.fullWidth { margin: 0px 0px; }
    .cubedDHP .col.w40 { min-height: 100px; }
    .cubedDHP .heroSliderDHP { float: left; width: 100%; margin: 0px auto; }
    .articleR.parallax, .parallax #intro { display: none; }
    .col.w50 { width: 50% !important; }
    .ourCommitment .col.w50 { width: 100% !important; }
    .cubedDHP .col.w40 { min-height: 200px; padding-top: 0px !important; }
    .col.heroTitle { padding: 0px 0px 20px 0px; text-align: center; }
    .col.heroTitle h3 { margin-left: auto; margin-right: auto; text-align: center; }
    div.plumbContent { position: relative; }
    .col.downloadApp .col.w50 { width: 100% !important; }
    .marginTop20 { margin-top: 20px; }
    .marginTop40 { margin-top: 40px; }
    .cubedDHP .innerContainer .col.w60:nth-child(1) { width: 100%; margin-left: 0%; }
    .cubedDHP .col.w40:nth-child(1) { padding-left: 0%; text-align: left; margin-top: 0px; }
    .cubedDHP .innerContainer .col.w60:nth-child(3) { width: 100% !important; margin-right: 0%; float: left; }
    .cubedDHP .col.w40:nth-of-type(4) .info { background-color: #FFFFFF; color: #444444 !important; width: 100%; margin-top: 0%; padding: 0px 15px; text-align: center; min-height: 200px; padding-bottom: 40px; }
    .cubedDHP .col.w40:nth-of-type(4) .info p, .cubedDHP .col.w40:nth-of-type(4) .info h3, .cubedDHP .col.w40:nth-of-type(4) .info a { color: #444444; }
    .cubedDHP .col.w40:nth-of-type(4) .info.centeredContentLeft { width: 100%; margin-top: 0%; padding: 0px; text-align: center; padding-bottom: 0px; margin-right: 0%; }
    .cubedDHP .footerSecondary { margin-bottom: 40px; text-align: left; }
    .cubedDHP .info { width: 100%; /*margin-top: 20px;*/ padding: 0px 15px; text-align: center; /*min-height: 200px;*/ height: auto; margin-bottom: 40px; }
    .col.heroTitle p { /*max-width:100%;*/ margin-left: auto; margin-right: auto; }
    .info.reversedContentHealth, .info.reversedContentHome, info.reversedContent { background-color: #FFFFFF !important; color: #444444 !important; }
    .info.centeredContentLeft { text-align: center; margin-top: 0%; }
    .info.reversedContentLOH { background-color: #FFFFFF; color: #444444 !important; }
    .info.reversedContentLOH p { color: #444444 !important; }
    .ourCommitment .col.w50 .info { padding-left: 20px; }
    .ourCommitment p { text-indent: 0px; }
    .ourCommitment p { text-align: left; max-width: 300px; margin: 0px; padding: 0px 0px 15px 0px; float: left; }
    .ourCommitment h4 { text-align: center; margin: 0px; padding: 0px 0px 15px 0px; }
    .ourCommitment p:first-of-type { text-indent: 0px; text-align: center; }
    .col.ourCommitment .col.w50 p img { margin-right: 20px; width: 40px; display: table-cell; float: left; margin-bottom: 20px; }
    .info img { margin: 0px auto; }
    .col.spacerDiv { height: 0px; width: 100%; float: left; display: none; }
    .plumbContentTop { height: auto; text-align: center; margin-left: 0%; width: 100%; margin-top: 0%; }
    .plumbContentTop p { height: auto; text-align: center; padding: 0px; }
    .paddedRight { padding-right: 5%; }
    .paddedLeft { padding-left: 5%; }
    .col.half.pushDown { margin-top: 0px; }
    h1, h2, h3, h4, h5, h6, .letsGet h1, .letsGet h2, .letsGet h3, .letsGet h4, .letsGet h5 { /* font-family: Baskerville, Garamond, Times New Roman, serif; font-weight: normal;*/ }
    /* WELLNESS PROGRAM */
    .wellnessHome .col.third.borderBoth { border-right: 0; border-left: 0; border-bottom: 1px dashed #000; border-top: 1px dashed #000; }
    .wellnessHome .col.third { padding: 40px 0px; }
    /*LIST STYLES */
    /*DOWNLOAD THE APP STYLES */
    .col.downloadApp { background-color: #F4F4F4; }
    .downloadApp p, .juicyBenefits h4 { text-align: left; max-width: 460px; margin: 0px; padding: 0px 0px 15px 0px; }
    .downloadApp h4 { padding-top: 0px; }
    /*DOWNLOAD INSTRUCTION STYLES */
    .col.downloadInstructions h4 { padding: 40px; }
    .downloadInstructionsWrapper .info a:link img { width: 50%; }
    /* LINK STYLES */
    .cubedDHP a:link { text-decoration: underline; }
    .cubedDHP a:visited { text-decoration: none; }
    .cubedDHP a:hover { text-decoration: underline; }
    .cubedDHP a:active { text-decoration: none; }
    .letsGet a:link { text-decoration: none; }
    .letsGet a:visited { text-decoration: none; }
    .letsGet a:hover { text-decoration: underline; }
    .letsGet a:active { text-decoration: underline; }
    a.infoBlockLink:link, a.infoBlockLink:hover, a.infoBlockLink:hover { text-decoration: none; }
    .cubedDHP a.infoBlockLink:link, .cubedDHP a.infoBlockLink:hover, .letsGet a.infoBlockLink:link, .letsGet a.infoBlockLink:hover { text-decoration: none; text-transform: none; letter-spacing: normal; font-weight: lighter; }
    a:link h5 { text-decoration: none; text-transform: uppercase; }
    a:visited h5 { text-decoration: none; }
    a:hover h5 { text-decoration: underline; }
    a:active h5 { text-decoration: none; }
    a.viewHowTo:link, a.closeHowTo:link, a.viewHowToM:link, a.closeHowToM:link { text-decoration: underline; }
    a.viewHowTo:visited, a.closeHowTo:visited, a.closeHowToM:visited, a.viewHowToM:visited { text-decoration: none; }
    a.viewHowTo:hover, a.closeHowTo:hover, a.closeHowToM:hover, a.viewHowToM:hover { text-decoration: none; }
    a.viewHowTo:active, a.closeHowTo:active, a.closeHowToM:active, a.viewHowToM:active { text-decoration: none; }
}
@media only screen and (max-width: 680px) {
    .col.w50 { width: 100% !important; }
}