/* ======================================== */
/*  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: "" "";
	}
picture {
	display: block;
	}
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
/* ======================================== */

.article-container .description-container .inner-container, 
.article-container .description-container .inner-container p, 
.article-container .description-container .inner-container ul li, 
.article-video .desc-content, 
.dispatch_page .ariane li a span, 
.dispatch_page .wrapper_w-100 .content_noresult, 
.dispatch_page p, 
.dispatch_page.search_box .search_boxclk .search_suggest, 
.dispatch_page.search_box .search_boxclk .w-25 form input, 
.dispatch_page.search_box .search_boxclk .w-75 ul li .search-title, 
.editorial .full-width-video.article-video p, 
.editorial article p, 
.editorial article p span, 
.intro_block, .intro_block p, 
.rangeBanner p, 
.related-article 
.related-article-container .content .title, 
section.QABlock p, section.QABlock ul li,
.editorial article h3 {
	font-family: unset !important;
    font-size: unset !important;
	}
h1,h2 {
	letter-spacing: unset;
	}
.editorial h3, .editorial h4, .editorial h5 {
	margin-bottom: unset;
	}

.editorial {
	height: auto !important;
	}
.editorial .wrap {
	padding: 0;
	height: auto !important;
	width: 100%;
	}
.editorial article {
	margin: 0;
	}
.editorial img {
	display: inline-block;
	float: none;
	height: auto;
	width: auto;
	max-height: unset;
	max-width: 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;
	text-decoration: none;
    border-bottom: none;
	}
#btnContinuarLendo {
	display: none !important;
	}

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

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

/* ======================================== */
/*  Common
/* ======================================== */

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

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

	.obj_section .t_small,
	.obj_section .t_small_m {
		font-size: 0.85em !important;
		}
	.obj_section .t_small_d {
		font-size: 1em !important;
		}
	
	}

/***/

strong {
	font-weight: 700;
	}

.obj_section {
	position: relative;
	overflow: hidden;
	width: 100%;
	font-family: "century-gothic", Sans-serif;
	color: black;
	background-color: white;
	}
.obj_section .ctn_section {
	position: relative;
	height: 100%;
	margin: 0 auto;
	width: 100%;
	max-width: var(--aox-1220px);
	}

.obj_section p,
.editorial article p {
	font-family: "century-gothic", Sans-serif;
	font-size: var(--aox-fs-16px) !important;
	line-height: 1.4;
	color: black;
	}
.obj_section a {
	color: black;
	}
.obj_section img {
    height: auto;
    width: auto;
    max-width: 100%;
	}

.obj_section .t_ribbon {
	position: relative;
    display: flex;
	}
.obj_section .t_ribbon span {
    padding: var(--aox-4px) var(--aox-10px);
    font-weight: 700;
	font-size: var(--aox-fs-16px) !important;
	line-height: 1;
    color: white;
    text-transform: uppercase;
    background-color: black;
	}

.obj_section .ctn_section > .t_legal {
	position: absolute;
	left: 0;
	bottom: var(--aox-20px);
	font-size: var(--aox-fs-12px) !important;
	line-height: 1.4;
    color: #808080;
	}

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

	.obj_section p,
	.editorial article p {
		font-size: var(--aox-fs-15px) !important;
		}
	
	.obj_section .t_ribbon span {
		font-size: var(--aox-fs-14px) !important;
		}
	
	.obj_section .ctn_section > .t_legal {
		left: var(--aox-25px);
		bottom: var(--aox-10px);
		}
	
	}

/* ======================================== */
/*  obj_carrousel
/* ======================================== */

.obj_carrousel {
	position: relative;
	}
.obj_carrousel .masque {
	position: relative;
	overflow: hidden;
	z-index: 1;
	}
.obj_carrousel .items {
	width: 100000px;
	max-width: none;
	}
.obj_carrousel .item {
	float: left;
	}
.obj_carrousel .hidden {
	display: block;
	}

/***/

.obj_carrousel .nav .prev,
.obj_carrousel .nav .next {
    position: absolute;
    z-index: 10;
    top: 50%;
    height: var(--aox-60px);
    width: var(--aox-60px);
    margin: 0;
    padding: 0;
    text-indent: calc(-1 * var(--aox-9999px));
	border: none;
    transform: translateY(calc(-1 * var(--aox-30px)));
    background: none;
    cursor: pointer;
	}
