@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700,800,900");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");

:root{
	--orange: #FDB400;
}



html{
	position: relative;
	height: 100%;
	width: 100%;
}


body{
	background-color: #FFFFFF;
	overflow-x: hidden;
	height: 100%;
	width: 100%;
}

.hide{
	display: none !important;
}
.hide_icon{
	display:none;
}
.overflow-h{
	overflow: hidden;
}
.mobile-elm{
	display: none;
}




/* PAGINATION */ 
    .pager{
        padding-left:0;
        margin:10px 0;
        text-align:center;
        list-style:none;

        position: fixed;
        bottom:70px;
        min-width: calc(100vw - 520px);
    }
    .pager li{
        display:inline;
    }
    .pager li a{
        text-decoration: none;
        color:#3C50E0;
    }
    .pager li>a, .pager li>span {
        display: inline-block;
        padding: 3px 12px;
    }
    .pager .my-active span{
        background-color: #3C50E0 !important;
        color: white !important;
        border-color: #3C50E0 !important;
        border-radius: 100px !important;
    }










/*
*	DEFAUT
*/

.blur{
	/* background: rgba(24, 38, 138, 0.79); */
    filter: blur(4px);
    filter: blur(2px);
    /* border-radius: 20px; */
    /* transform: matrix(-1, 0, 0, 1, 0, 0); */
}

.relative{
	position: relative;
}
.no-margin{
	margin: 0;
}
.inline-block{
	display:inline-block;
}
.inline-grid{
	display:inline-grid;
}
.grid{
	display:grid;
}
.justify-content{
	justify-content: center
}
.error-border{
	border:1px solid red !important;
}
.error-color{
	color: red !important;
}
/* enlève le border quand on clique sur un input ou textarea */ 
textarea:focus, input:focus{
    outline: none;
}

/* MARGIN-TOP */
.mgt-10{
	margin-top:10px !important;
}
.mgt-15{
	margin-top:15px !important;
}
.mgt-20{
	margin-top:20px !important;
}
.mgt-25{
	margin-top:25px !important;
}
.mgt-30{
	margin-top:30px !important;
}
.mgt-35{
	margin-top:35px !important;
}
.mgt-40{
	margin-top:40px !important;
}
.mgt-45{
	margin-top: 45px !important;
}
.mgt-50{
	margin-top:50px !important;
}
.mgt-60{
	margin-top:60px !important;
}
.mgt-65{
	margin-top:65px !important;
}
.mgt-70{
	/*margin-top: 70px !important;*/
}
.mgt-75{
	margin-top:75px !important;
}
.mgt-80{
	margin-top:80px !important;
}
.mgt-95{
	margin-top:95px !important;
}
.mgt-100{
	margin-top:100px !important;
}
.mgt-120{
	margin-top:120px !important;
}
.mgt-150{
	margin-top:150px !important;
}

/* MARGIN-BOTTOM */ 
.mgb-0{
	margin-bottom:0 !important;
}
.mgb-15{
	margin-bottom:15px;
}
.mgb-20{
	margin-bottom:20px;
}


/* MARGIN-BOTTOM MINUS */
.mgb-minus-10{
	margin-bottom:-10px !important;
}




