.for-development{
  display: block;
}
.for-production{
  display: none;
}

/* GENERIC */
*{
  font-family: "proxima-nova-light", sans-serif;
}
.hide-important{
  display: none !important;
}
.block-important{
  display: block !important;
}
.table-important{
  display: table !important;
}
strong,
p strong{
  font-family: "proxima-nova-semibold", sans-serif;
  font-weight: normal;
}

em{
  font-style: normal;
  font-family: "proxima-nova-light-italic", sans-serif;
}
em strong,
strong em{
  font-family: "proxima-nova-semibold-italic", sans-serif;
  font-weight: normal;
  font-style: normal;
}

.orange-link,
.orange-link:hover,
.orange-link:visited,
.orange-link:link,
.orange-link:focus{
  color: #fd841d;
}

main{
  display: block;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s;
  will-change: padding;
}
body{
  color: #51514e;
  background: #FFF;
}

/* Default Link Styles */
a {
  color: #80A1B6;
  text-decoration: none;
  line-height: inherit; }
a:hover, a:focus {
  color: #80A1B6;
  /* font-size: 100%; */
}
a img {
  border: none; }

p {
  font-family: "proxima-nova-light", sans-serif;
  font-weight: 300;
  font-size: 1.0625em;
  line-height: 1.23529411764706em;
  margin-bottom: 1.25rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova-light", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000000;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

.white-text{
  color: #FFF;
}
.grey-text{
  color: #51514E;
}


.container{
  display: table;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  float: none !important;
}

.no-margin{
  margin: 0px;
}

.modal-opened,
.modal-opened body{
  overflow: hidden;
}

.btn{
  padding: 6px 17px;
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
  color: #FFF;
  background: #A7A6A7;
  border: 1px solid #89888B;
  text-transform: uppercase;
  border-radius: 0px;
  outline: none;
}
.btn:link,
.btn:hover,
.btn:visited{
  font-size: 16px;
  line-height: 18px;
  color: #FFF;
}
.btn.empty{
  color: #55565A;
  background: #FFF;
}
.btn.empty:link,
.btn.empty:hover,
.btn.empty:visited{
  color: #55565A;
}
.btn.empty.transparent{
  color: #FFF;
  background: transparent;
  border: 2px solid #FFF;
}
.btn.empty.transparent:link,
.btn.empty.transparent:hover,
.btn.empty.transparent:visited{
  color: #FFF;
}
.btn.empty.transparent.white,
.btn.empty.transparent.white:link,
.btn.empty.transparent.white:hover,
.btn.empty.transparent.white:visited{
  color: #FFF;
  border-color: #FFF !important;
}
.btn.empty.transparent.orange,
.btn.empty.transparent.orange:link,
.btn.empty.transparent.orange:hover,
.btn.empty.transparent.orange:visited{
  color: #fd7d11;
  border-color: #fd7d11;
}
.btn.dark{
  background: #535860;
  color: #FFF;
  text-align: center;
  border: none;
  text-transform: capitalize;
  border: 1px solid #535860;
}
.btn.light-gray {
  margin-top: 86px;
  color: #50504e;
  width: 100%;
  max-width: 100%;
  background-color: #e1e1e1;
  border: 2px solid #e1e1e1;
}
.btn.purple,
.btn.purple:hover,
.btn.purple:link,
.btn.purple:visited{
  border: 2px solid #5A4E61;
  color: #FFF;
  background: #5A4E61;
}
.btn.empty.purple,
.btn.empty.purple:hover,
.btn.empty.purple:link,
.btn.empty.purple:visited{
  border: 2px solid #5A4E61;
  color: #5A4E61;
  background: transparent;
}
.btn.empty.grey,
.btn.empty.grey:link,
.btn.empty.grey:visited{
  border: 2px solid #51514e;
  color: #51514e;
  background: transparent;
  font-family: 'proxima-nova', sans-serif;
}
.btn.empty.pink,
.btn.empty.pink:link,
.btn.empty.pink:visited{
  border: 2px solid #e9c1c1;
  color: #e9c2c2;
  background: transparent;
  font-family: 'proxima-nova', sans-serif;
}

.btn.submit{
  font-size: 1.375em;
  line-height: 1em;
  text-transform: none;
  width: 100%;
  max-width: 238px;
  padding: 18px 5px;
}
.btn.btn-cart{
  width: 100%;
  padding: 14px 20px;
  color: #FFF;
  background: #51514e;
  border: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'proxima-nova-semibold', sans-serif;
  letter-spacing: .75px;
}
.btn.large,
.btn.large:hover,
.btn.large:link,
.btn.large:visited{
  width: 180px;
  max-width: 100%;
  height: 40px;
  font-size: 14px;
  line-height: 26px;
  font-family: 'proxima-nova', sans-serif;
  border: 1px solid #5A4E61;
  text-align: center;
}

.btn.light{
  background:white;
  color:#51514e;
  border:none;
}

.btn.large:hover{
  color: #fd7d11;
  border-color: #fd7d11;
}


.label{
  background-color: transparent;
}

.input{
  width: 100%;
  height: 55px;
  padding: 0px 32px;
  margin: 0px 0px 10px;
  border: 1px solid #585855;
  outline: none;
  box-shadow: none;
  font: 1.375em/ 1em 'proxima-nova-light', sans-serif;
}
.input.small{
  height: 37px;
}
.input.large{
  height: 66px;
}
.input.code{
  width: auto;
  min-width: 220px;
  height: 38px;
  float: left;
  font-size: 1em;
  line-height: 38px;
  padding: 0 10px;
  white-space: nowrap;
  border-color: #56565a;
}
.textarea{
  width: 100%;
  height: 240px;
  padding: 15px 32px;
  margin: 0px 0px 8px;
  border: 1px solid #585855;
  outline: none;
  box-shadow: none;
  resize: none;
  font: 1.375em/ 1em 'proxima-nova-light', sans-serif;
}
.contact-modal{
  max-width: 1182px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
}
.reveal.contact-modal{
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.3);
  border: none;
}
.contact-modal h3{
  font-size: 2.625em;
  line-height: 1.28571428571429em;
  margin-top: 17px;
  margin-bottom: 16px;
}
.contact-modal .addresses{
  padding-top: 110px;
}
.contact-modal .addresses p{
  font-size: 1.5em;
  line-height: 1.33333333333333em;
}
.contact-modal .addresses p,
.contact-modal .addresses p a{
  color: #51514e;
}
/* .contact-modal .close-button{
width: 36px;
height: 36px;
display: block;
overflow: hidden;
}
.contact-modal .close-button span{
font-size: 80px;
line-height: 0px;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} */

.wf-loading {
  opacity: 0.01;
}
.wf-active {
  opacity: 1;
}
.wf-inactive {
  opacity: 0.01;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
  not supported by any browser */
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background: white !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input:hover,
input:focus{
  box-shadow: none;
}

.custom-modal.tiny{
  width: 100%;
  max-width: 380px;
  background: #efefee;
  text-align: center;
  outline: none;
  padding-top: 48px;
  padding-bottom: 40px;
  border: none;
  top: 50% !important;
  left: 50% !important;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.custom-modal.tiny .number{
  font: 2.2em 'proxima-nova-light', sans-serif;
  color: #fd7d11;
  display: block;
  margin-bottom: -2px;
}
.custom-modal.tiny .text{
  font: 1.5em 'proxima-nova-light', sans-serif;
  color: #51514e;
  display: block;
  margin-bottom: 20px;
}
.reveal-overlay{
  /*   background: transparent; */
}
.reveal-overlay.overlay-transparent{
  background: transparent;
}

.full-width{
  width: 100%;
  max-width: none !important;
}

.retina-image{
  display: none;
}


/* HEADER */
.header{
  padding: 0 10px;
  position: relative;
}
.header > .container{
  position: static;
}
.header .menu{
  height: 74px;
  display: table;
}
.header .menu>li{
  font-size: 0.9375em;
}
.header .menu>li>a,
.header .menu>li>form{
  padding: 17px 8px 2px;
  color: #51514e;
  font-family: 'proxima-nova', sans-serif;
}
.header .menu>.cart-item>a{
  display: block;
  height: 40px;
  position: relative;
}
.header .menu>li>form{
  padding-bottom: 11px;
}
.header .main-menu .item-nav>a{
  padding: 12px 12px 2px;
  color: #51514e;
  font-family: 'proxima-nova', sans-serif;
}
.header .main-menu .item-nav>a:hover, .header .menu>li>a:hover {
  color: #fd7d11!important;
}
.header .main-menu .item-nav:last-of-type>a{
  /* padding-right: 0px; */
}
.header .main-menu .item-nav{
  font-size: 1em;
  font-family: 'proxima-nova', sans-serif;
}
.main-menu .submenu{
  width: 100%;
  max-height: 0px;
  max-width: none;
  position: absolute;
  top: 100%;
  left: 0px;
  margin: 0px;
  padding: 30px 10px 24px;
  font-size: 16px;
  background: #FFF;
  z-index: -10;
  list-style: none;
  opacity: 0;
  overflow: hidden;
  /*   -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); */
  -webkit-transition: all .3s;
  transition: all .3s;
  will-change: opacity, transform, max-height;
}
.open-menu-desktop .main-menu .open + .submenu{
  max-height: 222px;
  display: block;
  z-index: 10;
  opacity: 1;
  /*   -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%); */
  border-bottom: 1px solid #a1a1a1;
}
.open-menu-desktop .main-menu .open + .submenu.down-menu{
  padding-top: 90px;
  background: transparent;
}
.open-menu-desktop main{
  padding-top: 196px;
}
.main-menu .submenu h4{
  font: 1.875em/1.2em 'proxima-nova-light', sans-serif;
  margin-bottom: 18px;
  margin-top: 0px;
}
.main-menu .submenu h4 span{
  font-family: 'proxima-nova-light', sans-serif;
}
.main-menu .submenu h4 a,
.main-menu .submenu h4 span,
.main-menu .submenu li a,
.main-menu .submenu li span{
  color: #51514e;
}
.main-menu .submenu li a:hover {
  color: #fd7d11!important;
}
.main-menu .submenu ul{
  display: table;
  width: 100%;
  margin: 0px;
}
.main-menu .submenu .row{
  display: table-row;
}
.main-menu .submenu li li{
  list-style: none;
  font: 1.125em/1.11111111111111em 'proxima-nova', sans-serif;
  display: table-cell;
}
.main-menu .submenu li li a,
.main-menu .submenu li li span{
  display: block;
  height: 44px;
  font-family: 'proxima-nova', sans-serif;
}
.main-menu .submenu-column{
  padding-left: 30px;
  padding-right: 0px;
}
.main-menu .submenu-column:first-child{
  padding-left: 10px;
  padding-right: 40px;
  position: relative;
}
.main-menu .submenu-column:first-child:before{
  content: '';
  width: 1px;
  height: 156px;
  display: block;
  background: #b4b4b4;
  position: absolute;
  right: 1px;
  top: 5px;
}

.main-menu.right-menu .item-nav>a{
  padding: 17px 8px 2px;
  font-size: 15px;
}

.single {
  position: relative;
}
.main-menu .single .submenu {
  width: 230px;
  position: absolute;
  left: 0;
  padding-left: 18px;
}
.right-menu .single .submenu{
  padding-left: 8px;
}
.right-menu .single .submenu li{
  display: block;
}
.logo{
  float: left;
  max-width: 192px;
  margin: -4px 0 0;
}

.search-input{
  width: 65px;
  height: 18px;
  padding: 0px 0px 0px 16px;
  color: #51514e;
  border: none;
  border-bottom: 1px solid #818183;
  box-shadow: none;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/search-icon.png?5661361948855032133) left center no-repeat;
  background-size: 11px 11px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
/* .search:focus{
width: 150px;
} */

.cart-item a{
  min-width: 52px;
  margin-top: -4px;
  position: relative;
}
.cart-item a:before{
  content: '';
  width: 25px;
  height: 21px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -11px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite.png?5661361948855032133) no-repeat;
  background-size: 400px auto;
  background-position: -176px -5px;
}
.cart-item span{
  position: absolute;
  top: 23px;
  left: 15px;
  font-size: 12px;
  width: 25px;
  text-align: center;
  font-size: 10px;
  font-family: 'proxima-nova-semibold', sans-serif;
}



/* FOOTER */
.footer-box{
  width: 100%;
  display: table;
  padding: 2em 0px;
  background-color: #b3aca0;
}
.footer-box h5{
  font-size: 2.125em;
  line-height: 1.05882352941176em;
  margin-bottom: 20px;
  margin-left: -5px;
}
.newsletter-wrapper{
  padding-top: 60px;
  display: table;
}
.newsletter-wrapper label{
  font-size: 1.0625em;
  position: relative;
  z-index: 1;
}
.newsletter-wrapper form{
  width: 100%;
  max-width: 334px;
}
.newsletter-wrapper .newsletter-input{
  width: 100%;
  height: 36px;
  margin-bottom: 23px;
  padding: 0px 20px;
  box-shadow: none;
  border: none;
}
.footer-box .btn{
  font-family: 'proxima-nova-semibold', sans-serif;
}
.footer-box .btn.empty{
  width: 113px;
  border: 2px solid #FFF;
}

.help-box{
  width: 100%;
  max-width: 280px;
  height: 265px;
  float: right;
  display: table;
  color: #fd7d11;
  background: #FFF;
}
.help-box .content{
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
}
.help-box p{
  font-family: 'proxima-nova-semibold', sans-serif;
}
.help-box .btn{
  font-size: 14px;
  font-family: 'proxima-nova', sans-serif;
  text-align: center;
}
.help-box .btn.empty{
  width: 145px;
  color: #fd7d11;
  border-color: #fd7d11;
  margin-bottom: 20px;
}

.footer-social-wrapper p{
  max-width: 280px;
}
.footer-social{
  width: auto;
  display: table;
  padding-top: 20px;
}
.footer-social h6{
  margin-bottom: 15px;
  font-family: 'proxima-nova', sans-serif;
  text-transform: uppercase;
}
.footer-social .icon{
  height: 40px;
  float: left;
  margin-right: 47px;
  list-style: none;
  text-indent: -9999px;
  overflow: hidden;
}
.footer-social .icon:first-child{
  margin-left: -4px;
}
.footer-social .icon:last-child{
  margin-right: 0px;
}
.footer-social .icon a{
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
}
.footer-social .icon.facebook a{
  width: 25px;
}
.footer-social .icon.facebook a:before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 39px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite.png?5661361948855032133) no-repeat;
  background-position: -10px -5px;
  background-size: 400px auto;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.footer-social .icon.youtube a:before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38px;
  height: 27px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite.png?5661361948855032133) no-repeat;
  background-position: -39px -5px;
  background-size: 400px auto;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.footer-social .icon.instagram a:before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35px;
  height: 34px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite.png?5661361948855032133) no-repeat;
  background-position: -86px -5px;
  background-size: 400px auto;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.footer-social .icon.twitter a:before{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38px;
  height: 33px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite.png?5661361948855032133) no-repeat;
  background-position: -130px -5px;
  background-size: 400px auto;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.footer-social .icon.facebook a:hover:before{
  background-position: -10px -53px;
}
.footer-social .icon.youtube a:hover:before{
  background-position: -39px -53px;
}
.footer-social .icon.instagram a:hover:before{
  background-position: -86px -53px;
}
.footer-social .icon.twitter a:hover:before{
  background-position: -129px -53px;
}


.newslettter-input{
  border: none;
  box-shadow: none;
}


.footer-black{
  width: 100%;
  height: 156px;
  background: #000;
  color: #FFF;
}
.footer-container{
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
}
.footer-container.vertical-align{
  height: 100%;
  display: table;
}
.footer-container.vertical-align > .row{
  display: table-cell;
  vertical-align: middle;
}

.footer a,
.footer a:visited,
.footer a:link,
.footer a:hover{
  color: #FFF;
}

p.footer-menus {
  margin: 10px 0;
  padding: 0;
  color: #FFF;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1px;
}

.footer-menus a, a:link, a:visited, a:hover {
  color: #FFF;
  text-decoration: none;
  font-weight: 300;
}

.top-footer {
  font-size: 0.875em;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 300;
  line-height: 20px;
  margin: 0px;
  letter-spacing: 0;
  color: #FFF;
  vertical-align: middle;
}
.footer-menu a{
  white-space: nowrap;
}
.top-footer .dot{
  font-size: 20px;
  font-weight: 600;
  margin: 0px -2px;
  display: inline-block;
  text-align: center;
}




/* HOME */
.row.index{
  width: 100%;
  max-width: none;
}
.brick{
  width: 100%;
  height: auto;
  float: left;
  display: block;
  font-family: 'proxima-nova-light', sans-serif;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.brick *{
  font-family: 'proxima-nova-light', sans-serif;
}
.transformation-brick h3{
  letter-spacing: 0.1px;
}
.transformation-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick01-normal.jpg?5661361948855032133);
}
.results-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick02-normal.jpg?5661361948855032133 );
}
.valentine-brick {
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick10-valentine-normal.jpg?5661361948855032133); 
  background-position: center;
  max-height: 500px;
  overflow: hidden;
  position: relative;
}
.bestsellers-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick03-normal3_2x.jpg?5661361948855032133);
  /*   position: relative;
  overflow: hidden; */
}
.sun-spots-brick {
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick05-normal_2x.jpg?5661361948855032133);
}
.sun-spots-brick .descriptionContainer {
  margin-top: -120px;
}
.sun-spots-brick .description {
  width: auto;
}

.subscriptions-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick-subscriptions_2x.jpg?5661361948855032133);
  background-position: bottom center;
}
.subscriptions-brick .container{
  max-width: 1400px;
}
.brick.subscriptions-brick .descriptionContainer{
  width: 54%;
  right: 0px;
}
.subscriptions-brick .descriptionContainer br{
  display: block;
}

.summer-brick {
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick04-large.jpg?5661361948855032133);
}

.vitamine-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick06-normal.jpg?5661361948855032133);
}
.brick.vitamine-brick .descriptionContainer{
  width: 54%;
  right: 0px;
}
.whats-your-type-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick07-normal.jpg?5661361948855032133);
}
.over-archievers{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick08-normal.jpg?5661361948855032133);
}
.over-archievers .description{
  width: 540px;
}
.gift-card-brick {
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick09-normal.jpg?5661361948855032133);
}
/* .bestsellers-brick:before{
content: '';
display: block;
width: 620px;
height: 560px;
background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick03-figure-normal.png?5661361948855032133) bottom left no-repeat;
background-size: contain;
position: absolute;
bottom: 0px;
left: 0px;
} */

.brick-content{
  width: 100%;
  height: 0px;
  padding-top: 46.42857142857143%;
  margin: 0 auto;
  position: relative;
  min-height: 650px;
}
.brick.bkg-left{
  background-position: left bottom;
}
.brick.bkg-right{
  background-position: right bottom;
}
.taller .brick-content{
  /* height: 465px; */
  padding-top: 46.5%;
}
.brick.bkFixed{
  background-attachment: fixed;
}
.brick .container{
  height: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
  display: block;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.descriptionContainer{
  display: table;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

}
.descriptionContainer.left{
  left: 30px;
  right: auto;
}
.descriptionContainer.right{
  left: auto;
  right: 30px;
}
.descriptionContainer.full{
  width: 100%;
  padding: 0px 50px;
  display: block;
  height: auto;
}
.descriptionContainer.with-subdescription{
  top: 50%;
}

.description{
  width: 480px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-family: 'proxima-nova-light', sans-serif;
}

.full .description{
  width: 100%;
  max-width: none;
  padding-top: 30px;
  /* text-align: left; */
  display: block;
}
.description.big{
  width: auto;
  max-width: none;
  padding-right: 20px;
}
.description.big h3{
  font-size: 32px;
  line-height: 35px;
  color: #55565a;
  padding-bottom: 30px;
  margin-top: -20px;
}
.description p{
  font-family: 'proxima-nova-light', sans-serif;
  font-size: 17px;
  line-height: 21px;
}
.subdescription {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.8px;
}
.brick h3{
  font-size: 3em;
  line-height: 1em;
  font-weight: 300;
  margin-bottom: 10px;
  font-family: 'proxima-nova-light', sans-serif;
  letter-spacing: -0.25px;
}
.brick h3 span,
.brick h4 span{
  display: block;
}
.brick h4{
  font-size: 1.875em;
  line-height: 1.23529411764706em;
  font-weight: 300;
  color: #FFF;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'proxima-nova-light', sans-serif;
}
.brick .sub-description{
  padding-top: 75px;
}
.brick .btn{
  padding: 7px 20px;
  font-size: 0.875em;
  text-align: center;
  min-width: 132px;
  font-family: 'proxima-nova', sans-serif;
}

.alternative-brick h2{
  font-size: 1.875em;
  margin: 40px 0px;
}
.alternative-brick h2 + h3{
  font-size: 1.875em;
  line-height: 1.1em;
  margin-bottom: 6px;
}
.alternative-brick .btn{
  font-size: 0.875em;
  line-height: 1em;
  padding: 9px 30px;
}
.alternative-brick .btn.empty.transparent{
  border: 1px solid #FFF;
}

.box .full h3{
  font-size: 28px;
  line-height: 33px;
}
.box .full p{
  text-align: center;
}

.box{
  width: 100%;
  height: auto;
  padding-top: 90px;
  padding-bottom: 65px;
  float: left;
  display: block;
  color: #51514e;
  background: #d9c4a3;
}

.box h5{
  font-size: 2.125em;
  line-height: 1.05882352941176em;
  margin: 0px 0px 65px;
  font-family: 'proxima-nova-light', sans-serif;
}
.box h6{
  font-size: 1.0625em;
  line-height: 1.23529411764706em;
  margin-top: 0px;
  text-transform: uppercase;
  font-family: 'proxima-nova-semibold', sans-serif;
}
.box p{
  font-size: 1.0625em;
  line-height: 1.23529411764706em;
  font-weight: normal;
  font-family: 'proxima-nova', sans-serif;
}
.box p span{
  display: block;
  white-space: nowrap;
  font-family: 'proxima-nova', sans-serif;
}
/*.box .icon-wrapper{
  width: 100%;
  height: 160px;
  position: relative;
}
.box .icon-wrapper img{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}*/

/* HOME BRICK - HOW-IT-WORKS */
.how-it-works {
  padding-top: 68px;
  padding-bottom: 90px;
}
.how-it-works h3 {
  font-size: 48px;
  letter-spacing: -.25px;
  line-height: 72px;
  font-family: 'proxima-nova-light', sans-serif;
}
.how-it-works .description-how-it-works {
  margin-top: 120px;
}
.description-how-it-works .number-content {
  border-bottom: 2px solid #62625f;
  margin-bottom: 28px;
  padding-bottom: 56px;
  padding-top: 56px;
}
.description-how-it-works .number-content .h1 {
  font-family: 'proxima-nova-light', sans-serif;
  font-size: 120px;
  line-height: 14.4px;
}
.description-how-it-works p {
  font-size: 30px;
  line-height: 36px;
}
.how-it-works .btn {
  margin-top: 122px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 167px;
  border: 2px solid;
  font-size: 14px;
  line-height: 16px;
}
/* VALENTINE BRICK */
.valentine-brick .brick-content {
  padding-top: 0;
}
.valentine-brick .descriptionContainer {
  width: 100%;
  top: 34%;
}
.valentine-brick h1 {
  margin-top: -7px;
  margin-bottom: 10px;
}
.valentine-brick span {
  margin-bottom: 62px;
  font-size: 91.31px;
  line-height: 18.98px;
  font-family: 'DINPro-Medium', sans-serif;
  color: #e3aeae;
  position: relative;
}
.valentine-brick span.word1 {
  left: -31px;
  letter-spacing: 22px;
}
.valentine-brick span.word2 {
  padding-left: 40px;
  padding-right: 40px;
  right: 23px;
}
.valentine-brick span.word3 {
  letter-spacing: 22px;
  right: -5px;
}
.valentine-brick p {
  font-size: 26.53px;
  line-height: 34.75px;
  color: #eac7c7;
  margin-bottom: 13px;
  letter-spacing: 3.4px;
  position: relative;
  right: 12px;
}
.valentine-brick .btn{
  font-size: 0.875rem;
  letter-spacing: 2.5px;
  width: 170px;
  position: relative;
  right: 11px;
  top: 7px;
  padding-top: 10px;
}
.valentine-brick .product-left{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick10-valentine-body-balm.png?5661361948855032133);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 0;
  width: 18.68%;
  top: 42%;
  left: 145px;
  padding-top: 14.26%;
  position: absolute;
}
.valentine-brick .product-right{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick10-valentine-gift.png?5661361948855032133);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 0;
  width: 32.13%;
  right: -16px;
  top: 15%;
  padding-top: 30%;
  position: absolute;
}
/* GIFT CARD BRICK */
.gift-card-brick .brick-content{
  padding-top: 0px;
  min-height: 556px;
}
.gift-card-brick .container-block {
  width: 80%;
  max-width: 806px;
  background-color: #FFFFFF;
  border: 2px solid #f87f19;
  display: table;
  /* height: 381px; */
  left: 50%;
  opacity: 0.9;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  vertical-align: middle;
}
.gift-card-brick .container-block .description-container {
  margin-top: 77px;
  margin-bottom: 40px;
}
.gift-card-brick .container-block .description-container h3 {
  font-family: 'proxima-nova', sans-serif;
  font-size: 2.125rem;
  letter-spacing: 0.25px;
  line-height: 1.316em;
  margin-bottom: 16px;
}
.gift-card-brick .container-block .description-container p {
  font-family: 'proxima-nova', sans-serif;
  font-size: 1.5625rem;
  letter-spacing: 0.25px;
  line-height: 1.316em;
  margin-bottom: 21px;
}
.gift-card-brick .container-block .description-container a.btn {
  font-family: 'proxima-nova-semibold', sans-serif;
  font-size: 12px;
  margin-top: 20px;
  padding: 8px 20px;
  min-width: 226px;
}

/* BLOG SHOP AREA */

.blog h3 a,
.article h3 a,
.article h3 span{
  color: #8C8A88;
}
main .blog p,
main .article p{
  font-size: 1em;
  line-height: 19px;
}
.blog .content p a,
.article .content p a{
  color: #55565A !important;
  text-decoration: underline;
}
.blog .homeBox,
.article .homeBox{
  border: none;
  color: #fff;
  font-size: 0.96875em;
  font-weight: 300;
  padding: 0.50rem 20px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #5A4E61;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.blog .content img,
.article .content img{
  margin: 0 auto;
  display: block;
}

/* Social Login */
.social-iframe{
  width: auto;
  display: inline-block;
  /* margin: 0 -15px; */
  padding-bottom: 150px;
}
.social-iframe .powerby{
  display: none;
}
.social-iframe iframe{
  height: 150px !important;
  overflow: hidden;
}

.social-iframe .separator{
  width: 100%;
  margin-bottom: -5px;
  position: relative;
  display: block;
  overflow: hidden;
}
.social-iframe .separator:after{
  content: '';
  width: 100%;
  height: 1px;
  background-color: #AAAAAC;
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 0;
}
.social-iframe .separator span{
  width: 50px;
  margin: 0 auto;
  display: block;
  padding: 10px 5px;
  background: #FFF;
  position: relative;
  z-index: 1;
  float: none;
  text-transform: uppercase;
  text-align: center;
}
.customers-register .main-form form > div:first-child{
  display: none;
}
.social-iframe #create_customer > div:first-child {
  max-width: 280px;
  width: 100%;
  display: table;
  margin: 15px auto 0;
}


.page-success{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/aloe-large.jpg?5661361948855032133) left center no-repeat #455326;
  background-size: cover;
  width: 100%;
  max-width: none;
  margin-bottom: -1em;
}
.page-success{
  background-position: center 20%;
}


.customers-reset_password .login-form-wrapper {
  padding-top: 35px;
  padding-bottom: 200px;
}


h2.title{
  text-align: center;
  color: #55565A;
}