.obj_carrousel .nav .prev {
	left: -8vw;
	}
.obj_carrousel .nav .next {
	right: -8vw;
	}
.obj_carrousel .nav .prev::after,
.obj_carrousel .nav .next::after {
    opacity: 1;
    content: "";
    position: absolute;
    top: 50%;
    height: var(--aox-12px);
    width: var(--aox-12px);
    border-right: var(--aox-1px) solid #fff;
    border-top: var(--aox-1px) solid #fff;
    background: none;
    background-color: rgba(255, 255, 255, 0);
	transition: all ease 200ms;
	}
.obj_carrousel .nav .next:after {
    left: 0;
    transform: translateY(-50%) rotate(45deg);
	}
.obj_carrousel .nav .prev:after {
    right: 0;
    transform: translateY(-50%) rotate(-135deg);
	}
.obj_carrousel .nav .prev.disabled,
.obj_carrousel .nav .next.disabled {
	opacity: 0;
	cursor: default;
	}
.obj_carrousel .nav .prev:hover::after,
.obj_carrousel .nav .next:hover::after {
	border-right: var(--aox-2px) solid #fff;
    border-top: var(--aox-2px) solid #fff;
	}

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

	.obj_carrousel .nav .prev,
	.obj_carrousel .nav .next {
		display: none;
		}
	
	}

/* ======================================== */
/*  obj_carrousel
/* ======================================== */

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

	.obj_carrousel_m {
		position: relative;
		margin: 0 auto;
		width: var(--aox-345px);
		}
	.obj_carrousel_m .masque {
		position: relative;
		overflow: visible;
		z-index: 1;
		}
	.obj_carrousel_m .items {
		width: 100000px;
		max-width: none;
		}
	.obj_carrousel_m .item {
		float: left;
		padding: 0 var(--aox-10px);
		}
	.obj_carrousel_m .hidden {
		display: block;
		}

	/***/

	.obj_carrousel_m .nav .prev,
	.obj_carrousel_m .nav .next {
		display: none;
		}
	.obj_carrousel_m .nav ul {
		display: flex;
		flex-direction: row;
		margin: var(--aox-40px) auto 0 auto;
		padding: 0 var(--aox-25px);
		}
	.obj_carrousel_m .nav ul li {
		display: block;
		height: var(--aox-4px);
		width: 100%;
		margin: 0 var(--aox-2px);
		text-indent: -9999px;
		background: #e5e5e5;
		}
	.obj_carrousel_m .nav ul li.active {
		background: black;
		}
	
	}

/* ======================================== */
/*  Buttons
/* ======================================== */

.obj_section .obj_button,
.editorial .obj_button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	min-width: var(--aox-100px);
	padding: var(--aox-12px) var(--aox-40px);
	font-weight: 700;
	font-family: "century-gothic", sans-serif;
	font-size: var(--aox-fs-16px) !important;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	color: black;
	border: var(--aox-2px) solid currentColor;
	border-radius: var(--aox-100px);
	}
.obj_button span {
	display: flex;
	justify-content: center;
	position: absolute;
	top: calc(-1 * var(--aox-2px));
	left: calc(-1 * var(--aox-2px));
	height: calc(100% + var(--aox-4px));
	width: calc(100% + var(--aox-4px));
	padding-top: var(--aox-24px);
	font-weight: 700;
	color: white;
	background: black;
	transform: translateY(100%);
	border-radius: var(--aox-100px);
	}

.obj_button.var_white {
	color: white;
	}
.obj_button.var_white span {
	color: black;
	background: white;
	}

.obj_button.mouse-enter span {
	animation: buttonMouseEnter .4s cubic-bezier(0.5, 1, 0.89, 1) forwards;
	}
.obj_button.mouse-leave span {
	animation: buttonMouseLeave .4s cubic-bezier(0.11, 0, 0.5, 0) forwards;
	}

@keyframes buttonMouseEnter {
	0% { transform: translateY(100%); }
	50% { padding-top: var(--aox-24px); }
	100% { transform: translateY(0); padding-top: var(--aox-14px); }
	}
@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 {
		min-width: unset;
		padding: var(--aox-12px) var(--aox-30px);
		}
	.obj_button span {
		display: none;
		}

	}

