/* ========================================================================
 * Vivix.css - For Vivix Minisite
 * www.shaklee.com.my*
 * ======================================================================== */
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ======= Kim Added - 201904 = Vivix Minisite Classes ======= */

#WhatsappDiv > div {
  padding: 0 !important;
}
/*----------
  NAV
----------*/


	
.nav>li {
  position: relative;
  display: block;
}

/* ========= Content BG Image =============*/
/* Full Viewport Content - For Moving BG */
.fullBG-content {
  width: 100%;
  min-height: 100vh;
  background-size: cover;
}

.bigtitle{
	text-align: center;
}

@media (max-width: 768px){ /*For Mobile < 768 */
	.bigtitle{
	text-align: center;
	}
}

/* Content Section 00  */
.content-sec00{
  padding-top: 5vh;
  text-align: center;
  padding-bottom: 5vh;
  background-color: #ffffff;
}
@media (max-width: 768px){ /*For Mobile < 768 */
	.content-sec00{
  	padding-top: 3vh;
 	text-align: center;
  	padding-bottom: 3vh;
    background-color: #ffffff;
    }
}


/* Content Section 01  */
.content-sec01{
  text-align: center;
  background-color: #ffffff;
  width: 100%;
  min-height: 6vh;
/*
  background-image: url("https://mftp.shaklee.com.my/ageless/Polyphenol_Ageless1.gif");
  background-size: cover;
  background-position: center;
*/
  
	/*background-attachment: fixed;
    min-height: 100vh;*/
}
@media (max-width: 768px){ /*For Mobile < 768 */
	.content-sec01{
  	padding-top: 3vh;
 	text-align: center;
	background-color: #ffffff;
/*
    background-image: url("https://mftp.shaklee.com.my/ageless/Polyphenol_Ageless2.gif");
    background-size: cover;
    background-position: center;
*/
	width: 100%;
    }
}





.normaltext{
	color: #2e2e2e;
	font-family: 'Gilmer Regular', Helvetica, Arial, sans-serif;
	font-size: 15px;
	text-align: left;
}

.normaltext_cn{
	color: #2e2e2e;
	font-family: "Noto Sans SC", sans-serif;
	font-size: 20px;
	text-align: left;
}

.normaltext2{
	color: #be9675;
	font-family: 'Gilmer Regular', Helvetica, Arial, sans-serif;
	font-size: 15px;
}

.normaltext2_cn{
	color: #be9675;
	font-family: "Noto Sans SC", sans-serif;
	font-size: 20px;
}

.normaltext3{
	color: #000000;
	font-family: 'Gilmer Regular', Helvetica, Arial, sans-serif;
	font-size: 15px;
}

.normaltext3_cn{
	color: #000000;
	font-family: "Noto Sans SC", sans-serif;
	font-size: 20px;
}

