/*.breadcrumb {
	display: none!important;
}*/
/*#main:not(.main-homepage) {
	margin-top: 0px;
}*/
#main:not(.main-homepage) {
	margin-top: 61px;
}

@media screen and (max-width:761px) {
.MyContent .product-quickshop {
	display: block;
}
}
.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.75em;
	font-size: 16px;
}
.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;
	padding-top:35px;
}
@media screen and (max-width:761px) {
.MyContent .BtnLink {
	padding-top:0px;
}
}
.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 h2 {
	display: block;
	margin: 0;
	font-weight: normal;
}
.MyContent .MyBlock img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.MyContent .ContentBox {
	border: 5px solid #efefef;
	background-color: #fff;
	box-sizing: border-box;
	padding: 40px;
	position: relative;
}
.MyContent .Title {
	font-size: 35px;
	color: #be0f34;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;
	flex-basis: 100%;
}

@media screen and (max-width:1023px) {
.MyContent .Title {
	font-size: 30px;
}
}
.MyBlock {
	background-repeat: no-repeat;
	background-position: top center;
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	text-align:center;
}
.MyBlockBanner {
	background-repeat: no-repeat;
	background-position: top center;
	max-width: 1160px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	height: 290px;
	padding: 60px 100px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 12px;
	position:relative;
	overflow:hidden;
}
@media screen and (max-width:1023px) {
.MyBlockBanner {
	padding: 60px 60px;
}
}
@media screen and (max-width:761px) {
.MyBlockBanner {
	display:block;
}
}
.MyBlockBanner .Num {
	font-size: 60px;
	float: left;
	line-height: 1em;
	margin-right: 10px;
}
@media screen and (max-width:761px) {
.MyBlockBanner .Num {
	    font-size: 10vw;
}
}
.MyBlockBanner p.Text {
	margin: 0;
	font-size: 22px;
	display: flex;
	flex-basis: 50%;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 276px;
}
@media screen and (max-width:1023px) {
.MyBlockBanner p.Text {
		max-width: 265px;
}
.MyContent .Title{
	font-size: 27px !important;
}
}
@media screen and (max-width:761px) {
.MyBlockBanner p.Text {
	    font-size: 4vw;
		line-height:1.2em;
		flex-basis:4vw;
		padding-top:1vw;
}
}
.MyBlockBanner p.Red {
	color: #be0f34;
	flex-basis: 100%;
	max-width: 100%;
}
#PDP-DOUBLE-SERUM-1 {
	background-image: url(img/bloc-1-pdp.jpg);
	background-size:100% auto;
}
#PDP-DOUBLE-SERUM-2 {
	background-image: url(img/bloc-2-pdp.jpg);
	background-size:100% auto;
}
#PDP-DOUBLE-SERUM-3 {
	background-color:#f4e8d8;
}


@media screen and (max-width:761px) {
#PDP-DOUBLE-SERUM-1 {
	background-image: url(img/bloc-1-pdp-mobile.jpg);
	height: 50vw;
	padding: 5vw 5vw;
}
#PDP-DOUBLE-SERUM-2 {
	background-image: url(img/bloc-2-pdp-mobile.jpg);
	height: 50vw;
	padding: 5vw 5vw;
	padding-left: 50vw;
		padding-top: 10vw;
}
#PDP-DOUBLE-SERUM-3 {
	background-color:#f4e8d8;height: 50vw;

	padding: 5vw 5vw;
padding-right: 40vw;
}
}
#PACKSHOT-ANIM {
	z-index: 2;
	position: absolute;
	top: 250px;
	right: 170px;
}
@media screen and (max-width:761px) {
	#PACKSHOT-ANIM {
    top: 40vw;
    right: 0;
    transform: scale(0.5);    
}
}
#PACKSHOT-ANIM figure {
	z-index: 2;
	position: absolute;
	top: -130px;
	right: 20px;
	margin: 0;
	padding: 0
}
#PACKSHOT-ANIM .Infos {
	position: absolute;
	top: -230px;
	right: 20px;
	width: 241px;
	font-size: 12px;
	background-image: url(img/drag-arrow-start.png);
	background-repeat: no-repeat;
	background-position: bottom right -20px;
	height: 150px;
	margin: 20px 0;
	    text-align: center;
}

@media screen and (max-width:761px) {
#PACKSHOT-ANIM .Infos {
   font-size: 6vw;
}
}
#PackshotTopRotate {
	background-image: url(img/packshot-explore-the-product-top.png);
	width: 189px;
	height: 189px;
	background-repeat: no-repeat;
	position: absolute;
	top: 2px;
	left: 20px;
	transition: transform ease-in-out 0.5s;
}
#DragCursor .Step {
	position: absolute;
	background-image: url(img/drag-arrow-cursor.png);
	width: 37px;
	height: 37px;
	cursor: pointer;
	z-index: 1;
	font-size: 0;
	opacity: 0;
	background-color: #f4f1e9;
	border-radius: 50%;
}
#DragCursor .Step:nth-child(1) {
	left: 52px;
	top: -46px;
}
#DragCursor .Step:nth-child(2) {
	left: 90px;
	top: -50px;
	transform: rotate(5deg);
}
#DragCursor .Step:nth-child(3) {
	left: 128px;
	top: -46px;
	transform: rotate(15deg);
}
#DragCursor .Step:nth-child(4) {
	left: 164px;
	top: -30px;
	transform: rotate(30deg);
}
#DragCursor .Step:nth-child(5) {
	left: 193px;
	top: -4px;
	transform: rotate(50deg);
}
#DragCursor .Step:nth-child(6) {
	left: 213px;
	top: 28px;
	transform: rotate(70deg);
}
#DragCursor .Step[data-drag="1"] {
	opacity: 1;
}

/*--------------DTW-------------*/
.MyContent .Title{
	font-size: 29px;
}
@media screen and (max-width:761px) {
#PACKSHOT-ANIM .Infos{
	font-size: 4vw;
}
.MyContent .Testimony .Text{
	font-size: 24px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#DOUBLE-SERUM-BLOCK-04-PART-02 ul li{
    display: block;
    padding:35px;
}
}

/***DTW EDITS***/

@media only screen and (max-width: 761px){
	.MyBlockBanner p.Text{
		max-width: 190px;
	}

}


@media only screen and (min-width: 1024px){
	.MyBlockBanner .dtw_num{
		width: 70%;
	}
}

#wrapper {
    background: #fff;
    left: 0;
    margin: auto;
    max-width: 1250px;
    position: relative;
    padding-top: 50px !important;
}}


@media only screen and (max-width:1023px) {
	#PDP-DOUBLE-SERUM-1 {
	background-image: url(img/bloc-1-pdp.jpg);
	background-size:166% auto !important;
}
#PDP-DOUBLE-SERUM-2 {
	background-image: url(img/bloc-2-pdp.jpg);
	background-size:166% auto !important;
}
#PACKSHOT-ANIM .Infos {
	right: -133px !important;
	}

	#PACKSHOT-ANIM figure {
	
	right: -137px !important;
}
}

@media screen and (max-width: 1023px) and (min-width: 768px){
	#PDP-DOUBLE-SERUM-1{
		background-size: 150% auto;
	}
	#PDP-DOUBLE-SERUM-2{
		background-size: 130% auto;
	}

}

@media only screen and (max-width:761px) {
#wrapper {
    background: #fff;
    left: 0;
    margin: auto;
    max-width: 1250px;
    position: relative;
    padding-top: 50px !important;
}}