@media screen and (min-width:1024px) {
  #header:not(:hover) header,
  #header:not(:hover) .topHeader {
    background-color: transparent !important;
  }

  #header:not(:hover) #header span,
  #header:not(:hover) #header a {
    color: #FFF !important;
  }
}

@media screen and (max-width:1023px) {
  body:not(.open-sub) header,
  body:not(.open-sub) .topHeader {
    background-color: transparent !important;
  }

  body:not(.open-sub) .picto-menu-responsive span {
    background: #FFF !important;
  }

  body:not(.open-sub) #header span,
  body:not(.open-sub) #header a,
  body:not(.open-sub) #mini-cart .iconBasket.empty-basket:before {
    color: #FFF !important;
  }
}

#header {
  position: fixed !important;
  background-color: transparent !important;
  z-index: 250;
}

#header .header-search input[type=submit] {
  background-image: url("../../images/my_search-black.svg") !important;
}

#header .topHeaderCont-sticky {
  min-height: unset !important;
}

#header header:not(:hover) .topHeader {
  box-shadow: none;
}

#header header:not(:hover) .topHeader,
#header header:not(:hover) .topHeader::after,
#header header:not(:hover) .header-search form {
  background-color: transparent !important;
}

#header header:not(:hover) span,
#header header:not(:hover) a {
  color: #FFF !important;
}

#header header:not(:hover) .header-search input[type=submit] {
  background-image: url("../../images/my_search-white.svg") !important;
}

#header::before {
  content: '';
  position: fixed;
  width: 100%;
  height: 25%;
  left: 0;
  top: 0;
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.013) 9.7%, rgba(0, 0, 0, 0.049) 18.7%, rgba(0, 0, 0, 0.104) 27.2%, rgba(0, 0, 0, 0.175) 35.1%, rgba(0, 0, 0, 0.259) 42.6%, rgba(0, 0, 0, 0.352) 49.6%, rgba(0, 0, 0, 0.45) 56.2%, rgba(0, 0, 0, 0.55) 62.5%, rgba(0, 0, 0, 0.648) 68.4%, rgba(0, 0, 0, 0.741) 74.1%, rgba(0, 0, 0, 0.825) 79.5%, rgba(0, 0, 0, 0.896) 84.8%, rgba(0, 0, 0, 0.951) 89.9%, rgba(0, 0, 0, 0.987) 95%, black 100%);
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.013) 9.7%, rgba(0, 0, 0, 0.049) 18.7%, rgba(0, 0, 0, 0.104) 27.2%, rgba(0, 0, 0, 0.175) 35.1%, rgba(0, 0, 0, 0.259) 42.6%, rgba(0, 0, 0, 0.352) 49.6%, rgba(0, 0, 0, 0.45) 56.2%, rgba(0, 0, 0, 0.55) 62.5%, rgba(0, 0, 0, 0.648) 68.4%, rgba(0, 0, 0, 0.741) 74.1%, rgba(0, 0, 0, 0.825) 79.5%, rgba(0, 0, 0, 0.896) 84.8%, rgba(0, 0, 0, 0.951) 89.9%, rgba(0, 0, 0, 0.987) 95%, black 100%);
  -moz-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.013) 9.7%, rgba(0, 0, 0, 0.049) 18.7%, rgba(0, 0, 0, 0.104) 27.2%, rgba(0, 0, 0, 0.175) 35.1%, rgba(0, 0, 0, 0.259) 42.6%, rgba(0, 0, 0, 0.352) 49.6%, rgba(0, 0, 0, 0.45) 56.2%, rgba(0, 0, 0, 0.55) 62.5%, rgba(0, 0, 0, 0.648) 68.4%, rgba(0, 0, 0, 0.741) 74.1%, rgba(0, 0, 0, 0.825) 79.5%, rgba(0, 0, 0, 0.896) 84.8%, rgba(0, 0, 0, 0.951) 89.9%, rgba(0, 0, 0, 0.987) 95%, black 100%);
  -ms-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.013) 9.7%, rgba(0, 0, 0, 0.049) 18.7%, rgba(0, 0, 0, 0.104) 27.2%, rgba(0, 0, 0, 0.175) 35.1%, rgba(0, 0, 0, 0.259) 42.6%, rgba(0, 0, 0, 0.352) 49.6%, rgba(0, 0, 0, 0.45) 56.2%, rgba(0, 0, 0, 0.55) 62.5%, rgba(0, 0, 0, 0.648) 68.4%, rgba(0, 0, 0, 0.741) 74.1%, rgba(0, 0, 0, 0.825) 79.5%, rgba(0, 0, 0, 0.896) 84.8%, rgba(0, 0, 0, 0.951) 89.9%, rgba(0, 0, 0, 0.987) 95%, black 100%);
  background: #000;
  opacity: 0.3;
}