html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;
	}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;
	}
ol, ul {list-style: none;
	}
blockquote, q {quotes: none;
	}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;
	}
table {border-collapse: collapse;border-spacing: 0;
	}
/*@font-face {font-family:"calibri";src: url('../fonts/calibri.ttf');font-weight: normal;font-style: normal;
}*/
body { font-family:"calibri"; font-size:14px; color:#000; font-weight:500; overflow-x:hidden;background:url(../images/Bg.webp) top left repeat;
	}
.no-padding { padding:0 !important;
	}
.no-margin { margin:0 !important; 
	}
.MMainContainer { margin:auto;width:100%; position:relative;
	}
.MNormalImg { float:left; width:100%; margin:0; padding:0;position:absolute; left:0; top:0; z-index:1;
	}
.MLogo { width:21%; margin:0; padding:0; position:absolute; left:9%; top:1.2%; z-index:1;
	}
/*.MLipsticMainBox { width:77%; margin:0; padding:0; position:absolute; left:12%; top:84%; z-index:1;
	}*/
.MLipsticBox { float:left; width:100%; margin:10px 0 0 0; padding:0; position:relative;
	}
.MBlusherBox { float:left; width:100%; margin:30px 0 0 0; padding:0; position:relative;
	}
.MMascaraBox { float:left; width:100%; margin:-16px 0 0 0; padding:0; position:relative;
	}
.MEyelinerBox { float:left; width:100%; margin:12px 0 0 0; padding:0; position:relative;
	}
.MEyeshadowBox { float:left; width:100%; margin:48px 0 0 0; padding:0; position:relative;
	}
.MProfilePic {width:80.5%; margin:0; padding:0; position:absolute; left:11%; top:10.5%; z-index:1;
	}
.MIcon01 { width:6.5%; position:absolute; top:67.5%; left:48%; z-index:2;
	}
.MIcon02 { width:5%; position:absolute; top:46.8%; right:14.5%; z-index:2;
	}
.MIcon03 { width:5%; position:absolute; top:51.5%; right:14.5%; z-index:2;
	}
.MIcon04 { width:5%; position:absolute; top:56%; right:14.5%; z-index:2;
	}
.MIcon05 { width:5.2%; position:absolute; top:61%; right:15%; z-index:2;
	}
.MIcon06 { width:3.5%; position:absolute; top:66%; right:16%; z-index:2;
	}
.MIcon07 { width:2.5%; position:absolute; top:15%; left:18%; z-index:2;
	}
.MIcon08 { width:3.5%; position:absolute; top:15%; right:15.5%; z-index:2;
	}
.MCamEnter {width:73.5%; margin:0; padding:0; position:absolute; left:14%; top:13%; z-index:2; background:#000; opacity:0.8;
	}
.MLogo1 {width:38.5%; margin:0; padding:0; position:absolute; left:32%; top:40%; z-index:2;
	}
.MEnterImg {width:22.5%; margin:0; padding:0; position:absolute; left:40%; top:60%; z-index:2; 
	}
.ProductsTabBoxMain {width:77%; margin:0; padding:0; position:absolute; left:12%; top:84%; z-index:1;
	}
.ProductsTabBox {float:left; width:100%; margin:0; padding:0; position:relative;
	}
.BorderFrameL {width:58px; margin:0; padding:0; position:absolute; right:32.8%; top:21%; z-index:3;
	}
.BorderFrameR {width:58px; margin:0; padding:0; position:absolute; right:4.8%; top:21%; z-index:3;
	}
.BorderFrameT {width:428px; margin:0; padding:0; position:absolute; right:5%; top:21%; z-index:3;
	}
.BorderFrameB {width:428px; margin:0; padding:0; position:absolute; right:5%; top:86%; z-index:3;
	}
#TNB-module-iframe { position:absolute;  top:185px; right:-504px; z-index:2 !important; width:346px !important; height:470px !important;
	}
.vm-tabs {display:none !important;
	}
.vm-tabs__tab-active { display:none  !important;
	}
#TNB-video-input { display:none !important;
	}