body { position: fixed; overflow-y:scroll }



.arrow-down{
	display: none;
	position: absolute;
right: 0;
left: 0;
margin: 0 auto;
bottom: 20px;
width: 30px;
cursor: pointer;
}
html{
/*	overflow:hidden !important;
*/	  font-family: 'HelveticaNeueLTStd-Th';
}
#one{
	cursor: pointer !important;
}
.thin{
  font-family: 'HelveticaNeueLTStd-Th';
}
.ultra{
  font-family: 'HelveticaNeueLTStd-UltLt';
}

.three{
  width:100%;
  background-position:center center;
  position:absolute;
  background-image:url(../images/intro.jpg);
  background-repeat:no-repeat;
  background-size:auto 100% ;
}
.red{
  width:50px;
  height:50px;
  position:absolute;
  bottom:20px;
  left:20px;
  z-index:10000000;
  background-color:red;
}

.quatre{
	margin-top: 120px;
	font-size: 21px;
}
.tout-quatre{
	width:100%;
	margin:auto;
	background-image: url(../images/four.jpg);
	background-size: auto 100% !important;
}



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

}

.test{

/*	mix-blend-mode: color;
*/}

.img-quatre{
	width: 50%;
	margin: 0;
	height: auto;
	display: block;
	float:left;
	position: relative;
}
.blend{

}


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





	.img-quatre{
		width: 100%;
		margin:0;
		float: none;
	}

	.img-quatre-1{
/*		background-color: rgba(93,93,91,0.6);
*/		background-image: url(../images/square_grey_mobile.jpg);

  background-size: 100% 100%;

	}

	.img-quatre-2{
/*		background-color: rgba(57,34,17,0.6);
*/		background-image: url(../images/square_brown_mobile.jpg);
  background-size: 100% 100%;

	}

	.img-quatre-3{
/*		background-color: rgba(156,127,0,0.6);
*/		background-image: url(../images/square_ocre_mobile.jpg);
 background-size: 100% 100%;

	}

	.img-quatre-4{
/*		background-color: rgba(125,19,19,0.6);
*/		background-image: url(../images/square_pourpre_mobile.jpg);
 background-size: 100% 100%;

	}

	.text-color{
		display: block !important;
		position: static !important;
		margin-top: 0 !important;
		padding: 40px 30px !important;
	}
	.text-color-2{
		display: none !important;
	}
	.img-quatre .test{
		display: none;
	}

}


@media only screen and (max-width: 600px) {
	.text-color{
		display: block !important;
		position: static !important;
		margin-top: 0 !important;
		padding: 40px 20px !important;
	}
	.img-quatre img{
		display: none;
	}
}


.text-change{
	position: absolute;
	padding: 0 !important;
}

.text-change-1{
	top: 50%;
	width: 30% !important;
	left: 10%;
}

.text-change-2{
	top: 50%;
	width: 30% !important;
	right: 10%;
}
.text-change-3{
	bottom: 20%;
	width: 30% !important;
	left: 10%;
}

.text-change-4{
	top: 50%;
	width: 30% !important;
	left: 10%;
	margin-bottom: 50px;
}

.text-change-5{
	top: 50%;
	width: 30% !important;
	right: 10%;
}

.text-color{
	position: absolute;
	top: 50%;
	padding: 0 40px;
	text-align: center;
	display: none;
	isolation: isolate;
}

.text-color-2{
	position: absolute;
	top: 50%;
	padding: 10px;
	text-align: center;
	isolation: isolate;
	display: block;
}


#section-0 .fp-tableCell{
	position: relative;
}

.videostart{
	height:100%;
}
.desk-vide , .loop-vide{
	width: 100%    !important;
	height: auto   !important;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
	position: absolute;
	top: 50%;
}
.menucl{
	cursor:pointer;
}

.men{
	max-height: 50px ;
	min-height: 0 !important;
}


#mute-video{
	width: 25px;
	height: 25px;
	background-size: 100% auto;
	position: absolute;
	bottom: 20px;
	right: 35px;
	z-index: 1;
}
#skip-video{
	position: absolute;
bottom: 20px;
z-index: 2000000000;
color: #fff;
margin:auto ;
left:0;
right:0;
text-align: center;
font-size: 18px;
letter-spacing: 2px;
cursor:pointer;
display: none;
width: 170px
}
.sound-on{
	background-image: url("../images/SON_ON.png");
}
.sound-off{
	background-image: url("../images/SON_OFF.png");
}
#mute-video{
	cursor: pointer;
}

