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

* {margin: 0;padding: 0}

.middle-image img {width: 100%}

.dermatologist-container {overflow: hidden;margin-top: 85px}

.dermatologist-image {position: relative;z-index: 1}

@media screen and (max-width: 991px) {
  .dermatologist-image {margin: 0 -15px}
}

.dermatologist-image::before {background-color: #55c9df;content: "";height: 100%;left: 50%;position: absolute;top: 0;transform: translateX(-50%);width: 100vw;z-index: -1}

@media screen and (max-width: 543px) {
  .dermatologist-image::before {content: none}
}

.dermatologist-image::after {background-image: url("/themes/custom/yves_rocher_theme/img/dermatologa/bg-dermatologist.png");background-position: top center;background-repeat: no-repeat;background-size: 1096px auto;content: "";height: 690px;left: 50%;position: absolute;top: 0;transform: translateY(-70px) translateX(-50%);width: 100vw;z-index: -1}

@media screen and (max-width: 1199px) {
  .dermatologist-image::after {background-size: 898px auto}
}

@media screen and (max-width: 991px) {
  .dermatologist-image::after {background-size: 950px auto}
}

@media screen and (max-width: 543px) {
  .dermatologist-image::after {content: none}
}

.dermatologist-image img {width: 100%}

.dermatologist-image-content {position: relative;min-height: calc(690px - 70px)}

@media screen and (max-width: 1199px) {
  .dermatologist-image-content {min-height: calc(551px - 55px)}
}

@media screen and (max-width: 991px) {
  .dermatologist-image-content {min-height: calc(583px - 55px)}
}

@media screen and (max-width: 543px) {
  .dermatologist-image-content {background-color: transparent;min-height: 0}
}

.dermatologist-image-content .cta-container {bottom: 0;cursor: pointer;left: 50%;position: absolute;text-align: center;transform: translateX(-50%) translateY(50%);z-index: 2;width: 100%}

@media screen and (max-width: 543px) {
  .dermatologist-image-content .cta-container {position: relative;transform: translateX(-50%) translateY(-50%)}
}

.dermatologist-image-content .cta-container.video a {pointer-events: none}

.dermatologist-image-content .cta-container a {background-color: #6f7e19;border-radius: 12px;color: #fff;display: inline-block;font-family: "Montserrat", sans-serif;font-size: 17px;font-weight: 700;padding: 15px 30px;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .dermatologist-image-content .cta-container a {border-radius: 7px;padding: 9px 30px;font-size: 14px}
}

.dermatologist-image-content .cta-container a:hover {text-decoration: none}

.dermatologist-image-comment {position: absolute}

.dermatologist-image-comment:nth-child(1) {left: 25%;top: 50%;transform: translateY(calc(-50% - 60px))}

.dermatologist-title {padding: 0 calc(25% - 30px);text-align: center}

@media screen and (max-width: 991px) {
  .dermatologist-title {padding: 0 calc(16.66% - 30px)}
}

@media screen and (max-width: 543px) {
  .dermatologist-title {padding: 0 0}
}

.dermatologist-title h2 {font-family: "Montserrat", sans-serif;font-size: 33px;font-weight: 500;margin-bottom: 30px;position: relative;text-transform: uppercase}

.dermatologist-title h2:after {background-color: #55c9df;bottom: -12px;content: "";height: 2px;left: 50%;position: absolute;transform: translateX(-50%);width: 60px}

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

.dermatologist-title p {font-family: "Montserrat", sans-serif;font-size: 15px;margin-bottom: 30px}

.dermatologist-title p span {font-weight: 700;display: block;text-transform: uppercase}

.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%}

.sub-head-section-caption {margin-top: 20px;text-align: center}

.sub-head-section-caption p {color: #c1c0c0;font-family: "Montserrat", sans-serif;font-size: 12px;font-weight: 500}

@media screen and (max-width: 543px) {
  .sub-head-section-caption p {font-size: 10px}
}

.sub-head-section-container {padding: 0 calc(25% + 45px);padding-top: 35px}

@media screen and (max-width: 1199px) {
  .sub-head-section-container {padding: 0 16.66%;padding-top: 35px}
}

@media screen and (max-width: 543px) {
  .sub-head-section-container {padding: 0 30px;padding-top: 25px}
}

.sub-head-section-steps {display: flex;flex-wrap: wrap;margin: 0 -30px}

.sub-head-section-steps .sub-head-section-step {padding: 0 30px;width: 33.33%}

@media screen and (max-width: 543px) {
  .sub-head-section-steps .sub-head-section-step {padding: 0 5px}
}

.sub-head-section-step-body {text-align: center}

.sub-head-section-step-body p {font-family: "Montserrat", sans-serif;font-size: 15px;font-weight: 500}

@media screen and (max-width: 543px) {
  .sub-head-section-step-body p {font-size: 14px}
}

.sub-head-section-step-image {display: flex;flex-wrap: wrap;justify-content: center}

@media screen and (max-width: 543px) {
  .sub-head-section-step-image img {height: 64px}
}

.sub-head-section-title {margin-bottom: 30px;text-align: center}

.sub-head-section-title h3 {color: #55c9df;font-family: "Montserrat", sans-serif;font-size: 33px;font-weight: 700;margin-bottom: 25px;text-transform: uppercase}

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

.sub-head-section-title p {font-family: "Montserrat", sans-serif;font-size: 15px;font-weight: 500}

@media screen and (max-width: 543px) {
  .sub-head-section-title p {font-size: 14px}
}

.results-body {padding: 0 16.66%;text-align: center}

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

@media screen and (max-width: 543px) {
  .results-body {padding: 0 15px}
}

.results-body p {font-family: "Montserrat", sans-serif;font-size: 15px;font-weight: 500;margin-top: 20px}

.results-body p a {color: #000;font-weight: 700;text-decoration: none}

.results-body p a:hover {color: #000;text-decoration: none}

.results-container {margin-top: 105px}

.results-image {margin-bottom: 20px;padding: 0 16.66%;position: relative}

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

@media screen and (max-width: 543px) {
  .results-image {display: flex;justify-content: center;flex-wrap: wrap;border-radius: 10px;overflow: hidden;margin: 0 15px;padding: 0 0}
}

.results-image img {width: 100%}

@media screen and (max-width: 543px) {
  .results-image img {height: 300px;width: auto}
}

.results-image .icon-play {cursor: pointer;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%)}

.results-image .icon-play img {width: 30px}

.results-title {text-align: center;padding: 0 calc(16.66% - 30px)}

@media screen and (max-width: 991px) {
  .results-title {padding: 0 calc(16.66% - 30px)}
}

@media screen and (max-width: 543px) {
  .results-title {padding: 0 0}
}

.results-title h2 {font-family: "Montserrat", sans-serif;font-size: 27px;font-weight: 500;margin-bottom: 30px;position: relative;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .results-title h2 {font-size: 20px;margin-bottom: 20px}
}

.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%}

.test-by-you-container {margin-top: 65px}

.test-by-you-content {margin: 0 -15px}

.test-by-you-title {text-align: center;padding: 0 calc(16.66% - 30px)}

@media screen and (max-width: 991px) {
  .test-by-you-title {padding: 0 calc(16.66% - 30px)}
}

@media screen and (max-width: 543px) {
  .test-by-you-title {padding: 0 0}
}

.test-by-you-title h2 {font-family: "Montserrat", sans-serif;font-size: 33px;font-weight: 500;margin-bottom: 30px;position: relative;text-transform: uppercase}

.test-by-you-title h2:after {background-color: #55c9df;bottom: -12px;content: "";height: 2px;left: 50%;position: absolute;transform: translateX(-50%);width: 60px}

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

.test-by-you-title p {font-family: "Montserrat", sans-serif;font-size: 15px;margin-bottom: 20px}

.test-by-you-title p span {font-weight: 700;display: block;text-transform: uppercase}

.test-by-you-title span {color: #c1c0c0;display: inline-block;font-family: "Montserrat", sans-serif;font-size: 12px;font-weight: 500;margin-bottom: 20px}

.test-by-you-title .test-by-you-title-image {margin-bottom: 30px}

.test-by-you-title .test-by-you-title-image img {width: 300px}

.test-by-you-item {padding: 0 20px}

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

.owl-dots {display: none;flex-wrap: wrap;justify-content: center;left: 0;position: absolute;bottom: -27px;width: 100%}

.owl-dots .owl-dot {opacity: 1}

.owl-dots .owl-dot.active span {background-color: #55c9df}

.owl-dots .owl-dot span {background-color: #000;border-radius: 50%;display: block;height: 9px;margin: 0 3px;width: 9px}

.vegetal-active-content {display: flex;flex-wrap: wrap;position: relative}

@media screen and (max-width: 543px) {
  .vegetal-active-content {margin: 0 -15px}
}

.vegetal-active-content .vegetal-active-info {left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%)}

@media screen and (max-width: 543px) {
  .vegetal-active-content .vegetal-active-info {transform: translate(-50%, calc(-50% - 10px))}
}

.vegetal-active-content .vegetal-active-info img {width: 100px}

@media screen and (max-width: 1199px) {
  .vegetal-active-content .vegetal-active-info img {width: 85px}
}

.vegetal-active-content .vegetal-active-item {background-size: cover;background-repeat: no-repeat;background-position: center;padding: 67px 62px;width: 50%}

@media screen and (max-width: 991px) {
  .vegetal-active-content .vegetal-active-item {width: 100%}
}

@media screen and (max-width: 543px) {
  .vegetal-active-content .vegetal-active-item {padding: 40px 12px}
}

.vegetal-active-content .vegetal-active-item:nth-child(1) {background-image: url("/themes/custom/yves_rocher_theme/img/dermatologa/vegetal-active-01.jpg")}

@media screen and (max-width: 543px) {
  .vegetal-active-content .vegetal-active-item:nth-child(1) {padding-bottom: 68px}
}

.vegetal-active-content .vegetal-active-item:nth-child(3) {background-image: url("/themes/custom/yves_rocher_theme/img/dermatologa/vegetal-active-02.jpg")}

@media screen and (max-width: 543px) {
  .vegetal-active-content .vegetal-active-item:nth-child(3) {padding-top: 68px}
}

.vegetal-active-content .vegetal-active-item-content {background-color: rgba(255, 255, 255, 0.9);border-radius: 20px;height: 100%;padding: 0 35px;padding-top: 72px;position: relative}

@media screen and (max-width: 543px) {
  .vegetal-active-content .vegetal-active-item-content {padding: 0 15px;padding-top: 40px}
}

.vegetal-active-content .vegetal-active-item-content h3 {color: #ba0f51;font-family: "Montserrat", sans-serif;font-size: 27px;font-weight: 700;text-align: center;text-transform: uppercase}

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

.vegetal-active-content .vegetal-active-item-content p {font-family: "Montserrat", sans-serif;font-size: 15px;font-weight: 500;padding-bottom: 35px;text-align: center}

@media screen and (max-width: 543px) {
  .vegetal-active-content .vegetal-active-item-content p {padding-bottom: 25px;font-size: 14px}
}

.vegetal-active-content .vegetal-active-item-content span {bottom: 10px;color: #c1c0c0;font-family: "Montserrat", sans-serif;font-size: 12px;font-weight: 500;left: 32px;position: absolute}

.vegetal-active-title {text-align: center}

.vegetal-active-title h2 {font-family: "Montserrat", sans-serif;font-size: 33px;font-weight: 500;margin-bottom: 60px;position: relative;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .vegetal-active-title h2 {margin-bottom: 30px}
}

.vegetal-active-title h2:after {background-color: #55c9df;bottom: -12px;content: "";height: 2px;left: 50%;position: absolute;transform: translateX(-50%);width: 60px}

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

.beauty-gives-container {margin-bottom: 60px;margin-top: 130px}

@media screen and (max-width: 543px) {
  .beauty-gives-container {margin-top: 70px}
}

.beauty-gives-content {padding: 0 8.33%}

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

@media screen and (max-width: 991px) {
  .beauty-gives-content {padding: 0 35px}
}

@media screen and (max-width: 543px) {
  .beauty-gives-content {padding: 0 15px}
}

.beauty-gives-image {display: flex;margin-bottom: 25px;justify-content: center}

.beauty-gives-image img {margin: 0 auto;width: 140px}

@media screen and (max-width: 543px) {
  .beauty-gives-image img {width: 120px}
}

.beauty-gives-title {text-align: center}

.beauty-gives-title h3 {color: #977c50;font-family: "Montserrat", sans-serif;font-size: 24px;font-weight: 700;margin-bottom: 30px;text-transform: uppercase}

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

.beauty-gives-title p {color: #000;font-family: "Montserrat", sans-serif;font-size: 18px;margin-bottom: 0}

@media screen and (max-width: 543px) {
  .beauty-gives-title p {font-size: 14px}
}

.event-container {padding: 0 8.33%}

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

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

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

.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: 543px) {
  .event-cta {bottom: 25px}
}

.event-cta a {background-color: #977c50;border-radius: 8px;color: #fff;cursor: pointer;display: inline-block;font-size: 14px;font-weight: 700;line-height: 1;padding: 12px 35px;text-transform: uppercase}

.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 {margin-bottom: 3px}

.event-date p {font-weight: 700}

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

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

.event-place p {font-weight: 700}

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

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

.event-item-content {border-radius: 30px;border: 2px solid #d4ba5b;height: 100%;overflow: hidden;padding: 40px 35px;padding-bottom: 113px}

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

.event-item-image {border-radius: 30px;margin-bottom: 20px;overflow: hidden;width: 100%}

@media screen and (max-width: 991px) {
  .event-item-image {border-radius: 20px}
}

@media screen and (max-width: 543px) {
  .event-item-image {border-radius: 15px}
}

.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 h3 {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-item-title h3 {font-size: 20px}
}

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

.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: #977c50;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}
}

@media screen and (max-width: 543px) {
  .aa-head-body {padding-top: 280px}
}

.aa-head-body-content {background-color: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px;padding: 40px 60px;padding-bottom: 0}

@media screen and (max-width: 991px) {
  .aa-head-body-content {padding: 30px 45px;padding-bottom: 0}
}

@media screen and (max-width: 543px) {
  .aa-head-body-content {padding: 10px 15px;padding-bottom: 0}
}

.aa-head-cards {align-items: flex-end;display: flex;flex-direction: column;flex-wrap: wrap;margin-bottom: 20px;padding-top: 35px}

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

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

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

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

.aa-head-cards .aa-head-cards-item.label {margin-bottom: 15px}

@media screen and (max-width: 543px) {
  .aa-head-cards .aa-head-cards-item.label {margin-bottom: 100px;padding-left: 10px;padding-top: 35px;width: 100%}
}

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

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

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

.aa-head-container {justify-content: center;align-items: flex-end;background-image: url("/themes/custom/yves_rocher_theme/img/beauty/aa-head.jpg");background-position: center -65px;background-repeat: no-repeat;background-size: cover;display: flex;flex-wrap: wrap;min-height: 85vh;position: relative;width: 100%}

@media screen and (min-width: 1600px) {
  .aa-head-container {background-position: center -105px}
}

@media screen and (max-width: 1199px) {
  .aa-head-container {min-height: auto}
}

@media screen and (max-width: 543px) {
  .aa-head-container {background-size: auto 410px;background-position: center 0}
}

.aa-head-content {padding: 0 13.75%}

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

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

@media screen and (max-width: 991px) {
  .aa-head-content {padding: 0 35px}
}

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

.aa-head-content h1 {color: #d4ba5b;font-family: "Montserrat", sans-serif;font-size: 54px;font-weight: 700;margin-bottom: 15px;text-align: center;text-transform: uppercase}

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

@media screen and (max-width: 543px) {
  .aa-head-content h1 {font-size: 28px}
}

.aa-head-content h3 {font-family: "Montserrat", sans-serif;font-size: 25px;font-weight: 700;margin-bottom: 15px;text-align: center;text-transform: uppercase}

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

@media screen and (max-width: 543px) {
  .aa-head-content h3 {font-size: 18px}
}

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

.aa-head-content span {display: inline-block;transform: translateY(100%);font-family: "Montserrat", sans-serif;font-size: 8px;text-align: center;width: 100%}

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

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

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

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

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

@media screen and (max-width: 1199px) {
  .aa-head-section .gamme-link::after {top: 18px}
}

@media screen and (max-width: 543px) {
  .aa-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}
}

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

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

.serum-container {padding: 0 16.66%}

@media screen and (min-width: 1600px) {
  .serum-container {padding: 0 25%}
}

@media screen and (max-width: 1199px) {
  .serum-container {padding: 0 8.33%}
}

@media screen and (max-width: 991px) {
  .serum-container {padding: 0 15px}
}

@media screen and (max-width: 543px) {
  .serum-container {padding: 0 10px}
}

.serum-content {display: flex;flex-wrap: wrap}

@media screen and (min-width: 1600px) {
  .serum-content {margin: 0 -60px}
}

.serum-item {padding: 0 45px;text-align: center;width: 50%}

@media screen and (max-width: 1199px) {
  .serum-item {padding: 0 35px}
}

@media screen and (max-width: 543px) {
  .serum-item {padding: 0 0;width: 100%}
}

@media screen and (max-width: 543px) {
  .serum-item.serum-day {padding-bottom: 75px}
}

.serum-item.serum-day .serum-item-title h2 {background-color: #cdb35e}

.serum-item.serum-night .serum-item-title h2 {background-color: #01376b}

.serum-item-list-row {align-items: center;display: flex;flex-wrap: wrap}

.serum-item-list-row .serum-item-list-item {text-align: left}

.serum-item-list-row .serum-item-list-item:first-child {width: 33.33%}

.serum-item-list-row .serum-item-list-item:last-child {width: 66.66%}

.serum-item-list-row .serum-item-list-item > span {color: #977c50;font-family: "Montserrat", sans-serif;font-size: 43px;font-weight: 700;text-align: left;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .serum-item-list-row .serum-item-list-item > span {font-size: 38px}
}

.serum-item-list-row .serum-item-list-item p {color: #000;font-family: "Montserrat", sans-serif;font-size: 18px;font-weight: 700 !important;margin-bottom: 0;text-align: left}

.serum-item-list-row .serum-item-list-item p span {display: inline-block;font-size: 8px;font-weight: 400;line-height: 1.2}

.serum-item-product {margin-top: -270px;position: relative}

@media screen and (max-width: 991px) {
  .serum-item-product {margin-top: -205px}
}

@media screen and (max-width: 543px) {
  .serum-item-product {margin-top: -295px}
}

.serum-item-product .serum-item-aideco-logo {bottom: 50px;position: absolute;right: 0}

@media screen and (max-width: 991px) {
  .serum-item-product .serum-item-aideco-logo {bottom: 35px}
}

@media screen and (max-width: 543px) {
  .serum-item-product .serum-item-aideco-logo {bottom: 50px}
}

.serum-item-product .serum-item-aideco-logo img {max-width: 120px;width: 9vw}

@media screen and (max-width: 1199px) {
  .serum-item-product .serum-item-aideco-logo img {width: 10vw}
}

@media screen and (max-width: 991px) {
  .serum-item-product .serum-item-aideco-logo img {width: 12.3vw}
}

@media screen and (max-width: 543px) {
  .serum-item-product .serum-item-aideco-logo img {width: 100px}
}

@media screen and (max-width: 330px) {
  .serum-item-product .serum-item-aideco-logo img {width: 95px}
}

.serum-item-product-image img {max-width: 100%;width: 265px}

@media screen and (max-width: 991px) {
  .serum-item-product-image img {width: 200px}
}

@media screen and (max-width: 543px) {
  .serum-item-product-image img {width: 265px}
}

.serum-item-title h2 {color: #fff;display: inline-block;font-family: "Montserrat", sans-serif;font-size: 28px;font-weight: 700;line-height: 1;margin-bottom: 15px;min-width: 278px;padding: 7px 20px;text-align: center;text-transform: uppercase}

.serum-item-title h4 {color: #000;font-family: "Montserrat", sans-serif;font-size: 18px;font-weight: 700;margin-bottom: 20px;text-transform: uppercase}

.serum-item-video video {width: 100%}

.serum-item-video .serum-item-video-content {border-radius: 40px;font-size: 0;line-height: 1;overflow: hidden}

.three-block-carousel-section {width: 100%}

.three-block-carousel-section .owl-dots {display: none;flex-wrap: wrap;justify-content: center;left: 0;top: -30px;position: relative;width: 100%}

@media screen and (max-width: 543px) {
  .three-block-carousel-section .owl-dots {position: absolute}
}

.three-block-carousel-section .owl-dots .owl-dot {opacity: 1}

.three-block-carousel-section .owl-dots .owl-dot.active {opacity: 0.3}

.three-block-carousel-section .owl-dots .owl-dot span {background-color: #000;border-radius: 50%;display: block;height: 11px;margin: 0 5px;width: 11px}

.three-block-carousel-section .three-block-carousel-container {overflow: hidden;padding-bottom: 75px;position: relative;z-index: 1}

@media screen and (max-width: 543px) {
  .three-block-carousel-section .three-block-carousel-container {padding-bottom: 0;padding-top: 45px}
}

.three-block-carousel-section .three-block-carousel-container::after, .three-block-carousel-section .three-block-carousel-container::before {content: none}

.three-block-carousel-section .three-block-carousel-container .three-block-carousel-item-image {border-radius: 30px;overflow: hidden}

.three-block-carousel-section .three-block-carousel-container .three-block-carousel-titles {padding-top: 0}

.three-block-carousel-section .three-block-carousel-container .three-block-carousel-titles h2 {margin-bottom: 0}

.three-block-carousel-section .three-block-carousel-container .three-block-carousel-titles p {font-size: 26px;font-weight: 500}

@media screen and (max-width: 543px) {
  .three-block-carousel-section .three-block-carousel-container .three-block-carousel-titles p {font-size: 12px}
}

.three-block-carousel-section .three-block-carousel-content {padding-top: 85px}

@media screen and (max-width: 543px) {
  .three-block-carousel-section .three-block-carousel-content {padding-top: 0}
}

.three-block-carousel-section .three-block-carousel-content.owl-carousel {position: relative}

@media screen and (max-width: 543px) {
  .three-block-carousel-section .three-block-carousel-content.owl-carousel {margin: 0 -15px;width: calc(100% + 30px)}
}

.three-block-carousel-section .three-block-carousel-content.owl-carousel .owl-item:nth-child(2) .item {padding-top: 0}

@media screen and (max-width: 543px) {
  .three-block-carousel-section .three-block-carousel-content.owl-carousel .owl-item.active .item .three-block-carousel-item-body {opacity: 1;margin: 0 -25px;transition: opacity 0.6s;transition-delay: 0.3s}
}

.three-block-carousel-section .three-block-carousel-content.owl-carousel .owl-item .item {padding: 0 10px;padding-top: 55px}

@media screen and (max-width: 543px) {
  .three-block-carousel-section .three-block-carousel-content.owl-carousel .owl-item .item {padding-top: 0;transition: all 0.2s;transition-delay: 0s}
}

.three-block-carousel-section .three-block-carousel-content.owl-carousel .owl-item .item .three-block-carousel-item-body {padding-top: 0}

@media screen and (max-width: 543px) {
  .three-block-carousel-section .three-block-carousel-content.owl-carousel .owl-item .item .three-block-carousel-item-body {opacity: 0;padding-top: 0;transition: opacity 0.2s;transition-delay: 0s}
}

.three-block-carousel-section .three-block-carousel-item-body a {color: #000;display: block;font-family: "Montserrat", sans-serif;font-size: 14px;margin-top: 15px;text-decoration: underline}

.three-block-carousel-section .three-block-carousel-item-body h3 {color: #000;font-family: "Montserrat", sans-serif;font-size: 20px;font-weight: bold;margin: 0 0;margin-bottom: 10px;text-transform: uppercase}

.three-block-carousel-section .three-block-carousel-item-body p {color: #000;font-family: "Montserrat", sans-serif;font-size: 14px;margin: 0 0}

.three-block-carousel-section .three-block-carousel-item-body p span {display: inline-block;font-size: 8px;width: 100%}

@media screen and (max-width: 543px) {
  .three-block-carousel-section .three-block-carousel-item-body {text-align: center}
}

.three-block-carousel-section .three-block-carousel-item-image {margin-bottom: 20px}

.three-block-carousel-section .three-block-carousel-titles {padding: 0 16.66%;padding-bottom: 55px;padding-top: 45px;text-align: center}

@media screen and (max-width: 543px) {
  .three-block-carousel-section .three-block-carousel-titles {padding: 0 15px;padding-top: 35px}
}

.three-block-carousel-section .three-block-carousel-titles h2 {color: #000;font-family: "Montserrat", sans-serif;font-size: 32px;font-weight: 700;margin: 0 0;margin-bottom: 35px;text-transform: uppercase}

.three-block-carousel-section .three-block-carousel-titles p {color: #000;font-family: "Montserrat", sans-serif;font-size: 18px;margin-bottom: 0}

.three-block-carousel-section .three-block-carousel-titles p b {text-transform: uppercase}

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

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

.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-cta {background-color: #977c50;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%}

@media screen and (max-width: 543px) {
  .aa-video-preview {display: none}
}

.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%}

@media screen and (min-width: 1200px) {
  .container {max-width: 1140px !important;}
}

body p {
  font-weight: 400 !important;
}

@media screen and (max-width: 543px) {
  .modal-video .modal-dialog {
    margin: 0;
  }
}