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


.wood-bg { 
background-image: url("../img/botanical/wooden-bg.jpg"); width:100%; padding:30px 0 0 0; 
}

.botanical-container {  padding:66px 0px; width:100% }

.landing-page-main-content { width:800px; max-width:86%; margin:0 auto; padding:30px 0px 50px 0px }

.botanical-title-top { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; position:absolute; margin-top:-50px; font-size:36px; color:#000; text-align:center; width:600px; margin-left:-300px; left:50%;}

.botanical-title { 
    font-family: 'Apercu Pro', sans-serif; 
    font-weight: bold; 
    font-style: normal; 
    font-size:40px; 
    color:#000; 
    
}
    
.botanical-overview-img { width:1000px; height:610px; position:relative; margin:0 auto; }

.botanical-overview-img-title { position:absolute; width:550px; top:40px; left:50%; margin-left:-275px; font-family: adobe-caslon-pro, serif; font-size:34px; color:#322417; font-weight:600; }

.botanical-overview-img-title span {  font-family: adobe-caslon-pro, serif; font-size:40px; }

.botanical-overview-img-list-left { position:absolute; top:90px; left:200px; width:250px;   }

.botanical-overview-img-list-right { position:absolute; top:90px; right:70px; width:350px;   }

.botanical-overview-img-list-left ol, .botanical-overview-img-list-right ol { font-family: adobe-caslon-pro, serif; color:#ff9000; display:inline; font-size:20px; line-height:20px; font-weight:bold;}

.botanical-overview-img-list-left li, .botanical-overview-img-list-right li { margin-bottom:10px;}

.botanical-overview-img-list-left p, .botanical-overview-img-list-right p {font-family: adobe-caslon-pro, serif; color:#333; display:inline; font-size:19px; line-height:22px; font-weight:bold}

.botanical-overview-img-list-left span, .botanical-overview-img-list-right span { color:#333;font-size:23px; }

.rosemary { position:absolute; width:200px; bottom:-12px; left:115px; }

.mandarin-orange{ position:absolute; width:230px; bottom:-12px; left:445px; }

.pineapple { position:absolute; width:230px; bottom:9px; right:20px; }

.rosemary span, .mandarin-orange span, .pineapple span { font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:bold; color:#db9e5f; }

.rosemary p, .mandarin-orange p, .pineapple p { font-family: 'Apercu Pro', sans-serif; font-size:16px; font-weight:normal; color:#333; }

.botanical-product-title-repair { 
    font-family: 'Apercu Pro', sans-serif; 
    font-weight: normal; 
    font-style: normal; 
    font-size:30px; 
    color:#7f5f11; 
    letter-spacing:2px; 
    z-index:1;
    text-align:center;
    position:relative;
}

.botanical-product-title-repair::after { 
    content: " ";
    position:absolute;
    width:250px; 
    height:1px;
    background-color:#7f5f11;
    top:50px;
    margin-left:-178px;
    z-index:1;
}

.botanical-product-title-relax { 
    font-family: 'Apercu Pro', sans-serif; 
    font-weight: normal; 
    font-style: normal; 
    font-size:30px; 
    color:#7f5f11; 
    letter-spacing:2px; 
    z-index:1;
    text-align:center;
    position:relative;
}

.botanical-product-title-relax::after { 
    content: " ";
    position:absolute;
    width:250px; 
    height:1px;
    background-color:#7f5f11;
    top:50px;
    margin-left:-175px;
    z-index:1;
}

.botanical-product-title-refresh { 
    font-family: 'Apercu Pro', sans-serif; 
    font-weight: normal; 
    font-style: normal; 
    font-size:30px; 
    color:#7f5f11; 
    letter-spacing:2px; 
    z-index:1;
    text-align:center;
    position:relative;
}

.botanical-product-title-refresh::after { 
    content: " ";
    position:absolute;
    width:250px; 
    height:1px;
    background-color:#7f5f11;
    top:50px;
    margin-left:-195px;
    z-index:1;
}


.botanical-product-container { width:1260px; margin:0 auto; padding:50px; }

.botanical-product-text { position:relative; width:500px; height:300px; }


.botanical-moist-description { position:absolute; top:170px; left:37px; width:286px; }

.botanical-product-title { font-family: 'Berton Roman', sans-serif; font-size:16px; line-height:18px; font-weight:bold; color:#fff; text-align:center; }

.botanical-product-title span { font-family: 'Indie Flower', sans-serif; font-size:18px;   }

.botanical-product-ingredient { margin-top:3px; font-family: 'Berton Roman', sans-serif; font-size:13px; color:#ccc; text-align:center; }


.botanical-moist-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#71CC82; color:#333; position:absolute; bottom:-15px; right:-50px;  padding:10px 17px 10px 20px;  transition:0.3s; }

.botanical-moist-learn-more:hover { padding:10px 22px 10px 25px; right:-55px; }


.botanical-damage-repairing-description { position:absolute; top:168px; right:-45px; width:286px; }


.botanical-damage-repairing-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#FA8F94; color:#333; position:absolute; bottom:-15px; left:30px;  padding:10px 17px 10px 20px;  transition:0.3s; }

.botanical-damage-repairing-learn-more:hover {  padding:10px 22px 10px 25px; left:25px;  }

.botanical-organic-lavender-description { position:absolute; top:170px; left:37px; width:286px; }


.botanical-organic-lavender-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#F9DAE7; color:#333; position:absolute; bottom:-15px; right:-50px;  padding:10px 17px 10px 20px;  transition:0.3s; }

.botanical-organic-lavender-learn-more:hover { padding:10px 22px 10px 25px; right:-55px; }


.botanical-9-herbs-description { position:absolute; top:163px; right:-50px; width:296px; }
.botanical-new-refresh-and-moist-description { position:absolute; top:163px; right:-50px; width:296px; }

.botanical-9-herbs-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#f6dec5; color:#333; position:absolute; bottom:-15px; left:30px;  padding:10px 17px 10px 20px;  transition:0.3s; }

.botanical-9-herbs-learn-more:hover {  padding:10px 22px 10px 25px; left:25px;  }

.botanical-new-refresh-and-moist-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#ade0fa; color:#333; position:absolute; bottom:-15px; left:30px;  padding:10px 17px 10px 20px;  transition:0.3s; }

.botanical-new-refresh-and-moist-learn-more:hover {  padding:10px 22px 10px 25px; left:25px;  }


.botanical-refresh-and-moist-description { position:absolute; top:149px; left:35px; width:286px; }


.botanical-refresh-and-moist-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#ade0fa; color:#333; position:absolute; bottom:-15px; right:-50px;  padding:10px 17px 10px 20px;  transition:0.3s; }

.botanical-refresh-and-moist-learn-more:hover { padding:10px 22px 10px 25px; right:-55px; }


.botanical-refresh-and-smooth-description { position:absolute; top:151px; right:-46px; width:286px; }


.botanical-refresh-and-smooth-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#FFE74D; color:#333; position:absolute; bottom:-15px; left:30px;  padding:10px 17px 10px 20px;  transition:0.3s; }

.botanical-refresh-and-smooth-learn-more:hover {  padding:10px 22px 10px 25px; left:25px;  }

.botanical-content-wrap { width:1000px; margin:0 auto; position: relative; }

.botanical-content-bg { 
    position: relative;
    max-width: 1000px;
    height:280px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:30px;
}

.botanical-damaging-repair-content-bg { 
    position: relative;
    max-width: 1000px;
    height:300px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:30px;
}

.botanical-organic-lavender-content-bg { 
    position: relative;
    max-width: 1000px;
    height:300px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:30px;
}

.botanical-nine-herbs-content-bg { 
    position: relative;
    max-width: 1000px;
    height:280px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:30px;
}

.botanical-refresh-and-moist-content-bg { 
    position: relative;
    max-width: 1000px;
    height:300px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:30px;
}

.botanical-refresh-and-smooth-content-bg { 
    position: relative;
    max-width: 1000px;
    height:300px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:30px;
}
    
.botanical-content {  position:absolute; top:70px; right:256px; width:320px; padding:20px; }

.botanical-content p { font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align: justify;
  text-justify: inter-word; }

.botanical-content-refresh-and-moist {  position:absolute; top:70px; right:260px; width:320px; padding:20px; }

.botanical-content-refresh-and-moist p { font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; }

.botanical-moist-product-shampoo { position:absolute; top:-65px; left:65px; width:98px; height:250px;}

.botanical-moist-product-treatment { position:absolute; top:-65px; left:235px; width:98px; height:250px;}

.botanical-damage-repairing-product-shampoo { position:absolute; top:-65px; left:65px; width:98px; height:249px;}

.botanical-damage-repairing-product-treatment { position:absolute; top:-65px; left:235px; width:98px; height:249px;}

.botanical-organic-lavender-product-shampoo { position:absolute; top:-65px; left:65px; width:98px; height:249px;}

.botanical-organic-lavender-product-treatment { position:absolute; top:-65px; left:235px; width:98px; height:249px;}

.botanical-nine-herbs-product-shampoo { position:absolute; top:-65px; left:65px; width:98px; height:250px;}

.botanical-nine-herbs-product-treatment { position:absolute; top:-65px; left:235px; width:98px; height:250px;}

.botanical-refresh-and-moist-product-shampoo { position:absolute; top:-65px; left:65px; width:98px; height:250px;}

.botanical-refresh-and-moist-product-treatment { position:absolute; top:-65px; left:235px; width:98px; height:250px;}

.botanical-refresh-and-smooth-product-shampoo { position:absolute; top:-65px; left:65px; width:98px; height:250px;}

.botanical-refresh-and-smooth-product-treatment { position:absolute; top:-65px; left:235px; width:98px; height:250px;}

.botanical-img {  position:absolute; top:50px; right:5px; }

.lineup-text-container-left { position:absolute; bottom:50px; left:15px; width:200px; text-align:center;}

.lineup-text-container-left-space { position:absolute; bottom:30px; left:15px; width:200px; text-align:center;}

.lineup-text-container-right { position:absolute; bottom:50px; left:185px; width:200px; text-align:center;}

.lineup-text-container-right-space { position:absolute; bottom:30px; left:185px; width:200px; text-align:center;}

.lineup-title { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; display:block;}

.lineup-product-title { font-family: 'Apercu Pro', sans-serif; font-weight: 600; font-style: normal; font-size:22px; }

.lineup-text { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; margin-top:5px;}

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

.moist-buy .moist-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #71CC82;
  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;
  color:#fff;
}

.moist-buy .moist-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 #71CC82 transparent;
}

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

.moist-buy-button { background:#71CC82; border-radius:10px; padding:5px 20px 6px 20px; opacity:1; color:#fff; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; text-transform:uppercase; }

.moist-buy-button:hover { opacity:0.8; }

.damage-repairing-buy {
  position: relative;
  display: inline-block;
}

.damage-repairing-buy .damage-repairing-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #FA8F94;
  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;
  color:#fff;
}

.damage-repairing-buy .damage-repairing-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 #FA8F94 transparent;
}

.damage-repairing-buy:hover .damage-repairing-buy-text {
  visibility: visible;
  opacity: 1;
}

.damage-repairing-buy-button { background:#FA8F94; border-radius:10px; padding:5px 20px 6px 20px; opacity:1; color:#fff; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; text-transform:uppercase; }

.damage-repairing-buy-button:hover { opacity:0.8; }

.organic-lavender-buy {
  position: relative;
  display: inline-block;
}

.organic-lavender-buy .organic-lavender-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #F9DAE7;
  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;
  color:#503A2C;
}

.organic-lavender-buy .organic-lavender-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 #F9DAE7 transparent;
}

.organic-lavender-buy:hover .organic-lavender-buy-text {
  visibility: visible;
  opacity: 1;
}

.organic-lavender-buy-button { background:#F9DAE7; border-radius:10px; padding:5px 20px 6px 20px; opacity:1; color:#503A2C; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; text-transform:uppercase; }

.organic-lavender-buy-button:hover { opacity:0.8; }


.nine-herbs-buy {
  position: relative;
  display: inline-block;
}

.nine-herbs-buy .nine-herbs-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #f6eedd;
  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;
  color:#503A2C;
}

.nine-herbs-buy .nine-herbs-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 #f6eedd transparent;
}

.nine-herbs-buy:hover .nine-herbs-buy-text {
  visibility: visible;
  opacity: 1;
}

.nine-herbs-buy-button { background:#f6eedd; border-radius:10px; padding:5px 20px 6px 20px; opacity:1; color:#503A2C; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; text-transform:uppercase; }

.nine-herbs-buy-button:hover { opacity:0.8; }

.refresh-and-moist-buy {
  position: relative;
  display: inline-block;
}

.refresh-and-moist-buy .refresh-and-moist-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #ade0fa;
  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;
  color:#fff;
}

.refresh-and-moist-buy .refresh-and-moist-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 #ade0fa transparent;
}

.refresh-and-moist-buy:hover .refresh-and-moist-buy-text {
  visibility: visible;
  opacity: 1;
}

.refresh-and-moist-buy-button { background:#ade0fa; border-radius:10px; padding:5px 20px 6px 20px; opacity:1; color:#503A2C; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; text-transform:uppercase; }

.refresh-and-moist-buy-button:hover { opacity:0.8; }



.refresh-and-smooth-buy {
  position: relative;
  display: inline-block;
}

.refresh-and-smooth-buy .refresh-and-smooth-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #FFE74D;
  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;
  color:#fff;
}

.refresh-and-smooth-buy .refresh-and-smooth-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 #FFE74D transparent;
}

.refresh-and-smooth-buy:hover .refresh-and-smooth-buy-text {
  visibility: visible;
  opacity: 1;
}

.refresh-and-smooth-buy-button { background:#FFE74D; border-radius:10px; padding:5px 20px 6px 20px; opacity:1; color:#503A2C; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; text-transform:uppercase; }

.refresh-and-smooth-buy-button:hover { opacity:0.8; }


.moist-ingredient { width:1000px; margin:0 auto; position:relative; }

.moist-ingredient span { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:20px; text-transform:uppercase; color:#333;  }

.botanical-pattern-bg { 
    position: relative;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
}


.botanical-ingredient-content span { font-family: 'Apercu Pro', sans-serif; line-height:22px; font-size:18px; color:#5B9CE3; border-bottom:2px dotted #333; padding-bottom:10px;}

.botanical-ingredient-content p { font-family: 'Apercu Pro', sans-serif; line-height:26px; font-size:22px; color:#5B9CE3; margin-top:20px; }


.ingredient-text { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px; margin-left:6px; text-align:center; }

.ingredient-img { float:left; width:120px; padding:10px; }

.ingredient-9-herbs-img { float:left; position:relative ;width:80px; padding:12px; text-align:center; }

.ingredient-9-herbs-text { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px; text-align:center; }

.ingredient-9-herbs-text-1 { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px; text-align:center; }

.ingredient-9-herbs-text-2 { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px; margin-left:2px; text-align:center; }

.ingredient-9-herbs-text-3 { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px; margin-left:5px; text-align:center; }

.ingredient-9-herbs-text-4 { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px;  text-align:center; }

.ingredient-9-herbs-text-5 { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px; margin-left:5px; text-align:center; }
.ingredient-9-herbs-text-6 { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px; text-align:center; }

.ingredient-9-herbs-text-7 { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px; margin-left:5px; text-align:center; }

.ingredient-9-herbs-text-8 { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px; margin-left:7px; text-align:center; }

.ingredient-9-herbs-text-9 { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; color:#333; margin-top:10px; margin-left:7px; text-align:center; }

.moist-ingredient-img { width:1000px; height:406px; margin:0 auto; position:relative; }

.moist-ingredient-left-text { position:absolute; left:55px; top:120px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.moist-ingredient-left-text span { display:block;  font-size:14px; }

.moist-ingredient-right-text { position:absolute; right:70px; top:90px; width:240px;   }

.moist-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }

.damage-repairing-ingredient-img { width:1000px; height:406px; margin:0 auto; position:relative; }

.damage-repairing-ingredient-left-text { position:absolute; left:55px; top:120px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.damage-repairing-ingredient-left-text span { display:block;  font-size:14px; }

.damage-repairing-ingredient-right-text { position:absolute; right:70px; top:80px; width:240px;   }

.damage-repairing-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }


.organic-lavender-ingredient-img { width:1000px; height:406px; margin:0 auto; position:relative; }

.organic-lavender-ingredient-left-text { position:absolute; left:55px; top:120px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.organic-lavender-ingredient-left-text span { display:block;  font-size:14px; }

.organic-lavender-ingredient-right-text { position:absolute; left:694px; top:45px; width:228px;   }

.organic-lavender-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }

.nine-herbs-ingredient-img { width:1000px; height:406px; margin:0 auto; position:relative; }

.nine-herbs-ingredient-left-text { position:absolute; left:55px; top:120px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.nine-herbs-ingredient-left-text span { display:block;  font-size:14px; }

.nine-herbs-ingredient-right-text { position:absolute; right:70px; top:85px; width:250px;   }

.nine-herbs-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }


.refresh-and-moist-ingredient-img { width:1000px; height:406px; margin:0 auto; position:relative; }

.refresh-and-moist-ingredient-left-text { position:absolute; left:55px; top:120px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.refresh-and-moist-ingredient-left-text span { display:block;  font-size:14px; }

.refresh-and-moist-ingredient-right-text { position:absolute; right:70px; top:120px; width:240px;   }

.refresh-and-moist-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }


.refresh-and-smooth-ingredient-img { width:1000px; height:406px; margin:0 auto; position:relative; }

.refresh-and-smooth-ingredient-left-text { position:absolute; left:80px; top:45px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.refresh-and-smooth-ingredient-left-text span { display:block;  font-size:14px; }

.refresh-and-smooth-ingredient-right-text { position:absolute; right:66px; top:60px; width:240px;   }

.refresh-and-smooth-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }

.botanical-10-extracts { position:relative; width:1000px; margin-bottom:-20px; z-index:1; }

.botanical-10-extracts-text { position:absolute; width:400px; top:20px; left:50%; margin-left:-200px; font-family: 'Apercu Pro', sans-serif; line-height:26px; font-size:22px; text-align:center; color:#FFFF00; }

.botanicalgo { position:absolute; top:15px; left:130px; width:100px; height:71px;}

.botanical-10-extracts-box { background:#fff; border:3px dotted #ff7e12; border-radius:20px; position:relative; width:800px; margin:0 auto; z-index:0; font-family: 'Apercu Pro', sans-serif; color:#3e2010; font-size:14px; } 

.extract-1 { position:absolute; top:160px; left:75px; width:100px; }

.extract-2 { position:absolute; top:160px; left:211px; width:100px; }

.extract-3 { position:absolute; top:160px; left:351px; width:100px; }

.extract-4 { position:absolute; top:160px; left:491px; width:100px; }

.extract-5 { position:absolute; top:160px; left:631px; width:100px; }

.extract-6 { position:absolute; top:342px; left:73px; width:100px; }

.extract-7 { position:absolute; top:342px; left:212px; width:100px; }

.extract-8 { position:absolute; top:342px; left:350px; width:100px; }

.extract-9 { position:absolute; top:342px; left:491px; width:100px; }

.extract-10 { position:absolute; top:342px; left:630px; width:100px; }

.img-extract { padding-top:20px; padding-bottom:50px; }

.extract-point-1 { position:absolute; top:320px; left:162px; font-size:12px; }
.extract-point-2 { position:absolute; top:320px; left:300px; font-size:12px; }
.extract-point-3 { position:absolute; top:320px; left:575px; font-size:12px; }
.extract-point-4 { position:absolute; top:320px; left:715px; font-size:12px; }

.organic { width:500px; margin:0 auto; font-family: 'Apercu Pro', sans-serif; color:#3e2010; }

.organic p { font-size:14px; }

.harmful-ingredients-avoided { position:relative; width:800px; height:433px;  margin:0 auto; font-family: 'Apercu Pro', sans-serif; color:#3e2010; font-size:16px; }

.harmful-ingredients-avoided-text {  position:absolute; top:30px; left:200px; width:390px; font-family: 'Apercu Pro', sans-serif;  font-size:24px; color:#ff7e12; text-transform:uppercase; }

.harmful-ingredient-1 { position:absolute; top:170px; left:80px; width:140px;   }

.harmful-ingredient-1 span, .harmful-ingredient-7 span { font-size:12px; display:block;  }

.harmful-ingredient-2 { position:absolute; top:183px; left:248px; width:140px;   }

.harmful-ingredient-3 { position:absolute; top:175px; left:415px; width:140px;   }

.harmful-ingredient-4 { position:absolute; top:183px; left:584px; width:140px;   }

.harmful-ingredient-5 { position:absolute; top:335px; left:168px; width:140px;   }

.harmful-ingredient-6 { position:absolute; top:335px; left:336px; width:140px;   }

.harmful-ingredient-7 { position:absolute; top:289px; left:515px; width:110px;   }

.harmful-ingredient-animal-derived-ingredients { position:absolute; top:350px; right:179px; width:100px; font-size:11px;  }

.view { margin-top:60px; margin-bottom:60px; }

.view-link { border:1px solid #ccc; color:#333; padding:10px 20px; text-transform:uppercase; font-family: 'Apercu Pro', sans-serif; transition:0.3s; }

.view-link:hover { border:1px solid #ccc; color:#333; padding:10px 25px; text-transform:uppercase; font-family: 'Apercu Pro', sans-serif; }

.body-content-bg-plant { 
    position: relative;
    max-width: 940px;
    height:200px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:30px;
}

.plant-img-left { position:absolute; top:50px; left:50px; }
.plant-img-right { position:absolute; top:40px; right:50px; }
.plant-img-foam { position:absolute; top:150px; right:120px; }

.plant-img-text { position:absolute; top:40px; left:210px; margin-top:20px; width:560px;}

.plant-img-text span { font-family: 'Apercu Pro', sans-serif;  font-size:24px; color:#ff7e12; display:block; }

.plant-img-text hr { border:1px solid #ff7e12; width:60%; margin-top:10px; margin-bottom:10px; }

.plant-img-text p { font-family: 'Apercu Pro', sans-serif;  font-size:18px; color:#503A2C; line-height:24px; margin-top:20px;  }

.lineup { margin-top:60px; margin-bottom:40px }

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

.lineup-container { position:relative; }

.product-title { font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:20px; color:#000;}

.product-type { font-family: 'Apercu Pro', sans-serif; font-size:16px; text-transform:uppercase; color:#000; margin-bottom:20px;}

.product-moist-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#71CC82; color:#333;  padding:10px 17px 10px 20px;  transition:0.3s; }

.product-moist-learn-more:hover {  padding:10px 22px 10px 25px;}


.product-damage-repairing-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#FA8F94; color:#333; padding:10px 17px 10px 20px;  transition:0.3s; }

.product-damage-repairing-learn-more:hover {  padding:10px 22px 10px 25px; left:25px;  }

.product-organic-lavender-learn-more {  font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#F9DAE7; color:#333; padding:10px 17px 10px 20px;  transition:0.3s; }

.product-organic-lavender-learn-more:hover { padding:10px 22px 10px 25px; right:-55px; }


.product-9-herbs-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#f6dec5; color:#333;  padding:10px 17px 10px 20px;  transition:0.3s; }

.product-9-herbs-learn-more:hover {  padding:10px 22px 10px 25px; left:25px;  }

.product-new-refresh-and-more-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#ade0fa; color:#333;  padding:10px 17px 10px 20px;  transition:0.3s; }

.product-new-refresh-and-more-learn-more:hover {  padding:10px 22px 10px 25px; left:25px;  }


.product-refresh-and-moist-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#ade0fa; color:#333;  padding:10px 17px 10px 20px;  transition:0.3s; }

.product-refresh-and-moist-learn-more:hover { padding:10px 22px 10px 25px; right:-55px; }

.product-refresh-and-smooth-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#FFE74D; color:#333;  padding:10px 17px 10px 20px;  transition:0.3s; }

.product-refresh-and-smooth-learn-more:hover {  padding:10px 22px 10px 25px; left:25px;  }

.top { width:100%;padding-top:66px;margin-bottom:100px; }
.top-9herbs { width:100%;padding-top:66px;margin-bottom:120px; }


.botanical-lineup-img { width:160px;height:200px; }

.nine-herbs-9-herbal-essences { padding:10px 30px 30px 30px; }

.mobile-only { display:none; }

.mobile-screen-size { display:none; }

@media only screen and (max-width: 500px) {
    
.mobile-screen-size { display:block; }
.mobile-only { display:none; }

}

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

.wood-bg { 
background-image: url("../img/botanical/wooden-bg.jpg"); width:100%; padding:30px 0 0 0; 
}


.landing-page-main-content { width:800px; max-width:86%; margin:0 auto; padding:20px 0 30px 0 }

.botanical-title-top {  margin-top:-50px; font-size:36px; color:#000; text-align:center; width:200px; margin-left:-100px; left:50%;}

.top { width:100%;padding-top:52px;margin-bottom:100px; }
.top-9herbs { width:100%;padding-top:48px;margin-bottom:100px; }
.nine-herbs-9-herbal-essences { padding:20px; }

.botanical-overview-img { width:100%; height:auto; position:relative; margin:0 auto; }

.botanical-overview-img-top { background-image: url("../img/botanical/botanical_overview_page_img_mobile_top.jpg"); width:100%;  background-repeat: no-repeat; background-size: cover; }

.botanical-overview-img-top::before { background-image: url("../img/botanical/botanical_overview_page_img_mobile_top_left_img.png"); content:' '; width:90px; height:118px; position:absolute; top:-10px; left:-20px; }

.botanical-overview-img-top::after { background-image: url("../img/botanical/botanical_overview_page_img_mobile_top_right_img.png"); content:' '; width:90px; height:101px; position:absolute; top:-10px; right:0; }

.botanical-overview-img-main { background-image: url("../img/botanical/botanical_overview_page_img_mobile_main.jpg");  
  width:100%;  background-size: cover; z-index:-1;}
  

.botanical-overview-img-bottom { background-image: url("../img/botanical/botanical_overview_page_img_mobile_bottom.jpg");  
  width:100%; background-repeat: no-repeat; background-size: cover; }

.botanical-overview-img-bottom-spacing { position:relative; width:auto; top:0; left:0; margin-left:0; padding:30px 80px 0px 80px; }

.botanical-overview-img img { position:relative; z-index:1; }

.botanical-overview-img-title { position:relative; width:auto; top:0; left:0; margin-left:0; padding:30px 80px 0px 80px; font-size:30px; line-height:32px; color:#322417; font-weight:600; text-align:center; }

.botanical-overview-img-list-left { position:relative; top:0; left:0; width:auto; padding:10px 50px;  }

.botanical-overview-img-list-right { position:relative; top:0; right:0; width:auto;  padding:10px 50px; }

.botanical-overview-img-list-left ol, .botanical-overview-img-list-right ol {  color:#ff9000; display:inline; font-size:22px; line-height:20px }

.botanical-overview-img-list-left li, .botanical-overview-img-list-right li { margin-bottom:10px;}

.botanical-overview-img-list-left p, .botanical-overview-img-list-right p { color:#333; display:inline; font-size:18px; line-height:22px; }

.botanical-overview-img-list-left span, .botanical-overview-img-list-right span {  color:#333;font-size:23px; }

.botanical-product-container { width:100%; margin:0 auto; padding:60px 0 30px 0; }

.botanical-product-text { position:relative; width:100%; height:auto; }

.botanical-moist-description { position:absolute; top:126px; left:19px; width:90%; }

.botanical-product-title { font-size:18px; line-height:18px; font-weight:bold; color:#fff; text-align:center; }

.botanical-product-title span {  font-size:20px;   }

.botanical-product-ingredient { margin-top:5px;  font-size:14px; line-height:16px; color:#ccc; text-align:center; }


.botanical-moist-learn-more { position:relative; bottom:50px; right:0; left:0; width:135px;}

.botanical-moist-learn-more p { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; color:#333; position:absolute; bottom:-5px; left:10px; z-index:1; }


.botanical-moist-learn-more p::after { content: " "; background-color:#71CC82; width:135px; height:15px; position:absolute; left:-12px; top:10px; z-index:-1; transition:0.3s;}

.botanical-moist-learn-more p:hover::after { content: " "; background-color:#71CC82; width:145px; height:15px; position:absolute; left:-18px; top:10px; z-index:-1;}

.botanical-damage-repairing-description {position:absolute; top:111px; left:55px; width:70%; }


.botanical-damage-repairing-learn-more { position:relative; bottom:70px; right:0; left:0; width:135px; }


.botanical-damage-repairing-learn-more p { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; color:#333; position:absolute; bottom:-5px; left:10px; z-index:1; }


.botanical-damage-repairing-learn-more p::after { content: " "; background-color:#FA8F94; width:135px; height:15px; position:absolute; left:-12px; top:10px; z-index:-1; transition:0.3s;}

.botanical-damage-repairing-learn-more p:hover::after { content: " "; background-color:#FA8F94; width:145px; height:15px; position:absolute; left:-18px; top:10px; z-index:-1;}


.botanical-organic-lavender-description { position:absolute; top:110px; left:70px; width:60%; }


.botanical-organic-lavender-learn-more { position:relative; bottom:70px; right:0; left:0; width:135px; }


.botanical-organic-lavender-learn-more p { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; color:#333; position:absolute; bottom:-5px; left:10px; z-index:1; }


.botanical-organic-lavender-learn-more p::after { content: " "; background-color:#F9DAE7; width:135px; height:15px; position:absolute; left:-12px; top:10px; z-index:-1; transition:0.3s;}

.botanical-organic-lavender-learn-more p:hover::after { content: " "; background-color:#F9DAE7; width:145px; height:15px; position:absolute; left:-18px; top:10px; z-index:-1;}


.botanical-9-herbs-description {position:absolute; top:106px; left:70px; width:60%;}
.botanical-new-refresh-and-moist-description {position:absolute; top:106px; left:70px; width:60%;}

.botanical-9-herbs-learn-more { position:relative; bottom:70px; right:0; left:0; width:135px; }

.botanical-9-herbs-learn-more p { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; color:#333; position:absolute; bottom:-5px; left:10px; z-index:1; }

.botanical-9-herbs-learn-more p::after { content: " "; background-color:#f6dec5; width:135px; height:15px; position:absolute; left:-12px; top:10px; z-index:-1; transition:0.3s;}

.botanical-9-herbs-learn-more p:hover::after { content: " "; background-color:#f6dec5; width:145px; height:15px; position:absolute; left:-18px; top:10px; z-index:-1;}

.botanical-new-refresh-and-moist-learn-more { position:relative; bottom:70px; right:0; left:0; width:135px; }

.botanical-new-refresh-and-moist-learn-more p { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; color:#333; position:absolute; bottom:-5px; left:10px; z-index:1; }

.botanical-new-refresh-and-moist-learn-more p::after { content: " "; background-color:#f6dec5; width:135px; height:15px; position:absolute; left:-12px; top:10px; z-index:-1; transition:0.3s;}

.botanical-new-refresh-and-moist-learn-more p:hover::after { content: " "; background-color:#f6dec5; width:145px; height:15px; position:absolute; left:-18px; top:10px; z-index:-1;}



.botanical-refresh-and-moist-description { position:absolute; top:106px; left:56px; width:70%; }


.botanical-refresh-and-moist-learn-more { position:relative; bottom:70px; right:0; left:0; width:135px; }


.botanical-refresh-and-moist-learn-more p { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; color:#333; position:absolute; bottom:-5px; left:10px; z-index:1; }


.botanical-refresh-and-moist-learn-more p::after { content: " "; background-color:#ade0fa; width:135px; height:15px; position:absolute; left:-12px; top:10px; z-index:-1; transition:0.3s;}

.botanical-refresh-and-moist-learn-more p:hover::after { content: " "; background-color:#ade0fa; width:145px; height:15px; position:absolute; left:-18px; top:10px; z-index:-1;}


.botanical-refresh-and-smooth-description { position:absolute; top:106px; left:55px; width:70%; }


.botanical-refresh-and-smooth-learn-more { position:relative; bottom:70px; right:0; left:0; width:135px; }


.botanical-refresh-and-smooth-learn-more p { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; color:#333; position:absolute; bottom:-5px; left:10px; z-index:1; }


.botanical-refresh-and-smooth-learn-more p::after { content: " "; background-color:#FFE74D; width:135px; height:15px; position:absolute; left:-12px; top:10px; z-index:-1; transition:0.3s;}

.botanical-refresh-and-smooth-learn-more p:hover::after { content: " "; background-color:#FFE74D; width:145px; height:15px; position:absolute; left:-18px; top:10px; z-index:-1;}


.botanical-title { 

    font-size:36px; 
    width:94%;
    left:0;
    margin:0 auto;

    
}


.botanical-title-line { width:100%; position:relative; background-color: #f6eedd;
background-image: url("../img/botanical/wood-pattern.png"); height:40px; margin-top:80px; text-align:center; } 

.botanical-title-line-center { width:100%; position:relative; background-color: #f6eedd;
background-image: url("../img/botanical/wood-pattern.png"); height:40px; margin:0 auto; text-align:center; } 

.botanical-title-center { 
    position:absolute;
    top:-20px;
    font-size:40px; 
    width:100%;
    left:0;
    margin-left:0;
    
}

.botanical-footer-mobile { background: url("../img/botanical/botanical_footer_background_mobile.jpg"); width:100%; max-width:100%; height:60px; }


.botanical-content-wrap { width:100%; margin:0 auto; position: relative; }

.botanical-content-bg { 
    position: relative;
    width:100%;
    height:700px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:0;
}

.botanical-damaging-repair-content-bg { 
    position: relative;
    width:100%;
    height:700px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:0;
}

.botanical-organic-lavender-content-bg { 
    position: relative;
    width:100%;
    height:700px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:0;
}

.botanical-nine-herbs-content-bg { 
    position: relative;
    width:100%;
    height:700px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:0;
}

.botanical-refresh-and-moist-content-bg { 
    position: relative;
    width:100%;
    height:700px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:0;
}

.botanical-refresh-and-smooth-content-bg { 
    position: relative;
    width:100%;
    height:700px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:0;
}
    
.botanical-content {  position:relative; top:310px; right:0; width:81%; padding:35px;  }

.botanical-content p { font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px;  }

.botanical-content-refresh-and-moist {  position:relative; top:310px; right:0; width:81%; padding:35px; }

.botanical-content-refresh-and-moist p { font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; }

.botanical-moist-product-shampoo { position:absolute; top:-65px; left:59px; width:98px; height:250px;}

.botanical-moist-product-treatment { position:absolute; top:-65px; left:220px; width:98px; height:250px;}

.botanical-damage-repairing-product-shampoo { position:absolute; top:-65px; left:63px; width:98px; height:249px;}

.botanical-damage-repairing-product-treatment { position:absolute; top:-65px; left:220px; width:98px; height:249px;}

.botanical-organic-lavender-product-shampoo { position:absolute; top:-65px; left:63px; width:98px; height:249px;}

.botanical-organic-lavender-product-treatment { position:absolute; top:-65px; left:220px; width:98px; height:249px;}

.botanical-nine-herbs-product-shampoo { position:absolute; top:-65px; left:63px; width:98px; height:250px;}

.botanical-nine-herbs-product-treatment { position:absolute; top:-65px; left:220px; width:98px; height:250px;}

.botanical-refresh-and-moist-product-shampoo { position:absolute; top:-65px; left:63px; width:98px; height:250px;}

.botanical-refresh-and-moist-product-treatment { position:absolute; top:-65px; left:220px; width:98px; height:250px;}

.botanical-refresh-and-smooth-product-shampoo { position:absolute; top:-65px; left:63px; width:98px; height:250px;}

.botanical-refresh-and-smooth-product-treatment { position:absolute; top:-65px; left:220px; width:98px; height:250px;}

.botanical-img {  position:relative; top:300px; bottom:0; right:0;  }

.lineup-text-container-left { position:absolute; bottom:0; top:196px; left:36px; width:150px; text-align:center;}

.lineup-text-container-right { position:absolute; bottom:0; top:196px; left:196px; width:150px; text-align:center;}

.lineup-text-container-left-space { position:absolute; bottom:0; top:196px; left:36px; width:150px; text-align:center;}

.lineup-text-container-right-space { position:absolute; bottom:0; top:196px; left:196px; width:150px; text-align:center;}


.lineup-title { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; display:block;}

.lineup-product-title { font-family: 'Apercu Pro', sans-serif; font-weight: 600; font-style: normal; font-size:22px; }

.lineup-text { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; margin-top:5px;}

.botanical-ingredient-content span { font-family: 'Apercu Pro', sans-serif; line-height:26px; font-size:20px; color:#5B9CE3; border-bottom:none; padding-bottom:10px;}

.botanical-ingredient-content p { font-family: 'Apercu Pro', sans-serif; line-height:30px; font-size:26px; color:#5B9CE3; margin-top:10px; }

.ingredient-img { float:left; width:26%; padding:10px; }

.botanical-ingredient-content hr { border:1px dotted #000; }

.formulated { position: relative; }

.moist-ingredient-img { width:100%; height:auto; margin:0 auto; position:relative; padding:20px 0;}

.moist-ingredient-left-text { position:absolute; left:99px; top:56px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.moist-ingredient-left-text span { display:block;  font-size:14px; }

.moist-ingredient-right-text { position:relative; right:0px; top:0px; width:82%; padding:20px 30px 0 30px;   }

.moist-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }

.damage-repairing-ingredient-img { width:100%; height:auto; margin:0 auto; position:relative; padding:20px 0;}

.damage-repairing-ingredient-left-text { position:absolute; left:99px; top:56px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.damage-repairing-ingredient-left-text span { display:block;  font-size:14px; }

.damage-repairing-ingredient-right-text { position:relative; right:0px; top:0px; width:82%; padding:20px 30px 0 30px;   }

.damage-repairing-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }

.organic-lavender-ingredient-img { width:100%; height:auto; margin:0 auto; position:relative; padding:20px 0;}

.organic-lavender-ingredient-left-text { position:absolute; left:99px; top:56px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.organic-lavender-ingredient-left-text span { display:block;  font-size:14px; }

.organic-lavender-ingredient-right-text { position:relative; left:0; right:0; top:0px; width:82%; padding:20px 30px 0 30px;   }

.organic-lavender-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }

.nine-herbs-ingredient-img { width:100%; height:auto; margin:0 auto; position:relative; padding:20px 0;}

.nine-herbs-ingredient-left-text { position:absolute; left:99px; top:56px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.nine-herbs-ingredient-left-text span { display:block;  font-size:14px; }

.nine-herbs-ingredient-right-text { position:relative; right:0px; top:0px; width:82%; padding:20px 30px 0 30px;   }

.nine-herbs-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }


.refresh-and-moist-ingredient-img { width:100%; height:auto; margin:0 auto; position:relative; padding:20px 0;}

.refresh-and-moist-ingredient-left-text { position:absolute; left:99px; top:56px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.refresh-and-moist-ingredient-left-text span { display:block;  font-size:14px; }

.refresh-and-moist-ingredient-right-text { position:relative; right:0px; top:0px; width:82%; padding:20px 30px 0 30px;   }

.refresh-and-moist-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }


.refresh-and-smooth-ingredient-img { width:100%; height:auto; margin:0 auto; position:relative; padding:20px 0;}

.refresh-and-smooth-ingredient-left-text { position:absolute; left:99px; top:56px; width:200px; font-family: 'Apercu Pro', sans-serif; line-height:24px; font-size:18px; text-align:center; color:#5B9CE3;  }

.refresh-and-smooth-ingredient-left-text span { display:block;  font-size:14px; }

.refresh-and-smooth-ingredient-right-text { position:relative; right:0px; top:0px; width:82%; padding:20px 30px 0 30px;   }

.refresh-and-smooth-ingredient-right-text p { font-family: 'Apercu Pro', sans-serif; line-height:20px; font-size:16px; text-align:center; color:#7F6000;  }

.ingredient-mobile-img { width:60%; }

.botanical-10-extracts { position:relative; width:100%; margin-bottom:-20px; z-index:1; }

.botanical-10-extracts-text { position:absolute; width:90%; padding:0; top:20px; left:20px; margin-left:0; font-family: 'Apercu Pro', sans-serif; line-height:26px; font-size:22px; text-align:center; color:#FFFF00; }

.botanicalgo { position:absolute; top:15px; left:130px; width:100px; height:71px;}

.botanical-10-extracts-box { background:#fff; border:3px dotted #ff7e12; border-radius:20px; position:relative; width:800px; margin:0 auto; z-index:0; font-family: 'Apercu Pro', sans-serif; color:#3e2010; } 
.botanicalgo { position:absolute; top:-56px; left:130px; width:100px; height:71px;}

.extracts-mobile { background:#fff; border:3px dotted #ff7e12; border-radius:20px; width:96%;  padding-top:20px; padding-bottom:15px;}

.harmful-ingredients-avoided { position:relative; width:100%; padding-top:30px; margin:0 auto; font-family: 'Apercu Pro', sans-serif; color:#3e2010; font-size:16px; }

.harmful-ingredients-avoided-text {  position:relative; top:10px; left:0; width:70%; padding:0 30px; margin:0 auto; font-family: 'Apercu Pro', sans-serif;  font-size:20px; color:#ff7e12; text-transform:uppercase; }

.harmful-ingredient-1 { position:absolute; top:100px; left:20px; width:100px; font-size:12px;   }

.harmful-ingredient-1 span, .harmful-ingredient-7 span { font-size:12px; display:block;  }

.harmful-ingredient-2 { position:absolute; top:118px; left:104px; width:100px; font-size:12px;  }

.harmful-ingredient-3 { position:absolute; top:100px; left:204px; width:60px; font-size:12px;  }

.harmful-ingredient-4 { position:absolute; top:110px; left:287px; width:60px;  font-size:12px; }

.harmful-ingredient-5 { position:absolute; top:190px; left:86px; width:60px; font-size:12px;  }

.harmful-ingredient-6 { position:absolute; top:190px; left:168px; width:60px;  font-size:12px; }

.harmful-ingredient-7 { position:absolute; top:175px; left:250px; width:60px; font-size:12px;  }

.harmful-ingredient-animal-derived-ingredients { position:absolute; top:236px; left:230px; width:100px; font-size:11px;  }

.body-content-bg-plant { 
    position: relative;
    max-width: 100%;
    height:520px;
    margin: 0 auto;
    background: url(../img/botanical/bg_pattern_cambus.jpg) repeat;
    background-size: 400px; 
    padding:0;
}

.plant-img-left { position:absolute; top:290px; left:20px; }
.plant-img-right { position:absolute; top:280px; right:20px; }
.plant-img-foam { position:absolute; top:390px; right:100px; }

.plant-img-text { position:absolute; top:15px; left:0px; margin-top:0px; width:86%; padding:20px; }

.plant-img-text span { font-family: 'Apercu Pro', sans-serif;  font-size:24px; color:#ff7e12; text-transform:uppercase; display:block; }

.plant-img-text hr { border:1px solid #ff7e12; width:60%; margin-top:10px; margin-bottom:10px; }

.plant-img-text p { font-family: 'Apercu Pro', sans-serif;  font-size:18px; color:#503A2C; line-height:24px; margin-top:20px;  }

.lineup { margin-top:60px; margin-bottom:40px }

.botanical-lineup { width:100%; margin:0 auto; }

.lineup-container { position:relative; }

.product-title { font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:bold; margin-top:10px;  color:#000;}

.product-type { font-family: 'Apercu Pro', sans-serif; font-size:16px; text-transform:uppercase; color:#000; margin-bottom:5px;}

.product-moist-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#71CC82; color:#333; padding:10px 17px 10px 20px;  transition:0.3s; display:inline-block; margin-top:-5px; }

.product-moist-learn-more:hover { padding:10px 22px 10px 25px; right:-55px; }


.product-damage-repairing-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#FA8F94; color:#333; padding:10px 17px 10px 20px;  transition:0.3s; display:inline-block; margin-top:-5px;  }

.product-damage-repairing-learn-more:hover { padding:10px 22px 10px 25px; right:-55px; }
    

.product-organic-lavender-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#F9DAE7; color:#333; padding:10px 17px 10px 20px;  transition:0.3s; display:inline-block;  margin-top:-5px; }

.product-organic-lavender-learn-more :hover { padding:10px 22px 10px 25px; right:-55px; }
    
    

.product-9-herbs-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#f6dec5; color:#333; padding:10px 17px 10px 20px;  transition:0.3s; display:inline-block; margin-top:-5px;  }

.product-9-herbs-learn-more :hover { padding:10px 22px 10px 25px; right:-55px; }
    

.product-new-refresh-and-moist-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#ade0fa; color:#333; padding:10px 17px 10px 20px;  transition:0.3s; display:inline-block; margin-top:-5px;  }

.product-new-refresh-and-moist-learn-more :hover { padding:10px 22px 10px 25px; right:-55px; }
    

.product-refresh-and-moist-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#ade0fa; color:#333; padding:10px 17px 10px 20px;  transition:0.3s; display:inline-block; margin-top:-5px;  }

.product-refresh-and-moist-learn-more :hover { padding:10px 22px 10px 25px; right:-55px; }
    

.product-refresh-and-smooth-learn-more { font-family: 'Apercu Pro', sans-serif; font-size:16px; letter-spacing:2px; text-transform:uppercase; background-color:#FFE74D; color:#333; padding:10px 17px 10px 20px;  transition:0.3s; display:inline-block; margin-top:-6px; }

.product-refresh-and-smooth-learn-more :hover { padding:10px 22px 10px 25px; right:-55px; }
    

.botanical-lineup-img { width:120px;height:150px; }

.ingredient-9-herbs-img { float:left; position:relative ;width:87.6px; padding:12px; text-align:center; }

.refresh-and-smooth-ingredient-mobile { margin-top:20px; z-index:1; position:relative;}

.made-with-sicilian-fruits { margin-top:-60px; margin-bottom:-10px; z-index:-1; }

}

/* Mobile only */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobile-only { display:block; }
    .mobile-screen-size { display:none; }
    
}