/*.nav-bottom__button.current

transition: all 600ms cubic-bezier(.23, 1, .32, 1);

*/



@media screen and (min-width: 1024px) {
    
    .HTML-no-webflow-editor{
        width: 100%!important;
        height: 100vh!important;
        overflow: hidden!important;
    }
    .no-webflow-editor .hide-screen{left:0%;}
    /*.no-opacity, .no-opacity.section{
        opacity:0!important;
        transition : opacity 0s cubic-bezier(.17,.67,.37,.96)!important;
    }*/
    /*Gestion dark theme*/

    .logo-black{ display: block;}
    .logo-white{ display: none;}
    /*.dark-theme  .header__nav__button{color: #26425a;}*/
    .dark-theme .logo-black{ display: none!important;}
    .dark-theme .logo-white{ display: block!important;}
    .dark-theme .nav-language{ color: #fff;}
    .nav-language{ color: var(--black);}
    .dark-theme .bar {background-color: #fff;}
    .dark-theme .nav-bottom__button{ color:white}
    /*.dark-theme .ariane-n{color:#26425a;}*/
    /*.dark-theme .header{background:#fff;}*/
    /*.dark-theme.header-no-bg .header{background:none;}*/
    .wrapper{
        overflow: auto;
        height:auto;
    }

    .wrap-section{
        overflow: auto;
        height:auto;
    }
    .section{
        height:100vh;
        position: relative;
    }
    .no-webflow-editor .wrapper{
        overflow: hidden;
        height:100dvh;
        } 

    .no-webflow-editor .wrap-section{
        width : 100vw;
        height:100dvh;
        overflow: hidden;
        position: absolute;
        top:0;
        left:0;}
    .no-webflow-editor .section{
        height:100dvh;
    } 

    /*SECTION*/
    /*.hide-screen{left:0%;}*/
    .no-webflow-editor .section > .wrap-bg  .bg {
        transition : all 1.5s cubic-bezier(.01,.43,.65,.99);
        transform: scale(1.2);
        filter: blur(20px);
    }
    .no-webflow-editor .section.current-screen > .wrap-bg  .bg {
        transform: scale(1);
        filter: blur(0px);
    }
    .no-webflow-editor .section.current-screen > .wrap-bg  .bg.bg-img-europe,
    .no-webflow-editor .section.current-screen > .wrap-bg  .bg.bg-img-fr,
    .no-webflow-editor .section.current-screen > .wrap-bg  .bg.bg-img-na,
    .no-webflow-editor .section.current-screen > .wrap-bg  .bg.bg-img-train,
    .no-webflow-editor .section.current-screen > .wrap-bg  .bg.bg-img-avion {
        transform: scale(1);
        filter: blur(10px);
    }



    .no-webflow-editor .section .item-multi,.no-webflow-editor .section .card{
        transition : all 0.6s cubic-bezier(.01,.43,.65,.99);
        transform: scale(0.8);
        opacity: 0;
    }
    .no-webflow-editor .section.current-screen .item-multi,.no-webflow-editor .section.current-screen .card{
        transform: scale(1);
        opacity: 1;
    }


    .no-webflow-editor .section p{
        transition : all 0.6s cubic-bezier(.01,.43,.65,.99);
        transform: scale(0.8);
        opacity: 0;
    }
    .no-webflow-editor  .chevron-cta{
        transition : all 0.6s cubic-bezier(.01,.43,.65,.99);
        transform: scale(0.8);
        opacity: 0;
    }
    .no-webflow-editor .section.current-screen .chevron-cta{
        transform: scale(1);
        opacity: 1;
    }
    .no-webflow-editor .block-white-text > *{
        transition : all 0.6s cubic-bezier(.01,.43,.65,.99);
        transform: scale(0.8);
        opacity: 0;
    }
    .no-webflow-editor .section.current-screen .block-white-text > *{
        transform: scale(1);
        opacity: 1;
    }

    .no-webflow-editor .section.current-screen p{
        transform: scale(1);
        opacity: 1;
    }
    .no-webflow-editor .section .wrap-bg{ overflow: hidden;}
    .no-webflow-editor .section{
        overflow: hidden;
        position: absolute!important;
        left: 0%;
        top:0;
        transition :    left 0s cubic-bezier(.23, 1, .32, 1) 0.6s,
                        opacity 0s cubic-bezier(.23, 1, .32, 1) 0.6s;
        opacity:0;
        transition : opacity 0s cubic-bezier(.23, 1, .32, 1) 0.6s;
        }
    
    .no-webflow-editor .section.prev-screen{
        left:-100%;
        transition :    left 0s cubic-bezier(.23, 1, .32, 1) 0.6s,
                        opacity 0.6s cubic-bezier(.23, 1, .32, 1) 0s;}
    .no-webflow-editor .section.next-screen{
       left:-100%;;
    }
    .no-webflow-editor .section.current-screen{
        transition :    left 0s cubic-bezier(.23, 1, .32, 1) 0.6s,
                        opacity 0.6s cubic-bezier(.23, 1, .32, 1) 0s;
        opacity:1;}
   /*BG*/
   

    .no-webflow-editor  .section .card {
        opacity: 0;
        transform: scale(0.8);
     }
    .no-webflow-editor  .section.current-screen .card {
        opacity: 1;
        transform: scale(1);
     }

        /*SPLIT SECTION 50%*/
        /*
        .section__content--split > div:first-child{
            width:100%;
            transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
         }
         .section.current-screen .section__content--split > div:first-child{
            width:50%;
         }
         .section.prev-screen .section__content--split > div:first-child{
            width:50%;
         }
        */
     

     /*CORNER*/
    .no-webflow-editor  .corner{
         transform-origin: top left;
         scale: 0;
         transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
     }
    .no-webflow-editor  .corner.corner-bottom{
        transform-origin: bottom right;
        scale: 0;
    }
    .no-webflow-editor.transition-arrive-play .section.current-screen .corner{
        scale: 1;
    }
    /*round*/
    .no-webflow-editor .round {
        transform: scale(0);
        transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    }
    .no-webflow-editor .section.current-screen .round {
        transform: scale(1);
    }

    /*MAP*/
    .no-webflow-editor .map-wrap img {
        transform: scale(0);
        transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    }
    .no-webflow-editor .section.current-screen .map-wrap img {
        transform: scale(1);
    }
      

    /*NAV BOTTOM*/
    .no-webflow-editor .nav-bottom__button{
        transform: scale(0);
        transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    }
    .no-webflow-editor.transition-arrive-play .nav-bottom__button{
        transform: scale(1);
    }

    .no-webflow-editor .nav-bottom__button.current .bg-nav-bottom__button{
        width:100%
    }
    /*button nav horizontal 1*/
    .no-webflow-editor .dark-theme .nav-bottom__button--horizonatl, .nav-bottom__button--horizonatl{
        color:var(--black)
    }
    .no-webflow-editor .nav-bottom__button--horizonatl.current .wrap-inside-button-for-anim{
        height:15vh
    }


       /*-------------------------------------------------------------------------------*/
    /*GENERIC ANIMATIONS*/
    
    /*separate words*/
    .no-webflow-editor .screen-animation-overflow-hidden.screen-animation-inline-block {
        display: inline-block;
        overflow: hidden;
        width: auto;
        line-height: 1.3;
        margin-bottom: -3vh;
    }
    .no-webflow-editor .screen-animation-inline-block--text {
        transform: translateY(150%) scaleY(3) rotate(15deg);
        transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
        display: inline-block;
        transform-origin: top left;
    }
    .no-webflow-editor em.screen-animation-inline-block--text{font-style: inherit;}
    .no-webflow-editor  .section.current-screen .screen-animation-inline-block--text {
        transform: translateY(0%) scaleY(1) rotate(0deg);
    }

    /*pour la border en span d un mot*/
    .no-webflow-editor .span {
        transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
        border-bottom: 0px solid #af2fce;
    }
    .no-webflow-editor  .section.current-screen .span {
        border-bottom: 5px solid #af2fce;
    }


     /*opacity*/
    /*[class*="screen-animation-"]{transition: all 0ms cubic-bezier(.23, 1, .32, 1)}*/
    .no-webflow-editor .section .screen-animation-opacity{
        opacity: 0;
    }
    .no-webflow-editor  .section.current-screen .screen-animation-opacity,
    .no-webflow-editor  .section.current-screen.screen-animation-opacity{
        opacity: 1;
    }


    /*scaleDown*/
    .no-webflow-editor .screen-animation-scale-down{
        transform: scale(1.5);
        transform-origin: center center;
    }
    .no-webflow-editor  .section.current-screen .screen-animation-scale-down, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-down
    {
        transform: scale(1);
    }
    /*scaleUp*/
    .no-webflow-editor .screen-animation-scale-up{
        transform: scale(0.75);
        transform-origin: center center;
    }
    .no-webflow-editor  .section.current-screen .screen-animation-scale-up, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-up
    {
        transform: scale(1);
    }
    /*scaleYtop*/
    .no-webflow-editor .screen-animation-scale-y-top{
        transform: scaleY(1.5);
        transform-origin: top center;
    }
    .no-webflow-editor  .section.current-screen .screen-animation-scale-y-top, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-y-top
    {
        transform: scaleY(1);
    }
    /*scaleYbottom0*/
    .no-webflow-editor .screen-animation-scale-y-bottom0{
        transform: scaleY(0);
        transform-origin: bottom center;
    }
    .no-webflow-editor .section.current-screen .screen-animation-scale-y-bottom0, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-y-bottom0
    {
        transform: scaleY(1);
    }
    /*scaleYtop0*/
    .no-webflow-editor .screen-animation-scale-y-top0{
        transform: scaleY(0);
        transform-origin: top center;
    }
    .no-webflow-editor  .section.current-screen .screen-animation-scale-y-top0, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-y-top0
    {
        transform: scaleY(1);
    }
    /*scaleXleft0*/
    .no-webflow-editor .screen-animation-scale-x-left0{
        transform: scaleX(0);
        transform-origin: top left;
       
    }
    .no-webflow-editor  .section.current-screen .screen-animation-scale-x-left0, 
    .no-webflow-editor  .section.current-screen.screen-animation-scale-x-left0
    {
        transform: scaleX(1);
    }
    /*fromLeft*/
    .no-webflow-editor .screen-animation-from-left{
        transform: translateX(-5%);
        opacity: 0;
        transform-origin: center center;
    }
    
    .no-webflow-editor .section.current-screen .screen-animation-from-left, 
    .no-webflow-editor  .section.current-screen.screen-animation-from-left{
        transform: translateX(0%);
        opacity: 1;
    }
    /*blur*/
    .no-webflow-editor .screen-animation-blur{
        filter: blur(40px);
    }
    .no-webflow-editor [class*="open"] .screen-animation-blur, 
    .no-webflow-editor [class*="open"].screen-animation-blur,
    .no-webflow-editor  .section.current-screen .screen-animation-blur,
    .no-webflow-editor  .section.current-screen.screen-animation-blur{
        filter: blur(0px);
    }

    /*permet de lancer l animation apres le current-screen*/
    .no-webflow-editor .transition-time--on{
        transition: all 1200ms cubic-bezier(.23, 1, .32, 1);}
    [data-transition-faster="true"] .transition-time--on{
            transition: all 600ms cubic-bezier(.23, 1, .32, 1);}



}