/*** 26/09/24 FPI ***/

/* ======================================== */
/* common
/* ======================================== */

:root {
	--alp-color-primary: #61C0B2;
    --color-black: #000000;
    --color-white: #FFFFFF;
	}
.obj_section em{
	font-style: normal;
	}

.obj_section{
	background: #000;
	opacity: 0;
	transition: opacity .3s ease;
	}
.obj_section.gsap_is-ready{
	opacity: 1;
	}
.obj_section .t_title em,
.obj_section .t_desc em{
	font-family: 'LorealProAOX', sans-serif !important;
	font-weight: 700;
	color: var(--alp-color-primary);
	}
.obj_section .t_subtitle em{
	color: var(--alp-color-primary);
	}
.obj_section .gradient-text{
	padding-bottom: var(--aox-20px);
	font-family: "LorealProAOX";
	font-weight: 700;
	font-size: var(--aox-fs-100px) !important;
	line-height: var(--aox-lh-100);
	color: transparent !important;
	text-align: left;
	background-image: url("https://www.lorealprofessionnel.fr/-/media/master/aox-landing-page-webstories/airlight-pro-2024/landing-supportV1/img/v_gradient_txt.jpg");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size : 200%;
	background-color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
	animation: animation-txt-gradient 7s linear infinite;
	}

@keyframes animation-txt-gradient {
    0% {
        background-position: 50% 60%;
        }
    40% {
		background-position: 0% 100%;
    }
    45% {
		background-position: 20% 100%;
        }
    55% {
		background-position: 80% 100%;
        }
    60% {
		background-position: 100% 100%;
    }
	100% {
        background-position: 50% 60%;
    }
}

.pin-spacer{
	background:#000;
	}

.obj_image > .ctn_image > img {
	object-fit: cover;
	}

/* ======================================== */
/* obj_scroll
/* ======================================== */

.obj_scroll {
	position: absolute;
	z-index: 99;
	left: 50%;
	bottom: var(--aox-30px);
	color: white;
	transform: translateX(-50%);
	}
.obj_scroll .t_scroll {
	margin-bottom: var(--aox-10px);
	font-size: var(--aox-fs-16px) !important;
	color: currentColor;
	}
.obj_scroll .i_scroll {
	display: block;
	margin: 0 auto;
	}

/***/

@media screen and (max-width: 767px) {

	.obj_scroll {
		display: none;
		}

	}

/* ======================================== */
/* section_ALP_hero
/* ======================================== */

.section_ALP_hero {
	/* margin-bottom: calc(3000px + 100vh); */
	padding: 0;
	height: 100vh;
	color: white;
	background: black;
	}
.section_ALP_hero .ctn_section {
	position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    height: 100%;
	}
.section_ALP_hero .ctn_text {
	width: var(--aox-col-5);
	margin: auto 0;
	}

.section_ALP_hero .ctn_text .ctn_intro .t_title picture {
	width: 100%;
	}
.section_ALP_hero .ctn_text .ctn_intro .t_title picture img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center center;
	}

.section_ALP_hero .ctn_text .ctn_intro > * + * {
	margin-top: var(--aox-10px);
	}
.section_ALP_hero .ctn_text .ctn_intro .t_title picture {
	display: block;
	width: var(--aox-460px);
	}
.section_ALP_hero .ctn_text .ctn_intro .t_subtitle {
	font-size: var(--aox-fs-40px) !important;
	line-height: 1.2;
	font-weight: 400;
	}

.section_ALP_hero .ctn_background {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	}
.section_ALP_hero .ctn_background .obj_video {
	height: 100%;
	width: 100%;
    }
.section_ALP_hero .ctn_background .obj_video .ctn_video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	width: auto;
	max-width: none;
	transform: translate(-50%, -50%);
    }

.section_ALP_hero .ctn_intro,
.section_ALP_hero .t_subtitle,
.section_ALP_hero .obj_buttons{
	opacity: 0;
	transform: translateY(50px);
    }

/***/

