body, html{
	margin:0;
	padding:0;
	overflow-x:hidden;
}
.MyContent {
	width: 100%;
	display: block;
	position: relative;
	max-width: 1250px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.MyContent p{
	margin:0 auto;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	color: #000;
	text-align: center;
	
}
.MyContent img{
	display:block;
	position: relative;
	max-width:100%;
}
.MyContent .MyBlock {
	display:block;
	
}
@media only screen and (min-width:1250px) {
.MyContent .MyBlock {
		margin-left:calc(625px - 50vw + 10px);
		width:calc(100vw - 20px);
}
}
@media only screen and (max-width:761px) {
.MyContent .product-quickshop{
	display:inline-block!important;
}
}
.MyContent .Wrapper {
	display:block;
	position:relative;
	text-align:center;
}

.MyContent .InlineBlock {
	display: inline-block;
	margin:20px;
	vertical-align:middle;
}
.MyContent  .Text{
	position:relative;
	display:block;
	margin:0 auto;
}
.MyContent h1 {
	display:block;
	font-family: ClarinsRegular, Clarins;
	font-size: 60px;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;


}
@media only screen and (max-width:761px) {
.MyContent h1 {
	font-size: 50px;
	padding-bottom:17px;
}
}

.MyContent h2 {
	display: inline-block;
	font-family: ClarinsRegular, Clarins;
	font-size: 50px;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	z-index: 1;
	padding-bottom:16px;
}

@media only screen and (max-width:761px) {
	.MyContent h2 {
		margin: 0 20px;	
		font-size:40px;
	}
}

.MyContent  .BtnLink{
	margin:0;
	margin-top:18px;
	
}

.MyContent  .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 18px 30px;
	display: inline-block;
	line-height: 14px;
	border:2px solid #000;
	transition:ease-in-out 0.5s; 
}
.MyContent .BtnLink a:hover {
	color: #000;
	background-color: #FFF;
	border:2px solid #8b8b8b;
}
.MyContent .Mentions {
	color: #000;
	opacity:0.5;
	font-size:11px;
	padding-top:10px;
}
/*----------------------------------------*/
#MOTHERSDAY-2019{


}
/*----------------------------------------*/
#MOTHERSDAY-2019-MOREPRODUCTS-HEADER{
	background-image:url(img/background-2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:430px;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019-MOREPRODUCTS-HEADER{
    padding-top: calc(60vw + 20px);
    background-size: auto 60vw;
}
}
#MOTHERSDAY-2019-MOREPRODUCTS {
background-color:#fff;
min-height:400px;
z-index:2;
position:relative;

}
#MOTHERSDAY-2019-MOREPRODUCTS .jcarousel{
max-width:970px;
margin:0 auto;

}
/*----------------------------------------*/
#MOTHERSDAY-2019-CONTENT .FocusGift{
	border-top:2px solid #e5e5e5;
	max-width:970px;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	margin:0 auto;
	margin-top:40px;
	padding-top:20px;
}
@media only screen and (max-width: 1209px){
#MOTHERSDAY-2019-CONTENT .FocusGift{
  	padding-top:10px;
}
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019-CONTENT .FocusGift{
   display:block;
}
}
#MOTHERSDAY-2019-CONTENT .FocusGift div{
	margin:20px;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin-bottom:0;
}
#MOTHERSDAY-2019-CONTENT .FocusGift div p{
	text-align:left;
	max-width:192px;
}
#MOTHERSDAY-2019-CONTENT .FocusGift div p strong{
	font-weight:normal;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	display:block;
	padding-top:10px;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019-CONTENT .FocusGift img{
	max-width:120px;
}
#MOTHERSDAY-2019-CONTENT .FocusGift div p:first-child{
	max-width:120px;
}
#MOTHERSDAY-2019-CONTENT .FocusGift div p:last-child{
	width:175px;
}
}
/*----------------------------------------*/
#MOTHERSDAY-2019-HEADER{
	padding-top:30px;
	position:relative;
	z-index:1;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019-HEADER{
	padding-top:0px;
}	
}
#MOTHERSDAY-2019-HEADER p.Text{
	font-size:22px;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019-HEADER p.Text{
	font-size:16px;
}	
}
#MOTHERSDAY-2019-HEADER::after{
	content:" ";
	background-image:url(img/background-1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	width:1600px;
	height:663px;
	display:block;
	position:absolute;
	z-index:1;
	left:calc(50% - 800px);
	top:100%;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019-HEADER::after {
    background-size: auto 340px;
}
}
/*----------------------------------------*/
@media only screen and (max-width: 762px){
.product-quickshop .swatchesCircle img {
    top:8.5px;
}
}
#MOTHERSDAY-2019-CONTENT{
	z-index:2;
	position:relative;
	background-color:rgba(255,255,255,0.9);
	border:10px solid #eb64a1;
	padding:50px;
	max-width:1170px;
	margin:0 auto;
	margin-top:290px;
	box-sizing:border-box;
}
@media only screen and (max-width:1209px) {
	#MOTHERSDAY-2019-CONTENT{
			padding:10px;
			padding-bottom:30px;
	}
}
@media only screen and (max-width: 762px){
	#MOTHERSDAY-2019-CONTENT{
   display:block;
   	margin-top:130px;
		padding-bottom:20px;
}
}
#MOTHERSDAY-2019 .ProductBlock{
	width:262px;
	margin:10px;
}