@media screen and (max-width: 767px) {
	
	.obj_section .obj_button {
		padding: var(--aox-12px) var(--aox-30px);
		font-size: var(--aox-fs-14px) !important;
		}
	
	}

/* ======================================== */
/*  parallax-fixed-element
/* ======================================== */

.parallax-fixed-element {
	opacity: 0;
	}
.parallax-fixed-element.parallax-fixed-element-init {
	opacity: 1;
	transition: all 500ms ease;
	}




/* TITLES */
.obj_section h2.t_title,
.obj_section .t_title{
	letter-spacing:-0.01em;
	}
.obj_section .t_title-2{
	letter-spacing:-0.01em;
	}













/* ======================================== */
/*  section_hero
/* ======================================== */

.section_hero {
	height: var(--aox-870px);
	padding: 0;
	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%);
	}
.section_hero .ctn_section {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	padding: var(--aox-100px) 0;
	}

.section_hero .ctn_text {
	width: 100%;
	max-width: var(--aox-1000px);
	}
.section_hero .ctn_text > * + * {
    margin-top: var(--aox-10px);
	}
.obj_section.section_hero .ctn_text .t_subtitle {
	font-size: var(--aox-fs-52px) !important;
    line-height: 1;
	}
.obj_section.section_hero .ctn_text .t_title {
    font-weight: 700;
	font-size: var(--aox-fs-66px) !important;
    line-height: 1;
	}

.section_hero .ctn_background {
	opacity: 1;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    transition: opacity .5s ease .5s;
	}
.section_hero .ctn_background img {
    width: 100%;
	}

/***/

.section_hero.parallax-fixed-element-init .ctn_background {
    opacity: 1;
	}
.section_hero.parallax-fixed-element .ctn_background {
    opacity: 0;
	}

/***/

@media screen and (max-width: 767px) {
	
	.section_hero {
		height: var(--aox-580px);
		}
	.section_hero .ctn_section {
		padding: var(--aox-60px) var(--aox-25px);
		}
	.obj_section.section_hero .ctn_text .t_subtitle {
		font-size: var(--aox-fs-24px) !important;
		}
	.obj_section.section_hero .ctn_text .t_title {
		font-size: var(--aox-fs-36px) !important;
		}
	.section_hero .ctn_text .t_title br {
		display: none;
		}
	
	}

/* ======================================== */
/*  section_pro
/* ======================================== */

.section_pro .ctn_section {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: var(--aox-150px) 0 var(--aox-75px) 0;
	}

.section_pro .ctn_text {
	max-width: var(--aox-470px);
	}
.section_pro .ctn_text > * + * {
	margin-top: var(--aox-10px);
	}
.section_pro .ctn_text > * + p {
	margin-top: var(--aox-20px);
	}
.obj_section.section_pro .ctn_text .t_title {
	font-weight: 700;
	font-size: var(--aox-fs-66px) !important;
	line-height: 1;
	}
.section_pro .ctn_text p {
	width: 80%;
	}

.section_pro .ctn_image {
	margin-left: var(--aox-120px);
	height: var(--aox-630px);
	width: var(--aox-630px);
	}
.section_pro .ctn_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	}

/***/

.section_pro .ctn_text {
	opacity: 0;
	}
.section_pro .ctn_image {
	opacity: 0;
	}
.section_pro.parallax-fixed-element-init .ctn_text {
	opacity: 1;
	transition: opacity 500ms ease;
	}
.section_pro.parallax-fixed-element-init .ctn_image {
	opacity: 1;
	transition: opacity 500ms ease 500ms;
	}

/***/

@media screen and (max-width: 767px) {
	
	.section_pro .ctn_section {
		flex-direction: column;
		padding: var(--aox-70px) 0 var(--aox-35px) 0;
		}
	
	.section_pro .ctn_text {
		padding: 0 var(--aox-25px);
		}
	.obj_section.section_pro .ctn_text .t_title {
		font-size: var(--aox-fs-36px) !important;
		}
	.section_pro .ctn_image {
		margin: var(--aox-40px) 0 0 0;
		padding: 0;
		height: var(--aox-350px);
		width: 100%;
		}
	
	}

/* ======================================== */
/*  section_ranges
/* ======================================== */

