/* ======================================== */
/*  Reset
/* ======================================== */	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:normal;
	font-style:inherit;
	font-family:inherit;
	vertical-align:baseline;
	}
:focus{
	outline:0;
	}
::-moz-focus-inner{
	border:0;
	}
a{
	text-decoration:none;
	cursor:pointer;
	outline:none;
	transition:all .3s ease;
	}
html{
	font-size:62.5%;
	}
body{
	font:300 1em/1 arial, sans-serif;	
	}
h1, h2, h3, h4, h5, h6{
	font-size:1em;
	}
ol, ul{
	list-style:none;
	}
table{
	border-collapse:separate;
	border-spacing:0;
	}
table tr{
	vertical-align:top;
	}
caption, th, td{
	text-align:left;
	font-weight:normal;
	}
blockquote:before, blockquote:after, q:before, q:after{
	content:"";
	}
blockquote, q{
	quotes:"" "";
	}
img{
	height:auto;
	width:auto;
	max-width:100%;
	}
sup{
	display:inline-block;
	font-size:0.5em;
	vertical-align:top;
	}
input, textarea{
	box-sizing:border-box;
	}
button{
	margin:0;
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	outline:0;
	}

/* ======================================== */
/*  Surcharge Site Loreal Pro
/* ======================================== */
.editorial{
	height:auto !important;
	background: white;
	}
.editorial .wrap{
	padding:0;
	width:100%;
	height:auto !important;
	}
.editorial article{
	margin:0;
	}
.editorial img{
	display:inline-block;
	float:none;
	width:auto; height:auto;
	max-width:unset; max-height:unset;
	padding:0;
	}
.editorial h3{
	font-family:unset;
	}
.editorial h4{
	font-family:unset;
	}
.editorial p{
	margin-bottom:0;
	}
.editorial ol,
.editorial ul{
	margin:0;
	list-style:none;
	}
.editorial a{
	font-weight:normal;
	}
#btnContinuarLendo{
	display:none !important;
	}
.editorial a {
    text-decoration: none;
    border-bottom: none;
	}

@media screen and (min-width: 48em){
	.editorial h2 { font-size: unset; }
}
@media screen and (min-width: 64em){
	.editorial h2 { font-size: unset; }
}

/* ======================================== */
/*  Common
/* ======================================== */
.str_bloc{
	position:relative;
	font-family:'LorealProMedium', sans-serif;
	font-weight:400;
	font-style:normal;
	color:#000;
	background-color:#fff;
	overflow:hidden;
	}
.str_bloc.var_dark{
	color:#fff;
	background-color:#000;
	}
.str_bloc .ctn_bloc{
	position:relative;
	z-index:1;
	}
.str_bloc a{
	color:#000;
	}
.str_bloc.var_dark a{
	color:#fff;
	}
.str_bloc button{
	font-family:'LorealProMedium', sans-serif;
	}


.t_small,
.t_small_d {
	font-weight: inherit;
	font-size: 0.85em;
	}
.t_small_m {
	font-weight: inherit;
	font-size: 1em;
	}

@media screen and (max-width: 767px) {
	.t_small,
	.t_small_m {
		font-size: 0.85em;
		}
	.t_small_d {
		font-size: 1em;
		}
}
strong{
	font-weight: 700;
	}
.obj_section{
	position:relative;
	width: 100%;
	font-family: 'LorealProMedium', sans-serif;
	font-weight:400;
	font-style:normal;
	color:#000;
	background-color:#fff;
	overflow:hidden;
	padding: var(--aox-150px) 0 0 0;
	}
