.hide{
	display: none;
}
/*
*{
	cursor: none;
}*/

.no-pointer{cursor:default!important;}
.btn-download{
	cursor: pointer;
}
.img-home-hover{
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
}
.img-home-hover.open{
	transform: scale(1.2);
}

.popup{overflow: hidden;}

.wrapper-nav-dot > div{
	width: 15px;
	height:15px;
	border-radius: 50%;
	background: #ef2e6a;
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	margin:0 5px;
	opacity:0.6;
	cursor: pointer;
	z-index: 1;

}
/*line*/
.line{
	transform-origin: top left;
	transition : all 0.6s cubic-bezier(.17,.67,.37,.96) 1200ms;
	transform: scaleX(0);
}
.transition-arrive-play .line{
	transform: scaleX(1);
}
/*card hover*/
a.card img, .button-round, a.card .card__text, .card.pointer .card__text,.card.pointer  img{
	transition : all 1s cubic-bezier(.17,.67,.37,.96);
}
a.card .card-img, .card.pointer .card-img{
	background-color: #000;
}
a.card:hover img, .card.pointer:hover img{
	transform: scale(1.2);
	opacity: 0.6;
}
a.card:hover .button-round, .card.pointer:hover .button-round{
	transform: scale(0.8);
}
a.card .card__text, .card.pointer .card__text{
	background-image: linear-gradient(127deg, #65cca3, #65cca3);
}
a.card:hover .card__text, .card.pointer:hover .card__text {
	/*background-color: #085355;*/
	background-image: linear-gradient(127deg, #37f3a8, #085254);
}

a.card .card__text.bg-main-2-darker, .card.pointer .card__text.bg-main-2-darker{
	background-image: linear-gradient(127deg, #0f475b, #0f475b);
}
a.card:hover .card__text.bg-main-2-darker, .card.pointer:hover .card__text.bg-main-2-darker {
	/*background-color: #085355;*/
	background-image: linear-gradient(127deg, #18e5ee, #0f475b);
}


@media screen and (max-width: 1100px) {
	.button__container.button-nav-corner-header {
	  padding: 5px 5px;
	}
	.transition-arrive-play .nav-buttom__wrap-button{
		height:60px!important;
	}
	.nav-buttom__wrap-button{
		padding-left:10px;
		padding-right:5px;
	}
  }


.version-selection .gear{
	display: none;
}
.bd-transparent-again{
	opacity: 0;
}
.nav-bottom__wrap-txt{
	display: none;
}
.nav-bottom__txt {
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
}

.nav-bottom__button:hover .nav-bottom__txt {
	margin-top:-6px;
}


/*TRANSITION ARRIVE HOME PAGE*/

/*BG transition*/
.bg-transition-arrive{
	/*display: block!important;*/
	display: flex!important;
	flex-direction: row!important;
	justify-content: center!important;
	align-items: center!important;
}

.bg-transition-arrive.arrive-intro{
	top: 0%;
	animation:0.6s cubic-bezier(.17,.67,.37,.96) 5.4s  both  animtransition;
}
.bg-transition-arrive{
	animation:0.6s cubic-bezier(.17,.67,.37,.96) 0s  both  animtransition;
}
@keyframes animtransition { 
	0% { top:0%; } 

	100% { top:-140%; }
}


.transition-leave-play.transition-leave{
	bottom: 0%;
}
.logo-bestdoc-intro{
	animation:2.8s cubic-bezier(.17,.67,.37,.96)   both  animLogo;
}

@keyframes animLogo { 
	0% { margin-top:234px; } 
	30% { margin-top:0px; } 
	75% { margin-top:0px; }
	100% { margin-top:-234px; }
}
.p-intro{
	animation:3.2s cubic-bezier(.17,.67,.37,.96) 2.6s  both  animLogo;
}
@keyframes animLogo { 
	0% { margin-top:234px; } 
	30% { margin-top:0px; } 
	75% { margin-top:0px; }
	100% { margin-top:-234px; }
}


.home .section.current-screen .wrap-bg {
	transition-delay: 0.2s;
	transition-duration: 1s;
}

.home .section__content--vrc h1, .home .nav-home .nav-home__button{
	transition : all 0.8s cubic-bezier(.17,.67,.37,.96) 0.8s;
	opacity: 0;
	transform: translateY(20px);
}
.transition-arrive-play.home .section__content--vrc h1, .transition-arrive-play.home .nav-home .nav-home__button{
	opacity: 1;
	transform: translateY(0px);
}
.home .section__content--vrc h1:nth-child(2){
	transition-delay: 1s;
}

.home .nav-home .nav-home__button{
	transform: translateY(100%);
	transition-delay: 2s;
}
.home .nav-home .nav-home__button:nth-child(2){
	transition-delay: 2.2s;
}

.wrap-card--traitments {
	transition : 	left 0s cubic-bezier(.17,.67,.37,.96) 0.75s,
					opacity 0.75s cubic-bezier(.17,.67,.37,.96) 0s;
	opacity:0;
}
.tab-open.wrap-card--traitments {
	transition : 	left 0s cubic-bezier(.17,.67,.37,.96) 0s,
					opacity 0.75s cubic-bezier(.17,.67,.37,.96) 0s;
	opacity:1;
}
.tab__item.clicked .div-selected{
	opacity:1
}
.tab__item .div-selected{
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0;
	opacity:0
}


.nav-bottom__button.current .wave, .nav-bottom__button:hover .wave {
	display:none;
}

.nav-bottom__button:hover .nav-bottom__txt{
	margin-top: 0px;
}

.slider-arrow{cursor: pointer;}
.wrapper-nav-dot > div.active-dot{
	opacity:1;
	transform: scale(1.4);
}
.wrapper-nav-dot > div:hover{
	transform: scale(1.2);
}

.cursor{
	width:50px;
	height:50px;
	border: 2px solid black;
	position:absolute;
	border-radius: 50%;
	transform: translate(-50%,-50%);
	pointer-events: none;
	z-index: 1000000
}

.alert{opacity:0;}
.transition-arrive-play .alert{opacity:1;transition : all 0.5s cubic-bezier(.17,.67,.37,.96) 0.8s;}
.remove-class, .remove-all-class{cursor: pointer;}

 .body--dark .cursor{
 	border: 2px solid white;
 }
 .body--dark .header--spacebetween{
	background-color: white;
}



.open .slider-arrow, .open .wrapper-nav-dot,.current-screen .slider-arrow, .current-screen .wrapper-nav-dot{
	display: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.open .wrapper-nav-dot{
	bottom:50px;
}
.slider-arrow, .wrapper-nav-dot{display: none;}

/*MENU*/

.menu .card-1 {
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	transform: scale(0.7); 
	opacity: 0;
}
.open.menu .tab-open .card-1 {
	transform: scale(1); 
	opacity: 1;
}
.clicked .wrap__triangle{
	bottom: -6px;
}
.card-1:hover .bg, .hero_split__item:hover .bg, .card-2:hover .bg,
.card-2-50:hover .bg, .card-2-20:hover .bg, .card--50:hover .bg,
.card--30:hover .bg, .card--60:hover .bg {
	opacity: 0.6;
	transform: scale(1.2);
	
}
.card--50:hover .plus-wave, .card--30:hover .plus-wave, .card--60:hover .plus-wave{
	height:150px;
	width:150px;
	opacity: 0;
}
.card--50:hover .plus, .card--30:hover .plus, .card--60:hover .plus{
	background: #9d2161;
}



.wrap-card [class^="card"], .hero_split__item, .img-orga{
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	transform: scale(0.8);
	opacity: 0;
}
.transition-arrive-play .wrap-card [class^="card"],.transition-arrive-play .hero_split__item,.transition-arrive-play .img-orga{
	transform: scale(1);
	opacity: 1;
}




.hero_split__item:hover .hero_split__item__text{
	/*height:35%;*/
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
}
.hero_split__item .arrow-small, .hero_split__item .h2--vh{
	transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
}
.hero_split__item:hover .arrow-small{
	transform: translateX(40px);
}
.hero_split__item:hover .h2--vh{
	transform: translateX(50px);
}



.card-1:hover .card-1__text {
	height: 100%;
	background: rgba(84, 84, 84, 0.6);
}
.card-1:hover .h4--vh {
	transition : transform 0.5s cubic-bezier(.17,.67,.37,.96);
	transform: scale(1.25);
}







/*theme color body*/
/*
.logo-color {opacity:1;transition : all 0.5s cubic-bezier(.17,.67,.37,.96);}
.logo-white {opacity:0;transition : all 0.5s cubic-bezier(.17,.67,.37,.96);}
.body--dark .logo-color {opacity:0;}
.body--dark .logo-white {opacity:1;}*/



/*POPUP*/


.menu, .popup{
	opacity:0;
	transition : 	left 0s cubic-bezier(.63,.18,.52,.72) 0.6s,
					opacity 0.6s cubic-bezier(.63,.18,.52,.72) 0s;
}

.menu.open, .popup.open{
	left:0%;
	opacity:1;
	transition : 	left 0s cubic-bezier(.63,.18,.52,.72) 0s,
					opacity 0.4s cubic-bezier(.63,.18,.52,.72) 0s;
}




.popup .content__text *{
	transform: scale(0.8);
	opacity: 0;
	transform-origin: left;
	transition : all 0.4s cubic-bezier(.17,.67,.06,.99) 0.3s;
}
.popup .content__text *:nth-child(2) {transition-delay: 0.5s;}
.popup .content__text *:nth-child(3) {transition-delay: 0.7s;}
.popup .content__text *:nth-child(4) {transition-delay: 0.9s;}


.popup.open .content__text *{
	transform: scale(1);
	opacity: 1;
}


@media screen and (min-width: 1024px) {
	.alert.open{left:0%;}

		.menu-overlay{
			transition : all 0.4s cubic-bezier(.17,.67,.06,.99);
			background: #003da5;
		}
		.menu-overlay .menu__first-sidebar{
				transition : all 0.6s cubic-bezier(.17,.67,.06,.99) 0.0s;
				left:-100%;
				position: relative;
				
		}
		.menu-overlay.open .menu__content{
			transition-delay: 0s;
		}
		.menu-overlay.open .menu__first-sidebar{
				left:0%;
		}

		.menu-overlay .menu__second-sidebar, .menu-overlay .menu__content{
				transition : all 0.6s cubic-bezier(.17,.67,.06,.99) 0.0s;
				opacity: 0;
		}
		.menu-overlay.open .menu__second-sidebar, .menu-overlay.open .menu__content{
				opacity: 1;
		}
		.menu__card{
			transform: scale(0.6);
			opacity: 0;
			transition : all 0.6s cubic-bezier(.17,.67,.06,.99) 0.8s;
		}
		.menu-overlay.open .menu__card{
			transform: scale(1);
			opacity: 1;
		}


			/*arrow blue*/
		.clicked .arrow-bleu{transform: scaleX(1) translate(0,50%);}
		.arrow-bleu{transition : all 0.3s cubic-bezier(.17,.67,.37,.96); transform: scaleX(0) translate(0,50%);}
	
	
	/*ANIMATIN ARRIVE PAGE*/





	/*nav bottom*/
	.nav-bottom__button{cursor:pointer;}
	
	
	/*ANIMATION TRANSITION*/

	/*SECTION N*/

	/*block bleu*/
	.section--n .block-blue-n__wrap-titre,.section--n .block-blue-n__wrap-text{
		transform-origin: right;
		transform: scaleX(0);
		transition : all 0.3s cubic-bezier(.17,.67,.37,.96);
	}

	.section--n.current-screen .block-blue-n__wrap-titre,.section--n.current-screen .block-blue-n__wrap-text{
		transform: scaleX(1);
	}

	.section--n .block-blue-n__wrap-text{
		transition-delay: 0.2s
	}

	/*block bleu text*/
	.section--n .h2, .section--n .h4, .section--n p {
		opacity: 0;
		position: relative;
		right:-100px;
		transition : all 0.3s cubic-bezier(.17,.67,.37,.96) 0.2s;
	}
	.section--n .h4{
		transition-delay: 0.5s;
	}
	.section--n p{
		transition-delay: 0.6s;
	}
	.section--n.current-screen .h2, .section--n.current-screen .h4, .section--n.current-screen p {
		opacity: 1;
		right:0px;
	}


	/*SECTION FULL BLUE + FUUL IMAGE*/
	.section--blue .h1-section, .section--full-image .h1-hero, .section--full-image p{
		position: relative;
		top:50px;
		opacity: 0;
		transition : all 0.3s cubic-bezier(.17,.67,.37,.96) 0.2s;
	}
	.section--full-image p{
		transition-delay: 0.5s
	}
	.section--blue.current-screen .h1-section, .section--full-image.current-screen .h1-hero, .section--full-image.current-screen p{
		top:0px;
		opacity: 1;
	}


	/*SECTION N-1*/
	.section--n-1 .block-blue{
			transform: translateX(100%);
			transition : all 0.6s cubic-bezier(.17,.67,.06,.99);

	}
	.section--n-1.current-screen .block-blue{
			transform: translateX(0%);
	}

	.section--n-1 .block-blue:nth-child(1){
		opacity: 0;
		transform: translateX(-50px);
		transition : all 0.6s cubic-bezier(.17,.67,.06,.99) 0.6s;
	}
	.section--n-1.current-screen .block-blue:nth-child(1){
		opacity: 0;
		transform: translateX(-50px);
		transition : all 0.6s cubic-bezier(.17,.67,.06,.99) 0.6s;
	}

	.wrap-bg.wrap-bg--block-blue {
		width: 100%;
		transition : all 0.3s cubic-bezier(.17,.67,.06,.99);
	}
	.wrap-bg.wrap-bg--block-blue {
		width: 60%;
	}


	/*BG*/
	
	/*popup*/
	.popup.open .wrap-bg
	 {
		filter: blur(0px);
		opacity: 1;
		transform: scale(1);
	}

	
	/*popup*/
	.popup .wrap-bg
	 {
		filter: blur(40px);
		opacity: 0;
		transform: scale(1.4);
		transition : all 0.6s cubic-bezier(0.020, 0.360, 0.335, 0.995) 0s;
	}
	.popup .wrap-bg {
		transition-duration :10.3s;
	}
	.popup.open .wrap-bg {
		transition-duration :1.5s;
	}
	.section.current-screen .wrap-bg {
		transition-duration :0.6s;
	}

	/*titres et  content__title*/

	.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;
	}


	.section .section-white-bg{
		transform: scale(0.6);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	} 
	.section.current-screen .section-white-bg{
		transform: scale(1);
		opacity: 1;
	} 




	.section .section-white-bg{
		transform: scale(0.6);
		opacity: 0;
		transition : all 0.5s cubic-bezier(.17,.67,.37,.96);
	} 
	.section.current-screen .section-white-bg{
		transform: scale(1);
		opacity: 1;
	} 
	


	.section .max-width-content{
		transition : all 0.2s cubic-bezier(.17,.67,.37,.96);
		transform: translateY(10px);
		opacity: 0;
	}
	.section.current-screen .max-width-content{
		transform: translateY(0px);
		opacity: 1;
	}



	


}