/*
CHIC - TAVI Main Stylesheet 
*/

/* Color Collections */
:root {
  --medium-purple: #7e3e98;
  --white: #ffffff;
  --dusk-blue: #2a358f;
  --strawberry: #ee3442;
  --dusk-blue-two: #29348e;
  --medium-purple-two: #804099;
  --dusk-blue-three: #29348f;
  --pale-grey-35: rgba(240, 217, 233, 0.35);
  --blush: #f8b2ab;
  --medium-pink: #f05274;
  --darkish-pink: #e74782;
  --light-teal: #97cbe8;
  --light-grey-blue: #a0d8d2;
  --light-blue-grey: #ccd2e8;
  --mid-blue: #226bb4;
  --watermelon: #ff3c64;
  --light-khaki: #f2f0a0;
  --white-two: #d8d8d8;
  --darkish-pink-two: #e74d86;
  --pale-purple: #c4b3d7;
  --black: #3b3838;
  --red: #ff0000;
  --light-pink: #fde3e9;
  --pale-rose: #f7bfca;
  --pale-salmon: #fbb5ad;
  --rosy-pink: #f46483;
  --darkish-pink-three: #e74e87;
  --purple: #b8a0b9;
}


/* Animation */

@keyframes AnimateLogo {
    from{background-position-x:0px;}
    to{background-position-x:-400px;}
}
@keyframes AnimateLove {
    from{background-position-x:0px;}
    to{background-position-x:-1400px;}
}

/* Common Style */

