article {display:block;}



@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?pvm5gj');
	src:url('../fonts/icomoon/icomoon.eot?#iefixpvm5gj') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?pvm5gj') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?pvm5gj') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?pvm5gj#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Icons created with icomoon.io/app */

.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 1em 0 2em;
	font-weight: 300;

}

/* Nav */
.tabs nav {
	text-align: center;
	
}

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {
	border: 1px solid #becbd2;
	border-bottom: none;
	margin: 0 0.25em;
	display: block;
	float: left;
	position: relative; width:16%;
	
}

.tabs nav li.tab-current {
	border: 1px solid #47a3da;
	box-shadow: inset 0 2px #47a3da;
	border-bottom: none;
	z-index: 100;
	
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 2000px;
	background: #47a3da;
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
	color: #becbd2;
	display: block;
	font-size: 1.0em;
/*	line-height: 2.5;  */
	padding: 0 1.25em;
	white-space: nowrap;
}

.tabs nav a:hover {
	color: #768e9d;
}

.tabs nav li.tab-current a {
	color: #47a3da;
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
/*	line-height: 1;  */
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}




.goldspa-treatment:before {
	content: url(../images/cleansericon2.gif);
	
}

.goldspa-cleanser:before {
	content: url(../images/moisturizer.gif);
}

.goldspa-creme:before {
	content: url(../images/maskicon.gif);
}

.goldspa-eye-creme:before {
	content: url(../images/slimicon.gif); 
}

.silverspa-treatmment:before {
	content: url(../images/busticon.gif);
}

.silverspa-cleanser:before {
	content: url(../images/handicon.gif);
}

.silverspa-creme:before {
	content: url(../images/footicon4.gif);
}

.maxgrowth:before {
	content: url(../images/maxgrowth_poster2.png); 
}


.csiii:before {
	content: url(../images/collagen_III_poster2.png);
}
.softmask:before {
	content: url(../images/softmask_poster2.png);
}
.luxnail:before {
	content: url(../images/luxnail_poster2.png);
}
.tobe:before {
	content: url(../images/footicon4.gif);
}
.collagen:before {
	content: url(../images/collagen_poster2.png);
}
.whatsnew:before {
	content: url(../images/LIPTOUCH_poster2.png);
}



/* Content */
.content section {
	font-size: 1.25em;
	padding: 3em 1em;
	display: none;
	max-width: 1230px;
	margin: 0 auto;
}

.content section:before,
.content section:after {
	content: '';
	display: table;
	
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
	
}

.content section.content-current {
	display: block;
	
}

.mediabox100 {
	float: left;
	width: 100%;
	padding: 0 25px;
	
	
	
}

.mediabox {
	float: left;
	width: 33%;
	padding: 0 25px;
	
	
	
}


.mediabox img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.mediabox h3 {
	margin: 0.75em 0 0.5em;
}

.mediabox p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}

.mediabox2 {
	clear:both;
	float: right;
	width: 33%;
	padding: 0 25px;
	
}

.mediabox2 img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.mediabox2 h3 {
	margin: 0.75em 0 0.5em;
}

.mediabox2 p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}


.mediabox5 {
	
	float: left;
	width: 50%;
	padding: 0 25px;
	
}

.mediabox5 img {
	max-width: 50%;
	display: block;
	margin: 0 auto;
}

.mediabox5 h3 {
	margin: 0.75em 0 0.5em;
}

.mediabox5 p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}


.mediabox1 {
	float: left;
	width: 100%;
	padding: 0 25px;
	
}

.mediabox1 img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.mediabox1 h3 {
	margin: 0.75em 0 0.5em;
}

.mediabox1 p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}

.mediabox4 {
	float: left;
	width: 100%;
	padding: 0 25px;
	
}

.mediabox4 img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.mediabox4 h3 {
	margin: 0.75em 0 0.5em;
}

.mediabox4 p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}


  footer {
    text-align: center;
  }


a#pagetopBtn img {
  position: fixed;
  bottom: 10px;
  right: 1px; 
}

 header {
    width:100%;
    margin-left:auto;
    margin-right:auto;
	text-align:center;
  }
  
