.breadcrumb {
	display: none!important;
}
.breadcrumb-container {
	display: none!important;
}
#main {
	margin-top: 0px;
}
.footer-wrapper {
	z-index: 2;
	position: relative;
}
.primary-content {
	padding-bottom: 0;
	margin-bottom: 0;
}
body, html {
	overflow-x: hidden;
	width: 100%;
}
.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;
	padding-bottom:80px;
}
#Block-HEADER-MUP2018-Summer{
	background-image:url('img/header.jpg');
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:top right -90px;	
	min-height:450px;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
	text-align: left;
}
@media only screen and (max-width:1023px) {
#Block-HEADER-MUP2018-Summer{
	background-size: auto 350px;
	min-height:350px;
}
}
@media only screen and (max-width:761px) {
#Block-HEADER-MUP2018-Summer{
	background-position:top center;	
	background-size:auto 230px;
	text-align:center;
}
}
#Block-HEADER-MUP2018-Summer h1{
	background-image:url('img/title-logo.png');
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:top center;	
	box-sizing:border-box;
	margin:0;
	padding:0;
	margin-top:108px;
	padding-top:132px;
	padding-left:100px;
	padding-right:100px;
	padding-bottom:0;
	display:inline-block;
	font-size:35px;
	font-family:ClarinsRegular, clarinsreg , Clarins;
	letter-spacing:0em;
	font-weight:normal;
	line-height:1em;
	border-bottom:0px solid;
	text-transform:none;
	margin-left:40px;

	
}
@media only screen and (max-width:1023px) {
#Block-HEADER-MUP2018-Summer h1{
	padding-left:80px;
	padding-right:80px;
	margin-left:10px;
	margin-top: 60px;
}
}
@media only screen and (max-width:761px) {
#Block-HEADER-MUP2018-Summer h1{
	margin-left:auto;
	margin-right:auto;
	width:280px;
	margin-top: 240px;
	margin-bottom:8px;
	padding:0;
	text-align:center;
	padding-top: 100px;
	

}
}

#Block-HEADER-MUP2018-Summer p{
	
	margin:0;
	padding:0;
	padding-top:15px;
	padding-left:100px;
	font-size:16px;
	text-align:left;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	line-height:1.4em;
	margin-left:40px;
}
@media only screen and (max-width:1023px) {
#Block-HEADER-MUP2018-Summer p{

	margin-left:-10px;
}
}
@media only screen and (max-width:761px) {
#Block-HEADER-MUP2018-Summer p{
	margin:0;
	padding:0;
	text-align:center;

}
}

.MyContent h2{
	box-sizing:border-box;
	margin:0;
	padding:20px;
	display:block;
	font-size:50px;
	font-family:ClarinsRegular, clarinsreg , Clarins;
	letter-spacing:0.031em;
	font-weight:normal;
	line-height:1em;
	border-bottom:0px solid;
	text-transform:none;
	text-align:center;
		margin-left:auto;
	margin-right:auto;
	max-width: 720px;
	
	
}
@media only screen and (max-width:761px) {
.MyContent h2{
	font-size:35px;
	padding-bottom:0;
}
}
.MyContent h3{
	box-sizing:border-box;
	margin:0;
	padding:20px;
	display:block;
	font-size:35px;
	font-family:ClarinsRegular, clarinsreg , Clarins;
	letter-spacing:0.031em;
	font-weight:normal;
	line-height:1em;
	border-bottom:0px solid;
	text-transform:none;
	text-align:center;
	
}

.MyContent h3 span{
	font-size:40px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
}
.MyContent .MyBlock{
	background-color:#FFF;
	display:block;
	position: relative;
}
.MyContent .ProductWrapper{
	width:320px;
	display:block;
	position: relative;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}
