/*--- BurnGothic ---*/
@font-face {
    font-family: 'BurnGothic';
    src: url('fonts/BurnGothic.woff2') format('woff2'),
         url('fonts/BurnGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* https://css-tricks.com/box-sizing/ */
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-size: 10%;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	}



/*  Ajout de Yann */
body {
	overflow-x: hidden;
	/* overflow-y:hidden; */
	margin: 0;
	/* font: 19px/1.4em 'BurnGothic', serif; */
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-family: 'BurnGothic', serif;
	/* font-size: 0.8em; */
}
body, .header__imgWrapper, .header__imgWrapper img {
	max-width: 100%;
}
/* Fin Ajout de Yann */

/* CUSTOMISATION de la scrollBar sur Chrome */

/* #myBody::-webkit-scrollbar-thumb{ */
	/* border-radius: 5px; */
	/* border-style: solid;
	border-color: rgb(107, 107, 107)f;
	border-width: 5px; */
	/* background-color: rgb(0, 0, 0);
} */

/* #myBody::-webkit-scrollbar-track{
	background-color: rgb(153, 153, 153); */
  /*The track where the scroll bar is on top off */
  /* background: linear-gradient(to right,
     #fff 45%, #2b2b2b 45% 55%, #fff 55%); */
/* } */

/* #myBody::-webkit-scrollbar{
	width: 10px;
} */

/* #myBody::-webkit-scrollbar-track-piece {
	background-color: rgba(255, 255, 255, 0);
} */
/* fin CUSTOMISATION de la scrollBar sur Chrome*/


/* GENERAL SETTINGS */



p, h1, h2 {
	margin: 0;
}

main {
	background-color: rgb(255, 255, 255);
}

/* end GENERAL SETTINGS */


/* STRUCTURE */

.width-wrap {
	width: 100%;
	max-width: 60vw;
	margin-left: auto;
	margin-right: auto; }

	@media (max-width: 700px) {
		.width-wrap {
			padding: 0 20px; }
	}

/* end STRUCTURE */


/* INTRO lancement autoplay*/

#forceClick{
	position:absolute;
	top:0;
	left:0;
	/* right:0;
	bottom:0; */
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 10;
	height: 100vh;
}

/* fin INTRO lancement autoplay*/

/* BLOQUER scroll */
.stopScrolling {
  height: 100%;
  overflow: hidden;
}
/* fin BLOQUER scroll */


/* HEADER de page CH016 */
#CH016 .header {
	position: relative;
}

#CH016 .header__imgWrapper {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: 100vh;
	width: 100%;
}

#CH016 .header__imgWrapper img, #CH016 .header__imgWrapper>div, .header__imgWrapper video {
		height: 100vh;
		object-fit: cover;
		top: 0;
		left: 0;
		position: absolute;
	}

	#CH016 .header__fond1,
	#CH016 .header__reveal{
		width: 100%;
		left: 0;
	}

	#CH016 .header__mask1 {
		max-width: none;
		height: 100vh;
	}

	#CH016 .header__reveal  {
		opacity: 0;
		transition: opacity 1s;
	}
		#CH016 .header__reveal--revealed{
			opacity: 1;
		}



#CH016 .header__textWrapper {
	position: relative;
	margin-top: -100vh;
	z-index: 2;
}

	#CH016 .header__blocText {
		height: 100vh;
		position: relative;
		display: flex;
		align-items: center;
	}

	#CH016 #texteIntro{
		height: 250vh;
	}
		/* #CH016 .header__blocText:last-child {
			height: 50vh;
			align-items: flex-end;
		} */


	#CH016 .backup-aec {
		display: none;
	}
	#CH016.AEC .header,
	#CH016.AEC .map {
		display: none;
	}
		#CH016.AEC .backup-aec {
			display: block;
		}

		#CH016 .map.backup-aec {
			height: 100vh;
		}



/* TEXTES dans HEADER MULTIMEDIA de page CH016 */
#CH016 .header__blocText p {
	max-width: 33vw;
	/* margin-right: 10vw; */
	margin-left: auto;
	/* font-family: 'Roboto', sans-serif; */
	/* font-weight: 500; */
	font-size: 15rem;
	color: #000000;
	letter-spacing: 0;
	text-align: left;
}