.obj_section.var_black{ color:#ffffff; background-color:#000000; }
.obj_section .ctn_section{
	z-index:1;
	height:100%;
	margin: 0 auto;
	width: var(--aox-1220px);
	display: flex;
	}
.obj_section .ctn_section.grid_extended{ width: 100%; }
.obj_section a{
	color:#000;
	}
.obj_section.var_black a{
	color:#fff;
	}
.obj_section button{
	font-family: 'LorealProMedium', sans-serif;
	}
.obj_section img {
    height: auto;
    width: auto;
    max-width: 100%;
	}
.obj_section .ctn_button{
	display: inline-block;
	}

@media screen and (max-width: 767px) {
	.obj_section{
		padding: var(--aox-60px) 0 0 0;
		}
	}

/* TITLES */
.obj_section h1,
.obj_section h2,
.obj_section h3,
.obj_section h4,
.obj_section h5,
.obj_section h6{
	font-family:'LorealProBold', sans-serif;
	line-height:1;
	letter-spacing:0;
	}
.t_subtitle{
	margin-bottom:var(--aox-10px);
    font-size:var(--aox-fs-34px);
	font-weight:700;
	}
.t_title,
h2.t_title{
	font-size:var(--aox-fs-42px); 
	font-weight:700;
	margin-bottom:var(--aox-10px);
	}
.t_title-2,
h2.t_title-2{
	font-size:var(--aox-fs-66px);
	font-weight:700;
	margin-bottom:var(--aox-20px);
	}
.t_title-3{
	font-size:var(--aox-fs-20px);
	font-weight:700;
	}
.t_desc{
	font-size:var(--aox-fs-16px);
	line-height:1.4;
	}
.t_desc a{
	text-decoration:underline;
	}
.t_legal{
	font-size: var(--aox-fs-14px);
	color: #b3b3b3;
	}
.t_ribbon{
	position: relative;
   	display: flex;
	margin-bottom: var(--aox-10px);
	}
.t_ribbon span{
	font-size: var(--aox-fs-22px); line-height: 1;
	color: #ffffff;
	background-color: #000000;
	text-transform: uppercase;
	padding: var(--aox-4px) var(--aox-10px);
	font-weight: 700;
	}
.var_white.t_ribbon span{
	background-color: #ffffff;
	color:#000000;
	}
.var_black .t_desc,
.var_black .t_desc a{
	color:#fff;
	}
.t_mention{
	position: relative;
	width: var(--aox-1220px);
	margin: var(--aox-20px) auto;
	font-size: var(--aox-fs-12px); line-height: 1.4;
	color: rgba(0,0,0,0.5);
	text-align: left;
	}
.var_black .t_mention{
	color:rgba(255,255,255,0.5);
	}
.t_new{
	display:inline-block;
	padding:var(--aox-7px) var(--aox-15px);
	font-size:var(--aox-fs-16px); line-height:1;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	background:#000;
	}
.ctn_txt .t_desc + .t_desc {
   margin-top: var(--aox-10px);
	}
.ctn_title-section{
	position:absolute;
	left:50%; top:0;
	width:100%; max-width:var(--aox-grid);
	transform:translateX(-50%);
	}
	
@media screen and (max-width:767px){
	.obj_section .ctn_section.section_extented {
		margin: var(--aox-50px) auto;
		max-width: var(--aox-520px);
		width: 100%;
		}
	.obj_section .ctn_section.section_extented .ctn_txt{
		width: var(--aox-340px);
		margin: 0 auto;
		}
	.obj_section .ctn_section{
		display: flex;
		flex-direction: row;
		}
	.obj_section .ctn_section.section_extented{
		width: 100%;
		}
	.t_title,
	h2.t_title{
		font-size:7vw;
		}
	.t_title br,
	h2.t_title br{
		display: none;
		}
	.t_title-2,
	h2.t_title-2{
		font-size:10vw;
		margin-bottom: var(--aox-10px);
		}
	.t_subtitle{
		font-size: 4.7vw;
		margin-bottom: var(--aox-10px);
		}
	.t_ribbon span {
		font-size: var(--aox-fs-12px);
    	padding: var(--aox-6px) var(--aox-10px) var(--aox-4px) var(--aox-10px);
		}	
	.t_new{
		font-size:var(--aox-fs-14px);
		}
	.t_desc{
		font-size: var(--aox-fs-16px);
		}
	.t_desc br{
		display: none;
		}
	.t_desc + .t_desc{
		margin-top: var(--aox-10px);
		}
	.obj_section .ctn_section{		
		width: var(--aox-col-6);
		margin: 0 auto;
		flex-flow: column-reverse;
		}
	.t_mention{
		position: absolute;
		left: var(--aox-20px);
		bottom: -20px;
		width: var(--aox-col-6);
		line-height: 2.4;
		}
}

/* ======================================== */
/*  CARROUSEL
/* ======================================== */
.obj_carrousel_css {
	position:relative;width:100%;max-width:var(--aox-1220px);/*overflow:hidden;*/transition:opacity .5s ease .5s;padding:0;margin:0 auto;
	}
.obj_carrousel_css .items {
	position: relative;
	min-height: var(--aox-270px);
	z-index: 1;
	-webkit-perspective: var(--aox-500px);
	perspective: var(--aox-500px);
	overflow: hidden;
	width: var(--aox-1220px);
	}
.obj_carrousel_css .items .item {
	opacity: 0; position: absolute; width: 100%;
	}
.obj_carrousel_css.is-ready .item {
	transition: all .5s, opacity .5s ease-in;
	}
.obj_carrousel_css .item.current {
	opacity: 1; z-index: 10;
	}
.obj_bloc .obj_push {
	position: relative;
	}
.obj_carrousel_css .next-0 {
	opacity: 1; z-index: 9; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);
	}
.obj_carrousel_css .next-1 {
	opacity: 1; z-index: 8; -webkit-transform: translate3d(200%,0,0); transform: translate3d(200%,0,0);
	}
.obj_carrousel_css .next-2 {
	opacity: 1; z-index: 7; -webkit-transform: translate3d(300%,0,0); transform: translate3d(300%,0,0);
	}
.obj_carrousel_css .prev-0 { z-index: 5; }
.obj_carrousel_css .prev-1 { z-index: 4; }
.obj_carrousel_css .prev-2 { z-index: 3; }

/* ---- Nav ------ */
.obj_carrousel_css .nav {
	margin-top: var(--aox-30px);
	}
.obj_carrousel_css .nav .prev,
.obj_carrousel_css .nav .next {
	border: none;
	top: 50%;
	width: var(--aox-40px);
	margin: 0;
	height: var(--aox-50px);
	padding: 0;
	position: absolute;
	text-indent: calc(-1 * var(--aox-9999px));
	cursor: pointer;
	transform: translateY(calc(-1 * var(--aox-20px)));
	z-index: 10;
	background: none;
	}
.obj_carrousel_css .nav .prev { left: calc(-1 * var(--aox-40px)); }
.obj_carrousel_css .nav .next { right: calc(-1 * var(--aox-40px)); }
.obj_carrousel_css .nav .prev:after, .obj_carrousel_css .nav .next:after {
	content: "";
	position: absolute;
	width: var(--aox-26px);
	height: var(--aox-26px);
	border-right: var(--aox-1px) solid #fff;
	border-top: var(--aox-1px) solid #fff;
	top: 50%;
	background: none;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0);
	}
.obj_carrousel_css .nav .next:after {
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	left: 0;
	}
.obj_carrousel_css .nav .prev:after {
	-webkit-transform: translateY(-50%) rotate(-135deg);
	transform: translateY(-50%) rotate(-135deg);
	right: 0;
	}
.obj_carrousel_css .nav .prev.disabled,
.obj_carrousel_css .nav .next.disabled {
	opacity: 0.3; cursor: default;
	}
.obj_carrousel_css .nav .prev:hover:after, .obj_carrousel_css .nav .next:hover:after {
	border-right: var(--aox-2px) solid #fff;
   border-top: var(--aox-2px) solid #fff;
	}
.obj_carrousel_css .nav ul {
	height:var(--aox-16px);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
	}
.obj_carrousel_css .nav ul li {
	display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items: center;height: var(--aox-3px);width: var(--aox-90px);margin: 0 var(--aox-5px) 0 0;
	}
