/*FONT*/
/*@font-face {
  font-family: 'light';
  src: url('../fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeueLTStd-Lt.otf')  format('opentype'),
	     url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Lt.ttf')  format('truetype'), url('../fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');
  font-weight: normal;
  font-style: normal;

}*/
@font-face {
	font-family: 'GothamBook';
	src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf')  format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'light';
	src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf')  format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
	font-weight: normal;
    font-style: normal;
}
@import url(http://fonts.googleapis.com/css?family=Montserrat);
.no-padding
{
	padding:0px;
}
.font1
{
	font-family: "light";
	font-size: 14.79px;;
}
/*.logo.col-md-2.col-xs-1 {
  margin-top: -10px;
  margin-bottom: 10px;
}*/
.navbar-back
{
	background:rgba(39, 21, 15, 0.5);
}
/*RESET*/
li
{
	list-style-type: none;
}
html
{
	position: relative;
	overflow-x: hidden;
	width: 100%;
}
body
{
	font-family: "GothamBook";
	position: relative;
	overflow-x: hidden;
	width: 100%;
}
.relative{
	position: relative !important;
}
/* Background Overlay */
.bg-content
{
	position: relative;
}
.bg-overlay{
	position: absolute;
	z-index: 0;
	background-color:#000;
	opacity: 0.5;
}
.grid4{
	width:33.333333333%;
	float:left;
	overflow: hidden;
}
.contain-img-background{
	cursor:pointer;
	height: 100%;
	position: relative;
}

.contain-img-background:hover > .bg-overlay{
	background-color:transparent;
	opacity:1;
}
.img-replace {
	display:none;
}
.content-img-background{
	position: absolute;	
	width:220px;
	/* margin-top:28%; */
	margin-left:8%;
	bottom: 75px;
}
.content-img-background-white{
	position: absolute;	
	bottom: 0px;
	background-color:#fff;
	opacity:0.8;
	width:100%;
	padding:8% 10%;
}
.bg-full-img{
	position:absolute;
	z-index:-2;
}
.bg-full-overlay{
	background:url('../images/overlays/05.png');
	position:absolute;
	z-index:-1;
	opacity:0.5;
}
.img-bg{
	position:absolute;
	width:100%;
	z-index:-2;
}
#bg-header{
	/*background-color: rgba(0,0,0,0.7);*/
}
.head-con
{
	position: absolute;
	bottom: 10px;
}
#buzz .head-con
{
	position: absolute;
	bottom: 10px;
	width: 100%;
}
/* Background Overlay */

/* TopMenu */
#topmenu {
	/*margin-top:18px;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 30px;*/
	  margin-top: 25px;
  text-align: right;
  padding-right: 15px;
  padding-bottom: 23px;
}
#topmenu ul{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
#topmenu ul li{
	float:left;
	margin-right: -100px;
	opacity: 0;
	display: none;
}
#topmenu ul li a{
	color:#fff !important;
	display:block;
	padding:5px 0px;
}
#topmenu ul li a span{
	margin:0px 15px;
}
#topmenu ul li a:hover{
	text-decoration:none;
	/*border-bottom:2px solid #83b3be;*/
}
#topmenu ul li a.active{
	border-bottom:2px solid #fff;
}
#mbl-menu {
	display:none;
}
#mbl-menu select{
	padding:5px;
	font-size:12px;
	border:1px solid #6d5a56;
}
#mbl-menu select option{
	margin:5px 0px;
}
#mbl-menu select option:first-child{
	margin:none;
}




.bt-menu-open .bt-menu-trigger span:before {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}

.bt-menu-open .bt-menu-trigger span:after {
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}
.bt-menu-open .bt-menu-trigger span {
	background-color: transparent !important;
}
.bt-menu-trigger {
  position: relative;
  /*top: 15px;*/
  /*left: 20px;*/
  display: block;
  width: 35px;
  height: 37px;
  cursor: pointer;
  float: right;
    
  top: -2px;
  margin-left: 15px;
  z-index: 10000;
}
.bt-menu-trigger span {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 3px;
  margin-top: -2px;
  background-color: #fff;
  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: #fff;
  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:before, .bt-menu-trigger span:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.bt-menu-trigger span:after {
  -webkit-transform: translateY(250%);
  transform: translateY(250%);
}
a.link,:hover.link,:active.link
{
	color: #625658;
}
/*FLOAT NAV*/
.float-nav
{
	position: fixed;
	right: 0px;
	margin-right: 5px;
	z-index: 10;
	top:40%;
}
.fnav
{
	color: #625658;
	background-color: #fff;
	font-size: 10px;
	padding: 10px 5px;
	border: 1px solid #9c827a;
	border-radius:10px;
}
.fnav ul
{
	margin: 0px;
	padding: 0px;
}
.fnav li
{
	cursor: pointer;
}
a.fn-act
{
	color: #9c827a !important;
}
.line-brown
{
	background:url("../images/ribbon-mid.png") 0 0 repeat-x;
	width: 100%;
	height:  4px;
}

/*PRODUCT PAGE*/
#animate-product
{
	position: relative;
}
.col-image
{
	width: 60px;
	margin: 10px;
	float: left;
	cursor:pointer;
	margin-bottom:15px;
}
.caption-image
{
	text-align: center;
	font-size: 11px;
	height: 20px;
	margin-bottom: 55px;
}
.con-detail-img img
{
	float: left;
	width: 100%;
}
.con-detail-img
{
	padding:0px;
}
.bg-product
{
	background:url("../images/bg-overlay3.png") center center no-repeat;
	background-size: cover;

}
.panel-cat {
  margin: 0px !important;
  border-radius:0px !important;
  text-transform :uppercase;
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  font-size: 12px !important;
  float: left;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9c827a;
}

.collapse {
  float: left;
  width: 100%;
}
.list-group-item {
  float: left;
  width: 100%;
}
.collapsing {
  float: left;
  width: 100%;
}
#faq-tablist
{
	border:1px solid #625658;
	color: #625658;
}

#faq-tablist a
{
	color: #625658;
	border-bottom: 1px solid #625658; 
}
.single-tab {
  margin: 60px 65px;
}
.single-tab-con {
  margin-left: 0px;
  border: 1px solid #625658;
  background-color: #fff;
  color: #625658;
  padding: 32px 40px;
}
.col-single-tab{
  padding-left: 35px;
}

.panel-cat > .panel-heading,#faq-tablist
{
	border-color:#9c827a;
	background-color: #fff;
	  /*padding: 18px 15px;*/
	  float: left;
	  width:100%;
	  padding: 0px;
}

.list-group-item
{
	padding: 0px;
}
.list-group-item a
{
	float: left;
	width: 100%;
	padding: 12px 15px;
}
.list-group-item a:hover,#faq-tablist a:hover
{
	text-decoration:none;
}
.panel-cat .panel-title 
{
	color: #625658 ;
	font-size: 12px;
}
.panel-heading a,#faq-tablist a
{
	float: left;
  text-align: center;
  width: 100%;
  padding:20px 15px;
}
.panel-heading a:hover,#faq-tablist a:hover,#faq-tablist li.active a {
	background-color: #9c827a;
	color:#fff;
	}