.RegisterBox .social-iframe{
  width: 100%;
  margin: 0;
}
.RegisterBox .social-iframe iframe{
  margin: 0 auto;
  display: block;
  float: none;
}


/* SITEMAP */
.table-sitemap th {
  text-align:center;
  background-color:#5A4E61;
  color:#fff;
  padding:4px;
  font-weight:normal;
  font-size:12px;
}
.table-sitemap td {
  font-size:12px;
  padding:3px;
  text-align:left;
}
.table-sitemap tr {background: #fff}
.table-sitemap tr:nth-child(odd) {background: #f0f0f0}
.table-sitemap .pager,.pager a {
  background-color:#5A4E61;
  color:#fff;
  padding:3px;
}
.table-sitemap .lhead {
  background-color:#fff;
  padding:3px;
  font-weight:bold;
  font-size:16px;
}
.table-sitemap .lpage {
  font:normal 12px verdana;
}
.table-sitemap .title{
  padding:3px;
  font-weight:bold;
  font-size:16px;
}
.table-sitemap .title a {
  font-weight: bold;
}
.table-sitemap .lpart {
  background-color:#f0f0f0;
  padding:0px;
}

.table-sitemap .lcount {
  background-color:#5A4E61;
  color:#fff;
  padding:2px;
  margin:2px;
  font:bold 12px verdana;
}
.table-sitemap a.aemphasis {
  color:#009;
  font-weight:bold;
}
.table-sitemap .table{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.table-sitemap table{
  margin-bottom: 0px;
  border: none;
}
/* COLLECTION CALM */
.block-quiz {
  background-color: #d9c4a3;
  /* padding-top: 24px;
  padding-bottom: 4px; */
  display: table;
  height: 80px;
}
.block-quiz .container{
  height: 100%;
}
.block-quiz-cell{
  display: table-cell;
  vertical-align: middle;
}
.block-quiz p {
  font-size: 18px;
  line-height: 21px;
  font-family: 'proxima-nova-semibold', sans-serif;
  margin-bottom: 0px;
}
.block-quiz .btn {
  margin-left: 20px;
  width: 170px;
}
.container-steps-block-calm {
  padding-right: 40px;
  padding-left: 40px;
}
.steps-block-calm {
  margin-top: 70px;
}
.steps-block-calm .description-how-it-works {
  padding-bottom: 50px;
  border-bottom: 1px solid #000000;
  display: table;
  margin-top: -30px;
}
.steps-block-calm .description-how-it-works .number-content {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.steps-block-calm .description-how-it-works .number-content h4 {
  font-size: 22px;
  font-family: 'proxima-nova-semibold', sans-serif;
}
.steps-block-calm .description-how-it-works span {
  font-size: 95px;
}
.steps-block-calm .description-how-it-works p {
  font-size: 17px;
  line-height: 28.76px;
}
.steps-block-calm .description-how-it-works p a{
  display: inline-block;
}
.comments-container {
  border-top: 5px solid #b3ac9f;
  padding-top: 84px;
  display: table;
  background-color: #d9c4a3;
  padding-bottom: 58px;
}
.comments-container .several-comments{
  margin-top: 60px;
}
.comments-container .several-comments h1 {
  font-size: 50px;
  letter-spacing: .20px;
}
.comments-container .several-comments p {
  font-size: 23px;
  line-height: 32px;
  letter-spacing: .20px;
}
.comments-img {
  margin-bottom: 75px;
}
.mt-comments-img {
  margin-top: 17px;
}

.collection-renew-container {
  padding-top: 90px;
  border-bottom: 1px solid #000000;
  display: table;
}
.collection-renew-container h2 {
  font-size: 47px;
  line-height: 50px;
  font-family: 'proxima-nova-light', sans-serif;
  margin-bottom: 45px;
}
.collection-renew-container h3 {
  font-size: 33px;
  font-family: 'proxima-nova-regular', sans-serif;
  margin-bottom: 20px;
}
.collection-renew-container p {
  font-size: 22px;
  line-height: 33px;
}
.table-collection-renew {
  margin-top: 86px;
  margin-bottom: 105px;
}
.table-collection-renew .mt-rows {
  margin-top: 115px;
}
.table-collection-renew h4 {
  margin-bottom: -5px;
  font-size: 25px;
  font-family: 'proxima-nova-regular', sans-serif;
}
.table-collection-renew span {
  font-size: 18px;
}
.table-collection-renew .title-table {
  margin-bottom: 36px;
}
.table-collection-border {
  border-bottom: 1px solid #dfdbda;
}

.landing-collection-renew-brick {
  background-image: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/renew-large3-light.jpg?5661361948855032133 );
}
.landing-collection-calm-brick {
  background-image: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/collections-calm-desktop_2x.jpg?5661361948855032133 );
}
.landing-collection-clear-brick {
  background-image: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/clear-large-light.jpg?5661361948855032133 );
}
.landing-collection-brick h3{
  font: 25px/28px 'proxima-nova-semibold', sans-serif;
}
.landing-collection-brick p{
  font-size: 1.1875rem;
  line-height: 1.210526315789474em;
}
.landing-collection-brick .descriptionContainer{
  width: 48%;
}
.landing-collection-brick .descriptionContainer h2 {
  color: #54565b;
  border-left: 1px solid #54565b;
  border-right: 1px solid #54565b;
  font-size: 38px;
}
.landing-collection-brick .descriptionContainer h3 {
  font-size: 25px;
  color: #54565b;
} 
.landing-collection-brick .descriptionContainer p {
  font-size: 18px;
  color: #54565b;
}
/* BLOG SHARE SHOP AREA */

.shareArticle {
  color: #8C8A88;
}

.shopArticle {
  color: #8C8A88;
}

.shopArticle a, a:active, a:link {
  color: #8C8A88;
}

.shopArticle a:hover {
  color: #8C8A88;
}

.fb-like {
  margin-top: 0px;
}

.blogTen {
  margin-top: 13px;
}

p.blogTags a {
  text-decoration: underline;
  font-weight: 600;
}

p.blogLink a {
  text-decoration: underline;
  font-weight: 600;
}

p.blogLink a:active {
  text-decoration: underline;
  font-weight: 600;
}

p.blogLink a:link {
  text-decoration: underline;
  font-weight: 600;
}

p.blogLink a:hover {
  text-decoration: underline;
  font-weight: 600;
}

/* BLOG TAGS */

p.blogTags a {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.250em;
  line-height: 1.250em;
  color: #CDCDCD;
  text-decoration: none;
  font-weight: 500;
}

p.blogTags a:active {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.250em;
  line-height: 1.250em;
  color: #CDCDCD;
  text-decoration: none;
  font-weight: 500;
}

p.blogTags a:link {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.250em;
  line-height: 1.250em;
  color: #CDCDCD;
  text-decoration: none;
  font-weight: 500;
}

p.blogTags a:hover {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.250em;
  line-height: 1.250em;
  text-decoration: underline;
  font-weight: 500;
}

/* BLOG INSTAGRAM FEED */

ul.instaGram {
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.instaGram li {
  list-style: none;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
  min-width: 288px;
}

ul.instaGram li img,
ul.instaGram li video {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
}

.grayInstagram {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  min-height: 410px;
}

.grayInstagram h3 {
  font-size: 1.750em;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-style: normal;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  text-transform: uppercase;
  font-weight: 300;
}

.grayInstagram a {
  font-size: 0.725em;
  font-style: normal;
  padding-top: 0px;
  padding-bottom: 0px;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  text-decoration: underline;
}

/* BLOG STUFF */

.blogBox {
  width: 100%;
  border: 1px solid #cdcdcd;
  padding: 7px;
  text-align: center;
  margin-top: 20px;
}

.newStandard {
  min-height: 424px;
}

.blogBox h3 {
  font-size: 1.750em;
  line-height: 1.0em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-style: normal;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  text-transform: uppercase;
  font-weight: 100;
}

.blogBox h4 {
  font-size: 1.0em;
  line-height: 1.125em;
  font-style: normal;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #666666;
  font-weight: 300;
}

.blogBox p {
  font-size: 0.725em;
  line-height: 1.0em;
  font-style:normal;
  letter-spacing: 2px;
  font-family: "proximna-nova", sans-serif;
  color:#cdcdcd;
  font-weight:300;
}

p.blogPrivacy {
  font-size: 0.625em;
  line-height: 1.250em;
  font-style:normal;
  letter-spacing: 2px;
  font-family: "proximna-nova", sans-serif;
  color:#666;
  font-weight:300;
}

.blogButton {
  vertical-align:middle;
  padding: 5px 10px 5px 10px;
  border: none;
  color: #ffffff;
  font-size: 14px;
  font-family: "proxima-nova", sans-serif;
  letter-spacing: 1.5px;
  font-weight: lighter;
}

.bestEmail {
  color:#000000;
  font-size: 14px;
  line-height: 12px;
}

.emailBox {
  border: 1px solid #cdcdcd;
  width: 85%;
  height: 30px;
}

.blogBox h2 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #000000;
  font-weight: 300;
  font-family: "proxima-nova", sans-serif;
}

.leftText {
  text-align: left;
}

.centerText {
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  font-weight: lighter;
  letter-spacing: 1.5px;
}


/*  REVEAL MODAL FOR CONSULT */

.reveal{
  outline: none;
}

.reveal-modal-blue {
  /*   visibility: hidden; */
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  margin-left: -25%;
  /* margin-left: -400px; */
  width: 50%;
  /* width: 90%;
  max-width: 800px */
  background-color: #5A4E61;
  padding: 2.0rem;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.05);
  top: 10px;
  outline: none;}
.reveal-modal-blue .column,
.reveal-modal-blue .columns {
  min-width: 0; }
.reveal-modal-blue > :first-child {
  margin-top: 0; }
.reveal-modal-blue > :last-child {
  margin-bottom: 0; }
.reveal-modal-blue .close-reveal-modal {
  font-size: 30px;
  line-height: 25px;
  padding: 5px 5px;
  position: absolute;
  top: 0.5rem;
  right: 10px;
  color: #FFF;
  font-weight: normal;
  cursor: pointer; }


.menuMobile {
  clear: both;
}


/* PORFOTOLIO JS */

.gallery-arrow-left {
  color: #666;
}

.gallery-arrow-right {
  color: #666;
}

#gallery {
  margin-bottom: 15px;
  margin-left: 5px;
}

#gallery img {
  width: 315px;
}

.portJS h3 {
  font-size: 1.750em;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  font-style: normal;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  text-align:center;
}

.portJS h4 {
  font-size: 1.0rem;
  margin-top: 0px;
  margin-bottom: 20px;
}

.grayInstagram h4 {
  font-size: 1.0rem;
  margin-top: 0px;
  margin-bottom: 20px;
}

.popover .arrow,.popover .arrow:after {
  position:absolute;
  display:inline-block;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-color:#666;
}

.popover .arrow:after {
  z-index:-1;
  content:""
}

.popover.top .arrow {
  bottom:-10px;
  left:50%;
  margin-left:-10px;
  border-top-color:#666;
  border-width:10px 10px 0
}

.popover.top .arrow:after {
  bottom:-1px;
  left:-11px;
  border-top-color:#666;
  border-width:11px 11px 0;
}

.popover.right .arrow {
  top:50%;
  left:-10px;
  margin-top:-10px;
  border-right-color:#666;
  border-width:10px 10px 10px 0;
}

.popover.right .arrow:after {
  bottom:-11px;
  left:-1px;
  border-right-color:#666;
  border-width:11px 11px 11px 0;
}

.popover.bottom .arrow {
  top:-10px;
  left:50%;
  margin-left:-10px;
  border-bottom-color:#666;
  border-width:0 10px 10px;
}

.popover.bottom .arrow:after {
  top:-1px;
  left:-11px;
  border-bottom-color:#666;
  border-width:0 11px 11px;
}

.popover.left .arrow {
  top:50%;
  right:-10px;
  margin-top:-10px;
  border-left-color:#666;
  border-width:10px 0 10px 10px;
}

.popover.left .arrow:after {
  right:-1px;
  bottom:-11px;
  border-left-color:#666;
  border-width:11px 0 11px 11px;
}






/* SEARCH RESULT */
body div.snize div.snize-main-panel-controls ul li a.active,
body div.snize .snize-button,
body div.snize div.snize-pagination ul li a.active,
body div.snize div.snize-main-panel-controls ul li a:hover,
body div.snize div.snize-pagination ul li a:hover,
body div.snize div.snize-main-panel-dropdown:hover > a{
  color: #FFF;
  background-color: #5A4E61;
}
body #snize-search-results-grid-mode li.snize-product span.snize-title{
  color: #5A4E61;
  font-size: 1em;
  line-height: 19px;
}
body div.snize li.snize-product span.snize-title,
body div.snize li.snize-category span.snize-title,
body div.snize li.snize-page span.snize-title,
body div.snize div.snize-main-panel-controls ul li a,
body div.snize li.snize-no-products-found div.snize-no-products-found-text span a{
  color: #5A4E61;
}
body div.snize div.snize-search-results-pages li.snize-page:hover{
  background: none;
}

body div.snize li.snize-product span.snize-price{
  color: #55565A;
}

body div.snize-search-results.snize-mobile-design div.snize-main-panel-controls{
  width: auto;
}

/* ACNE GUIDE */

.headerBox {
  background-color: #ECEFF6;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 0px;
}

.sevenBox {
  font-size: 96px;
  text-align:right;
  color:#3B6496;
  font-weight:300;
  line-height: 96px;
  padding-top: 16px;
}

.mythsBox {
  text-align:left;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  padding-top: 36px;
  color: #3B6496;
}

.introHeader {
  text-align:center;
  line-height: 20px;
}

.someFacts {
  margin-bottom: 30px;
}

ul.triangleList {
  list-style:   none;
  font-size: 16px;
  margin-left: 20px;
  padding-left: 15px;
  text-indent: -20px;
  line-height: 20px;
}

ul.triangleList li:before {
  display:    inline-block;
  width:    0;
  height:   0;
  border-top:   solid transparent;
  border-bottom:  solid transparent;
  border-left:          solid #819DBF;
  border-width: 8px;
  content:    ' ';
  margin-right: 10px;
}

.regardless {
  font-size: 16px;
}

.solutionsHeader {
  background-color: #ECEFF6;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0px;
}

.sevenSolutions {
  font-size: 36px;
  text-align:right;
  color:#3B6496;
  font-weight:300;
  line-height: 36px;
  padding-top: 6px;
}

.solutionsBox {
  text-align:left;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
  padding-top: 16px;
  color: #3B6496;
}

.mythsNumber {
  text-align: center;
  color: #3B6496;
  font-weight: 500;
  line-height: 20px;
  font-size: 16px;
  text-transform: uppercase;
  padding-top: 20px;
}

.mythsCopy {
  text-align: center;
  color: #819DBF;
  font-weight: 300;
  line-height: 20px;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

ul.mythList {
  list-style: decimal;
  font-size: 16px;
  margin-left: 20px;
  padding-left: 15px;
  text-indent: -15px;
  line-height: 20px;
}

ul.mythList li:before {
  content:    ' ';
  margin-right: 10px;
}

.dottedRight {
  margin: 0px;
  padding-right: 30px;
  border-right-style: dotted;
  border-color: #ECEFF6;
}

.question {
  font-size: 96px;
  text-align: center;
  color:#819DBF;
  font-weight: 100;
  line-height: 96px;
}

.lowerCase {
  text-transform: none;
  color: #819DBF;
  padding-bottom: 10px;
}

.dottedBottom {
  border-bottom-style: dotted;
  border-bottom-color: #ECEFF6;
  margin-top: 30px;
  margin-bottom: 20px;
}



/* REVEAL MODAL FOR PURPLE BAR */

.reveal-modal-bgTwo {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.05);
  z-index: 98;
  display: none;
  top: 0;
  left: 0; }

.reveal-modalTwo {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  margin-left: -25%;
  width: 50%;
  background-color: #5A4E61;
  padding: 2.0rem;
  border: none;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.05);
  top: 10px; }
.reveal-modalTwo .column,
.reveal-modalTwo .columns {
  min-width: 0; }
.reveal-modalTwo > :first-child {
  margin-top: 0; }
.reveal-modalTwo > :last-child {
  margin-bottom: 0; }
.reveal-modalTwo .close-reveal-modal {
  font-size: 1.5rem;
  line-height: 1;
  position: absolute;
  top: 0.5rem;
  right: 0.6875rem;
  color: #5D6086;
  font-weight: normal;
  cursor: pointer; }
.reveal-modalTwo input[type="email"]{
  height: 27px;
}
.reveal-modalTwo .goButton{
  margin-top: 24px;
}

@media only screen and (min-width: 40.063em) {
  .reveal-modalTwo {
    padding: 1.875rem;
    top: 6.25rem; }
  .reveal-modalTwo.tiny {
    margin-left: -15%;
    width: 30%; }
  .reveal-modalTwo.small {
    margin-left: -20%;
    width: 40%; }
  .reveal-modalTwo.medium {
    margin-left: -30%;
    width: 60%; }
  .reveal-modalTwo.large {
    margin-left: -35%;
    width: 70%; }
  .reveal-modalTwo.xlarge {
    margin-left: -47.5%;
    width: 95%; }
}
@media print {
  .reveal-modalTwo {
    background: white !important; } }

/* PARTNERS WEBSITE */

.partnerButton {
  border: none;
  color:#ffffff;
  font-size:0.85rem;
  font-weight: 300;
  padding: 0.50rem 0.50rem;
  margin-top: 15px;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
}

.partnerButton a, a:link, a:hover, a:active {
  color:#ffffff;
}

.partnerStuff {
  margin-top: 30px;
  margin-bottom: 15px;
  color: #ffffff;
}

.partnerStuff2 {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ffffff;
}

/* PANEL -- FOR SKIN CARE COLLECTION PAGES */

.table-panel{
  border: none;
  margin: 0px;
  display: block;
}
.table-panel tr.even,
.table-panel tr.alt,
.table-panel tr:nth-of-type(even){
  background-color: #FFF;
}
.table-panel tr{
  width: 100%;
  float: left;
  display: block;
}
.table-panel tr td{
  width: 33.333%;
  float: left;
}
.table-panel .panel{
  /* padding-bottom: 45px; */
  /* min-height: 613px; */
}
.panel {
  border: none;
  padding: 1.0rem;
  background: #fff;
  text-align: center;}
.panel > :first-child {
  margin-top: 0; }
.panel > :last-child {
  margin-bottom: 0;}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  color: #80A1B6; }
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 0.625rem; }
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  line-height: 1.4; }
.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #d5eef6;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: white; }
.panel.callout > :first-child {
  margin-top: 0; }
.panel.callout > :last-child {
  margin-bottom: 0; }
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  color: #333333; }
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  line-height: 1;
  margin-bottom: 0.625rem; }
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  line-height: 1.4; }
.panel.callout a {
  color: #2ba6cb; }
.panel.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px; }
.panel.centered{
  float: none;
  display: table;
  margin: 0 auto;
}

.panelEmpty {
  border-style: solid;
  border-width: 0px;
  border-color: #cdcdcd;
  padding: 1.0rem;
  background: #fff;
  text-align: center;}

.panelEx {
  margin-right: 323px;
  margin-left:0px;}

.panelCl {
  margin-right:0px;
}

.panelLip {
  margin-right:323px;
  margin-left:0px;}




/* PRODUCT PAGE - BUY TOGETHER AND SAVE */

.artPerfumeryHeader{
  padding: 0 18.55670103092784%;
  padding: 0 70px;
}
h2.artPerfumeryHeader {
  font-size: 3.4375em;
  line-height: 66px;
  letter-spacing: 0px;
  font-family: "proxima-nova", sans-serif;
  color: #8C8A88;
  text-transform: uppercase;
  font-weight: 100;
  text-align: center;
  margin-top: -20px;
  margin-bottom: 0;
}
h2.artPerfumeryHeader span{
  font-weight: 100 !important;
}

h4.artPerfumeryHeader {
  font-size: 2.125em;
  line-height: 40px;
  letter-spacing: 0px;
  font-family: "proxima-nova", sans-serif;
  color: #8C8A88;
  font-weight: 300;
  text-align: center;
  margin-bottom: 20px;
}
h4.artPerfumeryHeader span{
  font-weight: 300 !important;
}

.artPerfumeryHeader ~ p{
  font-size: 1em;
  line-height: 19px;
  color: #55565A;
  font-weight: 300;
  text-align: center;
  /* padding: 0 22.68041237113402%; */
  padding: 0 120px;
  margin-bottom: 5px;
}

h3.buyTogether {
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #5A4E61;
  text-transform: uppercase;
  font-weight: 300;
}

h4.btProduct {
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #000;
  font-weight: 600;
}

p.btDescription {
  font-size: 1.125rem;
  line-height: 1.250rem;
  letter-spacing: 1px;
  word-spacing: 1px;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 500;
  color: #000;
}

p.solidDescription {
  font-size: 1.0625em;
  line-height: 21px;
  font-family: "proxima-nova", sans-serif;
  color: #55565A;
  font-weight: 300;
  letter-spacing: 0;
  padding-bottom: 10px;
}

p.refillDescription {
  font-size: 1.0625em;
  line-height: 21px;
  font-family: "proxima-nova", sans-serif;
  color: #55565A;
  font-weight: 300;
  letter-spacing: 0;
  padding-bottom: 10px;
}

.refillDesc {
  font-size: 1em;
  line-height: 23px;
  letter-spacing: 1px;
  word-spacing: 1px;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 300;
  color: #5A4E61;

}

.minSample {
  padding-bottom: 2.50rem;
}

.pageProductCart{
  padding-bottom: 10px;
}
.pageProductCart a {
  border: none;
  color:#fff;
  font-size:0.70rem;
  font-weight: 700;
  padding: 0.50rem 1.125rem;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  background-color:#80A1B6;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.product .at-share-btn.at-svc-whatsapp,
.product .at-share-btn.at-svc-messenger{
  display: none;
}

.productCart,
.productCart.typePfo,
.productCart.typePsfo{
  margin-top: 0px;
}

.tooltip{
  background-color: #FFF;
  color:#000;
  border:1px solid #000;
}
.tooltip > .nub{
  border-color: transparent transparent #5A4E61 transparent;
}

.tooltip.copied{
  color: #fff;
  width: auto;
  font-size: 14px;
  text-transform: none;
  padding: 9px 10px 10px;
}

.btRight {
  min-height: 400px;
  vertical-align: middle;
  padding-top: 6.0rem;
}

.solidRight {
  vertical-align: middle;
  padding-top: 3.725rem;
  min-height: 313px;
  text-align: left;
}

.refillRight {
  vertical-align: middle;
  padding-top: 3.725rem;
  min-height: 313px;
  text-align: left;
}

.noTopBottom {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

/* Product accordion */
.product-accordion{
  width: 100%;
  float: left;
  display: block;
  padding: 37px 1em 30px;
}
.product-accordion > .menu{
  border-bottom: 1px solid #51514e;
}
.product-accordion .accordion-title{
  font: 1.0625em/1.17647058823529em 'proxima-nova-semibold', sans-serif;
  color: #51514e;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0px;
  border: none;
  border-top: 1px solid #51514e;
  outline: none;
  padding: 17px 10px 16px 0px;
}
.product-accordion :last-child:not(.is-active)>.accordion-title{
  border-bottom: none;
}
.product-accordion .accordion-title:hover,
.product-accordion .accordion-title:focus{
  background: transparent;
}
.product-accordion .accordion-title:after{
  content: none;
}
.product-accordion .accordion-title:before{
  width: 20px;
  text-align: center;
  font-size: 27px;
  font-family: 'proxima-nova', sans-serif;
  margin: 0px;
  right: 12px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.product-accordion li .menu{
  padding-top: 3px;
  padding-bottom: 20px;
}
.product-accordion li[aria-expanded="true"] .accordion-title:before{
  content: '-';
}
.product-accordion .menu.nested{
  margin-left: 0px;
  display: none;
}
.product-accordion p,
.product-accordion p a,
.product-accordion ol li{
  font: 1em/1.1875em 'proxima-nova-light', sans-serif;
  color: #000;
}
.product-accordion p{
  margin-bottom: 1em;
}
.product-accordion h4{
  font: 1em/1.1875em 'proxima-nova-semibold', sans-serif;
  color: #000;
  margin-bottom: -1px;
}
.product-accordion ol{
  padding-left: 105px;
  margin-left: 0px;
}
.product-accordion ol li{
  list-style: none;
  position: relative;
  padding-left: 15px;
}
.product-accordion ol .number{
  width: 15px;
  display: block;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: 'proxima-nova-light', sans-serif;
}
.product-accordion .ingredients-list li a,
.product-accordion .ingredients-list li span{
  font: 1em/1.4375em 'proxima-nova-light', sans-serif;
  padding: 0px;
}
.product-accordion .ingredients-list li a:first-letter,
.product-accordion .ingredients-list li span:first-letter{
  text-transform: uppercase;
}

/* Related Products */
.related-products{
  width: 100%;
  float: left;
  padding: 80px 1em;
}
.related-products-content{
  width: 100%;
  display: table;
  padding-top: 50px;
  border-top: 1px solid #51514e;
}
.related-products h5{
  margin-top: 0px;
  margin-bottom: 60px;
  font: 1.875em/1.2em 'proxima-nova-light', sans-serif;
}
.related-products .item{
  padding-top: 15px;
}
.related-products .item-title{
  margin-top: 63px;
  margin-bottom: 0px;
  font: 1.1875em/1.15789473684211em 'proxima-nova', sans-serif;
}
.related-products .item:hover .item-title{
  color: #fd7d11;
}


/* TABS CONTENT */

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
.tabs:before, .tabs:after {
  content: " ";
  display: table; }
.tabs:after {
  clear: both; }
.tabs dd, .tabs .tab-title {
  width: 100%;
  position: relative;
  margin-top: -1px;
  margin-bottom: 0 !important;
  list-style: none;
  float: left; }
.tabs dd > a, .tabs .tab-title > a {
  width: 100%;
  display: inline-block;
  background: #FFF;
  color: #55565A;
  /*padding: 0.50rem 1rem;*/
  padding: 10px 5px 9px;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-size: 0.8125rem;
  line-height: 15px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: .5px;
  border-top: 1px solid #BCBEC0;
  border-bottom: 1px solid #BCBEC0  ;
  border-left: 0px;
  border-right: 0px;

}
.tabs dd > a:hover, .tabs .tab-title > a:hover {
  background: #fff;
  /* color: #5A4E61; */
  font-weight: 300;
  text-transform: uppercase;
}
.tabs dd.active a, .tabs .tab-title.active a, .tabs.firstTabTwo {
  background: #fff;
  color: #55565A;
  font-weight: 300;
  text-transform: uppercase;
  /* border-top: 1px solid #5A4E61; */
  /* border-right: 1px solid #5A4E61; */
  /* border-left: 1px solid #5A4E61; */
}
.tabs .tab-title a:after{
  content: '+';
  display: inline-block;
  padding: 0 5px;
  color: #55565A;
}
.tabs .tab-title.active a:after{
  content: '-';
}
/*.firstTab { border-left: 1px solid #ccc;}*/
.firstTabTwo { border-left: 1px solid #80A1B6;}
.tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }
.tabs.vertical dd, .tabs.vertical .tab-title {
  position: inherit;
  float: none;
  display: block;
  top: auto; }

.tabs-content {
/*   display: none; */
  margin-bottom: 1.5rem;

  width: 100%; }
.tabs hr{
  border-color: #BCBEC0 !important;
}
.tabs .content{
  width: 100%;
  float: left;
  padding: 10px 10px;
}
.tabs-title{
  width: 100%;
  float: left;
}
.tabs-content p,
.tabs-content h4,
.tabs p,
.tabs h4,
.tabs h5 {
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 300;
  letter-spacing: 0px;
  word-spacing: 0px;
  font-size: 1.0rem;
  color: #55565A;
  line-height: 19px;
}
.tabs-content:before, .tabs-content:after {
  content: " ";
  display: table; }
.tabs-content:after {
  clear: both; }
.tabs-content > .content {
  display: none;
  float: left;
  padding-top: 1.0rem;
  padding-left: 1.0rem;
  padding-right: 1.0rem;
  padding-bottom: 1.0rem;
  width: 100%;
  border-left: 1px solid #5A4E61;
  border-right: 1px solid #5A4E61;
  border-bottom: 1px solid #5A4E61;
  border-top: 1px solid #5A4E61;}
.tabs-content > .content.is-active{
  display: block;
  float: none;
  padding-top: 1.0rem;
  padding-left: 1.0rem;
  padding-right: 1.0rem;
  padding-bottom: 1.0rem;}
.tabs-content > .content.contained {
  padding-top: 1.0rem;
  padding-left: 1.0rem;
  padding-right: 1.0rem;
  padding-bottom: 1.0rem; }
.tabs-content.vertical {
  display: block; }
.tabs-content.vertical > .content {
  padding: 0 0.9375rem; }

/* Landing pages */
.page-cupofjo h2.artPerfumeryHeader,
.page-sneak-peek-eye-lip h2.artPerfumeryHeader{
  padding: 0 20px;
  text-transform: none;
}
h3.title-page,
h4.title-page{
  font-size: 1.3125em;
  line-height: 25px;
  color: #8C8A88;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
}
.title-page strong{
  font-weight: 600;
}
h3.title-page{
  padding: 0 100px;
}
h5.title-page{
  font-size: 1.875em;
  line-height: 36px;
  color: #8C8A88;
  text-align: center;
  margin-bottom: 35px;
}
.page-cupofjo p.terms,
.page-mother-promo p.terms,
.page-sneak-peek-eye-lip p.terms,
.landing-text p.terms{
  font-size: 0.8125em;
  line-height: 15px;
  color: #8C8A88;
  text-align: center;
  text-transform: uppercase;
}
.banner-landing{
  padding-bottom: 60px;
}

.page-sneak-peek-eye-lip{
  padding-top: 35px;
  padding-bottom: 60px;
}

.centered-container{
  display: table;
  float: none !important;
  margin: 0 auto;
}

.centered-container > p{
  color: #55565A;
  font-size: 1.0625em;
  line-height: 20px;
}
.centered-container > p:last-child{
  margin-bottom: 25px;
}

/* Mother's day promo landing */
.page-mother-promo h3.title-page{
  font-size: 2.25em;
  line-height: 38px;
}
.page-mother-promo h3.subtitle-page{
  font-size: 1.75em;
  line-height: 32px;
}
.page-mother-promo .productDesc{
  min-height: 0px;
  padding-bottom: 30px;
}

.landing h2.artPerfumeryHeader{
  padding-left: 10px;
  padding-right: 10px;
  text-transform: none;
}

.landing ol{
  list-style: none;
}

.landing ol li{
  color: #55565A;
}

.landing ol li .number{
  display: inline-block;
  width: 12px;
}

.landing ol li:first-of-type .number{
  width: 13px;
}

.landing .columns.centered{
  margin: 0 auto;
  float: none;
  display: table;
}
.landing .centered.align-left{
  text-align: left;
}
.landing .centered.align-left p{
  text-align: left;
  padding: 0px;
}

.landing p.artPerfumeryHeader{
  font-size: 1em;
  line-height: 19px;
  color: #55565A;
  font-weight: 300;
  text-align: left;
  padding: 0 0px;
  margin-bottom: 5px;
}

.landing p a {
  color: #55565A;
  font-weight: 600;
  text-decoration: underline;
}

.landing-modal-content{
  overflow: scroll;
}

.landing-modal-content h2,
.landing-modal-content h3,
.landing-modal-content h4,
.landing-modal-content h5,
.landing-modal-content h6,
.landing-modal-content li,
.landing-modal-content p{
  color: #FFF;
}

.reveal-modal-blue.landing-modal{
  width: 80%;
  margin-left: -40%;
}

.true-story-tc h2,
.true-story-tc h3,
.true-story-tc h4,
.true-story-tc h5,
.true-story-tc h6,
.true-story-tc p{
  color:#8C8A88;
}

.landing figure{
  width: 100%;
  margin: 0px;
}

.landing-content{
  color: #55565A;
}
.landing-content p{
  font-size: 1em;
}
.landing-content h2{
  font-size: 3.4375em;
  line-height: 57px;
  letter-spacing: 0px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 100;
  color: #8C8A88;
  padding-bottom: 10px;
}
.landing-content p.terms{
  font-size: 0.8125em;
  line-height: 15px;
  text-transform: uppercase;
}

.landing .plus{
  text-align: center;
  height: 300px;
  display: table;
  vertical-align: middle;
  position: relative;
}
.landing .plus span{
  font-size: 4em;
  font-weight: 200;
  color: #55565A;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.page-blogger-promo .productDesc{
  min-height: 0px;
}

.red{
  color: red !important;
}

.landing .quote{
  font-style: italic;
  font-size: 1.1875em;
  line-height: 23px;
  letter-spacing: 0px;
  font-family: "proxima-nova", sans-serif;
  color: #55565A;
  padding-bottom: 10px;
}

#bare-beauty-birthday .ribbon,
#bare-beauty-birthday .ribbonSmall{
  display: none;
}

.darker h2.artPerfumeryHeader,
.darker h3.artPerfumeryHeader,
.darker h4.artPerfumeryHeader,
.darker h5.artPerfumeryHeader,
.darker h6.artPerfumeryHeader,
.darker p.artPerfumeryHeader,
.darker .landing-text p,
.darker .landing-text p.terms{
  color: #55565A;
}

/* REFERRAL LANDING */
#referrals-1 .page-landing-referrals-fb{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/mothers-day-banner4.jpg?5661361948855032133);
}
#referrals-2 .page-landing-referrals-fb{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/best-sellers-mobile.jpg?5661361948855032133);
  background-position: center bottom;
}
#referrals-3 .page-landing-referrals-fb{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/referral-landing-bkg.jpg?5661361948855032133);
}

