:root {
  --FONT-GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",
    Helvetica, Arial, sans-serif;
  --FONT-GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B",
    "Gotham Medium", "GothamMedium", Helvetica, Arial, sans-serif;
  --FONT-CLARINS: "ClarinsRegular", "Clarins";
}

body,
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
}
#main:not(.main-homepage) {
  padding-top: 0px;
}
.breadcrumb {
  display: none !important;
}

.breadcrumb-container {
  display: none !important;
}

#main {
  margin-top: 0 !important;
}
.footer-main {
  margin-top: 0;
}
.footer-wrapper {
  z-index: 2;
  position: relative;
}

.primary-content {
  padding-bottom: 0;
  margin-bottom: 0;
}
.dp-nutrilumiere img {
  display: block;
}

@media (min-width: 1250px) {
  .dp-nutrilumiere {
    width: 1600px;
    margin-left: -175px;
  }
}

.dp-nutrilumiere * {
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #333;
  font-size: 20px;
  line-height: 24px;
  font-family: var(--FONT-GOTHAM-MEDIUM);
}

.dp-nutrilumiere__container {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

.dp-nutrilumiere-inner {
  padding: 0 20px;
  box-sizing: border-box;
}

/*================================*/

.dp-nutrilumiere__header {
  position: relative;
}
.dp-nutrilumiere__header__main-pic {
  overflow: hidden;
}
.dp-nutrilumiere__header__main-pic img {
  position: relative;
}
.dp-nutrilumiere__header__purple-bloc {
  background: rgb(178, 179, 221);
  background: -moz-linear-gradient(
    top,
    rgba(178, 179, 221, 1) 0%,
    rgba(114, 100, 167, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(178, 179, 221, 1) 0%,
    rgba(114, 100, 167, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(178, 179, 221, 1) 0%,
    rgba(114, 100, 167, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b3dd', endColorstr='#7264a7',GradientType=0 );
  z-index: 1;
}
.dp-nutrilumiere__header__purple-bloc__text::before {
  content: "";
  position: absolute;
  z-index: 2;
  background: url("../images/nutrilumiere_header.png") top left no-repeat;
  background-size: 100%;
}
.dp-nutrilumiere__header__purple-bloc__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.dp-nutrilumiere__header__purple-bloc__title {
  position: relative;
  font-weight: normal;
  white-space: nowrap;
  color: #fff;
  font-family: var(--FONT-CLARINS);
}
.dp-nutrilumiere__header__purple-bloc__title::before {
  content: "“";
  position: absolute;
}
.dp-nutrilumiere__header__purple-bloc__intro {
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-family: var(--FONT-GOTHAM-BOOK);
}
.dp-nutrilumiere__header__purple-bloc__button {
  text-align: center;
  font-size: 14px;
  line-height: 44px !important;
  padding: 0 16px;
  border-radius: 5px;
  background-color: #fff;
  font-weight: normal;
  box-sizing: border-box;
}
.dp-nutrilumiere__header__mirror-effect {
  background-image: url(../images/fx.png);
  animation: 10s slideFX linear infinite;
  background-size: 952px 709px;
  height: 100%;
}
@keyframes slideFX {
  0% {
    background-position: top 0px left 0px;
  }
  100% {
    background-position: top 709px left 952px;
  }
}
@media (min-width: 769px) {
  .dp-nutrilumiere__header {
    height: 570px;
  }
  .dp-nutrilumiere__header__main-pic {
    height: 100%;
    width: 100%;
    max-width: 868px;
    position: relative;
  }
  .dp-nutrilumiere__header__main-pic img {
    top: -110px;
    left: -100px;
    width: 981px;
  }
  .dp-nutrilumiere__header__purple-bloc {
    width: 560px;
    height: 400px;
    position: absolute;
    right: 0;
    top: 100px;
    align-items: center;
  }
  .dp-nutrilumiere__header__purple-bloc__text::before {
    left: -87%;
    top: 6%;
    width: 246px;
    height: 186px;
  }
  .dp-nutrilumiere__header__purple-bloc__text {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: 80px;
  }
  .dp-nutrilumiere__header__purple-bloc__title {
    font-size: 72px;
    line-height: 76px;
    margin: 0 0 20px 0;
  }
  .dp-nutrilumiere__header__purple-bloc__title::before {
    font-size: 150px;
    top: -30px;
    left: -40px;
  }
  .dp-nutrilumiere__header__purple-bloc__button {
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .dp-nutrilumiere * {
    font-size: 14px;
    line-height: 20px;
  }

  .dp-nutrilumiere__header__mirror-effect {
    background-image: url(../images/fx.png);
    animation: 7s slideFX linear infinite;
    background-size: 100vw 62vw;
    width: 100vw;
    height: 62vw;
    position: absolute;
  }
  @keyframes slideFX {
    0% {
      background-position: top 0px left 0px;
    }
    100% {
      background-position: top 62vw left 100vw;
    }
  }

  .dp-nutrilumiere__container {
    padding: 0;
  }
  .dp-nutrilumiere__header__main-pic {
    height: 470px;
  }
  .dp-nutrilumiere__header__main-pic img {
    top: -90px;
    left: -100px;
    width: 900px;
  }
  .dp-nutrilumiere__header__purple-bloc {
    position: relative;
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
  }
  .dp-nutrilumiere__header__purple-bloc__text::before {
    width: 111px;
    right: 0;
    top: 16px;
    height: 84px;
  }
  .dp-nutrilumiere__header__purple-bloc__text {
    position: relative;
    margin-top: -42px;
    width: 100%;
    max-width: 340px;
  }
  .dp-nutrilumiere__header__purple-bloc__title {
    font-size: 48px;
    line-height: 50px;
    left: -60px;
    margin-bottom: 30px;
  }
  .dp-nutrilumiere__header__purple-bloc__title::before {
    font-size: 100px;
    top: -20px;
    left: -4px;
  }
  .dp-nutrilumiere__header__purple-bloc__button {
    margin-top: 24px;
  }
}

@media (max-width: 450px) {
  .dp-nutrilumiere__header__main-pic {
    height: 380px;
  }
  .dp-nutrilumiere__header__main-pic img {
    position: static;
    margin-top: -70px;
    margin-left: -80px;
    width: 620px;
  }
}





/*DTW Edits*/
.dp-nutrilumiere__header__purple-bloc__text::before {
    left: -211px;
}
.dp-nutrilumiere__header__purple-bloc__title {
    font-size: 58px;
    line-height: 100%;
    margin: 0 0 20px 47px;
}


/*DTW Responsive Edits*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { }

@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { }

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
  .dp-nutrilumiere__header__purple-bloc__text::before {
    right: -1px;
    left: auto !important;
  }
  .dp-nutrilumiere__header__purple-bloc__title {
    font-size: 35px !important;
    line-height: 42px !important;
    left: -61px;
    margin: 8px 0 30px 0 !important;
  }
}