#preloader{
    background-color:#000;
    height: 100%;
    width:100%;
    position: absolute;
    right: 0;
    left: 0;
    top:2px;
    z-index: 200000000;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #fff;
  position: fixed;
  z-index: 20000000000000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

body , html , .main{
	margin:0;
	height: 100%;
	width: 100%;
	background-color: #000;
	color:#fff;

    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;


    /* Smoothing */

	-webkit-font-smoothing: antialiased;
	/*	-moz-font-smoothing: antialiased; */
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;

    text-rendering: optimizeLegibility;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;

}

a {
	color:#fff;
	text-decoration: none;
}


section img{
	width:100%;
	vertical-align: middle;
	height: auto;
}

section{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-position: center center;
	background-color: #000;
	position: relative;
}


#section-5-2{
	padding-top: 80px;

}

.div-sep{
	width:14%;
	float:left;
	height:10px	
}

.div-sep-2{
	width:8%;
	float:left;
	height:10px
}

#section-5-2 .text-content{
	float:left;
	padding:0;
	width:72%;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  max-width: initial;

}

	.show-mobile{
		display: none;
	}
	.hide-mobile{
		display: block;
	}


.downld{
	position:relative;
	height:100%;
	background-image:url(../images/download.jpg);
	background-position:center center;
	white-space: nowrap;
}

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

.downld{
	background-image:url(../images/download_mobile.jpg) !important;

}



	body{
		position: static !important;
		overflow-y: auto !important;
	}

.lower{
		display: block !important
	}

	.lower, #textoo , .arrow-down{
		display: block ;
	}

	.menu-down{
		display: none !important;
	}

	#section-3  , #section-5 , #section-6-1{
	/*margin-top: 120px !important;*/	
	}
#section-6-1{
	margin-bottom: 120px !important;	
	}

	.text-change{
	position: static !important;
	padding: 0 !important;
	margin-top: 25px !important;
	width:90% !important;
	max-width: none !important;
}

	.show-mobile{
		display: block;
	}
	.hide-mobile{
		display: none;
	}

	.div-sep , .div-sep-2{
		display: none;
	}

	#section-5-2 .text-content{
	float: none !important;
	margin: auto;
	width: 50% !important;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
  -moz-column-count: 1; /* Firefox */
  column-count: 1;
	}
	.un{padding-bottom: 10px !important;}
	.un-un{padding-top: 10px !important;}

}


/*#section-6 .subtitle , #section-5 .subtitle{
	margin-bottom: 0;

}*/

#section-5-1 .text-content{
	position: absolute;
	top: 0;
	right: 60px;
	padding: 0;
	z-index: 2;
}

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

	#section-5-1 .text-content{
		position: relative;
		top: 0;
		right: 0;
		padding: 0;
		padding-bottom: 120px;
	}

}


.half-part{
	height:50%;
}
.double-part{
	height:200%;
}
.fifty{
	width:50%;
	display: none;
}

.oright{
	position:absolute;
	right:0;
	top:0;
}

.oleft{
	position:absolute;
	left:0;
	top:0;
}

.float{
	float:left;
}

.bckgd{
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-color: #000;
}
.intro{
	background-image: url("../images/intro.jpg");
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}



.text{
/*	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);*/
	position: absolute;
	top: 50%;
/*	left: 50%;
*/	display: none;
}
#textoo{
}

.text-intro{
	font-size: 90px;
	line-height: 90px;
	text-align: center;
	width: 100%;
}
.remastered{
	font-size: 40px;
	line-height: 40px;
	margin: 30px 0 7px 0;
}
.premier{
	font-size: 60px;
	line-height: 60px;
}

.subtitle{
	font-size: 38px;
	line-height: 38px;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 50px;
}

.text-content{
	font-size: 20px;
	line-height: 21px;
	text-align: left;
}


.text-content{
	width: 40%;
	max-width: 800px;
	margin: auto;
	padding: 120px 0;
}