@media screen and (max-width: 767px) {

	.section_ALP_hero .ctn_section{
		justify-content: flex-start
		}
	.section_ALP_hero .ctn_text {
		width: var(--aox-col-4-gutter);
        margin: var(--aox-90px) auto 0 0;
		}

	.section_ALP_hero .ctn_text .ctn_intro .t_title picture {
		width: var(--aox-col-4-gutter);
		}
	.section_ALP_hero .ctn_text .ctn_intro .t_subtitle {
		font-size: var(--aox-fs-22px) !important;
		}

	.section_ALP_hero .ctn_text .obj_buttons {
		margin-top: var(--aox-20px);
		}
	.section_ALP_hero .ctn_text .obj_buttons .ctn_button p{
		font-size: 0!important;
		}
	.section_ALP_hero .ctn_text .obj_buttons .ctn_button .obj_button {
		width: auto;
		}
	.section_ALP_hero .ctn_text .obj_buttons .ctn_button + .ctn_button {
		margin: var(--aox-10px) 0 0 0;
		}

	}



/* ======================================== */
/* section_ALP_reveal-light
/* ======================================== */

.section_ALP_reveal-light {
	padding: 0;
    height: 100vh;
    color: white;
    background: black;
	}
.section_ALP_reveal-light .ctn_section {
	position: sticky;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100vh;
	/* width: 100%; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-end;
	}

.section_ALP_reveal-light .ctn_step {
	position: absolute;
    z-index: 2;
	}
.section_ALP_reveal-light .ctn_step .t_title{
	font-size: unset;
	}
.section_ALP_reveal-light .ctn_step .t_title {
	font-size: var(--aox-fs-66px);
	line-height: var(--aox-lh-100);
	font-weight: 700;
	text-align: right;
	}

.section_ALP_reveal-light .ctn_media {
	position: absolute;
    bottom: 0;
    left: calc(-1* var(--aox-external-gutter));
    z-index: 1;
    height: var(--aox-680px);
    width: 100%;
    background-color: black;
	}
.section_ALP_reveal-light .ctn_media .obj_video{
	height: 100%;
	width: 100%;
	}
.section_ALP_reveal-light .ctn_media .obj_video .ctn_image img {
	position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    max-width: none;
    transform: translate(-50%, -50%);
	}
.section_ALP_reveal-light .t_legal{
	opacity: 0.5;
    position: absolute;
	z-index: 3;
    left: 0;
    bottom: var(--aox-30px);
    width: calc(var(--aox-col-5) + var(--aox-external-gutter));
    font-size: var(--aox-fs-12px) !important;
    line-height: var(--aox-15px);
	}

/***/

@media screen and (max-width: 767px) {

	.section_ALP_reveal-light {
		padding: var(--aox-120px) 0;
		height: 100vh;
		}
	.section_ALP_reveal-light .ctn_section {
		width: var(--aox-grid);
		height: 100%;
		margin: 0 auto;
		justify-content: flex-start;
		align-items: flex-start;
		overflow: unset;
		}

	.section_ALP_reveal-light .ctn_step .t_title {
		font-size: var(--aox-fs-40px) !important;
		text-align: left;
		}
	.section_ALP_reveal-light .ctn_step .t_subtitle {
		font-size: var(--aox-fs-36px) !important;
		}

	.section_ALP_reveal-light .ctn_background {
		height: calc(100vh + 300px);
		}

	.section_ALP_reveal-light .ctn_media {
		position: relative;
		height: auto;
		width: 100vw;
		bottom: unset;
		margin-top: auto;
		margin-bottom: var(--aox-30px);
		}
	.editorial .section_ALP_reveal-light .t_legal{
		position: relative;
		bottom: unset;
		left: unset;
		width: 100%;
		padding-left: unset;
		color: rgba(255, 255, 255, .5) !important;
		}

	}

/* ======================================== */
/* section_ALP_powered-light
/* ======================================== */

.section_ALP_powered-light{
	padding: 0;
	height: 100vh;
	color: white;
	background: black;
	}
.section_ALP_powered-light .ctn_section {
	width: var(--aox-grid);
    margin: 0 auto;
	}
.section_ALP_powered-light .ctn_title {
	position: absolute;
    top: 50%;
    left: calc(-1* var(--aox-40px));
    z-index: 2;
    text-align: left;
    margin-left: var(--aox-external-gutter);
    width: var(--aox-col-7-gutter);
	transform: translateY(-50%);
	}
.section_ALP_powered-light .ctn_title .t_title {
	font-size: var(--aox-fs-90px) !important;
	line-height: var(--aox-lh-90);
	color: white;
	}
	
.section_ALP_powered-light .ctn_text {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	padding-right: var(--aox-col-1);
	margin-right: var(--aox-external-gutter);
	width: var(--aox-col-5);
	transform: translateY(-50%);
	}
.section_ALP_powered-light .ctn_step .t_title {
	font-size: var(--aox-fs-66px) !important;
	line-height: var(--aox-lh-100);
	font-weight: 700;
	text-align: center;
	}
.section_ALP_powered-light .ctn_text .t_desc {
	font-size: var(--aox-fs-30px) !important;
	line-height: var(--aox-lh-120);
	font-weight: 400;
	text-align: left;
	}
.section_ALP_powered-light .ctn_step .t_legal {
	font-size: var(--aox-fs-12px) !important;
	color: #808080;
	text-align: center;
	}

.section_ALP_powered-light .step_03 {
	top: 42.5%;
	}
.section_ALP_powered-light .step_04 {
	top: 50%;
	}
.section_ALP_powered-light .step_05 {
	top: 57.5%;
	}
.section_ALP_powered-light .step_06 {
	position: absolute;
	top: auto;
	bottom: var(--aox-30px);
	left: 50%;
	transform: translateX(-50%);
	}

.section_ALP_powered-light .ctn_background {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	background-color: black;
	}
.section_ALP_powered-light .ctn_background .obj_image,
.section_ALP_powered-light .ctn_background .obj_image .ctn_image {
	height: 100%;
	width: 100%;
	}
.section_ALP_powered-light .ctn_background .obj_image .ctn_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
	/* filter: blur(60px) contrast(110%) brightness(1.4) saturate(200%); */
    /* scale: 1.2; */

	filter: blur(0) contrast(1) brightness(1) saturate(1);
}
/* .section_ALP_powered-light.parallax-fixed-element-init .ctn_background .obj_image .ctn_image img {
	animation: animation-filter_bg 1s ease-out forwards;
	} */

