body{
	font:13px/20px PTSansRegular,Arial,Helvetica,sans-serif;
	font-family:Poppins, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	line-height: 1.35;
}
@media (max-width:1360px){
	body{
		letter-spacing:normal;
	}
}
/*** Layout ***/
/*** Color css ***/
.pink-1{
	/*color:#D02156;*/
	color:#826F71;
}
.pink-2{
	/*color:#E54475;*/
	color:#CEC4C5;
}
/*** Font size css ***/
.fs-14{
	font-size:14px !important;
}
.fs-20{
	font-size:20px !important;
}
/*** Untilities css ***/
ul.points-form-list{
	padding-left:20px;
	margin-left:20px;
	margin-bottom:20px;
}
ul.points-form-list li{
	list-style:disc;
	line-height:22px;
}
ul.decimal-form-list{
	padding-left:20px;
	margin-left:20px;
	margin-bottom:20px;
}
ul.decimal-form-list li{
	list-style:decimal;
	line-height:22px;
}
/*** Button css ***/
.view-more{
	color:#fff;
	background:#826F71;
	padding:5px 25px;
	border-radius:30px;
}
.view-more a{
	color:#fff;
}

/****============
	Side bar css 
=================***/
.rank-badge{
	background:rgb(255 255 255 / 55%);
	box-shadow:0 0 5px rgba(0,0,0,.15);
	padding:10px 15px;
    display:block;
	transition:all ease .6s;
	position:relative;
	text-align:center;
}
.rank-badge:hover{
	background:#f7f7f7;
}
.rank-badge a{
	padding:0;
	text-decoration:none;
	align-items:center;
}
.rank-icon{	
	display:inline-block;
}
.rank-icon img{	
	border:none;
	width:26px;
	height:26px;
}
.rank-title{
	display:inline-block;
	font-size:14px;
}
.rank-title .fa{
	margin-left:5px;
}
.btn-share-qrcode{
	border-radius:20px;
}
.user_menu__category-list .list-group-header{
    color: #F2EFEF !important;
    border: 0;
	position:relative;
	margin-bottom:5px;
}
.user_menu__category-list .list-group-header a{
	color:#414042 !important;
	background: #F2EFEF!important;
	border-radius: 5px;
	position:relative;
}
.user_menu__category-list .list-group-header a:before{
	content:'+';
	position:absolute;
	right:20px;
	top:10px;	
}
.user_menu__category-list .list-group-header a[aria-expanded="true"]:before{
	content:'-';
	position:absolute;
	right:20px;
	top:10px;	
}
.list-sub-menu{
	margin-bottom:5px;
}
.user_menu__category-list .list-item{
	padding-left:35px;
	position:relative;
	background:#e7dfdd;
}
.user_menu__category-list .list-item:before{
	content:'-';
	position:absolute;
	left:20px;
	top:10px;
}

