body, html{
	margin:0;
	padding:0;
}
@media screen and (max-width:761px){
#main:not(.main-homepage) {
    padding-top: 0px;
}
}
.MyContent img{
	width:auto;
}
.MyContent{
	display:block;
	position:relative;
	font-size: 14px;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	line-height: 1.4em;
}
.MyContent .MyBlock{
	display:block;
	position:relative;
	margin:0 auto;
}
#wrapper {
    max-width: 100%;
}
.MyContent .AnchorTag{
	height:70px;
	margin-top:-70px;
}
@media screen and (max-width:1023px){
	.MyContent .AnchorTag{
		height:50px;
		margin-top:-50px;
	}
}
/*---------- BLACK BTN -----------*/
.MyContent .BtnLink{
	margin:0;
	width:100%;
	flex:1;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	max-width:220px;
}
.MyContent .BtnLink a{
	display:flex;
	height:50px;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;
	color:#fff;
	background-color:#202147;
	font-size:14px;
	line-height:1em;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
}

.MyContent .StepNum{
	font-size:226px;
	font-family: ClarinsRegular, Clarins;
	margin:0;
	line-height:160px;
	letter-spacing:-0.08em;
	font-weight:normal!important;
}
@media screen and (max-width:1023px){
.MyContent .StepNum{
	font-size:41vw;
	line-height:0.8em;
}
}
/*------------------------------------------------*/
#BLOCK-01{
	background-image:url(img/header-1.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:526px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:-100px;
	z-index:1;
}
@media screen and (max-width:1023px){
#BLOCK-01{
		height:109.6vw;	background-size:auto 100%;	margin-bottom:0px;

}
}
#BLOCK-01 .Title{
	padding:0;
	max-width:1170px;
	flex-basis:100%;
	margin:20px 40px;
	margin-bottom:70px;
	font-size:45px;
	line-height:65px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.15em;
}
@media screen and (max-width:1023px){
#BLOCK-01 .Title{
	font-size:7.2vw;
	line-height:10.4vw;
	margin:5.33vw;
	flex:1;margin-bottom:10vw;
}
}

.MyContent .Menu{
	margin-right:32px;
	/*---------------------*/
	margin-right: 32px;
  
    position: absolute;
    right: calc(50% - 800px);
    top: 70px;

}
@media screen and (max-width:1599px){
	.MyContent  .Menu{
		right:0;
	}
	}
@media screen and (max-width:1023px){
.MyContent  .Menu{
	display: flex;
    height: 80px;
	margin-right:3.33vw;
	height: auto;
	right:0;
	margin:0;
	width:100%;
	justify-content: center;
	top:auto;
	bottom:15px;
}
}
.MyContent .Menu a{
	display:block;
	border-radius:50%;
	overflow:hidden;
	width:67px;
	margin:8px;
	background-color:#FFF;
}

@media screen and (max-width:1023px){
.MyContent  .Menu a{
	width:13vw;
	margin:2vw;
}
}
.MyContent  .Menu a img{
	display:block;
	max-width:100%;
}
.MyContent  .Menu:hover a img{
	opacity:0.5;
}
.MyContent  .Menu a:hover img{
	opacity:1;
}

@media screen and (max-width:1023px){
.MyContent  .Menu a img{
	opacity:1;
}
}
.MenuSticky{
    position: fixed;
    right: 0px;
	/*top: 100px;*/
	top:70px;
	z-index: 100;
	width: 100%;
	
}
@media screen and (max-width:1023px){
.MenuSticky{
	top: 50px;

	top:auto;
	bottom: 0px;
    width: 100%;
	background-color: rgba(255,255,255,0.65);
    height:125px;
}
.MenuSticky .Menu{
	height: 125px;
	top:0;
	bottom:auto;
}
}
@media screen and (max-width:761px){
	.MenuSticky{
		height:65px;
	}
	.MenuSticky .Menu{
		height: 65px;
	}
	}
/*------------------------------------------------*/
#BLOCK-02{
	max-width:1250px;
	z-index:2;
	display:flex;
	align-items:center;
	justify-content:center;
}
@media screen and (max-width:1249px){
	#BLOCK-02 {
		margin:0px;
	}
}
@media screen and (max-width:1023px){
	#BLOCK-02 {
	display:block;
	z-index:auto;
}
}
#BLOCK-02 .BigText{
	margin:0;
	flex-basis:415px;
	background-color:#f9f2e3;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#202147;
	text-transform:uppercase;
	font-size:18px;
	line-height:1.8em;	
	font-weight:bold;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	box-sizing:border-box;
	padding:50px;
}
@media screen and (max-width:1023px){
#BLOCK-02 .BigText{
	padding:5.33vw;font-size:3.7vw;
}
}
#BLOCK-02 .Logo{
	margin:40px;
}
@media screen and (max-width:1023px){
#BLOCK-02 .Logo{
	margin:5.33vw;
	width:30vw;
}
#BLOCK-02 .Logo img{
	max-width:100%;
}
}
#BLOCK-02 .Content{
	max-width:540px;
	margin-top: 40px;
    margin-bottom: 40px;
}
@media screen and (max-width:1023px){
#BLOCK-02 .Content{
	margin:5.33vw;
}
}
#BLOCK-02 .Content .Text{
	font-size:16px;
	line-height:1.4em;	
	margin:15px 0;
}

#BLOCK-02 .Content .Text strong{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
}
/*------------------------------------------------*/
#BLOCK-03{
	background-image:url(img/header-2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:468px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:-30px;
	z-index:1;
}
@media screen and (max-width:1249px){
#BLOCK-03{
	background-position:top left -175px;
}
}
@media screen and (max-width:1023px){
#BLOCK-03{
	margin-top:0;
	background-size:310vw auto;
	height:auto;
	background-position:top left -130vw;
	display:block;
	background-color:#e1eaf0;
		
}
}
#BLOCK-03 .Title{
	padding:0;
	max-width:1170px;
	flex-basis:100%;
	margin:20px 40px;
	margin-top:70px;
	font-size:45px;
	line-height:65px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#202147;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.15em;
	
}

@media screen and (max-width:1023px){
#BLOCK-03 .Title{
	margin:0 5.33vw;
padding-top:55vw;
padding-bottom:10.5vw;
	font-size:8vw;
	line-height:1.44em;max-width:100%;

}
}
/*------------------------------------------------*/

#BLOCK-04{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	z-index:3;
	max-width:1250px;
	padding: 0 40px;
    box-sizing: border-box;
}
@media screen and (max-width:1249px){
	#BLOCK-04{
	min-height:400px;
}
	
}
@media screen and (max-width:1023px){
	#BLOCK-04{
	background-color:#e1eaf0;
	display:block;
	padding:0;
}
	
}
#BLOCK-04::before{
	content:" ";
	background-color:#202147;
	width:84px;
	height:20px;
	top:-10px;
	left:40px;
	display:block;
	position:absolute;
}
@media screen and (max-width:1023px){
#BLOCK-04::before{
	left:5.33vw;
}
	
}
#BLOCK-04 .Content{
	max-width:435px;
	position:relative;
	
}
@media screen and (max-width:1249px){
#BLOCK-04 .Content{
	padding-bottom:40px;
	flex:1;
	padding-top: 40px;
}
	
}
@media screen and (max-width:1023px){
#BLOCK-04 .Content{
	padding:0 5.33vw;
	padding-top:10.6vw;	z-index:2;
}
	
}
#BLOCK-04 .Content .Text{
	font-size:16px;
	line-height:1.4em;	color:#4d80b5;
	margin:0;
	margin-bottom:40px;
}
#BLOCK-04 .Content .Text strong{
	color:#eba646;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
}

