.breadcrumb {
	display: none!important;
}
#main:not(.main-homepage) {
	margin-top: 0px;
}

@media screen and (max-width:761px) {
.MyContent .product-quickshop {
	display: block;
}
}
.MyContent .Slider{
	padding-bottom:30px;
}
@media screen and (min-width:762px) {
.MyContent .Slider{
	margin-right:50px;
}
}
.MyContent .slick-prev{
	display: none!important;
}
.MyContent .slick-next::after{
	opacity:0.5;
	transition:opacity 0.5s ease-in-out;
}
.MyContent .slick-next:hover::after{
	opacity:1;
}
.MyContent {
	display: block;
	position: relative;
	max-width: 1250px;
	margin: 0 auto;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	line-height: 1.4em;
	font-size: 16px;
}
.AnchorTag {
	position: absolute;
	visibility: hidden;
	margin-top:-50px;
}

.MyContent * {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by Chrome and Opera */
}
.MyContent p {
	margin: 20px 0;
}

@media screen and (max-width:1023px) {
.MyContent p {
	margin: 10px 0;
}
}
.MyContent .BtnLink {
	margin: 0;
}
.MyContent .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", 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 .TextLinkIngredient a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	position: relative;
	display: inline-block;
	line-height: 14px;
	border-bottom: 1px solid;
	margin-left: 20px;
}