.obj_carrousel_css .nav ul li:last-child { margin:0 0 0 0; }
.obj_carrousel_css .nav ul li button {
	border:none;height:100%;width:100%;text-indent:calc(-1 * var(--aox-9999px));padding:0;background:rgba(255,255,255,0.5);cursor:pointer;
	}
.obj_carrousel_css .nav ul li .current {
	background: #ffffff;
	}

@media screen and (max-width: 768px) {
	.obj_carrousel_css .items {
		min-height: var(--aox-150px);
		}
	.obj_carrousel_css .nav .prev, .obj_carrousel_css .nav .next{
		display: none;
		}
}

/* ======================================== */
/*  Buttons
/* ======================================== */
.obj_section .ctn_button h3{
	margin-bottom: var(--aox-10px);
    font-size: var(--aox-fs-14px);
    line-height: 1.2;
    text-align: center;
    font-weight: 700;
	}
.obj_button,
.editorial .obj_button{
	position: relative;
    display: block;
    padding: 12px 2vw;
    min-width: 10.4vw;
    font-size: var(--aox-fs-16px);
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    border: 2px solid #000;
    border-radius: 100vw;
    overflow: hidden;
	}
.var_black .obj_button{
	color:#fff;
	border-color:#fff;
	}
.obj_button span{
	display:none;
	}
.obj_buttons{
	display:flex;
	}
.obj_buttons .ctn_button:last-of-type{
	margin-left:var(--aox-20px);
	}
.obj_buttons .ctn_button h3{
	margin-bottom:var(--aox-10px);
	font-size:var(--aox-fs-14px); line-height:1.2;
	text-align:center;
	font-weight:700;
	}

@media screen and (min-width:1025px){
	.obj_button span{
		display: flex;
		justify-content: center;
		position: absolute;
		left: -2px;
		top: -2px;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		padding-top: 24px;
		color: #fff;
		font-weight: 700;
		background: #000;
		transform: translateY(100%);
		border-radius: 100vw;
		}
	.var_black .obj_button span{
		color:#000;
		background:#fff;
		}
	.obj_button.mouse-enter span{
		animation:buttonMouseEnter .4s cubic-bezier(0.5,1,0.89,1) forwards;
		}
	@keyframes buttonMouseEnter{
		0%{ transform:translateY(100%); }
		50%{ padding-top:var(--aox-24px); }
		100%{ transform:translateY(0); padding-top:var(--aox-14px); }
		}
	.obj_button.mouse-leave span{
		animation:buttonMouseLeave .4s cubic-bezier(0.11,0,0.5,0) forwards;
		}
	@keyframes buttonMouseLeave{
		0%{ transform:translateY(0); padding-top:var(--aox-14px); }
		50%{ padding-top:0; }
		100%{ transform:translateY(-100%); }
		}
}
@media screen and (max-width:1024px){
	.obj_button{
		padding:var(--aox-12px) var(--aox-30px);
		min-width:unset;
		}
}
@media screen and (max-width:767px){
	.obj_button,
	.editorial .obj_button {
		padding: 12px;
    	font-size: 3vw;
		}	
	.obj_buttons .ctn_button h3{
		font-size:var(--aox-fs-12px);
		}
	.obj_buttons .ctn_button,
	.obj_buttons .ctn_button + .ctn_button{
		width:50%;
		}
	.obj_buttons .ctn_button:first-of-type{
		margin-right:var(--aox-10px);
		}
	.obj_buttons .ctn_button:last-of-type{
		margin-left:var(--aox-10px);
		}
}
/* ======================================== */
/*  obj_video-background
/* ======================================== */
.obj_video-background{
	position:absolute;
	z-index:1;
	left:50%; top:50%;
	width:100%; height:100%;
	transform:translate(-50%,-50%);
	overflow:hidden;
	}
.obj_video-background video{
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	}
@media screen and (min-width:768px){
	.obj_video-background .video_mobile{
		display:none;
		}
}
@media screen and (max-width:767px){
	.obj_video-background .video_desktop{
		display:none;
		}
}

/* ======================================== */
/*  obj_video
/* ======================================== */
.obj_video {
	max-width: var(--aox-1220px);
	margin: 0 auto;
	}

/*  obj_player-video */
.obj_player-video{
	position:absolute;
	left:0; top:0;
	width:100%; height: auto;
	}
iframe.obj_player-video{	
	height: 100%;
	}
div.obj_player-video{
	cursor:pointer;
	}
.obj_player-video svg{
	position:absolute;
	left:50%; top:50%;
	fill:#fff;
	filter:drop-shadow(0 0 30px rgba(0,0,0,0.6));
	transform:translate(-50%,-50%);
	transform-origin:left top;
	transition:all .3s ease;
	}
.obj_player-video .v_video-thumbnail{
	width:100%;
	}
@media screen and (min-width:1025px){
	.obj_player-video:hover svg{
		transform:scale(1.2) translate(-50%,-50%);
		}
}
@media screen and (max-width:767px){
	.obj_player-video svg{
		width:64px; height:64px;
		}
	/*.obj_player-video{
		height: var(--aox-240px);
		}*/
}

/* ======================================== */
/*  parallax-fixed-element
/* ======================================== */
.parallax-fixed-element{
	opacity:0;
	}
.parallax-fixed-element.parallax-fixed-element-init{
	opacity:1;
	}

/* ======================================== */
/*  section_banner_home
/* ======================================== */
.section_banner_home{
	height: auto;
	background: rgb(235,235,235);
	background: -webkit-linear-gradient(rgba(235,235,235,1) 0%, rgba(251,251,251,1) 100%);
	background: -o-linear-gradient(rgba(235,235,235,1) 0%, rgba(251,251,251,1) 100%);
	background: linear-gradient(rgba(235,235,235,1) 0%, rgba(251,251,251,1) 100%);
	padding: 0;
	}
.section_banner_home .ctn_section{
	position:relative;
	display:flex;
	height:100%;
	z-index:3;
	padding: var(--aox-245px) 0 var(--aox-35px);
	}