.panel-heading a:hover,.panel-heading a:active,#faq-tablist a:active
{
  text-decoration: none;

}
.panel-heading a.in
{
	background-color: #9c827a;
	color:#fff;
}
.list-group {
	margin-bottom: 0px;
	}
div#accordion {
	  float: left;
  width: 100%;
  border:1px solid #9c827a;
  /*width: 221px;*/
  /*margin-left: 116px;*/
}
.white-bg
{
	border: 1px solid #593e42;
	background-color: #fff;
	/*border: 1px solid #9c827a;*/
}
.white-product
{
	font-family: "light";
	padding: 40px;
	text-align: right;
	margin-top: -60px;
	margin-left: 44px;
	opacity: 0;
	position: relative;
	/*left: 100px;*/
	-ms-transform: scale(0.1); /* IE 9 */
    -webkit-transform: scale(0.1); /* Safari */
    transform: scale(0.1); /* Standard syntax */
}
.modal-content
{
	border-radius: 0px; 
}

.modal.in .modal-dialog {
    transform: translate(0px, 0px);
}

@media screen and (max-width:768px) {
	.modal.in .modal-dialog {
		transform: translate(0px, -25%);
	}
}

.modal-backdrop {
	overflow: hidden;
}

.modal-open
{
	padding-right: 0px !important;
}
.white-product-head
{
	color: #625658;
	font-size: 20px;
	padding-top: 15px;
}
.white-product-content
{
	color: #625658;
	font-size: 13.79px;
	text-align: justify;
}
.blank-product
{
	color: #fff;
	text-align: right;
}
.blank-product-op
{
	margin-right: 40px;
	margin-top: 50px;
}
.blank-product-op2
{
	padding: 50px 40px;
	padding-bottom: 30px;
}
.product2
{
	text-align: justify;
	color: #625658;
	line-height: 1.6;
	margin-left: 45px;
  	margin-top: -1px;
  	opacity: 0;
  	/*right: 200px;*/
  	-ms-transform: scale(0.1); /* IE 9 */
    -webkit-transform: scale(0.1); /* Safari */
    transform: scale(0.1); /* Standard syntax */
}
.product3
{
	font-family: "light";
	padding: 40px;
	text-align: right;
	margin-top: -1px;
	opacity: 0;
	margin-left: 44px;
	/*left: 100px;*/
	-ms-transform: scale(0.1); /* IE 9 */
    -webkit-transform: scale(0.1); /* Safari */
    transform: scale(0.1); /* Standard syntax */
}
.product4
{
	width: 100%;
	position: absolute;
	margin-top: -390px;
	z-index: -1;
	
}
.scale
{
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); /*  Standard syntax */
    
    /*-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;*/
	opacity: 1;
	-webkit-animation: bounce 0.5s ease-out;
	-moz-animation: bounce 0.5s ease-out;
	-o-animation: bounce 0.5s ease-out;
	animation: bounce 0.5s ease-out;
}
.product-con
{
	background: url("../images/bg-overlay-6.jpg") center center no-repeat;
	background-size: cover;
	/*height: 300px;*/
	/*background: #9c827a;*/
	padding: 10px 0px;
}
.product4-num
{
	color: #fff;
	font-family: "light";
	/*margin-top: 12px;*/
	padding:0px 30px;
	line-height: 2;
	padding: 0px 70px 0px 0px;
}
ul.listi li
{
	margin-bottom: 10px;
	list-style:inherit;
}

