body, html {
	overflow-x: hidden;
	width: 100%;
}
.breadcrumb {
display:none;
}
#main {
    margin-top:0px;
}
.MyContent .jcarousel img{
	float:none!important;
	margin-left:auto;
	margin-right:auto;
}
.MyContent {
	width: 100%;
	display: block;
	position: relative;
	max-width: 1250px;
	min-width: 320px;
	margin-left: auto;
	margin-right: 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 * {
	-webkit-user-select: none; /* Chrome, Opera, Safari */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}
.MyContent .MyBlock {
	display: block;
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.MyContent h1 {
	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;
}

@media only screen and (max-width:1023px) {
.MyContent h1 {
/*	font-size: 40px;
	line-height: 40px;*/
}
}

@media only screen and (max-width:761px) {
.MyContent h1 {
	width: calc(100% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	font-size: 35px;
}
}
/*.MyContent img {
	max-width: 100%;
	display: block;
}*/
/*-------------------------------------------*/
.MyContent #Block-HEADER {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0px;
	position: relative;
	justify-content: center;
	font-size: 0;
	margin-bottom:20px;
	width:2000px;
	margin-left:-375px;
}
.MyContent #Block-HEADER img {
	display: block;
	position:relative;
}
.MyContent #Block-HEADER div:nth-child(1){
	-webkit-flex:0.57;
	flex:0.57;
	overflow:hidden;
	text-align:right;
	background-color:#731c3a;
	position:relative;
}
.MyContent #Block-HEADER div:nth-child(1) img{
		position:absolute;
		right:0;
		top:0;
		height:100%;
}
.MyContent #Block-HEADER div:nth-child(2){
	-webkit-flex:0.43;
	flex:0.43;
	overflow:hidden;
	text-align:left;
	position:relative;
	margin-bottom:-50px;
}

@media only screen and (max-width:1249px) {
.MyContent #Block-HEADER {
	width:100%;
	margin-left:0;
}
.MyContent #Block-HEADER div:nth-child(2) img{
	width:120%;
}
}

@media only screen and (max-width:1023px) {
.MyContent #Block-HEADER div:nth-child(1){
	-webkit-flex:1;
	flex:1;
}
.MyContent #Block-HEADER div:nth-child(1) img{
	position: relative;
right: auto;
top: auto;
margin-left: -20%;
width: 120%;
margin-right: 0;
}
.MyContent #Block-HEADER div:nth-child(2){
	-webkit-flex:1;
	flex:1;
	display:none;
}
.MyContent #Block-HEADER {
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: center;
	height: auto;
	margin: 0px;
	width: 100%;
}
}
@media only screen and (max-width:761px) {
.MyContent #Block-HEADER div:nth-child(1) img{
	position:relative;
	right:auto;
	top:auto;
	margin-left:-45%;
	width:145%;
	margin-right:0;
}
.MyContent #Block-HEADER div:nth-child(2){
margin-bottom:0px;
	display:block;
}
}

/*--------------------------------------------*/

.MyContent #Block-HEADER-TITLE h1 {
	color: #be0f34;
	font-size: 50px;
	margin: 0;
}
@media screen and (max-width: 1024px) {
.MyContent #Block-HEADER-TITLE h1 {
	font-size: 40px;
}
}
@media screen and (max-width: 1023px) {
.MyContent #Block-HEADER-TITLE h1 {
	padding-top: 10px;
}
}
@media screen and (max-width: 761px) {
.MyContent #Block-HEADER-TITLE h1 {
	font-size: 35px;
	padding-top: 10px;
}
}

.MyContent #Block-HEADER-TITLE p.Text {
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin:20px;
	margin-top:15px;
}

@media screen and (max-width: 761px) {
.MyContent #Block-HEADER-TITLE p.Text {
/*font-size: 14px;
	padding-top:10px;*/
}
}

.MyContent #Block-HEADER-TITLE .BtnLink a{
	text-align: center;
	background-color: #FFF;
	display: inline-block;
	color: #000;
	padding: 11px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	border: 2px solid #e5e5e5;
	padding-left:20px;
	padding-right:20px;

}

