/* Honeymoon font removed - not available
@font-face {
    font-family: 'honeymoonregular';
    src: url('/web/20220922075959im_/http://www.sensusbeauty.com/wp-content/themes/temp/fonts/honeymoon_personal/honeymoon_personal_use-webfont.woff2') format('woff2'),
         url('/web/20220922075959im_/http://www.sensusbeauty.com/wp-content/themes/temp/fonts/honeymoon_personal/honeymoon_personal_use-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

@import url(https://web.archive.org/web/20220922075959cs_/https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);

*{ box-sizing: border-box}
html{}
body,html{
}

body{
	padding: 0;
	margin: 0;
	background:#fff;
	font-family: "cwTeXFangSong", "Songti TC","SimSun", serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;
	color:#644C3D;
	overflow-x: hidden;
	-moz-osx-font-smoothing: grayscale;

}

body.en{ font-size: 14px;}

body.no-scroll{
	overflow: hidden;
}

.img-fix img{ width:100%; display: block}

a{ text-decoration: none; outline: none; cursor: pointer; color: #644C3D; opacity: 1; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
a:hover,
a.active{ color: #644C3D; opacity: 0.8}




h1,h2,h3,h4,h5,h6{}
h1,h2,h3,h4,h5{padding-bottom: 10px;}

h1,.h1{ font-size: 57px; line-height: 1.7em; letter-spacing: 0.06em;}
h2,.h2{ font-size: 42px; line-height: 1.3em;}
h3,.h3{ font-size: 36px; line-height: 1.3em;}
h4,.h4{ font-size: 24px; line-height: 1.5em;}
h5,.h5{ font-size: 18px; line-height: 1.5em;}
h6,.h6{ font-size: 12px; line-height: 1.5em;}
h1,h2,h3,h4,h5,h6{ font-weight: normal}




animation_s{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.animation_n{
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.animation_l{
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

.font-time{
	font-family: Times, serif;
}

.font-honeymoon{
	font-family: 'Brush Script MT', cursive, Times, serif;
}

.font-heiti{
	font-family: "Heiti TC","Microsoft JhengHei", 微软雅黑, arial;
	font-weight: 400;
}




h1.no-padding,h2.no-padding,h3.no-padding,h4.no-padding,h5.no-padding,h6.no-padding{ padding-bottom: 0;}

input[type=text], input[type=password], textarea, select option, select{
	border:none;
	line-height: 1.5em;
	-webkit-border-radius: 0px;
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px solid transparent;
    background: #D1D3D4;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 18px;
    margin: 5px;
    width: 100%;
    font-family: Times, serif;
}


textarea{

}


select{
	-webkit-border-radius: 0px;
    -webkit-appearance: none;
    border-radius: 0;
}

input:focus,
input:active,
input:hover,
textarea:focus,
textarea:hover
textarea:focus,
select:focus,
select:hover,
select:focus{
	
}


a:focus,
a:active,
a:hover,
.btn:focus,
.btn:active,
.btn:hover,

input:focus,
input:active,
input:hover,
textarea:focus,
textarea:hover
textarea:focus,
select:focus,
select:hover,
select:focus
{
    outline: none;
    outline-offset: 0px;
    text-decoration: none;
}


input[type=text].error,
input[type=password].error,
textarea.error,
select.error option{
	border: 1px solid #ff0000;
}

.ui-datepicker select,
#payment-popup select{
	-webkit-border-radius: 0px;
    -webkit-appearance: menulist;
    border: 1px solid #ccc !important;
}

.material-icons{ font-size: 1em !important; vertical-align: middle; position: relative; top: -1px;}

.letter-spacing{ letter-spacing: 0.2em;}
.en .letter-spacing{ letter-spacing: 0.15em;}

p{ }

ul{}
ul li{ list-style: none}

.uppercase{ text-transform: uppercase}
.underline{ text-decoration: underline}

.align-l{ text-align:left; }
.align-c{ text-align:center; }
.align-r{ text-align:right; }
.float-l{ float: left}
.float-r{ float: right}

b,
.bold,
.strong{ font-weight: bold;}

.relative{
	position: relative;
}

.m-hidden{ display: block;}
.m-show{ display: none;}


.clearfloat{ clear:both; height:0; font-size: 1px; line-height: 0px; overflow: hidden}
.clearfix{}
.clearfix:after{ content:''; clear: both; display: table}


.imgfix{ }
.imgfix img{ width: 100%; display: block;}

.valign-wrap{ width:100%; height:100%;display: table}
.valign-cell{ display: table-cell; vertical-align: center; vertical-align: middle}

.vcenter_wrap{ width:100%; text-align:center; }
.vcenter_wrap:before{ content:''; height:100%; vertical-align:middle; display:inline-block; }
.vcenter_item{ vertical-align:middle; display:inline-block; }

.inline{ display: inline-block}

.editor-content ul,
.editor-content ol{
	padding-left: 20px;
}



.mt-1{ margin-top:10px;}
.mt-2{ margin-top:20px;}
.mt-3{ margin-top:30px;}
.mt-4{ margin-top:40px;}
.mt-5{ margin-top:50px;}
.mt-6{ margin-top:80px;}
.mt-7{ margin-top:100px;}

.mb-1{ margin-bottom:10px;}
.mb-2{ margin-bottom:20px;}
.mb-3{ margin-bottom:30px;}
.mb-4{ margin-bottom:40px;}
.mb-5{ margin-bottom:50px;}
.mb-6{ margin-bottom:80px;}
.mb-7{ margin-bottom:100px;}

.pt-1{ padding-top:10px;}
.pt-2{ padding-top:20px;}
.pt-3{ padding-top:30px;}
.pt-4{ padding-top:40px;}
.pt-5{ padding-top:50px;}
.pt-6{ padding-top:80px;}
.pt-7{ padding-top:100px;}

.pb-1{ padding-bottom:10px;}
.pb-2{ padding-bottom:20px;}
.pb-3{ padding-bottom:30px;}
.pb-4{ padding-bottom:40px;}
.pb-5{ padding-bottom:50px;}
.pb-6{ padding-bottom:80px;}
.pb-7{ padding-bottom:100px;}


.color-black{ color:#000;}
.color-grey{color:#CCCCCC;}
.color-dgrey{color:#4E423C;}
.color-orange{ color:#FF9600;}
.color-red{ color:#ff0000;}
.color-white{ color:#ffffff;}

.bg-grey{ background-color: #D4D2CF;}
.bg-white{ background-color: #fff;}
.bg-orange{ background: #FF9600}
.bg-pink{
	background-image: url(../css_images/header_gradient.png);
	background-size: cover;
	background-position: center center;
}
.bg-marble{
	background-image: url(../css_images/bg.jpg);
	background-position: center center;
	background-size: cover;
}

a.bg-grey:hover{ color:#888}

a.color-white:hover{ color:#ccc}


a.black-btn,
a.grey-btn,
a.orange-btn{
	color:#fff;
	background:rgba(0,0,0,0.6);
	display: inline-block;
	padding:10px 30px 6px 30px;
	text-align: center;
	letter-spacing: 0.3em;
	text-transform: uppercase;
}

a.round-btn{ border-radius: 200px}

.en a.black-btn,
.en a.gery-btn,
.en a.orange-btn{ letter-spacing: 0.1em;}

a.black-btn:hover{ background:rgba(0,0,0, .9);}

a.grey-btn{ background: #999}
a.grey-btn:hover{ background:#666;}

a.orange-btn{ background:rgba(255,136,0,0.9);}
a.orange-btn:hover{ background:rgba(255,136,0,0.6);}


a.max-width{ min-width: 250px;}
a.max-width2{ min-width: 200px;}
a.block-btn{ width: 100%;}

.border-radius{ border-radius: 5px; overflow: hidden;}

.circle-wrap{ border-radius: 50%}

.block{ display: block; width: 100%;}

.center-btn-wrap{ text-align: center;}
.center-btn-wrap a{ margin:0 10px;}
.web-container{
	padding-top:208px;
	opacity:1; filter:alpha(opacity=100)\9; 
	-webkit-transition:all 1300ms cubic-bezier(0.19, 1, 0.11, 0.99);
	-moz-transition:all 1300ms cubic-bezier(0.19, 1, 0.11, 0.99);
	-o-transition:all 1300ms cubic-bezier(0.19, 1, 0.11, 0.99);
	transition:all 1300ms cubic-bezier(0.19, 1, 0.11, 0.99);
}


body.loading .web-container{ 
	opacity:0;
	filter:alpha(opacity=0)\9;
}

.mobile-menu-wrap{ display: none;}

.web-padding{ padding-right:80px; padding-left:80px;}

.web-content{
	width:100%;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

.centent-padding{
	padding-right: 40px;
	padding-left: 40px;
}



.web-header{
	padding-top: 30px;
    padding-bottom: 50px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    background: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.web-header.srcoll-down{
	padding-top: 15px;
    padding-bottom: 20px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)
}

.web-header .header-logo{
	width: 150px;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.web-header.srcoll-down .header-logo{
	width: 120px;
}

.web-header .header-logo img{ width: 100%;}
.web-header .header-menu-wrap{
	position: absolute;
    left: 230px;
    top: 40px;
    display: flex;
    right: 240px;
    justify-content: space-around;
}
.web-header .header-menu-wrap li a{
	text-align: center;
    display: inline-block;
    color: #644C3D;
    position: relative;
}

.web-header .header-menu-wrap li a:after{
	content: " ";
	width:16px;
	height: 16px;
	position: absolute;
	left: 50%;
	border-radius: 50%;
	top:100%;
	margin-top:10px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background: #e0a382; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #e0a382 0%, #eeb69a 29%, #b27755 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #e0a382 0%,#eeb69a 29%,#b27755 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #e0a382 0%,#eeb69a 29%,#b27755 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0a382', endColorstr='#b27755',GradientType=1 );
	-webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    transition: all 0.8s linear;
    opacity: 0;
}

.web-header .header-menu-wrap li a:hover:after{
	opacity: 1;
}

.web-header .header-menu-wrap .ss-wrap{
    display: flex;
    align-items: center;
    font-size: 20px;
}

.web-header .header-menu-wrap .ss-wrap a{
	margin: 0 5px;
    width: 40px;
    border: 1px solid #555;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

.web-header .header-menu-wrap .ss-wrap a:after{
	display: none;
}

.header-right{
	position: absolute;
    right: 0;
    top: 50%;
    height: 60px;
    width: 220px;
    color:#ffffff;
    background-image: url(../css_images/header_gradient.png);
    background-size: cover;
    background-position: center center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.header-right .header-join-btn{
    font-size: 28px;
    line-height: 60px;
    text-align: right;
    padding-right: 18px;
    cursor: pointer;
    display: block;
    color:#ffffff;
}


.mobile-menu-btn{
	position: absolute;
	width: 40px;
	height: 24px;
	display: none;
	top: -100%;
	bottom: -100%;
	margin: auto;
	cursor: pointer;
	z-index: 16;
	left: 0;
	
}

.menu-right-cont{ display: none;}

.mobile-menu-btn span{ position: absolute; width:100%; display: block; height: 3px; border-radius: 10px;}

.mobile-menu-btn span:nth-child(1){ top:0;}
.mobile-menu-btn span:nth-child(2){ top:50%;}
.mobile-menu-btn span:nth-child(3){ top:100%;}


.slider{
	padding-bottom: 60px;
}

.main{
	padding-bottom: 140px;
	padding-top: 40px;
}


/*********** sectionn 1 ***********/
.section-1 .section-content{
	width: 100%;
	max-width: 700px;
	text-align: center;
	margin: 0 auto;
}