@media only screen and (max-width:1023px) {
.MyContent .ProductWrapper{
	width:240px;

}
}
.MyContent .ProductWrapper .Packshot{
	width:320px;
	display:block;
	position: relative;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	height:390px;
}
@media only screen and (max-width:1023px) {
.MyContent .ProductWrapper .Packshot{
	width:240px;
	height:280px;
}
}
.MyContent .ProductWrapper .Packshot img{
	position: absolute;
	width:auto!important;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index:1;
	
}
@media only screen and (max-width:1023px) {
.MyContent .ProductWrapper .Packshot img{
	max-width:100%;
	max-height:100%;
}
}
.MyContent .ProductWrapper .Packshot .Ingredient{
	position: absolute;
	left:50%;
	top:50%;
	z-index:2;
	color:#000;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-size:11px;
}
#Menthe{
	margin-left:90px;
	margin-top:-10px;
}
#Acai{
	margin-left:50px;
	margin-top:-60px;
}
#Amaranthe{
	margin-left:80px;
	margin-top:50px;
}
@media only screen and (max-width:1023px) {
#Menthe{
	margin-left: 70px;
margin-top: 0px;
}
#Acai{
	margin-left:50px;
	margin-top:-60px;
}
#Amaranthe{
	margin-left:60px;
	margin-top:50px;
}
}

.MyContent .ProductName{
	margin:0;
	padding:0;
	text-align:center;
	color:#be0f34;
	font-family:ClarinsRegular, clarinsreg , Clarins;
	font-weight:normal;
	font-size:18px;
	display:block;
	line-height:1em;
		padding-top:10px;
}
@media only screen and (max-width:761px) {
.MyContent .ProductName{
	padding-top: 40px;
}
}
.MyContent .TintName{
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	display:block;
	line-height:1em;
	padding-top:6px;
}
.MyContent .ProductPrice{
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:14px;
	display:block;
	line-height:1em;
	padding-top:20px;
}
.MyContent .BtnShopLink{
	margin:0;
	padding:0;
	text-align:center;
	padding-top:10px;
}
/*.MyContent .BtnShopLink 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;
}*/
.MyContent .MyBlock h2+p{
	margin:0;
	padding:15px;
	font-size:16px;
	text-align:center;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	line-height:1.4em;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
}
@media only screen and (max-width:761px) {
.MyContent .MyBlock h2+p br{
	display:none;
}
}
#Tab-1-Header h2, #Tab-1-Routine h3, #Tab-1-Tips h3{
	color:#ed6f87;
}
#Tab-2-Header h2, #Tab-2-Routine h3, #Tab-2-Tips h3{
	color:#00786a;
}
#Tab-3-Header h2, #Tab-3-Routine h3, #Tab-3-Tips h3{
	color:#871f82;
}


.MyContent .MyTips{
	padding:10px;
	max-width:1027px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	background:linear-gradient(to right, #117c70, #baabbe, #f082a9, #f29184);
	position:relative;
	margin-bottom:50px;
}
@media only screen and (max-width:1023px) {
.MyContent .MyTips{
	margin-top:30px;
	max-width:600px;
	margin-bottom:20px;
	
	display:-webkit-flex;
	display:flex;
	flex-direction:column-reverse;
}
}
@media only screen and (max-width:761px) {
.MyContent .MyTips{
	max-width:400px;
	display:-webkit-flex;
	display:flex;
	flex-direction:column-reverse;
}
}
@media only screen and (max-width:360px) {
.MyContent .MyTips{
	margin:10px;
	width:auto;
		margin-top:40px;
}
}
.MyContent .MyTips img{
	position:relative;
	max-width:100%;
	z-index:1;
	display:block;
}
.MyContent .MyTips .FloatingBox{
	position:absolute;
	top:50%;
	background-color:#FFF;
	padding:40px;
	z-index:2;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	max-width:365px;
	left:90px;
}

.MyContent .MyTips .FloatingBox h3{
	box-sizing:border-box;
	margin:0;
	padding:0px;
	display:block;
	font-size:22px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:1em;
	border-bottom:0px solid;
	text-transform:none;
	text-align:center;
	
}
.MyContent .MyTips .FloatingBox p{
	margin:0;
	padding:0;
	padding-top:20px;
	font-size:14px;
	text-align:center;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	line-height:1.4em;
}
@media only screen and (max-width:1023px) {
.MyContent .MyTips .FloatingBox p{
	padding-top:10px;
}	
}
@media only screen and (min-width:1024px) {
#Tab-2-Tips  .FloatingBox {
	margin-top: 40px;
	left: auto;
	right: 50px;
	max-width: 450px;
	width: 100%;
	-webkit-transform: none;
	transform: none;
	top: auto;
	bottom: 50px;
}
}
@media only screen and (max-width:1023px) {
.MyContent .MyTips .FloatingBox{
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	bottom:auto;
	background-color:#FFF;
	padding:20px;
	z-index:2;
	-webkit-transform:none;
	transform:none;
	max-width:1023px;
	margin-bottom:10px;
	margin-left:-10px;
	margin-top:-10px;
	width:calc(100% - 20px);
	
}
.MyContent .MyTips .FloatingBox br{
display:none;
	
}
}
@media only screen and (max-width:761px) {
.MyContent .MyTips .FloatingBox{
	margin-bottom:10px;
	margin-left:-10px;
	margin-top:-10px;

}
}
.MyContent .MyTips .Visual img:last-child{
	display:none;
	max-width:100%;
}
@media only screen and (max-width:761px) {
.MyContent .MyTips .Visual img:first-child{
	display:none;
}
.MyContent .MyTips .Visual img:last-child{
	display:block;
}
}