@keyframes animation-filter_bg {
    0% {
        filter: blur(60px) contrast(110%) brightness(1.4) saturate(200%);
    	scale: 1.2;
        }
	100% {
        filter: blur(0) contrast(100%) brightness(1) saturate(100%);
    	scale: 1;
    }
}

/***/

@media screen and (max-width: 767px) {

	.section_ALP_powered-light{
		height: 100vh;
		}
	.section_ALP_powered-light .ctn_title {
		position: relative;
        top: unset;
        margin-top: var(--aox-90px);
        left: unset;
        z-index: 2;
        text-align: left;
        margin-left: unset;
        width: 100%;
		transform: none;
		}
	.section_ALP_powered-light .ctn_title .t_title {
		font-size: var(--aox-fs-44px) !important;
		line-height: var(--aox-lh-100);
		}
	.section_ALP_powered-light .ctn_text {
		position: relative;
		margin-top: var(--aox-20px);
		top: unset;
		right: unset;
		padding-right: unset;
		margin-right: unset;
		width: var(--aox-col-5);
		transform: none;
		}
	.section_ALP_powered-light .ctn_text .t_desc {
		font-size: var(--aox-fs-16px) !important;
		}


	.section_ALP_powered-light .ctn_step .t_title {
		font-size: var(--aox-fs-46px) !important;
		}
	.section_ALP_powered-light .ctn_step .t_subtitle {
		font-size: var(--aox-fs-36px) !important;
		}

	.section_ALP_powered-light .step_03 {
		top: 42.5%;
		}
	.section_ALP_powered-light .step_04 {
		top: 50%;
		}
	.section_ALP_powered-light .step_05 {
		top: 57.5%;
		}

	.section_ALP_powered-light .ctn_background {
		height: 100vh;
		}

	}

/* ======================================== */
/* section_ALP_launch
/* ======================================== */

.section_ALP_launch {
	position: relative;
	overflow: unset;
	padding: 0;
	height: calc(2000px);
	color: white;
	background: black;
	}
.section_ALP_launch .ctn_section {
	position: sticky;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	}

.section_ALP_launch .step_01 {
	position: absolute;
	z-index: 2;
	top: 38%;
	left: 50%;
	color: white;
	text-align: center;
	transform: translate(-50%, -50%);
	}
.section_ALP_launch .step_01 .t_title {
	font-size: var(--aox-fs-70px) !important;
	line-height: 1;
	font-weight: 700;
	}

.section_ALP_launch .step_02 {
	position: absolute;
	z-index: 2;
	top: 58%;
	left: 50%;
	color: white;
	text-align: center;
	transform: translate(-50%, -50%);
	}