.section_ranges .ctn_section {
	padding: var(--aox-75px) 0;
	}

.section_ranges .ctn_ranges {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 calc(var(--aox-40px) * -1) calc(var(--aox-40px) * -1) 0;
	}
.section_ranges .ctn_ranges > * {
	margin: 0 var(--aox-40px) var(--aox-40px) 0;
	}

.section_ranges .obj_range {
	position: relative;
	height: var(--aox-380px);
	width: var(--aox-380px);
	}
.section_ranges .obj_range .ctn_text {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	z-index: 2;
	height: 100%;
	padding: var(--aox-30px);
	}
.section_ranges .obj_range .ctn_text > * + * {
	margin-top: var(--aox-10px);
	}
.obj_section.section_ranges .obj_range .ctn_text .t_title {
	font-size: var(--aox-fs-26px) !important;
	line-height: 1.2;
	}
.obj_section.section_ranges .obj_range .ctn_text .t_subtitle {
	font-weight: 700;
	font-size: var(--aox-fs-26px) !important;
	line-height: 1.2;
	}
.section_ranges .obj_range .ctn_background {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	}
.section_ranges .obj_range .ctn_background img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	}

/***/

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

	.section_ranges .ctn_section {
		padding: var(--aox-35px) 0;
		}
	
	.section_ranges .ctn_ranges {
		display: block;
		margin: 0;
		padding: 0;
		}
	.section_ranges .ctn_ranges > * {
		margin: 0;
		}
	
	.section_ranges .obj_range {
		position: relative;
		height: var(--aox-325px);
		width: var(--aox-325px);
		}

	.section_ranges .obj_range .ctn_text{
		padding: var(--aox-20px);
		}	
	.obj_section.section_ranges .obj_range .ctn_text .t_title {
		font-size: var(--aox-fs-24px) !important;
		line-height: 1;
		}
	.obj_section.section_ranges .obj_range .ctn_text .t_subtitle {
		margin-top: var(--aox-5px); line-height: 1;
		}

	}

/* ======================================== */
/*  section_pioneer
/* ======================================== */

.section_pioneer .ctn_section {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: var(--aox-75px) 0 var(--aox-150px) 0;
	}

.section_pioneer .ctn_image {
	height: var(--aox-630px);
	width: var(--aox-630px);
	}
.section_pioneer .ctn_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	}

.section_pioneer .ctn_text {
	width: 100%;
	max-width: var(--aox-470px);
	margin-left: var(--aox-120px);
	}
.section_pioneer .ctn_text > * + * {
	margin-top: var(--aox-10px);
	}
.section_pioneer .ctn_text > * + p {
	margin-top: var(--aox-20px);
	}
.obj_section.section_pioneer .ctn_text .t_title {
	font-weight: 700;
	font-size: var(--aox-fs-66px) !important;
	line-height: 1;
	}
.section_pioneer .ctn_text p {
	max-width: var(--aox-420px);
	}

/***/

.section_pioneer .ctn_image {
	opacity: 0;
	}
.section_pioneer .ctn_text {
	opacity: 0;
	}
.section_pioneer.parallax-fixed-element-init .ctn_image {
	opacity: 1;
	transition: opacity 500ms ease;
	}
.section_pioneer.parallax-fixed-element-init .ctn_text {
	opacity: 1;
	transition: opacity 500ms ease 500ms;
	}

/***/

@media screen and (max-width: 767px) {
	
	.section_pioneer .ctn_section {
		flex-direction: column-reverse;
		padding: var(--aox-35px) 0 var(--aox-70px) 0;
		}
	
	.section_pioneer .ctn_text {
		margin: 0;
		padding: 0 var(--aox-25px);
		}
	.obj_section.section_pioneer .ctn_text .t_title {
		font-size: var(--aox-fs-36px) !important;
		}
	.section_pioneer .ctn_text .obj_button {
		width: 100%;
		}
	.section_pioneer .ctn_image {
		margin: var(--aox-40px) 0 0 0;
		padding: 0 var(--aox-25px);
		height: var(--aox-370px);
		width: var(--aox-370px);
		}
	
	.section_pioneer.parallax-fixed-element-init .ctn_image {
		transition: opacity 500ms ease 500ms;
		}
	.section_pioneer.parallax-fixed-element-init .ctn_text {
		transition: opacity 500ms ease;
		}
	
	}