/*ITEM COURSEL*/
#detskin
{
	cursor: pointer;
}
.item-skin-condition
{
	padding-top: 70px;
	  position: relative;
}
img#item-arrow-prev {
  left: 0;
  position: absolute;
  margin-top: 75px;
  z-index: 100000;
}
img#item-arrow-next {
  right: 0;
  position: absolute;
  margin-top: 78px;
  z-index: 100000;
}
/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url("../images/AjaxLoader.gif") no-repeat center center
}
.arrow-con-1
{
	width: 100%;
	float: left;
	margin-top: -165px;
}
#item-arrow-prev , #beauty-buzz-arrow-prev, #beauty-contact-arrow-prev
{
	float: left;
	cursor:pointer;
	pointer-events: all;
}
#item-arrow-next , #beauty-buzz-arrow-next, #beauty-contact-arrow-next
{
	cursor:pointer;
	float: right;
	pointer-events: all;
}
.contact-con-slide {
  padding: 0px 10px;
  min-width: 100%;
}
.arrow-con
{
	width: 39px;
	padding: 10px;
	float: left;
	/*height: 100%;*/
	margin-top: 70px;
}
.arrow-con img
{
	cursor: pointer;
}
.item-coursel-con
{
	float: left;
	text-align: center;
	  z-index: 1000;
}

.node
{
	padding: 0px;
}
.node 
{
	margin-left: -100px;
}

.node_right
{
	float: right;
	  /*padding-top: 60px;*/
	  /*margin-left: 10px;*/
}
.node_right > img,.node_left > img
{
	min-height: 408px;
	width: auto;
} 
.node_left > img
{
	  margin-left: -100px;
}
.node_left
{
	float: left;
	  /*padding-top: 60px;*/
}
.node-caption
{
	padding-top: 47px;
  text-align: center;
  color: #625658;
  padding-left: 0px;
}
.node-caption-header
{
  text-align: center;
  /* margin-top: 65px; */
  color: #625658;
  font-weight: 300;
  margin-bottom: 30px;
  font-size: 16px;
  display: inline-block;
  max-width: 450px;
}
.node-caption > .node-caption-con
{
	font-family: "light";
	font-size: 11.95px;
	line-height: 2;
	display: inline-block;
	max-width: 617px;
	text-align: justify;
	direction:rtl;
}
.node-make-up
{
 float: right;
}
.node-make-up img
{
	margin-top:-20px;
}
/*PAGE SELECT PRODUCT*/
.select-product
{
	margin-top: 50px;
	margin-bottom:70px;
	  margin-left: 20px;
  margin-right: 0px;
}
.select-caption-head
{
	color: #625658;
	/*font-weight:bold;*/
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	font-size: 18px;
	text-align: center;
	overflow: hidden;
    /*text-overflow: ellipsis; */
    width: 100%;
    /*white-space: nowrap; */
}
.product_skin
{
	margin-top: 50px;
	padding: 0px 30px;
	padding: 0px 52px;
}
#detail_condition li
{
	float: left;
}
.select-caption {
  text-align: center;
}
.select-caption-des
{
	line-height: 1.6;
	color: #625658;
	font-size: 12px;
	margin-bottom: 40px;
}
.button-con-select
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}
a.select-caption-button
{
	text-decoration: none;
	padding: 10px 50px;
	color: #9c827a;
	margin: auto;
	text-align: center;
	/*float: left;*/
	background-color: #fff;
	border:1px solid #9c827a;
	font-weight: bold;
	cursor: pointer;
}
a:hover.select-caption-button
{
	color: #fff;
	background-color: #625658;
}
.select-product-con
{
	margin:10px 45px;
}

/*PAGE SCIENE */
#science
{
	padding-bottom: 150px;
	background: url("../images/about-us-bg_14.png") no-repeat center bottom;
}
.science1,.contact-address,.pro-skin-con,.md-skin-con,.make-up-con
{
	background-color: #f8f7f5;
	padding: 60px 55px; 
	padding-bottom: 20px;
	border: 1px solid #593e42;
	/*border: 1px solid #9c827a;*/
	min-height: 408px;
}
.science1-head,.contact-address-head,.md-skin-head,.make-up-head,.pro-skin-head
{
	color: #625658;
	font-size: 20px;
	/*padding-top: 15px;*/
	font-family: "light";

}
.science1-des,.contact-address-con,.pro-skin-des,.md-skin-des,.make-up-des
{
	color: #625658;
	font-family: "light";
	text-align: justify;
	font-size: 14.79px;
	
}
.science1-des,.contact-address-con,.pro-skin-des,.md-skin-des,.make-up-des,.white-about-content
{
	text-align: left !important;
}
.white-product-content
{
	text-align: right;	
}
.proskin-caption-des
{
	text-align: center !important;
}
.science1
{
	padding-bottom: 60px;
}
.make-up-con {
  float: right;
}
#pro-skin
{
	margin-top:40px;
}
.ab-proskin
{
	margin-bottom: 100px;
	margin: 0px 40px;
}
.pro-skin-des
{
	  text-align: right;
}
.science-con {
  margin-left: 45px;
  margin-bottom: 100px;
  margin-top: 70px;
}
.item-coursel-science
{
	color: #625658;
	/*min-height: 485px;*/
	max-height: 485px;
	margin-left: 1px;
}
.img-item-coursel-science img
{
	border: 1px solid #9c827a;
}
.img-item-coursel-science
{
	margin-bottom: 20px;
}
.des-item-coursel-science
{
	float: none;
	padding:0px;
}
.des-science-head
{
	font-weight: bold;
}
.des-science
{
	line-height: 1.6;
}
.arrow-con-science
{
	cursor: pointer;
	float: right;
	margin:0px 10px;
}
select#nav-cat,select#nav-year {
 cursor: pointer;
  padding: 10px 45px 10px 10px;
  apearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #9c827a;
  color: #9c827a;
}
select#nav-year{
	border: none;
}
label.award-label
{
  padding: 11px;
  /*border: 1px solid #9c827a;*/
  position: absolute;
  right: 0px;
  z-index: -1;
}
.product-pro-skin label
{
  padding: 11px;
  border: 1px solid #9c827a;
  position: absolute;
  right: 0px;
  z-index: -1;
}
.con-nav-cat,.con-nav-year {
  float: right;
  position: relative;
}
/*BUZZZ AWARD*/