@media screen and (max-width:761px) {
.MyContent .TextLinkIngredient a {
	font-size: 11px;
	margin-bottom: 20px;
}
}
.MyContent .TextLinkIngredient a::before {
	content: " ";
	background-image: url(img/play.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 18px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: -20px;
}
.MyContent h2 {
	display: block;
	margin: 0;
	font-weight: normal;
}
.MyContent .MyBlock {
	width: 100%;
	text-align: center;
	position: relative;
	background-repeat: no-repeat;
	background-color: #fff;

}
.MyContent .MyBlock img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

@media (min-width:1250px) {
.MyContent .MyBlock {
	width: 100vw;
	margin-left: calc(625px - 50vw);
}
}
.MyContent .VideoBackground {
	width: 100%;
	overflow: hidden;
	height: 100%;
}
.MyContent video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.MyContent .VideoLink::after {
	content: " ";
	background-image: url(img/video-play.png);
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 50px;
	height: 50px;
	background-size: cover;
	z-index: 2;
}
.MyContent .ContentBox {
	/* border: 5px solid #efefef;
    background-color: #fff;
    box-sizing: border-box;*/
	padding: 40px;
	position: relative;
}
/*.MyContent .Title {
	font-size: 35px;
	color: #000;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
}*/

@media screen and (max-width:1023px) {
.MyContent .Title {
	font-size: 30px;
}
}
.MyContent .BigTitle {
	font-size: 50px;
	color: #000;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	margin: 0;
}


.MyContent .BigTitle span, .MyContent .Title span {
	font-size: 16px;
	color: #be0f34;
	line-height: 1em;
	font-weight: normal;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	display: block;
	text-transform: uppercase;
}

.MyContent .Mentions {
	font-size: 11px;
	opacity: 0.5;
	line-height: 1.2em;
}
/*-----------------------------------------------*/

.MyContent #BLOCK-NIGHT-AND-DAY-HEADER{
	background-image:url(img/header.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:411px;
}
@media screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER{
	background-image:url(img/header-mobile.jpg);
	height:auto;	    padding-top: 320px;
}
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .BigTitle{
	color:#021d49;
	padding-top:20px;
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .Text{
	margin:0;	
	padding-top:20px;
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .Wrapper{
	position:absolute;
	right:50%;
	margin-right:80px;
	background-color:#fff;
	top:50%;
	transform:translateY(-50%);
	padding:40px;
	width:404px;
	box-sizing:border-box;
}
@media screen and (max-width:1023px) {
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .Wrapper {
    width: 354px;
	margin-right:0px;
}
}
@media screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .Wrapper {
    width: 100%;
    margin: auto;
    position: relative;
    transform: none;
    top: auto;
    right: auto;
	padding-bottom:80px;
}
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .Wrapper::before{
	content:" ";
	background-image:url(img/24H-non-stop.svg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100px;
	width:100px;
	position:absolute;
	top:-50px;
	left:calc(50% - 50px);
}

.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn{
	position:absolute;
	left: 50%;
    margin: 0;
    margin-left: 100px;
    background-color: #021d49;
    bottom: 0;
    width: calc(50% - 100px);
    box-sizing: border-box;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0 80px;
	max-width: 470px;
}
@media screen and (max-width:1023px) {
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn{
	width: 404px;
    margin-left: -20px;
    padding-right: 20px;
}
}
@media screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn{
	top: 260px;
	width:120px;
	right:0;
	left:auto;
	transition:width ease-in-out 0.5s;

}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn[data-open="1"]{
	width:100%;
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn a{
	display:none;
	position:absolute;
	left:50%;
	width:300px;
	top:50%;
	transform:translateY(-50%) translateX(-50%);
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn[data-open="1"] a{
	display:block;

}
}




.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn[data-sticky="0"]{
	position:absolute;
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn[data-sticky="1"]{
	position:fixed;
	bottom:auto;
	top:59px;
	z-index:100;
	
}
@media screen and (max-width:1023px) {
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn[data-sticky="1"]{
	top:50px;
}	
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn::before{
	content:" ";
	background-image:url(img/picto-night.svg);
	background-position:top center;
	background-repeat:no-repeat;
	height:50px;
	width:50px;
	position:absolute;
	top:5px;
	left:10px;
}


@media screen and (min-width:762px) {
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn .Collapse,
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn .Expand{
	display:none;
}
}
@media screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn::before{
	left:30px;
}	
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn[data-open="1"]::before{
 	display:none;
}
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn a{
	color:#fff;
	text-decoration:none;
}

.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn .Close{
	position:absolute;
	top:0;
	right:0;
}


.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn .Collapse{
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn .Expand{
	position:absolute;
	top:0;
	left:0;
}

.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn[data-open="1"] .Expand{
	display:none;
}
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn[data-open="1"] .Collapse{
	display:block;
}
/*-----------------------------------------------------*/
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO{
	padding-bottom:30px;
	position:relative;
	z-index:2;
}

@media screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO{
	padding:0 20px;
	box-sizing:border-box;
	
}
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO::after{
	content:" ";
	background-image:url(img/day-night-clock-picto.svg);
	background-position:top center;
	background-repeat:no-repeat;
	height:100px;
	width:100px;
	position:absolute;
	top: -140px;
	left:calc(50% - 50px);
	z-index:10;
}
@media screen and (max-width:1023px) {
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO::after{
	left:calc(25% - 50px);
}
}

@media screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO::after{
	left:calc(50% - 50px);top:-120px;
}
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO .Title{
	color:#000;
	max-width:620px;
	margin:0 auto;
	margin-top:80px;
	margin-bottom:30px;
}

@media screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO .Title{
	margin-top:60px;
}
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO .Text{
	margin:0 auto;
	max-width:620px;
	margin-top:30px;
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul{
	list-style:none;
	padding:0;
	margin:0;
	justify-content:center;
	align-items:center;
	display:flex;
	
}
@media screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul{
	margin-left:-10px;
	margin-right:-10px;
}
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li{
	border-radius:50%;
	overflow:hidden;
	margin:10px;
	position:relative;
	display:block;
}

@media screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li{
	margin:6px;
}
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li a{
	display:flex;
	width:94px;
	height:94px;
	color:#fff;
	justify-content:center;
	align-items:center;
	text-decoration:none;
	z-index:2;	position:relative;border:3px solid;	border-radius:50%;
}
@media screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li a{
	width:70px;
	height:70px;
}
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li:nth-child(1) a{
	background-color:#f9bed9;border-color:#f9bed9;
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li:nth-child(2) a{
	background-color:#fbc8ad;border-color:#fbc8ad;
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li:nth-child(3) a{
	background-color:#be0f34;border-color:#be0f34;
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li:nth-child(4) a{
	background-color:#e9d5b1;border-color:#e9d5b1;
}

/*------------------------------------------------------------*/
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li:nth-child(1) a:hover{
	border-color:#f198c1;
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li:nth-child(2) a:hover{
	border-color:#eca987;
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li:nth-child(3) a:hover{
	border-color:#91102c;
}
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li:nth-child(4) a:hover{
	border-color:#c9ad7a;
}

/*------------------------------------------------------------*/

.MyContent .Visual{
	display:inline-block;
	border-radius:50%;
	overflow:hidden;
	position:absolute;
}
.MyContent .Visual img{
	display:block;
	margin:0 auto;
}
@media screen and (max-width:1023px) {
.MyContent .Visual img{
	width:300px;
	height:300px;
}
}
.MyContent .Ingredient{
	display:inline-block;
	position:absolute;
}
.MyContent .Ingredient span{
	display:inline-block;
	border-radius:50%;
	overflow:hidden;
	border:2px solid #ccc;
}

.MyContent .IngredientName{
	margin:0;
	display:block;
	position:absolute;
	font-size:11px;
	   line-height: 14px;	
	text-align: right;
}
.MyContent .Ingredient img{
	display:block;
	margin:0 auto;
}

#BLOCK-NIGHT-AND-DAY-30plus,
#BLOCK-NIGHT-AND-DAY-50plus{
	position:relative;
	padding-left:495px;
	box-sizing:border-box;
	text-align:left;
	width:1010px;
	margin:0 auto;
	padding-top:50px;
	min-height:700px;
	overflow:hidden;
}
@media screen and (max-width:1023px) {
#BLOCK-NIGHT-AND-DAY-30plus,
#BLOCK-NIGHT-AND-DAY-50plus{
	padding-left: 355px;
    width: 700px;
	padding-bottom:30px;
}	
}


#BLOCK-NIGHT-AND-DAY-30plus .Visual,
#BLOCK-NIGHT-AND-DAY-50plus .Visual{
	right:50%;
	top:20px;
	margin-right:40px;
}


#BLOCK-NIGHT-AND-DAY-30plus .Ingredient,
#BLOCK-NIGHT-AND-DAY-50plus .Ingredient{
	right:50%;
	top:400px;
	margin-right:40px;
}

@media screen and (max-width:1023px) {
#BLOCK-NIGHT-AND-DAY-30plus .Ingredient, 
#BLOCK-NIGHT-AND-DAY-50plus .Ingredient {
    right: 50%;
    top: 280px;
    margin-right: 30px;
}	
}
#BLOCK-NIGHT-AND-DAY-40plus,
#BLOCK-NIGHT-AND-DAY-60plus{	
	position:relative;
	padding-right:495px;
	box-sizing:border-box;
	text-align:left;
	width:1010px;
	margin:0 auto;
	padding-top:50px;
	min-height:700px;
	overflow:hidden;
}
@media screen and (max-width:1023px) {
#BLOCK-NIGHT-AND-DAY-40plus,
#BLOCK-NIGHT-AND-DAY-60plus{	
	padding-right: 355px;
    width: 700px;
	padding-bottom:30px;
}	
}
#BLOCK-NIGHT-AND-DAY-40plus .Visual,
#BLOCK-NIGHT-AND-DAY-60plus .Visual{
	left:50%;
	top:20px;
	margin-left:40px;
}

#BLOCK-NIGHT-AND-DAY-40plus .Ingredient,
#BLOCK-NIGHT-AND-DAY-60plus .Ingredient{
	left:50%;
	top:400px;
	margin-left:40px;
}
@media screen and (max-width:1023px) {
#BLOCK-NIGHT-AND-DAY-40plus .Ingredient,
#BLOCK-NIGHT-AND-DAY-60plus .Ingredient{
    left: 50%;
    top: 280px;
    margin-left: 30px;
}	
}
#BLOCK-NIGHT-AND-DAY-60plus .IngredientName{
	text-align: right;
    right: 115px;
    top: 50px;
    width: 80px;
}


#BLOCK-NIGHT-AND-DAY-30plus .IngredientName{
    right: 135px;
    top: 50px;
    width: 80px;
}
#BLOCK-NIGHT-AND-DAY-40plus .IngredientName{
    right: 125px;
    top: 120px;
    width: 80px;
}
#BLOCK-NIGHT-AND-DAY-50plus .IngredientName{
    right: 125px;
    top: 60px;
    width: 80px;
}
#BLOCK-NIGHT-AND-DAY-60plus .IngredientName{
    right: 115px;
    top: 50px;
    width: 80px;
}