/* ======================================== */
/*  section_bestsellers
/* ======================================== */

.section_bestsellers {
	background: black;
	}
.section_bestsellers .ctn_section {
	padding: var(--aox-150px) 0;
	}

.section_bestsellers .ctn_title > * + * {
	margin-top: var(--aox-10px);
	}
.section_bestsellers .ctn_title .t_ribbon span {
	color: black;
	background: white;
	}
.obj_section.section_bestsellers .ctn_title .t_title {
	font-weight: 700;
	font-size: var(--aox-fs-66px) !important;
	line-height: 1;
	color: white;
	}

.section_bestsellers .obj_carrousel {
	margin-top: var(--aox-70px);
	}
.section_bestsellers .obj_carrousel .item {
	min-width: var(--aox-305px);
	}

.section_bestsellers .obj_product {
	text-align: center;
	}
.section_bestsellers .obj_product .ctn_image {
	height: var(--aox-380px);
	width: 100%;
	}
.section_bestsellers .obj_product .ctn_image img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	}
.section_bestsellers .obj_product .ctn_text {
	margin-top: var(--aox-20px);
	}
.section_bestsellers .obj_product .ctn_text .t_title {
	font-weight: 700;
	font-size: var(--aox-fs-16px) !important;
	color: white;
	text-transform: uppercase;
	}
.section_bestsellers .obj_product .ctn_button {
	margin-top: var(--aox-30px);
	}

/***/

.section_bestsellers .ctn_title {
	opacity: 0;
	}
.section_bestsellers .obj_carrousel {
	opacity: 0;
	}
.section_bestsellers.parallax-fixed-element-init .ctn_title {
	opacity: 1;
	transition: opacity 500ms ease;
	}
.section_bestsellers.parallax-fixed-element-init .obj_carrousel {
	opacity: 1;
	transition: opacity 500ms ease 500ms;
	}

/***/

@media screen and (max-width: 767px) {
	
	.section_bestsellers .ctn_section {
		padding: var(--aox-70px) 0;
		}
	
	.section_bestsellers .ctn_title {
		padding: 0 var(--aox-25px);
		}
	.obj_section.section_bestsellers .ctn_title .t_title {
		font-size: var(--aox-fs-36px) !important;
		}
	
	.section_bestsellers .obj_carrousel {
		margin: var(--aox-40px) auto 0 auto;
		width: var(--aox-240px);
		}
	.section_bestsellers .obj_carrousel .item {
		min-width: unset;
		}
	.section_bestsellers .obj_carrousel .masque {
		overflow: visible;
		}
	
	.section_bestsellers .obj_product .ctn_image {
		height: var(--aox-350px);
		}
	
	}

/* ======================================== */
/*  section_design
/* ======================================== */

.section_design .ctn_section {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: var(--aox-150px) 0;
	}

.section_design .ctn_image {
	height: var(--aox-630px);
	width: var(--aox-630px);
	}
.section_design .ctn_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	}

.section_design .ctn_text {
	width: 100%;
	max-width: var(--aox-470px);
	margin-left: var(--aox-120px);
	}
.section_design .ctn_text > * + * {
	margin-top: var(--aox-10px);
	}
.section_design .ctn_text > * + p {
	margin-top: var(--aox-20px);
	}
.obj_section.section_design .ctn_text .t_title {
	font-weight: 700;
	font-size: var(--aox-fs-66px) !important;
	line-height: 1;
	}
.section_design .ctn_text p {
	max-width: var(--aox-420px);
	}

/***/

.section_design .ctn_image {
	opacity: 0;
	}
.section_design .ctn_text {
	opacity: 0;
	}
.section_design.parallax-fixed-element-init .ctn_image {
	opacity: 1;
	transition: opacity 500ms ease;
	}
.section_design.parallax-fixed-element-init .ctn_text {
	opacity: 1;
	transition: opacity 500ms ease 500ms;
	}

/***/