.section_ALP_launch .step_02 .obj_countdown {
	margin-top: var(--aox-40px);
	justify-content: center;
	}
.section_ALP_launch .step_02 .obj_countdown .ctn_countdown {
	min-width: var(--aox-200px);
	}
.section_ALP_launch .step_02 .obj_countdown .ctn_countdown .t_text {
	font-size: var(--aox-fs-20px) !important;
	}
.section_ALP_launch .step_02 .obj_countdown .ctn_countdown .t_number {
	font-size: var(--aox-fs-140px) !important;
	}

.section_ALP_launch .ctn_background {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.7;
	}
.section_ALP_launch .ctn_background .obj_video {
	height: 100%;
	width: 100%;
    }
.section_ALP_launch .ctn_background .obj_video .ctn_video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	width: auto;
	max-width: none;
	transform: translate(-50%, -50%);
    }

/***/

@media screen and (max-width: 767px) {

	.section_ALP_launch .step_01 .t_title {
		font-size: var(--aox-fs-36px) !important;
		}

	.section_ALP_launch .step_02 .obj_countdown {
		margin-top: var(--aox-20px);
		}
	.section_ALP_launch .step_02 .obj_countdown .ctn_countdown {
		min-width: var(--aox-80px);
		}
	.section_ALP_launch .step_02 .obj_countdown .ctn_countdown .t_text {
		font-size: var(--aox-fs-12px) !important;
		}
	.section_ALP_launch .step_02 .obj_countdown .ctn_countdown .t_number {
		font-size: var(--aox-fs-48px) !important;
		}

	}

/* ======================================== */
/* section_ALP_video
/* ======================================== */

.section_ALP_video {
	background: black;
	}
.section_ALP_video .ctn_section {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	}
.section_ALP_video .ctn_section > * + * {
	margin-top: var(--aox-40px);
	}

.section_ALP_video .ctn_title {
	text-align: center;
	margin: 0 auto;
	max-width: var(--aox-col-9);
	}
.section_ALP_video .ctn_title .t_title {
	font-size: var(--aox-fs-66px) !important;
	line-height: var(--aox-lh-120);
	color: white;
	}
.section_ALP_video .ctn_media{
	position: relative;
	}
.section_ALP_video .ctn_media > .ctn_title {
	position: absolute;
    top: 100px;
    left: calc(-1 * var(--aox-col-1));
    text-align: left;
    width: var(--aox-col-5);
    z-index: 2;
	}
.section_ALP_video .ctn_media > .ctn_title .t_title {
	font-size: var(--aox-fs-44px) !important;
	line-height: var(--aox-lh-100);
	}
.section_ALP_video .ctn_media .obj_video {
	height: var(--aox-680px);
	width: 100%;
	}

@media screen and (max-width: 767px) {

	.section_ALP_video {
		padding: var(--aox-120px) 0 var(--aox-60px);
		}
	.section_ALP_video .ctn_title {
		text-align: left;
		}
	.section_ALP_video .ctn_title .t_title {
		font-size: var(--aox-fs-44px) !important;
        line-height: var(--aox-lh-100);
		}
	.section_ALP_video .ctn_media {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
		}
	.section_ALP_video .ctn_media > .ctn_title{
		position: relative;
        top: unset;
        left: unset;
        width: 100%;
		margin-bottom: var(--aox-30px);
		}
	.section_ALP_video .ctn_media > .ctn_title .t_title {
		font-size: var(--aox-fs-34px) !important;
		line-height: var(--aox-lh-100);
		}
	.section_ALP_video .ctn_media .obj_video {
		height: auto;
		width: 100%;
		}

	}


/* ======================================== */
/* section_ALP_media
/* ======================================== */

.section_ALP_media {
	background: black;
	}
.section_ALP_media .ctn_section {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	}
.section_ALP_media .ctn_section > * + * {
	margin-top: var(--aox-40px);
	}

.section_ALP_media .ctn_title {
	text-align: center;
	margin: 0 auto;
	max-width: var(--aox-col-9);
	}
.section_ALP_media .ctn_title .t_title {
	font-size: var(--aox-fs-66px) !important;
	line-height: var(--aox-lh-120);
	color: white;
	}
.section_ALP_media .ctn_media{
	position: relative;
	height: var(--aox-610px);
	}
.section_ALP_media .ctn_media > .ctn_title {
	position: absolute;
    margin-top: 100px;
    left: calc(-1 * var(--aox-col-1));
    text-align: left;
    width: var(--aox-col-5);
    z-index: 2;
	}
