.navigation-panty {position: relative; background: #FFD7D6;z-index: 9;}
.navigation-panty nav ul li .nav-link {font-family: 'Interstate';font-size: 14px;}
.navigation-panty.sticky {position: fixed;top: 0;width: 100%;left: 0}
.navigation-panty nav ul {display: flex;align-items: center;justify-content: center;padding: 10px 0;margin: 0;}
.navigation-panty nav ul li {margin: 0 15px; display: block;}
.navigation-panty nav ul li:first-child {max-width: 140px;width: 9%;}
.navigation-panty nav ul li div.logo-container img{width: 100%; display: block;}
.navigation-panty nav ul li p {font-weight: 500}
/* .navigation-panty nav ul li.active p.nav-link{color: #D50032} */
.navigation-panty nav ul li:hover p.nav-link{color: #D50032}


div#video_module {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    z-index: 9999999999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-out forwards;
    background: #000;
	display: none;
}
div#video_module.open {display: flex;}


div#svgCLoseBoutonVideo {
    position: fixed;
    top: 5%;
	right: 5%;    
	z-index: -1;
    display: none;
    justify-content: center;
    align-items: center;
	pointer-events: none;
	cursor: auto;
}
div#svgCLoseBoutonVideo.show{display: flex;}

div#video_module.open + div#svgCLoseBoutonVideo{
	cursor: pointer;
	pointer-events: all;
	z-index: 99999999999;
}
div#svgCLoseBoutonVideo svg.plus{
	transform: rotate(45deg);
	width: 3em;
	height: 3em;
}
.rel:hover .animSvgCircle {
    transform: scale(1.1);
    transition: transform ease-out .3s;
}
div#svgCLoseBoutonVideo:hover .plus {
    transform: scale(1.1)rotate(-225deg);
    transition: transform ease-out .5s;
}
.playBtn{
	cursor: pointer;
}

.videoResponsive { 
	overflow:hidden; 
	padding-bottom:56.25%; 
	position:relative; 
	height:0;
	width: 65%;
}

.videoResponsive iframe,
.videoResponsive video {
	left:0; 
	top:0; 
	height:100%;
	width:100%;
	position:absolute;
	max-width: inherit;
}

@media (max-width:991px){
	.videoResponsive{ max-width: 95%; width: 95%; }
}

@media (max-width:991px) {
	.navigation-panty nav{overflow-x: scroll;position: relative;}
  	.navigation-panty nav ul { width: 850px }
 	.navigation-panty nav ul li {margin: 0 15px;display: block;position: relative;}
  	.navigation-panty nav ul li a{width: 100%}
  	.navigation-panty nav ul li:first-child {max-width: 140px;width: 12%;}
	.navigation-panty .arrowRight {
		position: absolute;
		right: 5px;
		top: 50%;
		transform: translateY(-50%);
		width: 35px;
		height: 35px;
		border-radius: 50%;
		background: #ffd7d6;
		border: 1px solid #262626;
		display: FLEX;
		justify-content: CENTER;
		align-items: CENTER;
		z-index: 9;
	}
	.navigation-panty .arrowRight svg {
		transform: rotate(90deg);
	}
	.navigation-panty .arrowLeft {
		position: absolute;
		left: 5px;
		top: 50%;
		transform: translateY(-50%);
		width: 35px;
		height: 35px;
		border-radius: 50%;
		background: #ffd7d6;
		border: 1px solid #262626;
		display: FLEX;
		justify-content: CENTER;
		align-items: CENTER;
		z-index: 9;
	}
	.navigation-panty .arrowLeft svg {
		transform: rotate(-90deg);
	}
	.navigation-panty .arrowLeft.visually-hidden, .navigation-panty .arrowRight.visually-hidden{display: none;}
}
@media (min-width: 992px){
	.navigation-panty .hidden-d{display: none;}
	.navigation-panty nav ul li .nav-link {font-size: 11px;}
}

@media (min-width:1280px) {
	.navigation-panty nav ul li .nav-link {font-size: 14px;}
}