@media screen and (max-width:1023px){
#BLOCK-04 .Content .BtnLink{
	margin:0 auto;
}
	
}
#BLOCK-04 .BoxPackshots{
	flex-basis:690px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-left:50px;
	height:420px;
	margin-top:50px;
	position:relative;
}
@media screen and (max-width:1249px){
#BLOCK-04 .BoxPackshots{
	flex-basis:55.2vw;
	margin-left:4vw;
	height:33.6vw;
	margin-top:4vw;
	align-self:flex-end;
}	

}
@media screen and (max-width:1023px){
#BLOCK-04 .BoxPackshots{
	flex-basis:100.4vw;
	margin-left:-0.2vw;
	margin-right:-0.2vw;
	height:60vw;
	margin-top:-25px;
	align-self:flex-end;
	background-color:#fff;
	padding-top:20vw;
	z-index:1;
}	
}

@media screen and (max-width:761px){
	#BLOCK-04 .BoxPackshots{
		padding-right:5vw!important;
		height:50vw;
	
	}	
	}
#BLOCK-04 .BoxPackshots .Plus{
	position:absolute;
	font-size:130px;
	line-height:130px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#4d80b5;
	text-transform:uppercase;
	font-weight:normal;
	bottom:0px;
	left:215px;
	margin:0;
	letter-spacing:0.15em;
	width:121px;
	text-align:left;
}
#BLOCK-04 .BoxPackshots .Plus:nth-child(4){
	left:485px;
}
@media screen and (max-width:1249px){
#BLOCK-04 .BoxPackshots .Plus{
    font-size: 10vw;
    line-height: 10vw;
    bottom: 1vw;
    left: 17vw;
	width: 9.68vw;
	
}	
#BLOCK-04 .BoxPackshots .Plus:nth-child(4){
	left:38vw;
}
}
@media screen and (max-width:1023px){
#BLOCK-04 .BoxPackshots .Plus{
    font-size: 12vw;
    line-height: 20vw;
    bottom: 8vw;
    left: 30vw;
    width: 15vw;
}	
#BLOCK-04 .BoxPackshots .Plus:nth-child(4){
	left:64vw;
}
}

@media screen and (max-width:761px){
#BLOCK-04 .BoxPackshots .Plus{
	left:22.5vw;
	bottom: 0;
    line-height: 12vw;
}	
#BLOCK-04 .BoxPackshots .Plus:nth-child(4){
	left: 55vw;

}
}
#BLOCK-04 .BoxPackshots .Step{
	flex-basis:50%;
	display:block;
	text-decoration:none;
	color:#202147;
	padding-left:60px;
	padding-right:60px;
	position:relative;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(3){
	padding-right:80px
}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .Packshot{
	height:360px;width:160px;margin-top:60px;
}
@media screen and (max-width:1249px){
#BLOCK-04 .BoxPackshots .Step{
	padding-left:4vw;	flex-basis:28vw;
}	
#BLOCK-04 .BoxPackshots .Step:nth-child(3){
	padding-right:6vw;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .Packshot{

	height: 28vw;
    width: 13vw;
    margin-top: 5.5vw;

}
}

@media screen and (max-width:1023px){
#BLOCK-04 .BoxPackshots .Step{
	padding-left: 10vw;
    flex-basis: 25vw;
    padding-right: 1vw!important;
}	

#BLOCK-04 .BoxPackshots .Step:nth-child(3) .Packshot{
    width: 25vw;
    height: 55vw;
    margin-top: 5.5vw;

}

}

@media screen and (max-width:761px){
	#BLOCK-04 .BoxPackshots .Step{
		 padding-left: 8vw;
    padding-right: 8vw!important;
	flex-basis: 20vw;
	}
	#BLOCK-04 .BoxPackshots .Step:nth-child(1){
    padding-right: 3vw!important;

	}
	#BLOCK-04 .BoxPackshots .Step:nth-child(5){
		padding-right: 10vw!important;
	}
	#BLOCK-04 .BoxPackshots .Step:nth-child(3) .Packshot{
		width: 20vw;
		height: 44.5vw;
		margin-top: 5.5vw;
		padding-left:3vw;
	}
	

}
#BLOCK-04 .BoxPackshots .Step .StepNum{
	position: absolute;
    color: #4d80b5;
    top: 0px;
    left: 150px;
    font-size: 180px;
}
@media screen and (max-width:1249px){
#BLOCK-04 .BoxPackshots .Step .StepNum{
    top: 2.4vw;

    line-height: 11vw;
	left: 11vw;
    font-size: 14vw;
}	
}

#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepNum{
	top:auto;
	bottom:140px;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(5) .StepNum{
	top:auto;
	bottom:20px;
}

@media screen and (max-width:1023px){
#BLOCK-04 .BoxPackshots .Step .StepNum{
	top: -15vw;
    left: 20vw;
    font-size: 20vw;
    line-height: 25.6vw;

}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepNum{
    top: auto;
    bottom: 45vw;
    left: 20vw;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(5) .StepNum{
	top: auto;
    bottom: 53vw;
    left: 10vw;
}
}

@media screen and (max-width:761px){
#BLOCK-04 .BoxPackshots .Step .StepNum{
	top: auto;
    bottom: 30vw;
    left: 17vw;

}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepNum{
    top: 16vw;
    bottom: auto;
    left: 22vw;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(5) .StepNum{
    top: auto;
    bottom: 0vw;
    left: 20vw;
}
}
#BLOCK-04 .BoxPackshots .Step .StepText{
	position:absolute;
	font-size:32px;
	transform:rotate(-90deg);
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#202147;
	text-transform:uppercase;
	font-weight:bold;
	bottom:0;
	left:45px;
	transform-origin:bottom left;
	margin:0;
	padding-left:20px;
	letter-spacing:0.15em;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepText{
	left:65px;
}
@media screen and (max-width:1249px){
#BLOCK-04 .BoxPackshots .Step .StepText{

	padding-left:1.6vw;transform:rotate(-90deg);
    font-size: 2.2vw;
    left: 2.9vw;
    padding-left: 1.6vw;
	
}	#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepText {
		left: 4.5vw;
	}
}
@media screen and (max-width:1023px){
#BLOCK-04 .BoxPackshots .Step .StepText{
	font-size:4vw;
	left:8vw;
	padding-left:2.5vw;transform:rotate(-90deg);
}	

#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepText{
	left:10vw;
}


}
@media screen and (max-width:761px){
	#BLOCK-04 .BoxPackshots .Step .StepText{
		font-size:4vw;
		left:8vw;
		padding-left:2.5vw;transform:rotate(-90deg);
	}	
	#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepText{
		left:11vw;
	}
}
#BLOCK-04 .BoxPackshots .Step .Packshot{
	width:150px;
	height:420px;
	position:relative;
	overflow:hidden;
	margin:0;
}
@media screen and (max-width:1249px){
#BLOCK-04 .BoxPackshots .Step .Packshot{
	width:12vw;
	height:33.6vw;
}	
}
@media screen and (max-width:1023px){
#BLOCK-04 .BoxPackshots .Step .Packshot{
	width:20vw;
	height:60vw;
}	
}
@media screen and (max-width:761px){
	#BLOCK-04 .BoxPackshots .Step .Packshot{
		width:16vw;
		height:50vw;
	}	
	}
