.ScrubsContent{
	max-width:1170px;
	min-width:320px;
	display:flex;
	margin:0 auto;
	flex-wrap:wrap;
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
}

.ScrubsMainProduct{
	padding-left:50%;
	box-sizing:border-box;
	flex-basis:100%;
	display:flex;
	justify-content:center;
	flex-direction:column;
	align-items:flex-start;
	min-height:448px;
	text-align:left;
	background-position:bottom center;
	background-repeat:no-repeat;
}
@media screen and (max-width: 761px) {
.ScrubsMainProduct{
	background-position:top center;
	padding:20px;
	padding-top:170px;
		text-align:center;
}
}
.ScrubsMainProduct h2{
	font-family:ClarinsRegular, Clarins;
	font-size:35px;
	line-height:1em;
	margin:0;
	font-weight:normal;
	padding-bottom:25px;
}
@media screen and (max-width: 761px) {
.ScrubsMainProduct h2{
		padding-bottom:15px;
		margin:0 auto;
}
}
.ScrubsMainProduct p{
	max-width:390px;
	margin:0;
	font-size:14px;
	line-height:20px;
}
@media screen and (max-width: 761px) {
.ScrubsMainProduct p{
	display:block;
	margin:0 auto;
}
}
.ScrubsMainProduct .BtnLink{
	margin:0;
	padding-top:18px;
}
@media screen and (max-width: 761px) {
.ScrubsMainProduct .BtnLink{
	display:block;
		margin:0 auto;
}
}
.ScrubsMainProduct div.BtnLink a{
	color:#fff;
	background-color:#000;
}
.ScrubsMainProduct div.BtnLink .product-tile{
	margin:0;
}
.ScrubsMainProduct div.BtnLink .product-quickshop{
	border:0px solid;
}
@media screen and (max-width: 761px) {
.ScrubsMainProduct div.BtnLink .product-quickshop{
	display:block!important;
	margin:0 auto;
}
}
.ScrubsMainProduct div.BtnLink .product-quickshop .quickview {
	padding: 18px 22px;
}
.ScrubsMainProduct p.BtnLink a{
	display:inline-block;
	text-transform:uppercase;
	line-height:50px;
	font-size:11px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#fff;
	/*min-width:165px;*/
	    min-width: 130px;
	box-sizing:border-box;
	padding-left:30px;
	padding-right:30px;
	background-color:#000;
}
.ScrubsMainProduct .Tips{
	background-repeat:no-repeat;
	background-position:top 9px left;
	margin-top:50px;
	padding-left:80px;
    height: 128px;
}
@media screen and (max-width: 761px) {
.ScrubsMainProduct .Tips{
	text-align:left;	
	margin:0px auto;
	margin-top:20px;
}
}
.ScrubsMainProduct .Tips h3{
	font-size:16px;
	line-height:16px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
}
.ScrubsMainProduct .Tips p{
	margin-top:10px;
	max-width:250px;
}
/*----------------------------------------------------*/
.ScrubsLinkProduct{
	box-sizing:border-box;
	flex-basis:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	min-height:180px;
	text-align:center;
	background-position:bottom center;
}

.ScrubsLinkProduct .BtnLink{
	margin:0;
	padding-top:18px;
}
.ScrubsLinkProduct .BtnLink a{
	border:2px solid #fff;
	display:inline-block;
	text-transform:uppercase;
	line-height:36px;
	font-size:11px;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#fff;
	min-width:165px;
	box-sizing:border-box;
	padding-left:30px;
	padding-right:30px;
}
@media screen and (max-width: 761px) {
.ScrubsLinkProduct .BtnLink a{
	min-width:0px;
	padding-left:20px;
	padding-right:20px;
}
}
.ScrubsLinkProduct h3{
	max-width:190px;
	text-align:center;
	font-size:16px;
	line-height:22px;
	text-transform:uppercase;
	color:#fff;
	font-weight:normal;
	margin:0;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 761px) {
.ScrubsLinkProduct h3{
		max-width:118px;
}
}
/*----------------------------------------------------*/
.ScrubsResponsibleBeauty{
	box-sizing:border-box;
	flex-basis:100%;
	background-image:url(img/forest.jpg);
	background-position:top center;
	padding:30px;
	transition:height 0.5s ease-in-out;
	overflow:hidden;
	height:596px;
	background-repeat:no-repeat;
}
@media screen and (max-width: 761px) {
.ScrubsResponsibleBeauty{
	padding-left:10px;
	padding-right:10px;
}
.ScrubsResponsibleBeauty .jcarousel-pagination{
	bottom:0px;
}
}
.ScrubsResponsibleBeauty h3{
	font-family:ClarinsRegular, Clarins;
	font-size:25px;
	line-height:1em;
	margin:0;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
}

