body{
	margin: 0px;
	padding: 0px;
	overflow-x:hidden ;
	overflow-y: scroll;
	font-family: "Roboto", sans-serif;
  	font-weight: 300;
  	font-style: normal;
    background-color: white;
}



/****************************************************************************/
/*******************************************************************************/
/******************************************************/


.img-head{
	height: 8vw;
	width: 8vw;
	top: -1vw;
    left: -1vw;
	position: absolute;
	z-index: 1000;
}

/*******************************************************************************/
/******************************************************/

/*******************************************************************************************************/
/******************************************************************************************************/
.div-menu2 {
	position: absolute;
    top:2vw;
    left: 25vw;
    z-index: 80;
	font-family: garamond;
}

.div-menu2 .ul-menu2 {
	display: flex;
    /* border: 2PX solid red; */
    padding-right: 1vw;
}



.div-menu2 .ul-menu2 li{
	margin-right: 2vw;
    list-style: none;
    width: max-content;
	
}


				.div-menu2 .ul-menu2 li a{
					text-decoration: none;
					color: white;
					transition: all 0.4s ease-in-out;
									
				}


				.div-menu2 .ul-menu2 .li-for a{
					position: relative;
					top: 0vw;
					color: rgb(78, 78, 78);
					padding: 0.3vw 1vw 0.8vw 1vw;
					/* transition: all 0.5s ease-in-out; */
					box-shadow: 0.08vw 0.08vw 0.2vw rgb(130, 130, 130);
					background-color: rgb(255, 255, 255);
			
				}


				.div-menu2 .ul-menu2 .li-for:hover a{
					color: rgb(17, 209, 17);
					padding-bottom: 1vw;
					border-bottom: 2px solid rgb(17, 209, 17);
					font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
					background-color: transparent;
					box-shadow: none;
				
				}





											.div-menu2 ul li:hover a {
												color: rgb(17, 209, 17);
												padding-bottom: 1vw;
												border-bottom: 2px solid rgb(17, 209, 17);
												font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
											
											}




.day{
	display: none;
}

.day2{
	display: none;
}

#check3{
	display:none ;
	position: absolute;
	left: 90vw;
	
	
}


#check4{
	display: none;
}

.search-close{
	display: none;

}

.search-open{
	display: none;
}




.imgUP {
    position: fixed;
    right: 1vw;
    bottom: 7vh;
    height: 3vw;
    width: 3vw;
    z-index: 1000;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    display: none;
  }

/****************************************************************************/
/*******************************************************************************/
.div-for{
	
	margin-top:;
}
		.slide-1{
			height: 54.8vw;
		}


		.div-h-1{
			position: absolute;
			/*border: 2px solid black;*/
			width: 100%;
			
	  
	  }
	  
						.slide-h1{
							position: relative;
							width: 70vw;
							top: 10vw;
							left: 5vw;
							/*border: 2px solid black;*/
							font-size: 3.5vw;
							font-weight: 600;
							line-height: 4.5vw;
							color: rgb(255, 255, 255);
							z-index:100;
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
							/* background: -moz-linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.8));
							background: -webkit-linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.8));
							background: -o-linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.8));
							background: linear-gradient(90deg, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.8));
							 */
						}

									.sp-for{
										color: #00ff55;
										font-size: 3.5vw;
										font-family: garamond;
										font-weight: 600;
									}

						.slide-img{
						height: 55vw;
						width: 100%;
						position: absolute;
						top: 0vw;
						z-index: -10;
						filter: brightness(25%);

				}
.div-Q{
	margin: 0vw 5vw;
	border: 1px solid black;
	height: 64vw;
	position: relative;
	bottom: 3vw;
	/* border-radius: 50px; */
	box-shadow: 0.1vw 0.1vw 0.2vw rgb(187, 185, 185), -0.1vw -0.1vw 0.2vw rgb(185, 182, 182);

}



		.slide-2{
			
			/* border: 1px solid red; */
			position: relative;
			margin-top: 3vw;
			height: 15vw;
		}

				.slide-2-img{
					margin-top: 1vw;
					height: 15vw;
					width: 27vw;
				}

				.slide-2-2-img{
					position:absolute;
					margin-top: -2vw;
					height: 15vw;
					width: 15vw;
					right: 2vw;
					border-radius: 20px;
				}

				.slide-2-h2{
				
					position: relative;
					top: -13vw;
					left: 25vw;
					width: 35%;
					font-size: 2vw;
					word-spacing: ;
					line-height: 2.2vw;
					font-weight: 300;
					font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

					
				}

					.sp-Q{
						color: rgb(77, 172, 3);
					}

				.p-Q{
					
					position: relative;
					top: -10vw;
					left: 25vw;
					width: 35%;
					font-size: 1.5vw;
					font-weight: 300 ;
					color: rgb(77, 172, 3);
				}


				.divBTn{
					position: relative;
					justify-content: space-between;
					display: flex;
					width: 67vw;
					left: 5.5vw;
					top: 4vw;
				}

				.ul-Q{
					margin-top: 1.7vw;
					position: absolute;
					left: 8vw;
					margin-top: 6vw;
					width: 77vw;
					height: 30vw;
					display: flex; 	
					justify-content: center;
					justify-items: center;
					list-style: none;
				}

				.ul-Q .images.page{
					display: block;
					transition: all 1s ease-in-out;
					animation: shifpic 0.9s ease-in-out;
				
				}
				
				@keyframes shifpic {
					from{
						left: 20vw;
						scale: 1.8;
						opacity: 0;
				
					}
					to{
						left: 0vw;
						scale: 1;
						opacity: 1;
					}
				}


						.ul-Q li{
							position: absolute;
							display: none;
							width: 100%;
							height: 100%;
							line-height: 4vw;
							font-size: 1.3vw;
							list-style-type:none;
							
							/*list-style:url('../PIC/94555989-bd77-43c9-847e-c2cd4a329b79.png');*/
						}

						.ul-Q li:first-child{
							display: block;
						}

						.img-LiQ{
							position: relative;
							top: 0vw;
							height: 100%;
							width: 49vw;

						}

						.p-LiQ{
							position: relative;
							width: 25vw;
							left: 52vw;
							top: -22vw;
							font-size: 1.8vw;
							line-height: 1.9vw;
							font-weight: 600;
						}

						.btn-prec, .btn-suiv{
							padding: 0.2vw 0.3vw;
							border: none;
							background-color: white;
							box-shadow: 0.1vw 0.1vw 0.2vw black;
							transition: all 0.3s ease-in-out;
						}


						.btn-prec:hover{
							background-color: #93FFC5;
							scale: 1.1;
							
						}


						.btn-suiv:hover{
							background-color: #93FFC5;
							scale: 1.1;
							
						}

						
				


				.a-Q{
					position: relative;
					text-decoration: none;
					font-weight: 700;
					cursor: pointer;
					transition:  0.3s ease;
					backdrop-filter: blur(7px);
					background-color: #c2fbd7;
					border-radius: 100px;
					box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
					color: green;
					cursor: pointer;
					font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
					padding: 0.5vw 1.5vw;
					text-align: center;
					transition: all 0.4s ease-in-out;
					border: 0;
					font-size: 1vw;
					user-select: none;
					-webkit-user-select: none;
					touch-action: manipulation;
					z-index: 300;
					top: 40vw;
					left: 45%;
				

				}
					
					
			


						.a-Q:hover{
							color: rgb(82, 200, 82);
							font-size: 1.1vw;
						}















.div-A{
	position: relative;
	bottom: 3.3vw;
	margin: 0vw 5vw;
	height: 57vw;
	background-color: #f6f6f6;
	border-radius: 50px;
	box-shadow: 0.1vw 0.1vw 0.2vw rgb(187, 185, 185), -0.1vw -0.1vw 0.2vw rgb(185, 182, 182);

}