/*
* BACKGROUND 
*/
.blue-background:after {
    content: "";
    border-color: transparent transparent #3A4FDA transparent;
    border-style: solid;
    /*border-width: 0px 0px 1100px 400px;*/
    border-width: 0px 0px 1000px 400px;
    height: 0px;
    width: 0px;
    position: absolute;
    top: -160px;
    left: 50%;
    height: 100%;
    width: 100%;
    z-index: -9;
}
.red_circle{
	position: absolute;
	background: #FF576F;
	height:186px;
	width:186px;
	z-index:-8;
	border-radius: 100%;
	bottom: -105px;
    left: -45px;
}
.blue_circle{
	position: absolute;
	background: linear-gradient(180deg, #1C2B99 0%, #2A3CC0 100%);
	width: 286px;
	height: 286px;
	border-radius: 100%;
}
.yellow_circle{
	position:absolute;
	background: linear-gradient(180deg, #FDB401 0%, #FD9801 100%);
	width: 60px;
	height: 60px;
	border-radius: 100%;
	z-index:3;

	top: 57% !important;
	left:30px;

}










/*
*	HEADER
*/
	#header{
		/*height: 80px; */
	}
	.header__wayta{
		width:100%;
		text-align: center;
		padding: 13px 0 16px;
	}
	.header__wayta.connected{
		padding: 13px 210px 16px 340px;
		padding: 13px 0px 16px 0px;
		/* margin: 0 30px; */
	}
	.header__wayta .logo{
		margin: 22px 0px;

	}
	.header__wayta .header__wayta_ul{
		display:inline-flex;
		list-style: none;
	
		margin: auto;
		height: 50px;
		line-height: 50px;
		padding: 0px;
	}
	.header__wayta .header__wayta_ul .header__wayta_li{
		text-align: center;
		padding: 0 46px ; 
		min-width : 130px;
	}

	.header__wayta .header__wayta_ul .header__wayta_li:first-child{
		padding-left: 0px;
	}
	.header__wayta .header__wayta_ul .header__wayta_li:last-child{
		padding-right: 0px;
	}


	.header__wayta .header__wayta_ul .header__wayta_li a{
		font-family: Montserrat;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		line-height: 20px;
		color: #7D8599;
		text-decoration: none;
		transition: 0.3s;
	}
	.header__wayta .header__wayta_ul .header__wayta_li a:hover{
		color: var(--orange)
	}
	.header__wayta .logo{
	    position: absolute;
	    left: 22px;
	    right: 27px;
	    height: 51px;
	    margin: 0px;
	    width: 154px;

	}
	.header__wayta .header__wayta_login{
		display: inline-block;
	    text-decoration: none;
		font-family: Montserrat;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
	   
	   
	    line-height: 50px;
	    background: #FFFFFF;
	    color: #3A4FDA;
	    box-shadow: 0px 4px 15px rgb(34 5 217 / 14%);
	    border-radius: 12px;

	    position: absolute;
	    top: 13px;
	    right: 27px;


	    height: 50px;
	    width: 157px;
	    text-align: center;
	     transition: 0.3s;

	}

	.header__wayta .header__wayta_login:hover{
		background: #FDB400 ; 
		color: #FFF;
	}
	





/*
* FOOTER
*/
	.wayta__footer{
		position: absolute;
		bottom:0;
	}
	.wayta__footer.wayta__footer_left p{
		font-family: Poppins;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 22px;
		color: #8180A5;
	}
	.wayta__footer.wayta__footer_right{
		right:30px;
	}
	.wayta__footer.wayta__footer_right p{
		font-family: Poppins;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 22px;
		color: #ECF1FF;
	}
	.wayta__footer.wayta__footer_right p .cg{
		color: #8180A5 ;
		color: #ECF1FF;
		text-decoration: none;
		transition: 0.3s;
	}
	.wayta__footer.wayta__footer_right p .cg:hover{
		color: var(--orange)
	}





/*
* 	INTI TEMPLATE
*/

	.block{
		/*margin-top:210px;*/
	}
	.block .wayta__block{
		/*padding-left: 125px;*/
	}
	.block .wayta__block .wayta__block_left{
		/*border: 1px solid red;*/
		/*width: 490px;*/
		padding-left: 100px;
	}
	.block .wayta__block .wayta__block_left .wayta__block_title{
		font-family: Nunito;
		font-style: normal;
		font-weight: bold;
		/*font-size: 35px;
		line-height: 30px;*/
		font-size:34px;
		line-height:30px;
		color:#11175D;
		margin-bottom: 0;
	}
	.block .wayta__block .wayta__block_left .wayta__block_subtitle{
		margin-top: 20px;
		color: #8180A5;
		font-family: Nunito;
		font-style: normal;
		font-weight: normal;
		/*font-size: 21px;
		line-height: 28px;*/
		font-size:22px;
		line-height: 20px;
		margin-bottom: 48px;
	}


	.block .wayta__block .wayta__block_left .wayta__block_form{
		/*border:1px solid blue;*/
		width:390px;
	}

	.block .wayta__block .wayta__block_left .wayta__block_form .form-label{
		color: #03014C;
		opacity: 0.5;
		font-family: Poppins;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 21px;
		margin-bottom: 0;
	}
	.block .wayta__block .wayta__block_left .wayta__block_form .form-input{
		margin-top:17px;
		/*width: 390px;*/
		border:none;
		background:none;
		font-family: Poppins;
		font-style: normal;
		font-weight: normal;
		font-size: 21px;
		color: #03014C;
		opacity: 0.8;
	}

	.block .wayta__block .wayta__block_left .wayta__block_form .form-input::placeholder{
		font-family: Poppins;
		font-style: normal;
		font-weight: 500;
		font-size: 21px;
		line-height: 31px;
		color: #03014C;
		opacity: 0.8;
	}

.block .wayta__block .picto_hide_password path{
	transition: 0.3s
}
.block .wayta__block .picto_hide_password:hover path{
	fill:#FDB400 ; 
	opacity: 1;

}



	.block .wayta__block .wayta__block_left .wayta__block_form hr{
		margin: 18px 0;
	}




	.block .wayta__block .wayta__block_right{
		position: relative;
	}

	.block .wayta__block .wayta__block_right .wayta__mic{
		position: absolute;
		bottom: -50px;
    	left: 3px;
	}
	.block .wayta__block .wayta__block_right .wayta__mic img{
		width:90%;
	}








/* FORM V2 INIT */
	.wayta__block_formV2{
		display: inline-block;
		background: #FFFFFF;
		box-shadow: 0px 0px 37px rgba(8, 1, 60, 0.12);
		border-radius: 34px;
		/*height: 680px;*/
		padding: 50px 70px 40px
	}
	.wayta__block_formV2 .form-labelV2{
		position: absolute;
		/*padding: 12px 22px;*/
		/*padding: 10px 20px 10px 15px;*/
		/*padding: 10px 15px 10px 25px;*/
		padding: 10px 45px 10px 15px;
		background:#ffff;
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 21px;
		letter-spacing: 0.075em;
		/*color: #11175D;*/
		color: rgba(17,23,93,0.7);
		/*left:30px;*/
		left:29px;
		top:-19px;
	}
	.wayta__block_formV2 .form-inputV2{
		/*padding:26px 55px;*/
		/*padding: 25px 33px;*/
		padding: 19px 43px;
		width:100%;
		width: 304px;
		height: 67px;
		/*opacity: 0.3;*/
		/*border: 1.8px solid #11175D;*/
		border: 2px solid rgba(17,23,93,0.3);
		box-sizing: border-box;
		border-radius: 9px;
	}
	.wayta__block_formV2 .form-inputV2::placeholder{
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 27px;
		color: #11175D;
	}

	.wayta__block_formV2 .form-textarea{
		height: 180px;
	}










/* 
*	LOGIN
*/
#login .check_password{
	position: absolute;
	top:35px;
	right:15px;
}
.wayta__block_left_login{
	/*margin-top:210px;*/
	margin-top:120px;
}
.wayta__block_right_login{
	/*margin-top:165px;*/
	margin-top: 100px;
}