header h1 {
  margin:0 auto;
  padding:15px 5px 7px 5px;
  width:90%;
}
header h1 img {
  width:100%;
  max-width:265px; max-height:151;
}
header {
  position:relative;
  overflow:hidden;
}

.stage nav {
    text-align: center;
     margin: 10px auto 15px auto;
	
  }
.stage nav ul{
    max-width:960px; height:78px; 
	margin-left: auto;
    margin-right: auto;
	clear:both;
	
  }
.stage nav ul li {
    text-align: center;
    float: left;
    width: 16%; height:78px; 
    border-bottom: 3px double #000;
    border-right: 1px dotted #000;
	border-left: 1px dotted #000;
	display:block;
  }
  
 .stage nav ul li img{
   
    width: 90%;
  } 
  
  
  
.stage nav ul li:nth-child(odd) {
    width: 17%; height:78px; 
    border-bottom: 3px double #000;
	display:block;
  }
    
.stage nav ul li a{
  display: block;
  
  
}




.stage nav ul li.home {
    border-left: 1px dotted #000;
  }
.stage nav ul li.contact {
    border-right: 1px dotted #000;
  }



*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bt-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	border-width: 0px;
	border-style: solid;
	border-color: #47a3da;
	background-color: rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	-webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
	transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s; z-index: 1003;
}

.bt-menu.bt-menu-open {
	height: 100%;
	border-width: 0px 0px 50px 150px;
	background-color: rgba(0,0,0,0.3);
	-webkit-transition: border-width 0.3s, background-color 0.3s;
	transition: border-width 0.3s, background-color 0.3s; z-index: 1003;
}

.bt-overlay {
	position: absolute;
	width: 100%;
}

.bt-menu-open .bt-overlay {
	height: 100%;
}