.item-coursel-award
{
	color: #9c827a;

	margin-left: 1px;
}
.img-item-coursel-award img
{
	border: none;
}
.img-item-coursel-award
{
	margin-bottom: 0px;
	float: left;
	max-width: 325px;
	width: 325px;
	padding: 0px 20px 20px;
}
.des-item-coursel-award
{

	

}
.desa-award-head
{
	margin-bottom: 25px;
	font-size:19px;
	

}
.des-award-head
{
	font-weight: bold;
}
.des-award
{
	line-height: 1.6;
	font-family: "light";
}
.arrow-con-award
{
	cursor: pointer;
	float: left;
	margin:0px 5px;
}
.parent_cat
{
	float: right;
	position: relative;
	margin-right: 10px;
}
.pro-skin-head
{
	text-align: right;
}
/*PAGE BUZZ BEAUTY*/
.select-beauty-buzz
{
	margin:0px;
	/*margin-top: 50px;*/
	margin-bottom:70px;
	padding: 0px;
	  width: 100%;
}
.beauty-buzz-caption-head
{
	color: #9c827a;
	/*font-weight:bold;*/
	margin-top: 40px;
	margin-bottom: 10px;
	font-size: 18px;
}
.beauty-buzz-caption-des
{
	line-height: 1.6;
	color: #999696;
	font-size: 12px;
	margin-bottom: 40px;
	min-height: 76px;
}
.proskin-caption-des
{
	line-height: 1.6;
	color: #999696;
	font-size: 12px;
	margin-bottom: 40px;
	text-align: center;
}

.button-con-beauty-buzz
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}
a.beauty-buzz-caption-button
{
	text-decoration: none;
	padding: 10px 50px;
	color: #9c827a;
	margin: auto;
	text-align: center;
	/*float: left;*/
	background-color: #fff;
	border:1px solid #9c827a;
	font-weight: bold;
	cursor: pointer;
}
a:hover.beauty-buzz-caption-button
{
	color: #fff;
	background-color: #9c827a;
}
.select-beauty-buzz-con
{
  padding: 10px 16px;
  float: left;
  width: 215px;
  /*width: 500px;*/
}
.col-md-12.breadcrumbs {
  color: #625658;
  padding: 20px 15px;
  font-weight: bold;
  display: none;
  font-size: 12px;
  text-transform: uppercase;
  float: left;
}
span#breadcrumbs-head {
}
.select-beauty-buzz-con2
{
  padding: 10px 16px;
  float: left;
  /*width: 215px;*/
    max-height: 304px;
  /*width: 500px;*/
}
#con-product .select-beauty-buzz-con2
{
	max-height: 295px;
}
#con-product .best-seller
{
	max-height: inherit;
}
#con-product .proskin-caption-des
{
	line-height: 1.6;
	color: #999696;
	font-size: 12px;
	margin-bottom: 40px;
	text-align: center;
	overflow: hidden;
    /*text-overflow: ellipsis; */
    width: 100%;
    /*white-space: nowrap; */
}
.select-detail-con
{
	margin: 0px;
	margin-top: 50px;
	margin-bottom: 70px;
	padding: 0px 35px;
}
.con-skin-det
{
	padding: 10px auto;
	width: 100%;
}
.arrow-con-buzz-2 {
	width: 100%;
	float: left;
	margin-top: -173px;
	position: relative;
	pointer-events: none;
}
.proskin-caption
{
	text-align: center;
}
.arrow-pro {
  position: absolute;
  margin-top: 200px;
  cursor: pointer;
  /* top: -147px; */
}
.arrow-pro-next {
  right: 0px;
}
.arrow-pro-prev {
  left: 0px;
}
.list-group-item
{

}
.list-group-item a
{
	color: #625658;
	background: #F8F8F8;
	text-transform: initial;
	  cursor: pointer;
}
.popover-content
.list-group-item a
{
	color: #625658;
	background: #FFF;
	text-transform: initial;
}
.prod-alt .list-group-item a
{
	color: #625658;
	background: #E4E4E4;
	text-transform: none;
}
.list-group-item a:hover
{
	color: #625658;
	background: #EAEAEA;
}
/*Discover*/
.con-detail li
{
	list-style-type: circle;
}
.discover-con
{
	padding: 30px 42px
}
.discover-bg
{
	background: url("../images/bg-overlay-7.jpg") center center no-repeat;
	background-size: cover;
  	/*background-color: #625658;*/
	min-height: 375px;
  	max-height: 375px;;
  	margin-top: 40px;
}
.vid-overlay { 
    background-color:rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: -40px;
    /*pointer-events:none;*/
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	color: #fff;
    /*position: relative;*/
}
.vid-overlay i
{
	position: relative;
}
a:hover.vid-overlay
{
	color: #fff;
	/*pointer-events:inherit;*/
	-webkit-transition: opacity 0.4s ease-out;
	-moz-transition: opacity 0.4s ease-out;
	-ms-transition: opacity 0.4s ease-out;
	-o-transition: opacity 0.4s ease-out;
	transition: opacity 0.4s ease-out;
	cursor: pointer;
	opacity: 1;
}
.discover-img img
{
	margin-top: -40px;
	border: 1px solid #593e42;
	/*border: 1px solid #9c827a;*/
}
#discover-coursel
{
	color: #fff;
	line-height: 1.9;
}
.discover-name
{
	font-weight: bold;
	font-size: 16px;
}
.discover-position
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
.discover-des
{
	font-size: 14px;
	font-family: "light";
	  height: 235px;
}
.arrow-con-discover
{
	cursor: pointer;
	float: left;
	margin-right: 20px;
}
.arrow-discover
{
	padding: 0px;
}
/*single*/
.faq-tablist a
{
	
}
#detail_condition li.col-md-4 {
  padding: 15px;
}#detail_condition ul {
  padding-left: 0px;
}
/*contact*/
#contact
{
	margin-top: 50px;
}
.contact-container
{
	/*height: 450px;*/
	background: url("../images/smodge.png") 0 0 no-repeat;
  	background-size: cover;
  	/*width: 423px;*/
  	margin-bottom: 25px;
}
.contact-address
{
	padding: 40px 20px;
	line-height: 2;
	height: 100%;
	float: right;
}
.contact-address-head
{
	letter-spacing:3px;
}
.contact-address-con
{
	text-align: left;
	font-size: 14px;
	/*padding-bottom: 100px;	*/
	  line-height: 20px;
}