/* 
*	CONTACT
*/
.wayta__block_left_contact{
	/*margin-top: 240px;*/
	margin-top:130px;
}
.wayta__block_right_contact{
	/*margin-top:80px;*/
	margin-top:30px;
	width:536px;
}
#contact .wayta__block_title_contact{
	color: #FDB401 !important;
	font-size: 29px;
}
#contact .wayta__block_h6_info{
	color: #030144;
	font-family: Poppins;
	font-style: normal;
	font-size: 21px;
	line-height: 31px;
	opacity: 0.5;
}
#contact .wayta__block_h6_info.info_email{
	font-weight: bold;
}
#contact .blue_circle_contact{
    top: 100px;
    right: -30px;
    z-index:-8;
}
#contact .yellow_circle_contact{
	top: 320px;
    right: 0px;
   	z-index: -7;
}
#contact .red_circle_contact{
	left: -55px;
    bottom: -50px;
}













/*
*	BUTTONS
*/
.wayta__btn_back{
	position:absolute;
	/*right:-150px;*/
	right:87px;
	top:15px;
	top:35px;
	width:65px;
	height:50px;
	padding:0;
}


.wayta__btnV1::before{
    content: "";
    position: absolute;
    top: -40px;
    left: 32px;
	background-image:url("../../front/images/micro_dark.svg");
    background-repeat: no-repeat;
    height: 60px;
    width: 25px;  
}
.wayta__btnV1:after{
	content: "Ajouter";
	position: absolute;
	right:50px;
	top:-5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	color: #FFFFFF;
}
.btn-V1{
	border:none;
	background: none;	
}
.btn-V1:before{
	top:-5px;
	left:37px;
}
.btn-V1:after{
	right:50px;
	top:33px;
}
.btn-V1-pitch:after{
	right:45px;
	top:20px;
}
.btnV1-modal-create:after{
	right:45px;
	top:21px;
}
.editPitche::after{
	content:"Éditer";
	right:55px;
	top:21px;
}




.wayta__form_btnV3{
	text-align: center;
	border:none;
	position: relative;
	width: 208px;
	/*height: 68px;*/
	height:55px;
	background: #FDB400;
	border-radius: 86px;
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 31px;
	color: #FFFFFF;
	transition: 0.3s;
}

.wayta__form_btnV3:hover:after{
	content:"";
	background: rgba(253, 180, 0, 0.35);
	filter: blur(43.0013px);
	border-radius: 86.0027px;
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -13px;
}

.wayta__btnV4{
	display: inline-block;
	/*margin-top: 46px;*/
	/*padding:23px 40px;*/
	padding: 0px 18px;
	line-height: 0;
	background: #3C50E0;
	box-shadow: 0px 4px 15px rgba(34, 5, 217, 0.14);
	border-radius: 12px;
	position: absolute;
	top: 13px;
	right: 23px;
  height: 50px;
  line-height: 50px;
}
.wayta__btnV4{
	text-decoration: none;
	font-family: Montserrat;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	transition: 0.2s;
}
.wayta__btnV4:hover{
	color: #FFFFFF;
	background: var(--orange);
}