.section_banner_home .ctn_txt {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	}
.section_banner_home .ctn_txt > div{		
	padding: var(--aox-25px);
	}
.section_banner_home .t_title{
	line-height: 1;
	letter-spacing: -0.01em;
	font-weight: 700;
	margin-bottom: var(--aox-25px);
	}
.section_banner_home .t_desc{
	margin-bottom: var(--aox-20px);
	}
.section_banner_home .ctn_background {
	position: absolute;
	opacity: 1;
	transition: opacity .5s ease .5s;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	}
.section_banner_home .ctn_background img {
   width: 100%;
	height: 100%;
	object-fit: cover;
	}
.section_banner_home.parallax-fixed-element-init .ctn_background {
   opacity: 1;
	}
.section_banner_home.parallax-fixed-element .ctn_background {
   opacity: 0;
	}
.section_banner_home .t_mention{
	position: absolute;
   bottom: var(--aox-20px);
	color:rgba(255,255,255,0.5);
	text-align: right;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	z-index: 2;
	}
@media screen and (min-width:768px){
	.section_banner_home{
		height: var(--aox-870px);
		}
	.section_banner_home .ctn_section{
		align-items: center;
		position:relative;
		display: flex;
		height: 100%;
		z-index: 3;
		margin: 0 auto;
		padding: 0;
		justify-content: flex-end;
		}
	.section_banner_home .ctn_background {
		height: 100%;
		padding: 0;
		top: 0;
		bottom: unset;
		}
	.section_banner_home .ctn_background img {
		height: 100%;
		object-fit: cover;
		}
	.section_banner_home .ctn_txt {
		margin: var(--aox-300px) 0 auto;
		width: calc( var(--aox-col-5-gutter) + var(--aox-gutter) );
		}
	.section_banner_home .ctn_txt > div{		
		padding: var(--aox-40px);
		}	
	.section_banner_home .t_title{
		font-size: var(--aox-fs-44px);
		margin-bottom: var(--aox-20px);
		}
}

/* ======================================== */
/*  bloc_auto-banner
/* ======================================== */
.bloc_auto-banner{
	padding-top:1vw;
	height: var(--aox-100px);
	overflow:hidden;
	background:#000;
	}
.bloc_auto-banner .ctn_auto-banner{
	width:1000vw;
	}
.bloc_auto-banner h2{
	display:flex;
	font-size:3.1vw; line-height:1;
	color:#fff;
	}
.bloc_auto-banner h2 span{
	margin-right:3vw;
	font-weight:700;
	}

/* animations */
.bloc_auto-banner{
	opacity:0;
	transition:opacity .5s cubic-bezier(0.25,0.46,0.45,0.94) .5s;
	}
.bloc_auto-banner.is-init{
	opacity:1;
	}

@media screen and (max-width:767px){
	.bloc_auto-banner{
		padding: var(--aox-30px) 0;
		height: var(--aox-100px);
		}
	.bloc_auto-banner h2{
		font-size:10.5vw;
		}
	.bloc_auto-banner h2 span{
		margin-right:7vw;
		}
}

/* ======================================== */
/*  .section_desc
/* ======================================== */
.obj_section.section_desc.desc_01{
	padding:  var(--aox-60px) 0;
	}
	
.section_desc{
	background: #fff;
   }
.section_desc .ctn_section{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	}
.section_desc .ctn_img{
	width: 100%;
	margin: 0;
	order: 2;
	}
.section_desc .ctn_img > div{
	display: block;
	height: 0;
	width: 100%;
	overflow: hidden;
	opacity: 0;
	transition: opacity .5s ease 1s, height .5s cubic-bezier(0.25,0.46,0.45,0.94);
	}
.section_desc.parallax-fixed-element-init .ctn_img > div {
	height: 100%;
	opacity: 1;
	}
.section_desc.parallax-fixed-element-init .ctn_img > div video{
	max-width: 100%;
	height: auto;
	}
.section_desc .ctn_img picture{
	display: block;
	}
.section_desc .ctn_txt{
	display: block;
	margin: 30px 0;
	opacity: 0;
	order: 1;
	transition: opacity .5s ease 0s;
	}
.section_desc .ctn_txt > * + * {
	margin: var(--aox-20px) 0 0 0;
	}
.section_desc .ctn_txt .obj_buttons {
	margin: var(--aox-30px) 0 0 0;
	}

.section_desc.parallax-fixed-element-init .ctn_txt {
   opacity: 1;
	}


@media screen and (min-width:768px){
	.obj_section.section_desc.desc_01{
		padding:  var(--aox-150px) 0;
		}
	.section_desc.obj_section .ctn_section{
		flex-flow: row nowrap;
		}
	.section_desc .ctn_img{
		order: 1;
		margin-top: unset;
		width: var(--aox-col-6-gutter);
		}
	.section_desc .ctn_txt{
		order: 2;
		width: var(--aox-col-5);
		}
}

/* ======================================== */
/*  .section_video-full
/* ======================================== */

.section_video-full {
	padding: var(--aox-150px) 0;
	}
.section_video-full .obj_video {
	width: 100%;
   	margin: 0 auto;
	}
.section_video-full .ctn_player-video{
	position:relative;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	}
.section_video-full .ctn_button .obj_button{
	display: inline-block;
	margin-top: var(--aox-50px);
	}
.section_video-full .ctn_button{
	display: block;
	}
.section_video-full .obj_video .obj_player-video svg{
	opacity: 0;
	transition: all .5s ease;
	}
.section_video-full.parallax-fixed-element-init .obj_video .obj_player-video svg{
	opacity: 1;
	}
.section_video-full .obj_video .ctn_button p{
	opacity: 0;
	transition: opacity .5s ease .5s;
	text-align: center;
	}
.section_video-full.parallax-fixed-element-init .obj_video .obj_player-video svg,
.section_video-full.parallax-fixed-element-init .obj_video .ctn_button p{
   opacity: 1;
	}