.form-control-osmo
{
  display: block;
  width: 100%;
  height: 44px;
  padding: 12px 25px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #9c827a;
  background-color: #f8f7f5;
  background-image: none;
  border: 1px solid #9c827a;
  /*border-radius: 4px;*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.form-control-osmo
{
	height: 200px;
	max-width: 100%;
}
.btn-osmo
{
  display: inline-block;
  padding: 12px 45px;
  height: 44px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid #9c827a;
  color: #9c827a;
  /*border-radius: 4px;*/
}
.contact-us-btn
{
	background-color: #625658;
	color: #fff;
}
:hover.btn-osmo,:active.btn-osmo
{
  background-color: #625658;
  color: #fff;
  outline: none;
 border: 1px solid #9c827a;
}
:hover.contact-us-btn
{
	background-color:#9B8B8E;
}
:active.btn-osmo
.form-group
{
	  margin-bottom: 25px;
}

#socmed
{
	text-align: right;
	padding:15px;
}
#socmed .container
{
	padding: 0px 0px;
}
#socmed img
{
	margin-left:4px;
}
.btm-oi
{
	width: 80%;
	  
	background: url("../images/product_25.png") -130px bottom no-repeat;
  min-height: 363px;
  
	margin-bottom: -65px;
  
	background-size: 100%;
	max-width: 1050px;
	margin-top: 75px;
}
.btm-oi-2
{
	width: 80%;
	  
	background: url("../images/product_25_2.png") -130px bottom no-repeat;
  min-height: 363px;
  
	margin-bottom: -65px;
  
	background-size: 100%;
	max-width: 1050px;
	margin-top: 125px;
}
.con-contact {
    padding: 0px 85px;
      margin-top: 20px;
}

div#stokies>div>.row {
    padding: 0px 40px;
}

#contact-us form {
    padding-left: 35px;
}

#contact-us .form-group {
    margin-bottom: 25px;
}

#contact-page div#socmed {
    margin-top: 25px;
}

/*#about*/
.about-con
{
	background: none;
}
.about-bg
{
	/*background: url("../images/about-us-bg_14.png") no-repeat center bottom;*/
	/*background-size: cover;*/
}
.white-about-head
{
	color: #625658;
	font-size: 18px;
	padding-top: 15px;
	text-align: left;
}
.white-about-content
{
	color: #625658;
	font-size: 14.79px;
	text-align: justify;
}

.blank-about
{
	font-family: "light";
	color: #625658;
	line-height: 2;
}
.blank-about-op
{
	margin-left: 40px;
	margin-top: 50px;
}
.about4
{
		width: 100%;
		position: relative;
		margin-top: 0px;
		z-index: 1;
		margin-bottom: 50px;

}
a.find_a,a.find_a:hover,a.find_a:active
{
	color: #fff;
	text-decoration: none;
}
.about4 a,.about4 a:hover,.about4 a:active 
{
	color: #fff;
	text-decoration: underline;
}
.about4-num
{
	color: #fff;
	font-family: "light";
	/*margin-top: 12px;*/
	padding:0px 30px;
	line-height: 2;
	/*padding: 0px 70px 0px 0px;*/
}
.img-about
{
	margin:125px 0px 150px 0px;
	text-align: center;
}
.img-about img
{
	margin:0px 50px;
}
.about-num
{
	padding: 50px 0px;
}
#about li
{
	list-style:inherit;
}
.bg-sparator
{
	background:url("../images/about_us.jpg") 0 0 repeat-x;
	background-size: cover;
	height:93px; 
	text-align: center;
	font-size: 32px;
	  padding-top: 22px;
	  color: #fff;

}
/*#contact*/
#contact-us .contact-container
{
	  /*height: 450px;*/
	  background: none;
	  /*background-size: cover;*/
	  /* width: 423px; */
	  margin-bottom: 25px;
	  padding: 0px 0px 0px 0px;
}
#contact-us .contact-address
{
	
}
.stokies-con {
  margin: 10px 45px;
    max-height: 279px;
}
.select-stokies-head
{
	color: #625658;
    /* font-weight: bold; */
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 18px;
}
.select-stokies-des
{
	  line-height: 1.6;
	  color: #9c827a;
	  font-size: 12px;
	  margin-bottom: 40px;
}
#footer{
	background-color: #625658;
	padding: 10px 0px;
}
#footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul li{
	display: inline-block;
}
#footer ul li a,.find{
	color: #fff;
	display: block;
	font-size: 12px;
	font-weight:bold;
}
#footer ul li a span{
	margin:0 5px;
}
#footer ul li:hover a{
	text-decoration: none;
}
.labelcopy
{
	background-color: #fff;
	padding: 10px 0px;
	color: #6E6D6D;
	font-size: 12px;
}