.section_ALP_media .ctn_media > .ctn_title .t_title {
	font-size: var(--aox-fs-44px) !important;
	line-height: var(--aox-lh-100);
	}

.section_ALP_media .ctn_media > .ctn_image img{
	height: 100%;
    width: 100%;
    object-fit: cover;
	}
.section_ALP_media .ctn_media > .ctn_step{
	position: absolute;
    top: var(--aox-40px);
    right: var(--aox-col-1);
    text-align: left;
    height: var(--aox-250px);
    width: calc(var(--aox-350px) + var(--aox-5px));
    z-index: 2;
	}
.section_ALP_media .ctn_media > .step_02{
	top: calc(var(--aox-260px) + var(--aox-3px));
	}
.section_ALP_media .ctn_media > .ctn_fade{
    height: 100%;
	}
.section_ALP_media .ctn_media > .ctn_step .t_subtitle {
	font-size: var(--aox-fs-30px) !important;
    line-height: var(--aox-lh-120);
    font-weight: 700;
    color: white;
    height: calc(50% - var(--aox-5px));
	padding-left: var(--aox-gutter);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: wrap;
	}
.section_ALP_media .ctn_media > .ctn_step .t_desc {
	font-size: var(--aox-fs-16px) !important;
    line-height: var(--aox-lh-120);
    color: white;
	height: calc(50% - var(--aox-10px));
	padding: 0 var(--aox-gutter);
    margin-top: var(--aox-20px);
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
	}
.section_ALP_media .ctn_media .obj_video {
	height: var(--aox-680px);
	width: 100%;
	}

@media screen and (max-width: 767px) {

	.section_ALP_media {
		padding: var(--aox-120px) 0 var(--aox-60px);
		}
	.section_ALP_media .ctn_title {
		text-align: left;
		}
	.section_ALP_media .ctn_title .t_title {
		font-size: var(--aox-fs-44px) !important;
        line-height: var(--aox-lh-100);
		}
	.section_ALP_media .ctn_media {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
		height: auto;
		}
	.section_ALP_media .ctn_media > .ctn_title{
		position: relative;
        top: unset;
        left: unset;
        width: 100%;
        margin: 0;
        margin-bottom: var(--aox-30px);
		}
	.section_ALP_media .ctn_media > .ctn_title .t_title {
		font-size: var(--aox-fs-34px) !important;
		line-height: var(--aox-lh-100);
		}
	.section_ALP_media .ctn_section .ctn_image{
		width: 100vw;
		height: calc(var(--aox-520px) + var(--aox-2px));
		margin-left: calc(var(--aox-external-gutter)* -1);
		}
	.section_ALP_media .ctn_media > .ctn_step{
		top: unset;
		bottom: var(--aox-210px);
		right: calc(var(--aox-external-gutter)* -1);
		text-align: right;
		height: var(--aox-180px);
		width: var(--aox-260px);
		}
	.section_ALP_media .ctn_media > .ctn_step.step_02{
		top: unset;
        bottom: var(--aox-50px);
		}
	.section_ALP_media .ctn_media > .ctn_step .t_subtitle{
		font-size: var(--aox-fs-24px) !important;
    	line-height: var(--aox-lh-140);
		padding-left: 0;
		padding-right: var(--aox-gutter);
		align-items: flex-end;
		height: var(--aox-80px);
		}
	.section_ALP_media .ctn_media > .ctn_step .t_desc{
		font-size: var(--aox-fs-16px) !important;
		line-height: var(--aox-lh-140);
		padding: 0 var(--aox-gutter) 0 var(--aox-col-1);
		margin-top: var(--aox-10px);
		}

	}



/* ======================================== */
/* section_ALP_carrousel
/* ======================================== */
.section_ALP_carrousel.has_background {
    background-color: black;
	padding: 0 0 var(--aox-150px);
	}
.section_ALP_carrousel .ctn_section > .ctn_title .t_title {
	font-size: var(--aox-fs-44px) !important;
    line-height: var(--aox-lh-100);
	}



@media screen and (max-width: 767px) {

	.section_ALP_carrousel .ctn_section > .ctn_title{
        width: 100%;
        margin: 0;
        margin-bottom: var(--aox-30px);
		}
	.section_ALP_carrousel .ctn_section > .ctn_title .t_title {
		font-size: var(--aox-fs-34px) !important;
		line-height: var(--aox-lh-100);
		}

	}