.page-landing-referral{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/aloe-large.jpg?5661361948855032133) left center no-repeat #455326;
  background-size: cover;
  width: 100%;
  max-width: none;
  /*   margin-bottom: -1em; */
}
.page-landing-referrals-fb{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/flowers4.jpg?5661361948855032133) center center no-repeat #FFF;
  background-size: cover;
  width: 100%;
  max-width: none;
  margin-bottom: -1em;
}
.referral-landing .landing-container{
  max-width: 840px;
  background: rgba(255, 255, 255, 0.9);
}
.referral-landing{
  /*   max-width: 1000px; */
  width: 100%;
  display: table;
  margin: 0 auto;
  padding: 122px 20px 137px;
}

.referral-landing h2{
  font-size: 3.25em;
  line-height: 1.05769230769231em;
  color: #FFF;
  margin-top: 0px;
  margin-bottom: 45px;
}
.referral-landing h4{
  font-size: 1em;
  line-height: 2.1875em;
  font-weight: 600;
  color: #55565a;
  margin-bottom: 20px;
  letter-spacing: .1px;
}
.referral-landing p{
  font-size: 1.375em;
  line-height: 1.18181818181818em;
  color: #FFF;
  letter-spacing: .1px;
  margin-bottom: 45px;
}
.referral-landing p strong{
  font-weight: normal;
  font-family: 'proxima-nova-semibold', sans-serif;
  display: inline-block;
}
.referral-landing .separator{
  width: 100%;
  float: left;
  margin: 8px 0px 9px;
}
.referral-landing ol{
  font-size: 1em;
  line-height: 1em;
}
.referral-landing ol li{
  font-size: 2em;
  line-height: 1.125em;
  color: #FFF;
  letter-spacing: .1px;
  margin-bottom: 25px;
  position: relative;
  padding-left: 36px;
}
.referral-landing ol li .number{
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: auto;
}
.referral-landing .btn{
  padding: 17px 10px;
  text-transform: none;
  font-size: 1.25em;
  line-height: 1em;
  font-family: 'proxima-nova', sans-serif;
}

.login-form .btn {
  width: 100%;
  max-width: 280px;
  float: none;
  display: block;
  margin: 10px auto 15px;
  border: none;
  color: #FFF;
  font-size: 0.875em;
  font-weight: 600 !important;
  padding: 10px 10px 9px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  background-color: #5A4E61;
  text-transform: uppercase;
  letter-spacing: .5px;
  box-sizing: border-box;
}
.referral-landing .btn.shop {
  padding: 10px 10px;
  text-decoration: none;
}
/* .referral-landing .btn.empty {
color: #55565a;
background: #FFF;
border: 1px solid #55565a;
} */
.login-form .separator {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  margin-top: -3px;
  margin-bottom: 13px;
  position: relative;
  display: block;
  overflow: hidden;
}
.login-form .separator:after{
  content: '';
  width: 100%;
  height: 1px;
  background-color: #FFF;
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 0;
}
.login-form .separator span {
  width: 40px;
  margin: 0 auto;
  display: block;
  padding: 10px 5px;
  font-size: 1em;
  font-weight: 600;
  background: #fffdf0;
  position: relative;
  z-index: 1;
  float: none;
  text-transform: uppercase;
  text-align: center;
  color: #FFF;
}
.login-form .separator.transparent span{
  background: transparent;
}
.login-form .separator.transparent:before{
  content: '';
  height: 1px;
  background-color: #FFF;
  position: absolute;
  right: 0px;
  left: auto;
  top: 50%;
  z-index: 0;
  width: 50%;
  margin-right: -20px;
}
.login-form .separator.transparent:after{
  content: '';
  left: 0px;
  width: 50%;
  margin-left: -20px;
}
.page-landing-referral .ribbon{
  display: none;
}
.addthis-iframe{
  display: table;
  width: 100%;
}
.addthis-iframe iframe{
  width: 230px !important;
  height: auto !important;
  max-height: 134px !important;
  margin-top: -35px;
}

.login-form{
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  display: table;
}
.login-form input[type="text"],
.login-form input[type="email"],
.login-form input[type="password"],
.login-form input:focus,
.login-form input:-webkit-autofill,
.login-form textarea:-webkit-autofill,
.login-form select:-webkit-autofill {
  text-align: left;
  color: #55565A;
  background: #FFF !important;
  box-shadow: none;
  border: 1px solid #55565a;
  margin: 0px 0px 20px;
  border-radius: 3px;
}

.login-form p{
  font-size: 1em;
  text-align: center;
  font-weight: 300;
}
.login-form p a{
  display: inline-block;
  color: #5A4E61;
  text-decoration: none;
  font-weight: 600;
}
.login-form .ship-5731490345b0419e10004ded{
  margin-bottom: 15px;
}

.login-form #login_password{
  position: relative;
}
.login-form .link-input{
  position: absolute;
  top: 0px;
  left: auto;
  bottom: auto;
  right: 0px;
  display: block;
  margin-right: 15px;
  padding: 12px 10px;
  font-size: 13px;
  color: #5A4E61;
  font-weight: 600;
}
.login-form strong a,
.login-form strong a, a:visited,
.login-form strong a:link,
.login-form strong a:hover{
  text-decoration: underline;
  color: #5A4E61;
}

.error-list{
  list-style: none;
  /*font-weight: bold;*/
  /*color: #55565A;*/
  color: #F00;

}
.error-list .error-item a{
  /*font-weight: bold;*/
  text-decoration: underline;
  display: inline-block;
  color: #F00;
}
.error-list #check-email-error{
  display: none;
}
.account-form .error-list .error-item a{
  color: #F00;
}

.sea-modal{
  /* top: 80px !important; */
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/aloe-large.jpg?5661361948855032133) left center no-repeat #455326;
  background-size: cover;
  /*   background-size: 200%; */
  background-position: 25% 10%;
  position: fixed;
  margin: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 1000px;
}
.just-text{
  padding-top: 150px;
  padding-bottom: 200px;
}
.just-text h2{
  margin-bottom: 30px;
}
.account-form .main-form form > div:first-child{
  display: none;
}
.sea-modal h2,
.sea-modal h3{
  color: #FFF;
  margin-bottom: 40px;
}
.sea-modal h2 span{
  display: block;
}
.account-form input,
.account-form input[type="text"],
.account-form input[type="email"],
.account-form input[type="password"]{
  margin: 0px;
  border: none;
  border-bottom: 1px solid #aaa;
  box-shadow: none;
}

.account-form input[type="password"]{
  border-bottom: none;
}
.account-form input[type="password"].bordered-bottom{
  border-bottom: 1px solid #aaa;
}
.account-form input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.account-form .btn{
  margin-top: 20px;
  padding: 9px 15px 10px;
  font-size: 0.875em;
  width: 100%;
  margin-bottom: 0px;
}
.account-form .btn.no-margin{
  margin-top: 0px;
}
.account-form p{
  font-size: 0.875em;
}
.account-form .login-form{
  max-width: none;
  padding-bottom: 0px;
}
.account-form .login-form .separator{
  max-width: 220px;
}
.account-form .login-form .separator span{
  width: 150px;
  font-size: 14px;
  text-transform: none;
}
.account-form .login-form .separator.transparent:before{
  margin-right: -55px;
}
.account-form .login-form .separator.transparent:after{
  margin-left: -55px;
}
.account-form .social-iframe #create_customer > div:first-child{
  max-width: none;
}
.account-form .btn.empty.transparent{
  color: #55565A;
  background: transparent;
  border: 1px solid #55565A;
  text-transform: none;
}
.account-form .forgot{
  font-size: 13px;
  padding-top: 10px;
  color: #55565A;
}
.account-form a,
.account-form a:hover,
.account-form a:link,
.account-form a:visited{
  color: #FFF;
}
.account-form a:hover {
  color: #fd7d11;
}
.account-form .btn.dark,
.account-form .btn.dark:hover,
.account-form .btn.dark:link,
.account-form .btn.dark:visited{
  color: #FFF;
  background: #b3aca0;
  border: none;
}
.account-form .btn.dark.empty,
.account-form .btn.dark.empty:hover,
.account-form .btn.dark.empty:link,
.account-form .btn.dark.empty:visited{
  color: #55565A;
  border: 1px solid #55565A;
  background: transparent;
}

.account-form .social-iframe #create_customer > div:first-child i[name="facebook"]{
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.8);
  transform: translateY(-50%) scale(0.8);
  left: 10px;
  z-index: 2;
}
.account-form .social-iframe #create_customer div[kind="facebook"]{
  position: relative;
  height: 35px;
}
.account-form .social-iframe #create_customer ._1mDwlhwBbmFPZOhrQHdJN2+span{
  width: 100%;
  height: 35px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0px;
  font-family: proxima-nova, sans-serif;

}
.account-form .social-iframe #create_customer ._1mDwlhwBbmFPZOhrQHdJN2+span:before{
  content: 'Facebook';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #3B5998;
  color: #FFF;
  text-transform: none;
  font-size: 14px;
  font-family: proxima-nova;
  font-weight: normal;
  line-height: 35px;
  z-index: 1;
}
.account-form .bottom-terms{
  width: 100%;
  position: absolute;
  left: 0px;
  top: 100%;
  color: #FFF;
}
.account-message{
  background: rgba(255,255,255,.8);
  padding: 50px 50px;
  margin: 100px 0;
}
.account-message h2{
  color: #55565a;
}
.account-message p{
  font-size: 20px;
}
.account-message .btn{
  font-size: 24px;
  color: #55565a;
  margin-top: 0px;
}
.customers-activate_account .account-form p{
  font-size: 1em;
  color: #55565A;
}

#loginForm{
  width: 100%;
  max-width: 360px;
  margin-left: -180px;
  color: #55565a;
}
.item-product-kits {
  font-size: 14px;
}
.product-desc-kit {
  margin-top: 10px;
}

/* NEW ACCOUNT */
.customers-account{
  padding-bottom: 90px;
}
.account{
  padding-left: 0px;
  padding-right: 0px;
}
.account-content{
  max-width: 1000px;
  width: 100%;
  display: table;
  margin: 0 auto;
  padding-top: 0px;
  padding-right: 15px;
  padding-left: 15px;
}
/* .account h2.title{
  font-size: 2em;
  line-height: 1.125em;
  color: #51514e;
  display: table;
  letter-spacing: .1px;
  margin-bottom: 64px;
} */
.account h3.title{
  font-size: 1.625em;
  line-height: 1.15384615384615em;
  margin-top: 55px;
  margin-bottom: 50px;
}

.account h4.subtitle{
  font-size: 1.5em;
  font-size: 1.375em;
  line-height: 1.45454545454545em;
  margin-top: 0px;
  margin-bottom: 50px;
}
.account .title .number{
  font-family: 'proxima-nova-semibold', sans-serif;
  display: inline-block;
  padding-right: 50px;
}
.action_return a,
.action_return a:link,
.action_return a:visited{
  font-size: 0.875em;
  line-height: 1.1428em;
  color: #55565a;
  font-weight: 300;
  position: relative;
  padding-left: 22px;
  display: block;
  visibility: hidden;
}
.action_return a:before{
  content: '';
  width: 8px;
  height: 17px;
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -8px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/arrow-left_2x.png?5661361948855032133) center center no-repeat;
  background-size: 100%;
}

.referral-banner{
  width: 100%;
  padding: 35px 20px 10px;
  margin-bottom: 20px;
  /* background-color: #fffdf0; */
  margin-top: 30px;
}
.referral-banner.flower-bkg{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/flowers4.jpg?5661361948855032133) center center no-repeat #FFF;
  background-size: cover;
}
.referral-banner.sea-bkg{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/aloe-large.jpg?5661361948855032133) bottom left no-repeat #455326;
  background-size: cover;
}
.referral-banner.sea-bkg.no-referral{
  background-position: bottom left;
}
.referral-banner-container{
  /*   width: 100%;
  max-width: 740px;
  display: table;
  margin: 0px auto;
  padding: 100px 10px 0px; */
  /*background: rgba(255, 255, 255, 0.9);*/
}
.referral-banner-container.pull-to-right{
  width: 50%;
  max-width: 600px;
  float: right;
  padding-bottom: 100px;
}
.referral-banner h3{
  font-size: 2.375em;
  line-height: 1.26315789473684em;
  color: #FFF;
  margin-bottom: 45px;
}
.referral-banner h4{
  font-size: 1.6875em;
  line-height: 1.11111em;
  color: #FFF;
  font-weight: 300;
  text-align: center;
  width: 100%;
  margin-bottom: 50px;
}
.referral-banner span{
  font-size: 1.0625em;
  line-height: 1.0588em;
  font-weight: 600;
  color: #FFF;
  text-transform: uppercase;
}
.referral-banner .link{
  display: inline-block;
  font-size: 1.0625em;
  line-height: 1.0588em;
  font-weight: 600;
  padding: 7px 14px;
  margin-left: 7px;
  color: #55565a;
  background-color: #FFF;
  border: 1px solid #9a989a;
  letter-spacing: 1px;
}
.link-container{
  display: table;
  float: none;
  padding-bottom: 20px;
}
.link-container .noselect{
  margin-bottom: 10px;
  display: inline-block;
}
.link-content{
  position: relative;
  width: auto;
  display: table;
  margin: 0 auto;
}
.tooltip.referrals-tooltip{
  max-width: none !important;
  height: 38px;
  line-height: 17px;
  position: absolute;
  left: 100%;
  top: 0px;
  margin-left: 0px;
  display: block;
  opacity: 0;
  z-index: -1;
  color: #585855;
  border: 1px solid #585855;
  transition: all .3s;
  -ms-transition: all .3s;
}
.tooltip.referrals-tooltip:before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 11px;
  -ms-transform: rotate(-90deg) translateY(-100%);
  -webkit-transform: rotate(-90deg) translateY(-100%);
  transform: rotate(-90deg) translateY(-100%);
  margin-top: 0px;
  z-index: -1;
  border: inset 7px;
  border-color: transparent transparent #585855;
}
.tooltip.referrals-tooltip.copied.show{
  opacity: 1;
  margin-left: 15px;
  z-index: 1;
}

.referral-banner .at4-visible{
  display: block;
  opacity: 1 !important;
  visibility: visible;
}
.referral-banner p.terms{
  font-size: 0.8125em;
  line-height: 15px;
  text-transform: none;
  line-height: 1.15384615384615em;
  color: #55565a;
  font-weight: 300;
  margin-bottom: 45px;
}
.referral-banner p.terms a{
  color: #55565A;
  font-weight: 600;
  text-decoration: underline;
}
.referral-banner .at-share-tbx-element .at-share-btn:focus,
.referral-banner .at-share-tbx-element .at-share-btn:hover{
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.account .referral-banner{
  padding-bottom: 35px;
  margin-top: 0px;
  margin-bottom: 65px;
}
.account .referral-banner p {
  font-size: 1.625em;
  line-height: 1.15384615384615em;
  color: #55565a;
  font-weight: 100;
  margin-bottom: 10px;
}
.account .referral-banner p.terms{
  font-size: 16px;
}

.details-table{
  width: 100%;
  display: table;
  padding-bottom: 75px;
}
.details-table .row{
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.details-table a{
  color: #55565a;
}
.details-table span{
  display: block;
}
.blink{
  padding:  0px 15px;
  display: inline;
  opacity: 0;
  /* -webkit-animation: blink 1s; */
  /* animation: blink 1s; */
}
.details-table .header{
  font-size: 1.125em;
  line-height: 1.11111111111111em;
  color: #51514e;
  padding: 0px 0px 8px;
  height: auto;
  letter-spacing: .75px;
  text-transform: uppercase;
  font-family: 'proxima-nova-semibold', sans-serif;
}
.details-table .body{
  font-size: 1.375em;
  line-height: 1.18181818181818em;
  color: #55565a;
  font-style: normal;
}
.details-table .body.big{
  font-size: 3em;
  line-height: 1.25em;
  font-weight: 100;
  letter-spacing: .5px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 65px;
  border-bottom: 1px solid #bbbdc0;
}
.details-table .body.small{
  font-size: 1em;
  line-height: 1.25em;
  max-width: 190px;
}
.details-table .body.status{
  font-size: 1.125em;
  line-height: 1.33333333333333em;
  color: #51514e;
}
.details-table .body.email{
  text-transform: lowercase;
}
.account .main-accordion{
  display: none;
}
.account .divider{
  width: 100%;
  height: 1px;
  display: block;
  background: #d9d9d8;
}
.account .show-btn,
.review-page .show-btn{
  position: absolute;
  top: 60px;
  right: 64px;
  line-height: 23px;
  font-size: 46px;
  color: #55565a;
  width: 24px;
  height: 24px;
  text-align: center;
  opacity: 1;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  will-change: transform opacity;
}
.account .show-less-btn{
  opacity: 0;
  z-index: 0;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.account .show-more-btn{
  opacity: 1;
  z-index: 1;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.account .show-less-btn:before,
.review-page .show-less-btn:before{
  content: '';
  width: 24px;
  height: 3px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -1px;
  background: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite.png?5661361948855032133 ) no-repeat;
  background-size: 400px auto;
  background-position: -210px -53px;
}
.account .show-more-btn:before,
.review-page .show-more-btn:before{
  content: '';
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -12px;
  background: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite.png?5661361948855032133 ) no-repeat;
  background-size: 400px auto;
  background-position: -178px -53px;
}
.account .open .show-less-btn,
.review-page .open .show-less-btn{
  opacity: 1;
  z-index: 2;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.account .open .show-more-btn,
.review-page .open .show-more-btn{
  opacity: 0;
  z-index: 0;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.details-table .accordion-button{
  cursor: pointer;
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.details-table .accordion-button > .columns:last-child:before{
  content: '';
  width: 19px;
  height: 12px;
  position: absolute;
  right: 0px;
  top: 6px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite.png?5661361948855032133) no-repeat;
  background-size: 400px;
  background-position: -212px -24px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.details-table .accordion-button.open > .columns:last-child:before{
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.accordion-content{
  color:  #51514e;
}
.details-table .accordion-content{
  padding: 30px 0px;
  border: none;
}
.details-table .accordion-content:last-child{
  border: none;
}
.details-table .accordion-content .body{
  font: 1.125em/1.38888888888889em 'proxima-nova-light', sans-serif;
  letter-spacing: .1px;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.details-table .accordion-content .body:first-child{
  font: 0.875em/2.14285714285714em 'proxima-nova-semibold', sans-serif;
  letter-spacing: .75px;
  margin-bottom: 0px;
  text-transform: uppercase;
}

#friendscontainer * {
  text-transform: none;
}

/* .socialBtn.referral-icons{
  margin-top: 0px;
  margin-bottom: 14px;
}
.socialBtn.referral-icons .at-svc-pinterest_share{
  display: none;
}
.socialBtn.referral-icons .at-icon-wrapper{
  background-color: transparent !important;
  width: 30px !important;
  height: 30px !important;
  position: relative;
}
.socialBtn.referral-icons .at-icon-wrapper:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
} */
.socialBtn .at-icon-wrapper{
  width: 25px !important;
  height: 25px !important;
}
.socialBtn .at-svc-facebook .at-icon-wrapper{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-facebook-grey.png?5661361948855032133) center center no-repeat;
  background-size: 13px 24px;
}
.socialBtn .at-svc-twitter .at-icon-wrapper{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-twitter-grey.png?5661361948855032133) center center no-repeat;
  background-size: 25px 20px;
}
/* .socialBtn .at-svc-tumblr .at-icon-wrapper{
background: url(https://cdn.shopify.com/s/files/1/1166/3478/t/9/assets/share-facebook.png) center center no-repeat;
background-size: 9px 14px;
} */
.socialBtn .at-svc-email .at-icon-wrapper{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-email-grey.png?5661361948855032133) center center no-repeat;
  background-size: 22px 18px;
}
/* .socialBtn .at-svc-pinterest_share .at-icon-wrapper{
background: url(https://cdn.shopify.com/s/files/1/1166/3478/t/9/assets/share-facebook.png) center center no-repeat;
background-size: 14px 17px;
} */
.socialBtn .at-svc-facebook:hover .at-icon-wrapper{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-facebook-hover.png?5661361948855032133) center center no-repeat;
  background-size: 13px 24px;
}
.socialBtn .at-svc-twitter:hover .at-icon-wrapper{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-twitter-hover.png?5661361948855032133) center center no-repeat;
  background-size: 25px 20px;
}
.socialBtn .at-svc-email:hover .at-icon-wrapper{
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-email-hover.png?5661361948855032133) center center no-repeat;
  background-size: 22px 18px;
}
.socialBtn .at-share-btn.at-svc-pinterest_share{
  display: none;
}
/* .socialBtn.referral-icons .at-svc-facebook .at-icon-wrapper{
  background: url(https://cdn.shopify.com/s/files/1/0545/1009/files/facebook_2x.png) center center no-repeat;
  background-size: 12px 25px;
}
.socialBtn.referral-icons .at-svc-twitter .at-icon-wrapper{
  background: url(https://cdn.shopify.com/s/files/1/0545/1009/files/twitter_2x.png) center center no-repeat;
  background-size: 22px 20px;
}
.socialBtn.referral-icons .at-svc-email .at-icon-wrapper{
  background: url(https://cdn.shopify.com/s/files/1/0545/1009/files/email_2x.png) center center no-repeat;
  background-size: 24px 17px;
} */
.socialBtn.referral-icons .at-share-btn{
  margin: 2px 7px;
}
.socialBtn.referral-icons .at-share-btn.at-svc-email{
  display: none;
}
.socialBtn.referral-icons .email{
  display: block;
  float: right;
  margin: 0px 7px;
  margin-right: 0px;
}
.socialBtn.referral-icons .at-share-btn.at-svc-email.show{
  display: block;
  float: right;
}
.socialBtn.referral-icons .at-share-tbx-element{
  float: left;
}
.referral-icons .at-share-tbx-element.addthis_20x20_style .at-share-btn,
.referral-icons .at-share-tbx-element.addthis_20x20_white_style .at-share-btn{
  max-width: 30px;
  max-height: 30px;
}
.socialBtn.referral-icons .text{
  font-size: 1.1875rem;
  line-height: 35px;
  margin-right: 25px;
}