#buzz #bg-header
{
	background-image: none !important;

}

#buzz #topmenu ul li a 
{
	color: #75615c;
}

#buzz .bt-menu-trigger span:before, #buzz  .bt-menu-trigger span:after
{
	/*background:#75615c;*/
}
#buzz .bt-menu-trigger span
{
	  /*background-color: #75615c;*/
}
#coming_soon
{
	width: 100%;
	background:url("../images/coming-soon-page.jpg") center center no-repeat;
	background-size: cover;
}
#coming_soon2
{
	width: 100%;
	background:url("../images/comingsoon.jpg") center center no-repeat;
	background-size: cover;
}
/*PRODUCT DETAIL*/
.head-detail
{
	font-size: 20px;
	color: #625658;
	font-weight: bold;
	margin-bottom: 10px;
}
.head-detail span
{
	/*margin-left: 10px;*/
	display: block;
	margin-top:-5px;
	font-weight: normal;
	font-size: 15px;
}
.con-detail
{
	
	font-family: "light";
	font-size: 13px;
	
}
.modal-content {
  padding: 25px;
}
.alo
{
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6;
}
.detail
{
	margin: 10px 0px;
	color: #625658;
	margin-top: 0px;
}
#product_modal table,#product_modal th,#product_modal td {
    border: 1px solid #9c827a !important;
}
.detail p {
  margin: 0 0 0px;
}
/* Large desktop */

@media (min-width:1366px){
	.img-background{
		width:100%;
	}
	.bg-full-img{
		width:100%;
	}
	#topfooter{
		padding-top:8%;
	}
	#bg-visimisi{
		max-height:600px;
	}
}

@media (max-width: 1186px) {
	.item {
	  padding: 0px 50px;
	}
	.content-img-background{
		margin-top:25%;
		width:220px;
		margin-left:3%;
	}
	.select-product-con
	{
		margin:10px 35px;
	}
	.row
	{
		/*padding:0px 12px;*/
	}
	.stokies-con {
	  margin: 10px 37px;
	}
	.select-img img
	{
		display: inline;
	}
}
@media (max-width: 1186px) {
	.select-beauty-buzz-con2 {
		/*width: 164px;*/
	}
	.con-skin-det
	{
	  padding: 10px 100px;
	}
	.logo-slide{
		width:13%;
	}
	.title-slide{
		font-size:24px;
	}
	.content-img-background{
		margin-top:25%;
		width:220px;
		margin-left:3%;
	}
	#get-involved{
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
	.con-skin-det
	{
	  padding: 10px 65px;
	}
	#topmenu{
		margin-bottom:20px;
	}
	.logo-slide{
		width:15%;
		margin-top:50px;
	}
	.btn-slide{
		margin:0;
	}
	#topmenu ul li a{
		color:#fff;
		display:block;
		padding:5px 0px;
		font-size:13px;
	}
	#topmenu ul li a span{
		margin:0px 5px;
	}
	#box-icon{
		margin-top:30px;
	}
	.content-img-background{
		margin-top:25%;
		width:220px;
		margin-left:3%;
	}
	.btn-get-involved{
		padding:15px 40px;
		font-size:14px;
	}
	.title-font3{
		font-size:24px;
	}
	.box-visimisi{
		border-right: 1px solid #ccc;
		padding-right: 30px;
		height: 100%;
	}
	.product4
	{
		width: 100%;
		position: relative;
		margin-top: 0px;
		z-index: -1;

	}
	.white-product {
		margin-top: 0px;
	}
}
 .menu-collapse
	{
		display: none;
	}
   #menu-mobile
   {
		display: none;
   }
   .flag {
	  width: 34px;
	  height: 34px;
	   margin-top: -3px;
	  float: left;
	  margin-left: 5px;
	}
	.flag.flag-in {
	  background: url(../images/flag_05.jpg) no-repeat;
	}
 	.flag.flag-gb {
	  background: url(../images/flag_03.jpg) no-repeat;
	}
