@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Medium.otf')  format('opentype'), url('../fonts/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium.ttf')  format('truetype'), url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Regular.otf')  format('opentype'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf')  format('truetype'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-SemiBold.otf')  format('opentype'), url('../fonts/Montserrat-SemiBold.woff') format('woff'), url('../fonts/Montserrat-SemiBold.ttf')  format('truetype'), url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans_500';
    src: url('../fonts/MuseoSans_500.eot?#iefix') format('embedded-opentype'),  url('../fonts/MuseoSans_500.otf')  format('opentype'), url('../fonts/MuseoSans_500.woff') format('woff'), url('../fonts/MuseoSans_500.ttf')  format('truetype'), url('../fonts/MuseoSans_500.svg#MuseoSans_500') format('svg');
    font-weight: normal;
    font-style: normal;
}
.video-responsive {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

html,body{
	background-color: #fff;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: 'Montserrat-SemiBold','Helvetica', Helvetica Neue, Arial, sans-serif;
	color: #434343;
}
#wrapper{
	width: 100%;
	position: relative;
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
}
footer{
    width: 100%;
    background-color:#e5ac9b;
    min-height: 80px;
}
.footer-top {
    background-color: #dbbfbe;
}
.footer-end {
    background-color: #e5ac9b;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: normal;
    margin: 0 30px;
}
.footer-link{
    display: flex;
}
.col-footer-line{
    margin: 0 12px 0 0;
    font-size: 12px;
    font-family: 'Montserrat-Regular';
    border-right: 1px solid #fff;
}
.col-footer-end{
    margin: 0 12px 0 0;
    font-size: 12px;
    font-family: 'Montserrat-Regular';
}
.col-footer-end a, 
.col-footer-line a{
    color: #fff;
    margin-right: 10px;
}
.col-footer-end a:hover, 
.col-footer-line a:hover{
    text-decoration: none;
}
.col-footer-center{
    margin: 0 12px;
    font-size: 12px;
    font-family: 'Montserrat-Regular';
    position: absolute;
    left: 40%;
}
.text-footer{
    text-align: center;
    color: #fff;
}
.text-footer h1{
    margin-top: 30px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 30px;
    font-family: 'Montserrat-SemiBold';
}
.text-footer p{
    margin-top: 30px;
    font-size: 18px;
    margin-bottom: 30px;
    color: #CE8D90;
    font-family: 'Montserrat-SemiBold';
}
.list-social-media a{
    margin: 0 15px;
}
.list-social-media a:hover{
    text-decoration: none;
}
.list-social-media img{
    width: 40px;
    height: 40px;
}
.container{
	display: inline-block;
	width: 1320px;
	margin: 0;
	padding: 0;
}
/* ============================================ */
a{
    text-decoration: none;
    color: #cb8184;
    font-weight: 500;
}
.m-l-30{
    margin-left:30px;
}
.m-0{
    margin:0 !important;
}
.m-l-20{
    margin-left:20px;
}
.m-l-75{
    margin-left:75px;
}
.m-r-30{
    margin-right:30px;
}
.m-t-0{
    margin-top:0;
}
.m-t-50{
    margin-top:50px;
}
.m-lr-60{
    margin:0 60px;
}
.m-lr-30{
    margin:0 30px;
}
.m-b-20{
    margin-bottom:20px;
}
.m-b-40{
    margin-bottom:40px;
}
.b-r-2{
    border-right: solid 2px #f1f0f0;
}
.p-b-70{
    padding-bottom:70px;
}
.p-lr-70{
    padding:0 70px;
}
.p-r-75{
    padding-right:75px;
}
.left{
    text-align:left;
}
.right{
    text-align:right;
}
.center{
    text-align:center;
}
.centered{
    margin:0 auto;
}
.f-left{
    float:left;
}
.f-right{
    float:right;
}
.left-box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.width-45{
    width: 45%;
}
.width-30{
    width: 30%;
}
.image-full img{
    width:100%;
    border-radius: 10px;
}
.image.bordered img{
    border-radius:10px;
    max-width:430px;
    border:solid 1px #dddddd;
}
.hide{
    display:none !important;
}
.container{
	text-align: left;
}
h1, h2, .font-medium{
    font-family: 'Montserrat-SemiBold';
}
header{
    background: #CE8D90;
    color: #fff;
    transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1);
    position:fixed;
    width:100%;
    top:0;
    left:0;
    right:0;
    z-index:100;
    box-shadow: 0 3px 6px 0 rgba(180, 180, 180, 0.5);
    padding: 10px 0;
}
header .container-fluid{
    display: flex;
    /* margin: 0 auto; */
    line-height: 32px;
    justify-content: space-between;
    padding: 0;
}
header .menu-container{
    /* padding: 0 35px; */
    width: 28%;
    position: relative;
    bottom: 7px;

}
header .menu-container .toggle-mobile{
    display:none;
    background: none;
}
header ul{
    display: inline-block;
    vertical-align: text-bottom;
    list-style-type: none;
    padding: 0 15px 0 0;
    margin: 0;
}
header ul li{
    display:inline-block;
	margin: 0;
	padding: 0;
}
header .logo {
    display:inline-block;
    padding-top: 21px;
}
header .logo a{
    font-size:18px;
    color: #cb8184;
    letter-spacing: 2px;
    margin:0;
    padding-top:0;
    padding-bottom:0;
}
header .logo img{
    width: 65%;
}
header ul li a{
    display: block;
    color: #fff;
    border-bottom: solid 0 #ffffff;
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
    text-decoration: none;
    letter-spacing: 0.9px;
    padding: 0 10px 0;
    margin: 0 18px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    cursor: pointer;
}
header ul li form.search{
    position:relative;
    margin: 17px 0;
}
.search-desktop{
    display: inline-block !important;
}
.search-mobile{
    display: none !important;
}
header ul li input[type=text]{
    border-radius: 5px;
    height: 32px;
    border: none;
    padding: 4px 30px 4px 10px;
    width: calc(100% - 43px);
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
    color: #313131;
}
header ul li input::placeholder {
    color:#9a9a9a;
    opacity: 1; 
}
header ul li input[type=text]:focus{
    outline-color:  #313131;
}
header ul li form.search button{
    background: none;
    color: #c8797c;
    position: absolute;
    top: 25%;
    margin-top: -13px;
    right: 25px;
    border: 0;
    padding: 5px;
}
header ul li.active a,
header ul li a:hover{
    border: 1px solid #fff;
    text-decoration: none;
    color:#fff;
    /* border-radius: 5px; */
    margin: 0 20px;
}
li a, .dropbtn {
    display: inline-block;
    color: #cb8184;
    text-align: center;
    padding: 0 8px;
    text-decoration: none;
}
li.dropdown {
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding: 0 8px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.popup {
	position: fixed;
	z-index: 9999;
	top: 50%;
	left: 50%;
	width: 500px;
	background: #fff;
	transform: translate(-50%,-50%);
	display: none;
}
.popup.wider {
	width: 800px;
}
.popup.smaller {
	width: 300px;
}
.popup .wrapper {
	width: 90%;
	padding: 5%;
}
.popup button.close-popup {
	position: absolute;
	width: 30px;
	height: 30px;
	background: #222;
	border : none;
	outline: none;
	color: #fff;
	font-size: 16px;
	top : -15px;
    right: -15px;
    cursor: pointer;
}
.popup button.close-popup.round {
	position: absolute;
	width: 30px;
	height: 30px;
	background: #222;
	border : none;
	outline: none;
	border-radius: 15px;
	color: #fff;
	font-size: 16px;
	top : -15px;
	right: -15px;
}
.bg-login{
    background-image: url(../images/bg-login.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.popup.box-login {
	width: 800px;
	display: none;
	overflow-x: hidden;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}
.popup.box-login::-webkit-scrollbar {
	width: 0 !important
}
.popup.box-login .close-popup {
    position: absolute;
    color: #cb8184;
	top : 2px;
	right: 8px;
	background: none;
	border : none;
	outline: none;
	padding: 0;
	font-size: 32px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	z-index: 99;
}
.popup.box-login .close-popup.sign-in {
	color:#cb8184;
}
.popup.box-login .close-popup.sign-up {
	color: #fff;
}
.popup.box-login .wrapper {
	display: flex;
	/* justify-content: space-between; */
	align-items: flex-start;
	width: 100%;
	padding: 0;
	flex-wrap: wrap;
}
.popup.box-login .form-segment {
	width: 0;
	opacity: 0;
	overflow: hidden;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	height: 470px;
	position: relative;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}
.popup.box-login .form-segment::-webkit-scrollbar {
	width: 0 !important
}
.popup.box-login .form-segment.on {
	width: 50%;
	padding: 5%;
	opacity: 1;
}
.popup.box-login .form-segment h1 {
	font-family: 'Montserrat-SemiBold';
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
}
.popup.box-login .form-segment p{
    font-family: 'Montserrat-SemiBold';
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #434343;
}
.popup.box-login .form-segment .error-message {
	width: 92%;
	padding: 4%;
	background: #ED7859;
	color: #fff;
	font-family: 'Montserrat-Regular';
	font-size: 14px;
	position: absolute;
	top : 0;
	left: 0;
	display: none;
}
.popup.box-login .side-message {
	width: 40%;
	padding: 5%;
	/* background: #e1c07a; */
	color: #fff;
	min-height: 470px;
}
.popup.box-login .side-message.hide-box {
	position: absolute;
	top : 0;
	right: -50%;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	z-index: 2;
}
.popup.box-login .bgblack-box {
	position: absolute;
	top : 0;
	right: 0;
	width: 0;
	height: 100%;
	z-index: 1;
	background: rgba(255,255,255,0.5);
	opacity: 0;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.popup.box-login .bgblack-box.on {
	width: 100%;
	opacity: 1;
}
.popup.box-login .side-message.hide-box.on {
	right: 0;
}
.popup.box-login .side-message .message-container {
	width: 100%;
	display: none;
}
.popup.box-login .side-message .message-container.on {
	display: block;
}
.popup.box-login .side-message h1 {
	font-family: 'Montserrat-Regular';
	font-size: 23px;
	line-height: 1.3;
	margin-bottom: 20px;
}
.popup.box-login .side-message p {
    font-family: 'Montserrat-Regular';
	line-height: 1.3;
	font-size: 14px;
	margin-bottom: 20px;
}
.popup.box-login .side-message button {
	padding: 10px 20px;
    font-family: 'Montserrat-Regular';
	color: #fff;
	background:  #cb8184;
	border : none;
	outline: none;
	/* border-radius: 20px; */
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
.popup.box-login .side-message button:hover {
	cursor: pointer;
	opacity: 0.8;
}
.popup.box-login .side-message .message-container a {
	font-family: 'Montserrat-Regular';
	color: #fff;
	text-decoration: underline;
}
.popup.box-login .side-message .message-container .field {
	width: 100%;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.popup.box-login .side-message .message-container .field label {
	width: 100%;
}
.popup.box-login .side-message .message-container .field  input {
	width: 80%;
	padding: 10px;
	outline: none;
	border : none;
	background: #fff;
	font-size: 14px;
	font-family: 'Montserrat-Regular';
	border-radius: 20px;
	margin-top: 5px;
	opacity: 0.9;
}
.bgblack {
	position: fixed;
	z-index: 9998;
	top : 0;
	left: 0;
	width: 100%;
	height: 100%;
	background : rgba(0,0,0,0.6);
	display: none;
}
button.green {
	color: #fff;
	font-family: 'Montserrat-Regular';
	background:  #cb8184;
	padding: 15px 30px;
	/* border-radius: 30px; */
	border : none;
	outline: none;
}
button.green.same-width {
	width: 200px;
}
button.green:hover {
	opacity: 0.8;
}
button.green:disabled,
button.grey:disabled {
	opacity: 0.5;
	cursor: auto;
}
a.green-link {
	font-family: 'Montserrat-Regular';
	color: #cb8184;
	border : none;
	outline: none;
	text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}
a.green-link:hover {
	text-decoration: underline;
	opacity: 0.8;
}
.form-area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.form-area h1 {
	font-family: 'Montserrat-Regular';
	color: #cb8184;
	margin-bottom: 30px;
}
.form-area .title {
	width: 100%;
	font-family: 'Montserrat-Regular';
	color: #fff;
	text-transform: uppercase;
	font-size: 23px;
	margin-bottom: 20px;
}
.form-area .field {
	width: 100%;
    margin-bottom: 20px;
    position: relative;
}
span.toggle-password{
    position: absolute;
    top: 25px;
    right: 5px;
}
.form-area .field.flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.form-area .field label {
	font-family: 'Montserrat-Regular';
	color: #656565;
	line-height: 1.3;
	font-size: 11px;
	padding-top: 10px;
}
.form-area .field.flex label {
	width: 80%;
}
.form-area .field.flex input[type=checkbox] {
	margin-right: 10px;
	width: auto;
}
.form-area .field.has-error label {
	color: #aa2222;
}
.form-area .field input {
	margin-top: 10px;
	width: 94%;
	padding: 10px 3%;
    border : none;
	border-bottom : solid 1px #9a9a9a;
	outline: none;
}
.form-area .field.has-error input {
	border-bottom : solid 1px #aa2222;
}
.form-area .field input:focus {
	border-bottom : solid 1px  #cb8184;
}
.form-area .field select {
	margin-top: 10px;
	width: 100%;
	padding: 0 5%;
	background: #fff;
	border : solid 1px #ccc;
	outline: none;
	font-family: 'Montserrat-Regular';
	font-size: 14px;
	height: 38px;
}
.form-area .field.has-error select {
	background: #ffeeee;
	border : solid 1px #aa2222;
}
.form-area .field textarea {
	width: 90%;
	padding: 5%;
	background: #fff;
	border : solid 1px #ccc;
	outline: none;
	font-family: 'Montserrat-Regular';
	font-size: 14px;
	height: 100px;
	outline: none;
}
.form-area .field.has-error textarea {
	background: #ffeeee;
	border : solid 1px #aa2222;
}
.form-area .field button {
	color: #fff;
	font-family: 'Montserrat-Regular';
	font-size: 14px;
	padding: 10px 20px;
	border: none;
	outline: none;
}
.form-area .field button:hover {
	cursor: pointer;
	opacity: 0.8;
}
.form-area .field.half {
	width: 49%
}
.form-area .field button.full {
	width: 100%;
}
#body{
    min-height: 300px;
    margin-top: 85px;
    /* background: #fffdf8; */
}
#body .container{
    margin:0 auto;
}
#body .container > .row-flex{
    /* padding:0 100px; */
}
#body .container > .row-flex.p60{
    padding:0 60px;
}
#body .container.space{
    padding-top:70px;
    padding-bottom:70px;
    position: relative;
}
#body .container.space-top{
    padding-top:70px;
}
#body .container-full.space-top{
    padding-top:40px;
}
#body .container.space-bottom{
    padding-bottom:70px;
}
.container-full{
    width:100%;
    margin:0;
}