/* ======================================== */
/* section_ALP_steps
/* ======================================== */

.section_ALP_steps {
	padding: 0;
	height: 100vh;
	color: white;
	background: black;
	}
.section_ALP_steps .ctn_section {
    margin: 0 auto;
    height: 100vh;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
	}
.section_ALP_steps .ctn_section .ctn_steps {
	position: relative;
    width: 100%;
    height: 100%;	
	}
.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    scale: 1.2;
    width: var(--aox-80px);
    height: var(--aox-80px);
    border-radius: 100px;
    left: 50%;
    top: 50%;
    transform: translate(calc(-1* var(--aox-40px)), calc(-1* var(--aox-40px)));
	backdrop-filter: blur(4px);
    background-color: rgba(97, 192, 178, 0.6);
	}
.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step.is_active {
	width: var(--aox-100px);
	height: var(--aox-100px);
	background-color: rgba(97,192,178,0.8);
	}
.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step span{
    font-size: var(--aox-fs-32px) !important;
    line-height: var(--aox-lh-120);
    font-weight: 700;
    text-align: center;
    color: white;
	}
.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step.step_1 {
	left: calc(50% - var(--aox-620px));
    top: calc(50% + var(--aox-240px));
	}
.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step.step_2 {
	left: calc(50% - var(--aox-50px));
    top: calc(50% + var(--aox-80px));
	}
.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step.step_3 {
	left: calc(50% - var(--aox-620px));
    top: calc(50% + var(--aox-40px));
	}
.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step.step_4 {
	left: calc(50% - var(--aox-430px));
    top: calc(50% + var(--aox-150px));
	}
.section_ALP_steps .ctn_section .ctn_text{
	position: relative;
    width: var(--aox-col-5);
    margin-right: calc(-1* var(--aox-col-1-gutter));
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
	}
.section_ALP_steps .ctn_step .t_title {
	font-size: var(--aox-fs-66px) !important;
	line-height: var(--aox-lh-100);
	font-weight: 700;
	text-align: left;
	}
.section_ALP_steps .ctn_step .t_subtitle {
	font-size: var(--aox-fs-36px) !important;
	line-height: var(--aox-lh-100);
	font-weight: 400;
	text-align: left;
	margin-bottom: var(--aox-5px);
	}
.section_ALP_steps .ctn_step {
	position: relative;
    display: flex;
    z-index: 2;
    width: 100%;
    /* transform: translate(-50%, -50%); */
	opacity: 1;
    text-align: left;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
	font-size: var(--aox-fs-24px) !important;
	line-height: var(--aox-lh-100);
	font-weight: 400;
	}
.section_ALP_steps .ctn_step span{
	position: relative;
	font-size: var(--aox-fs-24px) !important;
	line-height: var(--aox-lh-130);
	font-weight: 400;
	margin-right: var(--aox-20px);
	width: var(--aox-30px);
	}
.section_ALP_steps .ctn_step .t_desc{
	position: relative;
	font-size: var(--aox-fs-24px) !important;
	line-height: var(--aox-lh-130);
	font-weight: 400;
	width: calc(100% - var(--aox-50px));
	}
.section_ALP_steps .step_06 {
	position: absolute;
	top: auto;
	bottom: var(--aox-30px);
	left: 50%;
	transform: translateX(-50%);
	}
.section_ALP_steps .ctn_step.is_active span{
	color: var(--alp-color-primary);
	}
.section_ALP_steps .ctn_step.is_active .t_desc{
	color: var(--alp-color-primary);
	}
.section_ALP_steps .ctn_background {
	position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    height: 100vh;
    width: 100vw;
    max-width: calc(var(--aox-grid) + var(--aox-300px));
    background-color: black;
    transform: translate(-50%, -50%);
	}
.section_ALP_steps .ctn_background .obj_image,
.section_ALP_steps .ctn_background .ctn_image {
	height: 100%;
	width: 100%;
	}
.section_ALP_steps .ctn_background .ctn_image img {
    max-width: var(--aox-1920px);
    max-height: calc(var(--aox-1000px) + var(--aox-40px));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}

.section_ALP_steps .t_legal{
	opacity: 0.5;
    position: absolute;
	z-index: 3;
    left: 0;
    bottom: var(--aox-130px);
    width: calc(var(--aox-col-5) + var(--aox-external-gutter));
    padding-left: var(--aox-external-gutter);
    font-size: var(--aox-fs-12px) !important;
    line-height: var(--aox-15px);
	}