.MyContent #Block-HEADER-TITLE .Mentions{
	margin:20px;
	padding:0;
	color: #ed4566;
	font-size: 10px;
	line-height: 10px;
}

/*-------------------------------------------*/

/*-------------------------------------------*/
.MyContent #Block-PACKSHOTS {
	padding-top:40px;
}
.MyContent #Block-PACKSHOTS h1{
	
}
.MyContent #Block-PACKSHOTS  .Text{
	font-size:18px;
	margin:20px;
	margin-bottom:0px;
}
@media only screen and (max-width:761px) {
.MyContent #Block-PACKSHOTS  .Text{
	font-size:16px;
	
}	
}
@media only screen and (max-width:761px) {
.MyContent #Block-PACKSHOTS  .jcarousel{
	width:250px;
	margin-left:auto;
	margin-right:auto;
	padding-left: 35px;
padding-right: 35px;
}
.MyContent #Block-PACKSHOTS  .products-pagination{
display:block;
top:40%;
}
.MyContent #Block-PACKSHOTS  .product-quickshop{
	display:inline-block;
}
}
.MyContent #Block-PACKSHOTS ul{
	position:relative;
	margin:0;
	padding:0;
	text-align:center;
	/*margin-top:40px;*/
	list-style:none;
	
	
}

.MyContent #Routine-Carousel-1{
	margin-bottom:40px;
}
@media only screen and (max-width:761px) {
.MyContent #Block-PACKSHOTS ul{
		
			margin-top:0px;
}
}

.MyContent #Block-PACKSHOTS  ul li{
	margin:0;
	padding:0;
	display:inline-block;
}
.MyContent #Block-PACKSHOTS  ul li .ProductBlock{
	margin:10px;
	padding:0;
	display:block;
	width:230px;
	font-size:11px;
	vertical-align:top;
}

.MyContent #Block-PACKSHOTS  ul li .ProductBlock .Text{
		margin:0;
padding:0px;
	font-size:25px;
	color:#be0f34;
	font-family:ClarinsRegular, Clarins;
}

.MyContent #Block-PACKSHOTS  ul li .ProductBlock .Tint{
		margin:10px;
padding:0px;
	font-size:14px;
	color:#000;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
}
.MyContent #Block-PACKSHOTS  ul li .ProductBlock .Price{
	margin:0;
padding:0px;
	font-size:16px;
}
.MyContent #Block-PACKSHOTS  ul li .ProductBlock .Packshot{
	margin:0;
	text-align:center;
	display:block;
	width:101px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.MyContent #Block-PACKSHOTS  ul li .ProductBlock .ShopLink{
	margin:0;
padding-top:10px;
}
.MyContent #Block-PACKSHOTS  ul li .ProductBlock .ShopLink img{
display:none;
}
.MyContent #Block-PACKSHOTS  ul li .ProductBlock .ShopLink a{
	text-align: center;
	background-color: #000;
	display: inline-block;
	color: #FFF;
	padding: 13px 30px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	/*border: 2px solid #e5e5e5;*/

}

/***************************************/

.MyContent .Btn-Link {
	text-align: center;
	background-color: #000;
	display: inline-block;
	color: #FFF;
	padding: 18px 30px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	/*border: 2px solid #e5e5e5;*/
	min-width: 16px;
	margin-top: 20px;
}


/*-------------------------------------------*/

.MyContent #Block-HOWTOAPPLY h1{
	
}