#displayUlA{
	display: none;
}
#closeUlA{
	display: none;
}


				.slide-3{
					
					margin-top: 1.5vw;
					height: 15vw;
				}

						.slide-3-img{
							margin-top: 4vw;
							height: 13vw;
							width: 13vw;
							position: relative;
							right: -76vw;
							z-index: 20;
						}

							.slide-3-2-img{
								position:absolute;
								margin-top: 4vw;
								height: 15vw;
								width: 15vw;
								left: 8vw;
								border-radius: 20px;
								z-index: 600;
							}

						.slide-3-h2{
							
							position: relative;
							top: -10vw;
							left: 22vw;
							width: 45%;
							font-size: 2vw;
							font-weight: 300;
							z-index: 20;
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

						}

							.sp-A{
								color: rgb(10, 172, 209);
							}

						.p-A{
							
							position: relative;
							top: -8vw;
							left: 22vw;
							width: 40%;
							font-size: 1.5vw;
							font-weight: 700 ;
							color: rgb(10, 172, 209);
						}

						.ul-A{
							margin-top: 2.8vw;
							position: absolute;
							left: 66.3vw;
							margin-top: 4.6vw;
						}


								.ul-A li{
									position: relative;
									line-height: 2vw;
									font-size: 1vw;
									list-style: none;
									width: 20vw;
									background-color: transparent;
									box-shadow: 0.1vw 0.1vw 0.3vw black;									padding-bottom: 0.4vw;
									padding-left: 0.3vw;
									padding-top: 0.2vw;
									transition: all 0.3s ease-in-out;
									margin-top: 0.2vw;
									border-radius: 10px;
									cursor: pointer;
									/* list-style: url(../PIC/right-chevron-1.png); */
								}


								.ul-A li:hover{
									scale: 1.05;
									background-color: white;
									margin: 0.5vw 0vw;
								}

						.a-A{
							
							
						}	




						.a-A{
							position: relative;
							text-decoration: none;
							font-weight: 700;
							cursor: pointer;
							transition:  0.3s ease;
							backdrop-filter: blur(7px);
							background-color: #a1d8f5;
							border-radius: 100px;
							box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
							color: rgb(10, 172, 209);
							cursor: pointer;
							font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
							padding: 0.5vw 1.5vw;
							text-align: center;
							transition: all 0.4s ease-in-out;
							border: 0;
							font-size: 1vw;
							user-select: none;
							-webkit-user-select: none;
							touch-action: manipulation;
							z-index: 300;
							top: 9vw;
							left: 45%;
						
		
						}
							
					
		
		
								.a-A:hover{
									color: rgba(10, 173, 209, 0.745);
									font-size: 1.1vw;
								}



								.ul-A2{
									position: relative;
									box-shadow: 0.1vw 0.1vw 0.3vw rgb(94, 93, 93);
									width: 60vw;
									height: 30vw;
									left: 4vw;
									list-style: none;
									top: 4vw;
									background-color: white;
								}

								.ul-A2 li{
									position: absolute;
									width: 100%;
									height: 100%;
									display: none;
								}

								


								.ul-A2 li:nth-child(2){
									display: block;
								}

								.img-liA{
									height: 100%;
									width: 65%;
									/* border: 1px solid black; */
								}

								

								.p-li1{
									position: relative;
									top: -21vw;
									left: 38vw;
									width: 20vw;
									font-size: 1.5vw;
									font-weight: 600;
								}

								.p-li2{
									position: relative;
									top: -25vw;
									left: 40vw;
									width: 19vw;
									line-height: 1.5vw;
									word-spacing: 0.07vw;
									letter-spacing: 0.04vw;
								}


								.picShow{
									position: absolute;
									height: 2vw;
									width: 2vw;
									top: 1vw;
									background-color: white;
									border-radius: 50%;
									right: -2vw;
									z-index: 600;
									box-shadow: 0.1vw 0.1vw 0.3vw black;
								}








.div-K{
	position: relative;
	bottom: 3.7vw;
	margin: 0vw 5vw;
	height: 57vw;
	background-color: #ffffff;
	/* border-radius: 50px; */
	box-shadow: 0.1vw 0.1vw 0.2vw rgb(187, 185, 185), -0.1vw -0.1vw 0.2vw rgb(185, 182, 182);

}


				.slide-4{
					
					margin-top: 1.5vw;
					height: 15vw;
				}



				.divk-Line{
					border: 2px solid rgb(44, 131, 253);
					position: absolute;
					width: 99.5%;
					left: 0;
					top: 0vw;
					z-index: 600;
					display: none;
				}

						.slide-4-img{
							height: 11vw;
							width: 20vw;
							position: relative;
							top: -3vw;
							left: -1vw;
							
						}


							.slide-4-3-img{
								display: none;
							}

						.slide-4-h2{
							
							position: relative;
							top: -3vw;
							left: 10vw;
							width: 35%;
							color:rgb(109, 108, 108) ;
							font-size: 3vw;
							font-weight: 700;
							margin-bottom: 3vw;
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
						}



						.p-K{
							
							position: relative;
							top: -1vw;
							left: 5vw;
							width: 40%;
							font-size: 1.5vw;
							font-weight: 200 ;
							color: rgb(44, 131, 253);
						}

						.ul-K{
							margin-top: 9vw;
							position: absolute;
							left: 4vw;

						}


								.ul-K li{
									line-height: 3vw;
									font-size: 1.3vw;
									/* border: 1px solid black; */
									border-bottom: none;
									margin-bottom: 0.7vw;
									margin-left: 1vw;
									padding-left: 1vw;
									border-top-left-radius: 10px;
									cursor: pointer;
									border-bottom-left-radius: 10px;
									list-style:none;
									transition: all 0.5s ease-in-out;
									box-shadow: 0.1vw 0.1vw 0.1vw rgb(187, 185, 185), -0.1vw -0.1vw 0.1vw rgb(185, 182, 182);
								}


								.ul-K li:hover{
									background-color: rgb(44, 131, 253);
									color: white;
									scale: 1.1;
									border: 1px solid black;
									border-radius: 10px;
								}



								.div-circle-k{
									display: none;
								}

						

								.containK{
									position:relative;
									width: 40vw;
									height: 28vw;
									left: 41vw;
									top: 3vw;
									/* border: 1px solid black; */
									box-shadow: 0.1vw 0.1vw 0.2vw rgb(187, 185, 185), -0.1vw -0.1vw 0.2vw rgb(185, 182, 182);									border-radius: 20px;
									/* border-radius: 20px; */
									z-index: 400;
									padding: 2vw;
								}

								
							.containk1, .containk2, .containk3, .containk4, .containk5{
								/* border: 2px solid rgb(173, 86, 86); */
								position: absolute;
								left: 4vw;

							}

							.containk2, .containk3, .containk4, .containk5{
								display: none;
							}

							.containImg{
								position: relative;
								top: -2vw;
								left: -2vw;
								height: 25vw;
								width: 100%;
							}

							.containImg2{
								position: relative;
								top: -2vw;
								left: -2vw;
								height: 20vw;
								width: 100%;
								border: 1px solid black;
							}

							.containImg3{
								position: relative;
								top: -2vw;
								left: -2vw;
								height: 20vw;
								width: 100%;
							}

							.containImg4{
								position: relative;
								top: -4vw;
								left: -2vw;
								height: 35vw;
								width: 120%;
							}

							.containImg5{
								position: relative;
								top: -2vw;
								left: -2vw;
								height: 20vw;
								width: 60%;
							}

							.containP{
								position: relative;
								padding: 1vw;
								width: 30vw;
								text-align: center;
								font-weight: 300;
								top: -3vw;

							}

							.containP2{
								position: relative;
								padding: 1vw;
								width: 30vw;
								text-align: center;
								font-weight: 300;
								top: 2vw;

							}

							.containP3{
								position: relative;
								padding: 1vw;
								width: 30vw;
								text-align: center;
								font-weight: 300;
								top: 3vw;

							}

							.containP4{
								position: absolute;
								width: 15vw;
								text-align: center;
								font-weight: 300;
								top: 10vw;
								left: 20vw;

								
							}

							.containP5{
								position: relative;
								padding: 1vw;
								width: 30vw;
								text-align: center;
								font-weight: 300;
								top: -3vw;
								text-align: justify;

							}


						.a-K{
							position: relative;
							top: 7vw;
							left: 45%;
							text-decoration: none;
							font-weight: 700;
							cursor: pointer;
							transition:  0.3s ease;
							backdrop-filter: blur(7px);
							background-color: #c2e7fb;
							border-radius: 100px;
							box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
							color: rgb(10, 172, 209);
							cursor: pointer;
							font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
							padding: 0.5vw 1.5vw;
							text-align: center;
							transition: all 0.4s ease-in-out;
							border: 0;
							font-size: 1vw;
							user-select: none;
							-webkit-user-select: none;
							touch-action: manipulation;
							z-index: 500;
						
		
						}
						
					
		
		
								.a-K:hover{
									color: rgb(18, 111, 132);
									font-size: 1.1vw;
								}






