@font-face {
        font-family: "Fraunces";
        src:url('../fonts/Fraunces9pt-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: "Fraunces-SemiBold";
        src:url('../fonts/Fraunces9pt-SemiBold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: "Fraunces-Bold";
        src:url('../fonts/Fraunces9pt-Bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: "Fraunces-Light";
        src:url('../fonts/Fraunces9pt-Light.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: "Montserrat";
        src:url('../fonts/Montserrat-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: "Montserrat-Light";
        src:url('../fonts/Montserrat-Light.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: "Montserrat-SemiBold";
        src:url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: "LibreCaslonText";
        src:url('../fonts/LibreCaslonText-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}


.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.loader-background {
    position: fixed;
    top : 0;
    left: 0;
    width: 100%;
    height: 100%;
    background : #fff;
    opacity: 1;
    z-index: 999996;
}
.loader-group-logo {
    position: fixed;
    top : 35%;
    left: 0;
    width: 100%;
    text-align: center;
    /* width: 180px;
    height: 180px; */
    background : #f0f0f0;
    transform: translate(0,-50%);
    background : #fff;
    border-radius: 90px;
	z-index: 999998;
	border: none;
	outline: none;
}
.loader-group-logo .loader-img1 {
	position: absolute;
	top: 0;
	width: 200px;
	left: 50%;
}
.loader-group-logo .loader-img1 img {
	/* display: inline-block; */
	width: 100%;
	outline: none;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	left: -50%;
	position: relative;
}

.loader-group-logo .loader-img2 {
	position: absolute;
	top: 10px;
	width: 180px;
	left: 50%;
}
.loader-group-logo .loader-img2 img {
	width: 100%;
	left: -50%;
	position: relative;
}


.overlay-full{
    position:fixed;
    z-index:140;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0, 0, 0, 0.7);
}
.overlay-full-login{
    position:fixed;
    z-index:140;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0, 0, 0, 0.8);
}

html,body{
	background-color: #ee7176;
	width: 100%;
	min-width: 100%;
	/**height: 100%;**/
	min-height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: 'Fraunces','Helvetica', Helvetica Neue, Arial, sans-serif;
	color: #625e5e;
}
#wrapper{
	width: 100%;
	position: relative;
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
}

.container{
	display: inline-block;
	width: 1320px;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #434343;
	font-weight: 500;
}

header{
    background: #ffffff;
    color:##f7a5a7;
    position:fixed;
    width:100%;
    top:0;
    left:0;
    right:0;
    z-index:100;
    padding: 0;
}

header.only-mobile{
	height: 55px;
	border-bottom: 0.5px solid #f7a5a7;
}

header ul {
	list-style-type: none;
}

header .warningtop{
	display: flex;
	height: 45px;
	width: 100%;
	text-align: center;
	justify-content: space-between;
	align-items: center;
	background-color: #f7a5a7;
	font-family:"Montserrat";
	font-size: 15px;
	color:#ffffff;
}

header .container-header {
	display: flex;
	justify-content: space-between;
	padding: 0px 7vw;
	align-items: center;
	min-height: 65px;
	border-bottom: solid 1px #fdd5d9;
}

header .menu-container{
	width:30%;
	text-align: left;
}

header .logo-header img {
	width: 46%;
	min-width: 185px;	
	/* margin-left: 7vw; */
	/* margin: 0 auto; */
}

header .search-header {
	width: 40%;
	position: relative;
	border-right: solid 1px #fdd5d9;
	border-left: solid 1px #fdd5d9;
	display: flex;
	height: 65px;
	align-items: center;
}
header .search-header .frmsearch{
	width:100%;
}
header .search-header input {
	border: none;
	border-radius: 5px;
	padding: 10px;
	width: 70%;
	font-family: "Montserrat";
	color: #9a9a9a;
	font-size: 14px;
}
header .search-header button{
    background: none;
    border: none;
    color: #f7a5a7;
    font-size: 20px;
    position: relative;
    right: 0px;
}

header .search-header input:focus{
    outline: none;
}

header .search-header input::placeholder{
	font-family:"Montserrat";
	font-size: 14px;
    color:#9a9a9a;
    opacity: 0.52; 
}
header .login-header{
    font-size: 20px;
    position: relative;
    width: 30%;
    cursor: pointer;
}
header .login-header img{
    height:22px;
    margin: 0 4px 0;
}



.tooltip .tooltiptext1 {
    visibility: hidden;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
    background-color: #F9F9F9;
    color: #9d760c;
    text-align: center;
    border-radius: 0px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    font-size: 14px;
    top: 100%;
}
.tooltip .tooltiptext2 {
    visibility: hidden;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
    background-color: #F9F9F9;
    color: #9d760c;
    text-align: center;
    border-radius: 0px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    font-size: 14px;
    top: 100%;
}
  
.tooltip:hover .tooltiptext1a {
    visibility: visible;
}

.tooltip:hover .tooltiptext2a {
    visibility: visible;
}

/**MENU**/
.menu-header {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1px #fdd5d9;
	font-family: Montserrat;
	font-size: 16px;
	color: #f7a5a7;
}
ul.menu-desktop {
	display: flex;
	right: 0;
	width: 70%;
	padding: 0;
	position: relative;
	justify-content: space-around;
	margin: 0 auto;
}


li a {
	display: inline-block;
	color: #f7a5a7;
	text-align: center;
	padding: 15px 8px 0;
	text-decoration: none;
	height: 35px;
}
li.dropdown {
    display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffff;
	min-width: 160px;
	z-index: 1;
	top: 51px;
	padding: 20px 20px;
	/* left: 50px; */
	/*border: 1px solid black;*/
	margin-left: -20px;
}
.dropdown-content a {
    color: #f7a5a7;
    padding: 0 8px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown-content a:hover, .dropdown-content a.active {
    color: #126579;
}
.dropdown:hover .dropdown-content {
    display: block;
}

.line-1 {
	border: none;
	border-bottom: 1px solid #c8797c;
	width: 85%;
	margin: 20px;
}

/**MENU eND**/

.only-desktop {
    display: block !important;
}
.only-mobile {
    display: none !important;
}


/**FOOTER**/
footer {
	min-height:180px;
  	background-color: #ee7176;
    color:#ffffff;
    font-family: "Montserrat-Light";
    font-size:18px;
	padding: 0 7vw;
}
footer .container-logo {
	display: flex;
	justify-content: space-between;
	margin: 50px 0 20px;
	align-items: center;
	min-height: 50px;
}
footer .logo-header {
	/**margin-left: 7vw;**/
}
footer .logo-header img {
	height: 18px;
	width:auto;
}
footer .container-desc {
	display: flex;
	justify-content: space-between;
	margin: 0;
	align-items: center;
	min-height: 50px;
}
.container-desc .text-desc {
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	width: 45%;
	text-align: left;
}
footer .container-footer {
	display: flex;
	justify-content: space-between;
	padding: 50px 0;
	align-items: center;
	min-height: 50px;
}
.container-footer .footer-menu {
	display: flex;
	flex-direction: row;
	width: 420px;
	text-align: left;
	font-family: "Montserrat-Light";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.75px;
	text-transform: uppercase;
}
.footer-menu .line {
	border-right: 1px solid #ffffff;
	margin-right: 15px;
	padding: 0 10px 0 0;
}
.footer-menu .line-end {
	padding: 0 15px 0 0;
}
.container-footer .footer-brand {
	/**width: 20%;**/
	text-align: left;
	font-family: "Montserrat-SemiBold";
	font-size: 12px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.75px;
}
.container-footer .footer-socmed {
	display: flex;
	flex-direction: row;
	width: 29%;
	text-align: right;
	justify-content: flex-end;
	padding-right: 20px;
}
.container-footer .footer-socmed img{
	width: 40px;
	height:auto;
	margin: 0 10px;
}
/**FOOTER END**/


/** LOGIN POPUP **/

.popup {
	position: fixed;
	z-index: 9999;
	top: 50%;
	left: 50%;
	/**width: 500px;**/
	/**display: block;**/
	background: #fff;
	transform: translate(-50%,-50%);
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #9a9a9a;
}
/**
.popup .wrapper {
	width: 90%;
	padding: 5%;
}
**/
.popup.box-login {
	width: 800px;
	display: none;
	overflow-x: visible;
	border: 1px solid #f3f3f3;
}
.popup button.close-popup {
	position: absolute;
	width: 45px;
	height: 45px;
	background: #fff;
	border: none;
	outline: none;
	color: #f7a5a7;
	font-size: 30px;
	top: -25px;
	right: -25px;
	cursor: pointer;
	border-radius: 45px;
	box-shadow: 0 0 6px 0 rgba(119, 119, 119, 0.5);
	padding-bottom: 3px;
}
.popup.box-login .wrapper {
	display: flex;
	/* justify-content: space-between; */
	align-items: flex-start;
	width: 100%;
	padding: 0;
	flex-wrap: wrap;
}
.popup.box-login .form-segment {
	width: 0;
	opacity: 0;
	overflow: hidden;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	height: 440px;
	position: relative;
	overflow: -moz-scrollbars-none;
	-ms-overflow-style: none;
}
.popup.box-login .form-segment::-webkit-scrollbar {
	width: 0 !important
}
.popup.box-login .form-segment.on {
	width: 40%;
	padding: 4%;
	opacity: 1;
}
.popup.box-login h1{
	font-family: Fraunces;
	font-size: 24px;
	font-weight: 600;
	color: #f7a5a7;
}
.form-area {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.form-area .field {
	width: 100%;
	margin-bottom: 20px;
	position: relative;
}
.form-area .field input {
	margin-top: 10px;
	width: 94%;
	padding: 10px 3%;
	border: none;
	border-bottom: solid 1px #e4e4e4;
	outline: none;
}
span.toggle-password {
	position: absolute;
	top: 25px;
	right: 5px;
}
.forgot-passw {
  width: 109px;
  height: 15px;
  margin: 10px 211px 0 0;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f7a5a7;
}
.form-area .field button {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  width: 118px;
  height: 38px;
  border: none;
  border-radius: 5px;
  background-color: #f7a5a7;
}
.form-area .field.flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
}
.form-area .field.flex input[type="checkbox"] {
	margin-right: 10px;
	width: auto;
}
.form-area .field.flex label {
	width: 80%;
	position: relative;
	top: 3px;
}

.vertical-line {
	border-right: solid 2px #c8797c;
	height: 400px;
	position: relative;
	top: 50px;
	right: 10px;
	opacity: 0.2;
}



.overlay-full-login {
	position: fixed;
	z-index: 140;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

/** LOGIN POPUP END**/


.fixed-contact {
	visibility: visible;
	opacity: 1;
	position: fixed;
	bottom: 3.2rem;
	right: 3.5rem;
	z-index: 15;
	display: block;
	width: 70px;
	height: 70px;
}

.fixed-contact img{
	width: 100%;
	height: auto;
}

#body{
    min-height: 300px;
    margin-top: 160px;
    background: #fff;
}
.body-grey{
	background: #f8f8f8;
}

.txt-right{
	text-align:right;
}
.txt-left{
	text-align:left;
}
 .right {
	right: 7%;
}
 .left {
	left: 7%;
}
.float-right{
	float:right;	
}
.float-left{
	float:left;	
}
.container-full{
    width:100%;
    margin:0;
}

.slider-full {
	width: 100%;
	padding-top: 0;
	top: -5px;
}

.slider-full .list{
    position: relative;
    /*height: calc(70vh - 50px);*/
    /*height: 31.2%;*/
    height:auto;
    overflow:hidden;
}
.slider-full .list .image{
    width:100%;
    height:100%;
}
.slider-full .list .image img{
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
    width:100%;
    /* height:100%; */
}
/**
.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}
**/

.segment-typeproduct {
	padding: 40px 0;
}
.segment-title {
	font-family: "Fraunces-SemiBold";
	font-size: 24px;
	margin: 0 10px 28px;
	color: #f7a5a7;
}
.segment-icon {
 display: flex;
 justify-content: center;
}
.prod-cat {
	padding: 0 20px 15px;
}
.prod-cat .prod-image {
	width: 150px;
	border-radius: 100px;
	height: 150px;
	border: 10px solid #f8f8f8;
}
.prod-cat .prod-image:hover {
	border: 10px solid #f7a5a7;
}
.prod-cat .prod-image img{
	width: 100%;
}
.prod-cat .prod-title {
	font-family: "Fraunces-Light";
	font-size: 28px;
	color: #7fc6c7;
	font-weight: 10;
}

/**SEGMENT SHOWCASE**/
.segment-showcase {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	flex-direction: row;
	z-index: 10;
	position: relative;
}
.block-showcase{
	width: 50%;
	padding-top: 36%;
	position: relative;
}
.segment-new {
	background-image: url('../images/bg-new-arrival.png');
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat;
}
.segment-bestsell {
	background-image: url('../images/bg-best-sell.png');
	background-position: 0 0;
	background-size: cover;
	background-repeat: no-repeat;
}
.block-product {
	position: absolute;
	top: 2%;
	bottom: 2%;
	width: 80%;
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
	height: 92%;
}
.block-title{
	/**width: 100%;**/
	font-family: "Fraunces-SemiBold";
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variation-settings: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #126579;
}
.block-showcase .block-arrow{
	width: 100%;
	font-family: "Fraunces-SemiBold";
	font-size: 36px;
	color: #126579;
	display: flex;
 	justify-content: center;
 	flex-direction:row;
 	height:38px;
 	line-height:1em;
}
.arrow-char {
	margin: 0 20px;
}

.block-title .right{
	text-align: center;
}
.flex-showcase {
	width: 100%;
	/**padding-top: 40px;**/
}
.flex-showcase .box-product {
	margin: 0 5px;
	background: #fff;
	text-align: left;
	padding: 20px 0;
	position: relative;
}
.box-title{
	font-family: "Fraunces-SemiBold";
	font-size: 11px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variation-settings: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #625e5e;
	margin-top: 12px;
	margin-left: 12px;
	min-height: 40px;
}
.box-category{
	font-family: "Fraunces";
	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #bab3b3;
	margin-top: 2px;
	margin-left: 12px;
}
.box-price{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #2e2e2e;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 12px;
	display: block;
}
.box-image {
	width: 100%;
	max-height: 14vw;
	border-bottom: 1px solid #ffffff;
	height: 14vw;
	padding-bottom: 1px;
}
.box-image img {
	height: auto;
	width: 100%;
	max-height: 100%;
	max-width: 100%;
	margin: auto;
	top: 50%;
	left: 50%;
	position: relative;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	display: block;
	object-fit: contain;
}

.block-arrow .arrow-char{
	cursor: pointer;
}
.block-arrow .slick-disabled{
	cursor: default;
}

.box-product .ico-bestseller {
	width: 21.5%;
	height: 21.5%;
	position: absolute;
	top: 1em;
	right: 1em;
	z-index: 1;
}
.box-product .ico-bestseller img{
	width: 100%;
}
.box-product .btn-details {
	border: 1px solid #7fc6c7;
	border-radius: 20px;
	margin: 10px 25px 8px;
	padding: 5px;
	text-align: center;
	color: #7fc6c7;
	display: none;
	font-family: Montserrat;
	font-size: 14px;
	cursor: pointer;
}

.box-product:hover .box-image {
	
	border-bottom:1px solid #126579;
}

.box-product:hover .btn-details{
	display: block;
}
.box-product:hover .box-price{
	display: none;
}

.flex-showcase .slick-list {margin: 0 -5px;}
.flex-showcase .slick-slide>div {padding: 0 5px;}

/**SEGMENT GALLERY1**/
.segment-gallery1 {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	background: #fff8f9;
	position: relative;
	top: 0px;
}
.segment-gallery1 .gallery1{
	position: relative;
	width:34%;
	padding-top:27.2%;*/
	min-height:400px;
	padding-bottom:2px;
	top: -2px;
}
.gallery1 .slick-gall-left,.gallery1 .slick-gall-right{
	position: absolute;
	top: 0;
	bottom:0;
	right:0;
	left:0;
}
.gallery1 .gall-image img {
	width: 100%;
	/**min-height: 27.45vw;**/
	/**max-height: 27.45vw;**/
	min-height: 27.85vw;
	max-height: 27.85vw;
}
.gallery1 .gall-image img{
	width:100%;
	height: auto;
}

.slick-gall-right .slick-list{
	/**height: 100% !important;**/
	/*display: flex !important;*/
}
.slick-gall-right .slick-track{
	/*height: inherit !important;*/
}

.gallery1 .slick-gall-left.slick-vertical .slick-slide, .gallery1 .slick-gall-right.slick-vertical .slick-slide {
	border: none;
}

.segment-gallery1 .gallery1-middle{
	width:32%;
}
.slick-gall-middle {
	width: 100%;
	height: 100%;
}
.slick-mid{
	width:100%;
	height: auto;
}
.slick-gall-middle .group-middle {
	display: flex;
	flex-direction: column;
	/**justify-content: space-around;**/
	justify-content: center;
	text-align: center;
	height: 100%;
	min-height: 200px;
}
.slick-gall-middle .gall-icon {
	width: 25%;
	height: auto;
	margin: 0 auto;
}
.slick-gall-middle .gall-icon img {
	width: 100%;
	height: auto;
	padding-top: 8vh;
}
.gall-text {
	padding: 0 4vw;
	font-family: "Montserrat-Light";
	font-size: 16px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #625e5e;
}


/**GET LOOK**/
.segment-getlook {
	padding: 10px 8vw 40px;
	background: #f8f8f8;
	position: relative;
	top: 0px;
	z-index: 10;
}
.look-header {
	width: 100%;
	height: 60px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
}
.segment-getlook .block-arrow {
	height:23px;	
}
.segment-getlook .block-arrow img{
	height:100%;	
}
.slick-look-block{
	width: 100%;
	padding-top: 39%;
	position: relative;
}
.slick-look-block .slick-look-pos{
	position: absolute;
	top: 0;
	bottom:0;
	right:0;
	left:0;
}
.slick-getlook {
	width: 100%;
	height:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.slick-getlook .slick-list {margin: 0 -12px;}
.slick-getlook .slick-slide>div {padding: 0 12px;}

.look-gallery {
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	min-height:35vw;
}
.block-text{
	position: absolute;
	bottom: 7vh;
	width: 100%;
	font-family: Fraunces;
	font-size: 36px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;	
}
.look-gallery .look-masking {
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-color: #126579;
	position: absolute;
	top: 0;
	display:none;
}
.look-gallery .look-masking .masking-txt {
	font-family: "Fraunces-Light";
	font-size: 36px;
	color: #ffffff;
	position: absolute;
	top: 50%;
	width: 100%;
	opacity: 0.8;
}
.look-gallery:hover .look-masking{
	display:block;
}

.look-left {
	left: 3vw;
	text-align: left;
	width: auto;
}

.look-block1 .btn-shop-look {
	object-fit: contain;
	background-color: #7fc6c7;
	font-family: "Montserrat";
	font-size: 20px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	padding: 15px 30px;
	display: block;
	text-align: center;
	margin: 20px 0;
	position: relative;
	width: max-content;
}

/**SEGMENT WHAT'S IN**/
.segment-whatsin {
	padding: 10px 8vw 20px;
	background: #f8f8f8;
	color:#625e5e;
	text-align: left;
	font-family: Fraunces-SemiBold;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variation-settings: normal;
	line-height: normal;
	letter-spacing: normal;
	margin: 30px 0 20px;
}
.whatsin-header {
	width: 100%;
	height: 60px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
}
.segment-whatsin .block-arrow {
	height:23px;	
}
.segment-whatsin .block-arrow img{
	height:100%;	
}
.segment-whatsin .block-read {
	height: 20px;
	margin: 0 0 40px 0;
}
.segment-whatsin .block-read img{
	height: 100%;	
}
.slick-whatsin-block {
	width: 100%;
	padding-top: 63.8%;
	position: relative;
}
.slick-whatsin-block .slick-whatsin-pos{
	position: absolute;
	top: 0;
	bottom:0;
	right:0;
	left:0;
}


.block-content {
	width: 44%;
	position: relative;
	height: 100%;
	display: flex;
	align-items: start;
	justify-content: start;
}

.block-content-1 {
	float: right;
	flex-direction: column-reverse;
}
.block-content-2 {
	float: left;
	flex-direction: column;
}

.whatsin-image {
	width: 100%;
	position: relative;
	display: block;
	padding-bottom: 100%;
}
.whatsin-text {
	width: 100%;
	position: relative;
	display: block;
}

.whatsin-image .whatsin-gallery {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.block-content-2 .whatsin-image{
	margin-bottom: 40px;
}

.slick-whatsin-block .content-num {
	font-family: "LibreCaslonText";
	font-size: 21px;
	color: #ee7176;
	margin: 0 0 25px 0;
}
.slick-whatsin-block .content-title{
  font-family: "Fraunces-SemiBold";
  font-size: 28px;
  color: #625e5e;
}
.slick-whatsin-block .content-desc {
	font-family: "Montserrat-Light";
	font-size: 16px;
	color: #625e5e;
	margin: 0 0 30px 0;
}
 .slick-whatsin-block hr {
	width: 20%;
	margin: 15px 100% 15px 0;
	position: unset;
	border: none;
	border-top: 1px solid #126579;
}

.wi-masking-back {
	width: 92%;
	height: 66.7%;
	opacity: 1;
	background-color: #7fc6c7;
	position: absolute;
	bottom: -19px;
	right: -19px;
	display: none;
}
.wi-masking-front {
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-color: #126579;
	position: absolute;
	top: 0;
	display: none;
}
.wi-masking-front .masking-txt {
	font-family: "Fraunces-Light";
	font-size: 36px;
	color: #ffffff;
	position: absolute;
	top: 50%;
	width: 100%;
	opacity: 0.8;
	text-align: center;
}

.slick-whatsin-block .slick-whatsin-pos .block-content .whatsin-image:hover .wi-masking-back{
	display:block;
}

.whatsin-image:hover .wi-masking-front{
	display:block;
}


/**SEGMENT BABES**/
.segment-babes {
	padding: 30px 8vw 6vw 8vw;
	background: #fff;
}
.babes-header {
	width: 100%;
	height: 60px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0 30px;
}

.slick-babes-block {
	width: 104%;
	padding-top: 50%;
	position: relative;
	/*! height: 600px; */
}
.slick-babes-block .slick-babes-pos{
	position: absolute;
	top: 0;
	bottom:0;
	right:0;
	left:0;
}
.slick-babes {
	width: 100%;
	height:100%;
	
	position: relative;
}
.slick-babes:after {
  content: '';
  display: block;
  clear: both;
}

.babes-image {
  float: left;
  margin: 0.5%;
  /**margin: 5px;**/
}
.img-1 {
	width: 47% !important;
	padding-bottom: 48.5%;
	background: #fff;
	position: relative;
}
.img-2 {
	width: 23.5% !important;
	padding-bottom: 23.75%;
	background: #fff;
	position: relative;
}
.img-3 {
	width: 23.5% !important;
	padding-bottom: 23.75%;
	background: #fff;
	position: relative;
}

.babes-normpos{
	position: absolute;
	top: 0;
	bottom:0;
	right:0;
	left:0;
}
.babes-gallery {
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	min-height: 100%;
}

.slick-babes .slick-prev {
	left: -40px;
}
.slick-babes .slick-prev::before {
	content: '<';
}
.slick-babes .slick-next::before {
	content: '>';
}
.slick-babes .slick-prev::before, .slick-babes .slick-next::before {
	font-family: Montserrat-Light;
	font-size: 32px;
	color: #126579;
}
.babes-gallery .babes-masking {
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-color: #126579;
	position: absolute;
	top: 0;
	display:none;
}
.babes-gallery:hover .babes-masking{
	display:block;
}


/** PAGE PRODUCT**/
.container-content {
	padding: 50px 12vw 40px;
	background: #fff;
}

.container-content .content-header {
	width: 100%;
	margin: 0;
}

.container-content .product-menu {
	display: flex;
	flex-direction: row;
	text-align: left;
	font-family: "Fraunces";
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #126579;
	justify-content: center;
	margin: 0 auto;
}

.container-content .product-menu a{
	color: #126579;
}

.container-content .product-menu .active a{
	color: #ee7176;
}

.container-content .line {
	border-right: 1px solid #126579;
	margin-right: 40px;
	padding: 0 40px 0 0;
}

.container-content .content-body {
	width: 100%;
	min-height: 300px;
	margin: 30px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.container-content .content-body .box-product {
	width: 22%;
	margin: 15px 5px;
	background: #ffebee;
	text-align: left;
	padding: 20px 0;
	position: relative;
}

.container-content .content-body .box-product2 {
	width: 22%;
	height: 0;
	margin: 15px 5px;
}

.container-content .content-body .box-title{
	font-family: "Fraunces-SemiBold";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variation-settings: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #625e5e;
	margin-top: 12px;
	margin-left: 20px;
}
.container-content .content-body .box-category{
	font-family: "Fraunces";
	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #bab3b3;
	margin-top: 2px;
	margin-left: 20px;
}
.container-content .content-body .box-price{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #2e2e2e;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
	display: block;
}
.container-content .content-body .box-image {
	width: 100%;
	/*height: 16vw;*/
	/*max-height: 16vw;*/
	border-bottom: 1px solid #ffebee;
}
.container-content .content-body .box-image img {
	height: auto;
	width: 100%;
	margin: 0 auto;
}

.container-content .content-body .box-product .block-flag{
	width: 18%;
	position: absolute;
	right: 1.5em;
	top: 1.5em;
}

.container-content .content-body .box-product .ico-bestseller {
	width: 100%;
	height: 18%;
	position: relative;
	top: 0;
	right: 0;
	z-index: 1;
	display: block;
}
/**
.container-content .content-body .box-product .ico-bestseller {
	width: 18%;
	height: 18%;
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	z-index: 1;
}
**/

.container-content .content-body .box-product .ico-bestseller img{
	width: 100%;
}
.container-content .content-body .box-product .btn-details {
	border: 1px solid #7fc6c7;
	border-radius: 20px;
	margin: 10px 25px 8px;
	padding: 5px;
	text-align: center;
	color: #7fc6c7;
	display: none;
	font-family: Montserrat;
	font-size: 14px;
	cursor: pointer;
}

.container-content .content-body .box-product:hover .box-image {	
	border-bottom:1px solid #126579;
}

.container-content .content-body .box-product:hover .btn-details{
	display: block;
}
.container-content .content-body .box-product:hover .box-price{
	display: none;
}

.content-paging{
	text-align: right;
	padding-right: 10px;
	margin: 30px 0 0;
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #979797;
}

.content-paging a{ 
	margin-left: 20px;
	color: #979797;
}

.content-paging strong{
	margin-left: 20px;
	color: #ee7176;
}

/**PAGE DETAIL PRODUCT**/
.segment-detailprod {
	padding: 20px 10vw;
	text-align: left;
	display: flex;
	flex-direction: row;
	align-items: start;
	justify-content: space-evenly;
}
.block-gallery {
	/* text-align: left; */
	width: 35%;
	text-align: center;
}
.slick-gallpreview {
	width: 100%;
	min-height: 450px;
	background: #fdd5d9;
	margin: 0 0 10px 0;
	position: relative;
}
.slick-gallpreview .img-preview {
	width: 100%;
	margin: 20px auto;
	/* padding: 30px; */
	background: #fdd5d9;
}
.slick-gallpreview .img-preview img{
	margin:10px auto;
	width: 90%;
}
.slick-gallpreview .slick-track {
	display: flex;
	min-height: 450px;
	height: 450px;
}
.slick-gallpreview .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}

.slick-gallpreview .img-product {
	width: 80%;
	height: auto;
	margin: auto;
	position: absolute;
	left: -50%;
	right: -50%;
	top: -50%;
	bottom: -50%;
}

.slick-gallnav {
	width: 100%;
	text-align: center;
	margin: auto;
	height:70px;
}
.slick-gallnav .block-pre{
background:#fdd5d9;
height:70px;
}
.slick-gallnav .img-preview {
	width: 50px;
	height: 50px;
	position: relative;
	display: block;
	/**background: #fdd5d9;**/
	padding-top: 14px;
	margin: 0 auto;
}
.slick-gallnav .img-preview img {
	/* max-width: 80%; */
	/* max-height: 80%; */
	margin: 0 auto;
	object-fit: contain;
	height: 80%;
	width: 80%;
}

.slick-gallnav .slick-list {margin: 0 -2px;}
/**.slick-gallnav .slick-slide{width:unset !important;}**/
.slick-gallnav .slick-slide>div {padding: 0 4px;}
.slick-gallnav .slick-track{ margin-left: 0; }

.block-detail {
	width: 50%;
}
.block-detail .prod-title{
	font-family: "Fraunces-Bold";
	font-size: 34px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variation-settings: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #807a7a;
}
.block-detail .prod-type{
	font-family: Fraunces;
	font-size: 22px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #bab3b3;
}
.block-detail .prod-price {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e2e2e;
  margin: 8px 0;
}
.prod-star {
	margin: 5px 0;
}
.prod-star i{
	margin: 0 5px 0 0;
}
.star-green{
	 color: #7fc6c7;
	 font-size:22px;
}
.prod-variant {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 5px 0 5px;
}
.block-variant {
	text-align: center;
	margin-right: 10px;
	position: relative;
	margin: 10px 10px 20px 0;
}
.block-variant .round-variant {
	width: 55px;
	height: 55px;
	color: #fff;
	position: relative;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border: 5px solid #fff;
}
.block-variant .title-variant {
	position: absolute;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #126579;
	line-height: 2.5;
	display: none;
	left: 50%;
	transform: translate(-50%, 0);
	width: 250px;
}

.block-variant:hover .round-variant{
	border: 5px solid #126579;
}
.block-variant:hover .title-variant{
	/**display:block;**/
}

.block-variant.active .round-variant{
	border: 5px solid #126579;
}
.block-variant.active .title-variant{
	display: block;
}

.block-variant.active:hover .txt-active{
	display: block;
}
/**
.prod-variant .block-variant:hover + .prod-variant .block-variant .txt-active{
	display: none;
}

.block-variant:hover + .block-variant.active .title-variant{
	display:none;
}
**/

.prod-accordion {
	width:90%;
	margin: 20px 0 50px;
	position: relative;
}

.prod-accordion ul {
  list-style: none;
  padding: 0;
}

.prod-accordion ul .inner {
  padding-left: 0;
  padding-top: 10px;
  overflow: hidden;
  display: none;
  font-family: "Montserrat-Light";
  font-size: 14px;
  line-height: normal;
  letter-spacing: normal;
  color: #625e5e;
  text-align: left;
}

.prod-accordion ul li {
  margin: 0.5em 0;
}

.prod-accordion ul li a.toggle {
  width: 100%;
  display: block;
  background: #fff;
  padding: 0.25em 0;
  transition: background 0.3s ease;
  font-family: "Fraunces-SemiBold";
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-variation-settings: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #f7a5a7;
  text-align: left;
  border-bottom: solid 1px #979797;
}


.toggle:after {
  content: '\02C5'; 
  font-size: 18px;
  color: #cf8d8f;
  float: right;
  margin-left: 5px;
}
.is-active:after {
  content: "\02C4"; 
}

.prod-accordion .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.prod-accordion .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.prod-buy {
	margin: 10px 0;
	position: relative;
	display: block;
	width: 90%;
}

.prod-buy .btn-buy-1 {
	object-fit: contain;
	border-radius: 5px;
	background-color: #7fc6c7;
	font-family: "Montserrat-SemiBold";
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	padding: 20px 0;
	width: 100%;
	display: block;
	text-align: center;
	margin: auto;
	position: relative;
}
.prod-buy p{
	font-family: "Montserrat-Light";
	font-size: 14px;
	font-weight: 300;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.88;
	letter-spacing: normal;
	color: #625e5e;
}

.segment-randproduct {
	padding: 40px 15vw;
	background-color: #fdd5d9;
}
.segment-randproduct .segment-title{
	font-family: "Fraunces-SemiBold";
	font-size: 34px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variation-settings: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #126579;
}

.flex-randproduct .box-product {
	margin: 0 5px;
	background: #fff;
	text-align: left;
	padding: 20px 0;
	position: relative;
	max-width: 350px;
}

.flex-randproduct .slick-list {margin: 0 -5px;}
.flex-randproduct .slick-slide>div {padding: 0 5px;}

.segment-rating {
	padding: 40px 15vw;
	background-color: #fff;
}
.segment-rating .segment-title{
	font-family: "Fraunces-SemiBold";
	font-size: 34px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variation-settings: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #126579;
	margin-bottom: 20px;
}
.segment-rating hr{
	width: 30%;
	position: unset;
	border: none;
	border-top: 1px solid #979797;
	margin-bottom: 20px;
}
.block-rating {
	display: flex;
	justify-content: center;
	align-items: center;
}
.block-rating .text-1 {
	width: 100px;
	font-family: Fraunces;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.79;
  letter-spacing: normal;
  color: #656565;
}
.btn-buy-2 {
	object-fit: contain;
	border-radius: 5px;
	background-color: #7fc6c7;
	font-family: "Montserrat-SemiBold";
	font-size: 14px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	padding: 10px 20px;
	width: max-content;
	display: block;
	text-align: center;
	margin: 20px auto;
	position: relative;
}

.segment-rating .content-body {
	width: 100%;
	min-height: 100px;
	margin: 30px 0 0;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-start;
	flex-wrap: wrap;
}
.segment-rating .content-body .box-review {
	width: 30%;
	margin: 15px 5px;
	background: #fff;
	text-align: left;
	padding: 20px 0;
	position: relative;
}
.box-review .txt-name{
	font-family: Fraunces;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #434343;
	margin-bottom: 10px;
}
.box-review .txt-age{
	font-family: Fraunces-Light;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #9a9a9a;
	margin-bottom: 10px;
}
.box-review .txt-review{
	font-family: Montserrat;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 2.14;
	letter-spacing: 0.88px;
	color: #9a9a9a;
	margin: 12px 0;
}
.box-review .txt-date{
	font-family: Montserrat;
	font-size: 9px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.69px;
	color: #9a9a9a;
}



/**PAGE ARTIKEL**/
.container-content-30 {
	padding: 30px 12vw;
	background: #fff;
}
.whatsin-image {
	width: 100%;
	position: relative;
	display: block;
	padding-bottom: 100%;
}
.whatsin-image .whatsin-gallery {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.block-pinned{
	width: 100%;
	position: relative;
}
.block-artikel {
	width: 48%;
	position: relative;
	float: left;
	margin: 20px 0;
}
.pinned-image {
	width: 100%;
	position: relative;
	display: block;
	padding-bottom: 44%;
}
.artikel-image {
	width: 100%;
	position: relative;
	display: block;
	padding-bottom: 100%;
}
.artikel-img{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.artikel-img:hover .wi-masking-front{
	display:block;
}
.block-cat {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 19px;
	background: #126579;
	font-family: "Montserrat-SemiBold";
	font-size: 18px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}
.artikel-title {
	font-family: Fraunces;
	font-size: 30px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #126579;
	text-align: left;
	margin: 10px 0;
}

.block-listartikel {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 20px 0 0;
}

.artikel-image:hover .wi-masking-front{
	display:block;
}

.artikel-banner{
	width: 100%;
	position: relative;
} 
.banner-image{
	width: 100%;
	position: relative;
	display: block;
	padding-bottom: 31%;
}
.artikel-date {
	font-family: "Fraunces-Light";
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #126579;
	text-align: left;
}
.artikel-desc {
	font-family: "Montserrat-Light";
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #625e5e;
	text-align: left;
	margin-top:25px;
}
.artikel-desc img {
	width: 100%;
	margin: 15px 0;
	height: auto;
}

.segment-artikel-product {
	padding: 30px 12vw 40px;
	background: #fdd5d9;
}
.slick-artikel-prod {
	width: 100%;
	margin: 20px 0;
}
.slick-artikel-prod .box-product {
	width: 22%;
	margin: 15px 5px;
	background: #fff8f9;
	text-align: left;
	padding: 20px 0;
	position: relative;
}
.slick-artikel-prod .box-product .box-image {
	border-bottom: 1px solid #fff8f9;
}

.slick-artikel-prod .box-product .box-image img {
	height: auto;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #fff8f9;
}
.slick-artikel-prod .box-product:hover .box-image{	
	border-bottom:1px solid #126579;
}
.slick-artikel-prod .slick-slide {
    margin: 0 20px;
}
.slick-artikel-prod .slick-list {
    margin: 0 -20px;
}

.segment-artikel-random {
	padding: 30px 12vw 40px;
	background: #fff;
}
.slick-artikel-random {
	width: 100%;
	margin: 20px 0;
}
.slick-artikel-random .block-artikel {
	width: 24%;
	position: relative;
	float: left;
	margin: 20px 0;
}
.slick-artikel-random .slick-slide {
    margin: 0 20px;
}
.slick-artikel-random .slick-list {
    margin: 0 -20px;
}
.artikel-title2 {
	font-family: Fraunces;
	font-size: 20px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #126579;
	text-align: left;
	margin: 10px 0;
}

/**PAGE WHO WE ARE**/
.segment-whoweare{
	width: 100%;
	position: relative;	
}

.segment-whoweare .block-desc{
	width: 100%;
	position: relative;
	display: flex;
	align-items: start;
	justify-content: start;	
}

.segment-whoweare .block-desc-1{
	flex-direction: row;
}

.segment-whoweare .block-desc-2{
	flex-direction: row-reverse;
}

.whoweare-page-image{
	width: 50%;
	position: relative;
	display: block;
	padding-bottom: 38%;
}

.whoweare-block{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


.whoweare-page-text{
	width: 50%;
	position: relative;
	display: block;
	padding-bottom: 38%;
}
.whoweare-page-text .block-text1 {
	position: relative;
	display: flex;
	align-items: start;
	justify-content: center;
	flex-direction: column;
	padding: 0 80px;
	text-align: left;
	color: #625e5e;
	height: 100%;
}

.whoweare-page-text .block-text1 .content-title{
	font-family: "Fraunces-SemiBold";
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variation-settings: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #625e5e;
}

.whoweare-page-text .block-text1 .content-desc{
	font-family: "Montserrat-Light";
	font-size: 21px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #625e5e;
}

.whoweare-page-text .block-text1 hr {
	width: 25%;
	left: 0;
	position: unset;
	border-bottom: 1px solid #126579;
	margin: 10px 100% 10px 0;
}

.segment-whoweare-bottom {
	width: 100%;
	position: relative;
	margin:30px 0;
	padding-bottom: 20px;
}

.block-clickvideo{
	width:100%;
}

.block-video {
	width: 100%;
	position: relative;
	display: block;
	padding-bottom: 38%;
}
.whoweare-video-img {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.whoweare-video-player {
	position: absolute;
	top: -webkit-calc(50% - 75px);
	top:-moz-calc(50% - 75px);
	top:calc(50% - 75px);
	left:-webkit-calc(50% - 75px);
	left:-moz-calc(50% - 75px);
	left:calc(50% - 75px);
}
.whoweare-video-player img{
	width: 150px;
	height: 150px;
}

.segment-whoweare-bottom .block-video-text {
	margin: 50px 15vw;
	font-family: "Montserrat-Light";
	font-size: 18px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #625e5e;
}

.block-cat1 {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 15px 19px;
	background: #126579;
	font-family: "Montserrat-SemiBold";
	font-size: 18px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}

/**PAGE LOOK**/
.segment-look{
	width: 100%;
	position: relative;	
}

.segment-look .block-desc{
	width: 100%;
	position: relative;
	display: flex;
	align-items: start;
	justify-content: start;	
}

.segment-look .block-desc-1{
	flex-direction: row;
}

.segment-look .block-desc-2{
	flex-direction: row-reverse;
}

.look-page-image{
	width: 50%;
	position: relative;
	display: block;
	padding-bottom: 49%;
}

.look-block1{
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.look-page-product{
	width: 50%;
	position: relative;
	display: block;
	padding-bottom: 49%;
}
.look-page-product .look-block {
	/* padding: 30px; */
	width: 100%;
	display: block;
	align-items: center;
	height: 100%;
	position: relative;
}
/*
.look-page-product .look-slick {
	width: 100%;
	display: block;
	position: relative;
	padding: 30px;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
}
*/
.look-page-product .look-slick {
	width: 75%;
	display: flex;
	position: relative;
	padding: 0;
	/* height: 80%; */
	top: 50%;
	transform: translateY(-50%);
	flex-wrap: wrap;
	margin: 0 auto;
	left: 50%;
	transform: translate(-50%,-50%);
}
.look-page-product .look-slick .box-product {
	width: 35%;
	margin: 1%;
	background: #ffebee;
	text-align: left;
	padding: 5px 0;
	position: relative;
	/* float: left; */
}
.look-page-product .look-slick .box-title{
	font-family: "Fraunces-SemiBold";
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	font-variation-settings: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #625e5e;
	margin-top: 12px;
	margin-left: 20px;
}
.look-page-product .look-slick .box-category{
	font-family: "Fraunces";
	font-size: 14px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #bab3b3;
	margin-top: 2px;
	margin-left: 20px;
}
.look-page-product .look-slick .box-price{
	font-family: Montserrat;
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #2e2e2e;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
	display: block;
}
.look-page-product .look-slick .box-image {
	width: 100%;
	border-bottom: 1px solid #ffebee;
}
.look-page-product .look-slick .box-image img {
	height: auto;
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #ffebee;
}
.look-page-product .look-slick .box-product .btn-details {
	border: 1px solid #7fc6c7;
	border-radius: 20px;
	margin: 10px 25px 8px;
	padding: 5px;
	text-align: center;
	color: #7fc6c7;
	display: none;
	font-family: Montserrat;
	font-size: 14px;
	cursor: pointer;
}

.look-page-product .look-slick .box-product:hover .box-image{	
	border-bottom:1px solid #126579;
}

.look-page-product .look-slick .box-product:hover .btn-details{
	display: block;
}
.look-page-product .look-slick .box-product:hover .box-price{
	display: none;
}


.look-page-product .look-slick .slick-slide {
    margin: 0 5px;
}
.look-page-product .look-slick .slick-list {
    margin: 0 -5px;
}

.block-listproduct{
	position: relative;
	width: 90%;
}

.group-product {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
	margin: 20px 0;
	align-content: center;
	width: 100%;
}

.prod-checkbox{
	position: relative;
	width: 40px;
	height: 40px;
	margin: 0 5px 0 0;
}

 /* Customize the label (the container) */
.prod-checkbox .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 35px;
}

/* Hide the browser's default checkbox */
.prod-checkbox .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.prod-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  background-color: #fff;
  border: 2px solid #f05274;
  border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.prod-checkbox .container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.prod-checkbox .container input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.prod-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.prod-checkbox .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.prod-checkbox .container .checkmark::after {
	left: 8px;
	top: 3px;
	width: 10px;
	height: 15px;
	border: solid #f05274;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
}
/*
.prod-checkbox .container .checkmark:after {
  left: 10px;
  top: 2px;
  width: 12px;
  height: 20px;
  border: solid #f05274;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg);
} 
*/



.prod-detail-product {
	display: block;
	position: relative;
	width: 70%;
	margin-left: 10px;
}

.prod-line-img {
	display: block;
	position: relative;
	float: left;
	width: 100px;
	margin: 0 0 2px;
}
.prod-line-img .prod-img-small {
	margin: 0 auto;
	position: relative;
	width: 75px;
}
.prod-line-img .prod-img-small img {
	width: 100%;	
}

.prod-line-img-2 {
	display: none;
	position: relative;
	float: left;
	width: 15%;
	margin: 0 0 2px;
}



.prod-line-1 {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 2px;
}
.prod-line-2 {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 2px;
}
.prod-line-3 {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 2px;
}
.prod-line-4 {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 2px;
}

.prod-line-1 .prod-title {
	float: left;
	font-family: "Fraunces-SemiBold";
	font-size: 13px;
	font-weight: 300;
	color:#625e5e;
}
.prod-line-1 .prod-price {
	font-family: "Montserrat-SemiBold";
	font-size: 13px;
	font-weight: 300;
	color: #2e2e2e;
	float: right;
	line-height: 1.5;
	margin: 0;
}
.prod-line-2 .prod-type {
	font-family: "Fraunces-Light";
	font-size: 12px;
	font-weight: 300;
	color: #bab3b3;
	float: left;
}

.round-variant.w-40{
	width: 40px;
	height: 40px;
	border: 3px solid #fff;
}
.block-variant.active .round-variant.w-40 {
	border: 3px solid #126579;
}
.block-variant:hover .round-variant.w-40 {
	border: 3px solid #126579;
}

.block-listproduct hr.line-grey{
	width: calc(70% + 155px);
	margin: 15px 100% 15px 0;
	position: unset;
	border: none;
	border-top: 1px solid #979797;
}


.prod-line-3 {
	display: flex;
	position: relative;
	width: 100%;
	margin: 0 0 2px;
	flex-direction: row;
	align-items: start;
	justify-content: start;
	align-content: start;
}
.block-checkout {
	position: relative;
	width: 100%;
}

.block-checkout .prod-price-2 {
	font-family: "Montserrat-SemiBold";
	font-size: 13px;
	font-weight: 300;
	color: #2e2e2e;
	line-height: 1.5;
	margin: 0;
	text-align: left;
}
.block-checkout .group-box1 {
	position: relative;
	display: block;
	margin: 10px 20px 10px 0;
}
.block-checkout .box-item{
	width: 62px;
	height: 62px;
	border: solid 2px #f05274;
	border-radius: 5px;
	object-fit: contain;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	font-family: "Montserrat-Light";
	font-size: 32px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #2e2e2e;
}
.white-line {
	border-color: white !important;
	height: auto !important;
}
.block-checkout .btn-buy-1 {
	object-fit: contain;
	border-radius: 5px;
	background-color: #7fc6c7;
	font-family: "Montserrat-SemiBold";
	font-size: 16px;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	padding: 22px 0;
	width: 74%;
	display: block;
	text-align: center;
	margin: auto 0;
	position: relative;
}

.box-notes1{
	font-family: Montserrat;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.88;
	letter-spacing: normal;
	color: #625e5e;
	width: 73%;
	text-align: left
}

@media (max-width:1500px){
	.segment-whatsin {
		padding-bottom: 8%;
	}
	
}

@media (max-width:1280px){
	.segment-whatsin {
		padding-bottom: 15%;
	}
	
}

@media (max-width:1180px){
	.segment-whatsin {
		padding-bottom: 18%;
	}
	
}

@media (max-width:1000px){
    *{
        -webkit-overflow-scrolling: touch;
    }
    
    footer .container-logo {
		justify-content: center;
	}
	footer .container-desc {
		justify-content: center;
	}
	.container-desc .text-desc {
		width: 80%;
		text-align: center;
	}
	footer .container-footer {
		flex-direction: column;
	}
	.container-footer .footer-socmed {
		text-align: center;
		justify-content: center;
		padding-right: ;
	}
	.container-footer .footer-brand {
		margin: 20px 0;
	}
	
	.prod-cat .prod-image {
		width: 120px;
		height:120px;
		border-radius: 80px;
	}
	.prod-cat .prod-title {
		font-size: 24px;
	}
	.segment-detailprod {
		padding: 20px 20px;
	}
	
	.slick-gall-middle .gall-icon img {
		padding-top: 3vh;
	}
	.gall-text {
		font-size: 12px;
	}
	
	.segment-whatsin {
		padding-bottom: 33%;
	}
}

@media (max-width:768px){
	#body {
		margin-top: 160px;
	}
	.slider-full {
		top: 0;
	}
	
	header .container-header {
		padding: 0;
	}
	header .menu-container {
		text-align: center;
	}
	footer .logo-header img {
		height: 12px;
	}
	.container-desc .text-desc {
		font-size: 14px;
	}
	.container-footer .footer-menu {
		font-size: 10px;
		width: unset;
	}
	.container-footer .footer-socmed img {
		width: 38px;
	}
	.fixed-contact {
		bottom: 2.2rem;
		right: 1.2rem;
		width: 50px;
		height: 50px;
	}
	
	
	/**LOGIN BOX**/
	.popup.box-login {
		width: 80%;
	}

	.popup button.close-popup {
		width: 30px;
		height: 30px;
		font-size: 18px;
		top: -15px;
		right: -15px;
		cursor: pointer;
		border-radius: 15px;
		/**padding-bottom: 3px;**/
		/**padding-left: 5px;**/
		padding:0;
		box-shadow: 0 0 1px 0 rgba(119, 119, 119, 0.5);
	}
	
	/**LOGIN BOX**/	
	.block-showcase .block-arrow {
		display: none;
	}
	.block-title {
		font-size: 20px;
		text-align: center;
	}
	.box-title {
		font-size: 10px;
		margin-top: 10px;
		margin-left: 10px;
	}
	.box-category {
		font-size: 12px;
	}
	.box-price {
		font-size: 12px;
		font-weight: 200;
		margin-top: 12px;
		margin-bottom: 25px;
	}
	
	.flex-showcase .box-product {
		padding: 0;
	}
	.block-product {
		width: 85%;
	}
	.block-text {
		font-size: 26px;
		bottom: 2vh;
	}
	.segment-getlook .block-arrow {
		height:18px;	
	}
	.look-gallery .look-masking .masking-txt {
		font-size: 26px;
	}
	.slick-getlook .slick-list {margin: 0 -5px;}
	.slick-getlook .slick-slide>div {padding: 0 5px;}
	.box-product .btn-details {
		margin: 13px 1.7vw 14px;
		padding: 4px;
		font-size: 10px;
	}
	
	.look-block1 .btn-shop-look {
		font-size: 16px;
		padding: 10px 20px;
		margin: 15px 0;
	}
	
/**WHATSIN**/	
	.segment-whatsin {
		padding-bottom: 30%;
	}
	.segment-whatsin .block-arrow {
		height:18px;	
	}
	
	.block-content-2 .whatsin-image {
		margin-bottom: 20px;
	}
	.block-content-2 .whatsin-image {
		margin-bottom: 25px;
	}
	.slick-whatsin-block .content-num {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.slick-whatsin-block .content-title {
		font-size: 24px;
	}
	.slick-whatsin-block .content-desc {
		font-size: 14px;
		margin: 0 0 10px 0;
	}
	.wi-masking-front .masking-txt {
		font-size: 26px;
	}
	
	
/**PRODUCT PAGE**/
	.container-content {
		padding: 20px 4vw 40px;
	}	
	.container-content .product-menu {
		font-size: 18px;
	}
	.container-content .content-body .box-title {
		font-size: 10px;
		margin-left: 15px;
	}
	.container-content .content-body .box-category {
		font-size: 12px;
		margin-left: 15px;
	}
	.container-content .content-body .box-price {
		font-size: 12px;;
		margin-left: 15px;
	}
	.container-content .content-body .box-product .btn-details {
		margin: 10px 15px 8px;
		font-size: 12px;
	}
	.container-content .content-body .box-product .ico-bestseller {
		width: 20%;
		height: 20%;
		position: absolute;
		top: 1em;
		right: 1em;
	}
	
	.container-content .content-body .box-product .block-flag {
		width: 115%;
		position: absolute;
		right: 0.1em;
		top: 0.1em;
	}
	.content-paging {
		font-size: 16px;
	}
	
	.banner-image {
		padding-bottom: 40%;
	}
	.artikel-title {
		font-size: 25px;
	}
	.artikel-date {
		font-size: 14px;
	}
	.artikel-desc {
		font-size: 12px;
	}
	.segment-artikel-product {
		padding: 20px 12vw 20px;
	}
	.slick-artikel-prod .slick-slide {
	    margin: 0 10px;
	}
	.slick-artikel-prod .slick-list {
	    margin: 0 -10px;
	}
	.segment-detailprod {
		padding: 20px 10px;
	}
	.block-gallery {
		width: 40%;
	}
	.block-detail {
		width: 50%;
	}
	.block-detail .prod-title {
		font-size: 21px;
	}
	.block-detail .prod-type {
		font-size: 21px;
	}
	.star-green {
		font-size: 18px;
	}
	.block-variant .round-variant {
		width: 45px;
		height: 45px;
		border-radius: 40px;
		border: 3px solid #fff;
	}
	.block-variant:hover .round-variant {
		border: 3px solid #126579;
	}
	.block-variant.active .round-variant {
		border: 3px solid #126579;
	}
	.prod-accordion ul li a.toggle {
		font-size: 14px;
	}
	.prod-accordion ul .inner {
		font-size: 12px;
	}
	.prod-buy .btn-buy-1 {
		font-size: 14px;
		padding: 10px 0;
	}
	.prod-buy p {
		font-size: 12px;
	}
	
	.segment-randproduct {
		padding: 40px 5vw;
	}
	.segment-rating {
		padding: 40px 5vw;
	}
	.segment-randproduct .segment-title, .segment-rating .segment-title {
		font-size: 26px;
	}
	.segment-rating hr{
		width: 50%;
	}

/**PAGE WHO WE ARE**/
	.whoweare-page-text .block-text1 {
		padding: 0 30px;
	}
	.whoweare-page-text .block-text1 .content-title {
		font-size: 22px;
	}
	.whoweare-page-text .block-text1 .content-desc {
		font-size: 14px;
	}
	
	
	
/**PAGE LOOK**/
	.look-page-product .look-slick {
		width: 100%;
		display: block;
		position: relative;
		padding: 10%;
		/* height: 80%; */
		/* top: 50%; */
		/* transform: translateY(-50%); */
		flex-wrap: wrap;
		/* margin: 0 auto; */
		/* left: 50%; */
		/* transform: translate(-50%,-50%); */
	}
	
	.group-product {
		align-items: start;
	}
	
	.prod-line-img {
		display: none;
	}
	.prod-line-img-2 {
		display: block;
		width: 80px;
		margin: 0 5px 0 0;
	}
	.prod-line-img-2 .prod-img-small-2 {
		margin: 0 auto;
		position: relative;
		width: 75px;
	}
	.prod-line-img-2 .prod-img-small-2 img {
		width: 100%;
	}
	.prod-detail-product {
		width: 100%;
	}
	
	.prod-line-1, .prod-line-2 {
		width: calc(80% - 85px);
	}
	.prod-line-1 .prod-title {
		font-size: 13px;
		width: 100%;
	}
	.prod-line-1 .prod-price {
		font-size: 12px;
		width: 100%;
	}
	.prod-line-2 .prod-type {
		font-size: 12px;
	}	
	.round-variant.w-40 {
		width: 38px;
		height: 38px;
		font-size: 11px;
	}
	.box-notes1 {
		font-size: 12px;
		line-height: normal;
	}
	
}

@media (max-width:700px){
	.only-desktop {
        display: none !important;
    }
    .only-mobile {
        display: block !important;
    }
    
    #body {
	    margin-top: 55px;
	}
    .container {
		width: 100%;
	}
    
    header{
        height: 45px;
    }
    header .menu-container {
		height: 55px;
		width: 90%;
		display: flex;
		justify-content: space-between;
		padding: 0 0 0 20px;
		align-items: center;
	}
	header .logo img{
        width: 155px;
        height: 12px;
    }
    
    .group-menu {
		display: flex;
		justify-content: flex-end;
	}
    
    header button {
		background: none;
		border: none;
		color: #f7a5a7;
		font-size: 20px;
		position: relative;
		right: 0px;
	}
    header .menu-container .toggle-mobile {
		display: block;
		border: none;
		color: #f7a5a7 !important;
		outline: none;
		padding: 10px 5px;
		background-color: #fff;
	}
	
	
    header ul{
    	display: none;
        position: fixed;
        top: 34px;
        right: 0;
        background: #ffffff;
        width: 100%;
        height: 100%;
        padding: 20px 0 0;
        z-index: 1;
        overflow: auto;
    }
    header ul li {
		width: 100%;
		text-align: right;
	}
    
    header ul li a {
		font-size: 12px;
		color: #f7a5a7;
		margin-top: 0;
		padding: 0 25px 0 0;
		font-family: Montserrat;
	}
	
	
    .dropdown-content{
        position: relative;
        bottom: 0;
        top: 0;
        background: none;
        box-shadow: none;
        padding: 0px 20px;
    }
    .dropdown-content a{
        text-align: right;
    }
    
    
    .segment-showcase {
		flex-direction: column;
	}
	.block-showcase{
		width: 100%;
		padding-top: 72%;
		position: relative;
	}
	
	.segment-gallery1 .gallery1-middle {
		width: 100%;
	}
	
	/**PRODUCT PAGE**/

	.segment-detailprod {
		padding: 20px 20px;
		flex-direction: column;
		text-align: center;
	}
	.block-detail {
		width: 100%;
		margin: 0 0 15px;
	}
	.block-gallery {
		width: 100%;
	}
	.slick-gallpreview {
		background: unset;
		min-height: 350px;
	}
	.slick-gallpreview .slick-track {
		display: flex;
		min-height: 350px;
		height: 350px;
	}
	.slick-gallpreview .slick-track .slick-slide {
		background: #fdd5d9;
		margin: 0 2px;
		/**border-left: 3px solid #fff;**/
		/**border-right: 3px solid #fff;**/
	}
	.slick-gallpreview .slick-slide {
	    margin: 0 2px;
	}
	.slick-gallpreview .slick-list {
	    margin: 0 -2px;
	}
	.prod-variant {
		justify-content: start;
		flex-wrap: wrap;
		margin: 15px 0 0px;
	}
	.block-variant {
		margin-right: unset;
		min-height: 60px;
	}
	.block-variant .title-variant {
		line-height: 1.5;
		margin: 5px 0;
		width: 70px;
		min-height: 20px;
		position: relative;
	}
	.segment-randproduct {
		padding: 40px 3vw;
	}
	.segment-randproduct .segment-title {
		font-size: 20px;
	}	
	.prod-accordion {
		margin: 5px 0 50px;
	}
	.segment-rating {
		padding: 40px 5vw;
	}
	
	.segment-rating .segment-title {
		font-size: 20px;
	}
	.segment-rating hr {
		width: 75%;
	}
	.segment-rating .content-body .box-review {
		width: 90%;
		padding: 20px 0 5px;
		margin: 15px 5px 0px;
	}

	.prod-detail-product {
		width: 100%;
		text-align: left;
	}
	.block-listproduct hr.line-grey {
		width: 100%;
	}
	
	/**LOOK PAGE**/
	.block-checkout .prod-price-2 {
		font-family: "Montserrat";
		font-size: 15px;
		color: #625e5e;
	}
	
	.block-checkout .box-item {
		width: 40px;
		height: 40px;
		font-size: 16px;
		font-family: Montserrat;
		color: #625e5e;
	}
	.block-checkout .btn-buy-1 {
		padding: 12px 0;
		width: 80%;
	}
	
}

@media only screen and (max-width:480px){
	
	.slider-full {
		top: 0;
	}
	
	.container-footer .footer-menu {
		font-size: 9px;
	}
	.footer-menu .line {
		margin-right: 8px;
		padding: 0 8px 0 0;
	}
	.footer-menu .line-end {
		padding: 0 8px 0 0;
		text-align: left;
	}
	
	.popup.box-login h1 {
		text-align: center;
	}
	.popup.box-login .form-segment.on {
		width: 85%;
		padding: 4% 6%;
		opacity: 1;
	}
	.form-area .field {
		text-align: center;
		font-size: 12px;
	}
	.vertical-line {
		display: none;
	}
	.red-link{
		color:#f7a5a7;
	}
	.forgot-passw {
		margin:  0;
	}
	.field-right {
		text-align: right !important;
	}
	.field-left {
		text-align: left !important;
	}
	
	.segment-typeproduct {
		padding: 20px 0;
	}
	
	.segment-title {
		font-size: 18px;
		margin: 0 10px 28px;
	}
	.prod-cat {
		padding: 0 12px 15px;
	}
	.prod-cat .prod-image {
		width: 75px;
		height:75px;
		border-radius: 50px;
		border-width: 5px;
	}
	.prod-cat .prod-image:hover {
		border-width: 5px;
	}
	.prod-cat .prod-title {
		font-size: 18px;
	}
	.box-product .btn-details {
		margin: 13px 5vw 14px;
	}
	
	/** SHOWCASE **/
	.block-showcase {
		width: 100%;
		padding-top: 120%;
		position: relative;
	}
	.flex-showcase .box-product {
		margin: 10px 15px;
		background: #fff;
		text-align: left;
	}
	
	.slick-gall-middle .group-middle{
		min-height: 300px;
	}
	
	
	/** GET LOOK **/
	.segment-getlook {
		padding: 10px 6vw 40px;
	}
	.look-header {
		height: 40px;
		margin: 10px 0;
		justify-content: center;
	}
	.slick-look-block {
		width: 100%;
		padding-top: 100%;
		position: relative;
	}
	.look-gallery {
		width: 100%;
		min-height: 90vw;
	}
	.block-text {
		font-size: 24px;
	}
	
	/** WHATS IN **/
	.segment-whatsin {
		padding-bottom: 5%;
	}
	.whatsin-header {
		text-align: center;
		margin: 10px 0;
		display: block;
	}
	.slick-whatsin-block {
		width: 100%;
		padding-top: unset;
		position: relative;
		display: flex;
		flex-direction: column;
	}
	.slick-whatsin-block .slick-whatsin-pos {
		position: relative;
	}
	.block-content-1 {
		float: left;
		flex-direction: column;
	}
	.block-content {
		width: 100%;
	}
	.block-content-1 .content-num{
		margin-top: 25px;
	}
	.box-image {
		max-height: 40vw;
		height: 40vw;
	}
	
	/** BABES **/
	.segment-babes {
		padding: 10px 6vw 6vw;
	}
	.babes-header {
		height: 40px;
		justify-content: center;
		margin: 10px 0;
	}
	.slick-babes-block {
		width: 100%;
		padding-top: 90%;
		position: relative;
	}
	.slick-babes .img-1, .slick-babes .img-2, .slick-babes .img-3 {
		width: 100% !important;
		padding-bottom: 120%;
	}	
	.slick-babes .slick-list {margin: 0 -5px;}
	.slick-babes .slick-slide>div {padding: 0 5px;}
	
	
	/**PRODUCT PAGE**/
	.container-content {
		padding: 30px 6vw 30px;
	}
	.container-content .product-menu {
		font-size: 16px;
	}
	.container-content .line {
		margin-right: 15px;
		padding: 0 15px 0 0;
	}
	.container-content .content-body .box-product {
		width: 46%;
		margin: 5px 5px;
		padding: 10px 0;
		background-color: #fff8f9;
	}
	.container-content .content-body .box-image {
		height: 42vw;
		max-height: 42vw;
		border-bottom: 1px solid #fff8f9;
	}
	.container-content .content-body .box-image img {
		border-bottom: 1px solid #fff8f9;
	}
	
	.container-content .content-body .box-product .block-flag {
		width: 115%;
		position: absolute;
		right: 0.1em;
		top: 0.1em;
	}
	
	.segment-detailprod {
		padding: 20px 20px;
		flex-direction: column;
		text-align: center;
	}
	.block-detail {
		width: 100%;
		margin: 0 0 15px;
	}
	.block-gallery {
		width: 100%;
	}
	.slick-gallpreview {
		background: unset;
		min-height: 350px;
	}
	.slick-gallpreview .slick-track {
		display: flex;
		min-height: 350px;
		height: 350px;
	}
	.slick-gallpreview .slick-track .slick-slide {
		background: #fdd5d9;
		margin: 0 2px;
		/**border-left: 3px solid #fff;**/
		/**border-right: 3px solid #fff;**/
	}
	.slick-gallpreview .slick-slide {
	    margin: 0 2px;
	}
	.slick-gallpreview .slick-list {
	    margin: 0 -2px;
	}
	.prod-variant {
		justify-content: start;
		flex-wrap: wrap;
		margin: 15px 0 0px;
	}
	.block-variant {
		margin-right: unset;
		min-height: 60px;
	}
	.block-variant .title-variant {
		line-height: 1.5;
		margin: 5px 0;
		width: 70px;
		min-height: 20px;
		position: relative;
	}
	.segment-randproduct {
		padding: 40px 3vw;
	}
	.segment-randproduct .segment-title {
		font-size: 20px;
	}	
	.prod-accordion {
		margin: 5px 0 50px;
	}
	.segment-rating {
		padding: 40px 5vw;
	}
	
	.segment-rating .segment-title {
		font-size: 20px;
	}
	.segment-rating hr {
		width: 75%;
	}
	.segment-rating .content-body .box-review {
		width: 90%;
		padding: 20px 0 5px;
		margin: 15px 5px 0px;
	}
	
	/**ARTIKEL PAGE**/
	.block-artikel {
		width: 100%;
		margin: 15px 0;
	}
	.block-listartikel {
		margin: 0;
	}
	.block-cat {
		padding: 8px 15px;
		font-size: 16px;
	}
	.artikel-title {
		font-size: 22px;
	}
	.banner-image {
		padding-bottom: 100%;
	}
	.pinned-image{
		padding-bottom: 100%;
	}
	.container-content-30 {
		padding: 30px 8vw;
	}
	.slick-artikel-prod {
		margin: 10px 0;
	}
	.segment-artikel-product {
		padding: 15px 5vw 15px;
	}
	
	.segment-artikel-random {
		padding: 15px 0 15px;
	}
	.slick-artikel-random .slick-slide {
	    margin: 0 7px;
	}
	.slick-artikel-random .slick-list {
	    margin: 0 -7px;
	}
	.artikel-title2 {
		font-size: 14px;
		font-weight: 300;
	}
	.slick-artikel-random .block-cat {
		padding: 5px 10px;
		font-size: 12px;
	}
	.slick-artikel-random {
		margin: 0;
	}
	
/**PAGE WHO WE ARE**/
	.whoweare-page-text .block-text1 {
		display: block;
		padding: 30px;
	}
	.segment-whoweare .block-desc-1 {
		flex-direction: column;
	}
	.segment-whoweare .block-desc-2 {
		flex-direction: column;
	}
	.whoweare-page-image {
		width: 100%;
		padding-bottom: 76%;
	}
	.whoweare-page-text {
		width: 100%;
		padding-bottom: 76%;
	}
	.segment-whoweare-bottom {
		width: 100%;
		position: relative;
		margin: 0;
		padding-bottom: 20px;
	}
	.block-video {
		width: 100%;
		position: relative;
		display: block;
		padding-bottom: 76%;
	}
	.segment-whoweare-bottom .block-video-text {
		font-size: 14px;
		margin: 40px 8vw;
		text-align: left;
	}
	
/**PAGE LOOK**/
	
	.segment-look .block-desc-1 {
		flex-direction: column;
	}
	.segment-look .block-desc-2 {
		flex-direction: column;
	}
	.look-page-image {
		width: 100%;
		position: relative;
		display: block;
		padding-bottom: 87%;
	}
	.look-page-product {
		width: 100%;
		position: relative;
		display: block;
		padding-bottom: 100%;
	}
	.look-page-product .look-slick .slick-slide {
	    margin: 0 0px;
	}
	.look-page-product .look-slick .slick-list {
	    margin: 0 0px;
	}
	
	.look-page-product .look-slick {
		width: 100%;
		display: block;
		position: relative;
		padding: 0;
	
	}
	.look-page-product .look-slick .box-product {
		width: 90% !important;
	}
	.look-page-product .look-slick .box-image img {
		width: 100%;
	}
	
	.look-page-product .look-slick .box-title {
		font-size: 12px;
		margin-top: 8px;
	}
	.look-page-product .look-slick .box-category {
		font-size: 12px;
	}	
	.look-page-product .look-slick .box-price {
		font-size: 12px;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.look-page-product .look-slick .box-product .btn-details {
		margin: 5px 25px 8px;
		font-size: 12px;
	}
	
	.block-listproduct {
		width: 100%;
	}
	.block-checkout .group-box1 {
		margin: 5px 10px 5px 0;
	}
	.block-checkout .btn-buy-1 {
		width: 72%;
	}
	.prod-checkbox {
		width: 35px;
		height: 35px;
	}
	.prod-line-img-2 {
		width: 65px;
	}
	.prod-line-img-2 .prod-img-small-2 {
		width: 60px;
	}
	
	
}