#CH016 .scroll{
	height: 88vh;
}
#CH016 #skrol{
	text-align: center;
	/*font-weight: 100;
	*/
	/* font-family: 'BurnGothic'; */
	margin: auto 15vw 5vh auto;
}
#CH016 #videoTrain{
	height: 100vh;
	width: 100vw;
}
#CH016 #imgText  {
	width: 35vw;
	position: absolute;
	bottom: 0;
	right: 0;
	/*margin-right: 5vw;*/
}
#CH016 #listeArtistes{
	width: 42vw;
	position: absolute;
	right: 0;
	top: 0;
	margin-bottom: 25vh;
}

.big{
	font-size: 17rem;
}
.small{
	font-size: 15rem;
	line-height: 20rem;
}
.decal1{
	padding-left: 1vw;
}
.decal2{
	padding-left: 2vw;
}.decal3{
	padding-left: 3vw;
}.decal4{
	padding-left: 4vw;
}


.carto{
	color: #000;
	/* font-family: 'BurnGothic', sans-serif; */
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
}
.carto p{
	background-color: rgba(0, 0, 0);
	color: #fff;
	padding: 8px 10px;
}
#cartoIntro{
	text-align: left;
	margin: 0 auto;
	align-self: start;
}

.carto1{
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 8px 10px;
	text-align: center;
}
.cartoLieu{
	text-align: center;
	margin: 0 auto;
	align-self: start;
}
.carto2{
	height: 45vh;
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 45vw !important;
}


#CH016 #citationRefuge{
	height: 100vh;
	margin-left: 35vw;

}
#CH016 #citationRefuge p{
	color: #fff;
	/* text-shadow: 1px 1px 3px #000, 0 0 4px #000,  0 0 4px #000, 0 0 6px #000; */
	
	max-width:75vw;
	padding: 2vw 1vw;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.6);
}


#CH016 #citationBidonville{
	height: 112vh;
	margin-left: 27vw;
	/* margin-right: 20vw; */
}
#CH016 #citationBidonville p{
	max-width: 66vw;
	padding: 2vw 1vw;
	background-color: rgba(255, 255, 255, 0.8);
	margin: 0;
	font-size: 14rem;
	font-weight:bold;
	box-shadow: 15px 15px 22px 0px rgba(0, 0, 0, 0.2);

	color: #000;
	/* text-shadow: 1px 1px 3px #000, 0 0 4px #000,  0 0 4px #000, 0 0 6px #000; */
}


#CH016 #citation3vitesses{
	background-color: #fff;
	height: auto;
	display: block;
	padding-top: 17vh;
}

#CH016 #citation3vitesses p:nth-child(2){
	max-width: 82vw;
	margin: 0 auto 0 16vw;
}
#CH016 #crossLove1 {
	position: absolute;
	float: left;
	height: 25vh;
	margin: -14vh auto 5vh 3vh;
}
#CH016 #crossLove2 {
	/* position: absolute;
	float: right; */
	height: 31vh;
	margin: -25vh auto 3vh 20vw;
}
/* #CH016 #citation3vitesses p:nth-child(4){
	background-image: url(images/photosAvant/CROSS_LOVE_AaNTI_02.jpg);
	background-size: 100%;
} */

#CH016 #citation3vitesses p{
	max-width: 70vw;
	margin: 5vh auto 03vh 10vw;
}


#CH016 .auteur{
	font-size: 13rem;
	line-height: 23rem;
	margin-top: 2vh!important;
	padding-bottom: 20vh!important;
}

/* end HEADER */


/*-----début ARTICLE INTRO -----*/

#articleIntro{
	height: auto;
	position: relative;
	align-items: center;
	background-color: #fff;
	padding-top: 2vh;
	padding-bottom: 3vh;
}
#articleIntro h2{
	font-family: 'BurnGothic';
	font-weight: 300;
	font-size: 18rem;
	color: #000;
	text-align: left;
	line-height: 18rem;
	margin: 0 2vw 4vh 2vw;
}