.special-buttons.socialBtn.referral-icons .email,
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-facebook,
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-twitter,
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-whatsapp,
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-messenger
{
  width: 160px;
  max-width: none;
  float: left;
  color: #FFF;
  position: relative;
  top: 0px;
  left: 0px;
  padding-left: 40px;
  padding-right: 0px;
  margin: 4px 9px;
  text-align: center;
}
.special-buttons.socialBtn.referral-icons .email{
  background: #53585f;
}
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-facebook{
  background: #3b5999;
}
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-twitter{
  background: #4fccf5;
}
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-whatsapp{
  background: #4DC247;
  display: none;
}
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-messenger{
  background: #3b5999;
  display: none;
}
.special-buttons.socialBtn.referral-icons .at-share-btn:before{
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 40px;
  background: #484A4D;
}
.special-buttons.socialBtn.referral-icons .email:before{
  background: #484a4d;
}
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-facebook:before{
  background: #2d4d92;
}
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-twitter:before{
  background: #4dc8f1;
}
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-whatsapp:before{
  background: #52B34D;
}
.special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-messenger:before{
  background: #2d4d92;
}

.special-buttons.socialBtn .at-icon-wrapper svg{
  display: block;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  width: 28px !important;
  height: 30px !important;
}
.special-buttons.socialBtn.referral-icons .at-icon-wrapper{
  background: none;
}
.special-buttons #atstbx-share-label{
  display: none;
}
.special-buttons .text-btn,
.special-buttons.special-buttons.socialBtn.referral-icons .at4-visually-hidden{
  color: #FFF;
  text-transform: none;
  font-size: 11px;
  line-height: 30px;
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
}

.special-buttons.socialBtn.referral-icons .at-icon-wrapper{
  margin: 0px;
  position: absolute;
  left: 5px;
  top: 50%;
  margin-top: -15px;
}


.details-table .socialBtn{
  float: left;
  margin: 0px;
  padding-top: 10px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-facebook-hover.png?5661361948855032133),
    url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-twitter-hover.png?5661361948855032133) center center no-repeat,
    url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-email-hover.png?5661361948855032133) center center no-repeat;
  background-size: 0px 0px;
}
.details-table .socialBtn .email{
  float: right;
  margin: 2px 9px 0px;
}
.details-table .addthis-smartlayers {
  width: auto;
  float: left;
}
.details-table .at4-visible{
  opacity: 1 !important;
}
.details-table .at-share-btn.at-svc-email{
  display: none;
}
.details-table .email .at-share-btn.at-svc-email{
  display: block;
}


.referral-banner .at-share-tbx-element .at-share-btn:focus,
.referral-banner .at-share-tbx-element .at-share-btn:hover{
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

#account .addthis-smartlayers{
  display: none;
}
.login-form #recover{
  margin-top: -30px;
}

#best-friend-deal .ribbon,
#best-friend-deal .ribbonSmall{
  display: none;
}

.form-modal{
  position: fixed;
  top: 50% !important;
  background: #FFF;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.form-modal form{
  margin: 0px;
}
.form-modal button,
.form-modal button:hover{
  background: transparent;
}
.form-modal .contactButton{
  background: #53585f;
}
.form-modal label{
  color: #51514e;
  font-size: 0.875rem;
}
.form-modal input{
  margin-top: 0px;
  margin-bottom: 10px;
  border-radius: 0px;
  font-size: 1em;
  padding: 0px 22px;
}
.form-modal textarea{
  min-height: 140px;
  margin-bottom: 10px;
  font-size: 1em;
  padding: 18px 22px;
}
.form-modal .btn{
  font-size: 1.125em;
}
.form-modal .contactButton{
  border: 2px solid #fff;
  margin-bottom: 10px;
}
.form-modal .g-recaptcha{
  margin-top: 15px;
  margin-bottom: 10px;
}
.form-modal .message{
  text-align: center;
  color: #51514e;
}
.form-modal .landing-modal-content{
  overflow-y: visible;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.form-modal #success{
  display: none;
}

.form-modal .close-reveal-modal{
  color: #51514e;
}

.form-modal .tagsinput{
  margin: 8px 0px;
}
.form-modal div.tagsinput span.tag{
  margin: 0px 5px 2px 0px;
  font-size: 14px;
  line-height: 16px;
  height: auto;
  padding: 2px 5px;
  background: #53585f;
  color: #FFF;
  border: none;
  border-radius: 4px;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
}
.form-modal div.tagsinput .tag:before,
.form-modal div.tagsinput .tag:after{
  content: none;
}
.form-modal div.tagsinput span.tag a{
  color: #FFF;
}
.form-modal div.tagsinput{
  width: 100% !important;
  height: auto !important;
  min-width: 100%;
  max-width: 111px;
  overflow-y: auto;
  padding: 15px 22px;
  min-height: 42px !important;
  font-size: 1rem;
  margin-top: 0px;
  margin-bottom: 10px;
  border: 1px solid #585855;
}
.form-modal #to_addTag{
  height: 22px;
  margin-top: -2px;
  width: 100%;
}
.form-modal div.tagsinput input{
  width: 100% !important;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.75) !important;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  padding: 0px;
}
.form-modal .autocomplete-btn{
  margin:0;
  padding: 0px;
  float:right;
  color: #51514e;
  font-size: 14px;
  font-weight: 300 !important;
  padding-bottom: 10px;
  text-align: right;
  outline: none;
}
.form-modal .autocomplete-btn span{
  display: inline-block;
}
.ui-autocomplete{
  z-index: 1006 !important;
}

.landing-text{
  padding-bottom: 20px;
}
.landing-text p{
  font-size: 1.3125em;
  line-height: 25px;
  color: #8C8A88;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0px;
}
.landing-text .list{
  font-size: 1.3125em;
  line-height: 30px;
  color: #8C8A88;
  text-align: left;

}
.landing-text .centered-list{
  width: auto;
  display: table;
  margin: 30px auto;
}
.landing-text h4 span{
  display: inline-block;
}

@media only screen and (min-width: 40.063em) {
  .tabs.vertical {
    width: 20%;
    float: left;
    margin-bottom: 1.25rem; }

  .tabs-content.vertical {
    width: 80%;
    float: left;
    margin-left: -1px; } }
.no-js .tabs-content > .content {
  display: block;
  float: none; }

ul.pagination {
  display: block;
  min-height: 1.5rem;
  margin-left: -0.3125rem; }
ul.pagination li {
  height: 1.5rem;
  color: #222222;
  font-size: 0.875rem;
  margin-left: 0.3125rem; }
ul.pagination li a, ul.pagination li button {
  display: block;
  padding: 0.0625rem 0.625rem 0.0625rem;
  color: #999999;
  background: none;
  border-radius: 3px;
  font-weight: normal;
  font-size: 1em;
  line-height: inherit;
  transition: background-color 300ms ease-out; }
ul.pagination li:hover a,
ul.pagination li a:focus, ul.pagination li:hover button,
ul.pagination li button:focus {
  background: #e6e6e6; }
ul.pagination li.unavailable a, ul.pagination li.unavailable button {
  cursor: default;
  color: #999999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
  background: transparent; }
ul.pagination li.current a, ul.pagination li.current button {
  background: #008cba;
  color: white;
  font-weight: bold;
  cursor: default; }
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
  background: #008cba; }
ul.pagination li {
  float: left;
  display: block; }

/* header.liquid logo/customer menu row */

.footerSpace {
  margin-top: 50px;
  margin-bottom: 100px;
}

.topFooter {
  margin-top: 10px;
}

.buffer15 {
  padding-top:15px;
  padding-bottom: 15px;
}

.buffer30 {
  padding-top: 60px;
  padding-bottom: 0px;
}
.buffer40 {
  padding-top: 40px;
  padding-bottom: 0px;
}
.bufferBottom10{
  padding-bottom: 10px;
}
.bufferBottom15{
  padding-bottom: 15px;
}
.bufferBottom20{
  padding-bottom: 20px;
}
.bufferBottom50{
  padding-bottom: 50px;
}
.bufferTop50{
  padding-top: 50px;
}

.buffer5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.bufferBottom {
  margin-top: 5px;
  margin-bottom: 0px;
}

.pageBuffTop {
  margin-top: 15px;
  margin-bottom: 0px;
}

#navcontainer ul
{
  margin: 1.0rem 0 0 0;
  padding: 0;
  list-style-type: none;
  text-align:right;
}

#navcontainer ul li { display: inline;
  padding-left: 0.0rem;
}

#navcontainer ul li a {
  text-decoration: none;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 300;
  font-size: 0.850rem;
  letter-spacing: 2px;
  color: #000;
}

#navcontainerSmall ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align:center;
}

#navcontainerSmall ul li { display: inline;
  padding-right: 0.50rem;
  padding-left: 0.50rem;
}

#navcontainerSmall ul li a {
  text-decoration: none;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 300;
  font-size: 0.850rem;
  letter-spacing: 2px;
  color: #000;
}

.customerMenu {
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 300;
  font-size: 0.850rem;
  letter-spacing: 2px;
  color: #000;
}

.customerMenu a {
  color: #000;
}


.menuLast {
  font-weight: 700;
}

.navBroad {
  margin-top: 0;
}

.grayBread {
  /* background-color: #f8f6f7; */
  background-color: #FFF;
  vertical-align: center;
  overflow: hidden;
}
.titleContainer{
  padding-top: 20px;
}

.first {
  text-align: left;
  max-width: 110px;
}

.second {
  text-align: left;
  max-width: 320px;
}

.third {
  text-align: left;
}

.fourth {
  text-align: left;
  min-width: 140px;
}

.navMenu {
  color: #000;
  font-size: 1.325rem;
  font-weight: 300;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navMenuMedium {
  color: #000;
  font-size: 0.95rem;
  font-weight: 300;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.navMenuSmall {
  color: #000;
  font-size: 0.950rem;
  font-weight: 300;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom: 1px solid #fff;
}

a, a:visited, a:link, a:hover {
  color: #51514e;
}
a, a:visited, a:link {
  color: #51514e;
  font-weight: 300;
}
.ingredients-list li a:hover{
    color: #fd7d11!important;
}



.navMenu a.current {
  color: #80A1B6;
  font-weight: 600;
  letter-spacing: 1px;
}

.large-block-grid-4 > li {
  width: 25%;
  padding-top: 1.20rem;
  padding-bottom: 1.10rem;}

.large-block-grid-4 > li:nth-of-type(n) {
  clear: none; }

.large-block-grid-4 > li:nth-of-type(4n+1) {
  clear: both; }

.searchBox {
  padding-top: 1rem;
  padding-bottom: 0;
}

.iconSearch {
  background-image:url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/search270x35dark.png?5661361948855032133);
  background-repeat:no-repeat;
  background-position: right;
  background-color: #fff;
}

input.rounded {
  border: 1px solid #f8f6f7;
  background-color: #fff;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  font-size: 1.0rem;
  color: #80A1B6;
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 300;
  text-align: center;
  padding: 4px 10px;
  outline: 0;
  -webkit-appearance: none;
  -moz-box-shadow: inset 1px 2px 3px #ccc;
  -webkit-box-shadow: inset 1px 2px 3px #ccc;
  box-shadow: inset 1px 2px 3px #ccc;
}

/* OUR STORY */

.leaf {
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/TNB_NewWebsite_Home_Leaf_300_3.png?5661361948855032133);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #fff;
}

.pressProduct {
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/press-pacific-cleanser-blank-480-380.jpg?5661361948855032133);
  background-repeat: no-repeat;
  background-position: right;
  background-color: #fff;
  padding-left: 2.0rem;

}
#our-story-true-nature-botanicals main > .row{
  max-width: none;
}

.storyBox{
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}


/* 2467 internal pages */
.sciencePageStyle h4{
  font-size: 1em;
  text-decoration: none;
  border-top: 1px solid #5A4E61;
  padding-top: 13px;
}
.sciencePageStyle h4 a,
.sciencePageStyle h4 span{
  font-size: 1em;
  text-transform: uppercase;
  text-decoration: none !important;
  position: relative;
  padding-left: 25px;
}
.sciencePageStyle h4 a:before{
  content: '';
  width: 13px;
  height: 13px;
  display: block;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/accordion-arrow_2x.png?9624972635487921427&5661361948855032133) top left no-repeat;
  background-size: 13px 13px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.sciencePageStyle h4 a.open:before{
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sciencePageStyle p{
  font-size: 1em;
  line-height: 19px;
}
.accordion .accordionContent li,
.accordion .accordionContent p{
  font-size: 1em;
  line-height: 19px;
  color: #55565A;
}
.accordion .accordionContent strong{
  font-weight: 500;
}

.accordion .accordionContent li{
  padding-bottom: 10px;
}
.accordion .accordionContent h5{
  font-size: 1.5em;
  line-height: 28px;
  color: #51514e;
}
.accordion .accordionContent h6{
  font-size: 1.2em;
  line-height: 28px;
  color: #51514e;

}

.accordion .accordionContent .blueLink,
.accordion .accordionContent p a{
  font-weight: 500;
  color: #51514e;
}

.accordion .accordionContent em{
  font-size: 0.875em;
  line-height: 16px;
}

.accordion .accordionTitle a{
  font-weight: 500;
  display: block;
}

/* GRAY BOX ON HOMEPAGE */

.grayBox {
  width: 100%;
  border: 1px solid #cdcdcd;
  padding: 7px;
  text-align: center;
  margin-top: 20px;
}

.newStandard {
  min-height: 425px;
}

.fallFavorites {
  width: 100%;
  border: 1px solid #cdcdcd;
  padding: 0px;
  text-align: center;
  margin-top: 20px;
}

.grayBox h3 {
  font-size: 1.750em;
  line-height: 1.0em;
  margin-top: 10px;
  margin-bottom: 10px;
  font-style: normal;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #80A1B6;
  text-transform: uppercase;
  font-weight: 100;
}

.grayBox h4 {
  font-size: 1.0em;
  line-height: 1.125em;
  font-style: normal;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #76777A;
  font-weight: 300;
}

.homeBox {
  border: none;
  color:#fff;
  font-size: 0.85em;
  font-weight: 300;
  font-style: normal;
  padding: 0.50rem 0.725rem;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  background-color:#5A4E61;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.homeBest {
  margin-top: 20px;
  margin-bottom: 10px;
}

.homePixel {
  padding: 22px 0px 0px 0px;
}

.homeClinical {
  padding-bottom: 0px;
  padding-top: 10px;
}

.grayBoxPress {
  width: 100%;
  max-height: 390px;
  border: 1px solid #cdcdcd;
  text-align: right;
  vertical-align: bottom;
  margin-top: 20px;
  padding: 0px;
}

.grayBoxLove {
  width: 100%;
  border: 1px solid #cdcdcd;
  text-align: right;
  vertical-align: bottom;
  margin-top: 20px;
  padding: 0px;
}

.blueBox {
  width: 100%;
  background-color: #DBD9D8;
  padding: 10px 15px;
  min-height: 85px;
}
.blueBoxCentered,
.blueBox .firstName{
  width: auto;
  float: none;
  margin: 0 auto;
  display: table;
}

.blueBox h3 {
  color: #55565A;
  font-size: 18px;
  line-height: 21px;
  font-family: "proxima-nova", sans-serif;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: .7px;
  font-weight: 300;
}
.blueBox h3 strong{
  font-weight: 600;
  padding-right: 20px;
}

.blueBox p {
  font-size: 14px;
  line-height: 16px;
  margin: 15px 0px;
  color: #55565A;
  text-align: left;
  font-family: "proxima-nova", sans-serif;
  font-weight: 300;
  letter-spacing: 0;
}
.blueBoxCentered > p{
  margin: 0px auto 15px;
}

.goButton {
  vertical-align:middle;
  margin-top: 15px;
  padding: 5px 10px 5px 10px;
  background-color: #5A4E61;
  border: none;
  color: #ffffff;
  font-size: 14px;
  font-family: "proxima-nova", sans-serif;
  letter-spacing: 1.5px;
  font-weight: 300;
}

.bestEmail {
  color:#000000;
  font-size: 14px;
  line-height: 12px;
}

.blueBox .emailInput {
  width: 250px;
  height: 26px;
  margin: 5px 15px 5px 0px;
  float: left;
  padding: 0 10px;
  border: 1px solid #55565A;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
}
.blueBox .emailInput:focus{
  box-shadow: none;
}
.blueBox .goButton{
  height: 26px;
  margin: 5px 0px;
  padding: 5px 25px;
  float: left;
  color: #FFF;
  background-color: #55565A;
  border: none;
  box-sizing: border-box;
}
.blueBox input[type="text"],
.blueBox input[type="text"]:focus,
.blueBox input[type="email"],
.blueBox input[type="email"]:focus
{
  font-size: 14px;
  color: #55565A;
  border: 1px solid #55565A;
  border-radius: 0;
  box-shadow: none;
  background: #FFF;
  box-sizing: border-box;
}
.blueBox input:-webkit-input-placeholder,
.blueBox input:-moz-placeholder,
.blueBox input:-ms-input-placeholder,
.blueBox input[placeholder]{
  color: #55565A !important;
}
.blueBox .columns{
  padding-left: 0px;
  padding-right: 0px;
}

.grayBox h2 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.5px;
  color: #000000;
  font-weight: 300;
  font-family: "proxima-nova", sans-serif;
}

.leftText {
  text-align: left;
}

.centerText {
  text-align: center;
  font-family: "proxima-nova", sans-serif;
  font-weight: lighter;
  letter-spacing: 1.5px;
}

/* DOTTEDLINE */

.dottedLine {
  width: 100%;
  height: 5px;
}

/* Email page */
.page-email input[type="text"],
.page-email input[type="email"]{
  margin-top: .5em;
}
.page-email .goButton{
  height: 37px;
  margin-top: 23px;
}

/* Customer Banner Added to Header */

.ribbon {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 6px 0px;
  display: block;
  letter-spacing: .5px;
  background: #5A4E61;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  box-sizing: content-box;
  position: relative;
  z-index: 100;
}
.ribbon a,
.ribbon a:link,
.ribbon a:visited,
.ribbon a:hover{
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
  width: auto;
  max-width: 1000px;
  margin: 0 auto;
  display: table;
  height: 100%;
}
.ribbon span{
  padding: 0px 17px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #FFF;
  position: relative;
  font-size: 0.9375em;
  font-weight: bold;
}
.ribbon span:before{
  content: '';
  width: 6px;
  height: 6px;
  display: block;
  background-color: #FFF;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -3px;
  margin-left: -3px;
}
.ribbon span:last-child:before{
  content: none;
}

.ribbonSmall {
  width: 100%;
  margin: 0px;
  font-size: 0.725rem;
  letter-spacing: .5px;
  background: #5A4E61;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  text-align: center;
  font-size: 0.725rem;
  font-weight: 700;
  line-height: 16px;
  padding: 4px 10px;
}
.ribbonSmall.logged span{
  width: 100%;
  display: block;
}

.ribbonMedium {
  width: 100%;
  margin: 10px 0 10px 0;
  font-size: 0.725rem;
  letter-spacing: 2px;
  background: #5D6086;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 10px 0 10px 0;
}

div.ribbonMedium {
  font-size: 0.725rem;
  font-weight: 700;
  line-height: 24px;
}
.show-for-medium .ribbon{}

/* SHOP WITH CONFIDENCE */

.confidence {
  font-size: 20px;
  line-height: 62px;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #80A1B6;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}

.confidence a {
  color: #80A1B6;
  font-weight: 500;
  text-decoration: underline;
}

.promotionBanner {
  font-size: 24px;
  line-height: 20px;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #80A1B6;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

.promotionBanner a {
  color: #80A1B6;
  font-weight: 500;
  text-decoration: underline;
}

.thirty {
  font-size: 14px;
  line-height: 62px;
  letter-spacing: 1.5px;
  color: #000000;
  font-weight: 300;
  font-family: "proxima-nova", sans-serif;
  text-align: center;
  vertical-align: middle;
}

.promoWords {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 1.5px;
  color: #000000;
  font-weight: 300;
  font-family: "proxima-nova", sans-serif;
  text-align: center;
}

.centered {
  text-align: center;
}

.borderRight {
  border-right: 1px dotted #ccc;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.freeShip {
  padding-top: 1rem;
}

.vertMid {
  display: block;
  vertical-align: middle;
  text-align: center;
  padding-top: 1.250rem;
}

.vertEmail {
  display: block;
  vertical-align: middle;
  text-align: center;
  padding-top: 0.325rem;
}


.zEWidget-launcher, .zEWidget-ticketSubmissionForm--active{
  display: none;
}

/* PERFUME COLLECTION */

.perfumeHeader {
  background-image:url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/glorious-scents-970.png?5661361948855032133);
  background-repeat:no-repeat;
  background-position: left;
}

.perfumeSize {
  min-height: 318px;
}

/* SKINCARE COLLECTION */

.flush {
  /* border: 1px solid #cdcdcd; */
  text-align: center;
  margin-bottom: 15px;
}

.flushMoist {
  border: 1px solid #cdcdcd;
  text-align: center;
  margin-bottom: 15px;
}

.flushLip {
  border: 1px solid #cdcdcd;
  text-align: center;
}

.banner{
  width: 100%;
  /* height: 433px; */
  /* padding-top: 43.3%; */
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
#acne-banner{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/acne-banner3.jpg?5661361948855032133);
}
#sensitive-banner{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sensitive-banner2.jpg?5661361948855032133);
}
#pregnancy-banner{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/pregnancy-banner2.jpg?5661361948855032133);
}
#men-banner{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/men-banner2.jpg?5661361948855032133);
}
#best-banner{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/best-sellers-banner2.jpg?5661361948855032133);
}
#kits-banner{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/kits-banner2.jpg?5661361948855032133);
}
#all-banner{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/collections-all-large2-light.jpg?5661361948855032133);
}
#trees-banner{
  background-image: url('https://cdn.shopify.com/s/files/1/0545/1009/files/banner-trees3.jpg');
}
#cupofjo-banner{
  background-image: url('https://cdn.shopify.com/s/files/1/0545/1009/files/cupofjo-banner.jpg');
}
#ingredients-banner{
  background-image: url('https://cdn.shopify.com/s/files/1/0545/1009/files/ingredients-banner2.jpg');
}
#mother-banner{
  background-image: url('https://cdn.shopify.com/s/files/1/0545/1009/files/mothers-day-banner4.jpg');
}
#summertime-banner{
  background-image: url('https://cdn.shopify.com/s/files/1/0545/1009/files/mist-banner.jpg');
  background-position: auto 105%;
}

.collections{
  width: 100%;
  max-width: 75rem;
  padding: 0px 20px;
  margin: 0 auto;
}

.collection .banner{
  padding-top: 40.625%;
}

.collection-brick .brick-content{
  padding-top: 40.625%;
}
.collection-brick h2{
  font-size: 3em;
  line-height: 0.70833333333333em;
  text-transform: uppercase;
  display: inline-block;
  padding: 0px 16px;
  margin-bottom: 45px;
  border-left: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
.collection-brick h3{
  font-size: 1.875em;
  line-height: 1.1em;
}
.collection-brick.new-products-brick .descriptionContainer{
  margin-top: -30px;
}
.collection-brick.renew-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/renew-large2.jpg?5661361948855032133);
}
.collection-brick.calm-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/calm-large.jpg?5661361948855032133);
}
.collection-brick.clear-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/clear-large.jpg?5661361948855032133);
}
.collection-brick.all-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/collections-all-large2.jpg?5661361948855032133);
}
.collection-brick.new-products-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/new-products_large.jpg?5661361948855032133);
  background-position: bottom center;
}
.collection-brick.best-seller-brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick03-normal3_2x.jpg?5661361948855032133);
  background-position: bottom center;
}

.collection .box{
  background: #b3aca0;
  color: #51514e;
  padding: 37px 15px 18px;
}
.collection .box p{
  width: auto;
  max-width: none;
  color: #51514e;
  font-size: 1em;
  line-height: 1.1875em;
  margin-bottom: 20px;
}

.subcollection{
  width: 100%;
  padding-top: 65px;
  padding-bottom: 88px;
  border-bottom: 1px solid #b4b4b2;
}
.subcollection:last-of-type{
  border-bottom: none;
}

.product-item,
.kit-skin{
  padding: 10px 20px;
  text-align: center;
  float: left !important;
}

.product-item .product-title,
.kit-skin .item-title{
  margin-top: 0px;
  margin-bottom: 7px;
  font-size: 1.125em;
  line-height: 1.11111111111111em;
  letter-spacing: .3px;
  font-family: "proxima-nova-semibold", sans-serif;
  color: #51514e;
  text-transform: uppercase;
  height: 2.22222222222em;
  /* height: 1.11111111111111em; */
  /* white-space: nowrap; */
  /* text-overflow: ellipsis; */
  /* overflow: hidden; */
}

