@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */




body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
html {background-color:#fff;}

a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6,h7 {
    font-family: 'Sackers';
    font-weight: normal;
    margin:0;
    padding:0;
    color:#000;

}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

/* Custom CSS
 * --------------------------------------- */
body{
	font-family: 'Miller', erif;
    font-weight:300;
	color: #f2f2f2;
opacity:0;
}
h1{
	font-size: 8em;
}
p{
	font-size: 0.7em;
}
.section{
	text-align: center;
}



.ecran {
    left:0;
    top:0;
  width: 100%;
    height:100%;


}

.livideo {text-align:left;text-transform:uppercase;line-height:100%;}

@media screen and (max-width: 899px)
{.livideo {margin-left:15px}}


.ecran .img-wrap, .ecran .img-wrap {
  padding: 0;
    margin:0;
  width: 100%;
   height:100%;  


}


.img-wrap {
  padding: 0;
    margin:0;
  width: 100%;
   height:100%;  

}


.textscroll {max-width: 900px;margin:auto;}

.img-wrap {padding:40px;}
.img-wrap p {font-size:18px;color:#000;line-height:30px;text-align:justify;padding-right:0px;-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;}


h3 {font-family:'Sackers';text-transform: uppercase;letter-spacing: 0.1em;color:#000;
margin-top:50px;padding-bottom:50px;font-family:20px;}


.ecran .front .img-wrap img, .ecran .back .img-wrap img {
  max-width: 100%;
}

.opaque {opacity:0.7}

.logotype {width:300px;display:block}


.carousel-inner {
height: auto;
}

.ecranhead {height:500px !important; max-height:500px; width:100vw;max-width:900px;display:block;}


		.myVideo{
			position: absolute;
			z-index: -0;
			top:0;
			left:0;
         width:100%;
            max-width:100vw;
			height: 100%;
			background-size: 100% 100%;
	 		background-color: black;
	  		background-image: 
	  		background-position: center center;
	  		background-size: contain;
	   		object-fit: cover; 
		}
.myVideobis{
			position: absolute;
			z-index: -0;
			top:0;
			left:0;
         width:100%;
			height: 100%;
			background-size: 100% 100%;
	 		background-color: black;
	  		background-image: 
	  		background-position: center center;
	  		background-size: contain;
	   		object-fit: cover; 
		}
        .myVideo2{
            margin:auto;
			background-size: 100% 100%;
            width:100%;
            max-width:900px;
	 		background-color: black;
	  		background-image: 
	  		background-position: center center;
	  		background-size: contain;
	   		object-fit: cover; 
		}
            
.myVideo4 {position: absolute;
			z-index: 1;
			top:0px;
			left:0;
         width:100%;
            max-width:100vw;
			height: 90% !important;
			background-size: 100% 100%;
	 		background-color: black;
	  		background-image: 
	  		background-position: center center;
	  		background-size: contain;
	   		object-fit: cover; }


.nb { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);}


 @media screen and (max-width: 899px)
 {
     .myVideo4{height:60% !important;}
.myVideobis{
       width:160%;
			margin-left:-60%;
	  		background-position: right center;
		}
     
     h6 {font-size:12px; line-height:12px !important}
}

.myimage {position: absolute;
			z-index: 1;
			top:0px;
			left:0;
         width:100%;
            max-width:100vw;
			height: 90% !important;
			background-size: 100% 100%;
	 		background-color: black;
	  		background-image: 
	  		background-position: center center;
	  		background-size: contain;
	   		object-fit: cover; }

 @media screen and (max-width: 899px)
 {.myimage{height:60% !important;}}



 .myVideo9{
     z-index:-10;position:absolute;
            margin:auto;
			background-size: 100% 100%;
            width:100%;
	 		background-color: black;
	  		background-image: 
	  		background-position: center center;
     opacity:0.2;
	  		background-size: contain;
	   		object-fit: cover; 
		}

.myVideoiphone{
            margin:auto;
                  width:auto;
			background-size: 100% 100%;
           height:80vh;
	 		background-color: black;
	  		background-image: /* our video */;
	  		background-position: center center;
	  		background-size: contain;
	   		object-fit: cover;
		}

 .myiphone{
     position:absolute;
     top:9vh;
   left:-48vw;
                  width:100%;
     height:82vh;
	  		background-image: /* our video */;
	  		background-position: center center;
	  		background-size: contain;
	   		object-fit: cover;
     background-repeat: no-repeat;
		}


		#section1 .layer{
			position: absolute;
			z-index: 5;
			width: 100%;
			left: 0;
            margin:0;
			top: 42%;
			height: 100%;
		}



