.hair-treatment-mask { background:#fffce1; }

.hair-treatment-mask-list ul { list-style: none; /* Remove default bullets */  }

.hair-treatment-mask-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.hair-treatment-mask-list ul li::before {
  content: "\2022";
  color:#f1e47e;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }
  
sup { position:relative; top:4px; line-height:0px; } 

.ingredients {  margin-left:18px; margin-top:20px; border:1px solid #ccc; padding:10px 15px; display:inline-block; }

.ingredients p { font-family: 'Apercu Pro', sans-serif; font-weight: normal;  font-size:13px; }

.ex-oil { background:#ffeff4; }

.ex-oil-list ul { list-style: none; /* Remove default bullets */  }

.ex-oil-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.ex-oil-list ul li::before {
  content: "\2022";
  color:#e1649c;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }
  
.rich-moisture { background:#fef6e5; }

.rich-moisture-list ul { list-style: none; /* Remove default bullets */  }

.rich-moisture-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.rich-moisture-list ul li::before {
  content: "\2022";
  color:#e49a15;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }  
  
 
.deep-repair { background:#ecf1ff; }

.deep-repair-list ul { list-style: none; /* Remove default bullets */  }

.deep-repair-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.deep-repair-list ul li::before {
  content: "\2022";
  color:#2e499c;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }  
  
  
.sheer-gloss { background:#eeffee; }

.sheer-gloss-list ul { list-style: none; /* Remove default bullets */  }

.sheer-gloss-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.sheer-gloss-list ul li::before {
  content: "\2022";
  color:#26a0aa;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }    
  
.frizz-care { background:#ffeaf4; }

.frizz-care-list ul { list-style: none; /* Remove default bullets */  }

.frizz-care-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.frizz-care-list ul li::before {
  content: "\2022";
  color:#f63791;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }     
  
.hair-treatment-cream, .hair-treatment-water { background:#ffeaf4; }

.hair-treatment-cream-list ul, .hair-treatment-water-list ul { list-style: none; /* Remove default bullets */  }

.hair-treatment-cream-list ul li, .hair-treatment-water-list ul li { position:relative; margin-left:-22px; margin-bottom:10px; }

.hair-treatment-cream-list ul li::before, .hair-treatment-water-list ul li::before {
  content: "\2022";
  color:#f63791;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }    
  
.ex-oil-text-color { color:#e05569!important; }
.ex-oil-background-color { background-color:#e05569 }
.ex-oil-background-color-fade {  background-color:#f3b1bc }

.rich-moisture-text-color { color:#e07f40!important; }
.rich-moisture-background-color { background-color:#e07f40 }
.rich-moisture-background-color-fade {  background-color:#f7d496 }

.deep-repair-text-color { color:#0255a9!important}
.deep-repair-background-color { background-color:#0255a9 }
.deep-repair-background-color-fade {  background-color:#99b6cd }

.sheer-gloss-text-color { color:#2fbac2!important; }
.sheer-gloss-background-color { background-color:#2fbac2 }
.sheer-gloss-background-color-fade {  background-color:#acdae0 }

.frizz-care-text-color { color:#d74692!important; }
.frizz-care-background-color { background-color:#d74692 }

.argan-oil-product-page-hair-type { padding:10px 20px; margin:0 auto; color:#fff; display:inline-block; }

.product-page-top-container h1::after { display:none; }

.number-box-container { width:270px; margin:60px auto 0 auto; }
.number-box-left { margin-left:10px; float:left; width:50px;  text-align:center; margin-top:-4px; }
.number-box { float:left; width:30px; }
.number-box-right { float:left; margin-left:8px; width:50px;  text-align:center;  margin-top:-4px; }

.number-box-text { font-size:13px; color:#81636c; font-family: 'Apercu Pro', sans-serif; font-weight: normal;
    font-style: normal; }

.number-box-grey { background:#ccc; }

.number-container { width:35px; height:35px; position:relative}
.number { position:absolute; color:#fff; font-size:18px; top:0; left:15px; }
.shape {
  width: 30px;
  height: 20px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; 
}


.shape.arrow-chevron {
  -webkit-clip-path: polygon(
    100% 0%,
    75% 50%,
    100% 100%,
    25% 100%,
    0% 50%,
    25% 0%
  );
  clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}
.shape.arrow-chevron.to-right {
  -webkit-clip-path: polygon(
    75% 0%,
    100% 50%,
    75% 100%,
    0% 100%,
    25% 50%,
    0% 0%
  );
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}

@media only screen and (max-width : 768px) {
	.product-page-top-container h1 { display:block }
	.select-product-mobile-spacing { float:none; width:160px; margin:0 auto 20px auto }
	
}