#titreArticleIntro{
	margin-left: 4vw;
	font-weight:bold;
	font-family: 'BurnGothic';
	font-size: 18rem;
	color: #000;
	text-align: left;
	line-height: 18rem;
}


#articleIntro .authors {
	font-family: 'BurnGothic';
	font-size: 12rem;
	font-weight: bold;
	color: #000;
	letter-spacing: 0;
	text-align: center;
	margin-top: 3vh;
	margin-bottom: 0;
	text-align: left;
}
#articleIntro .blocTexteIntro{
	z-index: 2;
	position: relative;
 }
/*
#articleIntro h2{
	font-family: 'BurnGothic';
	color: #2a303b;
	font-size: 25rem;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 32px;
} */
.blocTexteIntro p{
	font-family: Tahoma ;
	font-size: 14rem;
}
.bold{
	font-weight: bold;
}
.exergue{
	font-weight: bold;
	font-family: 'BurnGothic';
}

/*-----fin ARTICLE INTRO -----*/


/*------ début MENU DE NAVIGATION LOGOTYPES GE -----------------------*/

#grilleLogos>img{
	grid-column: 1/5;
	grid-row: 1/8;
	width: 38vw;
	margin: 0 1vmax;
}
#grilleLogos{
    /*background-image: url(images/fond-grille.JPG);
    background-size: cover;*/
    display: grid;
	grid-template-columns: repeat(10, 8vmax);
    grid-template-rows: repeat(6, 8vmax);
	justify-content: center;
	gap: 2vmax;
	margin-top: 2vh;
}
.elementGrilleLogos{
    display: flex;
    justify-content: center;
	align-items: center;
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);
}

.elementGrilleLogos img{
    max-width: 100%;
    max-height: 100%;
}

/*-- CAS PARTICULIERS MENU LOGOTYPES GE --*/
#european500{
    background-color: #003399;
}
#france{
    background-color: #d5f630;
}
#peur{
    background-color: #363636;
}
/*------ fin MENU DE NAVIGATION LOGOTYPES GE --------------------------*/



/*------ début BARRE DE NAVIGATION LOGOTYPES GE -----------------------*/
#barreLogos{
    background-color: rgba(54, 54, 54, 0.4);
    display: grid;
	grid-template-columns: repeat(36, 2.4vw);
	justify-content: center;
	align-items: center;
	gap: 0.35vw;
	padding-top: 0.3vh;
	padding-bottom: 0.3vh;

	position: -webkit-sticky;
	position: sticky;
	top: calc(100vh - (2.4vw + 0.6vh));
	z-index: 10;
}
.elementBarreLogos{
    display: flex;
    justify-content: center;
	align-items: center;
	/* box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1); */
	width: 2.4vw;
	height: 2.4vw;
}
#barreLogos a:active, a:hover{
	background-color: rgba(255, 255, 255, 0.3);
}
.elementBarreLogos img{
    max-width: 100%;
    max-height: 100%;
}

/*------ fin BARRE DE NAVIGATION LOGOTYPES GE --------------------------*/


/* SECTIONS */

/* --------
content
-------- */

.main {
	margin-bottom: 4rem;
}

/* .main__title {
	opacity: 0.9;
	font-weight: 300;
	font-size: 30px;
	color: #2A303C;
	letter-spacing: -0.5px;
	text-align: center;
	line-height: 34px;
	margin-bottom: 40em;
	margin-top: 30em;
} */
	/* .main__title::after {
		content: "";
		position: relative;
		height: 2px;
		display: block;
		margin-top: 28px;
		margin-left: auto;
		margin-right: auto;
		width: 120px;
		background-color: #2A303C;
	} */

	.authors {
		/* font-family: "Marr Sans", Helvetica, sans-serif; */
		font-size: 16px;
		color: #71798A;
		letter-spacing: 0;
		text-align: center;
		line-height: 29px;
		margin-bottom: 40px;
	}

.content {
	z-index: 2;
	position: relative;
}

/* .article__sub-title {
	font-family: "Marr Sans",Helvetica,Arial,Roboto,sans-serif;
	color: #2a303b;
	font-size: 26px;
	font-weight: 600;
	line-height: 35px;
	margin-bottom: 20px;
	margin-top: 32px;
} */

