/* --------------------------------------------
 * PG_LANDING
 * ----------------------------------------- */

.pg_landing {}
.pg_landing .obj_intro-page { height: 266px; }
.pg_landing .obj_intro-page .wording { position: absolute; top: 65%; left: 8%; width: 11em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.pg_landing .obj_intro-page .range-name { margin-bottom: 0.375em; font-weight: 100; font-size: 1.875em; text-transform: uppercase; }
.pg_landing .obj_intro-page .range-description { /*width: 66.66666%;*/ margin-bottom: 1em; font-size: 0.9375em; font-weight: 600; line-height: 1.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.pg_landing .obj_intro-page.no-visual .range-description { width: 100%; }
.pg_landing .obj_intro-page .range-description-full { font-size: 0.9375em; margin-bottom: 1em; line-height: 1.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.pg_landing .obj_intro-page .range-description a,
.pg_landing .obj_intro-page .range-description-full a { color: inherit; text-decoration: underline; }

/* no-visual */
.pg_landing .obj_intro-page.no-visual  background: #E8E8EB; background: linear-gradient(120deg, rgba(255,255,255,0) 60%, rgba(255,255,255,.3) 60%, rgba(255,255,255,0) 100%), radial-gradient(circle, #E8E8EB 0%, #E8E8EB 75%, #e2e2e6 100%); height: auto; overflow: hidden; 
.pg_landing .obj_intro-page.no-visual::before { display: none; }
.pg_landing .obj_intro-page.no-visual figure { display: none; }
.pg_landing .obj_intro-page.no-visual .wording { margin: 2.1875em 0; position: relative; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; }

.pg_landing .obj_intro-page .cta-container { margin-top: 2em; }

@media screen and (min-width:750px) {
    .pg_landing .obj_intro-page { height: 52.53906vw; max-height: 519px; }
    .pg_landing .obj_intro-page .range-description { width: 100%; }
    .pg_landing .obj_intro-page .wording { width: 16em; font-size: 1em; }
    .pg_landing .obj_intro-page.no-visual .wording { margin: 3.75em 0; }
}

@media screen and (min-width:980px) {
    .pg_landing .obj_intro-page .wording { left: 6%; width: 25em; }
    .pg_landing .obj_intro-page .range-name { font-size: 3em; line-height: .875em; margin-bottom: .208em; }
    .pg_landing .obj_intro-page.no-visual .wording { margin-top: 10em; }
    .pg_landing .obj_intro-page .range-disclaimer { left: 6%; }
    .pg_landing .breadcrumb-container { position: absolute; z-index: 100; }
}

@media screen and (min-width:1200px) {
    .pg_landing .breadcrumb-container { left: 50%; margin-left: -585px; }
}

@media screen and (min-width:1367px) {
    .pg_landing .obj_intro-page { max-height: calc(630px - (1920px - 100vw) / 5); }
}

@media screen and (min-width:1400px) {
    .pg_landing .obj_intro-page .wording { left: calc(50% - (1170px / 2)); }
}

@media screen and (max-width:979px) {
    .pg_landing .obj_intro-page .wording { 
        top: 50%;
        width: 12em;
        }

}

/* --------------------------------------------
 * INTRO PAGE
 * ----------------------------------------- */

.pg_landing .obj_intro-page .range-name,
.pg_landing .obj_intro-page .range-description {
    color: #8bc8bb
    }
.pg_landing .obj_intro-page .wording .button{
    font-size: 1em;     
    }
.pg_landing .obj_intro-page .wording .button:first-of-type{
    margin: 0 5px 0 0;
    }    
.pg_landing .obj_intro-page .wording .button .btn-bg{
    background-color: #000;
    }


/* --------------------------------------------
 * CARROUSEL BELIEFS
 * ----------------------------------------- */

.obj_prod-bloc.beliefs {
    background-color: #ffffff;
    }
.obj_prod-bloc.beliefs .content {
    background: #fff;
    margin: 0 auto;
    max-width: 1170px;
    padding: 40px 0;	
    border: 7px solid #93ccc0;
	}
.obj_prod-bloc.beliefs .obj_carrousel {
    padding: 0 10px;
	}
.obj_prod-bloc.beliefs .masque {
    max-width: none;
    overflow: hidden;
	}
.obj_prod-bloc.beliefs .item {
    min-width: 244px;
	text-align: center;
    padding: 0 30px;
	}		
.obj_prod-bloc.beliefs .obj_carrousel.car-1 .nav {
    display: block;
	}	

.obj_prod-bloc.beliefs .obj_carrousel .nav .prev { left: 10px; }
.obj_prod-bloc.beliefs .obj_carrousel .nav .next { right: 10px; }

.obj_prod-bloc.beliefs .bloc-title {
    text-transform: uppercase;
    font-size: 1.875em;
    line-height: 0.733em;
    color: #93ccc0;
}
.obj_prod-bloc.beliefs .bloc-title .t_title {
    display: block;
    font-size: 0.800em;
    font-weight: 100;
    color: #1c213f;
    margin-bottom: 5px;
    }
.obj_prod-bloc.beliefs .bloc-title ~ p {
    margin-top: 20px;
    font-size: 1em;
    line-height: 1.250em;
    }

/* --------------------------------------------
 * SCIENCE
 * ----------------------------------------- */

.obj_prod-bloc.science {
    background-color: #ffffff;
    }
.obj_prod-bloc.science .content {
    max-width: 1170px;
    height: 100%;
    display: flex;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    border: 7px solid #93ccc0;
    }
.obj_prod-bloc.science .ctn_img {
    position: relative;
    width: 50%;
    height: 360px;
    }
.obj_prod-bloc.science .ctn_img img {
    width: auto;
    max-width: 100%;
    }
.obj_prod-bloc.science .ctn_img video {
    width: 100%;
    height: auto;
    }
.obj_prod-bloc.science .content .ctn_text{
	width: 100%;
	max-width: 580px;
	height: auto;
	padding: 20px 40px 20px 60px;
	display: flex;
	background: #fff;
	} 	
.obj_prod-bloc.science .content .text{
	position: relative;
	margin: auto 0;
	z-index: 1;
	}	
.obj_prod-bloc.science .content .text h2 {
    padding: 0 0 20px;
    font-size: 2.625em;
    line-height: 0.857em;
    font-weight: 100;
    text-transform: uppercase;
    color: #93ccc0;
    }
.obj_prod-bloc.science .content .text p{
	padding: 0 0 30px;
    font-size: 1em;
    line-height: 1.250em;	
	}
.obj_prod-bloc.science .content .text p em {
    display: inline-block;
    position: relative;
	height: 20px;
	font-size: 12px;
    line-height: 20px;
    vertical-align: top;
	}	
.obj_prod-bloc.science .content .text .button {
    font-size: 0.9375em;
    }


/* --------------------------------------------
 * BENEFITS
 * ----------------------------------------- */

.obj_prod-bloc.benefits {
    background-color: #ffffff;
    }
.obj_prod-bloc.benefits .content {
    max-width: 1170px;
    height: 100%;
    display: flex;
    z-index: 1;
    justify-content: space-between;
    margin: 0 auto;
    padding: 40px;
    border: 7px solid #93ccc0;
    }
.obj_prod-bloc.benefits .ctn_img {
    position: relative;
    width: 100%;
    /*height: 570px;*/
    }
.obj_prod-bloc.benefits .ctn_img img {
    width: auto;
    max-width: 100%;
    }
.obj_prod-bloc.benefits .content .ctn_text{
	width: 100%;
    /*max-width: 565px;*/
    height: auto;
    display: flex;
    flex-flow: row wrap;
    background: #fff;
	} 	
.obj_prod-bloc.benefits .content .text{
	position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 100%;
    align-self: flex-start;
	}	
.obj_prod-bloc.benefits .content .ctn_text .text::before,
.obj_prod-bloc.benefits .content .ctn_text .text::after {
    content: "";
    display: block;
    position: absolute;
    height: 50px;
    width: 50px;
}

.obj_prod-bloc.benefits .content .line {
    display: flex;
    align-items: baseline;
    min-height: 50px;
    }
.obj_prod-bloc.benefits .content .line + .line { 
    margin-top: 10px;
    }
.obj_prod-bloc.benefits .content .line .number {
    display: block;
    font-size: 3em;
    margin-right: 20px;
    line-height: 0.9;
    font-weight: 100;
    color: #93ccc0;
    }
.obj_prod-bloc.benefits .content .line .number u {
    position: relative;
    font-size: 0.5em;
    text-decoration: none;
    }
.obj_prod-bloc.benefits .content .line .txt {
    position: relative;
    }
.obj_prod-bloc.benefits .content .line span {
    font-weight: 700;
    font-size: 1.250em;
    color: currentColor;
    display: inline-block;
    }
.obj_prod-bloc.benefits .content .line span a{
    display: inline-block;
    color: currentColor;
    border-bottom: 1px solid #000;
    }
.obj_prod-bloc.benefits .content .ctn_text .t_legal {
    padding: 2em 0 0 0;
    font-size: 0.813em;
    line-height: 1.154em;
    color: #c4c4c4;
    align-self: flex-end;
    }


/* --------------------------------------------
 * HISTORY
 * ----------------------------------------- */

.obj_prod-bloc.history {
    background-color: #ffffff;
    }
.obj_prod-bloc.history .content {
    max-width: 1170px;
    height: 100%;
    display: flex;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    border: 7px solid #93ccc0;
    }
.obj_prod-bloc.history .ctn_img {
    position: relative;
    width: 50%;
    height: 436px;
    }
.obj_prod-bloc.history .ctn_img img {
    width: auto;
    max-width: 100%;
    }
.obj_prod-bloc.history .content .ctn_text{
	width: 50%;
	/*max-width: 565px;*/
	height: auto;
	padding: 20px 40px 20px 60px;
	display: flex;
	background: #fff;
	} 	
.obj_prod-bloc.history .content .text{
	position: relative;
	margin: auto 0;
	z-index: 1;
	}	
.obj_prod-bloc.history .content .text h2 {
    padding: 0 0 20px;
    font-size: 2.625em;
    line-height: 0.857em;
    font-weight: 100;
    text-transform: uppercase;
    color: #93ccc0;
    }
.obj_prod-bloc.history .content .text p{
    font-size: 1em;
    line-height: 1.250em;	
	}
.obj_prod-bloc.history .content .text p em {
    display: inline-block;
    position: relative;
	height: 20px;
	font-size: 12px;
    line-height: 20px;
    vertical-align: top;
	}	
.obj_prod-bloc.history .content .text .disclaimer {
    padding: 2em 0 0 0;
    font-size: 0.813em;
    line-height: 1.154em;
    color: #c4c4c4;
    align-self: flex-end;
    }
.obj_prod-bloc.history .content .text .button {
    font-size: 0.9375em;
    }


/* --------------------------------------------
 * CARROUSEL KEY DATES
 * ----------------------------------------- */

.obj_prod-bloc.key-dates {
    background-color: #ffffff;
    }
.obj_prod-bloc.key-dates .content {
    background: #fff;
    margin: 0 auto;
    max-width: 1170px;
    padding: 40px 0;	
    border: 7px solid #93ccc0;
	}
.obj_prod-bloc.key-dates .obj_carrousel {
    overflow: hidden;
	}
.obj_prod-bloc.key-dates .obj_carrousel:before {
    position: absolute;
    content: "";
    height: 4px;
    background-color: #e8e8eb;
    width: 76%;
    top: 198px;
    left: 12%;
    right: 12%;
    }
.obj_prod-bloc.key-dates .masque {
    max-width: none;
    overflow: hidden;
	}
.obj_prod-bloc.key-dates .item {
    min-width: 250px;
	text-align: center;
    padding: 0 10px;
	}		
.obj_prod-bloc.key-dates .obj_carrousel.car-2 .nav {
    display: block;
	}
.obj_prod-bloc.key-dates .item .img {
    position: relative;
    margin-bottom: 23px;
    height: 150px;
	}
.obj_prod-bloc.key-dates .item .dot {
    position: relative;
    margin: 10px 0;
	}

.obj_prod-bloc.key-dates .item .dot span {
    position: relative;
    display: block;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    background-color: #93ccc0;
    border: 19px solid #ffffff;
    margin: 0 auto;
	}

.obj_prod-bloc.key-dates .obj_carrousel .nav button { top: 200px; }
.obj_prod-bloc.key-dates .obj_carrousel .nav svg { width: 14px; fill: #93ccc0; }
.obj_prod-bloc.key-dates .obj_carrousel .nav .prev { left: 20px; }
.obj_prod-bloc.key-dates .obj_carrousel .nav .next { right: 20px; }

.obj_prod-bloc.key-dates .bloc-title {
    text-transform: uppercase;
    font-size: 2.250em;
    line-height: 0.733em;
    font-weight: 100;
    color: #93ccc0;
}
.obj_prod-bloc.key-dates .bloc-title .t_title {
    display: block;
    font-size: 0.800em;
    font-weight: 100;
    color: #1c213f;
    margin-bottom: 5px;
    }
.obj_prod-bloc.key-dates .bloc-title ~ p {
    margin-top: 20px;
    font-size: 1em;
    line-height: 1.250em;
    }

/* --------------------------------------------
 * DISCOVER
 * ----------------------------------------- */
.obj_prod-bloc.discover {
    background-color: #ffffff;
    }
.obj_prod-bloc.discover .content {
    max-width: 1170px;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    z-index: 1;
    margin: 0 auto;
    padding: 0;    
    }
.obj_prod-bloc.discover .content .ctn_text.var_left{
    border-top: 7px solid #93ccc0;
    border-left: 7px solid #93ccc0;
    border-bottom: 7px solid #93ccc0;
    }
.obj_prod-bloc.discover .content .ctn_text{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    width: 50%;
    padding: 60px 50px;
    }    
.obj_prod-bloc.discover .content .ctn_text .top{
	display: flex;
    flex-flow: row nowrap;
	height: auto;
	background: #fff;
	} 
.obj_prod-bloc.discover .content .ctn_text .ctn_desc img{
    margin: 0 0 30px;
    } 
.obj_prod-bloc.discover .content .ctn_text .ctn_desc p{
    line-height: 1.2em;
    }    
.obj_prod-bloc.discover .content .ctn_text .v_01{
    min-width: 156px;
    max-height: 180px;
    margin: 0 10.5% 0 0; 
    }  
.obj_prod-bloc.discover .content .ctn_text .bottom{
    margin: 50px auto 0;
    }    
.obj_prod-bloc.discover .content .ctn_text .bottom .ctn_bottom{
    position: relative;
    padding: 30px;
    text-align: center;
    border: none;
    }    
.obj_prod-bloc.discover .content .ctn_text .bottom .ctn_bottom::before {
    position: absolute;
    content: "";
    display: block;
    height: 50px;
    width: 50px;
    border-width: 3px 0 0 3px;
    border-style: solid;
    border-color: #8bc8bb;
    left: 0;
    top: 0;
    }
.obj_prod-bloc.discover .content .ctn_text .bottom .ctn_bottom::after {
    position: absolute;
    content: "";
    display: block;
    height: 50px;
    width: 50px;
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: #8bc8bb;
    right: 0;
    bottom: 0;
    }
.obj_prod-bloc.discover .content .ctn_text .bottom div .t_title{
    font-size: 1.625em;
    font-weight: 700;
    color: #000;
    margin: 0 0 25px;
    text-align: center;
    min-width: 100%;
    }    
.obj_prod-bloc.discover .content .ctn_text .bottom div .t_title a{
    display: inline-block;
    color: #000;
    border-bottom: 1px solid #000;
    }    
.obj_prod-bloc.discover .content .ctn_text .bottom div li{
    display: block;
    width: 40%;
    font-size: 1.125em;
    line-height: 1.2em;
    font-weight: 700;
    }    
.obj_prod-bloc.discover .content .ctn_text .bottom div li,
.obj_prod-bloc.discover .content .ctn_text .bottom div li a{
    position: relative;
    color: #93ccc0;
    }
.obj_prod-bloc.discover .content .ctn_text .bottom div li a{
    display: inline;
    border-bottom: 1px solid #cde6e1;
    }
.obj_prod-bloc.discover .content .ctn_text .bottom div li::before{
    content:"-";
    position: absolute;
    left: -10px;
    }
.obj_prod-bloc.discover .content .ctn_text .bottom div .ctn_list{
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    }
.obj_prod-bloc.discover .content .ctn_text .bottom div .ctn_list ul{
    text-align: left;
    max-height: 100px;
    width: 80%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-left: 10px;
    }
.obj_prod-bloc.discover .content .ctn_text.var_right{
    border-top: 7px solid #4b8c79;
    border-right: 7px solid #4b8c79;
    border-bottom: 7px solid #4b8c79;
    background: #4b8c79;
    }
.obj_prod-bloc.discover .content .ctn_text.var_right .top{
    background: none;
    }
.obj_prod-bloc.discover .content .ctn_text.var_right .ctn_desc p{
    color: #fff;
    }
.obj_prod-bloc.discover .content .ctn_text.var_right  .bottom .ctn_bottom::before,
.obj_prod-bloc.discover .content .ctn_text.var_right .bottom .ctn_bottom::after{
    border-color: #fff;
    }   
.obj_prod-bloc.discover .content .ctn_text.var_right .bottom .ctn_bottom .ctn_list li{
    width: auto;
    color: #fff       
    }
.obj_prod-bloc.discover .content .ctn_text.var_right .bottom div li a,
.obj_prod-bloc.discover .content .ctn_text.var_right .bottom div li{
    color: #fff;
    }
@media screen and (max-width:767px){
    .obj_prod-bloc.discover .content {
        flex-flow: column nowrap;
        }
    .obj_prod-bloc.discover .content .ctn_text{
        width: 100%;
        padding: 30px 20px;
        } 
    .obj_prod-bloc.discover .content .ctn_text .v_01 {
        min-width: 78px;
        max-height: 90px;
        }   
    .obj_prod-bloc.discover .content .ctn_text .ctn_desc img {
        margin: 0 0 10px;
        }
    .obj_prod-bloc.discover .content .ctn_text .bottom {
        margin: 20px auto 0;
        }
    .obj_prod-bloc.discover .content .ctn_text .bottom .ctn_bottom {
        padding: 15px;
        }
    .obj_prod-bloc.discover .content .ctn_text .bottom div .t_title {
        font-size: 1.25em;
        }
    .obj_prod-bloc.discover .content .ctn_text .bottom div .ctn_list ul{
        width: 100%;
        }    
    .obj_prod-bloc.discover .content .ctn_text .bottom div li {
        width: 50%;
        font-size: 1em;
        }
    .obj_prod-bloc.discover .content .ctn_text.var_left{
        border-right: 7px solid #93ccc0;
        } 
    .obj_prod-bloc.discover .content .ctn_text.var_right{
        border-left: 7px solid #4b8c79;;
        }     

}



/* --------------------------------------------
 * CARROUSEL HERO PRODUCTS
 * ----------------------------------------- */

.obj_featured-products {
    background-color: #ffffff;
    margin: 0;
}




@media screen and (min-width:768px){
    .theme-dercos-dandruff .obj_prod-bloc.benefits .content .ctn_text .text::before { border-top: solid 3px #8bc8bb; border-left: solid 3px #8bc8bb; top: 0; left: 0; }
    .theme-dercos-dandruff .obj_prod-bloc.benefits .content .ctn_text .text::after { border-bottom: solid 3px #8bc8bb; border-right: solid 3px #8bc8bb; bottom: 0; right: 0; }
    
    .obj_prod-bloc.benefits .content .text { padding: 20px 30px; }
    .obj_prod-bloc.benefits .content .line span { font-size: 1.5em; }
    .obj_prod-bloc.benefits .content .line .number { min-width: 80px; }
    .obj_prod-bloc.key-dates .obj_carrousel { padding: 0 190px; }
    .obj_prod-bloc.key-dates .obj_carrousel .nav .prev { left: 40px; }
    .obj_prod-bloc.key-dates .obj_carrousel .nav .next { right: 40px; }
    .obj_prod-bloc.key-dates .obj_carrousel:before { width: 88%; top: 198px; left: 6%; right: 6%; }
    .obj_prod-bloc.science .ctn_img video { height: inherit; height: 360px; object-fit: cover; z-index: -100; }
}

@media screen and (min-width:980px){
    .obj_prod-bloc.benefits .content .line .number { font-size: 5em; }
}

@media screen and (min-width:1200px){ }
@media screen and (min-width:1400px){ }

@media screen and (max-width: 767px) {

    .obj_prod-bloc.beliefs .item { min-width: 206px; }	
	.obj_prod-bloc.beliefs .item img{	max-width: 100%; }
    
    .obj_prod-bloc.science .content { flex-direction: column; }
    .obj_prod-bloc.science .content .ctn_img { max-width: inherit; order: 1; text-align: center; height: auto; width: 100%; }
    .obj_prod-bloc.science .content .ctn_text { height: auto; padding: 30px; max-width: inherit; order: 2; width: 100%; }
    
    .obj_prod-bloc.history .content { flex-direction: column; }
    .obj_prod-bloc.history .content .ctn_img { max-width: inherit; order: 1; text-align: center; height: auto; width: 100%; }
    .obj_prod-bloc.history .content .ctn_text { height: auto; padding: 30px; max-width: inherit; order: 2; width: 100%; }
    
    .obj_prod-bloc.benefits .content .ctn_img { display: none; width: 100%; }
    .obj_prod-bloc.benefits .content .ctn_text { width: 100%; }
    .obj_prod-bloc.benefits .content .ctn_text .text::before, .obj_prod-bloc.benefits .content .ctn_text .text::after { display: none; }
    
    .obj_prod-bloc.key-dates .item { min-width: 206px; }	
	.obj_prod-bloc.key-dates .item img{	max-width: 100%; }
    
    .pg_landing .obj_intro-page .wording .button:first-of-type{
        margin: 0;
        } 
}










/* ==========================================================
 * ROUTINE-SLIDER
 * ======================================================= */

.obj_routine-slider {
  position: relative;
  white-space: nowrap;
  text-align: center;
  font-size: 0;
}

.obj_routine-slider li {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  font-size: 1rem;
}

.obj_routine-slider .product-card {
  width: 85%;
  max-width: 300px;
}

.obj_routine-slider .separator {
  position: relative;
  z-index: 2;
  width: 5%;
}

.obj_routine-slider .separator .symbol {
  position: absolute;
  width: 30px;
  height: 30px;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
}

.obj_routine-slider .separator .symbol > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.obj_routine-slider .separator .bg {
  color: #f0f0f0;
}

.obj_routine-slider .separator .symbol svg {
  fill: currentColor;
}

.obj_routine-slider[data-num-slides="3"] .separator {
  position: relative;
  width: 2%;
}

.obj_routine-slider[data-num-slides="3"] .separator .symbol {
  position: absolute;
  width: 37.5px;
  height: 37.5px;
  top: calc(50% - 18.75px);
  left: calc(50% - 18.75px);
}

/* link-to-next */

.obj_routine-slider .link-to-next + .separator {
  display: none;
}