/* CSS WEB OURA | 290126
	 VER : 1.0.0 | ZAYSMASTER
*/

/* CKEditor Notif */
.cke_notifications_area  { display: none; }

/* ================================ */
/* 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; }
	/* HEADLINE */ 
	.zm-tt { font-size: 1.875rem !important; } .zm-hl { height: 25vh !important; } 
	.zm-st { font-size: 0.875rem !important; margin-top: 70px !important; } .zm-s2 { margin-top: 30px !important; }
	/* SLIDER */
	.sl-i, .zm-sl, .sl-ht { height: 50vh !important; } 
	.sl-t1 { font-size: 1.6rem !important; } .sl-t2 { font-size: 0.8rem !important; }
	/* PRODUCT */
	.pd-bx { height: 300px !important; width: auto !important; }
	.pd-ig { height: 230px !important; width: auto !important; }
	/* FEATURES */ 
	.zm-fe, .zm-ft, .ts-bx { height: auto !important; } .fe-mg { margin-top: 0px !important; } 
	.fe-dv { margin-top: 15px !important; }
	/* BLOG */ 
	.bl-ig { height: 200px !important; } .bl-tt { margin-top: 15px !important; } 
	.bl-dv { margin-top: 0px !important; } .bl-bx { height: auto !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; }
}
/* ================================ */
/* 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 */
/* Container */ .zm-cn { margin: 0 5% 0 5%; }
/* Overflow */ .of-hd { overflow: hidden !important; }
/* Clear */ .cl0 { clear: both; height: 0; overflow: hidden; }
/* Fonts */ body { font-family: 'Montserrat', sans-serif; background-color: #f9faf3;}
/* Color */ .cl-tx { color: #535311 }

/* HEADER */
.zm-hd, .nv-ht { height: 0px; } .nv-sn { min-height: 60px; }
.nv-tp { height: 30px; background-color: #9e9d24; } 
.nv-sc { padding-right: 5px; font-size: 1.2rem; margin-top: 5px;} .nv-rt { margin: 3px 10px 0 0; }
.nv-i1 { height: 50px; width: auto !important; margin-top: 8px; }
.nv-i2 { height: 55px; width: auto !important; padding: 2px;} .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-lk:active { background-color: greenyellow; }
.nv-ic { font-size: 48px !important; text-shadow: 0.7px 0.7px black; }
.nv-tx { font-size: 10px; } .nv-ig { width: 50px; height: 50px;}
.nv-dv { width: 50px; height: 50px; border-radius: 50%; text-align: center; padding: 5px; }
.nv-i { font-size: 37px !important;}

/* HEADLINE & TITLE */
.zm-hl { height: 210px; width: 100%; background-size: cover; background-repeat: no-repeat; }
.zm-tt, .zm-fn { font-family: "Caladea", serif; font-weight: 900; } .zm-tt { font-size: 2.5rem; }
.zm-st, .zm-sc, .zm-s2 { margin-bottom: -10px; font-weight: 700; color: #6e6511 }
.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; }

/* SECTION SLIDER */
.zm-sl, .sl-ht, .sl-i { height: 480px; } .sl-ig { width: 170px !important; height: 170px !important; }
.sl-t1 { font-size: 3rem; font-weight: bold; margin-top: 5px; margin-bottom: 5px; 
	font-family: "Caladea", serif; } 
.sl-t2 { font-size: 1rem; overflow-wrap: break-word; } .sl-mg { margin: 0 -13% 0 -13% !important; }

/* SECTION 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;}

/* SECTION 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; }

/* SECTION FEATURES */
.zm-fe { height: 480px; background-color: #6e6511 ; } .ic-fe { font-size: 4rem; }
.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; }

/* SECTION PARALLAX */
.zm-px { height: 300px; }

/* SECTION TESTIMONI */
.ts-bn { width: 100%; } .ts-bx { height: 180px; width: auto; border-radius: 10px; background-color: white;}
.ts-pd { margin: 0px 2% 0px 2%; padding: 8px; }

/* SECTION BLOG */
.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 }

/* SECTION NEWSLETTER */
.zm-nl { background-image: linear-gradient( to bottom, #FFFFFF 0%, #FFFFFF 50%,
	#1c1902 50%, #1c1902 100% ); height: 45vh; } .nl-mg { margin: 0px 15% 0px 15%; }
.nl-bx { width: 100%; height: 250px; border-radius: 15px; background: #e9d362;  
	background: -webkit-linear-gradient(to right, #333333, #e9d362);  
	background: linear-gradient(to right, #333333, #e9d362); }

/* FOOTER */
.zm-ft { height: 250px; width: 100%; background-color: #1c1902; }

/* PAGE SHOP */
.sp-ig { height: 465px; border-radius: 20px; }

/* PAGE OOPS */
.zm-op { height: 70px; background-color: #535311; } .op-sc { height: 550px; }
.op-mg { margin: 125px 0 125px 0; }

/* PAGE 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; }

/* 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 ); }

/* 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; } 
/* Textarea */
.fm-tb { border-radius: 20px; background-color: white; }
.fm-ta { height: 200px; 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;} 
.lp-pw { margin-left: -42px !important;}

/* FLASH MSG */
.fh-m1, .fh-m2 { font-size: 1.3em !important; font-weight: 800 !important; margin: 30px 0 20px 0 !important; text-align: center !important;} .fh-m1 { color: #76ff03; text-shadow: 1px 1px black;} .fh-m2 { color: red;}

/* DROPDOWN CONTENT */
.dropdown-content.dw9 {top: -45px; min-width: 80px;} 
.dw-tx { margin: 0px 3px 0px -5px !important; font-size: 16px !important; }

/* GRADIENT */
.gr-ft { background: #301934 }
.gr-hd { background: #ADA996; background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB,
	#F2F2F2, #ADA996); background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); }
.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); }

/* 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-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-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-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; }

/* 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; }

/* 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%; }
/* TOP */
.mt-20n { margin-top: -20px !important; } .mt-15n { margin-top: -15px !important; }
.mt-10n { margin-top: -10px !important; }	.mt-7n { margin-top: -7px !important; }
.mt-5n { margin-top: -5px !important; }		.mt-4n { margin-top: -4px !important; }
.mt-0 { margin-top: 0px !important; }			.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }		.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }		.mt-50 { margin-top: 50px !important;}
/* BOTTOM */
.mb-50 { margin-bottom: 50px !important;}	.mb-30 { margin-bottom: 30px !important;}
.mb-25 { margin-bottom: 25px !important;}	.mb-20 { margin-bottom: 20px !important;}
.mb-10 { margin-bottom: 10px !important;}	.mb-5 { margin-bottom: 5px !important;}
.mb-0 { margin-bottom: 0px !important;}
.mb-4n { margin-bottom: -4px !important;}	.mb-10n { margin-bottom: -10px !important;}
.mb-15n { margin-bottom: -15px !important;}
/* LEFT */
.ml-10 { margin-left: 10px !important;}		.ml-20 { margin-left: 20px !important;}
.ml-5 { margin-left: 5px !important;}	
/* RIGHT */
.mr-20 { margin-right: 20px !important;} .mr-30 { margin-right: 30px !important;}
.mr-48 { margin-right: 48px !important;}

/* TABS */
.tabs .indicator { background: rgb(9, 255, 0); margin: 0px auto 0px auto !important; }