@font-face {
    font-family: 'Futura LT Med';
    src: url('../t/FuturaLT.woff2') format('woff2'),
        url('../t/FuturaLT.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura LT';
    src: url('../t/FuturaLight.woff2') format('woff2'),
        url('../t/FuturaLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Futura LT Book';
    src: url('../t/FuturaLT-Book.woff2') format('woff2'),
        url('../t/FuturaLT-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Futura LT Oblique';
    src: url('../t/FuturaLT-LightOblique.woff2') format('woff2'),
        url('../t/FuturaLT-LightOblique.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}



img{display: block}
*{-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
-webkit-box-sizing:border-box;
box-sizing:border-box;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
outline:0;
margin:0;
padding:0;
border:0}

.grid{width: 1170px;position: relative;height: 100vh;margin: 0 auto; pointer-events: none;display: flex;justify-content: space-between;}
.col-grid{width: 15%; height: 100%; background: #FF8118; opacity: 0.2; z-index: 99;}
.line-v{width: 1px;height: 100vh;background-color: #FFFF4F;position: fixed;left: 50%;margin-left: -0.5px;top: 0px;}

h1{font-weight: unset}

html{width:100%; font-size: 62.5%; }
body{width:100vw !important; height:100%; overflow: hidden; margin: 0; position:relative; color: #000000; font:300 normal 1.4756944444444444vw
/2.256944444444444vw  'Futura LT';; overflow-x: hidden !important;}
.clear{clear:both;}
h1, h2, h3, h4, h5, p{font-size: unset;-webkit-margin-before: 0.0em;-webkit-margin-after: 0.0em;}
ul, menu, dir {display: block;list-style-type: disc;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
a{text-decoration: none;}
#main{opacity: 0;}
.vs-scroll-view {position: relative;width: 1px;}
svg:not(:root), symbol, image, marker, pattern, foreignObject {overflow: visible !important;}
svg{overflow: visible !important; box-shadow : 0px -0px 10000px transparent /*trick for chrome*/}
h2{font-weight: unset}


.an-T{display: block; opacity: 0; transform: translateY(120px); position: relative;}

.remove-lang{display: none !important;}
.affiche-lang{display: block;}
#preloader{position: absolute;z-index: 99; width: 100vw; height: 100%;
  background: url('../img/_light/BLOOM_KENZO_170_BAMBOU-BAMBOU_F39_LOW-2.jpg'); 
text-align: center; background-size: cover; background-position: 50% 50%;}
#preloader{    position: fixed;
    height:100vh; opacity: 0;
    min-height: 100vh;
 
    overflow: visible;}
.mobile{display: none}
    .choose{font-weight: 400;color: #FFF; margin-top: 43px;
      font-family: 'Futura LT Book' !important;font-weight: 400; }
#preloader .desktop{width: 100%;      height: 100%;
  left: 0;position: absolute;margin: 0 auto;}
#preloader .mobile {width: 100%;}
.block-preload{  width: 83.43vw;  opacity: 0; position: absolute;top: 50%;transform: translate(-50%, -12vw);
    left: 50%;}
.block-preload img {
    position: relative;
    width: 4.514vw;
    max-height: unset;
    text-align: center;
    margin: 0 auto;
}
.block-preload span{font:200 normal 15px/22px 'Futura LT'; text-transform: uppercase;}
.lang-select{display: flex; font-family: 'Futura LT Book' !important; font-weight: 400; position: relative; flex-flow: row wrap;    justify-content: center; margin-top: 25px;}
.lang{cursor: pointer;   transition: all 0.5s ease-out; width: 54px; height: 54px; border-radius: 50px; border: 1px solid #fff; margin: 10px 7px ; text-align: center;position: relative; color: #FFFFFF;}
.lang span{font:200 normal 15px/22px 'Futura LT Book'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.lang-select .desktop {
    display: block;
    height: 54px !important;
    width: 54px !important;
    position: relative !important;
    margin: 10px 7px !important;
}
.lang:hover, .btn-download:hover{color: #C4C4C4; background-color: #FFFFFF;}



.logo-innerscroll{    width: 39.872vh;
    margin: 0 auto;
    margin-top: 5.642vh;display: none}
.logo-innerscroll img{width: 100%;}

.play-btn  img{width: 100%}
strong{font-family: 'Futura LT Med';
    font-weight: 500;}
.burger-box {
  position: relative;
  width: 28px;
  height: 5vw;
  margin: 0 auto;
  display: block;


  -webkit-transform: scale3d(1,1,1);
}


div.block {

  overflow-y: auto;
}
.dot{display: none;}
div.block::-webkit-scrollbar {
    display: none;
}
ul {
  list-style-type: none;
}
.burger,
.burger:before,
.burger:after {
  position: absolute;
  top: 28px;
 
  width: 24px;
  height: 2px;
  background: #000;
}
.call-menu:hover .burger{cursor: pointer; width: 10px;transition: all 0.3s;}
.burger:before {
  top: -8px;
  left: 0;
  content: "";
}

.burger:after {
  top: 8px;
  left: 0;
  content: "";
}

.open .burger {
  -webkit-animation: burger-open 0.3s;
  -webkit-animation-fill-mode: forwards;
}

.open .burger:before {
  -webkit-animation: burger-top-open 0.3s;
  -webkit-animation-fill-mode: forwards;
}

.open .burger:after {
  -webkit-animation: burger-bot-open 0.3s;
  -webkit-animation-fill-mode: forwards;
}

.closed .burger {
  -webkit-animation: burger-closed 0.3s;
  -webkit-animation-fill-mode: forwards;
}

.closed .burger:before {
  -webkit-animation: burger-top-closed 0.3s;
  -webkit-animation-fill-mode: forwards;
}

.closed .burger:after {
  -webkit-animation: burger-bot-closed 0.3s;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes burger-open {
  0% {
    background: rgba(51, 51, 51, 1);
  }
  50% {
    background: rgba(51, 51, 51, 1);
  }
  51% {
    background: rgba(51, 51, 51, 0);
  }
  100% {
    background: rgba(51, 51, 51, 0);
  }
}

@-webkit-keyframes burger-top-open {
  0% {
    top: -8px;
    -webkit-transform: none;
  }
  50% { 
    top: 0;
    -webkit-transform: none;
  }
90% {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 55deg);
}
  100% {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
  }
}

@-webkit-keyframes burger-bot-open {
  0% {
    top: 8px;
    -webkit-transform: none;
  }
  50% {
    top: 0;
    -webkit-transform: none;
  }
90% {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -55deg);
}
  100% {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
  }
}

@-webkit-keyframes burger-closed {
  0% {
    background: rgba(51, 51, 51, 0);
  }
  50% {
    background: rgba(51, 51, 51, 0);
  }
  51% {
    background: rgba(51, 51, 51, 1);
  }
  100% {
    background: rgba(51, 51, 51, 1);
  }
}

@-webkit-keyframes burger-top-closed {
  0% {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
  }
  50% { 
    top: 0;
    -webkit-transform: none;
  }
  90% {
    top: -10px;
    -webkit-transform: none;
  }
  100% {
    top: -8px;
    -webkit-transform: none;
  }
}

@-webkit-keyframes burger-bot-closed {
  0% {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
  }
  50% {
    top: 0;
    -webkit-transform: none;
  }
  90% {
    top: 10px;
    -webkit-transform: none;
  }
  100% {
    top: 8px;
    -webkit-transform: none;
  }
}




.close{width: 30px; display: none; height: 30px; cursor: pointer; position: absolute; right: 30px; top: 5vh;  z-index: 9999 !important;}
.close span{width: 100%; height: 2px; background-color: #FFFFFF; position: absolute; top: 7px}


:root{
  --ft1: 8.680555555555555vw;
  --ft2: 3.038194444444444vw;
  --ft3: 1.476vw;
  --ft4: 4.774vw;
  --wrap-full:81.07638888888889vw;
  --wrap-2:27.604166666666668vw;
  --wrap-3:31.069vw;
  --wrap-4:37.604166666666668vw;
  --marginLD:9.461805555555555vw;
  --margin90: 7.8125vw;
  --FortyTwo : 2.778vw;
}
nav{height: 100vh;opacity: 0;top: 0; width: 4.35vw; background-color: transparent;position: fixed; z-index: 10; border-right: 1px solid #000;}
.logo-nav{    width: 2.083vw;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);}
    .logo-nav svg{width: 100%; fill: #000;}
.nav-scroll h2{
      padding-left: 3.9vw;
    cursor: pointer;
    font-family: 'Futura LT Med';
    color: #FFF;
    font-size: 6.076vw;
    line-height: 110%;
    padding-bottom: 3.944vw;
    width: 59vw;
    text-transform: uppercase;

}
.nav-scroll h2 span{font-size: 1.476vw;line-height: 100%;display: block; font-family: 'Futura LT'; padding-left: 0.5vw}
.inner{width: 95.65vw; margin-left: 4.35vw; top: 0; opacity: 0; height: 100vh; display: flex}
.nav-scroll{min-height: 100vh; padding: 0 4.35vw;
  background: rgb(37,49,70);
background: linear-gradient(50deg, rgba(37,49,70,1) 0%, rgba(98,135,156,1) 100%);}
.donwload {
    /* width: 3vw; */
    position: absolute;
    bottom: 1vw;
    height: 2vw;
    /* text-align: center; */
    width: 100%;
    /* left: 50%; */
    /* transform: translateX(0%); */
}
.donwload svg {
    stroke: #000;
    height: 100%;
    /* display: block; */
    left: 50%;
    transform: translateX(-0.7vw);
    position: absolute;
    display: -webkit-box;
    width: -webkit-fill-available;
    text-align: center;
}


.scroll{ width: 75.20vw; background-color: #FFFFFF; position: absolute; z-index: 6;  transform: translate3d(-100%, 0%, 0);}
.contain{width: 100%;  padding: 0 3.9vw;position: relative;}

.main-carousel, .imageClick{    width: 70.65vw; outline: none !important;
    height: 100vh;overflow:hidden;position: fixed;
 }
 .imageClick{
  background-image: url(../img/new/BLOOM.jpg);
 }
.thedot{cursor: pointer;}
.dot1 { position: absolute;
    top: 19vh;
    left: 23vw;
}
.dot2{position: absolute;
    top: 72vh;
    left: 44vw;}
.dot3 {
       position: absolute;
    top: 44vh;
    left: 50vw;
}

.dot{width: 8px; height: 8px; border-radius: 100%; background-color: #FFF;
    position: absolute;cursor: pointer;
    display: block;  transition: all 0.3s;
}

.thedot .dot:before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #FFF;
    position: absolute;
    top: 50%;
    z-index: 0;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
}
.thedot .dot:after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid #FFF;
    position: absolute;
    top: 50%;
    opacity: 0;
    z-index: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text-dot {
    transition: all 0.3s;
    pointer-events: none;
    color: #FFF;
    opacity: 1;    line-height: normal;
    left: 20px;
    top: unset;
    margin: 0 0 1vw 1vw;
        max-width: 10vw;
    position: relative;
    font-family: 'Futura LT Med';
    font-size: 1.476vw;
}
.dot1 .dot{    bottom: 0;right: 0;}
.dot1 .text-dot{    margin: 0vw 3vw 1vw 0vw;}
.dot2 .text-dot{    margin: 1vw 0 0 1vw;}
.dot3 .text-dot{    margin: 1vw 0 0 1vw;}

.thedot:hover .dot:before{content:'';opacity: 0.8}
.thedot:hover .dot:after{content:'';opacity: 0.5}
.thedot:hover .text-dot{opacity: 1;}
.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.carousel-cell{width: 70vw; height: 100%; top: 0;}
.carousel-cell .to-vid{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #FFF;}
.flickity-viewport .flickity-slider{   
   width: 75vw;;
    height: 100%;
}
.cover{background-size: cover; background-position: 50% 50%;}

.background-video{width: 100vw;display: none; height: 100vh; background-color: black; left: 0vw; position: fixed; z-index: 100; top: -100vh;}
.fp-togglable .fc-fullscreen-button{display: none !important}
.fcplayer {
    background: transparent;
    height: 100%; 
 
}
.close-video{cursor: pointer; transition: all 0.3s; position: fixed; top: 40px; right: 40px; z-index: 103; width: 2.2vw;  display: none; opacity: 0;}
.close-video img{width: 100%}
.close-video:hover{transform: rotate(180deg);}
.playlist-videos{width: 25vw; right: 0; position:fixed; height: 100vh; overflow-y: scroll;}

.video-active{z-index: 9}
.vid-d{width: 25vw;cursor: pointer; height: 33.33333333vh; position: relative; right: 0}
.video-container{height: 100%;width: 100%; position: fixed; display: none;z-index: 101; width: 100vw; height: 100vh; top: 0; left: 0vw;opacity: 0;}
.vid-d .poster{width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0;}
.vid-d .poster:after{content: '';transition: opacity 0.6s;width: 100%; height: 100%; background-color: #000; top: 0; left: 0;z-index: 2; position: absolute; opacity: 0.3}
.vid-d .flex{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
   
    z-index: 9;color: #FFF;font-family: 'Futura LT Med';
}
.vid-d:hover .poster:after{opacity: 0;}
.inf-film{    position: absolute !important;
    bottom: 20px;}
.name-film, .Cat, .duree, .format{margin-left: 20px; position: relative; font-size: 1.042vw}
.Cat{border-radius: 25px; border: 1px solid #FFF; padding: 0 15px}
.vid-d .name-film{width: 90%; padding-bottom: 5px; font-size: 1.476vw; font-family: 'Futura LT Med';}
.ft1{font-size: 6.510vw; line-height: 100%; text-transform: uppercase;font-family: 'Futura LT Med'; }
.ft2{font-size: 2.170vw;font-family: 'Futura LT Med';line-height: 120%;text-transform: uppercase;}
p{font-size: 1.389vw; line-height: 150%; max-width: 26.736vw;}
p:not(:last-child){margin-bottom: 25px}
section{width: calc(100% - 4.35vw); left: 4.35vw;position: relative;}
.m45000{margin: 3.9vw 0 0 0;}
.m450450{margin: 3.9vw 0 3.9vw 0;}
.p45000{padding: 3.9vw 0 0 0;}
.p00450{padding: 0 0 3.9vw 0;}
.lignecentre{height: 100%; width: 1px; background-color: red; top: 0; position: fixed; left: 39.85vw; z-index: 999999;}
.mTB{padding: 6.944vw 0;}
.mT{padding: 6.944vw 0 0 0;}
.mB{padding: 0 0 6.944vw 0;}
.mTT{margin: 6.944vw 0 0 0;}
.flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex .c-l, .flex .c-r{width: 50%;}
.w-padding{width: calc(100% - 7.8vw);margin-left: 1.9vw;}
.c-l .w-padding{margin-left: 3.9vw;}
.w-marge{width: calc(100% - 5.8vw);}
.img-B{ height: 47vw; left: 1.9vw; position: relative }
.logo-inscroll{background-color: #FFF; padding: 10vw 0; text-align: center;}
.logo-inscroll img{width: 28vw;margin:  0 auto}
.a{background-image: url(../img/_light/BLOOM_KENZO_150_HORIZON_RVB.jpg)}
.a h1{width: 85%;}
.a{background-position: 50% 100% !important;}

.a p{max-width: 33.160vw}
.a h2, .a p{margin-left: 31.163vw; margin-left: 28.16vw}
.b .hashtag{font-family: 'Futura LT Med';font-size: 1.476vw; line-height: auto;margin-top: 5.816vw; text-align: center;}
.b .flex{align-items: center;}
.img-noStickL{
    margin-left: 3.9vw;
    width: calc(100% - 5.8vw);}
    .c .flex{    align-items: center;
}
.c .img-noStickL{height: 48vw}
.background{width:calc(100% - 4.35vw); height: 100vh;}
.d{height: 62vw}
.e .double{display: flex;}
.eee .c-r{height: 50vw;}
.eee .img-B{width: calc(100% - 1.9vw);}
.double:not(:last-child){margin-bottom: 3.299vw}
.e .double span{font-size: 1.042vw; font-family: 'Futura LT Med';   display: inline-table; border: 1px solid #000; border-radius: 100px;width: 13.993vw;height: 15px; text-align: center; margin-right: 15px}
.e .img-B{height: 100%;}

.f .img-noStickL{height: 100%}
.fff .img-noStickL {
    height: 50vw;}
.g{text-align: center;}
.h{ height: 40vw}
.is, .isnot{font-size: 1.389vw; position: absolute; top:50%; transform: translateY(-50%); line-height: 150%; max-width: 26.736vw;text-align: center; width: 24.740vw}
.is span,  .isnot span{font-family: 'Futura LT Med';text-transform: uppercase; }
.isnot{right: 0;}
.i .img-B{height: 51vw; left: 0;}
.i .flex{align-items: flex-end;}
.j .flex{align-items: center;}
.j span{font-size: 1.215vw; width: 100%;    display: block; padding-right: 3.9vw; text-align: right}

.k .flex{align-items: center}
.k img{width: 25.434vw}
.k p{margin: 0 auto;
    text-align: center;
    
    max-width: 33vw;}
.l{height: 87vw;background-position-y: 100%;}
.l h2{color: #FFF; font-family: 'Futura LT Med'; margin-left: 3.9vw}
.l p{color: #FFF; left: 50%; transform: translateX(-50%);position: relative; text-align: center}
.m .flex{    align-items: center;}

.n .img-B{    left: 0vw;     height: 62vw;}
.n .img-noStickL {left: 13vw;position: relative;z-index: 5;}
.o {height: 62vw}
.o img{position: absolute;}
.orin1{width: 19.618vw; margin-left: 3.9vw; z-index: 2; display: none}
.orin2{width: 24.566vw; left:18.403vw; margin-top:10.938vw;  z-index: 1}
.orin3{width: 28.212vw; right: 3.9vw; margin-top: 3.9vw; z-index: 3}
.orin4{width: 10.851vw; left: 45.486vw; margin-top: 26.042vw;}
.p img{left: 0; width: 100%}

.p .hashtag{font-family: 'Futura LT Med';
    font-size: 1.476vw;
    line-height: auto;
    text-align: left;
    margin-top: 3.9vw;}
.q{height: 47vw; display: none}
.r img{left: 0; width: calc(100% - 1.9vw)}
.r .flex{    align-items: center;}
/*.r .img-B{    width: 19.792vw;
    left: 10vw;
    top: -3vw;
    height: 30vw;
}*/
.s .flex{align-items: center;}
.s .img-noStickL {
  margin-left: unset;
    right: 3.9vw;
    width: calc(100% - 3.9vw);
}

.z img{width: 100%;}
.y .producers{font-size: 0.868vw; margin-top: 1.9vw; 
    max-width: 27.736vw;
}
.y img{width: calc(100% - 1.9vw);}
.y .img-noStickL{height: 23vw;
    margin-top: -6vw;
    z-index: 4;
    position: relative;
    left: 10vw;
    width: 16.319vw;}
.x h2{left: 3.9vw; color: #FFF;position: relative;}
.xxx{height: 51vw;}
.eee-e .img-B {
    height: 45vw;
}

.fff-f .img-noStickL {
    height: 46vw;
}
.dwl{justify-content: flex-start;transition: all 0.3s;
 color: #000;
    font-family: 'Futura LT Med';
    font-size: 1.476vw;
    border: 1px solid #000;
    padding: 20px 35px;
    border-radius: 50px;
    width: fit-content;    align-items: center;
      position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.dwl .svg {
    top: 0px;
    position: relative;
    width: 23px;
    padding-right: 10px;
    margin-right: 10px;
}
.dwl .svg img{width: 100%;}
.dwl:hover{opacity: 0.7}
.new h2{    width: 38.101vw;
    text-align: center; padding: 60px 0;
    margin: 0 auto;}
.new2 img{    width: calc(100% - 1.9vw);
    left: 1.9vw;
    position: relative;}

.producers{    font-size: 0.868vw;
    width: calc(100% - 6.8vw);
    max-width: 100%;}
strong{  font-family: 'Futura LT Med';}

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

  .desktop{display: none}
  .mobile{display: block}
  .inner{display: none;}
  body{overflow-y: scroll}
  nav {height: 50px;width: 100%;background-color: #FFF;border-right: unset;border-bottom: 1px solid #000; top: 0!important;}
.choose{font-size: 18px;}
.burger-box {
    left: 18px;
    position: absolute;
    width: 28px;
    height: 49px;
    margin: 0 auto;
    display: block;
    -webkit-transform: scale3d(1,1,1);
}

.block-preload {transform: translate(-50%, -40%);}
.block-preload img {
    position: relative;
    width: 50px;}
.logo-nav {
    width: 31vw;}
    .donwload {
    width: 11px !important;
    position: absolute;
    bottom: unset;
    height: 23px;
    /* text-align: center; */
    width: 100%;
    /* left: 50%; */
    top: 50%;
    right: 18px;
    transform: translate(-18px, -50%);}
.donwload svg {
    stroke: #000;
    height: 100%;
    /* display: block; */
    left: 0%;
    transform: unset;
    position: absolute;
    display: -webkit-box;
    width: -webkit-fill-available;
    text-align: center;
}

.burger{    top: 50%;
    transform: translateY(-50%);}
.scroll {transform: translate3d(0%, 0%, 0);}
.imageClick {height: 165vw; width: 100%; position: relative;}
.dot1 {
    top: 52vw;
    left: 30vw;
}

.dot2 {
    top: 101vw;
    left: 56vw;
}
.dot2 .dot{left: 50%;}
.dot2 .text-dot {
    margin: 7vw 0 0 0vw;}
.dot3 {
    top: 87vw;
    left: 12vw;
}
.logo-inscroll img {
    width: 65vw;
    margin: 0 auto;
}
p:not(last-child){margin-bottom: 0px}


.scroll{ width: 100vw;overflow: hidden; opacity: 0; background-color: #FFFFFF; position: relative; z-index: 6;  transform: translate3d(0%, 0%, 0);}

section {width: 100%;left: 0;}
.contain {padding: 0 30px;}
.ft1 {font-size: 30px;}
.ft2 {font-size: 20px;}
p{font-size: 15px;    max-width: 100%;}
.m45000 { margin: 30px 0 0 0;}
.p00450 {padding: 0 0 30px 0;}
.p45000 {padding: 30px 0 0 0;}
.mB {padding: 0 0 50px 0;}
.mTB {padding: 50px 0;}
p:not(:last-child) {margin-bottom: 0px;}
.mT {padding: 50px 0 0 0;}
.flex .c-l, .flex .c-r {width: 100%;}
.img-B {height: 118vw;left: 0;}
.w-marge {width: 100%;}
.w-padding {width: calc(100% - 60px);margin-left: 30px;}
.a p {max-width: 68%;margin-left: 10%;margin-left: 29%;}
.c-l .w-padding {margin-left: 30px;}
.b .hashtag {font-size: 15px;line-height: 110%;margin-top: 50px;}
.b .img-B {margin-top: 50px; margin-bottom: 50px;}
.y img {width: calc(100% - 100px);left: 30px;position: relative;}
.y .img-noStickL {
    height: 47vw;    margin-left: 0px;
    margin-top: -28vw;
    z-index: 4;
    position: relative;
    left: 58vw;
    width: 34vw;
}
.y .c-l{margin-bottom: 20px}
.y .producers {font-size: 10px;margin-top: 30px;max-width: 100%;}
.background {width: 100%;height: 100vh;}
.l p {max-width: 245px;}
.l{height: 125vw;     margin-top: 30px; }
.m .img-noStickL { margin-left: 0;width: 100%; margin-bottom: 50px}

.n .img-noStickL {left: 30px;width: 51%;
    position: absolute;    margin-left: 0px;
    top: 11vw;}
.n .img-B {
    width: 59vw;
    left: 41vw;
    height: 86vw;}
.n .c-l .m45000{margin-top: 50px;}
.orin1 {width: 32.618vw;margin-left: 30px;}
.orin2 {
    width: 40.566vw;
    left: 14.403vw;
    margin-top: 74.938vw;
    z-index: 1;
}
.orin3 {
    width: 60.212vw;
    right: 30px;
    margin-top: 28.9vw;
    z-index: 1;
}
.orin4 {
    width: 22.851vw;
    left: 60.486vw;
    margin-top: 75.042vw;
}
.o {
    height: 149vw;
}
.new h2 {
    width: 80vw;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
}
.p{padding: 0;}
.p img {margin-top: 50px;}
.p .hashtag {font-size: 15px;line-height: 110%;margin-top: 0px;
    padding-top: 20px;}
    .p .hashtag {margin-top: 30px;}

.p .c-l{order: 2; padding-top: 50px;}
.q {height: 67vw!important;    margin-bottom: 0px;}
.r img {
    left: 0px;
    width: calc(100% - 30px);
    margin-top: 0px;
    margin-left: 30px;}
.r .img-B {
    width: 45.792vw;
    left: 21vw;
    top: 0;
    height: 69vw;
    margin-top: -8vw; 
}
.r p{margin-bottom: 30px;}
.producers {
    font-size: 10px;}
.r .m45000{margin: 50px 0 30px 30px;}

.s .img-noStickL { margin-left: 0;width: 100%;margin-top: 0px;margin-bottom: 50px;}
.s{padding: 20px 0 !important;}
.s .c-l{order: 2;}
.x{height: 70vw;}
.c .img-noStickL {
    margin-bottom: 50px;
    margin-left: 0;
    width: 100%;

    position: relative;
}
.c .img-noStickL {
    height: 98vw;
}
.c .c-r .m45000{margin-bottom: 50px;}
.d {height: 87vw;    margin-bottom: 0px;}
.e .double span {font-size: 12px;width: 46px; padding: 4px;}
.e .img-B {height: 88vw;margin-top: 50px;}
.new2 img {width: 100%;left: 0;}
.new2 .c-r{order: -1}
.new2 .c-l{padding-top: 50px;}
.new2 .c-l .p{padding-bottom: 30px;}
.f .img-noStickL {
    height: 88vw;
    margin-left: 0;width: 100%;
    margin: 0px 0 50px 0;
}
.mTT {
    margin: 50px 0 0 0;
}


.f .c-r .m45000{margin-bottom: 50px;}
.h{    height: 82vw;margin-bottom: 50px;}
.i .img-B {
    height: 116vw;
    left: 0;
    margin-top: 50px;
    margin-bottom: 20px;
}
.j .c-l{order: 2;}
.j span {font-size: 13px;padding-right: 30px;}
.img-noStickL {margin-left: 16.5vw;width: 67vw;margin-top: 50px;}
.k p {max-width: 74%;}
.t{    height: 90vw;}
.text-dwl{font-size: 15px}
.menu{position: fixed; background: rgb(37,49,70);
background: linear-gradient(50deg, rgba(37,49,70,1) 0%, rgba(98,135,156,1) 100%); min-height: 100%; z-index: 9; width: 100%; transform: translate3d(0, -100vh, 0);}
.menu .p45000 {padding: 50px 40px 0px 40px;}
.menu h2{text-transform: uppercase; font-size: 30px; color: #FFF;font-family: 'Futura LT Med'; line-height: 110%;}
.menu ul{display: flex;}
.menu span{    display: block;
    font-size: 17px;
    padding-bottom: 23px; padding-top: 38px;}
.vid-d {
    width: 33.33vw;
    cursor: pointer;
    height: 35vw;
    position: relative;
    right: 0;
}
.vid-d .name-film {
    width: 80%;
    padding-bottom: 8px;
    font-size: 15px;
    line-height: 110%;
    font-family: 'Futura LT Med';
}
.name-film, .Cat, .duree, .format {
    margin-left: 5px;
    position: relative;
    font-size: 9px;
}
.Cat {
    border-radius: 25px;
    border: 1px solid #FFF;
    padding: 5px 10px;
}
.format, .duree{display: none;}
.playlist-videos{
    width: 100%;
    right: 0;
    bottom: 0;
    position: fixed;
    height: 35vw;
    overflow-y: scroll;
}
.text-dot {
    /* transition: all 0.3s; */
    /* pointer-events: none; */
    /* color: #FFF; */
    /* opacity: 1; */
    /* left: 0; */
    /* top: 0; */
    max-width: 26vw;
    position: relative;
    font-family: 'Futura LT Med';
    font-size: 15px;
    line-height: 110%;
}
.close-video {top: 20px;right: 20px;width: 30px;}
.fcplayer {
    background: transparent;
    /* height: 100%; */
    line-height: normal;
    height: auto !important;
    position: relative;
    top: 50%;
    background-size: cover;
    transform: translateY(-50%);
}
.background-video {z-index: 100; }
.video-container{height: 100%}
.dwl {
    justify-content: center;
    transition: all 0.3s;
    color: #000;
    font-family: 'Futura LT Med';
    font-size: 1.476vw;
    border: 1px solid #000;
    padding: 20px 35px;
    border-radius: 50px;
    width: fit-content;
    align-items: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
 
    width: 80%;
}

.dwl .svg {
    top: 0px;
    position: relative;
    width: 27px;
    padding-right: 10px;
    margin-right: 18px;
}
.lang-select .mobile{display: block;
    width: 54px !important;}
.lang-select .desktop {
    display: none;}
.r .c-r{margin-top: 50px} 
.logo-innerscroll {
    width: 48.872vw;
    margin: 0 auto;
    margin-top: 85px;
}
.imageClick {background-position: 73% 0% !important;}
.dot3 {left: 30vw;}
.dot1 {left: 38vw;} 
.dot2 {top: 116vw;left: 51vw;}
.rrrrn, .ccc-m{padding: 50px 0 0px;}
.p .hashtag {text-align: center;}
.dddd{height: 140vw;}
.eee .c-r {height: auto;}
.eee .img-B {width: 100%;}
.move .c-r{order: -1}
.move{padding: 0px ;}
.move .img-B {margin-top: 0px; height: 140vw;margin: 0px 0 50px 0;}
.j .c-l {order: 0;}
.j .img-noStickL {margin-top: 0px; margin-bottom: 50px;}
.eee-e{margin-top: 0px; padding-top: 0px;}
.fff-f .img-noStickL {height: 140vw;    margin-bottom: 0px;}
.fff-2F .img-noStickL {height: 120vw; margin-bottom: 0px;}
.duooo .img-B{height: 140vw;}

.f .img-noStickL {height: 140vw;}
.last1 {margin-bottom: 0px; padding-bottom: 0px;}
.last1 .c-l{order: 2}
.last1 .img-noStickL{margin: 0px 0 0 0 ;}

.t {height: auto;}
.o {padding: 0;}

.fff-mob2 .img-noStickL {
    height: 79vw;
}
.x {
    height: 115vw;
    background-position: 60% 50%;
}


}
@media screen and (max-width: 320px) {
  .block-preload {
    transform: translate(-50%, -50%);
}
}