@media screen and (max-width: 767px) {
	
	.section_design .ctn_section {
		flex-direction: column-reverse;
		padding: var(--aox-70px) 0;
		}
	
	.section_design .ctn_text {
		margin: 0;
		padding: 0 var(--aox-25px);
		}
	.obj_section.section_design .ctn_text .t_title {
		font-size: var(--aox-fs-36px) !important;
		}
	.section_design .ctn_text .obj_button {
		width: 100%;
		}
	.section_design .ctn_image {
		margin: var(--aox-40px) 0 0 0;
		padding: 0 var(--aox-25px);
		height: var(--aox-370px);
		width: var(--aox-370px);
		}
	
	.section_design.parallax-fixed-element-init .ctn_image {
		transition: opacity 500ms ease 500ms;
		}
	.section_design.parallax-fixed-element-init .ctn_text {
		transition: opacity 500ms ease;
		}
	
	}

/* ======================================== */
/*  section_eco
/* ======================================== */

.section_eco {
	position: relative;
	background: black;
	}
.section_eco .ctn_section {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: var(--aox-150px) 0 var(--aox-230px) 0;
	}

.section_eco .ctn_text {
	max-width: var(--aox-700px);
	}
.section_eco .ctn_text > * + * {
	margin-top: var(--aox-10px);
	}
.section_eco .ctn_text .t_ribbon span {
	color: black;
	background: white;
	}
.obj_section.section_eco .ctn_text .t_title {
	margin-bottom: var(--aox-40px);
	font-weight: 700;
	font-size: var(--aox-fs-66px) !important;
	line-height: 1;
	color: white;
	}
.obj_section.section_eco .ctn_text p {
	font-weight: 400;
	font-size: var(--aox-fs-20px) !important;
	line-height: 1.2;
	color: white;
	}
.obj_section.section_eco .ctn_text p strong {
	font-weight: 700;
	font-size: var(--aox-fs-30px) !important;
	}

.obj_section.section_eco .t_background {
	opacity: 0.1;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 0;
	width: 200vw;
	font-weight: 700;
	font-size: var(--aox-fs-222px) !important;
	line-height: 1.2;
    color: white;
	text-transform: uppercase;
	text-align: center;
	transform: translateX(-50%);
	}
.section_eco .ctn_background {
	opacity: 1;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: black;
    transition: opacity .5s ease .5s;
	}
.section_eco .ctn_background img {
    width: 100%;
	}

/***/

.section_eco .ctn_text {
	opacity: 0;
	}
.section_eco .ctn_background {
	opacity: 0;
	}
.section_eco.parallax-fixed-element-init .ctn_text {
	opacity: 1;
	transition: opacity 500ms ease;
	}
.section_eco.parallax-fixed-element-init .ctn_background {
	opacity: 1;
	transition: opacity 500ms ease 500ms;
	}

/***/

@media screen and (max-width: 767px) {
	
	.section_eco .ctn_section {
		padding: var(--aox-70px) var(--aox-25px) var(--aox-300px) var(--aox-25px);
		}
	
	.obj_section.section_eco .ctn_text .t_title {
		font-size: var(--aox-fs-36px) !important;
		}
	.obj_section.section_eco .ctn_text p {
		font-size: var(--aox-fs-15px) !important;
		}
	.obj_section.section_eco .ctn_text p strong {
		font-size: var(--aox-fs-20px) !important;
		}
	
	.section_eco .t_background {
		display: none;
		}
	
	}

/* ======================================== */
/*  section_breaktrough
/* ======================================== */

.section_breaktrough .ctn_section {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: var(--aox-150px) 0;
	}

.section_breaktrough .ctn_image {
	height: var(--aox-630px);
	width: var(--aox-630px);
	}
.section_breaktrough .ctn_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	}

.section_breaktrough .ctn_text {
	width: 100%;
	max-width: var(--aox-470px);
	margin-left: var(--aox-120px);
	}
.section_breaktrough .ctn_text > * + * {
	margin-top: var(--aox-10px);
	}
.section_breaktrough .ctn_text > * + p {
	margin-top: var(--aox-20px);
	}
.obj_section.section_breaktrough .ctn_text .t_title {
	font-weight: 700;
	font-size: var(--aox-fs-66px) !important;
	line-height: 1;
	}
.section_breaktrough .ctn_text p {
	max-width: var(--aox-420px);
	}

/***/

.section_breaktrough .ctn_image {
	opacity: 0;
	}
.section_breaktrough .ctn_text {
	opacity: 0;
	}
.section_breaktrough.parallax-fixed-element-init .ctn_image {
	opacity: 1;
	transition: opacity 500ms ease;
	}