#BLOCK-04 .Packshot img{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	transition:opacity 0.2s ease-out;
}
/*------------------------------------------------*/
#BLOCK-05{
	background-image:url(img/header-3.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:338px;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	z-index:1;
}

@media screen and (max-width:1249px){
#BLOCK-05{
	background-position:top left -375px;
}
}

@media screen and (max-width:1023px){
#BLOCK-05{
	height:70vw;
	align-items:center;
	background-size:auto 70vw;
	background-position:top left -80vw;
}
}

#BLOCK-05 .Title{
	padding:0;
	max-width:1170px;
	flex-basis:100%;
	margin:30px 40px;
	z-index:1;
	font-size:45px;
	line-height:65px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#202147;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.15em;
	position:relative;
}

@media screen and (max-width:1023px){
#BLOCK-05 .Title{
	margin:0 5.33vw;

	font-size:8vw;
	line-height:1.44em;max-width:100%;

}
}
#BLOCK-05 .StepNum{
	color:#eba746;
	position:absolute;
	top:-90px;
	left:120px;
	z-index:-1;
}
@media screen and (max-width:1023px){
#BLOCK-05 .StepNum{
	top:-10vw;
	left:32vw;
}
}
/*------------------------------------------------*/
#BLOCK-06{
	background-color:#fae19f;
	height:545px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	z-index:2;
}
@media screen and (max-width:1249px){
#BLOCK-06 {
	height:43.6vw;
}	
}

@media screen and (max-width:1023px){
#BLOCK-06 {
	height:auto;
	display:block;
}
#BLOCK-06::after{
	background-color:#faf3e3;
	content:" ";
	bottom:0;
	z-index:1;
	width:100vw;
	left:0;
	height:30vw;
	position:absolute;
}
}
#BLOCK-06 .Packshots{
	display:flex;
	flex:1;
	max-width:785px;
	flex-basis:calc(100% - 490px);
}
@media screen and (max-width:1249px){
#BLOCK-06 .Packshots{
	flex-basis:calc(100% - 490px - 3.2vw);
	margin-left:calc(40px - 1.6vw);
	margin-right:calc(40px - 1.6vw);
}
}
@media screen and (max-width:1023px){
#BLOCK-06 .Packshots{
	flex:1;
	margin-left:5.33vw;
	margin-right:5.33vw;
}
}
#BLOCK-06 .Packshots a{
	margin:20px;
}
#BLOCK-06 .Packshots a:nth-child(1){
	margin-top:-30px;
}
#BLOCK-06 .Packshots a:nth-child(2){
	margin-top:77px;
}
#BLOCK-06 .Packshots a:nth-child(3){
	margin-top:-77px;
}

@media screen and (max-width:1249px){
	#BLOCK-06 .Packshots a{
	margin:1.6vw;
	}
	#BLOCK-06 .Packshots a:nth-child(1){
	margin-top:-4vw;
	}
	#BLOCK-06 .Packshots a:nth-child(2){
		margin-top:6.16vw;
	}
}
	
#BLOCK-06 .Packshots img{
	width:100%;
	display:block;
}
#BLOCK-06 .Content{
	flex-basis:425px;
	color:#23203f;
	padding-top:20px;
	font-size:16px;
	line-height:1.4em;
}
@media screen and (max-width:1249px){
#BLOCK-06 .Content{
	margin-right:40px;
}	
}

@media screen and (max-width:1023px){
#BLOCK-06 .Content{
	margin:5.33vw;
	padding-top:0;
}	
}
#BLOCK-06 .Content .SubTitle{
	margin:0;
	    color: #23203f;
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0.15em;
    font-size: 30px;
    line-height: 1.2em;
    margin-top: -58px;
}
@media screen and (max-width:1023px){
#BLOCK-06 .Content .SubTitle{
	font-size:5.33vw;  
	margin-top: -14vw;
}	
}
#BLOCK-06 .ContentPlainBox{
	background-color:#eba746;
	padding:40px;
	margin-top:40px;
}
@media screen and (max-width:1023px){
#BLOCK-06 .ContentPlainBox{  
	margin-bottom: 0;
	z-index:2;
	position:relative;margin-top:14vw;
}	
}

#BLOCK-06 .Content .Text a{
	color:#23203f;
    font-weight: 700;
    display: inline-block;
    border-bottom: 1px solid;
    line-height: 1em;
}
#BLOCK-06 .Content strong{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	font-weight:bold;
}

#BLOCK-06  .Text strong{
	color:#eba646;
}
#BLOCK-06  .ContentPlainBox .Text strong{
	color:#23203f;
}

/*------------------------------------------------*/
#BLOCK-07{
	background-color:#faf3e3;
	height:auto;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	z-index:1;
	padding-bottom:40px;
}
@media screen and (max-width:1249px){
#BLOCK-07{
    padding-left: 40px;
    padding-right: 40px;
}
	
}

@media screen and (max-width:1023px){
#BLOCK-07{
    padding: 5.33vw;
 padding-top: 400px;
    display: block;
    margin-top: -190px;
}
		
}
#BLOCK-07 .ContentBorderBox{
    flex-basis: calc(50% + 200px);
    max-width: 862px;
    color: #23203f;
    text-align: right;
    font-size: 16px;
    line-height: 1.4em;
    border: 5px solid #e8a846;
    padding: 40px;
    box-sizing: border-box;
    margin: 40px;
    margin-top: 284px;
	padding-right:110px;
}
@media screen and (max-width:1249px){
#BLOCK-07 .ContentBorderBox{
	padding-right:6vw;/*8.8vw;*/
	 margin: 0px;
	margin-top: 23.2vw;
	flex-basis: 68.2vw; 
}
	
}
@media screen and (max-width:1023px){
#BLOCK-07 .ContentBorderBox{
text-align: left;
    margin: 0;
    padding: 5.33vw;
    margin-top: -40px;
    padding-top: 40px;
}
	
}
#BLOCK-07 .ContentBorderBox .SubTitle{
	margin:0;
	color:#e8a846;
	text-transform:uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:0.15em;	
	font-size:30px;	line-height:1.2em;
}
@media screen and (max-width:1023px){
#BLOCK-07 .ContentBorderBox .SubTitle{
	font-size:5.33vw;  
}	
}
#BLOCK-07 .ContentBorderBox strong{
	color:#eba646;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	font-weight:bold;
}
#BLOCK-07 .Ingredient	{
    flex-basis: 50%;
    max-width: 585px;
    position: relative;
    margin-left: -280px;
    z-index: 2;
}
@media screen and (max-width:1249px){
#BLOCK-07 .Ingredient {
    width:40.44vw; 
	margin-left: -22.4vw;
}	
}
@media screen and (max-width:1023px){
#BLOCK-07 .Ingredient {
    position: absolute;
    top: 120px;
    left: calc(50vw - 140px);
    margin: 0;
    height: 280px;
    width: 280px;
}	
}
#BLOCK-07 .Ingredient img{
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    left: 70px;
}


@media screen and (max-width:1249px){
#BLOCK-07 .Ingredient img{
    width: 38.24vw;
    left: 8.2vw;
}	
}