.bt-menu-trigger {
	position: fixed;
	top: 10px;
	left: 20px;
	z-index: 100;
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.bt-menu-trigger span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: 8%;
	background-color: #d2d9ec;
	font-size: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.bt-menu-trigger span:before,
.bt-menu-trigger span:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #d2d9ec;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}


.bt-menu-trigger span:before {
	-webkit-transform: translateY(-250%);
	transform: translateY(-250%);
}

.bt-menu-trigger span:after {
	-webkit-transform: translateY(250%);
	transform: translateY(250%);
}

.bt-menu-open .bt-menu-trigger span:before {
	-webkit-transform: translateY(-300%);
	transform: translateY(-300%);
}

.bt-menu-open .bt-menu-trigger span:after {
	-webkit-transform: translateY(300%);
	transform: translateY(300%);
}

.bt-menu ul {
	position: fixed;
	margin: 0;
	padding: 0;
	list-style: none;
}

.bt-menu ul:first-of-type {
	top: 75px;
	left: 0;
}

.bt-menu ul:nth-of-type(2) {
	right: 0;
	bottom: 0;
}

.bt-menu ul li,
.bt-menu ul li a {
	display: block;
}

.bt-menu ul:nth-of-type(2) li {
	float: left;
	font-size: 0px;
}

.bt-menu ul li {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
	transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
}

.bt-menu.bt-menu-open ul:first-of-type li,
.bt-menu.bt-menu-open ul:nth-of-type(2) li {
	visibility: visible;
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
	transition: transform 0.3s, opacity 0.3s;
}

/* First menu */
.bt-menu ul:first-of-type li {
	width: 150px;
	height: 50px;
	line-height: 50px;
	-webkit-transform: translate3d(-100%,50%,0);
	transform: translate3d(-100%,50%,0);
}

.bt-menu.bt-menu-open ul:first-of-type li {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Second menu */
.bt-menu ul:nth-of-type(2) li {
	width: 60px;
	height: 50px;
	line-height: 50px;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child { 
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) { 
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) { 
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(4) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.bt-menu.bt-menu-open ul:nth-of-type(2) li {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.bt-menu ul li a {
	display: block;
	outline: none;
	text-decoration: none;
}

.bt-menu ul:first-of-type li a {
	padding: 0 20px;
	box-shadow: inset 0 1px rgba(0,0,0,0.2);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.8em;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.bt-menu ul:first-of-type li:last-child a {
	box-shadow: inset 0 1px rgba(0,0,0,0.2), inset 0 -1px rgba(0,0,0,0.2);
}

.bt-menu ul:nth-of-type(2) li a {
	color: transparent;
	text-align: center;
	font-size: 0px;
}

.bt-menu ul li a:before {
	color: #fff;
	font-size: 24px;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.bt-menu ul:first-of-type li a:hover,
.bt-menu ul:first-of-type li a:focus,
.bt-menu ul li a:hover:before,
.bt-menu ul li a:focus:before {
	color: #cff285;
}



#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
color: #fff; margin-left: auto;
    margin-right: auto;

}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: center;
padding: 2px 5px; color: #fff;
}

/* Example media queries */
/*@media screen and (max-width: 52.375em)*/
@media screen and (max-width: 1230px) {
.tabs nav ul li {
	 width:14%;
	
}	
.maxgrowth:before {
	content: url(../images/maxgrowth_poster2.png); 
}


.csiii:before {
	content: url(../images/collagen_III_poster2.png);
}
.softmask:before {
	content: url(../images/softmask_poster2.png);
}
.luxnail:before {
	content: url(../images/luxnail_poster2.png);
}

.collagen:before {
	content: url(../images/collagen_poster2.png);
}
.whatsnew:before {
	content: url(../images/LIPTOUCH_poster2.png);
}
	
	
	
	
	
	.tabs nav a span {
		display: none;
	}

	.tabs nav a:before {
		margin-right: 0;
	}

	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox ul li {
		display:block;		
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}
	
	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}

.mediabox4 {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox4 img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox4 h3 {
		margin-top: 0;
	}

	.mediabox4 p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox4:before,
	.mediabox4:after {
		content: '';
		display: table;
	}

	.mediabox4:after {
		clear: both;
	}



.mediabox2 {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox2 img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox2 h3 {
		margin-top: 0;
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox2 p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox2:before,
	.mediabox2:after {
		content: '';
		display: table;
	}

	.mediabox2:after {
		clear: both;
	}
	
  footer {
    text-align: center;
  }
  

	
	 header {
    position:static;
    overflow:visible;
  }
  header h1 {
    
	padding:45px 5px 37px 5px;
    width:100%;
	max-width:960px;
    
  }
  header h1 img {
    width:100%;
  }

.stage nav {
    text-align: center;
     margin: 10px auto 15px auto;
	   }
	   	   
	   
	   
.stage nav ul li {
    text-align: center;
    float: left;
    width: 16%;
    border-bottom: 3px double #000;
    border-right: 1px dotted #000;
	margin-bottom:15px;
  }
  
  .stage nav ul li img{
    width: 80%;
   
  }
  
  
.stage nav ul li:nth-child(odd) {
    width: 17%; 
    border-bottom: 3px double #000;
	margin-bottom:15px;
  }
.stage nav ul li.home {
     border-left: 1px dotted #000;
    margin-left: 1px;
  }
.stage nav ul li.contact {
    border-right: 1px dotted #000;
  }
.stage nav ul li a{
    display: block;
  }
	

	
}
/* @media screen and (max-width: 32em) 48em*/
@media screen and (max-width: 768px) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%; 
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%; 
		width: calc(20% + 1px);
		margin: 0 0 0 -1px; width:33%;
	}

/*	.tabs nav ul li:last-child {
		border-right: none;
	} */
.content section {
	font-size: 1em;
	
}

	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
	
	.mediabox ul li{ display: block; 
		margin: 0;
		
	}
	
	
	
	
	
.mediabox2 {
		text-align: center;
	}

	.mediabox2 img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox2 h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox2 p {
		margin: 0;
	}	
	
	
	.mediabox4 {
		text-align: center;
	}

	.mediabox4 img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox4 h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox4 p {
		margin: 0;
	}	
/*==========================================
 footer style
===========================================*/
footer {
  border-top: 10px solid #47a3da;
  clear:both;
  text-align:left;
}
footer div {
  margin: 20px 0 0 20px;
}
footer div p {
  font-size: 0.7em;
  line-height: 2.0em;
}
footer div small {
  font-size: 0.6em;
  text-align:left;
  display:block;
}	

/*==========================================
 header style
===========================================*/
header {
  text-align:center;
    
}
header h1 {
  margin:0 auto;
  padding:15px 5px 7px 5px;
  width:90%;
}
header h1 img {
  width:50%;
  max-width:265px;
}
header {
  position:relative;
  overflow:hidden;
}




/*==========================================
 global navigation style
===========================================*/





.stage nav ul li:nth-child(odd) {
  width: 49%;
  border-right: 1px dotted #000;
  border-left: none;
  border-bottom: 2px solid #000;
  border-top: none;
}

.stage nav ul li a{
  display: block;
  width: 100%; 
}

.stage nav ul li {
  text-align: center;
  float: left;
  width: 50%; 
  border-bottom: 2px solid #000;
  border-right: none;
}

.stage nav ul li img{
    width: 45%;
   
  }
.stage nav ul li.contact {
    border-right: none;
  }
.maxgrowth:before {
	content: url(../images/maxgrowth_poster3.png); 
}


.csiii:before {
	content: url(../images/collagen_III_poster3.png);
}
.softmask:before {
	content: url(../images/softmask_poster3.png);
}
.luxnail:before {
	content: url(../images/luxnail_poster3.png);
}

.collagen:before {
	content: url(../images/collagen_poster3.png);
}
.whatsnew:before {
	content: url(../images/LIPTOUCH_poster3.png);
}
/* @media screen and (max-width: 32em) 48em*/
@media screen and (max-width: 600px) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%; 
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%; 
		width: calc(20% + 1px);
		margin: 0 0 0 -1px; width:33%;
	}

/*	.tabs nav ul li:last-child {
		border-right: none;
	} */

.content section {
	font-size: 1em;
	
}
	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
	
	.mediabox ul li{ display: block; 
		margin: 0;
		
	}
	
	
	
	
	
.mediabox2 {
		text-align: center;
	}

	.mediabox2 img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox2 h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox2 p {
		margin: 0;
	}	
	
	
	.mediabox4 {
		text-align: center;
	}

	.mediabox4 img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox4 h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox4 p {
		margin: 0;
	}	
/*==========================================
 footer style
===========================================*/
footer {
  border-top: 10px solid #47a3da;
  clear:both;
  text-align:left;
}
footer div {
  margin: 20px 0 0 20px;
}
footer div p {
  font-size: 0.7em;
  line-height: 2.0em;
}
footer div small {
  font-size: 0.6em;
  text-align:left;
  display:block;
}	

/*==========================================
 header style
===========================================*/
header {
  text-align:center;
    
}
header h1 {
  margin:0 auto;
  padding:15px 5px 7px 5px;
  width:90%;
}
header h1 img {
  width:50%;
  max-width:265px;
}
header {
  position:relative;
  overflow:hidden;
}




/*==========================================
 global navigation style
===========================================*/





.stage nav ul li:nth-child(odd) {
  width: 49%;
  border-right: 1px dotted #000;
  border-left: none;
  border-bottom: 2px solid #000;
  border-top: none;
}

.stage nav ul li a{
  display: block;
  width: 100%; 
}

.stage nav ul li {
  text-align: center;
  float: left;
  width: 50%; 
  border-bottom: 2px solid #000;
  border-right: none;
}

.stage nav ul li img{
    width: 45%;
   
  }
.stage nav ul li.contact {
    border-right: none;
  }
.maxgrowth:before {
	content: url(../images/maxgrowth_poster3.png); 
}


.csiii:before {
	content: url(../images/collagen_III_poster3.png);
}
.softmask:before {
	content: url(../images/softmask_poster3.png);
}
.luxnail:before {
	content: url(../images/luxnail_poster3.png);
}

.collagen:before {
	content: url(../images/collagen_poster3.png);
}
.whatsnew:before {
	content: url(../images/LIPTOUCH_poster3.png);
}

}