html, body { width:100%; height:100%; margin:0px; padding:0px; }


@font-face {
    font-family: 'Apercu Pro';
    src: url('ApercuPro-Bold.woff2') format('woff2'),
        url('ApercuPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('ApercuPro-BoldItalic.woff2') format('woff2'),
        url('ApercuPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('ApercuPro-Regular.woff2') format('woff2'),
        url('ApercuPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Apercu Pro';
    src: url('ApercuPro-Italic.woff2') format('woff2'),
        url('ApercuPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN Condensed';
    src: url('D-DINCondensed.woff2') format('woff2'),
        url('D-DINCondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN Condensed';
    src: url('D-DINCondensed-Bold.woff2') format('woff2'),
        url('D-DINCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'D-DIN';
    src: url('D-DIN-Bold.woff2') format('woff2'),
        url('D-DIN-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('D-DIN.woff2') format('woff2'),
        url('D-DIN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('D-DIN-Italic.woff2') format('woff2'),
        url('D-DIN-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

a { color:#aaa; }

.nav {
    position: fixed;
    z-index: 99;
    width:100%;
    height:66px;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)!important;
}

.logo { position:absolute; top:10px; left:30px; z-index:100; }

.moistdiane-logo-img { width:86px; height:43px; }
.moistdiane-logo-img-new { width:96px; height:40px; }

.nav-links { position:relative; text-align:center;  top:20px; }

.link { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; text-decoration:none; text-transform:uppercase; font-size:14px; color:#000; margin-right:10px;  transition: 0.3s; border-bottom:none; }

.link:hover { color:#aaa; border-bottom:4px solid #ccc;}

/* For Desktop Responsive Resizing */

.nav-icons { position:absolute; top:20px;  right:30px;  z-index:100;} 
    
.nav-icons .material-icons { color:#000; opacity:1; transition: 0.3s }
.nav-icons .material-icons:hover { opacity:0.6}

.nav-icons img { opacity:1; } 
.nav-icons img:hover { opacity:0.6; } 

.nav-line { font-size:20px; color:#aaa; padding-left:5px; padding-right:5px; }

@media only screen and (max-width: 1400px) {
    .nav-links { margin-left:-40px; }
    .link { margin-right:5px;  }
    .nav-line { padding-left:2px; padding-right:2px; }
}

.nav-product-menu {
  position: relative;
  display: inline-block;
}

.nav-product-menu .nav-product-menu-text {
  visibility: hidden;
  width:1100px;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.nav-product-menu .nav-product-menu-background { 
 background-color: #fff;
 color:#000;
 text-align: left;
 padding: 10px;
 width: 1100px;
 margin-top:24px;
 text-transform:none;
}

.nav-product-menu:hover .nav-product-menu-text {
  visibility: visible;
  opacity: 1;
}


.nav-product-menu-text span { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:16px; color:#000; text-transform:uppercase;  display:inline-block;  padding-bottom:10px; }

.nav-product-menu-text a { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:15px; color:#333; display:block; margin-bottom:10px; }

.nav-product-menu-text a:hover { color:#aaa;  }

.nav-product-menu-text hr { padding:0px; margin:0px 0px 10px 0px; }

.nav-product-menu-background span:hover { color:#aaa; }

.padding-bottom-20 { padding-bottom:20px }
.padding-top-20 { padding-top:20px }

.shopping-cart-buy {
  position: relative;
  display: inline-block;
}

.shopping-cart-buy .shopping-cart-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #fff;
  text-align: center;
  border-radius: 10px;
  padding: 10px 0 0 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -100px;
  opacity: 0;
  transition: opacity 1s;
}

.shopping-cart-buy .shopping-cart-buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.shopping-cart-buy:hover .shopping-cart-buy-text {
  visibility: visible;
  opacity: 1;
}

.buy-img { position:relative; background:#fff; width:180px; margin:0px auto 10px auto; opacity:1; cursor:pointer;}

.buy-img:hover { opacity:0.8; }

.right-button { position:absolute; right:0px; top:12px; color:#ccc;}

.shopping-cart-buy-icon { cursor:pointer; margin-top:2px; }

.container, .container-homepage { width:1200px; margin:0px auto; padding:0; } 

.section-container, .section-container-homepage {  width:100%; position:relative; margin-top:100px;} 

.footer-up-button { position:absolute; width:600px; margin-left:-300px; left:50%; margin-top:-20px;}
.up-arrow { border-radius:50%; background:#000; padding:10px; width:25px; height:25px; color:#fff; cursor:pointer; margin-bottom:-20px; transition:0.3s; opacity:1;}

.up-arrow:hover { opacity:0.8; }

.section-footer { background:#fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1)!important;
max-width:100%; margin:0px auto;  padding:60px 10% 60px 10%; }

.footer-about { float:left; width:50%; margin-right:100px; }

.footer-contact { float:left; width:40%;}

.footer-title { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:26px; margin-bottom:10px; display:block;}
.footer-text-left { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;  }

.desktop-footer-info-spacing { margin-left:0;padding-left:0;padding-right:60px }

.desktop-footer-info-margin-spacing { padding-right:30px }

.footer-brand-logo { float:left; margin-right:20px; margin-bottom:15px; width:117px;  }

.footer-brand-info { float:left; width:250px; }

.footer-text-right { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; }

.footer-text-right a { color:#aaa; transition: 0.6s; text-decoration:none;}

.footer-text-right a:hover { color:#aaa; text-decoration:underline;}

.footer-spacing { display:block; margin-bottom:40px; }

.button { background-image: linear-gradient(45deg, #f9ece5 25%, #f0ddd3 25%, #f0ddd3 50%, #f9ece5 50%, #f9ece5 75%, #f0ddd3 75%, #f0ddd3 100%);
background-size: 56.57px 56.57px; border:1px solid #ccc; border-radius:10px; padding:20px; font-size:26px; color:#333; display:inline-block;}

a { text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; cursor:point;}

a:hover { text-decoration:none; }

p { text-decoration:none; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; }

.category-page-img { width:100%; padding-top:66px; }

.title { margin-top:60px; margin-bottom:60px; padding:20px; font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:34px; color:#000; text-align:center;  }

.product-page-title { margin-top:30px; margin-bottom:30px; padding:20px; font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:40px; color:#000; text-align:center;  }

.screen-text { display:none; position:absolute; background:#fff; width:100%; height:100%; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:30px; z-index:99; }

sup { position:relative; top:5px; line-height:0px;} 

.full-width-img { width:100%; background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}

.logos-container { width:1100px;margin:0 auto; }

.logo-img { border:1px solid #eee; opacity:1; transition: 0.3s;}

.logo-img:hover { opacity:0.6;}

.brand-story { padding:146px 0px 100px 0px; }


.brand-story span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:20px; margin-bottom:10px;  display:block;}

.brand-story p { font-family: 'Apercu Pro', sans-serif; font-size:16px; }


.brand-story .text { float:left; width:500px; }

.perfect-beauty {  width:100%; }

.perfect-beauty-background { background:#FFFCEF; position:absolute; width:100%; height:295px; margin-top:25px;}

.botanical-background { background:#eaf5ec; position:absolute; width:100%; height:285px; margin-top:25px;}

.bonheur-background { background:#FEF4F7; position:absolute; width:100%; height:300px; margin-top:25px;}

.be-true-background { background:#ffecc2; position:absolute; width:100%; height:243px; margin-top:25px;}

.perfect-beauty .content { position:absolute; width:470px; right:60px; top:60px; }

.discover-now { background:#000; color:#fff; font-family: 'Apercu Pro', sans-serif; font-size:14px;  margin-top:20px; margin-bottom:20px; padding:10px 20px 10px 25px; letter-spacing:2px; text-transform:uppercase;  position:absolute; transition:0.3s;  width:125px; margin-left:-62px; left:50%; }

.discover-now:hover {  padding:10px 25px 10px 30px; margin-left:-67px;}

.read-now { background:#000; color:#fff; font-family: 'Apercu Pro', sans-serif; font-size:14px;  margin-top:20px; margin-bottom:20px; padding:10px 17px 10px 20px; letter-spacing:2px; text-transform:uppercase;  position:absolute; transition:0.3s; }

.read-now:hover {  padding:10px 22px 10px 25px;}

.find-out-more, .write-a-review-button { background:#000; color:#fff; font-family: 'Apercu Pro', sans-serif; font-size:14px;  margin-top:20px; margin-bottom:20px; padding:10px 20px 10px 25px; letter-spacing:2px; text-transform:uppercase;  position:absolute; transition:0.3s;  width:150px; margin-left:-97px; left:50%; }

.show-all-reviews-button { background:#000; color:#fff; font-family: 'Apercu Pro', sans-serif; font-size:14px;  margin-top:20px; margin-bottom:20px; padding:10px 20px 10px 25px; letter-spacing:2px; text-transform:uppercase;  position:absolute; transition:0.3s;  width:150px; margin-left:-197px; left:50%; }

.find-out-more:hover, .write-a-review-button:hover, .show-all-reviews-button:hover { padding:10px 25px 10px 30px;  margin-left:-102px; }

.botanical { width:100%; }

.bonheur { width:100%; }

.be-true { width:100%; }

.content p { text-align: justify;
  text-justify: inter-word;  }

.buy { padding:26px 0px 60px 0px; }

.buy .top-line-container { position:relative; margin-top:80px; margin-bottom:-10px; }

.buy .line-container { position:relative;margin-top:0px; margin-bottom:-10px; }

.press-and-awards .line-container, .press-and-awards .line-container-review, .write-a-review .line-container { position:relative; margin-top:-40px; margin-bottom:0px; }

.buy .line { 
width:100%;
position:absolute;
height:40px; 
top:40px;
text-align:center; 
background: rgba(252,229,237,1);
    background: -moz-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: -webkit-gradient(left, color-stop(0%, rgba(252,229,237,1)), color-stop(50%, rgba(255,254,239,1)), color-stop(100%, rgba(229,252,253,1)));
    background: -webkit-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: -o-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: -ms-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce5ed', endColorstr='#e5fcfd', GradientType=1 );  
    z-index:-1;
} 


.press-and-awards .line, .press-and-awards .line-top, .write-a-review .line-top { 
width:100%;
position:absolute;
height:40px; 
top:40px;
text-align:center; 
background: rgba(252,229,237,1);
    background: -moz-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: -webkit-gradient(left, color-stop(0%, rgba(252,229,237,1)), color-stop(50%, rgba(255,254,239,1)), color-stop(100%, rgba(229,252,253,1)));
    background: -webkit-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: -o-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: -ms-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce5ed', endColorstr='#e5fcfd', GradientType=1 );  
    z-index:-1;
} 

.press-and-awards .title { 
    font-family: 'Apercu Pro', sans-serif; 
    font-weight: bold; 
    font-style: normal; 
    font-size:34px; 
    color:#000; 
    z-index:1;
    margin-bottom:30px;
}

.buy .title {
     font-family: 'Apercu Pro', sans-serif; 
    font-weight: bold; 
    font-style: normal; 
    font-size:34px; 
    color:#000; 
    z-index:1;
    margin-bottom:20px;

}


.press-and-awards .title, .search .title { 
    font-family: 'Apercu Pro', sans-serif; 
    font-weight: bold; 
    font-style: normal; 
    font-size:34px; 
    color:#000; 
    z-index:1;
    margin-top:10px;
    margin-bottom:30px;
}

.buy .container { width:1100px; margin:0 auto; }

.buy .product { float:left; }

.buy .product-container { opacity:1; transition:0.3s;  color:#000; }
.buy .product-container:hover { opacity:0.6;  color:#666; }

.buy .product-container img { transition:0.6s; }
.buy .product-container img:hover {  opacity:0.6;  }

.buy .product-title { margin-top:10px; font-family: 'Apercu Pro', sans-serif;  font-size:18px; line-height:20px; }

.buy .product-type { font-family: 'Apercu Pro', sans-serif; font-size:18px; line-height:20px; margin-bottom:20px;}

.blog-main-img {  margin-bottom:30px;}

.blog-page { padding:86px 0px 100px 0px; }

.blog-page .title { margin-top:0px; margin-bottom:30px; }

.blog-page .container{ width:1100px; margin:0 auto; }

.blog-page .blog-page-title { font-family: 'Apercu Pro', sans-serif; font-size:24px; margin-bottom:10px;  }

.blog-page .blog-page-date { font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:30px; }

.blog-page-container { width:1000px; margin:0 auto; }

.blog-page-container h1 { font-family: 'Apercu Pro', sans-serif; font-size:34px; margin-bottom:20px; }

.blog-page-container h2 { font-family: 'Apercu Pro', sans-serif; font-size:26px; margin-bottom:15px; }

.blog-page-container h3 { font-family: 'Apercu Pro', sans-serif; font-size:22px; margin-bottom:15px; }

.blog-page-container p { font-family: 'Apercu Pro', sans-serif; font-size:17px; line-height:20px; text-align: justify;
  text-justify: inter-word;  }

.blog-page-container img-responsive { max-width:100%; }

.blog-page-container .right { padding-left:40px; }

.blog-page-container .left { padding-right:40px; }

.blog-page-container a { color:#e61f9d; transition:0.3s; opacity:1; }
.blog-page-container a:hover {opacity:0.6;}

.blog-page-container span { margin-bottom:60px;}

.blog-page-containe rol { margin-left:200px; }

.blog-page-container li { font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px;  margin-bottom:10px; }

.blog-page-container .blog-link { background:#000; color:#fff; font-family: 'Apercu Pro', sans-serif; font-size:14px;  padding:12px 20px; letter-spacing:2px; text-transform:uppercase;  transition:0.3s; text-align:center; position:relative;}

.blog-page-container .blog-link:hover { padding:12px 25px; }

.blog-page-container .fb-link { background:#fff; color:#000; border:1px solid #000; font-family: 'Apercu Pro', sans-serif; font-size:14px;  padding:10px 20px 10px 55px; letter-spacing:2px; text-transform:uppercase;  transition:0.3s; text-align:center; position:relative; }

.blog-page-container .fb-link::after { content:' '; background:url("../img/facebook-round-line.svg"); width:26px; height:26px; position:absolute; top:5px; left:20px; transition:0.3s;}

.blog-page-container .fb-link:hover { padding:10px 25px 10px 60px; }

.blog-page-container .fb-link:hover::after { top:5px; left:25px; }


.blog-page-container .ig-link { background:#fff; color:#000; border:1px solid #000; font-family: 'Apercu Pro', sans-serif; font-size:14px;  padding:10px 20px 10px 55px; letter-spacing:2px; text-transform:uppercase;  transition:0.3s; text-align:center; position:relative; }

.blog-page-container .ig-link::after { content:' '; background:url("../img/instagram-round-line.svg"); width:26px; height:26px; position:absolute; top:5px; left:20px; transition:0.3s;}

.blog-page-container .ig-link:hover { padding:10px 25px 10px 60px; }

.blog-page-container .ig-link:hover::after { top:5px; left:25px; }


.blog-page-container .blog-link-container { float:left; margin-right:20px;}

.faq { padding:86px 0px 60px 0px; }

.faq .title { margin-top:0px; margin-bottom:30px; }

.faq .container{ width:1100px; margin:0 auto; }

.faq span { font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:bold; margin-top:20px; margin-bottom:10px; display:block; }

.preloader-container { display:none;}

.preloader {
     width: 100%;
     height:100%;
     position: absolute;
     background-color: #fff;
     z-index: 100;
 }

.preloader img { position:absolute; top:45%; left:45%;  }

.preloader span {  position:absolute; top:45%; margin-top:70px; margin-left:25px;
     left:45%; font-family: 'Apercu Pro', sans-serif; font-size:20px; color:#000; }

.press-and-awards, .write-a-review, .search { padding:86px 0px 75px 0px; }

.press-and-awards .container { width:1200px; margin:0 auto; padding-top:60px;padding-bottom:60px;}

.write-a-review .container { width:1000px; margin:0 auto; padding-top:30px;padding-bottom:30px;}

.search .container { width:800px; margin:0 auto; }

.press-and-awards .product-title { margin-top:20px; font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-size:18px; line-height:20px; }

.press-and-awards .product-type { margin-top:20px; font-family: 'Apercu Pro', sans-serif;  font-size:16px; line-height:20px; }

.press-and-awards .award-info { margin-top:5px; font-family: 'Apercu Pro', sans-serif; font-size:14px; line-height:20px; padding-left:10px;padding-right:10px; }


.press-and-awards i { font-family: 'Apercu Pro', sans-serif; font-size:16px; margin-top:20px; margin-bottom:10px; display:block; font-weight:bold; }

.press-and-awards hr { width:90%; }

.press-and-awards .icon-top {  position:absolute; top:-10px; left:15px; display:block;}

.press-and-awards .icon-bottom { position:absolute; right:15px; bottom:-10px; display:block;}

.review-page-link { transition:0.3s; }
.review-page-link:hover { opacity:0.6; text-decoration:underline; }

.write-a-review span { font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-top:20px; margin-bottom:5px; display:block; }

.form-text { font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-top:20px; margin-bottom:5px; display:block; }

.write-a-review .text-field, .samples .text-field { color:#333; font-family: 'Apercu Pro', sans-serif; font-size:18px; display:block; background:#fff;  border:1px solid #eee; padding:10px 20px; width:100%;}

.samples .text-field-left { color:#333; font-family: 'Apercu Pro', sans-serif; font-size:18px; display:block; background:#fff;  border:1px solid #eee; padding:10px 20px; width:90%; margin-left:4px;}


.select-field {
    color:#333; font-family: 'Apercu Pro', sans-serif; font-size:18px; display:block; background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important; 
    border:1px solid #eee; padding:10px 15px; width:100%; 
  
    
}

.select {
  display:flex;
  flex-direction: column;
  position:relative;
  width:100%;
  height:43px;
  cursor:pointer;
}

.option {
  padding:0 30px 0 10px;
  min-height:43px;
  display:flex;
  align-items:center;
  background:#eee;
  position:absolute;
  top:0;
  width: 100%;
  pointer-events:none;
  order:2;
  z-index:1;
  transition:background .4s ease-in-out;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
  font-family: 'Apercu Pro', sans-serif!important;
  font-weight:normal;
  font-size:18px;
  cursor:pointer;
  
}

.option:hover {
  background:#ddd;
}

.select:focus .option {
  position:relative;
  pointer-events:all;
}

.option-product {
  padding:0 30px 0 10px;
  min-height:43px;
  display:flex;
  align-items:center;
  background:#eee;
  position:absolute;
  top:0;
  width: 100%;
  pointer-events:none;
  order:2;
  z-index:10;
  transition:background .4s ease-in-out;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
  font-family: 'Apercu Pro', sans-serif!important;
  font-weight:normal;
  font-size:18px;
  cursor:pointer;
  
}

.option-product :hover {
  background:#ddd;
}

.select:focus .option-product  {
  position:relative;
  pointer-events:all;
}


.select input {
  opacity:0;
  position:absolute;
  left:-99999px;
}

.select input:checked + label {
  order: 1;
  z-index:2;
 background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important; 
  position:relative;
}

.select input:checked + label:after {
  content:'';
  width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000;
  position:absolute;
  right:10px;
  top:calc(50% - 2.5px);
  pointer-events:none;
  z-index:3;
}

.select input:checked + label:before {
  position:absolute;
  right:0;
  height: 40px;
  width: 40px;
  content: '';
  background:#fff;
}     

.star-rating input {
    display: none;
}
.star-rating {
    width: 100%;
    
}
.star-rating label {
    padding: 5px;
    float: right;
    font-size: 26px;
    color: #eee;
    cursor:pointer;
}
.star-rating input:not(:checked) ~ label:hover,
.star-rating input:not(:checked) ~ label:hover ~ label {
    color: #f8a8c8;
}
.star-rating input:checked ~ label {
    color: #f8a8c8;
}


.star-rating-review input {
    display: none;
}
.star-rating-review {
    width: 100%;
    
}
.star-rating-review label {
    padding: 5px 5px 5px 0;
    font-size: 18px;
    color: #f8a8c8;
}

.image-upload > input
{
    display: none;
}

.image-upload {  float:left; }

.image-upload i { background:#eee; padding:15px 20px; display:inline-block; cursor:pointer; transition:0.3s; opacity:1; }

.image-upload i:hover { opacity:0.6; }

.image-text { font-family: 'Apercu Pro', sans-serif; font-size:14px; font-weight:normal; float:left; margin-left:20px; margin-top:12px; }

.image-text p { margin-bottom:5px; }

.radio-text { font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:normal; margin-right:20px; }

.submit-review { background:#000; color:#fff; font-family: 'Apercu Pro', sans-serif; font-size:14px;  border:none; padding:10px 20px 10px 25px; letter-spacing:2px; text-transform:uppercase;  position:absolute; transition:0.3s; margin-top:20px; margin-left:46px; cursor:pointer;}

.submit-review:hover { padding:10px 25px 10px 30px; margin-left:41px;  }

.thank-you { font-family: 'Apercu Pro', sans-serif; font-size:24px; margin-top:10px; margin-bottom:20px; font-weight:bold; padding:0 30px;}

.promo-code { border:2px dashed #e61f9d; padding:25px 10px 10px 10px; font-family: 'Apercu Pro', sans-serif; font-size:24px; color:#000; margin-top:30px; margin-bottom:30px; } 

.write-a-review ul { font-family: 'Apercu Pro', sans-serif; font-size:14px; }

.write-a-review li { margin-bottom:5px; }

.mobile { display:none; }

.desktop { display:block; }

.copyright { margin-top:50px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:14px;}

.footer-links { margin-left:10px; display:inline-block; }

.footer-spacing { display:inline-block; }

.desktop-spacing { margin-bottom:60px; }
    
.padding-bottom-30 { padding-bottom:30px; }

.desktop-container { width:1100px; margin:0 auto; }

.desktop-padding-left-60 { padding-left:60px; }

.brand-story span, .brand-story p, .perfect-beauty span, .perfect-beauty p, .botanical span, .botanical p, .bonheur span, .bonheur p {  text-align: justify;
  text-justify: inter-word;  }  
  
.footer-spacing { margin-bottom:120px; }

.footer-spacing-desktop { margin-bottom:10px; }

.buy-container-5-col { width:80%; margin:0 auto; }

.press-and-awards-desktop-container { width:70%; margin:0 auto; }

.extra-line-herworld-beauty-wards-2021 { display:none; }

.review-desktop-container { width:1100px; margin:0 auto; }

.review {margin:0 20px; padding:30px;}

.review-info {display:block; margin-bottom:3px; font-family: 'Apercu Pro', sans-serif; font-size:15px;}

.review-name { display:block; margin-bottom:10px; font-family: 'Apercu Pro', sans-serif; font-size:18px;}

.review-title { display:block; margin-bottom:3px; font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-size:18px;}

.buy-container-2-col { width:30%; margin:0 auto; }

.buy-container-3-col { width:60%; margin:0 auto; }

.buy-container-bonheur { width:65%; margin:0 auto; }

.buy-container-protect { width:43%; margin:0 auto; }

.be-true-container { width:59%; margin:0 auto }

.buy-container-be-true { width:50%; margin:0 auto; }

.img-3-col-resize { width:65%; }

.responsive-padding-30 { padding:20px; }

.buy-img-resize-extra-hair-fall-control { width:91%; }

.buy-img-resize-extra-fresh { width:93.5%; }

.buy-img-resize-extra-damage { width:95%; }

.buy-img-resize-extra-volume { width:66.5%; }

.buy-img-resize-best-sellers { width:35%;  }

.buy-img-resize-best-sellers-organic { width:32%; }

.buy-img-resize-best-sellers-hair-fall { width:33%;  }

.buy-img-resize-be-true-body { width:49%;  }

.buy-img-resize-prism-repair { width:46%; }

.buy-img-resize-damage-repair { width:79%; }

.buy-img-resize-extra-moist, .buy-img-resize-extra-smooth { width:70%; }

.buy-img-resize-extra-night { width:48.5%; }

.buy-img-resize-outbath { width:50%; }

.buy-img-resize-body-chardonnay { width:67.9%; }

.buy-img-resize-botanical{ width:50%; }

.buy-img-resize-botanical-product { width:71%; }

.buy-img-resize-bonheur{ width:100%; }

.buy-img-resize-body { width:66%; }

.buy-img-be-true { width:80%; }

.buy-img-be-true-body { width:100%; }

.resize-press-and-awards-img { width:40%; }

.article-title-design { color:#aaa; font-weight:normal;}

.top-padding { padding-top:66px; }

.write-a-review-container { width:550px;margin:0 auto }

.write-a-review .title { margin-top:10px; }

.responsive-800px { display:none; }

.label { font-family: 'Apercu Pro', sans-serif; }

.search-box {
  position: relative;
  display: inline-block;
  cursor:pointer;
  float:left;
  margin-top:-3px;
  margin-right:3px;
}

.search-box .search-box-container {
  visibility: hidden;
  width: 230px;
  background-color: #fff;
  text-align: center;
  position: absolute;
  padding:10px;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -115px;
  opacity: 0;
  transition: opacity 1s;
}

.search-box .search-box-container::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.search-box:hover .search-box-container {
  visibility: visible;
  opacity: 1;
}
.search-button { background:#000; float:left; border:none; padding:4px; color:#fff; cursor:pointer;}

.search-button-result-page { background:#000; float:left; border:none; padding:8px; color:#fff; margin-top:1px; cursor:pointer; right:26px;  position:absolute;}

.search-text-field { color:#333; font-family: 'Apercu Pro', sans-serif; font-size:18px; display:block; background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important; border:1px solid #eee; padding:5px 10px; }


.search-result-title { font-family: 'Apercu Pro', sans-serif; font-size:20px; font-weight:bold; margin-bottom:10px; color:#000;  transition:0.3s; opacity:1; display:inline-block;}

.search-result-title:hover {  opacity:0.6; }

.search-result-excerpt { font-family: 'Apercu Pro', sans-serif; font-size:14px; font-weight:bold; color:#000;}

.search-result-url { font-family: 'Apercu Pro', sans-serif; font-size:14px; font-weight:bold; color:#aaa; transition:0.3s; display:inline-block; }

.search-result-url:hover { text-decoration:underline; }

.search hr { margin-top:5px; margin-bottom:5px; padding:0; }


.search .text-field { color:#333; font-family: 'Apercu Pro', sans-serif; font-size:18px; display:block; background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important; border:1px solid #eee; padding:10px 50px 10px 10px; width:400px; position:relative; left:50%; margin-left:-200px;}

.search-result-form { position:relative;width:450px; }

.search-no-results { text-align:center; color:#333; font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:90px;}

.search-icon { margin-top:6px;  display:none;}

.samples, .policy, .sitemap { padding:66px 0px 60px 0px; }

.samples .title, .policy .title, .sitemap .title { margin-top:30px; margin-bottom:30px; }

.sitemap-title { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-size:24px; display:block; margin-bottom:10px; }

.sitemap span { font-family: 'Apercu Pro', sans-serif; font-weight:bold; }

.sitemap a { display:block; margin-bottom:5px; }

.sitemap a:hover { text-decoration:underline; }

.sitemap-column-1 { float:left; margin-right:20px; padding:30px;}
.sitemap-column-2 { float:left; margin-right:20px; padding:30px;}
.sitemap-column-3 { float:left; padding:30px;}

.samples .which { text-align:center; font-family: 'Apercu Pro', sans-serif; font-size:24px; margin-top:30px; margin-bottom:30px; }

.samples .container { width:1100px; margin:0 auto; }

.sitemap .container { width:85%; margin:0 auto; 
}
.samples .container-question { width:1000px; margin:0 auto; padding-top:200px; padding-bottom:200px;}

.samples .question { text-align:center; font-family: 'Apercu Pro', sans-serif; font-size:30px;  }

.samples .answer-button { border:1px solid #000; color:#000; transition:0.3s; padding:10px 20px;  font-family: 'Apercu Pro', sans-serif; font-size:26px; text-transform:uppercase; display:inline-block; cursor:pointer; float:left; margin:10px; }

.samples .answer-button:hover, .samples .answer-text:hover, .samples .answer-text-concern:hover { background:#000; color:#fff;}

.samples .answer-text { border:1px solid #000; color:#000; transition:0.3s; padding:10px 25px;   font-family: 'Apercu Pro', sans-serif; font-size:20px;  display:block; cursor:pointer;  margin:10px 10px 20px 10px; }


.samples .button-wrap { width:300px; margin:0 auto; padding:20px 0;}

.samples .button-text-wrap { width:700px; margin:0 auto; padding:20px 0;}

.samples .remove-spacing { margin-top:-100px; margin-bottom:-180px; }

.samples .container-form { width:1100px; margin:0 auto; }

.samples .terms { padding:20px; border:1px dashed #ccc; margin:30px 20px;}

.samples .terms p, .samples .terms li { font-family: 'Apercu Pro', sans-serif; }

.samples hr { width:96%; margin-top:40px;}

.samples .others-field { margin-top:20px; margin-bottom:20px;
 display:none; }
 
.samples .samples-title { font-family: 'Apercu Pro', sans-serif; font-size:30px; margin-top:60px; margin-bottom:60px; }
 
.desktop-left-spacing-damaged-hair { margin-left:100px; }

.spacing-desktop-footer { padding-left:100px; }

.mobile-only { display:none; }

.policy p { text-align: justify;
  text-justify: inter-word; }
  
 .error { border:1px solid #ff0000; padding:20px; margin:30px auto; font-family: 'Apercu Pro', sans-serif; font-size:18px; text-align:center; width:60%; }

.database-img { width:80px; height:80px; }

.database-product-name { font-family: 'Apercu Pro', sans-serif; color:#000; float:right; right:100px; width:230px; top:23px; font-size:16px;}

.pink { color:#f8a8c8}

.pagination {
         display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
}   

.pagination a {   
        font-weight:bold;   
        font-size:18px;   
        color: black;   
        float: left;   
        padding: 8px 16px;   
        text-decoration: none;   
        border:1px solid black;   
        font-family: 'Apercu Pro', sans-serif;
}   

.pagination a.active {   
            background-color: #000;
            color:#fff;
}   

.pagination a:hover:not(.active) {   
        background-color: #000;
        color:#fff;
        opacity:0.6;
}   

.tell { width:1150px; margin:0 auto;  }

.tell-text { font-family: 'Apercu Pro', sans-serif; padding:0; }

.tell .filter-text { float:left; margin-right:10px; padding-top:8px; }

.tell .filter-option { float:left; margin-right:30px; }

.tell .filter-option-last { float:left; }

.tell .filter-reviews { font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:bold; }

.reviews-top-padding { padding-top:60px; }

.tell .text-field { color:#333; font-family: 'Apercu Pro', sans-serif; font-size:16px; display:block; background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important; border:1px solid #eee; padding:10px; width:100%;}

.tell .filter-left { float:left;margin-right:10px }
.tell .filter-right { float:left; }

.filter-left span { font-family: 'Apercu Pro', sans-serif; font-size:16px; padding-top:10px; display:block; }

.filter-container { margin-top:40px; margin-bottom:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; }

.samples-container { width:80%; margin:0 auto; position:relative; }

.samples-quiz-container { width:80%; margin:0 auto; position:relative; }

.samples-left { float:left;}
.samples-right { float:right;}

.samples-text { position:absolute; width:800px; height:500px; background: rgba(249,249,249,0.9); margin:0 auto; z-index:1; top:150px;}

.samples-text .title-container { position:absolute; width:500px; margin-left:-250px; left:50%; padding-top:180px;}

.samples-quiz-text { position:absolute; width:800px; height:500px; background: rgba(249,249,249,0.9); margin:0 auto; z-index:1; right:0; top:96px;}

.samples .samples-text-title {  font-family: 'Apercu Pro', sans-serif; font-size:30px; font-weight:bold; margin-bottom:10px;}

.samples .samples-text-description { font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:30px;} 

.samples-text .hairfall-control-title-container { position:absolute; width:500px; margin-left:-250px; left:50%; padding-top:90px;}

.samples-top-content { margin:-15px auto 50px auto; width:800px; padding:0 20px; }


.samples-quiz-button {  background:#000; color:#fff; font-family: 'Apercu Pro', sans-serif; font-size:14px;  margin-top:20px; margin-bottom:20px; padding:10px 20px 10px 25px; letter-spacing:2px; text-transform:uppercase;  transition:0.3s; cursor:pointer; display:inline-block;  }

.samples-quiz-button:hover {  padding:10px 25px 10px 30px;  }


.samples .samples-quiz-text-title { position:absolute; top:30px; left:148px; font-family: 'Apercu Pro', sans-serif; font-size:30px; font-weight:bold; margin-bottom:10px;}

.samples p {  font-family: 'Apercu Pro', sans-serif; font-size:20px;}

.take-quiz-container { width:200px; margin:40px auto 60px auto; }

.take-quiz { 
    display:inline-block;
    padding:10px 30px;
    font-family: 'Apercu Pro', sans-serif; font-size:20px;
    border:1px solid #ccc;
    transition:0.3s;
    background: rgba(252,229,237,1);
    background: -moz-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: -webt-gradient(left, color-stop(0%, rgba(252,229,237,1)), color-stop(50%, rgba(255,254,239,1)), color-stop(100%, rgba(229,252,253,1)));
    background: -webkit-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: -o-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: -ms-linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    background: linear-gradient(left, rgba(252,229,237,1) 0%, rgba(255,254,239,1) 50%, rgba(229,252,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce5ed', endColorstr='#e5fcfd', GradientType=1 );
}
.take-quiz:hover { opacity:0.6; }

.samples .navigation { position:absolute; width:160px; margin-left:-80px; left:50%; bottom:30px;}
.samples .direction-button-left { border-radius:50%; background:#000; color:#fff; padding:14px 10px 10px 10px; width:30px; height:30px;  cursor:pointer; transition:0.3s;}


.samples .direction-button-left:hover, .samples .direction-button-right:hover { opacity:0.6; }

.samples .section-sample { position:absolute; width:500px; margin-left:-250px; left:50%; top:180px;}

.samples .section-sample-shampoo-selection { position:absolute; width:750px; margin-left:-375px; left:50%; top:140px;}

.samples .section-perfect-beauty-question { position:absolute; width:500px; margin-left:-250px; left:50%; top:180px;}

.samples .section-perfect-beauty-miracle-you-question { position:absolute; width:500px; margin-left:-250px; left:50%; top:100px;}

.samples .section-perfect-beauty-extra-question { position:absolute; width:500px; margin-left:-250px; left:50%; top:100px;}

.samples .section-perfect-beauty-extra-question-test { position:absolute; width:500px; margin-left:-250px; left:50%; top:155px;}

.samples .section-botanical-question { position:absolute; width:500px; margin-left:-250px; left:50%; top:180px;}

.samples .section-botanical-repairing-question { position:absolute; width:600px; margin-left:100px; top:140px;}

.samples .section-botanical-refreshing-question { position:absolute; width:660px; margin-left:70px; top:140px;}

.samples .section-botanical-relaxing-question { position:absolute; width:700px; margin-left:50px; top:140px;}

.samples .section-bonheur-question { position:absolute; width:500px; margin-left:-250px; left:50%; top:155px;}

.samples .section-betrue-question { position:absolute; width:500px; margin-left:-250px; left:50%; top:155px;}


.samples .section-product { position:absolute;width:750px; margin-left:-375px; left:50%; top:80px;}

.samples .p-img { margin-top:15px;}

.samples .sample-product-title { font-family: 'Apercu Pro', sans-serif; font-size:14px; margin-top:10px; }

.samples .sample-product-title:hover { text-decoration:underline; }

.samples .selection-text-answer { border-radius:15px; background:#000; color:#fff; padding:10px;  cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:18px; float:left; width:200px; margin-left:15px; margin-right:15px; margin-top:10px; transition:0.3s;}

.samples .answer { border-radius:15px; background:#000; color:#fff; padding:10px 20px; display:inline-block; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:30px; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:18px; transition:0.3s; }

.samples .redeem-answer { border-radius:15px; background:#000; color:#fff; padding:10px 20px; display:inline-block; margin-top:10px; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:18px; transition:0.3s; }

.samples .text-answer { border-radius:15px; background:#000; color:#fff; padding:10px;  cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:18px; float:left; width:200px; margin-right:30px; margin-top:10px; transition:0.3s;}

.samples .text-answer-right { border-radius:15px; background:#000; color:#fff; padding:10px;  cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:18px; float:left; width:200px;  margin-top:10px; transition:0.3s;}

.samples .botanical-text-answer { border-radius:15px; background:#000; color:#fff; padding:10px 25px;  cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:18px; float:left;  margin-left:15px; margin-right:15px; margin-top:10px; transition:0.3s;}

.samples .repairing-text-answer { border-radius:15px; background:#000; color:#fff; padding:10px 25px;  cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:18px; float:left; width:200px; margin-left:15px; margin-right:15px; margin-top:10px; transition:0.3s;}

.samples .refreshing-text-answer { border-radius:15px; background:#000; color:#fff; padding:10px 25px;  cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:18px; float:left; width:250px; margin-left:15px; margin-right:15px; margin-top:10px; transition:0.3s;}

.samples .relaxing-text-answer { border-radius:15px; background:#000; color:#fff;padding:10px 25px;  cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:18px; float:left; width:270px; margin-left:15px; margin-right:15px; margin-top:10px; transition:0.3s;}

.samples .answer:hover, .samples .text-answer:hover, .samples .text-answer-right:hover, .samples .selection-text-answer:hover,  .samples .botanical-text-answer:hover, .samples .redeem-answer:hover, .samples .repairing-text-answer:hover, .samples .refreshing-text-answer:hover, .samples .relaxing-text-answer:hover { opacity:0.6; }

.samples a, .samples a:hover { color:#000; }

.increase-height { padding-top:20.5px!important; padding-bottom:20.5px!important; }

.total-reviews { width:260px; max-width:60%; padding-left:50px; }

.total-reviews span { float:left; }

.total-rating-text { float:left; margin-left:10px; margin-top:-4px; color:#f8a8c8; font-family: 'Apercu Pro', sans-serif;  font-size:20px;   }

/* The container */
.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top:2px;
  margin-bottom: 12px;
  cursor: pointer;
  font-family: 'Apercu Pro', sans-serif; 
  font-size:18px;
  font-weight:normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #f8a8c8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dash::after { content:" - "; font-size:30px; }

@media only screen and (min-width: 1799px) {

.extra-line-herworld-beauty-wards-2021 { display:block; }
    
}

@media only screen and (min-width: 1100px) and (max-width: 1586px) {

.nav-product-menu .nav-product-menu-text {
  visibility: hidden;
  width:1000px;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: -300px;
  opacity: 0;
  transition: opacity 1s;
}

.nav-product-menu .nav-product-menu-background { 
 background-color: #fff;
 color:#000;
 text-align: left;
 padding: 10px;
 width: 1000px;
 left: -300px;
 margin-top:24px;
 text-transform:none;
}

}

@media only screen and (max-width: 800px) {
  .responsive-800px { display:block; }  
  
  
}

    
@media only screen and (max-width: 1099px) {
    
html, body { height: 100vh; }

.mobile { display:block; }

.desktop { display:none; }

.top-padding { padding-top:50px; }

.category-page-img { width:100%; padding-top:52px; }

.desktop-container { width:100%; margin:0 auto; }

.logo { left:10px;} 
.moistdiane-logo-img { width:65px; height:33px; }
.moistdiane-logo-img-new { width:75px; height:31px; }

.nav {
    height:52px;
}

.container { width:100%; }

.container-homepage { width:100%; }

.spacing-desktop-footer { padding-left:0; }

.search .container { width:90%; padding:0 20px; }

.desktop-spacing { margin-bottom:0px; }

.desktop-padding-left-60 { padding-left:0px; }

.footer-spacing { margin-bottom:10px; }

.footer-up-button { position:absolute; width:100px; margin-left:-50px; left:50%; margin-top:-20px;}

.error { border:1px solid #ff0000; padding:20px; margin:30px auto; font-family: 'Apercu Pro', sans-serif; font-size:18px; text-align:center; width:80%; }
 
.database-product-name { color:#000; float:right; width:230px; top:23px; right:30px;}

.total-reviews { padding-left:30px; }

.checkbox-container {
  padding-top:0;
}
.samples .text-field-left {  margin-left:0; }


/* Mobile menu */

.mobile-menu-button { position:absolute; top:10px; right:10px; z-index:9999; cursor:pointer;}

.mobile-menu-button-close { position:absolute; top:10px; right:10px; z-index:9999; cursor:pointer;}

.material-icons.md-36 { font-size:36px; color:#000; }

.material-icons.md-20 { font-size:24px; color:#000; position:relative; top:4px;}

.menu-button { width:30px; height:30px; }


#mobile-nav-links {width:100%; height:600px; overflow-x:auto; background: rgba(255,255,255,1); padding:30px; position:absolute; top:0; left:0; right:0; bottom:20px; z-index:999; }

#mobile-nav-links .link { font-family: 'Apercu Pro', sans-serif; font-size:19px; margin-bottom:6px; display:block; }

#mobile-nav-links .link:hover {color:#000; border:none; }

#mobile-nav-links hr {width:80%; margin-left:0px; margin-top:10px;margin-bottom:10px;} 

.mobile-menu-products { width:100%; padding-top:20px; padding-bottom:20px; padding-left:30px; } 

#mobile-nav-links .mobile-menu-products hr {width:75%; margin-left:0px;} 

.mobile-menu-products  a {  font-family: 'Apercu Pro', sans-serif; font-size:17px; margin-bottom:10px; display:block; color:#000;}

.mobile-menu-products-button, .mobile-menu-products-button-close, .mobile-menu-perfect-beauty-button, .mobile-menu-perfect-beauty-styling-button, .mobile-menu-perfect-beauty-button-close, .mobile-menu-perfect-beauty-styling-button-close, .mobile-menu-hellodiane-button, .mobile-menu-hellodiane-button-close, .mobile-menu-be-true-button, .mobile-menu-be-true-body-button, .mobile-menu-be-true-body-button-close, .mobile-menu-be-true-button-close, .mobile-menu-botanical-button, .mobile-menu-botanical-button-close, .mobile-menu-bonheur-button, .mobile-menu-bonheur-button-close, .mobile-menu-body-button, .mobile-menu-body-button-close, .mobile-menu-protect-body-button, .mobile-menu-protect-body-button-close { position:relative; width:100%;}

.mobile-menu-perfect-beauty, .mobile-menu-perfect-beauty-styling, .mobile-menu-hellodiane, .mobile-menu-be-true, .mobile-menu-be-true-body, .mobile-menu-botanical, .mobile-menu-bonheur, .mobile-menu-body, .mobile-menu-protect-body { padding-top:20px; padding-bottom:20px; padding-left:30px; }

.search-icon { position:relative; top:3px; display:none; color:#000;}

.shopping-cart-buy-icon { position:relative; top:3px; display:none; color:#000; }

.buy-img { position:relative; background:#fff; width:auto; margin:0; opacity:1; cursor:pointer;}

.collection-product-icon { position:relative; float:right; color:#000; top:0; right:0; padding-right:130px;}

.collection-product-icon-reduced-space { position:relative; float:right; color:#000; top:0; right:0; padding-right:120px;}


.collection-icon { position:relative; float:right; color:#000; top:0; right:0; padding-right:100px;}


/*  Brand story responsive */
 
 
.brand-story { padding-top:60px; padding-bottom:20px; width:100%; overflow-x:hidden; }

.padding-30 { padding:30px; }

.padding-20 { padding:20px; }

.brand-story span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:20px; margin-bottom:10px;  display:block;}

.brand-story p { font-family: 'Apercu Pro', sans-serif; font-size:16px; }

.moist-diane-logo { display:block; margin-bottom:40px; margin-left:0px; margin-right:0px; padding:0px;}

.brand-story .text { margin-bottom:20px; width:100%; float:none; left:20px; right:20px; top:0px; }  

  
.perfect-beauty { width:100%; height:auto; margin-top:-10px; overflow-x:hidden; padding-top:30px; padding-bottom:12px; background-color:#FFFCEF;}

.perfect-beauty-background { display:none; } 

.perfect-beauty .logo { position:relative; display:block; left:0px; top:0px; margin-top:20px; margin-bottom:20px; }

.perfect-beauty .img1 { position:relative; float:left; margin-right:20px; left:0px; top:0px; width:165px; height:165px; max-width:100%; }

.perfect-beauty .img2 {  position:relative; float:left;  left:0px; top:0px; width:165px; height:165px; max-width:100%;  }

.perfect-beauty .content { position:inherit;  left:20px; right:20px; top:20px; width:auto; margin-right:20px;}

.discover-now {  position:relative; display:inline-block; width:125px; left:50%; margin-left:-86px; margin-bottom:0px;}

.be-true { width:100%; height:auto; margin-top:-10px; overflow-x:hidden; padding-top:30px; padding-bottom:12px; background-color:#ffecc2;}


.botanical { width:100%; height:auto; margin-top:-10px; overflow-x:hidden; padding-top:30px; padding-bottom:12px; background-color:#eaf5ec;}

.botanical-background { display:none; } 

.botanical .logo { position:relative; display:block; left:0px; top:0px; margin-top:20px; margin-bottom:20px;  }

.botanical .img1 { position:relative; float:left; margin-right:20px; left:0px; top:0px; width:140px; height:140px; max-width:100%; }

.botanical .img2 {  position:relative; float:left; margin-right:20px; left:0px; top:0px; width:140px; height:140px; max-width:100%;  }

.botanical .content { position:relative; float:none; left:0px; right:0px; top:20px; width:90%; }

.bonheur { width:100%; height:auto; margin-top:-10px; overflow-x:hidden; padding-top:30px; padding-bottom:12px; background-color:#FEF4F7;  }

.bonheur-background { display:none; } 

.be-true-background { display:none; } 

.bonheur .logo { position:relative; display:block; left:0px; top:0px; margin-top:20px; margin-bottom:20px;  }

.bonheur .img1 {position:relative; float:left; margin-right:20px; left:0px; top:0px; width:140px; height:140px; max-width:100%;}

.bonheur .img2 { position:relative; float:left; margin-right:20px; left:0px; top:0px; width:140px; height:140px; max-width:100%;  }

.bonheur .content { position:relative; float:none; left:0px; right:0px; top:20px; width:90%;}

.section-container {  width:100%; position:relative; margin-top:80px; } 
.section-container-homepage {  width:100%; position:relative; margin-top:80px; } 

/*  Footer responsive */

.section-footer { padding:0; overflow-x:hidden;}

.footer-title { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:26px;  margin-top:30px; margin-bottom:10px; display:block;}
.footer-text-left { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; margin-top:30px; width:100%; }

.footer-text-right { position:relative; z-index:99; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; }

.footer-text-right a { color:#aaa; transition: 0.6s; text-decoration:none;}

.footer-text-right a:hover { color:#aaa; text-decoration:underline;}

.footer-spacing-desktop { margin-bottom:-20px; }

.footer-links { margin-left:10px; display:block; }

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

.footer-reduce-margin { margin-top:-50px; margin-bottom:-30px;}

.desktop-footer-info-spacing { padding-right:0 }

.copyright { margin-bottom:30px; }
  
/* Preloader */

.preloader img { position:absolute; top:40%; left:35%;  }

.preloader span {  position:absolute; top:40%; margin-top:70px; margin-left:25px;
     left:35%; font-family: 'Apercu Pro', sans-serif; font-size:20px; color:#000; overflow-x:hidden; }
     
 /* Buy */

.buy { padding:52px 0px 30px 0px; }

.buy-container-5-col, .buy-container-3-col, .buy-container-2-col, .buy-container-bonheur, .buy-container-protect  { width:100%;  }

.buy .top-line-container { margin-bottom:-40px; margin-top:-20px;}

.buy .line-container { margin-bottom:-40px; margin-top:-40px;}

.responsive-padding-30 { padding:20px; }
.responsive-padding-10 { padding:10px; }


.be-true-container { width:100%; }

.buy-img-be-true { width:60%; }

.buy-img-resize-be-true-body { width:31%; }

.buy-img-resize-prism-repair { width:57%; }

.buy-img-resize-extra-hair-fall-control { width:78%; }

.buy-img-resize-extra-fresh { width:80.5%; }

.buy-img-resize-extra-damage { width:79%; }

.buy-img-resize-damage-repair { width:96%; margin-bottom:11px; }

.buy-img-resize-extra-moist { width:79%; margin-bottom:13px; }

.buy-img-resize-extra-smooth { width:79%; margin-bottom:13.6px; }

.buy-img-resize-extra-volume, .buy-img-resize-extra-night { width:55%; }

.buy-img-resize-outbath { width:67%; }
.buy-img-resize-botanical{ width:61%; }
.buy-img-resize-botanical-bonheur { width:71%; }
.buy-img-resize-body { width:36%; }
.buy-img-resize-body-chardonnay { width:17%; }
.buy-img-resize-best-sellers { width:35%;  }
.buy-img-resize-best-sellers-organic { width:32%;  }
.buy-img-resize-bonheur{ width:60%; }

.buy-img-resize-botanical-product { width:60%; }

.lineup-img-resize-bonheur{ width:80%; }

/* Buttons, Titles */

.find-out-more, .find-out-more:hover { position:relative; left:0; margin-left:0; width:80%; max-width:100%; overflow:hidden; }

.write-a-review-button, .write-a-review-button:hover, .show-all-reviews-button, .show-all-reviews-button-hover { position:relative; left:0; margin-left:0; margin-top:10px; margin-bottom:0px; width:70%; max-width:100%; overflow:hidden; }

.buy .title, .write-a-review .title, .search .title { 
    font-family: 'Apercu Pro', sans-serif; 
    font-weight: bold; 
    font-size:34px; 
    color:#000; 
    z-index:1;
    margin-bottom:10px;
    margin-top:10px;
}

.press-and-awards .title { 
    font-family: 'Apercu Pro', sans-serif; 
    font-weight: bold; 
    font-size:34px; 
    color:#000; 
    z-index:1;
    margin-bottom:10px;
    margin-top:-26px;
}

.press-and-awards .line-container {  margin-top:-75px; margin-bottom:-55px; }
.press-and-awards .line-container-review {  margin-top:-75px; margin-bottom:-30px; }

.buy .line, .press-and-awards .line, .write-a-review .line, .search .line { 
height:30px;
margin-top:-5px;

} 

.press-and-awards .line-top { 
height:40px;
margin-top:-5px;

} 

/* Review */

.review { padding:30px; width:84%; margin:0;}
.write-a-review .container { width:90%; margin:0 auto; padding:0;}
.write-a-review { padding:50px 0px 75px 0px; }
.write-a-review-container { width:100%; }

.review-desktop-container { width:100%; margin:0 auto; }

.tell { width:100%; margin:0 auto;  }

.tell-text { font-family: 'Apercu Pro', sans-serif; padding:20px; }

.tell .filter-text { float:none; margin:0 0 10px 0; padding-top:0; }

.tell .filter-option { float:none; margin-right:0; }

.tell .filter-option-last { float:none; }

.tell .filter-reviews { font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:bold; }

.reviews-top-padding { padding-top:60px; }

.tell .text-field { color:#333; font-family: 'Apercu Pro', sans-serif; font-size:16px; display:block; background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important; border:1px solid #eee; padding:10px; width:100%; margin-top:5px;}

.tell .filter-left { float:none; width:140px; margin-left:10px;}
.tell .filter-right { float:none; width:150px; }

.filter-left span { font-family: 'Apercu Pro', sans-serif; font-size:16px; padding-top:10px; display:block; }

.filter-container { margin-top:40px; margin-bottom:40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; width:90%; }


/* Blog */

.blog-main-img { margin-bottom:0px;}

.blog-page-container { width:86%; padding:20px; margin:0 auto; }

.blog-page-container h1 { font-family: 'Apercu Pro', sans-serif; font-size:30px; margin-bottom:20px;  }

.blog-page-container h2 { font-family: 'Apercu Pro', sans-serif; font-size:24px; margin-bottom:15px; }

.blog-page-container h3 { font-family: 'Apercu Pro', sans-serif; font-size:20px; margin-bottom:15px; }

.blog-page-container p { font-family: 'Apercu Pro', sans-serif; font-size:17px; line-height:20px; text-align: justify;
  text-justify: inter-word;  }

.blog-page-container img-responsive { max-width:100%; }


.blog-page-container .blog-link-container { float:none; display:block; margin:10px 0px;}

.blog-page { padding:72px 0px 30px 0px; }

.blog-page .container{ width:100%; margin:0 auto; }

.search-button-mobile-link, .search-button-mobile-link:hover  { color:#000!important; }

.search-button { background:#000; float:left; border:none; padding:4px; color:#fff; cursor:pointer;}

/* FAQ */

.faq { padding:66px 0px 30px 0px; }

.faq .title { margin-top:0px; margin-bottom:20px; }

.faq .container{ width:86%; margin:0 auto; }

/* Samples, Policy & Sitemap */

.policy { padding:52px 0px 30px 0px; }

.policy .container { width:86%; padding:20px; }

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

.samples { padding:52px 0 0 0; }

.samples .title { margin-top:0px; margin-bottom:10px; }

.samples .container { width:100%; margin:0 auto; }

.samples .container-question { width:100%; margin:0 auto; padding-top:30px; padding-bottom:30px;}

.samples .container-form{ width:86%; margin:0 auto; }

.samples .button-wrap { width:86%; margin:0 auto; padding:20px 0;}

.samples .button-text-wrap { width:86%; margin:0 auto; padding:20px 0;}

.logos-container { width:90% }

.samples .answer-button { display:inline-block; float:none; margin-bottom:20px;}


.samples .remove-spacing { margin-top:0px; margin-bottom:0px; }

.samples .samples-title { font-size:26px; margin-top:20px; margin-bottom:0px; padding:30px;}

.samples .which { padding:0 30px; }

.samples .container-question { width:86%; padding:30px 20px; }

.sitemap { padding:52px 0 0 0; }

.sitemap .title { margin-top:0px; margin-bottom:10px; }

.sitemap .container { width:100%; margin:0 auto; }

.sitemap-column-1 { float:none; margin-right:0; padding:10px 30px;}
.sitemap-column-2 { float:none; margin-right:0; padding:10px 30px;}
.sitemap-column-3 { float:none; padding:10px 30px;}


/* Samples Quiz */

.samples-container { width:94%; margin:0 auto; position:relative; }

.samples-quiz-container { width:94%; margin:0 auto; position:relative; }

.samples-left { float:none;}
.samples-right { float:none;}

.samples-text { position:absolute; width:100%; height:200px; background: rgba(249,249,249,0.9); margin:0 auto; z-index:1; top:270px; text-align:center;}

.samples-text .title-container { position:absolute; width:86%; margin-left:0; left:0; padding:30px;}

.samples-text .hairfall-control-title-container { position:absolute; width:86%; margin-left:0; left:0; padding:30px;}

.samples-quiz-text { position:relative; width:100%; height:auto; background: rgba(249,249,249,0.9); margin:0 auto; z-index:1; right:0; top:-75px; text-align:center; }

.samples .samples-text-title {  font-family: 'Apercu Pro', sans-serif; font-size:26px; font-weight:bold; margin-bottom:10px;}

.samples .samples-quiz-text-title { position:relative; top:0; left:0; font-family: 'Apercu Pro', sans-serif; font-size:26px; font-weight:bold; margin-bottom:10px; padding:30px 30px 0 30px;}

.samples p {  font-family: 'Apercu Pro', sans-serif; font-size:18px;}
.samples .navigation { position:absolute; width:160px; margin-left:-80px; left:50%; bottom:30px;}
.samples .direction-button-left { border-radius:50%; background:#000; color:#fff; padding:14px 10px 10px 10px; width:30px; height:30px;  cursor:pointer; transition:0.3s;}


.samples .direction-button-left:hover, .samples .direction-button-right:hover { opacity:0.6; }

.samples .section-sample { position:relative; width:83.6%; margin-left:0; left:0; top:10px; padding:0 30px 30px 30px;  }

.samples .section-sample-shampoo-selection, .samples .section-perfect-beauty-question, .samples .section-perfect-beauty-miracle-you-question, .samples .section-perfect-beauty-extra-question, .samples .section-perfect-beauty-extra-question-test, .samples .section-botanical-question, .samples .section-botanical-repairing-question, .samples .section-botanical-refreshing-question, .samples .section-botanical-relaxing-question, .samples .section-bonheur-question, .samples .section-betrue-question, .samples .section-product  { position:relative; width:83.6%; margin-left:0; left:0; top:10px; padding:0 30px 30px 30px; }

.samples .p-img { margin-top:15px;}

.samples .sample-product-title { font-family: 'Apercu Pro', sans-serif; font-size:14px; margin-top:10px; }

.samples .sample-product-title:hover { text-decoration:underline; }

.samples .selection-text-answer, .samples .botanical-text-answer, .samples .repairing-text-answer, .samples .refreshing-text-answer, .samples .relaxing-text-answer { border-radius:15px; background:#000; color:#fff; padding:10px;  cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:20px; float:none; width:90%; margin-left:0; margin-right:0; margin-top:20px;}

.samples .answer { border-radius:15px; background:#000; color:#fff; padding:10px 20px; display:block; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:10px; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:20px; transition:0.3s; }

.samples .redeem-answer { border-radius:15px; background:#000; color:#fff; padding:10px 20px; display:inline-block; margin-top:10px; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:20px; transition:0.3s; }

.samples .text-answer, .samples .text-answer-right { border-radius:15px; background:#000; color:#fff; padding:10px;  cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-size:20px; float:none; width:90%; margin-right:0; margin-top:20px; transition:0.3s;}

.samples .answer:hover, .samples .text-answer:hover, .samples .selection-text-answer:hover,  .samples .botanical-text-answer:hover, .samples .redeem-answer:hover, .samples .repairing-text-answer:hover, .samples .refreshing-text-answer:hover, .samples .relaxing-text-answer:hover { opacity:0.6; }

.samples a, .samples a:hover { color:#000; }

.increase-height { padding:0 }

.take-quiz-container { margin:20px auto 40px auto; }

.samples-top-content { margin:0 auto 40px auto; width:320px; padding:0; }

.desktop-left-spacing-damaged-hair { margin-left:0; }

/* New Resonsive Coding */

.align-middle { margin-left:25%; }
.img-3-col-resize { width:70%; }

}


/* Press and awards responsive */

@media only screen and (min-width: 1210px) and (max-width: 1410px) {

.press-and-awards-desktop-container { width:90%; }

}

@media only screen and (min-width: 1087px) and (max-width: 1209px) {

.press-and-awards-desktop-container .col-md-3 { width:50%; }

.spacing-990-1209 { margin-bottom:100px; clear:left; }

.spacing-990-1209-60px { margin-bottom:10px; clear:left;}

.press-and-awards-desktop-container .find-out-more { margin-bottom:30px; display:block; }

}

@media only screen and (min-width: 990px) and (max-width: 1086px) {

.press-and-awards-desktop-container .col-md-3 { width:50%; }

.spacing-990-1209-60px { margin-bottom:10px; clear:left;}

.spacing-990-1209 { margin-bottom:10px; clear:left; }


}



/* Mobile only */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
 .text-field { box-shadow:none; }
 .search .text-field { box-shadow:none; }
 
 .search .text-field { color:#333; font-family: 'Apercu Pro', sans-serif; font-size:16px; display:block; background:#fff; box-shadow:none; border:1px solid #eee; padding:10px; width:90%; position:relative; left:0; margin-left:0;}
 
 .search-button-result-page { background:#000; float:left; border:none; padding:8px; color:#fff; margin-top:1px; cursor:pointer; right:0;  position:absolute;}
 
 .search-result-form { position:relative;width:100%; }
 

.search-button { background:#000; float:left; border:none; padding:4px; color:#fff; cursor:pointer;}

.search .container { width:90%; margin:0 auto; padding:0;}
.search { padding:50px 0px 75px 0px; }

 .database-product-name { color:#000; float:right; width:150px; top:20px; right:10px;}
 
.tell .filter-left { float:left; width:140px; margin-left:10px;}
.tell .filter-right { float:left; width:150px; }

.search-icon { position:relative; top:0; display:none; color:#000;}

.shopping-cart-buy-icon { position:relative; top:0; display:none; color:#000; }

.mobile-only { display:block; }


}


/* New */

.buy-container-4-col-new { width:66%; margin:0 auto; }
        @media only screen and (max-width: 1099px) {
        .buy-container-4-col-new { width:100% }
        }