/* Landscape phone to portrait tablet */
@media (max-width: 480px) {
.bg-sparator
	{
		font-size: 25px;
  		padding-top: 13px;
	}
	.select-beauty-buzz-con2
	{
	  width: 290px !important;
	}
	.content-slider a {
		
	}
}
.color-makeup-image
{
	width: 115%;
	margin-left: -25px;
	margin-top:25px;
}
@media (max-width: 769px) {
	.color-makeup-image
	{
		width: 100%;
		margin-left: 0px;
	}
	.best-seller .select-img img
	{
		display: inline;
		height:100%;
	}
	.con-detail-img 
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.modal-product .head-detail ,.modal-product .img-h {
		text-align: center;
	}
	.modal-product .img-h .img-responsive
	{
		display: inline;
	}
	.modal-product .img-h
	{
		margin-bottom: 10px;
	}
	/*.select-beauty-buzz-con2 {
		  width: 190px;
	}*/
	.con-skin-det
	{
	  padding: 10px 65px;
	}
	.row.select-product {
	  margin-left: 0px;
	}
	.product4-num {padding:0px;}
	.item {
	  padding: 0px 35px;
	}
	div#con-product {
	  float: left;
	  width: 100%;
	}
	.blank-about-op {
	  margin-top: 30px;
	  margin-left: 15px;
	}
	.about4-num {
		  padding: 0px 0px;
	}
	.about-num-con
	{
		padding:0px;
	}
	.about-num {
	  padding: 15px 0px;
	}
	.science-1
	{
		padding:0;
	}
	div#animate-product {
	  margin-top: 20px;
	}
	.img-about {
	  margin: 55px 0px 50px 0px;
	 }
	 .img-about img {
	  margin-bottom: 45px;
	}
	.blank-product-op {
	  margin-bottom: 50px;
	}
	.col-lg-5.col-md-6.node {
	  padding: 0px 35px;
	}
	.node-caption {
	  padding: 50px 50px;
	}
	.product-con {
	  padding: 15px 20px;
	}
	div#animate-product2,div#animate-product,div#animate-product3 {
	  padding: 0px 15px;
	}
	.logo.col-md-2.col-xs-1 {
	  margin-top: -12px;
	  margin-bottom: 0px;
	}
	.navbar-back {
	  background: rgba(39, 21, 15, 0.84);
	}
	.menu-collapse
	{
		display: block;
		float: right;
		cursor: pointer;
		margin-top: 6px;
	}
	.logo img {
	  height: 75px;
	  margin-top: 10px;
	}
	.menu-collapse-con
	{
		float: left;
		width: 100%;
		display: none;
	}
	 #menu-mobile
	 {
	 	display: inline;
	 }
	.menu-collapse-con ul
	{
		width: 100%;
		display: block;
		  padding: 0px;
		border-top: 1px solid rgba(0, 0, 0, 1);
	}
	.menu-collapse-con ul a
	{
		color: #fff;
		float: left;
		border-bottom: 1px solid rgba(0, 0, 0, 0.23);
		width: 100%;
		text-align: center;
		padding: 10px;
		color: #fff !important;
		font-size: 11px;
		/*background: rgba(39, 21, 15, 0.5);*/
	}
	.no-height
	{
		height: inherit !important;
	}
	.select-beauty-buzz-con1 {
  		padding: 10px 90px;
	}
	#con-product .select-beauty-buzz-con2 {
  		padding: 10px 0px;
  		  width: 100% !important;
	}
	.node-make-up img {
		width:100%;
	}

	.row.ab-proskin {
	  margin-left: 0px;
	  width: 100%;
	  padding:15px;
	}
	.row.product-all-item
	{
	  padding:0px;
	}
	.img-item-coursel-pro-skin > img{
		width: 100%;
		height: auto;
	}
	.node_right > img, .node_left > img {
	 min-height: inherit;
	  width: 100%;
	  margin-left: 0px;
	}
	.node-make-up {
	  text-align: center;
	  margin-top: 50px;
	}
	.img-item-coursel-pro-skin {
	  text-align: center;
	  margin-bottom: 60px;
	}
	.arrow-pro {
	   top: 0px; 
	}
	.science-con
	{
		margin-left: 0px;
		width: 100%;
	}
	.bg-sciencea
	{
		  
		  /*background-size: cover;*/
	}
	.white-product,.product2,.product3
	{
		margin-left:0px;
	}
	.find-con
	{
		padding: 0px 25px;	
	}
	.arrow-con-1 {
	  padding: 0px 20px;
	}
	.arrow-con-science {
	  margin: 25px 10px 0px 0px;
	}
	.arrow-discover
	{
		padding: 10px 15px;
	}
	.labelcopy
	{
		  padding: 10px 25px;
	}
	.footer-lo
	{
		padding: 0 25px;	
	}
	.logo
	{
		/*width: 100%;*/
		margin-bottom: 20px;
	}
	.head-h
	{
		margin-top: -40px;
	}
	.item-skin-condition
	{
		margin-top: 0px;
	}
	#contact-us .contact-container {
		background: none;
		padding:0px 15px;
	}
	.clinic
	{
	  margin: 0px 50px;
  	}
	#contact-us form {
		padding-left: 0px;
	}
	.contact-address
	{
		float: none;
	}
	.science1
	{
		margin-bottom: 30px;
	}
	.select-product-con
	{
		margin-bottom: 40px;
	}
	.discover-bg
	{
		max-height: inherit;
	}
	.discover-img img {
	  /*margin-top: -40px;*/
	  width: 100%;
	}
	.lba
	{
		margin-top: 0px !important;
		margin-bottom: 10px;
	}
	#socmed .container {
	  padding: 0px 0px;
	}
	.white-product
	{
		margin-top: 0px;
	}
	#product .row
	{
		margin-bottom: 10px;
	}
	.product4
	{
		width: 100%;
		position: relative;
		margin-top: 0px;
		z-index: -1;

	}
	.owl-theme .owl-controls {
	  margin-top: 50px;
	}
	#contact-us .contact-container {
	    padding: 0px 15px;
	    /*margin-top: 70px;*/
	}
	#topmenu {
		display:none;
	}
	#mbl-menu {
		display:block;
		width:400px;
		margin:30px auto;
	}
	#mbl-menu select{
		width:100%;
	}
	#topfooter{
		padding:50px;
	}
	.title-slide{
		font-size:20px;
	}
	.logo-slide{
		margin-top:0px;
		width:150px;
	}
	#box-icon{
		margin-top:50px;
	}
	.btn-slide{
		margin:0;
		font-size:12px;
	}
	.font-slide{
		font-size:13px;
	}
	.content-img-background{	
		width:90%;
		margin-top:100%;
	}
	.grid4{
		width:100%;
		float:none;
	}
	.img-background{
		width:100%;
	}
	.yh-bg .yh-bg-img{
		height:170px;
	}
	.cat-blog {
		margin-top:15px;
	}
	#visimisi{
		padding:50px 0;
	}
	.box-visimisi{
		border-right: 0;
		padding-right: 0px;
		height: auto;
	}
	.box-visimisi img{
		width: 100%;
	}
	.bg-gallery3{
		margin-bottom:20px;
	}
	#get-involved{
		padding:50px;
	}
	.input-style2{
		width:100%;
	}
	.select-style{
		width:100%;
	}
	.box-select{
		width:100%;
	}
	.btn-submit{
		padding:10px 100px;
	}

}