@media screen and (max-width:1023px) {
#BLOCK-NIGHT-AND-DAY-30plus,
#BLOCK-NIGHT-AND-DAY-40plus,
#BLOCK-NIGHT-AND-DAY-50plus,
#BLOCK-NIGHT-AND-DAY-60plus{
	height:auto;
	min-height:0;
}	
}

@media screen and (max-width:761px) {
#BLOCK-NIGHT-AND-DAY-30plus,
#BLOCK-NIGHT-AND-DAY-40plus,
#BLOCK-NIGHT-AND-DAY-50plus,
#BLOCK-NIGHT-AND-DAY-60plus{
	padding:20px;
	padding-top:470px;
	height:auto;
	width:auto;
}	
#BLOCK-NIGHT-AND-DAY-30plus .Visual,
#BLOCK-NIGHT-AND-DAY-40plus .Visual,
#BLOCK-NIGHT-AND-DAY-50plus .Visual,
#BLOCK-NIGHT-AND-DAY-60plus .Visual{
	top:40px;
	transform:translateX(-50%);
	left:50%;
	right:auto;
	margin:0;
}

#BLOCK-NIGHT-AND-DAY-30plus .Visual img,
#BLOCK-NIGHT-AND-DAY-40plus .Visual img,
#BLOCK-NIGHT-AND-DAY-50plus .Visual img,
#BLOCK-NIGHT-AND-DAY-60plus .Visual img{
	max-width:320px;
}

