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

.mod-video-1 , .mod-video-2 , .mod-video-3 , .mod-video-4 , .mod-video-5 , .mod-video-6{
display: none;
  height:100%;
  width:100%;
  background-color:#000000;
  position:fixed;
  top:0;
  left:0;
  z-index:200000000000;

}
video{
	background-color: #000000 !important
}

 /* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    position: fixed; /* Stay in place */
    z-index: 200000000; /* Stay on top */
    top: 0; /* Stay at the top */
    background-color: #000; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
	 -webkit-transition: 0.6s;/* 0.6 second transition effect to slide in the sidenav */
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

/* The navigation menu links */
.sidenav div , .sidenav a{
    padding: 8px 28px 8px 28px;
    text-decoration: none;
    color: #fff;
    display: block;
}



/* When you mouse over the navigation links, change their color */
.sidenav a:hover , .sidenav a:active, .sidenav a:visited ,  .sidenav a:focus{
    text-decoration: none !important;
    color: #fff !important;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 5px;
    right: 25px;
    font-size: 36px;
    margin: 0;
    padding: 0;
}




@media (min-width: 1300px) {
	.container {
	    width: 1220px !important;
	}
}

@media (min-width: 1400px) {
	.container {
	    width: 1320px !important;
	}
}

.sub{
	display: none;
}

html{
	overflow:hidden
}



.play-video-1 , .play-video-2 ,.play-video-3 , .play-video-4 ,.play-video-5 , .play-video-6{
cursor: pointer;
}

.close-modal {
	background-image: url("../images/close.png");
	background-size: 100% auto;
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 1;
  cursor:pointer;
  z-index: 1000000000000000;
}


#textoo .col-sm-4{
margin-bottom:7px;
margin-top: 7px;
}

.fade{
	height:100%;
	
	background-color: #000;
	position: fixed !important;
	top:0;
	left: 0;
	bottom: 0;
	right: 0;
}


.videostart img{
	width: 100%;
	display: block;
}
.slick-track , .slick-list{
	height: 100%
}


.slide-1{
	background-image: url("../images/slide-1.jpg");
}

.slide-2{
	background-image: url("../images/slide-2.jpg");
}
.slide-3{
	background-image: url("../images/slide-3.jpg");
}

.slide{
	height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
background-size: cover;
background-position: center center;

}
.arrow-down{
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	width: 30px;
	bottom: 12px;
	cursor: pointer;
}


#one{
	cursor: pointer !important;
}
.thin{
	font-family: 'HelveticaNeueLTStd-Th';
}
.ultra{
	font-family: 'HelveticaNeueLTStd-UltLt';
}



.rond , .rond2 , .rond3, .rond-mobile , .rond2-mobile {
    display: inline-block;
    padding:2px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
}




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

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



.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%;

	
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke: 0.45px;*/


    /* 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;




	letter-spacing: .03em;
	background-color: #000000 !important;
	color:#fff;
}

html{
	font-family: 'HelveticaNeueLTStd-Th';
	font-size: 17px;
}
body{
	font-size: 100%;
}

a {
	color:#fff;
	text-decoration: none;
}
section{
	background-size: cover;
	background-position: center center;
	background-color: #000;
	position: relative;
}

.fond-1{
	width:100%;
	height:100%;
	display: none;
	background-size: cover;
	background-position: center center;
	background-image: url("../images/deux_2.png");
}
.fond-2{
	width:100%;
	height:100%;
	display: none;
	background-size: cover;
	background-position: center center;
	background-image: url("../images/trois_3.png");
}


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

.eighty{
	width:80% !important;
}
.colum{
-webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}

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

.baleft{
position:absolute;
left: 0;
bottom: 0;
}


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

.float{
	float:left;
}

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

}

#section-1{
	background-image: url("../images/un.jpg");
}


#section-2{
	background-image: url("../images/deux.jpg");
}


#section-3{
	background-image: url("../images/trois.jpg");
}


#section-4{
	background-image: url("../images/quatre.jpg");
}

#section-5{
	background-image: url("../images/cinq.jpg");
}

#section-6{
	background-image: url("../images/six.jpg");
}

#section-7{
	background-image: url("../images/sept.jpg");
}

#section-8{
	background-image: url("../images/huit.jpg");
}

#section-9{
	background-image: url("../images/neuf.jpg");
}


.text{
	/*-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)*/;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	padding: 20px 0;
}

.text-intro{
	font-size: 260%;
	line-height: 1.1;
	text-align: center;
	width: 100%;
}

.subtitle{
	font-size: 180%;
}

.desktop .section .subtitle{
margin-bottom: 15px;
}

.text-content{
	line-height: 1.2;
	text-align: justify;
	display: none;
}

.text-content-mobile{
	line-height: 1.2;
	text-align: left;
	padding: 100px 50px;
}


.desktop{
	display: block ;
}

.mobile{
	display: none !important;
}

.img-mobile{
	width: 100%;
}

.mobile .menucl{
	line-height: 1.2 !important
}

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

	#textoo{
	padding-top:120px !important;
}
}



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

	body{
		font-size: 15px !important; 
	}
}

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




	body{
		font-size: 13px !important; 
	}
}

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


	.desktop{
		display: none !important;
	}

	.mobile{
		display: block !important;
	}

	.lower{
		display: block !important;
	}

	body{
		font-size: 15px !important; 
	}
}








@media only screen and (min-width: 1920px) {
	.lower img , .overlay img , .lower-2 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: 800px) {
	
	.overlay nav{
		font-size:26px !important;
	}
}

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

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

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


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

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

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

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

.overlay nav , .overlay nav a{
		font-family: 'HelveticaNeueLTStd-Th' !important;
	}




.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) {


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

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

	.desk{
		display:none !important;
	}
}




.lower-2{
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: #000;
	z-index: 2000000000000;
}

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

.overlay nav {
	text-align: center;
	position: relative;
	top: 50%;
	height: 50%;
	font-size: 30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

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

.overlay ul li {
	display: block;
	height: 14%;
	height: calc(100% / 7);
	min-height: 45px;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	color: white;
    text-decoration:none;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
    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%);
}