.div-G{
	position: relative;
	bottom: 4.2vw;
	margin: 0vw 5vw;
	height: 65vw;
	background-color: #ffffff;
	/* border-radius: 50px; */
	border-radius: 50px;
	box-shadow: 0.1vw 0.1vw 0.2vw rgb(187, 185, 185), -0.1vw -0.1vw 0.2vw rgb(185, 182, 182);

}


				.slide-5{
					
					margin-top: 1.5vw;
					height: 15vw;
				}

						.slide-5-img{
							margin-top: 4vw;
							height: 17vw;
							width: 17vw;
							position: relative;
							left: 70vw;
						}

						.slide-5-2-img{
							position:absolute;
							margin-top: 17vw;
							height: 40vw;
							width: 23vw;
							left: 1.5vw;
							border-radius: 20px;
							box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 6px, rgba(129, 129, 129, 0.07) 0px 2px 6px, rgba(0, 0, 0, 0.07) 0px 4px 12px, rgba(110, 110, 110, 0.07) 0px 8px 18px, rgba(124, 123, 123, 0.07) 0px 16px 24px, rgba(132, 132, 132, 0.07) 0px 32px 48px;
						}


						.slide-5-3-img{
							display: none;
							position:absolute;
							margin-top: 30vw;
							height: 25vw;
							width: 25vw;
							left: 40vw;
							border-radius: 20px;
						}

						.slide-5-h2{
							
							position: relative;
							top: -13vw;
							left: 29vw;
							width: 45%;
							font-size: 3vw;
							font-weight: 700;
							color: rgb(109, 108, 108);
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

						}

						

							.sp-G{
								color: rgb(255, 149, 1);
								position: absolute;
								top: 2vw;
								font-size: 1.9vw;
								left: 0vw;
								padding-left: 2vw;
								width: 99vw;
								font-weight: 400;
							}

						.p-G{
							
							position: relative;
							top: -7vw;
							left: 30vw;
							width: 40%;
							font-size: 1.5vw;
							font-weight: 400 ;
							color: rgb(255, 149, 1);
						}

						.ul-G{
							margin-top: 10vw;
							position: absolute;
							left: 30vw;
							z-index: 20;
							/* border: 2px solid white; */
							display: flex;
							flex-wrap: wrap;
							width: 50vw;
							/* height: 40vw; */
						}


								.ul-G li{
									flex-grow: 2;
									flex-basis: 200;
									line-height: 3.5vw;
									font-size: 1.3vw;
									list-style: none;
									margin-right: 1vw;
									margin-bottom: 1vw;
									background-color: #ffffff;
									border-radius: 20px;
									width: 30%;
									height: 12vw;
									box-shadow: 0.1vw 0.1vw 0.2vw rgb(187, 185, 185), -0.1vw -0.1vw 0.2vw rgb(185, 182, 182);									border-radius: 20px;
								}


								.ul-G li img{
									position: relative;
									left: 6.5vw;
									top: 1vw;
									height: 5vw;
									width: 30%;
								}

								.ul-G li p{
									font-size: 1.2vw;
									line-height: 1.3vw;
									letter-spacing: 0.05vw;
									color: rgb(35, 34, 34);
									padding: 1vw;
									text-align: center;
								}

							



						.a-G{
							position: relative;
					text-decoration: none;
					font-weight: 700;
					cursor: pointer;
					transition:  0.3s ease;
					backdrop-filter: blur(7px);
					background-color: #c2fbd7;
					border-radius: 100px;
					box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
					color: green;
					cursor: pointer;
					font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
					padding: 0.5vw 1.5vw;
					text-align: center;
					transition: all 0.4s ease-in-out;
					border: 0;
					font-size: 1vw;
					user-select: none;
					-webkit-user-select: none;
					touch-action: manipulation;
					z-index: 300;
					top: 45vw;
					left: 45%;
		
						}
							
							
					
		
		
								
						.a-G:hover{
							color: rgb(82, 200, 82);
							font-size: 1.1vw;
						}






.div-P{
	margin: 0vw 5vw;
	border: 0.3px solid rgb(134, 128, 128);
	height: 64vw;
	position: relative;
	bottom: 3.3vw;
	/* border-radius: 50px; */
	/* box-shadow: 0.1vw 0.1vw 0.2vw rgb(187, 185, 185), -0.1vw -0.1vw 0.2vw rgb(185, 182, 182); */

}


				.slide-6{
					
					margin-top: 1.5vw;
					height: 15vw;
				}

					

						.slide-6-2-img{
							position:absolute;
							margin-top: 10vw;
							height: 35vw;
							width: 35vw;
							right: 0vw;
							border-radius: 20px;
						}

						.slide-6-3-img{
							display: none;
							position:absolute;
							margin-top: 30vw;
							height: 25vw;
							width: 25vw;
							left: 65vw;
							border-radius: 20px;
						}

						.slide-6-h2{
							
							position: relative;
							top: 7vw;
							left: 10vw;
							width: 40%;
							font-size: 3vw;
							line-height: 2.8vw;
							font-weight: 700;
							color:rgb(109, 108, 108) ;
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

						}

						.slide-6 h3{
							position: absolute;
							left: 10vw;
							top: 15vw;
							font-size: 1vw;
							font-weight: 200;
							background-color: #c2fbd7 ;
							padding: 0.5vw 1vw;
							color: rgb(101, 99, 99);

						}

							.sp-P{
								color: rgb(77, 172, 3);
								position: absolute;
								top: 2vw;
								font-weight: 400;
								font-size: 1.7vw;
								left: 0vw;
								padding-left: 2vw;
								width: 99vw;
							}

						.p-P{
							
							position: relative;
							top: 17vw;
							left: 10vw;
							width: 40%;
							font-size: 1.5vw;
							font-weight: 400 ;
							color: rgb(77, 172, 3);
						}

						.ul-P{
							margin-top: 11vw;
							position: absolute;
							left: 10vw;
							z-index: 500;

						}


								.ul-P li{
									line-height: 3.5vw;
									font-size: 1.4vw;
									background-color: rgb(3, 84, 39);
									margin-bottom: 1vw;
									color: white;
									padding-left: 1.3vw;
									padding-right: 1vw;
									box-shadow: 0.1vw 0.1vw 0.3vw black; 
									list-style: none;
									border-radius: 20px;
								}

						.a-P{
							position: relative;
							bottom:-29vw ;
							right:-81vw ;
							font-weight: 700;
							text-decoration: none;
							color: rgb(77, 172, 3);
							font-size: 1.1vw;
							
						}
						
						

						.a-P{
							position: relative;
					text-decoration: none;
					font-weight: 700;
					cursor: pointer;
					transition:  0.3s ease;
					backdrop-filter: blur(7px);
					background-color: #c2fbd7;
					border-radius: 100px;
					box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
					color: green;
					cursor: pointer;
					font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
					padding: 0.5vw 1.5vw;
					text-align: center;
					transition: all 0.4s ease-in-out;
					border: 0;
					font-size: 1vw;
					user-select: none;
					-webkit-user-select: none;
					touch-action: manipulation;
					z-index: 300;
					top: 40vw;
					left: 45%;
						
		
						}
							
							
					
		
		
								.a-P:hover{
									color: rgb(82, 200, 82);
							font-size: 1.1vw;
								}
		

						


.div-I{
	margin-top: 3vw;
	position: relative;
	height: 71vw;
	background-color: #93FFC5;
}


				.slide-7{
					position: relative;
					margin-top: 1.5vw;
					height: 15vw;
				}

						.slide-7-img{
							margin-top: 6vw;
							height: 20vw;
							width: 20vw;
							position: relative;
							right: -75vw;
							
							
						}

								.slide-7-2-img{
									position:absolute;
									margin-top: 15vw;
									height: 25vw;
									width: 35vw;
									right: 7vw;
									border-radius: 20px;
								}
						

						.slide-7-h2{
							
							position: relative;
							top: -20vw;
							left: 18vw;
							width: 35%;
							color:rgb(109, 108, 108) ;
							font-size: 3vw;
							font-weight: 700;
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

						
						}

						.sp-nous{
							background-color: orange;
							color: white;
							padding: 0.5vw 0.5vw;
							font-size: 3.1vw;
							font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
						}

							.sp-I{
								color:orange ;
								position: absolute;
								top: 0vw;
								font-size: 1.9vw;
								left: 0vw;
								font-size: 1.5vw;
								font-weight: 200;
								border-top: 4px solid orange;
								width: 97vw;
								padding-left: 2vw;
								padding-bottom: 0.3vw;

							}

							.sp-I-2{
								color:orange ;
								font-weight: 600;
							}

						.p-I{
							
							position: relative;
							top: -18vw;
							left: 17vw;
							width: 45%;
							font-size: 1vw;
							font-style: italic;
							font-weight: 200 ;
							color: rgb(93, 92, 92);


						}