.ScrubsResponsibleBeauty h3::after{
	content:" ";
	background-image:url(img/arrow.png);
	width:16px;
	height:16px;
	background-size:100% auto;
	display:block;
	margin:20px auto;
	
}
.ScrubsResponsibleBeauty h3.Closed::after{
	transform:rotate(180deg);
}
.ScrubsResponsibleBeauty .Wrapper{
	box-sizing:border-box;
	background-color:#fff;
	max-width:850px;
	margin:0 auto;
	padding:25px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	text-align:center;
	margin-bottom:70px;
	
}
.ScrubsResponsibleBeauty .Wrapper .Text{
	flex-basis:566px;
	font-size:14px;
	line-height:20px;
}
.ScrubsResponsibleBeauty .Wrapper .TextLink{
	flex-basis:566px;
}
@media screen and (max-width: 761px) {
	.ScrubsResponsibleBeauty .Wrapper .TextLink{
padding-top:20px;
}
}
.ScrubsResponsibleBeauty .Wrapper .TextLink a{
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	color:#000;
	border-bottom:1px solid #bfbfbf;
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
}
.ScrubsResponsibleBeauty .Wrapper .TextPicto{
	flex-basis:263px;
	margin:20px;
	font-size:14px;
	line-height:20px;
}
/*.ScrubsResponsibleBeauty .Wrapper .TextPicto img{
	display:block;
	margin:0 auto;
}*/
.ScrubsResponsibleBeauty .Wrapper .TextPicto img{
	display:block;
	margin:0 auto;
	width: auto !important;
}

/*------------------------------------------*/
#ComfortScrub{background-color:#ffd451;}
#ComfortScrub.ScrubsMainProduct{background-color:#ffe897;}
#ComfortScrub h2{color:#ff961c;}
#ComfortScrub.ScrubsMainProduct .Tips{
	color:#ff961c;
	background-image:url(img/anim-comfort-scrub.gif);
}
#ComfortScrub.ScrubsMainProduct{
	background-image:url(img/main-visual-comfort-scrub.png);
}
@media screen and (max-width: 761px) {
#ComfortScrub.ScrubsMainProduct{
	background-image:url(img/main-visual-comfort-scrub-mobile.png);
}
}
#ComfortScrub.ScrubsLinkProduct{
	background-image:url(img/link-visual-comfort-scrub.png);
}
/*------------------------------------------*/
#PureScrub{background-color:#97cda4;}
#PureScrub.ScrubsMainProduct{background-color:#d4e8cf;}
#PureScrub h2{color:#1a7439;}
#PureScrub .Tips{
	color:#1a7439;
	background-image:url(img/anim-pure-scrub.gif);
}
#PureScrub.ScrubsMainProduct{
	background-image:url(img/main-visual-pure-scrub.png);
}
@media screen and (max-width: 761px) {
#PureScrub.ScrubsMainProduct{
	background-image:url(img/main-visual-pure-scrub-mobile.png);
}
}
#PureScrub.ScrubsLinkProduct{
	background-image:url(img/link-visual-pure-scrub.png);
}
/*------------------------------------------*/
#FreshScrub{background-color:#00b2ef;}
#FreshScrub.ScrubsMainProduct{background-color:#d0eef3;}
#FreshScrub h2{color:#2979a4;}
#FreshScrub .Tips{
	color:#2979a4;
	background-image:url(img/anim-fresh-scrub.gif);
	padding-left:100px;
}
#FreshScrub.ScrubsMainProduct{
	background-image:url(img/main-visual-fresh-scrub.png);
}
@media screen and (max-width: 761px) {
#FreshScrub.ScrubsMainProduct{
	background-image:url(img/main-visual-fresh-scrub-mobile.png);
}
}
#FreshScrub.ScrubsLinkProduct{
	background-image:url(img/link-visual-fresh-scrub.png);
}
/*------------------------------------------*/


@media screen and (max-width: 1023px) {
	.ScrubsMainProduct p{
		font-size: 13px;
	}
	.ScrubsMainProduct p{
		max-width: 330px;
	}
}

@media screen and (max-width: 761px) {
.ScrubsLinkProduct{
	background-image:none!important;
	}
.ScrubsResponsibleBeauty h3 {
	font-size: 22px;
	}
.ScrubsResponsibleBeauty{
	padding-bottom: 90px;
	}
.ScrubsResponsibleBeauty .Wrapper .Text,
.ScrubsResponsibleBeauty .Wrapper .TextPicto{
	font-size: 12px;
	}
}


.jcarousel li {
    display: block;
    width: 266px;
    float: left;
    border: 1px solid #fff;
    max-width: 100%;
    height: auto;
}

/*--------------DTW---------------*/
.ScrubsMainProduct p{
	max-width: 500px;
}

@media screen and (max-width: 761px) {
.ScrubsLinkProduct{
	background-image:none!important;
	}
.ScrubsResponsibleBeauty h3 {
	font-size: 22px;
	}
.ScrubsResponsibleBeauty{
	padding-bottom: 90px;
	}
.ScrubsResponsibleBeauty .Wrapper .Text,
.ScrubsResponsibleBeauty .Wrapper .TextPicto{
	font-size: 12px;
	}
.ScrubsMainProduct p.BtnLink a{
	    min-width: 130px;
	}

}