.product-item .product-title a {
  font-size: 1em;
  color: #51514e;
  font-family: "proxima-nova-semibold", sans-serif;
  display: block;
  display: -webkit-box;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-item .product-title span{
  display: inline-block;
  white-space: nowrap;
}
.product-item img{
  width: 350px;
  max-width: 100%;
}
.product .btn.empty.grey:hover{
  color: #fd7d11;
  border-color: #fd7d11;
}
.product-content .input{
  font-size: 1em;
  height: 46px;
  padding: 0px 20px;
}
.error-msg{
  color: red;
  display: none;
}

.product-image{
  position: relative;
  overflow: hidden;
}
.product-image:before{
  content: '';
  width: 100%;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/gradient-products.png?5661361948855032133 ) top left repeat;
  background-size: auto 100%;
}
.product-desc p{
  font-size: 1em;
  line-height: 1.125em;
  font-family: "proxima-nova-light", sans-serif;
  color: #55565A;
  letter-spacing: 0;
  display: block;
  height: 3.375em;
  margin-bottom: 0px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-desc a{
  font-size: 1em;
  line-height: 1.125em;
  font-family: "proxima-nova-semibold", sans-serif;
  color: #55565A;
  letter-spacing: .3px;
  display: inline-block;
  margin-bottom: 0px;
  width: 100%;
}
.product-desc.no-ellipsis p{
  display: block;
  height: auto;
  max-height: none;
  overflow: visible;
}

.product-price {
  font-size: 1.3125em;
  line-height: 25px;
  letter-spacing: 0px;
  font-family: "proxima-nova", sans-serif;
  color: #55565A;
  font-weight: 300;
  padding-bottom: 18px;
  margin-bottom: 0;
}

.product-tints {
  padding-top: 10px;
  padding-bottom: 5px;
}

.product-var select {
  text-align: center;
  font-size: 0.70rem;
  line-height: 0.80rem;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #000;
  font-weight: 300;
  max-width: 70%;
  margin-bottom: 10px;
}

.pageProductVar select {
  text-align: center;
  padding: 8px 15px;
  line-height: 0.80rem;
  letter-spacing: .5px;
  font-family: "proxima-nova", sans-serif;
  color: #000;
  font-weight: 300;
  max-width: 100%;
  border: 1px solid #d6d6d7;
}

.product-item .btn.empty.grey{
  width: 180px;
  padding: 10px 10px;
  margin-top: 20px;
  font-size: 0.875em;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
}



.pageProductVar .selector-wrapper{
  position: relative;
}

.pageProductQty input[type=text]:focus, text area:focus {
  background-image: none;
}

.productSelect {
  text-align: center;
  font-size: 0.70rem;
  line-height: 0.80rem;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #000;
  font-weight: 300;
}

.pageProductSelect {
  text-align: center;
  font-size: 0.70rem;
  line-height: 0.80rem;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #000;
  font-weight: 300;
}

.table-panel .productCart{
  /* width: 100%;
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 0px; */
}

.productCart input {
  border: none;
  color:#fff;
  font-size:0.96875em;
  font-weight: 300;
  padding: 0.50rem 20px;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  background-color:#5A4E61;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 15px;
}
.product-quantity select{
  width: 80px;
  height: 40px;
  padding-right: 40px;
  padding-left: 14px;
  font: 1em/1em 'proxima-nova-light', sans-serif;
  color: #51514e;
  border: 1px solid #51514e;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/select-arrow2.png?5661361948855032133) center right no-repeat;
  background-size: 41px 100%;
  outline: none;
}
.product-quantity.large select{
  width: 300px;
}
.custom-select{
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
}
.custom-select.right{
  float: right;
}
.custom-select .dd-container{
  width: 80px !important;
  height: 40px;
  font: 1.25em/1em 'proxima-nova-semibold', sans-serif;
  color: #51514e;
  border: 1px solid #51514e;
  position: static;
}
.custom-select .dd-container:first-child{
  padding-right: 0px;
}
.custom-select.medium{
  margin-right: 0px;
}
.custom-select.medium .dd-container{
  width: 200px !important;
}
.custom-select.large .dd-container{
  width: 400px !important;
}
.custom-select .dd-select{
  width: 100% !important;
  height: 100%;
  padding-right; 40px;
  color: #51514e;
  border: none;
  background: #FFF;
}
.custom-select .dd-select:before{
  content: '';
  display: block;
  width: 18px;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 11px;
  background: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite.png?5661361948855032133 ) no-repeat;
  background-size: 400px auto;
  background-position: -212px -5px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.custom-select .dd-select:after{
  content: '';
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  right: 40px;
  background: #51514e;
}
.custom-select .dd-pointer-down{
  display: none;
}
.custom-select .dd-selected{
  width: 100%;
  height: 100%;
  display: block;
  padding: 0px 40px 0px 0px;
  background: #FFF;
  font: 1em/1em 'proxima-nova-semibold', sans-serif;
}
.custom-select .dd-selected label{
  font: 1em/40px 'proxima-nova-semibold', sans-serif;
  text-align: center;
  color: #51514e;
}
.custom-select.medium .dd-selected label{
  font: 14px/40px 'proxima-nova-light', sans-serif;
  color: #B4B4B4;
  text-align: left;
  padding-left: 20px;
}

.custom-select li{
  cursor: pointer;
}
.custom-select .dd-options{
  width: 100% !important;
  color: #51514e;
  border: 1px solid #51514e;
  background: #FFF;
  box-shadow: none;
  left: 0px;
}
.custom-select .dd-option{
  color: #51514e;
  border: none;
  background: #FFF;
  transition: none;
  -webkit-transition: none;
}
.custom-select .dd-option:hover{
  color: #fd7d11;
  background: #FFF;
}
.custom-select .dd-option label{
  color: inherit;
  background: inherit;
  cursor: pointer;
  font: 1em/1em 'proxima-nova-semibold', sans-serif;
}
.custom-select .dd-option-selected,
.custom-select .dd-option-selected:hover{
  background: #EFEFEF;
}
#addToCartWrapper .custom-select > label{
  font-size: 0.9375em;
  line-height: 40px;
  text-transform: uppercase;
  width: auto;
  float: left;
  padding-right: 15px;
  color: #B4B4B4;
}
.product-quantity{
  float: left;
}
.subscription-box .product-quantity {
  margin-left: 20px;
  margin-right: 0;
}
.pageProductQty label{
  font-size: 0.8125em;
  line-height: 18px;
  letter-spacing: .5px;
  color: #55565A;
  text-transform: uppercase;
  float: left;
  padding-right: 22px;
}
.pageProductQty input {
  width: 45px;
  height: 18px;
  margin: 0px;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  color: #000;
  font-size: 0.75em;
  font-weight: 300;
  padding: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background: #fff;
  text-transform: uppercase;
  box-shadow: 0px 0px 1px rgba(51, 51, 51, 0.2);
}
.pageProductQty #quantity{
  margin: 0;
}

.pageProductCart input {
  border: none;
  color:#fff;
  font-size:0.96875em;
  font-weight: 300;
  padding: 0.50rem 20px;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  background-color:#5A4E61;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 10px;
  border-radius: 0px;
}
.product-main-image{
  padding-top: 100px;
  padding-bottom: 30px;
  position: relative;
}
.image-wrapper{
  position: relative;
  overflow: hidden;
}

.product-main-image .image-wrapper:before{
  content: '';
  width: 100%;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/gradient-products.png?5661361948855032133 ) top left repeat;
  background-size: auto 100%;
  z-index: 1;
}
.product-main-image img{
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 350px;
}
.social-container{
  padding: 35px 0 0;
}
.social-container h6{
  color: #51514e;
  text-align: center;
  font: 1.0625em/1.11764705882353em 'proxima-nova-light', sans-serif;
}
.socialBtn{
  display: table;
  margin: 0 auto;
}
.socialBtn .at-icon-wrapper{
  background-color: #FFF !important;
}
.socialBtn .at-icon-wrapper svg{
  display: none;
}
.socialBtn .at-share-tbx-element .at-share-btn{
  margin: 2px 10px;
}
.socialBtn .at-share-tbx-element.addthis_20x20_style .at-share-btn,
.socialBtn .at-share-tbx-element.addthis_20x20_white_style .at-share-btn{
  width: 25px;
  max-width: 25px;
  height: 25px;
  max-height: 25px;
  margin: 2px 9px;
  outline: none;
}
.socialBtn .at-share-tbx-element .at-share-btn:focus,
.socialBtn .at-share-tbx-element .at-share-btn:hover{
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  outline: none;
}
.socialBtn .at-icon-wrapper{
  width: 25px !important;
  height: 25px !important;
}
/* .socialBtn .at-svc-facebook .at-icon-wrapper{
  background: none;
}
.socialBtn .at-svc-facebook .at-icon-wrapper:before{
  content: '';
  width: 15px;
  height: 29px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite-referrals.png?5661361948855032133) no-repeat;
  background-size: 200px auto;
  background-position: -79px -5px;
}
.socialBtn .at-svc-twitter .at-icon-wrapper{
  background: none;
}
.socialBtn .at-svc-twitter .at-icon-wrapper:before{
  content: '';
  width: 28px;
  height: 24px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite-referrals.png?5661361948855032133) no-repeat;
  background-size: 200px auto;
  background-position: -128px -5px;
} */
/* .socialBtn .at-svc-tumblr .at-icon-wrapper{
background: url(https://cdn.shopify.com/s/files/1/1166/3478/t/9/assets/share-facebook.png) center center no-repeat;
background-size: 9px 14px;
} */
/* .socialBtn .at-svc-email .at-icon-wrapper{
  background: none
}
.socialBtn .at-svc-email .at-icon-wrapper:before{
  content: '';
  width: 27px;
  height: 23px;
  background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sprite-referrals.png?5661361948855032133) no-repeat;
  background-size: 200px auto;
  background-position: -5px -5px;
} */
/* .socialBtn .at-svc-pinterest_share .at-icon-wrapper{
background: url(https://cdn.shopify.com/s/files/1/1166/3478/t/9/assets/share-facebook.png) center center no-repeat;
background-size: 14px 17px;
} */
/* .socialBtn .at-svc-facebook:hover .at-icon-wrapper{
  background: none;
}
.socialBtn .at-svc-twitter:hover .at-icon-wrapper{
  background: none;
}
.socialBtn .at-svc-email:hover .at-icon-wrapper{
  background: none;
} */
.socialBtn .at-svc-facebook:hover .at-icon-wrapper:before{
  background-position: -104px -5px;
}
.socialBtn .at-svc-twitter:hover .at-icon-wrapper:before{
  background-position: -166px -5px;
}
.socialBtn .at-svc-email:hover .at-icon-wrapper:before{
  background-position: -42px -5px;
}
.socialBtn .at-share-btn.at-svc-pinterest_share{
  display: none;
}

.perfumeCart input {
  border: none;
  color:#fff;
  font-size:0.96875em;
  font-weight: 300;
  padding: 0.50rem 20px;
  margin-bottom: 7px;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  background-color:#5A4E61;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.perfumeCart a {
  border: none;
  color:#fff;
  font-size:0.96875em;
  font-weight: 300;
  padding: 0.50rem 20px;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  background-color:#5A4E61;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.contactButton {
  border: none;
  color:#fff;
  font-size:0.70rem;
  font-weight: 600;
  padding: 0.50rem 1.125rem;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  background-color: #5A4E61;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 55px;
}

.smallForm {
  font-size: 0.725rem;
  line-height: 0.850rem;
  color: #000;
  font-weight: 300;
  letter-spacing: 1px;
  word-spacing: 1px;
}

.learnMore {
  font-size: 1em;
  /* margin-top: 0.50rem; */
  margin-bottom: 15px;
}

.learnMore a {
  color: #8C8A88;
  text-transform: uppercase;
  font-size: 0.875em;
  line-height: 16px;
  font-weight: 300;
}
.learnMore {
  font-size: 1em;
  /* margin-top: 0.50rem; */
  margin-bottom: 15px;
}

.learnMore a {
  color: #8C8A88;
  text-transform: uppercase;
  font-size: 0.875em;
  line-height: 16px;
  font-weight: 300;
}

.perfumeCart + .learnMore{
  margin: .5em 0px 0px;
}

p.productVar {
  margin-top:5px!important;
  margin-bottom:-20px!important;
}

.productVar.bufferCleanser{
  margin-top: 0;
}

.solidAbove {
  margin-top: 0.50rem;
}

.noBottom {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.perfumePixel {
  padding-top: 2.0rem;
}

.tryInfo {
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-size: 1.0625em;
  color: #55565A;
  line-height: 21px;
  text-align: left;
  padding-left: 10px;
  padding-bottom: 5px;
}

.tryHeader {
  text-align: left;
  line-height: 3.0rem;
  padding-top: 2.0rem;
  padding-bottom: 1.0rem;
  padding-left: 10px;
}

.noMargin {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: #f8f6f7;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
  vertical-align: middle;
}

.noMarginLeft {
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 15px;
}

.noMarginWhite {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: #fff;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: center;
  vertical-align: middle;
}

.noMarginProduct {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: #fff;
  padding-top: 0px;
  padding-right: 1.0rem;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: left;
  vertical-align: middle;
}

.noMarginTop {
  margin-top: 0px;
  padding-top: 0px;

}

.noMarginBottom {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.marginLeft {
  margin-left: 1.0rem;
}

.marginRight {
  margin-right: 1.0rem;
}

.marginBottom {
  margin-bottom: 1.0rem;
}

.margin-Top {
  margin-top: 1.0rem;
}

.whiteBorder {
  border-left: 5px solid #fff;
}

.skincareHeader {
  font-family: "proxima-nova-light", sans-serif;
  font-size: 3em;
  line-height: 2em;
  letter-spacing: .1px;
  color: #51514e;
  text-align: center;

}
.subcollection .skincareHeader{
  margin-bottom: -100px;
  position: relative;
  z-index: 1;
}
.subcollection .skincareHeader.no-margin-bottom{
  margin-bottom: 0px;
}

.ourStoryLeft {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  text-align: left;
}

.artSolidLeft {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  text-align: center;
}

.ourStoryRight {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  text-align: left;
}
.storyContent{
  width: 500px;
  display: block;
  box-sizing: border-box;
}
.newStandardRight .storyContent,
.scienceSkincareLeft .storyContent{
  float: right;
  padding-left: 30px;
}
.ourStoryRight .storyContent,
.notToxinsRight .storyContent,
.artPerfumeryRight .storyContent{
  float: left;
  padding-right: 30px;
}

.artPerfumeryRight {
  margin: 0;
  padding: 2rem 0 0 0;
  vertical-align: middle;
  text-align: left;
  min-height: 403px;
}

.solidArtRight {
  margin: 0;
  padding: 0.50rem 0 0 0;
  vertical-align: middle;
  text-align: left;
  min-height: 419px;
}

.notToxinsRight {
  margin: 0;
  padding: 4rem 4rem 0 0;
  vertical-align: middle;
  text-align: left;
  min-height: 395px;
}

.notToxinsProduct {
  margin: 0;
  padding: 4rem 4rem 0 3rem;
  vertical-align: middle;
  text-align: left;
  min-height: 383px;
}

.newStandardRight {
  padding: 4rem 0 0 4rem;
  min-height: 395px;
}

.newStandardProduct {
  padding: 4rem 0 0 4rem;
  min-height: 383px;
}

h2.ourStoryHeader {
  font-size: 1.250em;
  line-height: 1.50em;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #8e8c89;
  text-transform: uppercase;
  font-weight: 500;
  padding-top: 4rem;
  vertical-align: middle;
}

h2.ourStoryMobile {
  font-size: 1.250em;
  line-height: 1.50em;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #8e8c89;
  text-transform: uppercase;
  font-weight: 500;
  padding-top: 20px;
  vertical-align: middle;
}

p.ourStoryInfo {
  font-size: 1.0rem;
  line-height: 1.50rem;
  letter-spacing: 1px;
  font-family: "proxima-nova", sans-serif;
  color: #000;
  font-weight: 300;
}

p.solidArtInfo {
  font-size: 1.0625em;
  line-height: 21px;
  font-family: "proxima-nova", sans-serif;
  color: #55565A;
  font-weight: 300;
  letter-spacing: 0;
  padding-bottom: 10px;
}

.solidArtHeader {
  font-size: 22px;
  line-height: 26px;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #5A4E61;
  text-transform: uppercase;
  font-weight: 300;
  padding-top: 2.0rem;
  vertical-align: middle;
}

.creamBG {
  background-color: #f8f8ee;
}

.grayBG {
  background-color: #f8f6f7;
}

.meetFounderRight {
  vertical-align: middle;
  text-align: right;
  padding: 0px;
}

.meetFounderLeft {
  padding-left: 4rem;
  min-height: 405px;
  vertical-align: middle;
  text-align: left;
}

h2.ourFounderHeader {
  font-size: 1.250em;
  line-height: 1.50em;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #8e8c89;
  text-transform: uppercase;
  font-weight: 500;
  vertical-align: middle;
  padding-top: 0.50rem;
}

.ourFounderInfo {
  font-size: 1.0rem;
  line-height: 1.50rem;
  letter-spacing: 1px;
  font-family: "proxima-nova", sans-serif;
  color: #000;
  font-weight: 300;
  padding-bottom: 1.250rem;
}

.ourFounderButton {
  border: none;
  color:#fff;
  font-size:0.70rem;
  font-weight: 300;
  padding: 0.50rem 1.125rem;
  margin-top: 1.50rem;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  background-color:#5A4E61;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
}

.ourFounderButton a {
  border: none;
  color:#fff;
  font-size:0.70rem;
  font-weight: 300;
  padding: 0.50rem 1.125rem;
  margin-top: 1.50rem;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  background-color:#5A4E61;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
}

.artPerfumeryButton {
  border: none;
  color:#fff;
  font-size:0.96875em;
  font-weight: 300px;
  padding: 0.50rem 20px;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  background-color:#5A4E61;
  text-transform: uppercase;
  letter-spacing: .5px;
  display: inline-block;
}

.artPerfumeryButton a {
  border: none;
  color: #fff;
  font-size: 1em;
  padding: 0;
  display: block;
}

.scienceSkincareHeader {
  font-size: 1.250em;
  line-height: 1.50em;
  letter-spacing: 2px;
  font-family: "proxima-nova", sans-serif;
  color: #8e8c89;
  text-transform: uppercase;
  font-weight: 500;
  vertical-align: middle;
}

.scienceSkincareLeft {
  padding-top: 6rem;
  padding-left: 0;
  padding-right: 0;
}

/* SKINCARE PRODUCT PAGES */

.skinBreadcrumb {
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 300;
  font-size: 0.625rem;
  line-height: 1.50rem;
  letter-spacing: 1px;
  color: #ccc;
  text-transform: uppercase;
  display: none;
}

.skinBreadcrumb a {
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 300;
  font-size: 0.625rem;
  line-height: 1.50rem;
  letter-spacing: 1px;
  color: #ccc;
  text-transform: uppercase;
}
.product-content{
  padding-top: 90px;
}

h2.product-title {
  font-family: "proxima-nova-light", sans-serif;
  font-size: 3em;
  line-height: 1.04166666666667em;
  letter-spacing: 0px;
  color: #51514e;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
}
h2.product-title .disclaimer{
  font-size: .6em;
  position: relative;
  top: -0.4em;
}
.disclaimer-dark {
  color: #51514e;
}
.product-formerly {
  font-size:0.9em!important;
}
h2.pageProductPrice {
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.125rem;
  letter-spacing: 1px;
  color: #000;
  text-transform: uppercase;
}

.product-description {
  font-family: "proxima-nova", "Proxima Nova", sans-serif;
  font-size: 1.0rem;
  line-height: 1.250rem;
  letter-spacing: 1px;
  color: #000;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.product-description p {
  font-family: "proxima-nova-light", "proxima-nova", sans-serif;
  font-size: 1.0625rem;
  line-height: 19px;
  letter-spacing: 0px;
  color: #51514e;
  margin-bottom: 18px;
}
.product-description p span,
.product-description strong{
  font-family: "proxima-nova-semibold", "proxima-nova", sans-serif;
  font-weight: normal;
}
.product-description .price{
  font-size: 1.0625em;
  line-height: 19px;
  color: #51514e;
  letter-spacing: 0px;
  font-family: "proxima-nova-light", 'proxima-nova', sans-serif;
  font-weight: normal;
}
.product-description .price span{
  font-family: "proxima-nova-semibold", 'proxima-nova', sans-serif;
  margin-left: 3px;
}
.product-action{
  margin-top: 45px;
}
#addToCartWrapper > div:first-child{
  padding-right: 20px;
}

.product-action .social-container{
  width: 100%;
  float: left;
  padding-bottom: 120px;
}
.product-action .socialBtn{
  width: auto;
  display: block;
  float: left;
  margin: 0px 0px 0px -14px;
  background:  url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-facebook-hover.png?5661361948855032133) center center no-repeat,
    url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-twitter-hover.png?5661361948855032133) center center no-repeat,
    url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/share-email-hover.png?5661361948855032133) center center no-repeat;
  background-size: 1px 1px;
  background-position: -1000px -1000px;
}
.product-action .social-container h6{
  margin-left: 10px;
  font: 1.0625em/1.11764705882353em 'proxima-nova-light', sans-serif;
}
.product-action .btn{
  margin-bottom: 20px;
}
.product-action p{
  margin-top: 0px;
  margin-bottom: 10px;
}


.subscribe-box{
  width: 100%;
}


.alignRight {
  vertical-align: middle;
  text-align: right;
}



/* Cam's Foundation Extras */

/* Some things need to be hidden sometimes */
.hidden {
  display: none;
}
.hidden-important{
  display: none !important;
}
.visibility-hidden{
  visibility: hidden;
}

/* Some things need aligning */
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}

/* Why the hell do lists still put their style outside the div? */
ol, ul {
  list-style-position: inside;
  margin-left:0;
}

/* Foundation reveal reveals some problems */
.reveal-modal {
  /*   top:20% !important; */
}

/* Foundation Icon Fonts */
@font-face {
  font-family: "foundation-icons";
  src: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/foundation-icons.eot?5661361948855032133);
  src: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/foundation-icons.eot?%23iefix&5661361948855032133) format("embedded-opentype"),
    url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/foundation-icons.woff?5661361948855032133) format("woff"),
    url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/foundation-icons.ttf?5661361948855032133) format("truetype"),
    url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/foundation-icons.svg%23fontcustom?5661361948855032133) format("svg");
}
.white {
  color: white !important;
}

/* Contact Form */
textarea {
  min-height: 100px;
  max-width: 100%;
}

/* Top Bar Form Height Fix */
.top-bar input[type="text"], .top-bar .button {
  height: 1.9rem;
}

/* Recent Blog Snippet */
ul.recent-blog {
  list-style-type: none;
}

/* Product Page Thumbs */
.product_thumbs {
  margin-top: 20px;
}

/* Below here are CSS elements that are just here for fun c/o Cam Gould */

/* On Sale Feature */
.sale-price {
  color: rgba(255, 71, 65, 1.000);
  font-weight: 800;
}
.sale-tag {
  position: absolute;
  top: 0;
  left: 15px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: rgba(255, 71, 65, 1.000) transparent transparent transparent;
}
.sale-tag:after {
  content: "Sale";
  line-height:100%;
  position: absolute;
  top: -40px;
  left: 2px;
  color: rgba(255, 255, 255, 1.000);
  font-size: 0.9em;
  font-weight: 800;
  transform: rotate(-45deg);
  /* Safari */ -webkit-transform: rotate(-45deg);
  /* Firefox */ -moz-transform: rotate(-45deg);
  /* IE */ -ms-transform: rotate(-45deg);
  /* Opera */ -o-transform: rotate(-45deg);
  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3.5);
}
/* Sale tag using Foundation Icon Font */
.sale-tag-icon {
  position: absolute;
  top: 0;
  left: 0px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 32px 47px 0 0;
  border-color: rgba(255, 255, 255, 1.000) transparent transparent transparent;
}
.sale-tag-icon:after {
  position: absolute;
  top: -54px;
  left: 3px;
  content: "";
  font-family: "foundation-icons";
  font-size: 3.8em;
  color: rgba(255, 71, 65, 1.000);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 1.000);
}

/* Blog Read More Link */
.read-more {
  text-align: right;
}

/* Cam's Custom Tiny Tags */
.tag {
  padding: 0 9px 0 8px;
  background: rgba(43, 166, 203, 1.000);
  text-decoration: none;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  float: left;
  height: 20px;
  line-height: 20px;
  position: relative;
  font-size: 13px;
  color: rgba(255, 255, 255, 1.000);
  margin: 10px 5px 4px 10px;
  list-style-type: none;
}
.tag a, .tag a:hover, .tag a:visited {
  color: rgba(255, 255, 255, 1.000);
}
.tag:before {
  content: "";
  float: left;
  position: absolute;
  top: 0;
  left: -10px;
  width: 0;
  height: 1px;
  border-color: transparent rgba(43, 166, 203, 1.000) transparent transparent;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
}
.tag:after {
  content: "";
  position: absolute;
  top: 8px;
  left: -2px;
  float: left;
  width: 4px;
  height: 4px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 1.000);
}


/* Mobile */
.menu-button{
  width: 52px;
  padding: 0px 12px;
}
.menu-button a{
  width: 32px;
  height: 65px;
  margin: 0px;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  position: relative;
}
.menu-button img{
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -8px;
}

.cart-mobile{
  padding-right: 44px;
  padding-top: 35px;
  display: block;
  position: relative;
  font-size: 22px;
  text-align: right;
  color: #a1a1a1;
}
a.cart-mobile,
a.cart-mobile:hover{
  color: #a1a1a1;
  font-size: 22px;
}
.cart-mobile img{
  position: absolute;
  bottom: 3px;
  right: 0;
}

.logo-mobile{
  padding-top: 6px;
  display: block;
}
.logo-mobile img{
  width: 100%;
  height: auto;
  max-width: 138px;
}

/* custom2.css */


/* The Science */


.sciencePageStyle .titleSciencePage {
  color: #8e8c89!important;
  padding: 0 16.556701%;
  text-transform: none;
}

.sciencePageStyle .titleSciencePage span {
  font-weight: 300!important;
}


.sciencePageStyle h2 {
  color: #8e8c89;
  margin-bottom: -3px
}

.sciencePageStyle p {

  line-height: 1.4;
  color: #555559;
}



.sciencePageStyle .buttomScience a {
  background-color: #5e4d62;
  padding: 12px;
  padding-top: 4px;
  padding-bottom: 4px;

}

.sciencePageStyle .buttomScience a span {
  color: white!important;
  text-decoration: none!important;
  text-transform: uppercase;
  font-weight: 800!important;
}


.sciencePageStyle .buttomScience {
  margin-bottom: 50px;}



.sciencePageStyle h4 a {
  color: #8e8c89;
  margin-bottom: -3px
}


#imgScience {
  background-image: url(https://cdn.shopify.com/s/files/1/0545/1009/t/7/assets/ScienceOfSkincare_img.jpg);
  width: 100%;
  height: 392px;
}


/* ContactUs */


.contactUsBot  h2.artPerfumeryHeader {    margin-top: 30px;text-transform: none;}


.contactUsBot .formContactUs {
  padding-left: 200px;
  padding-right: 200px;
}


.contactUsBot input[type="text"],
.contactUsBot input[type="password"],
.contactUsBot input[type="date"],
.contactUsBot input[type="datetime"],
.contactUsBot input[type="datetime-local"],
.contactUsBot input[type="month"],
.contactUsBot input[type="week"],
.contactUsBot input[type="email"],
.contactUsBot input[type="number"],
.contactUsBot input[type="search"],
.contactUsBot input[type="tel"],
.contactUsBot input[type="time"],
.contactUsBot input[type="url"],
.contactUsBot textarea {
  margin: 0.5rem 0 0.7rem 0;
}


.contactUsBot input#contactFormTelephone {
  height: 2.3125rem;margin: 0.5rem 0 0.7rem 0;
}


.contactUsBot .contactButton {
  border: none;
  color: #fff;
  font-size: 0.96875em;
  font-weight: 300;
  padding: 0.50rem 20px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #5A4E61;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 15px;
  padding-left: 3rem;
  padding-right: 3rem;
}


.large-12.columns.SubmitContactoButton {
  padding-left: 10px!important;
}


.contactUsBot .textContactUs {
  text-align: center;
  margin-top: 40px;
}

.contactUsBot .textContactUs p {
  font-size: 1.1rem;
}


/* Not found Page */
.not-found-page{
  padding-top: 115px;
}
.not-found-page h2{
  font-size: 3em;
  line-height: 1em;
  color: #51514e;
  margin-bottom: 0px;
}
.not-found-page .error-code{
  font-size: 1.125em;
  line-height: 2.125em;
  color: #b3ada0;
}
.not-found-page h3{
  font-size: 2.5em;
  line-height: 1.04166666666667em;
  letter-spacing: .25px;
  color: #51514e;
  margin-bottom: 23px;
}
.not-found-page ul{
  list-style: none;
}
.not-found-page .links{
  padding-top: 80px;
  padding-bottom: 195px;
}
.not-found-page .links a{
  font-size: 1.75em;
  line-height: 2em;
  letter-spacing: .25px;
}

/* Clinical pages */
.clinical-page{
  width: auto;
  margin: 0px -12px;
}
.clinical-page h2{
  font-size: 3em;
  line-height: 1.125em;
  text-align: center;
  letter-spacing: .1px;
}
.clinical-page h3{
  font-size: 1.625em;
  line-height: 1.53846153846154em;
  text-align: center;
  letter-spacing: .1px;
}
.clinical-page h4{
  font-size: 1.25em;
  line-height: 1.35em;
  font-family: 'proxima-nova-semibold',sans-serif;
  letter-spacing: .75px;
  text-transform: uppercase;
}
.clinical-page h5{
  font-size: 1.375em;
  line-height: 1.35em;
  font-family: 'proxima-nova-semibold',sans-serif;
  letter-spacing: .1px;
}
.clinical-page p{
  font-size: 1.375em;
  line-height: 1.38461538461538em;
  letter-spacing: .1px;
  color: #51514e;
  margin-bottom: 30px;
}
.clinical-page p a{
  color: #51514e;
}