.email-subscribe{
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    color:#fff;
}
.email-subscribe .crystallure{
    color:#d7c17c;
}
form#subscribe{
    width:280px;
    margin: auto;
    display:none;
}
.email-subscribe.invert{
    color: #333;
}
input.input-line{
    border:none;
    border-bottom: 1px solid #fff;
    display: block;
    background:none;
    width:100%;
    color: #fff;
    font-family: 'Montserrat-Regular';
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}
.email-subscribe.invert input.input-line{
    color: #333;
    border-bottom: 1px solid #000;
}
.btn-primary{
    display: inline-block;
    background: #cb8184;
    color:#fff;
    font-family: 'Montserrat-SemiBold';
    font-size:14px;
    padding:15px 20px;
    transition:200ms;
    border:none;
    cursor: pointer;
    border-radius: 5px;
    text-transform: uppercase;
}
.banner{
    width: 100%;
}
.banner img{
    width: 100%;
}

.banner .slick-dots {
    bottom: 25px;
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.banner .slick-dots li button::before{
	font-size: 20px;
	color:#909090;
	opacity:1;
}

.banner .slick-dots li.slick-active button::before {
    color: #c8797c;
    opacity: 1;
}

/**
.img-arrow-banner{
    width: 100%;
    position: absolute;
    top: 8%;
}
**/

.bannerfront{
	height: 100%;
	position: relative;
	width: 100%;
}

.img-arrow-banner{
	width: 100%;
	margin: 0;
  	position: absolute;
  	top: 35%;
}  
  
.img-arrow-banner img{
    width: 60px;
}
.btn-arrow-banner{
    position: absolute;
    top: 100px;
}
.btn-left{
    position: absolute;
    left: 0;
    cursor: pointer;
}
.btn-right{
    position: absolute;
    right: 0;
    cursor: pointer;
}
.background-home{
    background-image: url(../images/bg-home.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.content{
    width: 85%;
    margin: 0 auto;
}
.content-p70{
    padding: 70px 0 70px 0;
    margin: 0 100px 20px 100px;
}
.content-product{
    margin: 0 100px 50px 100px;
}
.slide-arrow-prev{
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 25px;
}
.slide-arrow-prev img{
    width: 100%;
}
.slide-arrow-next{
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.slide-arrow-next img{
    width: 100%;
}
.title-hot{
    margin: 40px 0 40px 0;
    text-align: center;
}
.title-hot h1{
    font-size: 18px;
    font-weight: 600;
    color: #cb8184;
    text-transform: uppercase;
    font-family: 'Montserrat-Regular';
}
.content-hot{
    width: 100%;
    display: flex;
}
.list-hot{
    margin-right: 15px;
    margin-bottom: 30px;
}
.list-hot img{
    width: 240px;
    height: 300px;
}
.list-hot button{
    width: 240px;
    height: 50px;
    background-color: #fff;
    border-color: #cb8184;
    border-radius: 0;
    font-family: 'Montserrat-SemiBold';
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
}
.list-hot button:hover{
    background-color: #cb8184;
    transition: 0.5s;
    border-color: #cb8184;
    color: #fff;
}
.btn-detail{
    border: 2px solid #cb8184;
    padding: 10px 80px;
    background-color: #fff;
    color: #cb8184;
    text-decoration: none !important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    font-family: 'Montserrat-Regular';
    font-size: 14px;
}
.btn-detail:hover{
    background-color: #cb8184;
    color: #fff;
}
.btn-read-more{
    display: block;
}
.btn-slide{
    justify-content: flex-end;
    position: relative;
    right: 20px;
    bottom: 20px;
    padding-right: 4%;
}
/* product */
.row-product{
    display: flex;
}
.filter-product{
    width: 28%;
    margin-right: 100px;
}
.item-product{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}
.list-menu{
    display: block;
    margin-bottom: 20px;
}
.list-menu button{
    width: 100%;
    text-align: left;
    color: #cb8184;
    padding: 0;
}
.dropdown-toggle::after{
    position: relative;
    color: #cb8184;
    left: 200px;
}
.product-list{
    margin: 0 20px 45px 0px;
}
.product-list img{
    width: 245px;
    height: 250px;
    object-fit: cover;
}
.product-list p{
    margin: 5px 0 10px 0;
    color: #cb8184;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    margin-bottom: 22px;
}
.btn-product{
    border: 1.5px solid #cb8184;
    width: 100%;
    border-radius: 0%;
    color: #cb8184;
}
.btn-product:hover{
    color: #fff;
    background-color: #cb8184;
}
.filter-mobile{
    display: none;
}
ul { list-style-type: none; }
.accordion {
  width: 100%;
  max-width: 360px;
  margin: 30px auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 0;
  color: #cb8184;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-family: 'Montserrat-SemiBold';
}
.accordion li:last-child .link { 
   border-bottom: 0; 
   text-align: left;
}
.accordion li i {
  position: absolute;
  top: 4px;
  left: 12px;
  font-size: 18px;
  color: #cb8184;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 12px;
}
.accordion li.open .link { color: #cb8184; }
.accordion li.open i { color: #cb8184; }
.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
hr.line{
    border-top: 1px solid #cb8184;
}
.submenu {
    display: none;
    font-size: 14px;
    padding: 0;
  }
  .submenu a {
    display: block;
    text-decoration: none;
    color: #cb8184;
    padding: 14px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    font-family: 'Montserrat-Regular';
  }
  .submenu a:hover {
      background: #cb8184;
      color: #FFF;
  }
.row-filter{
    display: flex;
}
/* close product */
.product-description .detail-information{
    display: flex;
    margin-top: 40px;
}
.product-description .detail-information a{
    margin-left: 0;
    margin-right: 0;
    text-decoration: none;
    color: #707070;
    font-family: 'Montserrat-SemiBold';
    font-size: 14px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #cb8184;
    background-color: #fff;
}
ul.nav-pills{
    width: 100%;
}
li.nav-item{
    width: 25%;
}
.content-detail-information{
    height: 200px;
    overflow: auto;
    margin-bottom: 30px;
}
.buy{
    width: 144px;
}
.select-color{
    /* margin-left: 140px; */
    position: relative;
    top: 45px;
}
.select-color p{
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #707070;
    font-family: 'Montserrat-SemiBold';
}

.color-set {
  border-radius: 30px;
  height: 50px;
  width: 50px;
  margin: 0 10px 10px;
}

.copytext-market{
    font-family: 'Montserrat-SemiBold';
    margin-top: 30px;
}
.copytext-market p{
    font-size: 14px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    color: #cb8184 !important;
}
.result{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.result-row{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 20px;
    align-items: center;
}
.result-name{
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #656565;
    font-family: 'Montserrat-Medium';
}
.result-left{
    width: 40%;
}
.result-right{
    width: 40%;
}
.popup-product-review{
    top:45px;
    left:0;
    right:0;
    background:#fff;
    z-index:141;
    display:none;
    position:absolute;
    margin: 0 auto;
    width:760px;
    border-radius:8px;
    padding:40px;
    /* text-align: center; */
}
.popup-product-review .btn-close{
    border:0;
    background:0;
    position:absolute;
    top:35px;
    right:34px;
    cursor:pointer;
    padding:5px 6px;
    font-size:14px;
    color:#434343;
}
.popup-product-review h1{
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.67px;
    color: #c8797c;
    font-family: 'Montserrat-Medium';
    text-align: center;
}
.col-30{
    width: 30%;
}
.col-30 img{
    width: 100%;
}
.col-70{
    width: 70%;
}
.col-70 h1{
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.94;
    letter-spacing: normal;
    color: #cb8184;
    margin-bottom: 10px;
    font-family: 'Montserrat-SemiBold';
    text-align: center;
}
.col-70 p{
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.44px;
    color: #cb8184;
    margin-bottom: 30px;
    font-family: 'Montserrat-Medium';
    text-align: center;
}
.col-70 h3{
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #656565;
    margin-bottom: 10px;
    font-family: 'Montserrat-Medium';
}
.rate-popup h1{
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #c8797c;
    margin-top: 10px;
    margin-bottom: 20px;
}
.score:not(:checked) > input{
    position: absolute;
    visibility: hidden;
    /* display: none; */
    /* top: -9999px; */
}
.score:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color: #ccc;
}
.score:not(:checked) > label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f006";
    color: #cb8184;
    font-size:18px;
}
.score > input:checked ~ label:before {
    content: "\f005";
}
.score:not(:checked) > label:hover,
.score:not(:checked) > label:hover ~ label{
    content: "\f006";
}
.score > input:checked + label:hover,
.score > input:checked + label:hover ~ label,
.score > input:checked ~ label:hover,
.score > input:checked ~ label:hover ~ label,
.score > label:hover ~ input:checked ~ label {
    content: "\f005";
}
.form-rate{
    display: flex;
    flex-direction: row;
    font-family: 'Montserrat-Medium';
}
.left-box{
    display: flex;
    flex-direction: column;
    width: 50%;
}
.right-box{
    display: flex;
    flex-direction: column;
    width: 50%;
    text-align: left;
}
.write-review{
    display: flex;
    flex-direction: column;
}
input.width-90{
    width: 90%;
}
.row-flex.between {
    justify-content: space-between;
}
.row-flex {
    display: flex;
}
.width-45 {
    width: 45%;
}
.width-30 {
    width: 30%;
}
.row-flex .col-30 {
    width: 30%;
}
.left{
    float: left;
}
.popup-product-review h3 {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #656565;
    margin: 11px 0;
}
.popup-product-review input{
    font-size: 14px;
    letter-spacing: 1.5;
    line-height: 1.5;
    border-radius: 10px;
    padding: 8px;
    border-width: 1px;
    border-color: #ddd;
    margin-bottom: 20px;
}
.recommend-product{
    text-align: center;
}
.btn-submit{
    display: inline-block;
    background: #c8797c;
    color: #fff;
    font-size: 16px;
    padding: 15px 20px;
    transition: 200ms;
    border: none;
    cursor: pointer;
}
.centered {
    margin: 0 auto;
}
#popup-review {
    overflow-y: scroll;
    overflow: auto;
    max-height: 560px;
    position: fixed;
}

/* news */
.container-news{
    width: 85%;
    margin: 0 auto;
    display: flex;
}
.title-news{
    margin: 40px 0 40px 0;
    text-align: center;
}
.title-news h1{
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal; 
    letter-spacing: normal;
    color: #cb8184;
    text-transform: uppercase;
    font-family: 'Montserrat-SemiBold';
}
.content-news{
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 20px;
}
.content-subnews{
    display: flex;
    //flex-direction: column;
}
.image-subnews{
    display: flex;
    max-height: 100px;
    width: 280px;
    margin: 5px 0;
}
.image-subnews img{
    border-radius: 5px;
    max-height: 100%;
    object-fit: cover;
    object-position: center center;
    width: 100%;
}
.text-subnews{
    padding: 8px;
    margin-left: 20px;
}
.text-subnews a{
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
}
.text-subnews h1{
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    //letter-spacing: 1px;
    text-align: justify;
    color: #3f3f3f;
    font-family: 'Montserrat-SemiBold';
}
.text-subnews p{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #3f3f3f;
    font-family: 'Montserrat-Regular';
    text-align: left;
}
.list-subnews h3{
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
    margin-bottom: 10px;
    text-align: left;
}
.list-subnews{
    display: flex;
    flex-direction: column;
    margin-left: 35px;
    width: 45%;
}
.list-news{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.news{
    margin-bottom: 20px;
    width: 100%;
    position: relative;
}
.news-border{
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 3px 6px 0 rgba(180, 180, 180, 0.5);
    display: flex;
}

.date-news{
    justify-content: space-between;
    display: flex;
    height: 50px;
}
.news-border .image-news{
    width: 25%;
    display: flex;
}
.image-news img{
    width: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 200px;
}
.text-news{
    padding: 15px;
    width: 75%;
}
.text-news .content-text{
    height: 120px;
}


.text-news h1{
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: 1px;
    text-align: justify;
    color: #3f3f3f;
    font-family: 'Montserrat-SemiBold';
}
.text-news p{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #3f3f3f;
    margin-bottom: 17px;
    font-family: 'Montserrat-Regular';
    text-align: left;
}
.news a{
    border: solid 1px #cb8184;
    bottom: 20px;
    width: 15%;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    text-decoration: none;
    color: #c8797c;
    font-size: 14px;
    position: absolute;
    right: 20px;
    text-align: center;
}
.news a:hover{
    background: #cb8184;
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.news span{
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: justify;
    color: #7d7d7d;
    position: absolute;
    bottom: 30px;
}


.list-news .paging{

    margin-right: 10px;
    text-align: right;
}

.list-news .paging a,strong{
	font-family: "Montserrat-SemiBold";
    font-size: 14px;
    margin:0 10px;
}



/* close news */

/* look */
.segment {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.segment.pink {
	background: rgba(253, 213, 217, 0.15);
}

.segment .wrapper {
	width: 90%;
	padding: 1%;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
}

.look-article{
    display: flex;
    flex-direction: row;
    margin: 0 0 40px;
    padding-top: 40px;
}
.image-look-article{
    width: 40%;
    box-shadow: 0 2px 4px 0 rgba(180, 180, 180, 0.5);
}
.image-look-article img{
    width: 100%;
}
.description-look-article{
    margin-left: 80px;
    text-align: left;
    width: 60%;
}
.description-look-article h1{
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #cb8184;
    margin-bottom: 30px;
    margin-top: 0 !important;
}
.description-look-article p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    color: #707070;
    margin-bottom: 24px;
    font-family: 'Montserrat-Regular';
}
.btn-look{
    display: block !important;
    margin-top: 30px !important;
}
.btn-detail-look{
    border: 2px solid #cb8184;
    padding: 10px 80px;
    background-color: #cb8184;
    color: #fff;
    text-decoration: none !important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    font-family: 'Montserrat-Regular';
    border-radius: 5px;
}
.btn-detail-look:hover{
    background-color: #fff;
    color: #cb8184;
}
.look-tutorial{
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
}

.content-tutorial{
    display: flex;
    flex-direction: row;
    margin: 40px 0;
    width:100%;
}

.video-tutorial{
	padding-bottom: 5px;
    width: 54%;
}

.video-tutorial iframe{
    height: 100% !important;
    object-fit: cover;
    object-position: 0 0;
    width: 100%;
}

.look-tutorial h1{
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
    text-align: center;
    margin-bottom: 40px;
}

.content-tutorial .step-tutorial{
    width: 46%;
    margin-left: 5px;
}

.content-tutorial .step-tutorial .list-video{
	float: left;
	margin: 0 5px 5px;
	width: 42%;
}

.list-video iframe{
    width:100%;
    height:100%;
}

.step-tutorial h2{
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
    margin-bottom: 20px;
    font-family: 'Montserrat-Medium';
}
.step-tutorial p{
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #707070;
    font-family: 'Montserrat-Medium';
}
.list-get-look{
    display: flex;
    flex-wrap: wrap;
}

.row-get-look2 {
    margin: 0 auto;
}

.row-get-look2:after {
    content: '';
  display: block;
  clear: both;
}

.row-get-look{
    display: flex;
    flex-wrap: wrap;
}
.get-look-border h1{
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
    margin-bottom: 40px;
    text-align: center;
}
/**
.image-get-look{    
    text-align: center;
    margin: 10px;
    background-color: #cb8184;
    box-shadow: 0 2px 4px 0 rgba(180, 180, 180, 0.5);
    float: left;
}
**/
.grid-sizer{
	width:25%;
}
.gutter-sizer{
	width:2%;
}
.image-get-look{   
	position: relative
    text-align: center;
    background-color: #cb8184;
    float: left;
    width:25%;
}

.image-get-look img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #fff;
}
.image-get-look a:hover img{
    opacity: 0.1;
}
.image-get-look a:hover .text-overlay{
    opacity: 1;
}

/**
.image-look-1{
	width: 560px !important;
	height: 560px !important;
}

.image-look-2{
	width: 270px !important;
	height: 270px !important;
}

.image-look-3{
	width: 270px !important;
	height: 270px !important;
}

.image-look-4{
	width: 270px !important;
	height: 270px !important;
}

.image-look-5{
	width: 270px !important;
	height: 270px !important;
}

.image-look-6{
	width: 270px !important;
	height: 270px !important;
}

.image-look-7{
	width: 270px !important;
	height: 270px !important;
}

.image-look-8{
	width: 560px !important;
	height: 560px !important;
}

.image-look-9{
	width: 270px !important;
	height: 270px !important;
}

.image-look-10{
	width: 270px !important;
	height: 270px !important;
}
**/

/**
.image-look-1{
	width: 42% !important;
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: 0;
	margin-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-2{
	width: 21% !important;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-3{
	width: 21% !important;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-4{
	width: 21% !important;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-5{
	width: 21% !important;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-6{
	width: 21% !important;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-7{
	width: 21% !important;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-8{
	width: 42% !important;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-9{
	width: 21% !important;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-10{
	width: 21% !important;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
**/

.image-look-1{
	width: 50% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-2{
	width: 25% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-3{
	width: 25% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-4{
	width: 25% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-5{
	width: 25% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-6{
	width: 25% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-7{
	width: 25% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-8{
	width: 50% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-9{
	width: 25% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.image-look-10{
	width: 25% !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.text-overlay{
    position: absolute;
    padding: 6px;
    font-size: 18px;
    color: #fff;
    opacity: 0;
    font-family: 'Montserrat-SemiBold';
    width: 15%;
    text-align: left;
}
.arrow-slider-look{
    width: 100%;
    position: relative;
    top: 205px;
}
.arrow-slider-look img{
    width: 60px;
}
.btn-left-look{
    position: absolute;
    left: -100px;
    cursor: pointer;
}
.btn-right-look{
    position: absolute;
    right: -8.5%;
    cursor: pointer;
}
.content-p70 h3{
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #707070;
    font-family: 'Montserrat-SemiBold';
}
.content-p70 h1{
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
    margin: 40px 0 40px 0;
    font-family: 'Montserrat-SemiBold';
}
.title-get-look{
    margin: 40px 0 40px 0;
    text-align: center;
}
.title-get-look h1{
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
    font-family: 'Montserrat-SemiBold';
}
.bg-look-detail{
	width: 100%;
    padding: 30px 80px;
}
.title-look-detail{
    text-align: left;
    margin-bottom: 30px;
    font-family: 'Montserrat-Regular';
}
.title-look-detail h3{
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #707070;
    margin-bottom: 20px;
}
.title-look-detail h1{
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
}
.content-look{
    display: flex;
    flex-direction: row;
}
.image-look-detail{
    width: 35%;
}
.image-look-detail img{
    width: 100%;
}
.list-image-look{
    width: 11%;
    display: flex;
    margin-left: 40px;
    flex-direction: column;
    align-items: center;
}
#load-more{
    font-size: 14px;
    color: #cb8184;;
    cursor: pointer;
}
.slider-image-look{
    width: 100%;
}
.slider-image-look.slick-vertical .slick-slide.list-product{
    height:100px;
    overflow:hidden;
    border-radius: 10px;
    margin:10px 0;
    border: solid 1px #ededed;
}
.list-look{
    margin: 5px 0 5px 0;
    width:100%;"
}
.slider-image-look .list-look img{
    width:100%;
}
.text-look-detail{
    width: 30%;
    text-align: left;
    margin-left: 70px
}
.text-look-detail p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    color: #707070;
    font-family: 'Montserrat-Regular';
}
.text-look-detail a{
    text-align: center;
    text-decoration: none;
    color: #cb8184;
    font-size: 14px;
}
.get-look{
    width: 100%;
    padding: 0;
    font-family: 'Montserrat-Regular';
    margin: 40px 0 0;
}
.get-look h1{
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
    margin-bottom: 40px;
}

.get-look .space-more{
	height: 80px;
    padding: 20px;
    width: 90%;
}

.get-look .space-more .btn-more{
    border: solid 1px #cb8184;
    width: 20%;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    text-decoration: none;
    color: #c8797c;
    font-size: 14px;
    position: relative;
    right: 20px;
    text-align: center;
    margin: 5px auto;
}
.get-look .space-more .btn-more:hover{
    background: #cb8184;
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}


.list-get-look-detail{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 40px;
}
.get-look-border{
    width: 44%;
    border: solid 1px #dbbfbe;
    padding: 20px 5px 5px;
    margin: 30px 30px 0;
    font-family: 'Montserrat-Regular';
}
.row-look{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.content-get-look{
    width: 110px;
    margin: 0 10px 0 10px;
}
.content-get-look img{
    width: 100%;
}
.content-get-look p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    color: #D39396;
    text-align: center;
    margin-top: 15px;
}
.slider-arrow-prev-look{
    width: 40px;
    height: 40px;
    z-index: 11;
    font-size: 30px;
    border: solid 2px #cb8184   ;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    /* left: 28px; */
    margin-bottom: 5px;
}
.arrow-left-slider{
    border: solid #cb8184;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    position: relative;
    left: 0;
    bottom: 11px;
}
.slider-arrow-next-look{
    width: 40px;
    height: 40px;
    z-index: 11;
    font-size: 30px;
    border: solid 2px #cb8184;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    /* left: 28px; */
    top: 12px;
    margin-top: 5px;
}
.arrow-right-slider{
    border: solid #cb8184;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: relative;
    left: 0;
    bottom: 11px;
}
/* close look */

/* article */
.content-article{
    margin: 0 10%;
    padding-top: 40px;
}
.date-article{
    margin-bottom: 30px;
}
.date-article p{
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: justify;
    color: #909090;
    font-family: 'Montserrat-Medium';
}
.image-article{
    width: 100%;
    margin: 40px 0 40px 0;
    text-align: center;
}
.image-article img{
    width: 30%;
}
.title-article{
    margin-top: 60px;
}
.title-article h1{
    font-size: 21px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #3f3f3f;
    font-family: 'Montserrat-Medium' !important;
}
.post-by{
    margin-top: 30px;
}
.post-by h1{
    font-size: 14px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #c8797c;
    font-family: 'Montserrat-Medium' !important;
}
.text-article{
    margin-top: 30px;
}
.text-article p{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    color: #3f3f3f;
    font-family: 'Montserrat-Regular';
}
/* .close article */

.pull{
    /* float: right; */
    margin-right: 5%;
}
.btn-primary.invert{
    background:#fff;
    color:#000;
}
.btn-primary:hover{
    background: #dbbfbe;
    color: #cb8184;
    text-decoration: none;
}
.btn-primary.invert:hover{
    background:#333;
    color:#fff;
}
.slider-full.slick-dotted.slick-slider{
    margin-bottom:0;
}
.slider-full .list{
    position: relative;
    height: calc(100vh - 77px);
    overflow:hidden;
}
.slider-full .list .image{
    width:100%;
    height:100%;
}
.slider-full .list .image img{
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}
.slider-full .list .text{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin: auto;
    height:36%;
}
.slider-full .list .text h1{
    color: #cb8184;
    font-size:30px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.slider-full .list .text h3{
    font-size:16px;
    color:#434343;
    line-height: 1.56;
    letter-spacing: 1px;
    text-align: center;
    width:650px;
    margin:auto;
}
.slider-full .list .text .btn-primary{
    display: inline-block;
    margin-top: 20px;
}
.slider-full .slick-dots{
    bottom: 25px;
}
.slider-full .slick-dots li button{
    width: 15px;
    height: 15px;
    border-radius:50%;
    background-color: #d8d8d8;
}
.slider-full .slick-dots li.slick-active button{
    width: 15px;
    height: 15px;
    border-radius:50%;
    background-color: #656565;
}
.slider-full .slick-dots li button:before{
    content:'';
}
.slider-full .slick-dotted.slick-slider{
    margin-bottom:0;
}
.slider-full .slick-prev,
.slider-full .slick-next{
    z-index:10;
    width: 55px;
    height: 55px;
}
.slider-full .slick-prev:before,
.slider-full .slick-next:before{
    font-family: FontAwesome;
    font-size: 30px;
    color: #cb8184;
    border: 2px solid #cb8184;
    border-radius: 50%;
}
.slider-full .slick-prev:before{
    content: "\f104";
    padding: 7px 20px 8px 17px;
}
.slider-full .slick-next:before{
    content: "\f105";
    padding: 7px 17px 8px 20px;
}
.slider-full .slick-prev{
    left:100px;
}
.slider-full .slick-next{
    right:100px;
}
.slider-product .list{
    float:left;
    margin:0 10px;
    border:1px solid rgba(180, 180, 180, 0.5);
}
.slider-product .list img{
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}
.slider-product-detail{
    width:100px;
}
.slider-story{
    width:100%;
    height: 520px;
}
.slider-story .list{
    border-radius: 10px;
    border: solid 1px #e8e8e8;
    overflow: hidden;
}
.slider-story .list .image{
    width:100%;
    height:100%;
}
.slider-story .list .image img{
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}
.slider-story.slick-dotted.slick-slider{
    margin-bottom:0;
}
.slider-story .slick-dots{
    bottom: -70px;
}
.slider-story .slick-dots li button{
    width: 15px;
    height: 15px;
    border-radius:50%;
    background-color: #d8d8d8;
}
.slider-story .slick-dots li.slick-active button{
    width: 15px;
    height: 15px;
    border-radius:50%;
    background-color: #656565;
}
.slider-story .slick-dots li button:before{
    content:'';
}
.product-detail-description {
    font-family: 'Montserrat-Regular';
}
.product-detail-description h1{
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #cb8184;
    padding-bottom:20px;
    margin-top:0;
}
.product-detail-description hr{
    border: solid 1px #979797;
    margin-left:60px;
    width:40%;
}
.content-score{
    padding-left: 20%;
}
.product-detail-description h2{
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: 1px;
    color: #434343;
}
.product-detail-description p{
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #9a9a9a;
}
.text-details{
    font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.88;
letter-spacing: 1px;
color: #9a9a9a;
}
.product-detail-description .image{
    float:right;
    border:1px solid #d1d1d1;
    height:490px;
    width:auto;
    overflow:hidden;
    border-radius:10px;
}
.product-detail-description .image img{
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}
.product-arrow-prev,
.product-arrow-next{
    width:40px;
    height:40px;
    text-align:center;
    margin:0 auto;
    cursor: pointer;
}
.product-arrow-prev{
    font-family: FontAwesome;
    font-size: 30px;
    color: #d8d8d8;
    border: solid 2px #d8d8d8;
    border-radius: 50%;
    margin-bottom:10px;
}
.product-arrow-next{
    font-family: FontAwesome;
    font-size: 30px;
    color: #d8d8d8;
    border: solid 2px #d8d8d8;
    border-radius: 50%;
    margin-top:10px;
}
.product-arrow-prev:before{
    content: "\f106";
    line-height: 35px;
    margin-left: 1px;
    position: relative;
    bottom: 6px;
}
.product-arrow-next:before{
    content: "\f107";
    line-height: 40px;
    margin-left: 1px;
    position: relative;
    bottom: 4px;
}
.arrow-testimony{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.review-arrow-prev{
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 20px;
}
.review-arrow-prev img{
    width: 100%;
}
.review-arrow-next{
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 20px;
}
.review-arrow-next img{
    width: 100%;
}
.slider-product-detail.slick-vertical .slick-slide.list{
    height:100px;
    overflow:hidden;
    border-radius: 10px;
    margin:10px 0;
    border: solid 1px #ededed;
    outline: none;
}
.button-slide-youthful{
    display: flex;
    flex-direction: row;
    position: relative;
    bottom: 10px;
}
.button-slide-youthful img{
    width: 35px;
    margin: 0 12px;
    cursor: pointer;
    position: relative;
    left: 455px;
}
.youthful-next img{
    transform: rotate(180deg);
}
.story-prev img{
    width: 35px;
    position: relative;
    left: 320px;
    cursor: pointer;
}
.story-next img{
    width: 35px;
    transform: rotate(180deg);
    position: relative;
    right: 12px;
    cursor: pointer;
}
.slider-product-detail .list img{
    width:100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
}
.promo-description{
    width:700px;
    font-family: 'Montserrat-Regular';
    text-align: center;
    margin:0 auto;
}
.promo-description a img{
    width: 70%;
    margin-top: 70px;
}
.text-promo-l p{
    width: 90%;
    margin-right: 50px;
}
.promo-left{
    margin-right: 260px;
}
.text-promo-left{
    text-align: right;
    margin-left: 23%;
}
.promo-description h1{
    font-size: 56px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color:   #cb8184;
    margin:0;
    margin-top:40px;
}
.promo-description h2{
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: 1px;
    color:#9a9a9a;
    margin:30px 0;
}
div#show-image img{
    width: 440px;
    height: 553px;
}
.product-image img{
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}
.product-description {
    font-family: 'Montserrat-Regular';
    text-align: left;
}
.product-description h1{
    line-height: 1.11;
    letter-spacing: 1px;
    font-size:36px;
    margin:0;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    color: #cb8184;
}
span.type-color{
    font-size: 18px;
    color: #cb8184;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-family: 'Montserrat-Medium';
}
.product-description p{
    font-size: 18px;
    color: #707070;
    margin-top: 10px;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-family: 'Montserrat-Medium';
}
.product-description p{
    line-height: 1.88;
    letter-spacing: 1px;
    font-size:16px;
}
.product-description .information{
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.75px;
    display:flex;
    margin-bottom: 30px;
    margin-top: 30px;
    align-items: end;
}
.product-description .information a{
    color: #434343;
}
.product-description .information .rating{
    width:120px;
    margin:0;
}
.product-description .information .mid{
    border-left: solid 1px #979797;
    border-right: solid 1px #979797;
    margin:0 10px;
    padding:0 10px;
}
.product-description .additional{
    flex-wrap:wrap;
    float: right;
    width:90%;
    justify-content: flex-end;
}
.product-description .additional div{
    text-align: right;
    width:40%;
    margin-left: 40px;
    position:relative;
}
.product-description .additional div i{
    position:absolute;
    top:0;
    left: -10px;
}
.product-description .additional div h3{
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.08;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top:0;
    width: 90%;
    float: right;
}
.product-description .additional div h4{
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.08;
    letter-spacing: 0.75px;
    color:#9a9a9a;
}
.testimonial{
    width:100%;
}
.testimonial .navigation {
    height:5px;
}
.testimonial .navigation .slick-dots{
    position:relative;
    width:100%;
    background:#e0e0e0;
    bottom:0;
    height:5px;
}
.testimonial .navigation .slick-dots li button:before{
    content:'';
    height:5px;
}
.testimonial .navigation .slick-dots li.slick-active{
    background: #cb8184;
    height:5px;
}
.testimonial .navigation .slick-dots li{
    height:5px;
    vertical-align: top;
}
.testimonial .list{
    width:30%;
    box-shadow: 0 2px 4px 0 rgba(180, 180, 180, 0.5);
    border: solid 1px #dadada;
    background-color: #ffffff;
    margin:30px;
    text-align:center;
    padding: 50px;
    min-height:360px;
}
.testimonial .list h1{
    font-size: 18px;
    color:#434343;
    font-family: 'Montserrat-SemiBold';
    margin: 25px 0;
}
.testimonial .list p{
    font-size: 14px;
    color:#9a9a9a;
    font-family: 'Montserrat-SemiBold';
    line-height: 1.75;/*2.14;*/
    letter-spacing: 0.88px;
}
.testimonial .list .image{
    width:100px;
    height:100px;
    border-radius:50%;
    overflow:hidden;
    margin: 0px auto;
}
.testimonial .list .image img{
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}
.video-container{
    width:100%;
    overflow:hidden;
}
.video-container video{
    width:100%;
}
.row-flex{
    display:flex;
}
.row-flex.column{
    flex-direction: column;
}
.row-flex.between{
    justify-content: space-between;
}
.row-flex.evenly{
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.row-flex.middle{
    align-items: center;
    justify-content: center;
}
.row-flex.center{
    justify-content: center;
}
.row-flex.reverse{
    flex-direction: row-reverse;
}
.row-flex .col-45{
    width:45%;
}
.row-flex .col-50{
    width:50%;
}
.row-flex .col-55{
    width:55%;
}
.row-flex .col-60{
    width:60%;
}
.row-flex .col-40{
    width:40%;
}
.row-flex .col-30{
    width:30%;
}
.row-flex .col-20{
    width:20%;
}
.row-flex .m-r-70{
    margin-right: 70px;
}
.row-flex .m-l-45{
    margin-left: 45px;
}
.row-flex .col-70{
    /* width:70%; */
}
.row-flex .text{
    font-family: 'Montserrat-SemiBold';
}
.row-flex .text.w200{
    width:200px;
}
.row-flex .w240{
    width:240px;
}
.row-flex .w350{
    width:350px;
}
.w510{
    width:510px;
    margin:0 auto;
}
.w510 h1{
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: center;
    color: #cb8184;
}
.arrow-latest-news{
    display: flex;
    flex-direction: row;
    /* justify-content: flex-end; */
    position: absolute;
    right: 20px;
}
.arrow-news-left{
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 20px;
}
.arrow-news-left img{
    width: 100%;
}
.arrow-news-right{
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.arrow-news-right img{
    width: 100%;
}
.row-flex .text h1, h2.section-title{
    font-size:24px;
    font-weight: 500;
    color: #cb8184;
    margin:0;
}
h2.section-title {
    margin-bottom: 40px;
}
.row-flex .text h3{
    font-size:16px;
    font-weight: 500;
    line-height: 1.88;
    letter-spacing: 1px;
    color:#434343;
    margin:0;
    margin-bottom:15px;
}
h1.t24{
    font-size:24px;
}
.text-article{
    /* column-count: 2; */
}
.text-article img{
    float: right;
}
.title-search{
	margin:20px 0;
}
.title-search h1{
    font-size: 24px;
    color: #cb8184;
    margin-left: 1.6%;
}
.row-flex .text h1.t24{
    font-size:24px;
}
.row-flex .text p{
    font-size:14px;
    margin:40px 0;
    line-height: 1.5;/*1.88;*/
    letter-spacing: 1px;
    color:#9a9a9a;
    word-break: break-word;
}
.row-flex .text a.link{
    color:#fff;
    font-size:14px;
    padding-right: 10px;
    text-align: center;
}
.row-flex .text a.link i{
    font-size:16px;
}
.row-flex .text a.link span{
    display:inline-block;
    margin-left:1px;
    vertical-align: middle;
}
.image.mask img{
    box-shadow: 0 2px 4px 2px rgba(180, 180, 180, 0.5);
    width: 100%;
    position: relative;
}
.overlay-full{
    position:fixed;
    z-index:140;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0, 0, 0, 0.7);
}
.overlay-full-login{
    position:fixed;
    z-index:140;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0, 0, 0, 0.7);
}
.popup-product-review select{
    font-family: 'Montserrat-Regular';
    font-size: 14px;
    height: 38px;
    letter-spacing: 1.5;
    line-height: 1.5;
    border-radius: 10px;
    padding: 8px;
    border-width: 1px;
    border-color: #ddd;
}
.popup-product-review{
    /* top:5px; */
    left:0;
    right:0;
    background:#fff;
    z-index:141;
    display:none;
    position: relative;
    bottom: 65px;
    margin: 0 auto;
    width:760px;
    border-radius:8px;
    padding:40px;
    font-family: 'Montserrat-Regular';
}
#popup-review{
    overflow-y: scroll;
    overflow: auto;
    max-height: 500px;
}
.popup-product-review .btn-close{
    border:0;
    background:0;
    position:absolute;
    top:35px;
    right:34px;
    cursor:pointer;
    padding:5px 6px;
    font-size:14px;
    color:#434343;
}
.popup-product-review h1{
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.67px;
    color: #434343;
    margin: 0;
}
.popup-product-review hr{
    border: solid 1px #979797;
    margin:30px 0;
}
.popup-product-review .rating label:before{
    font-size:36px;
    -webkit-text-stroke-width: 3px;
}
.popup-product-review textarea{
    font-family: 'Montserrat-Regular';
    font-size:14px;
    letter-spacing: 1.5;
    line-height:1.5;
    border-radius: 10px;
    padding:20px;
    border-width: 1px;
    border-color: #ddd;
    margin-bottom:20px;
}
.popup-product-review input{
    font-family: 'Montserrat-Regular';
    font-size:14px;
    letter-spacing: 1.5;
    line-height:1.5;
    border-radius: 10px;
    padding:8px;
    border-width: 1px;
    border-color: #ddd;
    margin-bottom:20px;
    outline: none;

}
.score{
    justify-content: center;
    overflow: hidden;
    display: inline-block;
}
.score:not(:checked) > input {
    position:absolute;
    visibility: hidden;
    /* display: none; */
    /* top:-9999px;  */
}
.score:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color: #ccc;
}
.score:not(:checked) > label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f006";
    color: #cb8184;
    font-size:18px;

}
.score > input:checked ~ label:before {
    content: "\f005";
}
.score:not(:checked) > label:hover,
.score:not(:checked) > label:hover ~ label{
    content: "\f006";
}
.score > input:checked + label:hover,
.score > input:checked + label:hover ~ label,
.score > input:checked ~ label:hover,
.score > input:checked ~ label:hover ~ label,
.score > label:hover ~ input:checked ~ label {
    content: "\f005";
}

.product-list, .article-list{
    justify-content: flex-start;
    flex-wrap: wrap;
}
.product-list .list {
    text-align: center;
    width:30%; 
    margin:0 1.6%;
    margin-bottom:30px;
}
.product-list .list .text {
    padding:40px;
    border-top:0;
    min-height:300px;
}
.product-list .list h1{
    font-size:18px;
    font-family: 'Montserrat-SemiBold';
    line-height: 1.39;
    letter-spacing: normal;
    text-transform: uppercase;
    min-height: 50px;
}
.product-list .list h1 a{
    color: #434343;
}
.product-list .list p{
    font-size: 14px;
    line-height: 1.75;/*2.14;*/
    letter-spacing: 0.88px;
    margin: 20px auto;
    min-height: 120px;
}
.article-list .list {
    width: 31.7%;
    //margin: 0 1.2% 30px;
    margin: 10px 30px 20px 10px;
    background: #ffffff;
    border-radius: 4px;
   // border-left: 1px solid rgba(151, 151, 151, 0.5);
}

.article-list .slick-active{
	box-shadow: 0 3px 6px 0 rgba(151, 151, 151, 0.5);
}


.article-list .list:first-child {
    margin-left: 10px;
}
.article-list .list:last-child {
    margin-right: 0;
}
.article-list .list .image img {
    width: 100%;
    height: calc(100vw * 0.125);
    object-fit: cover;
    border-radius: 4px 4px 0 0;
}
.article-list .list .text{
    padding: 18px;
}
.article-list .list .text p{
    margin: 0 0 18px;
}
.article-list .list h2{
    margin: 0 0 18px;
    font-size: 18px;
}
.article-list .list h2, .article-list .list .foot, .article-list .list .foot a{
    color:   #cb8184;
}
.image-highlight{
    width:100%;
}
.image-highlight img{
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}
#body .container .recommended-product{
    padding: 0px 160px;
    margin-top:70px;
    margin-bottom: 10px;
}
.campaign{
    /* height:700px; */
    position: relative;
    display: inline-block;
}
.campaign img{
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}
.campaign-overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0, 0, 0, 0.6);
}
.campaign-overlay .campaign-title{
    font-size: 56px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d8d8d8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 500px;
    height: 30%;
    margin: auto;
}
.campaign-overlay .scroller{
    position:absolute;
    bottom:0;
    margin:auto;
    width: 60px;
    left:0;
    right:0;
    text-align: center;
    color:#cb8184;
    font-family: 'Montserrat-Regular';
    font-size: 19.2px;
    line-height: 1.25;
}
.campaign-overlay .scroller .text{
    padding: 20px 0;
}
.scroll-down-title{
    cursor: pointer;
}
.campaign-overlay .scroller .scroll-down{
    color:#cb8184;
    border:2px #cb8184 solid;
    border-radius: 50%;
    background:transparent;
    width:48px;
    height:48px;
    font-size:28px;
    cursor: pointer;
}
.campaign-detail{
    font-family: 'Montserrat-Regular';
}
.campaign-detail .description h1{
    color: #cb8184;
    font-size: 30px;
    line-height: 1.33;
    /* width:450px; */
    /* margin:0 auto; */
}
.campaign-detail .description p{
    font-size: 16px;
    color: #9a9a9a;
    line-height: 1.5;/*1.88;*/
    letter-spacing: 1px;
    /* min-height:175px; */
}
.slider-step-detail {
    width: 100%;
    display: flex;
    justify-content: center;
}
.slider-step-detail .slidder-content {
    width: 90%;
    justify-content: center;
}
.campaign-detail .slider-campaign-control{
    margin-top:10px;
}
.campaign-detail .slider-campaign-prev,
.campaign-detail .slider-campaign-next{
    width:60px;
    height:60px;
    border:2px solid #cb8184;;
    border-radius: 50%;
    position:relative;
    font-size: 30px;
    margin-right:50px;
    cursor: pointer;
}
.campaign-detail .slider-campaign-prev i,
.campaign-detail .slider-campaign-next i{
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color:#cb8184;
}

.campaign-detail .container-slider-campaign{
    float:right;
    width:400px;
    height:400px;
    box-shadow: 0 2px 4px 0 rgba(180, 180, 180, 0.5);
}
.campaign-detail .slider-campaign .list{
    width:100%;
    height:100%;
}
.campaign-detail .slider-campaign .list img{
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    width:100%;
    height:100%;
}
.recommended-product .list{
    width:350px;
    margin-bottom:20px;
}
.recommended-product .list h2{
    font-size: 18px;
    line-height: 1.39;
    letter-spacing: normal;
    font-family: 'Montserrat-Regular';
    color: #434343;
    font-style: normal;
    font-stretch: normal;
}
.recommended-product .list p{
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.14;
    letter-spacing: 0.88px;
    color: #9a9a9a;
    margin:10px 0;
}
.recommended-product .list span.date-publish{
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.73;
    letter-spacing: 0.69px;
    color: #9a9a9a;
}
.recommended-product .rating{
    margin:0;
    justify-content: flex-start;
}
.recommended-product .rating label:before{
    margin-right:10px;
    font-size:29px;
}
.rating{
    justify-content: space-evenly;
    width:60%;
    margin:20px auto;
}
.rating label:before{
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #cb8184;
    color: #cb8184;
    font-size:18px;
}
.rating label.on:before{
    -webkit-text-fill-color: #cb8184;
}
.rating-review{
    width:85%;
    margin:0 auto;
    font-family: 'Montserrat-Regular';
    text-align: center;
}
.rating-review h1{
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #434343;
    margin:0;
}
.rating-review hr{
    border: solid 1px #979797;
    margin:20px 0;
}
.rating-review .row-flex{
    margin:20px 0;
    align-items: center;
}
.rating-review span.nums{
    font-size: 46px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.28px;
    color: #434343;
}
.rating-review span.text{
    width:210px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.39;
    letter-spacing: normal;
    color: #656565;
    text-transform: uppercase;
    text-align:left;
    margin-left:20px;
}
.rating-review .rating{
    margin:10px;
    align-items: center;
}
.rating-review .rating label:before{
    font-size:36px;
    margin-left:10px;
}
#body .container > .body-article{
    padding: 0 160px !important;
}
.text-article img{
    width: 100%;
}
.text-article{
    /* padding: 0 0 0 30px; */
    width: 100%;
    text-align: justify;
    font-size: 16px;
    margin: 40px 0;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #9a9a9a;
}
h1.title-article{
    font-size: 24px;
    color: #9a9a9a;
    line-height: 30px;
    letter-spacing: 2px;
}
h3.date-article{
    font-size: 16px;
    color: #c7a66c;
    line-height: 30px;
    letter-spacing: 1.33px;
}
.link-footer{
    display: flex;
    flex-direction: row;
}
.link-footer .line{
    border-right: 1px solid #c7a66c;
    margin-right: 10px;
    padding: 0 5px 0 0;
    font-size: 11px;
}
.link-footer .line-end{
    border: none;
    font-size: 11px;
}
.copyright{
    position: absolute;
    left: 40%;
}
.crystallure-footer{
    width:100%;
    padding: 20px 0;
}
.crystallure-footer a img{
    width: 30%;
    margin-top: 70px;
}
.crystallure-footer h1{
    display: inline-block;
    color: #cb8184;
    font-size:32px;
    margin-top:40px;
    margin-bottom:0;
    letter-spacing: 8px;
}
.crystallure-footer p{
    font-family: 'Montserrat-SemiBold';
    font-size:16px;
    margin:20px auto;
    width:40%;
    line-height: 1.56;
    letter-spacing: 1px;
}
footer .row-flex{
    align-items: center;
    justify-content: space-between;
    height:80px;
    padding:0 100px;
}
footer .social .list{
    width:45px;
    height:45px;
    border:1px solid #fff;
    border-radius:50%;
    display:inline-block;
    margin-right:10px;
    vertical-align: top;
    position:relative;
    cursor: pointer;
    transition: 200ms;
}
footer .social .list:hover{
    
}
footer .social .list a{
    width:45px;
    height:45px;
    display:block;
}
footer .social .list img{
    position:absolute;
    top : 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
footer .social .list:last-child{
    margin:0;
}

.vslider{
    width: 100%;
    position: relative;
    margin: 56px 0 0;
}
.vslider2{
    margin-top: 76px;
}
    .vslider .title,
    .vslider .slider-container{
        display: inline-block;
        float: left;
    }
    .vslider .slider-container{
        width: 76.5%;
        position: relative;
    }
    .vslider .slider-container2{
        width: 100%;
        position: relative;
        top: 0;
        left: 12px;
    }
    .vslider2 .slider-container2{
        left: auto;
        right: 12px;
    }
    .vslider .title{
        width: 23.5%;
        background: #f4dda8;
        font-family: 'Montserrat-Regular';
        font-size: 20px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 1.25px;
        color: #ffffff;
    }
        .vslider .title span{
            display: inline-block;
            position: relative;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }
    .vslider .slider .item{
        display: inline-block;
        background: #d8d8d8;
        margin: 0 12px;
        overflow: hidden;
    }
    .vslider .title,
    .vslider .slider .item{
        height: 262px;
    }
        .vslider .slider .item a{
            display: block;
            text-decoration: none;
            outline: none;
        }
        .vslider .slider .item img{
            width: 100%;
            height: auto;
        }
        .vslider .slider .slick-prev:before,
        .vslider .slider .slick-next:before {
            content: "";
        }
        .vslider .slider .slick-prev,
        .vslider .slider .slick-next {
            background: transparent url('../images/slider-nav.png') no-repeat center;
            background-size: 32px;
            width: 32px;
            height: 32px;
            top: -40px;
        }
        .vslider .slider .slick-next {
            right: 10px;
            -webkit-transform: rotate( 180deg) translate(0,50%);
            transform: rotate( 180deg) translate(0,50%);
        }
        .vslider .slider .slick-prev {
            right: 65px;
            left: auto;
        }
        .vslider2 .slider .slick-prev {
            right: auto;
            left: 10px;
        }
        .vslider2 .slider .slick-next {
            right: auto;
            left: 65px;
        }
.page-article{
    margin: 0 0 0 40px;
}
.marketplace{
    float: right;
    position: relative;
    top: 80px;
    left: 210px;
}
.marketplace h1{
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 2px;
    color: #434343;
    margin: 0;
}
.logo-marketplace{
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    margin-bottom: 70px;
}
.marketplace img{
    width: 80px;
    margin: 10px 20px 0 20px;
}
.section-join-us{
    font-family: 'Montserrat-SemiBold';
    width: 100%;
}
.bg-join-us{
    background-color: #fae6e0;
    padding: 4% 0;
    text-align: center;
}
.section-join-us h1{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    text-align: center;
    color:#cf8d8f;
    margin-bottom: 15px;
}
.section-join-us p{
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #9a9a9a;
    margin-bottom: 45px;
}
.section-join-us input{
    border: none;
    border-bottom: 1px solid #9a9a9a;
    width: 35%;
    margin-bottom: 30px;
    padding: 5px;
    background: none;
    font-size: 14px;
}
.section-join-us input:focus{
    outline: none;
}
.section-join-us input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.section-join-us input[type=number] {
    -moz-appearance: textfield;
  }
.section-join-us button{
    width: 16%;
    margin-top: 50px;
    padding: 10px;
    background: #c8797c;
    border: none;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}
.content-product{
    flex-direction: row;
    flex-wrap: wrap;
}
.content-contact{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    font-family: 'Montserrat-SemiBold';
    transition: 0.5s all ease-in-out;
}
.content-contact a{
    text-decoration: none;
}
.title-contact h1{
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
}
.border-contact{
    border: 1px solid #cb8184;
    width: 45%;
    border-radius: 5px;
    display: flex;
    position: relative;
    padding: 3%;
    margin: 0 auto;
    margin-top: 16px;
    margin-bottom: 30px;
}
.border-contact:hover{
    box-shadow: 0 3px 6px 0 rgba(180, 180, 180, 0.5);
}
.border-contact .icon-contact{
    width: 10%;
    position: relative;
    top: 11px;
    font-size: 30px;
    color: #cb8184;
}
.border-contact .arrow-contact{
    width: 10%;
    position: absolute;
    top: 35px;
    right: 0;
    font-size: 30px;
    color: #cb8184;
}
.border-contact .copytext{
    text-align: left;
    margin-left: 30px;
}
.border-contact .copytext h1{
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.5px;
    color: #cb8184;
}
.border-contact .copytext p{
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9a9a9a
}
.footer-contact{
    width: 100%;
    background: #dbbfbe;
    color: #fff;
    padding: 4%;
    font-family: 'Montserrat-Medium';
}
.logo-footer img{
    width: 35%;
    margin-bottom: 30px;
}
.footer-contact p{
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
    margin-bottom: 20px;
}
.button-footer img{
    width: 16%;
    cursor: pointer;
}
.title-store{
    font-family: 'Montserrat-SemiBold';
}
.title-store h1{
    font-size: 24px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
    margin-bottom: 30px;
}
.content-store{
    display: flex;
    margin: 0 100px;
    font-family: 'Montserrat-SemiBold';
}
.box-store{
    background: #fff;
    width: 40%;
    padding: 2%;
    height: 525px;
    margin-left: 100px;
    overflow: auto;
    position: relative;
    box-shadow: 0 3px 6px 0 rgba(180, 180, 180, 0.5);
}
.box-store input[type="text"]{
    border-radius: 5px;
    height: 30px;
    border: solid 1.5px  #cb8184;
    padding: 4px 30px 4px 10px;
    width: 75%;
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
    color: #cb8184;
}
.box-store form.search span{
    background: none;
    color: #cb8184;
    position: absolute;
    top: 30px;
    right: 65px;
} 
.list-store{
    text-align: left;
    margin-top: 30px;
    margin-bottom: 30px;
}
.list-store h1{
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #cb8184;
}
.list-store p{
    font-size: 12px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #646867
}
.mapouter{
    position: relative;
    height: 670px;
    width: 100%;
    margin-left: 20px;
}
.gmap_canvas{
    overflow: hidden;
    background: none !important;
}

@media(min-width: 1380px) {	
	.row-get-look2{
		min-width: 1350px !important;
	}
}	


@media (max-width:1366px){
    .popup-product-review{
        padding: 20px;
        position: relative;
        bottom: 55px;
    }
    .popup-product-review h1{
        font-size: 20px;
        color: #cb8184;
    }
    .popup-product-review .btn-close{
        top: 0px;
        right: 5px;
        font-size: 20px;
    }
    .content-score{
        padding: 0 0 0 12%;
    }
    .row-flex .col-70{
        margin: 0 0 0 85px;
    }
    /* .popup-product-review h3{
        margin: 5px;
    } */
    .popup-product-review input{
        margin-bottom: 5px;
        border-radius: 5px;
    }
    .row-flex.column{
        /* margin: 0 30px; */
    }
    .popup-product-review hr{
        margin: 25px 25px;
    }
    .score{
        margin: 0 0 10px;
    }
    .row-get-look2{
		min-width: 1230px !important;
	}
}

@media (max-width:1350px){
    .container{
        width:100%;
    }
}
@media (max-width:1280px){
    header ul li input[type=text]{
        width:55px;
    }
    .row-get-look2{
		width:1230px !important;
	}
}

@media (max-width:1024px){
    .mobile-pt-20{
        margin:20px 0 !important;
    }
    .product-list .list{
        width:30%;
        margin-bottom:70px;
        text-align: center;
        margin:0 1%;
    }
    .testimonial .list{
        padding:10px;
    }
    .product-list .list .text{
        min-height:380px;
    }
    header .menu-container{
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding:0 30px;
        align-items: center;
        height: 30px;
    }
    header .menu-container .logo{
        padding-top:0;
    }
    header ul {
        display: none;
        position: fixed;
        background: #000;
        width: 100%;
        text-align: center;
        padding: 0 50px 0 0;
        top: 70px;
    }
    header ul li{
        width:100%;
    }
    header ul li form.search{
        margin:0 auto;
        width:100%;
        padding: 0 20px 20px 20px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;
    }
    header ul li form.search button{
        top: 5px;
        right: 27px;
    }
    header ul li input[type=text]{
        width:100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;
        height:auto;
        padding: 10px 30px 5px 10px;
    }
    header .menu-container .toggle-mobile{
        display:block;
        border: none;
        color:#fff !important;
        padding:10px 17px;
        outline: none;
        position: absolute;
        right: 15px;
    }
    #body .container > .row-flex{
        padding:0 30px;
        flex-wrap: wrap;
    }
    .row-flex.m-reverse{
        flex-direction: column-reverse;
    }
    .row-flex.m-column{
        flex-direction: column;
    }
    .row-flex.m-column .col-60{
        width:100%;
    }
    .row-flex.m-column .col-40{
        width:100%;
    }
    #body .container.space-top{
        padding-top:30px;
    }
    .row-get-look2{
		width:980px !important;
	}
}

@media (max-width:1000px){
    *{
        -webkit-overflow-scrolling: touch;
    }
    .slider-full .slick-arrow{
        display:none !important;
    }
    .slider-full .list .text h3{
        width:80%;
    }
    .product-list .list {
        width:48%;
    }
    .product-list .list .text{
        min-height: 325px;
    }
    header .logo img{
        color: #cb8184;
        width: 369px;
        height: 30px;
    }
    header .menu-container .toggle-mobile{
        color:#fff;
    }
    .row-flex .col-50{
        width:100%;
    }
}

.only-desktop {
    display: block !important;
}
.only-mobile {
    display: none !important;
}

@media (max-width:750px){
    .only-desktop {
        display: none !important;
    }
    .only-mobile {
        display: block !important;
    }
    .slider-full .list .image img{
        width: 100%;
        /* height: 450px; */
    }

    #body .container.space-top{
        padding-top:0;
    }
    header{
        height: 75px;
    }
    header .menu-container{
        height: 30px;
        padding-right: 10px;
    }
    header ul{
        top:74px;
        background: #ffffff;
        width: 100%;
        height: 100%;
        padding: 0px;
        z-index: 1;
        overflow: auto;
        opacity: 0.9;
    }
    header ul li a{
        font-size:12px;
        color: #cb8184 !important;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: end;
    }
    i.f-l{
        float: left;
        position: relative;
        top: 10px;
        display: none;
    }
    .dropbtn{
        position: absolute;
        right: 0;
    }
    .dropdown-content a{
        text-align: right;
    }
    .dropdown-content{
        position: relative;
        bottom: 85px;
    }
    hr.only-mobile{
        border: 1px solid  #cb8184;
        width: 85%;
    }
    header ul li.active a,
    header ul li a:hover{
	background-color: #cb8184;
    color: white;
    padding-right: 22px;
    }
    header ul li form{
        /* display: none; */
    }
    .content-flex{
        flex-wrap: wrap;
    }
    .content-reverse{
        flex-wrap: wrap-reverse;
    }
    .product-image-wrapper{
        flex-direction: column-reverse;
    }
    .crystallure-footer h1{
        font-size:15px;
        margin-top:10px;
    }
    .product-list .list{
        margin-bottom:20px;
    }
    .product-detail-description h2{
        font-size: 16px;
        padding: 10px;
    }
    .product-detail-description p{
        font-size: 12px;
        padding: 10px;
    }
    #body .container .product-list.row-flex{
        padding: 0 10px;
    }
    .product-list .list .text{
        padding:10px 5px;
        min-height:260px;
    }
    .product-list .list .text h1{
        font-size:10px;
        min-height: 15px;
    }
    .product-list .list .text p{
        font-size:10px;
        margin:10px auto;
        min-height: 180px;
    }
    .slider-full .list .text h1{
        font-size:16px;
    }
    .product-list .list .btn-primary{
        font-size: 10px;
        padding: 10px;
    }
    .product-list .rating{
        margin:10px auto;
    }
    .product-list .rating label{
        margin:0 2px;
    }
    .product-list .rating label:before{
        font-size:12px;
    }
    .slider-full .list .text h3{
        font-size:12px;
        font-weight: 500;
        line-height: 2.27;
        letter-spacing: 0.69px;
    }
    .slider-full .list{
        height:450px;
    }
    .slider-full .list .text{
        height:50%;
    }
    .btn-primary{
        font-size:12px;
    }
    .row-flex .col-50{
        width:100%;
        margin-bottom:30px;
        text-align: left !important;
        /* order: 1; */
    }
    .row-flex .text h1{
        font-size:24px;
    }
    .campaign-overlay .campaign-title{
        width: auto;
    }
    .promo-description{
        width: auto;
        padding: 0 30px;
        margin-bottom: 50px;
    }
    .campaign-detail .description h1{
        width: auto;
    }
    .row-flex .text p{
        font-size:11px;
        margin: 30px 0;
        line-height: 30px;
    }
    .m-l-30{
        margin:0;
    }
    .m-r-30{
        margin:0;
    }
    .m-m-20{
        margin:20px;
    }
    #body{
        margin-top:75px;
    }
    #body .container.space{
        padding: 30px 0;
    }
    .row-flex.middle{
        flex-direction: column;
        padding: 0px;
    }
    .crystallure-footer p{
        font-size:12px;
        width:80%;
    }
    footer .row-flex{
        padding: 30px;
        flex-direction: column;
    }
    footer .social .list{
        width:30px;
        height:30px;
    }
    footer .social .list a {
        width:30px;
        height:30px;
    }
    footer .social .list img{
        height:15px;
    }
    .m-t-50{
        margin-top:0px;
    }
    .slider-product .list{
        margin:0;
        margin-right:10px;
    }
    .p-lr-70{
        padding:0 20px;
    }
    .buy{
        display: block;
        width: 60%;
        background: #cb8184;
        margin: 0 auto;
    }
    .buy:focus{
        background-color: #cb8184;
        color: #ddd;
    }
    .content-detail{
        flex-direction: column;
    }
    .product-image{
        width: 314px;
        height: 328px;
    }
    .padding-mobile{
        padding: 0px !important;
    }
    .rating-review{
        width: auto;
    }
    .product-description h1{
        font-size: 24px;
        text-align: center;
        color: #cb8184;
    }
    .product-description p{
        font-size: 12px;
        margin-left: 0px;
        line-height: 25px;
        letter-spacing: 0.75px;
        text-align: justify;
    }
    .rating-review h1{
        font-size: 24px;
    }
    .rating-review span.nums{
        font-size: 36px;
    }
    .rating-review .rating label:before{
        font-size: 20px;
        margin-left: 0;
    }
    .rating-review span.text{
        font-size: 14px;
    }
    .rating-review hr{
        width: 75%;
        margin-left: 40px;
    }
    .product-detail-description h1{
        font-size: 24px;
        color: #cb8184;
    }
    .product-detail-description .col-45{
        width: 100%;
    }

    .product-detail-description .image{
        width: 90%;
        height: 328px;
        position: relative;
        margin: 0 5%;
    }
    .m-lr-60{
        margin: 0 10px;
    }
    .recommended-product .rating label:before{
    margin-right:1px;
    font-size:12.6px;
    margin-left: 15px;
    }
    .product-detail-description hr{
        margin-left: 10px;
        width: 90%;
        margin-bottom: 30px;
    }
    .recommended-product .list h2{
        font-size: 14px;
    }
    .recommended-product .list p{
        font-size: 10px;
    }
    .recommended-product .list span.date-publish{
        font-size: 9px;
    }
    .recommended-product .list{
        width: 150px;
        text-align: center;
    }
    .vslider .title,
    .vslider .slider .item{
        height: 120px;
        width: 120px;
    }
    .vslider .title{
        font-size: 10px;
    }
    .product-description .additional div h3{
        font-size: 10px;
    }
    .product-description .additional div{
        margin-left: 0px;
    }
    .product-description .additional div h4{
        font-size: 10px;
    }
    div#show-image{
        width: 100%;
        height: 100%;
    }
    .product-description .additional{
        width: 100%;
        position: relative;
        /* right: 50px; */
    }
    .row-flex .col-60{
        width: 100%;
    }
    .p-r-75{
        padding-right: 0px;
    }
    .b-r-2{
        border-right: 0px;
        border-bottom: solid 2px #f1f0f0;
    }
    .m-l-75{
        margin-left: 0px;
        margin-top: 30px;
    }
    .row-flex .col-40{
        width: 100%;
    }
    .row-flex .text h3{
        font-size: 11px;
    }
    .w510{
        width: auto;
    }
    .w510 h1{
        font-size: 24px;
    }
    .bordered{
        position: relative;
        right: 11px;
    }
    .image.bordered img{
        width: 100%;
        margin: 0 10px;
    }
    .row-flex .w240{
        width: 100%;
    }
    .text-mid{
        /* width: 50%; */
    }
    .mid-reverse{
        /* width: 50%;
        margin-left: 50%; */
    }
    .right{
        order: 1;
        margin-top: 25%;
    }
    .left{
        order: 1;
    }
    .p-b-70{
        padding-bottom: 0%;
    }
    h1.t24{
        font-size: 18px;
    }
    .text-details{
        font-size: 12px;
        order: 1;
        margin-left: 20px;
        margin-right: 10px;
        margin-top: 20px
    }
    .step-button{
        display: none !important;
    }
    .popup-product-review{
        position: fixed;
        width: 270px;
        height: 479px;
        padding: 15px;
        bottom: 30px;
        /* top: 20px; */
    }
    .popup-product-review h1{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .popup-product-review h3{
        font-size: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    }
    .popup-product-review .rating label:before{
        font-size: 15.9px;
    }
    .row-flex .col-70{
        /* margin-bottom: 10px; */
        margin: 0 10px;
    }
    div#show-image{
        width: auto;
        height: 320px;
        margin-left: 10px;
        margin-right: 10px;
    }
    div#show-image img{
        width: 314px;
        height: 328px;
    }
    .slider-step-detail{
        display: block;
    }
    .product-description .information {
        flex-wrap: wrap;
        font-size: 12px;
        flex-direction: column;
    }
    .skincare-information{
        padding: 5%;
        width: 90%;
    }
    .product-description .information .rating{
        width: 100%;
        margin: 0 0 15px;
    }
    .product-description .additional div{
        width: 45%;
        margin: 0 2.5%;
    }
    .product-name-text{
        width: 100%;
        padding: 0px !important;
    }
    .product-description .information .mid{
        border-left: solid 0px;
    }
    .row-flex{
        justify-content: center;
    }
    .popup-product-review textarea{
        order: 1;
        /* margin: 20px; */
        position: relative;
        bottom: 10px;
        height: 40px;
        margin: 0 5px 10px;
    }
    .btn-score{
        order: 1;
        font-size: 12px;
        width: 85%;
    }
    .slide-product-mainnav {
        width: 100%;
        padding: 2%;
        justify-content: space-between;
        flex-direction: row !important;
        align-items: center;
    }
    .slide-product-mainnav .product-arrow-prev.only-mobile {
        margin-bottom: 0;
        width: 30px;
        height: 30px;
        font-size: 15px;
        position: relative;
    }
    .slide-product-mainnav .product-arrow-prev.only-mobile:before {
        content: '\f053';
        position: absolute;
        top : 13%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .slide-product-mainnav .product-arrow-next.only-mobile {
        margin-top: 0;
        width: 30px;
        height: 30px;
        font-size: 15px;
        position: relative;
    }
    .slide-product-mainnav .product-arrow-next.only-mobile:before {
        content: '\f054';
        position: absolute;
        top : 13%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    div#show-image img {
        width: 100%;
        height: 328px;
    }
    .slider-product-detail {
        width: 80%;
    }
    .slider-product-detail .list img {
        border-radius: 10px;
        height: 80px;
        object-fit: cover;
        object-position: center;
        width: 70%;
        margin: 7px 0 0 11px;
    }
    .image.mask img{
        right: 0px;
        margin-bottom: 20px;
    }
    .text-promo-left{
        margin-left: 0px;
    }
    header .logo img{
        width: 172px;
        height: 14px;
    }
    .btn-buy-promo{
        position: relative;
        /* right: 65px; */
        /* margin: 0 auto; */
    }
    .promo-description h1{
        font-size: 24px;
        color: #cb8184;
    }
    .promo-description h2{
        font-size: 11px;
        letter-spacing: 0.69px;
        line-height: 25px;
    }
    .vslider .slider-container{
        width: 58%;
    }
    header .container {
        display: flex;
        margin: 0 auto;
        justify-content: flex-end;
    }
    .popup-product-review .btn-close{
        top: 0;
        right: 0;
    }
    .popup-product-review hr{
        margin: 25px 15px;
    }
    .row-flex.middle.content-score{
        flex-direction: row;
        padding: 0 0 0 10px;
    }
    .row-flex .col-30{
        width: 65%;
        margin: auto;
    }
    .score:not(:checked) > label{
        font-size: 20px;
    }
    .popup-product-review input{
        /* order: 1; */
        margin: 0 5px 10px;
        padding: 3px;
        font-size: 10px;
    }
    .rating label:before{
        margin: 5px;
    }
    .reviews{
        margin: 0 0 15px;
    }
    .vslider .slider .slick-next{
        right: 0px;
    }
    .vslider .slider .slick-prev{
        right: 55px;
    }
    .row-our-inspiration{
        padding: 0 0 0 30px !important;
    }
    .row-your-inspiration{
        padding: 0 30px 0 0 !important;
    }
    .slider-inspiration{
        width: 54%;
    }
    .your-inspiration{
        position: relative;
        left: 13px;
    }
    .vslider2 .slider .slick-prev{
        left: 40px;
    }
    .vslider2 .slider .slick-next{
        left: 100px;
    }
    .vslider2 .slider-container2{
        right: 6px;
    }
    #body .container > .row-flex{
        padding: 0 15px;
    }
    #body .container > .body-article{
        padding: 0 !important;
    }
    .img-article img{
        width: 343px;
        height: 343px;
    }
    .text-article{
        /* padding: 0 15px; */
        text-align: justify;
        /* margin: 0 15px; */
    }
    h1.title-article{
        font-size: 16px;
        color: #9a9a9a;
        line-height: 20px;
        letter-spacing: 1.17px;
    }
    h3.date-article{
        font-size: 11px;
        color: #c7a66c;
        line-height: 25px;
        letter-spacing: 0.92px
    }
    .popup.box-login {
    	width: 95%;
	}
	.popup.box-login .side-message {
	    width: 90%;
	    padding: 5%;
	    background:  #cb8184;
	    color: #fff;
	    min-height: 100px;
	}
	.popup.box-login .side-message.hide-box {
	    position: absolute;
	    top: 0;
	    right: -100%;
	}
	.popup.box-login .form-segment {
		height: 0;
		width: 100%;
	}
	.popup.box-login .form-segment.on {
	    width: 90%;
	    padding: 5%;
	    opacity: 1;
	}
	.popup.box-login .form-segment.on.login {
        height: 300px;
        text-align: center;
	}
	.popup.box-login .form-segment.on.register {
	    height: 500px;
	}
	.popup.box-login .close-popup {
		z-index: 99;
	}
	.popup.box-login .close-popup.sign-in {
	    color:#cb8184;
	}
	.popup.box-login .close-popup.sign-up {
	    color: #cb8184;
	}
    .title-desc {
        order: 1;
    }
    .story-left{
        padding-left: 15px;
        text-align: left;
    }
    .story-right{
        padding-right: 15px;
        text-align: end;
        margin-bottom: 40px;
    }
    .review-arrow-prev{
        left: 35%;
        margin-top: 0;
    }
    .review-arrow-next{
        margin-left: 0%;
        left: 55%;
    }
    .promo-left{
        order: 1;
        margin-right: 0;
    }
    .text-article{
        column-count: 1;
    }
    .text-article img{
        float: none;
    }
    .button-slide-youthful{
        justify-content: flex-end;
    }
    .button-slide-youthful img{
        left: 0;
        width: 30px;
        margin-bottom: 10px;
    }
    .story-prev img{
        display: none;
    }
    .story-next img{
        display: none;
    }
    .list-text-mobile{
        margin-right: 0 !important;
    }
    .list-img-mobile{
        margin: 0 !important;
    }
    .none-margin{
        margin: 0 !important;
    }
    .slider-full .slick-arrow{
        display: block !important;
    }
    .slider-full .slick-prev:before{
        position: relative;
        right: 90px;
    }
    .slider-full .slick-next:before{
        position: relative;
        left: 90px;
    }
    .marketplace{
        float: right;
        position: relative;
        top: 15px;
        left: 0;
        padding: 5%;
    }
    .marketplace h1{
        text-align: right;
    }
    .logo-marketplace{
        margin-bottom: 10px;
    }
    .marketplace img{
        width: 40px;
        margin: 10px 12px 0 12px;
    }
    .section-join-us h1{
        font-size: 18px;
    }
    .section-join-us p{
        font-size: 12px;
        margin-bottom: 20px;
    }
    .section-join-us input{
        width: 75%;
    }
    .section-join-us button{
        width: 35%;
        margin-top: 8px;
    }
    .article-list .list{
        width: 70%;
        display: inline-block;
    }
    .slide-mobile{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 10px;
        padding: 10px;
    }
    .article-list{
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
        display: inline-block;
    }
    .article-list .list .image img{
        height: 175px;
    }
    .article-list .list .text{
        white-space: normal;
    }
    .copyright{
        position: relative;
        left: 0;
        margin-top: 15px;
    }
    .search-desktop{
        display: none !important;
    }
    .search-mobile{
        margin-top: 0;
        display: block !important;
    }
    .search-mobile input[type="text"]{
        border-radius: 5px;
        height: 30px;
        border: solid 1.5px  #cb8184;
        padding: 5px;
        width: 85%;
        font-size: 14px;
        font-family: 'Montserrat-SemiBold';
        color: #cb8184;
    }
    .search-mobile button{
        background: none;
        color: #cb8184;
        position: absolute;
        right: 30px;
        border: 0;
        padding: 5px;
    }
    .search-mobile input::placeholder {
        color: #cb8184;
        opacity: 1; 
    }
    .link-footer .line{
        font-size: 9px;
    }
    .link-footer .line-end{
        font-size: 9px;
    }
    .title-contact h1{
        font-size: 18px;
    }
    .content-contact{
        width: 100%;
    }
    .border-contact .icon-contact{
        font-size: 18px;
    }
    .border-contact .arrow-contact{
        font-size: 18px;
    }
    .border-contact .copytext{
        margin-left: 15px;
        padding-right: 20px;

    }
    .border-contact .copytext h1{
        font-size: 12px;
    }
    .border-contact .copytext p{
        font-size: 12px;
    }
    .border-contact{
        margin-bottom: 10px;
        width: 85%;
    }
    .footer-contact{
        padding: 10%;
    }
    .footer-contact img{
        width: 65%;
        margin-bottom: 15px;
    }
    .footer-contact p{
        font-size: 12px;
        margin-bottom: 15px;
    }
    .form-area .field input[type="checkbox"]{
        width: 5%;
    }
    .btn-login-mobile{
        margin-top: 20px;
    }
    .img-arrow-banner{
        top: 8%;
        display: none;
    }
    .img-arrow-banner img{
        width: 40px;
    }
    .list-hot img{
        width: 100%;
        height: auto;
    }
    .list-hot button{
        width: 100%;
        height: 40px;
        font-size: 12px;
    }
    .footer-end{
        width: 100%;
        height: 200px;
        position: relative;
        margin: 0;
    }
    .align-items-center{
        display: flex;
        flex-direction: column-reverse;
    }
    .text-right{
        text-align: center !important;
    }
    .footer-link{
        width: 100%;
        display: flex;
        padding: 0 55px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .col-footer-center{
        position: absolute;
        top: 140px;
        left: 0;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .title-hot{
        margin: 20px 0 20px 0;
    }
    .title-hot h1{
        font-size: 14px;
    }
    .accordion{
        display: none;
    }
    .row-list{
        display: block;
    }
    .product-list{
        margin: 0 10px 25px 0px;
        width: 45%;
        text-align: center;
    }
    .product-list img{
        width: 100%;
        height: 100px;
        margin-bottom: 15px;
    }
    .product-list p{
        margin: 0;
        font-size: 12px;
        min-height: 65px;
    }
    .btn-detail{
        padding: 5px;
        font-size: 12px;
        display: block;
        border-radius: 10px;
    }
    .filter-mobile{
        display: block;
        text-align: center;
        font-family: 'Montserrat-Regular';
    }
    .filter-mobile button{
        border: none;
        padding: 2%;
        width: 40%;
        background-color: #cb8184;
        color: #fff;
        border-radius: 30px;
        margin-bottom: 30px;
        outline: none;
    }
    .filter-product{
        display: none;
    }
    .content-news{
        flex-direction: column;
    }
    .list-news{
        width: 100%;
    }
    .text-news h1{
        font-size: 12px;
    }
    .text-news p{
        text-align: left;
    }
    .news-border .image-news{
        width: 45%;
    }
    .text-news{
        padding: 10px;
    }
    .news-border{
        height: 165px;
    }
    .news span{
        font-size: 10px;
        position: relative;
        bottom: 0;
    }
    .date-news{
        align-items: center;
    }
    .news a{
        width: 30%;
        padding: 5px;
        right: 10px;
        font-size: 10px;
        border: none;
    }
    .list-subnews{
        margin-left: 0;
        width: 100%;
    }
    .text-subnews h1{
        font-size: 12px;
    }
    .text-subnews p{
        text-align: left;
    }
    .image-subnews{
        width: 45%;
    }
    .content-subnews{
        box-shadow: 0 3px 6px 0 rgba(180, 180, 180, 0.5);
        margin-bottom: 10px;
        flex-direction: row;
    }
    .look-article{
        flex-direction: column;
        margin: 0;
        padding-top: 0;
    }
    .image-look-article{
        width: 100%;
    }
    .image-look-article img{
        width: 100%;
    }
    .description-look-article{
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    .content-tutorial{
        flex-direction: column;
        margin-top: 0;
        margin: 0;
    }
    .video-tutorial{
        width: 100%;
        margin-right: 0;
    }
    .video-tutorial iframe{
        width: 100% !important; 
        height: 220px !important;
    }
    .content-tutorial .step-tutorial{
        width: 100%;
    }
    .list-video iframe{
        width: 250px; 
        height: 120px;
    }
    .get-look{
        padding: 0;
    }
    .row-get-look{
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
        display: inline-block;
    }
    .image-get-look{
        display: inline-block;
    }
    .date-article p{
        font-size: 12px;
    }
    .text-article p{
        font-size: 12px;
    }
    .bg-look-detail{
        padding: 30px 20px;
    }
    .title-look-detail h3{
        font-size: 12px;
    }
    .title-look-detail h1{
        font-size: 14px;
    }
    .content-look{
        flex-direction: column;
    }
    .image-look-detail{
        width: 100%;
    }
    .list-image-look{
        width: 100%;
        margin-left: 0;
        padding: 0 30px;
        flex-direction: row;
    }
    .slider-image-look .slick-slider{
        width: 100% !important;
    }
    .text-look-detail {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    .content-look-detail{
        width: 100%;
    }
    .get-look-border{
        width: 100%;
        border: none;
        margin: 0;
    }
    .row-look{
        align-items: center;
        justify-content: center;
        border-top: 1px solid #CE8D90;
    }
    .content-get-look{
        width: 40%;
        margin: 20px 10px 0 10px;
    }
    .arrow-latest-news{
        width: 100%;
    }
    .arrow-news-left{
        position: absolute;
        left: 15px;
    }
    .arrow-news-right{
        position: absolute;
        right: 15px;
    }
    .row-flex .col-55{
        width: 100%;
    }
    .row-flex .col-45{
        width: 100%;
        margin-top: 100px;
        text-align: center;
    }
    .select-color{
        top: 125px;
    }
    .span-information{
        width: 94%;
    }
    .product-description .detail-information a{
        font-size: 10px;
        padding: 0;
    }
    ul.nav-pills{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
    }
    .price-product p{
        text-align: center;
    }
    .copytext-market p{
        text-align: center;
    }
    .result{
        flex-direction: column;
        margin: 0 25px;
    }
    .result-left{
        width: 100%;
    }
    .result-right{
        width: 100%;
    }
    .result-row{
        margin-bottom: 0;
    }
    .col-70 p{
        margin-bottom: 0;
    }
    .select-color p{
        font-size: 12px;
    }
    .prod-search{
        width: 100%;
    }
    .title-search h1{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .product-list .list h1{
        font-size: 10px;
        color: #cb8184;
    }
    .row-get-look2{
		width:80% !important;
	}
}