/* .max-content{
	position: relative;
	display: flex;
	width: max-content;
	height: 10vw;
	left: 25vw;
	top: 10vw;
}
.containI{
	position: relative;
	border: 4px solid rgb(103, 101, 101);
	width: max-content;
	border-radius: 30px;
	transition: all 0.3s ease-in-out;

	box-shadow: 0.1vw 0.1vw 0.3vw rgb(176, 172, 172), -0.1vw -0.1vw 0.3vw rgb(176, 174, 174);
}

#card1{
	background-image: url(../PIC/leaf.jpg);
	background-size: cover;
	overflow: hidden;
	
}

#card3{
	background-image: url(../PIC/leaf.jpg);
	background-size: cover;
	overflow: hidden;
}

#card2{
	background-image: url(../PIC/leaf.jpg);
	background-size: cover;
	overflow: hidden;
}

.containI p{
	position: absolute;
	left: 9vw;
	top: 4vw;
	width: 10vw;
	font-weight: 600;
	color: orange;
	display: none;
	z-index: 200;
}


.background{
	height: 5vw;
	width: 5vw;
	position: relative;
	left: 0vw;
	top: -0.08vw;
	backdrop-filter: blur(3px);
	padding-top: 4vw;
	padding-right: 2.2vw;
	padding-left: 2vw;
	padding-bottom: 0.58vw;
	border-radius: 30px;
	z-index: 100;
}
 */


 .slide-Contain-Info{
	position: relative;
	border: 2px solid red;
	height: 43vw;
	top: 13vw;

 }



 
.div-Zap{
    position: relative;
    top:4vw;
    z-index: 700;
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
	

}
.div-Zap .btn-PrecI{
    border:  none;
    padding: 0.3vw 1vw;
    font-size: 1vw;
    transition: all 0.5s ease-in-out;
	color: white;
	background-color: rgb(3, 84, 39);

}

.div-Zap .btn-SuivI{
    border:  none;
    padding: 0.3vw 1vw;
    font-size: 1vw;
    transition: all 0.5s ease-in-out;

}


.btn-PrecI{
    position: absolute;
    left: 3vw;

}


.btn-PrecI:hover{
    box-shadow: 0.1vw 0.1vw 0.5vw rgb(52, 49, 49);
	background-color: black;
	scale: 1.1;

}

.btn-SuivI:hover{
    box-shadow: 0.1vw 0.1vw 0.5vw black;
	background-color: rgba(0, 0, 0, 0.286);
    scale: 1.1;
    color: rgb(255, 255, 255);

}
.btn-SuivI{
    position: absolute;
    right: 3vw;
}






.slide-info{
	position: relative;
	top: 0vw;
	height: 100%;
	width: 100%;
	z-index: 600;
	margin-bottom: 10.3vw;
	background-color: rgb(3, 84, 39);
	display: block ;
}

/* .si{
	display: none;
} */



.slide-info .options{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    /* border: 2px solid green; */
    display: none;
}

/* .id{
	display: none;
}

.iw{
	display: none;
} */

#optionReseau{
	display: block;
}



.slide-info .options.book{
    display: block;
    transition: all 1s ease-in-out;
    animation: shifpic 0.9s ease-in-out;

}

@keyframes shifpic {
    from{
        left: 20vw;
        scale: 1.8;

    }
    to{
        left: 0vw;
        scale: 1;
    }
}





.options-Img{
	position: absolute;
	height: 100%;
	width: 50%;
	top: 0;
	left: 0;
}


.options .imgI{
	position: relative;
	height: 8vw;
	width: 8vw;
	top: 1.5vw;
	left: 64vw;
	/* border: 2px solid white; */
	border-radius: 40%;
	box-shadow: 0.1vw -0.1vw 0.5vw white ;
	padding: 1vw;
}

.options h2{
	position: relative;
	left: 60vw;
	top: 3vw;
	color: orange;
}
.options ul{
	position: relative;
	left: 57vw;
	top: 6vw;
	width: 35vw;
}


.options ul li{
	list-style: url(../PIC/circle10.png);
	font-size: 1.4vw;
	font-weight: 300;
	color: white;
	margin-bottom: 1vw;
	border-bottom: 1px solid white;
	padding-bottom: 1vw;
}



						.a-I{
							position: relative;
							bottom: 4vw;
							right: -62vw;
							text-decoration: none;
							font-weight: 700;
							cursor: pointer;
							transition:  0.3s ease;
							backdrop-filter: blur(7px);
							background-color: rgb(252, 221, 176);
							border-radius: 100px;
							box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
							color: rgb(255, 149, 1);
							cursor: pointer;
							font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
							padding: 0.5vw 1.5vw;
							text-align: center;
							transition: all 250ms;
							border: 0;
							font-size: 1vw;
							user-select: none;
							-webkit-user-select: none;
							touch-action: manipulation;
							z-index: 700;
							display: none;
						
		
						}
							.a-I:hover {
							box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
							transform: scale(1.05) rotate(-1deg);
							}
							
					
		
		
								.a-I:hover{
									border-bottom: 7px solid rgb(245, 201, 58);
									color: red;
								}
						

.div-D{
	margin: 0vw 5vw;
	/* border: 1px solid black; */
	height: 25vw;
	position: relative;
	bottom: 0vw;
	/* border-radius: 50px; */
	/* box-shadow: 0.1vw 0.1vw 0.2vw rgb(187, 185, 185), -0.1vw -0.1vw 0.2vw rgb(185, 182, 182); */

}


				.slide-8{
					
					margin-top: 1.5vw;
					height: 15vw;
				}

						.slide-8-img{
							margin-top: 7vw;
							height: 20vw;
							width: 20vw;
							position: relative;
							right: -3vw;
						}

						

						.slide-8-h2{
							
							position: relative;
							top: -20vw;
							left: 30vw;
							width: 45%;
							font-size: 3vw;
							color: rgb(109, 108, 108);
							font-weight: 700;
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

						}

						.slide-8 h3{
							font-size: 1vw;
							top: 15vw;
							left: 30vw;
							color: #eeeeee;
							background-color:  rgb(93, 196, 219);
							padding: 0.5vw 1vw;
							font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
							position: absolute;
						}

							.sp-D{
								color:  rgb(10, 172, 209);
								position: absolute;
								top: 1vw;
								font-size: 1.9vw;
								font-weight: 700;
								left: 0vw;
								width: 98vw;
								padding-bottom: 0.4vw;
								padding-left: 1vw;


							}

						.p-D{
							
							position: relative;
							top: -12vw;
							left: 30vw;
							width: 40%;
							font-size: 1.2vw;
							font-weight: 200 ;
							padding: 0.5vw 1vw;
							color: rgb(255, 255, 255);
							background-color: rgb(10, 172, 209);
						}

						.ul-D{
							top: 30vw;
							position: absolute;
							left: 30vw;
						}


								.ul-D li{
									line-height: 3.5vw;
									font-size: 1.1vw;
									list-style: none;
									margin-bottom: 1vw;
									padding: 0vw 1vw 0vw 2vw ;
									border-radius: 40px;
									box-shadow: 0.1vw 0.1vw 0.3vw rgb(157, 153, 153);
								}

						






						
						.a-D{
												position: relative;
					text-decoration: none;
					font-weight: 700;
					cursor: pointer;
					transition:  0.3s ease;
					backdrop-filter: blur(7px);
					background-color: rgb(147, 221, 238);
					border-radius: 100px;
					box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
					color: rgb(10, 172, 209);
					cursor: pointer;
					font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
					padding: 0.5vw 1.5vw;
					text-align: center;
					transition: all 0.4s ease-in-out;
					border: 0;
					font-size: 1vw;
					user-select: none;
					-webkit-user-select: none;
					touch-action: manipulation;
					z-index: 300;
					top: 40vw;
					left: 45%;
						
		
						}
						
							
					
		
		
								.a-D:hover{
									color: rgb(10, 172, 209);
									font-size: 1.1vw;
								}
						
						

/************************************************************************************/
/************************************************************************************/
/* .blur{
	 
	position: absolute;
	height: 8vw;
	width:100%;
	top: 54vw;
	display: none;

							background: -moz-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, 1));
							background: -webkit-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, 1));
							background: -o-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, 1));
							background: linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, 1));
							
}


.blur2{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 107.3vw;
	z-index: 10;

							background: -moz-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: -webkit-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: -o-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							
}

.blur3{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 164vw;
	z-index: 10;

							background: -moz-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: -webkit-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: -o-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							
}

.blur4{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 220.5vw;
	z-index: 10;

							background: -moz-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: -webkit-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: -o-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							
}

.blur5{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 279vw;
	z-index: 10;

							background: -moz-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: -webkit-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: -o-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							
}

.blur6{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 335vw;
	z-index: 10;

							background: -moz-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: -webkit-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: -o-linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							background: linear-gradient(180deg, RGBa(300, 300, 300, -1), RGBa(400, 400, 400, 1), RGBa(250, 250, 250, -1));
							
}

 */