@media screen and (max-width:1023px){
#BLOCK-07 .Ingredient img{
     width:280px;
    left:0;
}	
}
#BLOCK-07 .Ingredient .IngredientName:nth-child(2){
   position:absolute;
   top:204px;
   left:20px;
   margin:0;
   width:80px;
   line-height:1.2em;
}
@media screen and (max-width:1249px){
#BLOCK-07 .Ingredient .IngredientName:nth-child(2){
  top: 15vw;
    left: auto;
    right: 35vw;
}	
}
@media screen and (max-width:1023px){
#BLOCK-07 .Ingredient .IngredientName:nth-child(2){
        top: 172px;
    left: auto;
    right: calc(50% + 70px);
    text-align: right;
}	
}
#BLOCK-07 .Ingredient .IngredientName:nth-child(3){
   position:absolute;
   top:370px;
   left:430px;   
   margin:0;
}
@media screen and (max-width:1249px){
#BLOCK-07 .Ingredient .IngredientName:nth-child(3){
      top:28.6vw;
   left:36.6vw; 
}	
}
@media screen and (max-width:1023px){
#BLOCK-07 .Ingredient .IngredientName:nth-child(3){
   top: 60px;
   left: calc(50% + 100px); 
}	
}
/*------------------------------------------------*/
#BLOCK-08{
	height:505px;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:1;
	overflow:hidden;
}
@media screen and (max-width:1023px){
	#BLOCK-08{
	height:84vw;
	max-height:505px;
}
	
}
#BLOCK-08 .Background{
	position:absolute;
	width:1600px;
	left:calc(50% - 800px);
	top:0;
	z-index:1;
	
}
#BLOCK-08 .Background img{
	position:absolute;
	display:block;
	top:0;
	left:0;
	order:1;
	opacity:0;transition:opacity 0.5s ease-in-out;
}
#BLOCK-08 .Background img[data-selected="1"]{
	order:3;
	opacity:1;	
	
}
#BLOCK-08 .Background img[data-selected="0"]{
	order:2;
	opacity:0;
}
#BLOCK-08 .Content{
	background-color:#faf3e3;
	padding:40px;
	max-width:700px;
	box-sizing:border-box;
	position:relative;z-index:2;
}
@media screen and (max-width:1023px){
#BLOCK-08 .Content{
	margin:5.33vw;
}
	
}
#BLOCK-08 span{
	font-size:108px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#202147;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	line-height:120px;
	top:0;
	left:-10px;
	position:absolute;
}
#BLOCK-08 .CitationText{
	font-size:26px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#202147;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	letter-spacing:0.15em;
	line-height:1.6em;
}
@media screen and (max-width:1023px){
#BLOCK-08 .CitationText{
		font-size:3.5vw;
}
	
}
#BLOCK-08 .CitationAuthor{
	font-size:20px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#202147;
	text-transform:uppercase;
	font-weight:bold;
	margin:0;
	letter-spacing:0.15em;
	line-height:1.4em;
	text-align:right;
	padding-top:20px;
	padding-bottom:0px;
}
@media screen and (max-width:1023px){
#BLOCK-08 .CitationAuthor{
		font-size:2.5vw;
			padding-top:2.5vw;
	padding-bottom:0px;
}
	
}
/*------------------------------------------------*/
#BLOCK-09{
	background-image:url(img/header-5.jpg);	background-color:#dce4f5;
	background-repeat:no-repeat;
	background-position:top center;
	height:645px;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:1;
}
@media screen and (max-width:1249px){
#BLOCK-09{
	background-position:top left -175px;
}
}
@media screen and (max-width:1023px){
#BLOCK-09{
	height:78vw;
	align-items:center;
	background-size:auto 78vw;
	background-position:top left -55vw;
}
}
#BLOCK-09 .Title{
	padding:0;
	max-width:1170px;
	flex-basis:100%;
	margin:30px 40px;
	margin-top:145px;
	z-index:1;
	font-size:45px;
	line-height:65px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#202147;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.15em;
	position:relative;
}
@media screen and (max-width:1023px){
#BLOCK-09 .Title{
    margin: 0 5.33vw;
    padding-top:35vw;
    font-size: 8vw;
    line-height: 1.44em;
    max-width: 100%;

}
}
#BLOCK-09 .StepNum{
	color:#a4a2ca;
	position:absolute;
	top:-200px;
	left:-10px;
	z-index:-1;
}


@media screen and (max-width:1023px){
#BLOCK-09 .StepNum{
	top:2vw;
	left:0vw;
}
}
/*------------------------------------------------*/
#BLOCK-10{
	background-color:#dce4f5;
	height:617px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	z-index:2;
}
@media screen and (max-width:1249px){
#BLOCK-10{
	height:auto;
}
}
@media screen and (max-width:1023px){
#BLOCK-10{
	height:auto;
	display:block;
	/*padding:5.33vw;;*/
	paddinbg-top:5.33vw;
}
#BLOCK-10::after{
	background-color:#f1f4ff;
	content:" ";
	bottom:0;
	z-index:1;
	width:100vw;
	left:0;
	height:30vw;
	position:absolute;
}
}
#BLOCK-10 .Packshots{
	display:flex;
	flex:1;
	max-width:785px;	
	flex-basis:calc(100% - 490px);
}

@media screen and (max-width:1249px){
#BLOCK-10 .Packshots{
	flex-basis:calc(100% - 490px - 3.2vw);
	margin-left:calc(40px - 1.6vw);
	margin-right:calc(40px - 1.6vw);margin-bottom:-120px;
}
}
@media screen and (max-width:1023px){
@media screen and (max-width:1023px){
#BLOCK-10 .Packshots{
	flex:1;
	margin:0;
	margin-left:5.33vw;
	margin-right:5.33vw;
}
}
}
#BLOCK-10 .Packshots a{
	margin:20px;
	display:block;
}
#BLOCK-10 .Packshots a:nth-child(1){
	margin-top:-50px;
}
#BLOCK-10 .Packshots a:nth-child(2){
	margin-top:77px;
}
#BLOCK-10 .Packshots a:nth-child(3){
	margin-top:-50px;
}

@media screen and (max-width:1249px){
	#BLOCK-10 .Packshots a{
	margin:1.6vw;
}
#BLOCK-10 .Packshots a:nth-child(1){
	margin-top:-4vw;
}
#BLOCK-10 .Packshots a:nth-child(2){
	margin-top:6.16vw;
}
#BLOCK-10 .Packshots a:nth-child(3){
	margin-top:-4vw;
}
}
@media screen and (max-width:1023px){
	#BLOCK-10 .Packshots a{
	margin:1.6vw;
}
#BLOCK-10 .Packshots a:nth-child(1){
	margin-top:4vw;
}
#BLOCK-10 .Packshots a:nth-child(2){
	margin-top:20vw;
}
#BLOCK-10 .Packshots a:nth-child(3){
	margin-top:-12vw;
}
}	
#BLOCK-10 .Packshots img{
	width:100%;display:block;

}
#BLOCK-10 .Content{
	flex-basis:425px;
	color:#23203f;
	padding-top:20px;
	font-size:16px;
	line-height:1.4em;
}
@media screen and (max-width:1249px){
#BLOCK-10 .Content{
	margin-right:40px;
margin-bottom:-120px;
}	
}
@media screen and (max-width:1023px){
#BLOCK-10 .Content{
	margin:0px 5.33vw;
	position:relative;
	z-index:2;
}	
}
#BLOCK-10 .Content .Text a{
	color:#23203f;
    font-weight: 700;
    display: inline-block;
    border-bottom: 1px solid;
    line-height: 1em;
}
#BLOCK-10 .Content .Text strong{
	color:#a4a2cb;
}

