.section-about {

    margin-top:-30px;
    margin-bottom:30px;
    padding:50px 0px 40px 0px;
    background: rgb(253,235,238);
background: linear-gradient(32deg, rgba(253,235,238,1) 0%, rgba(249,252,243,1) 39%, rgba(231,252,252,1) 66%, rgba(252,251,241,1) 89%, rgba(245,240,242,1) 100%); 
    text-align:left;
    
}

.section-about-title { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; position:absolute; top:-20px; margin-left:15px; font-size:36px; color:#000; text-align:center;   }

.thumbnails { width:100%; margin:0 auto; text-align:center; padding: 20px 0px; }

.thumbnail-maegami { opacity:1; transition: 0.6s;  position:relative;}

.thumbnail-maegami-img:hover { opacity:0.8;}

.thumbnail-maegami::after { content:'MAEGAMI HAIR STYLING STICK'; background:rgba(255,255,255,0.9); border:1px solid #000; font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:bold; color:#000; position:relative; bottom:66px; padding:10px 30px; transition: 0.3s; } 

.thumbnail-maegami:hover::after { padding:10px 40px; } 

.thumbnail-dry-shampoo { opacity:1; transition: 0.6s;  position:relative;}

.thumbnail-dry-shampoo-img:hover { opacity:0.8;}

.thumbnail-dry-shampoo::after { content:'DRY SHAMPOO'; background:rgba(255,255,255,0.9); border:1px solid #fef733; font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:bold; color:#000; position:relative; bottom:66px; padding:10px 30px; transition: 0.3s; } 

.thumbnail-dry-shampoo:hover::after { padding:10px 40px; } 

.thumbnail-miracle-you { opacity:1; transition: 0.6s;  position:relative;}

.thumbnail-miracle-you-img:hover { opacity:0.8;}

.thumbnail-miracle-you::after { content:'MIRACLE YOU'; background:rgba(255,255,255,0.9); border:1px solid #fc5c94; font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:bold; color:#000; position:relative; bottom:66px; padding:10px 30px; transition: 0.3s; } 

.thumbnail-miracle-you:hover::after { padding:10px 40px; } 

.thumbnail-perfect-beauty {  opacity:1; transition: 0.6s; }

.thumbnail-perfect-beauty-img:hover { opacity:0.8;}

.thumbnail-perfect-beauty::after { content:'PERFECT BEAUTY'; background:rgba(255,255,255,0.9); border:1px solid #46e5e3; font-family: 'Apercu Pro', sans-serif; font-size:18px; font-weight:bold;  color:#000; position:relative; bottom:66px; padding:10px 30px; transition: 0.3s; } 

.thumbnail-perfect-beauty:hover::after { padding:10px 40px; } 

.thumbnail-outbath-img {  opacity:1; transition: 0.6s; }

.thumbnail-outbath-img:hover { opacity:0.8;}

.thumbnail-outbath-img::after { content:'OUTBATH'; background:rgba(255,255,255,0.9); border:1px solid #f6f1a5; font-family: 'Apercu Pro', sans-serif; font-size:20px; font-weight:bold;  color:#000; position:relative; bottom:66px; padding:10px 30px; transition: 0.3s; } 

.thumbnail-outbath-img:hover::after { padding:10px 40px; } 

.lineup-title-text { margin-top:60px; margin-bottom:60px; 
    
    
}
.lineup-container-maegami {  position:relative; width:730px; left:50%; margin-left:-365px; top:60px;}
.lineup-container-miracleyou {  position:relative; width:930px; left:50%; margin-left:-465px; top:60px;}

.lineup-container-4-columns { position:relative; width:1460px; left:50%; margin-left:-730px; top:60px; }

.desktop-lineup-container-spacing { display:block; }

.lineup-container {  position:relative; width:1100px; left:50%; margin-left:-550px; top:60px;}

.lineup-box-miracleyou { position:relative; background:#f9f9f9; width:360px; float:left; margin:30px; padding:150px 20px 20px 20px; text-align:center;}

.lineup-box { position:relative; background:#f9f9f9; width:265px; float:left; margin:30px; padding:150px 20px 20px 20px; text-align:center;}

.lineup-box span, .lineup-box-miracleyou span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:20px; }

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

.lineup-product-title { font-family: 'D-DIN Condensed', sans-serif; font-weight: 600; font-style: normal; font-size:24px; }

.lineup-title-damage-repair { font-family: 'D-DIN Condensed', sans-serif; font-weight: normal; font-style: normal; font-size:22px; display:block;}

.lineup-product-title-damage-repair { font-family: 'D-DIN Condensed', sans-serif; font-weight: 600; font-style: normal; font-size:28px; }



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

.lineup-img { position:absolute; width:300px; top:-100px; left:50%; margin-left:-150px; }

.lineup-button { border:1px solid #ccc; border-radius:10px; padding:5px 20px; margin-top:10px; margin-bottom:10px; display:inline-block; opacity:1; transition: 0.6s; color:#333;}

.lineup-text-container { margin:0px auto; padding:0px 60px; text-align:left; }

.lineup-button:hover { padding:5px 30px; opacity:0.6; }


.miracleshine-wrap {
    background:url("../img/perfectbeauty/prism-repair/bg_pc.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    width:100%;
}

.damage-repair-box, .damage-repair-box-repair-hair-serum { background: rgb(254,253,227);
background: linear-gradient(171deg, rgba(254,253,227,1) 0%, rgba(220,244,254,1) 100%); width:600px; height:400px; position:relative; }

.damage-repair-img, .damage-repair-img-serum { position:absolute; width:410px; left:50%; margin-left:-205px; top:30px;}

.damage-repair-mask, .damage-repair-serum { position:absolute;   width:410px; left:50%; margin-left:-205px; bottom:-30px; }

.damage-repair-shampoo { position:absolute; left:35px; bottom:-35px; }

.damage-repair-treatment { position:absolute; left:260px; bottom:-35px; }

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

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

.prism-buy .prism-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 #fa7494 transparent;
}

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


.prism-buy-button { border:1px solid #fa7494; border-radius:10px; padding:5px 20px 6px 20px; opacity:1; transition: 0.6s; color:#fa7494; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px;}

.prism-buy-button:hover { opacity:0.6;}

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

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

.damage-repair-buy .damage-repair-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 #1da8da transparent;
}

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

.damage-repair-buy-button { background:#fbef58; border-radius:10px; padding:5px 20px 6px 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:18px; text-transform:uppercase; }

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

.extra-buy-button a span {
    display: block;
    border: 1px solid #b18f60;
    text-transform:uppercase;
    padding:9px 50px 9px 50px;
    margin-top:10px;
}

.extra-buy-button a {
    display: block;
    color: #a17f51;
    text-align: center;
    background: url(../img/perfectbeauty/btn_block_1@2x.png) no-repeat 0 0, url(../img/perfectbeauty/btn_block_2@2x.png) no-repeat 100% 0, url(../img/perfectbeauty/btn_block_3@2x.png) no-repeat 0 100%, url(../img/perfectbeauty/btn_block_4@2x.png) no-repeat 100% 100%;
    background-size: 10px, 10px, 10px, 10px;
    box-sizing: border-box;
}

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

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

.extra-buy .extra-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 #b18e63 transparent;
}

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

.circle {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 15px;
  background: #c99d5d;
  color: #fff;
  font-size:22px;
  text-align: center;
  float:left;
  margin-right:15px;
  margin-bottom:10px;
}
.circle-extended {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 15px;
  background: #c99d5d;
  color: #fff;
  font-size:22px;
  text-align: center;
  float:left;
  margin-right:15px;
  margin-bottom:100px;
}
.circle-30px {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 15px;
  background: #c99d5d;
  color: #fff;
  font-size:22px;
  text-align: center;
  float:left;
  margin-right:15px;
  margin-bottom:30px;
}
.point-text { padding-top:5px; padding-right:30px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; overflow:hidden; }


.how-to-use-img { 
    width:100%;
    margin:0 auto;
}

.how-to-use-img span { 
    font-family: 'Apercu Pro', sans-serif;
    font-weight: bold; 
    font-style: normal;
    font-size:38px;
    line-height:42px;
    text-transform:uppercase;
    color:#b7942b;
    border-bottom:1px solid #b7942b;
    padding-bottom:5px;
    display:inline;
}

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

.outbath-content { float:left; }

.outbath-mist-description { display:inline-block; color:#e3338a; border:1px solid #e3338a; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; padding:5px; margin-bottom:15px;  text-align: justify;
  text-justify: inter-word;}


.outbath-oil-description { display:inline-block; color:#ed822e; border:1px solid #ed822e; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; padding:5px; margin-bottom:15px; text-align: justify;
  text-justify: inter-word;}

.outbath-essence-description { display:inline-block;color:#63579f; border:1px solid #63579f; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; padding:5px; margin-bottom:15px; text-align: justify;
  text-justify: inter-word;}

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

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

.mist-buy .mist-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 #e3338a transparent;
}

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

.mist-buy-button { background:#e3338a; padding:5px 48px 6px 48px; opacity:1; color:#fff; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; }

.mist-buy-button a, .mist-buy-button a:hover, .mist-buy-button a:visited { color:#fff; }

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

.mist-more-button { background:#e3338a; padding:5px 34px 6px 18px; opacity:1; color:#fff; margin-top:10px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; position:relative;}

.mist-more-button a, .mist-more-button a:hover, .mist-more-button a:visited { color:#fff; }

.mist-more-button:hover { opacity:0.8; }

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

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

.moist-essence-buy .moist-essence-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 #63579f transparent;
}

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

.moist-essence-buy-button { background:#63579f; padding:5px 48px 6px 48px; opacity:1; color:#fff; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; }

.moist-essence-buy-button a, .moist-essence-buy-button a:hover, .moist-essence-buy-button a:visited { color:#fff; }

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

.moist-essence-more-button { background:#63579f; padding:5px 34px 6px 18px; opacity:1; color:#fff; margin-top:10px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; position:relative;}

.moist-essence-more-button a, .moist-essence-more-button a:hover, .moist-essence-more-button a:visited { color:#fff; }

.moist-essence-more-button:hover { opacity:0.8; }

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

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

.oil-buy .oil-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 #ed822e transparent;
}

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

.oil-buy-button { background:#ed822e; padding:5px 48px 6px 48px; opacity:1; color:#fff; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; }

.oil-buy-button a, .oil-buy-button a:hover, .oil-buy-button a:visited { color:#fff; }

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

.oil-more-button { background:#ed822e; padding:5px 34px 6px 18px; opacity:1; color:#fff; margin-top:10px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; position:relative;}

.oil-more-button a, .oil-more-button a:hover, .oil-more-button a:visited { color:#fff; }

.oil-more-button:hover { opacity:0.8; }

.outbath-button-right-arrow { position:absolute; right:8px; top:11px; color:#fff;}

.outbath-button-down-arrow { position:absolute; right:8px; top:7px; color:#fff;}

.essence, .oil, .mist {
    background-color:#f0f0f0;
    position:relative;
    width:100%;
    height:1000px;
}

.stripe-bg-left { position:absolute; top:40px; left:100px; background:url("../img/perfectbeauty/outbath/bg_stripe@2x.png");
background-size: 50%; width:200px; height:200px; z-index:2; }

.stripe-bg-right { position:absolute; top:40px; right:100px; background:url("../img/perfectbeauty/outbath/bg_stripe@2x.png");
background-size: 50%; width:200px; height:200px; z-index:2; }

.essence-photo, .mist-photo { position:absolute; top:80px; left:150px; z-index:2; }
.left-photo { position:absolute; top:90px; right:150px; z-index:2; }

.essence-product, .mist-product { position:absolute; top:40px; left:660px; z-index:2; }
.left-product { position:absolute; top:80px; right:660px; z-index:2; }

.essence-title { position:absolute; top:120px; right:40px; z-index:2; writing-mode: vertical-rl; color:#63579f; font-family: 'Apercu Pro', sans-serif; font-weight: 500; font-size:46px; border-right:1px solid #fff; padding-right:5px; text-transform:uppercase;} 

.oil-title { position:absolute; top:120px; left:40px; z-index:2; writing-mode: vertical-rl; color:#ed822e; font-family: 'Apercu Pro', sans-serif; font-weight: 500; font-size:46px; border-left:1px solid #fff; padding-left:5px;  text-transform:uppercase} 

.mist-title { position:absolute; top:120px; right:40px; z-index:2; writing-mode: vertical-rl; color:#e3338a; font-family: 'Apercu Pro', sans-serif; font-weight: 500; font-size:46px; border-right:1px solid #fff; padding-right:5px;  text-transform:uppercase} 

.essence-product-title, .mist-product-title { position:absolute; top:540px; left: 620px; z-index:2; }

.product-title-box { font-family: 'Apercu Pro', sans-serif; font-weight: 500; font-style: normal; font-size:30px; background:#fff; color:#000; padding:10px; text-transform:uppercase; }


.left-product-title { position:absolute; top:590px; right: 814px; z-index:2; }

.essence-product-description, .mist-product-description { position:absolute; top:620px; left: 620px; z-index:2; }

.product-description-box { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:20px; background:#fff; color:#000; padding:10px; }
.left-product-description { position:absolute; top:670px; right: 640px; z-index:2; }

.essence-product-buy, .mist-product-buy { position:absolute; top:730px; left: 620px; z-index:2; }
.left-product-buy { position:absolute; top:790px; right: 825px; z-index:2; }

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

.essence-buy .essence-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #63579f;
  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;
}

.essence-buy .essence-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 #63579f transparent;
}

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

.essence-buy-button { background:#63579f; padding:10px 50px 11px 50px; opacity:1; color:#fff; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:20px; }

.essence-buy-button a, .essence-buy-button a:hover, .essence-buy-button a:visited { color:#fff; }

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


.essence-button-right-arrow { position:absolute; right:8px; top:18px; color:#fff;}

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

.perfect-oil-buy .perfect-oil-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #ed822e;
  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;
}

.perfect-oil-buy .perfect-oil-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 #ed822e transparent;
}

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

.perfect-oil-buy-button { background:#ed822e; padding:10px 50px 11px 50px; opacity:1; color:#fff; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:20px; }

.perfect-oil-buy-button a, .perfect-oil-buy-button a:hover, .perfect-oil-buy-button a:visited { color:#fff; }

.perfect-oil-buy-button:hover { opacity:0.8; }

.perfect-oil-button-right-arrow { position:absolute; right:8px; top:18px; color:#fff;}

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

.perfect-mist-buy .perfect-mist-buy-text {
  visibility: hidden;
  width: 200px;
  background-color: #e3338a;
  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;
}

.perfect-mist-buy .perfect-mist-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 #e3338a transparent;
}

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

.perfect-mist-buy-button { background:#e3338a; padding:10px 50px 11px 50px; opacity:1; color:#fff; margin-top:5px; display:inline-block; cursor:pointer; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:20px; }

.perfect-mist-buy-button a, .perfect-mist-buy-button a:hover, .perfect-mist-buy-button a:visited { color:#fff; }

.perfect-mist-buy-button:hover { opacity:0.8; }

.perfect-mist-button-right-arrow { position:absolute; right:8px; top:18px; color:#fff;}

.essence-bg { position: absolute; top:530px; z-index:1; }
.essence-bg img { width:100%;  }

.oil-bg { position: absolute; top:530px; z-index:1; }
.oil-bg img { width:100%;  }

.mist-bg { position: absolute; top:530px; z-index:1; }
.mist-bg img { width:100%;  }

.float-right-desktop-left { float:right; margin-right:45px; }
.float-right-desktop-right { float:right; margin-right:75px; }

.outbath-link { opacity:1; transition:0.3s; }

.outbath-link:hover { opacity:0.8 }

@media only screen and (min-width: 1500px) {
 .essence-bg { position: absolute; top:400px; z-index:1; }

.oil-bg { position: absolute; top:400px; z-index:1; }

.mist-bg { position: absolute; top:400px; z-index:1; }

}


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

.outbath-product-description { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; display:block; margin-bottom:10px; text-align: justify;
  text-justify: inter-word; }
.outbath-product-description li { margin-left:20px; margin-bottom:10px;}

.outbath-title-line-right {  border-right: 2px solid #fff;
    padding-right: 10px; }
    
.outbath-title-line-left {  border-left: 2px solid #fff;
    padding-left: 10px; }
    

.tick-container { width:450px; margin:40px auto 30px auto; }

.tick-container-550 { width:550px; margin:40px auto 30px auto; }

.tick { float:left; margin-bottom:20px;}

.tick-point, .tick-point-blue { float:left; margin-left:5px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; } 

.extra-hair-fall-control-img { width:909px; height:590px; position:relative; margin:0 auto;}

.extra-hair-fall-control-img-title-left { 
position:absolute; 
left:140px;
top:34px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#7fa328;

}

.extra-hair-fall-control-img-title-right { 
position:absolute; 
right:215px;
top:34px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#c49f68;

}

.extra-hair-fall-control-img-point-1 { 
    
position:absolute; 
left:100px;
top:163px;
width:400px;

}

.extra-hair-fall-control-img-point-2 { 
    
position:absolute; 
left:100px;
top:386px;
width:400px;

}

.extra-hair-fall-control-img-point-3 { 
    
position:absolute; 
left:100px;
top:610px;
width:600px;

}

.extra-hair-fall-control-img-point-1 span, .extra-hair-fall-control-img-point-2 span, .extra-hair-fall-control-img-point-3 span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:18px; display:block; margin-bottom:5px; }

.extra-hair-fall-control-img-point-1 p, .extra-hair-fall-control-img-point-2 p, .extra-hair-fall-control-img-point-3 p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-align: justify;
  text-justify: inter-word; }

.extra-hair-fall-control-img-ingredient-container { 
position:absolute; 
right:30px;
top:370px;
}

.extra-hair-fall-control-img-ingredient { 
float:left;
width:83px;
margin:5px 15px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-hair-fall-control-img-ingredient img { 
margin-bottom:5px;
}


.extra-hair-fall-control-wasabi { 
    
position:absolute; 
right:110px;
top:169px;
}


.extra-damage-repair-img { width:909px; height:590px; position:relative; margin:0 auto;}

.extra-damage-repair-img-title-left { 
position:absolute; 
left:140px;
top:34px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#7fa328;

}

.extra-damage-repair-img-title-right { 
position:absolute; 
right:215px;
top:34px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#c49f68;

}

.extra-damage-repair-img-point-1 { 
    
position:absolute; 
left:100px;
top:163px;
width:296px;

}

.extra-damage-repair-img-point-2 { 
    
position:absolute; 
left:100px;
top:324px;
width:296px;

}

.extra-damage-repair-img-point-1 span, .extra-damage-repair-img-point-2 span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:18px; display:block; margin-bottom:5px; }

.extra-damage-repair-img-point-1 p, .extra-damage-repair-img-point-2 p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-align: justify;
  text-justify: inter-word; }

.extra-damage-repair-img-ingredient-1 { 
position:absolute; 
right:390px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-damage-repair-img-ingredient-2 { 
position:absolute; 
right:275px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-damage-repair-img-ingredient-3 { 
position:absolute; 
right:159px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-damage-repair-img-right-content { 
    
position:absolute; 
right:20px;
top:330px;
width:400px;
font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;
text-align: justify;
text-justify: inter-word; 
}

.extra-fresh-and-hydrate-img { width:851px; height:1061px; position:relative; margin:0 auto;}

.extra-fresh-and-hydrate-img-title-left { 
position:absolute; 
left:130px;
top:22px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-fresh-and-hydrate-img-title-right { 
position:absolute; 
right:140px;
top:22px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase; 
text-align:center;
color:#c49f68;
}

.extra-fresh-and-hydrate-img-point-1 { 
    
position:absolute; 
left:100px;
top:145px;
width:360px;

}

.extra-fresh-and-hydrate-img-point-2 { 
    
position:absolute; 
left:100px;
top:392px;
width:296px;

}

.extra-fresh-and-hydrate-img-point-3 { 
    
position:absolute; 
left:100px;
top:700px;
width:660px;

}

.extra-fresh-and-hydrate-img-point-1 span, .extra-fresh-and-hydrate-img-point-2 span, .extra-fresh-and-hydrate-img-point-3 span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:18px; display:block; margin-bottom:5px; }

.extra-fresh-and-hydrate-img-point-1 p, .extra-fresh-and-hydrate-img-point-2 p, .extra-fresh-and-hydrate-img-point-3 p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-align: justify;
  text-justify: inter-word;}

.extra-fresh-and-hydrate-img-ingredient-1 { 
position:absolute; 
right:250px;
top:245px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-fresh-and-hydrate-img-ingredient-2 { 
position:absolute; 
right:135px;
top:245px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-fresh-and-hydrate-img-ingredient-3 { 
position:absolute; 
right:22px;
top:245px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-fresh-and-hydrate-img-right-content { 
    
position:absolute; 
right:0px;
top:392px;
width:400px;
font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;
text-align: justify;
  text-justify: inter-word;
}

.extra-moist-and-shine-img { width:909px; height:593px; position:relative; margin:0 auto;}

.extra-moist-and-shine-img-title-left { 
position:absolute; 
left:130px;
top:36px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-moist-and-shine-img-title-right { 
position:absolute; 
right:180px;
top:36px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#c49f68;
}

.extra-moist-and-shine-img-point-1 { 
    
position:absolute; 
left:100px;
top:163px;
width:296px;

}

.extra-moist-and-shine-img-point-2 { 
    
position:absolute; 
left:100px;
top:324px;
width:296px;

}

.extra-moist-and-shine-img-point-1 span, .extra-moist-and-shine-img-point-2 span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:18px; display:block; margin-bottom:5px; }

.extra-moist-and-shine-img-point-1 p, .extra-moist-and-shine-img-point-2 p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-align: justify;
  text-justify: inter-word; }

.extra-moist-and-shine-img-ingredient-1 { 
position:absolute; 
right:390px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-moist-and-shine-img-ingredient-2 { 
position:absolute; 
right:275px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-moist-and-shine-img-ingredient-3 { 
position:absolute; 
right:159px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-moist-and-shine-img-right-content { 
    
position:absolute; 
right:20px;
top:330px;
width:400px;
font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;
text-align: justify;
  text-justify: inter-word;
}

.extra-night-repair-img { width:909px; height:593px; position:relative; margin:0 auto;}

.extra-night-repair-img-title-left { 
position:absolute; 
left:135px;
top:25px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-night-repair-img-title-right { 
position:absolute; 
right:90px;
top:25px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#c49f68;
}

.extra-night-repair-img-point-1 { 
    
position:absolute; 
left:100px;
top:143px;
width:350px;

}

.extra-night-repair-img-point-2 { 
    
position:absolute; 
left:100px;
top:428px;
width:296px;

}

.extra-night-repair-img-point-1 span, .extra-night-repair-img-point-2 span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:18px; display:block; margin-bottom:5px; }

.extra-night-repair-img-point-1 p, .extra-night-repair-img-point-2 p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-align: justify;
  text-justify: inter-word; }

.extra-smooth-and-straight-img { width:909px; height:590px; position:relative; margin:0 auto;}

.extra-smooth-and-straight-img-title-left { 
position:absolute; 
left:120px;
top:36px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-smooth-and-straight-img-title-right { 
position:absolute; 
right:190px;
top:36px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#c49f68;
}

.extra-smooth-and-straight-img-point-1 { 
    
position:absolute; 
left:100px;
top:163px;
width:296px;

}

.extra-smooth-and-straight-img-point-2 { 
    
position:absolute; 
left:100px;
top:324px;
width:296px;

}

.extra-smooth-and-straight-img-point-1 span, .extra-smooth-and-straight-img-point-2 span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:18px; display:block; margin-bottom:5px; }

.extra-smooth-and-straight-img-point-1 p, .extra-smooth-and-straight-img-point-2 p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-align: justify;
  text-justify: inter-word; }

.extra-smooth-and-straight-img-ingredient-1 { 
position:absolute; 
right:390px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-smooth-and-straight-img-ingredient-2 { 
position:absolute; 
right:275px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-smooth-and-straight-img-ingredient-3 { 
position:absolute; 
right:159px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-smooth-and-straight-img-right-content { 
    
position:absolute; 
right:20px;
top:330px;
width:400px;
font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;
text-align: justify;
  text-justify: inter-word;
}

.extra-volume-and-scalp-img { width:909px; height:590px; position:relative; margin:0 auto;}

.extra-volume-and-scalp-img-title-left { 
position:absolute; 
left:130px;
top:38px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-volume-and-scalp-img-title-right { 
position:absolute; 
right:25px;
top:38px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#c49f68;
}

.extra-volume-and-scalp-img-point-1 { 
    
position:absolute; 
left:100px;
top:163px;
width:296px;

}

.extra-volume-and-scalp-img-point-2 { 
    
position:absolute; 
left:100px;
top:324px;
width:296px;

}

.extra-volume-and-scalp-img-point-1 span, .extra-volume-and-scalp-img-point-2 span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:18px; display:block; margin-bottom:5px; }

.extra-volume-and-scalp-img-point-1 p, .extra-volume-and-scalp-img-point-2 p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-align: justify;
  text-justify: inter-word; }

.extra-volume-and-scalp-img-ingredient-1 { 
position:absolute; 
right:390px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-volume-and-scalp-img-ingredient-2 { 
position:absolute; 
right:275px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-volume-and-scalp-img-ingredient-3 { 
position:absolute; 
right:159px;
top:235px;
width:80px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-volume-and-scalp-img-right-content { 
    
position:absolute; 
right:20px;
top:340px;
width:400px;
font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;
text-align: justify;
  text-justify: inter-word;
}

.method-1 { position:absolute; top:40px; left:99px; }

.method-1 span { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:22px; }

.method-1 p { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:24px; text-transform:uppercase;}

.method-2 { position:absolute; top:67px; left:150px; }

.method-2 p { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:24px; text-transform:uppercase;}

.damage-repair-title-1 { text-align:left; width:590px; display:block; margin-bottom:10px; background: rgb(164,213,199);
background: linear-gradient(96deg, rgba(164,213,199,1) 19%, rgba(229,231,144,1) 51%, rgba(162,211,230,1) 91%); font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:30px; line-height:36px; text-transform:uppercase; padding:10px 12px 10px 15px; color:#fff;}

.damage-repair-title-2 {text-align:left;  width:430px; display:block; margin-bottom:10px; background: rgb(164,213,199);
background: linear-gradient(96deg, rgba(164,213,199,1) 19%, rgba(229,231,144,1) 51%, rgba(162,211,230,1) 91%); font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:30px; line-height:36px; text-transform:uppercase; padding:10px 12px 10px 15px; color:#fff;}

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

.miracle-superfood-line { width:100%; height:160px; background:#fffec1; }

.miracle-superfood-img { position:absolute; margin-top:-200px;}

.miracle-superfood-title-container { position:absolute; margin-top:-108px; right:200px; }

.miracle-superfood-title { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; }

.miracle-superfood-ingredient { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; }

.miracle-superfood-content { position:absolute; top:20px; right:40px;  width:420px;  font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:16px; line-height:24px; text-align: justify;
  text-justify: inter-word; }

.miracle-cuticle-coat-line { width:100%; height:160px; background:#e2f2ee; }

.miracle-cuticle-coat-img { position:absolute; margin-top:-235px;}

.miracle-cuticle-coat-title-container { position:absolute; margin-top:-108px; right:175px; }

.miracle-cuticle-coat-title { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; }

.miracle-cuticle-coat-ingredient { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; }

.miracle-cuticle-coat-content { position:absolute; top:20px; right:43px;  width:420px;  font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:16px; line-height:24px;  text-align: justify;
  text-justify: inter-word; }


.miracle-colour-protect-line { width:100%; height:160px; background:#baeafb; }

.miracle-colour-protect-img { position:absolute; margin-top:-235px;}

.miracle-colour-protect-title-container { position:absolute; margin-top:-108px; right:132px; }

.miracle-colour-protect-title { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; }

.miracle-colour-protect-ingredient { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; }

.miracle-colour-protect-content { position:absolute; top:20px; right:43px;  width:420px;  font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:16px; line-height:24px; text-align: justify;
  text-justify: inter-word; }

.plant-derived-ingredient { position:absolute; top:-130px; right:-250px; }

.regimen-title { background: rgb(251,250,221);
background: linear-gradient(96deg, rgba(251,250,221,1) 19%, rgba(235,245,238,1) 51%, rgba(211,239,251,1) 91%); max-width:100%; padding:20px; text-align:center; font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:40px; line-height:46px; text-transform:uppercase;  }


.damage-repair-title-container { margin-top:45px; margin-left:5%; }

.miracleshine-concept { position:relative; width:1200px; padding-top:100px;margin-bottom:100px; }

.miracleshine-concept-text { position:absolute; top:260px; right:26px; text-align:right;  }


.miracleshine-concept-text  p {  font-family: 'D-DIN Condensed'; letter-spacing:2px; font-weight:normal; font-style: normal; font-size:28px; line-height:34px; text-align:right; display:block; }

.miracleshine-concept-text span {  font-family: 'D-DIN Condensed'; letter-spacing:2px; font-weight:bold; font-style: normal; font-size:36px; line-height:42px; }

.miracleshine-result { position:relative; width:100%; }

.miracleshine-result img { position:absolute; right:0px; }

.miracleshine-result-text { position:absolute; top:140px; left:360px; }

.miracleshine-result-text span { background: rgb(250,129,174);
background: linear-gradient(96deg, rgba(250,129,174,1) 19%, rgba(207,96,95,1) 51%, rgba(240,217,134,1) 91%); padding:10px 15px; font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:24px; color:#fff; margin-bottom:15px; display:block; }

.miracleshine-result-text p { background: rgb(250,129,174);
background: linear-gradient(96deg, rgba(250,129,174,1) 19%, rgba(207,96,95,1) 51%, rgba(240,217,134,1) 91%); padding:10px 15px; font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:24px; color:#fff;  display:block; width:362px;  }

.miracle-ingredients-container { margin-top:100px;position:relative;  width:100%;}

.prism-repair-container { position:relative; width:1200px; height:750px; margin-top:-60px; }

.prism-repair-container img { position:absolute; }

.prism-repair-line { width:100%; height:160px; background:#feefed; z-index:-1; }

.prism-repair-point-1-container { position:relative; width:1200px; text-align:left; }

.prism-repair-point-1 {position:absolute; top:-138px; left:50px; }

.prism-repair-point-1-title { position:absolute; top:-110px; left:140px; }

.prism-repair-title {  font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:26px; text-transform:uppercase; z-index:1; }

.prism-repair-ingredient { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; }

.prism-repair-text-left { position:absolute; top:110px; left:40px;  }

.prism-repair-text-left p { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:22px; color:#fc7293;  width:600px; text-align:left;  }


.prism-repair-text-right { position:absolute; top:110px; right:55px; width:350px; text-align:left;}

.prism-repair-text-right p { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:22px; color:#4fc9ff;  width:400px; }


.prism-repair-text-right button { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; background:#4fc9ff; font-size:18px; color:#fff; padding:5px 10px; border:0px; margin-top:15px; margin-right:270px; margin-bottom:20px;}

.prism-repair-text-right span { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:18px; display:block; margin-bottom:10px;  }

.prism-repair-content { position:absolute; top:470px; right:55px; width:350px; text-align:left; font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:18px; text-align: justify;
  text-justify: inter-word;  } 

.prism-repair-miracle-superfood-img { position:absolute; margin-top:-200px; margin-left:-20px;}

.prism-repair-miracle-colour-protect-img { position:absolute; margin-top:-235px; margin-left:-75px;}

.quiz { background: #f0f0f0; width:100%;}

.quiz .container { width:900px; margin:0 auto; padding:60px; }

.quiz .question { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:20px; background:#fff; padding:10px;  display:inline; margin-left:30px;}

.quiz .answer { margin-left:20px; position:relative; font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:26px; z-index:1; color:#fff; margin-left:40px;}

.quiz .answer::after {  content:' '; position:absolute; top:-5px; left:-10px; background:#000; width:130px; height:30px; z-index:-1; }

.quiz .background {  background:#fff; padding:40px; margin-top:-20px; }

.quiz .background span { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-weight:bold; font-size:18px; }

.quiz .background .a-text { color:#c1337a; border:1px solid #c1337a; font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-size:26px; padding:0px 10px; float:left; }

.quiz .background .b-text { color:#000; border:1px solid #000; font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-size:26px; padding:0px 10px; float:left;}

.quiz .background .text { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:20px; float:left; margin-left:10px; padding-top:5px; }

.pink-down-arrow { width:30px; height:28px; display:block; margin-bottom:20px; margin-left:45px;}

.black-down-arrow { width:30px; height:28px; display:block; margin-bottom:20px; margin-left:45px;}

.pink-left-arrow { width:30px; height:27px; display:block; float:left;  }

.black-right-arrow { width:30px; height:27px; display:block; margin-left:250px; float:left;}

.product-box-mist { position:relative; }

.product-box-mist img { width:95px; height:200px; position:absolute; z-index:1; left:-15px;top:25px;}

.product-box-mist .box { background:#e3338a; width:250px; height:40px; position:absolute; top:160px; left:0px;}

.product-box-mist p { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:16px; width:160px; position:absolute; left:75px; top:95px; text-align:center;}

.product-box-mist span {font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:16px; color:#fff; text-transform:uppercase; position:absolute; top:170px; right:65px;  }

.product-box-essence { position:relative; }

.product-box-essence img { width:95px; height:200px; position:absolute; z-index:1; left:-15px;top:25px;}

.product-box-essence .box { background:#e3338a; width:250px; height:40px; position:absolute; top:160px; left:0px;}

.product-box-essence p { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:16px; width:160px; position:absolute; left:75px; top:93px; text-align:center; }

.product-box-essence span {font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:16px; color:#fff; text-transform:uppercase; position:absolute; top:170px; right:30px; }

.product-box-oil { position:relative; }

.product-box-oil img { width:95px; height:200px; position:absolute; z-index:1; left:-45px;top:25px;}

.product-box-oil .box { background:#e3338a; width:250px; height:40px; position:absolute; top:160px; left:0px;}

.product-box-oil p { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:16px; width:170px; position:absolute; left:55px; top:90px; text-align:center; }

.product-box-oil span {font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:16px; color:#fff; text-transform:uppercase; position:absolute; top:170px; right:60px; }

.top-img-container { position:relative; margin-top:40px; margin-bottom:60px; }

.top-img-container span { position:absolute; bottom:30px; left:100px; background: rgba(255,255,255,0.9); color:#000; padding:20px; font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:24px; text-align:left; }

.outbath-img { float:left; width:370px; margin-left:-30px; margin-right:10px;}
.outbath-left { float:left; width:460px; margin-right:40px;}
.outbath-right { float:left; width:400px;} 

.section-about p { text-align: justify;
  text-justify: inter-word;  }
 
.regimen-text { width:610px; margin:0px auto; padding:20px; }

.miracle-you-damage-repair-container { width:1100px; margin:0px auto; }

.lineup-text-container p { text-align: justify;
  text-justify: inter-word; }
  
.padding-left-60-desktop { padding-left:60px; }

.outbath-top { width:1000px; max-width:100%; margin:0 auto; padding-top:60px;padding-bottom:60px }

.cuticle { text-align:left; position:relative; margin-top:30px; }

.lineup-container-spacing { display:none; }
.desktop-lineup-container-left-spacing { width:180px; float:left; }
.lineup-box-spacing {  margin-bottom:36px; } 
.lineup-box-spacing-extra-hair-fall-control {  margin-bottom:16px; } 
.new { position:absolute; top:-90px; left:110px;}

.hair-fall-control-disclaimer { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:14px; text-align:left; margin-bottom:40px; }

.reduce-spacing-30px { display:none; }

.disclaimer-txt { font-size:12px!important;font-style: italic;font-weight:normal!important;font-family: 'Apercu Pro', sans-serif!important }
    
.liquid-shampoo-text{ position:absolute; font-size:13px; color:#fff;  border-radius: 50%; background:#1198AD; right:-10px; top:20px; width:110px; height:75px; padding-top:10px; }

@media only screen and (max-width: 1499px) {
.lineup-container-spacing { display:block; }
.lineup-container-4-columns {  position:relative; width:1100px; left:50%; margin-left:-550px; top:60px;}
.desktop-lineup-container-spacing { display:none; }
.desktop-lineup-container-left-spacing { display:none; }
.lineup-box-spacing { margin-bottom:29px;}
}

@media only screen and (max-width: 1300px) {
.damage-repair-title-container { margin-left:0%; }
}

@media only screen and (max-width: 1200px) {
.damage-repair-title-container { margin-left:-5%; }
}
    
@media only screen and (max-width: 1099px) {
    
/* Perfect Beauty landing page */

.section-about-title {font-size:30px; z-index:1; left:15px; top:-18px; }
.section-about { padding:0; }
.thumbnails { padding: 10px 0px; }

.lineup-container-miracleyou {  position:relative; width:100%; left:0; margin-left:0; top:0; display:block; overflow:hidden;}

.lineup-container-maegami {  position:relative; width:100%; left:0; margin-left:0; top:0; display:block; overflow:hidden;}

.lineup-box-miracleyou { position:relative; background:#f9f9f9; width:90%; float:none; margin:0;  padding:40px 20px; text-align:center; display:block;}

.lineup-img { position:relative; width:100%; max-width:100%; top:0; left:0; margin-left:0px; }

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

.lineup-container, .lineup-container-4-columns {  position:inherit; width:100%; left:0; margin-left:0; top:0; padding:0;}

.lineup-container-spacing { display:none; }
.desktop-lineup-container-spacing { display:none; }
.desktop-lineup-container-left-spacing { display:none; }
.lineup-box-spacing, .lineup-box-spacing-extra-hair-fall-control { margin-bottom:0;} 
.new { position:relative; top:30px; right:0; left:0; margin-top:20px; }

.lineup-box { background:#f9f9f9; width:100%; float:none; margin:0; padding:20px 0 20px 0; text-align:center; display:block;}

.liquid-shampoo-text{ right:10px; top:20px;  }


/* Prism Repair */

.miracleshine-concept { position:relative; width:100%; padding-top:30px; margin-bottom:-6px; } 

.miracleshine-concept-text { position:relative; top:0px; right:0px; text-align:center; padding:20px;  }

.miracleshine-concept-text  p {  font-family: 'D-DIN Condensed';  letter-spacing:2px; font-weight:normal; font-style: normal; font-size:24px; line-height:28px; text-align:center; display:block; }

.miracleshine-concept-text span {  font-family: 'D-DIN Condensed';  letter-spacing:2px; font-weight:bold; font-style: normal; font-size:32px; line-height:36px; text-align:center;  }

.miracleshine-result { position:relative; width:100%; }

.miracleshine-result img { position:relative; right:0px; }

.miracleshine-result-text { position:relative; top:30px; left:0px; text-align:center; }

.miracleshine-result-text span { background: rgb(250,129,174);
background: linear-gradient(96deg, rgba(250,129,174,1) 19%, rgba(207,96,95,1) 51%, rgba(240,217,134,1) 91%); padding:10px 15px; font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:24px; color:#fff; margin-bottom:15px; display:block; }

.miracleshine-result-text p { background: rgb(250,129,174);
background: linear-gradient(96deg, rgba(250,129,174,1) 19%, rgba(207,96,95,1) 51%, rgba(240,217,134,1) 91%); padding:10px 15px; font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:24px; color:#fff;  display:block; width:362px;  }

.miracle-ingredients-container { margin-top:60px;position:relative; width:100%;}

.miracle-ingredients-mobile-resize { width:86%; }

.prism-repair-point-1-container { position:relative; width:100%; text-align:left; }

.prism-repair-point-1 {position:absolute; top:-108px; left:25px; }

.prism-repair-point-1-title { position:absolute; top:-110px; left:86px; }

.prism-repair-title {  font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:24px; text-transform:uppercase; z-index:1; }

.prism-repair-ingredient { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:24px; line-height:28px; text-transform:uppercase; }

.point-1-mobile-resize { width:60%;} 

.prism-repair-line { width:100%; height:135px; background:#feefed; z-index:-1; }

.prism-repair-container { position:relative; width:100%; height:auto; margin-top:0; }

.prism-repair-text-left { position:relative; top:30px; left:0; padding:10px 35px 10px 35px; }

.prism-repair-text-left p { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:24px; color:#fc7293; width:100%; text-align:left;  text-align: justify;
  text-justify: inter-word;  }

.prism-repair-text-right { position:relative; top:0; left:0; right:0; padding:40px 0px 10px 0px; width:82%;}

.prism-repair-text-right p { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:24px; color:#4fc9ff;  width:100%; text-align:left;  text-align: justify;
  text-justify: inter-word;  }


.prism-repair-text-right button { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; background:#4fc9ff; font-size:18px; color:#fff; padding:5px 10px; border:0px; margin-top:15px; margin-left:0; margin-right:0; margin-bottom:20px; display:block;}

.prism-repair-text-right span { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:22px;  }

.prism-repair-content { position:relative; top:0; right:0px; left:0; width:80%; text-align:left; font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:18px;  text-align: justify;
  text-justify: inter-word; padding:0;  } 

.prism-repair-container img { position:relative; }

.ingredient-container { width:100%; margin:0 auto; position:relative; }

.miracle-superfood-line { width:100%; height:120px; background:#fffec1; }

.miracle-superfood-img { position:relative; margin-top:0; width:90%;}

.miracle-superfood-title-container { position:relative; margin-top:0; right:0; }

.miracle-superfood-title { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; position:absolute; top:-90px; left:86px; }

.miracle-superfood-ingredient { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; position:absolute; top:-60px; left:86px; }

.miracle-superfood-content { position:relative; top:0; right:0;  width:82%;  padding:0px 35px 20px 35px; font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:16px; line-height:20px; text-align: justify;
  text-justify: inter-word; }

.prism-repair-miracle-superfood-img { position:relative; margin-top:0; margin-left:0; width:90%; padding-top:20px; padding-bottom:20px;}

.prism-repair-point-2 {position:absolute; top:-96px; left:23px; }

.point-2-mobile-resize { width:60%;} 

.miracle-colour-protect-line { width:100%; height:135px; background:#baeafb; }

.miracle-colour-protect-img { position:relative; margin-top:0; margin-left:0; width:90%; padding-top:20px; padding-bottom:20px; }

.miracle-colour-protect-title-container { position:relative; margin-top:10px; right:0; }

.miracle-colour-protect-title { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; position:absolute; top:-120px; left:96px;  }

.miracle-colour-protect-ingredient { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase;  position:absolute; top:-60px; left:96px;  }

.miracle-colour-protect-content { position:relative; top:20px; right:0;  width:82%; padding:10px 35px 20px 35px;   font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:16px; line-height:20px; text-align: justify;
  text-justify: inter-word; }

.plant-derived-ingredient { position:relative; top:10px; bottom:0px; right:0; }

.prism-repair-miracle-colour-protect-img { position:relative; margin-top:20px; margin-left:0;}

.prism-repair-point-3 {position:absolute; top:-115px; left:23px; }

.point-3-mobile-resize { width:60%;} 

/* Damage Repair */

.top-img-container { position:relative; margin-top:30px; margin-bottom:30px; }

.damage-repair-point-1 {position:absolute; top:-96px; left:25px; }

.damage-repair-point-2 {position:absolute; top:-108px; left:20px; }

.damage-repair-point-3 {position:absolute; top:-116px; left:25px; }

.miracle-cuticle-coat-line { width:100%; height:120px; background:#e2f2ee; }

.miracle-cuticle-coat-img { position:relative; margin-top:10px; width:90%; padding-top:20px; padding-bottom:0px; }

.miracle-cuticle-coat-title-container {position:relative; margin-top:10px; right:0; }

.miracle-cuticle-coat-title { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; position:absolute; top:-106px; left:85px;  }

.miracle-cuticle-coat-ingredient { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:26px; line-height:30px; text-transform:uppercase; position:absolute; top:-73px; left:85px;  }

.miracle-cuticle-coat-content {  position:relative; top:20px; right:0;  width:82%; padding:10px 35px 20px 35px;   font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-style: normal; font-size:16px; line-height:20px; text-align: justify;
  text-justify: inter-word;}

.damage-repair-title-container { margin-top:45px; margin-left:0; }

.regimen-text { width:90%; margin:0px auto; padding:20px 0 20px 0; }

.miracle-you-damage-repair-container { width:100%; margin:0px auto; }

.damage-repair-box { background: rgb(254,253,227);
background: linear-gradient(171deg, rgba(254,253,227,1) 0%, rgba(220,244,254,1) 100%); width:100%; height:436px; position:relative; }

.damage-repair-box-repair-hair-serum { background: rgb(254,253,227);
background: linear-gradient(171deg, rgba(254,253,227,1) 0%, rgba(220,244,254,1) 100%); width:100%; height:360px; position:relative; margin-top:30px;}

.damage-repair-img { position:relative; width:90%; left:0; margin-left:0; top:30px;}

.damage-repair-img-serum { position:relative; width:90%; left:0; margin-left:0; top:-45px;}

.damage-repair-mask { position:absolute;   width:100%; left:0; margin-left:0; bottom:-30px; }

.damage-repair-serum { position:absolute;   width:100%; left:0; margin-left:0; bottom:-30px; }

.damage-repair-shampoo { position:absolute; left:10px; bottom:-35px; }

.damage-repair-treatment { position:absolute; left:175px; bottom:-35px; }

.lineup-text-container { margin:0px auto; padding:0px 30px; text-align:left; }

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

.repair-hair-resize { width:42%; }

/* Perfect beauty */

.tick-container { width:70%; margin:0 auto; padding:30px 20px 20px 60px; text-align:left;}

.tick-container-550 { width:70%;  margin:0 auto; padding:30px 20px 20px 20px;}

.tick { display:none; }

.tick-point { margin-left:5px; margin-bottom:10px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; line-height:22px; position:relative; } 
.tick-point::before { 
    content:' ';
    width:25px;
    height:21px;
    background-image: url("../img/perfectbeauty/pink_tick.png");
    position:absolute;
    left:-30px;
}

.tick-point-blue { margin-left:5px; margin-bottom:10px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; line-height:22px; position:relative; } 
.tick-point-blue::before { 
    content:' ';
    width:25px;
    height:21px;
    background-image: url("../img/perfectbeauty/blue_tick.png");
    position:absolute;
    left:-30px;
}



.extra-fresh-and-hydrate-img { width:100%; height:auto; position:relative; margin:0 auto;}

.extra-fresh-and-hydrate-img-title-left { 
position:relative; 
left:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-fresh-and-hydrate-img-title-right { 
position:relative; 
right:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase; 
text-align:center;
color:#c49f68;
}

.extra-fresh-and-hydrate-img-point-1 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-fresh-and-hydrate-img-point-2 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-fresh-and-hydrate-img-point-3 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}


.extra-fresh-and-hydrate-img-ingredient-1 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;

}

.extra-fresh-and-hydrate-img-ingredient-2 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-right:20px;
margin-bottom:5px;

}

.extra-fresh-and-hydrate-img-ingredient-3 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-bottom:5px;

}

.extra-fresh-and-hydrate-img-right-content { 
    
position:relative; 
right:0px;
top:0;
width:89%;
padding:20px;
font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;
}

.perfect-beauty-title { margin-top:10px; margin-bottom:10px; display:block;}

.point-img { margin-left:20px; margin-top:30px;margin-bottom:0px; }

.circle-40 {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 15px;
  background: #c99d5d;
  color: #fff;
  font-size:22px;
  text-align: center;
  float:left;
  margin-right:15px;
  margin-left:15px;
  margin-bottom:40px;
}
.circle-70 {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 15px;
  background: #c99d5d;
  color: #fff;
  font-size:22px;
  text-align: center;
  float:left;
  margin-right:15px;
  margin-left:15px;
  margin-bottom:35px;
}
.circle-80 {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 15px;
  background: #c99d5d;
  color: #fff;
  font-size:22px;
  text-align: center;
  float:left;
  margin-right:15px;
  margin-left:15px;
  margin-bottom:35px;
}
.circle-170 {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 15px;
  background: #c99d5d;
  color: #fff;
  font-size:22px;
  text-align: center;
  float:left;
  margin-right:15px;
  margin-left:15px;
  margin-bottom:170px;
}

.point-text { padding-top:5px; padding-right:30px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-align: justify;
  text-justify: inter-word; }

.mobile-resize-40 { margin-top:30px; width:40%; }
.margin-top-30-mobile { margin-top:60px; }

.extra-damage-repair-img { width:100%; height:auto; position:relative; margin:0 auto;}

.extra-damage-repair-img-title-left { 
position:relative; 
left:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#7fa328;

}

.extra-damage-repair-img-title-right { 
position:relative; 
right:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#c49f68;

}

.extra-damage-repair-img-point-1 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-damage-repair-img-point-2 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-damage-repair-img-point-1 span, .extra-damage-repair-img-point-2 span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:18px; display:block; margin-bottom:5px; }

.extra-damage-repair-img-point-1 p, .extra-damage-repair-img-point-2 p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-align: justify;
  text-justify: inter-word; }

.extra-damage-repair-img-ingredient-1 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
}

.extra-damage-repair-img-ingredient-2 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-right:20px;
margin-bottom:5px;
}

.extra-damage-repair-img-ingredient-3 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-bottom:5px;
}

.extra-damage-repair-img-right-content { 
    
position:relative; 
right:0px;
top:0;
width:89%;
padding:20px;
font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;

}

.method-1 span { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:22px; }

.method-1 p { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:24px; text-transform:uppercase;}


.method-2 p { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:24px; text-transform:uppercase;}

.reduce-top-spacing-mobile-30 { margin-top:-30px; }

.extra-hair-fall-control-img { width:100%; height:auto; position:relative; margin:0 auto;}

.extra-hair-fall-control-img-title-left { 
position:relative; 
left:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-hair-fall-control-img-title-right { 
position:relative; 
right:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#c49f68;
}

.extra-hair-fall-control-img-point-1 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-hair-fall-control-img-point-2 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-hair-fall-control-img-point-3 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px 20px 0 20px;

}

.extra-hair-fall-control-img-ingredient-container { 
position:relative; 
right:0;
top:0;
}

.extra-hair-fall-control-img-ingredient { 
float:left;
width:83px;
margin:5px 15px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-hair-fall-control-img-ingredient img { 
margin-bottom:5px;
}


.extra-hair-fall-control-wasabi { 
    
position:relative; 
right:0;
top:0;
margin-left:20px;
margin-top:0;
margin-bottom:10px;
}

.hair-fall-control-disclaimer { margin-bottom:14px; }

.extra-volume-and-scalp-img { width:100%; height:auto; position:relative; margin:0 auto;}

.extra-volume-and-scalp-img-title-left { 
position:relative; 
left:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-volume-and-scalp-img-title-right { 
position:relative; 
right:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#c49f68;
}

.extra-volume-and-scalp-img-point-1 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-volume-and-scalp-img-point-2 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}


.extra-volume-and-scalp-img-ingredient-1 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
}

.extra-volume-and-scalp-img-ingredient-2 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-right:20px;
margin-bottom:5px;
}

.extra-volume-and-scalp-img-ingredient-3 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;

margin-bottom:5px;
}

.extra-volume-and-scalp-img-right-content { 
    
position:relative; 
right:0px;
top:0;
width:89%;
padding:20px;
font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;
}

.extra-moist-and-shine-img { width:100%; height:auto; position:relative; margin:0 auto;}

.extra-moist-and-shine-img-title-left { 
position:relative; 
left:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-moist-and-shine-img-title-right { 
position:relative; 
right:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#c49f68;
}

.extra-moist-and-shine-img-point-1 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-moist-and-shine-img-point-2 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}


.extra-moist-and-shine-img-ingredient-1 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
}

.extra-moist-and-shine-img-ingredient-2 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-right:20px;
margin-bottom:5px;
}

.extra-moist-and-shine-img-ingredient-3 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;

margin-bottom:5px;
}

.extra-moist-and-shine-img-right-content { 
    
position:relative; 
right:0px;
top:0;
width:89%;
padding:20px;
font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;
}

.extra-smooth-and-straight-img { width:100%; height:auto; position:relative; margin:0 auto;}

.extra-smooth-and-straight-img-title-left { 
position:relative; 
left:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-smooth-and-straight-img-title-right { 
position:relative; 
right:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#c49f68;
}

.extra-smooth-and-straight-img-point-1 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-smooth-and-straight-img-point-2 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-smooth-and-straight-img-ingredient-1 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-left:20px;
margin-right:20px;
margin-bottom:5px;
}

.extra-smooth-and-straight-img-ingredient-2 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-right:20px;
margin-bottom:5px;
}

.extra-smooth-and-straight-img-ingredient-3 { 
float:left;
position:relative; 
right:0px;
top:0;
width:83px;
margin-bottom:5px;
}

.extra-smooth-and-straight-img-right-content { 
    
position:relative; 
right:0px;
top:0;
width:89%;
padding:20px;
font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px;
}

.extra-night-repair-img { width:100%; height:auto; position:relative; margin:0 auto;}

.extra-night-repair-img-title-left { 
position:relative; 
left:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-night-repair-img-title-right { 
position:relative; 
right:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#c49f68;
}

.extra-night-repair-img-point-1 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-night-repair-img-point-2 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

/* Outbath */

.padding-right-30 { padding-right: 30px; }

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

.stripe-bg-left { position:absolute; top:25px; left:90px; background:url("../img/perfectbeauty/outbath/bg_stripe@2x.png");
background-size: 50%; width:200px; height:200px; z-index:2; }

.stripe-bg-right { position:absolute; top:25px; right:0px; left:90px; background:url("../img/perfectbeauty/outbath/bg_stripe@2x.png");
background-size: 50%; width:200px; height:200px; z-index:2; }

.essence-photo, .mist-photo { position:absolute; top:45px; left:20px; z-index:2; }
.left-photo { position:absolute; top:45px; right:0; left:20px; z-index:2; }

.essence-product, .mist-product { position:absolute; top:220px; left:0px; z-index:2; }
.left-product { position:absolute; top:220px; right:0; z-index:2; }

.essence-title { position:absolute; top:120px; right:20px; z-index:2; writing-mode: vertical-rl; color:#63579f; font-family: 'Apercu Pro', sans-serif; font-weight: 500; font-size:46px; border-right:1px solid #fff; padding-right:5px; text-transform:uppercase;} 

.oil-title { position:absolute; top:120px; left:0; right:20px; z-index:2; writing-mode: vertical-rl; color:#ed822e; font-family: 'Apercu Pro', sans-serif; font-weight: 500; font-size:46px; border-left:1px solid #fff; padding-left:5px;  text-transform:uppercase} 

.mist-title { position:absolute; top:115px; right:20px; z-index:2; writing-mode: vertical-rl; color:#e3338a; font-family: 'Apercu Pro', sans-serif; font-weight: 500; font-size:46px; border-right:1px solid #fff; padding-right:5px;  text-transform:uppercase} 

.essence-product-title, .mist-product-title { position:absolute; top:590px; left:25px; z-index:2; }

.product-title-box { font-family: 'Apercu Pro', sans-serif; font-weight: 500; font-style: normal; font-size:26px; background:#fff; color:#000; padding:10px; text-transform:uppercase; }

.left-product-title { position:absolute; top:590px; right: 0; left:25px; z-index:2; }

.essence-product-description, .mist-product-description { position:absolute; top:640px; left: 25px; z-index:2; }

.product-description-box { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; background:#fff; color:#000; padding:10px;  }
.left-product-description { position:absolute; top:635px; right: 0; left:25px; z-index:2; }

.mobile-resize-70 { width:70%; }
.essence-product-buy { position:absolute; top:780px; left:35px; z-index:2; }
.mist-product-buy { position:absolute; top:760px; left:35px; z-index:2; }
.left-product-buy { position:absolute; top:740px; right: 0; left:35px; z-index:2; }

.outbath-img { float:none; width:80%; padding:20px 35px; margin-left:0; margin-right:0;}
.outbath-left { float:none; width:80%; padding:20px 35px;margin-right:0;}
.outbath-right { float:none; width:100%;} 

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

.outbath-product-description { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; display:block; margin-bottom:10px; }
.outbath-product-description li { margin-left:20px; margin-bottom:10px;}

.outbath-title-line-right {  border-right: 2px solid #fff;
    padding-right: 10px; }
    
.outbath-title-line-left {  border-left: 2px solid #fff;
    padding-left: 10px; }


.essence-bg { position: absolute; top:460px; z-index:1; }
.essence-bg img { width:100%;  }

.oil-bg { position: absolute; top:460px; z-index:1; }
.oil-bg img { width:100%;  }

.mist-bg { position: absolute; top:460px; z-index:1; }
.mist-bg img { width:100%;  }

.quiz .container { width:90%; max-width:100%; margin:0 auto; padding:30px 0 5px 0; }

.quiz .question { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:20px; background:#fff; padding:10px;  display:inline; margin-left:0;}

.quiz .answer { margin-left:0; position:relative; font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-style: normal; font-size:26px; z-index:1; color:#fff; margin-left:0;}

.quiz .answer::after {  content:' '; position:absolute; top:-5px; left:-10px; background:#000; width:130px; height:30px; z-index:-1; }

.quiz .background {  background:#fff; padding:20px 20px 10px 20px; margin-top:-20px; width:88.6%; }

.quiz .background span { font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-weight:bold; font-size:18px; }

.quiz .background .a-text { color:#c1337a; border:1px solid #c1337a; font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-size:26px; padding:0px 10px; float:left; }

.quiz .background .b-text { color:#000; border:1px solid #000; font-family: 'Apercu Pro', sans-serif; font-weight:bold; font-size:26px; padding:0px 10px; float:left;}

.quiz .background .text { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:20px; float:left; margin-left:10px; padding-top:5px; }

.product-box-mist { position:relative; }

.product-box-mist img { width:60px; height:126px; position:absolute; z-index:1; left:-15px;top:75px;}

.product-box-mist .box { background:#e3338a; width:100%; height:40px; position:absolute; top:160px; left:0px;}

.product-box-mist p { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:16px; width:160px; position:absolute; left:75px; top:95px; text-align:center;}

.product-box-mist span {font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:15px; color:#fff; text-transform:uppercase; position:absolute; top:168px; right:65px;  }

.product-box-essence { position:relative; }

.product-box-essence img { width:60px; height:126px; position:absolute; z-index:1; left:-15px;top:75px;}

.product-box-essence .box { background:#e3338a; width:100%; height:40px; position:absolute; top:160px; left:0px;}

.product-box-essence p { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:16px; width:160px; position:absolute; left:75px; top:93px; text-align:center; }

.product-box-essence span {font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:15px; color:#fff; text-transform:uppercase; position:absolute; top:168px; right:20px; }

.product-box-oil { position:relative; }

.product-box-oil img {width:60px; height:126px; position:absolute; z-index:1; left:-16px;top:75px;}

.product-box-oil .box { background:#e3338a; width:100%; height:40px; position:absolute; top:160px; left:0px;}

.product-box-oil p { font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:16px; width:170px; position:absolute; left:55px; top:90px; text-align:center; }

.product-box-oil span {font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:15px; color:#fff; text-transform:uppercase; position:absolute; top:168px; right:70px; }

.top-img-container { position:relative; margin-top:40px; margin-bottom:60px; }

.top-img-container span { position:absolute; bottom:15px; left:0; background: rgba(255,255,255,0.9); color:#000;  padding:10px 20px; font-family: 'Apercu Pro', sans-serif; font-weight:normal; font-size:22px;  }

.pink-left-arrow { display:none;  }

.black-right-arrow { display:none; }

.float-right-desktop-left { float:none; margin-right:0; margin-left:30px;}
.float-right-desktop-right { float:none; margin-right:0; margin-left:30px; }

.reduce-spacing-30px { display:block; }

}

/* Mobile only */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.circle-70 {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 15px;
  background: #c99d5d;
  color: #fff;
  font-size:22px;
  text-align: center;
  float:left;
  margin-right:15px;
  margin-left:15px;
  margin-bottom:70px;
}

.circle-80 {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  padding: 15px;
  background: #c99d5d;
  color: #fff;
  font-size:22px;
  text-align: center;
  float:left;
  margin-right:15px;
  margin-left:15px;
  margin-bottom:80px;
}    
.reduce-spacing-30px { display:none; }

.method-1 { position:absolute; top:25px; left:50px; }

.method-2 { position:absolute; top:40px; left:100px; }


}


/* New Deep Night Moist */

.deep-night-moist-top-info-container { margin:60px 0; width:100%; background: rgb(15,147,175);
background: linear-gradient(124deg, rgba(15,147,175,1) 0%, rgba(0,171,167,1) 60%); color:#fff;  font-family: 'Apercu Pro', sans-serif; font-weight:normal; text-align:center; padding-top:60px; padding-bottom:60px;}

.deep-night-moist-top-info-container span { font-size:30px; font-weight:bold; margin-bottom:10px; line-height:36px; display:block; }

.deep-night-moist-top-info-container p { width:530px; margin:0 auto; font-size:18px; line-height:24px;}

.tick-container-deep-night-moist { width:600px; margin:40px auto 30px auto; }

.tick-deep-night-moist { float:left; width:25px; margin-bottom:20px;}

.tick-point-deep-night-moist { width:570px; text-align:left; float:left; margin-left:5px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; } 

.deep-night-moist-title-container { position:relative; width:835px; height:138px; margin:60px auto 20px auto;}

.deep-night-moist-title-left { 
    position:absolute; 
    left: 140px;
    top: 34px;
    font-family: 'Apercu Pro', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 38px;
    text-transform: uppercase;
    text-align: center;
    color: #7fa328 }
    
.deep-night-moist-title-right {
        position: absolute;
    right: 120px;
    top: 34px;
    font-family: 'Apercu Pro', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 38px;
    text-transform: uppercase;
    text-align: center;
    color: #c49f68;
    
    
}

.deep-night-moist-point-container { width:800px; margin:40px auto 20px auto; }

.deep-night-moist-point-img { float:left; width:70px; }
.deep-night-moist-point-info { float:left; width: 710px;margin-left:20px; }

.deep-night-moist-point-info span {      font-family: 'Apercu Pro', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    display: block;
    margin-bottom: 5px;}

.night-time-nourishment-container { width:1100px; margin:40px auto;}
.night-time-nourishment-left { width:600px; float:left; margin-right:50px;}
.night-time-nourishment-left span {text-align:center; font-weight:bold; font-family: 'Apercu Pro', sans-serif; font-size:30px; margin:20px auto; display:block;  }
.night-time-nourishment-right { width:410px; float:left; padding:0 20px; }

.night-time-nourishment-product-container { width:410px; }
.night-time-nourishment-product-column { text-align:center; width:150px; float:left; margin-left:20px; margin-right:20px;}

.night-time-nourishment-product-title { font-weight:bold; font-family: 'Apercu Pro', sans-serif; font-size:18px; margin:10px auto 5px auto; display:block;}

.night-time-nourishment-product-description { font-weight:bold; font-family: 'Apercu Pro', sans-serif; font-size:15px; color:#fff; padding:5px; margin-bottom:10px; display:inline-block;}

.green-bg-color { background:#00aba7; }
.blue-bg-color { background:#4472c4; }

.the-key-benefits-of-washing-your-hair-at-night-container { width:1100px; margin:20px auto; }

.the-key-benefits-of-washing-your-hair-at-night-text-container { width:1100px; height:200px; position:relative; }

.the-key-benefits-of-washing-your-hair-at-night-text1 { position:absolute; top:10px; left:90px; width:220px; }

.the-key-benefits-of-washing-your-hair-at-night-text2 { position:absolute; top:10px; left:340px;width:220px; }

.the-key-benefits-of-washing-your-hair-at-night-text3 { position:absolute; top:10px; left:580px;width:220px; }

.the-key-benefits-of-washing-your-hair-at-night-text4 { position:absolute; top:10px; left:830px; width:220px;}

.the-key-benefits-of-washing-your-hair-at-night-text-title { font-weight:bold; font-family: 'Apercu Pro', sans-serif; font-size:18px; display:block; margin-bottom:5px;
background: linear-gradient(rgba(15,147,175,1), rgba(0,171,167,1));

     -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
    
}

.img-fade { color:#000!important; transition:0.3s }
.img-fade:hover { opacity:0.6;}

@media only screen and (max-width: 1099px) {
 
 .deep-night-moist-top-info-container {  margin:30px auto;  }
 
 
 .deep-night-moist-top-info-container span {  padding-left:20px; padding-right:20px;  }
 .deep-night-moist-top-info-container p {  width:90%;  }
 
 

 .tick-container-deep-night-moist { width:320px; margin:20px auto; }
 
 .tick-deep-night-moist { width:25px; margin-bottom:40px;}

.tick-point-deep-night-moist { width:290px; } 
    
.deep-night-moist-title-container {
    
    width:100%;
    
}
.deep-night-moist-title-left { 
        
    position: relative;
        left: 0;
        top: 0;
        font-family: 'Apercu Pro', sans-serif;
        font-weight: bold;
        font-size: 32px;
        line-height: 34px;
        text-transform: uppercase;
        text-align: center;
        color: #7fa328;
}

.deep-night-moist-title-right {
        position: relative;
        right: 0;
        top: 0;
        font-family: 'Apercu Pro', sans-serif;
        font-weight: bold;
        font-size: 32px;
        line-height: 34px;
        text-transform: uppercase;
        text-align: center;
        color: #c49f68;
        
}

.deep-night-moist-point-container { width:100%; margin:40px auto 20px auto; }

.deep-night-moist-point-img { float:none; width:70px; margin-left:20px; margin-bottom:10px; }
.deep-night-moist-point-info { float:none; width:90%; margin:10px auto;}

.night-time-nourishment-container { width:90%; margin:30px auto;}
.night-time-nourishment-left { width:90%; float:none; margin:10px auto;}
.night-time-nourishment-left span {text-align:center; font-weight:bold; font-family: 'Apercu Pro', sans-serif; font-size:30px; margin:20px auto; display:block;  }
.night-time-nourishment-right { width:90%; float:none; padding:0 20px; }

.night-time-nourishment-product-container { width:320px; margin:0 auto; }
.night-time-nourishment-product-column { text-align:center; width:120px; float:left; margin-left:20px; margin-right:20px;}


.the-key-benefits-of-washing-your-hair-at-night-container { width:90%; margin:20px auto; }

.the-key-benefits-of-washing-your-hair-at-night-text-container { width:90%; height:auto; position:relative; margin:0 auto;}

.the-key-benefits-of-washing-your-hair-at-night-text1, .the-key-benefits-of-washing-your-hair-at-night-text2, .the-key-benefits-of-washing-your-hair-at-night-text3, .the-key-benefits-of-washing-your-hair-at-night-text4 { position:relative; float:left; top:0; left:0; width:70%; margin-bottom:20px; }


.the-key-benefits-of-washing-your-hair-at-night-container img { margin-bottom:20px; }
}

/* New Night Repair */

.tick-container-night-repair { width:630px; margin:40px auto 30px auto; }
.tick-night-repair  { float:left; width:25px; margin-bottom:20px;}

.tick-point-night-repair  { width:600px; text-align:left; float:left; margin-left:5px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:18px; } 

.new-extra-night-repair-title-container { position:relative; width:835px; height:138px; margin:60px auto 20px auto;}

.new-extra-night-repair-title-left { 
    position:absolute; 
    left: 140px;
    top: 34px;
    font-family: 'Apercu Pro', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 38px;
    text-transform: uppercase;
    text-align: center;
    color: #7fa328 }
    
.new-extra-night-repair-title-right {
        position: absolute;
    right: 120px;
    top: 34px;
    font-family: 'Apercu Pro', sans-serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 38px;
    text-transform: uppercase;
    text-align: center;
    color: #c49f68;
    
    
}

@media only screen and (max-width: 1099px) {
 
.tick-container-night-repair { width:320px; margin:20px auto; }
 
.tick-night-repair { width:25px; margin-bottom:20px;}

.tick-point-night-repair{ width:290px; } 


.new-extra-night-repair-title-container {
    
    width:100%;
    
}
.new-extra-night-repair-title-left { 
        
    position: relative;
        left: 0;
        top: 0;
        font-family: 'Apercu Pro', sans-serif;
        font-weight: bold;
        font-size: 32px;
        line-height: 34px;
        text-transform: uppercase;
        text-align: center;
        color: #7fa328;
}

.new-extra-night-repair-title-right {
        position: relative;
        right: 0;
        top: 0;
        font-family: 'Apercu Pro', sans-serif;
        font-weight: bold;
        font-size: 32px;
        line-height: 34px;
        text-transform: uppercase;
        text-align: center;
        color: #c49f68;
        
}


}

/* Sup fix */

.supfix { font-size:12px!important; top:2px!important; }

/* New Codes for Perfect Beauty Landing Page */

.watsons-exclusive, .don-don-donki-exclusive {  }

.watsons-exclusive::after { position:absolute; content:' ';  left:10px; top:60px; width:100px; height:100px; background:url('../img/perfectbeauty/dry-shampoo/limited_watsons_exclusive.png'); background-size:contain; }

.don-don-donki-exclusive::after { position:absolute; content:' ';  left:10px; top:60px; width:100px; height:100px; background:url('../img/perfectbeauty/dry-shampoo/limited_don_don_donki_exclusive.png'); background-size:contain; }


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


.watsons-exclusive::after { position:absolute; content:' ';  left:90px; top:40px;  background:url('../img/perfectbeauty/dry-shampoo/limited_watsons_exclusive.png'); background-size:contain;  }
.don-don-donki-exclusive::after { position:absolute; content:' ';  left:90px; top:80px;  background:url('../img/perfectbeauty/dry-shampoo/limited_don_don_donki_exclusive.png'); background-size:contain;  }

}

/* New */

.row-center {
    display: flex;
    justify-content: center; /* centers the 3 columns */
    gap: 20px; /* spacing between them */
}

.thumbnails-container { width:1200px; margin:0 auto; }
.thumbnails-column-left {  width:380px; float:left; margin-right:30px; }
.thumbnails-column-right {  width:790px; float:left; }
.thumbnails-column-inner-left { width:380px; float:left; margin-right:30px; }
.thumbnails-column-inner-right { width:380px; float:left; }

.series-title { border:1px solid #ccc; font-family: 'Apercu Pro', sans-serif;
        font-weight: bold;
        font-size: 24px; line-height:30px; padding:10px; margin:30px auto 20px auto;} 

@media only screen and (max-width: 1099px) {
    .thumbnails-container { width:90%; }
    .thumbnails-column-left, .thumbnails-column-right, .thumbnails-column-inner-left, .thumbnails-column-inner-right { width:100%; float:none; margin:20px auto; }
}


/* Extra Anti-Dandruff */

.extra-anti-dandruff-img { width:909px; height:590px; position:relative; margin:0 auto;}

.extra-anti-dandruff-img-title-left { 
position:absolute; 
left:140px;
top:34px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#7fa328;

}

.extra-anti-dandruff-img-title-right { 
position:absolute; 
right:215px;
top:34px;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:36px;
line-height:38px;
text-transform:uppercase;
text-align:center;
color:#c49f68;

}

.extra-anti-dandruff-img-point-1 { 
    
position:absolute; 
left:100px;
top:163px;
width:400px;

}

.extra-anti-dandruff-img-point-2 { 
    
position:absolute; 
left:100px;
top:353px;
width:400px;

}

.extra-anti-dandruff-img-point-3 { 
    
position:absolute; 
left:100px;
top:542px;
width:400px;

}

.extra-anti-dandruff-img-point-1 span, .extra-anti-dandruff-img-point-2 span, .extra-anti-dandruff-img-point-3 span { font-family: 'Apercu Pro', sans-serif; font-weight: bold; font-style: normal; font-size:18px; display:block; margin-bottom:5px; }

.extra-anti-dandruff-img-point-1 p, .extra-anti-dandruff-img-point-2 p, .extra-anti-dandruff-img-point-3 p { font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:16px; text-align: justify;
  text-justify: inter-word; }

.extra-anti-dandruff-dandruff { 
    
position:absolute; 
right:110px;
top:169px;
}

.extra-anti-dandruff-img-ingredient-container { 
position:absolute; 
right:118px;
top:460px;
}

.extra-anti-dandruff-img-ingredient { 
float:left;
width:83px;
margin:5px 15px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-anti-dandruff-img-ingredient img { 
margin-bottom:5px;
}

.extra-anti-dandruff-before { position:absolute; top:-20px; left:38px; font-family: 'Apercu Pro', sans-serif; font-size:14px; }
.extra-anti-dandruff-after { position:absolute; top:-20px; left:164px; font-family: 'Apercu Pro', sans-serif; font-size:14px;}


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

.extra-anti-dandruff-img { width:100%; height:auto; position:relative; margin:0 auto;}

.extra-anti-dandruff-img-title-left { 
position:relative; 
left:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#7fa328;
}

.extra-anti-dandruff-img-title-right { 
position:relative; 
right:0;
top:0;
font-family: 'Apercu Pro', sans-serif; 
font-weight: bold;
font-size:32px;
line-height:34px;
text-transform:uppercase;
text-align:center;
color:#c49f68;
}

.extra-anti-dandruff-img-point-1 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-anti-dandruff-img-point-2 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px;

}

.extra-anti-dandruff-img-point-3 { 
    
position:relative; 
left:0;
top:0;
width:89%;
padding:20px 20px 0 20px;

}

.extra-anti-dandruff-img-ingredient-container { 
position:relative; 
right:auto;
top:auto;
width: fit-content;
margin: 0 auto;

}

.extra-anti-dandruff-img-ingredient { 
float:left;
width:83px;
margin:5px 15px;
text-align:center;
font-family: 'Apercu Pro', sans-serif; 
font-weight: normal; 
font-style: normal; 
font-size:14px; 
}

.extra-anti-dandruff-img-ingredient img { 
margin-bottom:5px;
}


.extra-anti-dandruff-dandruff { 
    
position:relative; 
right:0;
top:0;
width: fit-content;
margin: 0 auto;
}

/* New General Coding */

.perfectbeauty-lineup-top-spacing-40px { padding-top:40px; }

}