/*
Theme Name: Flatsome Child Aloette
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*Fonts*/
/* ------------------------- FONTS -------------------------- */

@font-face {
    font-family: 'Gotham Bold';
    src: url("https://www.aloette.com/wp-content/themes/flatsome-child-aloette/fonts/Gotham-Bold.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham Book';
    src: url("https://www.aloette.com/wp-content/themes/flatsome-child-aloette/fonts/Gotham-Book.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham Light';
    src: url("https://www.aloette.com/wp-content/themes/flatsome-child-aloette/fonts/Gotham-Light.otf") format("opentype");
}

@font-face {
    font-family: 'Gotham Medium';
    src: url("https://www.aloette.com/wp-content/themes/flatsome-child-aloette/fonts/Gotham-Medium.otf") format("opentype");
}

@font-face {
    font-family: 'Jelytta';
    src: URL('https://www.aloette.com/wp-content/themes/flatsome-child-aloette/fonts/Jelytta.ttf') format('truetype');
}

@font-face {
    font-family: 'Delirium Sample';
    src: url('https://www.aloette.com/wp-content/themes/flatsome-child-aloette/fonts/delirium_sample.ttf') format('truetype'),
        url('https://www.aloette.com/wp-content/themes/flatsome-child-aloette/fonts/delirium_sample.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}


/*@font-face {
  font-family: 'Jelytta';
  src: url('/wp-content/themes/flatsome-child-aloette/fonts/Jelytta.eot');
  src: url('/wp-content/themes/flatsome-child-aloette/fonts/Jelytta.woff2') format('woff2'),
       url('/wp-content/themes/flatsome-child-aloette/fonts/Jelytta.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'JelyttaRegular';
  src: url('/wp-content/themes/flatsome-child-aloette/fonts/JelyttaRegular.woff') format('woff'),
       url('/wp-content/themes/flatsome-child-aloette/fonts/JelyttaRegular.ttf') format('truetype'),
       url('/wp-content/themes/flatsome-child-aloette/fonts/JelyttaRegular.svg#JelyttaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

@font-face {
    font-family: 'Delirium Sample';
    src: url('https://aloetteinc.wpengine.com/wp-content/themes/flatsome-child-aloette/fonts/delirium_sample.ttf') format('truetype'),
        url('https://aloetteinc.wpengine.com/wp-content/themes/flatsome-child-aloette/fonts/delirium_sample.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------- BODY -------------------------- */

/*General*/
body, html 
{font-family: "Gotham Light", Roboto, Helvetica, Sans-Serif !important; font-size: 14px; text-transform: none; height: 100%;}

a:hover {text-decoration: none; opacity: .7;}

h1, h2, h3, h4, h5, h6, .heading-font {font-family: 'Gotham Book' !important;}

h1 {font-size: 3em;}

h3 {letter-spacing: 3px; text-transform: capitalize; font-size: 2.3em; line-height: 1.3; font-weight: 600;}

h4 {font-size: 1.5em;}

p, li {margin: 0 0 4% 0; font-size: 1.45em; line-height: 1.5; font-weight: 500;}

a {color: rgb(0, 0, 255);}

label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700;}

.medium-6 {flex-basis: 50%;}

.overlay {background: none !important;}

.bold {font-weight: 900;}

.container-width, .full-width .ubermenu-nav, .container, .row-main {max-width: none;}
.col, .gallery-item, .columns {padding-left: 0; padding-right: 0;}

/*Top Bar*/
span.welcome-from-text {color: white; opacity: .7;}

.html_topbar_left {white-space: nowrap;}

li.html.custom.html_topbar_right {width: 70px; list-style: none; margin-left: 15% !important; margin-top: -113%;}

/*Language Switcher*/
ul#menu-language-switcher {float: right; margin: 0;}

ul.menu>li {
    list-style: none;
    margin-bottom: .3em;
    text-align: left;
    margin: 0;
    margin-right: 4px;
    float: left;
}

ul.menu>li:nth-child(3) {/*display: none;*/}

ul.menu>li+li {border-top: 0px solid #ececec;}

ul.menu>li>a, ul.menu>li>span:first-child {
    display: inline-block;
    padding: 0;
    -ms-flex: 1;
    flex: 1;
    color: white;
    font-size: 0.8em;
    font-family: "Gotham Medium";
    text-transform: uppercase;
}

ul#menu-language-switcher li:after {content: " | "; font-weight: bold;}

ul#menu-language-switcher li:last-child:after {display: none;}


/*Top Header*/
.top-header-row, .top-header-row-fr, .top-header-row-es {padding-left: 7px !important; padding-right: 0px !important; margin: 15px 0 -15px 0;}

.skincare-quiz {display: none;}

.skincare-quiz, .languages {font-size: 1.175em; font-family: "Gotham Medium"; text-align: center; padding: 3px 0;}

.languages {color: white; margin: 0 0 0 10%;}


/*Header*/
.header.show-on-scroll, .stuck .header-main {height: 100px !important;}

.header, .header-wrapper {
    width: 100%;
    z-index: 30;
    background-size: cover;
    background-position: 50% 0;
    transition: background-color .3s, opacity .3s;
}

.header {position: fixed; border-bottom: 0px solid rgba(0, 0, 0, .1);}

.header-wrapper {position: relative;}

.header-main, .header-top {padding: 0 2em;}
.header-main {background-color: white;}

.header-full-width .container {max-width: 1199px !important;}

.header .flex-row {height: 100%; width: 1140px;}

.header-top {background-color: #000000 !important;}

/*logo area*/
.logo-center .logo {justify-content: left; align-items: left;}

div#logo.flex-col.logo {max-width: 300px;}

#logo img {max-height: 100px; z-index: 999999; position: relative;}

.content-area.page-wrapper {padding-top: 5%; /* max-width: 1199px; */ margin: 0 auto;}

/*Nav*/
.html.custom.html_topbar_left p {white-space: nowrap;}
.has-dropdown.header-language-dropdown {width: 100px;}

.nav>li>a>i.icon-menu {margin-left: 21px; margin-right: -14px;}

li.lang-item {float: none; margin: 0px 0px;}

.dark.nav-dropdown.nav-dropdown-bold>li.nav-dropdown-col, .dark.nav-dropdown.nav-dropdown-simple>li.nav-dropdown-col, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a, .nav-dark .nav>li.header-divider, .nav-dark .header-divider:after, .nav-dark .nav-divided>li+li>a:after {border-color: rgba(255,255,255,0);}

ul.nav.top-bar-nav.nav-right.nav-small.nav-divided {margin-top: 7px;}

/*no click top tier nav*/
.no-link a.nav-top-link {pointer-events: none;}

div#top-bar a {font-size: 14px !important;}

div#top-bar a:hover {text-decoration: underline !important;}

/*li.menu-item a.ng-hide {display: inline-block !important;}*/
/*.ng-hide:not(.ng-hide-animate) {display: inline-block !important;}*/

.nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button {
    display: inline-block;
    padding: 0;
    -ms-flex: 1;
    flex: 1;
    color: white;
    font-size: 0.8em;
    font-family: "Gotham Medium";
    text-transform: uppercase;
}

.dark .nav-vertical li li.menu-item-has-children>a, .nav-dark .nav-vertical li li.menu-item-has-children>a, .nav-dark .nav>li.html, .nav-dark .header-button {color: #fff; width: 100%;}

.find-consultant {
    background: url(/wp-content/uploads/2019/05/find-a-consultant-icon.png) center left no-repeat;
    background-size: 24px;
    font-size: 1.175em !important;
    padding: 3px 0 3px 14%;
    font-family: "Gotham Medium";
    width: 120%;
}

.find-consultant a, .skincare-quiz a, .languages a, .find-consultant a:hover, .skincare-quiz a:hover, .languages a:hover {
    padding: 0 7px;
    color: #ffffff;
    width: 120%;
}
.nav {display: block !important;}

.logo-left .logo {margin-top: -3px; margin-left: 0px; margin-right: -50%;}

.nav {width: 100%;}

.nav>li>a {font-family: "Gotham Medium", sans-serif !important; font-weight: 500 !important;}

.nav-right {-ms-flex-pack: end; justify-content: right;}

ul.header-nav.header-nav-main.nav.nav-right.nav-uppercase {width: 25px;}

ul.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase {height: 50px;}

.header-nav>li {display: inline-block; font-family: 'Gotham Book' !important; font-size: 1.5em; letter-spacing: 1px; height: 35px; margin: 0 .5em;}

.header-nav>li:hover {background: rgba(171,195,128,1); height: 38px;}

.wide-nav .flex-center {margin: 0 0 0 -10px;}
/*li#menu-item-32107 {margin-right: 90px;}*/

/*EN and CA my account */
li#menu-item-32107, li#menu-item-32116 {margin-right: 1.323em;}

/*FR my account */
li#menu-item-32130 {margin-right: 1.333em;}

/*ES my account */
li#menu-item-32123 {margin-right: 2.2em;}

/*FR and ES my account last li*/
ul.nav-dropdown.nav-dropdown-default li:last-child {padding-top: 0; margin-top: 0; line-height: 0;}

/*shopping page / cart: general*/
.k-notification-successerrorwarn {padding: 0;}
#sidebar-wrapper.active {min-height: 150px;}
.fa-shopping-cart:before {content: url(/wp-content/uploads/2018/11/shopping-bag.png);}

/*.shop-bag {display: contents;}*/

.shop-bag .ng-binding.ng-scope {font-family: 'Gotham Medium' !important; color: black !important; float: right; margin-top: -45px;}

.shop-bag li a.ng-binding.ng-scope {margin-top: 0 !important;}

.shop-bag a.ng-isolate-scope {font-size: 1.5em !important;}

.shop-bag a.ng-isolate-scope:hover {opacity: .5; background: transparent !important;}

.shop-bag {height: 38px;}

.shoppingcartapp {max-width: 1135px !important; margin: 0 auto;}
.well.well-sm.ng-isolate-scope {width: 1080px;}
.fa-shopping-cart:before {content: url(https://www.aloette.com/wp-content/uploads/2018/11/shopping-bag.png);}
li#menu-item-32104 a:hover, li#menu-item-32117 a:hover, li#menu-item-32131 a:hover, li#menu-item-32124 a:hover {color: #000; /*background: rgba(171,195,128,1);*/ text-decoration: none; font-weight: 500;}

/*EN and CA shopping cart*/
li#menu-item-32104, li#menu-item-32117  {margin: 0 -15px 0 10px !important;}

/*FR shopping cart*/
li#menu-item-32131 {margin: 0 0px 0 10px !important; padding: 5px 0 !important;}

/*ES shopping cart*/
li#menu-item-32124 {margin: 0 -12px 0 0em !important; padding: 5px !important;}

/*FR and ES shopping cart*/
li#menu-item-32131 a, li#menu-item-32124 a {padding: 5px 0 0 8px;}

.header-nav>li:last-child:hover {background: transparent !important; opacity: .5;}

.header-nav> li > a {padding-right: 0; padding-bottom: 0; color: #000000; font-family: 'Gotham Book' !important; padding: 5px 5px;}

.header-nav> li > a:hover {color: #fff; /*background: rgba(171,195,128,1);*/ text-decoration: none; font-weight: 500; opacity: 1 !important;}

.header-nav>li a:last-child:hover {color: #fff;}

.header-nav>li>a {font-size: 0.65em;}

/*French*/
li.french, li.spanish {margin: 0;}

li.french a {padding: 5px 5px; font-size: .615em;}

li.spanish a {padding: 5px 3px; font-size: .615em;}

/*Dropdown*/
.header-nav .has-dropdown .icon-angle-down {display: none !important;}
.has-dropdown .icon-angle-down {font-size: 16px; margin-left: .5em; opacity: .6;}

.has-dropdown .menu-item:hover>.nav-dropdown {left: auto; opacity: 1;}

.has-dropdown .nav-dropdown {
    left: -9999px;
    background-color: rgba(171,195,128,1);
    opacity: 0;
    position: absolute;
    width: 250px;
    padding: 0px 8px;
    min-width: 250px;
    max-height: 0;
    z-index: 9;
    margin: -2px 0 0 15px !important;
    transition: none;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
    border: 0px solid #ddd;
    color: #fff;
    text-align: left;
    display: table;
}

li.has-dropdown:hover .nav-dropdown-has-arrow:hover a, .has-dropdown:hover a {color: white !important; font-weight: 500;}

.nav-dropdown li:first-child {padding-top: 7px;}

.nav-dropdown-has-arrow li.has-dropdown:hover, .nav-dropdown-has-arrow li.has-dropdown:active, .nav-dropdown-has-arrow li a.has-dropdown:hover, .nav-dropdown-has-arrow li a.has-dropdown:active {
    background:  rgba(171,195,128,1)/*rgba(0,0,0,0)*/;
    height: 35px;
    border: 0px solid #ddd;
	border-bottom: 0;
	color: #fff !important;
	font-weight: 500;
}

.nav-dropdown-has-arrow li.has-dropdown::after {display: none;}

.nav-dropdown-has-arrow li.has-dropdown:before {
    z-index: -999;
    border-bottom-color: transparent !important;
    border-width: 11px;
    margin-left: -11px;
}

.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    padding-left: 0;
    padding-right: 0;
    margin: 0px 4px;
    border-bottom: 0px solid #ececec;
    color: #ffffff;
    font-size: 0.45em;
}

/*EN shop all links*/
li#menu-item-32183 a, li#menu-item-32185 a, li#menu-item-32187 a {font-weight: bold;}

/*CA shop all links*/
li#menu-item-33190 a, li#menu-item-33197 a, li#menu-item-33204 a {font-weight: bold;}

/*FR shop all links*/
li#menu-item-33232 a, li#menu-item-33238 a, li#menu-item-33243 a {font-weight: bold;}

/*ES shop all links*/
li#menu-item-33279 a, li#menu-item-33286 a, li#menu-item-33291 a {font-weight: bold;}

/*FR nav dropdowns*/
li.french .nav-dropdown-default .nav-column li>a, li.french .nav-dropdown.nav-dropdown-default>li>a, li.spanish .nav-dropdown-default .nav-column li>a, li.spanish .nav-dropdown.nav-dropdown-default>li>a {font-size: .47em;}

ul.nav.header-nav.header-bottom-nav.nav-right.nav-uppercase {display: none !important;}

.top-divider {display: none !important;}

.header-bottom {z-index: 9; position: relative; min-height: 36px; background-color: #ffffff !important; margin-top: 0%;}

.nav-dropdown-has-arrow li.has-dropdown.pll-parent-menu-item:hover, .nav-dropdown-has-arrow li.has-dropdown.pll-parent-menu-item:active, .nav-dropdown-has-arrow li a.has-dropdown.pll-parent-menu-item:hover, .nav-dropdown-has-arrow li a.has-dropdown.pll-parent-menu-item:active {
    background: rgba(0,0,0,1);
    height: auto;
    border: 0px solid #ddd;
    border-bottom: 0;
    color: #fff !important;
    font-weight: 500;
}

li.menu-item-32108 ul.nav-dropdown.nav-dropdown-default, li.menu-item-32132 ul.nav-dropdown.nav-dropdown-default, li#menu-item-32134 ul.nav-dropdown.nav-dropdown-default, li#menu-item-32133 ul.nav-dropdown.nav-dropdown-default, li.menu-item-32134 ul.nav-dropdown.nav-dropdown-default, li.menu-item-32133 ul.nav-dropdown.nav-dropdown-default {
    background-color: black !important;
    width: 140px !important;
    min-width: 110px !important;
    float: right;
}

.has-dropdown .pll-parent-menu-item .nav-dropdown {
    left: -9999px;
    background: rgba(0,0,0,1);
    position: absolute;
    width: 109px;
    padding: 0px 8px;
    min-width: 50px;
    max-height: 0;
    z-index: 9;
    margin: 0px 0 0 0 !important;
    transition: none;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.15);
    border: 0px solid #ddd;
    color: #fff;
    text-align: left;
    display: table;
}


/*Main*/
main#main {padding-top: 125px !important;}


/*Footer*/
#block_widget-5 span.widget-title {display: none;}

.is-outline:hover, .primary.is-outline:hover {color: #fff; background-color: #000; border-color: #000;}

.footer {padding: 30px 0;}

.footer h6 {font-size: 1.1em; line-height: 1.5em; color: #000000; text-transform: none; margin-bottom: 5%;}

.footer-1 {border-top: 3px solid rgb(0, 0, 0);}

.footer-2 {border-top: 1px solid rgb(0, 0, 0);}

.footer-2-top {border-top: 0px solid rgb(0, 0, 0);}
/*.footer-2-top {border-top: 1px solid rgb(0, 0, 0);}*/

.footer-2 {background-color: #ffffff !important; padding: 0;}

.footer-2 .widget {margin-bottom: 0;}

.footer-wrapper {background: #ffffff;}

.footer-wrapper h5 {font-size: 1.2em; line-height: 1.3; margin-bottom: 5%;}

.footer-wrapper p, .footer-wrapper li, .footer-wrapper a {font-size: 1.0em; line-height: 1.2; color: #000000;}

.footer-widgets.footer.footer-1 {padding-bottom: 0;}

.footer-widgets.footer.footer-2.dark p {margin-bottom: 1% !important; margin-top: 1%; margin-left: 0%; color: #000000;}

#footer .col.medium-10.small-12.large-10 {padding: 0;}

.absolute-footer.dark {display: none;}

#footer .dark a:hover {color: #4d4d4d !important;}

.social-icons {position: relative; z-index: 0;}

.social-icons .button.icon {margin-left: 0%; margin-right: 7.5%; color: #a5be7c !important;}

.social-icons .button.icon:hover {background: #000000 !important; border: 2px solid #000000 !important; color: #a5be7c !important;}

.social-icons .button.icon:hover>i, .social-icons .button.icon:hover>span {color: #a5be7c !important; transition: none !important;     transform: none !important;}

/*Begin Custom Styles*/
/* Desktop Menu */
.aloetteDesktop {width: 100%;}
.aloetteMobile {display: none;}

.aloetteHead {
font-family: "Gotham Book";
font-weight: 600;
font-style: normal;
font-size: 14px;
letter-spacing: .14em;
line-height: 1.4em;
text-transform: uppercase;
color: grey;
padding-bottom: 1em;
max-width: 16em;

}
.aloetteCell {
    font-family: "Gotham Book";
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    letter-spacing: .14em;
    line-height: 1.4em;
    text-transform: uppercase;
    padding-bottom: .618em;
    padding-right: 30px;

}

/* Mobile Menu */
.aloetteMobile {display: none;}
.aloetteAccordion {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    padding: 21px 0 0 10px;
    width: 97%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;
    letter-spacing: 2px;
    transition: 0.4s;
    text-transform: uppercase;
    /* font-weight: 900; */
    font-family: 'Gotham Medium' !important;
}

.aloetteAccordion a {font-size: 1em !important;}
.aloetteActive, .aloetteAccordion:hover {background-color: #fff;}

.aloetteAccordion:after {
    content: '\002B';
    color: transparent;
    background: url(/wp-content/uploads/2019/05/caret-closed.png) no-repeat 0px 0px !important;
    background-size: 70% !important;
    font-weight: bold;
    float: right;
    margin-right: 0px;
    text-transform: uppercase;
    height: 24px;
    margin-top: 5px;
    width: 20px;
}

.aloetteActive:after {
    content: "\2212";
    color: transparent;
    background: url(/wp-content/uploads/2019/05/caret-open.png) no-repeat 0px 0px !important;
    background-size: 100% !important;
    margin-right: 0px;
    margin-top: 10px;
    float: right;
    height: 20px;
    width: 24px;
}

.aloettePanel {
    padding: 0 10px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    color: black;
}

.flat-shadow {-moz-box-shadow: 11px 10px 0px 0px #3fc1bf; -webkit-box-shadow: 11px 10px 0px 0px #3fc1bf; box-shadow: 11px 10px 0px 0px #3fc1bf;}

.page-id-29854 .page-wrapper {padding-top: 0;}

/*
.page-id-29854 .container-width, 
.page-id-29854 .full-width .ubermenu-nav, 
.page-id-29854 .container,
.page-id-29854 .row,
.page-id-29854 .row-main { max-width: none; }
.page-id-29854 .row-main .col { padding-left: 0; padding-right: 0; }
*/

.ftj-box {align-items: center; text-align: center; background-color: #d4e7c8; -moz-display: box; -ms-display: flexbox; -webkit-display: box; display: flex; -webkit-flex-flow: row wrap;}

.ftj-aside-1 {padding: 0; flex-grow: 0; text-align: left;}
.ftj-aside-2 {padding: 0; flex-grow: 0; text-align: right;}

.ftj-txt {padding: 2em; flex-grow: 1; align-self: stretch;}
.ftj-txt h2 {margin-top: 10%; padding: 1em 0; font-size: 48px; font-weight: 100;}
.ftj-txt p {width: 80%; margin: 0 auto; font-size: 24px; line-height: 180%;}

.box-text-inner {padding: 3vw 0;}

/*Shopping Pages*/
.product-name a {font-size: 1.2em; line-height: 1.3;}

.productdetail-description p {font-size: 1.2em !important;}

h3.add-to-cart-pricing, h3.product-name {font-size: 2em;}

.btn-group, .btn-group-vertical {position: relative; display: inline-block; vertical-align: middle;}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0;
}

label translate-content.ng-binding.ng-isolate-scope {font-size: 1.2em; padding-right: 7px;}

li.k-item.ng-scope {font-size: 90% !important;}

div.k-treeview {white-space: normal;}

.large-columns-6>.col {max-width: 100%; flex-basis: 100%;}

.container-width, .full-width .ubermenu-nav, .container, .row {max-width: 100%;}

div#row-1363207140 {margin: 0 auto;}

.row-collapse>.flickity-viewport>.flickity-slider>.col, .row-collapse>.col {padding: 0;}

.row .row-small:not(.row-collapse), .container .row-small:not(.row-collapse) {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0;
    margin: 0 auto;
}

.button span {display: inline-block; line-height: 1.6; font-family: 'Gotham Medium' !important;}

/*banner styles*/
.hero-banner .bg-fill { background-size: cover !important; /*contain*/ }

.banner {margin: 0; height: 568px; background-color: transparent !important;}

.banner.has-hover.hero-banner.is-full-height, .hero-banner .banner {height: auto !important; margin-top: 0px !important; margin-bottom: .5% !important;}

/*.text-box.banner-layer.x15.md-x15.lg-x15.y50.md-y50.lg-y50.res-text {
    margin: 1.5% 0 0 -1.5%;
}*/

/*Home*/

/*categories section*/
.categories-row .col.medium-4.small-12.large-4, .categories-row .col.medium-6.small-6.large-4 {padding: 1% !important;}
.categories-row .text-box {width: 100% !important;}
.categories-row .banner h2 {padding: 0 9%; font-family: 'Gotham Medium' !important; font-weight: 400; line-height: 1.3; letter-spacing: 5px; text-align: center !important;  word-break: break-word; hyphens: auto;}
.categories-row-es .banner h2 {padding: 0 10% !important; font-size: 2.9em; letter-spacing: 3px;}
.bb-home {background-color: #897daa !important;}
.makeup-home, .specials-home {background-color: #e5969a !important;}
.bestsellers-home {background-color: #45c1c0 !important;}
.skincare-home, .vpkg-home {background-color: #abc380 !important;}

.categories-home {height: 350px;}
.categories-home:hover {opacity: .8;}

/*crowd pleasers*/
.redefine-section {padding: 30px 0 !important;}
.redefine-icons .box-image {width: 40% !important;}
.redefine {
    background-image: url(/wp-content/uploads/2019/06/redefining-clean-beauty-banner.png);
    margin: 0 0 30px !important;
    padding: 30px 0 0;
    background-size: contain;
}
.redefine-icons h4 {font-size: 1.4em;}
.crowd-pleasers h2, .redefine h2 a {text-align: center; font-family: 'Gotham Medium' !important; text-transform: uppercase; font-size: 40px; font-weight: 400;}

span.pleasers {font-family: 'Jelytta' !important; font-size: 50px; text-transform: capitalize;}

.col.grid-col.large-6.grid-col-1.cp-left {padding-right: 1% !important; padding-left: 0% !important;}

.col.grid-col.large-6.grid-col-1-2.cp-right {padding-left: 1% !important; padding-right: 0% !important;}

.col.grid-col.large-6.grid-col-1-2.cp-right .box-text-inner {background-position: right 3% center;}

.col.grid-col.large-6.grid-col-1-2.cp-right.enzyme .box-text-inner {padding: 1% 0;}

.col.grid-col.large-6.grid-col-1.cp-left .box-text-inner {background-position: 99% 33%;}

.crowd-pleasers .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text {
    height: 100px;
    background: white;
    padding: 0 !important;
}

.crowd-pleasers .box-text-inner {padding: 1% 0; background: url(/wp-content/uploads/2019/06/thin-right-arrow.png) no-repeat #fff;
    background-size: 20px;}

.crowd-pleasers .box-text-inner:hover {opacity: .7;}

.crowd-pleasers h4 {font-size: 22px; text-transform: uppercase; font-weight: 500; font-family: 'Gotham Medium' !important; color: #505057; letter-spacing: 1px;}

.crowd-pleasers h5 {text-transform: capitalize; font-weight: 500 !important; font-size: 22px !important; color: #505057 !important;}
.crowd-pleasers p {display: none;}
.crowd-pleasers .grid-col .box-image img {position: relative !important;}

.cp-left {padding-right: .5%;}
.cp-right {padding-left: .5%;}

.cp-left img {width: 550px !important; height: 927px !important; margin: 0 0% 0 2% !important;}
.cp-right img {width: 550px !important; /*height: 927px !important;*/ margin: 0 2% 0 0% !important;}

.cp-left .box a, .cp-right .box a {width: 100%;}

/*redefine*/
.redefine h2 a {color: white; margin: 0px 0;}
.redefine-icons .box-text-inner {padding: 10% 0;}

.text-box.banner-layer.x80.md-x80.lg-x80.y50.md-y50.lg-y50.res-text {right: 11%;}

.hero-intro {margin: 0% 0 0 0 !important; text-shadow: 1px 1px 1px rgba(0,0,0,0);}

.hero-intro h2 {
    font-family: 'Jelytta' !important;
    font-size: 81px !important;
    text-transform: initial !important;
    color: #fb6448 !important;
    margin: 0 0 1.2% 0;
    font-weight: 400 !important;
    text-transform: none;
    letter-spacing: 2px !important;
    word-spacing: 0px;
}

.hero-intro h3 {
    text-transform: uppercase;
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
    color: #000000;
    margin: 7px 0 3px 0;
    font-size: 42px;
    letter-spacing: 0.13em;
    font-weight: 100;
}

h3.hero-bold {font-family: "Gotham Bold", Roboto, Helvetica, Sans-Serif !important; font-size: 26px;}

.hero-intro p {
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
    color: #000000;
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: 1px;
    width: 75%;
    float: none;
    margin: 0 auto;
	margin: 5% auto 0%;
}

/*.hero-intro p {
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
    color: #000000;
    font-size: 1.25em;
    line-height: 1.3;
    letter-spacing: 1px;
    width: 75%;
    float: right;
}*/

a.button.white.transparent.home-hero-btn {
    background-color: black !important;
    float: none;
    width: 260px;
    height: 70px;
    margin: 5% 33.5%;
    color: white !important;
    font-family: "Gotham Book" !important;
    padding-top: 5px !important;
    font-size: 21px;
}

a.button.white.transparent.fr-shop-btn.home-hero-btn {
    width: 220px !important;
    height: 78px !important;
    margin-left: 35%;
}

a.button.white.transparent.home-hero-btn:hover {
    background-color: #ffffff !important;
    border: 3px solid #000000;
    color: black !important;
    box-shadow: inset 0 0 0 0px rgba(0,0,0,0.2);
}

/*a.button.white.transparent.home-hero-btn {
    margin-right: 0;
    background-color: transparent !important;
    float: right;
    width: 205px;
}*/

a.button.white.transparent.home-hero-btn span {
    /*color: white;
    font-family: "Gotham Book" !important;
    padding-top: 10px !important;
    font-size: 21px;*/
}

a:hover .button.white.transparent.home-hero-btn span {
    color: black;
    font-family: "Gotham Book" !important;
    padding-top: 10px !important;
    font-size: 21px;
}

a.top-home-btn {
    border: 3px solid black !important;
    padding: 3% 10%;
    width: 200px !important;
    margin: 0 auto !important;
}

a.top-home-btn span {
    color: #000000;
    text-shadow: none;
    /* font-weight: 900; */
    font-size: 1.4em;
    font-family: "Gotham Medium";
}

/*restorative button*/
.shop-restorative-btn {
    background-color: #F7F8FC !important;
    color: #000000 !important;
    border: 3px solid #000000 !important;
}

.shop-restorative-btn:hover {color: white !important; background-color: black !important;}

a.button.primary.is-small.shop-restorative-btn {padding: 1.4% 1.9%;}


.transparent {background-color: transparent !important; }


.banner {margin-bottom: 2%;}

.banner h2 {
    font-family: 'Gotham Book';
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    letter-spacing: 8px;
    /*15px*/
    font-size: 4em;
}

.banner hr {border: 5px solid #ffffff; opacity: 1; margin-top: 48px; margin-bottom: 48px;}

.section-title {margin: .5em 0;}

.section-title-center span, .section-title-bold-center span {
    text-align: center;
    letter-spacing: 5px;
    font-family: "Gotham Medium", Roboto, Helvetica, Sans-Serif;
    font-weight: 500;
}

.small-trademark {font-size: 54%; margin-top: -1.5em !important;}

a.button.primary.is-small.shop-restorative-btn span {
    letter-spacing: 1px;
    font-size: 1.1em;
    font-family: 'Gotham Medium' !important;
    font-weight: 100;
}


/*top row shop button*/
.reveal-icon span {
    -ms-transform: translateX(0em);
    transform: translateX(0em);
}

/*categories*/
/*.bg-zoom-fade {
    transition: none !important;
}*/

.categories-overlay-text {text-transform: uppercase; letter-spacing: 0.06em;}

.categories-overlay-text a {text-decoration: none; cursor: pointer;}

.categories-overlay-text h3 {letter-spacing: 5px; line-height: 1.5; font-weight: bold;}

.categories-overlay-text hr {
    border-width: 0;
    width: 33%;
    margin: 14px auto 7px auto;
    border-top: 0;
    border: 2px solid #ffffff;
    opacity: 1;
}

h3.categories {
    text-align: center;
    margin: 14px 0;
    font-size: 180%;
    font-weight: 500;
    font-family: 'Gotham Medium' !important;
}

/*Shop buttons*/

.white {background-color: #fff !important; border: 4px solid #000000 !important; color: #000000 !important;}

.white.is-outline:hover, .white:hover {background-color: #000000 !important; border-color: #000000; color: #ffffff !important;}

a.button.white.perks-btn {font-size: 1.2em; width: 50%;}

a.button.white.perks-btn.fr-shop-btn {padding: .6% 0; height: 66px !important;}

.box a, button.white.is-outline.products-btn a, a.button.white {
    display: inline-block;
    font-weight: 900;
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
    /*color: #000000 !important;*/
}

/*Best Sellers*/
.section-title b {opacity: 0;}

a.button.white, a.button.white.is-outline.products-btn {width: 205px; height: 46px; border: 3px solid black !important;}

a.button.white.fr-shop-btn {width: 200px !important; height: 56px !important; border: 3px solid black !important;}

.box-text p {font-family: 'Gotham Book' !important; font-weight: 600; font-size: 1.3em; line-height: 1.3; color: #000000;}

/*Perks*/
.perks-container {padding: 15% 0% 15% 19%; margin: 0px 0px 15% 0px;}

.perks-green {padding: 0% 0% 0% 5% !important; margin: 6% 0% 0% 0%; width: 80% !important;}

.perks.perks-green.spanish-green-perk {margin: 0 0 20% 0 !important;}

.perks.perks-green.spanish-green-perk h3 {
    color: #A5BE7C !important;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: capitalize;
    font-size: 2.1em;
    font-weight: 600;
    width: 120%;
}

.spanish-pink-perk h3 {font-size: 2.1em;}

.perks-green-french {padding: 0% 0% 0% 5% !important; margin: 0% 0% 20% 0% !important; width: 80% !important;}

.perks-green h3, h3.perks-green, .perks-green-french h3 {
    color: #A5BE7C !important;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: capitalize;
    font-size: 2.5em;
    font-weight: 600;
    width: 120%;
}

.perks-green p {margin-bottom: 30px !important;}

.perks-green-french p {margin-bottom: 30px !important;}

.black h3, h3.black {color: #000000 !important;}

.teal h3, h3.teal {color: #45c1c0 !important;}

.gray h3, h3.gray {color: #939598 !important;}

.violet h3, h3.violet {color: #897dab !important;}

.green h3, h3.green {color: #A5BE7C !important;}

.green sup {top: -.85em; font-size: 53%;}

.pink h3 {color: #e5969a !important;}

.dark-pink h3, h3.dark-pink {color: #ba7175 !important;}

.pink-pic {margin: 0 0 0 0px;} /*0 0 0 35px*/

.pink-pic .img-inner {margin: -100px 0px 0px -50px;}

.green.perks {padding: 3% 0; width: 75%;}

.pink.perks {padding: 6% 0 0 6%; width: 85%;}

.pink.perks p {margin-bottom: 30px;}

.perks p {
    font-family: 'Gotham Book' !important;
    color: #000000;
    font-size: 1.7em;
    line-height: 1.25;
    font-weight: 500;
    margin-bottom: 62px;
}

a.button.white.perks-btn {padding: .6% 0; height: 50px;}

/*consultant*/
.join-team {margin-bottom: -3% !important; padding-bottom: 0 !important;}
/*.consultant.consultant-french {margin: -10% 0 0 -20% !important;}*/
.consultant-fr .text-inner.text-center, .consultant-es .text-inner.text-center {width: 85%; padding: 0 13%;}
.consultant-fr p, .consultant-es p  {padding: 0 0 !important;}
.consultant-french {padding: 0 15%;}
/**/
.consultant-spanish {margin: -14% 0 0 -21% !important;}

.consultant-spanish a.button.primary.is-xxlarge.consultant-btn {margin-right: -19px !important;}

h3.top {
    text-transform: uppercase;
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
    color: #ffffff;
    letter-spacing: 4px;
    margin: 0 0 0 0px;
    text-shadow: 1px 1px #4d4d4d;
    z-index: 999999;
    font-size: 2.1em;
    width: 100%;
    position: relative;
}
/*h3.top {
    text-transform: uppercase;
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
    color: #ffffff;
    letter-spacing: 4px;
    margin: 0 0 0 0px;
    text-shadow: 1px 1px #4d4d4d;
    z-index: 999999;
    font-size: 3.7em;
    width: 125%;
    position: relative;
}*/

h3.top-french {
    text-transform: uppercase;
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
    color: #ffffff;
    letter-spacing: 4px;
    margin: 0 0 0 0px;
    text-align: left;
    text-shadow: 1px 1px #4d4d4d;
    z-index: 999999;
    font-size: 2.1em;
    width: 125%;
    position: relative;
}

h3.bottom {
    font-family: 'Jelytta' !important;
    font-size: 2.8em;
    color: #ffffff;
    margin: -2px 0 0 6px;
    word-spacing: 0;
    font-weight: 100 !important;
}
/*h3.bottom {
    font-family: 'Jelytta' !important;
    font-size: 6.8em;
    color: #ffffff;
    margin: -2px 0 0 6px;
    word-spacing: 0;
    font-weight: 100 !important;
}*/

h3.bottom-french {
    font-family: 'Jelytta' !important;
    font-size: 6.8em;
    color: #ffffff;
    margin: 0px 0 0 0px;
    word-spacing: 0;
    font-weight: 100 !important;
}

.banner-layer.consultant.text-box {width: 50% !important; margin: 21px -19px 0 0 !important;}

/*.consultant {margin: -5% 0 0 -7% !important;}*/

.consultant-container {height: 99.1%;}

.consultant p {
    font-family: 'Gotham Book' !important;
    color: #ffffff;
    font-size: 1.3em;
    line-height: 1.3;
    font-weight: 500;
    margin: 14px 0 28px 0px !important;
    padding: 0 13%;
    text-align: left;
}

/*.consultant p {
    font-family: 'Gotham Book' !important;
    color: #ffffff;
    font-size: 2.2em !important;
    line-height: 1.3;
    font-weight: 500;
    margin: 14px 0 28px 0px !important;
    width: 101%;
    text-align: left;
}*/

.consultant-french p {
    font-family: 'Gotham Book' !important;
    color: #ffffff;
    font-size: 2.2em;
    line-height: 1.3;
    font-weight: 500;
    margin: 14px 0 28px 0px !important;
    width: 100%;
    text-align: left;
}

a.button.primary.is-xxlarge.consultant-btn {
    margin-right: 14px !important;
    width: 220px;
    font-size: 1.2em;
    padding: 4px 0;
    border: 3px solid white;
}
/*a.button.primary.is-xxlarge.consultant-btn {margin-right: 66px !important;}*/

a.button.primary.is-xxlarge.consultant-btn-french {/*margin-right: 90px !important;*/ width: 300px;}

a.button.primary.is-xxlarge.consultant-btn span, a.button.primary.is-xxlarge.consultant-btn-french span {font-weight: 100;}

.consultant-btn, .consultant-btn-french {
    border: 3px solid #ffffff;
    color: #ffffff;
    background-color: transparent !important;
    font-size: 1.6em;
    margin: 0 38px 0 0 !important;
}

.consultant-btn a {padding: 7px 45px;}

/*About*/
#about {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/10/green-angle-bg.png);
    background-position: top right;
    margin: 0 0 -5% 0;
}

.about-us-french {padding: 0 0 0 3%;}

.about-us .is-divider.divider.clearfix {margin: 0px 0px 0px 70px;}

.about-us h2, .about-us-french h2 {
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    letter-spacing: 15px;
    font-size: 4em;
}

.about-content, .inside-content {margin: auto !important;}

.about-content p, .inside-content p {font-family: 'Gotham Book' !important; color: #000000; font-weight: 500;}

.about-content p:first-child, .inside-content p:first-child {margin-bottom: 21px;}

.about-content li, .inside-content li {font-family: 'Gotham Book' !important; color: #000000; font-weight: 500;}

.about-content ul, .inside-content ul, .inside-content ul {margin-left: -26px !important; line-height: 1; color: #000000;}

.about-us hr, .about-us-french hr {width: 40.5%; margin-left: 28.5%; margin-right: 50%;}


/*Our Story*/
.our-story-content {max-width: 46% !important; padding: 0 !important; margin: 0 !important;}

.our-story .img-inner {margin: 0 0 0 74px;}

.col.our-story.medium-6.small-12.large-6 {margin: 0px 0 0 40px !important;}

.row.row-collapse {max-width: 1135px !important;}

/*jar*/
.jar-row {padding: 15px 0 0 0;}
#row-148498815>.col>.col-inner {padding: 200px 0px 0px 0px;}

.jar {padding: 0; margin: 0px 0px 0px -20%;}

.jar .img-inner {margin: 0px 140px 0px 0px;}

.jar-container {padding: 0; margin: -8% 0px 0 -10%;}

.jar-content {margin: 12% 0 0 0 !important;}

.jar-content p {width: 86.5%; margin-bottom: 10% !important;}

/*Aloegenic*/
.ALOEGENIC-content {padding: 0% 0% 15% 0%; margin: -7% 0 0 0;}

.ALOEGENIC-content h3 {margin-bottom: 28px; text-transform: uppercase;}

.ALOEGENIC {margin: -5% 0px 0px 0px; /*-115px 0 0 0*/}

.ALOEGENIC .img-inner {margin: 0 0 0 74px;}

/*Career*/
p.small-header {margin-bottom: 1%;}

.career-intro hr {
    width: 35%;
    margin-left: 32%;
    margin-right: 32%;
}

.career-intro-es hr {
    width: 33.3%;
    margin-left: 32%;
    margin-right: 32%;
}

.col.career-column.small-12.large-12, .col.faq-column.small-12.large-12 {
    margin: auto !important;
    padding: 0% 15% 4% 15% !important;
}

.career-content, .faq-content, .faq-intro {}

.career-content h3 {
    margin: 4% 0 2% 0;
}

.career-content ul, .faq-content ul {
    margin: 0 0 3% 0;
}

.career-content li, .faq-content li {
    margin: 0 0 1.5% 0;
}

/*FAQ*/
.faq-intro hr {width: 18%; margin-left: 40%; margin-right: 0;}

.anchor {padding-top: 0;}

.anchor:before {padding-top: 245px; margin-top: -245px; display: block; content: '';}

.faq-content h4 {font-weight: bold; text-transform: uppercase;}

/*Privacy*/
.col.privacy-right.medium-5.small-12.large-5 {
    padding: 0 3% !important;
}

/*Join*/
#join {
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/10/pink-angle-bg.png);
    background-position: top 1% right -1%;
    margin: 0% 0% -4% 0;
}

.join-us {
    max-width: 85%;
    padding: 0 0 0 13.5%;
}

.join-us h2, .host-party h2, .career-intro h2, .career-intro-es h2 {
    text-transform: uppercase;
    color: #ffffff;
    margin: 0 0 -1% 0;
    letter-spacing: 15px;
    font-size: 4em;
}


.join-us hr {width: 40%; margin-left: 18.5%; margin-right: 15%;}

/*.join-us hr {width: 38.3%; margin-left: 8%; margin-right: 8%;}*/

.col.join-left.medium-7.small-12.large-7 {padding: 0 4.9% !important; margin: 0% 0 50px 0% !important;}

.join-intro {text-align: center;}

.join-intro h2, .party-intro h2 {
    font-family: 'Delirium Sample' !important;
    font-size: 2.5em;
    color: #000000;
    word-spacing: 15px;
    font-weight: 400 !important;
    text-align: center;
}

.join-intro h3, .party-intro h3, .career-intro h3 {
    font-size: 2.3em;
    color: #000000;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
    text-transform: none;
}

.join-content {margin: auto !important; padding: 0% 0 0 0;}

.join-content p {color: #000000; font-weight: 500; margin: 4% 0 0% 0 !important;}

.join-content ul {margin: /*0% 0 0 -26px*/ 3% 0 0 -5px !important; line-height: 1; color: #000000; width: 100%;}

.join-content li {color: #000000; font-weight: 500; line-height: 1.3 !important;}

a.button.white.centered-btn {padding: 4px 0%; height: 53px; font-size: 1.2em; width: 220px; margin: 21px/*4.4%*/ 24% 0% 24%;}

a.button.white.centered-btn.host-btn {padding: 4px 0%; height: 53px; width: 220px; margin: 0 auto;}

a.button.white.centered-btn.french-btn {width: 250px; margin: 4.4% 19% 0;}

a.button.white.centered-btn.french-btn.join-btn {width: 275px; margin: 4.4% 19% 0; margin-bottom: 7%;}

a.button.white.product.french-btn {width: 250px; height: 50px; padding: 4px 0%;}

a.button.white.product.spanish-btn {width: 70%;}

a:hover .button.white.centered-btn, a.button.white.centered-btn:hover {text-decoration: none !important;}

.col.join-right.medium-5.small-12.large-5 {margin: 2% 0 0 0;}

.join-right .img-inner {margin: 0 0 0 0;}

/*Party*/
#party {
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/10/left-pink-angle-bg.png);
    background-position: top left;
    margin: 0% -0.5% -5.5% 0;
}

.host-party {
    margin: 0 0 -4.3% 20%;
}

.host-party hr {
    width: 35%;
    margin-left: 32%;
    margin-right: 32%;
}

.party-intro {
    max-width: 62%;
    margin: 0 auto;
}

.party-content {
    margin: auto !important;
    padding: 4% 18%;
}

.party-content p {
    color: #000000;
}

.party-content img {
    margin-top: 9%;
}

/*Gives*/
#gives {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/10/wider-pink-angle.png);
    background-position: top 115% right -30%;
    margin: 0% 0% -7% 0%;
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
}

/*#gives {
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/10/join-us-bg.png);
    background-position: top 1% right 170%;
    margin: 0 0 -7% 0;
        font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
}*/

.we-give {
    margin: 0 0 -4.3% 18%;
    width: 100%;
}

.we-give h2 {
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    letter-spacing: 15px;
    font-size: 4em;
}

.we-give hr {
    width: 30%;
    margin-left: 34%;
    margin-right: 0;
}

.gives .is-divider.divider.clearfix {
    margin: 3% auto 0%;
    max-width: 300px !important;
}

.gives-content {
    margin: 0% 10% 0% 16% !important;
}

.gives-content p {
    font-family: 'Gotham Book' !important;
    color: #000000;
    font-size: 1.45em;
    line-height: 1.5;
}

.gives-content ul {
    list-style: none !important;
    width: 97%;
}

.gives-content li {
    line-height: 1.3;
    padding: 0 0 3% 0;
    font-size: 1.58em !important;
    border-bottom: 10px solid transparent;
    -webkit-border-image: url(/wp-content/uploads/2018/10/dotted-lines.png);
    /* Safari 3.1-5 */
    -o-border-image: url(/wp-content/uploads/2018/10/dotted-lines.png);
    /* Opera 11-12.1 */
    border-image: url(/wp-content/uploads/2018/10/dotted-lines.png) 10 round;
}

/*aloeark*/
.aloeark-row {
    padding: 1.4% 0 0 0;
}

.col.aloeark-left.medium-6.small-12.large-6 {
    margin: 0% 0 0 0% !important;
}

.aloeark-left .img-inner.dark {
    padding: 0 15%;
}

/*.aloeark {
    padding: 0;
    margin: 0% 0% 0% -20%;
}

.aloeark .img-inner {
    margin: 0% 20% 0% 16%;
}

.aloeark-container {
    padding: 0;
    margin: -8% -10% 0% 0;
}*/

.col.aloeark-right.medium-6.small-12.large-6 {
    padding: 0% 3% 0% 0% !important;
}

.aloeark-content {
    margin: 12% 0 0 0 !important;
}

.aloeark-content p {
    width: 86.5%;
    margin-bottom: 10% !important;
}

/*Ark*/
.col.ark-left.medium-6.small-12.large-6 {
    padding: 7% 0 0 0 !important;
}

.col.ark-right.medium-6.small-12.large-6 {
    margin: 0 0% 0 0 !important;
}

.ark-help {
    font-family: 'Delirium Sample';
    font-weight: 100;
}

.ark-right .img-inner {
    margin: 0% 15% 0% 0;
}

/*Heifer*/
.col.heifer-left.medium-6.small-12.large-6 {
    margin: 0% 0 0 0% !important;
}

.heifer-left .video.video-fit.mb {
    margin: 1.5% 7% 0 20% !important;
}

.col.heifer-right.medium-6.small-12.large-6 {
    padding: 0% 7.5% 0% 0% !important;
}

.heifer-content h3 {
    line-height: 1;
    width: 75% !important;
    font-family: 'Gotham Book';
}

/*Help for all*/
.col.helpall-left.medium-6.small-12.large-6 {
    padding: 6.5% 0 0 0 !important;
}

.helpall-content h2, .helpall-content h3 {
    width: 125%;
}

.helpall-content {
    margin: 0% 0% 0% 22% !important;
}

.helpall-right .img .img-inner {
    margin: 0 10%;
}

/*How to help*/
.howtohelp-row {
    margin: -1% auto 0 !important;
}

.howtohelp-content h3 {
    width: 100%;
    font-family: 'Gotham Book';
}

.howtohelp-content p {
    width: 63%;
    margin: 0 auto 2%;
}

.howtohelp-content .img .img-inner {margin: 7% 0;}

/*Collections*/
#collections {margin: 0 0 -7% 0;}

#collections .banner {margin-bottom: 3.2%;}

.our-collections {max-width: 85%; padding: 0 0 0 13.5%;}

.our-collections hr {width: 55%; margin-left: auto; margin-right: auto;}

.collections-row {margin-bottom: 6%; padding: 0 3%;}

.collections-short-row {margin-bottom: 3%; padding: 0 0 0 6%;}

.short {padding: 5% 0 !important;}

.beauty-collect {padding: 10% 7% 0 7%;}

.bath-body-collect {padding: 24% 8% !important;}

.jar-collect {padding: 14% 8.5% !important;}

.radiance-collect {padding: 15% 8.1% !important;}

.radiance-collect h3 {
    width: 120%;
    color: #939598 !important;
}

.firsts {
    /*margin-top: -1.9% !important;*/
}

.collections-content-left, .collections-content-right {
    padding: 0 5%;
}

.collections-content h3, .collections-content-left h3, .collections-content-right h3 {
    padding-bottom: 2%;
}

.collections-content p, .collections-content-left p, .collections-content-right p {
    font-size: 1.59em;
    line-height: 1.4;
}

/*Products*/
.row.row-collapse.products {
    margin-top: 3%;
}

#skincare .text-box.banner-layer.x0.md-x0.lg-x0.y90.md-y90.lg-y90.res-text {
    margin: 0 6% 1% 0% !important;
}

.about-skincare hr {
    width: 18%;
    margin-left: 41.5%;
}

.fr-es-about-skincare hr {
    width: 25% !important;
    margin-left: 39% !important;
}

h3.cleansers {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #abc380;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 72%;
}

p.product-title {
    font-weight: 100;
    margin: 0% auto 10% auto;
}

.product-one-line {
    margin-bottom: 5%;
}

.product-two-line {
    margin-bottom: 15.2% !important;
}

.product-three-line {
    margin-bottom: 5%;
}

h3.toners {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #abc380;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 78%;
}

h3.treatments {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #abc380;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 47%;
}

h3.masks {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #abc380;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 60%;
}

h3.moistures {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #abc380;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 65%;
}

.toner-one-line {
    margin-bottom: 15.2%;
}

.toner-two-line {
    margin-bottom: 0% !important;
}

span.price-top {
    font-weight: 100;
    font-family: 'Gotham Medium' !important;
}

span.price-bottom {
    font-size: .8em;
    font-weight: 100;
}

p.price {margin-bottom: 5%;}

.button.white.product span {display: inline-block; line-height: 1.6; font-family: 'Gotham Book' !important; font-size: .85em;}

.shop-text-container {margin-top: -1.5%;}

h3.shop-text a {font-family: 'Gotham Book' !important; color: #abc380; font-weight: 100; /*padding-right: 5% !important;*/}

h4.shop-text a {
    font-family: 'Gotham Medium' !important;
    color: #abc380;
    font-size: 1.3em;
    font-weight: 100;
    letter-spacing: 2px;
    padding-right: 5% !important;
}

p.shop-text {margin: 0 !important;}

p.shop-text a {
    font-family: 'Gotham Book' !important;
    color: #abc380;
    font-weight: 100;
    padding-right: 5% !important;
    font-size: 1.2em;
}

.quiz-container .bg.bg-loaded {background-size: 100.5% 99.6% !important; background-position: top left;}

.quiz-text {margin: 7% 0 0 -20% !important;}

h3.quiz-text, .quiz-text h3 {
    text-transform: uppercase;
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
    color: #ffffff;
    letter-spacing: 4px;
    text-align: left;
    font-weight: 100;
    line-height: 1.3;
    margin: 0 0 0 10%;
    /* text-shadow: 1px 1px #4d4d4d; */
    z-index: 999999;
    font-size: 2.4em;
    width: 70%;
    position: relative;
}

.quiz-text p, p.quiz-text {
    font-family: 'Gotham Book' !important;
    color: #ffffff;
    font-size: 2.2em;
    line-height: 1.3;
    margin: 14px 0 28px 40px !important;
    width: 101%;
    text-align: left;
}

a.button.primary.is-xxlarge.quiz-btn {margin-left: 11% !important;}

a.button.primary.is-xxlarge.quiz-btn span {font-weight: 100;}

.quiz-btn {border: 3px solid #ffffff; color: #ffffff; background-color: transparent !important; font-size: 1.6em; margin: 0 38px 0 0 !important;}

.quiz-btn a {padding: 7px 45px;}

/*Bath and Body page*/

.about-bb hr {width: 31%; margin-left: 32.5%; margin-right: 50%;}

.bb-blue {color: #73C5C4 !important;}

h3.renew {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #73C5C4;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 78%;
}


h3.dark-garden {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #73C5C4;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 65%;
}

h3.spa-indul {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #73C5C4;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 60%;
}

/*Makeup*/
#makeup .bg.bg-loaded {/*background-size: contain;*/}

#makeup .fill {top: 0%;}

#makeup .text-box.banner-layer.x90.md-x90.lg-x90.y90.md-y90.lg-y90.res-text {margin: 0 0% 0 0% !important;}

.about-makeup hr {width: 40%; margin-left: 30.5%; margin-top: 21px;}

.med-pink {color: #ca736c !important;}

h3.mascaras {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #abc380;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 40%;
}


h3.custom-beauty {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #ca736c;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 44%;
}

h3.french-custom-beauty {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #ca736c;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 40%;
}

h3.face, h3.eyes, h3.lips {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #ca736c;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 85%;
}

h3.french-face, h3.french-lips {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #ca736c;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 83%;
}

h3.brushes {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #ca736c;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 75%;
}

h3.french-brushes, h3.french-eyes {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 4.6%;
    color: #ca736c;
    background: url(/wp-content/uploads/2018/11/production-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 90.5%;
    background-size: 79%;
}

.products-custom-row .box-text.text-center.is-large {margin: -10.5% 0 0% 0;}

.xmas-ship th:first-child, .xmas-ship td:first-child,
.ship-table th:first-child, .ship-table td:first-child,
.shippingTable th:first-child, .shippingTable td:first-child {
    padding-left: 7px;
}

.xmas-ship th, .xmas-ship td, .ship-table th, .ship-table td, .shippingTable th, .shippingTable td {border: 1px solid #666;}

.ship-table th, .xmas-ship th, .shippingTable th {font-size: 1em; text-transform: uppercase; font-weight: bold;}

.ship-table td .xmas-ship td {}

/*A-list page - desktop*/
#a-list {margin-bottom: -7%;}

div#a-list h2, div#a-list p, div#a-list li {text-align: center !important; padding-left: 0%; color: rgba(102,102,102,1);}

.banner.terms {padding-top: 0 !important;}

.terms p, .terms li {font-size: 1.0em !important; text-align: left; margin: 0 0 1% 0;}

/*Contact Form page*/
.join-form {padding: 50px 0 0 0;}

/*Quiz pages*/
.quiz-content {}

.quiz-content h3 {margin-top: 4%;}

.quiz-content p {width: 88.5%;}

.quiz-content img {width: 95%; margin: -1% 0 0 5%;}

a.button.white.is-large.quiz-shop-btn {width: 300px;}

.aloeclear-products h3 {
    border: 0px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0 0 0 0%;
    color: #47c1c0;
    background: url(/wp-content/uploads/2019/01/aloeclear-section-header-bg.png);
    background-repeat: no-repeat;
    background-position: center right 0%;
    font-weight: 100;
    letter-spacing: 5px;
    font-family: 'Gotham Medium' !important;
    width: 100%;
    background-size: 45%;
}

.aloe-clear-products h4 {color: #47c1c0; margin: 0 0 15% 0;}

/*Mobile Footer*/
/*Begin Custom Styles*/
/* Desktop Menu */
.aloetteDesktop {width: 100%;}

.aloetteHead {
font-family: "Gotham Book";
font-weight: 600;
font-style: normal;
font-size: 14px;
letter-spacing: .14em;
line-height: 1.4em;
text-transform: uppercase;
color: grey;
padding-bottom: 1em;
max-width: 16em;

}
.aloetteCell {
    font-family: "Gotham Book";
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
    letter-spacing: .14em;
    line-height: 1.4em;
    text-transform: uppercase;
    padding-bottom: .618em;
    padding-right: 30px;

}

/* Mobile Menu */
.aloetteAccordion {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    padding: 21px 0 0 10px;
    width: 97%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 13px;
    letter-spacing: 2px;
    transition: 0.4s;
    text-transform: uppercase;
    /* font-weight: 900; */
    font-family: 'Gotham Medium' !important;
}

.aloetteAccordion a {font-size: 1em !important;}
.aloetteActive, .aloetteAccordion:hover {background-color: #fff;}

.aloetteAccordion:after {
    content: '\002B';
    color: transparent;
    background: url(/wp-content/uploads/2018/12/caret-closed.png) no-repeat 0px 0px !important;
    background-size: 70% !important;
    font-weight: bold;
    float: right;
    margin-right: 0px;
    text-transform: uppercase;
    height: 24px;
    margin-top: 5px;
    width: 20px;
}

.aloetteActive:after {
    content: "\2212";
    color: transparent;
    background: url(/wp-content/uploads/2018/12/caret-open.png) no-repeat 0px 0px !important;
    background-size: 100% !important;
    margin-right: 0px;
    margin-top: 10px;
    float: right;
    height: 20px;
    width: 24px;
}

.aloettePanel {padding: 0 10px; background-color: #fff; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out;     color: black;}

.page-id-29854 h1 {
    font-family: "Gotham Light", Roboto, Helvetica, Sans-Serif;
    font-size: 42px;
    font-weight: 100;
    text-transform: uppercase;
}
.page-id-29854 h2 {
    font-family: "Gotham Book", "Gotham", Roboto, Helvetica, Sans-Serif;
    font-weight: 500;
    text-transform: uppercase;
}
.page-id-29854 h3 {
    font-family: "Gotham Book", "Gotham", Roboto, Helvetica, Sans-Serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}
.page-id-29854 h4 {
    font-family: "Gotham Light", "Gotham Book", Roboto, Helvetica, Sans-Serif;
    font-size: 18px;
    font-weight: 100;
    text-transform: uppercase;
}
.page-id-29854 h5 {
    font-family: "Chronicle Display", "Times New Roman", serif;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    font-style: italic;
}
.page-id-29854 h6 {
    font-family: "Gotham Light", "Gotham Book", Roboto, Helvetica, Sans-Serif;
    font-weight: 100;
    text-transform: uppercase;
}
.page-id-29854 p {
    font-family: "Gotham Light", "Gotham Book", Roboto, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    color: #56565a;
    line-height: 26px;
}


/*************** ADD MOBILE ONLY CSS HERE  ***************/
/*li.pll-parent-menu-item.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-parent.menu-item-has-children.geot-ajax.geot_menu_item.active.menu-item-33067.has-dropdown i.icon-angle-down {
    display: inline-block !important;
}*/

@media (min-width: 320px) {
	/*.off-canvas-center .mfp-content {padding-top: 0;}
	.off-canvas .sidebar-menu {padding: 0px 0;}*/
	.mfp-bg.off-canvas-center:not(.dark) {opacity: .99;}
	
	.mfp-wrap.mfp-auto-cursor.off-canvas.off-canvas-center.mfp-ready {
    	position: fixed !important;
    	top: 0px !important;
    	left: 0px;
    	right: 0px;
    	bottom: 0px;
    	height: auto !important;
}

	.off-canvas-center .mfp-container {height: 100%; overflow: scroll;}
    
    .mfp-content {height: 100%; overflow: auto;}
}


@media (min-width: 320px) and (max-width: 374px) {
.nav-center {margin: 0;}

/*categories section home*/
/*.categories-home {height: 220px !important;}	*/

.about-us-french h2 {overflow-wrap: break-word;}

.join-us h2, .host-party h2, .career-intro h2, .career-intro-es h2 {letter-spacing: 10px;}	
	
#join a.button.white.centered-btn {margin: 28px 11.5% 0;}	
}

@media (min-width: 320px) and (max-width: 567px) {
	
a.button.white.centered-btn {margin: 0; position: relative; padding: 1% 0% !important;}
/*a.button.white.centered-btn {margin: 0 auto 14% auto !important; width: 100%; position: relative; padding: 1% 0% !important;}*/

a.button.white.centered-btn.french-btn.join-btn {width: 275px;}	
	
a.button.white, a.button.white.is-outline.products-btn {height: 46px; padding: 0% 0;}	
	
    /*general*/
	.mfp-bg.off-canvas.off-canvas-center.main-menu-overlay.mfp-ready {/*max-height: 1120px;*/}
    .page-wrapper {padding-bottom: 0; padding-top: 0px !important;}

    .medium-6 {flex-basis: 99% !important;}

    .banner {margin-top: auto;}

    .is-divider {margin: 11% 10% 11% 11%; width: 75%;}

    .button.white {padding: 3px !important; font-size: 1.1em;}

    .banner hr {margin-top: 30px !important;}
	
	li.lang-item span {display: none;}
	
	li.current-dropdown>.nav-dropdown, .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown {left: -50px;}

    /*top bar*/
    div#top-bar {display: block !important;}


    /*Custom*/	
.pll-parent-menu-item li.current-dropdown>.nav-dropdown, .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown {left: -50px; background-color: black !important; width: 23px !important; min-width: 110px !important;
    float: right;}

	
	/*hero area > home page*/
    .hero-banner.banner {margin-top: 0px;}
	
	.enca-home-hero {height: 800px !important;}

	.hero-intro {width: 100%; margin-left: 0px; margin-bottom: 10% !important;}

    .hero-intro h2 {word-spacing: 4px; /*font-size: 2.5em !important;*/ text-align: center !important;}

    .text-box.banner-layer.x50.md-x50.lg-x80.y25.md-y50.lg-y50.res-text {margin: -50px 0 0 0;}

    a.button.white.transparent {margin: 9% 23.5% !important; background: transparent !important; font-size: 1.4em; float: none;}

    a.button.primary.is-small.shop-restorative-btn {width: 100% !important; max-width: 248px; padding: 5px !important;}

    a.button.primary.is-small.shop-restorative-btn span {font-size: 1em;}
	
	/*categories section home*/
    h3.categories {margin-bottom: 50px !important;}
	
	.categories-row {padding: 4% 2% !important;}
	.categories-row .col.medium-6.small-6.large-4 {padding: 1% 1.5% !important;}
	.categories-home {height: 145px;}
	.categories-row-es .banner h2 {padding: 0 1px !important; font-size: 1.45em !important;}
	.categories-row .banner h2 {padding: 0 14px; font-size: 2em; font-weight: 300; letter-spacing: 2px; line-height: 1.4;
    word-break: break-word;}
	
	.crowd-pleasers h2 {font-size: 30px; letter-spacing: 1px; color: black;}
	
	span.pleasers {font-size: 32px;}
	
	.section.crowd-pleasers {padding: 0 !important;}
	.col.grid-col.large-6.grid-col-1.cp-left .box-text-inner {background-position: right 0% center; padding: 0 12%;}
	.crowd-pleasers .box-text-inner {background-size: 10px; background-position: center right 2% !important;}
	.cp-left img, .cp-right img {width: 100% !important; height: 100% !important; margin: 0% !important;}
	.crowd-pleasers h4 {font-size: 18px; font-weight: 400; color: #000;}	
	.crowd-pleasers h5 {font-size: 1.3em !important;}

    /*perks area > home page*/
    .perks-green {padding: 14px !important; margin: 0 0 25% 0; width: 100% !important;}

    .perks-green h3, h3.perks-green {line-height: 1; font-size: 2em; width: 100%;}

    .perks-pink {padding: 14px !important; margin: 0 0 0% 0; width: 100% !important;}

    .pink.perks {padding: 6% 0% 0 3%; width: 85%;}

    .pink-pic .img {margin-left: 0px !important;}

    /*.perks p {font-size: 1.4em;}*/

    a.button.white.perks-btn {font-size: 1.1em; width: 200px; margin: 0;}
	
    /*consultant area > home page*/
    h3.top {margin: 0px 0 0 0 !important; font-size: 2.5em; width: 100%;}

    h3.bottom {font-size: 3.5em; margin: 0 0 0 0px !important;}

    h3.top-french {font-size: 3em; width: 100%;}

    h3.bottom-french {font-size: 3em;}

    .perks-green-french {padding: 0% 0% 0% 5% !important; margin: 0% 0% 40% 0% !important; width: 90% !important;}

    .perks.perks-green.spanish-green-perk {margin: 0 0 40% 0 !important;}

    .consultant.consultant-french {margin: -35% 0 0 -15% !important;}

    a.button.primary.is-xxlarge.consultant-btn-french {margin-right: 0 !important;}

    .col.consultant-container.medium-6.small-12.large-6 {margin: 0 0 -8px 0;}

    .consultant.consultant-spanish {margin: -35% 0 0 -15% !important;}

    .consultant.consultant-spanish p {font-size: 1.8em; line-height: 1.3; margin: 28px 0 !important; margin-left: 0px !important;
        width: 100%;}

    .consultant-spanish a.button.primary.is-xxlarge.consultant-btn {margin-right: 0px !important;}

    /*.consultant {margin: -10% 0 0 -15% !important; min-width: 135%;}*/

    .consultant p {font-size: 1.7em !important; line-height: 1.3; margin: 28px 0 !important; margin-left: 0px !important; width: 100%;  }

    .consultant-french p {text-align: left;}

    a.button.primary.is-xxlarge.consultant-btn {margin-right: 0 !important; padding: 0 10px; width: 75%;}
	
    .consultant-spanish a.button.primary.is-xxlarge.consultant-btn {padding: 7px 10px !important;}

    .text-box.banner-layer .consultant-content.x20.md-x50.lg-x50.y25.md-y25.lg-y25.res-text {width: 100%;}

    /*Gives, About, Host, BB, Party pages*/
    #collections a.button.white.centered-btn {margin: 0; width: 200px; position: relative; padding: 1% 0% !important;}
	
    .col.our-story.medium-6.small-12.large-6 {margin: 0 !important;}

    .col.about-us.medium-5.small-12.large-5 {margin: 9% 0 -9% 0;}

    .about-us, .join-us, .host-party, .we-give, .our-collections {margin-left: 3%;}

    .about-us .is-divider.divider.clearfix {margin: 0 10% 0 12%;}

    .about-content, .join-content, .inside-content {margin: 0 0 0 0% !important; width: 100%;}

    .about-content p, .about-content li, .join-content p, .join-content li, .party-content p, .party-content li, .inside-content p, .inside-content li, .career-content p, .career-content li {font-size: 1.3em !important; line-height: 1.4;}

    .about-content ul, .inside-content ul, .join-content ul {margin: 7% 3% 10% 0 !important;}

    #text-box-2027309357 {width: 100%;}

    .our-story-row {margin-top: -20%;}

    .our-story .img-inner {margin: 0px 0px 0px 18px;}

    .jar {padding: 0; margin: 0;}

    .jar-container {padding: 0; margin: 0 !important;}

    .jar .img-inner, .ALOEGENIC .img-inner {margin: 0;}

    .jar-content p {width: 94%; margin-bottom: 10%;}

    .jar-content {margin: 0 0 0 3% !important; width: 94%;}

    .ALOEGENIC {margin: 0;}

    .ALOEGENIC-content h3 {width: 80%;}

    .ALOEGENIC-content {padding: 0% 0% 15% 0%; margin: 0 3%;}

    /*.col.join-left.medium-7.small-12.large-7 {padding: 0 4.9% !important; margin: 0% 0 0 0% !important;}*/

    #join .text-box.banner-layer.x0.md-x0.lg-x0.y85.md-y85.lg-y85.res-text {bottom: 25%;}

    .join-us {max-width: 85%; padding: 0;}

    .join-us hr {width: 100% !important;}

    .col.party-container.small-12.large-12 {padding: 0px 1.9% !important; margin: 0% 0% 0 0% !important;}

    .host-party hr {width: 60%; margin: 48px 0%;}

    .party-intro {max-width: 100%; margin: 0 !important; padding: 0%;}
	.party-content img {margin-top: 0;}
	
	.gloss-sticks .box-image {width: 275px !important;}

    /*.party-content {margin: auto !important; padding: 8% 0%;}*/
	.party-content {margin: auto !important; padding: 8% 0% 0 0;}

    a.button.white.centered-btn.host-btn {margin: 1% 15% 15%;}

    .aloeark .img-inner {margin: 4%;}

    .col.aloeark-right.medium-6.small-12.large-6 {padding: 0% 0% 0% 0% !important; margin: 10% 7% 0;}

    .aloeark-content p {width: 100%; margin-bottom: 10% !important;}

    .ark-right .img-inner {margin: 1% 1%;}

    .col.ark-right.medium-6.small-12.large-6 {padding: 0 0% 0 2% !important;}

    .heifer-left .video.video-fit.mb {margin: 6% !important;}

    .col.heifer-right.medium-6.small-12.large-6 {padding: 0% 6% !important;}

    .col.helpall-left.medium-6.small-12.large-6 {padding: 6.5% 6% 3% !important;}

    .col.party-container.howtohelp-container.small-12.large-12 {padding: 0px 1.9% !important; margin: 0% 0% 0 0% !important;}

    .howtohelp-content p {width: 89.1%; margin: 0 auto 2%;}

    #gives .text-box.banner-layer.x0.md-x0.lg-x0.y90.md-y90.lg-y90.res-text, #about .text-box.banner-layer.x0.md-x0.lg-x0.y90.md-y90.lg-y90.res-text, #party .text-box.banner-layer.x0.md-x0.lg-x0.y90.md-y90.lg-y90.res-text, #bath-body .text-box.banner-layer.x0.md-x0.lg-x0.y90.md-y90.lg-y90.res-text {bottom: 35% !important;}

    .we-give, .about-us {margin: 0 0 -4.3% 3%; width: 100%;}

    .we-give h2, .about-us h2, .about-us-french h2 {text-align: left !important;}

    .gives-content h2, .gives-content h3 {padding-left: 6%;}

    .gives-content ul {list-style: none !important; width: 92%;}

    /*.about-us-french h2 {font-size: 2em;}*/

    .we-give hr, .about-us hr, .about-us-french hr {width: 42%; margin-top: 24px !important; margin-left: 3%; margin-right: 0%;}

    /*BB page*/
    .about-bb hr {width: 31%; margin-left: 3%; margin-right: 50%;}

    /*Collections*/
	/*.col.collections-right.medium-6.small-12.large-6.small-col-first {padding: 0 3% !important;}*/
	
    .collections-row {margin-bottom: 0%; padding: 0;}

    .collections-short-row {margin-bottom: 3%; padding: 0 0 0 0%;}

    .col.collections-left.short.medium-6.small-12.large-6, .col.collections-right.short.medium-6.small-12.large-6 {
        padding: 0% 0 !important;
    }

    #collections .text-box.banner-layer.x50.md-x50.lg-x50.y90.md-y90.lg-y90.res-text, #skincare .text-box.banner-layer.x0.md-x0.lg-x0.y90.md-y90.lg-y90.res-text, #makeup .text-box.banner-layer.x90.md-x90.lg-x90.y90.md-y90.lg-y90.res-text {bottom: 30%;}

    .our-collections hr {margin-left: 3%;}

    .product-three-line {margin-bottom: 15.2% !important;}

    .our-collections {max-width: 100%; padding: 0 0 0 0%; margin: 0 0 0 -30%;}

    .our-collections h2 {letter-spacing: 6px; text-align: left !important;}

    .aloepure-right {margin-bottom: 8%;}

    .collections-left, .jar-right {margin-bottom: 15%;}

    .platinum-left, .aloeclear-right {margin-bottom: 18% !important;}

    .beauty-left {margin-bottom: 13% !important;}

    .collections-right {margin-bottom: 16%;}

    .radiance-collect h3 {width: 100%; color: #939598 !important;}

	.beauty-collect, .jar-collect, .radiance-collect, .bath-body-collect {padding: 0% 7% !important;}


    /*Skincare page*/
    #skincare .text-box.banner-layer.x0.md-x0.lg-x0.y90.md-y90.lg-y90.res-text {margin: 0 6% 0% 3% !important;}

    .about-skincare hr {width: 100px; margin-left: 3%; /* margin-right: 0; */}
	.fr-es-about-skincare hr {width: 40% !important; margin-left: 3% !important;}

    /*Makeup, BB and Skincare pages*/
    h3.moistures, h3.mascaras, h3.masks, h3.cleansers, h3.custom-beauty, h3.face, h3.eyes, h3.lips, h3.brushes, h3.renew, h3.dark-garden, h3.spa-indul, h3.french-custom-beauty, h3.french-face, h3.french-lips, h3.french-brushes, h3.french-eyes, h3.treatments, h3.toners {padding: 0 3% !important;}

    h4.shop-text {padding: 0 3% !important;}

    h4.shop-text a {font-size: 1.1em; margin-left: 0; padding-left: 0% !important;}

    p.shop-text {margin: 0 !important; text-align: left !important; font-size: 1.2em !important; padding: 0 3%; width: 60%;}

    /*Quiz area*/
    .col.quiz.medium-6.small-12.large-6 {margin: -4% 0 0 0;}

    .quiz .text-box.banner-layer.x50.md-x50.lg-x50.y25.md-y25.lg-y25.res-text {top: 6.5%; width: 88% !important; left: 53%;}

	.quiz-text {margin: 0;}

    .quiz-text h3, h3.quiz-text {width: 75%;}

    .quiz-text p, p.quiz-text {font-size: 1.8em !important; line-height: 1.3; padding: 0px 0 0px 0px !important; width: 80%; margin: 14px 0 28px 35px !important;}

    /*Makeup*/
    #makeup .text-box.banner-layer.x100.md-x100.lg-x100.y90.md-y90.lg-y90.res-text {margin: 0 30% 0 0 !important;}

    #makeup .bg.bg-loaded {/*background-size: cover !important;*/}

    .about-makeup {margin: 0 0 35% -48%; width: 100%;}
	
    .about-makeup .banner h2 {text-align: left; font-size: 2.5em !important;}

    .about-makeup .banner hr {margin-top: 10px !important;}

    .about-makeup hr {width: 49.2%; margin-left: 3%; margin-bottom: 0 !important;}

	
	/*Skincare*/
	.about-skincare {margin: 0 0 35% -4%; width: 100%;}
	
    /*Careers and FAQ*/
    .faq-intro hr {width: 30%; margin-left: 3%;}

    .faq-content h3, .faq-content p {margin: 0% 0 3% 0 !important;}

    .faq-content h4 {margin-bottom: 7px;}

    .faq-intro h3, .career-content h3, .career-content p {margin: 6% 0 3% 0 !important;}

    .products-custom-row .box-text.text-center.is-large {margin: 0% 0 0% 0;}

    .col.career-column.small-12.large-12, .col.faq-column.small-12.large-12 {
        margin: auto !important;
        padding: 0% 7% 4% 7% !important;
    }

    #careers .text-box.banner-layer.x0.md-x0.lg-x0.y90.md-y90.lg-y90.res-text {margin: 0 0 59% 0;}

    .career-intro hr, .career-intro-es hr {margin-left: 3%;}

    #faq .text-box.banner-layer.x90.md-x90.lg-x90.y95.md-y95.lg-y95.res-text {margin: 0 29% 64% 0;}

    /*Shop page 300px-567px*/
    .shoppingcartapp.ng-scope {padding-top: 70px !important; margin: 0 auto;}

    /*A-List*/
    #a-list .text-box.banner-layer.x50.md-x50.lg-x50.y50.md-y50.lg-y50.res-text {width: 100%;}
}

@media (min-width: 320px) and (max-width: 991px) {
html[lang="en-US"] .welcome-en-us {margin: 7px 0;}	
.nav-dark .nav>li.html {width: 60%;}
li.lang-item {float: right; margin: 0; display: contents;}

li.lang:last-child, .nav li:last-child {margin-right: 0px !important; float: right;}
	
li.menu-item.menu-item-type-gs_sim.menu-item-object-gs_sim.menu-item-has-children.geot-ajax.geot_menu_item.menu-item-32107.has-child {
    /*display: none;*/
	}
	/*specialty page bg*/
	#about, #join, #party, #gives {background: none;}
	
}

@media (min-width: 320px) and (max-width: 359px) {
#join a.button.white.centered-btn {margin: 28px 16% 0;}
}

@media (min-width: 360px) and (max-width: 374px) {
#join a.button.white.centered-btn {margin: 28px 16% 0;}
}

@media (min-width: 375px) and (max-width: 411px) {
#join a.button.white.centered-btn {margin: 28px 16.5% 0;}	
}

@media (min-width: 375px) and (max-width: 479px) {
.nav-center {margin: 0 0 0 0%;}
}

@media (min-width: 412px) and (max-width: 479px) {
#join a.button.white.centered-btn {margin: 28px 20.5% 0;}
}

@media (min-width: 480px) and (max-width: 567px) {
.nav-dark .nav>li.html, .nav-dark .header-button {color: #fff; width: 42% !important;}
}

@media (min-width: 480px) and (max-width: 767px) {
.nav-dark .nav>li.html, .nav-dark .header-button {color: #fff; width: 42% !important;}
}

@media (max-width: 530px) {
    .shop-restorative-btn {background-color: #F7F8FC !important; color: #000000 !important; border: 3px solid #000000 !important;         padding: 15px 10px !important;    }
}


/*About and Join column adjustments*/
@media only screen and (max-width: 580px) and (min-width: 550px) {
.col.our-story.medium-6.small-12.large-6 {margin: 0% 0 0 0 !important;}

.col.join-right.medium-5.small-12.large-5 {margin: 0% 0 0 0;}

a.button.white.transparent {margin: 7% 15.4%; background: transparent !important;}

a.button.white.transparent span {padding: 10px 0; font-size: 1.3em;}
}
/*end of top right About column*/

@media screen and (min-width: 568px) {
    /*.medium-6 {flex-basis: 50% !important;}*/
}


@media (min-width: 568px) and (max-width: 767px) {
.nav-dark .nav>li.html, .nav-dark .header-button {color: #fff; width: 50% !important;}
.our-story .img-inner {margin: 0 0 0 0;}
.gloss-sticks .box-image, .gloss-sticks .box-image img {width: 300px !important;}	
.gloss-sticks .box-image {margin-top: 39px;}
}

@media (max-width: 767px) {
/*general*/
.row-small>.col {padding: 0 9.8px 0px;}
	.language-sort {display: none;}
h1 {font-size: 2em;}	
/*hamburger menu*/	
.nav>li.has-icon>a>i {min-width: 1em; margin-top: 0px;}
li.menu-item.menu-item-type-gs_sim.menu-item-object-gs_sim.geot-ajax.geot_menu_item.menu-item-32104 {display: none;}	
.nav>li>a>i.icon-menu {margin-left: 0; margin-right: 0;}
	
/*mobile footer*/
	.is-divider.small {display: none;}
	
    .aloetteDesktop {display: none;}

    .aloetteMobile {display: block;}

    .footer {padding: 0px 0 !important;}

    .footer h6 {padding: 24px 9px 0;}

    .footer-wrapper p, .footer-wrapper li, .footer-wrapper a {font-size: 1.05em !important; line-height: 1.2; color: #000000;}

    .footer-widgets.footer.footer-2.dark p {font-size: .8em !important; line-height: 1.5; margin-left: 0; margin-bottom: 2% !important;  }

    footer .col.small-12.large-12 {border-bottom: 1px solid rgba(0, 0, 0, .3); padding: 0 9px;}

    footer .col.small-12.large-12.last-column {border-bottom: 0px solid rgba(0, 0, 0, .3); padding: 0 9px;}

    footer img.header_logo.header-logo {padding-bottom: 14px;}

    .social-header {text-align: center !important; padding-top: 21px; font-size: 1.1em !important; font-family: "Gotham Medium" !important;}

    .social-icons .button.icon {margin: 0px 4px; color: #a5be7c !important; text-align: center;}

	/*home*/
	.hero-banner.banner {height: auto;}
	.section.redefine-icons {padding: 30px 0;}
	.redefine h2 a {font-size: 18px !important;}
	.redefine-icons .box-image {width: 60% !important;}
	.redefine-icons .box-text.text-center {padding-left: 0; padding-right: 0;}
	.redefine-icons .box-text-inner {padding: 5% 0 10%;}	
	.redefine-icons h4 {font-size: .8em;}
	
		
    /*join team*/
	.join-team {padding: 0 !important; margin-bottom: -14px;}
	.banner-layer.consultant.text-box {width: 100% !important;}
	
	a.button.primary.is-xxlarge.consultant-btn {padding: 1% 0% !important; width: 220px;}
	a.button.primary.is-xxlarge.consultant-btn span, a.button.primary.is-xxlarge.consultant-btn-french span {font-size: 1.2em;}

	/*inside pages*/
	.host-party {margin: 0 0 -30% 20%;}
	
	a.button.white.centered-btn.french-btn.join-btn {margin: 28px 0% 0% 0 !important;}
}

@media (min-width: 768px) {
	/*li.lang-item img {display: none;}*/
}

@media (min-width: 768px) and (max-width: 991px) {
section.crowd-pleasers {padding: 0 !important;}	
/*.col.grid-col.large-6.grid-col-1.cp-left {height: 690px !important;}	*/
.col.grid-col.large-6.grid-col-1-2.cp-right {height: 350px !important;}
.col.grid-col.large-6.grid-col-1-2.cp-right .box-text-inner {background-position: right 0% center;}
.crowd-pleasers .box-text-inner {background-size: 15px;}	
.crowd-pleasers h4, .crowd-pleasers h5 {font-size: 16px !important;}	
.crowd-pleasers .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text {background-color: #ffffff !important;     height: 80px;}
.redefine h2 a {font-size: 32px !important;}	
.consultant {width: 100% !important; padding: 40% 14% 0 !important;}
.gloss-sticks .box-image, .gloss-sticks .box-image img {width: 300px !important;}	
.gloss-sticks .box-image {margin-top: 21px;}
	
}

@media (min-width: 768px) and (max-width: 811px) {
.col.grid-col.large-6.grid-col-1.cp-left {height: 690px !important;}	
}

@media (min-width: 768px) and (max-width: 1199px) {
.col.grid-col.large-6.grid-col-1.cp-left, .col.grid-col.large-6.grid-col-1-2.cp-right {top: 0 !important; left: 0 !important; position: relative !important; width: 50%;}
.col.grid-col.large-6.grid-col-1.cp-left {padding-right: 2% !important; margin-left: -.5%;}	
}

@media (min-width: 812px) and (max-width: 991px) {
.col.grid-col.large-6.grid-col-1.cp-left {height: 700px !important;}
}

@media (max-width: 991px) {
	.redefine {padding: 30px 0 30px; background-size: cover;}
}

@media (min-width: 992px) {
/*Shopping cart*/
li#menu-item-32104, li#menu-item-32117, li#menu-item-32131 {margin: 0 -45px 0 -37px /*!important*/;}
}	

@media (max-width: 1079px) {
.well.well-sm.ng-isolate-scope {width: 100% !important;}
}

@media (min-width: 2550px) {
	.content-area.page-wrapper {padding-top: 3.5%; /* max-width: 1199px; */ margin: 0 auto;}
	.enca-home-hero .bg.bg-loaded {
    /*background: url(/wp-content/uploads/2019/05/Correction-Code-SPF-Desktop-2560x569.jpg) !important;*/
    background-size: 100% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}
	.spanish-home-hero .bg.bg-loaded {
		/*background: url(/wp-content/uploads/2019/05/Spanish-Correction-Code-SPF-Desktop-2560x569psd.jpg) !important;*/
    	background-size: 100% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}
	.fr-home-hero .bg.bg-loaded {
		/*background: url(/wp-content/uploads/2019/05/French-Correction-Code-SPF-Desktop-2560x569.jpg) !important;*/
    	background-size: 100% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

	.hero-banner/*, .enca-home-hero, .fr-home-hero, .spanish-home-hero*/ {
    margin: 0;
    /*max-height: 100% !important;*/
	height: 840px !important;
    /*height: 790px !important; 970px*/
}

	li.html.custom.html_topbar_right {margin-top: -100%;}

    .text-box.banner-layer.x15.md-x15.lg-x15.y50.md-y50.lg-y50.res-text {margin: 1.5% 0 0 13%;}

    .text-box.banner-layer.x80.md-x80.lg-x80.y50.md-y50.lg-y50.res-text {right: 11%; width: 30% !important;}

	.hero-intro p {width: 45%;}
	a.button.white.transparent.home-hero-btn {margin: 5% 39.6%;}
	
    #about {margin: 0 0% -7% 0 !important;}

    .about-us hr {width: 29.5%; margin-left: 34.5%;}

	#bath-body .banner-layers {margin: 2.5% 0 0 25%; width: 50%;}
	
	#join {
    font-family: "Gotham Book", Roboto, Helvetica, Sans-Serif !important;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2018/10/pink-angle-bg.png);
    background-position: top 1% right -1%;
    margin: 0% 0% -7.5% 0;
	}
	
    #join .text-box.banner-layer.x0.md-x0.lg-x0.y85.md-y85.lg-y85.res-text {margin: 0 0 0 15% !important;}

    .join-us {max-width: 72%;}

    .join-us hr {width: 29.3%; margin-left: 14%; margin-right: 14%;}

    #party {background-position: top left; margin: 0% 0% -7.5% -1% !important;}

    .host-party hr {  width: 26.3%;   margin-left: 35.5%;   margin-right: 35.5%;   }

    .host-party {margin: 0 0 -2.3% 20% !important;}

    #gives {background-position: top 100% right -4%;}

    .footer-wrapper {background: #ffffff; margin: 3% 0 0 0;}

    .collections-row {margin-bottom: 4%;}

    .collections-short-row { margin-bottom: 2%; }

    .our-collections hr { width: 32%; }

    .radiance-collect h3, .beauty-collect h3 {    width: 130%;    }

    #skincare .box-text.text-center.is-large, #makeup .box-text.text-center.is-large, #bath-body .box-text.text-center.is-large {
        margin: -14% 0 0% 0;
    }

    .product-two-line {   margin-bottom: 7% !important;  }

    .about-bb hr {
        width: 19%;
        margin-left: 40%;
        margin-right: 50%;
    }

    #makeup .text-box.banner-layer.x100.md-x100.lg-x100.y90.md-y90.lg-y90.res-text {  margin: 0 0 -5.5% 0% !important; }

    .about-makeup {margin-top: -12%;}

    .text-box.banner-layer.x80.md-x80.lg-x80.y50.md-y50.lg-y50.res-text {right: 27%;}
}


@media only screen and (max-width: 2549px) and (min-width: 1639px) {
    .text-box.banner-layer.x80.md-x80.lg-x80.y50.md-y50.lg-y50.res-text {
        right: 11%;
        width: 40% !important;
    }
}

@media only screen and (max-width: 2549px) and (min-width: 992px) {
/*.enca-home-hero .bg.bg-loaded {
    background: url(/wp-content/uploads/2019/05/Mothers-Day-Bundle-Desktop-Banner2-2560x550.jpg) !important;
    background-size: 100% !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}*/
}

@media only screen and (max-width: 1600px) and (min-width: 1501px) {
    #about {background-position: top 1% right -380%; margin: 0 0 -7% 0;}

	#join {background-position: top 1% right 14%; margin: 0 0 -7% 0;}
	
    .join-us {max-width: 100%; padding: 0 0 0 10%;}

    #party {background-position: top 1% left 7%; margin: 0% 0% -7% 0;}
}

@media only screen and (max-width: 1500px) and (min-width: 1400px) {
    #about, #join {background-position: top 0 right 80%; margin: 0 0 -8% 0;}

    #party {background-position: top 0 left 13% !important; margin: 0 0 -7% 0;}

    .join-us {max-width: 85%; padding: 0px 0 0 12.5%;}

    .host-party hr {width: 47.3%; margin-left: 24%; margin-right: 24%;}
	
}

@media only screen and (max-width: 1399px) and (min-width: 1200px) {
    #about, #join {background-position: top 0 right 80% !important; margin: 0% 0 -7.5% 0 !important;}
	
	.join-us hr {width: 50%;}

    .join-us {max-width: 100%; padding: 0 0 0 13.5% !important;}

    #party {background-position: top 0 left 80% !important; margin: 0 0 -8% 0 !important;}

    #gives {background-position: top 120% right -50%;}
	
}

@media (max-width: 1400px) and (min-width: 1026px) {
    .text-box.banner-layer.x80.md-x80.lg-x80.y50.md-y50.lg-y50.res-text {
        right: 4%;
        width: 50% !important;
        top: 55%;
    }
}

@media (max-width: 1921px) and (min-width: 1026px) {
	.banner {max-height: 450px !important;}
}

/*@media (max-width: 1921px) and (min-width: 1602px) {
	.banner {max-height: 425px !important;}
	.enca-home-hero, .fr-home-hero, .spanish-home-hero {max-height: 425px !important;}
	.enca-home-hero .bg.bg-loaded {
    background-image: url(/wp-content/uploads/2019/03/Spanish2-Aloette-HP-Banner-MAR-Desktop.jpg);
    background-size: 1920px !important;
}*/

/*@media (max-width: 1601px) and (min-width: 1026px) {
	.banner {max-height: 425px !important;}	
	.enca-home-hero .bg.bg-loaded {
    background-image: url(/wp-content/uploads/2019/03/Spanish2-Aloette-HP-Banner-MAR-Desktop.jpg);
    background-size: 1920px !important;
}*/

	
@media (max-width: 1025px) and (min-width: 768px) {

.banner hr {margin-top: 32px;}	
.hero-banner .bg { background-position: 0 !important; background-size: 100% !important; }		
	
.enca-home-hero {height: 800px !important;}

.about-skincare hr, .fr-es-about-skincare hr {width: 30% !important; margin-left: 34.5% !important;}	
	
.our-collections {max-width: 100%; padding: 0 0 0 5%;}

/*hamburger nav area*/	
ul.mobile-nav.nav.nav-left {margin-left: -26px; margin-top: -3px;}	

/*lango sorter*/	
.pll-parent-menu-item li.current-dropdown>.nav-dropdown {left: -33px; min-width: 110px;}	
	
/*footer*/	
.aloetteDesktop .col > .col-inner {padding: 0px 0px 0px 0px !important;}	
}

@media (max-width: 1025px) and (min-width: 992px) {
/*.hero-banner.banner {margin: 0; height: auto; margin-top: 16px; padding-top: 190px !important;}*/
.hero-banner.banner { margin: 0; height: auto; min-height: 1250px; margin-top: 21px; padding-top: 190px !important; }	

/*specialty*/	
#gives {background-position: top 115% right -150%; margin: 0% 0% -14% 0%;}	
}

@media (max-width: 991px) and (min-width: 768px) {
.hero-banner.banner {margin: 0; height: auto; margin-top: 16px; padding-top: 0px !important;}
}


@media (max-width: 2561px) and (min-width: 1199px) {

    /*Shop dropdown*/
    div#dropdown-31425, div#dropdown-31742, div#dropdown-31889, div#dropdown-32124 {
        background: #ffffff url(/wp-content/uploads/2018/11/collections.png) no-repeat top 20% right 39.99% !important;
    }

    /*About dropdown*/
    div#dropdown-31494, div#dropdown-31778, div#dropdown-31892, div#dropdown-32125 {
        background: #ffffff url(/wp-content/uploads/2018/11/about.png) no-repeat top 20% right 39.99% !important;
    }

    /*Join dropdown*/
    div#dropdown-31497, div#dropdown-31815, div#dropdown-31893, div#dropdown-32139 {
        background: #ffffff url(/wp-content/uploads/2018/11/join.png) no-repeat top 20% right 39.99% !important;
    }

    /*Host dropdown*/
    div#dropdown-31500, div#dropdown-31818, div#dropdown-31894, div#dropdown-32142 {
        background: #ffffff url(/wp-content/uploads/2018/11/host.png) no-repeat top 20% right 39.99% !important;
    }

    /*Rewards dropdown*/
    div#dropdown-31503, div#dropdown-31821, div#dropdown-31895, div#dropdown-32145 {
        background: #ffffff url(/wp-content/uploads/2018/11/rewards.png) no-repeat top 20% right 39.99% !important;
    }

    /*A-List dropdown*/
    div#dropdown-31506, div#dropdown-31824, div#dropdown-32005, div#dropdown-32148 {
        background: #ffffff url(/wp-content/uploads/2018/11/alist.png) no-repeat top 20% right 39.99% !important;
    }

    /*My Account dropdown*/
    div#dropdown-31785, div#dropdown-31828, div#dropdown-31920, div#dropdown-32152 {
        background: #ffffff url(/wp-content/uploads/2018/12/my-account.png) no-repeat top 20% right 39.99% !important;
    }
}

@media (max-width: 1199px) {
    h3 {background: none !important; font-size: 2em; max-width: 100%;}

    p, li {margin: 0 0 4% 0; font-size: 1.0em !important; line-height: 1.4; font-weight: 500;}

    .text-box.banner-layer.x15.md-x15.lg-x15.y50.md-y50.lg-y50.res-text {margin: 1.5% 0 0 -1.5%;}

    .our-story-content {max-width: 100% !important; margin: 0% 3% !important /*0 -6% 0% 3%*/;}
}

  
/*nav toggles from desktop view to mobile view*/
@media only screen and (min-width: 768px) and (max-width: 1120px) {
    /*general*/
    [data-show="show-for-medium"], .show-for-medium {display: block !important;}
    [data-show="hide-for-medium"], .hide-for-medium {display: none !important;}

    /*top bar*/
    div#top-bar {display: block !important;}

.shop-bag .ng-binding.ng-scope {font-family: 'Gotham Medium' !important; color: black !important; float: right; margin-top: 14px;         z-index: 999999999;}

    /*main nav*/
    .header-main {height: 60px !important;}
    
    /*custom*/
    .hero-intro {margin: 20% 0 6% 0 !important;}
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
    /*general*/
    .row.row-collapse {max-width: 1199px !important; padding: 1%;}

	/*crowd-pleasers*/
	.col.grid-col.large-6.grid-col-1.cp-left {height: 883px !important;}
	.crowd-pleasers .box-text-inner {padding: 2% 0;}
	.cp-right .box-text-inner {margin-top: -40px;}
	.col.grid-col.large-6.grid-col-1-2.cp-right .box-text-inner {background-position: 97% 33%;}

	/*redefine*/
	.redefine-section {padding: 0px 0 !important; margin-top: -28px;}
	.redefine {padding: 30px 0 15px;}
	
    /*perks area > home page*/
    .perks-green {padding: 0% 0% 0% 5% !important; margin: 0% 0% 0% 0% !important; width: 90% !important;}

    /*consultant area > home page*/
    .consultant p {margin: 14px 0 28px 0px !important; width: 100%; text-align: left;}

    /*About, Host, Join pages*/
    .our-story-content {margin: 0% 0 0 0 !important;}

    /*.col.our-story.medium-6.small-12.large-6 {margin: 0% 0 0 40px !important;}*/

    #banner-1889932725 {padding-top: 499px; height: 499px;}

    #about {background-position: top 0 right 60%; margin: 0 0 -10% 0;}

    .about-content ul, .inside-content ul, .join-content ul {margin-left: 0 !important;}

    .about-us .is-divider.divider.clearfix {margin: 0 0 0 32.5%;}

    .jar-container .is-divider.divider.clearfix {margin: 20% 0 0 5% !important;}

    .row.row-collapse.align-middle.align-center.our-story-row, .jar-row {margin: 0% 0 0 0;}

	.col.our-story.medium-6.small-12.large-6 {margin: 0px 0 0 90px !important;}
	
    .jar {padding: 0; margin: -20% 0px 0px -9%;}

    .jar-container {padding: 0 0 0 0 !important; margin: -9% 0px 0 -10.5% !important;}

    .jar-content {margin: 15% 1% 0 5% !important; /*22% 1% 22% 5% !important*/}

    .aloe-row {padding-top: 0% !important; margin-top: 10%;}

    .ALOEGENIC {margin: -85px 0px 0px 0px;}

    .ALOEGENIC-content {padding: 0% 0% 0% 0%; margin: -15% 0 0 0 !important;}	
	
    /*Join page*/
    #join {background-position: top 0 right 33%; margin: 0% 0 -7% 0;}

    .join-us {padding: 0px 0 0 1.9%; max-width: 100%;}

    .join-us h2 {font-size: 3em;}

    .join-us hr {width: 40%; margin-left: 23%; margin-right: 23%;}
	
    .col.join-left.medium-7.small-12.large-7 {padding: 0 5% 0 2% !important; margin: 0 0 0 0% !important;}


    /*Party page*/
    .col.party-container.small-12.large-12 {padding: 0; margin: 0% 0 0 0;}

    #party {background-position: top 0 left 33%; margin: 0 0 -10% 0;}

    .party-intro {max-width: 100%; margin: 0 0 0% 0% !important;}

    .party-content {margin: auto !important; padding: 3% 12%;}
	
	/*Skincare*/
	p.product-title {font-size: 1.0em !important;}
}

@media (max-width: 1024px) {
	.large-12.col {padding-bottom: 0;}
    .off-canvas-center .nav-sidebar.nav-vertical > li > a {font-size: 18px;}
	.off-canvas-center .nav-sidebar.nav-vertical>li .toggle {top: 4px;}
	.off-canvas .nav-vertical li li>a {font-size: /*.615em*/ 1em;}
	li.nav-icon.has-icon {float: left;}
	.we-give hr {width: 15%; margin-left: 44%; margin-right: 0%;}
	li.html.custom.html_topbar_right {width: auto; list-style: none; margin-left: 0% !important; margin-top: 0;}
	
	.nav-dropdown {background-color: rgba(0,0,0,1) !important; width: auto; min-width: 110px; max-height: 0; z-index: 9; margin-left: -6px !important;}

.footer-widgets.footer.footer-2.dark p {padding: 0 0% 0; color: #000000; margin: 1% 0% 1% !important;}
	
/*shopping cart*/	
	.header-main li.html.custom {display: inline;}
	.header-main .nav > li > a {font-size: 20px; float: right;}	
	.nav-sidebar li.html.custom.html_topbar_right {display: none;}
	
	#logo {width: 160px !important;}
	
	/*lango sorter*/
	li.pll-parent-menu-item.has-dropdown {padding-top: 5px; float: right;} /*FR, CA, ES*/
	li.pll-parent-menu-item.active.menu-item-32108.has-dropdown {padding-top: 12px;} /*EN*/
	
	.find-consultant {padding: 3px 0 3px 21px;  background-size: 18px;}
	
   	.nav-small .nav>li>a, .nav.nav-small>li>a {vertical-align: middle;}

    #a-list h2 {text-align: left !important; font-size: 2.5em; /* padding-left: 3%; */}
	
	/*shopping cart icon in the dropdown for CA, ES and FR*/
	li.french.menu-item-32131, li.spanish.menu-item-32124, li.menu-item-32117, li.menu-item-32104 {display: none;}
	
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    /*general*/
    .row.row-collapse {max-width: 100% !important; padding: 0 4%;}
	
	.nav-dark .nav>li.html, .nav-dark .header-button {color: #fff; width: 50%;}
	.find-consultant {width: 100%;}
	.banner-layer.consultant.text-box { padding: 0 !important; margin-right: 25% !important; }
	/*.banner-layer.consultant.text-box {padding: 0 !important;  margin-right: 50% !important;}*/
    /*hero area > home page*/
	.banner {/*max-height: 500px !important;*/ padding-top: 0 !important;}
	
    .text-box.banner-layer.x80.md-x80.lg-x80.y50.md-y50.lg-y50.res-text {right: 5%; top: 58%;}
	
	/*categories section home*/
	.categories-home {height: 250px;}
	.categories-row .banner h2 {font-size: 3.8em !important; letter-spacing: 1px;}
	
    /*perks area > home page*/
    .perks-green {width: 100% !important; margin: 0% 0% 0% 0% !important;}

    .pink-pic .img-inner {margin: -70px 0px 0px -50px;}

    .pink h3, .perks-green h3, h3.perks-green {font-size: 1.8em; width: 100%;}

    .perks p {font-size: 1.2em; line-height: 1.25;}

    .perks-green p {margin-bottom: 23px !important;}
	
	#party {margin: 0% -0.5% -10% 0;}

    .our-story-content {max-width: 40% !important; padding: 0 !important; margin: 0 !important;}

    .our-story .img-inner {margin: 0% 0 0 0;}

    .about-us .is-divider.divider.clearfix {margin: 0px 0px 0px 125px;}

    .jar {padding: 0; margin: 0% 0 0 0%;}

    .jar-content {padding: 0; margin: 0 0 0 -7%;}

    .jar .img-inner {margin: 0 22% 0 0;}

    .jar-row {padding: 0px 0 0 0 !important;}

    .ALOEGENIC-content {padding: 0% 4% 0 !important; margin: -7% 0 0 0;}

    .col.join-right.medium-5.small-12.large-5 {margin: 0% 0 0 0;}

    .col.party-container.small-12.large-12 {margin: 0% 0 0 0;}

    .we-give h2, .we-give h3 {font-size: 3em; max-width: 360px; margin: 0 auto 4%;}
}

@media only screen and (max-width: 1024px) and (min-width: 568px) {
    main#main {padding-top: 5% !important;}		
}


@media (min-width: 768px) {
    .form-inline .form-control {display: inline-block; width: auto; vertical-align: middle; margin-bottom: 0 !important;}

    /*desktop footer*/
    .aloetteDesktop {display: block;}

    .aloetteMobile {display: none;}
}


@media (max-width: 767px) {
    /*general*/
    h3 {margin-left: 0% !important; letter-spacing: 3px !important;}

    #logo a {width: 160px; margin-right: -160px;}

    .banner h2 {text-align: left !important; font-size: 3em; padding-left: 0%;}

    /*a.button.white.centered-btn.french-btn {margin: 5% 0%; font-size: 1.1em; padding: 1% 0% !important;}*/
	a.button.white.centered-btn.french-btn {width: 250px; margin: 0 !important;}
	
    a.button.white.centered-btn.spanish-btn {margin: 5% 0% !important; width: 220px !important; padding: 1% 0 !important;}

    /*Top Bar*/
	.find-consultant {font-size: 1.1em !important;}
	
	.find-consultant a {padding: 0; margin: 0;}

    .logo-left .logo {margin-top: 0px; margin-left: 0; margin-right: 0;}

    /*top bar > shopping cart*/
    .fa-shopping-cart:before {margin-right: 0% !important;}

    /*main nav*/
    .header-main, .header-top {padding: 0;}

 
    /*mobile footer*/
    .aloetteDesktop {display: none;}

    .aloetteMobile {display: block;}

    .footer {padding: 0px 0 !important;}

    .footer h6 {padding: 24px 9px 0;}

    .footer-wrapper p, .footer-wrapper li, .footer-wrapper a {font-size: 1.05em !important; line-height: 1.2; color: #000000;    }

    .footer-widgets.footer.footer-2.dark p {
        font-size: .8em !important;
        line-height: 1.5;
        margin-left: 0;
        margin-bottom: 2% !important;
    }

    footer .col.small-12.large-12 {border-bottom: 1px solid rgba(0, 0, 0, .3); padding: 0 9px;    }

    footer .col.small-12.large-12.last-column {border-bottom: 0px solid rgba(0, 0, 0, .3); padding: 0 9px;}

    footer img.header_logo.header-logo {padding-bottom: 14px;    }

    .social-header {text-align: center !important; padding-top: 21px; font-size: 1.1em !important; font-family: "Gotham Medium" !important;}

    .social-icons .button.icon {margin: 0px 4px; color: #a5be7c !important; text-align: center;    }

    /*custom*/
    /*home*/
    /*hero area > home page*/
    .hero-intro h2 {text-align: center !important;}
    .text-box.banner-layer.x80.md-x80.lg-x80.y50.md-y50.lg-y50.res-text {right: 5.5%;}

    .hero-intro p {width: 100% !important; float: none !important; margin: 35px 0 7px 0;}

    /*categories area > home page*/
    h3.categories {font-size: 140% !important;}

    /*consultant area > home page*/
    .consultant {margin: 0% !important; width: 100%;}
	.consultant p {text-align: center !important;}

    /*About, Join, Party pages*/
    .col.ALOEGENIC-content.medium-6.small-12.large-6 {padding: 0 0 0 3% !important;}

    .join-intro h2, .party-intro h2, .join-intro h3, .party-intro h3 {font-size: 2em; margin: 0 auto;}
		
	.join-us hr {margin-left: 3%;}

    #about, #join, #party, #gives {background: none;}

    #join, #party {margin: 0% 0% 0% 0% !important;}

    /*Gives page*/
    #gives .bg.bg-loaded {background-position: 25% 0; }

    /*Collections page*/
    .our-collections {max-width: 100%; padding: 0 0 0 0%;}

    /*Makeup, BB, Skincare pages*/
    p.price {margin-bottom: -7%;}

    h4.shop-text a {padding-left: 3% !important;}

    /*Quiz area*/
    .quiz-text p, p.quiz-text {margin: 14px 0 28px 28px !important;}

    /*privacy page*/
    .col.privacy-left.medium-7.small-12.large-7, .col.privacy-right.medium-5.small-12.large-5 {padding: 0 3% !important;}

    /*Quiz pages*/

    div#quizzes {padding: 0 3%;}

    .quiz-content p {width: 100%;}

    .quiz-content img {width: 95%; margin: 5% 0;}

}


@media only screen and (max-width: 767px) and (min-width: 568px) {
    /*general*/
    .page-wrapper {padding-bottom: 0; padding-top: 0 !important;}
	
	.about-skincare hr {width: 100px; margin-left: 3%;}

	.banner hr {margin-top: 24px !important;}

    .medium-6 {flex-basis: 47% !important;}
    
    /*top bar > shopping cart*/
    .shoppingcartapp.ng-scope {padding-top: 90px !important; margin: 0 auto;}

    /*main nav*/
    .header-main {height: 60px !important;}

    /*custom*/
    /*hero area > home page*/
	.hero-banner.banner {margin-top: 85px !important; margin-bottom: 25px !important;}

    .text-box.banner-layer.x50.md-x50.lg-x80.y25.md-y50.lg-y50.res-text {margin: -65px 0;}
	.categories-row {padding: 0 !important;}
	.categories-row .col.medium-6.small-6.large-4 {padding: 7px !important;}
	.categories-home {height: 250px;}
	.categories-row .banner h2 {font-size: 4.5em;}
	.crowd-pleasers .grid-col .box-image img {position: relative !important; width: 100% !important; margin: 0 !important;}
	.redefine-section {padding: 0px 0 30px !important;}
	.redefine {padding: 30px 0;}
	
    /*perks area > home page*/
    .perks-green {padding: 0% 0% 0% 5% !important; margin: 0% 0% 0% 0%; width: 100% !important;}

    .perks-green h3, h3.perks-green, .perks-pink h3, h3.perks-pink {
        font-size: 1.8em;
        line-height: 1.3;
        width: 100%;
    }

    .perks p {font-size: 1.2em; line-height: 1.25;}

    a.button.white.perks-btn {font-size: 1.2em; width: 200px; margin: 0 0 50px 0;}

    /*consultant area > home page*/
	.join-team .text-box {width: 100% !important; padding: 0 10%; margin-top: 18% !important;}
	
    h3.top {margin: 0 0 0 0; font-size: 3.7em; width: 101%;}

    h3.bottom {margin: -2px 0 0 -10px;}

    .consultant p {font-size: 1.5em !important; margin: 14px 0 28px 0px !important; width: 100%;}

    /*About, Join, Host pages*/
    .our-story-row {margin: -10% 0 0 0;}

    .about-content ul, .inside-content ul, .join-content ul {margin: 7% 3% 10% 0 !important;}

    .about-content p, .about-content li, .join-content p, .join-content li, .inside-content p, .inside-content li {
        font-size: 1.2em !important;
        line-height: 1.25em !important;
    }

    .about-us .is-divider.divider.clearfix {margin: 0px 0px 0px 50%;}

    .jar-container {padding: 0; margin: 0% 0 0 0% !important;}

    .jar-row {padding: 0px 0 0 0;}

    .jar {padding: 0; margin: 0 !important;}

    .jar .img-inner {margin: 0 10% 0 0;}

    .col.jar.medium-6.small-12.large-6.small-col-first {margin: -40% 0 0 0;}

    .ALOEGENIC .img-inner {margin: 0 0 0 10%;}

    .join-us {padding: 0px 0 0 1.5%;}

    .join-us h2 {font-size: 3em;}

.col.join-left.medium-7.small-12.large-7, .col.party-container.small-12.large-12 {padding: 0 5% 0 2% !important; margin: 0% 0 0 0% !important;}

    .party-intro {max-width: 100%; margin: 0 !important;}

    .party-content {padding: 4% 3% 0;}
	
	.party-content img {margin-top: 12%;}

    .col.howtohelp-container.small-12.large-12 {margin: 0% 0 0 0% !important;}

    .gives-content li {margin-left: 0em !important;}

    /*Collections*/
	.our-collections h2 {text-align: center !important;}
    .collections-row {margin-bottom: 6%; padding: 0 1.5%;}

    .collections-content h3, .collections-content-left h3, .collections-content-right h3 {
        padding-bottom: 2%;
        font-size: 1.3em !important;
        line-height: 1;
    }
	
	.col.collections-right {/*padding: 0 3% !important;*/}

    .beauty-collect, .jar-collect, .radiance-collect, .bath-body-collect, .collections-right, .collections-content-left, .collections-content-right 
	{padding: 0% 7% !important;}

    .radiance-collect h3 {width: 100%; color: #939598 !important;}
	
	a.button.white.centered-btn {width: 100%; margin: 4.4% 0% 0% 0%;}

    /*Makeup page*/
    #makeup .text-box.banner-layer.x100.md-x100.lg-x100.y90.md-y90.lg-y90.res-text {margin: 0 0% -5.5% 0% !important;}

    /*quiz area > makeup page*/
    .quiz-text p, p.quiz-text {margin: 14px 0 28px 28px !important;}

    .col.quiz-container.medium-6.small-12.large-6 {margin: 0 0 0 3%;}

    .quiz-row {padding: 0 3% 0 0% !important;}

    /*Quiz pages*/
    .quiz-content img {width: 95%; margin: 5% 0 0 5%;}

    a.button.white.is-large.quiz-shop-btn {width: 300px; margin-top: 5%;}
}


/*Hero image*/
@media only screen and (max-width: 768px) and (min-width: 670px) {
.hero-banner .text-box {top: 0% !important; left: 13.5% !important;}
	
a.button.white.transparent.fr-shop-btn.home-hero-btn {
    height: 80px !important;
    width: 215px !important;
    margin-left: 21.5% !important;
    font-size: 1.1em;
	margin-top: 1px;
}	
	
.hero-intro h2 {font-family: 'Jelytta' !important; font-size: 42px !important;}
	
.hero-intro h3 {font-size: 32px;}
	
h3.hero-bold {font-size: 26px !important;}	

a.button.white.transparent.home-hero-btn {
    float: none;
    width: 210px;
    height: 60px;
    margin: 5% 21.5%;
    padding-top: 2px !important;
    font-size: 18px;
}	
}

/*About page top right column*/
@media only screen and (max-width: 767px) and (min-width: 671px) {
.col.our-story.medium-6.small-12.large-6 {margin: 0% 0 0 0% !important;}

.col.join-right.medium-5.small-12.large-5 {margin: 0% 0 0 0;}

a.button.white.transparent {margin: auto 24%; background: transparent !important; padding: 7px 0; font-size: 1.2em;}
	
a.button.white.transparent.home-hero-btn span {padding: 5px 0;}
}

/*About and Join column adjustments*/
@media only screen and (max-width: 670px) and (min-width: 581px) {
.col.our-story.medium-6.small-12.large-6 {margin: 0% 0 0 0 !important;}

.col.join-right.medium-5.small-12.large-5 {margin: 0% 0 0 0;}

a.button.white.transparent {margin: auto 21%; background: transparent !important;}

a.button.white.transparent span {padding: 7px 0; font-size: 1.2em;}
}


.top-header-row .col {padding: 0;}

.header-top {height: 62px;}


@media (max-width: 990px) {
    .shoppingcartapp .flex-grid.ViewCartPromotions {display: block;}
}

@media only screen and (max-width: 1120px) {
    .shop-bag .ng-binding.ng-scope {
        font-family: 'Gotham Medium' !important;
        color: black !important;
        float: right;
        margin-top: 14px;
        /* left: -60px !important; */
        /* position: relative; */
        z-index: 999999999;
    }
}

.form-group .k-icon.k-i-warning, .form-control .k-icon.k-i-warning {display: none;}

/* IDSTC padding fix for shortcode pages on desktop devices */

@media (min-width: 851px) {
    .shoppingcartapp .cart-container {padding-top: 4%;}
}

/* IDSTC padding fix for shortcode pages on a tablet devices */

@media (min-width: 550px) and (max-width: 850px) {
    .shoppingcartapp .cart-container {padding-top: 15%;}
}