.clinical-page u{
  text-decoration: none;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.clinical-page u:before{
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 2px;
  left: 0px;
  background: #d3d3d2;
}
.clinical-page .table{
  margin-bottom: 30px;
}
.clinical-page .table .columns:last-of-type{
  padding: 0px 36px;
}
.clinical-page .table .medium-7{
  padding: 0px 20px;
}
.clinical-page .table span{
  font-size: 1.125em;
  color: #51514e;
}
.clinical-page .table strong{
  font-family: 'proxima-nova', sans-serif;
  font-weight: normal;
}
.clinical-page .products .columns{
  padding: 0px 35px;
}
.clinical-page .products p{
  font-size: 1.125em;
  margin-bottom: 4px;
}
.clinical-page .products p:first-of-type{
  font-family: 'proxima-nova', sans-serif;
}
.clinical-page .products u:before{
  bottom: 1px;
}

@media only screen and (max-width: 960px) {


  .contactUsBot .formContactUs {
    padding-left: 0px;
    padding-right: 0px;
  }

  .formContactUs .columns {
    position: relative;
    padding-left: 0em!important;
    padding-right: 0em!important;
    width: 100%;
    float: left;
  }

  .textContactUs {padding-left: 0em!important;
    padding-right: 0em!important;}
}

/* Register */

.RegisterBox  h1 {    font-weight: 300!important;color: #8e8c89!important;
  padding: 0 16.556701%;
  text-transform: none;    text-align: center;}

.RegisterForm .large-6 {float:none;width:100%;margin-bottom: 30px;}


.RegisterBox{
  width: 100%;
  max-width: 500px;
  float: none;
  margin: 0 auto;
  padding: 0px;
}


.RegisterForm label {text-transform: uppercase;}


.RegisterBox .buttonCart {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
}

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


@media only screen and (max-width: 960px) {


  .RegisterBox{ padding-left: 10px;
    padding-right: 10px;}


  .submitButtonRegister {

    padding-left: 10px;
  }

}
/* Ingredients Matter */

.IngredientsMatterPage h2 {
  color: #8e8c89!important;
  text-transform: none;
  margin-top: 20px;
}

.IngredientsMatterPage h4 {
  font-size: 18px;
  text-align: center;
}

.IngredientsMatterPage h3 {
  text-transform: uppercase;
  font-size: 20px;}


.IngredientsMatterPage h3 a {
  text-decoration: none!important;}


.IngredientsMatterPage .SubtitleMatter h4{
  text-align: left!important;
  color: black!important;
  font-weight: 100;}

.page-main-science .brick.bestsellers-brick{
 background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/ingredients-brick-large.jpg?5661361948855032133);
 background-color: #d2cab4;
 background-position: right center;
}

.page-ingredients .brick{
  background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/ingredients-desktop.png?5661361948855032133);
  background-color: #535e33;
  background-position: right center;
}
.page-ingredients .bestsellers-brick {
  max-height: 436px;
}
.page-ingredients .bestsellers-brick .descriptionContainer {
  top: 32%;
}
.page-ingredients .bestsellers-brick .description {
  width: 700px;
}
.page-ingredients .bestsellers-brick .brick-content {
  padding-top: 0;
}
.page-ingredients .content{
  padding-bottom: 60px;
}
.page-ingredients .content h2{
  margin-top: 7px;
  margin-bottom: 40px;
  font-size: 34px;
  letter-spacing: .5px;
  line-height: 36px;
}
.page-ingredients .content h4{
  font-family: 'proxima-nova-semibold', sans-serif;
  font-size: 17px;
  letter-spacing: 0.50px;
  line-height: 21px;
  margin-bottom: 4px;
  max-width: 310px;
  text-transform: uppercase;
}
.page-ingredients .content p{
  font-family: 'proxima-nova-light', sans-serif;
  font-size: 17px;
  line-height: 21px;
  max-width: 314px;
}

.page-ingredients .glossary{
  padding: 0px 54px;
  background: #d9c4a3;
  height: 0px;
  overflow: hidden;
  -webkit-transition: all .4s;
  transition: all .4s;
  will-change: height, padding;
}
.page-ingredients .glossary.active{
  height: 686px;
  padding-top: 44px;
  padding-bottom: 44px;
}
.reveal.glossary{
  width: 90%;
  max-width: 700px;
  height: 800px;
  max-height: 90%;
  padding: 60px 5px 10px;
  position: absolute;
  top: 50% !important;
  left: 50%;
  background: #FFF;
  overflow: hidden;
  outline: none;
  border: none;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.glossary .scroll-content{
  width: 100%;
  max-height: 460px;
  max-height: calc(100% - 82px);
  overflow: auto;
}
.reveal.glossary .scroll-content{
  max-height: 90%;
  max-height: calc(100% - 90px);
}
.glossary-wrapper{
  width: 100%;
  height: 100%;
  padding: 50px 30px 5px;
  background: #FFF;
}
.page-ingredients .glossary .content{
  width: 100%;
  height: auto;
  padding: 36px 20px 20px;
}
.reveal.glossary .content{
  width: 100%;
  height: auto;
  padding: 50px 55px 20px;
}

.glossary h3{
  font: 3em/1em 'proxima-nova-light', sans-serif;
  margin-top: 0px;
  margin-bottom: 44px;
}
.page-ingredients .glossary h3{
  font-size: 2.5em;
  line-height: 1.05em;
  margin-bottom: 40px;
}
.glossary h4{
  text-transform: uppercase;
  font: 1.0625em/1.23529411764706em 'proxima-nova', sans-serif;
}
.glossary p{
  font: 1.0625em/1.23529411764706em 'proxima-nova-light', sans-serif;
  color: #51514e;
}
.glossary .inactive h4,
.glossary .inactive p{
  /*color: #D4D4D4;*/
}
.glossary .active h4,
.glossary .active p{
  color: #fd7d11;
  font-weight:bold;
}
.page-ingredients .glossary p{
  margin-bottom: 21px;
}
.glossary-list{
  list-style: none;
}
.glossary-list li{
  padding-top: 3px;
}
.glossary-list li h4{
  margin-top: 0px;
}




@media only screen and (max-width: 63.9375em){
  /*  IPAD 1024px */
  .text-left-medium{
    text-align: left;
  }
  .text-right-medium{
    text-align: right;
  }
  .text-center-medium{
    text-align: center;
  }
  .open-menu-desktop main{
    padding-top: 0px;
  }
  body div.snize-ac-results{
    display: none !important;
  }

  /*  Header  */
  .header{
    padding: 0px 20px;
    height: 65px;
  }
  .logo{
    max-width: 185px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin: 0px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .logo img{
    display: block;
    width: auto;
    max-height: 100%;
    margin: 0px auto;
  }

  /*  Footer  */
  .footer{
    height: 170px;
  }
  .footer-black{
    height: 172px;
  }
  .footer-box{
    padding-bottom: 0px;
  }
  .footer-box h5{
    font-size: 2.5em;
    line-height: 1.15em;
    margin-left: 0px;
  }

  .top-footer{
    text-align: center;
  }
  .footer-menu{
    margin-bottom: 20px;
  }

  .footer-social-wrapper{
    text-align: center;
  }
  .footer-social-wrapper p{
    width: 100%;
    max-width: 350px;
    margin: 0px auto 20px;
    line-height: 1.29411764705882em;
  }
  .footer-social{
    max-width: 290px;
    margin: 0px auto;
    padding-top: 70px;
    padding-bottom: 55px;
    text-align: center;
  }
  .footer-social h6{
    margin-bottom: 30px;
    font-family: 'proxima-nova-semibold', sans-serif;
  }
  .footer-social .icon:first-child{
    margin-left: 0px;
  }
  .newsletter-wrapper{
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .newsletter-wrapper form{
    max-width: none;
  }
  .newsletter-wrapper .newsletter-input{
    margin-bottom: 40px;
  }
  .help-box-wrapper{
    padding: 0px;
  }
  .help-box{
    width: 100%;
    max-width: none;
    height: auto;
  }
  .help-box p{
    text-transform: none;
    font-size: 2.5em;
    line-height: 1.15em;
    font-weight: 300;
    margin-bottom: 45px;
    font-family: 'proxima-nova-light', sans-serif;
  }
  .help-box .content{
    max-width: 480px;
    display: table;
    margin: 0px auto;
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .help-box .columns:nth-child(even){
    text-align: left;
  }
  .help-box .columns:nth-child(odd){
    text-align: right;
  }

  .radio-wrapper{
    margin-bottom: 25px;
  }
  .newslettter-input{
    padding: 0px 20px;
    margin-bottom: 40px;
  }

  .footer-menu{
    max-width: 440px;
    margin: 0px auto 20px;
  }

  .footer-menu .dot{
    visibility: hidden;
  }
  .footer-menu .dot-tablet{
    visibility: visible;
  }

  /*  End footer  */

  .box{
    padding-top: 50px;
    padding-bottom: 0px;
  }
  .box h4{
    text-align: center;
    font-size: 2.5em;
    line-height: 1.05em;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .box h5{
    text-align: center;
    font-size: 2.5em;
    line-height: 1.15em;
  }
  .box .icon-wrapper{
    height: 115px;
    padding-bottom: 20px;
  }
  .box .icon-wrapper img{
    -ms-transform: translate(-50%, -50%) scale(.9);
    -webkit-transform: translate(-50%, -50%) scale(.9);
    transform: translate(-50%, -50%) scale(.9);
  }
  .box p{
    margin-bottom: 70px;
    line-height: 1.29411764705882em;
  }

  /*  Submenu  */

  /* Menu */

  .open-menu-desktop .main-menu .submenu{
    max-height: none;
  }

  .menu-wrapper .main-menu{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 80px 36px 40px;
    display: block;
    opacity: 0;
    z-index: 50;
    overflow: auto;
    background: #FFF;
    -webkit-transition: transform .4s ease-out, opacity 0s;
    transition: transform .4s ease-out, opacity 0s;
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    will-change: transform;
  }

  .menu-open .menu-wrapper .main-menu{
    opacity: 1;
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  .header .main-menu .item-nav {
    width: 100%;
    float: left;
    display: block
  }

  .header .main-menu .item-nav >a{
    font-size: 2.5em;
    padding: 0px;
    line-height: 54px;
    font-family: 'proxima-nova-light', sans-serif;
  }

  .main-menu .submenu{
    position: relative;
    top: 0px;
    left: 0px;
    opacity: 1;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 12px;
    display: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }

  .main-menu .open + .submenu,
  .main-menu li:hover .open + .submenu,
  .main-menu li:hover .open + .submenu.down-menu{
    padding-top: 10px;
    padding-bottom: 15px;
    display: block;
  }

  .main-menu .submenu-column,
  .main-menu .submenu-column:first-child{
    padding: 23px 0px 1px;
    border-top: 1px solid #c4c4c3;
  }
  .main-menu .submenu-column:last-child{
    border-bottom: 1px solid #c4c4c3;
  }
  .main-menu .submenu-column:first-child:before{
    content: none;
  }
  .main-menu .submenu li li{
    width: 50%;
    display: block;
    float: left;
    font-size: 1.0625em;
    line-height: 1em;
  }

  .main-menu .submenu li.submenu-single{
    width: 60%;
  }

  .main-menu .submenu h4{
    font: 1.0625em/1em 'proxima-nova-semibold', sans-serif;
  }


  .main-menu .submenu h4 a,
  .main-menu .submenu h4 span{
    font: 1em/1em 'proxima-nova-semibold', sans-serif;
  }
  .main-menu .submenu li li a,
  .main-menu .submenu li li span{
    height: 36px;
    font-family: 'proxima-nova-light', sans-serif;
  }

  .main-menu .close{
    width: 21px;
    height: 21px;
    line-height: 21px;
    display: block;
    position: absolute;
    right: 36px;
    top: 34px;
    text-align: center;
    font-size: 56px;
    color: #4f4e51;
    cursor: pointer;
  }
  .main-menu .menu-second{
    width: 100%;
    float: left;
    padding-top: 45px;
  }
  .search-input{
    width: 100%;
    height: 40px;
    margin-top: 9px;
    padding-left: 36px;
    background-size: 28px 28px;
    border-color: #383838;
  }



  .submenu-container{
    /* padding: 0 30px 35px; */
  }
  .submenu h4{
    white-space: normal;
  }

  /*  End submenu  */
  .customerBox{
    padding-top: 27px;
  }

  .reveal-modal-blue {
    width: 80%;
    margin-left: -40%;
  }
  .sea-modal{
    width: 90%;
    margin-left: 0px;
  }
  .reveal-modalTwo .goButton{
    margin-top: 0px;
  }
  h3.title-page{
    padding: 0 10px;
  }


  .refillRight,
  .solidRight,
  .solidArtRight{
    min-height: 0px;
  }

  .brick-content{
    padding-top: 92.81842818428184%;
  }
  .brick .descriptionContainer{
    padding: 0px;
    width: 100%;
    top: 0px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .brick .description{
    display: block;
    text-align: center;
    padding: 0px;
    margin: 0px auto;
    width: 100%;
    max-width: 490px;
    float: none;
  }
  .descriptionContainer.right{
    right: 0px;
  }
  .brick.subscriptions-brick .descriptionContainer,
  .brick.vitamine-brick .descriptionContainer{
    width: 100%;
  }

  .descriptionContainer.left{
    left: 0px;
  }
  .descriptionContainer.with-subdescription{
    top: 0px;
  }
  .brick h3{
    margin-top: 50px;
    font-size: 2.5em;
    line-height: 1.15em
  }
  .brick h3 span,
  .brick h4 span{
    display: inline;
  }
  .brick p{
    line-height: 1.29411764705882em;
  }
  .transformation-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick01-normal.jpg?5661361948855032133);
  }
  .results-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick02-medium.jpg?5661361948855032133);
  }
  .skin--brick{
    background-image:url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/homepage_brick_barrier_promo_photo.jpg?7880712185451069589&5661361948855032133);
  }
  .valentine-brick {
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick10-valentine-medium_2x.jpg?5661361948855032133);
    max-height: none;
  }
  .bestsellers-brick{
    background-image: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick03-medium.jpg?5661361948855032133 );
  }
  .page-main-science .brick.bestsellers-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/ingredients-brick-medium.jpg?5661361948855032133);
  }
  
  .page-main-science .brick.bestsellers-brick .description,
  .page-ingredients .brick .description{
    max-width: 580px;
  }

  .page-ingredients .bestsellers-brick .descriptionContainer{
    top: 8%;
  }
  
  /* Product detail */
  h2.product-title{
    margin-top: 6px;
    margin-bottom: 0px;
    font-size: 1.625em;
    line-height: 1.07692307692308em;
    text-align: center;
  }
  .product-content{
    padding-top: 36px;
  }
  .product-main-image{
    padding-top: 46px;
    padding-bottom: 10px;
  }
  .product-description p{
    line-height: 1.17647058823529em;
    margin-bottom: 19px;
  }
  #addToCartWrapper > div:first-child{
    padding-right: 23px;
  }
  .product-accordion{
    width: auto;
    display: block;
    float: none;
    padding: 60px 36px;
    margin: 0px -16px;
    background: #d9c4a3;
  }
  .product-accordion p,
  .product-accordion p a,
  .product-accordion ol li{
    font: 1.0625em/1.17647058823529em 'proxima-nova-light', sans-serif;
    color: #51514e;
  }
  .product-accordion ol{
    margin-bottom: 1em;
  }
  .product-accordion h4{
    color: #51514e;
  }
  .product-accordion .ingredients-list li a,
  .product-accordion .ingredients-list li span{
    font: 1.0625em/1.52941176470588em 'proxima-nova-light', sans-serif;
    color: #51514e;
  }
  .product-accordion .menu.nested{
    padding-bottom: 0px;
  }
  .product-accordion .menu.ingredients-list{
    padding-bottom: 20px;
  }

  .related-products{
    padding-top: 0px;
  }
  .related-products-content{
    border-top: none;
  }
  .related-products h5{
    font-size: 2.5em;
    text-align: center;
    margin-bottom: 30px;
  }
  .related-products .item-title{
    margin-top: 15px;
    font: 1.0625em/1.11764705882353em 'proxima-nova', sans-serif;
  }

  .product-quantity.large select{
    width: 283px;
  }

  .custom-select.right{
    float: left;
  }
  .custom-select.medium .dd-container{
    width: 283px !important;
  }

  .page-ingredients .content h2{
    font-size: 2.5em;
    line-height: 1.05em;
    margin-top: -3px;
    margin-bottom: 50px;
  }
  .page-ingredients .content h4{
    font-family: 'proxima-nova', sans-serif;
    line-height: 1.29411764705882em;
    margin-bottom: 0px;
    max-width: none;
  }
  .page-ingredients .content p{
    line-height: 1.29411764705882em;
    margin-bottom: 10px;
    max-width: none;
  }

  .product-action .socialBtn{
    margin-left: -6px;
  }

  .pageProductVar{
    margin-bottom: 0px;
  }

  /* Collections  */
  .collection-brick h2{
    margin-top: 16%;
    margin-bottom: 0px;
  }

  /*  Contact modal  */
  .contact-modal{
    padding: 0px 0px 23px;
  }
  .contact-modal h3{
    font-size: 1.5em;
    line-height: 1.33333333333333em;
    margin-top: 19px;
    margin-bottom: 11px;
  }
  .input{
    height: 42px;
    font-size: 0.875em;
    padding: 0px 16px;
    margin-bottom: 5px;
  }
  .textarea{
    font-size: 0.875em;
    line-height: 1.28571428571429em;
    margin-bottom: 6px;
    padding: 10px 16px;
  }
  .btn.submit{
    font-size: 0.875em;
    max-width: 140px;
    padding: 12px 5px;
  }
  .contact-modal .addresses{
    padding-top: 73px;
    padding-left: 0px;
  }
  .contact-modal .addresses p{
    font-size: 0.875em;
    line-height: 1.42857142857143em;
    margin-bottom: 5px;
  }

  /*  Referral and login  */

  .page-success{
    background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/aloe-medium.jpg?5661361948855032133) left center no-repeat #455326;
    background-size: cover;
  }
  .page-landing-referral{
    background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/aloe-medium.jpg?5661361948855032133) left center no-repeat #455326;
    background-size: cover;
  }

  .referral-landing{
    padding: 66px 20px 182px;
  }
  .referral-landing p{
    margin-bottom: 45px;
  }
  .referral-landing ol{
    margin-bottom: 30px;
  }
  .referral-landing .btn:first-of-type{
    margin-top: 5px;
  }
  .referral-landing .separator{
    font-size: 1.375em;
  }
  .referral-landing ol li{
    padding-left: 32px;
  }
  .sea-modal{
    background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/aloe-medium.jpg?5661361948855032133) left center no-repeat #455326;
    background-size: cover;
  }

  .collection-brick{
    background-size: 1600px auto;
    background-position: -400px center;
    overflow: hidden;
  }

  /*  Clinical pages  */
  .clinical-page{
    margin: 0px 0px;
  }

}

@media only screen and (min-width: 48em) and (max-width: 74.375em) {

  .product-quantity.large select{
    width: 283px !important;
  }
  .custom-select.medium > label{
    display: none;
  }
  
  .valentine-brick span.word1, .valentine-brick span.word3 {
    letter-spacing: 15px;
  }
  .valentine-brick span.word2 {
    padding: 0;
  }
  .valentine-brick .product-left {
    width: 23.34%;
    padding-top: 17.81%;
  }
  .valentine-brick .product-right {
    right: -52px;
    width: 40.12%;
    padding-top: 37.46%;
  }

}

@media only screen and (min-width: 48em) and (max-width:  63.9375em){s
  /* VALENTINE DAY*/
  .valentine-brick .descriptionContainer {
    top: 5%;
  }
  .brick.valentine-brick p br.hide-for-medium {
    display: block;
  }
  .brick.valentine-brick h1 {
    margin-bottom: 30px;
    font-size: 70.9px;
    margin-top: 60px;
    margin-bottom: 30px;
    font-size: 70px;
    line-height: 47.07px;
    font-weight: 600;
    letter-spacing: 7px;
    font-family: 'DINPro-Bold', sans-serif;
    color: #e3aeae;
    white-space: nowrap;
  }
  .brick.valentine-brick p {
    margin-bottom: 20px;
    right: 0;
  }
  .valentine-brick .product-left{
    width: 250px;
    top: 65%;
    left: 30px;
    padding-top: 191px;
  }
  .valentine-brick .product-right{
    width: 408px;
    left: 49%;
    top: 38%;
    padding-top: 381px;
  }

  .brick.no-tablet .descriptionContainer {
    width: auto;
    display: table;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .brick.no-tablet .descriptionContainer.right {
    /* right: 0px; */
  }
  .collection-brick.no-tablet .descriptionContainer{
    width: 50%;
  }
  .brick.no-tablet .description {
    width: 480px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-family: 'proxima-nova-light', sans-serif;
  }
  .brick.no-tablet.collection-brick h2{
    margin-top: 0.2rem;
    margin-bottom: 45px;
  }
  .brick.no-tablet h3{
    margin-top: 0.2rem;
    font-size: 1.875em;
    line-height: 1.1em;
  }
}

@media only screen and (min-width: 1400px) {
  .banner{
    height: 0px;
    padding-top: 30.92857142857143%;
  }
}
@media only screen and (min-width: 1600px) {

  .page-success{
    background-size: cover;
  }

}
@media only screen and (min-width: 1920px) {
  .banner{
    height: 0px;
    padding-top: 33%;
  }
  #acne-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/acne-banner-big.jpg?5661361948855032133);
  }
  #sensitive-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/sensitive-banner-big2.jpg?5661361948855032133);
  }
  #pregnancy-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/pregnancy-banner-big2.jpg?5661361948855032133);
  }
  #men-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/men-banner-big2.jpg?5661361948855032133);
  }
  #best-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/best-sellers-banner-big2.jpg?5661361948855032133);
  }
  #kits-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/kits-banner-big2.jpg?5661361948855032133);
  }
  #trees-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/banner-trees3.jpg?5661361948855032133);
  }
  #cupofjo-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/cupofjo-banner-big.jpg?5661361948855032133);
  }
  #ingredients-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/ingredients-banner.jpg?5661361948855032133);
  }
  #eyeSerumBox{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/eye-serum-banner-big2.jpg?5661361948855032133);
  }
  #mother-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/mothers-day-banner-big.jpg?5661361948855032133);
  }
  #summertime-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/mist-banner.jpg?5661361948855032133);
  }
  #summerBlogBox{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/summer-blog-big.jpg?5661361948855032133);
    background-position: center 75%;
  }

  /* REFERRAL LANDING */
  #referrals-1 .page-landing-referral{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/mothers-day-banner-big.jpg?5661361948855032133);
  }
  #referrals-3 .page-landing-referral{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/referral-landing-bkg-big.jpg?5661361948855032133);
  }
}

@media only screen and (max-width: 800px) {
  .safari .descriptionContainer{
    padding-top: 20px;
  }
  .safari .descriptionContainer.full{
    padding-top: 0px;

  }
}