#BLOCK-10 .Content .SubTitle{
	margin:1.em 0;
	color:#23203f;
	text-transform:uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:0.15em;	
	font-size:30px;
	line-height:1.2em;

}
@media screen and (max-width:1023px){
#BLOCK-10 .Content .SubTitle{
	font-size:5.33vw;  

}	
}
#BLOCK-10 .ContentPlainBox{
	background-color:#ffffff;
	padding:40px;
	margin-top:80px;
}
@media screen and (max-width:1023px){
#BLOCK-10 .ContentPlainBox{
	/*padding:10.6vw;*/
}	
}
#BLOCK-10 .ContentPlainBox::before{
	content:" ";
	background-image:url(img/pictos.png);
	width:100%;
	height:82px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-top:-90px;
	display:block;
}
#BLOCK-10 .Content .ContentPlainBox .Text strong{
	color:#23203f;
}
#BLOCK-10 .Content strong{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	font-weight:bold;
}
/*------------------------------------------------*/
#BLOCK-11{
	background-color:#f1f4ff;
	overflow:hidden;
	display:flex;
	justify-content:center;
	z-index:1;
}
@media screen and (max-width:1249px){
	#BLOCK-11 	{
	/*margin-top:-40vw;	*/
padding-left:40px;
padding-right:40px;
}
}
@media screen and (max-width:1023px){
#BLOCK-11{
padding:0 5.33vw;
display:block;
padding-top:50px;
}	
}
#BLOCK-11 .Content	{
	padding-top:300px;
	max-width:585px;
	flex-basis:calc(50% - 40px);
	padding-bottom:50px;
}
@media screen and (max-width:1249px){
	#BLOCK-11 .Content	{
	margin-left:0px;	
	flex-basis:calc(100vw - 580px);
	padding-top:40px;
	align-self:flex-end;z-index:2;
}
}
@media screen and (max-width:1023px){
	#BLOCK-11 .Content	{
	padding:0;margin:0;
}
}

@media screen and (max-width:1023px){
	#BLOCK-11 .Content .BtnLink{
	/*margin:0 auto;*/
	position:relative;
	z-index:2;
}
	
}
#BLOCK-11 .Content	.Video{
	position:relative;
	display:block;
}
#BLOCK-11 .Content	.Video img{
	position:relative;
	display:block;
}
@media screen and (max-width:1249px){
#BLOCK-11 .Content	.Video img{
	max-width:100%;
}
}
#BLOCK-11 .Content	.Video::before{
	content:" ";
	background-image:url(img/play-btn.png);
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	position:absolute;
	background-position:center center;
	top:0;
	left:0;
	cursor:pointer;
	pointer-events:none;
	z-index:1;
}
#BLOCK-11 .Ingredient	{
	flex-basis:50%;
	max-width:585px;	
	position:relative;
}
@media screen and (max-width:1249px){
#BLOCK-11 .Ingredient {
 height:800px;
z-index:1;
}
}
@media screen and (max-width:1023px){
#BLOCK-11 .Ingredient {
 height:200px;
z-index:1;
margin-top:-30px;
z-index:1;
}
}
#BLOCK-11 .Ingredient img{
	height:100%;
	width:auto;
	position:absolute;
	top:0;
	left:0;
}
@media screen and (max-width:1023px){
#BLOCK-11 .Ingredient img{
height: 300px;
    width: auto;
    position: absolute;
    top: 0;
    left: calc(50% - 130px);

}
}
#BLOCK-11 .Ingredient .IngredientName:nth-child(2){
   position:absolute;
   top:734px;
   left:200px;   margin:0;
   line-height:1.2em;
}
#BLOCK-11 .Ingredient .IngredientName:nth-child(3){
   position:absolute;
    top:604px;
   left:550px;   margin:0;
   color:#fff;
   width:100px;  line-height:1.2em;
}
@media screen and (max-width:1249px){
#BLOCK-11 .Ingredient .IngredientName:nth-child(2){
   top:614px;
   left:180px;
}
#BLOCK-11 .Ingredient .IngredientName:nth-child(3){
    top:494px;
   left:450px;
}
}
@media screen and (max-width:1023px){
#BLOCK-11 .Ingredient .IngredientName:nth-child(2){
   top:84px;
       left: calc(50% - 160px);
}
#BLOCK-11 .Ingredient .IngredientName:nth-child(3){
    top: 30px;
    left: calc(50% + 100px);
    color: #23203f;
	   
}
}

#BLOCK-11 .Content .SubTitle{
	margin:1em 0;
	color:#a4a2cb;
	text-transform:uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:0.15em;	
	font-size:30px;
	line-height:1.2em;
}
@media screen and (max-width:1023px){
#BLOCK-11 .Content .SubTitle{
	font-size:5.33vw;  

}	
}
#BLOCK-11 .Content .Text{
	font-size:16px;
	line-height:1.4em;	
	color:#202147;
	margin:0;
	margin-bottom:40px;
}

#BLOCK-11 .Content strong{
	color:#a4a2cb;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	font-weight:bold;
}
/*------------------------------------------------*/
#BLOCK-12{
	background-color:#f9f2e3;

	display:flex;
	justify-content:center;
	align-items:center;
	z-index:1;
}
@media screen and (max-width:1023px){
#BLOCK-12{
    flex-wrap: wrap;
    height: 387px;
}
}
@media screen and (max-width:761px){
#BLOCK-12{
	display:block;
	height:auto;
}
}
#BLOCK-12 .Photo{
	position:relative;
	display:block;	
	z-index:1;
	flex-basis:50%;max-width:585px;
}
@media screen and (max-width:1023px){
#BLOCK-12 .Photo{
    flex: 1;
    overflow: hidden;
    height: 100%;
}
}
#BLOCK-12 .Photo img{
	position:relative;
	display:block;
	max-width:100%;
}
@media screen and (max-width:1023px){
#BLOCK-12 .Photo img{
  max-width:none;

  float:right;
  
}
}
@media screen and (max-width:761px){
#BLOCK-12 .Photo img{
  max-width:100%;
  margin:0;
  float:none;
}
}
#BLOCK-12 .Content .SubTitle{
	margin:0;
	color:#202147;
	text-transform:uppercase;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:0.15em;	
	font-size:30px;
	line-height:1.4em;
}
@media screen and (max-width:1023px){
#BLOCK-12 .Content .SubTitle{
	font-size:5.33vw;  

}	
#BLOCK-12 .Content br{
	display:none;

}	
}
#BLOCK-12 .Content{	
z-index:2;flex-basis:calc(50% + 50px);max-width:635px;
position:relative;
	margin-left:-50px;
}
@media screen and (max-width:1023px){
#BLOCK-12 .Content{
	margin:0;
	padding:5.33vw;
}
}
#BLOCK-12 .Content .Text{
	font-size:16px;
	line-height:1.4em;	
	color:#202147;
	margin:0;
	margin-bottom:40px;
}
@media screen and (max-width:1023px){
#BLOCK-12 .Content .Text{
		margin-bottom:0px;
}
}/*------------------------------------------------*/
#BLOCK-13{
	display:flex;
	justify-content:center;
	align-items:flex-end;
	z-index:1;
	flex-wrap:wrap;
	padding-top:50px;
	background-color: #fafdff;
	text-align: center;
}
@media screen and (max-width:1023px){
#BLOCK-13{
	padding-top:5.33vw;align-items:flex-start;
}
}
#BLOCK-13 .Bottom{
	flex-basis:100%;
	text-align:center;
	padding-bottom:50px;	order:7;
}
#BLOCK-13 .Bottom .BtnLink{
	margin:0 auto;
}
#BLOCK-13 .LeftCol{
	order:1;
	flex-basis:166px;
	margin-right:15px;padding-bottom:110px;
}
#BLOCK-13 .RightCol{
	order:6;
	flex-basis:166px;
	margin-left:15px;
	padding-bottom:110px;
}

