.button.theme-dercos-nutrients.has-border{
	border-color:#4b8c79;
}
.button.theme-dercos-nutrients.has-border.white{
	border-color:#fff;
}
.button.theme-dercos-nutrients.has-bg .btn-bg{
	background-color:#4b8c79;
}
.button.theme-dercos-nutrients:hover{
	color:#4b8c79;
}
.button.theme-dercos-nutrients.white{
	color:#4b8c79;
}
.button.theme-dercos-nutrients.white{
	color:#4b8c79;
}
.button.theme-dercos-nutrients.white.has-bg{
	background-color:#4b8c79;
}
.button.theme-dercos-nutrients.white.has-bg .btn-bg{
	background-color:#fff;
}

/* obj_ingredients */
.obj_ingredients{max-width:1170px; margin:0 auto;}
.obj_ingredients .title_string{max-width:100%;}

/* obj_carrousel ingredients */
.view .ctn_item{
	display:flex;
	width:100%;
	}
.view .ctn_item .col{
	width:68.4%;
	vertical-align:top;
	padding-right:3.333%;
	}
.view .ctn_item .col.description{
	width:31.8%;
	padding:0;
	}
.view .ctn_item .col.description .ctn_txt{
	color:#fff;
	padding:20% 10% 10%;
	font-size:1.75em;
	font-weight:200;
	}
.view .ctn_item .col.description .ctn_txt strong{
	font-weight:600;
	}
.view .ctn_item .col.description .ctn_txt h2{
	font-weight:300;
	}
.view .ctn_item .col.description .ctn_txt p{
	margin:30px 0 0;
	}