/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/******************************************************************************************/
.total-foot{
	position: relative;
	height: 35vw;
	width: 100%;
	top: 40vw;
	margin-top: 0vw;
	background-color: rgb(42, 41, 41);
	/*border: 2px solid black;*/
	color: white;
	border-top-left-radius: 150%;
	overflow: hidden;
	display: block;
}
.foot-ser{
	margin: 30px 0px 0px 0px;
	position: absolute;
	width: 23vw;
	left: 28vw;
	top: 11vw;

}

				.foot-ser p{
					position: relative;
					font-weight: 700;
					color: white;
					text-align: center;
					font-size: 1.1vw;
					left: -3vw;
					
				}

				
				.foot-ser ul li{
					position: relative;
					top: 1.5vw;
					font-size: 1vw;
					line-height: 1.8vw;
					list-style: url(../PIC/right-1.png);
					margin-left: 2vw;
					
				}
				 		.foot-ser ul li:hover{
							scale: 1.2;
							position: relative;
							left: 2.3vw;
						}



						.foot-ser ul li a{
							text-decoration: none;
							color: white;
							
						}


								.foot-ser ul li:hover a{
									color: #93FFC5;
								}


.foot-contact{
	position: absolute;
	left: 53vw;
	top: 22vw;
	font-size:0.9vw ;

}

					.foot-contact p{
						font-weight: 800;
						color: white;
						text-align: center;
						font-size: 1.2vw;
					}

					.foot-contact ul{
						position: relative;
						list-style-type: none;
						text-decoration: none;
						left: 0vw;
						
					}

					.foot-contact ul li{
						position: relative;
						top: 1.5vw;
						left: 2.9vw;
						line-height: 2vw;
						color: #ffffff;
						text-decoration: none;
						font-size: 1.1vw;
						font-weight: lighter;
					}


							.foot-contact ul li:hover{
								scale: 1.1;
								cursor: pointer;
								left: 3.8vw;
								position: relative;
							}

					.foot-contact ul li a{
						text-decoration: none;
						color: white;
						font-weight: 600;
					}

					.foot-contact ul li:hover a{
						color: rgb(255, 123, 0);
					}


.foot-leg{
	position: absolute;
	left: 55vw;
	top: 8vw;
	font-size:0.9vw ;
	height: ;
}

					.foot-leg p{
						font-weight: 700;
						color: white;
						text-align: center;
						font-size: 1.2vw;
					}

					.foot-leg ul li:hover{
						scale: 1.2;
						position: relative;
						left: 2vw;
						cursor: pointer;
						color: #93FFC5;
					}

					.foot-leg ul li{
						position: relative;
						top: 2vw;
						left: 1vw;
						font-size: 0.8vw;
						line-height: 1.5vw;
						list-style: url(../PIC/right-1.png);
					}



.foot-lien{
	position: absolute;
	left: 79.5vw;
	top: 19vw;

	
}

			.foot-lien p{
				font-weight: 700;
				color: white;
				text-align: center;
				font-size: 1.1vw;
			}

			.foot-lien ul{
				list-style: none;
				display: flex;
				position: relative;
				left: -0.9vw;

			}

			.foot-lien ul li{
				position: relative;
				top: 0.8vw;
				left: 1.5vw;
				padding-right: 0vw;
				margin-right: 0.5vw;
				

			}

							.foot-lien ul li:hover{
								scale: 1.2;
								

							}


							.foot-lien ul li a{
								
							}

										.foot-lien ul li:hover a{
											
										}

					.fb2{
						background-image: url(PIC/face.png);
					}
/*******************************************************************************************/
/**********************************************************************************************/

.div-text{
	position: relative;
	left: 12vw;
	top: 21vw;
	height: 250px;

}
.div-text ul{
	list-style: none;
}

.div-text li{
	font-size: 2.5vw;
	font-family: "Poppins", sans-serif;
  	font-weight: 900;
  	font-style: normal;
	line-height: 2.7vw;
	letter-spacing: 0.1vw;

}	
.span01{
	color: #48F126;
	font-weight: 700;
	font-size: 2.5vw;
	font-weight: 900;
}

.span02{
	font-weight: 700;
	font-size: 2.5vw;
	font-weight: 900;

}


.foot-img{
	position: absolute;
	height: 15vw;
	width: 15vw;
	left: 78vw;
	top: 5vw;
}




/**************************************************************************************************/
/*******************************************************************************************/
/***************************************************************************************/
/*****************************************************************************/

@media screen and (min-width:200px) and (max-width:920px){



	.img-head{
		height: 15vw;
		width: 15vw;
	}
	/*/*//*/**//********/

			
							
					/**********************************************************************************************************/
							/**********************************************************************************************************/


							.lien-sociaux{
								position: absolute;
								left: 30vw;
								top: 2.5vw;
							}

								.lien-sociaux ul{
									display: flex;
									list-style: none;
								}

								.lien-sociaux ul li{
									margin-left: 1vw
								}



											/************************************2nd bouton**********************************************************************/
											.div-search{
												display:block ;
												width: 100%;
												height: 11vw;
												position: absolute;
												top:-12vw ;
												left:0vw;
												background-color: rgb(255, 255, 255);
												backdrop-filter: blur(7px);
												z-index:300;
												transition:  all 0.3s ease;
	
	
	
	
	
												}
	
	
												.search-open{
												display: block;
												height: 5.4vw;
												width: 5.4vw;
												position: absolute;
												right: 13vw;
												top: 1.2vw;
												border-radius: 50%;
												cursor: pointer;
												transition:  0.3s ease;
												z-index: 280; 
												border: 2PX solid white;
												}
	
												.search-close{
												display: block;
												height: 5vw;
												width: 5vw;
												position: relative;
												left: 90vw;
												top: 1vw;
												border-radius: 50%;
												cursor: pointer;
												transition:  0.3s ease; 
												}
	
												label {
												cursor: pointer;
												transition:  0.3s ease;
	
												}
												label:hover img{
												scale: 1.2;
												}
	
												#check4{
												display:none ;
												position: absolute;
												left: 90vw;
	
	
												}
												#check4:checked ~ .div-search {
												top: 0vw;
	
	
												}
	
	















	
	
	/******************************************************/
	
				/************************************2nd bouton**********************************************************************/
.div-menu2{
	display: none ;
    position: absolute;
    z-index: 1500;
    background-color: rgba(0, 0, 0, 0.336);
    backdrop-filter: blur(9px);
    height: 125vh;
    width: 100%;
    top: 0vw;
    left: 0vw;
    transition: all 0.5s ease-in-out;


	
}

.div-menu2 .ul-menu2.display{
	display: block;
	animation: displayMenu 0.3s ease-in-out;
  
  }
  
  @keyframes displayMenu {
	0% {
	  opacity: 0;
	  scale: 0.5;
	}
  
	100% {
	  opacity: 1;
	  scale: 1;
	}
  }




	.div-menu2 .ul-menu2 {
		list-style: none;
		display: block;
		position: relative;
		top: 15vw;
		left: 11vw;
		/* left: 101vw; */
		width: 78vw;
		height: 105vw;
		background-color: rgba(13, 13, 13, 0.525);
		border: 1px solid white;
		backdrop-filter: blur(12px);
		font-family: garamond;
	
	
		
	}
	
	.div-menu2 .ul-menu2 li{
		position: relative;
		display: flex;
		margin-top: 4vw;
		left: 2vw;
		width: 96%;
		/* border: 2px solid blue; */
		overflow: hidden;

	
	}



					.div-menu2 .ul-menu2 li:hover{
						
						font-weight: 600;
						border-bottom: 4px solid rgb(61, 238, 45);


					
					}



				.div-menu2 .ul-menu2 li a{
					color: rgb(199, 199, 199);
					text-decoration: none;
					border: 2px solid green;
					position: relative;
					height: 105%;
					width: 105%;
					top: -1vw;
					padding-left: 4vw;
					font-size: 4vw;
					font-weight: 600;
					padding-top: 2vw;
					padding-bottom: 1vw;
					border-bottom: 1px solid white;
				
				}


							.div-menu2 .ul-menu2 li:hover a{
								
								color: #93FFC5;
								border: none;
								
								
							
							}

.day{
	display: block;
	height: 6vw;
	width: 6vw;
	position: absolute;
	right: 4vw;
	top: 3vw;
	z-index: 900;
}



.day2{
	display: block;
	height: 7vw;
	width: 7vw;
	position: relative;
	left: 4vw;
	top: 4vw;
	border: 2px solid rgb(255, 0, 0);
	border-radius: 50px;
	z-index: 100;
}




	
			.div-h-1{
				position: absolute;
				/*border: 2px solid black;*/
				width: 100%;
				
		  
		  }
		  
							.slide-h1{
								/*border: 2px solid black;*/
								margin: -4vw 0px 0vw 0px;
								padding: 17vw 20vw 16vw 3vw;
								font-size: 5vw;
								line-height: 5.5vw;
								
								
							}
	
					
	
							.slide-img{
							height: 60vw;
							width: 100%;
							position: absolute;
							top: 0vw;
							
	
					}