.wayta__btnV4_fizz{
	padding: 0 27px;
  line-height: 0;
  border: 1px solid #3C50E0;
  color: #3C50E0;
  box-shadow: 0px 4px 15px rgb(34 5 217 / 14%);
  border-radius: 12px;
  position: absolute;
  top: 13px;
  right: 213px;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
}
.wayta__btnV4_fizz svg{
  margin-right: 10px;
  fill :#3C50E0;
}

.wayta__btnV4_fizz:hover{
	color: #FFFFFF;
	background: var(--orange);
  border-color: var(--orange);
}
.wayta__btnV4_fizz:hover svg{
  fill: #FFF;
}
.wayta__btnV5{
	border:none;
	background:none;
}

.wayta__btnV5:after{
	content:"Valider";
	position:absolute;
	right:0;
	top:23px;
	text-align: center;
	width:100%;
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #FFFFFF;
}


.wayta__btnV6{
	position: absolute;
	left:50%;
	transform: translate(-50%, 20px);
}
.wayta__btnV6:after{
	content:"Commencer";
	position: absolute;
	left:44px;
	bottom:30px;

	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
}




.wayta__btnV8{
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	text-decoration: none;
}
.wayta__btnV8 p{
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 2px;
	color: #FFFFFF;	
	text-transform: uppercase;

	position: absolute;
	top:15px;
	left:50%;
	transform: translate(-50%, 0);
	width:90%;

}
/*.wayta__btnV8:after{
	content: "Lancer un enregistrement";
	position: absolute;
	left:30px;
	top:15px;
	text-transform: uppercase;

	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	letter-spacing: 2px;
	color: #FFFFFF;
}*/
.wayta__btnV9{
	position: absolute;
	left:50%;
	top:-30px;
	transform: translate(-50%, 0);
	border: none;
}
.wayta__btnV9 p{
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	position: absolute;
	left:0;
	top:20px;
	width:100%;
}
/*.wayta__btnV9:after{
	content:"Stop enregistrement";
	position: absolute;
	top:20px;
	left:30px;
	
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}*/




/* BOUTONS MODAL */
.btn_modal_retour::after{
	font-size:19px;
}



