@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");

@font-face {
  font-family: "Avenir Next";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Heavy.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Heavy.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Heavy.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Heavy.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Heavy.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Heavy.svg#AvenirNext-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Bold.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Bold.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Bold.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Bold.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next Demi";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBoldItalic.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBoldItalic.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBoldItalic.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBoldItalic.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBoldItalic.svg#AvenirNext-DemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-HeavyItalic.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-HeavyItalic.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-HeavyItalic.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-HeavyItalic.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-HeavyItalic.svg#AvenirNext-HeavyItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next Demi";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBold.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBold.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBold.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBold.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-DemiBold.svg#AvenirNext-DemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-BoldItalic.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-BoldItalic.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-BoldItalic.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-BoldItalic.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-BoldItalic.svg#AvenirNext-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Italic.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Italic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Italic.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Italic.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Italic.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Italic.svg#AvenirNext-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next Ultra";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLight.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLight.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLight.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLight.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLight.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLight.svg#AvenirNext-UltraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next Ultra";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLightItalic.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLightItalic.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLightItalic.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLightItalic.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-UltraLightItalic.svg#AvenirNext-UltraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Medium.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Medium.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Medium.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Medium.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Medium.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Medium.svg#AvenirNext-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-MediumItalic.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-MediumItalic.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-MediumItalic.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-MediumItalic.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-MediumItalic.svg#AvenirNext-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "Avenir Next";
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Regular.eot");
  src: url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Regular.woff2") format("woff2"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Regular.woff") format("woff"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Regular.ttf") format("truetype"), url("/themes/custom/yves_rocher_theme/fonts/AvenirNext/AvenirNext-Regular.svg#AvenirNext-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap
}

* {margin: 0;padding: 0}

.middle-image img {width: 100%}

.lift-science-title-container {padding: 0 8.33%}