/*******************************************************************************/
/******************************************************/

.div-menu .ul-menu {
	color: #ffffff;
}


.imgUP{
	height: 7vw;
	width: 7vw;
}




/*******************************************************************************/
/******************************************************/
.div-Q{
	margin-top: 5vw;
	position: relative;
	height: 170vw;
}



		.slide-2{
			
			margin-top: 1.5vw;
			height: 15vw;
		}

				.slide-2-img{
					display: none;
					margin-top: 1vw;
					height: 15vw;
					width: 27vw;
				}

				.slide-2-2-img{
					position: absolute;
					top: -7vw;
					height: 15vw;
					width: 15vw;
					left: 75vw;	
				}

				.slide-2-h2{
				
					position: relative;
					top: 9vw;
					left: 12vw;
					width: 70%;
					font-size: 4vw;
					word-spacing: ;
					line-height: 5vw;
					
				}

					.sp-Q{
						color: rgb(77, 172, 3);
					}

				.p-Q{
					
					position: relative;
					top: 20vw;
					left: 13vw;
					width: 50%;
					font-size: 2.7vw;
					font-weight: 400 ;
					color: rgb(77, 172, 3);
				}

				.divBTn{
					top: 35vw;
					width: 87%;
				}

				.divBTn button{
					font-size: 3.3vw;
				}




				.ul-Q{
					position: relative ;
					height: max-content;
					top: 35vw;
					left: 05vw;
				}


						.ul-Q li{
							height: 80vw;
							left: -4vw;
							width: 130%;
							/*list-style:url('../PIC/94555989-bd77-43c9-847e-c2cd4a329b79.png');*/
						}


						.ul-Q li img{
							height: 70%;
							width: 100%;
						}

						.ul-Q li p{
							position: relative;
							left: 15vw;
							top: 05vw;
							line-height: 5vw;
							font-size: 5vw;
							width: 80vw;
							color: rgb(86, 85, 85);
						}

				.a-Q{
					position: relative;
					bottom:-127vw ;
					right:-65vw ;
					font-weight: 700;
					text-decoration: none;
					color: rgb(77, 172, 3);
					z-index: 400;
					font-size: 2.3vw;
					
				}

/*******************************************************************************/
/******************************************************/

.div-A{
	position: relative;
margin-top: 3vw;
height: 170vw;

}


			.slide-3{
				
				margin-top: 2.3vw;
				padding-top: 4vw;
				height: 15vw;
			}

					.slide-3-img{
						display: none;
						margin-top: 4vw;
						height: 17vw;
						width: 17vw;
						position: relative;
						right: -76vw;
						z-index: 20;
					}

						.slide-3-2-img{
							position:absolute;
							height: 16vw;
							width: 16vw;
							left: 6vw;
							top: 9vw;
							border-radius: 20px;
						}

					.slide-3-h2{
						
						position: relative;
						top: 10vw;
						left: 25vw;
						width: 70%;
						font-size: 4vw;
						word-spacing: ;
						line-height: 5vw;
					}

						.sp-A{
							font-size: 4.5vw;
							color: rgb(10, 172, 209);
						}

					.p-A{
						
						position: relative;
						top: 25vw;
						left: 25vw;
						width: 68%;
						padding-left: 3vw;
						font-size: 3vw;
						font-weight: 400 ;
						color: rgb(255, 255, 255);
						background-color: rgb(10, 172, 209);
					}

					.ul-A{
						position: absolute;
						left: 57vw;
						top: 50vw;
						width: 40vw;
						z-index: 300;
						/* border: 2px solid blue; */
						padding: 7vw 2vw;
						background-color: white;
						/* background-image: url(../PIC/robot.jpg); */
						display: none;
						box-shadow: -0.1vw -0.1vw 0.9vw rgb(108, 104, 104);
						transition: all 0.5s ease-in-out;
						
					}

				


					#displayUlA{
						position: absolute;
						top: 54vw;
						display: block;
						border: none;
						left: 89vw;
						transition: all 0.3s ease-in-out;
						border-radius: 50%;
						background-color: #93FFC5;
						animation: move 2s ease-in-out infinite;
					}


					@keyframes move {
						0%{
							scale: 0.7;
						}

						25%{
							scale: 0.8;
						}

						50%{
							scale: 0.9;
						}

						75%{
							scale: 1;
						}

						100%{
							scale: 1.1;
						}
						
					}

					
					#displayUlA img{
						height: 6vw;
						width: 6vw;
						position: relative;
						
					}

					#closeUlA{
						position: relative;
						top: -6vw;
						left: -1.5vw;
						border-radius: 50%;
						display: block;
					}

					#closeUlA img{
						height: 6vw;
						width: 6vw;
					}


							.ul-A li{
								line-height: 3vw;
								font-size: 2.7vw;
								width: 90%;
								padding: 2vw 2vw;
								margin-bottom: 1vw;
								background-color: #93ffc5;
							}


					.ul-A2{
						position: relative;
						top: 45vw;
						left: 1vw;
						width: 97%;
						height: 80vw ;
						overflow: hidden;
					}	

					
					
					.img-liA{
						height: 70%;
						width: 99%;
					}


					.p-li1{
						position: relative;
						top: 0vw;
						left: 5vw;
						width: 70vw;
						font-size: 3.7vw;
						font-weight: 600;
					}


					.p-li2{
						position: relative;
						top: 3vw;
						left: 5vw;
						width: 70vw;
						line-height: 3vw;
					}

					.a-A{
						position: relative;
						bottom:-50vw ;
						right:-20vw ;
						font-weight: 700;
						text-decoration: none;
						color: rgb(10, 172, 209);
						font-size: 2.9vw;
						
					}



					
/*******************************************************************************/
/******************************************************/

.div-K{
	position: relative;
	height: 170vw;
	background-color: #ffffff;
}


				.slide-4{
					
					margin-top: 1.5vw;
					height: 15vw;
				}

						.slide-4-img{
							display: ;
							margin-top: -3vw;
							left: 6vw;
							height: 23vw;
							width: 41vw;
							position: relative;
							
						}

							.slide-4-2-img{
								display: none;
								position:absolute;
								margin-top: 54vw;
								height: 20vw;
								width: 20vw;
								left: 10vw;
								border-radius: 20px;
							}

							.slide-4-3-img{
								position:absolute;
								display: block;
								top: 10vw;
								height: 25vw;
								width: 25vw;
								left: 70vw;
								border-radius: 20px;
							}

						.slide-4-h2{
							
							position: relative;
							top: -4vw;
							left: 6vw;
							width: 80%;
							font-size: 6vw;
							word-spacing: ;
							line-height: 7vw;
						}

							.sp-K{
								color: rgb(44, 131, 253);
							}

						.p-K{
							
							position: relative;
							top: 5vw;
							left: 6vw;
							width: 70%;
							font-size: 3.9vw;
							font-weight: 400 ;
							color: rgb(44, 131, 253);
						}

						.ul-K{
							margin-top: 40vw;
							position: absolute;
							left: 0vw;
							z-index: 600;
							background-color: #93FFC5;
							padding: 10vw 3vw 30vw 3vw;
							width: 50vw;
							display: none;
							box-shadow: 0.1vw 0.1vw 8vw rgba(103, 102, 102, 0.704), -0.1vw -0.1vw 0.3vw rgba(171, 168, 168, 0.623);

						}


								.ul-K li{
									line-height: 6.5vw;
									font-size: 3vw;
									list-style:none;
									margin-bottom: 2vw;
									border-top-right-radius: 10px;
									border-bottom-right-radius: 10px;
									background-color: white;


								}

								.div-circle-k{
									position: absolute;
									/* border: 2px solid blue; */
									top: 67vw;
									width: 10vw;
									left: 0.5vw;
									z-index: 500;
									display: block;
								}


								.div-circle-k ul li img{
									height: 7vw;
									width: 7vw;
									margin-bottom: 5vw;
									transition: all 0.4s ease-in-out;
								}

								.div-circle-k ul li img:hover{
									scale: 1.1;
								}


								.containK{
									position:relative;
									width: 89%;
									height: 100vw;
									left: 10vw;
									top: 50vw;
									border: 1px solid black;
									box-shadow: 0.1vw 0.1vw 0.3vw rgba(145, 144, 144, 0.448), -0.1vw -0.1vw 0.3vw rgba(171, 168, 168, 0.623);
									border-radius: 20px;
									/* border-radius: 20px; */
									z-index: 400;
								}


								.containP{
									position: relative;
									width: 80vw;
									text-align: center;
									font-weight: 500;
									top: 6vw;
									font-size: 3vw;
	
								}

								.containP2{
									position: relative;
									padding: 1vw;
									width: 80vw;
									text-align: center;
									font-weight: 300;
									top: 15vw;
	
								}
	
								.containP3{
									position: relative;
									padding: 1vw;
									width: 80vw;
									text-align: center;
									font-weight: 300;
									top: 19vw;
	
								}
	
								.containP4{
									position: absolute;
									width: 24vw;
									text-align: center;
									font-weight: 300;
									top: 10vw;
									left: 60vw;
	
									
								}
	
								.containP5{
									position: relative;
									padding: 1vw;
									width: 80vw;
									text-align: center;
									font-weight: 300;
									top: -3vw;
									text-align: justify;
	
								}
	




								.containImg{
									position: relative;
									top: -2vw;
									left: -2vw;
									height: 60vw;
									width: 100%;
								}

								.containImg2{
									position: relative;
									top: 9vw;
									left: -2vw;
									height: 60vw;
									width: 85vw;
								}

								.containImg3{
									position: relative;
									top: 13vw;
									left: -1vw;
									height: 50vw;
									width: 82vw;
								}

								.containImg4{
									position: relative;
									top: 2vw;
									left: -1vw;
									height: 90vw;
									width: 60vw;
								}

								
								.containImg5{
									position: relative;
									top: 2vw;
									left: -1vw;
									height: 50vw;
									width: 60vw;
								}






						.a-K{
							position: relative;
							bottom:-54vw ;
							right:-55vw ;
							font-weight: 600;
							text-decoration: none;
							color: rgb(44, 131, 253);
							z-index: 20;
							font-size: 3vw;
							
						}	