/****============
	Index 
=================***/
#demo{
	margin-top:-150px;
}
@media (max-width:992px){
	#demo{
		margin-top:200px;
	}	
}
@media (max-width:414px){
	#demo{
		margin-top:100px;
	}
}
.my-cart-count{
	position:absolute;
	top:1%;
	right:0px;
	background:#CEC4C5;
	width:22px;
	height:22px;
	padding:3px;
	border-radius:50%;
	color:#826F71 !important;
	text-align:center;
}
#min_price, #max_price{
	padding: 6px 0;
    font-size: 12px;
    text-align: center;
}
.advanced-search2 select#product_filter_form_product_category{
	font-size:.762rem;
}
.advanced-search2 .form-control{
	line-height:normal;
}
@media (max-width:1360px){
	.advanced-search2 .search-button{
		padding:10px;
		font-size:12px;
	}
}
.explore-fusion-card{
	min-height:250px;
	overflow:hidden;
	border-radius:20px;
	position: relative;
	display: flex;
    flex-direction: column;    
    justify-content: end;
}
.explore-fusion-card-footer{
	background:rgba(0,0,0,.35);
	padding:15px 25px;
	text-align:center;
	margin: 0;
    font-size:1em;
	font-weight:bold;
    text-transform: uppercase;
    color: #fffef7;
    line-height:1.2;
	position:relative;
}
.ef-card-fixed-footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:auto;
	background:linear-gradient(0deg, #ededed, #ffffff);
	padding:20px;
	text-align:center;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
}
.explore-fusion-card.first-card--{
	min-height:530px;
}
.ef-card{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.ef-card01{
	min-height:530px;
}

.ef-card01:before{
	content:'';
	position:absolute;
	background:url(../img/home/pregnant-mothers.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:100%;
	display:block;
	transition:all ease .3s;
}
.ef-card02:before{
	content:'';
	position:absolute;
	background:url(../img/home/jogging-men-women.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:100%;
	display:block;
	transition:all ease .3s;
}
.ef-card03:before{
	content:'';
	position:absolute;
	background:url(../img/home/nutrients-fruits.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:100%;
	display:block;
	transition:all ease .3s;
}
.ef-card04:before{
	content:'';
	position:absolute;
	background:url(../img/home/skin-care-for-women.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:100%;
	display:block;
	transition:all ease .3s;
}
.ef-card05:before{
	content:'';
	position:absolute;
	background:url(../img/home/slimming-without-dieting.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:100%;
	display:block;
	transition:all ease .3s;
}
.hover-zoom-img{
	transition:all ease .3s;
	cursor:pointer;
}

.hover-zoom-img .ef-card.ef-card01:hover:before,
.hover-zoom-img .ef-card.ef-card02:hover:before,
.hover-zoom-img .ef-card.ef-card03:hover:before,
.hover-zoom-img .ef-card.ef-card04:hover:before,
.hover-zoom-img .ef-card.ef-card05:hover:before
{
	transform:scale(110%,110%);
}
.hover-zooming{
	transition:all ease .3s;
	cursor:pointer;
}
.hover-zooming:hover{
	transform:scale(110%,110%);
}
.fusion-post-card{
	border-radius:20px;
	margin-bottom:20px;
}
.section-highlight-product{
	background:#f8f8f8;
}
.highlight-title-col{
	width:35%;
	height:auto;
	background:url(../img/home/sbebe-tea-fruits.jpg);
	background-size:100%;
	background-position:center center;
	overflow:hidden;
}
.highlight-title-text{
	height:100%;
	padding:30px 60px;
	display: flex;
    flex-direction: column;
    justify-content: end;
}
.highlight-title-text h3{
	font-weight:bold;
	font-size:3em;
	color:#fff;
	text-transform:uppercase;
}
.highlight-product-slider{
	width:65%;
}
.highlight-product-slider .item{
	background:#f7f7f7;
	/*height:520px;*/
	display:flex;
}
.highlight-product-slider h2{
	color: #FFF;
    text-align: center;
    padding: 5rem 0;
    margin: 0;
    font-style: italic;
    font-weight: 300;	
}
.product-slider-card{
	/*width:65%;*/
	margin:auto;
	padding:45px 30px;
}
.section-what-people-say{
	background:#dfd8d9;
}
.people-say-main-title{
	margin:0 0 60px;
}
.people-say-main-title h1{
	font-weight: 900;
    margin: 0;
    font-size:7.5em;
    text-transform: uppercase;
    color: #fff7f7;
	text-align:center;
}
.fusion-flip-box{
	min-height:450px;
}
.flip-card {
  background-color: transparent;
  width:100%;
  min-height:450px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height:100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
  display:flex;
  align-items: center;
  min-height:450px;
  justify-content:center;
}

.flip-card-front-title{
	font-weight:bold;
	font-size:2.5em;
	color:#fff;
}

.flip-card-back {
	min-height:450px;
	padding:15px;
	background-color: #fff;
	color: white;
	transform: rotateY(180deg);
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.flip-card-back p{
	font-size:100%;
}
.people-01{
	background:url(../img/home/testimonial-janechuck.jpg);
	background-size:cover;
	background-position:center center;
}
.people-02{
	background:url(../img/home/testimonial-hanpin.jpg);
	background-size:cover;
	background-position:center center;
}
.people-03{
	background:url(../img/home/testimonial-juweiteoh.jpg);
	background-size:cover;
	background-position:center center;
}
.testimonial-main-title{
	text-align:center;
	margin-bottom:40px;
}
.result-you-can-see{
	width:450px;
}
.testimonial-card{
	padding:20px;
	text-align:center;
	background:#fff;
	border-radius:20px;
	box-shadow:0 0 15px rgba(0,0,0,.15);
}
.testimonial-pic img{
	max-width:100%;
}
.testimonial-short-des{
	padding:20px 0;
	font-size:16px;
	font-style:italic;
	color:#555;
	letter-spacing:normal;
	text-align:center;
}
.author-name{
	padding-left:15px;
	padding-right:15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	position:relative;
	display:inline-block;
}
.author-name:before{
	content:'';
	position:absolute;
	top:4px;
	left:0;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#000;
}
.author-name:after{
	content:'';
	position:absolute;
	top:4px;
	right:0;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#000;
}
@media (max-width:992px){
	.flip-card-back p{
		font-size:100%;
		line-height:22px;
	}
	.result-you-can-see{
		max-width:80%;
	}	
}
@media (max-width:414px){
	.highlight-title-col, .highlight-product-slider{
		width:100%;
	}
	.product-slider-card{
		width:100%;
		padding:30px;
	}	
	.people-say-main-title{		
		margin-bottom:15px;
	}
	.people-say-main-title h1{
		font-size:3em;
	}
	.flip-card{margin-bottom:10px;}
}
/*** Login page ***/
.login-other{
	padding:15px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
}
.login-other:before{
	content:'';
	position:absolute;
	width:40px;
	height:1px;
	background:#ccc;
	right:50%;
	top:30px;
}
.login-other:after{
	content:'';
	position:absolute;
	width:40px;
	height:1px;
	background:#ccc;
	left:50%;
	top:30px;
}
.login-other-or{
	background:#fff;
	padding:6px 10px;
	text-align:center;
	position:relative;
	z-index:1;
}
.icon-fb-round{
	padding:6px;
	margin-right:20px;
	border-radius:50%;
	width:32px;
	height:32px;
	position:relative;
	z-index:1;
}

.icon-google-round{
	padding:6px;
	margin-left:20px;
	border-radius:50%;
	width:32px;
	height:32px;
	position:relative;
	z-index:1;
}
/*** member dashboard ***/
.dashboard-content-wrap{
	margin-top:100px;
	padding-top:60px;
}
@media (max-width:992px){
	.dashboard-content-wrap{
		padding-top:1rem;
	}
}
.shipping-des{
	display:flex;
	align-items:center;
}
.shipping-des-flag{
	margin-right:5px;
}
.shipping-des-dropdown{
	width:320px;
}
.select-des-region{
	padding:15px;
}
.shadow{
	box-shadow:0 0 10px rgb(0 0 0 / 15%);
}
@media (max-width:414px){
	.shipping-des-dropdown{
		width:auto;
		margin-bottom:20px;
	}
	.select-des-region{
		padding:10px;
		font-size:small;		
	}
	.select-des-region h6{
		font-size:14px;
	}
	.select-des-region p{
		font-size:12px;
		line-height:normal;
		margin-bottom:0;
	}
	.select-des-region .form-control{
		font-size:12px;
	}
}
.border-left-primary {
    border-left: 0.25rem solid #826F71!important;
	background:#CEC4C5;
}
.border-left-success {
    border-left: 0.25rem solid #999a9c!important;
	background:#DFD8D9;
}
.border-left-info {
    border-left: 0.25rem solid #cec4c5!important;
	background:#999A9C;
}
.rounded-15{
	border-radius:15px;
}
.progress-bar{
	background-color:#a17579;
}
.rank-card-cal{
	text-align:center;
	color:#826F71;
}
.rank-reach-point{
	width:16px;
	height:16px;
	margin:0 auto 6px;
	display:block;
	background:#DFD8D9;
	border-radius:50%;
}
.rank-reach-point.active{
	background:#826F71;
    box-shadow: 0 0 5px rgb(0 0 0 / 35%);
}
.next-rank-dash{
	width:20%;
	height:2px;
	background:#ddd;
	margin-top:6px;
}
.my-order-status{
	width:100%;
	padding:15px;
	display:flex;
	position:relative;
	text-align:center;
	background: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
    border-radius: 15px;
}
.my-order-status li{
	list-style:none;
	display:block;
	padding:10px;
	width:25%;
	position:relative;
}
.order-status-top{
	position:relative;
	margin:0 auto;
}
.order-status-top img{
	width:36px;
	height:auto;
}
.order-count-tag{
	width:26px;
	height:26px;
	position:absolute;
	right:20px;
	top:-10px;
	padding:5px;
	background:#414042;
	border-radius:50%;
	color:#fff;
	font-size:10px;
	text-align:center;
}
.order-count-tag-mobile{
		display:none;
	}
@media(max-width:414px){
	.my-order-status{
	    /*flex-wrap: wrap;*/
		padding:0;		
	}
	.my-order-status li{
		width:25%;
		padding:2%;
		margin-bottom: 10px;
		text-align:center;
	}
	.order-status-top img{
		width:50%;
		height:auto;
	}
	.order-count-tag{
		display:none;
	}
	.order-count-tag-mobile{
		display:block;
	}
	.order-status{
		font-size:70%;
	}
}

/*** rank detail ***/
.current-rank-row{
	text-align:center;
	overflow:auto;
	justify-content: center;
}
.current-rank-row .your-rank-now{
	display:block;
	padding:10px 0;
	position:relative;
	display:flex;
}
.current-rank-row .your-rank-now .rank-icon{
	width:75px;
	height:auto;
}
.current-rank-row .your-rank-now div:nth-child(1){
	width:75px;
}
.current-rank-row .your-rank-now.active{
	color:#D02156;
	font-weight:bold;
}
.current-rank-row .your-rank-now.active span.rank-title{
	color:#D02156;
	font-weight:bold
}
.current-rank-row .your-rank-now span.rank-title{
	display:block;
	padding:10px 0;
	font-size:12px;
	letter-spacing:.5px;
}
.current-rank-row .your-rank-now.active .rank-line{
	background:#D02156;
}
.current-rank-row .your-rank-now .rank-line{
	position:relative;	
	width:35px;
	height:4px;
	margin: auto;
    margin-bottom: 65px;
	background:#efefef;
}
.custom-nav-pill li{	
	padding:5px 10px;
	margin-bottom:10px;
	border-radius:10px;
}
.custom-nav-pill li a{
	background:#f7f7f7;
	margin:0 10px 10px;
	padding:5px 10px;
	border-radius:10px;
}

.custom-nav-pill li a.active{
	color:#fff;
	background:#E54475;
}
.rank-list-benefit{
	max-width:400px;
	margin:0 auto 20px;
	text-align:left;
}
.rank-list-benefit p{
	margin-bottom:0px;
	font-size:14px;
	color: #d16384;
}
@media (max-width:1024px){
	.current-rank-row{
		justify-content:start;
	}
}
@media (max-width:414px){
	.current-rank-row{
		justify-content:center;
	}
	.current-rank-row .your-rank-now{
		display:none;
	}
	.current-rank-row .your-rank-now.active{
		display:block;
		position:relative;
	}
	.current-rank-row .your-rank-now.active:before{
		content:'';
		position:absolute;
		top: 3px;
		left: 5px;
		width: 50px;
		height: 50px;
		border-radius:50%;
		background:#efefef;
		z-index:-1;
	}
	.current-rank-row .your-rank-now.active .rank-line{
		margin:auto;
	}
}

/*** network tree page ***/
#level-chart {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#level-chart li{
	padding:10px;
}
.main-root {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  position:relative;
}
.main-root::before {
	display:none;
  content: "\25B6";
  color: black;
  /*display: inline-block;
  margin-right: 6px;*/
  position:absolute;
  right:0;
}
.expend-root {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  position:relative;
  padding-right:20px;
}
.expend-root::before {
  content: "+";
  font-family: FontAwesome;
  color: black;
  position:absolute;
  right:10px;
  transition:all ease .3s;
}
.main-root.caret-down{
	background:#f7f7f7;
}
.main-root.caret-down div{
	background:#efefef;
}
.main-root.caret-down .expend-root:before{
	content:"-";
}
.level-chart-th{
	font-weight:bold;
	padding-bottom:6px;
	border-bottom:1px solid #eee;
}
.level-chart-td{
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px solid #eee;
	text-overflow: ellipsis;
    overflow: hidden;
}
.down-root {
  display: none;
}
.down-root li{
	padding:0px 0 !important;
}
.down-root li div{
	background:#f7f7f7;
}
.show-tree {
  display: block;
}
.down-root.show-tree{
	border-bottom: 2px solid #eee;
}
.down-root.show-tree.active{
	background:#efefef;
}
@media (max-width:768px){
	#level-chart{
		min-width:1280px;
	}
}
.network-list-card{
	border-radius:15px;
	margin-bottom:8px;
}
.network-list-card-body{
	padding:5px 10px;
}
.network-list-avatar{
	width:52px;
	height:52px;
	display:block;
	background:#efefef;
	border-radius:50%;
	border:1px solid #ccc;
	overflow:hidden;
}
.network-list-content{
	display:flex;
	align-items:center;
	width:auto;
}
.network-username{
	margin-right:20px;
	font-weight:600;
	width:220px;
}
.network-member-id{
	margin-right:20px;
	font-weight:600;
}
.network-full-name{
	margin-right:20px;
	font-weight:600;
}
.network-username span, .network-member-id span, .network-full-name span{
	display:block;
	font-weight:normal;
}
.network-ranking{
	background:#826F71;
	color:#fff;
	border:1px solid #eee;
	border-radius:10px;
	padding:8px 15px;
	margin-right:20px;	
}
.network-view-details{
	padding:5px 10px;
	background:#efefef;
	border:1px solid #eee;
	border-radius:5px;
	transition:all ease .3s;
}
.network-view-details:hover{
	background:#e7e7e7;
}
.network-member-detail li{
	font-weight:600;
	line-height:1.5;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #e5e5e5;
}
.network-member-detail li span{
	display:block;
	font-weight:normal;
}
.network-rank-badge{
	display:inline-block;
	background:#826F71;
	color:#fff;
	border:1px solid #eee;
	border-radius:10px;
	padding:8px 15px;	
}
.network-team-ranking{
	width:85px;
	padding:15px;
	margin:15px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
@media (max-width:992px){
	.network-list-card-body{
		padding:10px 10px;
	}
	.network-list-card .card-body{
		padding:10px;
	}
	.network-list-avatar{
		margin-right:0px;
	}
	.network-list-content{
		font-size:12px;
	}
	.network-username, .network-member-id, .network-full-name, .network-ranking, .network-extend-network{
		margin-right:10px;
	}
	.network-username{
		max-width:125px;
		overflow:hidden;
	}
	.network-username span{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;	
	}
}
@media (max-width:786px){
	.network-list-card .card-body{
		padding:10px;
	}
	.network-list-avatar{
		width:auto;
		height:auto;
	}
	.network-list-content{
		font-size:12px;
		width:auto;
		display:block;
	}	
	.network-username, .network-member-id, .network-full-name, .network-ranking, .network-extend-network{
		margin-bottom:6px;
	}
	.network-username{
		max-width:none;
	}
	.network-ranking, .network-view-details{
		display:inline-block;
	}
}
@media (max-width:414px){
	.network-list-card-body{
		padding:10px 0;
	}
	.network-username{
		width:auto;
	}
	.network-extend-network{
		margin-right:0;
	}
}

/*** Address book page ***/

/********==================
		custom checkbox css 
	=================***/
.custom-checkbox{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
.custom-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.custom-checkbox input:checked ~ .checkmark {
  background-color: #999A9C;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.custom-checkbox .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.address-book-card{
	width:100%;
	padding:15px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
}
.address-book-detail{
	width:100%;
	padding-left:10px;
	font-size:14px;
}
.address-book-detail .--address,
.address-book-detail .--contact-number,
.address-book-detail .--remark
{
	font-size:14px;
	margin-bottom:5px;
}
.set-as-default{
	border:1px solid #ddd;
	padding:5px 10px;
	margin-bottom:10px;
	border-radius:6px;
	display:none;
}
.btn-edit{
	font-size:12px;
	background:#CEC4C5;
	color:#172121;
}
.btn-delete{
	font-size:12px;
	background:#414042;
	color:#fff;
}

/*** Product- nutrient booster series ***/
.welcome-nutrient-booster-series{
	padding:100px 0 0;
	min-height:450px;
	background:url(../img/3-drinks-colour-revised-1.jpg);
	background-size:cover;
	background-position:center;
	overflow:hidden;
}
.product-vcr{
	width:650px;
	margin:35px;
	margin-top:100px;
	margin-left:20%;
}
.product-vcr-title{
	margin:15px 0;
}
.welcome-footer-wave{
	margin-bottom:0px;
	width:100%;
	display:block;
}
.section-product-list{
	padding:0px 0 100px;
	background:#fff;
}
.product-card{
	padding:15px;
	position:relative;
	transition:all ease .3s;
}
.product-card:hover{
	box-shadow:0 0 20px rgba(0,0,0,.15);
}
.product-card-detail{
	padding:0;
	margin:10px 0;
}
.product-card-title{
	color:#414042;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}
.product-card-des{
	text-transform:uppercase;
}
.product-card-detail a.product-view-more{
	display:block;
	padding:15px;
	color:#b78a8a;
	text-decoration:underline;
	transition:all ease .3s;
}
.product-card-detail a.product-view-more:hover{
	color:#8d5f5f;
}
.section-fusion-box{
	padding:100px 0;
}
.section-nutrient-booster{
	background:url(../img/products/nbs/chocobebe-grainbebe-bg.jpg) no-repeat;
	background-size:cover;	
	padding:15em 0;
}
.nutrient-booster-text{
	padding-bottom:5em;
}
@media (max-width:1360px){
	.product-vcr{
		margin:100px 0 60px;
	}
	.section-nutrient-booster{
		padding:3em 0;
	}
}
@media (max-width:414px){
	.section-fusion-box{
		padding:3em 0;
	}
}
/*** Product- whitening_series ***/
.welcome-whitening-series{
	padding:100px 0 0;
	background:url(../img/products/ws/landing-white-scaled.jpg);
	background-size:cover;
	background-position:center;
	overflow:hidden;
}
.series-title{
	padding:160px 60px 60px;
	font-size:3em;
	color:#fff;
}
.series-title h3{
	font-size:1.5em;
}
.section-whitening-series{
	background:url(../img/products/ws/whiening-banner.jpg) no-repeat;
	background-size:cover;	
	background-position:50% 50%;
	padding:15em 0;
	color:#826f71;	
}
.section-whitening-series p, .section-whitening-series h3{
	color:#826f71;	
}
@media(max-width:414px){
	.section-whitening-series{
		padding:3em 0;
		background-position:center left;
	}
}
/*** Product- slimming_series ***/
.welcome-slimming-series{
	padding:100px 0 0;
	background:url(../img/products/ss/landing-slimming-scaled.jpg);
	background-size:cover;
	background-position:center;
	overflow:hidden;
}
.welcome-slimming-series .series-title h3{
	color:#826f71;
}
.section-slimming-series{
	background:url(../img/products/ss/slimming-banner.jpg) no-repeat;
	background-size:cover;
	background-position:50% 50%;
	padding:15em 0;
	color:#826f71;	
}
.section-slimming-series p, .section-slimming-series h3{
	color:#826f71;	
}
@media(max-width:414px){
	.section-slimming-series{
		padding:3em 0;
		background-position:center left;
	}
}
/*** Product- dgliv_vip_package ***/
.section-pt-100{
	padding:100px 0 0;
}
.vip-package-content{
	padding:60px 0;
}
.vip-package-content p{
	font-size:100%;
}
.btn-buy-package{
	border-radius:30px;
}
@media (max-width:414px){
	.vip-package-content{
		padding:25px 0;
	}
}
/*** Company - About us ***/
.welcome-about-us{
	padding:100px 0 0;
	background:url(../img/about/welcome-about-us-women-girl-banner.jpg);
	background-size:cover;
	background-position:center;
	overflow:hidden;
	display: flex;
    flex-direction: column;
    justify-content:space-between;
}
.future-fortified-card{
	padding:5em;
	height: calc(100vh - 0px);
	display: flex;
    align-items: center;
}
.future-fortified-card h2{
	color:#fff;
	font-weight:bold;
	font-size:3.5em;
}
.ff-title h2{
	margin-bottom:20px;
	color:#fff;
	font-weight:bold;
	font-size:5em;
}
.check-out-our-vision span{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.5em;
}
.check-out-our-vision span.text-our-vision{
	position: relative;
    display: inline-block;
}
.check-out-our-vision span.text-our-vision svg{
	position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 0.75em);
    height: calc(100% + 0.75em);
    transform: translate(-50%,-50%);
    overflow: visible;
}
.check-out-our-vision span.text-our-vision svg path{
	fill: none;
    stroke-dasharray: 1500;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation: fusion-title-highlight 10s;
	stroke-width: 8!important;
	stroke: #fffef7!important;
}
.funsion-vision-box{
	max-width:65%;
	display:flex;
	align-items:center;
	background-color:#f0deca;
	margin-bottom:30px;
}
.funsion-vision-box-img{
	width:50%;
}
.funsion-vision-box-content{
	width:50%;
	padding:60px 60px;
}
.funsion-vision-box-content h3{
	font-weight:bold;
	text-transform:uppercase;
}
.funsion-vision-box-content p{
	color:#826f71;
	font-weight:bold;
	text-transform:uppercase;
}
.white-small-icon img{
	width:125px;
	height:auto;
}
.funsion-promise-box{
	max-width:65%;
	display:flex;
	align-items:center;
	flex-direction: row-reverse;
	background-color:#DFD8C9;
	margin-bottom:30px;
}
.funsion-promise-box-img{
	width:50%;
}
.funsion-promise-box-content{
	width:50%;
	padding:60px 60px;
}
.funsion-promise-box-content h3{
	font-weight:bold;
	text-transform:uppercase;
}
.funsion-promise-box-content p{
	color:#826f71;
	font-weight:bold;
	text-transform:uppercase;
}
.middle-content-box{
	padding:60px 0;
}
.dg-way{
	max-width:520px;
	margin:0 auto;
}
.dg-way p{
	color:#cec4c5;
    font-weight: 200;
}
.dark-small-icon img{
	width:65px;
	height:auto;
	margin:30px 0;
}
.title-heading-xs{
	font-size:80%;
}
.title-heading-center{
	font-weight:bold;
}
.about-5{
	max-width:800px;
	margin:0 auto;	
}
@media (max-width:992px){
	.white-small-icon img{
		width:80px;
	}
}
@media (max-width:414px){
	.funsion-vision-box, .funsion-promise-box{
		width:100%;
		max-width:100%;
		margin:0;
		margin-bottom:1px;
		flex-direction:column;
	}
	.funsion-vision-box-img, .funsion-promise-box-img{
		width:100%;
	}
	.funsion-vision-box-content, .funsion-promise-box-content{
		width:100%;
		padding:2em;
	}
	.middle-content-box{
		padding:2em 0;
	}
}
/*** shop - resource ***/
.section-content-wrap{
	padding:60px 0;
}
@media (max-width:414px){
	.section-content-wrap{
		padding:30px 0;
	}
}
.resource-post-card{
	margin:0 auto 20px;
	text-align:center;
}
.resource-post-img{
	width:100%;
	margin-bottom:10px;
}
.resource-post-img img{
	max-width:100%;
	transition:all ease .3s;
}
.resource-post-img img:hover{
	opacity:.5;
	filter:grayscale(85%);
}
.resource-post-content{
	padding:15px;
}
.resource-post-content a{
	display:block;
}
.entry-title{
	margin:0 0 10px;
	font-weight:bold;
	transition:all ease .3s;
}
.entry-title:hover{
	color:#666;
}
.resource-post-content p{
	font-size:14px;
}
.post-content-row{
	margin-bottom:15px;
}
.post-content-row p{
	font-size:14px;
	line-height:1.4;
	letter-spacing:0px;
}
.post-day-created{
	padding-bottom:15px;
	color:#999;
}
.post-img-upload{
	margin-bottom:30px;
}
.post-sub-title{
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:1em;
}
/*** Shop - product ***/

.product-short-title{
	font-size:16px;
	color:#999A9C;
	text-transform:uppercase;
}
.product-des-text p{
	font-size:100%;
	line-height:1.4;
	padding:0;
}
.product-benefit-grid h4{
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
}
.benefit-card{
	margin-bottom:15px;
	font-size:80%;
	color:#777;
	letter-spacing:normal;
	line-height:normal;
	text-transform:uppercase;
	text-align:center;
}
.benefit-card img{
	max-width:36px;
	display:block;
	margin:0 auto;
	margin-bottom:10px;
}
.product-ingredients-card{
	width:100%;
	margin-bottom:20px;
}
.product-ingredients-content{
	padding:20px;
}
.product-ingredients-content p{
	font-size:100%;
}
.product-ingredients-title{
	font-weight:bold;
	margin-bottom:20px;
}
.product-ingredients-card.pi-card-1{
	background-color:#dfd8c9;
}
.product-ingredients-card.pi-card-2{
	background-color:#efe9c0;
}
.product-ingredients-card.pi-card-3{
	background-color:#efe4cc;
}
.product-ingredients-card.pi-card-4{
	background-color:#ead7d3;
}
.product-ingredients-card.pi-card-5{
	background-color:#ebf2cd;
}
.product-ingredients-card.pi-card-6{
	background-color:#f9e9e5;
}
.product-ingredients-card.pi-card-7{
	background-color:#fff2e0;
}
.product-ingredients-card.pi-card-8{
	background-color:#e6edd5;
}
.product-ingredients-card.pi-card-9{
	background-color:#e0fffa;
}
.product-ingredients-card.pi-card-10{
	background-color:#ecf7ea;
}
.product-ingredients-card.pi-card-11{
	background-color:#f9f2e0;
}
.section-fusion-chocobebe{
    background: url(../img/products/nbs/chocoBanner.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 15em 0;
	color: #826f71;
}
.section-fusion-snowbebe{
    background: url(../img/products/ss/snow.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 15em 0;
	color: #826f71;
}
.section-fusion-sbb{
    background: url(../img/products/ss/sbb-banner.jpg) no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 15em 0;
	color: #826f71;
}
@media (max-width:414px){
	.section-fusion-chocobebe{
		padding: 3em 0;
		background-position: center left;	
	}
}
/*** print Order Detail Layout ***/
.print-header{
	color:#000;
}
.print-header-inner{
	padding:15px;
	display:flex;
	flex-direction:column;
}
.company-logo{
	padding:0 !important;
	margin-top:10px;
	margin-bottom:10px;
}
.company-logo img{
	max-width:45px;
}
ul.company-info{
	margin:0;
	padding:0;
}
ul.company-info li{
	display:block;
	list-style:none;
	margin-bottom:2px;
}

/*** Order page ***/
.my-order-tab .nav-link{
	transition:all ease .3s;
	border-radius:0;
	border-bottom:2px solid #fff;
}
.my-order-tab .nav-link.active{
	background:transparent;
	color:#000;
	border-radius:0;
	border-bottom:2px solid #000;
}
.order-card-body{
	padding:10px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.item-order-pic{
	width:125px;
	height:auto;
	margin-right:20px;
}
.item-order-name{
	font-weight:700;
	font-size:20px;	
}
.item-single-price{
	font-size:80%;
	margin-bottom:6px;
}
.item-order-qty{
	margin-bottom:6px;
}
.item-order-qty span{
	font-weight:bold;
}
.item-order-total{
	margin-bottom:6px;
}
.item-order-total span{
	font-weight:bold;
}
.item-order-amount{
	font-size:2em;
	font-weight:bold;
}
.btn-cancel{
	background:#999A9C;
	color:#fff;
	text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
.btn-pay-now{
	background:#DFD8D9;
	color:#414042;
	text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
@media (max-width:414px){
	.item-order-pic{
		width:35%;
		margin-right:0px;
	}
	.item-order-detail{
		width:65%;
		padding-left:15px;
	}
	.item-order-name{
		font-size:100%;
	}
	.item-order-amount{
		font-size:20px;
	}
}

/*** top 3 ranking page ***/
.nav-ranking{
	display:flex;
	justify-content:center;
}
.nav-ranking li.nav-item{
	margin:0 5px;
	background:#F2EFEF;
	border-radius:30px;
	color:#826F71;
}
.nav-ranking li a.nav-link{
	opacity:.5;
}
.nav-ranking li a.nav-link.active{
	background:linear-gradient(45deg, #e1d1d1, #f3b5a7);
	border-radius:30px;
	color:#172121;
	opacity:1;
}
.ranking-stage-grid{
	display:flex;
	justify-content:center;
	max-width:650px;
	height:580px;
	margin:30px auto 30px;
	position:relative;
}
.ranking-stage-grid:before{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/ranking-stage.svg) no-repeat;
	background-size:contain;
	background-position:center bottom;
}
.ranking-stage-grid:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/rank-bg.png) no-repeat;
	background-size:100%;
	background-position:center center;
	z-index:-1;
	opacity:.5;
	animation-name: fade-opactiy;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
@keyframes fade-opactiy {
  0% {background-size:100%; opacity:.5; transform:rotate(0deg);}
  25% {background-size:110%; opacity:.75; transform:rotate(-3deg);}
  50% {background-size:100%; opacity:.5; transform:rotate(0deg);}
  75% {background-size:110%; opacity:.75; transform:rotate(-3deg);}
  100% {background-size:100%; opacity:.5; transform:rotate(0deg);}
}
.rank-one, .rank-two, .rank-three{
	width:30%;
	position:relative;
}
.rank-one{
	margin-top:5%;
}
.rank-two{
	margin-top:20%;
}
.rank-three{
	margin-top:30%;
}
.top3-ranking-card{
	padding:15px;
	margin-bottom:30px;
	text-align:center;
}
.top3-ranking-profile{
	width:100px;
	height:100px;
	background:#fff;
	box-shadow:0 0 15px rgba(0,0,0,.15);
	margin:0 auto 10px;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	border-radius:50%;
}
.top3-ranking-profile img{
	max-width:100%;
}
.top3-ranking-name{
	width:100%;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
@media (max-width:414px){
	.ranking-stage-grid{
		height:400px;
	}
	.rank-one, .rank-two, .rank-three{
		width:33%;
	}
	.top3-ranking-profile{
		width:60px;
		height:60px;
	}
}

/*** wallet history page ***/
.wallet-balance-card{
	padding:20px 10px 15px;
	margin-bottom:10px;
	text-align:center;
	display:flex;
	align-items: center;
	justify-content:center;
	background:#fff;
	width:22.55%;
	border-radius:15px;
	box-shadow:0 0 10px rgba(0,0,0,.15);
}
.wallet-balance-card .balance-amount{
	font-weight:bold;
	font-size:20px;
	display: block;
}
.transaction-history-card{
	margin-bottom:10px;
}
.transaction-history-card h5{
	font-size:18px;
	font-weight:600;
	margin-bottom:5px;
}
.history-day-time{
	font-size:small;
	color:#888;
}
.transaction-desc{
	padding-top:5px;
	color:#826F71;
}
@media (max-width:414px){
	.wallet-balance-card{
		width:46.66%;
		font-size:80%;
	}
	.wallet-balance-card .balance-amount{
		font-size:1.75em;
	}
	.transaction-desc{
		font-size:12px;
	}
}

/*** withdrawal page ***/
.withdrawal-header{
	background:linear-gradient(135deg, #f7d7d7, #ffc8c8);
	padding:30px 0 45px;
	text-align:center;
	position:relative;
	overflow:hidden;
}
.withdrawal-header:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-10px;
	width:110%;
	height:63px;
	background:url(../img/footer-wave.svg) no-repeat;
	background-size:100%;
	background-position:center;
}
.withdrawal-header h4{
	margin:0;
	font-weight:bold;
	font-size:2em;
}
.withdrawal-header h5{
	margin:10px 0;
}
.withdrawal-header h6{
	margin:0;
	font-size:14px;
}
.footer-wave{
	position:relative;
	overflow:hidden;
	height:100px;
	/*bottom:20px;
	left:calc(0% - 50px);
	width:125%;
	*/
}
.footer-wave svg{
	margin-bottom:-10px;
}
@media (max-width:414px){
	.footer-wave{
		height:100%;
	}
}

/*** voucher page ***/
.voucher-card{
	margin:1rem 0;
	background:linear-gradient(45deg, #ebc3c3, #edcece);
	position:relative;
	overflow:hidden;
}
.voucher-card:before{
	content:'';
	background: linear-gradient(310deg, #ffffff6b, #b7a6b926);
    width: 250px;
    height: 350px;
    position: absolute;
    left: -60px;
    top: -160px;
    transform: rotateZ(50deg)	
}
.voucher-card:after{
	content:'';
    background: linear-gradient(310deg, #ffffff6b, #b7a6b926);
    width: 250px;
    height: 250px;
    position: absolute;
    left: -130px;
    top: -130px;
    transform: rotateZ(45deg);	
}
.voucher-card h5.vocuher-name{
	font-size:1.5em;
	font-weight:600;
}
.voucher-code, .voucher-expired-date, .voucher-expired-date{
	font-weight:bold;
	padding:0 10px;
}
.voucher-amount{
	padding:10px 10px;
	background: #414042;
    color: #fff;
	border-radius:10px;
}

/*** bank account page ***/
.vodiapicker{
  display: none; 
}
#a{
  padding-left: 0px;
}
#a img, .btn-select img{
  width:32px;  
}
#a li{
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
#a li:hover{
 background-color: #F4F3F3;
}
#a li img{
  margin: 5px;
}
#a li span, .btn-select li span{
  margin-left: 10px;
  font-size:14px;
}
/* item list */
.b{
  display: none;
  width: 100%;
  height:160px;
  max-width:100%;
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 5px;
	overflow:auto;
}
.open{
  display: show !important;
}
.btn-select{
  margin-top: 10px;
  width: 100%;
  max-width:100%;
  height:45px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
	position:relative;
}
.btn-select:before{
	content:'+';
	position:absolute;
	top:10px;
	right:10px;
	font-size:16px;
}
.btn-select li{
  list-style: none;
  float: left;
  padding-bottom: 0px;
}
.btn-select:hover li{
  margin-left: 0px;
}
.btn-select:hover{
  background-color: #F4F3F3;
  border: 1px solid transparent;
  box-shadow: inset 0 0px 0px 1px #ccc;
}
.btn-select:focus{
   outline:none;
}
.bank-select{
  margin-left: 0px;
}

/*** profile ***/
.checkbox1 label{
	display:flex;
	align-items:center;
}
.checkbox1 label span{
	margin-left:5px;
}