@media screen and (max-width:1249px){
#BLOCK-13 .LeftCol{
	flex:1;margin-left:20px;padding-bottom:10px;
}
#BLOCK-13 .RightCol{
		flex:1;;margin-right:20px;padding-bottom:10px;
}
}
@media screen and (max-width:1023px){
#BLOCK-13 .LeftCol{
	padding:0;
	flex-basis:calc(50% - 10.66vw);margin:5.33vw;margin-right:2.66vw;margin-top:0;
	order:8;
}
#BLOCK-13 .RightCol{
	padding:0;
	flex-basis:calc(50% - 10.66vw);margin:5.33vw;margin-left:2.66vw;margin-top:0;
	order:9;
}
}
#BLOCK-13 .LeftCol .Button,
#BLOCK-13 .RightCol .Button{
	color:#202147;
	font-size:18px;
	line-height:1.2em;	
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	display:block;
	text-align:center;
	letter-spacing:0.15em;
	padding-top:20px;
	opacity:0.5;
	cursor:pointer;
}

@media screen and (max-width:1249px){
#BLOCK-13 .LeftCol .Button,
#BLOCK-13 .RightCol .Button{
    font-size: 1.5vw;
}
}

@media screen and (max-width:1023px){
#BLOCK-13 .LeftCol .Button,
#BLOCK-13 .RightCol .Button{
   font-size: 14px;
   padding-top:0;
   display:none;
   position:relative;
}
}
#BLOCK-13 .LeftCol .Button:hover,
#BLOCK-13 .RightCol .Button:hover{
	opacity:1;
}
#BLOCK-13 .LeftCol .Button[data-selected="1"],
#BLOCK-13 .RightCol .Button[data-selected="1"]{
	opacity:1;
		cursor:default;
}
@media screen and (max-width:1023px){
#BLOCK-13 .LeftCol .Button[data-selected="1"],
#BLOCK-13 .RightCol .Button[data-selected="1"]{
   display:block;
}
}
#BLOCK-13 .LeftCol .Button img,
#BLOCK-13 .RightCol .Button img{
	display:block;
	margin:0 auto;
}
#BLOCK-13 .MobileArrowLeft,
#BLOCK-13 .MobileArrowRight{
	display:none;
}
@media screen and (max-width:1023px){
#BLOCK-13 .MobileArrowLeft{
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:50px;
	height:70px;
	display:block;
		position:absolute;
	top:calc(9vw - 35px);
	left:0;
}
#BLOCK-13 .MobileArrowRight{
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:50px;
	height:70px;
	transform:scaleX(-1);display:block;
	position:absolute;
	top:calc(9vw - 35px);
	right:0;
}
}
@media screen and (max-width:1023px){
#BLOCK-13 .LeftCol .Button img,
#BLOCK-13 .RightCol .Button img{
  width:18vw;
}
}
#BLOCK-13 .LeftProduct{
	margin:0 35px;
	order:2;
}
#BLOCK-13 .RightProduct{
	margin:0 35px;
	order:3;
}
@media screen and (max-width:1023px){
#BLOCK-13 .LeftProduct{
	margin:0 2.5vw;
	order:1;
}
#BLOCK-13 .RightProduct{
	margin:0 2.5vw;
	order:2;
}
}

#BLOCK-13 .LeftProduct .Packshot,
#BLOCK-13 .RightProduct .Packshot{
	position:relative;
	width:256px;
	height:536px;
	display:block;
	overflow:hidden;
}

@media screen and (max-width:1249px){
#BLOCK-13 .LeftProduct .Packshot,
#BLOCK-13 .RightProduct .Packshot{
	width:20.48vw;
	height:42.88vw;
}
}

@media screen and (max-width:1023px){
#BLOCK-13 .LeftProduct .Packshot,
#BLOCK-13 .RightProduct .Packshot{
	width:40.8vw;
	height:85.6vw;
}
}
#BLOCK-13 .LeftProduct .Packshot a,
#BLOCK-13 .RightProduct .Packshot a{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
}
#BLOCK-13 .LeftProduct img,
#BLOCK-13 .RightProduct img{
	width:100%;
	display:block;
}
#BLOCK-13 .LeftProduct .BtnLink,
#BLOCK-13 .RightProduct .BtnLink{
	margin-left:auto;
	margin-right:auto;
}
#BLOCK-13 .ProductName{
	margin:0;
	width:100%;
	display:flex;
	height:87px;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;	
	color:#202147;
	font-size:14px;
	text-align:center;
	line-height:1.4em;	letter-spacing:0.15em;
}
@media screen and (max-width:1023px){
	#BLOCK-13 .ProductName{
    font-size:2vw;
    height: 12vw;
}
}
#BLOCK-13 .Product{
	display:none;
}
#BLOCK-13 .Product[data-selected="1"]{
	display:block;
}

#BLOCK-13 .RemoverProduct{
	margin:15px;
	order:2;
	max-width:180px;    position: relative;
}

#BLOCK-13 .RemoverProduct .Product{
	width:180px;
}


#BLOCK-13 .RemoverProduct::after{
    content: "+";
    position: absolute;
    bottom: 290px;
    font-size: 76px;
    line-height: 150px;
    vertical-align: middle;
    color: #202147;
    font-weight: bold;
    left: calc(100% - 15px);
    width: 60px;
}
#BLOCK-13 .CleanserProduct{
	margin:15px;
	order:3;
	max-width:180px;    position: relative;
}
#BLOCK-13 .CleanserProduct::after{
	content:"OU";
	position:absolute;
    bottom:290px;
	font-size:25px;
	line-height:150px;
	vertical-align: middle;
	color:#202147;
	left: calc(100% - 15px);
    width: 60px;
}
#BLOCK-13 .CleansingMousse{
	margin:15px;
	order:4;
	max-width:180px;    position: relative;
}
#BLOCK-13 .CleansingMousse::after{
	content: "+";
    position: absolute;
    bottom: 290px;
    font-size: 76px;
    line-height: 150px;
    vertical-align: middle;
    color: #202147;
    font-weight: bold;
    left: calc(100% - 15px);
    width: 60px;
}
#BLOCK-13 .LotionProduct{
	margin:15px;
	order:5;
	max-width:180px;    position: relative;
}
#BLOCK-13 .Packshot img{
	display:block;
	/*max-width:100%;*/
	height:460px;
	margin: 0 auto;
}
@media screen and (max-width:1249px){
	#BLOCK-13 .Packshot img{
		height:30vw;
	}
}
@media screen and (max-width:1249px){
#BLOCK-14{
	background-position:top left -175px;
}
}

@media screen and (max-width:1249px){
	#BLOCK-13 .Product{
		max-width: 12vw;
		flex-basis: 12vw;
	}

	
#BLOCK-13 .RemoverProduct::after,
#BLOCK-13 .CleanserProduct::after,
#BLOCK-13 .CleansingMousse::after{
    bottom: 17vw;

}
}

@media screen and (max-width:1023px){
	#BLOCK-13 .Product{
		max-width: 20vw;
		flex-basis:20vw;
	}

	
#BLOCK-13 .RemoverProduct::after,
#BLOCK-13 .CleanserProduct::after,
#BLOCK-13 .CleansingMousse::after{
    bottom: 17vw;

}
}

