.dry-panties-navigation {position: relative; background: #E4EAED;z-index: 99999;}
.dry-panties-navigation nav ul li .nav-link {font-size: 14px;}
.dry-panties-navigation.sticky {position: fixed;top: 0;width: 100%;left: 0}
.dry-panties-navigation nav ul {display: flex;align-items: center;justify-content: center;padding: 10px 0;}
.dry-panties-navigation nav ul li {margin: 0 15px; display: block;}
.dry-panties-navigation nav ul li:first-child {max-width: 105px;width: 9%;}
.dry-panties-navigation nav ul li div.logo-container img{width: 100%; display: block;}
.dry-panties-navigation nav ul li p {font-weight: 500;color: #000000;}
.dry-panties-navigation nav ul li.active p.nav-link{color: #5197B0}
.dry-panties-navigation nav ul li:hover p.nav-link{color: #5197B0}

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) {
  /*.dry-panties-navigation nav{overflow-x: scroll;position: relative;}
    .dry-panties-navigation nav ul { width: 1260px }*/
  .dry-panties-navigation nav ul li {margin: 0 15px;display: block;position: relative;}
    .dry-panties-navigation nav ul li a{width: 100%}
    .dry-panties-navigation nav ul li:first-child {max-width: 75px;width: 20%;}
  .dry-panties-navigation .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;
  }
  .dry-panties-navigation .arrowRight svg {
    transform: rotate(90deg);
  }
  .dry-panties-navigation .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;
  }
  .dry-panties-navigation .arrowLeft svg {
    transform: rotate(-90deg);
  }
  .dry-panties-navigation .arrowLeft.visually-hidden, .dry-panties-navigation .arrowRight.visually-hidden{display: none;}
}
@media (min-width: 992px){
  .dry-panties-navigation .hidden-d{display: none;}
}