.MyContent #Block-HOWTOAPPLY .Text{
	padding:0;
	position:relative;
	font-size:18px;
	margin-bottom:40px;
	margin-top:15px;
	max-width:580px;
	margin-left:auto;
	margin-right:auto;

}
@media only screen and (max-width:761px) {
.MyContent #Block-HOWTOAPPLY .Text{
	padding:20px;
		margin-bottom:0px;
		font-size:16px;
}
}
.MyContent #Block-HOWTOAPPLY {
	width:1600px;
	margin-left:-175px;
	overflow:hidden;
	padding-top:0px;
	
}
@media only screen and (max-width:1249px) {
.MyContent #Block-HOWTOAPPLY  {
	margin-left: 0;
	width: 100%;
}
}
@media only screen and (max-width:761px) {
.MyContent #Block-HOWTOAPPLY {
	padding-top:0;
	
}
}
.MyContent #Block-HOWTOAPPLY .VideoLink{
	margin:0;
	padding:0px;
	width:100%;
	display:block;
	background-image:url(img/HowToApply-photo-left.jpg), url(img/HowToApply-photo-right.jpg);
	background-position:center left, center right;
	background-repeat:no-repeat, no-repeat;
	margin-bottom:40px;
	
}
@media only screen and (min-width:1024px) {
.MyContent #Block-HOWTOAPPLY .VideoLink.Loaded{
	background-image:url(img/HowToApply-photo-left.gif), url(img/HowToApply-photo-right.gif);
}
}
@media only screen and (max-width:1249px) {
.MyContent #Block-HOWTOAPPLY .VideoLink{
	background-size:auto 100%, auto 100%;
	background-position: center right 120%, center left 120%;
}
}
@media only screen and (max-width:1023px) {
.MyContent #Block-HOWTOAPPLY .VideoLink{
	margin:0;
	padding:0px;
}
}
.MyContent #Block-HOWTOAPPLY .VideoLink a{
	margin-top:20px;
	margin-bottom:20px;
	display:inline-block;
	border:#f4eaed 10px solid;
	position:relative;
}
@media only screen and (max-width:1249px) {
.MyContent #Block-HOWTOAPPLY .VideoLink a{
	width:calc(36% - 40px);
}
}
@media only screen and (max-width:1023px) {
.MyContent #Block-HOWTOAPPLY .VideoLink a{
	width:calc(100% - 40px);
	max-width:410px;
}
}
.MyContent #Block-HOWTOAPPLY .VideoLink a img{

	display:block;
	position:relative;
	max-width:100%;
}
.MyContent #Block-HOWTOAPPLY .VideoLink a::before {
	content:" ";
	font-size: 0;
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(img/VideoPlayBtn.png);
	position:absolute;
	bottom:15px;
	left:15px;
	z-index:2;
}
@media only screen and (max-width:1023px) {
.MyContent #Block-HOWTOAPPLY .VideoLink {
	background-image:none;
	background-position:top center;
	background-repeat:no-repeat;
}
}

/*-------------------------------------------*/


.MyContent #Block-BEAUTYTIPS {
	   width: 2000px;
    margin-left: -375px;
    padding-top: 20px;
    overflow: hidden;
    background-image: url(img/BeautyTips-Background.jpg);
    background-position: left top 250px;
    background-repeat: no-repeat;
}
@media only screen and (max-width:1249px) {
.MyContent #Block-BEAUTYTIPS  {
	margin-left: 0;
	width: 100%;
	 background-image: none;
	 
}
}
@media only screen and (max-width:761px) {
.MyContent #Block-BEAUTYTIPS  {
	padding-top: 20px;
	 
}
}
.MyContent #Block-BEAUTYTIPS h1{
	
}

.MyContent #Block-BEAUTYTIPS .Text{
	padding:0;
	padding-left:20px;
	padding-right:20px;
	position:relative;
	font-size:18px;
	
	margin-bottom:20px;
	margin-top:15px;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
@media only screen and (max-width:761px) {

.MyContent #Block-BEAUTYTIPS .Text{
	font-size:16px;
	
}
}
.MyContent #Block-BEAUTYTIPS .FirstPackshot{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	max-width:154px;
}
@media only screen and (max-width:1023px) {
.MyContent #Block-BEAUTYTIPS .FirstPackshot{
	display:none;
}
}
.MyContent #Block-BEAUTYTIPS  .jcarousel{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	width:750px;
	margin-left:40px;
}
@media only screen and (max-width:1023px) {
.MyContent #Block-BEAUTYTIPS  .jcarousel{
	margin-left:30px;
	margin-right:30px;
}
}
@media only screen and (max-width:761px) {
.MyContent #Block-BEAUTYTIPS  .jcarousel{
	width:280px;
	margin-left:auto;
	margin-right:auto;
}
}
.MyContent #Block-BEAUTYTIPS  ul{
	margin:0;
	padding:0;
	display:block;
}
.MyContent #Block-BEAUTYTIPS  ul li{
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:top;
}
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips{
	margin:10px;
	padding:0;
	display:block;
	width:210px;
	font-size:11px;
	vertical-align:top;
		text-align:center;
}