.section_video-full .obj_video .ctn_player-video > div{
	position: absolute;
	display: block;
	height: 0;
	width: 100%;
	overflow: hidden;
	transition: opacity .5s ease, height .5s cubic-bezier(0.25,0.46,0.45,0.94);
	}
.section_video-full.parallax-fixed-element-init .obj_video .ctn_player-video > div{
   height: 100%;
	}


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

	.section_video-full {
		padding: var(--aox-60px) 0;
		}
	.section_video-full .ctn_button .obj_button{
		margin-top: var(--aox-30px);
		}
}

/* ======================================== */
/*  bloc_step-tech
/* ======================================== */

.bloc_step-tech .ctn_section {
	justify-content: space-between;
	}

.bloc_step-tech .ctn_txt{
	width: var(--aox-col-6-gutter);
	}
.bloc_step-tech .ctn_txt > * + *{
	margin-top: var(--aox-20px);
	}


.bloc_step-tech .ctn_txt ol li{
	position:relative;
	padding: var(--aox-30px) 0 0 4.7vw;
	} 
.bloc_step-tech .ctn_txt ol li + li{
	margin-top: var(--aox-20px);
	}
.bloc_step-tech .ctn_txt ol li::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:3.6vw;
	height:4.1vw;
	background:url('https://www.lorealprofessionnel.com/int/-/media/Master/FrenchBalayageShadowAOX_2022/images/t_brush-1.jpg') center center / cover no-repeat;
	}
.bloc_step-tech .ctn_txt ol li + li::before{
	background-image:url('https://www.lorealprofessionnel.com/int/-/media/Master/FrenchBalayageShadowAOX_2022/images/t_brush-2.jpg');
	}
.bloc_step-tech .ctn_txt li .t_subtitle{
	font-size: var(--aox-fs-24px);
	font-weight: 700;
	}
.bloc_step-tech .ctn_txt li span{
	font-size: 14px;
	color: #cecece;
	font-style: italic;
	margin-bottom: 20px;
	}
.bloc_step-tech .ctn_txt .obj_buttons {
	margin: var(--aox-30px) 0 0 0;
	}

.bloc_step-tech .ctn_img{
	width: var(--aox-col-5);
	}


@media screen and (max-width:767px){
	.bloc_step-tech .ctn_txt{
		width: 100%;
		margin-top: var(--aox-20px);
		}
	.bloc_step-tech .ctn_img{
		width: 100%;
		margin-left: 0;
		}
	.bloc_step-tech .ctn_txt p{
		margin-top:var(--aox-15px);
		}

	.bloc_step-tech .ctn_txt .obj_buttons{
		margin-top: var(--aox-30px);
		}
	.bloc_step-tech .ctn_txt ol{
		margin-top:var(--aox-20px);
		}
	.bloc_step-tech .ctn_txt ol li{
		padding-left: 20%;
		font-size: 4.2vw;
		height: auto;
		} 
	.bloc_step-tech .ctn_txt ol li::before{
		width: 10.3vw;
    	height: 11.7vw;
		margin-top: 5%;
		}
	.bloc_step-tech .ctn_txt ol li + li{
		margin-top:4vw;
		}
	
	}
/* ======================================== */
/*  bloc_carrousel-color
/* ======================================== */
.bloc_carrousel-color{	
	padding: 0 0 var(--aox-150px) 0;
	background:#fff;
	}
.bloc_carrousel-color .ctn_section{
	height: 100%;
	padding: 0;
	justify-content: center;
	}
.bloc_carrousel-color .ctn_bloc{
	opacity: 0;
	padding:0;
	transition: all .5s ease .5s;
	}
.bloc_carrousel-color .ctn_carrousel{
	position: relative;
	width: 100%;
	}
.bloc_carrousel-color .ctn_txt{
	opacity: 0;
	transition: opacity .5s ease .5s;
	}
.bloc_carrousel-color.parallax-fixed-element-init .ctn_txt {
	opacity: 1;
	}
.bloc_carrousel-color .ctn_txt ul{
	margin: var(--aox-10px) 0 var(--aox-30px);
	padding: 0;
	}
.bloc_carrousel-color .ctn_txt ul li{
	margin: 0 0 var(--aox-20px);
	font-size: var(--aox-fs-30px);
	font-weight: 700;
	}
.bloc_carrousel-color.parallax-fixed-element-init .ctn_bloc{
	opacity: 1;
	}
.bloc_carrousel-color .t_title{
	margin-bottom: var(--aox-20px);
	}
/*	
.bloc_carrousel-color .obj_carrouselCss{
	opacity: 0;
	transition: opacity .5s ease .5s;
	}
.bloc_carrousel-color .obj_carrouselCss.is-ready{
	opacity:1;
	}
*/	
.bloc_carrousel-color .obj_carrouselCss .item{
	position:absolute;
	z-index:2;
	width: 50%;
	max-width: 510px;
	left:0; top:0;
	transition-delay:0.75s;
	overflow:hidden;
	}
.bloc_carrousel-color .obj_carrouselCss .item::before{
	content:'';
	position:absolute;
	z-index:2;
	right:-110%; top:0;
	width:110%; height:100%;
	background:#000;
	}
.bloc_carrousel-color .obj_carrouselCss .ctn_item{
	display:flex;
	justify-content:space-between;
	padding: 0;
	}
.bloc_carrousel-color .obj_carrouselCss .ctn_item figure{
	position:relative;
	z-index:1;
	}
.bloc_carrousel-color .obj_carrouselCss .ctn_item figure img{
	max-width:100%;
	}
.bloc_carrousel-color .obj_carrouselCss .ctn_item figure figcaption{
	position: absolute;
	top: var(--aox-20px);
	right: var(--aox-20px);
	font-family: "LorealProMedium", Sans-serif;
	font-size: 20px; line-height:1.2em;
	font-weight: 700;
	color: #000;
	}