/* MODALS */
	.player_btn_mdl{
	    width:64px;
	    height:64px;
	    border-radius: 50%;
	    cursor: pointer;
	    background: #3A4FDA;
	    position: relative;
	    margin:45px auto;
  	}
  	.player_btn_mdl img{
	    position: absolute;
	    left:50%;
	    top:50%;
	    transform: translate(-50%, -50%);
  	}
  	.player_btn_mdl::before{
	    content:"";
	    display: block;
	    position: absolute;
	    border: 50%;
	    border: 1px solid #3A4FDA;
	    border-radius: 50%;
	    left: -30px;
	    top: -30px;
	    right: -30px;
	    bottom: -30px;
	    animation: pulse 2.5s linear infinite;
	    backface-visibility: hidden;
	    opacity: 0;
  	}
  	.player_btn_mdl::after{
	    content: "";
	    display: block;
	    position: absolute;
	    border: 50%;
	    border: 1px solid #3A4FDA;
	    border-radius: 50%;
	    left: -30px;
	    top: -30px;
	    right: -30px;
	    bottom: -30px;
	    animation: pulse 2.5s linear infinite;
	    backface-visibility: hidden;
	    opacity: 0;
	    animation-delay: 1s;
  	}
  	#hide_video_block .video-dimension{
  		width:90%;
  		height: 300px;
  	}
	.modal_bg_dark{
		background: rgba(15, 3, 46, 0.54);
		backdrop-filter: blur(5px);
	}

	.modal_bg_white{

background: rgba(245, 247, 251, 0.72);
backdrop-filter: blur(3px);
background: rgba(15, 3, 46, 0.54);
    backdrop-filter: blur(2.5px);
	}

	.modal-stars{
		position: absolute;
		left:50%;
		top:0;
		transform: translate(-50%, -25px);
	}
  .modal_circle_yellow{
      height: 50px;
      width: 100px;
      background: #FDB401;
      border-top-left-radius: 100px; 
      border-top-right-radius: 100px; 
      box-shadow: 7px 0px 9px rgb(8 1 60 / 6%);
  }
  .modal_circle_yellow_left{
    position: absolute;
    top:50%;
    left:-17px;
    transform: rotate(90deg);
  }
  .modal_circle_yellow_right{
    position: absolute;
    top:50%;
    right:-15px;
    transform: rotate(270deg);
  }
  .modals .modal-dialog{
    margin:0;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%) !important;
    max-width: 1055px;
  }
  .modals .modal-dialog .modal-content{
    background-color:transparent;
    border:none;
    background-image:url("../../front/images/modals/popup.png");
    background-repeat: no-repeat;
    height:580px;
  }
  .modals .modal-dialog .modal-btn-close{
    position:absolute;
    right:0;
    z-index:99;
  }
  .modals .modal-dialog .closeModal{
  	top:10px;
  	right:-5px;
  }
  .modals .modal-dialog .modal-content .modal-head{
    background-image: url("../../front/images/modals/header.png");
    background-size:cover;
    background-repeat: no-repeat;
    height:114px;
    width:800px;
    margin:auto;
    margin-top:40px;
  }
  .modals .modal-dialog .modal-content .modal-head .modal-head-title{
    padding-top:25px;
    
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 27px;
    line-height: 40px;
    text-align: center;
    color: #08013C;
  }
  .modals .modal-dialog .modal-content .modal-head .modal-head-subtitle{
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    color: #8180A5;
  }
  .modals .modal-dialog .modal-content .modal-head .img-avis{
    position: absolute;
    left:50%;
    /*bottom:0;
    transform: translate(-50%, 50%);*/
    top:46px;
    transform: translate(-50%, 0px);

  }
  .modals .modal-dialog .modal-content .modal-head .img-pratique{
    position: absolute;
    left:50%;
    transform: translate(-50%,-50px)
  }
  .modals .modal-dialog .modal-content .modal-head .img-pratique-stars{
  	position:absolute;
  	left:50%;
  	transform: translate(-50%, 45px);
  }
  .modals .modal-dialog .modal-content .modal-head .img-construction{
    position: absolute;
    left:50%;
    bottom:0;
    transform: translate(-50%, 120px);
  }
  .modals .modal-dialog .modal-content .modal-title{
    color: #08013C;
    font-family: Poppins;
    font-size: 58px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
  .modals .modal-dialog .modal-content .modal-subtitle{
    color: #8180A5;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 33.6px */
  }

  .modals .modal-dialog .modal-content .modal-body .modal-color-grey{
    color: #8180A5;
  }

  .modals .modal-dialog .modal-content .modal-para{
color: #08013C;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: normal;
  }
  .modals .wayta__btnV6{
    bottom:0px;
  }
  .modals .btn_modal_retour:after{
    content: "Quitter";
    left:50%;
    transform: translate(-50%, -5px);
  }
  .modals .btn_modal_pratique:after{
  	content:"Je pratique";
  	left:50%;
  	transform: translate(-50%, -3px);
  }
  .btn_modal_dashboard:after{
    content:"Mes pitchs";
    left:50%;
    transform: translate(-50%, -3px);
  }

  .modal-pitchs-btn{
    position: absolute;
    left:50%;
    transform: translate(-50%, 30px);
    bottom:0;
  }
  .modal-pitchs-btn:after{
    content:"Mes pitchs";
  }
  .modals .btn_modal_partage:after{
  	content:"Partager mon Pitch";
  	left:20px;
  	bottom:30px;
  }
  .modal-validation-btn{
  	position: absolute;
  	bottom:0 ;
  	left:50% ;
  	transform: translate(-50%, 30px) !important;
  }
  .modal-back-card-btn{
    position: absolute;
    top:275px;
    left:78px;
    z-index:10;
  }

  .modal-save-card-btn{
    position: absolute;
    top:275px;
    right:75px;
    z-index:10;
  }







  /* MODAL CRÉATION PITCH */ 
  .modals .modal-dialog .modal-content .modal-body .modal-head .modal-head-title-time{
    padding-top:25px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    text-align: center;

    color: #08013C;
  }
  .modals .modal-dialog .modal-content .modal-body .modal-head .modal-head-subtitle-time{
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #8180A5;
  }
  .modals .modal-dialog .modal-content .modal-body .formulaire-modal{
    margin: 30px auto;
    width:485px;
    width:750px;
    /*left:87px;*/
    /*top:230px;*/
    left:91px;
    top:226px;
  }
  .modals .modal-dialog .modal-content .modal-body .form-label-pitch{
    text-align: left;
    width:210px;
    opacity: 0.5;
    color: #03014C;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;


  }
  .modals .modal-dialog .modal-content .modal-body .form-label-pitch .requis{
    color:red;
  }
  .modals .modal-dialog .modal-content .modal-body .form-input-pitch{
    border:none;
    /*width:220px;*/
    color: #03014C;
    opacity: 0.8;

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
  }
  .modals .modal-dialog .modal-content .modal-body .form-input-pitch::placeholder{
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #03014C;
    opacity: 0.8;
  }
  .modals .modal-dialog .modal-content .modal-body .form-textarea-pitch{
    background: #FFFFFF;
    border: 1px solid #CDCCDB;
    box-sizing: border-box;
    border-radius: 13px;
    height:115px;
    padding: 10px 21px;

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #03014C;
    opacity: 0.5;

  }
  .modals .modal-dialog .modal-content .modal-body .form-textarea-pitch::placeholder{
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #03014C;
  }
  .modals .modal-dialog .modal-content .modal-body .modal-button-pitch{
    position: absolute;
    left:50%;
    bottom:0;
    transform:translate(-50%, 30px);
    display: flex;
  }
  .modals .modal-dialog .modal-content .modal-body .timer-clock{
    position: absolute;
    right:62px;
    width:254px;
    height:283px;
    /*top:198px;*/
    top:194px;

    background: linear-gradient(55.12deg, #FFFFFF 21.57%, rgba(255, 255, 255, 0) 80.14%);
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: -5px 8px 53px rgba(113, 154, 208, 0.24);
    border-radius: 20px;
  }
  .modals .modal-dialog .modal-content .modal-body .timer-clock .timer-clock-title{
    margin-top:18px;

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #03014C;
    opacity: 0.5;
  }
  .modals .modal-dialog .modal-content .modal-body .timer-clock .timer-clock-subtitle{
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #03014C;
    opacity: 0.5;
  }
   .modals .modal-dialog .modal-content .modal-body .timer-clock .elem-timer .progress-ring__circle {
    transition: 0.35s stroke-dashoffset;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
  }
  .modals .modal-dialog .modal-content .modal-body .timer-clock .elem-timer{
    position: relative;
    margin-top:15px;
  }
  .modals .modal-dialog .modal-content .modal-body .timer-clock .elem-timer .timer-clock-img{
    position: absolute;
    left:-55px;
    top:12px;
  }
  .modals .modal-dialog .modal-content .modal-body .timer-clock .elem-timer .timer-text{
    position: absolute;
    left:50%;
    top:50px;
    transform: translate(-50%, 0%);
  }
  .modals .modal-dialog .modal-content .modal-body .timer-clock .elem-timer .timer-text p{
    margin-bottom: 0;
  }
  .modals .modal-dialog .modal-content .modal-body .timer-clock .elem-timer .timer-text #temps{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #08013C;
  }
  .modals .modal-dialog .modal-content .modal-body .timer-clock .elem-timer .timer-text #estimation{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 8px;
    line-height: 12px;
    text-align: center;
    color: #A9C0EC;
  }
  /* FIN MODAL CRÉATION PITCH */