/***/

@media screen and (max-width: 767px) {

	.section_ALP_steps {
		height: 100vh;
		}
	.section_ALP_steps .ctn_section {
		margin: 0 auto;
		height: 100vh;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		padding: var(--aox-60px) 0;
		}
	.section_ALP_steps .ctn_section .ctn_text {
		width: 100%;
		margin-right: unset;
		}
	.section_ALP_steps .ctn_step{
		width: var(--aox-col-5);
		}
	.section_ALP_steps .ctn_step .t_title {
		font-size: var(--aox-fs-42px) !important;
		}
	.section_ALP_steps .ctn_step .t_subtitle {
		font-size: var(--aox-fs-32px) !important;
		}

	.section_ALP_steps .ctn_step + .ctn_step {
		margin-top: var(--aox-10px);
		}

	.section_ALP_steps .ctn_step.step_01{ margin-top: 38vh; }
	.section_ALP_steps .ctn_step span{ 
		font-size: var(--aox-fs-16px) !important;
		line-height: var(--aox-lh-120);
		margin-right: var(--aox-10px);
		}
	.section_ALP_steps .ctn_step .t_desc{ 
		font-size: var(--aox-fs-16px) !important;
		line-height: var(--aox-lh-120);
		margin-right: var(--aox-10px);
		}

	.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step{
		width: var(--aox-45px);
		height: var(--aox-45px);
		transform: translate(calc(-1* var(--aox-22px)), calc(-1* var(--aox-22px)));
		}
		
	.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step span {
		font-size: var(--aox-fs-24px) !important;
		}
	.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step.step_1 {
		left: calc(50% - var(--aox-140px));
        top: calc(50% + var(--aox-140px));
		}
	.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step.step_2 {
		left: calc(50% + var(--aox-130px));
        top: calc(50% + var(--aox-70px));
		}
	.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step.step_3 {
		left: calc(50% - var(--aox-140px));
        top: calc(50% + var(--aox-50px));
		}
	.section_ALP_steps .ctn_section .ctn_steps .obj_bulle_step.step_4 {
		left: calc(50% - var(--aox-40px));
        top: calc(50% + var(--aox-110px));
		}

	.section_ALP_steps .ctn_background {
		height: 70vh;
        width: 100vw;
        top: 0;
        transform: translate(-50%, 0);
		}
	.section_ALP_steps .ctn_background .ctn_image img {
		height: auto;
		width: 100vw;
		}

	}



/* ======================================== */
/* section_share_2
/* ======================================== */

.section_share_2 .ctn_text .t_title {
	font-size: var(--aox-fs-44px) !important;
    line-height: 1;
	}
.section_share_2 .ctn_text .t_desc {
	font-size: var(--aox-fs-24px) !important;
    line-height: var(--aox-lh-150);
	}

.section_share_2 .ctn_text ul.t_desc {
	font-size: var(--aox-fs-24px) !important;
	line-height: var(--aox-lh-150);
	}
.section_share_2 .ctn_text ul.t_desc li{
	position: relative;
    z-index: 2;
    width: 100%;
    opacity: 1;
    text-align: left;
    font-size: var(--aox-fs-24px) !important;
    line-height: var(--aox-lh-130);
    font-weight: 400;
    color: white;

	}
.section_share_2 .ctn_text ul.t_desc li span {
	display: inline-block;
	position: relative;
	font-size: var(--aox-fs-24px) !important;
	line-height: var(--aox-lh-130);
	font-weight: 400;
	width: var(--aox-30px);
	margin-right: var(--aox-8px);
	}
.section_share_2 .ctn_text ul.t_desc li + li{
    margin-top: var(--aox-10px);
	}
	

.section_share_2 .ctn_smartphone .ctn_media .obj_video {
	height: 100%;
	width: 100%;
    }
.section_share_2 .ctn_smartphone .ctn_media .obj_video .ctn_video {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: auto;
	max-width: none;
	transform: translate(-50%, -50%);
    }

.section_share_2 .ctn_text .obj_buttons {
	flex-direction: row;
	}
.section_share_2 .ctn_text .obj_buttons .ctn_button .obj_button {
	width: auto;
	}
.section_share_2 .ctn_text .obj_buttons .ctn_button + .ctn_button {
	margin: 0 0 0 var(--aox-20px);
	}