.bloc_carrousel-color .obj_carrouselCss.transition-03 .next-0 {
	transform: translateX(102%);
	}
.bloc_carrousel-color .obj_carrouselCss.transition-03 .next-1{
	transform: translateX(204%);
	}
.bloc_carrousel-color .t_mention{
	text-align: right;
	}
/* transition-03 */
.obj_carrouselCss.transition-03 .prev-0{
	transform:translateX(-155%);
	}	
.obj_carrouselCss.transition-03 .item.current{
	transform:translateX(0);
	}
.obj_carrouselCss.transition-03 .next-0{
	transform:translateX(55%);
	}
/*	
.obj_carrouselCss.transition-03 .prev-0 .ctn_img figure::before,
.obj_carrouselCss.transition-03 .item.current .ctn_img figure::before,
.obj_carrouselCss.transition-03 .next-0 .ctn_img figure::before{
	animation:transition-03-masque 1.5s cubic-bezier(0.77,0,0.175,1) forwards;
	}
.obj_carrouselCss.transition-03 .prev-0 .ctn_txt,
.obj_carrouselCss.transition-03 .item.current .ctn_txt,
.obj_carrouselCss.transition-03 .next-0 .ctn_txt{
	animation:transition-03-opacity 1.5s cubic-bezier(0.77,0,0.175,1) forwards;
	}
*/	
.obj_carrouselCss.transition-03 .prev-0::before,
.obj_carrouselCss.transition-03 .item.current::before,
.obj_carrouselCss.transition-03 .next-0::before {
   animation: transition-03-masque 1.5s cubic-bezier(0.77,0,0.175,1) forwards;
	}
@keyframes transition-03-masque{
	0%{ right:-110%; }
	50%{ right:-5%; }
	100%{ right:110%; }
}



/*
@keyframes transition-03-opacity{
	0%{ opacity:1; }
	50%{ opacity:0; }
	100%{ opacity:1; }
}
@keyframes transition-03-move{
	0%{ transform:translateX(0); }
	49%{ transform:translateX(0); }
	50%{ transform:translateX(1.25vw); }
	100%{ transform:translateX(0); }
}
*/

@media screen and (min-width:768px){
	.bloc_carrousel-color .ctn_section{
		width: 100%;
		padding: 0 var(--aox-external-gutter) 0 var(--aox-120px);
		}
	.bloc_carrousel-color .ctn_carrousel {
		width: var(--aox-1030px);
		height: var(--aox-630px);
		}
	.bloc_carrousel-color .obj_carrouselCss .item::before {
		right: auto;
		}
	@keyframes transition-03-desktop{
		0%{ left: 0%; }
		50%{ left: 100%; }
		100%{ left: 110%; }
	}
	.bloc_carrousel-color.parallax-fixed-element-init .obj_carrouselCss.transition-03.is-ready .prev-0::before,
	.bloc_carrousel-color.parallax-fixed-element-init .obj_carrouselCss.transition-03.is-ready .item.current::before,
	.bloc_carrousel-color.parallax-fixed-element-init .obj_carrouselCss.transition-03.is-ready .next-0::before {
		animation: transition-03-desktop 1.5s cubic-bezier(0.77,0,0.175,1) forwards;
		}		
	.bloc_carrousel-color .obj_carrouselCss .nav{
		display: none;
		}
	.bloc_carrousel-color .ctn_txt{
		width: var(--aox-col-3-gutter);	
		margin: auto 0  auto var(--aox-col);
		}
	.bloc_carrousel-color .ctn_txt ul{
		margin: var(--aox-30px) 0;
		}
	.bloc_carrousel-color .t_legal{
		position: absolute;
		z-index:1;
		left: 0; bottom: 0;
		}
}
@media screen and (max-width:767px){
	.bloc_carrousel-color{
		padding:60px 0;
		}
	.bloc_carrousel-color .ctn_txt{
		order: 1;
		}
	.bloc_carrousel-color .ctn_carrousel{
		margin: var(--aox-30px) 0 0;
		order: 2;
		opacity: 0;
		transition: opacity .5s ease 1s;
		}
	.bloc_carrousel-color.parallax-fixed-element-init .ctn_carrousel{
		opacity: 1;
		}
	.bloc_carrousel-color .t_title{
		max-width:100%;
		padding:0;
		}
	.bloc_carrousel-color .obj_carrouselCss .ctn_item{
		flex-direction: column;
		padding: 0;
		}
	.bloc_carrousel-color .obj_carrouselCss .item{
		width: 100%;
		max-width: 325px;
		transition: all .5s, opacity .5s ease-in;
		}
	.bloc_carrousel-color .obj_carrouselCss.transition-03 .prev-0 {
		transform: translateX(-102%);
		}
	.bloc_carrousel-color .obj_carrousel_css .next-0 {
		opacity: 1; z-index: 9; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0);
		}
	.bloc_carrousel-color .obj_carrousel_css .next-1 {
		opacity: 1; z-index: 8; -webkit-transform: translate3d(200%,0,0); transform: translate3d(200%,0,0);
		}
	.bloc_carrousel-color .obj_carrouselCss .item::before{
		display: none;
		}
	.bloc_carrousel-color .obj_carrouselCss .ctn_item figure{
		position: relative;
		width: 100%;
		max-width: inherit;
		}
	.bloc_carrousel-color .obj_carrouselCss .ctn_item figure img{
		position:relative;
		z-index:1;
		}
	.bloc_carrousel-color .obj_carrouselCss .ctn_item figure figcaption{
		position:absolute;
		z-index:2;
		left:20px; top:20px;
		margin-top:0;
		width:13vw;
		font-size:18px;
		text-align:left;
		color:#000;
		}
	.bloc_carrousel-color .obj_carrouselCss .nav ul{ 
		display: flex;
		justify-content: space-between;
		padding: 9.52vw 0 4.76vw;
		width: 100%;
		}
	.bloc_carrousel-color .obj_carrouselCss .nav .prev,
	.bloc_carrousel-color .obj_carrouselCss .nav .next,
	.bloc_carrousel-color .obj_carrouselCss .nav .prev::before,
	.bloc_carrousel-color .obj_carrouselCss .nav .next::before{
		display: none;
		}
	.bloc_carrousel-color .obj_carrouselCss .nav ul li{
		width: 49%;
		margin: 0;
		font-size: 0;
		}
	.bloc_carrousel-color .obj_carrouselCss .nav ul li button{
		width: 100%;
		height: 4px;
		font-size: 0;
		transition: all .3s ease;
		background:rgba(255,255,255,0.3);
		}
	.bloc_carrousel-color .obj_carrouselCss .nav ul li button.current{
		background:rgba(255,255,255,1);
		}
	.bloc_carrousel-color .obj_carrouselCss .nav ul{
		padding-top: var(--aox-40px)
		}
	.bloc_carrousel-color .t_mention{
		text-align: left;
		}	
}