/*******************************************************************************/
/******************************************************/

.div-G{
	position: relative;
	height: 170vw;
}



	.slide-5-2-img{
		position: absolute;
		top: -17vw;
		left: -3vw;
		height: 100%;
		width: 110%;
		filter: brightness(20%);
	}


	.slide-5-img{
		display: none;

	}


	.slide-5-3-img{
		position:absolute;
		margin-top: 30vw;
		height: 25vw;
		width: 25vw;
		left: 8vw;
		border-radius: 20px;
	}





	.slide-5{
					
		margin-top: 1.5vw;
		height: 15vw;
	}



			.slide-5-h2{
				
				position: relative;
				top: 25vw;
				left: 18vw;
				width: 80%;
				font-size: 7vw;
				word-spacing: ;
				line-height: 7vw;
				color: white;
			} 


			.sp-G{
				font-size: 5vw;
				top: 0vw;
				
			}

			

			.p-G{
				
				position: relative;
				top: 37vw;
				left: 18vw;
				width: 70%;
				font-size: 3.9vw;
				font-weight: 400 ;
				color: rgb(255, 149, 1);
			}


			.ul-G{
				margin-top: 50vw;
				position: absolute;
				left: 15vw;
				top: 19vw;
				width: 70vw;
				/* border: 2px solid red; */
			}

			.ul-G li{
				flex-grow: 2;
				flex-basis: 200;
				line-height: 3.5vw;
				font-size: 1.3vw;
				list-style: none;
				margin-right: 1vw;
				margin-bottom: 1vw;
				background-color: #ffffff;
				border-radius: 20px;
				width: 40%;
				height: 33vw;
				box-shadow: 0.1vw 0.1vw 0.3vw rgb(115, 112, 112);
			}


			.ul-G li img{
				position: relative;
				left: 10vw;
				top: 1vw;
				height: 15vw;
				width: 15vw;
			}


						.ul-G li p{
							position: relative;
							top: 3vw;
							line-height: 4vw;
							font-size: 3vw;
							width: 95%;
						}



			.a-G{
				position: relative;
				bottom:-129vw ;
				right:-55vw ;
				font-weight: 700;
				text-decoration: none;
				color: rgb(255, 149, 1);
				z-index: 20;
				font-size: 3.4vw;
				display: none;
				
			}	



/*******************************************************************************/
/******************************************************/

.div-P{
	
	height: 170vw;
	background-color: #ffffff;
	position: relative;
}

		.slide-6-img{
			display: none;
		}

		.slide-6-2-img{
			display: none;
			position:absolute;
			margin-top: 15vw;
			height: 30vw;
			width: 22vw;
			left: 2vw;
			border-radius: 20px;
		}


				.slide-6-3-img{
					display: ;
					position:absolute;
					margin-top: 30vw;
					height: 25vw;
					width: 25vw;
					left: 65vw;
					border-radius: 20px;
				}



				.a-P{
					position: relative;
					bottom:-48vw ;
					right:-81vw ;
					font-weight: 700;
					text-decoration: none;
					color: rgb(77, 172, 3);
					z-index: 20;
					font-size: 1.1vw;
					
				}	



				.slide-6-h2{
					position: relative;
					top: 40vw;
					left: 10vw;
					width: 90%;
					font-size: 6vw;
					word-spacing: ;
					line-height: 7vw;
				}


				.slide-6 h3{
					position: absolute;
					left: 10vw;
					top: 55vw;
					font-size: 3vw;
					font-weight: 200;
					background-color: #c2fbd7 ;
					padding: 0.5vw 1vw;
					color: rgb(101, 99, 99);

				}

					.sp-P{
						color: rgb(77, 172, 3);
						position: absolute;
						top: -3vw;
						font-size: 4.5vw;
						left: 0vw;
					}

				.p-P{
					
					position: relative;
					top: 60vw;
					left: 10vw;
					width: 70%;
					font-size: 3vw;
					font-weight: 400 ;
					color: rgb(77, 172, 3);
				}

				.ul-P{
					margin-top: 70vw;
					position: absolute;
					left: 2vw;
				}


				.ul-P li{
					line-height: 6.4vw;
					font-size: 3.7vw;
					width: 87.6%;
					list-style: none;
					margin-bottom: 1vw;
					padding: 0vw 5vw;
					border-bottom-right-radius: 20px;
					border-bottom-left-radius: 20px;

				}





				.a-P{
					position: relative;
					bottom:-127vw ;
					right:-60vw ;
					font-weight: 700;
					text-decoration: none;
					color: rgb(77, 172, 3);
					z-index: 20;
					font-size: 3vw;
					
				}









/*******************************************************************************/
/******************************************************/

.div-I{
	margin-top: 3vw;
	
	height: 270vw;
	background-color: #93FFC5;
}


				.slide-7{
					
					margin-top: 1.5vw;
					height: 15vw;
				}

						.slide-7-img{
							display: none;
							margin-top: 6vw;
							height: 20vw;
							width: 20vw;
							position: relative;
							right: -80vw;
							border-radius: 50%;
							
						}

								.slide-7-2-img{
									position:absolute;
									margin-top: 15vw;
									height: 25vw;
									width: 35vw;
									right: 7vw;
									border-radius: 20px;
								}
						

						.slide-7-h2{
							
							position: relative;
							top: 25vw;
							left: 15vw;
							width: 60%;
							font-size: 7vw;
							line-height: 9vw;
							font-weight: 600;
						
						}

						.sp-nous{
							background-color: orange;
							color: white;
							padding: 0.5vw 0.5vw;
							font-size: 7vw;
							font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
						}

							.sp-I{
								color:orange ;
								position: absolute;
								top: 0vw;
								font-size: 5vw;
								left: 0vw;
								font-weight: 600;
								width: 99vw;

							}

							.sp-I-2{
								color:orange ;
								font-weight: 600;
							}

						.p-I{
							
							position: relative;
							top: 32vw;
							left: 17vw;
							width: 65%;
							font-size: 3.7vw;
							font-weight: 300 ;
							color: rgb(64, 63, 63);

						}

						.max-content{
							position: relative;
							/* border: 2px solid rebeccapurple; */
							display: flex;
							width: max-content;
							height: 30vw;
							left: 25vw;
							top: 60vw;
						}


						#card1{
							background-image: url(../PIC/camera.jpg);
							background-size: cover;
							overflow: hidden;
							
						}
						
						#card3{
							background-image: url(../PIC/camera.jpg);
							background-size: cover;
							overflow: hidden;
						}
						
						#card2{
							background-image: url(../PIC/camera.jpg);
							background-size: cover;
							overflow: hidden;
						}


						.background{
							height: 10vw;
							width: 10vw;
							position: relative;
							left: 0vw;
							top: -0vw;
							backdrop-filter: blur(3px);
							padding-top: 18.5vw;
							padding-right: 4vw;
							padding-left: 2vw;
							padding-bottom: 0.58vw;
							/* border: 1px solid black; */
							border-radius: 30px;
							z-index: 100;
						}



						.slide-info{
							position: relative;
							top: 70vw;
							/* border: 2px solid rgb(227, 29, 29); */
							height: 171.7vw;
							z-index: 600;
							margin-bottom: 10.3vw;
							background-color: rgb(3, 84, 39);
							display: block ;
						}


						.si{
							display: block;
						}


						.options{
							position: absolute;
							/* border: 2px solid blue; */
							height: 100%;
							width: 100%;
							
							
						
						}
						
						.id{
							display: block;
						}


						.iw{
							display: none;
						}
						
						.ir{
							display: none;
						}
						


						.options-Img{
							position: absolute;
							height: 40%;
							width: 100%;
							top: 0;
							left: 0;
						}


						.options .imgI{
							position: relative;
							height: 15vw;
							width: 15vw;
							top: 70vw;
							left: 30vw;
							/* border: 2px solid white; */
							border-radius: 40%;
							box-shadow: 0.1vw -0.1vw 0.5vw white ;
							padding: 1vw;
							display: none;
						}


						.options h2{
							position: relative;
							left: 28vw;
							top: 65vw;
							color: orange;
						}


						#h2r{
							margin-top: 13vw;
						}

						#h2b{
							margin-top: 13vw;
						}
						



						.options ul{
							position: relative;
							left: 10vw;
							top: 73vw;
							width: 80vw;
							border-left: 1px solid white;
						}
						
						.options ul li{
							list-style: none;
							font-size: 3vw;
							font-weight: 300;
							line-height: 5vw;
							color: white;
							margin-bottom: 1vw;
							border-top: 1px solid white;
							border-bottom: none;
							padding-bottom: 5vw;
							padding-left: 15vw;
							padding-top: 4vw;
						}


						.slide-Contain-Info{
							border: none;
						}



						
 