.section_share_2 .obj_button_apple, .section_share_2 .obj_button_google {
	display: block;
	width: auto;
	border: 1px solid #3D3D3D;
	border-radius: var(--aox-10px);
	}


/***/

@media screen and (max-width: 767px) {
	.section_share_2 {
        padding: 0 0 var(--aox-120px);
    	}
	.section_share_2 .ctn_text .t_title {
		font-size: var(--aox-fs-34px) !important;
		}
	.section_share_2 .obj_buttons{
		align-items: center;
		justify-content: space-between;
		}
	.section_share_2 .obj_buttons .ctn_button{
		width: calc(50% - var(--aox-8px));
		}
	.section_share_2 .obj_buttons .ctn_button img {
		width: 100%;
		}
	.section_share_2 .ctn_text .obj_buttons .ctn_button + .ctn_button {
		margin: 0;
		}
	.section_share_2 .ctn_text ul.t_desc li,
	.section_share_2 .ctn_text ul.t_desc li span{
		font-size: var(--aox-fs-16px) !important;
		}
	.section_share_2 .ctn_text ul.t_desc li span{
		margin-right: var(--aox-5px);
    	width: var(--aox-20px);
		}

}




:root {
    --aox-animation-transition: 1000ms;
	}

/***/

[data-animation="fadeIn"] {
	opacity: 0;
	transition: all ease-out var(--aox-animation-transition) !important;
	}
.parallax-fixed-element-init [data-animation="fadeIn"] {
	opacity: 1;
	}

[data-animation="fadeInTop"] {
	opacity: 0;
	transform: translateY(-50px);
	transition: all ease-out var(--aox-animation-transition) !important;
	}
.parallax-fixed-element-init [data-animation="fadeInTop"] {
	opacity: 1;
	transform: translateY(0px);
	}

[data-animation="fadeInBottom"] {
	opacity: 0;
	transform: translateY(50px);
	transition: all ease-out var(--aox-animation-transition) !important;
	}
.parallax-fixed-element-init [data-animation="fadeInBottom"] {
	opacity: 1;
	transform: translateY(0px);
	}

/***/

[data-animation-delay="500"] { transition-delay: calc(var(--aox-animation-transition) * 0.5) !important; }
[data-animation-delay="1000"] { transition-delay: calc(var(--aox-animation-transition) * 1) !important; }
[data-animation-delay="1500"] { transition-delay: calc(var(--aox-animation-transition) * 1.5) !important; }
[data-animation-delay="2000"] { transition-delay: calc(var(--aox-animation-transition) * 2) !important; }
[data-animation-delay="2500"] { transition-delay: calc(var(--aox-animation-transition) * 2.5) !important; }
[data-animation-delay="3000"] { transition-delay: calc(var(--aox-animation-transition) * 3) !important; }
[data-animation-delay="3500"] { transition-delay: calc(var(--aox-animation-transition) * 3.5) !important; }
[data-animation-delay="4000"] { transition-delay: calc(var(--aox-animation-transition) * 4) !important; }
[data-animation-delay="4500"] { transition-delay: calc(var(--aox-animation-transition) * 4.5) !important; }
[data-animation-delay="5000"] { transition-delay: calc(var(--aox-animation-transition) * 5) !important; }

[data-animation-duration="1000"] { transition-duration: calc(var(--aox-animation-transition) * 1) !important; }
[data-animation-duration="2000"] { transition-duration: calc(var(--aox-animation-transition) * 2) !important; }
[data-animation-duration="3000"] { transition-duration: calc(var(--aox-animation-transition) * 3) !important; }
[data-animation-duration="4000"] { transition-duration: calc(var(--aox-animation-transition) * 4) !important; }
[data-animation-duration="5000"] { transition-duration: calc(var(--aox-animation-transition) * 5) !important; }

/* ======================================== */
/* .obj_scroll-widget
/* ======================================== */

.obj_scroll-widget ul li a{
	position:relative;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	height:calc(var(--aox-40px) + var(--aox-8px));
	padding-right:calc(var(--aox-40px) + var(--aox-8px));
	padding-top:0;
	padding-bottom:0;
	}
.obj_scroll-widget ul li img{
	position:absolute;
	right:0; top:0;
	width:calc(var(--aox-40px) + var(--aox-8px)); height:calc(var(--aox-40px) + var(--aox-8px));
	}