/* ======================================== */
/*  .section_step_protocol
/* ======================================== */
.section_step_protocol .ctn_section{
	display:flex;
	height: auto;
	z-index:3;
	margin: var(--aox-50px) auto var(--aox-20px);
	}
.section_step_protocol .ctn_txt {
	transition: opacity .5s ease;
	opacity: 0;
	}
.section_step_protocol .t_desc-legal{
	font-size: var(--aox-fs-12px);
	opacity: 0.5;	
	}	
.section_step_protocol .ctn_background {
	background: #000;
	}
.section_step_protocol .ctn_background picture {
	overflow: hidden;
	opacity: 0;
	height: 0;
	transition: opacity .5s ease .5s;
	display: block;
	position: relative;
	}
.section_step_protocol .ctn_background img {
	width: 100%;
	transition: opacity .5s ease .5s;
	}
.section_step_protocol.parallax-fixed-element-init .ctn_txt,
.section_step_protocol.parallax-fixed-element-init .ctn_background picture {
	opacity: 1;
	}
.section_step_protocol.parallax-fixed-element-init .ctn_background picture{
	height: 100%;
	}
.section_step_protocol p + p {
	margin-top: var(--aox-20px);
	}
.section_step_protocol .list_steps-protocol{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	}
.section_step_protocol .list_steps-protocol .step-protocol{
	position: absolute;
	opacity: 0;
	display: flex;
	}
.section_step_protocol .list_steps-protocol .step-protocol em{
	font-size: var(--aox-fs-80px);
	line-height: 0.9;
	letter-spacing: -0.01em;
	font-weight: 700;
	}
.section_step_protocol .list_steps-protocol .step-protocol .ctn_text{
	margin-left: var(--aox-10px);
	}
.section_step_protocol .list_steps-protocol .step-protocol .ctn_text .t_title{
	margin-bottom: var(--aox-5px);
	font-size: var(--aox-fs-18px);
	line-height: 1;
	font-weight: unset;
	}
.section_step_protocol .list_steps-protocol .step-protocol .ctn_text .t_claim{
	margin-bottom: var(--aox-5px);
	font-size: var(--aox-fs-12px);
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	}
.section_step_protocol .list_steps-protocol .step-protocol .ctn_text p{
	position: relative;
	font-size: var(--aox-fs-14px);
	line-height: 1.4;
	}
.section_step_protocol .list_steps-protocol .step-protocol.step1{
	padding-top: var(--aox-30px);
	padding-bottom: var(--aox-20px);
	padding-left: calc(var(--aox-col) / 2);
	width: 60%;
	bottom: var(--aox-80px);
	left: 0;
	}
.section_step_protocol .list_steps-protocol .step-protocol.step2{
	top: var(--aox-230px);
	width: var(--aox-col-10);
	left: var(--aox-60px);
	}
.section_step_protocol .list_steps-protocol .step-protocol.step2 .ctn_text{
	margin-top: var(--aox-5px);
	}
.section_step_protocol .list_steps-protocol .step-protocol.step3{
	padding-right: calc(var(--aox-col) / 2);
	width: var(--aox-col-6);
	right: 0;
	}
.section_step_protocol .list_steps-protocol .step-protocol.step3 .ctn_text{
	margin-top: var(--aox-5px);
	}
.section_step_protocol.parallax-fixed-element-init .list_steps-protocol .step-protocol.step1 {
	transition: opacity .5s ease .5s;
	opacity: 1;
	}
.section_step_protocol.parallax-fixed-element-init .list_steps-protocol .step-protocol.step2 {
	transition: opacity .5s ease .5s;
	opacity: 1;
	}
.section_step_protocol.parallax-fixed-element-init .list_steps-protocol .step-protocol.step3 {
	transition: opacity .5s ease .5s;
	opacity: 1;
	}
.section_step_protocol.parallax-fixed-element-init .list_steps-protocol .step-protocol.step3 .ctn_text .t_title br{
	display: none;
	}