@media only screen and (max-width:761px) {
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips{
	margin:0px;
	width:280px;
	text-align:center;
}
}
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Picto{
	font-size:25px;
	font-family:ClarinsRegular, Clarins;
	width:210px;
	color:#be0f34;
	text-align:center;
	line-height:1em;
	min-height:120px;
}

.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Picto img{
		height:63px!important;
		display:block;
		margin-bottom:10px;
		/*margin-left:0;*/
		
}
@media only screen and (max-width:1023px) {
	
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Picto img{
		margin-left:auto!important;
		margin-right:auto!important;
		width:auto!important;
		float:none!important;
}
}
@media only screen and (max-width:761px) {
	
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Picto img{
		margin-left:auto!important;
		margin-right:auto!important;
	
}
}
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Text{
		margin:0;
padding:0px;
	font-size:14px;
	text-align:center;
	padding-top:30px;
	min-height:60px;
	letter-spacing: 0!important;
	font-weight: 400;
}
@media only screen and (max-width:1024px) {
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Text{
	min-height:90px;
	
}
}
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Packshot{
	margin:0;
	padding:0px;
	height:234px;

	
}
@media only screen and (min-width:762px) {
.MyContent #Block-BEAUTYTIPS ul li .ProductBlockTips .Packshot img{
	/*float:left!important;*/
	margin-left:0!important;
	margin-right:auto!important;
	width:123px!important;
}
}
/*.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .ShopLink{
	margin:0;
padding-top:10px;
float:left;
}*/
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .ShopLink{
	/*margin:0;
padding-top:10px;
float:left;*/

background-color: #FFF;
    display: inline-block;
    color: #000;
    padding: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 10px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
    border: 2px solid #e5e5e5;
    min-width: 80px;
    margin-top: 16px;
    text-align: center;

}
.MyContent #Block-BEAUTYTIPS ul li .ProductBlockTips .ShopLink img{
	display:none;
}
.MyContent #Block-BEAUTYTIPS ul li .ProductBlockTips .ShopLink .product-tile{
	margin:0;
}

@media only screen and (max-width:761px) {
.MyContent #Block-BEAUTYTIPS  .products-pagination{
display:block;
top:70%;
}
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .product-quickshop{
	display:inline-block;
}
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Picto{
	text-align:center;
	width:280px;
	min-height:0;
}
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Picto br{
	display:none;
}

.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Text{
		text-align:center;
}

.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .Packshot{
		text-align:center;
	
}


.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .ShopLink{
	text-align:center;
float:none;
}
.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .ShopLink .quickshop{
	text-align:center;
float:none;
}
}
/*.MyContent #Block-BEAUTYTIPS  ul li .ProductBlockTips .ShopLink a{
	text-align: center;
	background-color: #000;
	display: inline-block;
	color: #FFF;
	padding: 13px 30px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	border: 2px solid #e5e5e5;

}*/

/*****************************************************/
#Block-LEPLUSCLARINS {
	margin-top:150px;
	border:10px #f1c69f solid;
	padding:30px;
	padding-right:383px;
	width:383px;
	position:relative;
}
@media only screen and (max-width:1023px) {
#Block-LEPLUSCLARINS {

    margin-top: 150px;
    border: 10px #f1c69f solid;
    padding: 30px;
        padding-right: 30px;
    padding-right: 343px;
    width: 343px;
    position: relative;

}
}
@media only screen and (max-width:761px) {
#Block-LEPLUSCLARINS {
	margin-top:150px;
	position:relative;
	border: 8px #f1c69f solid;
	padding: 0px;
	width: calc(100% - 30px);
}
}
#Block-LEPLUSCLARINS h1 {
	width:180px;
	height:180px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background-image:url(img/plus-clarins.png);
	margin-top:-120px;
}
#Block-LEPLUSCLARINS h1 span{
	display:none;
}
#Block-LEPLUSCLARINS h2 {
	font-size:25px;
	font-family:ClarinsRegular, Clarins;
	color:#be0f34;
	font-weight:normal;
}
@media only screen and (max-width:761px) {
	#Block-LEPLUSCLARINS h2 {
	margin-left:20px;
	margin-right:20px;
}
}
#Block-LEPLUSCLARINS .Text {
	margin:20px;
}

