/*
transition: all 600ms cubic-bezier(.23, 1, .32, 1);
}
transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
.open pour popup
.transition-arrive-play pour arriver
.section.current-screen pour nouvel ecran

*/
/*BG transition*/
.bg-transition-arrive{
	display: flex!important;
	flex-direction: row!important;
	justify-content: center!important;
	align-items: center!important;
}
.bg-transition-arrive.arrive-intro{
	top: 0%;
	animation:1s cubic-bezier(.23, 1, .32, 1) 0s  both  animtransition;
}
.bg-transition-arrive{
	animation:1s cubic-bezier(.23, 1, .32, 1) 0s  both  animtransition;
}
@keyframes animtransition { 
	0% { left:0%; } 
	100% { left:-100%; }
}
.transition-leave-play.transition-leave{width: 100%;}


/*card hover*/
.card .bg, .item-multi .bg{
	transition : all 1s cubic-bezier(.17,.67,.37,.96);
}

.card:hover .bg, .item-multi:hover .bg{
	transform: scale(1.2);
	opacity: 0.3;
}
.card.pointer:hover .round{
	transform: scale(1.2);
}
[data-triger]{
    cursor: pointer;
}
.open .container-map{
    width:60%;
    height: 80%;
}
@media screen and (max-width: 992px)  {
 .open .container-map{
    width:80%;
}

}


/*popup et menu*/


/*popup*/
 .open.popup{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms,
                opacity 600ms cubic-bezier(.23, 1, .32, 1);
                opacity:1;
}
.popup{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 600ms,
                opacity 600ms cubic-bezier(.23, 1, .32, 1);
    opacity:0;
}

/* ANIMATION POPUP FROM LEFT*/
.open.popup.popup-from-left{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 0ms,
                all 600ms cubic-bezier(.23, 1, .32, 1);
                opacity:1;
}
.popup.popup-from-left{
    transition: left 0ms cubic-bezier(.23, 1, .32, 1) 600ms,
                all 600ms cubic-bezier(.23, 1, .32, 1);
    opacity:0;
}

.popup.popup-from-left .popup-full__img{
    transition: all 1200ms cubic-bezier(.23, 1, .32, 1);
    transform-origin: left;
    width: 0%;
}
.open.popup.popup-from-left .popup-full__img{
    width: 45%;
}

.popup.popup-from-left .popup-full__text p{
    transform: translateX(-20%);
    transition: all 1200ms cubic-bezier(.23, 1, .32, 1);
    opacity: 0;
}
.open.popup.popup-from-left .popup-full__text p{
    transform: translateX(0%);
    opacity: 1;
}







.menu .card-1 {
	
}
.open.menu .tab-open .card-1 {
	
}
.clicked .wrap__triangle{
	
}


/*HOVER*/

.wrap-bg{
    overflow: hidden;
}




/*card HOVER*/
.card img:not([data-no-classic-img-animation])  {
    transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
}
.card:hover img:not([data-no-classic-img-animation]) {
    transform: scale(1.3);
}

/*round*/
.round * { z-index: 1;transition : all 0.6s cubic-bezier(.23, 1, .32, 1);cursor:pointer}
.round__plus{z-index:2;}
.round:hover .round__plus{color: var(--main-1--darker);}
.round:after{
    content: '';
    position: absolute;
    top: 0px;
    left:0px;
    width: 100%;
    height: 100%;
    display: block;
    background: var(--main-1--darker);
    transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
    animation: 0.8s ease-in  infinite  both running roundAnim;
    z-index: 0;
    border-radius: 50%;
}
.round:before{
    content: '';
    position: absolute;
    top: 0px;
    left:0px;
    width: 100%;
    height: 100%;
    display: block;
    border:solid 0px var(--main-1--darker);
    transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
    z-index: 1;
    border-radius: 50%;
}
.round:hover:before{
  border-radius: 50%;
  border:solid 1px var(--main-1--darker);
  transform: scale(1.5);
  background: white;
}


@keyframes roundAnim {
    0%{transform: scale(1);opacity: 1;}
    100%{transform: scale(1.5);opacity: 0;}
}