html,body{
	background: #fff url(../static/parallax-element-1.png);
	background-attachment: fixed;
	background-position: center right 10%;
	background-size: 30%;
	background-repeat: no-repeat;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: 'MyriadPro-Regular', Helvetica Neue, Arial, sans-serif;
	color: #fff;
	overflow-x: hidden;
}
.main-body {
	width: 100%;
	padding: 0;
	margin: 0;
}
.mobile {
	display: none !important;
}
.mobile-flex {
	display: none !important;
}
.desktop {
	display: block !important;
}
.desktop-flex {
	display: flex !important;
}
.tablet {
	display: none !important;
}
.tablet-flex {
	display: none !important;
}
.bgblack {
	position: fixed;
	z-index: 9998;
	top : 0;
	left: 0;
	width: 100%;
	height: 100%;
	background : rgba(0,0,0,0.6);
	display: none;
}
.popup {
	position: fixed;
	z-index: 99999;
	top: 50%;
	left: 50%;
	width: 500px;
	background: #fff;
	transform: translate(-50%,-50%);
	display: none;
}	
.popup .popup-heading {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.popup .popup-heading h1 {
	font-family: 'GTWalsheimProTrial-Bold';
	color: var(--dusk-blue);
	font-size: 23px;
}
.popup .popup-heading .remove-popup {
	border : none;
	outline: none;
	background: none;
	border:none;
	color: var(--medium-pink);
	font-size: 23px;
	opacity: 0.5;
	width: 30px;
	height: 30px;
}
.popup .popup-heading .remove-popup:hover {
	opacity: 1;
}
.popup.medium {
	width: 400px;
}
.center-wrap {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}
.display-wrapper {
	width: 1300px;
}
* {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	outline: none;
    -webkit-overflow-scrolling: touch;
}
.text-shadow {
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	-moz-text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	-ms-text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	-webkit-text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	-o-text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
.no-padding {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
a {
	text-decoration: none;
}
button {
	cursor: pointer;
}
button.icon {
	width: 26px;
	height: 26px;
	border : none;
	outline: none;	
	opacity: 1;
	position: relative;
}
button.icon.bigger {
	width: 32px;
	height: 32px;
}
button.icon.small {
	width: 20px;
	height: 20px;
}
button.icon.smaller {
	width: 16px;
	height: 16px;
}
button.icon:hover {
	opacity: 0.6;
}
button.icon.with-child:hover {
	opacity: 1;
	cursor: auto;
}
button.icon.icon-login {
	background : url(../static/icon-login.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
button.icon.icon-shop {
	background : url(../static/icon-shop.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
button.icon.icon-search {
	background : url(../static/icon-search.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
button.icon.icon-eye {
	background : url(../static/visibility.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
button.icon.icon-bars {
	background : url(../static/icon-bars.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
button.icon.icon-share {
	background : url(../static/share.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
button.icon .notif {
	position: absolute;
	top : 0;
	right: 0;
	background: #f00;
	color: #fff;
	font-family: 'CircularStd-Book';
	font-size: 10px;
	padding: 3px 8px;
	border-radius: 20px;
	text-align: center;
	transform: translate(50%,-50%);
}
button.icon .notif.off {
	background: #f0f0f0;
	color: #aaa;
}
button.icon .dialog-child {
	position: absolute;
	top : 100%;
	right: -10px;
	display: none;
	z-index: 999;
}
button.icon:hover .dialog-child {
	display: block
}
button.icon .dialog-child .box {
	position: relative;
	background: #fff;
	box-shadow: 3px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 0px 5px rgba(0,0,0,0.3);
	-ms-box-shadow: 3px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 3px 0px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 3px 0px 5px rgba(0,0,0,0.3);
	margin-top: 10px;
	padding-top: 15px;
}
button.icon .dialog-child .box::before {
	content: ' ';
	position: absolute;
	background: #fff;
	width: 20px;
	height: 20px;
	top : -10px;
	right: 15px;
	transform: rotate(45deg);
	box-shadow: -2px 0px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: -2px 0px 1px rgba(0,0,0,0.2);
	-ms-box-shadow: -2px 0px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: -2px 0px 1px rgba(0,0,0,0.2);
	-o-box-shadow: -2px 0px 1px rgba(0,0,0,0.2);
	z-index: 1;
}
button.icon .dialog-child .box.cart {
	width: 300px;
	padding: 5%;
}
button.icon .dialog-child .box .seamsless {
	position: absolute;
	z-index: 3;
	top : 0;
	right: 0;
	width: 100%;
	height: 15px;
	background: #fff;
}
button.icon .dialog-child .box.cart hr {
	border: 0;
	border-top: solid 1px #272727;
	margin : 5px 0;
}
button.icon .dialog-child .box.cart h3 {
	font-family: 'CircularStd-Book';
	color: #272727;
	text-align: left;
	font-size: 16px;
}
button.icon .dialog-child .box.cart .subtotal {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'CircularStd-Book';
	color: #272727;
}
button.icon .dialog-child .box.cart .subtotal .price {
	color: #999;
}
button.icon .dialog-child .box.cart a {
	text-decoration: none;
}
button.icon .dialog-child .box.cart div.button {
	background: var(--medium-pink);
	color: #fff;
	font-family: 'CircularStd-Book';
	padding: 5px;
	margin-top: 10px;
	width: 100%;
}
button.icon .dialog-child .box.cart div.button:hover {
	cursor: pointer;
	opacity: 0.8;
	cursor: pointer;
}
button.icon .dialog-child .box .item-area {
	margin : 10px 0;
}
button.icon .dialog-child .box .item-area .item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 10px;
	border-bottom: solid 1px #fafafa;
}
button.icon .dialog-child .box .item-area .item:hover {
	background: #f8f8f8;
}
button.icon .dialog-child .box .item-area .item img {
	width: 70px;
	height: 70px;
	object-position: center;
	object-fit: contain;
	background: #fafafa;
	padding: 5px;
}
button.icon .dialog-child .box .item-area .item .name {
	width: 60%;
	text-align: left;
}
button.icon .dialog-child .box .item-area .item a {
	color: #e0e0e0;
}

button.icon .dialog-child .box .item-area .item a:hover {
	color: var(--medium-pink);
	cursor: pointer;
}
button.purple {
	background: var(--pale-purple);
	color : #fff;
	font-family: 'GTWalsheimProTrial-Medium';
	border : none;
	padding: 5px 10px;
}
button.gray {
	background: #e9e9e9;
	color : #888;
	font-family: 'GTWalsheimProTrial-Medium';
	border : none;
	padding: 5px 10px;
}
.loader-screen {
	position: fixed;
	z-index: 9999999;
	top : 0;
	left: 0;
	width: 100%;
	height: 100%;
	background : #fff;
}
.loader-screen .loading-animation {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100px;
	height: 40px;
	background: url(../static/logosprite.png);
	animation: AnimateLogo 1s steps(4) infinite;
}
button.blue-hollow {
	padding: 7px 15px;
	font-size: 16px;
	color : var(--dusk-blue-three);
	background : none;
	border : solid 3px var(--dusk-blue-three);
	outline: none;
	font-family: 'GTWalsheimProTrial-Bold';
	position: relative;
	transition: all 0.1s;
	-moz-transition: all 0.1s;
	-ms-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
}
button.blue-hollow span {
	z-index: 2;
	position: relative;
}
button.blue-hollow:hover {
	color: #fff;
}
button.blue-hollow::before {
	content: ' ';
	position: absolute;
	left: 0;
	bottom: 0;
	background : var(--dusk-blue-three);
	width: 100%;
	height: 0;
	z-index: 1;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
button.blue-hollow:hover::before {
	height: 100%;
}
button.love {
	width: 48px;
	height: 48px;
	background: url(../static/love2.png);
	background-position-x:0px;
	border : none;
	outline: none;
	background-repeat: no-repeat;
	transition: none;
}
button.love.on {
	transition: none;
	background: url(../static/love2.png);
	animation: AnimateLove 1s steps(29);	
}
button.dusk {
	background: var(--dusk-blue);
	font-family: 'GTWalsheimProTrial-Bold';
	padding: 7px 15px;
	font-size: 16px;
	color: #fff;
	border: none;
	outline: none;
}
button.dusk:hover {
	opacity: 0.8;
}
button.pink {
	background: var(--medium-pink);
	font-family: 'GTWalsheimProTrial-Medium';
	padding: 7px 20px;
	font-size: 14px;
	color: #fff;
	border: solid 1px var(--medium-pink);
	outline: none;
}
button.pink-hollow {
	background: #fff;
	font-family: 'GTWalsheimProTrial-Medium';
	padding: 7px 20px;
	font-size: 14px;
	color: var(--medium-pink);
	border: solid 1px var(--medium-pink);
	outline: none;
}
button.pink:hover {
	opacity: 0.8;
}
ul.star {
	padding: 0;
	list-style: 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
ul.star li {
	margin-right: 5px;
}
ul.star li button {
	position: relative;
	font-size: 23px;
	padding: 0;
	margin: 0;
	width: 30px;
	height: 30px;
	border:none;
	outline: none;
	background: none;
	color: #272727;
}
ul.star li button:hover {
	cursor: pointer;
	opacity: 0.7;
}

/* Header Area */

header { 
	position: fixed;
	z-index: 99999;
	top : 0;
	left: 0;
	width: 100%;
}

header.active-header {
	background: #fff !important;
}
header .wrapper-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}
header.active-header .main-part {
	box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
	-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
	-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
	position: relative;
	z-index: 2;
}
header .wrapper-header .brand-area {
	width: 100px;
	height: 41px;
	position: relative;
}
header .wrapper-header .brand-area .icon-logo {
	width: 100px;
	height: 40px;
	position: absolute;
	left: 50%;
	top : 50%;
	transform: translate(-50%,-50%);
	background: url(../static/mainlogo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	transition: none;
}
header .wrapper-header .brand-area:hover .icon-logo {
	width: 100px;
	height: 40px;
	background: url(../static/logosprite.png);
	animation: AnimateLogo 1s steps(4) infinite;
}
header .wrapper-header ul.menu-area  {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	width: 50%;
	margin : 0;
	padding: 0;
}
header .wrapper-header ul.menu-area li {
	padding: 10px 20px 0 20px;
	font-family: 'GTWalsheimProTrial-Medium';
	font-size: 15px;
	position: relative;
}
header .wrapper-header ul.menu-area li hr {
	height: 1px;
	width: 0;
	background:  var(--darkish-pink);
	opacity: 0;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translate(-50%,0);
}
header .wrapper-header ul.menu-area li:hover hr {
	width: 50%;
	opacity: 1;
}
header .wrapper-header ul.menu-area li:hover {
	cursor: pointer;
	padding: 5px 20px 5px 20px;
}
header .wrapper-header ul.menu-area li a {
	color: var(--darkish-pink);
}
header .wrapper-header ul.menu-area li a:hover {
	text-decoration: none;
}
header .wrapper-header .icon-area {
	width: 30%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
header .wrapper-header .icon-area .group {
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right: 30px;
}
header .wrapper-header .icon-area button {
	margin : 10px;
}
header .mega-menu {
	position: absolute;
	top : 100%;
	left: 0;
	width: 100%;
	padding: 2% 5%;
	background: #fff;
	color: #000;	
	opacity: 0;
	height: 0;
}
header .mega-menu.expand {
	opacity: 1;
	height: auto;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}
header .mega-menu .mega-item {
	display: none;
}
header .mega-menu .product-panel-container {
	padding: 0;
}
header .mega-menu .product-panel-container a .panel .text-area .label-area {
	width: 100%;
	text-align: center;
}
header .mega-menu .product-panel-container a .panel .image-box {
	border-bottom: none;
}
header .mega-menu .product-panel-container a .panel:hover {
	border:none;
	box-shadow: none;
}

/* Footer Area */

footer {
	width: 100%;
	padding: 5%;
	background : #fff;
	color: var(--dusk-blue);
}
footer h3 {
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 14px;
	margin-bottom: 10px;
}
footer ul {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	padding: 0;
}
footer ul li {
	margin-right: 20px;
	color: var(--dusk-blue);
	font-family: 'CircularStd-Book';
	font-size: 14px;
	text-align: left;
}
footer .icon-area {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .icon-area img {
	width: 60px;
	margin: 0 10px;
}

footer .socmed-area {
	display: inline-block;
	margin-bottom: 10px;
}
footer .socmed-area img {
	margin-left: 10px;
}

/* Body Content */

.banner-area {
	width: 100%;
	height: 670px;
	position: relative;
	overflow: hidden;
	background: none;
}

.banner-area img.bg {
	z-index: 1;
	position: absolute;
	top : 0;
	left: 0;
	width: 100%;
	object-position: center;
	object-fit: cover;
	opacity: 0.85;
}
.banner-area img.parallax-element {
	z-index: 2;
	position: absolute;
	opacity: 0.7;
}
.banner-area .product-display {
	position: absolute;
	left: 55%;
	top : 55%;
	transform: translate(0,-50%);
	z-index: 3;
	width: 40%;
}
.banner-area .product-display h1 {
	color: var(--dusk-blue-three);
	font-size: 65px;
	font-family: 'GTWalsheimProTrial-Bold';
	margin-bottom: 20px;
	line-height: 1;
}
.banner-area .product-display p {
	width: 100%;
	text-align: left;
	color : var(--medium-purple);
	font-family: 'CircularStd-Book';
	margin-bottom: 20px;
	line-height: 1.2;
	font-size: 14px;
}
.product-area {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	margin : 20px 0;
}
.product-area a {
	width: 150px;
}
.product-area a .product-item {
	width: 100%;
	margin-right: 10px;

}
.product-area a .product-item .img-area {
	width: 100px;
	height: 200px;
	text-align: center;
	position: relative;
}
.product-area a .product-item .img-area img {
	width: 100%;
	height: 100%;
	position: absolute;
	top : 50%;
	left: 0;
	transform: translate(0,-50%);
	object-fit: cover;
	object-position: center;
}
.product-area a .product-item .text-area {
	width: 100%;
	text-align: left;
}
.product-area a .product-item .text-area h3 {
	color: var(--dusk-blue-three);
	margin-bottom: 10px;
	font-size: 16px;	
	font-family: 'GTWalsheimProTrial-Bold';
}
.product-area a .product-item .text-area span {
	color: var(--dusk-blue-three);
	font-size: 12px;	
	font-family: 'GTWalsheimProTrial-Medium';
}
.product-pink {
	background: var(--pale-rose);
}
.product-panel-container {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 5%;
}
.product-panel-container.grid-panel {
	flex-wrap: wrap;
	width: 100%;
	display: flex;
}
.button-area-full {
	width: 100%;
	text-align: center;
	margin: 0 0 5% 0;
}
.button-area-full a {
	font-family: 'GTWalsheimProTrial-Medium';
	color: var(--medium-purple-two);
	font-size: 23px;
}
.product-panel-container a {
	width: 200px;
	margin : 0 15px;
}
.product-panel-container a .panel {
	width: 100%;
	border:none;
}
.product-pink .product-panel-container a .panel {
	background: #fff;
	border : solid 1px #e0e0e0;	
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
.product-panel-container a .panel:hover {
	border : solid 1px #e0e0e0;	
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.product-panel-container a .panel .image-box {
	position: relative;
	width: 100%;
	height: 200px;
	border-bottom: solid 1px #e0e0e0;
}
.product-panel-container a .panel .image-box img {
	height: 150px;
	width: 100%;
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	object-fit: contain;
	object-position: center;
}
.product-panel-container a .panel:hover .image-box img {
	height: 170px;
}
.product-panel-container a .panel .text-area {
	width: 100%;
	padding: 5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.product-panel-container a .panel .text-area  .label-area {
	width: 70%;
}
.product-panel-container a .panel .text-area  .label-area h3 {
	color: var(--dusk-blue-three);
	margin-bottom: 10px;
	font-size: 13px;	
	font-family: 'GTWalsheimProTrial-Bold';
}
.product-panel-container a .panel .text-area  .label-area span {
	color: var(--dusk-blue-three);
	font-size: 12px;	
	font-family: 'GTWalsheimProTrial-Medium';
}
.product-panel-container a .panel .text-area  .button-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 30%;
}
.text-display-full {
	min-height: 400px;
	position: relative;
	padding: 0;
}
.text-display-full.blush {
	background : var(--blush);
	color: #fff;
}
.text-display-full.purple {
	background : var(--purple);
	color: #fff;
}
.text-display-full.light-pink {
	background : var(--pale-rose);
	color: #fff;
}
.text-display-full.bg-parallax {
	background-color: var(--purple); 
	background-image: url(../static/bg-parallax.png);
	background-repeat: no-repeat;
	background-position: center top 20px;
	background-size: 100%;
}
.text-display-full .text-wrapper {
	position: absolute;
	top : 50%;
	left: 50%;
	width: 80%;
	transform: translate(-50%,-50%);
}
.text-display-full .text-wrapper.left {
	text-align: left;
}
.text-display-full .text-wrapper.right {
	text-align: right;
}
.text-display-full .text-wrapper h1 {
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 52px;
}
.text-display-full .text-wrapper p {
	font-family: 'CircularStd-Book';
	font-size: 23px;
}
.text-display-full .text-wrapper.smaller h1 {
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 26px;
}
.text-display-full .text-wrapper.smaller p {
	font-family: 'CircularStd-Book';
	font-size: 16px;
}
.image-display-full {
	overflow: hidden;
	min-height: 400px;
	position: relative;
	padding: 0;
}
.image-display-full img {
	width: 100%;
}
.image-display-full img.crop {
	width: 100%;
	min-height: 400px;
	object-fit: cover;
	object-position: center;
}

.newsletter-area {
	background : var(--pale-grey-35);
	min-height: 100px;
	padding: 5%;
}
.newsletter-area.sparkle {
	background-color: rgba(41,55,137,0.08);
}
.newsletter-area h1 {
	font-family: 'GTWalsheimProTrial-Medium';
	color: var(--medium-purple-two);
	font-size: 23px;
}
.newsletter-area .newsletter-box {
	margin: 0;
	margin-top: 20px;
}
.newsletter-area .newsletter-box .col {
	padding: 0;
	height: 450px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.newsletter-area .newsletter-box .col img.background {
	width: 100%;
	height: 450px;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top : 0;
	left: 0;
	z-index: 1;
}
.newsletter-area .newsletter-box .col:hover img.background {
	top : -20px;
	height: 490px;
	left: -5%;
	width: 110%;
}
.newsletter-area .newsletter-box .col .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top : 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	z-index: 2;
}
.newsletter-area .newsletter-box .col:hover .overlay {
	opacity: 1;
}
.newsletter-area .newsletter-box .col .text-area {
	position: absolute;
	width: 100%;
	padding: 5% 10%;
	left: 0;
	bottom: 0;
	color: #fff;
	z-index: 3;
}
.newsletter-area .newsletter-box .col .text-area span {
	color: #fff;
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 14px;
}
.newsletter-area .newsletter-box .col .text-area h2 {
	color: #fff;
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 32px;
}
.newsletter-area .newsletter-box .col .text-area p {
	color: #fff;
	font-family: 'CircularStd-Book';
	font-size: 14px;
	line-height: 1.2;
}
.newsletter-area .newsletter-box .col .text-area a {
	color: #fff;
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 18px;
	line-height: 1.2;
}
.subscribe-area {
	background : var(--dusk-blue);
	padding: 5%;
}
.subscribe-area h2 {
	font-family: 'CircularStd-Book';
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	font-size: 18px;
}
.subscribe-area form {
	display: inline-block;
}
.subscribe-area .input-box {
	width: 500px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}
.subscribe-area .input-box input {
	width: 410px;
	background: none;
	outline: none;
	border: none;
	padding: 5px;
	border-bottom: solid 2px #fff;
	font-family: 'CircularStd-Book';
	font-size: 16px;
	color: #fff;
}
.subscribe-area .input-box button {
	width: 80px;
	color: #fff;
	background: var(--medium-pink);
	font-family: 'CircularStd-Book';
	font-size: 13px;
	border : none;
	outline: none;
	padding: 5px;
}
.subscribe-area .input-box button:hover {
	opacity: 0.8;
}
.menu-parent {
	position: relative;		
}
.menu-parent .menu-child {
	position: absolute;
	top: 100%;
	left: -300px;
	width: 200px;
	background: #fff;
	padding: 30px;
	list-style: none;
	opacity: 0;
}
.menu-parent .menu-child.on {
	left: -20px;
	opacity: 1;
}
.menu-parent .menu-child li {
	border-bottom: none;
	margin-bottom: 20px;
}
.menu-parent .menu-child li:last-child {
	margin-bottom: 0;
}
.menu-parent .menu-child li a {
	color: var(--darkish-pink);
	font-family: 'GTWalsheimProTrial-Medium';
	font-size: 18px;
}
.overlay-transparent {
	position: fixed;
	top : 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 99998;
	background: transparent;
	transition: none;
}
.overlay-transparent.expand {
	width: 100%;
	height: 100%;
}
.detail-product-container {
	padding : 3% 0;
}
ul.bread-crumb {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	list-style: none;
}
ul.bread-crumb li {
	padding-right: 0;
	margin-right: 5px;
	font-size: 14px;
}
ul.bread-crumb li::after {
	content: '/';
	font-family: 'CircularStd-Book';
	color: var(--black);
	font-size: 14px;
	padding-left: 5px;
}
ul.bread-crumb li:last-child::after {
	content: '';
}
ul.bread-crumb li a {
	font-family: 'CircularStd-Book';
	color: var(--black);
	font-size: 14px;
}
ul.bread-crumb li:last-child a {
	opacity: 0.8;
}
.main-detail-product {}
.main-detail-product .slide-area {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 50%;
}
.main-detail-product .slide-area .slide-navigator {
	width: 100px;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.main-detail-product .slide-area .slide-navigator .item {
	width: 74px;
	height: 74px;
	border-radius: 40px;
	overflow: hidden;
	border:none;
	cursor: pointer;
	margin-bottom: 10px;
	position: relative;
}
.main-detail-product .slide-area .slide-navigator .item.active {
	border : solid 3px var(--watermelon);
}
.main-detail-product .slide-area .slide-navigator img {
	width: 80px;
	height: 80px;
	border-radius: 40px;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.main-detail-product .slide-area .slide-display {
	width: 75%;
}
.main-detail-product .slide-area .slide-display .item {
	width: 100%;
	height: 550px;
	overflow: hidden;
	position: relative;
}
.main-detail-product .slide-area .slide-display .item img {
	width: 100%;
	height: 550px;
	object-position: center;
	object-fit: cover;
	position: absolute;
	top : 0;
	left: 0;
}
.main-detail-product .product-description {}
.main-detail-product .product-description h1 {
	color: var(--dusk-blue-three);
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 21px;
}
.main-detail-product .product-description p {
	color: var(--dusk-blue-three);
	font-family: 'CircularStd-Book';
	font-size: 14px;
	margin-bottom: 10px;
}
.main-detail-product .product-description p.desc {
	color: #000;
	font-family: 'CircularStd-Book';
	font-size: 14px;
	margin-bottom: 10px;
}
.main-detail-product .product-description .color-picker {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: 10px 0;
}
.main-detail-product .product-description .color-picker .color-area {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.main-detail-product .product-description .color-picker .color-area button.item {
	width: 60px;
	height: 60px;
	border-radius: 52px;
	border: solid 3px transparent;
	outline: none;
	margin-right: 10px;
}

.main-detail-product .product-description .color-picker .color-area button.item:hover {
	opacity: 0.8;
}
.main-detail-product .product-description .color-picker .color-area button.item.active {
	border-color: var(--watermelon);
}
.main-detail-product .product-description .color-picker .label {
	width: 100%;
	color: var(--dusk-blue);
}
.main-detail-product .product-description .color-picker .label span {
	color: var(--darkish-pink-two);
	font-family: 'GTWalsheimProTrial-Bold';
}
.main-detail-product .product-description .checkout-area {
	width: 300px;
	border : solid 1px var(--pale-purple);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
}
.main-detail-product .product-description .checkout-area button.purple {
	width: 65%;
	background : var(--pale-purple);
	color: #fff;
	border:none;
	outline: none;
	font-family: 'GTWalsheimProTrial-Bold';
	height: 30px;
}
.main-detail-product .product-description .checkout-area button.purple:hover {
	opacity: 0.7;
}
.main-detail-product .product-description .checkout-area .counter-quantity {
	width: 35%;
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-grow: 1;
}
.main-detail-product .product-description .checkout-area .counter-quantity button {
	flex-grow: 1;
	text-align: center;
	width: 33%;
	border:none;
	outline: none;
	background: none;
	color: #000;
	font-family: 'GTWalsheimProTrial-Medium';
	height: 30px;
}
.main-detail-product .product-description .checkout-area .counter-quantity button:hover {
	background: #f0f0f0;
}
.main-detail-product .product-description .checkout-area .counter-quantity input {
	flex-grow: 1;
	text-align: center;
	width: 33%;
	border:none;
	outline: none;
	background: none;
	color: #000;
	font-family: 'GTWalsheimProTrial-Medium';
	height: 30px;
}
.main-detail-product .product-description .bookmark-area {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: -15px;
	color: var(--black);
	font-family: 'GTWalsheimProTrial-Medium';
	font-size: 12px;
}
.main-detail-product .product-description .essentials {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-wrap: wrap;
	margin-top: 30px;
}
.main-detail-product .product-description .essentials .item {
	width: 100px;
	margin-right: 10px;
	text-align: center;
}
.main-detail-product .product-description .essentials .item img {
	width: 60%;
	margin-bottom: 10px;
}
.main-detail-product .product-description .essentials .item h2 {
	font-family: 'GTWalsheimProTrial-Bold';
	color: var(--dusk-blue-two);
	font-size: 12px;
}
.mix-color {
	padding-top: 3%;
	padding-bottom: 3%;
}
.mix-color .title {
	width: 100%;
	padding: 20px 0;
	text-align: center;
	background: #fde3e9;
	margin-bottom: 20px;
}
.mix-color .title h1 {
	color: var(--darkish-pink-two);
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 23px;
}
.mix-color .text-desc {
	padding-left: 0;
}
.mix-color .text-desc h1 {
	color: var(--dusk-blue-three);
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 21px;
	margin-bottom: 5px;
}
.mix-color .text-desc p {
	color: #000;
	font-family: 'CircularStd-Book';
	font-size: 14px;
	margin-bottom: 25px;
	width: 90%;
	line-height: 1.3;
}
.mix-color .boxes-area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	margin-top: 20px;
	flex-wrap: wrap;

}
.mix-color .boxes-area .item {
	width: 32%;
	padding: 10px;
	background: none;
	border : solid 1px var(--darkish-pink-three);
	color: var(--darkish-pink-three);
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	min-height: 60px;
	position: relative;
}
.mix-color .boxes-area .item span {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	line-height: 1;
}
.mix-color .boxes-area .item.blank {
	background:none;
	border:none;
}
.tutorial .tabs {
	width: 100%;
	padding: 20px 0;
	text-align: center;
	margin:0;
	color: #fff;
}
.tutorial .tabs .col {
	text-align: center;
	font-family: 'GTWalsheimProTrial-Bold';
	color: #fff;
	font-size: 23px;
	background: var(--dusk-blue);
	padding: 20px 0;
}
.tutorial .tabs .col:hover {
	cursor: pointer;
	opacity: 0.8;
}
.tutorial .tabs .col  a {
	color: #fff;
}
.tutorial .tabs .col.active {
	background: var(--watermelon);
}
.recommended-product {
	margin : 5% 0;
}
.recommended-product h1 {
	font-family: 'GTWalsheimProTrial-Bold';
	color: var(--dusk-blue);
	font-size: 52px;
	line-height: 1.2;
}
.recommended-product .cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.recommended-product .slide {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.recommended-product .slide .nav {
	font-size: 32px;
	color: #ccc;
	border : none;
	outline: none;
	background: none;
}
.recommended-product .slide .nav:hover {
	color: #aaa;
}
.recommended-product .slide .recommended-slide {
	width: 80%;
}
.recommended-product .slide .recommended-slide a {
	width: 150px;
}
.recommended-product .slide .recommended-slide a .product-item {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}	
.recommended-product .slide .recommended-slide a .product-item .img-area {
	width: 150px;
	height: 250px;
	text-align: center;
	position: relative;
}
.recommended-product .slide .recommended-slide a .product-item .img-area img {
	height:80%;
	position: absolute;
	bottom : 10%;
	width: auto;
	left: 50%;
	transform: translate(-50%,0);
}
.recommended-product .slide .recommended-slide a .product-item .text-area {
	width: 100%;
	text-align: center;
}
.recommended-product .slide .recommended-slide a .product-item .text-area h3 {
	color: var(--dusk-blue-three);
	margin-bottom: 10px;
	font-size: 16px;	
	font-family: 'GTWalsheimProTrial-Bold';
}
.recommended-product .slide .recommended-slide a .product-item .text-area span {
	color: var(--dusk-blue-three);
	font-size: 12px;	
	font-family: 'GTWalsheimProTrial-Medium';
}	
.sort-area {
	background: var(--pale-salmon);
	padding: 3% 5%;
}
.sort-area select,
.sort-area button {
	margin: 0 5px;
}
.sort-area select {
	width: 150px;
	height: 40px;
	background: #fff;
	font-family: 'GTWalsheimProTrial-Medium';
	border : none;
	position: relative;
    color: var(--dusk-blue);
    padding: 0 10px;
}
.sort-area select::after {
	content: ' ';
	position: absolute;
	top : 50%;
	right: 20px;
	width: 20px;
	height: 20px;
	transform: translate(0,-50%);
	color: var(--dusk-blue);
	font-size: 23px;
	background : url(../static/icon-chevron-down.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 99;
}
.sort-area select option {
	position: relative;
	z-index: 2;
}
.sort-area button {
	height: 40px;
	font-family: 'GTWalsheimProTrial-Medium';
	color: #fff;
	background: var(--dusk-blue);
	font-size: 14px;
	padding: 0 10px;
	border : none;
	outline: none;
	border-radius: 3px;
}
.sort-area button:hover {
	opacity: 0.8;
}
.review-area {
	padding-top : 3%;
	padding-bottom : 3%;
}
.review-area .review-container {

}
.review-area .review-container .item {
	border-bottom: solid 1px #ccc;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 3% 0;
}
.review-area .review-container .item h1,
.review-area .review-container .item h2 {
	font-family: 'GTWalsheimProTrial-Bold';
	color: #000;
	font-size: 23px;
}
.review-area .review-container .item h2 {
	font-size: 21px;
}
.review-area .review-container .item span {
	color: var(--darkish-pink);
	font-family: 'CircularStd-Book';
	font-size: 14px;
	line-height: 1.2;
}
.review-area .review-container .item .star-area {
	width: 100%;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	padding: 0;
	list-style: none;
}
.review-area .review-container .item .star-area li {
	margin-right: 5px;
	font-size: 18px;
	color: #000;
}
.page-title {
	background: var(--pale-rose);
	color : var(--dusk-blue);
	padding: 2% 5%;
}
.page-title h1 {
	font-family: 'GTWalsheimProTrial-Bold';
}
.page-title h1.pink {
	color: var(--darkish-pink);
	font-size: 18px;
	margin: 15px 0;
}
.page-tab {
	padding: 15px 0;
	background: #f0d9e9;
}
.page-tab a {
	color: var(--dusk-blue);
	text-decoration: none;
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 16px;
}
.page-tab a:hover {
	cursor: pointer;
	opacity: 0.8;
}
.page-tab a.active {
	color: #fff;
}
.article-detail .article-cover {
	width: 100%;
	padding: 0;
	max-height: 500px;
	overflow:hidden;
}
.article-detail .article-cover img {
	width: 100%;
	max-height: 500px;
	object-position: center;
	object-fit: cover;
}
.article-detail .article-content {
	width: 100%;
	padding: 2% 5%;
	justify-content: center;
}
.article-detail .article-content .socmed-anchor {
	color: #272727;
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 23px;
}
.article-detail .article-content .socmed-anchor button {
	background: none;
	outline: none;
	margin: 5px;
	font-size: 32px;
	border:none;
	color: var(--dusk-blue);
	min-height: 50px;
	position: relative;
}
.article-detail .article-content .socmed-anchor button:hover {
	font-size: 42px;
}
.article-detail .article-content .socmed-anchor button i {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.article-detail .article-content .article-body {
	color: #272727;
}
.article-detail .article-content .article-body h1 {
	font-size: 26px;
	color: var(--dusk-blue-three);
	font-family: 'GTWalsheimProTrial-Bold';
	margin-bottom: 20px;
}
.article-detail .article-content .article-body .content {
	font-family: 'CircularStd-Book';
	color: #272727;
	line-height: 1.2;
	font-size: 16px;
}
.article-detail .article-content .article-body .content p {
	margin-bottom: 20px;
}

.popup.review {
	width: 400px;
	padding: 20px;
}
.popup.review input,
.popup.review textarea,
.popup.review select {
	border : solid 1px #aaa;
}
.popup.review label {
	font-family: 'GTWalsheimProTrial-Medium';
	color: #272727;
	font-size: 14px;
}
.popup.review .btn-full {
	width: 100%;
	font-family: 'GTWalsheimProTrial-Medium';
	color: #fff;
	background: var(--dusk-blue);
	padding: 10px 0;
}
.popup.compare {
	width: 1000px;
	padding: 20px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
}
.popup.compare .popup-heading .text h1 {
	margin-bottom: 5px;
	font-size: 18px;
}
.popup.compare .popup-heading .text p {
	margin-bottom: 0;
	color: #333;
	font-family: 'CircularStd-Book';
	font-size: 12px;
}
.popup.compare .compare-area {
	justify-content: space-between;
	align-items: flex-start;
}
.popup.compare .compare-area .options {
	max-height: 400px;
	overflow-y: scroll;
}

.popup.compare .compare-area .options .item-options {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px var(--dusk-blue);
}
.popup.compare .compare-area .options .desc {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.popup.compare .compare-area .options .desc .pallete {
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
.popup.compare .compare-area .options .desc .text {
	width: 65%;
}
.popup.compare .compare-area .options .desc .text h3 {
	font-family: 'GTWalsheimProTrial-Bold';
	color: var(--dusk-blue);
	font-size: 14px;
	margin-bottom: 5px;
}
.popup.compare .compare-area .options .desc .text p {
	font-family: 'CircularStd-Book';
	color: #666;
	line-height: 1.2;
	font-size: 11px;
}
.popup.compare .compare-area .options .image-shades {
	width: 100%;
	display: inline-block;
	white-space: nowrap;
	overflow: auto;
}
.popup.compare .compare-area .options .image-shades img {
	width: 120px;
	height: 150px;
	object-position: center;
	object-fit: cover;
	margin-right: 5px;
	border : solid 2px transparent;
}
.popup.compare .compare-area .options .image-shades img.active {
	border: solid 2px var(--medium-pink);
}
.popup.compare .compare-area .options .image-shades img:hover {
	cursor: pointer;
	opacity: 0.8;
}
.popup.compare .compare-area .display {
	max-height: 400px;
}
.popup.compare .compare-area .display img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: center;
}
.popup.compare .compare-area .display .image-compare {
	width: 100%;
	height: 400px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.popup.compare .compare-area .display .image-compare .img {
	width: 50%;
	position: relative;
	height: 400px;
	overflow: hidden;
}
.popup.compare .compare-area .display .image-compare .img.primary img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.popup.compare .compare-area .display .image-compare .img.secondary img {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}
.checkout-table {
	width: 100%;
	padding: 2% 5%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.checkout-table .box-item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.checkout-table .box-item.half {
	width: 45%;
}
.checkout-table .button-area {
	width: 100%;
	margin: 20px 0;
	padding-top: 20px;
	border-top: solid 1px #333;
	text-align: right; 
}
.checkout-table .box-item h1.title {
	font-size: 26px;
	color: var(--dusk-blue-three);
	font-family: 'GTWalsheimProTrial-Bold';
	margin-bottom: 20px;
	width: 100%;
}
.checkout-table .box-item .table-area {
	width: 100%;
	margin-bottom: 20px;
}
.checkout-table .box-item .table-area .heading,
.checkout-table .box-item .table-area .body .row-item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.checkout-table .box-item .table-area .heading {
	font-family: 'GTWalsheimProTrial-Medium';
	color: #272727;
	font-size: 15px;
	padding: 10px 0;
	border-bottom: solid 1px #333;
}
.checkout-table .box-item .table-area .body {
	width: 100%;
	padding: 10px 0;
	border-bottom: solid 1px #333;
}
.checkout-table .box-item .table-area.summary .body {
	padding-top: 0;
	border-bottom: none;
	border-top: solid 1px #333;
}
.checkout-table .box-item .table-area .body .row-item {
	padding: 10px 0;
}
.checkout-table .box-item .table-area .body .row-item:hover {
	cursor: pointer;
	background: #fafafa;
}
.checkout-table .box-item .table-area .column:nth-child(1) {
	width: 35%;
}
.checkout-table .box-item .table-area .column:nth-child(2),
.checkout-table .box-item .table-area .column:nth-child(3),
.checkout-table .box-item .table-area .column:nth-child(4) {
	width: 20%;
}
.checkout-table .box-item .table-area .body .row-item .column {
	font-family: 'GTWalsheimProTrial-Bold';
	color: #333;
	font-size: 16px;
}
.checkout-table .box-item .table-area .column.product {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	font-family: 'GTWalsheimProTrial-Bold';
	color: #333;
	font-size: 13px;
}
.checkout-table .box-item .table-area .column.product img {
	width: 180px;
	height: 200px;
	object-fit: contain;
	object-position: center;
	background: none;
	padding: 10px;
	margin-right: 10px;
}
.checkout-table .box-item .table-area .column.product h2 {
	font-size: 16px;
}
.checkout-table .box-item .table-area .qty-box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.checkout-table .box-item .table-area .qty-box button {
	background: none;
	outline: none;
	border:none;
	color: #333;
	font-family: 'GTWalsheimProTrial-Bold';
	margin: 5px;
	font-size: 21px;
	opacity: 0.5;
}
.checkout-table .box-item .table-area .qty-box button:hover {
	opacity: 1;
}
.checkout-table .box-item .table-area .qty-box input {
	text-align: center;
	background: none;
	outline: none;
	border: none;
	width: 30px;
}
.checkout-table .box-item .table-area .column button.remove {
	background: none;
	outline: none;
	border: none;
	color: var(--medium-pink);
	opacity: 0.6;
	padding: 20px;
	font-size: 23px;
}
.checkout-table .box-item .table-area .column button.remove:hover {
	opacity: 1;
}
.checkout-table .box-item p {
	color: #272727;
	font-family: 'CircularStd-Book';
}
.checkout-table .box-item .promo-box {
	display: flex;
	justify-content: space-between;
	align-content: center;
}
.checkout-table .box-item .promo-box input {
	padding: 10px;
	text-align: center;
	margin-right: 5px;
	height: 50px;
	border: solid 1px #ccc;
}
.checkout-table .box-item .promo-box button {
	color: #fff;
	padding: 10px 20px;
	height: 50px;
	background: var(--medium-pink);
	font-family: 'GTWalsheimProTrial-Bold';
	border:none;
	outline: none;
}
.big-text-container {
	padding: 2% 0;
	width: 100%;
	justify-content: center;
}
.big-text-container .content {
	color: var(--dusk-blue);
	font-family: 'CircularStd-Book';
	font-size: 16px;
	line-height: 1.3;
}
.big-text-container .content p {
	margin-bottom: 20px;
}
.big-text-container .content.stores h2 {
	font-family: 'GTWalsheimProTrial-Bold';
}
.big-text-container .content.stores p {
	color: #000;
}
.auth-container {
	padding: 3% 5%;
	justify-content: center;
	align-items: flex-start;
}
.auth-container .separator-vertical {
	min-height: 350px;
	width: 2px;
	background: #aaa;
	margin: 0 30px;
}
.auth-container .section {
	padding: 20px;
	flex-wrap: wrap;
} 
.auth-container .section .link-area {
	width: 100%;
	text-align: center;
	font-family: 'CircularStd-Book';
	color: var(--dusk-blue);
}
.auth-container .section .link-area a {
	color: var(--dusk-blue-three);
}
.auth-container h1 {
	font-family: "GTWalsheimProTrial-Bold";
	color: var(--dusk-blue);
	font-size: 23px;
	margin-bottom: 10px;
}
.auth-container p {
	font-family: 'CircularStd-Book';
	color: #333;
	font-size: 14px;
	width: 100%;
}
.auth-container a {
	font-family: 'CircularStd-Book';
	color: #333;
	font-size: 14px;
}
.auth-form {
	width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.auth-form.full {
	width: 100%;
}
.auth-form .field {
	width: 100%;
	margin-bottom: 20px;
	color: #272727;
	font-family: 'GTWalsheimProTrial-Medium';
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.auth-form .field.half {
	width: 48%;
}
.auth-form .field .segment {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.auth-form .field .segment.full,
.auth-form .field .segment.remember-me.full {
	width: 100%;
	margin-top: 10px;
}
.auth-form .field .segment.full label.blue {
	color: var(--dusk-blue);
	font-family: 'CircularStd-Book';
	font-size: 12px;
}
.auth-form .field  input,
.auth-form .field  select {
	width: 100%;
	padding: 10px;
	border : none;
	background: none;
	outline: none;
	border-bottom: solid 1px #aaa;
}
.auth-form .field .special-input {
	width: 100%;
	position: relative;
}
.auth-form .field .special-input input {
	z-index: 1;
}
.auth-form .field .special-input span {
	position: absolute;
	z-index: 2;
	top : 50%;
	left: 10px;
	transform: translate(0,-50%);
	color: #777;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.auth-form .field .special-input input:focus + span,
.auth-form .field .special-input select:focus + span {
	top : 0;
	left: 0;
	font-size: 10px;
	color: var(--dusk-blue-three);
}
.auth-form .field .special-input input.notempty + span,
.auth-form .field .special-input select.notempty + span {
	top : 0;
	left: 0;
	font-size: 10px;
	color: var(--dusk-blue-three);
}
.auth-form .field .segment.remember-me {
	width: 50%;
	justify-content: flex-start;
}
.auth-form .field .segment.remember-me input {
	width: auto;
	margin-right: 10px;
}
.auth-form .field .segment.remember-me label {
	margin-bottom: 0;
}
.auth-form .field  input:focus {
	border-color: var(--medium-pink);
}
.auth-form .field.button-area-center {
	justify-content: center;
}
.tab-mobile {
	background: #fff;
	border-bottom: solid 3px #f8f8f8;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.tab-mobile a {
	width: 50%;
}
.tab-mobile .col {
	width: 100%;
	padding: 15px 10px 10px 10px;
	text-align: center;
	font-family: 'GTWalsheimProTrial-Bold';
	color: var(--dusk-blue);
	font-size: 14px;
	border-bottom: solid 5px transparent;
}
.tab-mobile .col.active {
	border-color: var(--dusk-blue);
}
.logo-container-body {
	width: 100%;
	padding: 20px 10px;
	text-align: center;
}
.logo-container-body img {
	width: 100px;
	display: inline-block;
}
.tab-step {
	background: #f0d9e9;
	color: var(--dusk-blue);
	margin-bottom: 20px;
}
.tab-step .step-listener {
	padding: 10px 0 5px 0;
	text-align: center;
	font-family: 'GTWalsheimProTrial-Medium';
	border-bottom: solid 5px transparent;
}
.tab-step .step-listener:hover {
	cursor: pointer;
	border-bottom: solid 5px var(--pink);
	background: #c0a7b7;
}
.tab-step .step-listener.active {
	border-bottom: solid 5px var(--dusk-blue);
}
.virtual-makeup {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}
.virtual-makeup .col-display {
	width: 480px;
}
.virtual-makeup .col-attribute {
	width: 53%;
}
.virtual-makeup .col-attribute .product-area {
	margin: 20px 0 10px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 20px;
}
.virtual-makeup .col-attribute .product-area .product-lists {
	width: 85%;
}
.virtual-makeup .col-attribute .product-area .product-lists .panel {
	width: 30%;
	margin: 0 2px;
	border: solid 1px #e0e0e0;
	opacity: 0.8;
	background: #fff;
}
.virtual-makeup .col-attribute .product-area .product-lists .panel.active {
	opacity: 1;
	border-color: var(--dusk-blue);
}
.virtual-makeup .col-attribute .product-area .product-lists .panel .image-box {
	width: 100%;
	padding: 10px 5%;
	text-align: center;
	border-bottom: solid 1px #f0f0f0;
}
.virtual-makeup .col-attribute .product-area .product-lists .panel .image-box img {
	display: inline-block;
	width: 100%;
	height: 130px;
	object-position: center;
	object-fit: contain;
}
.virtual-makeup .col-attribute .product-area .product-lists .panel .text-area {
	width: 100%;
	padding: 5%;
}
.virtual-makeup .col-attribute .product-area .product-lists .panel .text-area .label-area {
	width: 100%;
}
.virtual-makeup .col-attribute .product-area .product-lists .panel .text-area h3 {
	font-size: 16px;
	text-align: center;
}
.virtual-makeup .col-attribute .product-area .product-lists .panel .button-area {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.virtual-makeup .col-attribute .product-area .product-lists .panel .button-area a {
	width: 48px;
	text-align: center;
}
.virtual-makeup .col-attribute .product-area .product-lists .panel:hover {
	cursor: pointer;
	opacity: 1;
	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);
}
.virtual-makeup .col-attribute .product-area .nav {
	color: #fff;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	position: relative;
	border:none;
	outline: none;
	background: var(--dusk-blue);
	padding: 0;
	opacity: 0.7;
}
.virtual-makeup .col-attribute .product-area .nav i {
	font-size: 16px;
	position: absolute;
	top : 55%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.virtual-makeup .col-attribute .product-area .nav:hover {
	opacity: 1;
	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);
}
.virtual-makeup .col-attribute .color-area {
	width: 100%;
}
.virtual-makeup .col-attribute .color-area fieldset {
	border-top: solid 1px var(--dusk-blue);
	margin-bottom: 20px;
}
.virtual-makeup .col-attribute .color-area fieldset legend {
	width: auto;
	padding-right: 10px
}
.virtual-makeup .col-attribute .color-area .color-box {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.virtual-makeup .col-attribute .color-area .color-box .item-color {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	position: relative;
	margin: 0 10px 5px 0;
	border: solid 2px transparent;
	opacity: 0.8;
}
.virtual-makeup .col-attribute .color-area .color-box .item-color:hover {
	opacity: 1;
	cursor: pointer;
}
.virtual-makeup .col-attribute .color-area .color-box .item-color.active {
	border: solid 2px var(--pink);
}
.virtual-makeup .col-attribute .color-area .color-box .item-color .name {
	position: absolute;
	top : 80%;
	left: 50%;
	transform: translate(-50%,0);
	background: #000;
	padding: 10px;
	color: #fff;
	font-family: 'CircularStd-Book';
	font-size: 11px;
	width: auto;
	text-align: center;
	white-space: nowrap;
	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;
}
.virtual-makeup .col-attribute .color-area .color-box .item-color:hover .name {
	opacity: 1;
	top: 110%;
}
.virtual-makeup .col-attribute .color-area .color-box .item-color .name::after {
	content: ' ';
	position: absolute;
	background: #000;
	width: 20px;
	height: 20px;
	top : -10px;
	left: 50%;
	transform: translate(-50%,0) rotate(45deg);
}
.skin-analyzer-conteriner {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.skin-analyzer-conteriner h1 {
	width: 100%;
	text-align: center;
	background: none;
	margin-top: 20px;
}
.skin-analyzer-conteriner .virtual-area {
	background: #fff;
	display: flex;
	justify-content: space-between;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	flex-wrap: wrap;
	width: 800px;
	margin-bottom: 50px;
}
.skin-analyzer-conteriner .virtual-area .segment {
	width: 50%;
	position: relative;
}
.skin-analyzer-conteriner .virtual-area .segment.camera-area {
	height: 500px;
	overflow: hidden;
}
.skin-analyzer-conteriner .virtual-area .segment.camera-area img.base {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 500px;
	object-position: center;
	object-fit: cover;
}
.skin-analyzer-conteriner .virtual-area .segment.camera-area .camera-screen {
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: 2;
	top : 0;
	left: 0;
}
.skin-analyzer-conteriner .virtual-area .segment.camera-area img.overlay {
	z-index: 3;
	width: 70%;
	height: 400px;
	object-position: center;
	object-fit: cover;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-70%);
	position: absolute;
	display: none;
}
.skin-analyzer-conteriner .virtual-area .segment.camera-area .camera-result {
	width: 100%;
	height: 500px;
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment {
	text-align: center;
	display: inline-block;
	align-items: center;
	padding: 10px;
	padding-top: 10%;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment.left {
	text-align: left;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment.less-padding {
	padding-top: 10px;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment h1 {
	color: #646867;
	font-size: 18px;
	font-family: 'GTWalsheimProTrial-Medium';
	padding-bottom: 0;
	line-height: 1.2;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment h1.question {
	color: var(--dusk-blue);
	margin-bottom: 40px;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment.less-padding h1.question {
	margin-bottom:  20px;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment p {
	font-family: 'CircularStd-Book';
	color: #646867;
	padding: 0 20px;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .button-area {
	width: 100%;
	padding: 10px;
	display: inline-block;
	flex-wrap: wrap;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .button-area.yesno {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .button-area button {
	display: inline-block;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .button-area button.bluish {
	background: var(--dusk-blue);
	color: #fff;
	font-family: 'CircularStd-Book';
	padding: 10px 20px;
	font-size: 13px;
	border:none;
	outline: none;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .button-area button.bluish:hover {
	cursor: pointer;
	opacity: 0.8;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .button-area button.skip-analyzer {
	color: var(--dusk-blue);
	background:none;
	outline: none;
	border:none;
	font-family: 'GTWalsheimProTrial-Medium';
	text-decoration: underline;
	line-height: 1.2;
	font-size: 13px;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment button.yesno {
	border:none;
	background: #fff;
	width: 60%;
	padding: 15px 20px;
	margin-bottom: 15px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'GTWalsheimProTrial-Medium';
	color: var(--dusk-blue);
	outline: none;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment button.yesno:hover {
	box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment button.yesno.goback {
	box-shadow: none;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment button.yesno .icon {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: var(--dusk-blue);
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment button.yesno .icon i {
	color: #fff;
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .product-area-scroll {
	width: 100%;
	padding-left: 20px;
	padding-right: 0;
	overflow-x: scroll;
	white-space: nowrap;
	display: inline-block;

	height: 250px;
	margin-top: 30px;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .product-area-scroll .product-item {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	width: 150px;
	height: 230px;
	padding: 10px;
	margin-right: 10px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	margin-top: 10px;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .product-area-scroll .product-item .img-area {
	width: 100%;
	height: 150px;
	position: relative;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .product-area-scroll .product-item img {
	width: 90%;
	height: 150px;
	object-fit: contain;
	object-position: center;
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .product-area-scroll .product-item .text-area {
	width: 100%;
	padding: 0 10px;
	color: var(--dusk-blue);
	text-align: center;
	min-height: 80px;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .product-area-scroll .product-item .text-area h3 {
	font-size: 13px;
	font-family: 'GTWalsheimProTrial-Medium';
	white-space: pre-wrap;
}
.skin-analyzer-conteriner .virtual-area .segment.left-segment .product-area-scroll .product-item .text-area span {
	font-size: 11px;
	font-family: 'CircularStd-Book';
	white-space: pre-wrap;
}
.skin-analyzer-conteriner .virtual-area .segment.camera-area.result {
	height: 580px;
}
.skin-analyzer-conteriner .virtual-area .segment.camera-area .camera-result img {
		width: 100%;
		height: 500px;
		object-position: center;
		object-fit: cover;
}
.skin-analyzer-conteriner .virtual-area .segment.camera-area.result img {
	height: 580px;
}
.profile-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.profile-container .heading-profile {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 20px 0;
}
.profile-container .heading-profile .avatar {
	width: 200px;
	height: 200px;
	border-radius: 100px;
	object-fit: cover;
	object-position: top;
}
.profile-container .heading-profile .name {
	width: 45%;
}
.profile-container .heading-profile .name h2 {
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 32px;
	margin-bottom: 10px;
}
.profile-container .heading-profile .name .blue {
	background: var(--dusk-blue);
	border: none;
	outline: none;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	margin-bottom: 10px;
	font-size: 14px;
}
.profile-container .heading-profile .poin-container {
	width: 30%;
	background: var(--pale-rose);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 10px;
}
.profile-container .info-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.profile-container .info-container .bar {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #ccc;
}
.profile-container .info-container .body {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	flex-wrap: wrap;
}
.profile-container .info-container .body .field {
	width: 48%;
}
.shipping-container {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.shipping-container .segment {
	width: 48%;
}
.shipping-container .segment .item {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 20px;
}
.shipping-container .segment .item input {
	margin-right: 20px;
}
.shipping-container .segment .item img {
	width: 200px;
}
.shipping-container .segment .item .label {
	width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #272727;
	font-family: 'GTWalsheimProTrial-Bold';
	font-size: 18px;
}
.popup-address {
	border-radius: 5px;
}
.popup-address .heading {
	width: 100%;
	padding: 10px 5%;
	border-bottom: solid 1px #f0f0f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup-address.wider .heading {
	width: 100%;
	padding: 20px 2%;
	border-bottom: solid 1px #f0f0f0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup-address.wider .body {
	width: 100%;
	padding: 20px 2%;
}
.popup-address .body.btn-area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-grow: 1;
}
.popup-address .body.btn-area button {
	flex-grow: 1;
	margin:5px;
}
.popup-address .body {
	color: #888;
}
.popup-address .order-box {
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
}
.popup-address .order-box:hover {
	box-shadow: none;
}
.popup-address .order-box .address {
	width: 100%;
    padding: 10px 2%;
    color: #888;
    font-family: 'CircularStd-Book';
    font-size: 13px;
}
.popup-address .heading span {
	color: var(--dusk-blue-three);
	font-family: 'GTWalsheimProTrial-Medium';
	font-size: 11px;
}
.popup-address .heading button {
	background: none;
	outline: none;
	border:none;
	color: #aaa;
	padding: 0;
}
.popup-address .heading button:hover {
	cursor: pointer;
	color: #666;
}
.popup-address .body {
	max-height: 400px;
	width: 100%;
	padding: 10px 5%;
	overflow-y: scroll;
}
.popup-address .address-item {
	width: 100%;
	padding: 5%;
	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);
	margin-bottom: 10px;
	border-radius: 10px;
}
.popup-address .address-item.on {
	border: solid 1px var(--green-wardah);
}
.popup-address .address-item:hover {
	cursor: pointer;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.popup-address .address-item .item-attr {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	font-family: 'Gotham-Book';
	color: #777;
	margin-bottom: 10px;
	line-height: 1.2;
}
.popup-address .address-item .item-attr div {
	width: 80%;
}
.popup-address .address-item .item-attr button.icon {
	width: 30px;
	height: 30px;
	background: none;
	border:none;
	outline: none;
	position: relative;
}
.popup-address .address-item .item-attr button.icon i {
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.popup-address .address-item button.green {
	padding: 10px 20px;
	width: 100%;
	font-size: 10px;
}
.popup-address .box-product-cart {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
}
.popup-address .box-product-cart img {
	width: 40%;
	border : solid 1px #f0f0f0;
}
.popup-address .box-product-cart .desc {
	width: 55%;
}
.popup-address .box-product-cart .desc h3 {
	font-family: 'GTWalsheimProTrial-Bold';
	color: var(--dusk-blue-three);
	font-size: 14px;
}

@media(max-width: 620px) {
	.mobile {
		display: block !important;
	}
	.mobile-flex {
		display: flex !important;
	}
	.desktop {
		display: none !important;
	}
	.desktop-flex {
		display: none !important;
	}


	header {
		background: #fff;
		box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
		-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
		-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
	}
	header .wrapper-header {
		padding: 10px 5%;
	}
	header .icon-area {
		width: 20%;
	}
	header .icon-area.text-left {
		justify-content: flex-start;
	}
	footer .row {
		flex-wrap: wrap !important;
	}
	footer .col,
	footer .col-6 {
		max-width: 100% !important;
		width: 100% !important;
		justify-content: center;
		flex: 0 0 100% !important;
		text-align: center !important;
		margin-bottom:20px;
	}
	footer h3 {
		margin-bottom: 20px;
	}
	footer ul {
	    flex-wrap: wrap;
	}
	footer ul li {
	    width: 100%;
	    text-align: center;
	    margin-bottom: 20px;
	    margin-right: 0;
	}
	footer ul li a {
		color: var(--dusk-blue);
	}
	.banner-area {
		height: auto;
		position: relative;
	}
	.banner-area img.bg {
		position: relative;
		z-index: 1;
	}
	.banner-area.mobile .overlay-text {
		position: absolute;
		top : 10%;
		left: 5%;
		width: 90%;
		text-align: center;
		color: #fff;
		z-index: 2;
		font-family: 'GTWalsheimProTrial-Bold';
		font-size: 26px;
	}
	.banner-area.mobile button.shop {
		position: absolute;
		top : 40%;
		left: 50%;
		padding: 10px 20px;
		text-align: center;
		color: #fff;
		z-index: 3;
		font-family: 'GTWalsheimProTrial-Bold';
		font-size: 18px;
		background : none;
		border : solid 3px #fff;
		transform: translate(-50%,0);
	}
	.product-fade {
		width: 100%;
		position: relative;
		background: #fff url('../static/parallax-element-1.png');
		background-size: 70%;
		background-position: center top 30px;
		background-repeat: no-repeat;
		padding: 5%;
		z-index: 2;
	}
	.product-fade .product-slide {
		position: relative;
		width: 100%;
		display: flex;
		justify-content: center;
		margin : 0;
		margin-top: -50px;
	}
	.product-fade .product-slide a {
		width: 150px;
	}
	.product-fade .product-slide a .product-item {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}	
	.product-fade .product-slide a .product-item .img-area {
		width: 150px;
		height: 350px;
		text-align: center;
		position: relative;
	}
	.product-fade .product-slide a .product-item .img-area img {
		width: 60%;
		position: absolute;
		bottom : 10%;
		left: 50%;
		transform: translate(-50%,0);
	}
	.product-fade .product-slide a .product-item .text-area {
		width: 100%;
		text-align: center;
	}
	.product-fade .product-slide a .product-item .text-area h3 {
		color: var(--dusk-blue-three);
		margin-bottom: 10px;
		font-size: 16px;	
		font-family: 'GTWalsheimProTrial-Bold';
	}
	.product-fade .product-slide a .product-item .text-area span {
		color: var(--dusk-blue-three);
		font-size: 12px;	
		font-family: 'GTWalsheimProTrial-Medium';
	}	
	.product-panel-container a {
		text-align: center;
	}
	.product-panel-container a .panel {
    	width: 250px;
    	display: inline-block;
	}
	.subscribe-area h2 {
	    font-family: 'CircularStd-Book';
	    color: #fff;
	    text-align: center;
	    margin-bottom: 20px;
	    font-size: 18px;
	    width: 70%;
	    display: inline-block;
	}
	.subscribe-area .input-box {
	    width: 300px;
	    display: flex;
	    justify-content: space-between;
	    align-items: flex-end;
	    flex-wrap: wrap;
	}
	.subscribe-area .input-box input {
    	width: 210px;
	}
	.subscribe-area {
	    background: var(--dusk-blue);
	    padding: 10% 5%;
	}
	.newsletter-area {
	    background: var(--pale-grey-35);
	    min-height: 100px;
	    padding: 10%;
	}
	.newsletter-area h1 {
		font-family: 'GTWalsheimProTrial-Medium';
		color: var(--medium-purple-two);
		font-size: 23px;
		text-align: center;
	}
	.newsletter-area .newsletter-box.landing {
		flex-wrap: wrap;
	}
	.newsletter-area .newsletter-box .col {
		padding: 0;
		height: 350px;
		width: 220px;
		margin: 0 5px;
		overflow: hidden;
		position: relative;
		cursor: pointer;
	}
	.newsletter-area .newsletter-box.landing .col {
		width: 100%;
		flex: 0 100%;
		height: 170px;
		background: #fff;
		box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.newsletter-area .newsletter-box.landing .col a {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.newsletter-area .newsletter-box .col img.background {
		width: 100%;
		height: 350px;
		object-fit: cover;
		object-position: center;
		position: absolute;
		top : 0;
		left: 0;
		z-index: 1;
	}
	.newsletter-area .newsletter-box.landing .col img.background {
		width: 100px;
		height: 100px;
		margin: 10px;
		position: relative;

	}
	.newsletter-area .newsletter-box.landing .overlay {
		display: none;
	}
	.newsletter-area .newsletter-box.landing .col:hover img.background {
		width: 100px;
		height: 100px;
		margin: 10px;
		position: relative;
		top : 0;
		left: 0;
	}
	.newsletter-area .newsletter-box.landing .text-area {
		position: relative;
		transform: none;
		color: #4d4d4d;
		width: 65%;
		padding: 15px;
		left: auto;
		right: 0;
		bottom : auto;
		top : 0;
	}
	.newsletter-area .newsletter-box .col .text-area span {
		color: #fff;
		font-family: 'GTWalsheimProTrial-Bold';
		font-size: 12px;
	}
	.newsletter-area .newsletter-box.landing .col .text-area span {
		display: none;
	}
	.newsletter-area .newsletter-box .col .text-area h2 {
		color: #fff;
		font-family: 'GTWalsheimProTrial-Bold';
		font-size: 26px;
	}
	.newsletter-area .newsletter-box.landing .col .text-area h2 {
		font-family: 'CircularStd-Book';
		color: var(--dusk-blue-three);
		font-size: 14px;
		margin-bottom: 15px;
	}
	.newsletter-area .newsletter-box .col .text-area p {
		color: #fff;
		font-family: 'CircularStd-Book';
		font-size: 12px;
		line-height: 1.2;
	}
	.newsletter-area .newsletter-box.landing .col .text-area p {
		font-family: 'CircularStd-Book';
		color: #4d4d4d;
		font-size: 12px;

	}
	.newsletter-area .newsletter-box .col .text-area a {
		color: #fff;
		font-family: 'GTWalsheimProTrial-Bold';
		font-size: 14px;
		line-height: 1.2;
	}	
	.newsletter-area .newsletter-box.landing .col .info-area {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px;
		margin-top: -20px;
	}
	.newsletter-area .newsletter-box.landing .col .info-area .button-area {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.newsletter-area .newsletter-box.landing .col .info-area .button-area .btn-segment {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-right: 15px;
	}
	.newsletter-area .newsletter-box.landing .col .info-area .button-area .btn-segment .love {
		margin-left: -10px;
		margin-right: -10px;
		color: var(--darkish-pink);
	}
	.newsletter-area .newsletter-box.landing .col .info-area .button-area .btn-segment.love {
		color: var(--darkish-pink);
	}
	.newsletter-area .newsletter-box.landing .col .info-area .button-area .btn-segment.share {
		color: var(--dusk-blue-three);
	}
	.newsletter-area .newsletter-box.landing .col .info-area .button-area .btn-segment.share button {
		margin-right: 5px;
	}
	.newsletter-area .newsletter-box.landing .col .info-area .attr-area {
		color: #808080;
		display: flex;
		justify-content: flex-end;
	}
	.newsletter-area .newsletter-box.landing .col .info-area .attr-area span {
		margin-left: 10px;
	}
	.text-display-full,
	.image-display-full {
		width: 100%;
		flex: 0 0 100%;
		min-height: 300px;
	} 
	.text-display-full .text-wrapper h1 {
	    font-family: 'GTWalsheimProTrial-Bold';
	    font-size: 32px;
	}
	.button-area-full {
		width: 100%;
		text-align: center;
		margin: 20px 0;

	}
	.review-area .row,
	.recommended-product .row {
		justify-content: center;
	}
	.review-area .row .col-5,
	.review-area .row .col-7 {
		flex : 0 0 100%;
		width: 100%;
		max-width: 100%;
	}
	.sort-area select,
	.sort-area button {
		margin:  5px;
		width: 100%;
	}
	.recommended-product .cont {
		flex-wrap: wrap;
	}
	.recommended-product .col-5,
	.recommended-product .col-7,
	.col-11.tutorial,
	.col-11.mix-color,
	.mix-color .video-area,
	.mix-color .text-desc,
	.main-detail-product .slide-area .slide-display,
	.main-detail-product .product-description {
		flex : 0 0 100%;
		width: 100%;
		max-width: 100%;
		flex-wrap: nowrap;
		text-align: center;
	}
	.mix-color .video-area {
		order: 1;
	}
	.mix-color .text-desc {
		order: 2;
		text-align: left;
		padding: 0;
	}
	.mix-color .text-desc .item {
		width: 100%;
	}
	.recommended-product .slide .nav {
		display: none;
	}
	.recommended-product .slide .recommended-slide {
		width: 100%;
	}
	.justify-content-md-center {
		justify-content: center;
	}
	.recommended-product h1 {
	    font-family: 'GTWalsheimProTrial-Bold';
	    color: var(--dusk-blue);
	    font-size: 23px;
	    line-height: 1.2;
	}
	.mix-color .boxes-area {
		padding: 10px 5%;
	}
	.tutorial .tabs .col {
		font-size: 18px;
	}
	.detail-product-container {
	    padding: 0;
	}
	.main-detail-product .slide-area .slide-display .item {
		width: 80%;
		height: 350px;
	}
	.main-detail-product .slide-area .slide-display .item img {
		top : 5%;
		left: 5%;
		width: 90%;
		height: 300px;
	}
	.main-detail-product .product-description {
	    padding: 5% !important;
	    text-align: center;
	    justify-content: center;
	}
	.main-detail-product .product-description .essentials {
		justify-content: center;
	}
	.main-detail-product .product-description .essentials .item {
	    width: 120px;
	    margin-right: 0;
	    text-align: center;
	    margin: 10px;
	}
	.main-detail-product .product-description .color-picker {
		justify-content: center;
	}
	.main-detail-product .product-description .color-picker .color-area {
		justify-content: center;
	}
	.main-detail-product .product-description .bookmark-area {
		justify-content: center;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.main-detail-product .product-description .checkout-area {
		width: 100%;
	}
	.main-detail-product .product-description .checkout-area button,
	.main-detail-product .product-description .checkout-area input {
		height: 40px;
	}
	.text-display-full.blush {
		background : var(--blush) url(../static/background-pattern.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		color: #fff;
	}
	.text-display-full.light-pink {
		background : var(--pale-rose) url(../static/background-pattern.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		color: #fff;
	}	
	.newsletter-area {
		background : var(--pale-grey-35) url(../static/background-pattern.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		min-height: 100px;
		padding: 5%;
	}
	.product-panel-container {
		background: #fff url(../static/parallax-element-1.png);
		background-size: 60%;
		background-repeat: no-repeat;
		background-position: bottom right -50px;
	}
	.product-panel-container .panel {
		background: none;
	}
	#product-slide-navigator .slick-arrow {
		display: none;
	}
	.color-area.init-slick-slider .slick-arrow {
		display: none;
	}
	.article-detail {
		justify-content: center;
	}
	.article-detail .article-content {
		margin : 0;
		padding: 5%;
	}
	.article-detail .article-content .article-body {
		max-width: 100%;
		flex : 0 0 100%;
	}
	.article-detail .article-content .socmed-anchor {
		justify-content: center;
		align-items: center;
		padding-top: 30px;
	}
	.article-detail .article-content .socmed-anchor p {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.article-detail .article-content .socmed-anchor a {
		margin: 0 0 0 20px;
	}
	.popup.review {
	    width: 90%;
	    padding: 20px;
	    top: 55%;
	}
	.checkout-table .box-item {
		padding: 5%;
	}
	.checkout-table .box-item.half {
		width: 100%;
	} 
	.checkout-table .box-item .promo-box {
		width: 100%;
	}
	.checkout-table .box-item .promo-box input {
		width: 80%;
	}
	.product-pink {
		background: var(--pale-rose);
	}
	.product-pink .product-panel-container {
		background: var(--pale-rose);
	}
	.checkout-table {
		padding: 5%;
	}
	.checkout-table .button-area {
		padding: 20px 5%;
	}
	.checkout-table .button-area button.pink {
		width: 100%;
		padding: 20px;
	}
	.checkout-table .box-item .table-area .column:nth-child(1) {
		width:80%;
	}
	.checkout-table .box-item .table-area .column.product img {
		width: 130px;
		height: 150px;
	}
	.big-text-container {
	    padding: 5% 0;
	    width: 100%;
	    justify-content: center;
	    margin: 0;
	}
	.auth-container .section,
	.auth-container .separator-vertical {
		min-height: auto;
		max-width: 100%;
		flex : 0 0 100%;
		padding: 5%;
	}
	.auth-container .separator-vertical {
		padding: 0;
		margin: 20px 0;
		height: 1px; 
	}
	.auth-form {
		width: 100%;
	}
	.popup.compare {
		width: 90%;
		top : 55%;
	}
	.popup.compare .popup-heading {
		align-items: flex-start;
	}
	.popup.compare .compare-area .options {
		min-height: 300px;
		max-width: 100%;
		flex : 0 0 100%;
	}
	.popup.compare .compare-area .options .desc {
		align-items: center;
		margin-bottom: 10px;
	}
	.popup.compare .compare-area .options .desc .text {
		width: 55%;
	}
	.product-panel-container.grid-panel a {
		width: 40%;
		margin: 0 10px;
	}
	.product-panel-container.grid-panel a .panel {
		width: 100%;
	}
	.product-panel-container.grid-panel a .panel .text-area .label-area {
		width: 100%;
	}
	.product-panel-container.grid-panel a .panel .image-box {
		border-bottom: none;
	}
	.product-panel-container.grid-panel a .panel .text-area .button-area {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 10px;
	}
	.product-panel-container.grid-panel a .panel .image-box .love.corner {
		position: absolute;
		top : 0;
		right: 0;
	}
	.page-tab a {
	    color: var(--dusk-blue);
	    text-decoration: none;
	    font-family: 'GTWalsheimProTrial-Bold';
	    font-size: 14px;
	}
	.auth-form .field.button-area {
		text-align: center;
		justify-content: center;
	}
	.virtual-makeup-container {
		padding-top: 0;
	}
	.virtual-makeup-container .content {
		max-width: 100%;
		flex: 0 0 100%;
		padding: 0;
	}
	.virtual-makeup-container .content .virtual-makeup .col-attribute {
		width: 100%;
	}
	.virtual-makeup .col-attribute .product-area {
		padding: 0 10px;
	}
	.virtual-makeup .col-attribute .product-area .product-lists {
		width: 80%;
	}
	.virtual-makeup .col-attribute .product-area .product-lists .panel {
		opacity: 0.6;
	}
	.virtual-makeup .col-attribute .color-area {
		padding: 10px;
	}
	.virtual-makeup .col-attribute .color-area legend {
		text-align: center;
		padding: 0 10px;
	}
	.virtual-makeup .col-attribute .color-area .color-box {
		justify-content: center;
	}
	.virtual-makeup .col-attribute .color-area .color-box .item-color {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		margin : 0 5px 5px 5px;
	}
	.skin-analyzer-conteriner {
		margin: 0;
	}
	.skin-analyzer-conteriner .virtual-area {
		box-shadow: none;
		justify-content: center;
	}
	.skin-analyzer-conteriner .virtual-area .segment {
		width: 100%;
	}
	.skin-analyzer-conteriner .virtual-area .segment.camera-area {
		width: 80%;
		height: 300px;
	}
	.skin-analyzer-conteriner .virtual-area .segment.camera-area img.base {
		height: 300px;
		object-position: top;
	}
	.skin-analyzer-conteriner .virtual-area .segment.camera-area .camera-screen {
		width: 100%;
		height: 300px;
	}
	.skin-analyzer-conteriner .virtual-area .segment.camera-area img.overlay {
		z-index: 3;
		width: 70%;
		height: 270px;
		object-position: center;
		object-fit: cover;
		top : 50%;
		left: 50%;
		transform: translate(-50%,-60%);
		position: absolute;
		display: none;
	}
	.skin-analyzer-conteriner .virtual-area .segment.camera-area .camera-result {
		width: 100%;
		height: 300px;
		position: relative;
		z-index: 4;
	}	
	.skin-analyzer-conteriner .virtual-area .segment.camera-area .camera-result img {
		width: 100%;
		height: 300px;
		object-position: center;
		object-fit: cover;
	}
	.skin-analyzer-conteriner .virtual-area .segment.left-segment.less-padding {
		width: 50%;
	}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.display-wrapper {
		width: 1200px;
	}
}

@media (min-width: 621px) and (max-width: 1023px) {
	.mobile {
		display: block !important;
	}
	.mobile-flex {
		display: flex !important;
	}
	.desktop {
		display: none !important;
	}
	.desktop-flex {
		display: none !important;
	}
	.tablet {
		display: block !important;
	}
	.tablet-flex {
		display: flex !important;
	}
	.display-wrapper {
		width: 1000px;
	}
	header {
		background: #fff;
		box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
		-ms-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
		-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
	}
	header .wrapper-header {
		padding: 10px 5%;
	}
	header .icon-area {
		width: 20%;
	}
	header .icon-area.text-left {
		justify-content: flex-start;
	}
	footer .row {
		flex-wrap: wrap !important;
	}
	footer .col,
	footer .col-6 {
		max-width: 100% !important;
		width: 100% !important;
		justify-content: center;
		flex: 0 0 100% !important;
		text-align: center !important;
		margin-bottom:20px;
	}
	footer h3 {
		margin-bottom: 20px;
	}
	footer ul {
	    flex-wrap: wrap;
	}
	footer ul li {
	    width: 100%;
	    text-align: center;
	    margin-bottom: 20px;
	    margin-right: 0;
	}
	footer ul li a {
		color: var(--dusk-blue);
	}
	.banner-area.mobile {
		display: none !important;
	}
	.banner-area .product-display h1 {
	    color: var(--dusk-blue-three);
	    font-size: 32px;
	    font-family: 'GTWalsheimProTrial-Bold';
	    margin-bottom: 20px;
	    line-height: 1;
	}
	.banner-area .product-display {
	    position: absolute;
	    left: 55%;
	    top: 50%;
	    transform: translate(0,-50%);
	    z-index: 3;
	    width: 40%;
	}
	.banner-area {
		width: 100%;
		height: 370px;
		position: relative;
		overflow: hidden;
	}
	.text-display-full .text-wrapper p {
	    font-family: 'CircularStd-Book';
	    font-size: 17px;
	}
	.text-display-full .text-wrapper h1 {
	    font-family: 'GTWalsheimProTrial-Bold';
	    font-size: 30px;
	}
	.image-display-full {
	    overflow: hidden;
	    min-height: 100px;
	    height: 250px;
	    position: relative;
	    padding: 0;
	}
	.image-display-full img {
	    width: 100%;
	    object-fit: cover;
	    object-position: center;
	    height: 100%;
	}
	.text-display-full {
	    min-height: 100px;
	    height: 250px;
	    position: relative;
	    padding: 0;
	}
	footer {
		width: 100%;
		padding: 5%;
		background : #fff;
		color: var(--dusk-blue);
	}
	footer h3 {
		font-family: 'GTWalsheimProTrial-Bold';
		font-size: 14px;
		margin-bottom: 10px;
	}
	footer ul {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		list-style: none;
		padding: 0;
	}
	footer ul li {
		margin-right: 20px;
		color: var(--dusk-blue);
		font-family: 'CircularStd-Book';
		font-size: 14px;
		text-align: left;
	}
	footer .icon-area {
		width: 100%;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	footer .icon-area img {
		width: 35px;
		margin: 0 10px;
	}

	footer .socmed-area {
		display: inline-block;
		margin-bottom: 10px;
	}
	footer .socmed-area img {
		margin-left: 10px;
	}
	.newsletter-area .newsletter-box {
		margin: 0;
		margin-top: 20px;
	}
	.newsletter-area .newsletter-box .col {
		padding: 0;
		height: 450px;
		overflow: hidden;
		position: relative;
		cursor: pointer;
	}	
	footer .tablet-footer {
		flex: 0 0 30% !important;
	}
	footer .tablet-footer.right {
		text-align: right !important;
	}
	footer .tablet-footer.left {
		text-align: left !important;
	}
	footer .tablet-footer ul {
		display: inline-block;
	}
	.socmed-anchor.mobile-flex {
		display: none !important;
	}
	.main-detail-product .slide-area .slide-display {
	    width: 100%;
	    margin-bottom: 20px;
	}

}