#BLOCK-NIGHT-AND-DAY-40plus .Ingredient ,
#BLOCK-NIGHT-AND-DAY-60plus .Ingredient{
	left: 0px;
		right:auto;
    top: 275px;
    margin-left: 30px;
}



#BLOCK-NIGHT-AND-DAY-30plus .Ingredient ,
#BLOCK-NIGHT-AND-DAY-50plus .Ingredient {
	right: 0px;
	left:auto;
    top: 275px;
    margin-right: 30px;
}
.MyContent .Ingredient img{
	max-width:150px;
}

#BLOCK-NIGHT-AND-DAY-30plus .IngredientName,
#BLOCK-NIGHT-AND-DAY-50plus .IngredientName{
	text-align:right!important;
	left:auto!important;
	right:170px!important;
	top:80px!important;
}
#BLOCK-NIGHT-AND-DAY-40plus .IngredientName,
#BLOCK-NIGHT-AND-DAY-60plus .IngredientName{
	text-align:left!important;
	left:170px!important;
	right:auto!important;
	top:80px!important;
}
}
/*------------------------------------------------------------*/
.MyContent .MyDiscoverBtn {
	margin: 0;
	margin-top:20px;
}
.MyContent .MyDiscoverBtn a {
	text-align:center;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
		padding: 13px 30px;
		border:2px solid #000;
	display: inline-block;
	line-height: 14px;
	max-width: 300px;
	width:100%;
	box-sizing:border-box;
}
.MyContent .MyDiscoverBtn a:hover {
	color: #000;
	background-color: #FFF;
	border:2px solid #000;
}
/*------------------------------------------------------------*/
.MyContent .MyVideoBtn {
	margin: 0;
	margin-top:20px;
}
.MyContent .MyVideoBtn a {
	text-align:center;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	position: relative;
	background-color: #FFF;
	padding: 13px 30px;
	display: inline-block;
	border:2px solid #e5e5e5;
	line-height: 14px;
	max-width: 300px;
	width:100%;
	box-sizing:border-box;
}
.MyContent .MyVideoBtn a:hover {
	color: #000;
	background-color: #FFF;
	border:2px solid #000;
}

/*.DayBlock{
	display:block;
}
.NightBlock{
	display:none;
}*/

.NightBlock .OpenBtn,
.DayBlock .OpenBtn{
	background-position:left center;
	background-repeat:no-repeat;
	display:flex;
	height:50px;
	font-size:11px;
	text-transform:uppercase;
	padding-left:120px;
	justify-content:flex-start;
	align-items:center;
	cursor:pointer;
	line-height:1.2em;
}
.NightBlock .OpenBtn:hover,
.DayBlock .OpenBtn:hover{
	font-weight:bold;
}
.NightBlock .OpenBtn{
	background-image:url('img/bouton-night.svg');
	color:#1e183d;
}
.DayBlock .OpenBtn{
	background-image:url('img/bouton-day.svg');
	color:#5aa3bb;
}
@media screen and (max-width:761px) {
.NightBlock .OpenBtn,
.DayBlock .OpenBtn{
	width:180px;padding-left:110px;
}	
}

.DayBlock .OpenBtn::before{
	content:"<";color:#5aa3bb;margin:0 5px;
}
.NightBlock .OpenBtn::before{
	content:"<";color:#2e5894;margin:0 5px;
}

.DayBlock .SubTitle{
	color:#e48cb5;
	font-size:16px;
	font-weight:normal;
	margin:0;
}
.NightBlock .SubTitle{
	color:#2e5894;
	font-size:16px;
	font-weight:normal;
	margin:0;
}

.DayBlock .Text,
.NightBlock .Text{
	font-size:14px;
	line-height:1.4em;
	margin:10px 0;
}