.view .detox .ctn_item .description{background:#4b8c79;}
.view .nourish .ctn_item .description{background:#ea7948;}
.view .revitalize .ctn_item .description{background:#7c5585;}

.obj_carrousel.ingredients .item a{
	padding-top:20px;
	overflow:hidden;
	height:158px;
	display:block; width:100%;
	cursor:pointer; transition:all 0.2s;
			filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	}
.obj_carrousel.ingredients .item a:hover{
	padding-top:10px;
	}
.obj_carrousel.ingredients .item a.is-active{
	padding-top:0;
			filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	}
.obj_carrousel.ingredients .item img{display:block; margin:0 auto;}
.obj_carrousel.ingredients .nav button{display:none;}
	

@media screen and (max-width:1024px)	{
	.view .ctn_item .col.description .ctn_txt{font-size:1.5em;}
}
@media screen and (max-width:960px)	{
	.view .ctn_item .col.description .ctn_txt{padding:8%; font-size:1.25em;}
}
@media screen and (max-width:767px)	{
	.view .ctn_item{display:block; padding:0 8%; width:100%;}
	.view .ctn_item .col,
	.view .ctn_item .col.description{width:100%; padding:0;}
	
	.obj_carrousel.ingredients{padding:0 8%;}
	.obj_carrousel.ingredients .nav button{display:block;}
	.obj_carrousel.ingredients .nav .prev{left:4%;}
	.obj_carrousel.ingredients .nav .next{right:4%;}
}

/* obj_before-after */
.obj_before-after {
	position : relative;
	display:block;
	margin:0 auto;
	}
.obj_before-after .ctn_figure {
	position : relative;
	width : 100%;
	height : auto;
	margin : 0 auto;
	z-index : 1;
	}
.obj_before-after figure {
	width : 100%;
	height : auto;
	overflow : hidden;
	z-index : 1;
	}
.obj_before-after figure + figure { 
	position:  absolute;
	top:0; left:0;
	width : 0;
	height : 100%;
	}
.obj_before-after figure + figure:before{ 
	display:block; content:'';
    position:  absolute;
	right:0;
	width : 0;
	height : 100%;
    z-index:1;
	border-right:3px solid #000;
	}
.obj_before-after figure img {
	display:block;
	width : auto;
	max-width : 100%;
	}
.obj_before-after figure + figure img { 
	position:absolute;
	left:0;
	max-height : 100%;
	max-width : none !important;
	display:block;
	}
.obj_before-after figure figcaption { 
	position:absolute;
	bottom:3.333%;
	right:0; width:380px;
	font-size:1.75em;
	text-transform:uppercase;
	font-weight:600;
	text-align:center;
	}
.obj_before-after figure + figure figcaption { 
	right:auto;
	left:0;
	}
.obj_before-after .ctn_slider { 
	position:absolute;
	top:0; left:0; bottom:0; right:0;
	z-index:10;
	}
.obj_before-after .slider {
	position:absolute;
	top:0; left:0; bottom:0; right:0;
	}
.obj_before-after .ui-slider {
	position : relative;
	height : 100%;
	overflow : hidden;
	}
.obj_before-after .ui-slider-handle {
	position : absolute;
	width : 46px; 
	height : 46px; 
	margin : -23px 0 0 -23px;
	border-radius:50%;
	background : #000;
	outline:none;
	cursor:pointer;
	}
.obj_before-after .ui-slider-horizontal .ui-state-default {
	top : 50%;
	}
.obj_before-after .ui-slider-handle span{
	display:block;
	position:absolute;
	top:50%; left:50%;
	}
.obj_before-after .ui-slider-handle:before,
.obj_before-after .ui-slider-handle:after{
	display:block; content:"";
	width:10px; height:10px;
	position:absolute; top:50%; left:50%;
	-webkit-transform-origin:center center;
		-ms-transform-origin:center center;
			transform-origin:center center;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
.obj_before-after .ui-slider-handle:before{
	margin:-5px 0 0 -12px;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	}
.obj_before-after .ui-slider-handle:after{
	margin:-5px 0 0 0px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	}
	
.detox .obj_before-after .ui-slider-handle,
.detox .obj_before-after .ui-slider-handle{
	background: #4b8c79;
	}
.detox .obj_before-after figure + figure:before{ 
	border-color:#4b8c79;
	}
.detox .obj_before-after figure figcaption em {color:#4b8c79;}

.nourish .obj_before-after .ui-slider-handle,
.nourish .obj_before-after .ui-slider-handle{
	background: #ea7948;
	}
.nourish .obj_before-after figure + figure:before{ 
	border-color:#ea7948;
	}
.nourish .obj_before-after figure figcaption em {color:#ea7948;}

.revitalize .obj_before-after .ui-slider-handle,
.revitalize .obj_before-after .ui-slider-handle{
	background: #7c5585;
	}
.revitalize .obj_before-after figure + figure:before{ 
	border-color:#7c5585;
	}
.revitalize .obj_before-after figure figcaption em {color:#7c5585;}
	
@media screen and (max-width:1024px){
	.obj_before-after figure figcaption{width:30vw;}
}
@media screen and (max-width:960px){
	.obj_before-after figure figcaption{font-size:1.25em;}
}
@media screen and (max-width:767px){
	.obj_before-after figure figcaption{width:40vw;font-size:1em;}
	
}


/* obj_beliefs */
.obj_beliefs{
	margin:auto auto 50px;
	max-width:725px;
	}
.obj_beliefs .ctn_articles{
	display:flex;
	}
.obj_beliefs .obj_article{
	width:33.333%;
	color:#4b8c79;
	text-align:center;
	}
.obj_beliefs .obj_article figure{
	padding:0 15px;
	display:block;
	}
.obj_beliefs .obj_article img{
	max-width:100%; height:auto;
	}
.obj_beliefs .obj_article h3{
	padding:0 10px;
	margin:1em 0 0.75em;
	line-height:1.05555em;
	font-weight:600;
	}
.obj_beliefs .obj_article p{
	padding:0 5px;
	line-height:1.5em;
	}

	
	
/* obj_intro-page */
.pg_product-list .obj_intro-page.dercos-nutrients .wording{
	max-width:1170px;
	position:relative;
	left:50%;
	width:100%; height:100%;
	display:table;
	vertical-align:middle;
	text-align:center;
	color:#fff;
			transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	}
.pg_product-list .obj_intro-page.dercos-nutrients .wording .ctn_txt{
	display:table-cell;
	position:relative;
	z-index:3;
	vertical-align:middle;
	}
.pg_product-list .obj_intro-page.dercos-nutrients .wording .range-name{
	text-transform:uppercase;
	font-size:1.5em;
    font-weight:400;
    letter-spacing:2px;
	}
.pg_product-list .obj_intro-page.dercos-nutrients .wording .range-name:before,
.pg_product-list .obj_intro-page.dercos-nutrients .wording .range-name:after{
	display:inline-block; content:'';
	width:13px; height:1px;
	margin:0 17px 7px;
	background:#fff;
	}
.pg_product-list .obj_intro-page.dercos-nutrients .wording .range-description{
	margin:30px 0 35px;
	font-size:3.75em;
	font-weight:600;
	line-height:0.8em;
	}
.pg_product-list .obj_intro-page.dercos-nutrients .packshot{
	position:absolute;
	z-index:2;
	right:0;
	bottom:0;
	width:23.5%;
	max-width:16vw;
	}
.pg_product-list .obj_intro-page.dercos-nutrients .packshot img{
	max-width:100%;
	height:auto;
	}

.theme-dercos-nutrients .obj_newsletter{background-color:#4b8c79;}

.theme-dercos-nutrients .obj_products-list .product-card .cta-container {margin:35px 0 35px;}
/*.theme-dercos-nutrients .obj_products-list .product-card .cta-container .button{display:inline-block; width:auto;}*/
.theme-dercos-nutrients .obj_products-list .product-info .author-details,
.theme-dercos-nutrients .obj_products-list .product-info blockquote::before,
.theme-dercos-nutrients .obj_products-list .product-info blockquote::after,
.theme-dercos-nutrients .obj_products-list .product-tuto.light .txt-container{color:#fff;}
.theme-dercos-nutrients .obj_products-list .product-tuto .txt-container{color:#4b8c79;}
.theme-dercos-nutrients .obj_products-list .range-title{
	color:#fff;
	font-weight:600;
	height:50px;
	line-height:48px;
	margin:0 auto 30px;
	max-width:1170px;
	text-align:center;
	text-transform:uppercase;
	}

.sticker.recyclage{
	position:relative;
	display:inline-block;
	}
.sticker.recyclage em{
	position:absolute;
	top:45%; left:50%;
	z-index:1;
	font-size:0.875em;
	font-weight:800;
	color:#4c8c79;
	transform:translate(-50%,-50%);
	}
.sticker.recyclage svg{
	fill:#d8d8d8;
	width:40px;
	}

.obj_recyclage{
	margin:auto auto 50px;
	padding:30px;
	max-width:725px;
	background:#fff;
	overflow:hidden;
	}
.obj_recyclage .sticker.recyclage{
	width:50px;
	margin:0 30px 0 0;
	float:left;
	}
.obj_recyclage .sticker.recyclage svg{
	width:100%;
	}
.obj_recyclage div{
	width:calc(100% - 80px);
	float:left;
	color:#4b555b;
	}
.obj_recyclage div h3{
	font-size:1.625em;
	color:#4b8c79;
	}

.rating{color:#4b8c79;}

@media screen and (max-width: 1200px){
	.pg_product-list .obj_intro-page.dercos-nutrients .packshot{right:5vw;}
}
@media screen and (max-width: 767px){
    .obj_intro-page.dercos-nutrients .background{background-position:32.5% center;}
	.obj_products-list li.product-tuto .info-container{padding-bottom:20%;}
	.pg_product-list .obj_intro-page.dercos-nutrients .wording .range-name{font-size:1.125em;}
    .pg_product-list .obj_intro-page.dercos-nutrients .wording .range-name:before,
    .pg_product-list .obj_intro-page.dercos-nutrients .wording .range-name:after{width:5px; margin:0 5px 5px;}
	.pg_product-list .obj_intro-page.dercos-nutrients .wording .range-description{ margin:15px 0 25px; font-size:2em; }
	.pg_product-list .obj_intro-page.dercos-nutrients .wording .ctn_txt{
		vertical-align:top;
		padding-top:5vw;
		}
	.pg_product-list .obj_intro-page.dercos-nutrients .packshot{max-width:23vw; width:auto; right:5vw;}
	.obj_beliefs {max-width:370px;}
	.obj_beliefs .ctn_articles{display:block;}
	.obj_beliefs .obj_article{width:100%; margin:30px 0 0;}
	.obj_beliefs .obj_article h3{font-size:1.25em;}
}
@media screen and (min-width: 980px){
	.theme-dercos-nutrients .obj_products-list .product-info+.product-card{margin:0 1.66667% 3.33333%;}
	.theme-dercos-nutrients .obj_products-list .product-info.solo{width:30%; margin:0 0 3.33333% 1.66667%;}
	.obj_recyclage,
	.theme-dercos-nutrients .obj_products-list .range-title{ 
		max-width:948px;
		}
	.obj_beliefs{ max-width:978px; }
	.obj_beliefs .obj_article h3{font-size:1.75em;}
}
@media screen and (min-width: 1200px){
	.obj_recyclage,
	.theme-dercos-nutrients .obj_products-list .range-title{
		max-width:1128px;
		}
	.obj_beliefs{ max-width:1158px; }
	.obj_beliefs .obj_article h3{font-size:2em;}
}
@media screen and (min-width: 1400px){
	.obj_recyclage,
	.theme-dercos-nutrients .obj_products-list .range-title{
		max-width:1170px;
		}
	.obj_beliefs{
		max-width:1200px;
		}
	.obj_beliefs .obj_article h3{font-size:2.125em;}
}