#Block-LEPLUSCLARINS .DuoProduct {
	position:absolute;
	left:50%;
	top:-120px;
	width:50%;
	text-align:center;
	line-height:280px;
	font-size:25px;
	color:#be0f34;
	font-family:ClarinsRegular, Clarins;
}
@media only screen and (max-width:761px) {
#Block-LEPLUSCLARINS .DuoProduct {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
}
}
#Block-LEPLUSCLARINS .DuoProduct a{
display:inline-block;
vertical-align:middle;
}
#Block-LEPLUSCLARINS .DuoProduct a img{
display:block;
position:relative;
}
@media only screen and (max-width:761px) {
#Block-LEPLUSCLARINS .DuoProduct a {
	width: calc(50% - 30px);
	text-align: center;
	/* padding: 5px; */
	margin-left: 5px;
	margin-right: 5px;
}
#Block-LEPLUSCLARINS .DuoProduct a:first-child img{
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
#Block-LEPLUSCLARINS .DuoProduct a:nth-child(2) img{
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
}
#Block-LEPLUSCLARINS .product-tile {
	display:inline-block;	
	margin:5px;
	margin-top:20px;

}
#Block-LEPLUSCLARINS .product-tile:first-child {
	margin-right:15px;

}
#Block-LEPLUSCLARINS .ShopLink {
	display:block;
	line-height: 14px;
	font-size:11px;
}




@media only screen and (max-width:761px) {

#Block-LEPLUSCLARINS .DuoProduct a img{
	margin-left:auto;
	margin-right:auto;
}

#Block-LEPLUSCLARINS .ShopLink {
	font-size:0px;
}
#Block-LEPLUSCLARINS .DuoProduct a {
    width: calc(50% - 30px);
    text-align: center;
}
#Block-LEPLUSCLARINS .ShopLink  {
padding-bottom:20px;
}
#Block-LEPLUSCLARINS .ShopLink a {
	 width: auto;
}
#Block-LEPLUSCLARINS .product-tile {
    width: calc(50% - 15px);
}
#Block-LEPLUSCLARINS .product-tile:first-child {
	margin-right:5px;

}
#Block-LEPLUSCLARINS .product-quickshop{
	display:inline-block;
}
}
/*
#Block-LEPLUSCLARINS .ShopLink a{
	text-align: center;
	background-color:#FFF ;
	display: inline-block;
	color:#000 ;
	padding: 13px 30px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	line-height: 14px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	margin:20px;
	border: 2px solid #e5e5e5;
}
*/
/*****************************************************/
#Block-LIPSTICKFINDER-TITLE h1 {
	margin:20px;
	margin-top: 80px;
	margin-bottom: 30px;
	color:#be0f34;
}
@media only screen and (max-width:1023px) {
#Block-LIPSTICKFINDER-TITLE h1 {

	margin-top:30px;


}
}
@media only screen and (max-width:761px) {
#Block-LIPSTICKFINDER-TITLE h1 {

	margin-top: 20px;
	margin-bottom: 20px;

}
}
#Block-LIPSTICKFINDER-TITLE .Text{
	padding:0;
	position:relative;
	font-size:18px;
	margin-bottom:40px;
	margin-top:15px;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
@media only screen and (max-width:761px) {
#Block-LIPSTICKFINDER-TITLE .Text{
	font-size:16px;
	margin-left:20px;
	margin-right:20px;
}
}
.MyContent .FullWidthBlock {
	margin: 0;
	padding: 0;
	width: 2000px;
	margin-left: -375px;
	text-align: center;
	display: block;
	position: relative;
	font-size: 0;
}
.MyContent .FullWidthBlock img {
	max-width: 100%;
}
.MyContent .MyBlock .InlineBlock {
	display: inline-block;
	position: relative;
}

@media only screen and (max-width:1249px) {
.MyContent .FullWidthBlock {
	margin-left: 0;
	width: 100%;
}
}