#BLOCK-NIGHT-AND-DAY-30plus .Text,
#BLOCK-NIGHT-AND-DAY-40plus .Text,
#BLOCK-NIGHT-AND-DAY-50plus .Text,
#BLOCK-NIGHT-AND-DAY-60plus .Text{
	font-size:14px;
	line-height:1.4em;
}


.DayBlock ul,
.NightBlock ul{
	margin:0;
	list-style:none;
	padding:0;
	font-size:14px;
}


.DayBlock ul li,
.NightBlock ul li{
	margin:0;
	list-style:none;
	padding:0;
	font-size:14px;
	padding-left:25px;
	background-position:top left;
	background-repeat:no-repeat;
}

.DayBlock ul li{
	background-image:url(img/checkbox-day.png);
}
.NightBlock ul li{
	background-image:url(img/checkbox-night.png);
}

#BLOCK-NIGHT-AND-DAY-40plus .DayBlock ul li{
	background-image:url(img/checkbox-pink.png);
}	
#BLOCK-NIGHT-AND-DAY-50plus .DayBlock ul li{
	background-image:url(img/checkbox-red.png);
}	
#BLOCK-NIGHT-AND-DAY-60plus .DayBlock ul li{
	background-image:url(img/checkbox-gold.png);
}	

#BLOCK-NIGHT-AND-DAY-40plus .DayBlock .SubTitle{
	color:#fbc8ad;
}	
#BLOCK-NIGHT-AND-DAY-50plus .DayBlock .SubTitle{
	color:#be0f34;
}	
#BLOCK-NIGHT-AND-DAY-60plus .DayBlock .SubTitle{
	color:#ccb58a;
}	

	
#BLOCK-NIGHT-AND-DAY-DOUBLE-SERUM{
	background-image:url(img/double-serum.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding:20px;
	padding-top:470px;
	box-sizing:border-box;
	padding-bottom:40px;

}

#BLOCK-NIGHT-AND-DAY-DOUBLE-SERUM .BtnLink a{
	color: #FFF;
	background-color: #000;
	padding: 13px 30px;
	border:2px solid #000;
	line-height: 14px;
	box-sizing:border-box;
}
#BLOCK-NIGHT-AND-DAY-DOUBLE-SERUM .BtnLink a:hover {
	color: #000;
	background-color: #FFF;
	border:2px solid #000;
}
@media screen and (max-width:761px) {
#BLOCK-NIGHT-AND-DAY-DOUBLE-SERUM{
	padding-top:336px;
	background-size:auto 316px ;
}	
#BLOCK-NIGHT-AND-DAY-DOUBLE-SERUM .BtnLink a{
	    min-width: 180px;
}	
}


/*IE*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.NightBlock .OpenBtn, .DayBlock .OpenBtn{
		display: -ms-inline-flexbox;
		padding-left: 86%;
		justify-content: unset;
		margin-left: -57%;
	}
	.pt_order.lip-salesforce#wrapper .salesforce-orders .order-history-items .order-history-table .product-wrapper .reorder-btn:hover, 
	.button:hover, .buttonprimary:hover, .buttonstyle:hover, .lip-my-account .payment-info-tab .pd-instruments-list-container .section-header 
	.add-card:hover, .lip-my-reviews .payment-info-tab .pd-instruments-list-container .section-header .add-card:hover, .mybeautyshelf 
	.gs-product-wrapper-link:hover, button:hover, input[type=button]:hover{
		background-color: transparent;
	}
}

@media screen and (max-width:761px) {
	.MyContent .MyDiscoverBtn,
	.MyContent .MyVideoBtn{
		margin-left: 6%;
	}
}

/*DTW EDITS*/
/*.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn[data-sticky="1"] {
    position: fixed;
    bottom: auto;
    top: 90px;
    z-index: 100;
}*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.MyContent #BLOCK-NIGHT-AND-DAY-HEADER .StickyBtn[data-sticky="1"] {
    top: 40px;
}
}

.MyContent .Title {
	font-size: 31px;
	color: #000;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
}

@media only screen and (max-width:761px) {
	.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li a {
		width: 80px;
		height: 80px;
		font-size: 14px;
	}
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { 
.MyContent .MyDiscoverBtn {
    margin-left: 1px;
}
}

@media only screen and (max-width:761px) {
.MyContent #BLOCK-NIGHT-AND-DAY-INTRO ul li a {
    width: 70px;
    height: 70px;
    }
}