/* .content p {
	font-family: "The Antiqua B",Georgia,Droid-serif,serif;
	font-weight: 500;
	font-size: 17px;
	color: #383F4E;
	letter-spacing: 0;
	text-align: left;
	line-height: 30px;
	margin-bottom: 0.4em;
} */
	/* .content a {
		text-decoration: none;
		color: inherit;
	    border-bottom: .1rem solid #a4a9b4;
	}
	.content a:hover {
		border-bottom: .1rem solid #0070b2;
	} */


/* .content__intertitre {
	margin-top: 1em;
	margin-bottom: 1em;
	opacity: 0.9;
	font-family: "Marr Sans", Helvetica, sans-serif;
	font-size: 1.47em;
	color: #2A3B4C;
	line-height: 1.357142857em;
	font-weight: 600;
} */

/* .content__floatImage {
	float: left;
	margin-right: 10px;
} */

.article__img {
	max-width: 100vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}
	.article__img img{
		display: block;
		max-width: 100%;
	}
/* 
	.article__imgLegend {
		font-family: "Marr Sans",Helvetica,Arial,Roboto,sans-serif;
		color: #8b92a1;
		font-size: 14px;
		line-height: 1.42;
		padding-left: 24px;
		padding-right: 24px;
		margin-top: 8px;
	} */
/* @media screen and (min-width: 1900px) {
	.article__imgLegend {
		padding-left: 0;
		padding-right: 0;
	}
} */

/* --------
map
-------- */

.map {
	z-index: 1;
	position: relative;
	margin-bottom: 0;
}

.map__stickyPart {
	position: -webkit-sticky;
	position: sticky;
	overflow: hidden;
	top: 0;
}

.map__contentWrapper {
	height: 100vh;
}

.map__content{
/*	height: 100vh;
*/	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: opacity 0.5s;
}

	.map__content.active {
		opacity: 1;
	}

	.map__content_overlay {
		opacity: 1;
	}

	.map__textOver {
		height: 100vh;
		position: relative;
	}

	.map__textOver p {
		padding: 15px 20px;
		margin-left: auto;
		margin-right: 5vw;
		max-width: 30vw;
		box-shadow: 0 6px 4px -1px rgba(0,0,0,0.04);

		color: #757575;
		background-color: rgb(20, 20, 20);
	}

/* --------
travelling photo avec barre de défilement
pour page >>> CH 016
-------- */

#CH016 .travellingElement {
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: #000;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	margin-top: 1rem;
}

/* #CH016 .travellingElement + .content {
} */

#CH016 .slide {	position: relative;}
	#CH016 .slide__textWrapper {padding-top: 20px;}

	#CH016 .slide.textScroll:not(:first-child)::before,
	#CH016 .slide.textAppears:not(:first-child)::before {
		background-color: #fff;;
		content: "";
		height: 1px;
		display: block;
		margin-left: 16px;
		margin-right: 16px;
	}
		#CH016 [class="slide"] + .slide.textScroll:not(:first-child)::before,
		#CH016 [class="slide"] + .slide.textAppears:not(:first-child)::before {	display: none;}


	#CH016 .slide__imgWrapper {	padding-top: 24px;}
	#CH016 .slide__bgImage {
		max-width: 100%;
		display: block;
	}

	#CH016 .slide__text {
		margin-left: 16px;
		margin-right: 16px;
		color: #FFFFFF;
		font-size: 12rem;
		/* font-family: "Marr Sans", Helvetica, sans-serif; */
		font-weight: 400;
	}
		#CH016 .slide__text p {
			margin: 0;
			margin-bottom: 1rem;
		}

#CH016 .masks {	display: none;}
#CH016 .stepIndicator { display: none;}


/* --------
credits
-------- */
#CH016 .credits {
	margin-top: 100px;
	color: #7C7D90;
	font-size: 14px;
	/* font-family: "Marr Sans", Helvetica, sans-serif; */
	font-weight: 500;
}
	#CH016 .credits::before {
		content: "";
		height: 1px;
		display: block;
		background-color: #A0A0A6;
		margin-bottom: 38px;
	}

	#CH016 .credits a {
		color: inherit;
	}