.div-Zap{
    position: relative;
    top:65vw;
    z-index: 700;
    height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
	

}
.div-Zap .btn-PrecI{
    border:  none;
    padding: 0.3vw 1vw;
    font-size: 2.5vw;
    transition: all 0.5s ease-in-out;
	color: white;
	background-color: rgb(3, 84, 39);

}

.div-Zap .btn-SuivI{
    border:  none;
    padding: 0.3vw 1vw;
    font-size: 2.7vw;
    transition: all 0.5s ease-in-out;

}


.btn-PrecI{
    position: absolute;
    left: 3vw;

}


.btn-PrecI:hover{
    box-shadow: 0.1vw 0.1vw 0.5vw rgb(52, 49, 49);
	background-color: black;
	scale: 1.1;

}

.btn-SuivI:hover{
    box-shadow: 0.1vw 0.1vw 0.5vw black;
	background-color: rgba(0, 0, 0, 0.286);
    scale: 1.1;
    color: rgb(255, 255, 255);

}
.btn-SuivI{
    position: absolute;
    right: 3vw;
}



						
									


						.a-I{
							position: relative;
							bottom:-119vw ;
							right:-53vw ;
							font-weight: 700;
							text-decoration: none;
							color:orange ;
							font-size: 3.4vw;
							margin-bottom: 4vw;
							display: none;
							
						}	





.ul-D{
	top: 22vw;
	
}


.div-D{
	padding-top: 11vw;
	position: relative;
	height: 60vw;
	background-color: #ffffff;
}


				.slide-8{
					
					margin-top: 1.5vw;
					height: 15vw;
				}

						.slide-8-img{
							
							height: 40vw;
							width: 40vw;
							position: absolute;
							left: 25vw;
							top: 60vw;
						}

						

						.slide-8-h2{
							
							position: relative;
							top: 12vw;
							left: 15vw;
							width: 80%;
							font-size: 7vw;
						}



						.slide-8 h3{
							font-size: 3vw;
							top: 45vw;
							left: 15vw;
							width: 70%;
							color: #888888;
							background-color: #93FFC5;
							padding: 0.5vw 1vw;
							font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
							position: absolute;
						}

							.sp-D{
								color: rgb(44, 131, 253);
								position: absolute;
								top: 0vw;
								font-size: 4.5vw;
								left: 0vw;
								width: 100vw;

							}

						.p-D{
							
							position: relative;
							top: 80vw;
							left: 15vw;
							width: 70%;
							font-size: 3.9vw;
							font-weight: 700 ;
							color: rgb(255, 255, 255);
							background-color:rgb(104, 145, 203) ;
						}

						.ul-D{
							margin-top: 110vw;
							position: absolute;
							left: 16vw;

						}


								.ul-D li{
									margin-bottom: 5vw;
									line-height: 6vw;
									font-size: 3.7vw;
									list-style: none;
								}



								.a-D{
									position: relative;
									bottom:-160vw ;
									right:-53vw ;
									font-weight: 700;
									text-decoration: none;
									color:rgb(44, 131, 253);
									font-size: 3vw;
									
									
								}	


/************************************************************************************/
/************************************************************************************/
.blur{
	 
	position: absolute;
	height: 6vw;
	width:100%;
	top: 55vw;


							
}


.blur2{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 226vw;
	z-index: 10;


							
}

.blur3{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 395vw;
	z-index: 10;


							
}

.blur4{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 571.5vw;
	z-index: 10;



							
}

.blur5{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 740.7vw;
	z-index: 10;



							
}

.blur6{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 917.5vw;
	z-index: 10;


							
}


.blur7{
	 
	position: absolute;
	height: 15vw;
	width:100%;
	top: 1277vw;
	z-index: 10;

							
}



/************************************************************************************/
/******************************************************************************************/
.total-foot{
	position: relative;
	display:  flex;
	height: 220vw;
	width: 100%;
	background-color: rgb(56, 56, 56);
	/*border: 2px solid black;*/
	color: white;
	border-top-left-radius: 0%;
	backdrop-filter: blur(7px);
	overflow: hidden;
	margin-top: 100vw;
}

								.foot-ser{
									position: absolute;
									width: 85vw;
									left: 14vw;
									top: 8vw;

								}

												.foot-ser p{
													position: relative;
													font-weight: 700;
													color: white;
													text-align: center;
													font-size: 4vw;
													left: -13vw;
												}

												
												.foot-ser ul li{
													position: relative;
													top: 4vw;
													font-size: 3.3vw;
													line-height: 5vw;
													list-style: url(../PIC/next-blue.png);
													font-weight: lighter;
													
													
												}


															.foot-ser ul li a{
																text-decoration: none;
																
															}




								.foot-contact{
									position: absolute;
									left: 15vw;
									top: 120vw;
									font-size:0.9vw ;

								}

													.foot-contact p{
														position: relative;
														font-weight: 700;
														color: white;
														text-align: center;
														font-size: 4vw;
														top: 10vw;
														left: 8.5vw;
													}

													.foot-contact ul{
														position: relative;
														list-style-type: none;
														text-decoration: none;
														left: 2.20vw;
														top: 14.5vw;
														
													}

													.foot-contact ul li{
														line-height: 5vw;
														color: #ffffff;
														text-decoration: none;
														font-size: 3.3vw;
														
														
													}
								.foot-leg{
									position: absolute;
									left: 18vw;
									top: 80vw;
									font-size:0.9vw ;
									height: ;
								}

													.foot-leg p{
														position: relative;
														left: 10vw;
														font-weight: 700;
														color: white;
														text-align: center;
														font-size: 4.5vw;
													}

													.foot-leg ul {
														position: relative;
														top: 4vw;
													}

													.foot-leg ul li{
														font-size: 3.3vw;
														line-height: 5vw;
														list-style: url(../PIC/next-blue.png);
														font-weight: lighter;
													}


																.foot-leg ul li:hover{
																	color: #93FFC5;
																	cursor: pointer;
																}



								.foot-lien{
									position: absolute;
									left: 8vw;
									top: 170vw;

									
								}

											.foot-lien p{
												position: relative;
												font-weight: 700;
												color: white;
												text-align: center;
												font-size: 4vw;
												left: 21vw;
											}

											.foot-lien ul{
												list-style: none;
												display: flex;
												position: relative;
												left: 20vw;
												top: 4vw;

											}

											.foot-lien ul li{
												padding-right: 4vw;
												font-size: 1.6vw;
												width: 4vw;
												

											}


													.foot-lien ul li:hover{
														scale: 1.1;
														

													}

		.foot-img{
			position: absolute;
			left: 77.5vw;
			top: -1vw;
			height: 20vw;
			width: 20vw;
		}
		
		
		.div-text{
			position: relative;
			top: 100vw;
			left: 70vw;
			border: none;

		}


						

						

						.div-text li{
							font-size: 3.3vw;
							line-height: 4vw;
							
						
						}	
						.span01{
							font-size: 3.3vw;
						}


						.span02{
							font-size: 3.3vw;
						
						}




		.img-fb2{
			height: 7vw;
			width: 7vw;
		}


		.img-fb3{
			height: 5vw;
			width: 5vw;
		}

}