/*SLIDER*/
.slider__window .section__content--slider, .section__content--slider p{transition : all 1.2s cubic-bezier(.23, 1, .32, 1);}
.slider__window .bg{
    transition : all 1.2s cubic-bezier(.23, 1, .32, 1);
}
.prev-slide .bg{
    left:60%;
    transform: scale(1.5);
    filter:blur(2px)
}
.next-slide .bg{
    left:-60%;
    transform: scale(1.5);
    filter:blur(2px)
}
.slider__window img{
    transition : all 1.2s cubic-bezier(.23, 1, .32, 1);
}
.prev-slide img{
    left:-150vw
}
.next-slide img{
    left:15vw
}
.prev-slide P{
    left:-250vw
}
.next-slide P{
    left:250vw
}
@media screen and (min-width: 1024px) {
    .block-white-text{
        transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
    }
.info-on-first-slide-hidden .block-white-text{
    opacity:0!important;
}
.info-on-first-slide-hidden .bg-black-transpaent{
    opacity:0!important;
}
}

/*GENERIC ANIMATIONS*/

[data-ug-animation]{
    transition: all 0ms cubic-bezier(.23, 1, .32, 1);
}
/*separate words*/
.overflow-hidden.inline-block {
    display: inline-block;
    overflow: hidden;
    width: auto;
    line-height: 1.3;
    margin-bottom: -3vh;
}
.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;
}
em.inline-block--text{font-style: inherit;}
[class*="open"] .inline-block--text,
[class*="open"].inline-block--text,
.active-slide  .inline-block--text,
.active-slide.inline-block--text{
    transform: translateY(0%) scaleY(1) rotate(0deg);
}




/*pour la border en span d un mot*/
.span {
    transition : all 0.6s cubic-bezier(.23, 1, .32, 1);
    border-bottom: 0px solid #af2fce;
}
[class*="open"] .span,
[class*="open"].span,
.active-slide  .span,
.active-slide.span{
    border-bottom: 5px solid #af2fce;
}


/*opacity*/
.opacity{
    opacity: 0;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .opacity,
[class*="open"].opacity,
.active-slide .opacity,
.active-slide.opacity {
    opacity: 1;
}

/*scaleUp*/
.scale-up{
    transform: scale(0.75);
    transform-origin: center center;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-up, 
[class*="open"].scale-up,
.active-slide .scale-up,
.active-slide.scale-up
{
    transform: scale(1);
}
/*scaleDown*/
.scale-down{
    transform: scale(1.5);
    transform-origin: center center;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-down, 
[class*="open"].scale-down,
.active-slide .scale-down,
.active-slide.scale-down
{
    transform: scale(1);
}
/*scaleYtop*/
.scale-y-top{
    transform: scaleY(1.5);
    transform-origin: top center;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-y-top, 
[class*="open"].scale-y-top,
.active-slide .scale-y-top,
.active-slide.scale-y-top
{
    transform: scaleY(1);
}
/*scaleYbottom0*/
.scale-y-bottom0{
    transform: scaleY(0);
    transform-origin: bottom center;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-y-bottom0, 
[class*="open"].scale-y-bottom0,
.active-slide .scale-y-bottom0,
.active-slide.scale-y-bottom0
{
    transform: scaleY(1);
}
/*scaleYtop0*/
.scale-y-top0{
    transform: scaleY(0);
    transform-origin: top center;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-y-top0, 
[class*="open"].scale-y-top0,
.active-slide .scale-y-top0,
.active-slide.scale-y-top0
{
    transform: scaleY(1);
}
/*scaleYleft0*/
.scale-x-left0{
    transform: scaleX(0);
    transform-origin: right center;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .scale-x-left0, 
[class*="open"].scale-x-left0,
.active-slide .scale-x-left0,
.active-slide.scale-x-left0
{
    transform: scaleX(1);
}
/*fromLeft*/
.from-left{
    transform: translateX(-20%);
    opacity: 0;
    transform-origin: center center;
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .from-left, 
[class*="open"].from-left,
.active-slide .from-left,
.active-slide.from-left{
    transform: translateX(0%);
    opacity: 1;
}

/*blur*/
.blur{
    filter: blur(40px);
    transition: all 600ms cubic-bezier(.23, 1, .32, 1)
}
[class*="open"] .blur, 
[class*="open"].blur,
.active-slide .blur,
.active-slide.blur{
    filter: blur(0px);
}