/* HEADER de page upRecidive */
#upRecidive .header {
	position: relative;
}

#upRecidive .header__imgWrapper {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	height: 100vh;
	width: 100%;
}

#upRecidive .header__imgWrapper img,#CH016 .header__imgWrapper>div, .header__imgWrapper video {
		height: 100vh;
		object-fit: cover;
		top: 0;
		left: 0;
		position: absolute;
	}

	#upRecidive .header__fond1,
	#upRecidive .header__reveal{
		width: 100%;
		left: 0;
	}

	#upRecidive .header__mask1 {
		/* left: 0;
		clip: rect(0px, 0px, 0px, 0px);	 */
		background-color: #fff;
		width: 100%;
		z-index: 1;

	}

	#upRecidive .header__reveal  {
		opacity: 0;
		transition: opacity 1s;
	}
		#upRecidive .header__reveal--revealed{
			opacity: 1;
		}



#upRecidive .header__textWrapper {
	position: relative;
	/* margin-top: -100vh; */
	z-index: 2;
}

	#upRecidive .header__blocText {
		height: 100vh;
		position: relative;
		display: flex;
		align-items: center;
	}

	#upRecidive #texteIntro{
		height: 220vh;
	}
		/* #upRecidive .header__blocText:last-child {
			height: 50vh;
			align-items: flex-end;
		} */


	#upRecidive .backup-aec {
		display: none;
	}
	#upRecidive.AEC .header,
	#upRecidive.AEC .map {
		display: none;
	}
		#upRecidive.AEC .backup-aec {
			display: block;
		}

		#upRecidive .map.backup-aec {
			height: 100vh;
		}



/* TEXTES dans HEADER MULTIMEDIA de page CH016 */
#upRecidive .header__blocText p {
	max-width: 33vw;
	margin-right: 1vw;
	margin-left: auto;
	/* font-family: 'Roboto', sans-serif; */
	/* font-weight: 500; */
	font-size: 17rem;
	color: #000000;
	letter-spacing: 0;
	text-align: left;
}

#upRecidive .scroll{
	height: 95vh;
}
#upRecidive #skrol{
	text-align: center;
	/*font-weight: 100;
	*/
	/* font-family: 'BurnGothic'; */
	margin: auto 15vw 5vh auto;
}
#upRecidive #videoTrain{
	height: 100vh;
	width: 100vw;
}
#upRecidive #imgText  {
	width: 35vw;
	position: absolute;
	bottom: 0;
	right: 0;
	/*margin-right: 5vw;*/
}
#upRecidive #listeArtistes{
	width: 42vw;
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 25vh;
}


.small{
	font-size: 13rem;
	line-height: 20rem;
}
.decal1{
	padding-left: 1vw;
}
.decal2{
	padding-left: 2vw;
}.decal3{
	padding-left: 3vw;
}.decal4{
	padding-left: 4vw;
}


.carto{
	color: #000;
	/* font-family: 'BurnGothic', sans-serif; */
	height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
}
.carto p{
	background-color: rgba(0, 0, 0);
	color: #fff;
	padding: 8px 10px;
}
#cartoIntro{
	text-align: left;
	margin: 0 auto;
	align-self: start;
}

.carto1{
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	padding: 8px 10px;
	text-align: center;
}
.cartoLieu{
	text-align: center;
	margin: 0 auto;
	align-self: start;
}
.carto2{
	height: 45vh;
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 45vw !important;

}

/* fin HEADER de page upRecidive */




/* --------
travelling photo avec barre de défilement
pour page >>> upRecidive
-------- */

#upRecidive .travellingElement {
	height: auto;
	position: relative;
	overflow: hidden;
	background-color: #000;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	margin-top: 1rem;
}

/* #upRecidive .travellingElement + .content {
} */

