@media screen and (min-width: 1024px) {
    
    .dark-theme  .header__nav__button{color: #26425a;}
    .dark-theme .logo-blue{ display: block;}
    .dark-theme .logo-white{ display: none;}
    .dark-theme .bar {background-color: #26425a;}
    .dark-theme .ariane-n{color:#26425a;}
    .dark-theme .header{background:#fff;}
    .dark-theme.header-no-bg .header{background:none;}




    .no-opacity, .no-opacity.section{
        opacity:0!important;
        transition : opacity 0s cubic-bezier(.17,.67,.37,.96)!important;
    
    }
     .wrap-section{overflow: hidden;}
    /*SECTION*/
    .section{
        overflow: hidden;
        position: absolute!important;
       /* left: -100%;*/
        top:0;
        /*transition : left 0s cubic-bezier(.23, 1, .32, 1) 0.6s;*/
        transition : all 0.8s cubic-bezier(.01,.43,.65,.99);
        }
    .hide-screen{left:0%;}
    .section.prev-screen{top:-100%;}
    .section.prev-screen .bg{
        top:60%;
        transform: scale(1.3);
        transform-origin: center center;
    }
    .section .bg {transition : all 0.8s cubic-bezier(.01,.43,.65,.99)!important; }
    .section .wrap-bg{
        overflow: hidden;}
    .section.next-screen{
        top:100%;
    }
    .section.next-screen .bg{
        top:-60%;
        transform: scale(1.3);
        transform-origin: center center;

    }


    /*content-white-bg*/
    .section .content-white-bg{
        transform: translateY(130%);
        transition : all 0.8s cubic-bezier(.23, 1, .32, 1) 0.4s;
    }
    .section.current-screen .content-white-bg{
        transform: translateY(0%);
    }

    /*separate word*/
    .inline-block--text{
        display: inline-block;
        -webkit-transition: all 600ms cubic-bezier(.31, .886, .69, .997);
        transition: all 600ms cubic-bezier(.31, .886, .69, .997);
        font-style: normal;
        transform: translateY(120%);
        transform-origin: top left;
        transition-delay: 0.8s;
        animation: 0.3s ease-in 1  both  antiflash;
    }
    @keyframes antiflash { from { opacity:0; } to { opacity:1; }  }
    .section.current-screen .inline-block--text{
        transform: translateY(0%);
    }
    .overflow-hidden.inline-block {
        display: inline-block;
        overflow: hidden;
        width: auto;
      }


    /*text-vh*/
    .section .text-vh{
        transition: all 600ms cubic-bezier(.31, .886, .69, .997);
        opacity: 0;
        transform: translateX(-10%);
    }
    .section.current-screen .text-vh{
        transition: all 600ms cubic-bezier(.31, .886, .69, .997);
        opacity: 1;
        transform: translateX(0%);
    }
    /*-------------------------------------------------------------------*/

    /*INFO SCROLL*/
	.section .info-scroll {
		transition : all 1s cubic-bezier(.17,.67,.37,.96) 1s;
		transform: translateY(20px);
		opacity:0;
	}
	.section.current-screen .info-scroll {
		transform: translateY(0px);
		opacity: 1;
	}

    /*-------------------------------------------------------------------*/

    /*CARD*/
	.section [class^="card"]{
		transform: scale(0.6);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	}
	.section.current-screen [class^="card"]{
		transform: scale(1);
		opacity: 1;
	}
    /*title card*/
    .section [class^="card"] [class*="title"],
    .section [class^="card"] [class*="text"],
    .section [class^="card"] [class*="txt"] {
        transform: scale(0.6);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
    } 
    .section.current-screen [class^="card"] [class*="title"],
    .section.current-screen [class^="card"] [class*="text"],
    .section.current-screen [class^="card"] [class*="txt"] {
        transform: scale(0.6);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
    }   

    .popup > .popup__content > .popup-block-blanc,
    .popup > .popup__content > .popup-block-blanc p,
    .popup > .popup__content > .popup-block-blanc img,
    /*popup slider*/
    .popup__content > .slider__window  .popup-block-blanc,
    .popup__content > .slider__window  .popup-block-blanc p,
    .popup__content > .slider__window  .popup-block-blanc img,
    /*popup slider avec card*/
    .popup__content > .slider__window  .popup-block-blanc h2,
    .popup__content > .slider__window  .popup-block-blanc .timeline-card,
    .popup__content > .slider__window  .popup-block-blanc .timeline-circle-wrap
    {
        transform: scale(0.6);
        opacity: 0;
        transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
    }

    .popup.open > .popup__content > .popup-block-blanc,
    .popup.open > .popup__content > .popup-block-blanc p,
    .popup.open > .popup__content > .popup-block-blanc img,
    /*popup slider*/
    .open .popup__content > .slider__window .active-slide .popup-block-blanc,
    .open .popup__content > .slider__window .active-slide .popup-block-blanc p, 
    .open .popup__content > .slider__window .active-slide .popup-block-blanc img,
    /*popup slider avec card*/
    .open .popup__content > .slider__window .active-slide .popup-block-blanc h2,
    .open .popup__content > .slider__window .active-slide .popup-block-blanc .timeline-card,
    .open .popup__content > .slider__window .active-slide .popup-block-blanc .timeline-circle-wrap {
        transform: scale(1);
        opacity: 1;
    }

    

    /*GENERIC ANIMATIONS*/
    /*scale opacity*/
    .section .scale-opactity,
    .section [data-ug-anim="scale-opactity"]{
        transform: scale(0.6);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
    }
    .section.current-screen .scale-opactity,
    .section.current-screen [data-ug-anim="scale-opactity"]{
        transform: scale(1);
		opacity: 1;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
    }

    /*translateX opacity*/
    .section .translatex-opactity,
    .section [data-ug-anim="translatex-opactity"]{
        transform: translateX(-20px);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
    }
    .section.current-screen .translatex-opactity,
    .section.current-screen [data-ug-anim="translatex-opactity"]{
        transform: translateX(0px);
		opacity: 1;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
    }

    /*translateY */
    .section .translatey,
    .section [data-ug-anim="translatey"]{
        transform: translateY(-100%);
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
    }
    .section.current-screen .translatey,
    .section.current-screen [data-ug-anim="translatey"]{
        transform: translateY(0%);
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
    }
    /*translateY opacity */
    .section .translatey-opactity,
    .section [data-ug-anim="translatey-opactity"]{
        transform: translateY(-100%);
        opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
    }
    .section.current-screen .translatey-opactity,
    .section.current-screen [data-ug-anim="translatey-opactity"]{
        transform: translateY(0%);
        opacity: 1;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.2s;
    }

}