.MyBlockRoutine[data-displayed-items="2|2|1"]{
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}
.MyBlockRoutine[data-displayed-items="3|3|1"]{
	max-width:980px;
	margin-left:auto;
	margin-right:auto;
}
@media only screen and (max-width:1023px) {
.MyBlockRoutine[data-displayed-items="3|3|1"]{
	max-width:760px;
}
	
}
@media only screen and (max-width:761px) {
.MyContent  #Tab-1-Routine .jcarousel-pagination {
    bottom: auto;
    top: 398px;
}
.MyContent  #Tab-2-Routine .jcarousel-pagination {
    bottom: auto;
    top: 365px;
}
.MyContent  #Tab-3-Routine .jcarousel-pagination {
    bottom: auto;
    top: 290px;
}
}
/*----------------------------------------------*/


#Block-HEADER-PDP-MUP2018-Summer{
	background-image:url('img/header.jpg');
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:top right -90px;	
	min-height:400px;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
	text-align:left;
}
@media only screen and (max-width:1023px) {
#Block-HEADER-PDP-MUP2018-Summer{
	/*background-size:auto 95%;*/
	background-position:top right -120px;
}
}
@media only screen and (max-width:761px) {
#Block-HEADER-PDP-MUP2018-Summer{
	background-position:top center;	
	background-size:auto 230px;
	text-align:center;
}
}
#Block-HEADER-PDP-MUP2018-Summer p.Text{
	background-image:url('img/title-logo.png');
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:top center;	
	box-sizing:border-box;
	margin:0;
	padding:0;
	margin-top:70px;
	padding-top:132px;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:0;
	display:inline-block;
	font-size:16px;
	text-align:right;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	line-height:1.4em;
	font-weight:normal;
	border-bottom:0px solid;
	text-transform:none;
	margin-left:40px;
	width:492px;
}
@media only screen and (max-width:1023px) {
#Block-HEADER-PDP-MUP2018-Summer p.Text{
	padding-left:40px;
	padding-right:40px;
	margin-left:10px;
	width:390px;
	padding-top:110px;
	margin-top:90px;
}
}
@media only screen and (max-width:761px) {
#Block-HEADER-PDP-MUP2018-Summer p.Text{
	margin-left:auto;
	margin-right:auto;
	width:280px;
	margin-top: 240px;
	margin-bottom:8px;
	padding:0;
	text-align:center;
	padding-top: 100px;
	

}
}

