.about {  width:1100px; margin:0 auto; position:relative;} 

.about .happy { position:absolute; top:110px; left:50px; background:rgba(255,255,255,0.9); padding:5px; font-family: 'Apercu Pro', sans-serif; font-size:30px; }

.about .farmlands { position:absolute; top:165px; left:50px; background:rgba(255,255,255,0.9); padding:5px; font-family: 'Apercu Pro', sans-serif; font-size:30px; }

.about .manufacturers-and-us { position:absolute; top:220px; left:50px; background:rgba(255,255,255,0.9); padding:5px; font-family: 'Apercu Pro', sans-serif; font-size:30px; }

.about .title { 
    
font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:30px; letter-spacing:2px; text-transform:uppercase; color:#000; position:absolute; top:-5px; right:216px; z-index:1; }

.about .title::after { content: " "; background-color:#f5dadf; width:353px;  height:20px; position:absolute; left:9px; top:34px; z-index:-1; }

.about .text { position:absolute; top:130px; right:87px; width:480px; text-align: justify;
  text-justify: inter-word; }

.about .text p { font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:normal; line-height:22px;}

.about img { margin-top:60px; margin-left:120px; }

.five-standards, .bonheur-story {  width:1100px; margin:0 auto; position:relative; }

.five-standards-title {  font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:30px; letter-spacing:2px; text-transform:uppercase; color:#000; position:absolute; left:299px; top:10px; }

.five-standards-title::after { content: " "; background-color:#f5dadf; width:495px;  height:20px; position:absolute; left:-11px; top:14px; z-index:-1; }

.five-standards-text {  font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:normal; line-height:22px; position:absolute; top:65px; right:340px; width:460px; margin:0 auto; text-align: justify;
  text-justify: inter-word;}
  
.bonheur-story-title {  font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:30px; letter-spacing:2px; text-transform:uppercase; color:#000; position:relative; margin-bottom:25px; }

.bonheur-story-title::after { content: " "; background-color:#f5dadf; width:374px;  height:20px; position:absolute; margin-left:-365px; margin-top:14px; z-index:-1; }

.bonheur-story-text {  font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:normal; line-height:22px; position:relative;  width:500px; margin:0 auto; text-align: justify;
  text-justify: inter-word;}

.bonheur-map-ingredient { width:60%; margin:20px; }


.left-img { position:absolute; top:10px; left:60px; width:160px; height:155px; }
.right-img { position:absolute; top:10px; right:100px; width:160px; height:152px; }

.icon { width:150px; height:150px; }

.icon1 { position:absolute; top:190px; left:60px; }
.icon2 { position:absolute; top:190px; left:260px;}
.icon3 { position:absolute; top:190px; left:460px;}
.icon4 { position:absolute; top:190px; left:660px;}
.icon5 { position:absolute; top:190px; left:860px;}

.icon1 span, .icon2 span, .icon3 span, .icon4 span, .icon5 span { margin-top:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; display:block; text-align:center;}

.craft { width:1050px; margin:0 auto; position:relative;  } 

.craft-fragrance { position:absolute; left:0px; top:0px; width:300px;}

.craft-oil { position:absolute; left:360px; top:0px; width:300px;}

.craft-soap { position:absolute; left:720px; top:0px; width:300px;}

.craft-fragrance span, .craft-oil span, .craft-soap span {font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:30px; text-transform:uppercase; top:-260px; left:15px; position:relative;  }

.craft-fragrance p, .craft-oil p, .craft-soap p {font-family: 'Apercu Pro', sans-serif; font-size:16px; width:255px; text-align: justify;
  text-justify: inter-word; margin-left:20px;}
 
.bonheur-map { position:relative; width:1200px; height:579px; margin:0 auto;}

.ingredient-link { cursor:pointer; }

.sunflower-info { position:absolute; background:rgba(255,255,255,0.9); padding:10px; top:80px; left:170px; width:300px; transition:0.3s; }

.olive-info { position:absolute; background:rgba(255,255,255,0.9); padding:10px; top:200px; left:80px; width:300px; transition:0.3s; }

.milk-thistle-info { position:absolute; background:rgba(255,255,255,0.9); padding:10px; top:90px; left:296px; width:300px; transition:0.3s; }

.shea-butter-info { position:absolute; background:rgba(255,255,255,0.9); padding:10px; top:300px; left:170px; width:300px; transition:0.3s; }

.argan-info { position:absolute; background:rgba(255,255,255,0.9); padding:10px; top:150px; left:170px; width:300px; transition:0.3s; }

.pequi-info { position:absolute; background:rgba(255,255,255,0.9); padding:10px; top:230px; right:95px; width:300px; transition:0.3s; }

.walnuts-info { position:absolute; background:rgba(255,255,255,0.9); padding:10px; top:150px; left:400px; width:300px; transition:0.3s; }

.maracuja-info { position:absolute; background:rgba(255,255,255,0.9); padding:10px; top:250px; right:350px; width:300px; transition:0.3s; }

.sunflower-info span, .olive-info span, .milk-thistle-info span, .shea-buttle-info span, .argan-info span, .pequi-info span, .walnuts-info span, .maracuja-info span {  color:#000; font-family: 'Apercu Pro', sans-serif; font-size:22px; font-weight:bold; display:block; margin-bottom:10px;}

.sunflower-info p, .olive-info p, .milk-thistle-info p, .shea-buttle-info p, .argan-info p, .pequi-info p, .walnuts-info p, .maracuja-info p {  color:#000; font-family: 'Apercu Pro', sans-serif; font-size:16px; }
  

.product { width:100%; height:640px; margin:0 auto; position:relative; background:#faecef;}

.product-title { font-family: 'D-DIN Condensed', sans-serif; font-size:40px; font-weight:bold; text-transform:uppercase; top:40px; left:50%; margin-left:-500px; position:absolute; color:#000; text-align:center; width:1000px; }

.product-title::after { content: " "; background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:470px; top:50px;  }

.product-container { width:1100px; margin:0 auto; position:relative;}

.product-img { position:absolute; top:90px; left:100px; }
.product-background { position:absolute; top:30px; left:0; }

.product-img-4-columns-grasse-rose { position:absolute; top:100px; left:85px; width:55%;}
.product-img-4-columns-orange-flower { position:absolute; top:100px; left:95px; width:55%;}
.product-img-4-columns-blue-jasmine { position:absolute; top:100px; left:87px; width:55%;}
.product-img-4-columns-night-dream-tea { position:absolute; top:100px; left:80px; width:65%;}
.product-background-4-columns { position:absolute; top:40px; left:30px; width:55%;}

.product-info-title { font-family: 'D-DIN Condensed', sans-serif; font-size:30px; text-transform:uppercase; position:absolute; top:370px; left:100px;}

.product-info-title-4-columns-night-dream-tea { font-family: 'D-DIN Condensed', sans-serif; font-size:29px; text-transform:uppercase; position:absolute; top:320px; left:62.5px;}
.product-info-title-4-columns-grasse-rose { font-family: 'D-DIN Condensed', sans-serif; font-size:29px; text-transform:uppercase; position:absolute; top:320px; left:83px;}
.product-info-title-4-columns-blue-jasmine { font-family: 'D-DIN Condensed', sans-serif; font-size:29px; text-transform:uppercase; position:absolute; top:320px; left:80px;}
.product-info-title-4-columns-orange-flower { font-family: 'D-DIN Condensed', sans-serif; font-size:29px; text-transform:uppercase; position:absolute; top:320px; left:67px;}

.product-info-title-text { font-family: 'Apercu Pro', sans-serif; font-size:20px;  position:absolute; top:406px; }

.product-info-title-text-4-columns { font-family: 'Apercu Pro', sans-serif; font-size:20px;  position:absolute; top:355px; }

.product-info-view-grasse { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:absolute; top:440px; left:80px; transition:0.3s;}

.product-info-view-grasse::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px; }

.product-info-view-grasse:hover { transform: rotate(-3deg);}

.product-info-view-grasse:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-info-view-orange { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:absolute; top:440px; left:98px;  transition:0.3s;}

.product-info-view-orange::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px; }

.product-info-view-orange:hover { transform: rotate(-3deg);}

.product-info-view-orange:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-info-view-blue { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:absolute; top:440px;; left:83px; transition:0.3s; }

.product-info-view-blue::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.product-info-view-blue:hover { transform: rotate(-3deg);}

.product-info-view-blue:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-info-view-night { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:absolute; top:440px;; left:83px; transition:0.3s; }

.product-info-view-night::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.product-info-view-night:hover { transform: rotate(-3deg);}

.product-info-view-night:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-info-view-grasse-4-columns { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:absolute; top:390px; left:60px; transition:0.3s;}

.product-info-view-grasse-4-columns::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px; }

.product-info-view-grasse-4-columns:hover { transform: rotate(-3deg);}

.product-info-view-grasse-4-columns:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-info-view-orange-4-columns { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:absolute; top:390px; left:60px;  transition:0.3s;}

.product-info-view-orange-4-columns::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px; }

.product-info-view-orange-4-columns:hover { transform: rotate(-3deg);}

.product-info-view-orange-4-columns:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-info-view-blue-4-columns { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:absolute; top:390px; left:60px; transition:0.3s; }

.product-info-view-blue-4-columns::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.product-info-view-blue-4-columns:hover { transform: rotate(-3deg);}

.product-info-view-blue-4-columns:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-info-view-night-4-columns { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:absolute; top:390px; left:60px; transition:0.3s; }

.product-info-view-night-4-columns::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.product-info-view-night-4-columns:hover { transform: rotate(-3deg);}

.product-info-view-night-4-columns:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }


.product-chart { position:relative; width:1146px; margin:0 auto; padding-top:80px; }

.product-chart span { text-align:center; font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:34px; letter-spacing:2px;  position:absolute; width:1000px; left:50%; margin-left:-500px; top:90px;}

.chart-icon-1 { position:absolute; left:-70px; top:45px; }
.chart-icon-2 { position:absolute; right:20px; top:50px;}
.chart-icon-3 { position:absolute; right:-45px; top:110px;}

.chart-img { position:relative; margin-top:60px;  }

.radiant-finish { font-family: 'Apercu Pro', sans-serif; font-size:20px; position:absolute; top:275px; left:535px; color:#ae9ea2;  z-index:1;}

.lightweight-texture { font-family: 'Apercu Pro', sans-serif; font-size:20px; position:absolute; bottom:252px; left:75px; color:#ae9ea2;  z-index:1;}

.soft-and-airy-finish { font-family: 'Apercu Pro', sans-serif; font-size:20px; position:absolute; bottom:39px; left:510px; color:#ae9ea2;  z-index:1;}

.rich-texture { font-family: 'Apercu Pro', sans-serif; font-size:20px; position:absolute; top:487px; right:96px; color:#ae9ea2;  z-index:1;}

.orange-flower-text { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; top:491px; left:545px; color:#333;  }

.blue-jasmine-text { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; bottom:75px; left:340px; color:#333;  }

.grasse-rose-text { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; top:556px; right:290px; color:#333;  }

.night-dream-tea-text { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; top:440px; left:375px; color:#333;  }
 
.grasse-rose { width:100%; position:relative; }

.grasse-rose .right-text { position:absolute; right:0; top:0; }

.grasse-rose .left-img { width:1000px; margin:0 auto; text-align:center; }

.grasse-rose .grasse-rose-img { margin-top:60px; }

.grasse-rose .grasse-rose-container { position:absolute; width:1000px; left:50%; margin-left:-500px; }

.grasse-rose .grasse-rose-container p {  font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:20px; }

.grasse-rose .grasse-rose-container hr { background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:0; top:350px;}

.grasse-rose .grasse-rose-type { font-family: 'Apercu Pro', sans-serif; font-size:20px; line-height:24px; margin-top:20px; margin-bottom:10px;}

.grasse-rose .grasse-rose-title { font-family: 'D-DIN Condensed', sans-serif; font-size:40px; font-weight:bold; text-transform:uppercase; line-height:34px; margin-bottom:40px; }

.grasse-rose .text-1 { font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; left:5px; z-index:1; }

.grasse-rose .text-1::after { content: " "; background-color:#f5dadf; opacity:0.6; width:328px; height:24px; position:absolute; left:-6px; top:-1px; z-index:-1; }

.grasse-rose .text-2 { 
     
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px;  color:#000; position:relative; margin-top:10px; left:5px; z-index:1; }

.grasse-rose .text-2::after { content: " "; background-color:#f5dadf; opacity:0.6; width:189px; height:24px; position:absolute; left:-6px; top:-1px; z-index:-1; }

.grasse-rose .grasse-rose-link { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:relative;  display:inline-block; transition:0.3s; margin-top:30px; }

.grasse-rose .grasse-rose-link::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.grasse-rose .grasse-rose-link:hover { transform: rotate(-3deg);}

.grasse-rose .grasse-rose-link:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.grasse-rose .rose-1 { width:45px; height:45px; position:absolute; top:110px; right:35px; animation: animate-rose 1.5s infinite;}

.grasse-rose .rose-2 { width:36px; height:36px; position:absolute; top:155px; right:0px; animation: animate-rose 2s infinite;}


@keyframes animate-rose {
  0%   { 
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
  50%   { 
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
  100% { 
-ms-transform: rotate(-5deg); 
transform: rotate(-5deg); 
}
}


.orange-flower { width:100%; position:relative; margin:0 auto;  padding-top:40px;}

.orange-flower .right-text { position:absolute; right:0; top:0; }

.orange-flower .orange-flower-img { margin-top:60px; margin-right:100px;}

.orange-flower .orange-flower-container { float:left; }

.orange-flower .orange-flower-container p {  font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:20px; }

.orange-flower .orange-flower-container hr { background-color:#e61f9d; width:60px; height:3px; margin-left:0px;}

.orange-flower .orange-flower-type { font-family: 'Apercu Pro', sans-serif; font-size:20px; line-height:24px; margin-top:20px; margin-bottom:10px;}

.orange-flower .orange-flower-title { font-family: 'D-DIN Condensed', sans-serif; font-size:40px; font-weight:bold; text-transform:uppercase; line-height:34px; margin-bottom:20px; }

.orange-flower .text-1 { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; left:5px; }

.orange-flower .text-1::after{ content: " "; background-color:#f5dadf; opacity:0.6; width:314px; height:24px; position:absolute; left:-5px; top:-1px; z-index:-1; } 

.orange-flower .text-2 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; margin-top:10px; left:5px; z-index:1; }

.orange-flower .text-2::after { content: " "; background-color:#f5dadf; opacity:0.6; width:282px; height:24px; position:absolute; left:-5px; top:-1px;  z-index:-1;  }

.orange-flower .orange-flower-link { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:relative; display:inline-block; transition:0.3s;  margin-top:30px; }

.orange-flower .orange-flower-link::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; bottom:15px; right:20px;  }

.orange-flower .orange-flower-link:hover { transform: rotate(-3deg); }

.orange-flower .orange-flower-link:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.blue-jasmine { width:100%; position:relative; padding-top:40px;}

.blue-jasmine .right-text { position:absolute; right:0; top:0; }

.blue-jasmine .left-img { width:1000px; margin:0 auto; text-align:center; }

.blue-jasmine .blue-jasmine-img { margin-top:60px; }

.blue-jasmine .blue-jasmine-container { position:absolute; width:1000px; left:50%; margin-left:-500px; }

.blue-jasmine .blue-jasmine-container p {  font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:20px; }

.blue-jasmine .blue-jasmine-container hr { background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:0; top:350px;}

.blue-jasmine .blue-jasmine-type { font-family: 'Apercu Pro', sans-serif; font-size:20px; line-height:24px; margin-top:20px; margin-bottom:10px;}

.blue-jasmine .blue-jasmine-title { font-family: 'D-DIN Condensed', sans-serif; font-size:40px; font-weight:bold; text-transform:uppercase; line-height:34px; margin-bottom:40px; }

.blue-jasmine .text-1 { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; left:5px; z-index:1; }

.blue-jasmine .text-1::after { content: " "; background-color:#f5dadf; opacity:0.6; width:313px; height:24px; position:absolute; left:-5px; top:-5px; z-index:-1; }

.blue-jasmine .text-2 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; left:5px; z-index:1;   margin-top:10px; }

.blue-jasmine .text-2::after { content: " "; background-color:#f5dadf; opacity:0.6; width:303px; height:24px; position:absolute; left:-5px; top:-5px; z-index:-1; }

.blue-jasmine .blue-jasmine-link { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:relative; display:inline-block; margin-top:30px; transition:0.3s; }

.blue-jasmine .blue-jasmine-link::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.blue-jasmine .blue-jasmine-link:hover { transform: rotate(-3deg);}

.blue-jasmine .blue-jasmine-link:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.night-dream-tea-main { position:relative; width:1100px; margin:0 auto; }

.night-dream-tea { width:100%; position:relative; padding-top:40px;}

.night-dream-tea .right-text { position:absolute; right:0; top:0; }

.night-dream-tea .left-img { width:1000px; margin:0 auto; text-align:center; }

.night-dream-tea .night-dream-tea-img { margin-top:60px; }

.night-dream-tea .night-dream-tea-container { position:absolute; width:1000px; left:50%; margin-left:-500px; }

.night-dream-tea .night-dream-tea-container p {  font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:20px; }

.night-dream-tea .night-dream-tea-container hr { background-color:#aacd06; width:60px;  height:3px; position:absolute; left:0; top:350px;}

.night-dream-tea .night-dream-tea-type { font-family: 'Apercu Pro', sans-serif; font-size:20px; line-height:24px; margin-top:20px; margin-bottom:10px;}

.night-dream-tea .night-dream-tea-title { font-family: 'D-DIN Condensed', sans-serif; font-size:40px; font-weight:bold; text-transform:uppercase; line-height:34px; margin-bottom:40px; }

.night-dream-tea .text-1 { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; left:5px; z-index:1; }

.night-dream-tea .text-1::after { content: " "; background-color:#f5dadf; opacity:0.6; width:313px; height:24px; position:absolute; left:-5px; top:-5px; z-index:-1; }

.night-dream-tea .text-2 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; left:5px; z-index:1;   margin-top:10px; }

.night-dream-tea .text-2::after { content: " "; background-color:#f5dadf; opacity:0.6; width:303px; height:24px; position:absolute; left:-5px; top:-5px; z-index:-1; }

.night-dream-tea .night-dream-tea-link { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:relative; display:inline-block; margin-top:30px; transition:0.3s; }

.night-dream-tea .night-dream-tea-link::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.night-dream-tea .night-dream-tea-link:hover { transform: rotate(-3deg);}

.night-dream-tea .night-dream-tea-link:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-main-shampoo-night-dream-tea  { position:absolute; top:250px; right:350px; width:230px; height:462px; }

.product-main-treatment-night-dream-tea { position:absolute; top:250px; right:110px; width:230px; height:459px;}

.product-main-mist-night-dream-tea { position:absolute; top:250px; right:-70px; width:230px; height:459px;}

.night-dream-tea-main-text1 { position:absolute; top:380px; left:-20px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.night-dream-tea-main-text1::after { content: " "; background-color:#fff; width:465px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}

.night-dream-tea-main-text2 { position:absolute; top:430px; left:-20px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.night-dream-tea-main-text2::after { content: " "; background-color:#fff; width:330px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}

.night-dream-tea-main-text3 { position:absolute; top:480px; left:-20px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.night-dream-tea-main-text3::after { content: " "; background-color:#fff; width:410px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}

.night-dream-tea-background-container { width:1200px; margin:0 auto;  background:url("../img/bonheur/night-dream-tea/bg_desktop.webp"); padding-top:20px; }

.night-dream-tea-img-resize { margin-left:30px; margin-top:30px; width:90%; float:right; }

.night-dream-tea-product-info  { margin-top:120px;}

.night-dream-tea-product-info .product-info-container { padding:30px; }

.night-dream-tea-product-info .night-dream-tea-product-info-img { margin-top:60px; }

.night-dream-tea-product-info .night-dream-tea-product-info-img-right { padding-left:10px;}

.night-dream-tea-product-info .night-dream-tea-product-info-container { float:left; }

.night-dream-tea-img-container { width:100%; position:relative; }

.night-dream-tea-craft-fragrance { width:100%; margin:0 auto; position:relative; }

.night-dream-tea-product-info-container-spacing-left { margin-left:60px; }

.night-dream-tea-craft-fragrance-text { color:#fff; display:block; margin-bottom:20px;}

.night-dream-tea-craft-fragrance-text span {font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:36px; text-transform:uppercase;  }

.night-dream-tea-craft-fragrance  hr { background-color:#aacd06; width:60px;  height:3px; }

.night-dream-tea-craft-fragrance-title { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:fff; position:relative; left:5px; z-index:1;margin-bottom:30px; }

.night-dream-tea-craft-fragrance-title::after { content: " "; background-color:#958ecc; opacity:0.6; width:305px; height:24px; position:absolute; left:-5px; top:-5px; z-index:-1; }

.pyramid-img { margin:20px auto;}

.night-dream-tea-craft-fragrance-description { font-family: 'Apercu Pro', sans-serif; font-size:16px; text-align: justify;
  text-justify: inter-word; color:#fff;; width:400px;}
  
.night-dream-tea-pillow-mist-text { color:#fff; display:block; margin-bottom:20px;}

.night-dream-tea-pillow-mist-text span {font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:36px; text-transform:uppercase;  }

.night-dream-tea-pillow-mist  hr { background-color:#aacd06; width:60px;  height:3px; }

.night-dream-tea-pillow-mist-title { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:fff; position:relative; left:5px; z-index:1;margin-bottom:30px; }

.night-dream-tea-pillow-mist-title::after { content: " "; background-color:#958ecc; opacity:0.6; width:520px; height:24px; position:absolute; left:-5px; top:-5px; z-index:-1; }

.pyramid-img { margin:20px auto;}

.night-dream-tea-pillow-mist-how-to-use { font-family: 'Apercu Pro', sans-serif; font-size:24px; color:#fff; font-weight:bold; margin-bottom:20px;}

.night-dream-tea-pillow-mist-description { font-family: 'Apercu Pro', sans-serif; font-size:16px; text-align: justify;
  text-justify: inter-word; color:#fff; width:400px;}   
  
.night-dream-tea-pillow-mist-list { font-family: 'Apercu Pro', sans-serif; font-size:20px; color:#fff; position:relative; width:400px; margin-left:40px; margin-bottom:20px; }

.night-dream-tea-pillow-mist-list::before { content:''; position:absolute; left:-40px; top:-3px;background:url("../img/bonheur/night-dream-tea/tick_icon.webp"); background-size:contain; height:30px; width:30px; }

.night-dream-tea-craft-oil { width:1100px; margin:0 auto; position:relative; }

.night-dream-tea-craft-oil span { font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:36px; text-transform:uppercase;  }

.night-dream-tea-craft-oil .text { font-family: 'Apercu Pro', sans-serif; font-size:20px; color:#000; position:relative; text-align:center; margin-bottom:5px; font-weight:bold;}

.night-dream-tea-craft-oil .text-sub { font-family: 'Apercu Pro', sans-serif; font-size:14px; color:#000; position:relative; text-align:center; margin-bottom:20px;}

.night-dream-tea-craft-oil p { font-family: 'Apercu Pro', sans-serif; font-size:16px; color:#000!important; position:relative; text-align:center!important; width:200px!important;}

.night-dream-tea-craft-oil-icon { margin-bottom:30px; }

.night-dream-tea-craft-oil-line { background-color:#aacd06; width:60px;  height:3px; margin-bottom:30px; }

.product-info-rose-1 { width:45px; height:45px; position:absolute; top:-160px; right:140px; animation: animate-rose 1.5s infinite;}

.product-info-rose-2 { width:36px; height:36px; position:absolute; top:-95px; right:114px; animation: animate-rose 2s infinite;}

.night-dream-tea-product-info .night-dream-tea-product-info-container p {  font-family: 'Apercu Pro', sans-serif; font-size:16px; margin-bottom:0px; }

.night-dream-tea-product-info .text-1 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#fff; position:relative; z-index:1; }

.night-dream-tea-product-info .text-1::after { content: " "; background-color:#958ecc; opacity:0.6; width:264px; height:20px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.night-dream-tea-product-info .text-2 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#fff; position:relative; z-index:1; margin-top:10px; }

.night-dream-tea-product-info .text-2::after { content: " "; background-color:#958ecc; opacity:0.6; width:250px; height:20px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.night-dream-tea-product-info p { color:#fff; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; width:360px;margin-bottom:30px; text-align: justify;
  text-justify: inter-word;  }

.night-dream-tea-product-info-icon1 {  float:left; margin-right:30px; }
.night-dream-tea-product-info-icon2 { float:left; margin-right:30px;  }
.night-dream-tea-product-info-icon3 {float:left; }

.night-dream-tea-product-info hr { background-color:#aacd06; width:60px;  height:3px; margin-left:0px; border-top:none!important;}

.night-dream-tea-product-info-icon1 span, .night-dream-tea-product-info-icon2 span, .night-dream-tea-product-info-icon3 span { 

    display:block; 
    font-family: 'Apercu Pro', sans-serif; 
    font-size:14px; 
    margin-top:10px; 
    width:150px;
    color:#fff;
     }
     

.night-dream-tea-buy {
  position: relative;
  display: inline-block;
  margin-top:10px;
}

.night-dream-tea-buy .night-dream-tea-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #d6cee6;
  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;
}

.night-dream-tea-buy .night-dream-tea-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 #d6cee6 transparent;
}

.night-dream-tea-buy:hover .night-dream-tea-buy-text {
  visibility: visible;
  opacity: 1;
}

.night-dream-tea-buy-button { background:#d6cee6; padding:10px 60px 10px 20px; opacity:1; color:#000; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-transform:uppercase; }
.night-dream-tea-buy-button::after { background:url("../img/bonheur/bag.png");  content: " "; width:25px; height:22px; position:absolute; top:12px; right:15px;}
.night-dream-tea-buy-button:hover { opacity:0.8; }




.product-main-shampoo, .product-main-shampoo-blue-jasmine, .product-main-shampoo-orange-flower  { position:absolute; top:250px; right:335px; width:230px; height:462px; }

.product-main-treatment, .product-main-treatment-blue-jasmine, .product-main-treatment-orange-flower { position:absolute; top:250px; right:10px; width:230px; height:459px;}

.grasse-rose-main { position:relative; width:1100px; margin:0 auto; }

.grasse-rose-main-text1 { position:absolute; top:400px; left:30px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.grasse-rose-main-text1::after { content: " "; background-color:#fff; width:395px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}

.grasse-rose-main-text2 { position:absolute; top:450px; left:30px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.grasse-rose-main-text2::after { content: " "; background-color:#fff; width:370px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}

.grasse-rose-main-text3 { position:absolute; top:500px; left:30px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.grasse-rose-main-text3::after { content: " "; background-color:#fff; width:314px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}


.orange-flower-main { position:relative; width:1100px; margin:0 auto; }

.orange-flower-main-text1 { position:absolute; top:400px; left:30px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.orange-flower-main-text1::after { content: " "; background-color:#fff; width:445px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}

.orange-flower-main-text2 { position:absolute; top:450px; left:30px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.orange-flower-main-text2::after { content: " "; background-color:#fff; width:418px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}

.orange-flower-main-text3 { position:absolute; top:500px; left:30px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.orange-flower-main-text3::after { content: " "; background-color:#fff; width:381px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}


.blue-jasmine-main { position:relative; width:1100px; margin:0 auto;}

.blue-jasmine-main-text1 { position:absolute; top:400px; left:-10px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.blue-jasmine-main-text1::after { content: " "; background-color:#fff; width:539px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}

.blue-jasmine-main-text2 { position:absolute; top:450px; left:-10px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.blue-jasmine-main-text2::after { content: " "; background-color:#fff; width:349px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}

.blue-jasmine-main-text3 { position:absolute; top:500px; left:-10px; font-family: 'Apercu Pro', sans-serif; font-size:34px; line-height:38px; z-index:1; }

.blue-jasmine-main-text3::after { content: " "; background-color:#fff; width:426px; height:28px; position:absolute; left:-5px; top:-5px; z-index:-1;}


.grasse-rose-product-info  { margin-top:120px;}

.grasse-rose-product-info .product-info-container { max-width:100%; padding-left:9%; padding-top:40px; }

.grasse-rose-product-info .grasse-rose-product-info-img { margin-top:60px; }

.grasse-rose-product-info .grasse-rose-product-info-img-right { padding-right:15%; padding-left:30px;}

.grasse-rose-product-info .grasse-rose-product-info-container { float:left; }

.grasse-rose-img-container { width:100%; position:relative; }

.product-info-rose-1 { width:45px; height:45px; position:absolute; top:-160px; right:140px; animation: animate-rose 1.5s infinite;}

.product-info-rose-2 { width:36px; height:36px; position:absolute; top:-95px; right:114px; animation: animate-rose 2s infinite;}

.grasse-rose-product-info .grasse-rose-product-info-container p {  font-family: 'Apercu Pro', sans-serif; font-size:16px; margin-bottom:0px; }

.grasse-rose-product-info .text-1 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; z-index:1; }

.grasse-rose-product-info .text-1::after { content: " "; background-color:#f5dadf; opacity:0.6; width:284px; height:20px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.grasse-rose-product-info .text-2 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; z-index:1; margin-top:10px; }

.grasse-rose-product-info .text-2::after { content: " "; background-color:#f5dadf; opacity:0.6; width:365px; height:20px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.grasse-rose-product-info p {  font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; width:360px;margin-bottom:30px; text-align: justify;
  text-justify: inter-word;  }

.grasse-rose-product-info-icon1 {  float:left; margin-right:30px; }
.grasse-rose-product-info-icon2 { float:left; margin-right:30px;  }
.grasse-rose-product-info-icon3 {float:left; }

.grasse-rose-product-info hr { background-color:#e61f9d; width:60px;  height:3px; margin-left:0px;}

.grasse-rose-product-info-icon1 span, .grasse-rose-product-info-icon2 span, .grasse-rose-product-info-icon3 span { 

    display:block; 
    font-family: 'Apercu Pro', sans-serif; 
    font-size:14px; 
    margin-top:10px; 
    width:150px;
     }
     
.orange-flower-product-info  { padding-top:120px;}

.orange-flower-product-info .product-info-container { max-width:100%; padding-left:9%; padding-top:40px; }

.orange-flower-product-info .orange-flower-product-info-img { margin-top:60px; }

.orange-flower-product-info .orange-flower-product-info-img-right { padding-right:15%; padding-left:30px;}

.orange-flower-product-info .orange-flower-product-info-container { float:left; }

.orange-flower-product-info .orange-flower-product-info-container p {  font-family: 'Apercu Pro', sans-serif; font-size:16px; margin-bottom:0px; }
    
.orange-flower-product-info-text { font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:15px; }
    
.orange-flower-product-info .text-1 { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; z-index:1; }

.orange-flower-product-info .text-1::after { content: " "; background-color:#f5dadf; opacity:0.6; width:238px; height:24px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.orange-flower-product-info .text-2 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; z-index:1; margin-top:10px;}

.orange-flower-product-info .text-2::after { content: " "; background-color:#f5dadf; opacity:0.6; width:161px; height:24px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.orange-flower-product-info p {font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; width:360px;margin-bottom:30px; text-align: justify;
  text-justify: inter-word; }
  
.orange-flower-product-info  hr { background-color:#e61f9d; width:60px;  height:3px; margin-left:0px;}

.orange-flower-product-info-icon1 { float:left; margin-right:30px;}
.orange-flower-product-info-icon2 { float:left; margin-right:30px; }
.orange-flower-product-info-icon3 { float:left;  }

.orange-flower-product-info-icon1 span, .orange-flower-product-info-icon2 span, .orange-flower-product-info-icon3 span { 
    

    display:block; 
    font-family: 'Apercu Pro', sans-serif; 
    font-size:14px; 
    margin-top:10px; 
    width:150px;
     }     

.blue-jasmine-product-info  { padding-top:120px;}

.blue-jasmine-product-info .product-info-container { max-width:100%; padding-left:7%; padding-top:40px; }

.blue-jasmine-product-info .blue-jasmine-product-info-img { margin-top:60px; }

.blue-jasmine-product-info .blue-jasmine-product-info-img-right { padding-right:15%; padding-left:30px; }

.blue-jasmine-product-info .blue-jasmine-product-info-container {  }

.blue-jasmine-product-info .blue-jasmine-product-info-container p {  font-family: 'Apercu Pro', sans-serif; font-size:16px; margin-bottom:0px; }

.blue-jasmine-product-info .text-1 { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; z-index:1; }

.blue-jasmine-product-info .text-1::after { content: " "; background-color:#cfe5e6; opacity:0.6; width:376px; height:24px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.blue-jasmine-product-info .text-2 { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; z-index:1; margin-top:10px; }

.blue-jasmine-product-info .text-2::after { content: " "; background-color:#cfe5e6; opacity:0.6; width:361px; height:24px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.blue-jasmine-product-info p { font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; width:360px;margin-bottom:30px; text-align: justify;
  text-justify: inter-word; }

.blue-jasmine-product-info hr { background-color:#7ac1c9; width:60px;  height:3px; margin-left:0px;}

.blue-jasmine-product-info-icon1 { float:left; margin-right:30px; }
.blue-jasmine-product-info-icon2 { float:left; margin-right:30px; }
.blue-jasmine-product-info-icon3 { float:left; }

.blue-jasmine-product-info-icon1 span, .blue-jasmine-product-info-icon2 span, .blue-jasmine-product-info-icon3 span { 
    

    display:block; 
    font-family: 'Apercu Pro', sans-serif; 
    font-size:14px; 
    margin-top:10px; 
    width:150px;
     }

.product-list { width:1100px; margin:0 auto; }

.product-list-3-col { width:900px; margin:0 auto; }

.product-list-1 { float:left;margin-left:40px;margin-right:20px; }

.product-list-2 { float:left;margin-right:20px; }

.product-list-3 { float:left;margin-right:20px; }

.product-list-4 { float:left;}


.product-description { margin-top:20px; width:250px;}

.product-list-title { font-family: 'D-DIN Condensed', sans-serif; font-size:20px; text-transform:uppercase; }

.product-list-type { font-family: 'Apercu Pro', sans-serif; font-size:26px; text-transform:uppercase; }

.product-list p { margin:0; padding:0 }

.grasse-rose-buy {
  position: relative;
  display: inline-block;
  margin-top:10px;

}

.grasse-rose-buy .grasse-rose-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #f5dadf;
  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;
}

.grasse-rose-buy .grasse-rose-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 #f5dadf transparent;
}

.grasse-rose-buy:hover .grasse-rose-buy-text {
  visibility: visible;
  opacity: 1;
}

.grasse-rose-buy-button { background:#f5dadf; padding:10px 60px 10px 20px; opacity:1; color:#000; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-transform:uppercase;  }
.grasse-rose-buy-button::after { background:url("../img/bonheur/bag.png");  content: " "; width:25px; height:22px; position:absolute; top:12px; right:15px;}
.grasse-rose-buy-button:hover { opacity:0.8; }

.orange-flower-buy {
  position: relative;
  display: inline-block;
  margin-top:10px;
}

.orange-flower-buy .orange-flower-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #f5dadf;
  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;
}

.orange-flower-buy .orange-flower-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 #f5dadf transparent;
}

.orange-flower-buy:hover .orange-flower-buy-text {
  visibility: visible;
  opacity: 1;
}

.orange-flower-buy-button { background:#f5dadf; padding:10px 60px 10px 20px; opacity:1; color:#000; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-transform:uppercase; }
.orange-flower-buy-button::after { background:url("../img/bonheur/bag.png");  content: " "; width:25px; height:22px; position:absolute; top:12px; right:15px;}
.orange-flower-buy-button:hover { opacity:0.8; }

.blue-jasmine-buy {
  position: relative;
  display: inline-block;
  margin-top:10px;
}

.blue-jasmine-buy .blue-jasmine-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #cfe5e6;
  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;
}

.blue-jasmine-buy .blue-jasmine-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 #cfe5e6 transparent;
}

.blue-jasmine-buy:hover .blue-jasmine-buy-text {
  visibility: visible;
  opacity: 1;
}

.blue-jasmine-buy-button { background:#cfe5e6; padding:10px 60px 10px 20px; opacity:1; color:#000; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-transform:uppercase; }
.blue-jasmine-buy-button::after { background:url("../img/bonheur/bag.png");  content: " "; width:25px; height:22px; position:absolute; top:12px; right:15px;}
.blue-jasmine-buy-button:hover { opacity:0.8; }


.grasse-rose-craft-fragrance { width:1100px; margin:0 auto; position:relative; }

.grasse-rose-craft-fragrance-text { position:absolute; left:-65px; top:0px; width:400px;}

.grasse-rose-craft-fragrance-img { position:absolute; right:30px; top:-30px;}

.grasse-rose-craft-fragrance-text span {font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:36px; text-transform:uppercase; top:40px; left:-90px; position:relative;  }

.grasse-rose-craft-fragrance  hr { background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:0; top:160px;}

.grasse-rose-craft-fragrance-rose { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:absolute; left:0px; top:220px; z-index:1; }

.grasse-rose-craft-fragrance-rose::after { content: " "; background-color:#f5dadf; opacity:0.6; width:176px; height:24px; position:absolute; left:-6px; top:-5px; z-index:-1; }

.grasse-rose-craft-fragrance-description { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; left:0; top:265px; width:350px; text-align: justify;
  text-justify: inter-word; }

.grasse-rose-craft-oil { width:1100px; margin:0 auto; position:relative; }

.grasse-rose-craft-oil-text { position:absolute; left:50%; margin-left:-500px; top:0px; width:1000px;}

.grasse-rose-craft-oil-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px; font-weight:bold;  text-transform:uppercase; top:40px; left:-90px; position:relative;  }

.icon-img { width:100px; height:132px; float:left; margin-right:30px; }

.oil-icon-1 {width:100px; height:100px; }
.oil-icon-2 {width:100px; height:115px; }
.oil-icon-3 {width:100px; height:59px; }
.oil-icon-4 {width:100px; height:83px; }
.oil-icon-5 {width:100px; height:132px;}

.grasse-rose-craft-oil .text { float:left;font-family: 'Apercu Pro', sans-serif; font-size:20px; margin-bottom:35px;}
.grasse-rose-craft-oil .text::after { content: " "; background-color:#e61f9d; width:60px;  height:3px; position:absolute; top:40px; left:146; }
.grasse-rose-craft-oil p { float:left; font-family: 'Apercu Pro', sans-serif; font-size:16px; width:200px;}

.grasse-rose-craft-oil .note { padding:20px; font-family: 'Apercu Pro', sans-serif; font-size:11px; margin-top:10px; display:block;} 

.grasse-rose-craft-oil .note span { margin-left:5px; margin-right:5px;} 

.grasse-rose-craft-oil sup { font-size:14px;} 

.grasse-rose-craft-soap { width:1100px; margin:0 auto; position:relative; }

.grasse-rose-craft-soap-text { position:absolute; left:-65px; top:0px; width:400px;}

.grasse-rose-craft-soap-img { position:absolute; right:30px; top:-30px;}

.grasse-rose-craft-soap-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px; font-weight:bold;  text-transform:uppercase; top:40px; left:-90px; position:relative;  }

.grasse-rose-craft-soap  hr { background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:0; top:140px;}

.grasse-rose-craft-soap-description { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; left:0; top:190px; width:360px; text-align: justify;
  text-justify: inter-word;}

.orange-flower-craft-fragrance { width:1100px; margin:0 auto; position:relative; }

.orange-flower-craft-fragrance-text { position:absolute; left:-65px; top:0px; width:400px;}

.orange-flower-craft-fragrance-img { position:absolute; right:30px; top:-30px;}

.orange-flower-craft-fragrance-text span {font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:36px; text-transform:uppercase; top:40px; left:-90px; position:relative;  }

.orange-flower-craft-fragrance  hr { background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:0; top:160px;}

.orange-flower-craft-fragrance-orange { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:absolute; left:0px; top:220px; z-index:1; }

.orange-flower-craft-fragrance-orange::after { content: " "; background-color:#f5dadf; opacity:0.6; width:203px; height:24px; position:absolute; left:-6px; top:-5px; z-index:-1; }

.orange-flower-craft-fragrance-description { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; left:0; top:265px; width:350px; text-align: justify;
  text-justify: inter-word;}

.orange-flower-craft-oil { width:1100px; margin:0 auto; position:relative; }

.orange-flower-craft-oil-text { position:absolute; left:50%; margin-left:-500px; top:0px; width:1000px;}

.orange-flower-craft-oil-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px;  font-weight:bold; text-transform:uppercase; top:40px; left:-90px; position:relative;  }

.icon-img { width:100px; height:132px; float:left; margin-right:30px; }

.oil-icon-1 {width:100px; height:100px; }
.oil-icon-2 {width:100px; height:115px; }
.oil-icon-3 {width:100px; height:59px; }
.oil-icon-4 {width:100px; height:83px; }
.oil-icon-5 {width:100px; height:132px;}

.orange-flower-oil-icon-1 {width:100px; height:85px; }
.orange-flower-oil-icon-2 {width:100px; height:115px; }
.orange-flower-oil-icon-3 {width:100px; height:84px; }

.orange-flower-craft-oil .text { float:left;font-family: 'Apercu Pro', sans-serif; font-size:20px; margin-bottom:35px;}
.orange-flower-craft-oil .text::after { content: " "; background-color:#e61f9d; width:60px;  height:3px; position:absolute; top:40px; left:146; }
.orange-flower-craft-oil p { float:left; font-family: 'Apercu Pro', sans-serif; font-size:16px; width:200px;}

.orange-flower-craft-oil .note { padding:20px; font-family: 'Apercu Pro', sans-serif; font-size:11px; margin-top:10px; display:block;} 

.orange-flower-craft-oil .note span { margin-left:5px; margin-right:5px;} 

.orange-flower-craft-oil sup { font-size:14px;} 

.orange-flower-craft-soap { width:1100px; margin:0 auto; position:relative; }

.orange-flower-craft-soap-text { position:absolute; left:-65px; top:0px; width:400px;}

.orange-flower-craft-soap-img { position:absolute; right:30px; top:-30px;}

.orange-flower-craft-soap-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px; font-weight:bold; text-transform:uppercase; top:40px; left:-90px; position:relative;  }

.orange-flower-craft-soap  hr { background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:0; top:140px;}

.orange-flower-craft-soap-description { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; left:0; top:190px; width:360px; text-align: justify;
  text-justify: inter-word;}


.blue-jasmine-craft-fragrance { width:1100px; margin:0 auto; position:relative; }

.blue-jasmine-craft-fragrance-text { position:absolute; left:-65px; top:0px; width:400px;}

.blue-jasmine-craft-fragrance-img { position:absolute; right:30px; top:-30px;}

.blue-jasmine-craft-fragrance-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px; font-weight:bold; text-transform:uppercase; top:40px; left:-90px; position:relative;  }

.blue-jasmine-craft-fragrance  hr { background-color:#cfe5e6; width:60px;  height:3px; position:absolute; left:0; top:160px;}

.blue-jasmine-craft-fragrance-rose { 
    
 font-family: 'Apercu Pro', sans-serif; font-style: italic; font-size:24px;  text-transform:uppercase; color:#000; position:absolute; left:0px; top:220px; z-index:1; }

.blue-jasmine-craft-fragrance-rose::after { content: " "; background-color:#f5dadf; opacity:0.6; width:246px; height:20px; position:absolute; left:-5px; top:-5px; z-index:-1; }

.blue-jasmine-craft-fragrance-blue { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:absolute; left:0px; top:220px; z-index:1; }

.blue-jasmine-craft-fragrance-blue::after { content: " "; background-color:#cfe5e6; opacity:0.6; width:181px; height:24px; position:absolute; left:-6px; top:-5px; z-index:-1; }

.blue-jasmine-craft-fragrance-description { position:absolute; left:0; top:265px; width:350px;}

.blue-jasmine-craft-fragrance-description p { font-family: 'Apercu Pro', sans-serif; font-size:16px;  text-align: justify;
  text-justify: inter-word; }

.blue-jasmine-craft-oil { width:1100px; margin:0 auto; position:relative; }

.blue-jasmine-craft-oil-text { position:absolute; left:50%; margin-left:-500px; top:0px; width:1000px;}

.blue-jasmine-craft-oil-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px; font-weight:bold; text-transform:uppercase; top:40px; left:-90px; position:relative;  }

.icon-img { width:100px; height:132px; float:left; margin-right:30px; }

.oil-icon-1 {width:100px; height:100px; }
.oil-icon-2 {width:100px; height:115px; }
.oil-icon-3 {width:100px; height:59px; }
.oil-icon-4 {width:100px; height:83px; }
.oil-icon-5 {width:100px; height:132px;}

.blue-jasmine-oil-icon-1 {width:100px; height:101px; }

.blue-jasmine-oil-icon-2 {width:100px; height:137px; }

.blue-jasmine-icon-left { position:absolute; top:0; left:-30px; }
.blue-jasmine-icon-right { position:absolute; top:0; right:30px; }

.blue-jasmine-craft-oil .text { float:left;font-family: 'Apercu Pro', sans-serif; font-size:20px; margin-bottom:35px;}
.blue-jasmine-craft-oil .text::after { content: " "; background-color:#cfe5e6; width:60px;  height:3px; position:absolute; top:40px; left:146; }
.blue-jasmine-craft-oil p { float:left; font-family: 'Apercu Pro', sans-serif; font-size:16px; width:200px; }

.blue-jasmine-craft-oil .note { padding:20px; font-family: 'Apercu Pro', sans-serif; font-size:11px; margin-top:10px; display:block;} 

.blue-jasmine-craft-oil .note span { margin-left:5px; margin-right:5px;} 

.blue-jasmine-craft-oil sup { font-size:14px;} 

.blue-jasmine-craft-soap { width:1100px; margin:0 auto; position:relative; }

.blue-jasmine-craft-soap-text { position:absolute; left:-65px; top:0px; width:400px;}

.blue-jasmine-craft-soap-img { position:absolute; right:30px; top:-30px;}

.blue-jasmine-craft-soap-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px; font-weight:bold; text-transform:uppercase; top:40px; left:-90px; position:relative;  }

.blue-jasmine-craft-soap  hr { background-color:#cfe5e6; width:60px;  height:3px; position:absolute; left:0; top:140px;}

.blue-jasmine-craft-soap-description { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; left:0; top:190px; width:360px; text-align: justify;
  text-justify: inter-word;}

.lineup { width:600px; margin:0 auto; }

.lineup-3-products { width:900px; margin:0 auto; }


.lineup span, .lineup-3-products span { font-family: 'D-DIN Condensed', sans-serif; font-size:30px; text-transform:uppercase; display:block; margin-top:20px; }


.view-grasse-rose { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 95px 15px 45px; margin-top:15px; color:#000; transition:0.3s; position:relative; display:inline-block;}

.view-grasse-rose::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px; }

.view-grasse-rose:hover { transform: rotate(-3deg);}

.view-grasse-rose:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.view-orange-flower { background:#f6e7d0; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 95px 15px 45px; margin-top:15px; color:#000; transition:0.3s; position:relative; display:inline-block;}

.view-orange-flower::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px; }

.view-orange-flower:hover { transform: rotate(-3deg);}

.view-orange-flower:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.view-blue-jasmine { background:#cfe5e6; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 95px 15px 45px; margin-top:15px; color:#000; transition:0.3s; position:relative; display:inline-block;}

.view-blue-jasmine::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px; }

.view-blue-jasmine:hover { transform: rotate(-3deg);}

.view-blue-jasmine:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.view-night-dream-tea { background:#d6cee6; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 95px 15px 45px; margin-top:15px; color:#000; transition:0.3s; position:relative; display:inline-block;}

.view-night-dream-tea::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px; }

.view-night-dream-tea:hover { transform: rotate(-3deg);}

.view-night-dream-tea:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }


.icon-text { margin-top:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; display:block; text-align:center;}

.icon-list { padding-top:190px; }

.title-text-grasse { margin-left:54px }
.title-text-orange{ margin-left:72px }
.title-text-blue { margin-left:78px }
.title-text-night { margin-left:79px }

.lineup-img { margin-left:60px; }

.lineup-title-text { margin-bottom:60px; }


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


.top { padding-top:52px; }

.about {  width:100%; margin:0 auto; position:relative;} 

.about .happy { position:absolute; top:110px; left:50px; background:rgba(255,255,255,0.9); padding:5px; font-family: 'Apercu Pro', sans-serif; font-size:26px; }

.about .farmlands { position:absolute; top:165px; left:50px; background:rgba(255,255,255,0.9); padding:5px; font-family: 'Apercu Pro', sans-serif; font-size:26px; }

.about .manufacturers-and-us { position:absolute; top:220px; left:50px; background:rgba(255,255,255,0.9); padding:5px; font-family: 'Apercu Pro', sans-serif; font-size:26px; }

.about .title { 
    
font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:30px; letter-spacing:2px; text-transform:uppercase; color:#000; position:relative; top:-30px; right:0; z-index:1; padding:15px;}

.about .title::after { content: " "; background-color:#f5dadf; width:90%;  height:20px; position:absolute; left:15px; top:34px; z-index:-1; }

.about .text { position:relative; top:-112px; left:0; right:0; width:80%; padding:30px; text-align: justify;
  text-justify: inter-word; }

.about .text p { font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:normal; line-height:22px;}

.about img { margin:30px 0px 0px 10px; display:block;}

.five-standards, .bonheur-story {  width:100%; margin:0 auto; position:relative; }

.five-standards-title {  font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:30px; letter-spacing:2px; text-transform:uppercase; color:#000; position:relative; left:0; top:10px; padding:15px; }

.five-standards-title::after { content: " "; background-color:#f5dadf; width:90%;  height:30px; position:absolute; left:15px; top:34px; z-index:-1; }

.five-standards-text {  font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:normal; line-height:22px; position:relative; top:105px; right:0; width:80%; padding:30px; margin:0 auto; text-align: justify; left:0;
  text-justify: inter-word;}

.bonheur-story-text { width:80%; padding:0 30px; margin:0 auto; }

.left-img { position:absolute; top:110px; left:60px; width:100px; height:97px; }
.right-img { position:absolute; top:110px; right:100px; width:100px; height:95px; }

.icon { width:150px; height:150px; }

.icon1 { position:absolute; top:190px; left:60px; }
.icon2 { position:absolute; top:190px; left:260px;}
.icon3 { position:absolute; top:190px; left:460px;}
.icon4 { position:absolute; top:190px; left:660px;}
.icon5 { position:absolute; top:190px; left:860px;}

.icon-list { padding-top:100px;  }

.icon-text { margin-top:10px; margin-bottom:30px; font-family: 'Apercu Pro', sans-serif; font-size:16px; display:block; text-align:center;}

.craft { width:80%; margin:0 auto; position:relative; padding:30px; } 

.craft-fragrance { position:relative; left:0px; top:0px; width:100%;}

.craft-oil { position:relative; left:0; top:0px; width:100%;}

.craft-soap { position:relative; left:0; top:0px; width:100%;}

.craft-fragrance span, .craft-oil span, .craft-soap span {font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:30px; text-transform:uppercase; top:30px; left:40px; position:absolute;  }

.craft-fragrance p, .craft-oil p, .craft-soap p {font-family: 'Apercu Pro', sans-serif; font-size:16px; width:86%; text-align: justify;
  text-justify: inter-word; margin-left:0; padding:0 20px;}
 
 
.product { width:100%; height:2200px; margin:0 auto; position:relative; background:#faecef;}

.product-title { font-family: 'D-DIN Condensed', sans-serif; font-size:40px; font-weight:bold; text-transform:uppercase; top:40px; left:0; margin-left:0; position:relative; color:#000; text-align:center; width:80%; }

.product-title::after { content: " "; background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:50%; margin-left:-30px; top:50px;  }

.product-container { width:1100px; max-width:100%; margin:0 auto; position:relative;}

.product-img { position:absolute; top:90px; left:135px; }
.product-background { position:absolute; top:30px; left:35px; }

.product-img-4-columns-grasse-rose { position:absolute; top:90px; left:135px; width:199px; height:262px; }
.product-img-4-columns-blue-jasmine { position:absolute; top:90px; left:135px; width:199px; height:262px; }
.product-img-4-columns-orange-flower { position:absolute; top:90px; left:150px; width:199px; height:262px; }
.product-img-4-columns-night-dream-tea { position:absolute; top:90px; left:130px; width:242px; height:262px; }
.product-background-4-columns { position:absolute; top:30px; left:35px; width:230px; height:308px; }

.product-info-view-grasse-4-columns, .product-info-view-orange-4-columns, .product-info-view-blue-4-columns, .product-info-view-night-4-columns  { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 35px 15px 25px; color:#000; position:relative; top:390px; left:0; transition:0.3s;}

.product-info-title-4-columns-night-dream-tea, .product-info-title-4-columns-grasse-rose, .product-info-title-4-columns-blue-jasmine, .product-info-title-4-columns-orange-flower { font-family: 'D-DIN Condensed', sans-serif; font-size:30px; text-transform:uppercase; position:relative; top:370px; left:0; text-align:center;}

.product-info-title-text-4-columns { font-family: 'Apercu Pro', sans-serif; font-size:20px;  position:relative; top:370px;  left:0; text-align:center;}

.product-info-title { font-family: 'D-DIN Condensed', sans-serif; font-size:30px; text-transform:uppercase; position:relative; top:370px; left:0; text-align:center;}

.product-info-title-text { font-family: 'Apercu Pro', sans-serif; font-size:20px;  position:relative; top:370px;  left:0; text-align:center;}

.product-info-view-grasse { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 35px 15px 25px; color:#000; position:relative; top:390px; left:0; transition:0.3s;}

.product-info-view-grasse::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px; }

.product-info-view-grasse:hover { transform: rotate(-3deg);}

.product-info-view-grasse:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-info-view-orange { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 35px 15px 25px; color:#000; position:relative; top:390px; left:0;  transition:0.3s;}

.product-info-view-orange::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px; }

.product-info-view-orange:hover { transform: rotate(-3deg);}

.product-info-view-orange:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-info-view-blue { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 35px 15px 25px; color:#000; position:relative; top:390px; left:0; transition:0.3s; }

.product-info-view-blue::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.product-info-view-blue:hover { transform: rotate(-3deg);}

.product-info-view-blue:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-info-view-night { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 35px 15px 25px; color:#000; position:relative; top:390px; left:0; transition:0.3s; }

.product-info-view-night::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.product-info-view-night:hover { transform: rotate(-3deg);}

.product-info-view-night:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.title-text-grasse { margin-left:0; }
.title-text-orange{ margin-left:0; }
.title-text-blue {margin-left:0;}
.title-text-night { margin-left:0; }

.product-chart { position:relative; width:100%; margin:0 auto; padding-top:20px; }

.product-chart span { text-align:center; font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:30px; letter-spacing:2px;  position:relative; width:80%; left:0; margin-left:0px; top:30px; padding:0; }

.chart-icon-1 { position:absolute; left:-70px; top:45px; }
.chart-icon-2 { position:absolute; right:20px; top:50px;}
.chart-icon-3 { position:absolute; right:-45px; top:110px;}

.chart-img { position:relative; margin-top:20px;  }

.radiant-finish { font-family: 'Apercu Pro', sans-serif; font-size:20px; position:absolute; top:275px; left:535px; color:#ae9ea2;  z-index:1;}

.lightweight-texture { font-family: 'Apercu Pro', sans-serif; font-size:14px; position:absolute; bottom:70px; left:75px; color:#ae9ea2;  z-index:1;}

.soft-and-airy-finish { font-family: 'Apercu Pro', sans-serif; font-size:20px; position:absolute; bottom:39px; left:510px; color:#ae9ea2;  z-index:1;}

.rich-texture { font-family: 'Apercu Pro', sans-serif; font-size:20px; position:absolute; top:487px; right:96px; color:#ae9ea2;  z-index:1;}

.orange-flower-text { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; top:491px; left:545px; color:#333;  }

.blue-jasmine-text { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; bottom:75px; left:340px; color:#333;  }

.grasse-rose-text { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:absolute; top:556px; right:290px; color:#333;  }

.grasse-rose { width:100%; position:relative; z-index:10; }


.grasse-rose .right-text { position:absolute; right:0; top:0; }

.grasse-rose .grasse-rose-img { margin-top:60px; }

.grasse-rose .grasse-rose-container { position:relative; width:86%; left:0; margin-left:0; padding:20px; }

.grasse-rose .grasse-rose-container p {  font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:0px; position:relative; top:126px; left:12px; }

.grasse-rose .grasse-rose-container hr { background-color:#e61f9d; width:60px;  height:3px; position:relative; left:-119px; top:130px;  }

.grasse-rose .grasse-rose-type { font-family: 'Apercu Pro', sans-serif; font-size:20px; line-height:24px; margin-top:0; margin-bottom:0; position:relative; top:130px; left:10px;}

.grasse-rose .grasse-rose-title { font-family: 'D-DIN Condensed', sans-serif; font-size:40px; font-weight:bold; text-transform:uppercase; line-height:34px; margin-bottom:0; position:relative; top:136px; left:10px;}

.grasse-rose .text-1 { font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; left:10px; z-index:1; position:relative; top:143px; }

.grasse-rose .text-1::after { content: " "; background-color:#f5dadf; opacity:0.6; width:328px; height:24px; position:absolute; left:-6px; top:-1px; z-index:-1; }

.grasse-rose .text-2 { 
     
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px;  color:#000; margin-top:10px; left:10px; z-index:1;position:relative; top:146px; }

.grasse-rose .text-2::after { content: " "; background-color:#f5dadf; opacity:0.6; width:189px; height:24px; position:absolute; left:-6px; top:-1px; z-index:-1; }

.grasse-rose .button, .orange-flower .button, .blue-jasmine .button { background-image:none!important; border:none!important; padding:20px; z-index:10;}

.grasse-rose .grasse-rose-link { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:relative;  display:inline-block; transition:0.3s; top: 120px; margin-top:30px; left:-12px; }

.grasse-rose .grasse-rose-link::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.grasse-rose .grasse-rose-link:hover { transform: rotate(-3deg);}

.grasse-rose .grasse-rose-link:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.grasse-rose .rose-1 { width:45px; height:45px; position:absolute; top:110px; right:35px; animation: animate-rose 1.5s infinite;}

.grasse-rose .rose-2 { width:36px; height:36px; position:absolute; top:155px; right:0px; animation: animate-rose 2s infinite;}


@keyframes animate-rose {
  0%   { 
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
  50%   { 
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
  100% { 
-ms-transform: rotate(-5deg); 
transform: rotate(-5deg); 
}
}


.orange-flower { width:100%; position:relative; margin:0 auto;  padding-top:40px; z-index:9;}

.orange-flower .right-text { position:absolute; right:0; top:0; }

.orange-flower .orange-flower-img { margin-top:60px; margin-right:0;}

.orange-flower .orange-flower-container { position:relative; width:86%; left:0; margin-left:0; padding:20px; float:none; }

.orange-flower .orange-flower-container p {  font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:0px; position:relative; top:126px; left:12px; }

.orange-flower .orange-flower-container hr { background-color:#e61f9d; width:60px;  height:3px; position:relative; left:14px; top:130px;}

.orange-flower .orange-flower-type { font-family: 'Apercu Pro', sans-serif; font-size:20px; line-height:24px; margin-top:0; margin-bottom:0; position:relative; top:130px; left:10px;}

.orange-flower .orange-flower-title { font-family: 'D-DIN Condensed', sans-serif; font-size:40px; font-weight:bold; text-transform:uppercase; line-height:34px; margin-bottom:0; position:relative; top:136px; left:10px; }

.orange-flower .text-1 { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000;  left:10px; z-index:1; position:relative; top:143px;}

.orange-flower .text-1::after{ content: " "; background-color:#f5dadf; opacity:0.6; width:314px; height:24px; position:absolute; left:-5px; top:-1px; z-index:-1; } 

.orange-flower .text-2 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px;  color:#000; margin-top:10px; left:10px; z-index:1;position:relative; top:146px;}

.orange-flower .text-2::after { content: " "; background-color:#f5dadf; opacity:0.6; width:282px; height:24px; position:absolute; left:-5px; top:-1px;  z-index:-1;  }

.orange-flower .orange-flower-link { background:#f5dadf; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:relative;  display:inline-block; transition:0.3s; top: 120px; margin-top:30px; left:-12px;}

.orange-flower .orange-flower-link::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; bottom:15px; right:20px;  }

.orange-flower .orange-flower-link:hover { transform: rotate(-3deg); }

.orange-flower .orange-flower-link:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.blue-jasmine { width:100%; position:relative; padding-top:40px;}

.blue-jasmine .right-text { position:absolute; right:0; top:0; }

.blue-jasmine .left-img { width:1000px; margin:0 auto; text-align:center; }

.blue-jasmine .blue-jasmine-img { margin-top:60px; }

.blue-jasmine .blue-jasmine-container { position:relative; width:86%; left:0; margin-left:0; padding:20px; float:none; }

.blue-jasmine .blue-jasmine-container p {  font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:0px; position:relative; top:126px; left:12px;}

.blue-jasmine .blue-jasmine-container hr { background-color:#cfe5e6; width:60px;  height:3px; position:relative; left:-119px; top:130px;}

.blue-jasmine .blue-jasmine-type { font-family: 'Apercu Pro', sans-serif; font-size:20px; line-height:24px; margin-top:0; margin-bottom:0; position:relative; top:130px; left:10px;}

.blue-jasmine .blue-jasmine-title {  font-family: 'D-DIN Condensed', sans-serif; font-size:40px; font-weight:bold; text-transform:uppercase; line-height:34px; margin-bottom:0; position:relative; top:136px; left:10px; }

.blue-jasmine .text-1 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; left:10px; z-index:1; position:relative; top:143px;}

.blue-jasmine .text-1::after { content: " "; background-color:#cfe5e6; opacity:0.6; width:313px; height:24px; position:absolute; left:-5px; top:-5px; z-index:-1; }

.blue-jasmine .text-2 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px;  color:#000; margin-top:10px; left:10px; z-index:1;position:relative; top:146px; }

.blue-jasmine .text-2::after { content: " "; background-color:#cfe5e6; opacity:0.6; width:303px; height:24px; position:absolute; left:-5px; top:-5px; z-index:-1; }

.blue-jasmine .blue-jasmine-link { background:#cfe5e6; font-family: 'Apercu Pro', sans-serif; font-size:16px; padding:15px 75px 15px 25px; color:#000; position:relative; display:inline-block; transition:0.3s; top: 120px; margin-top:30px; left:-12px; }

.blue-jasmine .blue-jasmine-link::after { background:url("../img/bonheur/view_icon.png");  content: " "; width:36px; height:20px;  position:absolute; top:15px; right:20px;  }

.blue-jasmine .blue-jasmine-link:hover { transform: rotate(-3deg);}

.blue-jasmine .blue-jasmine-link:hover::after { background:url("../img/bonheur/view_icon_open.png");  content: " "; width:36px; height:20px; transform: rotate(-8deg); }

.product-main-img { margin-top:-40px; }

.product-main-shampoo { position:absolute; top:125px; right:100px; width:80px; height:161px; }

.product-main-treatment { position:absolute; top:125px; right:10px; width:80px; height:160px;}

.product-main-shampoo-orange-flower { position:absolute; top:115px; right:100px; width:80px; height:161px; }

.product-main-treatment-orange-flower { position:absolute; top:115px; right:10px; width:80px; height:160px;}

.product-main-shampoo-blue-jasmine { position:absolute; top:90px; right:100px; width:80px; height:161px; }

.product-main-treatment-blue-jasmine { position:absolute; top:90px; right:10px; width:80px; height:160px;}

.product-main-shampoo-night-dream-tea { position:absolute; top:90px; right:85px; width:65px; height:132px; transform: rotate(-11deg); z-index:3;}

.product-main-treatment-night-dream-tea { position:absolute; top:85px; right:35px; width:65px; height:132px; transform: rotate(11deg); z-index:1; }

.product-main-mist-night-dream-tea { position:absolute; top:95px; right:0; width:65px; height:132px; z-index:2;}

.night-dream-tea-main { position:relative; width:100%; margin:0 auto; }

.night-dream-tea-main-text1 { position:absolute; top:120px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1;  background:rgba(255,255,255,0.6); padding:5px; }

.night-dream-tea-main-text1::after { display:none; }

.night-dream-tea-main-text2 { position:absolute; top:155px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1; background:rgba(255,255,255,0.6); padding:5px;}

.night-dream-tea-main-text2::after { display:none; }

.night-dream-tea-main-text3 { position:absolute; top:190px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1; background:rgba(255,255,255,0.6); padding:5px;}

.night-dream-tea-main-text3::after { display:none; }

.night-dream-tea-product-info-icon1 {  float:left; margin-right:15px; width:30%; padding:0px; }
.night-dream-tea-product-info-icon2 { float:left; margin-right:15px; width:30%; padding:0px; }
.night-dream-tea-product-info-icon3 {float:left; width:30%; padding:0px; }

.night-dream-tea-product-info  { margin-top:120px;}

.night-dream-tea-product-info .product-info-container { max-width:100%; padding:30px;}

.night-dream-tea-background-container { max-width:100%; background:url("../img/bonheur/night-dream-tea/bg_mobile.webp"); }

.night-dream-tea-product-info-icon1 span, .night-dream-tea-product-info-icon2 span, .night-dream-tea-product-info-icon3 span { 
    display:block; 
    font-family: 'Apercu Pro', sans-serif; 
    font-size:14px; 
    margin-top:10px; 
    width:80%;
     }
     
.night-dream-tea-product-info p { width:100%; margin-bottom:30px; }

.night-dream-tea-img-resize { margin-left:10px; margin-top:100px; width:70%; float:right;}

.night-dream-tea-scent-img-resize {width:70%; position:absolute; top:-100px;}

.night-dream-tea-pillow-mist-title-1-mobile { font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:fff; position:relative; left:5px; z-index:1;margin-bottom:10px; }
.night-dream-tea-pillow-mist-title-2-mobile { font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:fff; position:relative; left:5px; z-index:1;margin-bottom:30px; }

.night-dream-tea-pillow-mist-title-1-mobile::after { content: " "; background-color:#958ecc; opacity:0.6; width:190px; height:24px; position:absolute; left:-5px; top:-5px; z-index:-1; }
.night-dream-tea-pillow-mist-title-2-mobile::after { content: " "; background-color:#958ecc; opacity:0.6; width:330px; height:24px; position:absolute; left:-5px; top:-5px; z-index:-1; }

.pillow-mist-img-mobile-resize { width:70%; float:right; margin-top:-30px; }

.night-dream-tea-craft-oil { max-width:90%; }

.night-dream-tea-craft-oil span { font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:36px; text-transform:uppercase;  }

.night-dream-tea-craft-oil .text { font-family: 'Apercu Pro', sans-serif; font-size:20px; color:#000; position:relative; text-align:center; margin-bottom:5px; font-weight:bold;}

.night-dream-tea-craft-oil .text-sub { font-family: 'Apercu Pro', sans-serif; font-size:14px; color:#000; position:relative; text-align:center; margin-bottom:20px;}

.night-dream-tea-craft-oil p { font-family: 'Apercu Pro', sans-serif; font-size:16px; color:#000!important; position:relative; text-align:center!important; width:200px!important;}

.night-dream-tea-craft-oil-icon { margin-bottom:30px; }

.night-dream-tea-craft-oil-line { background-color:#aacd06; width:60px;  height:3px; margin-bottom:30px; }

.night-dream-tea-craft-fragrance-description { max-width:100%;}

.night-dream-tea-pillow-mist-list { max-width:90%;  }
  
.grasse-rose-main { position:relative; width:100%; margin:0 auto; }

.grasse-rose-main-text1 { position:absolute; top:120px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1;  background:rgba(255,255,255,0.6); padding:5px; }

.grasse-rose-main-text1::after { display:none; }

.grasse-rose-main-text2 { position:absolute; top:155px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1; background:rgba(255,255,255,0.6); padding:5px;}

.grasse-rose-main-text2::after { display:none; }

.grasse-rose-main-text3 { position:absolute; top:190px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1; background:rgba(255,255,255,0.6); padding:5px;}

.grasse-rose-main-text3::after { display:none; }

.grasse-rose-product-info  { margin-top:120px;}

.grasse-rose-product-info .product-info-container { max-width:100%; padding:30px;}

.grasse-rose-product-info .grasse-rose-product-info-img { margin-top:60px; }

.grasse-rose-product-info .grasse-rose-product-info-img-right { padding-right:0; padding-left:30px;}

.grasse-rose-product-info .grasse-rose-product-info-container { float:left; }

.grasse-rose-img-container { width:100%; position:relative; }

.product-info-rose-1 { width:45px; height:45px; position:absolute; top:-150px; right:40px; animation: animate-rose 1.5s infinite;}

.product-info-rose-2 { width:36px; height:36px; position:absolute; top:-95px; right:24px; animation: animate-rose 2s infinite;}

.grasse-rose-product-info .grasse-rose-product-info-container p {  font-family: 'Apercu Pro', sans-serif; font-size:16px; margin-bottom:0px; }

.grasse-rose-product-info .text-1 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:22px; color:#000; position:relative; z-index:1; }

.grasse-rose-product-info .text-1::after { content: " "; background-color:#f5dadf; opacity:0.6; width:210px; height:20px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.grasse-rose-product-info .text-2 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:22px; color:#000; position:relative; z-index:1; margin-top:10px; }

.grasse-rose-product-info .text-2::after { content: " "; background-color:#f5dadf; opacity:0.6; width:270px; height:20px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.grasse-rose-product-info p {  font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; width:100%; padding:0; margin-bottom:30px; text-align: justify;
  text-justify: inter-word;  }

.grasse-rose-product-info-icon1 {  float:left; margin-right:15px; width:30%; padding:0px; }
.grasse-rose-product-info-icon2 { float:left; margin-right:15px; width:30%; padding:0px; }
.grasse-rose-product-info-icon3 {float:left; width:30%; padding:0px; }


.grasse-rose-product-info hr { background-color:#e61f9d; width:60px;  height:3px; margin-left:0px;}

.grasse-rose-product-info-icon1 span, .grasse-rose-product-info-icon2 span, .grasse-rose-product-info-icon3 span { 
    display:block; 
    font-family: 'Apercu Pro', sans-serif; 
    font-size:14px; 
    margin-top:10px; 
    width:80%;
     }
     
.product-list, .product-list-3-col { width:93%; margin:0 auto; }

.product-description { margin-top:20px; width:100%; }

.product-list-title { font-family: 'D-DIN Condensed', sans-serif; font-size:16px; text-transform:uppercase; }

.product-list-type { font-family: 'Apercu Pro', sans-serif; font-size:20px; line-height:22px; text-transform:uppercase; }

.product-list p { margin:0; padding:0 }

.resize-shampoo { width:60%; }

.resize-refill { width:49.7%; }

.resize-refill-mobile { width:29.7%; }

.resize-trial { width:70%; }


.grasse-rose-buy-button { background:#f5dadf; padding:10px 60px 10px 20px; opacity:1; color:#000; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-transform:uppercase;  }
.grasse-rose-buy-button::after { background:url("../img/bonheur/bag.png");  content: " "; width:25px; height:22px; position:absolute; top:12px; right:15px;}

.grasse-rose-craft-fragrance { width:84%; margin:0 auto; position:relative; }

.grasse-rose-craft-fragrance-text { position:absolute; left:10px; top:-20px; width:90%;}

.grasse-rose-craft-fragrance-img { position:relative; right:0; top:0; width:100%;}

.grasse-rose-craft-fragrance-text span {font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:36px; text-transform:uppercase; top:-60px; left:20px; position:relative;  }

.grasse-rose-craft-fragrance  hr { background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:0; top:160px;}

.grasse-rose-craft-fragrance-rose { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000; position:relative; left:0px; top:30px; z-index:1; }


.grasse-rose-craft-fragrance-description { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:relative; left:0; top:40px; width:100%; text-align: justify;
  text-justify: inter-word; }

.grasse-rose-craft-oil { width:90%; margin:0 auto; position:relative; padding-top:100px; }

.grasse-rose-craft-oil-text { position:relative; left:-4; margin-left:0; top:0px; width:90%; text-align:left; }

.grasse-rose-craft-oil-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px; font-weight:bold;  text-transform:uppercase; top:30px; left:-107px; position:relative;  }

.icon-img { width:100%; height:100px; float:none;  margin-right:0; margin-left:20px;       }

.oil-icon-1 {width:100px; height:100px; }
.oil-icon-2 {width:100px; height:115px; }
.oil-icon-3 {width:100px; height:59px; }
.oil-icon-4 {width:100px; height:83px; }
.oil-icon-5 {width:100px; height:132px;}



.grasse-rose-craft-oil .text { float:none;font-family: 'Apercu Pro', sans-serif; font-size:20px; margin-top:20px; margin-bottom:35px; margin-left:20px; }
.grasse-rose-craft-oil .text::after { content: " "; background-color:#e61f9d; width:60px;  height:3px; position:absolute; top:auto; margin-top:40px; left:36px; }

.grasse-rose-craft-oil .text-rice-oil { float:none;font-family: 'Apercu Pro', sans-serif; font-size:20px; margin-top:20px; margin-bottom:35px; margin-left:20px; }





.grasse-rose-craft-oil p { float:none; font-family: 'Apercu Pro', sans-serif; font-size:16px; width:80%; margin-left:20px; }

.grasse-rose-craft-oil .note { padding:20px; font-family: 'Apercu Pro', sans-serif; font-size:11px; margin-top:10px; display:block;} 

.grasse-rose-craft-oil .note span { margin-left:5px; margin-right:5px;} 

.grasse-rose-craft-oil sup { font-size:14px;} 

.grasse-rose-craft-soap { width:84%; margin:0 auto; position:relative; }

.grasse-rose-craft-soap-text { position:relative; left:-10px; top:0px; width:90%;}

.grasse-rose-craft-soap-img { position:relative; right:0px; top:-20px; width:100%;}

.grasse-rose-craft-soap-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px; font-weight:bold;  text-transform:uppercase; top:40px; left:46px; position:absolute;}


.grasse-rose-craft-soap  hr { background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:0; top:140px;}

.grasse-rose-craft-soap-description { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:relative; left:0; top:0; width:100%; padding:0; text-align: justify;
  text-justify: inter-word;}
  
.icon-mobile { position:absolute; top:-100px; width:30%; left:5px;}

.lineup, .lineup-3-products { width:80%; margin:0 auto; }
.lineup span, .lineup-3-products span { font-family: 'D-DIN Condensed', sans-serif; font-size:24px; text-transform:uppercase; display:block; margin-top:20px; }

.hide-on-mobile { display:none; }

.night-dream-tea-main { position:relative; width:100%; margin:0 auto; }

.orange-flower-main { position:relative; width:100%; margin:0 auto; }

.orange-flower-main-text1 { position:absolute; top:120px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1;  background:rgba(255,255,255,0.6); padding:5px; }

.orange-flower-main-text1::after { display:none;}

.orange-flower-main-text2 { position:absolute; top:155px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1; background:rgba(255,255,255,0.6); padding:5px;}

.orange-flower-main-text2::after { display:none;}

.orange-flower-main-text3 { position:absolute; top:190px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1; background:rgba(255,255,255,0.6); padding:5px;}
.orange-flower-main-text3::after { display:none;}

.blue-jasmine-main { position:relative; width:100%; margin:0 auto; }

.blue-jasmine-main-text1 { position:absolute; top:100px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1;  background:rgba(255,255,255,0.6); padding:5px; }

.blue-jasmine-main-text1::after { display:none;}

.blue-jasmine-main-text2 { position:absolute; top:135px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1; background:rgba(255,255,255,0.6); padding:5px;}
.blue-jasmine-main-text2::after { display:none;}
.blue-jasmine-main-text3 { position:absolute; top:170px; left:10px; font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; z-index:1; background:rgba(255,255,255,0.6); padding:5px;}

.blue-jasmine-main-text3::after { display:none;}

.orange-flower-product-info  { padding-top:120px; }

.orange-flower-product-info .product-info-container { max-width:100%; padding:30px; }

.orange-flower-product-info .orange-flower-product-info-img { margin-top:60px; }

.orange-flower-product-info .orange-flower-product-info-img-right { padding-right:15%; padding-left:30px;}

.orange-flower-product-info .orange-flower-product-info-container { float:left; }

.orange-flower-product-info .orange-flower-product-info-container p {  font-family: 'Apercu Pro', sans-serif; font-size:16px; margin-bottom:0px; }
    
.orange-flower-product-info-text { font-family: 'Apercu Pro', sans-serif; font-size:18px; margin-bottom:15px; }
    
.orange-flower-product-info .text-1 { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:22px; color:#000; position:relative; z-index:1; }

.orange-flower-product-info .text-1::after { content: " "; background-color:#f5dadf; opacity:0.6; width:146px; height:20px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.orange-flower-product-info .text-2 { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:22px; color:#000; position:relative; z-index:1; margin-top:10px;}

.orange-flower-product-info .text-2::after { content: " "; background-color:#f5dadf; opacity:0.6; width:286px; height:20px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.orange-flower-product-info p {font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; width:100%; padding:0; margin-bottom:30px; text-align: justify;
  text-justify: inter-word;}
  
.orange-flower-product-info  hr { background-color:#e61f9d; width:60px;  height:3px; margin-left:0px;}

.orange-flower-product-info-icon1 { float:left; margin-right:15px; width:30%; padding:0px;}
.orange-flower-product-info-icon2 { float:left; margin-right:15px; width:30%; padding:0px;}
.orange-flower-product-info-icon3 {float:left; width:30%; padding:0px;  }

.orange-flower-product-info-icon1 span, .orange-flower-product-info-icon2 span, .orange-flower-product-info-icon3 span { 
    display:block; 
    font-family: 'Apercu Pro', sans-serif; 
    font-size:14px; 
    margin-top:10px; 
    width:80%;
     }
     
.orange-flower-craft-fragrance { width:84%; margin:0 auto; position:relative; }

.orange-flower-craft-fragrance-text {position:absolute; left:10px; top:-20px; width:90%;}

.orange-flower-craft-fragrance-img {position:relative; right:0; top:0; width:100%;}

.orange-flower-craft-fragrance-text span {font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:36px; text-transform:uppercase; top:-70px; left:20px; position:relative;  }

.orange-flower-craft-fragrance  hr { background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:0; top:160px;}

.orange-flower-craft-fragrance-orange { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:30px; color:#000;position:relative; left:0px; top:30px; z-index:1; }

.orange-flower-craft-fragrance-orange::after { content: " "; background-color:#f5dadf; opacity:0.6; width:203px; height:24px; position:absolute; left:-6px; top:-5px; z-index:-1; }

.orange-flower-craft-fragrance-description { font-family: 'Apercu Pro', sans-serif; font-size:16px;  position:relative; left:0; top:40px; width:100%;  text-align: justify;
  text-justify: inter-word;}
  
  
.icon-mobile-orange-flower { position:absolute; top:-100px; width:30%; left:-10px;}

.orange-flower-craft-oil { width:90%;  margin:0 auto; position:relative; padding-top:100px; }

.orange-flower-craft-oil-text { position:relative; left:-4; margin-left:0; top:0px; width:100%; text-align:left; }

.orange-flower-craft-oil-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px;  font-weight:bold; text-transform:uppercase; top:40px; left:-90px; position:relative;  }

.orange-flower-oil-icon-1 {width:100px; height:85px; }
.orange-flower-oil-icon-2 {width:100px; height:115px; }
.orange-flower-oil-icon-3 {width:100px; height:84px; }

.orange-flower-craft-oil .text {float:none;font-family: 'Apercu Pro', sans-serif; font-size:20px; margin-top:20px; margin-bottom:35px; margin-left:20px;}
.orange-flower-craft-oil .text::after { content: " "; background-color:#e61f9d; width:60px;  height:3px; position:absolute; top:auto; margin-top:40px; left:36px;  }


.orange-flower-craft-oil .text-copaiba { float:none;font-family: 'Apercu Pro', sans-serif; font-size:20px; margin-top:20px; margin-bottom:35px; margin-left:0px; }


.orange-flower-craft-oil p { float:none; font-family: 'Apercu Pro', sans-serif; font-size:16px; width:80%; margin-left:20px; }

.orange-flower-craft-oil .note { padding:20px; font-family: 'Apercu Pro', sans-serif; font-size:11px; margin-top:10px; display:block;} 

.orange-flower-craft-oil .note span { margin-left:5px; margin-right:5px;} 

.orange-flower-craft-oil sup { font-size:14px;} 

.orange-flower-craft-soap { width:84%; margin:0 auto; position:relative; }

.orange-flower-craft-soap-text { position:relative; left:-10px; top:0px; width:90%;}


.orange-flower-craft-soap-img {  position:relative; right:0px; top:-20px; width:100%;}

.orange-flower-craft-soap-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px; font-weight:bold;  text-transform:uppercase; top:40px; left:46px; position:absolute; }

.orange-flower-craft-soap  hr { background-color:#e61f9d; width:60px;  height:3px; position:absolute; left:0; top:140px;}

.orange-flower-craft-soap-description {font-family: 'Apercu Pro', sans-serif; font-size:16px; position:relative; left:0; top:0; width:100%; padding:0; text-align: justify;
  text-justify: inter-word;}     
     
     
.blue-jasmine-product-info  { padding-top:120px;}

.blue-jasmine-product-info .product-info-container { max-width:100%; padding:30px}

.blue-jasmine-product-info .blue-jasmine-product-info-img { margin-top:60px; }


.blue-jasmine-product-info .blue-jasmine-product-info-container p {  font-family: 'Apercu Pro', sans-serif; font-size:16px; margin-bottom:0px; }

.blue-jasmine-product-info .text-1 { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:22px; color:#000; position:relative; z-index:1; }

.blue-jasmine-product-info .text-1::after { content: " "; background-color:#cfe5e6; opacity:0.6; width:280px; height:20px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.blue-jasmine-product-info .text-2 { 
    
 font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:22px; color:#000; position:relative; z-index:1; margin-top:10px; }

.blue-jasmine-product-info .text-2::after { content: " "; background-color:#cfe5e6; opacity:0.6; width:267px; height:20px; position:absolute; left:-5px; top:-3px; z-index:-1; }

.blue-jasmine-product-info p { font-family: 'Apercu Pro', sans-serif; font-size:16px; line-height:20px; width:100%; padding:0; margin-bottom:30px; text-align: justify;
  text-justify: inter-word; }

.blue-jasmine-product-info hr { background-color:#7ac1c9; width:60px;  height:3px; margin-left:0px;}

.blue-jasmine-product-info-icon1 { float:left; margin-right:15px; width:30%; padding:0px; }
.blue-jasmine-product-info-icon2 { float:left; margin-right:15px; width:30%; padding:0px;}
.blue-jasmine-product-info-icon3 {float:left; width:30%; padding:0px;}

.blue-jasmine-product-info-icon1 span, .blue-jasmine-product-info-icon2 span, .blue-jasmine-product-info-icon3 span { 
    

    display:block; 
    font-family: 'Apercu Pro', sans-serif; 
    font-size:14px; 
    margin-top:10px; 
    width:80%;
     }
    
     
.orange-flower-product-info-icon1 { float:left; margin-right:15px; width:30%; padding:0px;}
.orange-flower-product-info-icon2 { float:left; margin-right:15px; width:30%; padding:0px;}
.orange-flower-product-info-icon3 {float:left; width:30%; padding:0px;  }
     
         
 
.blue-jasmine-craft-fragrance { width:84%; margin:0 auto; position:relative; }

.blue-jasmine-craft-fragrance-text { position:absolute; left:10px; top:-20px; width:90%;}

.blue-jasmine-craft-fragrance-img { position:relative; right:0; top:0; width:100%;}

.blue-jasmine-craft-fragrance-text span {font-family: 'D-DIN Condensed', sans-serif; font-weight:bold; font-size:36px; text-transform:uppercase; top:-60px; left:20px; position:relative; }

.blue-jasmine-craft-fragrance  hr { background-color:#cfe5e6; width:60px;  height:3px; position:absolute; left:0; top:160px;}


.blue-jasmine-craft-fragrance-blue { 
    
font-family: freightbigcmp-pro, serif; font-weight: 600; font-style: italic; font-size:22px; color:#000; position:relative; left:0px; top:30px; z-index:1; }

.blue-jasmine-craft-fragrance-blue::after { content: " "; background-color:#cfe5e6; opacity:0.6; width:136px; height:20px; position:absolute; left:-6px; top:-5px; z-index:-1; }

.blue-jasmine-craft-fragrance-description { position:relative; left:0; top:40px; width:100%;}

.blue-jasmine-craft-fragrance-description p { font-family: 'Apercu Pro', sans-serif; font-size:16px;  text-align: justify;
  text-justify: inter-word; }


.blue-jasmine-craft-oil { width:90%;  margin:0 auto; position:relative; padding-top:80px; }

.blue-jasmine-craft-oil-text { position:relative; left:-4; margin-left:0; top:0px; width:100%; text-align:left; }

.blue-jasmine-craft-oil-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px;  font-weight:bold; text-transform:uppercase; top:40px; left:-90px; position:relative;  }


.blue-jasmine-icon-left { position:absolute; top:0; left:-30px; }
.blue-jasmine-icon-right { position:absolute; top:0; right:30px; }

.blue-jasmine-craft-oil .text { float:none;font-family: 'Apercu Pro', sans-serif; font-size:20px; margin-top:20px; margin-bottom:35px; margin-left:20px;}
.blue-jasmine-craft-oil .text::after { content: " "; width:60px;  height:3px; position:absolute; top:auto; margin-top:40px; left:36px;}
.blue-jasmine-craft-oil p { float:none; font-family: 'Apercu Pro', sans-serif; font-size:16px; width:80%; margin-left:20px; }

.blue-jasmine-craft-oil .note { padding:20px; font-family: 'Apercu Pro', sans-serif; font-size:11px; margin-top:10px; display:block;} 

.blue-jasmine-craft-oil .note span { margin-left:5px; margin-right:5px;} 

.blue-jasmine-craft-oil sup { font-size:14px;} 

.blue-jasmine-oil-icon-1 {width:100px; height:101px; margin-top:25px;}

.blue-jasmine-oil-icon-2 {width:100px; height:137px; margin-top:-10px;}


.blue-jasmine-craft-soap { width:84%; margin:0 auto; position:relative; }
.blue-jasmine-craft-soap-text { position:relative; left:-10px; top:0px; width:90%;}

.blue-jasmine-craft-soap-img { position:relative; right:0px; top:-20px; width:100%;}

.blue-jasmine-craft-soap-text span {font-family: 'D-DIN Condensed', sans-serif; font-size:36px; font-weight:bold;  text-transform:uppercase; top:40px; left:46px; position:absolute; z-index:10;}

.blue-jasmine-craft-soap  hr { background-color:#cfe5e6; width:60px;  height:3px; position:absolute; left:0; top:140px;}

.blue-jasmine-craft-soap-description { font-family: 'Apercu Pro', sans-serif; font-size:16px; position:relative; left:0; top:0; width:100%; padding:0; text-align: justify;
  text-justify: inter-word;}    
    
.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

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

} 
    
/* Bonheur Map */

.close-bonheur-ingredient { display:none; }

.nav-prev, .nav-next {
    display:none;
}

@media only screen and (max-width: 1199px) {
    
.bonheur-map {
    width:100%; 
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.bonheur-map-interactive {
    width:100%; 
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.nav-prev {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 10px;
    top:250px;
    display:block;
    font-size:20px;
    color:#fff;
    background:rgba(0,0,0,0.6);
    padding:10px 6px 10px 16px;
    cursor:pointer;

}
.nav-next {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 10px;
    top:250px;
    display:block;
    font-size:20px;
    color:#fff;
    background:rgba(0,0,0,0.6);
    padding:10px 10px 10px 12px;
    cursor:pointer;
}
     
}

@media only screen and (max-width: 1099px) {
    
 .sunflower-info, .olive-info, .milk-thistle-info, .argan-info, .walnuts-info, .maracuja-info {
     
      position: fixed;
        width: 310px;
        height: 250px;
        padding: 10px;
        top: 50%;
        left: 50%;
        margin-top: -125px;/* Negative half of height. */
        margin-left: -160px;/* Negative half of width. */
        z-index:1; 
     
 }
 
 .shea-butter-info, .pequi-info {
     
      position: fixed;
        width: 310px;
        height: 270px;
        padding: 10px;
        top: 50%;
        left: 50%;
        margin-top: -135px;/* Negative half of height. */
        margin-left: -160px;/* Negative half of width. */
        z-index:1; 
     
 }
 
 .close-bonheur-ingredient { display:block; position:absolute; top:20px; right:20px; color:#000; font-size:30px; cursor:pointer;}
 

}