.about-logo img{
	width:50px;
	display: block;
	margin: 0 auto;
}

/********* section 2 **********/
.section-2{
	position: relative;
	padding-bottom: 80px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	z-index: 3;
}


.section-2 .top-shadow,
.section-2 .bottom-shadow{
	position: absolute;
	left: 0;
	right: 0;
	transform: translateY(-45%);
	-webkit-transform: translateY(-45%);
	-ms-transform: translateY(-45%);
	z-index: 2;
}

.section-2 .top-shadow{
	top:0;
}

.section-2 .bottom-shadow{
	top: 98%;
}

.section-2 .web-padding{
	position: relative;
	z-index: 3;
}

.skin-care-padding{
	padding-right: 80px;
	padding-left: 80px;
}

.skin-care-wrap{
	width: 100%;
	padding:0 27%;
	position: relative;
}

.skin-care-wrap .skin-care-img{ position: relative;}

.skin-care-wrap .mobile-skin-care-img{ display: none; text-align: center;}
.skin-care-wrap .mobile-skin-care-img br{ display: none;}

.skin-care-wrap .skin-care-img > img{
	width: 100%
}
.skin-care-wrap .skin-care-title{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
    color:#fff;
}

.skin-care-wrap .skin-care-title .h1{
	line-height: 1.2em
}