@media only screen and (max-width: 762px){
#MOTHERSDAY-2019 .ProductBlock {
    width: calc(50% - 5px);
    margin: 0px;
	margin-bottom:20px;
}
}
#MOTHERSDAY-2019 .ProductBlock .Packshot{
	width:260px;
	height:260px;
	margin-bottom:15px;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019 .ProductBlock .Packshot {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
}
#MOTHERSDAY-2019 .ProductBlock .ProductName{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:14px;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019 .ProductBlock .ProductName {
    font-size: 13px;
    min-height: 30px;
}
}
#MOTHERSDAY-2019 .ProductBlock .ProductPrice{
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:18px;
	padding:10px;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019 .swatchesCircle{
	display:none;
}	
}
#MOTHERSDAY-2019 .Tabs{
	display:flex;
	justify-content:center;
	align-items:center;
	max-width:970px;
	margin:0 auto;
	
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019 .Tabs{
	display:none;
}	
}
#MOTHERSDAY-2019 .Tabs a{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-basis:33%;
	border:2px solid #e5e5e5;
	box-sizing:border-box;
	background-color:#fff;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	height:60px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size:12px;
	margin-right:-1px;
	margin-left:-1px;
	position:relative;
}
#MOTHERSDAY-2019 .Tabs a:hover,
#MOTHERSDAY-2019 .Tabs a[data-selected="1"]{
	background-color:#e75694;
	color:#fff;
	border:2px solid #e75694;
}
#MOTHERSDAY-2019 .Tabs a:hover::after,
#MOTHERSDAY-2019 .Tabs a[data-selected="1"]::after{
	background-color:#e75694;
	width:20px;
	height:20px;
	content:" ";
	position:absolute;
	bottom:-5px;
	left:calc(50% - 10px);
	transform:rotate(45deg);
}
#MOTHERSDAY-2019 .Filter{
	display:flex;
	max-width:970px;
	justify-content:center;
	align-items:flex-start;
	margin:0 auto;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019 .Filter{
	flex-wrap:wrap;
	display:none;
}
}
#MOTHERSDAY-2019 .Filter a{
	font-size:14px;
	text-align:center;
	color:#000;
	text-decoration:none;
	flex:1;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	display:none;
}
.FilterMobileBtn{
 display:none;
}
@media only screen and (max-width: 762px){
.FilterMobileBtn{
 display:block;
 margin:-10px;
line-height:40px;
position:relative;
}

.FilterMobileBtn.Opened{
	border-bottom:1px solid #ccc;
}
.FilterMobileBtn::after{
	content:"+";
	position:absolute;
	top:0px;
	right:10px;
	font-size:20px;
}
.FilterMobileBtn.Opened::after{
	content:"-";
}
.FilterMobile{
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-right: 0px;
    margin-left: 0px;
	display:block;
}
}
#MOTHERSDAY-2019 .TitleMobile{
	display:none;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019 .TitleMobile{
	display:block;
	flex-basis:100%;
	margin-top:20px;
	text-transform:uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
}
}
#MOTHERSDAY-2019 .Filter a[data-selected="1"] {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	color:#e75694;
}
#MOTHERSDAY-2019 .Filter a[data-display="1"] {
	display:block;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019 .Filter a {
	display:block;
	font-size:11px;
}
}
#MOTHERSDAY-2019 .Filter a::before{
	display:block;
	width:69px;
	height:69px;
	margin:0 auto;
	border:2px solid #e75694;
	content:" ";
	border-radius:50%;
	margin-bottom:10px;
	margin-top:30px;
}
@media only screen and (max-width: 762px){
#MOTHERSDAY-2019 .Filter a::before{
		margin-top:10px;
}
}
#MOTHERSDAY-2019 .Filter a[data-selected="1"]::before{
	border:2px solid #e75694;
	background-color:#e75694;
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="face"]::before{
	background-image:url(img/icone-1.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="makeup"]::before{
	background-image:url(img/icone-2.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="body"]::before{
	background-image:url(img/icone-3.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="surprise"]::before{
	background-image:url(img/icone-4.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="30-40"]::before{
	background-image:url(img/icone-5.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="40-50"]::before{
	background-image:url(img/icone-6.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="50+"]::before{
	background-image:url(img/icone-7.png);
}
#MOTHERSDAY-2019 .Filter a[data-filter="price"]::before{
	background-image:url(img/icone-8.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="face"]:hover::before,
#MOTHERSDAY-2019 .Filter a[data-selected="1"][data-filtervalue="face"]::before{
	background-image:url(img/icone-1-over.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="makeup"]:hover::before,
#MOTHERSDAY-2019 .Filter a[data-selected="1"][data-filtervalue="makeup"]::before{
	background-image:url(img/icone-2-over.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="body"]:hover::before,
#MOTHERSDAY-2019 .Filter a[data-selected="1"][data-filtervalue="body"]::before{
	background-image:url(img/icone-3-over.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="surprise"]:hover::before,
#MOTHERSDAY-2019 .Filter a[data-selected="1"][data-filtervalue="surprise"]::before{
	background-image:url(img/icone-4-over.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="30-40"]:hover::before,
#MOTHERSDAY-2019 .Filter a[data-selected="1"][data-filtervalue="30-40"]::before{
	background-image:url(img/icone-5-over.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="40-50"]:hover::before,
#MOTHERSDAY-2019 .Filter a[data-selected="1"][data-filtervalue="40-50"]::before{
	background-image:url(img/icone-6-over.png);
}
#MOTHERSDAY-2019 .Filter a[data-filtervalue="50+"]:hover::before,
#MOTHERSDAY-2019 .Filter a[data-selected="1"][data-filtervalue="50+"]::before{
	background-image:url(img/icone-7-over.png);
}
#MOTHERSDAY-2019 .Filter a[data-filter="price"]:hover::before,
#MOTHERSDAY-2019 .Filter a[data-selected="1"][data-filter="price"]::before{
	background-image:url(img/icone-8-over.png);
}

.ProductList{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-wrap:wrap;
	max-width:970px;
	margin:0 auto;
	margin-top:40px;
}
.MoreLink {
	margin-top:40px;
}
.MoreLink a{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	color:#000;
	font-size:12px;
	text-transform:uppercase;
	border-bottom:1px solid;
}

#MOTHERSDAY-2019 .jcarousel .ProductBlock{
	margin:10px auto;
	padding-bottom:30px;
}
#MOTHERSDAY-2019 .Accessoires{
	display:none;
}
@media only screen and (min-width: 762px){
	#MOTHERSDAY-2019 .jcarousel-pagination{
	display:none;
}
}
#MOTHERSDAY-2019 .jcarousel-pagination{
	bottom:0;
}


/*To align the cta*/
#MOTHERSDAY-2019 .ProductBlock .ProductPrice{
	line-height: 40px;
}

#MOTHERSDAY-2019 .ProductBlock .ProductName{
	max-height: 15px;
	margin-bottom: 20px;
}

.ProductBlock[data-productid="egc"] img{
	padding-top: 30px;
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	.ProductBlock[data-productid="egc"] img{
		padding-top: 40px;
	}	
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
	.ProductBlock[data-productid="egc"] img{
		padding-top: 30px;
	}	
}