/* Landscape phones and down */
/*@media (min-width: 480px) {
		
	}*/
.color_img
{
	max-height: 260px !important;
	  margin: 25px 0px;
}
.select-img
{
  min-height: 210px;
  text-align: center;
}
.contact-con-slide .select-img
{
	/*float: left;*/
}
.product-line .select-img
{
  min-height: 210px;
  text-align: center;
  max-height: 210px;
}
.color_img > .select-img
{
  min-height: 175px;
  text-align: center;
  max-height: 175px;
    overflow: hidden;
}
.best-seller > .select-img
{
  min-height: 210px;
  text-align: center;
  max-height: inherit;
}
@media (max-width: 580px) {

	#mbl-menu{
		width:100%;
		margin:20px auto;
	}
	.logo-slide{
		margin-top:0px;
		width:100px;
	}
	.btn-fb a,
	.btn-yb a,
	.btn-ig a,
	.btn-tw a,
	.btn-pt a {
		padding:3px 0px;
	}
	.btn-fb,
	.btn-yb,
	.btn-ig,
	.btn-tw,
	.btn-pt {
		width:30px;
	}
	.btn-slide{
		padding:10px 100px 10px 10px;
	}
	.line-style {
		width: 90%;		
	}
	.box-text-justify{
		margin:0px 40px;
	}
	.title-font3{
		font-size:20px;
	}

	.btn-get-involved{
		padding:15px 40px;
		font-size:14px;
	}
	.content-img-background{	
		margin-top:90%;
	}
	.cat-blog-title{
		width:70%;
	}
	.btn-show-more{
		padding:10px 25%;
	}
	#topfooter{
		padding:15px;
	}
	#visimisi{
		padding:15px 0;
	}
	.btn-submit{
		width:100%;
		padding:10px 0;
	}


	#contact-us form {
	    padding: 0px 0px;
	}

	div#stokies>div>.row {
	    padding: 0px;
	    margin: 0px -50px;
	}
}
#science .owl-controls
{
	  margin-top: 10px;
  position: absolute;
  text-align: left;
  z-index: 10;
}
/*KEYFRAME*/
@-webkit-keyframes bounce {
	0% {
		-webkit-transform:scale(0.1);
		opacity: 0;
	}
	20% {
		-webkit-transform:scale(0.2);
		opacity: 0;
	}
	30% {
		-webkit-transform:scale(0.3);
		opacity: 0;
	}
	40% {
		-webkit-transform:scale(0.4);
		opacity: 0;
	}
	50% {
		-webkit-transform:scale(0.5);
		opacity: 1;
	}
	85% {
		-webkit-transform:scale(1.2);
		opacity: 1;
	}
	100% {
		-webkit-transform:scale(1);
		opacity: 1;
		
	}
}
.select-beauty-buzz-con2 a {
  font-size: 15px;
  color: #625658;
}
.other-skin h5
{
	font-weight: bold;
	color: #625658;
}
.other-skin a {
  display: block;
  padding: 10px 0px;
  color: #1A1A1A;
}

.nav-tabs>li>a {
  font-size: 12px;
  font-weight: bold;
  color: #9c827a;
}
ul.nav.nav-tabs {
  margin-top: 20px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  color: #555;
}
.logo img
{
	position: absolute;
}
div#detailed {
  padding-top: 20px;
}
.modal-skin p,#detailed p {
  margin: 0 0 2px;
}

div#detailed .product_skin {
  margin-top: 0px; 
}
.modal a.bt-menu-trigger {
  position: absolute;
  margin-left:0px;
  right: 0px;
  top: 0px;
}
.modal .close {
  opacity: .5;
  position: absolute;
  right: 5px;
  top: 5px;
  float: right;
  z-index: 10000;
}
.modal div:hover.close {
	opacity: 1;
}
.modal .bt-menu-trigger span:before,.modal .bt-menu-trigger span:after
{
	background: #000;
}
.popover.right {
	  width: 100%;
}
.popover-content {
	padding:0px;
}
.popover-content .list-group-item {
	   border: none; 
}
.img-h img.img-responsive {
  margin-left: auto;
  margin-right: auto;
}
.blank-product-op i.fa.fa-circle {
  font-size: 5px;
  top: -3px;
  position: relative;
}
.modal-skin .tab-content #solution img
{
	max-width: 100% !important;
	max-height: 350px !important;
}
.modal-skin .tab-content #des img
{
	max-width: 440px !important;
	max-height: 330px !important;
}