@media screen and (max-width: 991px) {
  .lift-science-title-container {padding: 0 45px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-container {padding: 0 20px}
}

.lift-science-title-content {padding-top: 130px}

@media screen and (max-width: 991px) {
  .lift-science-title-content {padding-top: 95px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-content {padding-top: 65px}
}

.lift-science-title-content h3 {color: #9c1836;font-family: "Avenir Next", sans-serif;font-size: 28px;line-height: 1.3;margin-bottom: 0;text-align: center;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .lift-science-title-content h3 {font-size: 24px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-content h3 {text-align: left}
}

.lift-science-title-content h3 strong {display: block;font-weight: 700}

.lift-science-title-content p {color: #000;font-family: "Avenir Next", sans-serif;font-size: 18px;line-height: 1.6;margin-bottom: 0;padding: 0 16.66%;padding-top: 15px;text-align: center}

@media screen and (max-width: 1199px) {
  .lift-science-title-content p {padding: 0 8.33%;padding-top: 15px}
}

@media screen and (max-width: 991px) {
  .lift-science-title-content p {padding: 0 30px;padding-top: 15px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-content p {padding: 0 0;padding-top: 15px;text-align: left}
}

.lift-science-title-content p.caption {font-size: 12px}

.bakuchiol-variant .lift-science-title-content {padding-top: 75px}

@media screen and (max-width: 991px) {
  .bakuchiol-variant .lift-science-title-content {padding-top: 65px}
}

@media screen and (max-width: 543px) {
  .bakuchiol-variant .lift-science-title-content {padding-top: 45px}
}

.lift-composition-block {margin: 0 auto;max-width: 765px;padding-top: 35px}

@media screen and (max-width: 543px) {
  .lift-composition-block {padding-top: 15px}
}

.lift-composition-block h4 {color: #000;font-family: "Avenir Next", sans-serif;font-size: 18px;margin-bottom: 0;text-align: center}

@media screen and (max-width: 543px) {
  .lift-composition-block h4 {font-size: 15px}
}

.lift-composition-block-content {border-top: 1px solid #000;border-bottom: 1px solid #000;display: flex;flex-wrap: wrap;margin-top: 20px;overflow: hidden;padding: 5px 0}

@media screen and (max-width: 543px) {
  .lift-composition-block-content {margin: 0 -20px;margin-top: 20px}
}

.lift-composition-block-content .lift-composition-block-item {width: 58.33%}

.lift-composition-block-content .lift-composition-block-item:first-child {width: 41.66%}

.lift-composition-container {padding: 0 8.33%}

@media screen and (max-width: 543px) {
  .lift-composition-container {padding: 0 20px}
}

.lift-composition-content {padding-top: 50px}

.lift-composition-block-item {align-items: center;display: flex;padding: 0 15px}

@media screen and (max-width: 543px) {
  .lift-composition-block-item {flex-direction: column}
}

.lift-composition-block-item p {color: #000;font-family: "Avenir Next Ultra", sans-serif;font-size: 25px;margin-bottom: 0;padding-left: 15px;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .lift-composition-block-item p {font-size: 22px}
}

@media screen and (max-width: 543px) {
  .lift-composition-block-item p {font-size: 16px;padding-left: 5px;text-align: center}
}

.lift-composition-block-item p.number {color: #9c1836;font-family: "Avenir Next", sans-serif;font-size: 65px;padding-left: 0}

@media screen and (max-width: 543px) {
  .lift-composition-block-item p.number {font-size: 45px;line-height: 1;padding-left: 0}
}

.lift-composition-block-item p.number small {font-size: 35px;font-weight: 700;position: relative; top: -8px;}

@media screen and (max-width: 543px) {
  .lift-composition-block-item p.number small {top: -3px}
}

.lift-composition-block-item p.number small.indent {margin-right: -10px;}

.lift-composition-block-item p.number span {font-size: 22px}

.lift-composition-hastag p {color: #000;font-family: "Avenir Next", sans-serif;font-size: 18px;font-weight: 400;margin-bottom: 0;padding-top: 20px;text-align: center}

@media screen and (max-width: 543px) {
  .lift-composition-hastag p {font-size: 15px}
}

.lift-composition-info p {color: #000;font-family: "Avenir Next", sans-serif;font-size: 8px;text-align: center}

.lift-composition-title {text-align: center}

.lift-composition-title h2 {color: #000;font-family: "Avenir Next", sans-serif;font-size: 45px;font-weight: 700;margin-bottom: 0;padding-top: 5px;text-align: center;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .lift-composition-title h2 {font-size: 35px}
}

@media screen and (max-width: 543px) {
  .lift-composition-title h2 {font-size: 20px}
}

.lift-composition-title h3 {color: #000;font-family: "Avenir Next", sans-serif;font-size: 35px;font-weight: 400;margin-bottom: 0;text-align: center;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .lift-composition-title h3 {font-size: 28px}
}

@media screen and (max-width: 543px) {
  .lift-composition-title h3 {display: none}
}

.lift-percent-block {display: flex;flex-wrap: wrap;padding-top: 40px}

.lift-percent-block-item {background-color: #fff;display: flex;flex-direction: column;justify-content: space-between;margin-right: 20px;padding: 15px;width: calc(50% - 20px)}

@media screen and (max-width: 543px) {
  .lift-percent-block-item {margin-right: 8px;width: calc(50% - 8px)}
}

.lift-percent-block-item p {font-family: "Avenir Next", sans-serif;font-size: 14px;font-weight: 700;line-height: 1.3;margin-bottom: 0;text-align: center;text-transform: uppercase}

.lift-percent-block-item p.number {font-family: "Avenir Next Demi", sans-serif;font-size: 55px;line-height: 1.1;letter-spacing: -2px;padding-top: 15px}

@media screen and (max-width: 543px) {
  .lift-percent-block-item p.number {font-size: 50px}
}

.lift-percent-caption {padding-top: 15px}

.lift-percent-caption p {font-family: "Avenir Next", sans-serif;font-size: 8px;font-weight: 400;margin-bottom: 0;line-height: 1.3}

@media screen and (max-width: 543px) {
  .lift-percent-caption p {text-align: center}
}

.lift-siero-container {margin-top: 165px}

@media screen and (max-width: 991px) {
  .lift-siero-container {margin-top: 95px}
}

@media screen and (max-width: 543px) {
  .lift-siero-container {margin-top: 50px}
}

.lift-siero-content {background-color: rgba(156, 24, 54, 0.15);display: flex;flex-wrap: wrap}

.lift-siero-banner-indication {position: absolute;right: 80px;top: 50px}

@media screen and (max-width: 1199px) {
  .lift-siero-banner-indication {right: 50px}
}

@media screen and (max-width: 991px) {
  .lift-siero-banner-indication {left: 175px;right: auto}
}

@media screen and (max-width: 543px) {
  .lift-siero-banner-indication {left: 105px;top: 25px}
}

.lift-siero-banner-indication .lift-siero-banner-indication-item {padding-top: 15px;width: 130px}

@media screen and (max-width: 1199px) {
  .lift-siero-banner-indication .lift-siero-banner-indication-item {width: 110px}
}

@media screen and (max-width: 543px) {
  .lift-siero-banner-indication .lift-siero-banner-indication-item {width: 65px}
}

.lift-siero-banner-indication .lift-siero-banner-indication-item:first-child {padding-top: 0}

.lift-siero-banner-indication .lift-siero-banner-indication-item img {width: 100%}

.lift-siero-banner-item {position: relative;width: 50%}

@media screen and (max-width: 991px) {
  .lift-siero-banner-item {width: 100%}
}

.lift-siero-banner-item.product-banner {align-items: center;background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/siero-banner-bg.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;flex-wrap: wrap;justify-content: flex-end;z-index: 2}

@media screen and (max-width: 991px) {
  .lift-siero-banner-item.product-banner {justify-content: flex-start}
}

.lift-siero-banner-item.product-description {align-items: center;display: flex;flex-wrap: wrap;padding: 45px 8.33%}

@media screen and (max-width: 1199px) {
  .lift-siero-banner-item.product-description {padding-right: 30px}
}

@media screen and (max-width: 543px) {
  .lift-siero-banner-item.product-description {padding: 30px 20px}
}

.lift-siero-pack {height: 670px;padding: 40px 0;transform: translateX(50%)}

@media screen and (max-width: 1199px) {
  .lift-siero-pack {height: 540px}
}

@media screen and (max-width: 991px) {
  .lift-siero-pack {padding-left: 45px;padding-top: 90px;padding-bottom: 15px;transform: translateX(0)}
}

@media screen and (max-width: 543px) {
  .lift-siero-pack {height: 355px;padding-left: 25px;padding-top: 80px}
}

.lift-siero-pack img {height: 100%;width: auto}

.lift-siero-product-description h3 {font-family: "Avenir Next", sans-serif;font-size: 28px;font-weight: 400;margin-bottom: 0;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .lift-siero-product-description h3 {font-size: 24px}
}

.lift-siero-product-description ul {align-items: center;display: flex;margin-bottom: 0;padding-top: 25px}

@media screen and (max-width: 543px) {
  .lift-siero-product-description ul {padding-top: 10px}
}

.lift-siero-product-description ul li {font-family: "Avenir Next", sans-serif;font-size: 18px;font-weight: 700;list-style-type: none;padding-right: 25px;position: relative;text-transform: uppercase}

.lift-siero-product-description ul li::after {border-right: 2px solid #000;content: "";height: 16px;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);width: 1px}

.lift-siero-product-description > p {font-family: "Avenir Next", sans-serif;font-size: 18px;font-weight: 400;line-height: 1.4;margin-bottom: 0;padding-top: 30px}

@media screen and (max-width: 543px) {
  .lift-siero-product-description > p {font-size: 15px;padding-top: 45px}
}

.lift-siero-product-description .day-night-badge {height: 20px;margin-top: 4px}

.lift-siero-product-description .day-night-badge img {height: 100%;width: auto}

.variant-contentrato .lift-percent-caption {display: none}

@media screen and (max-width: 991px) {
  .variant-contentrato .lift-percent-caption {display: block}
}

.variant-contentrato .lift-percent-caption p {text-align: left}

.variant-contentrato .lift-siero-banner-item.product-banner {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/bg-concentrato-ds.jpg")}
.variant-contentrato .lift-siero-banner-item.product-banner-pt {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/bg-concentrato-ds-pt.jpg")}

@media screen and (min-width: 1600px) {
  .variant-contentrato .lift-siero-banner-item.product-banner {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/bg-concentrato-xl.jpg")}
  .variant-contentrato .lift-siero-banner-item.product-banner-pt {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/bg-concentrato-xl-pt.jpg")}
}

@media screen and (max-width: 991px) {
  .variant-contentrato .lift-siero-banner-item.product-banner {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/bg-concentrato-mb.jpg")}
  .variant-contentrato .lift-siero-banner-item.product-banner-pt {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/bg-concentrato-mb-pt.jpg")}
}

.variant-contentrato .lift-siero-product-description h2 {font-family: "Avenir Next", sans-serif;font-size: 32px;font-weight: 700;margin-bottom: 0;padding-top: 10px;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .variant-contentrato .lift-siero-product-description h2 {font-size: 24px}
}

.variant-contentrato .lift-siero-product-description ul {padding-top: 15px}

.variant-contentrato .lift-siero-product-description .concentrato-table {padding-top: 10px}

.variant-contentrato .lift-siero-product-description .concentrato-table img {width: 100%}

.middle-image {padding: 0 8.33%;padding-top: 45px}

.event-container {padding: 0 8.33%;padding-top: 100px}

@media screen and (min-width: 1600px) {
  .event-container {padding: 0 16.66%;padding-top: 100px}
}

@media screen and (max-width: 1199px) {
  .event-container {padding: 0 35px;padding-top: 100px}
}

@media screen and (max-width: 991px) {
  .event-container {padding: 0 0;padding-top: 85px}
}

@media screen and (max-width: 543px) {
  .event-container {padding-top: 65px}
}

.event-content .owl-stage {display: flex}

.event-cta {align-self: flex-end;bottom: 40px;left: 50%;padding-top: 20px;position: absolute;text-align: center;transform: translateX(-50%);width: 100%}

@media screen and (max-width: 1199px) {
  .event-cta {width: calc(100% - 45px)}
}

@media screen and (max-width: 991px) {
  .event-cta {width: 100%}
}

@media screen and (max-width: 543px) {
  .event-cta {bottom: 25px}
}

.event-cta a {background-color: #9c1836;border-radius: 8px;color: #fff;cursor: pointer;display: inline-block;font-family: "Avenir Next", sans-serif;font-size: 14px;font-weight: 700;line-height: 1;padding: 12px 35px;text-transform: uppercase}

@media screen and (max-width: 1199px) {
  .event-cta a {margin-bottom: 10px}
}

.event-date, .event-detail, .event-place {text-align: center;width: 100%}

.event-date span, .event-detail span, .event-place span {display: inline-block;font-size: 0;line-height: 1;margin-right: 6px;vertical-align: middle}

.event-date p, .event-detail p, .event-place p {display: inline;font-family: "Montserrat", sans-serif;font-size: 14px;margin-bottom: 0}

.event-date {align-items: center;display: flex;flex-direction: column;justify-content: center;margin-bottom: 10px}

.event-date p {display: block}

.event-date span {width: 18px}

.event-detail {margin-bottom: 15px}

.event-place {align-items: center;display: flex;flex-direction: column;justify-content: center;margin-bottom: 15px}

.event-place p {display: block}

.event-place span {width: 18px}

.event-item {height: 100%;padding: 0 15px}

@media screen and (max-width: 543px) {
  .event-item {padding: 0 6px}
}

.event-item-content {border-radius: 0;border: 2px solid #9c1836;height: 100%;overflow: hidden;padding: 15px;padding-bottom: 95px}

@media screen and (max-width: 543px) {
  .event-item-content {padding: 25px 15px;padding-bottom: 83px}
}

.event-item-image {margin-bottom: 45px;overflow: hidden;width: 100%}

.event-item-image img {width: 100%;}

.event-item-services {padding-bottom: 36px;padding-top: 10px}

.event-item-services p {font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 700;margin-bottom: 0;text-align: center;text-transform: uppercase}

.event-item-title {margin-bottom: 15px}

.event-item-title h2 {color: #000;font-family: "Avenir Next", sans-serif;font-size: 26px;font-weight: 400;margin-bottom: 0;text-align: center;text-transform: uppercase}

.event-item-title h3 {color: #000;font-family: "Avenir Next", sans-serif;font-size: 24px;font-weight: 700;margin-bottom: 5px;text-align: center;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .event-item-title h3 {font-size: 20px}
}

.event-item-title p {color: #000;font-family: "Montserrat", sans-serif;font-size: 14px;margin-bottom: 0;padding: 0 50px;padding-top: 15px;text-align: center}

.event-item-title p span {white-space: nowrap}

.event-titles {margin-bottom: 50px;padding: 0 16.66%}

@media screen and (max-width: 991px) {
  .event-titles {padding: 0 8.33%}
}

@media screen and (max-width: 543px) {
  .event-titles {margin-bottom: 30px}
}

.event-titles h2 {color: #000;font-family: "Montserrat", sans-serif;font-size: 24px;font-weight: 700;margin-bottom: 15px;text-align: center;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .event-titles h2 {font-size: 20px}
}

.event-titles p {font-family: "Montserrat", sans-serif;font-size: 18px;margin-bottom: 0;text-align: center}

@media screen and (max-width: 543px) {
  .event-titles p {font-size: 14px}
}

.lift-head-body {align-items: flex-end;display: flex;flex-wrap: wrap;padding-right: calc(33.33% - 40px);position: relative;z-index: 2}

@media screen and (min-width: 1600px) {
  .lift-head-body {width: calc(100% + 16.66%)}
}

@media screen and (max-width: 1199px) {
  .lift-head-body {padding-right: 0}
}

@media screen and (max-width: 543px) {
  .lift-head-body {min-height: 425px;padding-top: 50px}
}

.lift-head-body-content {padding: 40px 0;padding-bottom: 80px;position: relative;text-align: left;width: calc(100% - 200px);z-index: 2}

@media screen and (max-width: 991px) {
  .lift-head-body-content {padding: 30px 15px;padding-bottom: 80px;width: calc(100% - 160px)}
}

@media screen and (max-width: 543px) {
  .lift-head-body-content {background-color: #fff;padding: 20px 15px;padding-bottom: 0;width: 100%}
}

.lift-head-body-content h3 {color: #fff;font-family: "Avenir Next", sans-serif;font-size: 27px;font-weight: 400;letter-spacing: -0.2px;text-align: left;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .lift-head-body-content h3 {font-size: 20px}
}

@media screen and (max-width: 543px) {
  .lift-head-body-content h3 {color: #000;font-size: 14px;padding: 0 0;text-align: center}
}

.lift-head-body-content h3 small sup {font-size: 45%;top: -1.1em}

.lift-head-body-content > p {margin-bottom: 20px;padding-top: 15px}

@media screen and (max-width: 543px) {
  .lift-head-body-content > p {padding-top: 10px}
}

.lift-head-body-content > span {font-family: "Avenir Next", sans-serif;font-size: 8px;text-align: center}

@media screen and (max-width: 543px) {
  .lift-head-body-content .text-img {display: none}
}

.lift-head-body-content .text-img img {width: 100%}

.lift-head-body-content .text-img-mb {display: none}

@media screen and (max-width: 543px) {
  .lift-head-body-content .text-img-mb {display: block}
}

.lift-head-body-content .text-img-mb img {width: 100%}

.lift-head-body-pack {max-width: 200px;padding-bottom: 40px;padding-right: 40px;width: 100%}

@media screen and (max-width: 991px) {
  .lift-head-body-pack {max-width: 160px}
}

@media screen and (max-width: 543px) {
  .lift-head-body-pack {max-width: 58px;padding-bottom: 25px;padding-right: 0}
}

.lift-head-body-pack img {width: 100%}

.lift-head-cards {align-items: flex-end;display: flex;flex-direction: column;flex-wrap: wrap;padding: 0 8.33%;padding-top: 35px}

@media screen and (max-width: 1199px) {
  .lift-head-cards {padding-left: 15px}
}

@media screen and (max-width: 543px) {
  .lift-head-cards {left: 0;position: absolute;top: 0;width: 100%}
}

.lift-head-cards .lift-head-cards-item {background-color: transparent;border: none;outline: none}

.lift-head-cards .lift-head-cards-item.body {display: flex;flex-wrap: wrap;width: 100%}

@media screen and (max-width: 543px) {
  .lift-head-cards .lift-head-cards-item.body {flex-direction: column-reverse}
}

.lift-head-cards .lift-head-cards-item.body .card-badge {width: 105px}

@media screen and (max-width: 543px) {
  .lift-head-cards .lift-head-cards-item.body .card-badge {width: 85px}
}

.lift-head-cards .lift-head-cards-item.body .card-badge img {width: 100%}

.lift-head-cards .lift-head-cards-item.body .card-badge-content {max-width: 345px;margin-left: 10px;padding-top: 15px;width: calc(100% - 105px)}

.lift-head-cards .lift-head-cards-item.body .news {color: #fff;display: inline-block;font-family: "Avenir Next", sans-serif;font-size: 14px;font-weight: 700;line-height: 1;margin-top: 30px;margin-bottom: 15px;padding: 3px 15px;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .lift-head-cards .lift-head-cards-item.body .news {margin-top: 15px}
}

.lift-head-cards .lift-head-cards-item.body h2 {font-family: "Avenir Next", sans-serif;font-size: 30px;font-weight: 700;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .lift-head-cards .lift-head-cards-item.body h2 {font-size: 24px}
}

.lift-head-cards .lift-head-cards-item.body h3 {color: #000;font-size: 18px;font-weight: 700;margin-bottom: 0;text-align: left;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .lift-head-cards .lift-head-cards-item.body h3 {font-size: 12px}
}

.lift-head-cards .lift-head-cards-item.card {padding-top: 40px;width: 100%}

@media screen and (max-width: 543px) {
  .lift-head-cards .lift-head-cards-item.card {margin-right: 0}
}

.lift-head-cards .lift-head-cards-item.card img {width: 224px}

@media screen and (max-width: 543px) {
  .lift-head-cards .lift-head-cards-item.card img {width: 110px}
}

.lift-head-cards .lift-head-cards-item.label {margin-bottom: -55px;margin-right: 95px;transform: translateY(50px)}

@media screen and (max-width: 991px) {
  .lift-head-cards .lift-head-cards-item.label {margin-right: 15px}
}

@media screen and (max-width: 543px) {
  .lift-head-cards .lift-head-cards-item.label {display: none;margin-bottom: -35px;padding-left: 10px;padding-top: 5px}
}

.lift-head-cards .lift-head-cards-item.label img {width: 100px}

@media screen and (max-width: 543px) {
  .lift-head-cards .lift-head-cards-item.label img {width: 80px}
}

.lift-head-cards .lift-head-cards-item:last-child {margin-bottom: 0}

.lift-head-container {align-items: flex-end;background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/lift-head.jpg");background-position: center right;background-repeat: no-repeat;background-size: cover;display: flex;flex-wrap: wrap;height: 800px;position: relative;width: 100%}
.lift-head-container-pt {align-items: flex-end;background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/lift-head-pt.jpg");background-position: center right;background-repeat: no-repeat;background-size: cover;display: flex;flex-wrap: wrap;height: 800px;position: relative;width: 100%}

@media screen and (max-width: 1199px) {
  .lift-head-container {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/lift-head-mobile.jpg");background-size: cover;height: auto}
}

@media screen and (max-width: 543px) {
  .lift-head-container {align-items: flex-start;background-size: auto 450px;background-position: top center;min-height: 450px}
}

.lift-head-content {display: flex;flex-direction: column;flex-wrap: wrap;margin: 0 auto;min-height: 800px;justify-content: flex-end;padding: 0 8.33%;position: relative;width: 100%}

@media screen and (min-width: 1600px) {
  .lift-head-content {padding: 0 16.66%}
}

@media screen and (max-width: 991px) {
  .lift-head-content {min-height: 750px;padding: 0 35px}
}

@media screen and (max-width: 543px) {
  .lift-head-content {display: block;min-height: 0;padding: 0 10px;position: relative}
}

.lift-head-content h1 {color: #fff;font-family: "Avenir Next", sans-serif;font-size: 37px;font-weight: 400;margin-bottom: 10px;text-align: left;text-transform: uppercase}

.lift-head-content h1 span {display: block;font-weight: 700}

@media screen and (max-width: 1199px) {
  .lift-head-content h1 {font-size: 30px}
}

@media screen and (max-width: 543px) {
  .lift-head-content h1 {color: #000;font-size: 5.33vw;line-height: 1.6;text-align: center}
}

.lift-head-content p {font-family: "Avenir Next", sans-serif;font-size: 18px;text-align: center}

@media screen and (max-width: 543px) {
  .lift-head-content p {font-size: 14px;margin: 0 -10px}
}

.lift-head-content .news-label {background-color: #9c1836;display: inline-block;padding: 7px 20px;margin-bottom: 10px}

.lift-head-content .news-label span {color: #fff;display: inline-block;font-family: "Avenir Next", sans-serif;font-size: 29px;font-weight: 700;text-align: center;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .lift-head-content .news-label span {font-size: 19px}
}

@media screen and (max-width: 543px) {
  .lift-head-content .news-label span {font-size: 16px}
}

@media screen and (max-width: 543px) {
  .lift-head-content .news-label {box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);position: absolute;padding: 4px 15px;right: 0;top: -30px;transform: translateY(-100%)}
}

.lift-head-section {width: 100%}

.lift-head-section .gamme-link {left: 50px;opacity: 1;padding-left: 44px;padding-top: 21px;position: absolute;top: 25px;width: 125px;z-index: 1}

@media screen and (max-width: 1199px) {
  .lift-head-section .gamme-link {left: 8.33%;width: 50%}
}

@media screen and (max-width: 543px) {
  .lift-head-section .gamme-link {left: 0;padding-left: 30px;padding-top: 15px;position: relative;top: 0;width: 100%}
}

.lift-head-section .gamme-link::after {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/link-arrow.png");background-position: left center;background-repeat: no-repeat;background-size: contain;content: "";height: 10px;left: 28px;position: absolute;top: 24px;width: 15px;z-index: -1}

@media screen and (max-width: 543px) {
  .lift-head-section .gamme-link::after {background-image: none;border-bottom: 6px solid transparent;border-right: 6px solid #fff;border-top: 6px solid transparent;height: 0;left: 15px;top: 17px;width: 0}
}

.lift-head-section .gamme-link::before {border-left: 2px solid #fff;border-top: 2px solid #fff;content: "";height: 72px;position: absolute;left: 0;top: 0;width: 72px;z-index: -1}

@media screen and (max-width: 543px) {
  .lift-head-section .gamme-link::before {content: none}
}

.lift-head-section .gamme-link a {color: #fff;display: block;font-family: "Avenir Next", sans-serif;font-size: 14px;font-weight: 500;line-height: 1;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .lift-head-section .gamme-link a {color: #fff}
}

.lift-product-pack {position: absolute;right: 15px;top: 0;transform: translateY(-80%);width: 490px;z-index: -1}

@media screen and (max-width: 991px) {
  .lift-product-pack {width: 50%}
}

@media screen and (max-width: 543px) {
  .lift-product-pack {top: 330px;width: 58.33%}
}

.lift-product-pack img {width: 100%}


@media screen and (max-width: 991px) {
  .lift-science-title-container {padding: 0 45px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-container {padding: 0 20px}
}

.lift-science-title-content {padding-top: 130px}

@media screen and (max-width: 991px) {
  .lift-science-title-content {padding-top: 95px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-content {padding-top: 65px}
}

.lift-science-title-content h3 {color: #9c1836;font-family: "Avenir Next", sans-serif;font-size: 28px;line-height: 1.3;margin-bottom: 0;text-align: center}

@media screen and (max-width: 991px) {
  .lift-science-title-content h3 {font-size: 24px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-content h3 {text-align: left}
}

.lift-science-title-content h3 strong {display: block;font-weight: 700}

.lift-science-title-content p {color: #000;font-family: "Avenir Next", sans-serif;font-size: 18px;font-line-height: 1.6;margin-bottom: 0;padding: 0 16.66%;padding-top: 15px;text-align: center}

@media screen and (max-width: 1199px) {
  .lift-science-title-content p {padding: 0 8.33%;padding-top: 15px}
}

@media screen and (max-width: 991px) {
  .lift-science-title-content p {padding: 0 30px;padding-top: 15px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-content p {padding: 0 0;padding-top: 15px;text-align: left}
}

.lift-science-active-banner img {width: 100%}

.lift-science-active-container {margin-top: 40px}

@media screen and (max-width: 543px) {
  .lift-science-active-container {margin-top: 0}
}

.lift-science-active-content {display: flex;flex-wrap: wrap;padding: 0 8.33%;padding-top: 80px}

@media screen and (max-width: 1199px) {
  .lift-science-active-content {padding: 0 60px;padding-top: 80px}
}

@media screen and (max-width: 991px) {
  .lift-science-active-content {padding: 0 45px;padding-top: 65px}
}

@media screen and (max-width: 543px) {
  .lift-science-active-content {padding: 0 4px;padding-top: 45px}
}

.lift-science-active-item {padding: 0 15px;position: relative;width: 25%}

@media screen and (max-width: 991px) {
  .lift-science-active-item {width: 30%}
}

.lift-science-active-item:first-child {padding-right: 8.33%;width: 50%}

@media screen and (max-width: 991px) {
  .lift-science-active-item:first-child {padding-right: 30px;width: 40%}
}

.lift-science-active-item:nth-child(2) .lift-science-active-image {z-index: 2}

.lift-science-active-item:nth-child(2) .lift-science-active-image::after {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/plus-icon.png");background-position: center;background-repeat: no-repeat;background-size: contain;content: "";height: 110px;position: absolute;right: -15px;top: 50%;transform: translateY(-50%) translateX(50%);width: 110px}

@media screen and (max-width: 1199px) {
  .lift-science-active-item:nth-child(2) .lift-science-active-image::after {height: 85px;width: 85px}
}

@media screen and (max-width: 991px) {
  .lift-science-active-item:nth-child(2) .lift-science-active-image::after {height: 65px;width: 65px}
}

@media screen and (max-width: 543px) {
  .lift-science-active-item:nth-child(2) .lift-science-active-image::after {height: 10.66vw;max-height: 40px;max-width: 40px;right: 1.6vw;top: 15px;transform: translateY(0) translateX(0);width: 10.66vw}
}

.lift-science-active-item p {font-family: "Avenir Next", sans-serif;font-size: 18px;line-height: 1.3;margin-bottom: 10px}

.lift-science-active-item p.caption {font-size: 8px;padding-top: 15px}

@media screen and (min-width: 768px) {
  .lift-science-active-image {left: 15px;position: absolute;top: -20px;transform: translateY(-100%);width: calc(100% - 30px)}
}

.lift-science-active-image img {width: 100%}

.lift-science-active-image p {display: none}

@media screen and (max-width: 543px) {
  #erba-cristallina .lift-science-active-image {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/full-erba-cristallina.jpg")}
}

@media screen and (max-width: 543px) {
  #acido-ialuronico .lift-science-active-image {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/full-acido-ialuronico.jpg")}
}

@media screen and (max-width: 543px) {
  #collagene .lift-science-active-image {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/full-collagene.jpg")}
}

@media screen and (max-width: 543px) {
  .lift-science-active-banner {display: none}
}

@media screen and (max-width: 543px) {
  .lift-science-active-body {left: 0;padding: 0 20px;position: absolute;opacity: 0;visibility: hidden;top: 495px;transition: all 0.5s}
}

@media screen and (max-width: 543px) {
  .lift-science-active-container {padding-bottom: 20px;position: relative;overflow: hidden}
}

.lift-science-active-item {background-position: center;background-repeat: no-repeat;background-size: cover}

@media screen and (max-width: 543px) {
  .lift-science-active-item {overflow: hidden;padding: 0 4px;position: static;transition: all 0.5s;width: 16.66%}
}

@media screen and (max-width: 543px) {
  .lift-science-active-item:first-child {padding-right: 4px;width: 16.66%}
}

@media screen and (max-width: 543px) {
  .lift-science-active-item.active {width: 66.66%}
}

@media screen and (max-width: 543px) {
  .lift-science-active-item.active .lift-science-active-body {opacity: 1;visibility: visible}
}

@media screen and (max-width: 543px) {
  .lift-science-active-item.active .lift-science-active-image::after {left: auto;right: 6px;transform: translateX(0)}
}

@media screen and (max-width: 543px) {
  .lift-science-active-image {border-radius: 4px;height: 420px;overflow: hidden;position: relative}
}

@media screen and (max-width: 543px) {
  .lift-science-active-image img {display: none}
}

@media screen and (max-width: 543px) {
  .lift-science-active-image::after {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/plus-icon.png");background-position: center;background-repeat: no-repeat;background-size: contain;content: "";height: 10.66vw;max-height: 40px;position: absolute;right: 1.6vw;top: 15px;transition: all 0.5s;max-width: 40px;width: 10.66vw}
}

@media screen and (max-width: 543px) {
  .lift-science-active-image p {bottom: 0;color: #fff;display: block;font-family: "Avenir Next", sans-serif;font-size: 16px;position: absolute;right: 0;text-transform: uppercase;transform: rotate(-90deg) translateX(100%);transform-origin: right bottom;width: 350px}
}

.lift-science-title-content {padding-top: 75px}

@media screen and (max-width: 991px) {
  .lift-science-title-content {padding-top: 65px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-content {padding-top: 45px}
}

.lift-science-title-content h3 {color: #9c1836;font-family: "Avenir Next", sans-serif;font-size: 28px;line-height: 1.3;margin-bottom: 0;text-align: center;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .lift-science-title-content h3 {font-size: 24px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-content h3 {text-align: left}
}

.lift-science-title-content h3 strong {display: block;font-weight: 700}

.lift-science-title-content p {color: #000;font-family: "Avenir Next", sans-serif;font-size: 18px;line-height: 1.6;margin-bottom: 0;padding: 0 16.66%;padding-top: 15px;text-align: center}

@media screen and (max-width: 1199px) {
  .lift-science-title-content p {padding: 0 8.33%;padding-top: 15px}
}

@media screen and (max-width: 991px) {
  .lift-science-title-content p {padding: 0 30px;padding-top: 15px}
}

@media screen and (max-width: 543px) {
  .lift-science-title-content p {padding: 0 0;padding-top: 15px;text-align: left}
}

.lift-science-title-content p.caption {font-size: 12px}

.bakuchiol-variant .lift-science-title-content {padding-top: 75px}

@media screen and (max-width: 991px) {
  .bakuchiol-variant .lift-science-title-content {padding-top: 65px}
}

@media screen and (max-width: 543px) {
  .bakuchiol-variant .lift-science-title-content {padding-top: 45px}
}

.lift-percent-block-item {background-color: #fff;display: flex;flex-direction: column;justify-content: space-between;margin-right: 20px;padding: 15px;position: relative;width: calc(50% - 20px)}

@media screen and (max-width: 543px) {
  .lift-percent-block-item {margin-right: 8px;width: calc(50% - 8px)}
}

.lift-percent-block-item::after {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/box-border.png");background-repeat: no-repeat;background-position: center;background-size: 100% 100%;content: "";height: calc(100% - 20px);left: 10px;position: absolute;top: 10px;width: calc(100% - 20px)}

@media screen and (max-width: 543px) {
  .lift-percent-block-item::after {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/box-border-mb.png");height: calc(100% - 10px);left: 5px;top: 5px;width: calc(100% - 10px)}
}

.lift-percent-block-item p {font-family: "Avenir Next", sans-serif;font-size: 14px;font-weight: 700;line-height: 1.3;margin-bottom: 0;text-align: center;text-transform: uppercase}

.lift-percent-block-item p.number {font-family: "Avenir Next Demi", sans-serif;font-size: 55px;line-height: 1.1;letter-spacing: -2px;padding-top: 15px}

@media screen and (max-width: 543px) {
  .lift-percent-block-item p.number {font-size: 50px}
}

.lift-percent-caption {padding-top: 15px}

.lift-percent-caption p {font-family: "Avenir Next", sans-serif;font-size: 8px;font-weight: 400;margin-bottom: 0;line-height: 1.3}

@media screen and (max-width: 543px) {
  .lift-percent-caption p {text-align: center}
}

.lift-siero-container {margin-top: 165px}

@media screen and (max-width: 991px) {
  .lift-siero-container {margin-top: 95px}
}

@media screen and (max-width: 543px) {
  .lift-siero-container {margin-top: 50px}
}

.lift-siero-content {background-color: rgba(156, 24, 54, 0.15);display: flex;flex-wrap: wrap}

.lift-siero-banner-indication {position: absolute;right: 80px;top: 50px}

@media screen and (max-width: 1199px) {
  .lift-siero-banner-indication {right: 50px}
}

@media screen and (max-width: 991px) {
  .lift-siero-banner-indication {left: 175px;right: auto}
}

@media screen and (max-width: 543px) {
  .lift-siero-banner-indication {left: 105px;top: 25px}
}

.lift-siero-banner-indication .lift-siero-banner-indication-item {padding-top: 15px;width: 130px}

@media screen and (max-width: 1199px) {
  .lift-siero-banner-indication .lift-siero-banner-indication-item {width: 110px}
}

@media screen and (max-width: 543px) {
  .lift-siero-banner-indication .lift-siero-banner-indication-item {width: 65px}
}

.lift-siero-banner-indication .lift-siero-banner-indication-item:first-child {padding-top: 0}

.lift-siero-banner-indication .lift-siero-banner-indication-item img {width: 100%}

.lift-siero-banner-item {position: relative;width: 50%}

@media screen and (max-width: 991px) {
  .lift-siero-banner-item {width: 100%}
}

.lift-siero-banner-item.product-banner {align-items: center;background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/siero-banner-bg.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;display: flex;flex-wrap: wrap;justify-content: flex-end;z-index: 2}

@media screen and (max-width: 991px) {
  .lift-siero-banner-item.product-banner {justify-content: flex-start}
}

.lift-siero-banner-item.product-description {align-items: center;display: flex;flex-wrap: wrap;padding: 45px 8.33%}

@media screen and (max-width: 1199px) {
  .lift-siero-banner-item.product-description {padding-right: 30px}
}

@media screen and (max-width: 543px) {
  .lift-siero-banner-item.product-description {padding: 30px 20px}
}

.lift-siero-pack {height: 670px;padding: 40px 0;transform: translateX(50%)}

@media screen and (max-width: 1199px) {
  .lift-siero-pack {height: 540px}
}

@media screen and (max-width: 991px) {
  .lift-siero-pack {padding-left: 45px;padding-top: 90px;padding-bottom: 15px;transform: translateX(0)}
}

@media screen and (max-width: 543px) {
  .lift-siero-pack {height: 355px;padding-left: 25px;padding-top: 80px}
}

.lift-siero-pack img {height: 100%;width: auto}

.lift-siero-product-description h3 {font-family: "Avenir Next", sans-serif;font-size: 28px;font-weight: 400;margin-bottom: 0;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .lift-siero-product-description h3 {font-size: 24px}
}

.lift-siero-product-description ul {align-items: center;display: flex;margin-bottom: 0;padding-top: 25px}

@media screen and (max-width: 543px) {
  .lift-siero-product-description ul {padding-top: 10px}
}

.lift-siero-product-description ul li {font-family: "Avenir Next", sans-serif;font-size: 18px;font-weight: 700;list-style-type: none;padding-right: 25px;position: relative;text-transform: uppercase}

.lift-siero-product-description ul li::after {border-right: 2px solid #000;content: "";height: 16px;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);width: 1px}

.lift-siero-product-description > p {font-family: "Avenir Next", sans-serif;font-size: 18px;font-weight: 400;line-height: 1.4;margin-bottom: 0;padding-top: 30px}

@media screen and (max-width: 543px) {
  .lift-siero-product-description > p {font-size: 15px;padding-top: 45px}
}

.lift-siero-product-description .day-night-badge {height: 20px;margin-top: 4px}

.lift-siero-product-description .day-night-badge img {height: 100%;width: auto}

.variant-contentrato .lift-percent-caption {display: none}

@media screen and (max-width: 991px) {
  .variant-contentrato .lift-percent-caption {display: block}
}

.variant-contentrato .lift-percent-caption p {text-align: left}

.variant-contentrato .lift-siero-banner-item.product-banner {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/bg-concentrato-ds.jpg")}
.variant-contentrato .lift-siero-banner-item.product-banner-pt {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/bg-concentrato-ds-pt.jpg")}

@media screen and (max-width: 991px) {
  .variant-contentrato .lift-siero-banner-item.product-banner {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/bg-concentrato-mb.jpg")}
  .variant-contentrato .lift-siero-banner-item.product-banner-pt {background-image: url("/themes/custom/yves_rocher_theme/img/lift-pro/bg-concentrato-mb-pt.jpg")}
}

.variant-contentrato .lift-siero-product-description h2 {font-family: "Avenir Next", sans-serif;font-size: 32px;font-weight: 700;margin-bottom: 0;padding-top: 10px;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .variant-contentrato .lift-siero-product-description h2 {font-size: 24px}
}

.variant-contentrato .lift-siero-product-description ul {padding-top: 15px}

.variant-contentrato .lift-siero-product-description .concentrato-table {padding-top: 10px}

.variant-contentrato .lift-siero-product-description .concentrato-table img {width: 100%}

.aa-video-container {padding-top: 100px}

@media screen and (max-width: 991px) {
  .aa-video-container {padding-top: 80px}
}

@media screen and (max-width: 543px) {
  .aa-video-container {padding-top: 65px}
}

.aa-video-content {padding: 0 25%;text-align: center}

@media screen and (min-width: 1600px) {
  .aa-video-content {padding: 0 33.33%}
}

@media screen and (max-width: 1199px) {
  .aa-video-content {padding: 0 16.66%}
}

@media screen and (max-width: 543px) {
  .aa-video-content {padding: 0 10px}
}

.aa-video-content iframe {width: 100%}

.aa-video-frame {bottom: 0;left: 0;padding-top: 52.6%;position: relative;right: 0;top: 0;width: 100%}

.aa-video-frame iframe, .aa-video-frame video {height: 100%;left: 0;position: absolute;top: 0;width: 100%}

.aa-video-cta {border-radius: 8px;cursor: pointer;display: inline-block;padding: 12px 35px}

.aa-video-cta span {color: #fff;font-size: 14px;font-weight: 700;line-height: 1}

.aa-video-preview {margin-bottom: 35px;position: relative;width: 100%}

.aa-video-preview .play-icon {cursor: pointer;left: 50%;position: absolute;top: 50%;transform: translateY(-50%) translateX(-50%)}

.aa-video-preview .play-icon img {width: 70px}

@media screen and (max-width: 991px) {
  .aa-video-preview .play-icon img {width: 60px}
}

.aa-video-preview img {width: 100%}

.modal-video .close {opacity: 1;padding: 0 15px;position: absolute;right: 0;top: 0}

@media screen and (max-width: 991px) {
  .modal-video .close {padding-right: 10px}
}

.modal-video .close span {color: #fff;font-size: 45px;font-weight: 100}

@media screen and (max-width: 991px) {
  .modal-video .close span {font-size: 35px}
}

.modal-video .modal-body {border-radius: 0;padding: 0 0}

.modal-video .modal-content {border-radius: none;border: none}

.modal-video .modal-dialog {max-width: 1200px;width: 100%}

@media screen and (max-width: 1199px) {
  .modal-video .modal-dialog {max-width: 980px}
}

@media screen and (max-width: 991px) {
  .modal-video .modal-dialog {max-width: 750px}
}

.modal-video .modal-dialog .video-player {bottom: 0;left: 0;padding-top: 52.6%;position: relative;right: 0;top: 0;width: 100%}

.modal-video .modal-dialog .video-player iframe, .modal-video .modal-dialog .video-player video {height: 100%;left: 0;position: absolute;top: 0;width: 100%}

.modal-video.vertical .video-player {padding-top: 177.25%}

strong {
  font-weight: 700;
}