@media only screen and (max-width: 1050px) {
	.text-content{
		width: 50%;
	}
	.premier{
		font-size: 50px;
		line-height: 50px;
	}

}

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

	#section-5-2 .text-content{
	float: none !important;
	margin: auto;
	width: 70% !important;
	}

	.text-content{
		width: 70%;
	}

	.premier{
		font-size: 35px;
		line-height: 35px;
	}

	.subtitle{
		font-size: 29px;
		line-height: 29px;
	}

}

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

	#section-5-2 .text-content{
	float: none !important;
	margin: auto;
	width: 85% !important;
	}

	.text-content{
		width: 85%;
	}
	.premier{
		font-size: 25px;
		line-height: 25px;
	}

}

@media only screen and (max-width: 1200px) {
	.text-intro{
		font-size: 80px !important; 
		line-height: 80px !important; 
	}
	.remastered{
		font-size: 35px;
		line-height: 435px;
	}
/*	.premier{
		font-size: 53px;
		line-height: 53px;
	}
*/
	.text-content{
		font-size: 18px !important; 
		line-height: 18px !important; 
	}
	.subtitle{
		font-size: 33px !important; 
		line-height: 33px !important; 
	}

}


@media only screen and (min-width: 1920px) {
	.lower img , .overlay img{
		width:40px !important; 
		height:auto;
	}
	.toptop img{
		width:40px !important; 
		height:auto;
	}
	.log img{
		width:135px !important; 
		height:auto;
	}
}

@media only screen and (max-width: 1442px) {
}

@media only screen and (max-width: 1068px) {
}

@media only screen and (max-width: 735px) {
	
	.overlay nav{
		font-size:30px !important;
	}

	.men{
	max-height: 40px;
	}
}

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

		.overlay nav{
		font-size:23px !important;
	}
	.men{
	max-height: 30px;
	}

}
@media only screen and (max-width: 400px) {
	
		.overlay nav{
		font-size:19px !important;
	}

		.men{
	max-height: 25px;
	}
}


.all-mobile{
		display:none;
	}

.mob{
		display:none;
		text-align: left;
		font-family: 'HelveticaNeueLTStd-Th';	
	}

.desk{
		display: inline-block;
		text-align: center;
		font-family: 'HelveticaNeueLTStd-Th';	
	}	


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

	.download .subtitle{
		font-size:26px !important;
	}
	.download{
		font-size: 20px !important;
		right: 0 !important;
		left: 0 !important;
		width:230px !important;
		top:6% !important;
	}

	.menu-down{
/*		display:none !important; 
*/	}

	.all-mobile{
		display:block;
	}
	.no-mobile{
		display:none;
	}

	.mob{
		display: inline-block !important; 
	}

	.desk{
		display:none !important;
	}
}




.lower{
display: none;
}

.lower:hover{

}

input{
 	display:none;
}

.lower label{
	text-align:center;
}

.lower label:hover{
 	cursor:pointer;
}

.overlay{
	font-family: 'HelveticaNeueLTStd-Th';
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color:black;
	z-index: 2000000000000;
}

.overlay > label{
	left: 20px;
	top: 20px;
	position: fixed;
	width: 3%;
	height: auto;
	cursor:pointer;
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 47%;
	height: 60%;
	font-size: 35px;

 -webkit-transform: translateY(-50%);  /* Chrome, Safari 3.1+ */
     -moz-transform: translateY(-50%);  /* Firefox 3.5+ */
      -ms-transform: translateY(-50%);  /* IE 9 */
       -o-transform: translateY(-50%);  /* Opera 10.50-12.00 */
          transform: translateY(-50%);  /* Firefox 16+, IE 10+, Opera 12.10+ */

}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	color: white;
    text-decoration:none;
	-webkit-transition: color 0.2s;  /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: color 0.2s;  /* Firefox 4-15 */
    -o-transition: color 0.2s;  /* Opera 10.50–12.00 */
	transition: color 0.2s; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
    text-transform:uppercase;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
}

.lower~.overlay-hugeinc{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
   	transition: opacity 0.5s, visibility 0s 0.5s;
}

#op:checked~.overlay-hugeinc{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	-moz-perspective: 300px;
}

.overlay-hugeinc nav ul {
	opacity: 1;
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%) ;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

#op:checked~.overlay-hugeinc nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

#op:not(:checked)~.overlay-hugeinc nav ul {
	-webkit-transform: translateY(25%);
	transform: translateY(25%);
}