.normaltext4{
	color: #000000;
	font-family: 'Gilmer Regular', Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.normaltext4_cn{
	color: #000000;
	font-family: "Noto Sans SC", sans-serif;
	font-size: 15px;
}

.prodtitle{
	font-family: 'Gilmer Regular', Helvetica, Arial, sans-serif;
    font-weight: bold;
	font-size: 20px;
	color: #4e1b1e;
}

.prodtitle_cn{
	font-family: "Noto Sans SC", sans-serif;
    font-weight: bold;
	font-size: 25px;
	color: #4e1b1e;
}

.steps1{
	background-color: #ebf0ec;
	padding: 20px;
}

.steps2{
	background-color: #e1eae3;
	padding: 20px;
}

.steps3{
	background-color: #d4e0d6;
	padding: 20px;
}

.steps4{
	background-color: #c1d3c4;
	padding: 20px;
}

.steps5{
	background-color: #b2c8b6;
	padding: 20px;
}

/* Content Section 02  */
.content-sec02 {
/*  padding: 20px 25px;*/
/*  background-image: url("/front/uploads/Images/campaign/resv-vix/resv-vix_bg02.jpg");*/
  width: 100%;
  background-color: #ffffff;
}
@media (max-width: 768px){ /*For Mobile Hamburger */
	.content-sec02{
/*  	padding: 20px 25px;*/
    background-color: #ffffff;
/* 	background-image: url("/front/uploads/Images/campaign/resv-vix/resv-vix_bg02_small.jpg");*/
    }
}

/* Content Section 03  */
.content-sec03 {
/*  padding: 20px 25px;*/
/*  background-image: url("/front/uploads/Images/campaign/resv-vix/resv-vix_bg02.jpg");*/
  width: 100%;
  background-color: #006b5c;
}
@media (max-width: 768px){ /*For Mobile Hamburger */
	.content-sec03{
/*  	padding: 20px 25px;*/
    background-color: #006b5c;
/* 	background-image: url("/front/uploads/Images/campaign/resv-vix/resv-vix_bg02_small.jpg");*/
    }
}


/* Content Section 04  */
.content-sec04 {
/*  padding: 20px 25px;*/
/*  background-image: url("/front/uploads/Images/campaign/resv-vix/resv-vix_bg02.jpg");*/
  width: 100%;
  background-color: #173E35;
}
@media (max-width: 768px){ /*For Mobile Hamburger */
	.content-sec04{
/*  	padding: 20px 25px;*/
    background-color: #173E35;
/* 	background-image: url("/front/uploads/Images/campaign/resv-vix/resv-vix_bg02_small.jpg");*/
    }
}



/* ========= END Content BG Image =============*/
/* ========= Text Size =============*/
.titleHuge{
	font-size: 65px;
	font-weight: bold;
	line-height: normal;
	font-family: "Schnyder S Demi", "SchnyderS-Demi", "Schnyder S", "Schnyder S Web", "Playfair", serif;
    color: #173E35;
}
.titleHuge_cn{
	font-size: 65px;
	font-weight: bold;
	line-height: normal;
	font-family: "Noto Sans SC", sans-serif;
    color: #173E35;
}
.titleHuge2{
	font-size: 65px;
	font-weight: bold;
	line-height: normal;
	font-family: "Schnyder S Demi", "SchnyderS-Demi", "Schnyder S", "Schnyder S Web", "Playfair", serif;
    color: #be9675;
}
.titleHuge2_cn{
	font-size: 65px;
	font-weight: bold;
	line-height: normal;
	font-family: "Noto Sans SC", sans-serif;
    color: #be9675;
}
.titleHuge3{
	font-size: 65px;
	font-weight: bold;
	line-height: normal;
	font-family: "Schnyder S Demi", "SchnyderS-Demi", "Schnyder S", "Schnyder S Web", "Playfair", serif;
    color: #ffffff;
}
.titleHuge3_cn{
	font-size: 65px;
	font-weight: bold;
	line-height: normal;
	font-family: "Noto Sans SC", sans-serif;
    color: #ffffff;
}

.title22{
	font-size: 22px;
	font-weight: bold;
}
.txtsec1{
	color: #ffffff;
	font-size: 15px;
	line-height: 29px;
}
.txtsec2{
	color: #ffffff;
	font-size: 19px;
	line-height: 29px;
	font-weight: bold;
}
.txt20{
	font-size: 20px;
	line-height: 29px;
}
.txt16{
	font-size: 16px;
}
.txt11{
	font-size: 11px;
}
.alignleft{
	text-align: left;
}
.alignright{
	text-align: right;
}
.aligncenter{
	text-align: center;
}
@media (min-width: 320px) and (max-width: 768px){ /*For Mobile Hamburger */
	.titleHuge{
		font-size: 50px;
		font-weight: bold;
		line-height: normal;
    }
}
/* ======== SPACING ========*/
.d-none1{display: block !important;}
.mt-10{margin-top: 10px;}
.mb-10{margin-bottom: 10px;}
.ml-10{marign-left: 10px;}
.mr-10{margin-right: 10px;}
.mt-20{margin-top: 20px;}
.mb-20{margin-bottom: 20px;}
.ml-20{marign-left: 20px;}
.mr-20{margin-right: 20px;}
.mt-30{margin-top: 30px;}
.mb-30{margin-bottom: 30px;}
.ml-30{marign-left: 30px;}
.mr-30{margin-right: 30px;}
.pt-10{padding-top: 10px;}
.pb-10{padding-bottom: 10px;}
.pl-10{padding-left: 10px;}
.pr-10{padding-right: 10px;}
.pt-20{padding-top: 20px;}
.pb-20{padding-bottom: 20px;}
.pl-20{padding-left: 20px;}
.pr-20{padding-right: 20px;}
@media (min-width: 10px) and (max-width: 768px){
	.mt-xs{margin-top: 10px;}
	.mb-xs{margin-bottom: 10px;}
	.ml-xs{marign-left: 10px;}
	.mr-xs{margin-right: 10px;}
	.mt-xs-20{margin-top: 20px;}
	.mb-xs-20{margin-bottom: 20px;}
	.ml-xs-20{marign-left: 20px;}
	.mr-xs-20{margin-right: 20px;}
		
}
@media (min-width: 768px) and (max-width: 991px){
	.mt-sm{margin-top: 10px;}
	.mb-sm{margin-bottom: 10px;}
	.ml-sm{marign-left: 10px;}
	.mr-sm{margin-right: 10px;}
	.mt-sm-20{margin-top: 20px;}
	.mb-sm-20{margin-bottom: 20px;}
	.ml-sm-20{marign-left: 20px;}
	.mr-sm-20{margin-right: 20px;}
		
}
@media (min-width: 991px){
	.mt-md{margin-top: 10px;}
	.mb-md{margin-bottom: 10px;}
	.ml-md{marign-left: 10px;}
	.mr-md{margin-right: 10px;}
	.mt-md-20{margin-top: 20px;}
	.mb-md-20{margin-bottom: 20px;}
	.ml-md-20{marign-left: 20px;}
	.mr-md-20{margin-right: 20px;}
		
}
/* ====== ALIGNMENT ======*/
.img_alignCenter {
  text-align: center;
  display: block;
  margin: 0 auto;
}
/* ===== COLOR =======*/
.vivix_color01{
	color:#af2227;
}
.vivix_red{
	color: #9e3223;
}
.titlesec1{
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
}


/* ===== Content BG Boxes ======*/

/* ===== BUTTON ========*/

/* ======= EFFECT =======*/

/* ======= DOWNLOAD END =======*/
/* ======= BENEFITS =======*/