/* CSS WEB | 290126
	 VER : 1.0.0 | ZAYSMASTER
*/
/* CKEd Ntf */ .cke_notifications_area { display: none; }
.cke_reset, .cke_reset * { box-sizing: border-box; }
/* ================================ */
/* Small Phones: from 0 to 480px */
@media only screen and (max-width: 480px){
}
/* ================================ */
/* Small Phones to Small Tablets: from 481px to 767px */
@media only screen and (max-width: 767px){
	.zm-cn, .mg-pd { margin: 0 1% 0 1% !important; }
	.zm-rw { margin: 0 0.5% 0 0.5% !important; }
	/* HEADLINE */ 
	.zm-tt { font-size: 1.875rem !important; } .zm-hl { height: 20vh !important; } 
	.zm-st { font-size: 0.875rem !important; margin-top: 70px !important; } 
	.zm-s2 { margin-top: 30px !important; } .hl-sg { height : 53px !important; }
	/* NAVBAR */ .nv-bn { display: none !important; }
	/* SLIDER */
	.sl-t1 { font-size: 1.6rem !important; } .sl-t2 { font-size: 0.8rem !important; }
	.sl-i1 { height: 50px !important; width: 50px !important; } .sl-m1 { margin-top: 50px !important; }
	.zm-sl, .sl-ht, .sl-i { height: 73vh !important; height: 73svh !important; height: 73dvh !important;}
	/* FLASH */ .fh-m0 { top: 20% !important; left: 50% !important; }
	/* 2026 SLD1 */ 
	.s1-mg { margin: 0px -1% 0px -1% !important; } .s1-m1 { margin-top: 0px !important; }
	.s1-m2 { margin-top: 0.2% !important; } .s1-m3 { margin-top: 0.5% !important; }
	.s1-m4 { margin-top: 1% !important; }		.s1-m5 { margin-top: 1.5% !important; }
	.s1-m6 { margin-top: 2% !important; }		.s1-m7 { margin-top: 2.5% !important; }
	.s1-m8 { margin-top: 3% !important; }		.s1-m9 { margin-top: 3.5% !important; }
	.s1-m10 { margin-top: 4% !important; }
	/* PRODUCT */
	.pd-bx { height: 300px !important; width: auto !important; }
	.pd-ig { height: 230px !important; width: auto !important; }
	/* FEATURES */ 
	.zm-fe, .ts-bx { height: auto !important; } .fe-mg { margin-top: 0px !important; } 
	.fe-dv { margin-top: 15px !important; }
	/* NEWSLETTER */ .nl-mg { margin: 0px 2% 0px 2% !important; }
	/* PAGE OOPS */  .zm-op { height: 60px !important; } .op-mg { margin-top: 140px !important;}
	/* PAGE REGISTER */ .up-dv {  width: 90% !important; }
	/* MARGIN */ 	.rw-mt { margin-top: -40px !important; }
	/* MODAL */ 	.md-bx { width: 98% !important; }
	/* SC : BENEFIT */ .bf-mg { margin-left: 5px !important; }
	/* SC : MAIN */ .mg-tb { margin: 30px 0 30px 0 !important; }
	/* SC : ABOUT */
	.ab-dv { margin-bottom: 0px !important; }
	.ab-tx { margin-top: -10px !important; } .ab-bt { margin-bottom: 30px !important;} 
	/* SC : CTA */ .ca-bx { height: 380px !important; }
	/* SC : FAQ */ .fq-dv { width: 95% !important; }
	/* PG : HOME */
	/* SC : Ads */ .zm-ad, .ad-dv { height: 18vh !important; }
	/* SC : Popular */
	.md-ig { height: 190px !important;} .md-dv { flex-direction: row; } .md-cl { flex: 1; }
	.md-i2 { height: 130px !important;} .bl-hv { height: 265px !important; }
	/* SC : Parallax */ .zm-px { height: 380px !important; } .px-vh { height: 200px !important; }
	/* SC : Article */
	.ar-dv { flex-direction: row; } .ar-mn { flex: 1; } .as-nl { margin-top: -20px !important; }
	/* SC : FIT CONTENT */ 
	.zm-px, .zm-ar, .zm-ft, .sc-sh { height: fit-content !important; }
	.sc-zm, .sc-ch { height: 150px !important; }
	/* BLOG */
	/* PG : SINGLE */ .bl-sg { height: 280px !important; }
	.bl-ig { height: 200px !important; } .bl-tt { margin-top: 15px !important; } 
	.bl-dv { margin-top: 0px !important; } .bl-bx { height: auto !important; }
	.bl-vh { height: 315px !important; }
	.bl-rl { height: 195px !important; } .bl-i4 { height: 120px !important; } 
	.bl-mg { margin: 20px 0 20px 0 !important; }
	/* VIDEO */
	.vd-vh { height: 200px !important; } .vd-ig, .vd-i2 { height: 138px !important; }
	.vd-bx { height: 233px !important; } .vd-rl { height: 188px !important; }
	.vd-cn iframe { width: 100% !important; height: 658 !important; } 
	/* SEARCH */
	.sc-bs { width: 73px !important; margin-left: -8px !important; } .sc-mg { margin-left: 10px !important; }
	/* FOOTER */ .ft-pg { margin-bottom: 50px !important; }
}
/* ================================ */
/* Small Tablets to Big Tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
}
/* ================================ */
/* Large Screen : above 1023px */
@media only screen and (max-width: 1580px) {
}
/* ///////////////////////////////////////////////// */
/* CSS Var */
:root {
	--pmcl-lt: #9C27B0; --sccl-lt: #03dac5; --txcl-lt: #000000; --pmbc-lt: #D4D4D4;
	--pmcl-dk: #AA00FF; --sccl-dk: #018786; --txcl-dk: #ffffff; --pmbc-dk: #232323;
	--scbc-dk: #616161;
	--grlt-01: #ADA996; --grlt-02: #EAEAEA; --grlt-03: #DBDBDB; --grlt-04: #F2F2F2;
	--grdk-01: #000000; --grdk-02: #434343; --txcl-gr: #808080;
	--fmbx-lt: #FFFFFF; --fmbx-dk: #686868; --upbx-lt: #EEEEEE; --upbx-dk: #545454;
}
/* Dark Mode */
body.dk-md, body.dk-md #nv-zs, body.dk-md #ft-cl {
	--pmcl: var(--pmcl-dk); --sccl: var(--sccl-dk); --txcl: var(--txcl-dk);
	--pmbc: var(--pmbc-dk); --fmbx: var(--fmbx-dk); --upbx: var(--upbx-dk);
	background-color: var(--pmbc); color: var(--txcl); }