.section_breaktrough.parallax-fixed-element-init .ctn_text {
	opacity: 1;
	transition: opacity 500ms ease 500ms;
	}

/***/

@media screen and (max-width: 767px) {
	
	.section_breaktrough .ctn_section {
		flex-direction: column-reverse;
		padding: var(--aox-70px) 0;
		}
	
	.section_breaktrough .ctn_text {
		margin: 0;
		padding: 0 var(--aox-25px);
		}
	.obj_section.section_breaktrough .ctn_text .t_title {
		font-size: var(--aox-fs-36px) !important;
		}
	.section_breaktrough .ctn_text .obj_button {
		width: 100%;
		}
	.section_breaktrough .ctn_image {
		margin: var(--aox-40px) 0 0 0;
		padding: 0;
		height: var(--aox-320px);
		width: var(--aox-370px);
		}
	
	.section_breaktrough.parallax-fixed-element-init .ctn_image {
		transition: opacity 500ms ease 500ms;
		}
	.section_breaktrough.parallax-fixed-element-init .ctn_text {
		transition: opacity 500ms ease;
		}
	
	}

/* ======================================== */
/*  section_innovation
/* ======================================== */

.section_innovation {
	background: black;
	}
.section_innovation .ctn_section {
	padding: var(--aox-150px) 0;
	}

.section_innovation .ctn_title > * + * {
	margin-top: var(--aox-10px);
	}
.section_innovation .ctn_title .t_ribbon span {
	color: black;
	background: white;
	}
.obj_section.section_innovation .ctn_title .t_title {
	font-weight: 700;
	font-size: var(--aox-fs-66px) !important;
	line-height: 1;
	color: white;
	}

.section_innovation .obj_carrousel {
	margin-top: var(--aox-70px);
	}
.section_innovation .obj_carrousel .item {
	min-width: var(--aox-305px);
	}

.section_innovation .obj_product {
	text-align: center;
	}
.section_innovation .obj_product .ctn_image {
	height: var(--aox-380px);
	width: 100%;
	}
.section_innovation .obj_product .ctn_image img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	}
.section_innovation .obj_product .ctn_text {
	margin-top: var(--aox-20px);
	padding: 0 var(--aox-20px);
	}
.section_innovation .obj_product .ctn_text > * + * {
	margin-top: var(--aox-10px);
	}
.section_innovation .obj_product .ctn_text .t_subtitle {
	font-weight: 700;
	font-size: var(--aox-fs-16px) !important;
	color: white;
	text-transform: uppercase;
	}
.section_innovation .obj_product .ctn_text .t_title {
	font-weight: 700;
	font-size: var(--aox-fs-30px) !important;
	color: white;
	}
.section_innovation .obj_product .ctn_text p {
	color: white;
	}
.section_innovation .obj_product .ctn_button {
	margin-top: var(--aox-30px);
	}

/***/

.section_innovation .ctn_title {
	opacity: 0;
	}
.section_innovation .obj_carrousel {
	opacity: 0;
	}
.section_innovation.parallax-fixed-element-init .ctn_title {
	opacity: 1;
	transition: opacity 500ms ease;
	}
.section_innovation.parallax-fixed-element-init .obj_carrousel {
	opacity: 1;
	transition: opacity 500ms ease 500ms;
	}

/***/

@media screen and (max-width: 767px) {
	
	.section_innovation .ctn_section {
		padding: var(--aox-70px) 0;
		}
	
	.section_innovation .ctn_title {
		padding: 0 var(--aox-25px);
		}
	.obj_section.section_innovation .ctn_title .t_title {
		font-size: var(--aox-fs-36px) !important;
		}
	
	.section_innovation .obj_carrousel {
		margin: var(--aox-40px) auto 0 auto;
		width: var(--aox-240px);
		}
	.section_innovation .obj_carrousel .item {
		min-width: unset;
		}
	.section_innovation .obj_carrousel .masque {
		overflow: visible;
		}
	
	.section_innovation .obj_product .ctn_image {
		height: var(--aox-350px);
		}
	.section_innovation .obj_product .ctn_text .t_subtitle {
		font-size: var(--aox-13px);
		}
	.section_innovation .obj_product .ctn_text .t_title {
		font-size: var(--aox-20px);
		}
	
	}