.clearfix { clear:both}

.tablet { display:none; }

.creamy-milk-mobile { display:none }

.creamy-milk-content-container-bg { 
    width:100%;
    background: radial-gradient(#fefdfb, #fdfaf4);
    margin:60px auto
}

.creamy-milk-content-container { 
    width:800px;
    margin:20px auto; 
}


.creamy-milk-content-point-1-left { width:240px; float:left; }

.creamy-milk-content-point-1-right { padding-top:30px; width:340px; float:left; margin-right:40px;}

.creamy-milk-content-point-1-right-img { width:140px; float:left;}

.creamy-milk-content-point-2-left-img { width:150px; float:left; padding-top:60px; margin-right:30px;}

.creamy-milk-content-point-2-left { width:240px; float:left; }

.creamy-milk-content-point-2-right { padding-top:70px; width:340px; float:left; margin-left:30px;}

.creamy-milk-content-point-3-left-img { width:60px; float:left; padding-top:110px; margin-right:20px;}

.creamy-milk-content-point-3-left { width:230px; float:left; }

.creamy-milk-content-point-3-right { padding-top:10px; width:360px; float:left; margin-left:30px;}

.creamy-milk-content-point-3-right-img { width:70px; float:left; margin-left:30px; padding-top:50px;}

.creamy-milk-content-point-title { color:#836A27; font-size:22px; font-weight:bold; }

.creamy-milk-content-container p { color:#917028; font-size:16px; }

.available-colors { font-size:30px; color:#836A27; font-family: 'Ubuntu', sans-serif; font-weight: 500; margin:0 auto 30px auto; position:relative; display:inline-block; }

.available-colors::before { position:absolute; background:url('../img/products/creamy-milk/title-left2.png'); width:81px; height:55px; left:-100px;top:-10px}

.available-colors::after { position:absolute; background:url('../img/products/creamy-milk/title-right2.png'); width:81px; height:55px; right:-100px;top:-10px}

/* Buy Now */

.buy-now-menu-creamy-milk-page {
  
  position:relative;
  display: inline-block;
  
}

.buy-now-menu-creamy-milk-page .buy-now-menu-creamy-milk-page-text {
  visibility: hidden;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0px;
  opacity: 0;
  transition: opacity 0.5s;
  
}

.buy-now-menu-creamy-milk-page .buy-now-menu-creamy-milk-page-background { 
 background-color: #fff;
 border:1px solid #e1c6ce;
 color:#000;
 text-align: left;
 margin-top:0;
 margin-left:-210px;
 text-transform:none;
 z-index: 99;
 display:block;
 width:600px;
 padding:30px;
 box-shadow:0 0 40px rgba(0, 0, 0, 0.1)!important;
}


.buy-now-menu-creamy-milk-page:hover .buy-now-menu-creamy-milk-page-text {
  visibility: visible;
  opacity: 1;
}

.buy-now-menu-creamy-milk-page-right {
  
  position:relative;
  display: inline-block;
  
}

.buy-now-menu-creamy-milk-page-right .buy-now-menu-creamy-milk-page-right-text {
  visibility: hidden;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0px;
  opacity: 0;
  transition: opacity 0.5s;
  
}

.buy-now-menu-creamy-milk-page-right .buy-now-menu-creamy-milk-page-right-background { 
 background-color: #fff;
 border:1px solid #e1c6ce;
 color:#000;
 text-align: left;
 margin-top:0;
 margin-left:-210px;
 text-transform:none;
 z-index: 99;
 display:block;
 width:600px;
 padding:30px;
 box-shadow:0 0 40px rgba(0, 0, 0, 0.1)!important;
}


.buy-now-menu-creamy-milk-page-right:hover .buy-now-menu-creamy-milk-page-right-text {
  visibility: visible;
  opacity: 1;
}

.buy-now-creamy-milk-page { position:relative; background:#ce4c74; padding:10px 70px 10px 69px; font-family: 'Apercu Pro', sans-serif; font-weight: normal; font-style: normal; font-size:14px; display:inline-block; color:#fff; transition:0.5s; margin:0 auto; cursor:pointer; text-transform:uppercase;  }

.buy-now-creamy-milk-page::after {   border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position:absolute;
  content:'';
  top:10px;
  right:10px; }
  
.buy-now-creamy-milk-page:hover { opacity:0.6; background:#e65783 }

.buy-now-column span { display:block; margin-bottom:10px; }

/* Coming Soon */

.coming-soon { position:absolute;top:5px;right:50px;font-size:9px;background:rgba(255,255,255,0.4) }
@media only screen and (max-width : 768px) { 
.coming-soon { top:5px;right:-25px;font-size:9px; }
}


/* Product Detail Page */

.hazelnut { background:#fff8e4; }

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

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

.hazelnut-list ul li::before {
  content: "\2022";
  color:#ce9c0a;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.chocolate-ganache { background:#f9e6e1; }

.chocolate-ganache-list ul { list-style: none; /* Remove default bullets */  }

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

.chocolate-ganache-list ul li::before {
  content: "\2022";
  color:#83331a;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.caramel { background:#ffefd5; }

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

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

.caramel-list ul li::before {
  content: "\2022";
  color:#f5a118;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.cafe-chiffon { background:#fff1e7; }

.cafe-chiffon-list ul { list-style: none; /* Remove default bullets */  }

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

.cafe-chiffon-list ul li::before {
  content: "\2022";
  color:#ca9a83;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.classic-tea { background:#f7e3c6; }

.classic-tea-list ul { list-style: none; /* Remove default bullets */  }

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

.classic-tea-list ul li::before {
  content: "\2022";
  color:#a27536;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.natural-black { background:#eee; }

.natural-black-list ul { list-style: none; /* Remove default bullets */  }

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

.natural-black-list ul li::before {
  content: "\2022";
  color:#4f4f4a;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.additional-list { margin-top:10px; }

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

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

.additional-list ul li::before {
  content: "\2022";
  color:#aaa;
  font-size:40px;
  font-weight:bold;
  display: inline-block;
  left:-20px;
  top:-15px;
  position:absolute;
  }

.creamy-milk-spacing { margin-top:80px;  }

.shop-mobile-top-spacing { margin-top:0 }

.color-chart-txt { position:relative; z-index:2; margin-top:-30px; font-size:12px; padding:0 30px; }

.color-chart-txt-natural-black { position:relative; z-index:2; margin-top:-20px; font-size:12px; padding:0 30px; }

.asterisk:before {
  content: "*";
  display:inline-block;
  width:10px;
  position:relative;
  top:2px;
  margin-left: -10px;
  font-size:12px;
}

.color-chart-txt ul, .color-chart-txt li, .color-chart-txt-natural-black ul, .color-chart-txt-natural-black li {
  margin: 0;
  padding: 0;
  list-style: none;
	font-size:12px;
}

.color-chart-txt li, .color-chart-txt-natural-black li {
  margin-bottom:5px!important;
  margin-left:0;
}

/* Mobile */

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

.tablet { display:none; }
	
.creamy-milk-mobile { display:block} 
.creamy-milk-desktop { display:none }

	.creamy-milk-content-container-bg { margin-top:20px; }	
 .creamy-milk-content-container, .creamy-milk-content-point-container { 
    width:90%; margin:30px auto
}
    
.creamy-milk-content-point-1-left, .creamy-milk-content-point-2-left, .creamy-milk-content-point-3-left { width:40%; margin-top:20px auto 0 auto }
.creamy-milk-content-point-mobile-title {width:60%; padding:30px; float:left; position:relative; }
.creamy-milk-content-container p { padding:0 20px; font-size:16px; }
    
    .point-1-mobile-title-img::after { position:absolute; content:''; width:150px; height:85px; background:url('../img/products/creamy-milk/sp_acce-img01.png'); background-size:contain; bottom:-40px; right:0;}    
    
    .point-2-mobile-title-img::after { position:absolute; content:''; width:150px; height:66px; background:url('../img/products/creamy-milk/acce-img02.png'); background-size:contain; bottom:-40px; right:0;}   
    
    .point-3-mobile-title-img::after { position:absolute; content:''; width:145px; height:114px; background:url('../img/products/creamy-milk/sp_acce-img02.png'); background-size:contain; bottom:-40px; right:0;}   
    
.available-colors { font-size:30px; color:#836A27; font-family: 'Ubuntu', sans-serif; font-weight: 500; margin:0 auto 30px auto; position:relative; display:inline-block; }

.available-colors::before { position:absolute; background:url('../img/products/creamy-milk/title-left2.png'); width:60px; height:41px; left:-30px; top:30px; background-size:contain;}

.available-colors::after { position:absolute; background:url('../img/products/creamy-milk/title-right2.png'); width:60px; height:41px; right:-30px; top:-30px; background-size:contain;}	
	
/* Buy Now Responsive */
	
.buy-now-menu-creamy-milk-page .buy-now-menu-creamy-milk-page-text {
  top: 100%;
  left: 36px;

}

.buy-now-menu-creamy-milk-page .buy-now-menu-creamy-milk-page-background { 

 margin-top:0;
 margin-left:-35px;
	 left:0;
 width:320px;
 padding:30px;
}
	
.buy-now-menu-creamy-milk-page-right .buy-now-menu-creamy-milk-page-right-text {
  top: 100%;
  left: 39px;

}

.buy-now-menu-creamy-milk-page-right .buy-now-menu-creamy-milk-page-right-background { 

 margin-top:0;
 margin-left:0
	 left:0;
	right:0;
 width:320px;
 padding:30px;
}
	
	
.buy-now-creamy-milk-page {padding:10px 44px 10px 45px;  }	

	
.shop-mobile-top-spacing { margin-top:20px }
	
}

/* Tablet */

@media only screen and (min-width : 769px) and (max-width : 1199px) {

.tablet { display:block; }
	
.buy-now-creamy-milk-page {padding:10px 39px 10px 38px;  }	

}