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

b, strong {
 font-weight: 700 !important;
}

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

.owl-carousel:not(.slider-with-nav) {
  overflow: visible !important;
}

.owl-carousel .owl-item {
  display: flex;
  justify-content: center;
}

* {margin: 0;padding: 0}

.main-cta {background-color: #e11622;border-radius: 13px;color: #fff;display: inline-block;font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 700;overflow: hidden;padding: 16px 45px;text-decoration: none;text-transform: uppercase}

.main-cta:hover {color: #fff;text-decoration: none}

.middle-image img {width: 100%}

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

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

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

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

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

.banner-attivo-boxes {display: flex;flex-wrap: wrap;justify-content: center;padding: 65px calc(16.66% - 30px) 0 calc(16.66% - 30px);width: 100%}

@media screen and (max-width: 1199px) {
  .banner-attivo-boxes {padding: 65px 8.33% 0 8.33%}
}

@media screen and (max-width: 991px) {
  .banner-attivo-boxes {padding: 65px 15px 0 15px}
}

@media screen and (max-width: 543px) {
  .banner-attivo-boxes {padding: 45px 10px 0 10px}
}

.banner-attivo-box {padding: 0 9px;width: 50%}

@media screen and (max-width: 543px) {
  .banner-attivo-box {margin-bottom: 12px;width: 100%}
}

@media screen and (max-width: 543px) {
  .banner-attivo-box:last-child {margin-bottom: 0}
}

.banner-attivo-box-content {background-color: #fff;border-radius: 22px;height: 100%;padding: 35px 20px;overflow: hidden}

@media screen and (max-width: 543px) {
  .banner-attivo-box-content {padding: 20px 15px}
}

.banner-attivo-box-content h3 {color: #e11622;font-family: "Montserrat", sans-serif;font-size: 27px;font-weight: 700;line-height: 1;margin-bottom: 0;text-align: center;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .banner-attivo-box-content h3 {font-size: 16px;font-weight: 700}
}

.banner-attivo-box-content p {color: #000;font-family: "Montserrat", sans-serif;font-size: 18px;font-weight: 400;line-height: 1.4;margin-bottom: 0;padding: 0 30px;padding-top: 15px;text-align: center}

@media screen and (max-width: 1199px) {
  .banner-attivo-box-content p {padding: 0 15px;padding-top: 15px}
}

@media screen and (max-width: 543px) {
  .banner-attivo-box-content p {font-size: 14px;padding: 0 0;padding-top: 10px}
}

.banner-attivo-container {background-image: url("/themes/custom/yves_rocher_theme/img/aceto-balsamico/bg-banner-attivi.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;padding: 65px 8.33%}

@media screen and (max-width: 1199px) {
  .banner-attivo-container {padding: 65px 30px}
}

@media screen and (max-width: 543px) {
  .banner-attivo-container {padding: 45px 15px}
}

.banner-attivo-content {align-items: center;display: flex;flex-wrap: wrap;justify-content: center}

.banner-attivo-picto {width: 110px}

.banner-attivo-picto img {width: 100%}

.banner-attivo-titles {align-items: center;display: flex;flex-direction: column;flex-wrap: wrap;margin-top: 40px;text-align: center;width: 100%}

.banner-attivo-titles h2 {background-color: #e11622;color: #fff;display: inline-block;font-family: "Montserrat", sans-serif;font-size: 40px;font-weight: 700;line-height: 1;margin-bottom: 0;padding: 8px 45px;text-transform: uppercase}

@media screen and (max-width: 1300px) {
  .banner-attivo-titles h2 {font-size: 32px}
}

@media screen and (max-width: 543px) {
  .banner-attivo-titles h2 {font-size: 18px;padding: 8px 12px}
}

.banner-attivo-titles h4 {background-color: #e11622;color: #fff;display: inline-block;font-family: "Montserrat", sans-serif;font-size: 18px;font-weight: 700;margin-bottom: 0;margin-top: 8px;padding: 8px 45px;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .banner-attivo-titles h4 {font-size: 14px;padding: 8px 15px}
}

.banner-package-container {padding-top: 105px}

@media screen and (max-width: 991px) {
  .banner-package-container {padding-top: 95px}
}

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

.banner-package-content {align-items: flex-end;background-image: url("/themes/custom/yves_rocher_theme/img/aceto-balsamico/bg-panner-package.jpg");background-position: right center;background-repeat: no-repeat;background-size: cover;display: flex;flex-wrap: wrap;justify-content: space-between;min-height: 600px;padding: 0 8.33%;width: 100%}

@media screen and (max-width: 991px) {
  .banner-package-content {flex-direction: column;justify-content: flex-end;min-height: 460px}
}

@media screen and (max-width: 543px) {
  .banner-package-content {min-height: 300px;padding: 0 15px}
}

.banner-package-title {padding: 0 8.33%}

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

.banner-package-title h3 {color: #000;font-family: "Montserrat", sans-serif;font-size: 27px;font-weight: 700;margin-bottom: 45px;line-height: 1.1;text-align: center;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .banner-package-title h3 {font-size: 18px;margin-bottom: 15px}
}

.cta-block {margin-bottom: 95px}

@media screen and (max-width: 991px) {
  .cta-block {margin-bottom: -90px;margin-top: 15px;text-align: center;width: 100%}
}

@media screen and (max-width: 543px) {
  .cta-block .main-cta {padding: 16px 10px;width: 100%}
}

.package-block {transform: translateY(30px);width: 50%}

@media screen and (max-width: 991px) {
  .package-block {transform: translateY(0)}
}

@media screen and (max-width: 543px) {
  .package-block {width: 66.66%}
}

.package-block-image {max-width: 510px;width: 100%}

.package-block-image img {width: 100%}

.centered-text-content {padding: 0 8.33%;padding-top: 105px;text-align: center}

@media screen and (max-width: 991px) {
  .centered-text-content {padding: 0 15px;padding-top: 85px}
}

@media screen and (max-width: 543px) {
  .centered-text-content {padding-top: 65px}
}

.centered-text-content h2 {color: #e11622;font-family: "Montserrat", sans-serif;font-size: 27px;font-weight: 700;margin: 0 0;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .centered-text-content h2 {font-size: 18px}
}

.centered-text-content h4 {color: #000;font-family: "Montserrat", sans-serif;font-size: 18px;font-weight: 400;margin: 0 0;margin-top: 15px}

@media screen and (max-width: 543px) {
  .centered-text-content h4 {font-size: 16px;margin-top: 12px}
}

.centered-text-content p {color: #000;font-family: "Montserrat", sans-serif;font-size: 14px;font-weight: 400;line-height: 1.4;margin: 0 0;margin-top: 20px}

@media screen and (max-width: 543px) {
  .centered-text-content p {margin-top: 15px}
}

.commit-section {font-family: "Montserrat", sans-serif;width: 100%;padding: 16px;background: #fff url("/themes/custom/yves_rocher_theme/img/aceto-balsamico/commit_bg.png") center top no-repeat;background-size: 100% auto;margin-top: 35px}

.commit-section b, .commit-section strong {font-weight: bold}

@media screen and (max-width: 1023px) {
  .commit-section {margin-bottom: 60px;background-size: auto 100%}
}

@media screen and (min-width: 768px) {
  .commit-section {background-size: auto 100%}
}

@media screen and (min-width: 1200px) {
  .commit-section {background-size: 100% auto}
}

.commit-section h2 {font-size: 25px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.28;letter-spacing: normal;text-align: center;color: #000;text-transform: uppercase;margin-bottom: 16px}

@media screen and (max-width: 650px) {
  .commit-section-items {width: 317px;margin: 0 auto}
}

@media screen and (min-width: 651px) and (max-width: 1023px) {
  .commit-section-items {width: 670px;margin: 0 auto}
}

@media screen and (min-width: 1024px) {
  .commit-section-items {display: flex !important;justify-content: center;gap: 16px;flex-wrap: wrap;padding: 8px 0}
}

.commit-section-item {width: 317px;min-height: 144px;display: flex;align-items: center;flex-wrap: wrap;gap: 16px;border-radius: 29px;border: solid 3px #fff;background-color: rgba(255, 255, 255, 0.65);color: #000;padding: 2px 12px 2px 24px;position: relative}

.commit-section-item img {display: block;width: 60px !important}

.commit-section-item-texts {width: calc(100% - 80px);padding: 15px 0}

.commit-section-item-text {font-size: 20px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: left;color: #000;margin-bottom: 0.2em}

.commit-section-item-text-small {font-size: 12px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.25;letter-spacing: normal;text-align: left;color: #000;margin: 0;position: absolute;z-index: 2;bottom: 7px;left: 98px}

@media screen and (max-width: 1023px) {
  .commit-section .owl-dots {position: relative;top: 42px}
}

@media screen and (min-width: 1024px) and (max-width: 1360px) {
  .commit-section-item {width: 22vw;gap: 1.5vw;padding: 0.2vw 1vw}
  .commit-section-item img {width: 5vw !important}
  .commit-section-item-texts {width: 12vw;padding: 0.9vw 0}
  .commit-section-item-text {font-size: 1.3vw;line-height: 1.25}
  .commit-section-item-text-small {font-size: 0.9vw;line-height: 1.25;left: 7.2vw}
}

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

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

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

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

.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: #e11622;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 span img, .event-detail span img, .event-place span img {width: 15px !important}

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

.event-date {margin-bottom: 10px}

.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 #b11147;height: 100%;overflow: hidden;padding: 40px 35px}

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

.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: #000;font-family: "Montserrat", sans-serif;font-size: 27px;font-weight: 700;margin-bottom: 15px;text-align: center;text-transform: uppercase}

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

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

.aceto-product-section {width: 100%}

.aceto-product-caption {padding: 0 65px}

@media screen and (max-width: 991px) {
  .aceto-product-caption {padding: 0 0;padding-top: 15px}
}

.aceto-product-caption p {font-family: "Montserrat", sans-serif;font-size: 8px;margin-bottom: 0}

.aceto-product-container {position: relative;overflow: hidden}

@media screen and (max-width: 991px) {
  .aceto-product-container .container {max-width: 100%}
}

.aceto-product-content .bollo-image {left: 50px;position: absolute;top: 60px;z-index: 2}

.aceto-product-content .bollo-image img {max-width: 125px;width: 8.5vw}

@media screen and (max-width: 991px) {
  .aceto-product-content .bollo-image img {width: 80px}
}

.aceto-product-content > .aceto-product-title {display: none}

@media screen and (max-width: 543px) {
  .aceto-product-content > .aceto-product-title {display: block;width: 100%}
}

.aceto-product-content .float-content {bottom: 60px;display: flex;flex-wrap: wrap;max-width: 210px;left: 50px;position: absolute;width: 15vw}

@media screen and (max-width: 991px) {
  .aceto-product-content .float-content {width: 20vw}
}

@media screen and (max-width: 543px) {
  .aceto-product-content .float-content {bottom: 25px;width: 140px}
}

.aceto-product-content .float-content .float-content-item {padding: 0 7px;text-align: center;width: 50%;z-index: 2}

.aceto-product-content .float-content .float-content-item h3 {color: #e11622;font-family: "Montserrat", sans-serif;font-size: 3.47vw;margin-bottom: 0;vertical-align: middle}

@media screen and (min-width: 1600px) {
  .aceto-product-content .float-content .float-content-item h3 {font-size: 50px}
}

@media screen and (max-width: 1199px) {
  .aceto-product-content .float-content .float-content-item h3 {font-size: 50px}
}

@media screen and (max-width: 991px) {
  .aceto-product-content .float-content .float-content-item h3 {font-size: 35px}
}

.aceto-product-content .float-content .float-content-item h3 span {font-size: 1.38vw;vertical-align: middle}

@media screen and (min-width: 1600px) {
  .aceto-product-content .float-content .float-content-item h3 span {font-size: 20px}
}

@media screen and (max-width: 1199px) {
  .aceto-product-content .float-content .float-content-item h3 span {font-size: 20px}
}

@media screen and (max-width: 991px) {
  .aceto-product-content .float-content .float-content-item h3 span {font-size: 18px}
}

.aceto-product-content .float-content .float-content-item img {width: 100%}

.aceto-product-content .float-content .float-content-item p {font-size: 0.83vw;margin-bottom: 5px}

@media screen and (min-width: 1600px) {
  .aceto-product-content .float-content .float-content-item p {font-size: 12px}
}

@media screen and (max-width: 1199px) {
  .aceto-product-content .float-content .float-content-item p {font-size: 12px}
}

@media screen and (max-width: 991px) {
  .aceto-product-content .float-content .float-content-item p {margin: 0 -5px;margin-bottom: 5px;font-size: 10px}
}

@media screen and (max-width: 543px) {
  .aceto-product-content > .float-content {display: none}
}

.aceto-product-item {align-items: center;display: flex;flex-wrap: wrap;margin-bottom: 15px;position: relative;z-index: 1}

@media screen and (min-width: 1600px) {
  .aceto-product-item {min-height: 800px}
}

@media screen and (max-width: 991px) {
  .aceto-product-item {flex-direction: column-reverse}
}

.aceto-product-item::after {background-color: rgba(225, 22, 34, 0.15);content: "";height: 100%;left: 50%;position: absolute;top: 0;transform: translateX(-50%);width: 100vw;z-index: -1}

.aceto-product-item .aceto-product-body {margin-right: -8.33%;padding: 30px 0;padding-top: 95px;width: 58.33%}

@media screen and (max-width: 1199px) {
  .aceto-product-item .aceto-product-body {padding-top: 55px}
}

@media screen and (max-width: 991px) {
  .aceto-product-item .aceto-product-body {margin-right: 0;padding-left: 0;padding-top: 45px;width: calc(75% + 30px)}
}

@media screen and (max-width: 543px) {
  .aceto-product-item .aceto-product-body {margin-right: 30px;padding-top: 25px;width: 100%}
}

.aceto-product-item .aceto-product-body-content {padding: 0 60px;padding-bottom: 15px}

@media screen and (max-width: 991px) {
  .aceto-product-item .aceto-product-body-content {padding: 25px 0px 10px 0}
}

.aceto-product-item .aceto-product-body-content h4 {color: #000;font-family: "Montserrat", sans-serif;font-size: 25px;font-weight: 500;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .aceto-product-item .aceto-product-body-content h4 {font-size: 22px}
}

.aceto-product-item .aceto-product-body-content p {color: #000;font-family: "Montserrat", sans-serif;font-size: 14px}

@media screen and (max-width: 543px) {
  .aceto-product-item .aceto-product-body-content p {font-size: 12px}
}

.aceto-product-item .aceto-product-body-content .cta-container a {background-color: #e11622;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}

.aceto-product-item .aceto-product-image {align-items: center;display: flex;flex-wrap: wrap;width: 50%}

@media screen and (max-width: 991px) {
  .aceto-product-item .aceto-product-image {margin: 0 -15px;position: relative;width: calc(100% + 30px)}
}

@media screen and (max-width: 543px) {
  .aceto-product-item .aceto-product-image {left: -15px}
}

.aceto-product-item .aceto-product-image::after {background-image: url("/themes/custom/yves_rocher_theme/img/aceto-balsamico/trattamento-bg.jpg");background-position: right bottom;background-repeat: no-repeat;background-size: cover;content: "";height: 100%;position: absolute;right: 50%;top: 0;width: 50vw}

@media screen and (max-width: 991px) {
  .aceto-product-item .aceto-product-image::after {content: none}
}

.aceto-product-item .aceto-product-image img {max-width: 100%;opacity: 0}

.aceto-product-item .aceto-product-image img.hide-mobile {display: none}

@media screen and (min-width: 543px) {
  .aceto-product-item .aceto-product-image img.hide-mobile {display: block}
}

.aceto-product-item .aceto-product-image img.show-mobile {display: none}

@media screen and (max-width: 543px) {
  .aceto-product-item .aceto-product-image img.show-mobile {display: block}
}

@media screen and (max-width: 991px) {
  .aceto-product-item .aceto-product-image img {opacity: 1}
}

.aceto-product-item .aceto-product-image > .float-content {display: none}

@media screen and (max-width: 543px) {
  .aceto-product-item .aceto-product-image > .float-content {display: flex}
}

.aceto-product-item .aceto-product-image .picto-content {left: 0;max-width: 300px;position: absolute;top: 40px;transform: translateX(-25%);width: 21.25vw;z-index: 1}

@media screen and (min-width: 1600px) {
  .aceto-product-item .aceto-product-image .picto-content {transform: translateX(-75%)}
}

@media screen and (max-width: 1300px) {
  .aceto-product-item .aceto-product-image .picto-content {transform: translateX(0)}
}

@media screen and (max-width: 991px) {
  .aceto-product-item .aceto-product-image .picto-content {left: 30px;width: 300px}
}

@media screen and (max-width: 543px) {
  .aceto-product-item .aceto-product-image .picto-content {left: 15px;width: 50%}
}

.aceto-product-item .aceto-product-image .picto-content img {opacity: 1}

.aceto-product-item .image-list-content {position: relative;width: 100%;z-index: 1}

.aceto-product-item .image-list-content ul {padding-right: 30px}

.aceto-product-item .image-list-content ul li {color: #fff;font-family: "Montserrat", sans-serif;font-size: 16px;font-weight: 700;list-style-type: none;padding: 15px 0;text-align: right;text-shadow: 0px 3px 6px rgba(225, 22, 34, 0.5)}

.aceto-product-item .image-list-content ul li span {border-top: 1px solid #fff;display: inline-block;padding: 3px 0}

.aceto-product-percent {display: flex;flex-wrap: wrap;padding: 0 45px;padding-bottom: 25px}

@media screen and (max-width: 991px) {
  .aceto-product-percent {padding: 0 0}
}

@media screen and (max-width: 543px) {
  .aceto-product-percent {margin: 0 -7px}
}

.aceto-product-percent-item {padding: 0 7px;width: 33.33%}

@media screen and (max-width: 991px) {
  .aceto-product-percent-item {padding: 0 10px}
}

@media screen and (max-width: 543px) {
  .aceto-product-percent-item {margin-bottom: 15px;padding: 0 5px}
}

.aceto-product-percent-item-content {background-color: #fff;border-radius: 20px;height: 100%;padding: 20px 5px;text-align: center}

.aceto-product-percent-item-content h3 {font-family: "Montserrat", sans-serif;font-size: 12px;margin: 0 0;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .aceto-product-percent-item-content h3 {font-size: 12px}
}

@media screen and (max-width: 543px) {
  .aceto-product-percent-item-content h3 {font-size: 10px}
}

.aceto-product-percent-item-content p {font-family: "Montserrat", sans-serif;font-size: 12px;margin: 0 0}

.aceto-product-percent-item-content .number {color: #e11622;font-family: "Montserrat", sans-serif;font-size: 45px;font-weight: 500}

@media screen and (max-width: 991px) {
  .aceto-product-percent-item-content .number {font-size: 32px}
}

@media screen and (max-width: 543px) {
  .aceto-product-percent-item-content .number {font-size: 25px}
}

.aceto-product-title {padding: 0 65px}

@media screen and (max-width: 991px) {
  .aceto-product-title {padding: 0 0}
}

.aceto-product-title h2 {color: #e11622;font-family: "Montserrat", sans-serif;font-size: 32px;font-weight: bold;margin: 0 0;margin-bottom: 15px;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .aceto-product-title h2 {margin-bottom: 25px}
}

@media screen and (max-width: 543px) {
  .aceto-product-title h2 {font-size: 18px;margin-bottom: 15px;text-align: left}
}

.aceto-product-title h3 {color: #e11622;font-family: "Montserrat", sans-serif;font-size: 18px;font-weight: 700;text-transform: uppercase}

@media screen and (max-width: 543px) {
  .aceto-product-title h3 {font-size: 14px}
}

.aceto-product-title h4 {color: #000;font-family: "Montserrat", sans-serif;font-size: 24px;font-weight: 400;margin: 0 0;margin-bottom: 20px}

.aceto-product-title p {color: #000;font-family: "Montserrat", sans-serif;font-size: 14px;margin: 0 0;margin-bottom: 15px}

@media screen and (max-width: 991px) {
  .aceto-product-title p {font-size: 12px;margin-bottom: 15px}
}

.aceto-product-title p span {border-bottom: 1px solid #000;display: block;font-size: 16px;font-weight: bold;margin-bottom: 5px;text-transform: uppercase;width: 100%}

.aceto-product-carosuel .owl-dots {top: -35px}

.aceto-product-carosuel .owl-nav {display: flex;flex-wrap: wrap;justify-content: space-between;left: 50%;padding: 0 10px;position: absolute;top: calc(50% - 48px);transform: translate(-50%, -50%);width: 100%}

.aceto-product-carosuel .owl-nav .owl-next img, .aceto-product-carosuel .owl-nav .owl-prev img {width: 24px}

@media screen and (max-width: 543px) {
  .aceto-product-carosuel-item {padding: 0 50px}
}

.aceto-product-carosuel-item-body {padding-top: 15px;text-align: center}

.aceto-product-carosuel-item-body h4 {color: #000;font-family: "Montserrat", sans-serif;font-size: 20px;font-weight: bold;margin: 0 0;text-transform: uppercase}

.aceto-product-carosuel-item-body h4 a {color: #000}

.aceto-product-carosuel-item-body h4 a:hover {color: #000}

.aceto-product-carosuel-title {padding-bottom: 80px;text-align: center}

.aceto-product-carosuel-title h2 {color: #000;font-family: "Montserrat", sans-serif;font-size: 32px;font-weight: bold;margin: 0 0}

.aceto-product-carosuel-title h4 {color: #000;font-family: "Montserrat", sans-serif;font-size: 18px;margin: 0 0}

.aceto-product-carosuel-content {max-width: calc(100vw - 17px);overflow: hidden;padding-bottom: 90px;padding-top: 45px}

@media screen and (max-width: 1199px) {
  .aceto-product-carosuel-content {max-width: 100vw}
}

.aa-head-body {position: relative;z-index: 2}

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

.aa-head-body-content {background-color: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px;margin-bottom: -65px;padding: 40px 95px;padding-bottom: 0;position: relative;text-align: center;z-index: 2}

@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-body-content h2 {color: #e11622;font-family: "Montserrat", sans-serif;font-size: 27px;font-weight: 700;letter-spacing: -0.2px;text-align: center;text-transform: uppercase}

@media screen and (max-width: 991px) {
  .aa-head-body-content h2 {font-size: 24px}
}

@media screen and (max-width: 543px) {
  .aa-head-body-content h2 {font-size: 15px;padding: 0 16.66%}
}

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

.aa-head-body-content h3 {border-bottom: 3px solid #000;border-top: 3px solid #000;font-family: "Montserrat", sans-serif;font-size: 25px;font-weight: 700;margin: 0 5px;margin-top: 20px;max-width: 870px;padding: 10px 0;padding-left: 65px;position: relative;text-align: center;text-transform: uppercase}

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

@media screen and (max-width: 991px) {
  .aa-head-body-content h3 {padding: 10px 65px}
}

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

.aa-head-body-content h3 div {display: inline;text-align: left;position: relative}

@media screen and (max-width: 991px) {
  .aa-head-body-content h3 div {display: inline-block;transform: translateX(32.5px)}
}

.aa-head-body-content h3 span {background-color: #fff;color: #e11622;display: inline-block;font-family: "Montserrat", sans-serif;font-size: 65px;line-height: 30px;margin: 0 5px;padding: 0 5px;position: relative;transform: translateY(12px);vertical-align: text-top;z-index: 1}

.aa-head-body-content h3 span:first-child {left: 0;position: absolute;top: 0;transform: translateY(12px) translateX(-65px)}

.aa-head-body-content h3 span:first-child::after {content: none}

.aa-head-body-content h3 span::after {background-color: #fff;content: "";height: 65px;left: 50%;position: absolute;top: 50%;transform: translateY(-50%) translateX(-50%);width: calc(100% + 10px);z-index: -1}

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

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

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

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

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

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

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

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

.aa-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) {
  .aa-head-cards {padding-left: 15px}
}

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

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

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

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

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

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

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

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

.aa-head-cards .aa-head-cards-item.body .news {border: 1px solid #e11622;background-color: #e11622;color: #fff;display: inline-block;font-family: "Montserrat", 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) {
  .aa-head-cards .aa-head-cards-item.body .news {margin-top: 15px}
}

.aa-head-cards .aa-head-cards-item.body h2 {color: #e11622;font-family: "Montserrat", sans-serif;font-size: 30px;font-weight: 700;text-transform: uppercase}

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

.aa-head-cards .aa-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) {
  .aa-head-cards .aa-head-cards-item.body h3 {font-size: 12px}
}

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

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

.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: 110px}
}

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

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

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

.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: 80px}
}

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

.aa-head-container {align-items: flex-end;background-image: url("/themes/custom/yves_rocher_theme/img/aceto-balsamico/ac-head.jpg");background-position: top center;background-repeat: no-repeat;background-size: auto 800px;display: flex;flex-wrap: wrap;height: 800px;position: relative;width: 100%}

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

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

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

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

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

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

.aa-head-content h1 {color: #e11622;font-family: "Montserrat", sans-serif;font-size: 54px;font-weight: 700;margin-bottom: 5px;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: 7vw}
}

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

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

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

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

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

@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/aceto-balsamico/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: 2px}
}

@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}
}

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

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

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

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

.side-image-text-container {padding-top: 105px}

@media screen and (max-width: 991px) {
  .side-image-text-container {padding-top: 95px}
}

@media screen and (max-width: 543px) {
  .side-image-text-container {padding-top: 60px}
}

.side-image-text-content {align-items: center;display: flex;flex-wrap: wrap}

.side-image {padding: 0 36px;width: 50%}

@media screen and (max-width: 991px) {
  .side-image {padding: 0 20px}
}

@media screen and (max-width: 543px) {
  .side-image {width: 100%}
}

.side-image-content {border-radius: 24px;overflow: hidden;width: 100%}

.side-image-content img {width: 100%}

.side-text {padding: 0 36px;width: 50%}

@media screen and (max-width: 991px) {
  .side-text {padding: 0 20px}
}

@media screen and (max-width: 543px) {
  .side-text {padding-top: 40px;width: 100%}
}

.side-text-content h3 {color: #000;font-family: "Montserrat", sans-serif;font-size: 32px;font-weight: 700;line-height: 1.1;margin: 0 0}

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

@media screen and (max-width: 543px) {
  .side-text-content h3 {font-size: 18px;text-align: center}
}

.side-text-content p {color: #000;font-family: "Montserrat", sans-serif;font-size: 16px;font-weight: 400;line-height: 1.4;margin: 0 0;margin-top: 32px}

@media screen and (max-width: 543px) {
  .side-text-content p {font-size: 14px;margin-top: 10px;text-align: center}
}

.side-text-content p a {color: #e11622;text-decoration: underline}

.side-text-content p a:hover {color: #e11622}

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

.three-block-carousel-section .owl-dots {display: flex;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: 0}

@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;position: relative}

.three-block-carousel-section .three-block-carousel-item-image .play-icon {cursor: pointer;left: 50%;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 70px}

@media screen and (max-width: 991px) {
  .three-block-carousel-section .three-block-carousel-item-image .play-icon {width: 45px}
}

.three-block-carousel-section .three-block-carousel-item-image .play-icon img {width: 100%}

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

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

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

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

.aa-video-cta {background-color: #fff;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: 115px;position: relative;width: 100%}

@media screen and (max-width: 1199px) {
  .aa-video-preview {margin-bottom: 105px}
}

@media screen and (max-width: 543px) {
  .aa-video-preview {margin-bottom: 85px}
}

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