@media screen and (max-width:761px){
	#BLOCK-13 .RemoverProduct,
#BLOCK-13 .CleanserProduct,
#BLOCK-13 .CleansingMousse,
	#BLOCK-13 .LotionProduct{
		display:none;
	}

}
/*------------------------------------------------*/
.MyContent .slickCarouselMobile{
	display:none;
}
@media screen and (max-width:761px){
	.MyContent .slickCarouselMobile{
		margin:0 auto;
		display:block;
		background-color: #fafdff;
		padding-bottom:40px;
	
	}
}

.MyContent .slick-dots{
bottom:0;

}



.MyContent .slickCarouselMobile .Product{
	display:none;
}
.MyContent .slickCarouselMobile .Product[data-selected="1"]{
	display:inline-block;

}


.MyContent .slickCarouselMobile .Packshot{
	display:block;
	height:300px;
	margin: 0 auto;
	position:relative;
	z-index:2;
	overflow:hidden;
}

.MyContent .slickCarouselMobile .Packshot img{
	display:block;
	/*max-width:100%;*/
	height:400px;
	margin: 0 auto;

}
.MyContent .slickCarouselMobile .routineSlide{
	position:relative;
	text-align:center;
	padding:20px 0;
	white-space: nowrap;

	
}
.MyContent .slickCarouselMobile .routineSlide>div{
	position:relative;
	display:inline-block;
	z-index:2;
	
}
.MyContent .slickCarouselMobile .StepNum{
	position:absolute;
	z-index:1;
	color:#4d80b5;
	left: 60%;
    bottom: 180px;
}
.MyContent .slickCarouselMobile .routineSlide[data-nbproducts="2"]  .StepNum{
	position:absolute;
	z-index:1;
	color:#4d80b5;
	left: calc(50% - 60px);
    bottom: 180px;
}
.MyContent .slickCarouselMobile .BtnLink{
	max-width:140px;
	margin:0 auto;
}

.MyContent .slickCarouselMobile .ProductName{
	margin:0;
	width:100%;
	display:flex;
	height:87px;
	justify-content:center;
	align-items:center;
	text-transform:uppercase;	
	color:#202147;
	font-size:14px;
	text-align:center;
	line-height:1.4em;	letter-spacing:0.15em;
	white-space: normal;
}
/*------------------------------------------------*/

#BLOCK-14{
	background-image:url(img/header-6.jpg);	background-color:#e0ecd9;
	background-repeat:no-repeat;
	background-position:top center;
	height:577px;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:1;

}
@media screen and (max-width:1249px){
#BLOCK-14{
	background-position:top left -175px;
}
}
@media screen and (max-width:1023px){
#BLOCK-14{
	height:78vw;
	align-items:center;
	background-size:auto 78vw;
	background-position:top left -55vw;
}
}
#BLOCK-14 .Title{
	padding:0;
	max-width:1170px;
	flex-basis:100%;
	margin:30px 40px;
	margin-top:145px;
	z-index:1;
	font-size:45px;
	line-height:65px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	color:#202147;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.15em;
	position:relative;
}
@media screen and (max-width:1023px){
#BLOCK-14 .Title{
    margin: 0 5.33vw;
    padding-top:35vw;
    font-size: 8vw;
    line-height: 1.44em;
    max-width: 100%;

}
}
#BLOCK-14 .StepNum{
	color:#93c69b;
	position:absolute;
	top:-200px;
	left:-10px;
	z-index:-1;
}


@media screen and (max-width:1023px){
#BLOCK-14 .StepNum{
	top:2vw;
	left:0vw;
}
}


/*------------------------------------------------*/
#BLOCK-15{
	background-color:#e0ecd9;
	height:685px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	z-index:2;
}
@media screen and (max-width:1249px){
#BLOCK-15 {
	height:43.6vw;
}	
}

@media screen and (max-width:1023px){
#BLOCK-15 {
	height:auto;
	display:block;
	padding-bottom:10px;
}
#BLOCK-15::after{
	background-color:#e0ecd9;
	content:" ";
	bottom:0;
	z-index:1;
	width:100vw;
	left:0;
	height:30vw;
	position:absolute;
}
}
#BLOCK-15 .Packshots{
	display:flex;
	flex:1;
	max-width:785px;
	flex-basis:calc(100% - 490px);
	flex-wrap:wrap;
	justify-content: center;
}
@media screen and (max-width:1249px){
#BLOCK-15 .Packshots{
	flex-basis:calc(100% - 490px - 3.2vw);
}
}
@media screen and (max-width:1023px){
#BLOCK-15 .Packshots{
	flex:1;
	margin-left:5.33vw;
	margin-right:5.33vw;
}
}
#BLOCK-15 .Packshots a{
	margin:5px;
	max-width:250px;
}


#BLOCK-15 .Packshots a:nth-child(1){
	margin-top:30px;
}
#BLOCK-15 .Packshots a:nth-child(2){
	margin-top:-400px;
}
#BLOCK-15 .Packshots a:nth-child(3){
	margin-top:30px;
}
#BLOCK-15 .Packshots a:nth-child(4){
	margin-top:-360px;
}

@media screen and (max-width:1249px){
	#BLOCK-15 .Packshots a{
		margin: 0vw;
		max-width: 18vw;
	}

	#BLOCK-15 .Packshots a:nth-child(1){
		margin-top:-4vw;
	}
	#BLOCK-15 .Packshots a:nth-child(2){
		margin-top:-20vw;
	}
	#BLOCK-15 .Packshots a:nth-child(3){
		margin-top:-4vw;
	}
	#BLOCK-15 .Packshots a:nth-child(4){
		margin-top:-15vw;
	}
}
@media screen and (max-width:1023px){
	#BLOCK-15 .Packshots a{
		margin: 0vw;
		max-width: 18vw;
	}

	#BLOCK-15 .Packshots a:nth-child(1){
		margin-top:-2vw;
	}
	#BLOCK-15 .Packshots a:nth-child(2){
		margin-top:-8vw;
	}
	#BLOCK-15 .Packshots a:nth-child(3){
		margin-top:-2vw;
	}
	#BLOCK-15 .Packshots a:nth-child(4){
		margin-top:-6vw;
	}
}

@media screen and (max-width:761px){
	#BLOCK-15 .Packshots a{
		margin: 0vw;
		max-width: 28vw;
	}

	#BLOCK-15 .Packshots a:nth-child(1){
		margin-top:30vw;
	}
	#BLOCK-15 .Packshots a:nth-child(2){
		margin-top:-8vw;
	}
	#BLOCK-15 .Packshots a:nth-child(3){
		margin-top:30vw;
	}
	#BLOCK-15 .Packshots a:nth-child(4){
		margin-top:-30vw;
	}
}	
#BLOCK-15 .Packshots img{
	width:100%;
	display:block;
}
#BLOCK-15 .Content{
	flex-basis:425px;
	color:#23203f;
	padding-top:20px;
	font-size:16px;
	line-height:1.4em;
}
@media screen and (max-width:1249px){
#BLOCK-15 .Content{
	margin-right:40px;
}	
}

@media screen and (max-width:1023px){
#BLOCK-15 .Content{
	margin:5.33vw;
	padding-top:0;
}	
}
#BLOCK-15 .Content .SubTitle{
	margin:0;
	    color: #23203f;
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0.15em;
    font-size: 30px;
    line-height: 1.2em;
    margin-top: -58px;
}
@media screen and (max-width:1023px){
#BLOCK-15 .Content .SubTitle{
	font-size:5.33vw;  
	margin-top: -14vw;
}	
}
#BLOCK-15 .ContentPlainBox{
	background-color:#ffffff;
	padding:40px;
	margin-top:90px;
}
@media screen and (max-width:1023px){
#BLOCK-15 .ContentPlainBox{  
	margin-bottom: 0;
	z-index:2;
	position:relative;margin-top:14vw;
}	
}