#Block-HEADER-PDP-MUP2018-Summer p.BtnLink {
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align:right;
	margin-left:40px;
	width:452px;
	padding-top:30px;
}
@media only screen and (max-width:1023px) {
#Block-HEADER-PDP-MUP2018-Summer p.BtnLink {
	width:320px;
}
}
@media only screen and (max-width:761px) {
#Block-HEADER-PDP-MUP2018-Summer p.BtnLink {
	margin-left:auto;
	margin-right:auto;
	width:280px;
	text-align:center;
padding-bottom:15px;
	padding-top:15px;

}
}
#Block-HEADER-PDP-MUP2018-Summer p.BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
	font-size: 11px;
	/*border-bottom: 1px solid #e5e5e5;*/
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 18px 30px;
	display: inline-block;
	line-height: 14px;
}

#Block-ROUTINE-TITLE-PDP-MUP2018-Summer h2{
	box-sizing:border-box;
	margin:0;
	padding:20px;
	display:block;
	font-size:40px;
	font-family:ClarinsRegular, clarinsreg , Clarins;
	letter-spacing:0em;
	font-weight:normal;
	line-height:1em;
	border-bottom:0px solid;
	text-transform:none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	max-width: 1024px;
	
	
}
@media only screen and (max-width:761px) {
#Block-ROUTINE-TITLE-PDP-MUP2018-Summer h2{
	font-size:35px;
	padding-bottom:0;
}
}
#Block-ROUTINE-PDP-MUP2018-Summer .Packshot{
	height:317px;
	
}

@media only screen and (max-width:761px) {
	#Block-ROUTINE-PDP-MUP2018-Summer .Packshot{
	height:auto;
	padding-top:40px;
	
}
	#Block-ROUTINE-PDP-MUP2018-Summer .Packshot img{
position:relative;
	
}
		
}
#Block-ROUTINE-PDP-MUP2018-Summer h3{
	box-sizing:border-box;
	margin:0;
	padding:20px;
	display:block;
	font-size:16px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:1em;
	border-bottom:0px solid;
	text-transform:uppercase;
	text-align:center;
	
}
#Block-ROUTINE-PDP-MUP2018-Summer .ProductName{
	display:block;
	font-size:14px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height:1em;
	padding-bottom:15px;
	padding-top:15px;
	color:#000;
}
#Block-ROUTINE-PDP-MUP2018-Summer h3 span{
	font-size:30px;
	color:#cbcbcb;
	
}
#Block-ROUTINE-PDP-MUP2018-Summer .jcarousel-pagination{
	display:none;
}
@media only screen and (max-width:761px) {
#Block-ROUTINE-PDP-MUP2018-Summer .jcarousel-pagination{
	display:block;
	top:60px;
}	
}
#Block-ROUTINE-PDP-MUP2018-Summer .products-pagination.jcarousel-control-prev,
#Block-ROUTINE-PDP-MUP2018-Summer .products-pagination.jcarousel-control-next{
	top:50%;
	z-index:3;
}
/*---------------------------------------------------------*/

#Block-LIPSTICKFINDER-TITLE h2{
	color:#ee7683;
	max-width:1210px;
}

.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%;
	display:block;
}
.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;
	margin-top:30px;
}
}
#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;
}
}

.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;
}

@media only screen and (max-width:761px) {
.MyContent .Btn-Link {
	display: block;
	white-space: nowrap;
}
}
#special-mention{
	padding: 0;
    font-size: 14px;
    margin: 0 0 9px;
    color: #be0f34;
    letter-spacing: .05em;
    font-family: "Gotham SSm medium A","Gotham SSm medium B",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    top:35px;
    left: 114px;
}

@media only screen and (max-width:761px) {
#special-mention{
    left: 71px;
    top:26px;
}
}

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

}
}

@media only screen and (max-width:768px) {
#Block-LIPSTICKFINDER .InlineBlock:last-child a{
	bottom: 24px;
	max-width: 22%;
	max-height: 1px;
	font-size: 9px;

}
}
@media only screen and (max-width:320px) {
#Block-LIPSTICKFINDER .InlineBlock:last-child a{
	bottom: 16px;
	max-width: 22%;
	max-height: 1px;
	font-size: 9px;

}
}


@media only screen and (min-width: 1024px)
{
#Tab-2-Tips .FloatingBox {
    margin-bottom: -39px;
}