body.dk-md #s-nav, body.dk-md .gr-tb {
	background: var(--grdk-01);
	background: -webkit-linear-gradient(to right, var(--grdk-02), var(--grdk-01)); 
	background: linear-gradient(to right, var(--grdk-02), var(--grdk-01));
}
body.dk-md #s-nav li a, body.dk-md #s-nav li i { color: var(--txcl-dk); }
body.dk-md .nv-sb { background-color: var(--pmbc-dk); }
body.dk-md .nv-sb li:hover { background-color: var(--scbc-dk); }
/* Light Mode */
body.lt-md, body.lt-md #nv-zs, body.lt-md #ft-cl {
	--pmcl: var(--pmcl-lt); --sccl: var(--sccl-lt); --txcl: var(--txcl-lt);
	--pmbc: var(--pmbc-lt); --fmbx: var(--fmbx-lt); --upbx: var(--upbx-lt);
	background-color: var(--pmbc); color: var(--txcl); }
body.lt-md #s-nav, body.lt-md .gr-tb {
	background: var(--grlt-01);
	background: -webkit-linear-gradient(to bottom, var(--grlt-02), var(--grlt-03), var(--grlt-04), var(--grlt-01)); 
	background: linear-gradient(to left, var(--grlt-02), var(--grlt-03), var(--grlt-04), var(--grlt-01));
	color: var(--txcl-gr);
}