@media only screen and (max-width: 47.9375em) {
  /********** MOBILE *********/
  /** BRICK VALENTINE DAY **/
  .valentine-brick {
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick10-valentine-small.jpg?5661361948855032133);
    background-position: center bottom;
    max-height: 415px;
  }
  .valentine-brick .descriptionContainer {
    top: 0;
  }
  .brick.valentine-brick p br.hide-for-medium {
    display: block;
  }
  .brick.valentine-brick h1 {
    color: #e3aeae;
    font-family: 'DINPro-Bold', sans-serif;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 7px;
    line-height: 47.07px;
    margin-bottom: 6px;
    margin-top: 38px;
  }
  .brick.valentine-brick p {
    font-size: 18px;
    letter-spacing: 2.3px;
    line-height: 24.28px;
    margin-bottom: 10px;
    right: 0;
  }
  .brick.valentine-brick .btn {
    font-size: 8.76px !important;
    letter-spacing: 2.5px;
    line-height: 9.98px;
    min-width: 120px;
    padding: 8px !important;
    right: 6px;
    width: 120px;
  }
  .valentine-brick .product-center{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/gift-banner-valetine-figure-mobile_2x.png?5661361948855032133);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: 60%;
    margin-left: -131px;
    padding-top: 202px;
    position: absolute;
    right: auto;
    top: 45%;
    width: 261px;
  }
  /******/

  .landing-collection-brick.collection-brick {
    background-size: cover;
  }

  .landing-collection-brick.collection-brick:before{
    background-position: center top;
    background-size: 600px auto;
  }

  .landing-collection-renew-brick {
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/renew-bkg-light-2.jpg?5661361948855032133);
  }
  .landing-collection-calm-brick {
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/collections-calm-desktop.png?5661361948855032133);
  }
  .landing-collection-clear-brick {
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/renew-bkg-light.jpg?5661361948855032133);
  }

  .collection-brick.landing-collection-renew-brick:before{
    height: 300px;
    background-size: auto 100%;
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/landing-renew-products-3.png?5661361948855032133);
  }
  .collection-brick.landing-collection-calm-brick:before{
    height: 320px;
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/landing-calm-products-3.png?5661361948855032133);
    background-size: auto 100%;
  }
  .collection-brick.landing-collection-clear-brick:before{
    height: 322px;
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/landing-clear-products-2.png?5661361948855032133);
  }

  .landing-collection-brick.collection-brick h3{
    font-size: 1.3125rem;
    line-height: 1.5rem;
  }
  .landing-collection-brick.collection-brick h3 br{
    display: block;
  }

  .landing-collection-brick.collection-brick p{
    font-size: 0.9375rem;
    line-height: 1.0625rem;
    width: 85%;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .collection-brick.landing-collection-calm-brick p{
    width: 84%;
    top: auto;
    bottom: 17px;
  }

  .mt-description {
    margin-top: 25px;
  }
  .text-description-mobile {
    position: absolute;
    top: 80%;
    color: #54565b;
  }
  .collection-renew-container {
    margin-top: -18px;
    padding-top: 37px;
    border-bottom: 1px solid #000000;
    display: table;
  }
  .collection-renew-container h2 {
    font-size: 25px;
    line-height: 27px;
    font-family: 'proxima-nova-light', sans-serif;
    margin-bottom: 45px;
  }
  .collection-renew-container h3 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .collection-renew-container p {
    font-size: 14px;
    line-height: 19px;
  }
  .table-collection-renew {
    border-top: 1px solid #dfdbda;
    padding-top: 30px;
    margin-top: 26px;
    margin-bottom: 45px;
  }
  .table-collection-renew .mt-rows {
    margin-top: 34px;
    border-top: 1px solid #dfdbda;
    padding-top: 25px;
  }
  .table-collection-renew h4 {
    margin-bottom: -5px;
    font-size: 9.87px;
  }
  .table-collection-renew span {
    font-size: 11px;
  }
  .table-collection-renew .title-table {
    margin-bottom: 36px;
  }
  .table-collection-renew .title-table h4 {
    font-size: 17px;
    line-height: 33px;
    font-family: 'proxima-nova-regular', sans-serif;
  }
  .table-collection-renew .title-table span {
    font-size: 14px;
    line-height: 17px;
    font-family: 'proxima-nova-regular', sans-serif;
  }
  .table-collection-border {
    border-bottom: 1px solid #dfdbda;
  }
  .table-collection-body {
    margin-top: 20px;
  }
  .block-section {
    height: 44px;
    line-height: 44px;
    display: table;
    font-size: 14px;
  }
  .block-quiz{
    padding-top: 26px;
    padding-bottom: 11px;
    border-top: 1px solid #736c63;
  }
  .block-quiz h5{
    font-size: 15px;
    line-height: 16px;
    font-family: 'proxima-nova-semibold', sans-serif;
    margin-bottom: 16px;
    text-transform: uppercase;
  }
  .block-quiz p{
    font-size: 14px;
    line-height: 16px;
    font-family: 'proxima-nova-regular', sans-serif;
    margin-bottom: 23px;
  }
  .block-quiz .btn,
  .block-quiz .btn:link,
  .block-quiz .btn:hover,
  .block-quiz .btn:visited{
    margin-left: 0;
    width: 138px;
    font-size: 12px;
  }
  .steps-block-calm {
    padding-top: 30px;
    margin-top: 0;
  }
  .steps-block-calm .accordionItem .accordionTitle .step-number{
    font-size: 38px;
    font-family: 'proxima-nova-light', sans-serif;
    margin-right: 20px;
  }
  .steps-block-calm .accordion {
    margin-top: 26px;
    margin-bottom: 45px;
  }
  .steps-block-calm .accordion .accordionTitle {
    padding-top: 6px;
  }
  .steps-block-calm h4 a:after {
      content: '+';
      position: absolute;
      right: 0px;
      font-family: 'proxima-nova', sans-serif;
      font-size: 22px;
  }
  .steps-block-calm h4 a.open:after {
    content: '-';
  }
  .accordionTitleStep {
    margin-top: 0px;
    position: absolute;
  }
  .comments-container {
    border-top: none;
    padding-top: 52px;
    padding-bottom: 38px;
  }
  .comments-container .several-comments{
    margin-top: 60px;
  }
  .comments-container h1 {
    font-size: 34px;
    line-height: 38px;
    letter-spacing: .20px;
  }
  .comments-container .several-comments p {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .0px;
  }
  .comments-img {
    margin-bottom: 62px;
    width: 40%;
  }
  .mt-comments-img {
    margin-top: 17px;
  }
  .mb-paragraph {
    margin-bottom: 60px;
  }
  .page-home-quiz .brick .btn {
    font-size: 0.75em;
    padding: 4px 20px;
  }
  .page-home-quiz .transformation-brick h3 {
    margin-top: 9.33333333333333%;
    line-height: 1em;
  }
  /**** HOME BRICK - SUN SPOTS BRICK ****/
  .sun-spots-brick {
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick05-small_2x.jpg?5661361948855032133);
  }
  .sun-spots-brick .descriptionContainer {
    margin-top: 0;
  }

  /**** HOME BRICK - SUMMER BRICK ****/
  .summer-brick {
    background-image: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick04-small.jpg?5661361948855032133);
  }

  .summer-brick p.subdescription{
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.5px;
    margin-top: 265px;
 }
 /**** HOME BRICK - GIFT-CARD ****/
  .gift-card-brick {
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick09-small.jpg?5661361948855032133);
  }
  .gift-card-brick .brick-content{
    min-height: 440px;
  }
  .gift-card-brick .container-block {
    /* height: 278px; */
    width: 90%;
  }
  .gift-card-brick .container-block .description-container {
    margin-top: 38px;
    margin-bottom: 42px;
  }
  .gift-card-brick .container-block .description-container h3 {
    font-size: 1.280em;
    line-height: 1.393em;
    margin-bottom: 7px;
  }
  .gift-card-brick .container-block .description-container h3 br,
  .gift-card-brick .container-block .description-container p br {
    display: block;
  }
  .gift-card-brick .container-block .description-container p {
    font-size: 0.992em;
    line-height: 1.273em;
  }
  .gift-card-brick .container-block .description-container a.btn {
    font-size: 0.75em;
    padding: 4px 20px;
    min-width: 145px;
  }
 /**** HOME BRICK - HOW-IT-WORKS ****/
  .how-it-works {
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: none;
  }
  .how-it-works .brick-content {
    padding-top: 0px;
  }
  .how-it-works .brick-content .container {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
  }
  .how-it-works .brick-content h3 {
    font-size: 30px;
    line-height: 39.66px;
    font-family: 'proxima-nova-light', sans-serif;
  }
  .how-it-works .description-how-it-works {
    margin-top: 60px;
  }
  .description-how-it-works .number-content {
    border-right: 1px solid #62625f;
    border-bottom: 0px;
    margin-bottom: 40px;
    padding-bottom: 3px;
    padding-top: 10px;
  }
  .description-how-it-works .number-content .h1 {
    font-family: 'proxima-nova-light', sans-serif;
    font-size: 45.12px;
    line-height: 14.4px;
  }
  .how-it-works p {
    font-size: 16px;
    line-height: 19px;
  }
  .buffer10 {
    margin-top: 10px;
  }
  .how-it-works .btn.empty {
    border: 1px solid;
    font-size: 12px;
    margin-top: 18px;
    width: 100px;
  }

  /***********/
  .open-menu-desktop{
    padding-top: 0px;
  }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .small-collapse.buffer15{
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-for-small{
    width: 100%;
    float: left;
    display: block;
  }

  .text-left-small{
    text-align: left;
  }
  .text-right-small{
    text-align: right;
  }
  .text-center-small{
    text-align: center;
  }

  .grey-text-for-small{
    color: #51514E;
  }
  .white-text-for-small{
    color: #FFF;
  }
  .btn.transparent.grey-for-small,
  .btn.transparent.grey-for-small:link,
  .btn.transparent.grey-for-small:hover,
  .btn.transparent.grey-for-small:visited{
    color: #51514E;
    border-color: #51514E;
  }


  .strong-border{
    border: 9px solid #231F20;
  }
  .row.small-collapse > .columns.RegisterBox{
    max-width: none;
  }

  .modal-opened #scroll-ios{
    height: 100%;
    position: fixed;
    top: 0px;
    z-index: 100;
  }
  .left-for-small{
    float: left !important;
  }

  .custom-modal.tiny{
    width: 100%;
    max-width: 180px;
    height: auto;
    min-height: 0px;
    max-height: 140px;
    padding: 12px 16px 12px;
    left: 50% !important;
    top: 50% !important;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: fixed;
  }
  .custom-modal.tiny .text{
    font-size: 1em;
    line-height: 1.1875em;
    margin-bottom: 10px;
  }
  .custom-modal.tiny .number{
    font-size: 2.8125em;
  }
  .close-button{
    color: #51514e;
  }

  /* Header */
  .header{
    height: 50px;
    z-index: 100;
    background: #FFF;
    position: relative;
  }
  .header .menu,
  .menu-button a{
    height: 50px;
  }
  .header .main-menu{
    height: 100%;
  }
  .logo{
    height: 50px;
  }
  .logo img{
    max-height: 40px;
    margin: 5px auto 0;
  }

  header .small-3:last-child{
    padding-left: 0px;
  }
  .ribbon span{
    font-size: 13px;
  }
  .ribbon span:before{
    content: none;
  }

  .customerBox .cartDesktop {
    float: left;
    position: absolute;
    top: 0px;
    right: 15px;
  }
  .customerBox .cartDesktop a {
    width: 35px;
    height: 35px;
    padding: 0px;
    display: block;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    background-size: 38px 32px;
    background-position: center;
    background-repeat: no-repeat;
  }

  /*  Submenu  */
  .menu-wrapper .main-menu{
    padding: 76px 24px 40px;
  }
  .header .main-menu .item-nav >a{
    font-size: 1.625em;
    line-height: 37px;
  }
  .main-menu .submenu h4{
    font-size: 0.875em;
    margin-bottom: 16px;
  }
  .main-menu .submenu li li{
    font-size: 0.875em;
  }
  .search-input{
    height: 32px;
    margin-top: 2px;
    background-size: 19px 19px;
  }
  .main-menu .close{
    top: 26px;
    right: 27px;
  }
  .main-menu .menu-second{
    padding-top: 36px;
  }
  .main-menu .submenu-column,
  .main-menu .submenu-column:first-child{
    padding-top: 20px;
  }
  .main-menu .submenu li li a,
  .main-menu .submenu li li span{
    height: 32px;
    font-family: 'proxima-nova-light', sans-serif;
  }
  .main-menu .submenu{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 16px;
  }
  .main-menu .single .submenu {
    margin-top: 10px;
    width: 100%;
    line-height: 1em;
    position: relative;
    left: 0;
    padding-left: 0px;
    padding-top: 23px;
    border-top: 1px solid #c4c4c3;
  }
  .open-menu-desktop .main-menu .open + .submenu {
    max-height: 300px;
    display: block;
    z-index: 10;
    opacity: 1;
    border-bottom: none;  
  }

  /* Custom search */
  body div.snize-ac-results{
    width: 100% !important;
    left: 0px !important;
    background: none;
    box-shadow: none;
  }
  body div.snize-ac-results ul{
    width: 90%;
    margin: 0 auto;
    background-color: #FFF;
    box-shadow: 0 4px 15px rgba(51,51,51,0.7);
  }
  body div.snize-ac-results div.snize-dropdown-arrow{
    margin-left: 19.130434782608695%;
  }


  /* Home boxes */

  .mobile-boxes{
    display: none !important;
  }
  .mobile-boxes .grayBox{
    width: 100%;
    height: auto;
    min-height: 472px;
    padding: 20px 20px 0px;
    margin-top: 0px;
    float: left;
    border: none;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center center;
  }
  .columns.strong-border{
    border: 9px solid #231F20;
    border-top: none;
  }
  .columns.strong-border .grayBox{
    min-height: 450px;
  }
  .columns.strong-border .grayBox h3{
    line-height: 40px;
  }
  .columns.strong-border .grayBox h4{
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px;
  }
  .columns.strong-border.first-border{
    border-top: 9px solid #231F20;
  }
  .brick .btn.empty.transparent{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .brick h3{
    font-size: 1.625em;
    line-height: 31px;
    margin-top: 8.33333333333333%;
    margin-bottom: 5px;
  }
  .brick h4{
    font-size: 18px;
    line-height: 22px;
  }
  .brick h3 br,
  .brick h4 br{
    /* display: none; */
  }
  .brick h3 span,
  .brick h4 span{
    display: block;
  }
  .index .brick h3{
    margin-top: 9.33333333333333%;
    line-height: 1em;
  }
  .brick p{
    font-size: 1em;
    line-height: 1.1875em;
    margin-bottom: 10px;
  }
  .brick p br{
    display: none;
  }
  .brick p span{
    display: block;
    white-space: nowrap;
  }
  .brick .btn.empty.grey,
  .brick .btn.empty.grey:link,
  .brick .btn.empty.grey:visited{
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
  }
  .index .brick .btn{
    font-size: 0.75em;
    padding: 4px 20px;
  }
  .whats-your-type-brick h3{
    margin-bottom: 15px;
  }
  .whats-your-type-brick p{
    font-size: 1rem;
    width: 90%;
    margin: 0px auto 15px;
  }
  .index .whats-your-type-brick .btn{
    padding-top: 7px;
    padding-bottom: 7px;
    font-family: 'proxima-nova-semibold', sans-serif;
  }


  .box-content{
    height: 405px;
    padding-top: 0px;
  }
  .brick-content{
    /* padding-top: 92.81842818428184%; */
    min-height: 440px;
    padding-top: 137.5%;
  }
  .box-content.taller-mobile{
    height: 454px;
  }
  .box-content .descriptionContainer{
    position: relative;
    width: 100%;
  }
  .descriptionContainer.right{
    padding: 0;
  }
  .descriptionContainer.left{
    padding: 0;
  }
  .box-content .description{
    width: 100%;
    max-width: none;
    padding: 20px 10px 0;
    display: block;
  }

  .alternative-brick h2{
    font-size: 1.625em;
    margin-top: 6.66666666666667%;
    margin-bottom: 0px;
  }
  .alternative-brick h3,
  .alternative-brick h2 + h3{
    font-size: 1.625em;
    line-height: 1em;
    margin-top: 24px;
    margin-bottom: 23px;
  }
  .alternative-brick .btn,
  .alternative-brick .btn:link,
  .alternative-brick .btn:hover,
  .alternative-brick .btn:visited{
    font-size: 0.875em;
    padding: 8px 33px;
  }
  .page .box .container{
    padding: 0px 5px;
  }
  .page .box h4{
    margin-top: 0px;
    margin-bottom: 27px;
  }
  .page .box p{
    max-width: none;
    font-size: 1em;
    line-height: 1.1875em;
    color: #51514e;
  }


  .description.big h3{
    margin-top: 0px;
    padding-right: 0px;
    color: #FFF;
    font-size: 27px;
    line-height: 31px;
    letter-spacing: .5px;
  }

  .transformation-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick01-small4.jpg?5661361948855032133);
  }
  .results-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick02-small3.jpg?5661361948855032133);
  }
  .bestsellers-brick{
    background-image: url( //cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick03-small2.jpg?5661361948855032133 );
  }
  .page-main-science .brick.bestsellers-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/ingredients-tablet.png?5661361948855032133);
  }
  .page-ingredients .brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/ingredients-tablet.png?5661361948855032133);
  }
  .page-main-science .brick.bestsellers-brick h3,
  .page-ingredients .brick h3{
    font-size: 1.625em;
    line-height: 1em;
  }
  .page-main-science .brick.bestsellers-brick h3{
    margin-bottom: 15px;
  }
  .subscriptions-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick-subscriptions-small.jpg?5661361948855032133);
  }
  .vitamine-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick06-small_2x.jpg?5661361948855032133);
  }
  .whats-your-type-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick07-small_2x.jpg?5661361948855032133);
  }



  .mobile-boxes .grayBox h3,
  .mobile-boxes .grayBox h3 a,
  .mobile-boxes .grayBox h4,
  .mobile-boxes .grayBox h4 a,
  .mobile-boxes .grayBox h5,
  .mobile-boxes .grayBox h5 a{
    color: #56565a;
    letter-spacing: 0px;
  }

  .btn{
    padding: 5px 17px;
  }
  .btn, .btn:link, .btn:hover, .btn:visited{
    font-size: 15px;
  }
  .btn.btn-cart,
  .btn.btn-cart:link,
  .btn.btn-cart:hover,
  .btn.btn-cart:visited{
    font-size: 18px;
  }
  .btn.btn-cart{
    width: 100%;
    padding: 10px 10px;
  }

  .grayBox h4{
    font-size: 24px;
    line-height: 30px;
    z-index: 1;
    position: relative;
  }
  .grayBox p{
    z-index: 1;
    position: relative;
  }

  .grayBox.big-title h3{
    margin-top: 47px;
    margin-bottom: 22px;
  }

  .grayBox.big-title .homeBest{
    margin-top: 27px;
  }

  .grayBox.strong-border{
    padding-top: 30px;
  }

  .grayBox .img-bkg{
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
  }

  .grayBox.bath-salts{
    min-height: 540px;
  }
  .grayBox.bath-salts h4{
    font-size: 16px;
    line-height: 18px;
  }
  .grayBox.bath-salts .homeBest{
    text-align: left;
    padding-left: 30px;
    position: absolute;
    left: 0px;
    bottom: 230px;
    padding-top: 0px;
  }

  .homeBest.bottom{
    position: absolute;
    left: 0px;
    bottom: 15px;
    width: 100%;
  }
  .homeBox{
    background-color: #56565a;
    color: #FFF;
  }
  a.homeBox.blue{
    background-color: #2B5794;
  }
  a.homeBox.blue:hover{
    background-color: #2B5794;
  }
  a.homeBox{
    color: #FFF;
    background-color: #55565A;
  }
  a.homeBox:hover{
    color: #FFF;
    background-color: #55565A;
  }

  .blackBox{
    min-height: 450px;
    padding: 50px 70px 20px;
    background-color: #050505;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
    text-align: center;
  }
  .blackBox h3{
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 42px;
  }
  .blackBox h3 a{
    color: #FFF;
  }
  .blackBox .text{
    margin-bottom: 0px;
    line-height: 27px;
    letter-spacing: 1.5px;
  }

  /* Best Sellers */

  .mobile-boxes .best-sellers{
    padding-right: 5px;
    padding-left: 5px;
  }
  .best-sellers .columns{
    height: 210px;
  }
  .best-sellers .columns:nth-of-type(n+5){
    display: none;
  }
  .best-sellers h3{
    padding: 0px 15px;
    line-height: 32px;
  }
  .best-sellers h5{
    margin: 0px auto;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
    max-height: 54px;
    overflow: hidden;
  }
  .best-sellers img{
    width: auto;
    max-height: 152px;
  }
  .best-sellers .columns{
    padding-left: 5px;
    padding-right: 5px;
  }


  /* Footer */
  .social,
  .social.vertMid{
    padding-top: 15px;
    padding-bottom: 0px;
  }
  .social p,
  .social a{
    color: #55565A;
    font-size: 15px;
    line-height: 18px;
  }
  .social p a{
    text-decoration: underline;
  }
  .credit-cards img{
    margin: 3px 6px;
  }
  .credit-cards-text{
    margin-top: 20px;
  }

  .menu-footer-container{
    display: none !important;
  }

  .input{
    height: 30px;
  }

  .footer-box h5{
    font-size: 1.625em;
  }
  .footer-social-wrapper p{
    font-size: 1em;
    line-height: 1.1875em;
    margin-bottom: 15px;
  }
  .footer-box .btn.empty{
    margin-top: 20px;
    font-size: 0.75em;
    padding: 4px 5px;
    width: 118px;
  }

  .footer-black{
    height: 127px;
  }
  .top-footer{
    font-size: 0.625em;
  }

  .newsletter-wrapper{
    width: 83.33333333333333%;
    max-width: 100%;
    margin: 0px auto;
    padding-bottom: 35px;
  }
  .footer-social{
    padding-top: 27px;
    padding-bottom: 35px;
  }
  .footer-social h6{
    font-size: 1.625em;
    margin-top: 0px;
    margin-bottom: 15px;
    text-transform: none;
    font-family: 'proxima-nova-light', sans-serif;
  }

  .footer-menu{
    max-width: 250px;
    font-size: 0.75em;
    line-height: 1.29166666666667em;
    margin-bottom: 10px;
  }
  .footer-menu .dot{
    visibility: hidden;
  }
  .footer-menu .dot-mobile{
    visibility: visible;
  }

  .footer-social{
    width: auto;
    max-width: none;
    margin: 0 -10px;
    display: block;
    background: #efe6d6;
  }
  .footer-social ul{
    display: table;
    margin: 0px auto;
  }


  .help-box .columns:nth-child(odd),
  .help-box .columns:nth-child(even){
    text-align: center;
  }
  .help-box .content{
    padding-top: 25px;
    padding-bottom: 36px;
  }
  .help-box p{
    margin-bottom: 0px;
    font-size: 1.625em;
    line-height: 1,07692307692308em;
    margin-top: 2px;
  }
  .help-box .btn.empty{
    font-size: 0.75em;
    margin-bottom: 0px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
  }

  .footer-social .icon{
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
  }
  .footer-social .icon a{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .footer-social .icon.facebook a:before{
    background-position: -12px -230px;
    width: 15px;
    height: 30px;
  }
  .footer-social .icon.youtube a:before{
    background-position: -37px -230px;
    width: 30px;
    height: 21px;
  }
  .footer-social .icon.instagram a:before{
    background-position: -77px -230px;
    width: 25px;
    height: 25px;
  }
  .footer-social .icon.twitter a:before{
    background-position: -112px -230px;
    width: 30px;
    height: 25px;
  }
  .footer-social .icon.facebook a:hover:before{
    background-position: -12px -190px;
  }
  .footer-social .icon.youtube a:hover:before{
    background-position: -37px -190px;
  }
  .footer-social .icon.instagram a:hover:before{
    background-position: -77px -190px;
  }
  .footer-social .icon.twitter a:hover:before{
    background-position: -112px -190px;
  }

  /*  Box  */
  .box{
    padding-top: 30px;
  }
  .index .box{
    padding-bottom: 20px;
  }
  .box h4{
    font-size: 1.625em;
    line-height: 1em;
    margin-top: 5px;
    margin-bottom: 3px;
  }
  .box h5{
    font-size: 1.625em;
    line-height: 1em;
    margin-bottom: 37px;
  }
  .box h6{
    font-size: .75em;
    line-height: 1.25em;
    margin-bottom: 28px;
  }
  /*.box p{
    max-width: 280px;
    margin: 0px auto 30px;
  }*/
  .box .icon-wrapper{
    height: 95px;
  }
  .box .icon-wrapper img{
    -ms-transform: translate(-50%, -50%) scale(.58);
    -webkit-transform: translate(-50%, -50%) scale(.58);
    transform: translate(-50%, -50%) scale(.58);
  }

  /* Newsletter */
  .blueBox{
    background-color: #E6E7E7;
    padding: 10px 25px 25px;
  }
  .blueBox h2{
    margin-top: 15px;
    color: #55565A;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    letter-spacing: .75px;
  }
  .blueBox h3{
    color: #55565A;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
  }
  .blueBox .goButton{
    width: auto;
    height: 30px;
    margin: 0px;
    padding: 5px 25px;
    color: #FFF;
    background-color: #55565A;
    border: none;
    float: none;
  }
  .blueBox input,
  .blueBox .emailInput{
    width: 100%;
    height: 30px;
    margin: 15px 0px 20px;
    border: 1px solid #221E1F;
    font-size: 13px;
  }
  .blueBox .firstName{
    width: 100%;
  }

  .menu-footer-mobile{
    padding-top: 20px;
  }
  .menu-footer-mobile li{
    list-style: none;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 17px;
    color: #55565A;
  }
  .menu-footer-mobile li a{
    width: 100%;
    padding: 10px 10px;
    display: block;
    color: #55565A;
  }

  .footer-social .icon{
    margin-right: 38px;
  }
  .footer-social .icon:last-child{
    margin-right: 0px;
  }

  /* Help button */
  .zEWidget-launcher,
  .zEWidget-ticketSubmissionForm--active{
    display: none;
  }


  /* Product Detail */
  .product-main-image a {
    text-align: center;
    width: 100%;
    display: block;
  }
  .pageProductCart input {
    width: 100%;
    background-color: #5F4D63;
    font-weight: normal;
  }
  h2.product-title{
    padding-left: 15px;
    padding-right: 15px;
  }
  h2.product-title,
  h2.pageProductPrice,
  .product-description p{
    text-align: center;
    font-weight: normal;
    color: #56555A;
  }
  .productTints{
    text-align: center;
  }
  .noMarginProduct{
    padding-left: 0px;
    padding-right: 0px;
  }

  .product-tabs .tabs dd,
  .product-tabs .tabs .tab-title{
    width: 100%;
  }
  .tabs li.active a,
  .tabs .tab-title.active a,
  .tabs li > a,
  .tabs .tab-title > a{
    border: 1px solid #BCBEC0;
    border-bottom: none;
    color: #55565A;
    font-weight: 300;
    padding: 10px 1em;
    border-left: 0px;
    border-right: 0px;
  }
  .tabs dd.active:last-of-type a,
  .tabs .tab-title.active:last-of-type a,
  .tabs dd:last-of-type > a,
  .tabs .tab-title:last-of-type > a,
  .product-tabs .tabs .tab-title:last-child a {
    border-bottom: 1px solid #BCBEC0;
  }

  .product-description{
    text-align: center
  }
  .product-description .price{
    font: 0.875em/1.35714285714286em 'proxima-nova-light', sans-serif;
    letter-spacing: .3px;
    margin-bottom: 0px;
  }
  .product-description .price span{
    display: block;
  }

  .product-quantity{
    width: 100%;
  }
  .product-content .radio-wrapper {
    margin-top: 40px;
    margin-left: -5px;
  }
  .product-content .radio-wrapper .input-radio-custom {
    left: 10px;
  }
  .product-content .product-action{
    margin-top: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .product-action .social-container{
    width: auto;
    margin: 0 auto;
    display: table;
    float: none;
    padding: 3px 0px 30px;
  }
  .product-action .socialBtn{
    margin-left: 0px;
  }
  .product-action .social-container h6{
    margin-right: 12px;
    font-size: 1em;
    line-height: 1.1875em;
    margin-top: 6px;
  }
  .custom-select{
    width: 100%;
    margin-bottom: 10px;
  }
  .subscription-box .product-quantity {
    margin-left: 0;
    margin-right: 0;
  }
  .product-quantity.large select{
    width: 100%;
    margin: 0px;
  }
  .product-quantity select + p{
    margin-top: 10px;
    margin-bottom: 0px;
  }
  .custom-select .dd-container,
  .custom-select.medium .dd-container,
  .custom-select.large .dd-container{
    width: 100% !important;
  }
  .pageProductVar .selector-wrapper{
    margin-top: 0px;
  }
  .custom-select .dd-selected label{
    text-align: right;
    padding-right: 18px;
  }
  .custom-select .dd-option label{
    text-align: right;
    padding-right: 48px;
  }
  .purchase-btn-mobile{
    width: 100%;
    padding-bottom: 30px;
  }
  .purchase-btn-mobile .btn,
  .purchase-btn-mobile .btn:hover,
  .purchase-btn-mobile .btn:focus,
  .purchase-btn-mobile .btn:visited{
    width: 100%;

  }

  .related-products{
    padding-bottom: 8px;
  }
  .related-products .item{
    padding-left: 5px;
    padding-right: 5px;
  }
  .related-products h5{
    font-size: 2.125em;
    line-height: 1.05882352941176em;
  }
  .related-products .item-title{
    font-size: 1em;
    line-height: 1.1875em;
    /*min-height: 57px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;*/
  }


  .related-products .item{
    padding-bottom: 6px;
  }

  .product .social{
    display: block;
  }
  .socialBtn .at-share-tbx-element.addthis_20x20_style .at-share-btn,
  .socialBtn .at-share-tbx-element.addthis_20x20_white_style .at-share-btn{
    transform: scale(.8) !important;
    margin: 2px 6px;

  }

  .artPerfumeryHeader,
  .artPerfumeryHeader ~ p{
    padding: 0 30px;
  }

  .banner{
    height: 0px;
    padding-top: 43.3%;
    background-attachment: scroll;
  }

  .pageProductQty{
    width: auto;
    display: table;
    margin: 0 auto;
  }

  .product .addthis-smartlayers-mobile{
    display: none;
  }
  .product .at-share-btn.at-svc-whatsapp{
    display: none;
  }

  .product-accordion{
    padding-top: 36px;
    margin: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .product-accordion .product-description{
    text-align: left;
    padding-bottom: 13px;
  }
  .product-accordion .product-description p{
    font: 1em/1.1875em 'proxima-nova-light', sans-serif;
    text-align: left;
  }
  .product-accordion .accordion-title{
    font-size: 0.875em;
  }
  .product-accordion p, .product-accordion p a, .product-accordion ol li{
    font-size: 1em;
    line-height: 1.1875em;
  }
  .product-accordion ol{
    padding-left: 40px;
  }

  .product-accordion .ingredients-list li a,
  .product-accordion .ingredients-list li span{
    font: 1em/1.4375em 'proxima-nova-light', sans-serif;
  }


  .reveal.glossary{
    min-height: 0px;
    height: calc(100% - 40px);
    max-height: none;
    padding-top: 45px;
  }
  .reveal.glossary h3{
    font-size: 1.625em;
    line-height: 1em;
    margin-bottom: 40px;
  }
  .reveal.glossary h4{
    font-size: 0.75em;
    line-height: 1.58333333333333em;
    margin-bottom: -2px;
  }
  .reveal.glossary p{
    font-size: 1em;
    line-height: 1.1875em;
    margin-bottom: 17px;
  }
  .reveal.glossary .content{
    padding: 20px 5px;
  }

  /* TABS */
  .tabs-content .row .columns,
  .tabs-content .row .row .columns,
  .tabs .row .columns,
  .tabs .row .row .columns{
    padding: 0px;
  }
  .tabs-content > .content.active{
    border: none;
  }
  .tabs-content .columns,
  .tabs .columns{
    width: 100%;
  }
  .tabs .active a:after{
    color: #FFF;
  }
  .tabs dd a{
    background-color: #FFF;

  }
  .product-tabs .tabs dd.active a,
  .product-tabs .tabs .tab-title.active a,
  .tabs dd.active a,
  .tabs .tab-title.active a{
    color: #FFF;
    background-color: #5F4D63;
  }
  .tabs-content h4,
  .tabs h4{
    font-family: "proxima-nova", "Proxima Nova", sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    word-spacing: 0px;
    font-size: 1.0rem;
    color: #55565A;
    line-height: 19px;
    padding: 10px 0 0;
  }
  .tabs .tab-title a:after,
  .tabs .tab-title.active a:after{
    content: none;
  }

  /* Modal */
  .reveal-modal-blue,
  .reveal-modalTwo.large {
    /*width: 90%;
    margin-left: -45%;*/
    width: 100%;
    margin: 0px;
    left: 0px;
    padding: 3em 1em 1em;
    z-index: 100;
  }
  .reveal-overlay{
    background: transparent;
  }

  .contactButton{
    white-space: normal;
  }

  h2.artPerfumeryHeader{
    font-size: 2.5em;
    line-height: 42px;
    font-size: 1.6875em;
    line-height: 1.1111em;
    padding: 0px;
  }
  h4.artPerfumeryHeader{
    font-size: 1.5625em;
    line-height: 27px;
    margin: 10px 0 20px;
  }

  .centered-container{
    padding: 0px 15px;
  }

  .banner-landing{
    padding-top: 20px;
    padding-bottom: 40px;
  }

  /* Page result */
  body div.snize-search-results.snize-mobile-design div.snize-main-panel-controls{
    width: auto;
    float: left;
  }
  body div.snize-search-results.snize-mobile-design div.snize-main-panel-dropdown{
    float: right;
  }
  body div.snize div.snize-main-panel-controls ul li a,
  body div.snize div.snize-main-panel-controls ul li a.active,
  body div.snize div.snize-main-panel-controls ul li a:hover{
    padding: 0px 7px;
    font-size: 14px;
  }

  body div.snize-search-results.snize-mobile-design div.snize-main-panel-dropdown{
    margin-left: 0px;
    margin-right: 0px;
  }
  body div.snize-search-results.snize-mobile-design div.snize-main-panel-view-mode{
    margin-left: 0px;
  }
  body div.snize div.snize-main-panel-dropdown > a{
    padding: 0 2px;
  }

  body #snize-search-results-grid-mode li.snize-product:hover .snize-button{
    display: none;
  }


  /* Social login*/
  .customers-login .social-iframe {
    width: 100%;
    margin: 0px;
    padding-bottom: 0px;
  }
  .customers-login .social-iframe .separator{
    width: 100%;

  }
  .customers-login .social-iframe iframe{
    margin: 0 auto;
    float: none;
    display: block;
  }


  .page-success{
    background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/aloe-small.jpg?5661361948855032133) center center no-repeat #455326;
    background-size: cover;
  }
  .page-landing-referral{
    background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/aloe-small.jpg?5661361948855032133) left center no-repeat #455326;
    background-size: cover;
  }

  /* .customers-account.row.small-collapse > .columns{
    padding-left: 10px;
    padding-right: 10px;
  } */

  .RegisterBox .social-iframe{
    padding: 0 15px 70px;
  }

  /* MOTHER PROMO LANDING */
  .page-mother-promo h3.title-page{
    font-size: 1.5em;
    line-height: 26px;
  }

  .landing .artPerfumeryHeader ~ p{
    padding: 0px 10px;
  }

  .landing-content h2{
    font-size: 1.6875em;
    line-height: 1.1111em;
    padding: 0px;
  }

  .landing .panel{
    margin-bottom: 0px;
    padding-top: 0px;
  }

  /* REFERRAL LANDING MOBILE */
  .referral-landing{
    padding: 38px 27px 67px;
  }
  .referral-landing h2{
    font-size: 1.75em;
    line-height: 1.14285714285714em;
    width: auto;
    display: table;
    margin: 0px auto 20px;
    position: relative;
    left: -10px;
  }
  .referral-landing p{
    font-size: 0.75em;
    line-height: 1.33333333333333em;
    margin-bottom: 20px;
  }
  .referral-landing h4{
    line-height: 1.125em;
  }
  .referral-landing ol{
    padding-left: 8px;
  }
  .referral-landing ol li{
    font-size: 1.0625em;
    line-height: 1.17647058823529em;
    margin-bottom: 12px;
    padding-left: 19px;
  }
  .referral-landing .separator{
    font-size: 0.75em;
    line-height: 1.33333333333333em;
    margin: 4px 0px;
  }
  .referral-landing .btn{
    padding: 6px 10px 7px;
    font-size: 0.75em;
    line-height: 1.33333333333333em;
  }
  .referral-landing .btn.empty.transparent{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .login-form .columns{
    padding-left: 0px;
    padding-right: 0px;
  }
  .landing.referral-landing .landing-container{
    margin-top: 20px;
  }

  /* ACCOUNT MOBILE */
  .customers-account{
    padding-bottom: 0px;
  }
  .account-content{
    padding: 0px 0px 0px;
  }
  .account .referral-banner{
    margin-top: 0px;
  }
  .account h2.title{

    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0px 5px;
  }
  .account h3.title{
    font-size: 0.875em;
    line-height: 1.42857142857143em;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 0px 5px;
  }

  .details-table .header{
    font-size: 0.625em;
    padding-bottom: 4px;
    background: transparent;
    z-index: 1;
  }
  .user-details-table .main-accordion .header{
    margin-top: 10px;
  }
  .details-table .body{
    font-size: 0.75em;
    line-height: 1.33333333333333em;
  }
  .details-table .body.status{
    font-size: 9px;
  }
  .details-table .accordion-content .body{
    font-size: 0.625em;
    line-height: 1.4em;
    margin-bottom: 0px;
  }
  .details-table .accordion-content .body:first-child{
    font-size: 0.5em;
    line-height: 1.25em;
    margin-bottom: 0px;
  }

  .account .show-btn{
    top: 25px;
    right: 8px;
    z-index: 2;
  }
  .account .show-btn:before{
    -ms-transform: scale(.55);
    -webkit-transform: scale(.55);
    transform: scale(.55);
  }
  .details-table .accordion-content{
    padding: 4px 0px 10px;
  }
  .details-table .bufferTop50{
    padding-top: 0px;
  }
  .details-table .accordion-button{
    margin-bottom: 0px;
  }
  .details-table .accordion-button > .columns:last-child:before{
    top: 2px;
    -ms-transform: scale(.65);
    -webkit-transform: scale(.65);
    transform: scale(.65);
  }
  .details-table .accordion-button.open > .columns:last-child:before{
    -ms-transform: rotate(180deg scale(.65));
    -webkit-transform: rotate(180deg) scale(.65);
    transform: rotate(180deg) scale(.65);
  }

  .referral-banner{
    width: auto;
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0px;
  }
  .account .divider{
    margin: 10px 0px;
    background: #898989;
  }

  .details-table{
    padding: 0px 5px;
  }

  .details-table .row{
    width: 100%;
  }

  .details-table .columns{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .details-table.last{
    padding-bottom: 20px;
  }

  .details-table .bufferBottom50{
    padding-bottom: 0px;
  }

  .account .row{
    position: relative;
  }

  .referral-banner{
    padding: 30px 15px 35px;
  }
  .referral-banner h3{
    /*font-size: 1.9375em;*/
    font-size: 1.375em;
    line-height: 1.41935483870968em;
    margin-bottom: 20px;
  }
  .referral-banner h4{
    font-size: 1.1875em;
    line-height: 1.14285714285714em;
    margin-bottom: 15px;
    font-weight: 200;
  }
  .link-container{
    padding: 0px;
    padding-bottom: 20px;
  }
  .referral-banner .link{
    margin-top: 15px;
    margin-left: 0px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .socialBtn.referral-icons{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .link-container .noselect{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
  }
  .referral-banner .tooltip{
    margin-top: -9px;
    padding: 9px 5px;
  }
  .referral-banner-container{
    background: none;
    padding-bottom: 0px;
    padding-top: 20px;
  }
  .referral-banner.flower-bkg{
    background-size: 1000px auto;
    background-position: center 70px;
    padding-bottom: 0px;
  }
  .tooltip.referrals-tooltip.copied{
    width: 100%;
    height: auto;
    text-align: center;
    top: 100%;
    left: 0px;
    margin: -10px 0px 0px;
    padding: 8px 0px;
  }
  .tooltip.referrals-tooltip.copied.show{
    margin: 10px 0px 0px;
  }
  .tooltip.referrals-tooltip:before{
    top: auto;
    left: 50%;
    bottom: 100%;
    margin-left: -7px;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  /* Social buttons */
  .socialBtn.referral-icons{
    width: 100%;
    max-width: 230px;
  }
  .socialBtn.referral-icons .email{
    margin-right: 0px;
  }
  .socialBtn .at-share-tbx-element .at-share-btn{
    margin: 2px 15px;
  }
  .socialBtn.referral-icons .text{
    font-size: 1rem;
  }
  .special-buttons.socialBtn.referral-icons .email,
  .special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-facebook,
  .special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-twitter,
  .special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-whatsapp,
  .special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-messenger{
    width: 100%;
    margin: 5px 0px;
  }

  .special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-facebook{
    display: none;
  }

  .special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-whatsapp,
  .special-buttons.socialBtn.referral-icons .at-share-btn.at-svc-messenger{
    display: block;
  }

  .special-buttons .text-btn,
  .special-buttons.special-buttons.socialBtn.referral-icons .at4-visually-hidden{
    font-size: 12px;
    text-align: left;
    /*padding-left: 10px;*/
    text-align: left;
    padding-left: 10px;
  }
  .special-buttons.socialBtn.referral-icons .at-svc-messenger .at4-visually-hidden:before{
    content: 'Share to Facebook';
    width: 100%;
    height: 100%;
    display: block;
    padding-left: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #FFF;
    background: #3b5999;
  }
 #recover-password {
   min-height:400px;
 }
  .login-form #recover{
    margin-top: -10px;
  }
  .login-form .link-input{
    margin-right: 0px;
  }
  .login-form .input-with-link{
    padding-right: 80px;
  }

  .form-modal{
    top: 50px !important;
    height: 100%;
    z-index: 100;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }

  .referral-banner.flower-bkg{
    background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/flowers-mobile6.jpg?5661361948855032133) -150px -230px no-repeat #FFF;
    background-size: auto;
    padding-top: 15px;
    background-position: bottom center;
  }
  .referral-banner.sea-bkg{
    background-position: center -145px;
  }
  .referral-banner.flower-bkg p.terms a{
    text-shadow: 1px 0px 1px #FFF;
  }

  .landing-text p{
    font-size: 1.125em;
    line-height: 22px;
  }
  .landing-text .list{
    font-size: 1.125em;
    line-height: 24px;
  }
  .productTitle span{
    white-space: normal;
  }

  .sea-modal{
    background-position: center top;
    background-size: auto 210%;
    padding-bottom: 8px;
    top: 50px !important;
    width: 100%;
    left: 0px;
    margin: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    max-height: calc(100% - 50px);
    padding: 40px 10px 10px;
    overflow: hidden;
    min-height: 225px;
    background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/aloe-small.jpg?5661361948855032133) left center no-repeat #455326;
    background-size: cover;
  }
  .cart .sea-modal{
    top: 0px !important;
    height: 100% !important;
    max-height: none;
  }
  .close-reveal-modal,
  .sea-modal .close-reveal-modal,
  .form-modal .close-reveal-modal{
    font-size: 25px;
    line-height: 25px;
    padding: 5px 5px;
  }
  .form-modal .landing-modal-content{
    max-height: 100%;
    max-height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .form-modal div.tagsinput{
    min-height: 33px !important;
    padding: 5px 22px;
    border-color: #a2a2a1;
  }
  .form-modal div.tagsinput input{
  	font-size: 0.875em;
  }
  .sea-modal h2,
 {
    font-size: 24px;
    line-height: 32px;
    width: 100%;
  }
  .vertical-aligned-mobile{
    float: none !important;
    height: 100%;
    display: table;
    vertical-align: middle;
  }
  .vertical-aligned-mobile > div{
    display: table-cell;
    vertical-align: middle;
  }
  .scroll-mobile{
    height: 90%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .account-form p{
    font-size: 14px;
    width: 100%;
    float: left;
    display: block;
    padding-top: 20px;
  }
  .account-message{
    padding: 40px 10px;
  }
  .account-message h2{
    font-size: 2.5em;
  }
  .account-message p{
    font-size: 18px;
  }
  .account-message .btn{
    font-size: 20px;
  }
  .second-step-active p{
    font-size: 13px;
  }
  .account-form .btn{
    font-size: 13px;
    /* width: 150px; */
    padding: 8px 15px 9px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    float: none;
    display: block;
  }
  .account-form input[type="password"]{
    border-bottom: 1px solid #aaa;
  }
  .account-form input,
  .account-form input[type="text"],
  .account-form input[type="email"],
  .account-form input[type="password"]{
    font-size: 1em;
  }
  .sea-modal.second-step-active{
    background: #FFF;
  }
  .sea-modal.second-step-active h2{
    display: none;
  }
  .second-step-active .close-reveal-modal{
    color: #51514e;
  }
  .second-step-active .login-form .separator span{
    color: #51514e;
    margin-top: 10px;
  }
  .second-step-active .login-form .separator.transparent:before,
  .second-step-active .login-form .separator.transparent:after{
    background-color: #51514e;
  }
  .first-step-mobile .no-thanks em{
    color: #FFF;
  }
  .account-form .social-iframe #create_customer > div:first-child{
    max-width: auto;
  }
  .account-form .social-iframe #create_customer ._1mDwlhwBbmFPZOhrQHdJN2+span:before{
    font-size: 13px;
  }

  .customers-register .account-form,
  .customers-account .account-form,
  .customers-activate_account .account-form{
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .account-form .bottom-terms{
    top: auto;
    bottom: 0px;
  }
  .hide-important~p{
    display: none;
  }

  .show-register-form #referral-options{
    display: none !important;
  }
  .show-register-form #register-form-wrapper{
    display: block;
  }
  .hide-register-form #referral-options{
    display: block !important;
  }
  .hide-register-form #register-form-wrapper{
    display: none;
  }

  #referral-options{
    background: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/men-banner2.jpg?5661361948855032133) no-repeat #FFF;
    background-position: center top;
    background-size: auto 210%;
  }
  #referral-options > div{
    padding: 80px 0;
  }

  #mother-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/mothers-day-banner-small.jpg?5661361948855032133);
  }

  /*  INGREDIENTS PAGE  */
  .text-shadow {
    text-shadow: 0px 0px 23px #0a0a0a;
  }
  .page-ingredients .bestsellers-brick {
    max-height: 260px;
  }
  .page-ingredients .bestsellers-brick .descriptionContainer {
    top: 4%;
  }
  .page-ingredients .bestsellers-brick .description {
    width: 100%;
  }
  .page-ingredients .content{
    padding: 0px 20px 30px;
  }
  .page-ingredients .content h2{
    font-size: 1.625em;
    line-height: 1em;
    margin-bottom: 25px;
  }
  .page-ingredients .content h4{
    font-family: 'proxima-nova-semibold', sans-serif;
    font-size: 0.75em;
    line-height: 1.16666666666667em;
  }
  .page-ingredients .content p{
    font-size: 1em;
    line-height: 1.1875em;
    margin-bottom: 5px;
  }
  .page-ingredients .glossary{
    padding: 0px 13px;
  }
  .page-ingredients .glossary.active{
    padding: 15px 13px;
    height: 444px;
  }
  .glossary-wrapper{
    padding: 32px 9px 5px;
  }
  .page-ingredients .glossary .scroll-content{
    max-height: 320px;
    max-height: calc(100% - 56px);
  }
  .page-ingredients .glossary .content{
    padding: 16px 8px 20px;
  }
  .page-ingredients .glossary h3{
    font-size: 1.625em;
    line-height: 1em;
    margin-bottom: 30px;
  }
  .page-ingredients .glossary .content p{
    margin-bottom: 20px;
  }

  /*  Collections  */
  .landing-collection-brick h3 {
    font-family: "proxima-nova-light", sans-serif;
  }
  .collection-brick .brick-content{
    padding-top: 154.6875%;
    padding-top: 0px;
    min-height: 480px;
  }
  .landing-collection-brick .descriptionContainer h2 {
    font-size: 26.51px;
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .collection-brick h3{
    font-size: 1.625em;
    line-height: 1em;
    margin-top: 15px;
  }
  .collections{
    padding: 0px 15px;
  }
  .subcollection{
    padding-top: 27px;
    padding-bottom: 28px;
  }
  .product-item{
    overflow: hidden;
  }
  .product-item:nth-child(odd){
    padding-left: 0px;
    padding-right: 5px;
  }
  .product-item:nth-child(even){
    padding-right: 0px;
    padding-left: 5px;
  }
  .product-item .product-title,
  .kit-skin .item-title{
    font-size: 1em;
    line-height: 1.1875em;
    /*     height: 2.375em; */
    white-space: normal;
    height: auto;
    text-transform: none;
    text-overflow: initial;
    overflow: visible;
  }
  .product-image{
    margin-right: -15px;
    margin-left: -15px;
  }
  .product-image:before{
    height: 20px;
  }
  .skincareHeader{
    font-size: 1.625em;
    line-height: 1.38461538461538em;
    margin-top: 14px;
  }
  .collection .banner{
    padding-top: 57.5%;
    background-size: cover;
  }
  .collection-brick{
    background-size: 100% 100%;
    position: relative;
    background-position: center;
    overflow: hidden;
  }
  .collection-brick:before{
    content: '';
    width: 540px;
    min-width: 75%;
    height: 240px;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .collection-brick.new-products-brick .descriptionContainer{
    margin-top: 0px;
  }
  .collection-brick.renew-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/renew-bkg.jpg?5661361948855032133);
  }
  .collection-brick.renew-brick:before{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/renew-products.png?5661361948855032133);
  }

  .collection-brick.calm-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/calm-bkg.jpg?5661361948855032133);
  }
  .collection-brick.calm-brick:before{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/calm-products.png?5661361948855032133);
  }

  .collection-brick.clear-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/clear-bkg.jpg?5661361948855032133);
  }
  .collection-brick.clear-brick:before{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/clear-products.png?5661361948855032133);
  }
  .collection-brick.new-products-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/new-bkg.png?5661361948855032133);
  }
  .collection-brick.new-products-brick:before{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/new-products.png?5661361948855032133);
    background-size: contain;
    background-position: center bottom;
  }
  .collection-brick.best-seller-brick{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/best-sellers-bkg.jpg?5661361948855032133);
  }
  .collection-brick.best-seller-brick:before{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/best-sellers-products.png?5661361948855032133);
    background-size: contain;
    background-position: center bottom;
  }

  #all-banner{
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/collections-all-small4-light.jpg?5661361948855032133);  }


  .contact-modal{
    padding: 0px 6px 10px;
  }
  .btn.submit{
    width: 72px;
    float: none !important;
    margin: 0 auto;
    font-size: 0.625em;
    padding: 8px 5px;
    display: table;
    border-color: #a3a3a1;
  }
  .btn.empty.submit.grey,
  .btn.empty.submit.grey:hover,
  .btn.empty.submit.grey:link,
  .btn.empty.submit.grey:visited{
    border-color: #a3a3a1;
  }
  .contact-modal h3{
    font-size: 1.25em;
    margin-top: 7px;
    margin-bottom: -4px;
  }
  .contact-modal .addresses{
    padding-top: 10px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .contact-modal .addresses p{
    font-size: 0.6875em;
    line-height: 1.45454545454545;
  }
  .input{
    height: 33px;
    font-size: 0.875em;
    padding: 0px 12px;
    margin-bottom: 5px;
    border-color: #a2a2a1;
    font-size: 0.75em;
  }
  .input::-webkit-input-placeholder { color:transparent; }
  .input:-moz-placeholder { color:transparent; } /* FF 4-18 */
  .input::-moz-placeholder { color:transparent; } /* FF 19+ */
  .input:-ms-input-placeholder { color:transparent; } /* IE 10+ */
  .textarea::-webkit-input-placeholder { color:transparent; }
  .textarea:-moz-placeholder { color:transparent; } /* FF 4-18 */
  .textarea::-moz-placeholder { color:transparent; } /* FF 19+ */
  .textarea:-ms-input-placeholder { color:transparent; } /* IE 10+ */
  .textarea{
    height: 85px;
    font-size: 0.75em;
    line-height: 1.28571428571429em;
    margin-bottom: 12px;
    padding: 10px 12px;
    border-color: #a2a2a1;
  }
  .contact-modal label{
    font-size: 0.75em;
    line-height: 2em;
    color: #51514e;
  }

  /*  CART MOBILE  */
  .cart h2{
    margin-top: 23px;
    margin-bottom: 25px;
    font-size: 1.625em;
    line-height: 1.11538461538462em;
  }
  .items-cart{
    padding-bottom: 17px;
  }
  .item-cart{
    /* height: 150px; */
  }
  .item-cart .item-title{
    font-size: 0.875em;
    line-height: 1.14285714285714em;
  }
  .item-cart .item-size{
    font-size: 0.8125em;
    line-height: 1.14285714285714em;
  }
  .item-cart .item-select select{
    width: 95px;
    height: 30px;
    font-size: 0.9375em;
    line-height: 30px;
    padding: 0px 8px;
    background-size: auto 100%;
  }
  .item-cart .item-image{
    /* height: 150px; */
    overflow: hidden;
  }

  .item-cart .item-info{
    padding-left: 30px;
  }
  .item-cart .close-button{
    font-size: 30px;
    line-height: 13px;
    top: 12px;
    right: 12px;
  }
  .item-cart .close-button:hover{
    font-size: 30px;
  }
  .cart-sidebar{
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 40px;
  }
  .cart-summary{
    width: 100%;
    padding: 25px 45px 20px;
  }
  .cart-summary h3{
    font-size: 1em;
    line-height: 1.1875em;
    margin-bottom: 28px;
  }
  .cart-summary span{
    font-size: 0.875em;
  }
  .cart-samples{
    padding: 18px 17px 15px;
    margin-bottom: 10px;
  }
  .cart-samples p,
  .cart-samples label{
    font-size: 0.8125em;
    line-height: 1.15384615384615em;
  }
  .cart-samples .radio-wrapper .input-radio{
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 17px;
  }
  .cart-sidebar .input{
    height: 35px;
    border: 1px solid #51514e;
    margin-bottom: 10px;
    font-size: 0.875em;
  }
  .back-link{
    width: auto;
    float: none;
    margin: 0 auto;
    display: table;
    font-size: 1em;
    margin-top: 14px;
    padding-left: 45px;
  }
  .cart-sidebar .input::-webkit-input-placeholder { color: #51514e; }
  .cart-sidebar .input:-moz-placeholder { color: #51514e; } /* FF 4-18 */
  .cart-sidebar .input::-moz-placeholder { color: #51514e; } /* FF 19+ */
  .cart-sidebar .input:-ms-input-placeholder { color: #51514e; } /* IE 10+ */
  .btn.btn-cart{
    padding: 8px 10px 9px;
  }
  .btn.btn-cart,
  .btn.btn-cart:link,
  .btn.btn-cart:hover,
  .btn.btn-cart:visited{
    font-size: 0.9375em;
    font-family: 'proxima-nova-semibold', sans-serif;
  }

  .notification-text{
    min-height: 322px;
    padding: 0px 30px;
  }
  .notification-text h2{
    font-size: 1.25em;
    line-height: 1.2em;
  }

  .customers-reset_password .login-form-wrapper {
    padding-bottom: 50px;
  }

  /*  Not found page  */
  .not-found-page{
    font-size: 0.625em;
    padding-top: 40px;
  }
  .not-found-page h3{
    margin-bottom: 10px;
  }
  .not-found-page .links{
    padding: 40px 0px;
  }

  /*  Clinical pages mobile  */
  .clinical-page{
    margin: 0px 0px;
  }
  .clinical-page > .row > .columns{
    padding: 0px 27px;
  }
  .clinical-page h2{
    font-size: 1.375em;
    line-height: 1.36363636363636em;
    text-align: left;
    margin-top: 30px;
  }
  .clinical-page h3{
    font-size: 0.875em;
    line-height: 1.57142857142857em;
    text-align: left;
  }
  .clinical-page h4{
    font-size: 0.6875em;
    line-height: 2.18181818181818em;
  }
  .clinical-page h5{
    font-size: 0.75em;
    line-height: 1.33333333333333em;
    margin-bottom: -2px;
  }
  .clinical-page p{
    font-size: 0.75em;
    line-height: 1.33333333333333em;
    margin-bottom: 15px;
  }

  .clinical-page u{
    text-decoration: none;
    white-space: normal;
  }
  .clinical-page u:before{
    content: none;
  }
  .clinical-page .table{
    margin-bottom: 15px;
  }
  .clinical-page .table .row{
    margin-bottom: 12px;
    width: 100%;
    float: left;
  }
  .clinical-page .table .columns{
    padding: 0px 0px;
  }
  .clinical-page .table .columns:last-of-type{
    padding: 0px 0px;
  }
  .clinical-page .table strong{
    font-family: 'proxima-nova', sans-serif;
    font-weight: normal;
  }
  .clinical-page .table span{
    font-size: 0.75em;
    line-height: 1.33333333333333em;
    width: 100%;
    float: left;
    display: block;
  }
  .clinical-page .products .columns{
    padding: 0px 0px;
  }
  .clinical-page .products p{
    font-size: 0.75em;
    line-height: 1.25em;
    margin-bottom: 0px;
  }
  .clinical-page .products p u{
    text-decoration: underline;
  }
  .clinical-page .products p:first-of-type{
    font-family: 'proxima-nova', sans-serif;
    margin-top: 2px;
  }
  .clinical-page .buffer30{
    padding-top: 0px;
  }
  .clinical-page img{
    max-height: 210px;
    width: auto;
  }
  .clinical-page .large-image{
    max-height: none;
    width: 100%;
    max-width: 295px;
  }
}



@media screen and (max-height: 360px){
  .account-form .bottom-terms{
    position: relative;
    padding-top: 0px;
    top: 0px;
    bottom: 0px;
  }
  .sea-modal{
    min-height: 0px;
    background-size: 200% auto;
    background-position: center 30%;
  }
}

@media screen and (max-width: 25em) {

  #loginForm{
    width: 90%;
    margin-left: -45%;
    max-width: none;
    padding-top: 35px;
  }
  #loginForm .row{
    margin-left: 0px;
    margin-right: 0px;
  }

}

/* Retina devices */
@media
  (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 192dpi) {
    .normal-image{
      display: none;
    }
    .retina-image{
      display: block;
    }

    .results-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick02-normal_2x.jpg?5661361948855032133 );
    }
    .sun-spots-brick {
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick05-normal_2x.jpg?5661361948855032133);
    }
    .vitamine-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick06-normal_2x.jpg?5661361948855032133 );
    }
    .whats-your-type-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick07-normal_2x.jpg?5661361948855032133);
    }
    .over-archievers{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick08-normal_2x.jpg?5661361948855032133);
    }
  }