@media screen and (max-width:767px){
	.section_step_protocol {
		height: auto;
		padding: 0 0 var(--aox-40px);
		}
	.section_step_protocol .ctn_section{
		margin: var(--aox-50px) auto var(--aox-50px);
		}
	.section_step_protocol .ctn_txt .t_subtitle,
	.section_step_protocol .ctn_txt .t_title{
		font-size: var(--aox-fs-30px);
		}
	.section_step_protocol .list_steps-protocol .step-protocol .ctn_text{
		margin-left: 0;
		}
	.section_step_protocol .list_steps-protocol .step-protocol .ctn_text .t_title {
		font-size: var(--aox-fs-20px);
		}
	.section_step_protocol .list_steps-protocol .step-protocol .ctn_text .t_claim {
		font-size: var(--aox-fs-15px)
		}
	.section_step_protocol .list_steps-protocol .step-protocol .ctn_text p {
		font-size: var(--aox-fs-16px);
		}
	.section_step_protocol .ctn_txt .t_desc{
		font-size: var(--aox-fs-20px);
		}
	.section_step_protocol .list_steps-protocol .step-protocol em {
		font-size: var(--aox-fs-60px);
		}
	.section_step_protocol .list_steps-protocol .step-protocol.step2 .ctn_text,
	.section_step_protocol .list_steps-protocol .step-protocol.step3 .ctn_text{
		margin-left: 0;
		}
	.section_step_protocol .list_steps-protocol .step-protocol .ctn_text p br{
		display: none;
		}
	.section_step_protocol .ctn_background{
		padding-bottom: 50%;
		position: absolute;
		bottom: 0;
		}
	.section_step_protocol .list_steps-protocol{
		position: relative;
		height: var(--aox-650px);
		}	
	.section_step_protocol .list_steps-protocol .step-protocol.step1{
		position: relative;
		flex-flow: column nowrap;
		width: var(--aox-175px);
		top: 3%;
		padding: 0;
		bottom: auto;
		left: 5%;
		}
	.section_step_protocol .list_steps-protocol .step-protocol.step1 .ctn_text{
		order: 1;
		}
	.section_step_protocol .list_steps-protocol .step-protocol.step1 em{
		order: 2;
		margin-left: var(--aox-10px);
		}
	.section_step_protocol .list_steps-protocol .step-protocol.step2{
		flex-flow: column nowrap;
		width: var(--aox-155px);
		top: 70%;
		left: 2%;
		padding-top: 0;
		}
	.section_step_protocol .list_steps-protocol .step-protocol.step3{
		flex-flow: column nowrap;
		width: var(--aox-155px);
		top: 70%;
		right: 5%;
		left: auto;
		padding: 0;
		}
}

@media screen and (min-width:768px){
	.section_step_protocol {
		height: var(--aox-1370px);
		padding: 0;
		}
	.section_step_protocol .ctn_section{
		align-items: flex-start;
		margin: 0 auto;
		position: relative;
		height:100%;
		}
	.section_step_protocol .ctn_background {
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: none;
		padding: unset;
		}
	.section_step_protocol .ctn_background img {
		height: 100%;
		object-fit: cover;
		}
	.section_step_protocol .ctn_txt{
		width: var(--aox-col-5);
		}	
	.section_step_protocol .t_desc{
		font-size: var(--aox-fs-20px);	
		}		
	.section_step_protocol .t_mention{
		position: absolute;
		z-index: 2;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
		}
	.section_step_protocol .list_steps-protocol{
		width: 100%;
		}
	.section_step_protocol .list_steps-protocol .step-protocol{
		position: absolute;
		display: flex;
		padding-bottom: var(--aox-30px);
		opacity: 0;
		}
	.section_step_protocol .list_steps-protocol .step-protocol em{
		font-size: var(--aox-fs-80px);
		line-height: 0.9;
		letter-spacing: -0.01em;
		font-weight: 700;
		}
	.section_step_protocol .list_steps-protocol .step-protocol .ctn_text{
		margin-left: var(--aox-20px);
		}
	.section_step_protocol .list_steps-protocol .step-protocol .ctn_text .t_title{
		margin-bottom: var(--aox-10px);
		font-size: var(--aox-fs-38px);
		line-height: 1;
		font-weight: unset;
		}
	.section_step_protocol .list_steps-protocol .step-protocol .ctn_text .t_claim{
		margin-bottom: var(--aox-10px);
		font-size: var(--aox-fs-18px);
		line-height: 1;
		font-weight: 700;
		text-transform: uppercase;
		}
	.section_step_protocol .list_steps-protocol .step-protocol .ctn_text p{
		position: relative;
		font-size: var(--aox-fs-16px);
		line-height: 1.375;
		}
	.section_step_protocol .list_steps-protocol .step-protocol.step1{
		width: var(--aox-340px);
		top: var(--aox-1150px);
		padding:0;
		left: var(--aox-70px);
		}
	.section_step_protocol .list_steps-protocol .step-protocol.step2{
		width: var(--aox-400px);
		top: var(--aox-1150px);
		padding-top: 0;
		left: var(--aox-670px);
		}
	.section_step_protocol .list_steps-protocol .step-protocol.step3{
		flex-flow: column;
		width: var(--aox-col-3-gutter);
		top: var(--aox-380px);
		padding: 0;
		right: calc(-1 * var(--aox-55px));
		}
	.section_step_protocol .list_steps-protocol .step-protocol.step3 .ctn_text{
		margin: var(--aox-15px) 0 0 0;
		}
}

/* ======================================== */
/*  .section_salon
/* ======================================== */
.section_salon {
	height: var(--aox-580px);
	padding: var(--aox-40px) 0 var(--aox-100px) ;
	background: #fff;
	color: #fff;
	margin-top: var(--aox-150px);
	}
.section_salon .ctn_section{
	align-items: flex-start;
	margin: 0 auto;
	position: relative;
	height:100%;
	z-index: 2;
	}
.section_salon .ctn_background {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: 580px;
	background: none;
	padding: unset;
	}
.section_salon .ctn_txt,
.section_salon .ctn_background {
	opacity: 0;
	transition: opacity .5s ease .5s;
	}
.section_salon.parallax-fixed-element-init .ctn_txt,
.section_salon.parallax-fixed-element-init .ctn_background {
	opacity: 1;
	}
.section_salon .ctn_background img {
	height: 100%;
	object-fit: cover;
	}
.section_salon .ctn_txt{
	margin: auto;
	width: var(--aox-col-6);
	text-align: center;
	}
.section_salon .ctn_txt .t_title{	
	margin-bottom: var(--aox-25px);
	}
.section_salon .t_mention{
	position: absolute;
	bottom: var(--aox-20px);
	left: 0;
	}

@media screen and (max-width:767px){
	.section_salon {
		margin-top: var(--aox-60px);
		height: var(--aox-470px);
		padding: 0;
		background: #000;
		}
	.section_salon .ctn_background {
		max-height: inherit;
		}
	.section_salon .ctn_txt{
		width: var(--aox-col-5);
		}
}