/* GLOBAL
========================================== */
#page-container{overflow-x:hidden;padding-top:0 !important; margin-top:0!important;}


/* MENU
========================================== */
.menu-icon-email a {font-size: 0!important;}
.menu-icon-email a::before {content: url(/wp-content/themes/protect/assets/icon-email.svg); display: inline-block;position: relative; top: 4px;}
.menu-icon-whatsapp a {font-size: 0!important;}
.menu-icon-whatsapp a::before {content: url(/wp-content/themes/protect/assets/icon-whatsapp.svg); display: inline-block;position: relative; top: 6px;}
/* Bouton "Devis gratuit" */
#top-menu .menu-item-49 a {background-color: #000000; color: #ffffff !important; padding: 10px 18px; border-radius: 8px; font-weight: 600; line-height: 1.2; transition: background-color 0.2s ease; padding-bottom:10px!important;}
#top-menu .menu-item-49 a:hover { background-color: #FF0033;}
/* Puces ss-menu */
#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after {font-family: 'ETmodules';content: "\e03a"!important;font-size: 16px;position: absolute;right: 0;top: 0; font-weight: 800;color:#B1B1B1!important;}
/* Modif menu */
#et-top-navigation {font-weight: 400!important;}
#top-menu li {padding-right: 2vw!important;}
#top-menu-nav>ul>li>a:hover {opacity: 1!important; font-weight: 500;}

#top-menu .sub-menu{width: 95vw;left: 2.5vw;position: fixed;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;backdrop-filter: brightness(150%) blur(10px);background: rgba(255, 255, 255, 0.8);border-top: none;z-index: 0;border-top:solid 5px #fff;}
#top-menu .sub-menu li{display:block;}
#top-menu .sub-menu li a{width:auto;font-size: 24px !important; font-weight: 700; color:#B1B1B1;opacity:1;}
#top-menu .sub-menu li a:hover{background:transparent;color:#000;transition:all .3s;opacity:1;}



/* animation header home
========================================== */
.section3{position:relative;height:100vh;overflow:hidden}
.intro3{height:calc(100vh * 2 + 10px)}
.intro3__sticky{position:sticky;top:0;height:100vh;overflow:hidden;overflow:clip}
.intro3__fixed{position:absolute;left:0;top:0;width:100%;height:100%}
.intro3__fixed--non-interactive{pointer-events:none}
.intro3 .intro3__background{position:absolute;top:0;left:0;width:100%;height:calc(50vh + 0.5px);z-index:2}
.intro3 .intro3__background--bottom{top:auto;bottom:0;height:calc(25vh - 0.5px)}
.intro3 .intro3__background .intro3__background__deco-top-1{position:absolute;top:0;left:0;width:100vw;height:calc(50vh + 1px);z-index:2;-webkit-clip-path:polygon(62% 0%, 42% 100%, 60% 100%, 80% 0%);clip-path:polygon(62% 0%, 42% 100%, 60% 100%, 80% 0%);}
.intro3 .intro3__background .intro3__background__deco-top-2{position:absolute;top:50vh;left:0;width:100vw;height:calc(25vh + 1px);z-index:2;-webkit-clip-path:polygon(60% 0%, 70% 100%, 88% 100%, 78% 0%);clip-path:polygon(60% 0%, 70% 100%, 88% 100%, 78% 0%);}
.intro3 .intro3__background .intro3__background__deco-bottom-1{position:absolute;top:0;left:0;width:100vw;height:calc(25vh + 0.5px);z-index:2;-webkit-clip-path:polygon(52% 0%,42% 100%,60% 100%,70% 0%);clip-path:polygon(52% 0%,42% 100%,60% 100%,70% 0%);}
.intro3__background__deco-top-1,
.intro3__background__deco-top-2,
.intro3__background__deco-bottom-1{background:#F03;}
.pe-incendie .intro3__background__deco-top-1,
.pe-incendie .intro3__background__deco-top-2,
.pe-incendie .intro3__background__deco-bottom-1{background:#009640;}
.pmr .intro3__background__deco-top-1,
.pmr .intro3__background__deco-top-2,
.pmr .intro3__background__deco-bottom-1{background:#2073b9;}
.ppms .intro3__background__deco-top-1,
.ppms .intro3__background__deco-top-2,
.ppms .intro3__background__deco-bottom-1{background:#F03;}
.pe-hotel .intro3__background__deco-top-1,
.pe-hotel .intro3__background__deco-top-2,
.pe-hotel .intro3__background__deco-bottom-1{background:#009640;}


/* swiper home
========================================== */
.my-hero-slider > .et_pb_column .swiper-slide {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity 800ms ease;
}

.my-hero-slider > .et_pb_column .swiper-slide-active {
  opacity: 1 !important;
  pointer-events: auto;
}

.custom-swiper-pagination,
.custom-swiper-pagination .et_pb_text_inner {
  color: #ffffff !important;
}

.custom-swiper-next,
.custom-swiper-prev{cursor:pointer;}