/* MODAL JOUER 2  - FORMULAIRE */ 
    .modals .modal-dialog .modal-content .form-left-jouer2{
      width:390px;
      margin:auto;
      text-align:left;
      margin-top:100px;
    }
    .modals .modal-dialog .modal-content .form-right-jouer2{
      width:432px;
      margin:auto;
      text-align: left;
      margin-top:90px;
    }
    .modals .modal-dialog .modal-content .envoyer_pitch_wayta{
    	margin-bottom:36px;
    }
    .modals .modal-dialog .modal-content .envoyer_pitch_wayta .form-span{
      font-family: Poppins;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 27px;
      color: #03014C;
      opacity: 0.5;
    }
    .modals .modal-dialog .modal-content .envoyer_pitch_wayta .form-span strong{
      font-weight:bold;
    }
    .modals .modal-dialog .modal-content .form-left-jouer2 .modal-input:first-child{
      margin-top:35px;
    }
    .modals .modal-dialog .modal-content .form-left-jouer2 .modal-input:last-child{
      margin-top:19px;
    }
    .modals .modal-dialog .modal-content .modal-input{
      width:100%;
    }
    .modals .modal-dialog .modal-content .form-label{
      font-family: Poppins;
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 27px;
      color: #03014C;
      opacity: 0.5;

      text-align: left;
      margin-bottom:15px;
    }
    .modals .modal-dialog .modal-content .form-label .requis{
    	color:red;
    }
    .modals .modal-dialog .modal-content .form-label-review{
      font-family: Poppins;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 21px;
      color: #03014C;
      opacity: 0.5;

      margin-bottom:8px;
    }
    .modals .modal-dialog .modal-content .form-input{
      font-family: Poppins;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 21px;
      color: #03014C;
      opacity: 0.5;

      height:28px;
      border-top:none;
      border-left:none;
      border-right: none;
      border-bottom: 1px solid #03014C;
    }
    .modals .modal-dialog .modal-content .form-textarea{
      background:#FFFFFF;
      border: 1px  solid #CDCCDB;
      box-sizing: border-box;
      border-radius: 13px;
      padding: 10px 21px;
      height:180px;
    }
    .modals .modal-dialog .modal-content .form-textarea::placeholder{
      font-family: Poppins;
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 27px;
      color: #03014C;
      opacity: 0.5;
    }





  .modals .modal-dialog .modal-content .modal-body .cartes-niveau{
    position: absolute;
    top:259px;
    left:76px;
    width: 130px;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-niveau h2{
    margin-bottom: 0;

    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 37px;
    color: #08013C;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-niveau ul{
    margin-top: 32px;
    list-style: none;
    text-align: left;
    padding: 0;
    width: 80px;
    margin-left: 10px;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-niveau ul li{
    margin: 5px 0;
    padding: 2px 0px;
    text-align: center;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-niveau ul li:first-child{
    margin-top:0;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-niveau ul li a{
    text-decoration: none;

    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    color: #10084B;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-niveau ul li.active{
    background: #F1F0F0;
    border-radius: 50px;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-niveau ul li.active a{
    font-weight: 500;
  }




  .modals .modal-dialog .modal-content .modal-body .cartes-listes{
    position: absolute;
    top:200px;
    right:99px;
    width:695px;
    max-height:300px;
    overflow-y: scroll;
    overflow-x: hidden;
    direction: rtl;

    top:180px;
    max-height:360px;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-listes::-webkit-scrollbar {
    width: 6px;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-listes::-webkit-scrollbar-track {
      background-color: #F2F3F3;
      border-radius: 3px
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-listes::-webkit-scrollbar-thumb {
      background-color: #FDB401;
      border-radius: 3px;
      height:20%;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-listes .cartes-listes-content{
    width:640px;
    direction: ltr;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-listes .cartes-listes-content .carte{
    cursor: pointer;
    background:none;
    border:none;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-listes .cartes-listes-content .carte.zoom20.carte-select{
    border:1px solid red;
  }
  .modals .modal-dialog .modal-content .modal-body .cartes-listes .cartes-listes-content .carte.zoom40.carte-select{
    border:1px solid red;
  }
  






  .modals .modal-dialog .modal-content .modal-body .playlist{
    width:785px;
    margin:auto;
    max-height:335px;
    overflow-y: scroll;
    overflow-x: hidden;
    direction: rtl;
    margin-top:35px;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist::-webkit-scrollbar {
    width: 6px;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist::-webkit-scrollbar-track {
      background-color: #F2F3F3;
      border-radius: 3px
  }
  .modals .modal-dialog .modal-content .modal-body .playlist::-webkit-scrollbar-thumb {
      background-color: #FDB401;
      border-radius: 3px;
      height:20%;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content{
    width: 710px;
    direction: ltr;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne{
    text-align: left;

    background: #FFFFFF;
    /*box-shadow: 0px 0px 24px rgba(8, 1, 60, 0.08);*/
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne ul{
    list-style: none;
    display: inline-flex;
    display:-webkit-inline-box;
    padding: 14px 15px 13px 16px;
    width:100%;
    border-radius: 24px;
    margin-bottom:25px;
    box-shadow: 0px 0px 24px rgb(8 1 60 / 8%);
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne ul li .playlist-title{
    margin-bottom:0;

    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #121212;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne ul li .playlist-name{
    margin-bottom:0;

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: rgba(18, 18, 18, 0.6);
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne ul li .playlist-time{
    margin-bottom:0;

    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #A0AECB;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne .audio-container{
    display:inline-flex;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne .audio-container .playlist-progress-container{
    background: #C3D6FD;
    border-radius: 5px;
    cursor: pointer;
    margin:10px 0;
    height:4px;
    width:325px;

    margin-top:33px;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne .audio-container .playlist-progress-container .progress-timer{
    background: #EA8E9B;
    border-radius: 5px;
    height:100%;
    width:0%;
    transition: width 0.1s linear;
  }

  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne .playlist-img{
    padding-right:16px;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne .playlist-img img{
  	width:64px;
  	height:64px;
  	border-radius: 14px;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne .playlist-text{
    width:130px;
    margin-right:27px;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne .playlist-bar{
    padding-left:27px;
    padding-right: 29px;
    margin-top:33px;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne .playlist-boutons{
    height:66px;
    line-height:66px;
    margin-left:29px;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne .playlist-boutons .player-action-btn{
  	background:none;
  	border:none;
  	padding: 0;
  }
  .modals .modal-dialog .modal-content .modal-body .playlist .playlist-content .playlist-ligne .playlist-boutons .player-action-btn .icon-color{
  	color: #FDB401;
  	/*font-size: 21px;*/
  	font-size: 16px;
	background: rgba(253, 180, 1, 0.1);
  	width:35px;
  	height:35px;
  	line-height:35px;
  	border-radius:100px;
  }
















/* MODAL V2 */
	/*#videoModal .modal-dialog .modal-content{
		background-color: transparent;
	    border: none;
	    background-image: url(../../front/images/modals/video_player.png);
	    background-repeat: no-repeat;
	    height: 580px;
	}
  .modal-btn-closeV2{
    right: 160px !important;
    top:20px;
  }*/











 /* MODAL CARTES LISTE */
  	.cartesListes .modal-dialog{
	  	width:1045px;
	  	height:633px;
  	}
  	.cartesListes .modal-dialog .modal-content{
  		background-image:url("../../front/images/modals/pop-up-cartes.png");
  		height:100%;
  	}
  	.cartesListes .modal-dialog .modal-content .modal-head{
  		margin-top:25px;
  	}
  	.cartesListes .modal_circle_yellow_right{
  		top:45%;
  		right:-18px;
  	}
  	.cartesListes .modal_circle_yellow_left{
  		top:45%;
  	}




/* MODAL PODCAST */
  	.podcastsModal .modal-dialog{
		width:1044px;
		height:621px;
  	}
	.podcastsModal .modal-dialog .modal-content{
	  	background-image:url("../../front/images/modals/pop-up-podcast.png");
	  	height:100%;
	}
	.podcastsModal .modal_circle_yellow_right{
		top:45%;
		right:-18px;
	}
	.podcastsModal .modal_circle_yellow_left{
		top:45%;
	}





/* MODAL PREMIER PITCH */
  #firstPitcheModal .modal-dialog{
    width:846px;
    height:614px;
    margin:0;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%) !important;
    max-width: 846px;

    background: rgba(255, 255, 255, 0.41);
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: -5px 7px 53px rgba(113, 154, 208, 0.23);
    border-radius: 20px;
    background:transparent;
    background: rgba(255, 255, 255, 0.6);
  }
  #firstPitcheModal .modal-dialog .modal-content{
    border:none;
    height:100%;
    background:transparent;
  }
  #firstPitcheModal .modal-dialog .modal-content .modal-head{
    background-image: url("../../front/images/modals/v3/header.png");
    background-size:cover;
    background-repeat: no-repeat;
    height:105px;
    width:756px;
    margin: 0 70px 0 22px;
    margin-top:-4px;
  }
  #firstPitcheModal .modal-dialog .modal-content .modal-head .header_title{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #08013C;

    margin-top:29px;
  }
  #firstPitcheModal .modal-dialog .modal-content .modal-head .header_subtitle{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #8180A5;
  }
  #firstPitcheModal .modal-dialog .modal-content .modal-body{
    padding: 0px;
  }

  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line{
    display: flex;
  }
  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line.sl-mgt-1{
    margin-top:35px;
  }
  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line.sl-mgt-2{
    margin-top:31px;
  }
  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box{
    width:236px;
    height:196px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    filter: drop-shadow(-5px 7px 54px rgba(113, 154, 208, 0.15));
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
  }

  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box .img_box_pop{
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  right: 0px;
	  bottom: 0px;
	  border-radius: 20px;
	  z-index: 1; 
  }

  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box:before{
  	content: '';
  	position: absolute;
  	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border-radius: 20px;
  	background: linear-gradient(299.73deg, #2C3FB1 0%, rgba(101, 112, 181, 0.52) 70.76%);
  	z-index: 2;
  	 transition: 0.3s;
  }

   #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box:hover:before{
   		display: none;
   }









  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box-1{
    margin-left:143px;    
  }
  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box-2{
    margin-left:76px;
  }
  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box .skill-elems{
    width: 131px;
    height: 38px;
    display: flex;
    margin-top: 140px;
    margin-left: 15px;
    padding: 3px;
    position: relative;
    padding-left: 44px;
    z-index: 9;

  }
  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box .skill-elems .play{
    width: 38px;
    height: 38px;
    /* background: red; */
    border: 2px solid#FFF;
    border-radius: 25px;
    padding: 3px 11px;
    box-sizing: ;
    text-align: center;
    position: absolute;
    left: 0;
    top: -1px;
  }
 #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box .skill-elems .play svg{
 	width:15px;
}
  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box .skill-elems .skill-text span{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 4px;
    color: #FFFFFF;

    margin-bottom:0;
    text-transform: uppercase;
    display: block;
  }
  #firstPitcheModal .modal-dialog .modal-content .modal-body .skill-line .skill-box .skill-elems .skill-text{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 1;
    color: #FFFFFF;

    margin-bottom:0;
    text-align: left;
  }
  .btn_modal_commencer{
    width:151px;
  }
  .btn_modal_commencer:after{ 
    left:50%;
    transform: translate(-50%, 3px);
  }





 /* MODALS ETAPE VIDEO */
  	#videoModal .modal-dialog .modal-content{
	    width:800px;
	    height: 580px;
	    margin:auto;
	    background:none;
	}
  	#videoModal .video_content{
  		width:800px;
  		height:439px;
  		margin:auto;
  		position:relative;
  	}
  	#videoModal .modal-btn-closeV2{
	    right: -30px !important;
	    top:-30px;
  	}
  	#videoModal .video_content .video-dimension{
  		width:100%;
  		height:100%;
  	}






.wayta__btn_PDF {
    padding: 0 27px;
    line-height: 0;
    border: 1px solid #3C50E0;
    color: #3C50E0;
    box-shadow: 0px 4px 15px rgb(34 5 217 / 14%);
    border-radius: 12px;
    position: absolute;
    top: 30px;
    right: 33px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
}
.wayta__btn_PDF:hover {
    color: #FFFFFF;
    background: var(--orange);
    border-color: var(--orange);
}