@media only screen and (max-width:761px) {
.MyContent .FullWidthBlock {
	margin-left: 0;
	width: 100%;
}
}

@media only screen and (min-width:1250px) {
#Block-LIPSTICKFINDER {
	margin: 0 0 0 calc(-50vw + 625px);
	padding: 0;
	width: 100vw;
	text-align: center;
	display: block;
	position: relative;
}
}
#Block-LIPSTICKFINDER .InlineBlock {
	max-width: 800px;
	display: inline-block;
	/*vertical-align: top;*/
}

@media only screen and (min-width:1250px) {
#Block-LIPSTICKFINDER .InlineBlock {
	max-width: 50vw;
}
}

@media only screen and (max-width:1249px) {
#Block-LIPSTICKFINDER .InlineBlock {
	width: 50%;
}
}

@media only screen and (max-width:761px) {
#Block-LIPSTICKFINDER .InlineBlock {
	width: 100%;
}
}
#Block-LIPSTICKFINDER .InlineBlock:first-child {
	margin-top: 45px;
}

/*@media only screen and (max-width:761px) {
#Block-LIPSTICKFINDER .InlineBlock:first-child {
	display: none;
}
}*/
#Block-LIPSTICKFINDER .InlineBlock:last-child {
	margin-bottom: 45px;
}
#Block-LIPSTICKFINDER .InlineBlock:last-child a {
	position: absolute;
	bottom: 45px;
	left: 50%;
	-webkit-transform: translateX(-50%) translateZ(0);
	transform: translateX(-50%) translateZ(0);
	z-index: 7;
}

@media only screen and (max-width:761px) {
#Block-LIPSTICKFINDER .InlineBlock:last-child a {
	bottom: 30px;
} 
}

@media only screen and (max-width:471px) {
#Block-LIPSTICKFINDER .InlineBlock:last-child a {
	bottom: 15px;
}
}
#Block-LIPSTICKFINDER .InlineBlock:last-child .Title {
	position: absolute;
	top: 45px;
	left: 50%;
	-webkit-transform: translateX(-50%) translateZ(0);
	transform: translateX(-50%) translateZ(0);
	height: calc(100% - 150px);
	max-height: 294px;
	z-index: 6;
}

@media only screen and (max-width:761px) {
#Block-LIPSTICKFINDER .InlineBlock:last-child .Title {
	height: calc(100% - 110px);
	top: 20px;
}
}

@media only screen and (width:1024px) {
.MyContent h1 {
    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;
    width: 92%;
}
}

@media only screen and (min-width:768px) and (max-width: 1023px){
    .MyContent .Btn-Link {
    text-align: center;
    background-color: #000;
    display: inline-block;
    color: #FFF;
    padding: 12px 22px;                    
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 14px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
    /* border: 2px solid #e5e5e5; */
    min-width: 16px;
    margin-top: 20px;
    bottom: 30px!important;
}

}
@media only screen and (width:1024px){
    .MyContent .Btn-Link {
    text-align: center;
    background-color: #000;
    display: inline-block;
    color: #FFF;
    padding: 15px 22px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 14px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
    /* border: 2px solid #e5e5e5; */
    min-width: 16px;
    margin-top: 20px;
    bottom: 45px!important;
}

}
@media only screen and (max-width:761px) {
.MyContent .Btn-Link {
	display: block;
	white-space: nowrap;
	text-align: center;
    background-color: #000;
    display: inline-block;
    color: #FFF;
    padding: 10px 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 11px;
    line-height: 14px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
    /* border: 2px solid #e5e5e5; */
    min-width: 16px;
    margin-top: 20px;
    bottom: 26px!important;
}
}

@media only screen and (max-width:1023px){
.MyContent #Block-BEAUTYTIPS ul li .ProductBlockTips .Packshot {
   margin: 0;
   padding: 0px;
   height: 234px;
   margin-left: 50px;
}
#Block-LIPSTICKFINDER .InlineBlock {
    width: 100%;
}
}

@media only screen and (width:1024px){
	#Block-LIPSTICKFINDER .InlineBlock:first-child {
    margin-top: 45px;
    left: 25%;
}
}