.skin-care-item{
	text-align: center;
}

.skin-care-item .line{
	width:190px;
	margin: 10px auto 20px;
	border-radius: 20px;
	height: 7px;
}

#skin-care-item-1{
	position: absolute;
	width: 27%;
	left: 0;
	top:10%;
}

#skin-care-item-2{
	position: absolute;
	width: 27%;
	right: 0;
	top:10%;
}

#skin-care-item-3{
	
}

.skin-care-item .treatment-wrap{
	text-align: center;
}

.skin-care-item .treatment-wrap a{
	cursor: pointer;
	position: relative;
	display: inline-block;
}

.skin-care-item .treatment-wrap a .mobile-arr{
	display: none;
	width: 7px;
    height: 10px;
    vertical-align: middle;
    background-size: contain;
    background-image: url(../css_images/mobileArr.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 1px;

}

.skin-care-item .treatment-wrap a:after{
	content: " ";
	position: absolute;
	right: 100%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
    margin-right: 10px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background: #e0a382; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #e0a382 0%, #eeb69a 29%, #b27755 100%);
	background: -webkit-linear-gradient(-45deg, #e0a382 0%,#eeb69a 29%,#b27755 100%);
	background: linear-gradient(135deg, #e0a382 0%,#eeb69a 29%,#b27755 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0a382', endColorstr='#b27755',GradientType=1 );
	-webkit-transition:all 400ms linear;
	-moz-transition:all 400ms linear;
	-o-transition:all 400ms linear;
	transition:all 400ms linear;
	opacity: 0;
}

.skin-care-item .treatment-wrap a:hover:after{ opacity: 1; }


/************ section3 *********/
.section-3{
	background-image: url(../css_images/section3_bg2.jpg);
	background-size:100% 100%;
	background-position:center center;
}

.section-3 .bg1{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../css_images/section3_bg1.jpg);
    background-size: 100% 100%;
    background-position: center center;
    z-index: 1;
}

.section-3-bg-text{
/*
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
*/
	
}

.section-3 .right-wrap{
	width: 40%;
}

.section-3 .section3-button{
	text-align: center
}

.section-3 .section3-button a{
	display: inline-block;
	width: 160px;
	height: 160px;
	background-image:url(../css_images/button1.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	line-height: 160px;
	color:#ffffff;
}

.section-3 .section3-button a:hover{
	background-image:url(../css_images/button1_hover.png);
	opacity: 1;
}


.section-3 .left-wrap{
	position: absolute;
	width: 40%;
	bottom: 0;
	left: 45%;
	
}

.title-line{
	height: 4px;
	width: 180px;
	margin: 15px auto 10px;
}

.mobile-right{ display: none;}

.section-4 .left-wrap{
	width: 50%;
	display: inline-block;
	margin-right: -10px;
    vertical-align: top;
}


.icon-wrap{
	 margin-right: 40px;
}

.icon-wrap i{
	border: 1px solid #555;
    width: 35px;
    line-height: 35px;
    height: 35px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    font-size: 18px;
}


.section-4 .right-wrap{
	width: 49%;
	display: inline-block;
	vertical-align: top;
	padding-left: 80px;
}

.input-group{
	display: flex;
	margin-left: -5px;
    margin-right: -5px;
}

.input-group input,
.input-group textarea{
	background: rgba(209, 211, 212, 0.6);
	border-radius: 8px;
}

.input-group input::placeholder,
.input-group textarea::placeholder,
.input-group input,
.input-group textarea{
	color:#644C3D
}

.submit-btn{
	color:#fff;
	padding:5px 30px;
	font-size: 30px;
	border: none;
	border-radius: 8px;
	cursor: pointer;
}


/***************** free-trial ***********/
.free-trial{
	width: 100%;
	margin: 0 auto;
	max-width: 700px;
}

.trial-list-title{
    align-items: center;
}

.trial-list-title span{
	height: 7px;
    border-radius: 20px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.trial-list-title div{
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}

.trial-list label{
	display: block;
	padding-left: 30px;
	position: relative;
}

.trial-list label input{
	position: absolute;
    left: 0;
    top: 5px;
    opacity: 0;
}

.trial-list label .radio-btn{
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    background-image:url(../css_images/radioBtn.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    left: 0;
}

.trial-list label input:checked ~ .radio-btn{
	background-image:url(../css_images/radioBtnHover.png);
}


/*************** pop *************/
.popup-wrap{ position: fixed; top:0;left:0;right:0;bottom:0; z-index: 200; display: none; overflow: auto;}
.popup-wrap.active{ display: block;}
.popup-wrap .popup-bg{ position: fixed; width: 100%; height: 100%; left:0; top:0; background: rgba(0,0,0,0.6)}
.popup-wrap .popup-cont{ position: relative;top:0%; background: #FAD6C5; width:100%; max-width: 800px; margin: 80px auto;}
.popup-wrap .close-btn{ position: absolute; top:-25px; right: -25px; font-size: 20px; color: #fff; display: block;}
.popup-wrap .close-btn:hover{ color:#bbb}

.popup-wrap .popup-cont .popup-info{ position: relative; width: 100%; height: 100%; overflow-y: auto; display: none; padding:40px;}
.popup-wrap .popup-cont .popup-info.active{ display: block}
.popup-wrap .popup .slider{ padding-bottom: 1px;}

.popup-wrap .slider .img-fix img{
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}

/********* footer **********/
.footer-wrap{
	padding-bottom: 40px;
	padding-top: 80px;
}

.footer-wrap .footer{
	position: relative;
}

.footer .left{
	width: 50%;
	display: inline-block;
	margin-right: -10px;
	vertical-align: middle;
}

.footer .right{
	width: 49%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

.footer-wrap .footer-logo{
	position: absolute;
    width: 300px;
    bottom: 100%;
}

.footer-wrap .footer-logo img{ width: 100%;}



@media (max-width: 1000px){
	body{ font-size: 15px;}
	
	h1,.h1{ font-size: 32px; letter-spacing: 0.06em}
	h2,.h2{ font-size: 24px;}
	h3,.h3{ font-size: 22px;}
	h4,.h4{ font-size: 18px;}
	h5,.h5{ font-size: 16px;}
	h6,.h6{ font-size: 12px;}
	
	
	.en h1,.en .h1{ font-size: 34px; letter-spacing: 0.02em}
	.en h2,.en .h2{ font-size: 24px;}
	.en h3,.en .h3{ font-size: 22px;}
	.en h4,.en .h4{ font-size: 19px;}
	.en h5,.en .h5{ font-size: 17px;}
	.en h6,.en .h6{ font-size: 12px;}
	
	
	.mt-1{ margin-top:10px;}
	.mt-2{ margin-top:15px;}
	.mt-3{ margin-top:20px;}
	.mt-4{ margin-top:30px;}
	.mt-5{ margin-top:40px;}
	.mt-6{ margin-top:60px;}
	.mt-7{ margin-top:80px;}
	
	.mb-1{ margin-bottom:10px;}
	.mb-2{ margin-bottom:15px;}
	.mb-3{ margin-bottom:20px;}
	.mb-4{ margin-bottom:30px;}
	.mb-5{ margin-bottom:40px;}
	.mb-6{ margin-bottom:60px;}
	.mb-7{ margin-bottom:80px;}
	
	.pt-1{ padding-top:10px;}
	.pt-2{ padding-top:15px;}
	.pt-3{ padding-top:20px;}
	.pt-4{ padding-top:30px;}
	.pt-5{ padding-top:40px;}
	.pt-6{ padding-top:60px;}
	.pt-7{ padding-top:80px;}
	
	.pb-1{ padding-bottom:10px;}
	.pb-2{ padding-bottom:15px;}
	.pb-3{ padding-bottom:20px;}
	.pb-4{ padding-bottom:30px;}
	.pb-5{ padding-bottom:40px;}
	.pb-6{ padding-bottom:60px;}
	.pb-7{ padding-bottom:80px;}
	

	.web-container{padding-top: 102px;}
	
	.web-header.srcoll-down{ padding-top:10px; padding-bottom: 5px;}
	
	.popup-wrap .popup-cont{ width: 90%;}
	
	
	.mobile-menu-btn{
		display: block;
	}
	
	.web-header .header-logo{ margin: 0 auto;}
	
	.web-header .header-menu-wrap{
		position: fixed;
	    bottom: 0;
	    width: 100%;
	    left: 0;
	    right: 0;
	    top: 0;
	    background: #fff;
	    z-index: 10;
	    display: block;
	    text-align: center;
	    padding:80px 0 0;
	    opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}
	
	
	.web-header .header-menu-wrap li{
		margin-bottom: 20px;
		font-size: 18px;
		
	}
	
	.web-header .header-menu-wrap.active{
		opacity: 1;
		visibility: visible;
	}
	
	.web-header .header-menu-wrap .ss-wrap{
		display: block;
	}
	
	.web-header{
		padding-top: 15px;
	    padding-bottom: 20px;
	    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	}
	
	.mobile-menu-btn{
		width: 30px;
		height: 18px;
		left: 15px;
	}
	
	.mobile-menu-btn span{ height: 3px;}
	
	.header-right{
		height: 30px;
		width: 110px;
	}
	
	.header-right .header-join-btn{
		font-size: 14px;
	    line-height: 30px;
	    text-align: right;
	    padding-right: 10px;
	}
	
	.web-header .header-logo,
	.web-header.srcoll-down .header-logo{
		width: 75px;
		margin: 0 auto;
	}
	
	.trial-list label input{
	    top: 2px;
	}
	
	.section-3 .bg1{
		background-size: auto auto;
		background-position: left bottom;
		
	}
	
	
}

@media (max-width: 768px){
	h1,.h1{ font-size: 35px; letter-spacing: 0.06em}
	h2,.h2{ font-size: 24px;}
	h3,.h3{ font-size: 22px;}
	h4,.h4{ font-size: 16px;}
	h5,.h5{ font-size: 14px;}
	h6,.h6{ font-size: 10px;}
	
	
	
	.mt-1{ margin-top:7px;}
	.mt-2{ margin-top:10px;}
	.mt-3{ margin-top:15px;}
	.mt-4{ margin-top:25px;}
	.mt-5{ margin-top:35px;}
	.mt-6{ margin-top:45px;}
	.mt-7{ margin-top:60px;}
	
	.mb-1{ margin-bottom:7px;}
	.mb-2{ margin-bottom:10px;}
	.mb-3{ margin-bottom:15px;}
	.mb-4{ margin-bottom:25px;}
	.mb-5{ margin-bottom:35px;}
	.mb-6{ margin-bottom:45px;}
	.mb-7{ margin-bottom:60px;}
	
	.pt-1{ padding-top:7px;}
	.pt-2{ padding-top:10px;}
	.pt-3{ padding-top:15px;}
	.pt-4{ padding-top:25px;}
	.pt-5{ padding-top:35px;}
	.pt-6{ padding-top:45px;}
	.pt-7{ padding-top:60px;}
	
	.pb-1{ padding-bottom:7px;}
	.pb-2{ padding-bottom:10px;}
	.pb-3{ padding-bottom:15px;}
	.pb-4{ padding-bottom:25px;}
	.pb-5{ padding-bottom:35px;}
	.pb-6{ padding-bottom:45px;}
	.pb-7{ padding-bottom:60px;}
	

	.web-padding{ padding-right:15px; padding-left: 15px;}

	
	a.max-width{ width: 100%;}
	a.max-width2{ width: 100%;}
	
	.main{ padding-bottom: 80px;}
	
	

}

@media (max-width: 767px){
	.main {
	    padding-bottom: 20px;
	}
	
	.skin-care-wrap .flickity-page-dots .dot{
		height: 4px;
	    width: 80px;
	    margin: 0 5px;
        background: #ccc;
        border-radius:20px;
        opacity: 1;
	}
	.flickity-page-dots .dot.is-selected{
		background: #dab598;
		opacity: 1;
	}
	    
	
	.slider{ padding-bottom: 50px}
	.slider .bx-wrapper .bx-pager{ bottom: -25px;}
	
	.about-logo{ margin-bottom: 5px;}
	.about-logo img{
		width:30px;
	}
	
	.section-1 .section-content .editor-content br{ display: none}
	
	.bx-wrapper .bx-pager.bx-default-pager a{ width: 80px;}
	
	.popup-wrap .close-btn{ right: -15px;}
	
	
	.section-2{ padding-bottom:60px;}
	.section-2 .pt-5{ padding-top:15px;}
	
	.skin-care-padding{ padding-right: 0; padding-left: 0;}
	.skin-care-wrap{ padding-right: 0; padding-left: 0; text-align: center;}
	
	.skin-care-wrap .skin-care-img{
		max-width: 300px;
	    width: 100%;
	    margin: 0 auto;
	    display: none;
	}
	
	.skin-care-wrap .mobile-skin-care-img{ display: block;}
	
/*
	#skin-care-item-1,
	#skin-care-item-2{
		position: static;
		width: 100%;
	}
*/
	#skin-care-item-1,
	#skin-care-item-2,
	#skin-care-item-3{
	    position: static;
	    width: 80%;
	    display: block;
	    margin-right: 10px;
	    vertical-align: top;
	    padding: 10px;
	    top: 0;
	    
	}
	
	
	.skin-care-item{
		margin-top: 30px;
	    margin-bottom: 0px;
	    background-image: url(../css_images/circle.png);
	    background-size: contain;
	    background-repeat: no-repeat;
	}
	
	
	.skin-care-item .skin-care{
		width: 100%;
	    padding-bottom: 100%;
	    position: relative;
	}
	
	.skin-care-item .skin-care .skin-care-cont{
		position: absolute;
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	
	.skin-care-item .treatment-wrap{
		line-height: 1.2em;
		padding: 0 20px;
	}
	
	.skin-care-item .treatment-wrap a{
		font-size: 15px;
		line-height: 1.4em;
		display: inline-block;
		margin-bottom: 5px;
	}
	
	.skin-care-item .treatment-wrap a .mobile-arr{
		display: inline-block;
	}
	
	.skin-care-item .treatment-wrap a:after{
		display: none;
	}
	
	.skin-care-item .line{
		width: 80px;
		margin: 5px auto 5px;
		height: 3px;
	}
	
	.skin-care-item .treatment-wrap a:after{
		
	}
	
	.section-3 .pt-6{ padding-top:15px;}
	

	.section-3 .right-wrap{
		width: 100%
	}
	
	.section-3-bg-text{
		width: 80%;
		margin: 0 auto;
	}
	
	.section-3 .left-wrap{
		display: none;
	}
	
	.title-line{ width: 120px}
	
	
	.mobile-left{
		display: block;
		padding-right: 53%;
		padding-left: 5%;
		text-align: left;
	}
	
	.mobile-right{
		display: block;
	    width: 52%;
	    position: absolute;
	    left: 45%;
	    bottom: 0;
	    max-width: 200px;
	}
	
	.section-3 .right-wrap{
		padding-bottom: 20px;
	}
	
	.section-3 .section3-button a{
		width: 100px;
		height: 100px;
		text-align: center;
		position: relative;
	}
	
	.section-3 .section3-button a div{
		position: absolute;
	    width: 100%;
	    top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	
	.section-3 .section3-button a div span{
		display: block;
		line-height: 1.4em;
	}
	
	.section-4 .left-wrap{
		width: 100%;
		margin-bottom: 30px;
	}
	
	.section-4 .left-wrap table{
		margin: 10px auto 0;
	}
	
	.section-4 .right-wrap{
		padding-left: 0;
		width: 100%;
		padding-bottom: 0px;
	}
	
	.input-group input, .input-group textarea{
		font-size: 14px;
		line-height: 1.6em;
	}
	
	
	.icon-wrap{
		margin-right: 30px
	}
	
	.share-icon{ text-align: center;}
	
	.submit-btn{
	    display: block;
		margin: 10px auto 15px;
		font-size: 18px;
		font-weight: 200;
		padding: 5px 20px;
	}
	.footer-wrap{
		padding-top: 0px;
	}
	
	.footer-wrap .footer-logo{
		width: 140px;
		margin: 0 auto;
		position: static;
	}
	
	.footer .left,
	.footer .right{
		width: 100%;
		text-align: center;
	}
}



/*
     FILE ARCHIVED ON 07:59:59 Sep 22, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:29:58 Dec 10, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.809
  exclusion.robots: 0.083
  exclusion.robots.policy: 0.067
  esindex: 0.013
  cdx.remote: 16.904
  LoadShardBlock: 162.02 (3)
  PetaboxLoader3.datanode: 144.936 (4)
  PetaboxLoader3.resolve: 113.583 (3)
  load_resource: 138.957
*/