#upRecidive .slide {	position: relative;}
	#upRecidive .slide__textWrapper {padding-top: 20px;}

	#upRecidive .slide.textScroll:not(:first-child)::before,
	#upRecidive .slide.textAppears:not(:first-child)::before {
		background-color: #fff;;
		content: "";
		height: 1px;
		display: block;
		margin-left: 16px;
		margin-right: 16px;
	}
		#upRecidive [class="slide"] + .slide.textScroll:not(:first-child)::before,
		#upRecidive [class="slide"] + .slide.textAppears:not(:first-child)::before {	display: none;}


	#upRecidive .slide__imgWrapper {	padding-top: 24px;}
	#upRecidive .slide__bgImage {
		max-width: 100%;
		display: block;
	}

	#upRecidive .slide__text {
		margin-left: 16px;
		margin-right: 16px;
		color: #FFFFFF;
		font-size: 0.843rem;
		line-height: 1.375rem;
		/* font-family: "Marr Sans", Helvetica, sans-serif; */
		font-weight: 400;
	}
		#upRecidive .slide__text p {
			margin: 0;
			margin-bottom: 1rem;
		}

#upRecidive .masks {	display: none;}
#upRecidive .stepIndicator { display: none;}







@media screen and (min-width: 770px) {

	/* HEADER */
	/* #CH016 .header {
		margin-bottom: 55px;
	} */

	/*#CH016 .header__blocText p {
		max-width: 470px;
		text-align: left;
		font-size: 24px;
	}*/

	/* SECTIONS */

	/* --------
	content
	-------- */
	#CH016 .main__title {
		letter-spacing: -0.8px;
		font-size: 50px;
		margin-bottom: 40px;
		line-height: 60px;
		max-width: 789px;
		margin-left: auto;
		margin-right: auto;
	}

	#CH016 .main__title::after {
		margin-top: 40px;
	}

	#CH016 .content p {
		font-size: 19px;
	}

		#CH016 .content p sup {
			line-height: 0;
		}

	#CH016 .map__content {
		background-size: 70% auto;
		background-size: auto 100%;
	}

	#CH016 .fullHeigthWrapper {
		overflow: hidden;
		height: 100vh;
	}


	#CH016 .fixWrapper {
		top: 0;
		left: 0;
		right: 0;
		position: absolute;
		bottom: 0;
		height: 100vh;
		transform: translateZ(0);
		z-index: 1;
		-webkit-transform:translate3d(0,0,0);
		-webkit-transform-style: preserve-3d;
		/*opacity: 0.1;*/
	}

		#CH016 .fixWrapper.placedTop {
			top: 0;
			bottom: auto;
		}
		#CH016 .fixWrapper.placedbottom {
			top: auto;
			bottom: 0;
		}
		#CH016 .fixWrapper.fixed {
			position: fixed;
			top: 0;
		}

		#CH016 .indic {
			position: absolute;
			bottom: 0;
			widows: 100%;
		}
		 #CH016 .indicBar {
		 	height: 5px;
		 	opacity: 0.5;
		 	background-color: #fff;

		 }


	#CH016 .slide {
		-webkit-transform:translate3d(0,0,0);
		-webkit-transform-style: preserve-3d;
		-webkit-backface-visibility: hidden;
		position: relative;
		height: 100vh;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1;
		transform: translateY(100vh);
		transition: transform 1s;
	}

		#CH016 .slide::before {display: none;}
		#CH016 .slide.active {transform: translateY(0);}

		#CH016 .slide__imgWrapper {
			-webkit-transform:translate3d(0,0,0);
			-webkit-transform-style: preserve-3d;
			-webkit-backface-visibility: hidden;
			transition: filter 1s;
			position: relative;
			padding-top: 0;
		}

		#CH016 .slide__bgImage {
			height: 100vh;
			display: block;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			object-fit: cover;
			top: 0;
			position: -webkit-sticky;
			position: sticky;
			background-color: #000;
		}
			#CH016 .slide__bgImage--top { object-position: top;}
			#CH016 .slide__bgImage--bottom { object-position: bottom;}
			#CH016 .slide__bgImage--bottom.slide__bgImage--right {	object-position: right bottom;}

		#CH016 .slide__bgImage,
		#CH016 .slide__text {
			height: 100vh;
		}

		#CH016 .slide__textWrapper {padding-top: 0;	}

		#CH016 .slide__text {
			display: flex;
			flex-direction: column;
			font-weight: 500;
			font-size: 12rem;
			line-height: 1.3rem;
			text-align: center;
			max-width: 700px;
			min-width: 500px;
			width: 51.2%;
			margin-left: auto;
			margin-right: auto;
		}

		/* textScroll */

		#CH016 .slide.textScroll:not(:first-child)::before,
		#CH016 .slide.textAppears:not(:first-child)::before { display: none; }

		#CH016 .textScroll .slide__textWrapper {
			top: 0;
			right: 0;
			transform: translateY(100vh);
			transition: transform 1s;
		}

		#CH016 .textScroll .slide__text {
			justify-content: center;
			align-items: center;
		}
		#CH016 .textScroll .slide__imgWrapper::after {
			position: absolute;
			content: "";
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			opacity: 0;
			background-color: #000;
			transition: opacity 1s;
		}
			#CH016 .slide.dimmed .slide__imgWrapper::after {
				opacity: 0.6;
			}

		/* textAppears */

		#CH016 .textAppears .slide__text {
			margin-top: 64px;
			color: #434659;
			opacity: 0;
			transition: opacity 0.5s;
		}
			#CH016 .textAppears .slide__text.active { opacity: 1;}


		#CH016 .textAppears .slide__textWrapper {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
		}

	/* masks */

	#CH016 .masks {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: hidden;
		pointer-events: none;
		z-index: 2;
	}

		#CH016 .masks > * {
			position: absolute;
			background: #fff;
			/*background: #f5f6f8;*/
			/*opacity: 0.5;*/
		}

	#CH016 .top { top: 0;}
	#CH016 .bottom { bottom: 0;}
	#CH016 .right {right: 0;}
	#CH016 .left {left: 0;}

	#CH016 .top,
	#CH016 .bottom {
		left: 0;
		right: 0;
	}

	#CH016 .right,
	#CH016 .left {
		top: 0;
		bottom: 0;
	}

	#CH016 .travellingElement {
		padding-bottom: 0;
		margin-bottom: 0;
		/*margin-top: -4em;*/
	}

	#CH016 .travellingElement + .content {
		margin-top: -2rem;
	}

	/* stepIndicator */

	#CH016 .stepIndicator {
		position: absolute;
		right: 40px;
		top: 0;
		bottom: 0;
		width: 12px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		transition: opacity 0.3s ease-out;
		opacity: 0;
		z-index: 1;
	}
		#CH016 .stepIndicator.visible { opacity: 1; }

		#CH016 .stepIndicator .point {
			width: 10px;
			height: 10px;
			border-radius: 50%;
			/*border: 1px solid #000;*/
			position: relative;
			z-index: 2;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #242424;
			margin: 5px 0;
		    box-shadow: 0 0 10px rgba(0,0,0,0.2);
		}
			#CH016 .stepIndicator .point.reached {
				background-color: rgb(104, 104, 104);
			}


			#CH016 .stepIndicator .point span {
				border-radius: 50%;
				background-color: rgb(104, 104, 104);
			}
				#CH016 .stepIndicator .point span::after {
					content: "";
					display: block;
					padding-bottom: 100%;
				}

	#CH016 .credits {
		font-size: 16px;
	}
}

@media screen and (min-width: 1500px) {
	#CH016 .slide__text {
		width: 47.6%;
		max-width: 800px;
	}
}


/* end SECTIONS */


/* FOOTER */

footer.footer {
	width: 100%;
    overflow: hidden;
}

/* end FOOTER */


/* PRINT */

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important; }
	a[href]:after {
		content: " (" attr(href) ")"; }
	abbr[title]:after {
		content: " (" attr(title) ")"; }
	.visual-ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""; }
	@page {
		margin: 0.5cm; }
 }

/* end PRINT */

@media screen and (prefers-reduced-motion: reduce) {
	* {
		/* Very short durations means JavaScript that relies on events still works */
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
}



@media screen and (prefers-reduced-motion: reduce) {
	* {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}

	#spacer .masks {
		opacity: 0 !important;
	}
}