/* GENERAL CSS */
/* Container */ .zm-cn { margin: 0 5% 0 5%; } .zm-rw { margin: 0; }
/* Overflow */ .of-hd { overflow: hidden !important; } .of-x { overflow-x: clip !important; }
/* Clear */ .cl0 { clear: both; height: 0; overflow: hidden; }
/* Fonts */ body { font-family: 'Poppins', sans-serif; background-color: #FFFFFF; overflow-x: clip; }
/* Color */ .cl-tx { color: #535311 }
/* Block */ .ds-ib { display: inline-block; } .ds-bl { display : block !important; }
/* UL */ .ul-0 {	border: none !important; outline: none !important; box-shadow: none !important; }
/* FONT TYPE */
.ft-pp { font-family: 'Poppins', sans-serif; }	.ft-ms { font-family: 'Montserrat', sans-serif; }
.ft-rb { font-family: 'Roboto', sans-serif; }		.ft-cd { font-family: 'Caladea', sans-serif; }
/* HREF */
a { letter-spacing: normal; word-break: break-word !important; overflow-wrap: break-word !important; }

/* HEADER */
.zm-hd, .nv-ht { height: 0px; } .nv-tp { height: 30px; } 
.nv-ht { background-color: whitesmoke !important;} .nv-rt { margin: 3px 10px 0 0; }
.nv-sc { padding-right: 5px; font-size: 1.2rem; margin-top: 5px;} 
.nv-i1, .nv-i2 { height: 50px; width: auto !important; } .nv-i1 { margin-top: 8px; }
.nv-i2 { padding: 2px;} .nv-cl { color: rgb(19, 19, 19); font-weight: 500; }
/* SIDENAV */
.sidenav { width: 233px; -ms-overflow-style: none; scrollbar-width: none; cursor: all-scroll; }
.sidenav::-webkit-scrollbar { display: none; -ms-overflow-style: none; cursor: all-scroll; }
.nv-sn { min-height: 60px; } .nv-i3 { height: 60px; margin: 10px 0 0 0; } .nv-bx { height: 40px; }

/* NAVBAR BOTTOM */
.nv2 { position: fixed; bottom: 0; width: 100%;	height: 55px; overflow-x: auto; display: flex;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); background-color: whitesmoke; z-index: 1000;}
.nv-lk { display: flex; flex-direction: column; align-items: center; justify-content: center;
	flex-grow: 1; min-width: 50px; overflow: hidden; white-space: nowrap; font-size: 13px;
	font-family: sans-serif; color: #444444; text-decoration: none;
	-webkit-tap-highlight-color: transparent; transition: background-color 0.1s ease-in-out; }
.nv-lk:hover { background: rgba(0, 0, 0, 0.2); } .nv-i { font-size: 37px !important;}
.nv-lk:active { background-color: greenyellow; } .nv-ig { width: 50px; height: 50px;}
.nv-ic { font-size: 48px !important; text-shadow: 0.7px 0.7px black; } .nv-tx { font-size: 10px; }
.nv-dv { width: 50px; height: 50px; border-radius: 50%; text-align: center; padding: 5px; }

/* HEADLINE & TITLE */
.zm-hl { height: 180px; } .hl-sg { height: 70px; background-color: #101e49; }
.zm-hl, .hl-sg { background-size: cover; background-position: center; 
	background-repeat: no-repeat; background-attachment: fixed; } .zm-tt { font-size: 2.5rem; }
.zm-tt, .zm-fn, .fm-tt, .lg-tt { font-family: "Caladea", serif; font-weight: 900; } 
.zm-st, .zm-sc, .zm-s2 { margin-bottom: -10px; font-weight: 700; color: rgb(255, 234, 0) }
.zm-st { margin-top: 85px; } .zm-sc { margin-top: 30px; }  .zm-s2 { margin-top: 55px; }
.zm-ul { text-decoration: underline; text-underline-offset: 4px; font-weight: 700; } 
.zm-cv { background-size: cover; background-repeat: no-repeat; }
/* RESET */
.tx-ul { text-decoration: underline; text-underline-offset: 4px; }
.zm-fn { font-size: 2rem; } .zm-ha { height: 60px; width: 100%; }
.no-scrollbar::-webkit-scrollbar { display: none; }
/* PG : HEADLINE */
/* PG : ABOUT */.hl-ab { background-image: url('../img/hln/hlabt.png'); }
/* PG : CTC */ 	.hl-ct { background-image: url('../img/hln/hlctc.png'); }
/* PG : BLOG */ .hl-bl { background-image: url('../img/hln/hlblg.png'); }
/* PG : VDO */ 	.hl-vd { background-image: url('../img/hln/hlvdo.png'); }
/* PG : PRD */ 	.hl-pd { background-image: url('../img/hln/hlprd.png'); }
/* PG : CMH */ 	.hl-ch { background-image: url('../img/hln/hlcmh.png'); }
/* PG : BGK */ 	.hl-bk { background-image: url('../img/hln/hlbgk.png'); }
/* PG : APS */ 	.hl-as { background-image: url('../img/hln/hlaps.png'); }
/* PG : EVN */ 	.hl-ev { background-image: url('../img/hln/hlevn.png'); }
/* TITTLE */
.sc-tl { display: flex; align-items: center; text-align: left;   
  gap: 15px; width: 100%; font-weight: 600; }
.sc-tl::after {content: ""; flex: 1; border-bottom: 8px solid #ccc; }
/* ICON */ .sc-rd { border-radius: 50%; height: 38px; width: 38px; padding: 7px; }

/* SC : MAIN */
.zm-ad, .zm-md, .zm-px, .zm-vd, .zm-ar { padding-top: 0.1px; padding-bottom: 0.1px; }
.mg-tb { margin-top: 38px; margin-bottom: 38px; }
/* BTN WA */ .bt-wa { width: 100%; border-radius: 7px; height: 50px; padding: 7px; font-size: 1.2rem; }

/* SLIDER */
/* SLIDER NEW 2026 */
.sl-bn { font-size: 1.2rem; border-radius: 30px; width: 200px; height: 45px; padding: 5px; 
	font-weight: 700; } .sl-ov { height: 50px !important; width: 40% !important; }
/* SLD1 */
.s1-mg { margin: 0 10% 0 10%; }	.s1-m1 { margin-top: 1%; }	.s1-m2 { margin-top: 2%; }
.s1-m3 { margin-top: 3%; }	.s1-m4 { margin-top: 4%; }	.s1-m5 { margin-top: 5%; }
.s1-m6 { margin-top: 6%; }	.s1-m7 { margin-top: 7%; }	.s1-m8 { margin-top: 8%; }
.s1-m9 { margin-top: 9%; }	.s1-m10 { margin-top: 10%; }
/* SLIDE OLD */
/* SC : SLIDER */
.zm-sl, .sl-ht, .sl-i { height: 90vh; } .sl-ig { width: 170px !important; height: 170px !important; }
.sl-t1 { font-size: 3rem; font-weight: bold; margin: 5px 0 5px 0; }
.sl-mg { margin: 0 -13% 0 -13% !important; } .sl-t2 { font-size: 1rem; overflow-wrap: break-word; }
/* NEW SLIDER */
.sl-i1 { height: 80px; width: auto; } .sl-ic { font-size: 2.1rem !important; margin-right: 7px; }
.sl-i2 { height: 350px !important; width: 480px !important; border-radius: 20px; } 
.sl-bt { font-size: 1.6rem; border-radius: 30px; width: 350px; height: 50px; padding: 8px;
	font-weight: 500; } .sl-m1 { margin-top: 55px; } 

/* PG : HOME */
/* SC : ADS */
.zm-ad { height: 28vh; margin-bottom: 30px;} 
.ad-dv { position: relative; border-radius: 15px; background-size: cover; background-position: center; 
	height: 28vh; background-image: url('../gal/zads.png'); background-repeat: no-repeat;
	background-attachment: fixed; display: flex; justify-content: center; align-items: center; }
.ad-tx { position: absolute; }
/* SC : PARALLAX */ .zm-px { height: 400px; }
/* SC : ASIDE */
/* SUBSCRIBE */
.as-nl { height: 280px; width: 100%; border-radius: 10px; margin: 30px 0 0 0; }
.as-dv { padding: 15px; }
/* CATEGORY */
.as-ct { height: auto; border-radius: 10px; background-color: #101e49; padding: 15px; }
.as-cl, .as-cx { background-color: #101e49 !important; border-left: none !important; 
	border-right: none !important; outline: none !important; box-shadow: none !important; }
.as-cl { margin-left: -15px !important; }

/* SC : SEARCH */
.sc-zm, .sc-ch { height: 100px; } .sc-zm { display: grid;  align-items: center; }
.sc-bs { height: 45px; width: 100px; border-radius: 30px; font-weight: 500; font-size: 1.2rem; }

/* ABOUT US */
/* PG : ABOUT US */
.ab-bg { height: 480px; background-image: url('../gal/pgabt.png'); background-size: cover;
	background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
.ab-i1 { height: 350px; width: 100%; border-radius: 15px; } 
.ab-cf { height: 200px; width: 256px; border-radius: 15px; }
/* SC : ABOUT */
.ab-dv { margin: 30px 0 30px 0; } .ig-ab { width: 98%; height: auto; } 
.ab-tx { margin-top: 50px; } .ab-bt { margin-top: 30px; }

/* BLOG */
/* PG : HOME */
.bl-bt { border-radius: 20px; height: 35px; width: 130px; font-size: 0.75rem; }
/* SC : Popular */
.md-ig, .md-i2 { height: 233px; width: 100%; border-radius: 10px; } .bl-hv { height: 335px; }
/* SC : Article */
.bl-sc {display: flex; flex-direction: row; align-items: center; gap: 15px;
	border: solid 1px lightgrey; width: 100%; box-sizing: border-box; }
.bl-sc, .bl-d1, .ig-b2 { height: 135px; } .bl-d2 { flex: 1; }
.bl-sc, .ig-b2 { border-radius: 15px; } .ig-b2 { width: 130px; }
/* SC : BLOG */ .ig-bl { width: 98%; height: 300px; border-radius: 15px; }
/* PG : SINGLE */
.bl-sg { height: 480px; width: 100%; border-radius : 20px; background-size: cover; 
	background-position: center; background-repeat: no-repeat; }
.cm-vd { display: grid; place-content: center; margin: 0 auto; }
.bl-vh { height: 335px; }
/* SC : Related */
.bl-rl { height: 180px; } .bl-mg { margin: 20px 0 50px 0; }
.bl-i4 { height: 130px; width: 100%; border-radius: 10px; }
/* SC : Blog OLD */
.bl-tt { margin-top: 50px; } .bl-bx { height: 400px; } .bl-dv { margin-top: 15px; }
.bl-ig { height: 300px; width: 100%; border-radius: 15px; } .bl-t1 { font-size: 0.75rem; }
.bl-tx { font-family: "Caladea", serif; font-size: 1.3rem; font-weight: 900 }

/* VIDEO */
.vd-vh { height: 210px; } .vd-ig { height: 158px; } .vd-i2 { height: 258px; }
.vd-ig, .vd-i2 { width: 100%; border-radius: 10px; } .vd-bx, .vd-rl { height: 348px; }
.vd-cn iframe { width: 80%; aspect-ratio: 16/9; height: 558; }

/* GALLERY */
/* SC : Grid */
.grid { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 0.1rem; }
.item { position: relative; background-repeat: no-repeat; }
.item:first-child { grid-column: 1 / span 2; grid-row: 1 / span 2; }
.item:nth-child(8) { grid-column: 2 / span 2; grid-row: 4 / span 2; }
.item:nth-child(*) { grid-column: auto; grid-row: auto; }
.item img { display: block; width: 100%; margin: 0 auto; min-height: 100%; border-radius: 15px;
	padding: 0.3rem; }
.img-a { height: 201px; }	.img-b { height: 200px; }	.img-c { height: 281px; }	.img-d { height: 140px; }
.img-g1 { height: 495px; width: 665px; padding: 0px; margin-left: -5px; margin-top: -5px; }
.img-g2 { height: 240px; width: 325px; padding: 0px; } 
.img-g3 { height: 243px; width: 325px; padding: 0px; }

/* PG : OOPS */ 
.zm-op { height: 70px; } .op-sc { height: 550px; } .op-mg { margin: 125px 0 125px 0; }

/* SC : NEWSLETTER */
.zm-nl { background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 50%,
	#243B55 50%, #243B55 100% ); height: 45vh; }
.nl-mg { margin: 0px 10% 0px 10%; } .nl-bx { width: 100%; height: 250px; border-radius: 15px; }

/* FOOTER */
.zm-ft { height: 268px; } .ft-pg { height: 155px; } .ft-lg { height: auto; width: 50%; }
.zm-ft, .ft-pg { width: 100%; background: #0E162F; } .ft-ig { height: 40px; width: auto; } 

/* CSS WEB : MISC */
/* SC : MAIN OLD*/
.zm-ch, .zm-pr, .zm-wy, .zm-ts, .zm-fq, .zm-ct, .pd-pp { padding-top: 0.1px; padding-bottom: 0.1px; }
/* NEW : TITLE */ .bb-zm { border-bottom: 5px solid red; width: 73px; margin-top: 3px; }
/* SC : WHY */ .zm-wy, .zm-pk { background-color: white;}
/* SC : BENEFIT */ .bf-mg { margin-left: 20px; } .bf-iv { height: 320px; width: auto; }
/* SC : ACCESS */ .zm-ac { background-color: #ebedfc }
/* SC : PROFIL */ .pf-iv { height: 450px; width: auto; }
/* SC : EXC */ .ex-ig { height: 250; width: 100%; border-radius: 15px; }
/* SC : SVC Services */ .ig-in { width: 100%; height: auto; border-radius: 15px; }
/* SC : PROCESS */
.pr-bx { width: 110px; height: 110px; border-radius: 50%; position: relative; 
	background-color: orange; border-radius: 50%; }
.pr-no { width: 40px; height: 40px; border-radius: 50%; position: absolute; 
	background: grey; }
.pr-ic { font-size: 3.5rem;  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%); } .pr-tx { font-size: 1.5rem; font-weight: 700; margin-top: 3px;}
/* SC : WHY */
.wy-tt { font-size: 1.5rem; font-weight: 700;}
.wy-bx { width: 70px; height: 70px; border-radius: 50%; position: relative; background-color: lightyellow; border-radius: 50%;}
.wy-ic { font-size: 3.5rem;  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%); } 
.wy-cl { border: 1px dotted lightgrey; padding:20px; border-radius: 15px;}
/* SC : FAQ */
.fq-dv { width: 70%; } .fq-cl { border-radius: 15px; }
.collapsible, .collapsible-header { box-shadow: none !important;  outline: none !important; }
nav { box-shadow: none !important;  outline: none !important; }
/* ICN - NEW */
.ic-nw { border-radius: 50%; padding: 2px; width: 36px; height: 36px; margin: 0px -15px 0px 10px;}
/* SC : CTA */
.ca-dv { margin: 50px 0 50px 0;} .ca-tx { width: 90%; } 
.ca-bx { border-radius: 15px; height: 300px; width: 100%;}
/* SC : TECH */
.zm-tc { background-color: whitesmoke; } .tc-cl { height: 240px; border-radius: 15px; }
.tc-gd { display: grid; grid-template-columns: repeat(auto-fit, minmax(10em, 1fr)); grid-gap: 1rem; }
.tc-dv { position: relative; overflow: hidden; z-index: 99; height: 140px; border-radius: 10px; 
	border: 1px solid lightgrey; padding: 8px; }
.tc-d2 { position: relative; overflow: hidden; z-index: 99; height: 140px; border-radius: 10px; 
	padding: 8px; } .tc-ic { font-size: 3rem; }
/* SC : PACKAGE */
.pk-dv { height: 758px; border-radius: 15px; border-style: dotted; border-color: blue; 
	margin-bottom: 30px; }
/* SC : INFO */
.zm-if { height: 100px; background-color: #6e6511 ;} .if-bd { border-right: 2px solid white; } 
.if-fn { font-family: "Caladea", serif; font-weight: 700; font-size: 1.2rem; margin: 30px 0 0px 0;}
/* SC : PRODUCT */
.pd-bx { height: 400px; } .pd-ig { border-radius: 10px; height: 325px; width: 239px; } 
.pd-tx { font-size: 1.3rem; font-weight: 900;} .pd-fl { height: 100px; background-color: gray; }
/* SC : FEATURES */
.zm-fe { height: 480px; background-color: #6e6511 ; } .ic-fe { font-size: 4rem; transition: ease-in-out; }
.fe-ig { height: 410px; width: auto; border-radius: 10px; margin: 35px 0 35px 0; }
.fe-bx { float: left; text-align: center; padding: 7px; } .fe-mg { margin-top: 30px; }
/* SC : TESTIMONI */
.ts-bn { width: 100%; } .ts-pd { margin: 0px 2% 0px 2%; padding: 8px; }
.ts-bx { height: 180px; width: auto; border-radius: 10px; background-color: white;}

/* PAGE OLD */
/* PG : SHOP */ 	.sp-ig { height: 465px; border-radius: 20px; }
/* PG : LOGIN */
.lg-ig { width: 500px; height: 480px; border-radius: 15px 0 0 15px; 
	display: flex; align-items: center; justify-content: center; margin: 20px; }
.lg-hl { border: 2px solid red; width: 38px;}
/* PG : CART */
#qtf input[type='text']{ border-bottom: none !important; border-radius: 20px !important; 
	outline: none !important;  text-align: center !important; 
	background-color: rgb(227, 247, 220); }
.ct-ig { height: 120px; width: auto; border-radius: 10px; padding: 2px; }
/* PG : ORDER SUCCESS */ .su-cs { text-align: left; margin: 0px 0 0px 0 !important;}
/* PG : REGISTER */
.up-dv {  width: 45%; } .up-bc { background-color: var(--upbx) !important; } 
.lf-5 { margin-left: 5px; }		.lf-26 { margin-left: 26px; } 	.lf-25 { margin-left: 25px; }
.lf-32 { margin-left: 32px; } .lf-43 { margin-left: 43px; } 	.lf-53 { margin-left: 53px; }		
.lf-62 { margin-left: 62px; } .lf-100 { margin-left: 100px; }
/* PG : ICON APPS */
.ic-ap { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 3fr)); grid-gap: 0.8em; }
.ic-m1 { height: 60px; width: 60px; border-radius:50%; margin-top: 10px;}
.ic-fs { font-size: 45px !important; padding: 8px; } 
.ic-tx { margin-top: 2px; font-size: 9px; font-weight: 700; color: var(--txcl); }

/* FORM MASTER */
.fm-dv { height: 45px; width: 100%; border-radius: 25px; background-color: white; 
	align-items: center; margin-left: auto; margin-right: auto; }
.fm-dv input[type='text'], .fm-dv input[type='password'] { border-bottom: none !important; 
	outline: none !important; box-shadow: none !important; } 
/* Text & Icon */
.fm-tt { margin: 20px 0 0 15px; font-size: 1.5rem; } 
.fm-t2 { margin: 20px 0 0 0; font-size: 1.2rem; font-weight: 700; }
.fm-ic { font-size: 30px !important; margin-left: 10px; margin-top: 8px; } 
/* Textarea */
.fm-tb { border-radius: 10px; background-color: white; }
.fm-ta { height: 300px; width: 98%; margin: 5px; border-radius: 10px; 
	outline: none !important; border: none !important; }
/* Register */
.fm-rg { background-color: rgb(98, 108, 2); border-radius: 20px; height: auto; margin: 0px 0 30px 0; }
.fm-rx { width: 93%; margin: 30px auto 30px auto; } 
/* Error */ .fm-er { margin-top: -40px; margin-right: 10px;} 
/* FM3 */
.fm-t3 { margin: 0 0 3px 0px; font-family: 'Montserrat', sans-serif; } .fm-er2 { margin-top: -40px; }
.fm-bx { margin: 0 0 0px 0; height: 45px; border-radius: 25px; background-color: white; }
/* FM3 : Icon */ .fm-ic { font-size: 30px !important; margin-left: 10px; margin-top: 8px; } 
/* FM3 : Input */
.fm-ip input[type='text'], .fm-ip input[type='number'], .fm-ip input[type='date'], 
.fm-ip input[type='password'], .fm-ip textarea.materialize-textarea { margin-left: 5px; 
	border-bottom: none !important; outline: none !important; box-shadow: none !important; } 
.lp-pw { margin: 10px 0 0 -25px !important;}
/* FM : MATERIALIZECSS */
.fm-bx input[type='text'], .fm-bx textarea.materialize-textarea { border-bottom: none !important; 
	outline: none !important; box-shadow: none !important; }
/* FM : BUTTON */
.zm-bt { height: 35px; width: auto; border-radius: 20px; font-weight: 700; 
	font-family: 'Montserrat', sans-serif;
	background: #ee0979; background: -webkit-linear-gradient( to left, #ff6a00, #ee0979 ); 
	background: linear-gradient( to left, #ff6a00, #ee0979 ); }

/* BASE CSS */
/* FLASH MSG */
.fh-m0, .fh-m1, .fh-m2 { font-size: 1.3em !important; font-weight: 800 !important; 
	margin: 0 0 10px 0 !important; text-align: center !important;} .fh-m2 { color: red !important;} 
.fh-m1 { color: #76ff03 !important; text-shadow: 1px 1px black;} 
.fh-m0 { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); }
/* DROPDOWN CONTENT */
.dropdown-content.dw9 {top: -45px; min-width: 80px;} .dropdown-content.dw1 {top: -55px; min-width: 140px;} 
.dw-tx { margin: 0px 3px 0px -5px !important; font-size: 16px !important; }
.dropdown-content.dw7 {bottom: 50; min-width: 160px; height: 40px; margin: 20px; padding: 5px; }
/* GRADIENT */
.gr-gl { background: -webkit-linear-gradient(90deg, #c3973c 0%, #e0c97b 50%, #6e4a28 100%);
	background: -moz-linear-gradient(90deg, #c3973c 0%, #e0c97b 50%, #6e4a28 100%);
	background: linear-gradient(90deg, #c3973c 0%, #e0c97b 50%, #6e4a28 100%); }
.gr-sl { background: #ADA996; 
	background: -webkit-linear-gradient(to left, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);  
	background: linear-gradient(to left, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); }
.gr-gr {background: #56ab2f; background: -webkit-linear-gradient(to left, #a8e063, #56ab2f);  
	background: linear-gradient(to left, #a8e063, #56ab2f); }
.gr-ft { background: #141E30; background: -webkit-linear-gradient(to left, #243B55, #141E30);  
	background: linear-gradient(to left, #243B55, #141E30); }
.gr-hd { background: #59CDE9; background: -webkit-linear-gradient(to left, #0A2A88, #59CDE9);  
	background: linear-gradient(to left, #0A2A88, #59CDE9);	}
.gr-bl { background: #2980b9; background: -webkit-linear-gradient(to right, #2c3e50, #2980b9); 
	background: linear-gradient(to right, #2c3e50, #2980b9); }
.gr-zm { background: #ee0979; background: -webkit-linear-gradient( to left, #ff6a00, #ee0979 );
	background: linear-gradient( to left, #ff6a00, #ee0979 ); }
.gr-tb { background: #ADA996; background: -webkit-linear-gradient(to left, #EAEAEA, #DBDBDB,
	#F2F2F2, #ADA996); background: linear-gradient(to left, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); }
.gr-glx {	background: #735327;  background: -webkit-linear-gradient(to right, #c99846, #735327);  
	background: linear-gradient(to right, #c99846, #735327); }
.gr-gl2 {	background: -webkit-linear-gradient(90deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%);
	background: -moz-linear-gradient(90deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%);
	background: linear-gradient(90deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%); }
.gr-bg { background: #e1f3fc; background: -webkit-linear-gradient(to right, #ffffff, #e1f3fc);  
	background: linear-gradient(to right, #ffffff, #e1f3fc); }
/* FONT SIZE */
.fs-3e { font-size: 3em !important; }  	.fs-2e { font-size: 2em !important; } 
.fs-1e { font-size: 1em !important; }		.fs-30 { font-size: 30px !important; } 
.fs-25 { font-size: 25px !important; } 	.fs-20 { font-size: 20px !important; } 
.fs-16 { font-size: 16px !important; }	.fs-14 { font-size: 14px !important; } 
.fs-12 { font-size: 12px !important; }	.fs-10 { font-size: 10px !important; }
/* FONT SIZE REM */
.r-8 { font-size: 0.5rem !important; }		.r-10 { font-size: 0.625rem !important; }
.r-12 { font-size: 0.75rem !important; }	.r-13 { font-size: 0.8rem !important; }
.r-14 { font-size: 0.875rem !important; }	.r-16 { font-size: 1rem !important; }			
.r-18 { font-size: 1.125rem !important; }	.r-20 { font-size: 1.25rem !important; }	
.r-22 { font-size: 1.35rem !important; }	.r-24 { font-size: 1.5rem !important; }
.r-26 { font-size: 1.625rem !important; }	.r-28 { font-size: 1.75rem !important; }
.r-30 { font-size: 1.875rem !important; }	.r-32 { font-size: 2rem !important; }
.r-34 { font-size: 2.125rem !important; }	.r-36 { font-size: 2.25rem !important; }
.r-38 { font-size: 2.375rem !important; }	.r-40 { font-size: 2.5rem !important; }
.r-42 { font-size: 2.65rem !important; }	.r-44 { font-size: 2.75rem !important; }	
.r-46 { font-size: 2.875rem !important; }	.r-48 { font-size: 3rem !important; }			
.r-50 { font-size: 3.125rem !important; }	.r-60 { font-size: 3.75rem !important; }	
.r-72 { font-size: 4.5rem !important; }
/* FONT SIZE EM */ .e-28 { font-size: 1.75em !important; } 	.e-32 { font-size: 2em !important; }
/* FONT WEIGHT */
.fw8 { font-weight: 800; } .fw7 { font-weight: 700; } .fw6 { font-weight: 600; }
.fw5 { font-weight: 500; } .fw4 { font-weight: 400; }
/* TEXT FORMAT */ .tx-jf { text-align: justify; text-justify: inter-word; }
/* BORDER RADIUS */
.br-30 { border-radius: 30px; } .br-25 { border-radius: 25px; } .br-20 { border-radius: 20px; }
.br-15 { border-radius: 15px; } .br-10 { border-radius: 10px !important; }	.br-5 { border-radius: 5px; }
/* PADDING */
.pd-5 { padding: 5px; } .pd-7 { padding: 7px; } .pd-8 { padding: 8px; }
/* MARGIN */
.mga { margin-left: auto !important; margin-right: auto !important; }
.mg-zm { margin: 0px 5% 0px 5%; } 	.mg-pd { margin: 0px 3% 0px 3%; }
.mg-ig { margin: 0px 0px 0px 0px; }	.mg-ls { margin: 0px 15% 0px 15%; }
/* MARGIN TOP */
.mgt30n { margin-top: -30px !important; } .mgt25n { margin-top: -25px !important; }
.mgt20n { margin-top: -20px !important; } .mgt15n { margin-top: -15px !important; }
.mgt10n { margin-top: -10px !important; } .mgt8n { margin-top: -8px !important; }
.mgt7n { margin-top: -7px !important; }		.mgt5n { margin-top: -5px !important; }
.mgt3n { margin-top: -3px !important; }		.mgt2n { margin-top: -2px !important; } 
.mgt1n { margin-top: -1px !important; } 	.mgt0 { margin-top: 0px !important; }
.mgt3 { margin-top: 3px !important; }			.mgt5 { margin-top: 5px !important; }	
.mgt8 { margin-top: 8px !important; }			.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }		.mgt17 { margin-top: 17px !important; }	
.mgt20 { margin-top: 20px !important; }		.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }		.mgt40 { margin-top: 40px !important; }
.mgt50 { margin-top: 50px !important; }		.mgt60 { margin-top: 60px !important; }
.mgt70 { margin-top: 70px !important; }		.mgt100 { margin-top: 100px !important; }
/* MARGIN LEFT */
.mgl30n { margin-left: -30px !important; }	.mgl25n { margin-left: -25px !important; }
.mgl20n { margin-left: -20px !important; }	.mgl15n { margin-left: -15px !important; }
.mgl10n { margin-left: -10px !important; }	.mgl5n { margin-left: -5px !important; }
.mgl3n { margin-left: -3px !important; }
.mgl0 { margin-left: 0px !important; }			.mgl5 { margin-left: 5px !important; }
.mgl10 { margin-left: 10px !important; }		.mgl12 { margin-left: 12px !important; }
.mgl15 { margin-left: 15px !important; }		.mgl20 { margin-left: 20px !important; }
.mgl30 { margin-left: 30px !important; }		.mgl40 { margin-left: 40px !important; }
.mgl50 { margin-left: 50px !important; }
/* MARGIN RIGHT */
.mgr20n { margin-right: -20px !important; }	.mgr10n { margin-right: -10px !important; }
.mgr5n { margin-right: -5px !important; }		.mgr3n { margin-right: -3px !important; }
.mgr2n { margin-right: -2px !important; }		.mgr1n { margin-right: -1px !important; }
.mgr0 { margin-right: 0px !important; }			.mgr3 { margin-right: 3px !important; }
.mgr5 { margin-right: 5px !important; }			.mgr7 { margin-right: 7px !important; }
.mgr10 { margin-right: 10px !important; }		.mgr15 { margin-right: 15px !important; }
.mgr20 { margin-right: 20px !important; }		.mgr25 { margin-right: 25px !important; }
.mgr30 { margin-right: 30px !important; }		.mgr50 { margin-right: 50px !important; }
/* MARGIN BOTTOM */
.mgb20n { margin-bottom: -20px !important; }	.mgb25n { margin-bottom: -25px !important; }
.mgb15n { margin-bottom: -15px !important; }	.mgb10n { margin-bottom: -10px !important; }
.mgb5n { margin-bottom: -5px !important; }		.mgb3n { margin-bottom: -3px !important; }	
.mgb0 { margin-bottom: 0px !important; } 			.mgb3 { margin-bottom: 3px !important; }		
.mgb5 { margin-bottom: 5px !important; }
.mgb8 { margin-bottom: 8px !important; }			.mgb10 { margin-bottom: 10px !important; }
.mgb20 { margin-bottom: 20px !important; }		.mgb30 { margin-bottom: 30px !important; }
.mgb50 { margin-bottom: 50px !important; }		.mgb50 { margin-bottom: 50px !important; }
.mgb70 { margin-bottom: 70px !important; }		.mgb100 { margin-bottom: 100px !important; }
/* PADDING */
.pd3 { padding: 3px !important; }	.pd5 { padding: 5px !important; }	 .pd7 { padding: 7px !important; }	
.pd8 { padding: 8px !important; }	.pd9 { padding: 9px !important; }	.pd10 { padding: 10px !important; }	
.pd15 { padding: 15px !important; } .pd20 { padding: 20px !important; }
/* TABS */ 	.tabs .indicator { background: rgb(9, 255, 0); margin: 0px auto 0px auto !important; }
/* TABLE */ .tbl50 { width: 50% !important; } .tar { text-align: right; }
/* MODAL */ .md-bx { border-radius: 10px; background-color: whitesmoke; }
/* PAGINATION */
.pg-zm { height: auto !important; width: 58px !important; border-radius: 20px !important; 
	text-align: center; font-family: 'Arial', sans-serif; }
/* LIKE */
.lk-ic.animate { animation: hPop 0.45s ease; }
@keyframes hPop { 0% { transform: scale(1); } 30% {	transform: scale(1.7) rotate(-10deg); }
	50% { transform: scale(0.8) rotate(10deg); } 70% {	transform: scale(1.3) rotate(-5deg); }
	100% { transform: scale(1);} }