#section2 .layer{
	position: absolute;
			z-index: 5;
			width: 100%;
			left: 0;
            margin:0;
			height: 100%;
       		top: 35%;}
		}

        @media screen and (max-width:780px)
{
  
#section2 .layer{  top: 15%;
}
}

        
     
		#infoMenu li a{
			color: #fff;
		}

		#section1{
	      background-color:#fff;padding:0px !important;}
        
        #section2 {
            background-color:#fff;padding:0px !important;}
        
        
         #section3 {
            background-color:#fff;padding:0px !important;}
       
       
       #section4 {
            background-color:#fff;padding:0px !important;}
       
       
          #section5 {
            background-color:#fff;padding:0px !important;}
       
          #section6 {
            background-color:#fff;padding:0px !important;}
       
       
        #section7 {
         }
       
        #section10 {
           }
       
       .responsive-iframe {
    background-color: #fff;
    border:0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
            
        	#section1{
		background-size: cover;
	}
        
#fp-nav {display:none;}
        
       .fp-slidesNav {display:none;}

	/* Defining each section background and styles
	* --------------------------------------- */
.btn-disable
        {
        cursor: not-allowed;
        pointer-events: none;

        /*Button disabled - CSS color class*/
        color: #c0c0c0 !important;
        background-color: #ffffff;

        }

  #close{
	position:fixed;
	top:0;
	left:60px;
      width:50px;
	height: 50px;
	z-index: 70;
	text-align:right;
	padding-top: 10px;
    padding-right:5px;
	margin:0;
}
 
  #titre{
	position:fixed;
	top:20px;
	left:50%;
      transform: translate(-200px,0);
      width:400px;
	height: 50px;
	z-index: 70;
	text-align:center;

	margin:0;
}
 
 
  #menu{
	position:fixed;
	top:0px;
	left:10px;
      width:50px;
	height: 50px;
	z-index: 70;
	text-align:right;
	padding-top: 10px;
	margin:0;
}

  #flechegauche{
	position:fixed;
	top:0px;
	right:120px;
      width:50px;
	height: 50px;
	z-index: 70;
	text-align:right;
	padding-top: 10px;
    padding-right:5px;
	margin:0;
}


        h3 {font-family:'Sackers';text-transform: uppercase;line-height:22px;padding-top:20px;letter-spacing: 0.1em;color:#F27898;}
        .bloc {margin-left:0;}
        .texte {color:#000 ; padding: 0; font-size:19px !important;font-weight:300;}
  .grandtexte {color:#000 ; padding: 0; font-size:19px !important;font-weight:300;}
.petittexte {color:#000 ; padding: 0; font-size:14px !important;font-weight:300;}
         .texte2 {color:#fff !important;font-size:19px !important;font-weight:300;background-color:#000; padding: 20px !important;z-index:1;}
        .culdebouteille {width:100%;margin-left:0px;padding-top:10px;}
          .culdebouteille2 {width:150%;margin-left:-80px;padding-top:150px;z-index:10000;}
        .blockquote {font-size:32px;text-align: left; font-weight: 100; font-style:normal;line-height:34px; margin-left:0px;color:#000;padding-right:30px;}


         .blockquote2 {font-size:32px;text-align: left; font-weight: 100; font-style:normal;line-height:34px; margin-left:100px;margin-top:80px;margin-bottom:100px;color:#000;}
    .blockquote3 {font-size:32px;text-align: right; font-weight: 100; font-style:normal;line-height:34px; margin-left:25px;margin-top:30px;margin-bottom:100px;color:#000;}


.blockquote::after{ 
  background-image: url(../images/quote2.png);
    background-size: 45px 44px;
    display: block;
  left:20px;
    height:44px;
    width:44px;
    content:"";
 }



.blockquote2::after{ 
  background-image: url(../images/quote2.png);
    background-size: 45px 44px;
    display: block;
  left:20px;
    height:44px;
    width:44px;
    content:"";
 }

.blockquote3::after{ 
  background-image: url(../images/quote2.png);
    background-size: 45px 44px;
    display: block;
    position:absolute;
 right:20px;
    height:44px;
    width:44px;
    content:"";
 }

.coolio {margin-top:170px;}


        .btn-light {font-family:'Din';text-transform: uppercase;font-size: 18px;line-height:10px;padding-top:15px;letter-spacing: 0.2em;}
        
        .card-title {font-family:'Sackers';text-transform: uppercase;font-size: 24px;line-height:22px;letter-spacing: 0.2em;color:#F27898}
        
        .card-text {font-size: 20px !important;line-height:22px; text-align:left !important;}
        
        .plushaut {margin-top:40px;}
        
        .drop-cap {margin-top:.3em;font-size:720%;}
 .drop-cap2 {margin-top:.3em;font-size:720%;color:#fff}
        
        .py-2 {margin-top:-100px;margin-bottom:100px;}
        .paddy{padding: 20px;}
 .texte2 {color:#000 !important;background-color:#fff; padding: 20px 20px 20px 20px !important;margin:0;}

.blanc {color:#fff}

.discover {font-size:14px;line-height:12px=mpppp))p));color:#fff;text-transform:uppercase;border-bottom:0;letter-spacing: 0.1em}
            
        @media screen  and (min-width: 900px) and (max-width: 1000px)
{
    .coolio {margin-top:100px;}
      .bloc {margin-left:0px}
        .texte { padding: 0 !important;}
    .texte2 {color:#fff !important;background-color:#F27898; padding: 20px 20px 20px 20px !important;margin:0;}
        .culdebouteille {width:100%;margin-left:0px;padding-top:0;}
    .culdebouteille2 {width:130%;margin-left:-0px;padding-top:30px;}
        .blockquote {font-size:32px;text-align: left; font-style: normal; line-height:34px; margin-left:0px;padding:0px 0 50px 0px;margin-bottom:50px;}
     .blockquote2 {font-size:32px;text-align: left; font-style: normal; line-height:34px; margin-left:70px;padding:0px 0 50px 20px;margin-bottom:0px;}
       .blockquote3 {font-size:32px;font-style: normal; line-height:34px; margin-left:70px;padding:0px 0 50px 20px;margin-bottom:0px;}
        .btn-light {font-family:'Sackers';text-transform: uppercase;font-size: 18px;line-height:10px;padding-top:15px;letter-spacing: 0.2em;}
        
        .plushaut {margin-top:0px;}
    .py-2 {margin-top:-20px;margin-bottom:100px;}
}
       

.sautdeligne{display:none;}
 .grandsaut{display:block}
        
          @media screen and (max-width: 780px)
          {
               .grandsaut{display:none;}
              .sautdeligne{display:block};
              .coolio {margin-top:0px;}
              .paddy{padding: 20px;}
              .bloc {margin-left:0px}
             .culdebouteille {width:100%;margin-left:0px;padding-top:0;}  
              .culdebouteille2 {width:100%;margin-left:0px;padding-top:0;} 
              .py-2 {margin-top:-20px;margin-bottom:100px;}
        }
        
        @media screen and (max-width:780px)
{
    
    .discover {font-size:10px;}
    
    .paddy{padding: 40px;}
      .bloc {margin-left:0px}
        .texte { color:#000 !important; background-color:none !important; padding: 20px 0 !important;}
    .grandtexte {color:#000 !important; background-color:none !important; padding: 20px 0 !important; font-size:19px !important;font-weight:300;hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;}
     .texte2 {color:#000 !important;background-color:#fff !important; padding: 50px 0 !important;}
        .culdebouteille {width:100%;margin-left:0px;padding-top:0;}
    .culdebouteille2 {width:100%;margin-left:0px;padding-top:0;}
        .blockquote {font-size:36px;text-align: left; font-style: normal; line-height:40px; margin-left:-0px;margin-bottom:0px;}
      .blockquote2 {font-size:36px;text-align: left; font-style: normal; line-height:40px; margin-left:0px;padding:0px 0 0px 0px;margin-left:0px;margin-top:30px;}
          .blockquote3 {font-size:36px;font-style: normal; line-height:40px; margin-left:0px;padding:0px 0 0px 20px;margin-left:30px;margin-top:30px;}
    cite {margin-left:0;}
        .btn-light {font-family:'Sackers';text-transform: uppercase;font-size: 18px;line-height:10px;padding-top:15px;letter-spacing: 0.2em;}
        
.sliderhead {height:350px !important; max-height:350px;}
        .plushaut {margin-top:0px;}
}

      .patdiv { margin-left:33%;margin-right:33%;margin-top:20px; text-align: center;}
 .bottom {position:absolute; margin:0; left: calc (50% - 150px); width:100vw;bottom:20px; text-align: center;}

 .bottom2 {position:absolute; margin:0; left: calc(50% - 150px); width:300px;top: calc(50% - 170px); text-align: center;}

     .patdiv2 { margin-left:33%;margin-right:33%;margin-top:20px; text-align: center;}

   

        .pat { display:block;border:0 solid;font-family:'Sackers' !important;text-transform: uppercase !important;font-size: 24px;line-height:20px;padding-top:15px;padding-bottom:10px;letter-spacing: 0.05em;font-family:'Din';text-transform:none;font-weight:300;}

  .pat2 {margin-bottom:25px;padding-top:15px;padding-top:20px;}

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

.noir {color:#000;}
.noir:hover {color:#000}
.blanc {background-color:#fff}
.svg:hover {filter: invert(100%);}
.btn:hover {filter: invert(100%);}

.round {  -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;}


.visible2 {opacity:1}
.visible {opacity:1}

.visible3 {margin-top:0;}


h3 {font-size:34px !important;line-height:60px;letter-spacing:0.0;font-weight:300;}
h4 {font-size:30px !important;}

.born {}
.cadre {position:absolute;left:calc(50vw - 350px);top:calc(50vh - 270px);}
.cadre2 {position:absolute;left:calc(50vw - 250px);top:calc(50vh - 375px);}
        .cadre img {height:500px}
     .cadre2 img {height:100vh;}

.born h2 {color:#fff;font-size:50px;line-height:50px;text-align: center;margin-bottom:-20px;}
.born h3 {color:#fff;font-size:110px;line-height:60px;text-align: left;margin-top:-20px;padding-top:0;}

.reinventing {position:absolute;left:calc(50vw - 50px);top:calc(50vh - 150px);}

.reinventing h2 {color:#000;font-size:8px;line-height:80px;text-align: left;padding-bottom:0;margin-bottom:0;}

.reinventing2 {position:absolute;left:calc(50vw - 50px);top:calc(50vh - 75px);Z-index:1000;}

.position {position:absolute;left:-30px;top:30%;}

.reinventing2 h2 {color:#fff;font-size:80px;line-height:70px;text-align: left;padding-bottom:0;margin-bottom:0;}
.reinventing h3 {color:#000;font-size:44px;line-height:30px;text-align: left;margin-top:-20px;}

.pier {position:absolute;left:250px;top:calc(50vh - 50px);}

.pier h2 {color:#000;font-size:100px;line-height:80px;text-align: left;padding-bottom:0;margin-bottom:0;}

.pier h3 {color:#fff;font-size:44px;line-height:40px;text-align: left;margin-top:-20px;}


.stand {position:absolute;left:calc(50vw - 50px);top:calc(50vh - 150px);}

.stand h2 {color:#fff;font-size:100px;line-height:80px;text-align: left;padding-bottom:0;margin-bottom:0;}

.stand h3 {color:#fff;font-size:44px;line-height:40px;text-align: left;margin-top:-20px;}


.btn {  -webkit-border-radius: O; -moz-border-radius:0; border-radius:0; }

.playground{position:absolute;top:0px;width:80%;max-width:320px;left:50vw;bottom:100px;transform: translate(-53%,50%);}

.playground h3 {color:#fff;font-size:50px !important;line-height:50px;padding-bottom:0;letter-spacing: 0.05em;text-align:left;}

playgroundh2{font-size:90px;line-height:70px;}

#section7 {background-color:#F27898;}

.card {cursor: pointer;}

.cool {width:100%;margin-left:0px;margin-right:0px;height:100% !important;text-align: center;}

.cooly {position:absolute;bottom:0;width:90%; left: 50%;transform: translate(-50%,-55%);}
.romatitre {position:absolute;left:20px;max-width:600px;text-align:left;line-height:95px;}

.romatitre2 {position:absolute;bottom:100px;left:20px;max-width:600px;text-align:left;line-height:95px;}
.coolio {color:#fff;font-size: 54px;text-align: center;}
.edito {max-width:60% !important;text-align:left;}
.titre {font-size:42px;color:#fff;letter-spacing: 0.25em;text-align:center;margin-top:25px;padding-top:25px;margin-left:15px;text-align:center;}

.ecran1 {background-image: url('../../../wp-content/uploads/2020/12/fondslide.jpg'); background-origin: content-box; background-position: center;background-size:cover;}

.ecranintro {background-image: url('../../images/fondintro2.jpg'); background-origin: content-box;background-size:cover;background-position: center;}

.ecranbottle {background-image: url('../images/bottles.jpg'); background-origin: content-box;background-size:cover;background-position: right;}

.naomi {position:absolute;padding:20px;color:#fff !important;background-color:#000;margin:20px;margin-top: 50%;}
.surprise {text-align:left;margin-left:50px;font-family:'Sackers';  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;}

#surprise {border-bottom: 2px solid #F27898;cursor:pointer;font-size:36px;}
#surprise:before {content: "";display:block;position: absolute;margin-right:60px;font-size:24px;color: #F27898;background-image: url(../svg/cursor.svg);background-position: center;background-repeat: no-repeat; width:25px;height:50px;left:30px;margin-top:5px;}
#surprise:hover {border-bottom: 2px solid #000;}

.divsurpriseslideleft {text-align:left;margin-left:0px;font-family:'Sackers';}

.surpriseslideleft {border-bottom: 2px solid #F27898;cursor:pointer;font-size:36px;color:#fff;}

.surpriseslideleft:hover {border-bottom: 2px solid #000;}

.divsurpriseslideright {text-align:right;RIGHT:0;margin-right:0px;font-family:'Sackers';}

.surpriseslideright {border-bottom: 2px solid #F27898;cursor:pointer;font-size:36px;color:#fff;}

.surpriseslideright:hover {border-bottom: 2px solid #000;}


.surprise2 {text-align:center;margin-left:30px;}
#surprise2 {border-bottom: 2px solid #F27898;cursor:pointer;font-size:23px;}
#surprise2:before {content: "";display:block;position: absolute;top:-45px;font-size:24px;color: #F27898;background-image: url(../svg/cursor.svg);background-position: center;background-repeat: no-repeat; width:25px;height:50px;left:10px;margin-top:5px;}
#surprise2:hover {border-bottom: 2px solid #000;}

.layer2 {position: absolute;left:calc(50% - 80px);top:50px;}

.surprise3 {position: absolute;left:calc(50% + 120px);top:(50% - 80px);}
.surprise4 {position: absolute;left:calc(50% - 100px);top:calc(50% + 110px);}
.surprise5 {position: absolute;left:calc(50% + 120px);top:calc(50% + 110px);}
#surprise3 {cursor:pointer;font-size:23px;line-height:28px;padding:10px;padding-left:40px;padding-bottom:5px;background-color:#F27898;-webkit-border-radius: 100px;
    -moz-border-radius: 100px;
             border-radius: 100px;height:45px;width:45px !important;padding:0;cursor:pointer;}
#surprise3:before {content: "";display:block;position: absolute;margin-right:60px;font-size:24px;color: #F27898;background-image: url(../svg/cursor.svg);background-position: center;background-repeat: no-repeat; width:25px;height:50px;left:10px;margin-top:-5px;}
#surprise3:hover {color:#fff;}
.surprise4 {text-align:left;margin-left:0px;font-family:'Sackers';}
#surprise4 {border-bottom: 2px solid #F27898;cursor:pointer;font-size:23px;}
#surprise4:hover {color:#000;}


.quiz {display:inline-block;font-size:42px;font-family:'Sackers';color:#000;padding-right:30px;cursor: pointer;}
.quiz2 {font-size:32px;line-height:35px;padding:20px;font-family:'Sackers';color:#000;cursor: pointer;}

.pink {color:#F27898}

.red {color:#F27898}
.red2 {color:#F27898}
.red3 {color:#F27898}

.read {-webkit-border-radius: 100px;
    -moz-border-radius: 100px;
             border-radius: 100px;height:60px;width:60px;padding:0;margin:auto;margin-left:-50px;margin-bottom:20px;cursor:pointer;}

.item1 {}
.item1::before {content: "";display:block;position: absolute;font-size:24px;color: #F27898;background-image: url(../svg/check2.svg);background-position: center;background-repeat: no-repeat; width:20px;height:30px;left:20px;margin-top:5px;}

.item2 {}
.item2::before {content: "";display:block;position: absolute;font-size:24px;color: #F27898;background-image: url(../svg/check2.svg);background-position: center;background-repeat: no-repeat; width:20px;height:30px;left:20px;margin-top:-6px;}

.being {text-transform:uppercase;text-align: left;padding-top:15px;padding-bottom:0;margin-bottom:0;line-height:40px;color:#F27898;}


        @media screen  and (min-width: 801px) and (max-width: 1200px)
        {
          .cooly {position:absolute;top:10%;width:90%; left: 50%;transform: translate(-50%,-0);}

.coolio {font-size: 44px !important}         
            
}

.anwar {background-image: url('../images/anwarperfume2.jpg'); background-position: center center;background-size:cover;}


@media screen and (max-width: 800px) {  .patdiv { margin-left:5%;margin-right:5%;margin-top:50px; text-align: center;} .patdiv2 { margin-left:5%;margin-right:5%;margin-top:50px; text-align: center;} .pat{}
    
    
    .anwar {background-image: url('../images/anwarperfume3.jpg');}

    
    .surprise3 {position: absolute;left:calc(50% + 80px);top:(50% - 80px);}
.surprise4 {position: absolute;left:calc(50% - 80px);top:calc(50% + 110px);}
.surprise5 {position: absolute;left:calc(50% + 80px);top:calc(50% + 110px);}
    
    .surpriseslideleft,  .surpriseslideright {font-size:24px;}
    
    
    .romatitre {margin-top:-30px;font-size:60px;line-height:55px;}

.romatitre2 {margin-top:-30px;font-size:60px;line-height:55px;}
    
    .position {position:absolute;left:-30px;top:60%;}
    .edito {max-width:80% !important;margin-left:10%;}
h3 {font-size:34px !important;line-height:38px;letter-spacing:0.05;}
    .read {margin-left:30px;margin-top:-250px;}
    .blanc {color:#000;}
    .cooly {position:absolute;bottom:0;width:90%; left: 50%;transform: translate(-50%,-80%);}
.coolio {font-size: 74px !important;}
    .naomi {padding:20px;color:#fff !important;background-color:#000;margin-top: 70%;}
    .cadre {position:absolute;left:calc(50vw - 70px);top:calc(50vh - 140px);}
    .cadre img {height:250px}
    .born h2 {font-size:30px;line-height:30px;}
     .born h3 {font-size:60px;line-height:40px;text-align: left;padding-top:20px;}
    .reinventing {top:50vh;left:20px}
    .reinventing2 {top:50vh;left:20px}
    .born {}
    .pier {top:50vh;left:20px}
     .stand {top:50vh;left:20px}
        .stand h2 {color:#fff;font-size:80px;line-height:65px;text-align: left;padding-bottom:0;}
    .reinventing h2 {color:#000;font-size:80px;line-height:65px;text-align: left;padding-bottom:0;margin-bottom:0;}
      .reinventing2 h2 {color:#fff;font-size:80px;line-height:65px;text-align: left;padding-bottom:0;margin-bottom:0;}
    .pier h2 {font-size:80px;line-height:65px;text-align: left;padding-bottom:0;margin-bottom:0;}
    .quiz {font-size:30px;padding-right:15px}
    playgroundh2{font-size:60px;line-height:65px !important;}
    .ecranrome {background-position: 70%;}
#surprise {font-size:30px;}
}

.slide {overflow-y: hidden;}

.vjs-valentino {
}

.vjs-valentino .vjs-control-bar {
    height: 70px;
    padding-top: 20px;
    background: none;
    background-image: linear-gradient(0deg, #000, transparent)
}

.vjs-valentino .vjs-button>.vjs-icon-placeholder:before {
    line-height: 50px
}

.vjs-valentino .vjs-play-progress:before {
    display: none
}

.vjs-valentino .vjs-progress-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.vjs-valentino .vjs-progress-control .vjs-progress-holder {
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0
}

.vjs-valentino .vjs-play-progress {
    background-color: #F27898;
}

.vjs-valentino .vjs-remaining-time {
    order: 1;
    line-height: 50px;
    flex: 3;
    text-align: left
}

.vjs-valentino .vjs-play-control {
    order: 2;
    flex: 8;
    font-size: 1.75em
}

.vjs-valentino .vjs-fullscreen-control,
.vjs-valentino .vjs-picture-in-picture-control,
.vjs-valentino .vjs-volume-panel {
    order: 3;
    flex: 1
}

.vjs-valentino .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    height: 100%
}

.vjs-valentino .vjs-mute-control {
    display: none
}

.vjs-valentino .vjs-volume-panel {
    margin-left: .5em;
    margin-right: .5em;
    padding-top: 1.5em
}

.vjs-valentino .vjs-volume-bar.vjs-slider-horizontal,
.vjs-valentino .vjs-volume-panel,
.vjs-valentino .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.vjs-valentino .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.vjs-valentino .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.vjs-valentino .vjs-volume-panel:hover,
.vjs-valentino .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
    width: 3em
}

.vjs-valentino .vjs-volume-level:before {
    font-size: 1em
}

.vjs-valentino .vjs-volume-panel .vjs-volume-control {
    opacity: 1;
    width: 100%;
    height: 100%
}

.vjs-valentino .vjs-volume-bar {
    background-color: transparent;
    margin: 0
}

.vjs-valentino .vjs-slider-horizontal .vjs-volume-level {
    height: 100%
}

.vjs-valentino .vjs-volume-bar.vjs-slider-horizontal {
    margin-top: 0;
    margin-bottom: 0;
    height: 100%
}

.vjs-valentino .vjs-volume-bar:before {
    content: "";
    z-index: 0;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-color: transparent transparent hsla(0, 0%, 100%, .25);
    border-style: solid;
    border-width: 0 0 1.75em 3em
}

.vjs-valentino .vjs-volume-level {
    overflow: hidden;
    background-color: transparent
}

.vjs-valentino .vjs-volume-level:before {
    content: "";
    z-index: 1;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 3em solid transparent;
    border-bottom: 1.75em solid #F27898;
    border-right: 0 solid transparent;
    border-top: 0 solid transparent
}

.vjs-valentino .vjs-big-play-button{width:88px;height:88px;background-color: hsla(0, 0%, 100%, .0);background-repeat:no-repeat;background-position:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23F27898'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 0 1-3.604.194 3.492 3.492 0 0 1-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 0 1 3.604.194l20.433 13.843a3.497 3.497 0 0 1 .001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 0 0-.276-.09.51.51 0 0 0-.239.062.483.483 0 0 0-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0 0 58.6 44a.49.49 0 0 0-.22-.413z'/%3E%3C/svg%3E");border:none;top:50%;left:50%;margin-top:-44px;margin-left:-44px;color: hsla(0, 0%, 100%, .0)}.vjs-theme-forest .vjs-big-play-button .vjs-icon-placeholder{display:none}.vjs-theme-forest .vjs-button>.vjs-icon-placeholder:before{line-height:1.55}

.vjs-valentino .vjs-big-play-button:hover{width:88px;height:88px;background-color: hsla(0, 0%, 100%, .0);background-repeat:no-repeat;background-position:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 0 1-3.604.194 3.492 3.492 0 0 1-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 0 1 3.604.194l20.433 13.843a3.497 3.497 0 0 1 .001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 0 0-.276-.09.51.51 0 0 0-.239.062.483.483 0 0 0-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0 0 58.6 44a.49.49 0 0 0-.22-.413z'/%3E%3C/svg%3E");border:none;top:50%;left:50%;margin-top:-44px;margin-left:-44px;color: hsla(0, 0%, 100%, .0)}.vjs-theme-forest .vjs-big-play-button .vjs-icon-placeholder{display:none}.vjs-theme-forest .vjs-button>.vjs-icon-placeholder:before{line-height:1.55}