#BLOCK-15 .Content .Text a{
	color:#23203f;
    font-weight: 700;
    display: inline-block;
    border-bottom: 1px solid;
    line-height: 1em;
}
#BLOCK-15 .Content strong{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
	font-weight:bold;
}

#BLOCK-15  .Text strong{
	color:#68a070;
}
#BLOCK-15  .ContentPlainBox .Text strong{
	color:#68a070;
}

#BLOCK-15 .Ingredient	{
	top: 0px;
    left: calc(50% + 650px);
	position: absolute;
	height:755px;
	width: 200px;
}
#BLOCK-15 .Ingredient img{
	display:block;
}
#BLOCK-15 .IngredientName	{
	bottom: 10px;
    left: 120px;
    position: absolute;
    margin: 0;
}

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


#BLOCK-16{
	background-color:#f2f9ef;
	overflow:hidden;
	display:flex;
	justify-content:center;
	z-index:1;
	height:523px;
	background-image:url(img/texture-background.png) ;
	background-position: top center;
	background-repeat: no-repeat;
}
@media screen and (max-width:1249px){
	#BLOCK-16 	{
	/*margin-top:-40vw;	*/
	padding-left:40px;
	padding-right:40px;
}
}
@media screen and (max-width:1023px){
#BLOCK-16{
    padding: 0;
    display: block;
    background-size: 180vw;
    background-position: top left -30vw;
}	
}

@media screen and (max-width:761px){
	#BLOCK-16 {
		padding: 0;
		background-size: 240vw;
		background-position: top -25vw left -110vw;
		height: 50vw;
	}
}
#BLOCK-16 .Ingredient	{
	position: absolute;
    bottom: 0;
    right: calc(50% + 230px);
}
@media screen and (max-width:1249px){
	#BLOCK-16 .Ingredient	{
		right:calc(50% + 180px)
	}
}
@media screen and (max-width:1023px){
		#BLOCK-16 .Ingredient {
			right: auto;
			left: 30px;
		}
}
@media screen and (max-width:761px){
	#BLOCK-16 .Ingredient {
		display:none;
	}
}
#BLOCK-16 .Ingredient img	{
	display:block;
}
#BLOCK-16 .IngredientName	{
	bottom: 100px;
    left: 280px;
    position: absolute;
    margin: 0;
    text-align: left;
}
@media screen and (max-width:1249px){
	#BLOCK-16 .IngredientName	{
		bottom: 290px;
		left: auto;
		text-align: right;
		right: 280px;
	}
}
/*------------------------------------------------*/

#BLOCK-17{
	text-align:center;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-bottom:40px;
}
@media screen and (max-width:761px){

	#BLOCK-17{
	padding:20px;
	background-image: url(img/beauty-cafe-mobile.jpg);
	background-repeat: no-repeat;
	background-position: top 20px center;
	padding-top: 240px;
	padding-bottom: 40px;

	}
}
#BLOCK-17 .Photo{
	max-width:584px;
	flex-basis:50%;
}
@media screen and (max-width:761px){
	#BLOCK-17 .Photo{
		height:235px;
		overflow:hidden;
		position:relative;
	}
}
#BLOCK-17 .Photo img{
	display:block;
	max-width:100%;
}
@media screen and (max-width:761px){

	#BLOCK-17 .Photo {
		display:none;
	}
}
#BLOCK-17 .Title {
    padding: 0;
    max-width: 1170px;
    flex-basis: 100%;
    margin: 0px 40px;
    margin-top: -30px;
    z-index: 1;
    font-size: 45px;
    line-height: 65px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium","GothamMedium", Helvetica, Arial, sans-serif;
    color: #202147;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.15em;
    position: relative;
}
@media screen and (max-width:761px){
	#BLOCK-17 .Title {
		font-size: 30px;
    margin: 0;
    margin-top: -15px;
	}
}
#BLOCK-17 .Text {
    flex-basis: 100%;
    font-size: 16px;
    padding-top: 0px;
    margin: 0px;
    line-height: 24px;
}


#BLOCK-17 .BtnLink {
	padding-top:20px;
 }

/***DTW EDITS***/
#BLOCK-08 .CitationText {
    font-size: 25px;
}
#BLOCK-08 span {
    font-size: 74px;
    left: 1px;
}
#BLOCK-08 .Content {
    padding: 47px;
}
#BLOCK-14 .Title {
    font-size: 40px;
}
#BLOCK-04 .BoxPackshots .Step .StepText {
    font-size: 27px;
    letter-spacing: 0.15em;
    line-height: 25px;
    width: 500px;
    left: 56px;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepText {
    left: 74px;
}
#BLOCK-05 .Title {
    top: -11px;
}

#BLOCK-08 span {
    font-size: 74px;
    left: 12px;
}

#BLOCK-17 .Title {
    margin-top: 21px;
}
#BLOCK-14 .Title {
    margin-top: -26px;
    font-size: 32px;
    letter-spacing: 0.12em;
}
#BLOCK-11 .BtnLink {
    max-width: 251px;
}


/*Ipad Air 3 Landscape*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
#BLOCK-04 .BoxPackshots .Step .StepText {
    font-size: 23px;
    line-height: 20px;
    left: 43px;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepText {
    left: 53px;
}
#BLOCK-04 .BoxPackshots .Plus {
    left: 16vw;
}
#BLOCK-10 .ContentPlainBox {
    background-color: #ffffff;
    padding: 40px;
    margin-top: 80px;
    width: 500px;
    margin-bottom: 52px;
}
#BLOCK-10 .Content {
    padding-top: 106px;
}
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	#YTvideobox {
    	left: 6%;
    }
    #BLOCK-07 .Ingredient .IngredientName:nth-child(2) {
    	right: calc(56% + 70px);
    }
}

@media only screen and (max-width:761px) {
	#BLOCK-08 .CitationText {
    	font-size: 3.5vw;
	}
	#BLOCK-08 span {
    	font-size: 60px;
    	left: 2%;
    	top:-4%;
	}
	#BLOCK-14 .Title {
    	font-size: 5vw;
	}
	#BLOCK-07 .Ingredient .IngredientName:nth-child(2) {
    	right: calc(56% + 70px);
    }
    #BLOCK-06 .ContentPlainBox {
    width: 255px;
}
#BLOCK-04 .BoxPackshots .Step .StepText {
	font-size: 15px;
    left: 43px;
    line-height: 15px;
}
#BLOCK-04 .BoxPackshots .Plus {
    left: 24.7vw;
}
#BLOCK-04 .BoxPackshots .Step .Packshot {
    position: relative;
    left: 13px;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepNum {
    left: 25vw;
}
#BLOCK-04 .BoxPackshots .Plus:nth-child(4) {
    left: 59vw;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepText {
    left: 66px;
}
#BLOCK-04 .BoxPackshots .Step .StepNum {
    font-size: 17vw;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepNum {
    left: 27vw;
    font-size: 17vw;
}

#BLOCK-04 .BoxPackshots .Step:nth-child(3) .Packshot {
    position: relative;
    left: 26px;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(3) .StepText {
    left: 58px;
}
#BLOCK-04 .BoxPackshots .Step .StepNum {
    left: 23vw;
}
#BLOCK-04 .BoxPackshots .Step:nth-child(5) .StepNum {
    left: 22vw;
}
#BLOCK-11 .BtnLink {
    max-width: 253px;
}
#BLOCK-06 .ContentPlainBox p{
    width: 278px;
}
}