/* Retina tablet devices */
@media
  (-webkit-min-device-pixel-ratio: 2) and (max-width: 63.9375em) {
     .results-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick02-medium_2x.jpg?5661361948855032133 );
    }
    .sun-spots-brick {
    background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick05-small_2x.jpg?5661361948855032133);
    }

  }
/* Retina mobile devices */
@media
  (-webkit-min-device-pixel-ratio: 2) and (max-width: 47.9375em) {
    .collection-brick.renew-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/renew-bkg_2x.jpg?5661361948855032133);
    }
    .collection-brick.renew-brick:before{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/renew-products_2x.png?5661361948855032133);
    }
    .collection-brick.clear-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/clear-bkg_2x.jpg?5661361948855032133);
    }
    .collection-brick.clear-brick:before{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/clear-products_2x.png?5661361948855032133);
    }
    .collection-brick.new-products-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/new-bkg_2x.png?5661361948855032133);
    }
    .collection-brick.new-products-brick:before{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/new-products_2x.png?5661361948855032133);
    }
    .collection-brick.best-seller-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/best-sellers-bkg_2x.jpg?5661361948855032133);
    }
    .collection-brick.best-seller-brick:before{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/best-sellers-products_2x.png?5661361948855032133);
    }
    .results-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick02-small3_2x.jpg?5661361948855032133 );
    }
    .vitamine-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick06-small_2x.jpg?5661361948855032133 );
    }
    .whats-your-type-brick{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick07-small_2x.jpg?5661361948855032133);
    }
    .over-archievers{
      background-image: url(//cdn.shopify.com/s/files/1/0545/1009/t/115/assets/brick08-small_2x.jpg?5661361948855032133);
    }
  }


div.tos>h1,div.tos>h2,div.tos>h3,div.tos>p, div.tos h3,div.tos p {
  color:#8C8A88!important;
}

@-webkit-keyframes blink {
  0%  { opacity: 0; }
  49% { opacity: 0; }
  50% { opacity: 1; }
  100%{ opacity: 1; }
}

@keyframes blink {
  0%  { opacity: 0; }
  49% { opacity: 0; }
  50% { opacity: 1; }
  100%{ opacity: 1; }
}

.div-drop-a-hint{
  margin-top: 20px;
}