/***
*** Media query ***
***/
/***
*** Grid system ***
***/
/***
*** Colors ***
***/
/* Secondary colors */
/* Grey scale */
/* Functional colors */
/* Benefeet color */
/*
* Altezza bottoni
* 3 tipologia: default, big, small
*/
/*
* Mixin reverse
*/
/*
* Header style mixin: trasparent header and gradient
*/
/*
* Font setting
* Size, weight, line-height, letter-spacing
*/
/***
*** Font import on htmlHead.isml with preload ***
*** Font family: Open Sans
*** Font weight: 400, 600, 700
***/
body {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: normal; }
@media (min-width: 768px) and (max-width: 1279px), (max-width: 767px) {
body {
font-size: 14px; } }
/***
*** Heading Desktop***
***/
h1,
.h1 {
font-size: 72px !important;
font-weight: 400;
line-height: 120%;
letter-spacing: normal; }
h1.h1-bold,
.h1.h1-bold {
font-weight: 600; }
h2,
.h2 {
font-size: 48px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
h2.h2-bold,
.h2.h2-bold {
font-weight: 600; }
h3,
.h3 {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
h3.h3-bold,
.h3.h3-bold {
font-weight: 600; }
h4,
.h4 {
font-size: 32px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
h4.h4-bold,
.h4.h4-bold {
font-weight: 600; }
h5,
.h5 {
font-size: 24px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
h5.h5-bold,
.h5.h5-bold {
font-weight: 700; }
h6,
.h6 {
font-size: 20px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal; }
h6.h6-bold,
.h6.h6-bold {
font-weight: 700; }
/***
*** Heading Mobile ***
*** Only font-size changes between desktop and mobile heading, define mobile font-size with "!important" to oveeride values set by font-size-custom mixin
***/
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
h1,
.h1 {
font-size: 40px !important; }
h2,
.h2 {
font-size: 32px !important; }
h3,
.h3 {
font-size: 28px !important; }
h4,
.h4 {
font-size: 24px !important; }
h5,
.h5 {
font-size: 20px !important; }
h6,
.h6 {
font-size: 16px !important; } }
/***
*** Body Text ***
*** Default font text: .font-m desktop, .font-s mobile ***
***/
.font-xl {
font-size: 20px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; }
.font-l {
font-size: 18px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; }
.font-m {
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; }
.font-s {
font-size: 14px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; }
/***
*** Link Text ***
***/
.link-font-xl {
font-size: 20px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.8px; }
.link-font-l {
font-size: 18px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.72px; }
.link-font-m {
font-size: 16px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.64px; }
.link-font-s {
font-size: 14px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.56px; }
.link-font-xs {
font-size: 12px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.48px; }
/***
*** Link Text Mobile ***
*** Usage: add Link Text Mobile class to Link Text class to change mobile font-size for links
*** Example: <a class="link-font-xl link-font-mobile-m">
***/
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.link-font-mobile-xl {
font-size: 20px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.8px; }
.link-font-mobile-l {
font-size: 18px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.72px; }
.link-font-mobile-m {
font-size: 16px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.64px; }
.link-font-mobile-s {
font-size: 14px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.56px; }
.link-font-mobile-xs {
font-size: 12px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: 0.48px; } }
/***
*** Label Text ***
***/
.label-font-xl {
font-size: 20px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; }
.label-font-semibold-xl {
font-size: 20px !important;
font-weight: 600;
line-height: 150%;
letter-spacing: normal; }
.label-font-bold-xl {
font-size: 20px !important;
font-weight: 700;
line-height: 150%;
letter-spacing: normal; }
.label-font-l {
font-size: 16px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.label-font-semibold-l {
font-size: 16px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal; }
.label-font-bold-l {
font-size: 16px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
.label-font-m {
font-size: 14px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.label-font-semibold-m {
font-size: 14px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal; }
.label-font-bold-m {
font-size: 14px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
.label-font-s {
font-size: 12px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal; }
.label-font-semibold-s {
font-size: 12px !important;
font-weight: 600;
line-height: 140%;
letter-spacing: normal; }
.label-font-bold-s {
font-size: 12px !important;
font-weight: 700;
line-height: 140%;
letter-spacing: normal; }
.label-font-xs {
font-size: 10px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; }
.label-font-semibold-xs {
font-size: 10px !important;
font-weight: 600;
line-height: 150%;
letter-spacing: normal; }
@media (min-width: 768px) and (max-width: 1279px), (max-width: 767px) {
.label-font-xl {
font-size: 16px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.label-font-semibold-xl {
font-size: 16px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal; }
.label-font-bold-xl {
font-size: 16px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
.label-font-l {
font-size: 14px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.label-font-semibold-l {
font-size: 14px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal; }
.label-font-bold-l {
font-size: 14px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
.label-font-m {
font-size: 12px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal; }
.label-font-semibold-m {
font-size: 12px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal; }
.label-font-bold-m {
font-size: 12px !important;
font-weight: 700;
line-height: 140%;
letter-spacing: normal; }
.label-font-s {
font-size: 10px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; }
.label-font-semibold-s {
font-size: 10px !important;
font-weight: 600;
line-height: 150%;
letter-spacing: normal; }
.label-font-bold-s {
font-size: 10px !important;
font-weight: 700;
line-height: 150%;
letter-spacing: normal; }
.label-font-xs {
font-size: 8px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; }
.label-font-semibold-xs {
font-size: 8px !important;
font-weight: 600;
line-height: 150%;
letter-spacing: normal; } }
/***
*** Editorial Paragraph Text ***
***/
.p-font-m {
font-size: 16px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; }
.p-font-m > p {
font-size: inherit; }
.p-font-l {
font-size: 18px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; }
.p-font-l > p {
font-size: inherit; }
@media (min-width: 768px) and (max-width: 1279px), (max-width: 767px) {
.p-font-m {
font-size: 16px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; }
.p-font-l {
font-size: 16px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; } }
/***
*** Color text ***
***/
.text-green {
color: #1B8847; }
.text-red {
color: #EA4159; }
.editorial-container .category-top-bar,
.editorial-container .category-top-bar-mobile {
margin-top: 8px; }
.imageContainer[data-href],
.imageContainer img[data-href],
.imageLink {
cursor: pointer; }
.trueFitContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
background-color: #ECECEC;
padding: 56px 0;
margin: 16px -80px 0; }
@media (min-width: 768px) and (max-width: 1279px) {
.trueFitContainer {
margin: 16px -40px 0; } }
@media (max-width: 767px) {
.trueFitContainer {
margin: 24px -16px 0;
padding: 34px 16px; } }
.trueFitContainer img {
width: 340px; }
@media (max-width: 767px) {
.trueFitContainer img {
width: 243px; } }
.trueFitContainer .title {
max-width: 27%;
font-size: 40px;
text-align: center; }
@media (min-width: 768px) and (max-width: 1279px) {
.trueFitContainer .title {
max-width: 45%; } }
@media (max-width: 767px) {
.trueFitContainer .title {
max-width: unset;
font-size: 32px; } }
.trueFitContainer .banner-text {
text-align: center; }
.trueFitContainer .banner-text p {
margin: 0; }
.editorialLancioCategorie .tns-item .product-tile .product-tile-top .badge-icons,
.editorialDetailsInsightContainer .tns-item .product-tile .product-tile-top .badge-icons,
.lookProductCarousel-container .tns-item .product-tile .product-tile-top .badge-icons,
.editorialLandscapeSlider .tns-item .product-tile .product-tile-top .badge-icons {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0); }
.editorialLancioCategorie .tns-item,
.editorialLancioCategorie .tns-item img,
.editorialDetailsInsightContainer .tns-item,
.editorialDetailsInsightContainer .tns-item img,
.lookProductCarousel-container .tns-item,
.lookProductCarousel-container .tns-item img,
.editorialLandscapeSlider .tns-item,
.editorialLandscapeSlider .tns-item img {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0); }
.benefeet-progress-bar {
position: relative;
background-color: rgba(0, 0, 0, 0.2);
height: 3px;
border-radius: 0;
margin: 8px 0; }
.benefeet-progress-bar .progress-bar {
background-color: #373A36;
border-radius: 0; }
.benefeet-progress-bar .progress-bar::after {
content: "";
position: absolute;
width: 5px;
height: 100%;
background-color: var(--custom-colorPrimary);
top: 0; }
.benefeet-progress-bar .progress-bar.section1::after {
left: 25%;
/* Posiziona il quadrato al 25% della barra di avanzamento */ }
.benefeet-progress-bar .progress-bar.section2::after {
left: 50%;
/* Posiziona il quadrato al 50% della barra di avanzamento */ }
.benefeet-progress-bar .progress-bar.section3::after {
left: 75%;
/* Posiziona il quadrato al 75% della barra di avanzamento */ }
.benefeet-progress-bar .progress-bar.section4::after {
display: none; }
.editorialInspired {
padding: 80px 0;
color: #373A36; }
@media (max-width: 767px) {
.editorialInspired {
padding: 40px 0; } }
.editorialInspired .InspirationBtnContainer {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.editorialInspired .InspirationBtnContainer .inspirationBtnMobile {
margin-top: 23px; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialInspired .InspirationBtnContainer .inspirationBtnMobile {
display: none; } }
.editorialInspired .topContentContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.editorialInspired .topContentContainer .topContentText:has(.h2.hasLogo) {
width: 444px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialInspired .topContentContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.editorialInspired .topContentContainer .topContentText:has(.h2.hasLogo) {
width: auto; } }
.editorialInspired .topContentContainer .inpiredBoxLinkTop {
padding-bottom: 4px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialInspired .topContentContainer .inpiredBoxLinkTop {
margin-top: 16px;
margin-bottom: 28px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; } }
.editorialInspired .h2:not(.hasLogo) {
font-size: 32px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
@media (max-width: 767px) {
.editorialInspired .h2:not(.hasLogo) {
font-size: 24px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; } }
.editorialInspired .h2.hasLogo {
font-size: 24px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
color: #373A36;
text-transform: uppercase;
margin-bottom: 0px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialInspired .h2.hasLogo {
font-size: 20px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal;
width: 302px; } }
.editorialInspired .h2.hasLogo p {
margin-bottom: 0; }
.editorialInspired .h2.hasLogo p em {
background: url(../images/benefeet.svg) no-repeat center;
background-size: contain;
color: transparent;
margin-right: 6px;
font-size: 28px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialInspired .h2.hasLogo p em {
margin-right: 8px; } }
.editorialInspired .inspiredBoxesContainer {
margin-top: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialInspired .inspiredBoxesContainer {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 16px;
row-gap: 16px;
-webkit-column-gap: 9px;
-moz-column-gap: 9px;
column-gap: 9px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; } }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox {
-webkit-box-flex: 1;
-ms-flex: 1 0 25%;
flex: 1 0 25%;
max-width: calc(25% - 12px);
margin-top: 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: calc(50% - 4.5px); } }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer {
aspect-ratio: 3/4;
display: block;
position: relative; }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer img.imgBg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 24px;
width: 100%;
height: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #ffffff; }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent.textShadow {
position: absolute;
background: radial-gradient(100% 25.35% at 52.68% 87.74%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent {
padding: 16px; } }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent p {
margin-bottom: 0px; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent:hover .inspiredBoxContentTop.MobileOverEffect .inspiredBoxText {
-webkit-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
opacity: 1;
display: block; } }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop.MobileOverEffect .inspiredBoxText {
opacity: 0;
display: none; } }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop img {
max-width: 100%;
margin-bottom: 8px; }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop .inspiredBoxTitle {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop .inspiredBoxTitle b,
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop .inspiredBoxTitle strong {
font-weight: 600;
letter-spacing: 2.8px; }
@media (max-width: 767px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop .inspiredBoxTitle {
font-size: 16px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop .inspiredBoxTitle b,
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop .inspiredBoxTitle strong {
letter-spacing: 0; } }
@media (min-width: 768px) and (max-width: 1279px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop .inspiredBoxTitle {
font-size: 22px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; } }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop .inspiredBoxText {
margin-top: 24px;
font-size: 16px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal; }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop .inspiredBoxText.texnopadding {
margin-top: 0px; }
@media (max-width: 767px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inspiredBoxContentTop .inspiredBoxText {
margin-top: 16px;
font-size: 12px !important; } }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inpiredBoxLink {
text-transform: uppercase; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inpiredBoxLink {
font-size: 12px !important; } }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inpiredBoxLink.btn-secondary,
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inpiredBoxLink .btn-primary {
border: none;
width: 100%; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox .inspiredBoxContainer .inspiredBoxContent .inpiredBoxLink.hiddenMobile {
display: none; } }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox:nth-child(2n) {
margin-top: 6.60%; }
@media (max-width: 767px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox:nth-child(2n) {
margin-top: 0; } }
@media (max-width: 767px) {
.editorialInspired .inspiredBoxesContainer .singleInspiredBox:nth-child(2) {
margin-top: 6.60%; }
.editorialInspired .inspiredBoxesContainer .singleInspiredBox:nth-child(3) {
margin-top: -6.60%; } }
.editorialInspired.editorialInspiredBenefeet .inspiredBoxesContainer {
margin-top: 56px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialInspired.editorialInspiredBenefeet .inspiredBoxesContainer {
margin-top: 40px; } }
.editorialInspired.editorialInspiredBenefeet .editorialInspiredHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialInspired.editorialInspiredBenefeet .editorialInspiredHeader {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.editorialInspired.editorialInspiredBenefeet .editorialInspiredHeader .editorialInspiredHeaderTitleWithLogo {
font-size: 24px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialInspired.editorialInspiredBenefeet .editorialInspiredHeader .editorialInspiredHeaderTitleWithLogo {
margin-bottom: 16px;
font-size: 20px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal; } }
.editorialInspired.editorialInspiredBenefeet .inspiredBoxContentBottom .inspiredBoxContentBottomTitle {
font-size: 28px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialInspired.editorialInspiredBenefeet .inspiredBoxContentBottom .inspiredBoxContentBottomTitle {
font-size: 16px !important;
font-weight: 700;
line-height: 140%;
letter-spacing: normal; } }
.editorialInspired.editorialInspiredBenefeet .inspiredBoxContentBottom .inspiredBoxContentBottomDescription {
margin-top: 8px;
font-size: 16px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialInspired.editorialInspiredBenefeet .inspiredBoxContentBottom .inspiredBoxContentBottomDescription {
margin-top: 0;
font-size: 14px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; } }
.editorialHeroImage {
--custom-gradient-colorPrimary: $cloud;
--custom-gradient-colorSecondary: $white; }
.editorialHeroImage p.editorialHeroImageDescriptionTop {
margin-bottom: 20px;
margin-top: 24px; }
.editorialHeroImage p.editorialHeroImageDescriptionBottom {
margin-top: 48px;
margin-bottom: 32px;
color: #373A36; }
@media (max-width: 767px) {
.editorialHeroImage p.editorialHeroImageDescriptionBottom {
margin-top: 32px; } }
.editorialHeroImage.editorialHeroImageTextTop {
padding: 64px 0;
color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(var(--custom-gradient-colorPrimary)), color-stop(52%, var(--custom-gradient-colorPrimary)), color-stop(52%, var(--custom-gradient-colorSecondary)), to(var(--custom-gradient-colorSecondary)));
background: linear-gradient(to bottom, var(--custom-gradient-colorPrimary) 0%, var(--custom-gradient-colorPrimary) 52%, var(--custom-gradient-colorSecondary) 52%, var(--custom-gradient-colorSecondary) 100%); }
@media (min-width: 768px) and (max-width: 1279px) {
.editorialHeroImage.editorialHeroImageTextTop {
background: -webkit-gradient(linear, left top, left bottom, from(var(--custom-gradient-colorPrimary)), color-stop(57%, var(--custom-gradient-colorPrimary)), color-stop(57%, var(--custom-gradient-colorSecondary)), to(var(--custom-gradient-colorSecondary)));
background: linear-gradient(to bottom, var(--custom-gradient-colorPrimary) 0%, var(--custom-gradient-colorPrimary) 57%, var(--custom-gradient-colorSecondary) 57%, var(--custom-gradient-colorSecondary) 100%); } }
@media (max-width: 767px) {
.editorialHeroImage.editorialHeroImageTextTop {
background: -webkit-gradient(linear, left top, left bottom, from(var(--custom-gradient-colorPrimary)), color-stop(43.5%, var(--custom-gradient-colorPrimary)), color-stop(43%, var(--custom-gradient-colorSecondary)), to(var(--custom-gradient-colorSecondary)));
background: linear-gradient(to bottom, var(--custom-gradient-colorPrimary) 0%, var(--custom-gradient-colorPrimary) 43.5%, var(--custom-gradient-colorSecondary) 43%, var(--custom-gradient-colorSecondary) 100%); } }
.editorialHeroImage.editorialHeroImageTextTop .imageContainer {
margin-top: 63px; }
@media (max-width: 767px) {
.editorialHeroImage.editorialHeroImageTextTop .imageContainer {
margin-top: 48px; } }
.editorialHeroImage.editorialHeroImageTextTop .editorialHeroTitle {
font-size: 48px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
color: #ffffff; }
@media (max-width: 767px) {
.editorialHeroImage.editorialHeroImageTextTop .editorialHeroTitle {
font-size: 32px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
.editorialHeroImage.editorialHeroImageTextTop .editorialHeroImageOneButton {
margin-top: 20px; }
.editorialHeroImage.editorialHeroImageTextBottom {
padding-top: 64px;
padding-bottom: 40px;
color: #373A36;
background: -webkit-gradient(linear, left top, left bottom, from(var(--custom-gradient-colorPrimary)), color-stop(55%, var(--custom-gradient-colorPrimary)), color-stop(45%, var(--custom-gradient-colorSecondary)), to(var(--custom-gradient-colorSecondary)));
background: linear-gradient(to bottom, var(--custom-gradient-colorPrimary) 0%, var(--custom-gradient-colorPrimary) 55%, var(--custom-gradient-colorSecondary) 45%, var(--custom-gradient-colorSecondary) 100%); }
@media (max-width: 767px) {
.editorialHeroImage.editorialHeroImageTextBottom {
padding-bottom: 32px; } }
.editorialHeroImage.editorialHeroImageTextBottom .imageContainer {
margin-top: 48px; }
.editorialHeroImage.editorialHeroImageTextBottom .editorialHeroImageOneButton.editorialHeroButtonPadding {
padding-top: 32px; }
@media (max-width: 767px) {
.editorialHeroImage.editorialHeroImageTextBottom .editorialHeroImageOneButton.editorialHeroButtonPadding {
padding-top: 20px; } }
.editorialHeroImage.editorialHeroImageTextBottom .editorialHeroTwoAlignedButton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 54px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (max-width: 767px) {
.editorialHeroImage.editorialHeroImageTextBottom .editorialHeroTwoAlignedButton {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px; } }
.editorialHeroImage.editorialHeroImageTextBottom .editorialHeroTwoAlignedButton.editorialHeroButtonPadding {
padding-top: 32px; }
@media (max-width: 767px) {
.editorialHeroImage.editorialHeroImageTextBottom .editorialHeroTwoAlignedButton.editorialHeroButtonPadding {
padding-top: 20px; } }
.editorialHeroImage.editorialHeroImageTextBottom .editorialHeroTitle {
font-size: 48px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
color: #373A36; }
@media (max-width: 767px) {
.editorialHeroImage.editorialHeroImageTextBottom .editorialHeroTitle {
font-size: 32px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
@media (max-width: 767px) {
.editorialHeroImage {
padding-top: 48px;
padding-bottom: 48px;
background: -webkit-gradient(linear, left top, left bottom, from(var(--custom-gradient-colorPrimary)), color-stop(40%, var(--custom-gradient-colorPrimary)), color-stop(40%, var(--custom-gradient-colorSecondary)), to(var(--custom-gradient-colorSecondary)));
background: linear-gradient(to bottom, var(--custom-gradient-colorPrimary) 0%, var(--custom-gradient-colorPrimary) 40%, var(--custom-gradient-colorSecondary) 40%, var(--custom-gradient-colorSecondary) 100%); } }
.editorialHeroVideo {
padding-top: 80px;
padding-bottom: 40px; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialHeroVideo.padding-top-mobile {
padding-top: 32px; } }
.editorialHeroVideo .secondRow {
position: relative; }
@media (max-width: 767px) {
.editorialHeroVideo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0;
padding-bottom: 32px; }
.editorialHeroVideo:not(.title-top-mobile) .firstRow {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.editorialHeroVideo:not(.title-top-mobile) .secondRow {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.editorialHeroVideo.title-top-mobile .firstRow .editorialHeroTitle {
margin-top: 64px;
margin-bottom: 48px; }
.editorialHeroVideo .firstRow .editorialHeroTwoAlignedButton {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.editorialHeroVideo .firstRow .editorialHeroTwoAlignedButton .btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; } }
@media (max-width: 767px) and (max-width: 767px), (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
.editorialHeroVideo .secondRow {
padding-right: 0;
padding-left: 0; } }
@media (max-width: 767px) {
.editorialHeroVideo .secondRow a {
cursor: pointer; }
.editorialHeroVideo .secondRow.m-bottom {
margin-bottom: 48px; }
.editorialHeroVideo .thirdRow {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; } }
@media (max-width: 767px) {
.editorialHeroVideo .editorialHeroLogoContainer {
margin-top: 16px;
margin-bottom: 16px; } }
.editorialHeroVideo .vimeo-container,
.editorialHeroSliderItem .vimeo-container {
width: 100%;
aspect-ratio: 1280/720; }
.editorialHeroVideo .poster-video-image,
.editorialHeroSliderItem .poster-video-image {
aspect-ratio: 1280/720;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
object-fit: cover;
position: absolute;
left: 0; }
.editorialHeroVideo .poster-video-image.playingvideo,
.editorialHeroSliderItem .poster-video-image.playingvideo {
opacity: 0; }
.editorialHeroVideo .poster-video-imageimg[src=""],
.editorialHeroSliderItem .poster-video-imageimg[src=""] {
opacity: 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHeroVideo .poster-video-image,
.editorialHeroSliderItem .poster-video-image {
aspect-ratio: 640/360;
padding: 0; }
.editorialHeroVideo .poster-video-image.vertical,
.editorialHeroSliderItem .poster-video-image.vertical {
aspect-ratio: 360/640; } }
.editorialHeroVideo .videoHero.vimeo,
.editorialHeroSliderItem .videoHero.vimeo {
width: 100%; }
.editorialHeroVideo .videoHero,
.editorialHeroSliderItem .videoHero {
background-color: #F2F2F2;
aspect-ratio: 1280/720;
-o-object-fit: cover;
object-fit: cover; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHeroVideo .videoHero,
.editorialHeroSliderItem .videoHero {
aspect-ratio: 640/360; }
.editorialHeroVideo .videoHero.vertical,
.editorialHeroSliderItem .videoHero.vertical {
aspect-ratio: 360/640; } }
video {
width: 100%; }
#playbutton,
.playbutton,
.playbuttonvimeo {
background-color: #000;
opacity: 0.7;
border: medium none;
color: #fff;
display: block;
font-size: 18px;
left: 0;
width: 64px;
height: 64px;
margin: 0 auto;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
border-radius: 64px;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
#playbutton.active:after,
.playbutton.active:after,
.playbuttonvimeo.active:after {
content: "\E93C";
font-family: "geoxicons"; }
#playbutton.pause,
.playbutton.pause,
.playbuttonvimeo.pause {
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
opacity: 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
#playbutton.pause,
.playbutton.pause,
.playbuttonvimeo.pause {
display: none; } }
#playbutton.pause:after,
.playbutton.pause:after,
.playbuttonvimeo.pause:after {
content: "\E93E";
font-family: "geoxicons"; }
.editorialHeroLogoContainer {
margin-bottom: 24px; }
.editorialHeroLogoContainer img {
width: 260px; }
.editorialHeroLogoContainer img.vertical-logo {
width: auto;
max-height: 160px; }
@media (max-width: 767px) {
.editorialHeroLogoContainer img.vertical-logo {
max-height: 110px; } }
@media (max-width: 767px) {
.editorialHeroLogoContainer {
margin-bottom: 16px; } }
.editorialHeroTitle {
font-size: 48px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
color: #373A36;
max-width: 894px;
margin: 0 auto 38px; }
@media (max-width: 767px) {
.editorialHeroTitle {
font-size: 32px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin: 0 16px; } }
.editorialHeroTwoAlignedButton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 26px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px; }
@media (max-width: 767px) {
.editorialHeroTwoAlignedButton {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.editorialHeroTwoAlignedButton .btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; } }
.editorialApprofondimentoFeatures {
padding: 80px 0; }
@media (max-width: 767px) {
.editorialApprofondimentoFeatures {
padding: 32px 0; } }
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 40px; }
@media (max-width: 767px) {
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle {
-webkit-box-flex: 1;
-ms-flex: 1 0 23.30%;
flex: 1 0 23.30%;
max-width: 23.30%;
text-align: center;
padding: 0 20px;
color: #373A36; }
@media (max-width: 767px) {
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%; } }
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle p {
color: #373A36 !important; }
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle p span,
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle p strong,
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle p em,
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle p u,
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle p s {
color: #373A36 !important; }
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle img {
max-width: 160px;
margin-bottom: 20px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle img {
max-width: 72px; } }
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle .editorialApprofondimentoFeaturesSingleTitle {
font-size: 24px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle .editorialApprofondimentoFeaturesSingleText p {
font-size: inherit; }
.editorialApprofondimentoFeatures .editorialApprofondimentoFeaturesContainer .editorialApprofondimentoFeaturesSingle p {
margin-top: 8px; }
.editorialLancioCategorieFullWidth.has-title .editorialLancioCategorieFullWidthHeadings {
padding-bottom: 42px; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialLancioCategorieFullWidth.has-title .editorialLancioCategorieFullWidthHeadings {
padding-bottom: 24px; } }
.editorialLancioCategorieFullWidth.has-title .editorialLancioCategorieFullWidthHeadings .h3 {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
padding: 0 !important; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialLancioCategorieFullWidth.has-title .editorialLancioCategorieFullWidthHeadings .h3 {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
.editorialLancioCategorieFullWidth.has-title .editorialLancioCategorieFullWidthHeadings .h3.text-center {
padding: 0 !important; }
.editorialLancioCategorieFullWidth .editorialLancioCarouselSubtitle {
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
padding-top: 16px;
margin: 0;
color: #373A36; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialLancioCategorieFullWidth .editorialLancioCarouselSubtitle {
padding-top: 24px; } }
.editorialLancioCategorieFullWidth .editorialLancioCarouselSubtitle.center-text {
text-align: center; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialLancioCategorieFullWidth.noArrowsDesktop .tns-controls,
.editorialLancioCategorieFullWidth.noArrowsDesktop .tns-nav {
display: none; } }
.editorialLancioCategorieFullWidth .launchBtnContainer {
width: 100%;
text-align: center;
padding-top: 8px; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialLancioCategorieFullWidth .launchBtnContainer {
padding-top: 16px;
padding-bottom: 16px; } }
.editorialLancioCategorieFullWidth .launchBtnContainer .btn-secondary {
background-color: transparent; }
@media (max-width: 767px) {
.editorialLancioCategorieFullWidth .tns-outer {
margin-right: -16px; }
.editorialLancioCategorieFullWidth .tns-outer .tns-nav {
padding-top: 16px; } }
@media (min-width: 768px) and (max-width: 1023px) {
.editorialLancioCategorieFullWidth .tns-outer {
margin-right: -40px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
.editorialLancioCategorieFullWidth .tns-outer .tns-controls button[data-controls=next] {
right: 5%; } }
@media (min-width: 1280px) {
.editorialLancioCategorieFullWidth .tns-outer .tns-controls button[data-controls=next] {
right: 6%; } }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialLancioCategorieFullWidth {
overflow: hidden; }
.editorialLancioCategorieFullWidth > .container:has(.tns-outer) {
padding-right: 0; } }
.editorialLancioCategorie {
padding: 40px 0; }
.editorialLancioCategorie:not(.noArrowsDesktop):not(:has(.lancioCategorieTwoCategories)) {
padding: 40px 0 24px 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialLancioCategorie:not(.noArrowsDesktop):not(:has(.lancioCategorieTwoCategories)) {
padding-bottom: 40px; } }
.editorialLancioCategorie.hasTitle {
padding: 32px 0 58px 0; }
.editorialLancioCategorie.hasTitle .editorialLancioCategorieSingleContent {
padding-bottom: 26px !important; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialLancioCategorie.hasTitle .editorialLancioCategorieSingleContent {
padding-bottom: 42px !important; } }
.editorialLancioCategorie.hasTitle .editorialLancioCatTitle {
padding-bottom: 40px;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.editorialLancioCategorie.hasTitle .editorialLancioCatTitle .editorialLancioCategorieTitle {
width: 293px;
text-align: center; }
.editorialLancioCategorie .editorialLancioCategorieTitle {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialLancioCategorie .editorialLancioCategorieTitle {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
@media (max-width: 767px) {
.editorialLancioCategorie {
padding: 32px 0; } }
.editorialLancioCategorie .tns-outer .tns-controls button[data-controls=prev] {
display: none; }
.editorialLancioCategorie.has-title .h3 {
padding-bottom: 37px;
margin: 0px;
color: #000000; }
@media (min-width: 1280px) {
.editorialLancioCategorie.has-title .h3 {
font-size: 32px !important; } }
.editorialLancioCategorie.has-title .h3.center-text {
font-size: 40px !important;
padding-bottom: 40px;
text-align: center; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialLancioCategorie.has-title .h3.center-text {
font-size: 28px !important;
padding-bottom: 32px; } }
.editorialLancioCategorie.has-title .editorialLancioCategorieSingleContent {
padding-bottom: 24px !important; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialLancioCategorie.has-title {
padding: 32px 0; }
.editorialLancioCategorie.has-title .h3 {
padding-bottom: 24px; }
.editorialLancioCategorie.has-title .editorialLancioCategorieSingleContent {
padding-bottom: 32px !important; } }
.editorialLancioCategorie .tns-outer .tns-controls button {
top: calc(50% - 50px); }
.editorialLancioCategorie .upperCardsInfoComponent {
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieUpperTitle.h1-no-subtitle h1,
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieUpperTitle.h1-no-subtitle .h1 {
margin-bottom: 40px;
color: #000000; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieUpperTitle.h1-no-subtitle h1,
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieUpperTitle.h1-no-subtitle .h1 {
margin-bottom: 24px; } }
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieUpperTitle h1,
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieUpperTitle .h1 {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 16px;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieUpperTitle h1,
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieUpperTitle .h1 {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 8px; } }
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieUpperSubtitle {
max-width: 628px;
font-size: 18px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
padding-bottom: 48px;
margin: auto; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieUpperSubtitle {
padding-bottom: 32px;
width: 90%;
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; } }
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieSingleCTA {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 38px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialLancioCategorie .upperCardsInfoComponent .editorialLancioCategorieSingleCTA {
padding-top: 40px; } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieStandardComponent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieStandardComponent .editorialLancioCategorieSingle {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 50%;
flex-basis: 50%; }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieStandardComponent .editorialLancioCategorieSingle .editorialLancioCategorieSingleContent {
padding: 24px 32px 0 !important; }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px; }
@media (min-width: 1280px), (min-width: 768px) and (max-width: 1279px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategories:not(.tns-slider) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 24px; } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategories .editorialLancioCategorieSingleContent {
padding-bottom: 24px !important; }
@media (min-width: 1280px), (min-width: 768px) and (max-width: 1279px) {
.editorialLancioCategorie .editorialLancioCategorieContainer:not(.tns-slider) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 24px; } }
.editorialLancioCategorie .editorialLancioCategorieContainer .editorialLancioCategorieSingle {
margin-top: 0; }
.editorialLancioCategorie .editorialLancioCategorieContainer .editorialLancioCategorieSingle .editorialLancioCategorieSingleContent {
padding: 24px 32px 0;
text-align: center; }
.editorialLancioCategorie .editorialLancioCategorieContainer .editorialLancioCategorieSingle .editorialLancioCategorieSingleContent.noPadding {
padding: 0 32px; }
.editorialLancioCategorie .editorialLancioCategorieContainer .editorialLancioCategorieSingle .editorialLancioCategorieSingleContent .editorialLancioCategorieSingleContentTitle {
font-size: 20px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 0px; }
.editorialLancioCategorie .editorialLancioCategorieContainer .editorialLancioCategorieSingle .editorialLancioCategorieSingleContent .editorialLancioCategorieSingleContentTitle[data-href] {
cursor: pointer; }
.editorialLancioCategorie .editorialLancioCategorieContainer .editorialLancioCategorieSingle .editorialLancioCategorieSingleContent p {
margin-top: 8px; }
.editorialLancioCategorie .editorialLancioCategorieContainer .editorialLancioCategorieSingle .editorialLancioCategorieSingleContent a {
margin-top: 16px; }
@media (max-width: 767px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategories {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategories:not(.tns-slider) .editorialLancioCategorieSingle {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: calc(50% - 13px); }
@media (max-width: 767px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategories:not(.tns-slider) .editorialLancioCategorieSingle {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%; } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategories .editorialLancioCategorieSingle .imageContainer {
aspect-ratio: 4/3; }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategories .editorialLancioCategorieSingle .imageContainer img.imgBg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned {
gap: 6px; }
@media (max-width: 767px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned {
gap: 4px;
margin-left: -16px;
margin-right: -16px; } }
@media (min-width: 768px) and (max-width: 1023px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned {
margin-left: -40px;
margin-right: -40px; } }
@media (max-width: 767px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned .editorialLancioCategorieSingleContent {
padding: 16px 10px; } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned:not(.tns-slider) {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned:not(.tns-slider) .editorialLancioCategorieSingle {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: calc(50% - 3px); }
@media (max-width: 767px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned:not(.tns-slider) .editorialLancioCategorieSingle {
max-width: calc(50% - 2px); } }
@media (max-width: 767px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned .editorialLancioCategorieSingle {
max-width: calc(50% - 2px); } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned .editorialLancioCategorieSingle:nth-child(2n) {
margin-top: 6.60%; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned .editorialLancioCategorieSingle:nth-child(2n) {
margin-top: 40px; } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned .editorialLancioCategorieSingle .imageContainer {
aspect-ratio: 3/4; }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned .editorialLancioCategorieSingle .imageContainer img.imgBg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned .editorialLancioCategorieSingle .editorialLancioCategorieSingleContentTitle {
font-size: 16px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned .editorialLancioCategorieSingle a {
font-size: 16px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: normal; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieTwoCategoriesNotAligned .editorialLancioCategorieSingle a {
font-size: 12px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: normal; } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieThreeSliderCategories.tns-slider {
margin-bottom: 14px; }
@media (max-width: 767px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieThreeSliderCategories.tns-slider {
margin-bottom: 0; } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieThreeSliderCategories:not(.tns-slider) .editorialLancioCategorieSingle {
-webkit-box-flex: 1;
-ms-flex: 1 0 33%;
flex: 1 0 33%;
max-width: calc(33% - 12px); }
@media (max-width: 767px) {
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieThreeSliderCategories:not(.tns-slider) .editorialLancioCategorieSingle {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%; } }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieThreeSliderCategories .tns-outer .tns-controls button {
top: calc(50% - 65px); }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieThreeSliderCategories .editorialLancioCategorieSingle .imageContainer {
aspect-ratio: 3/4; }
.editorialLancioCategorie .editorialLancioCategorieContainer.lancioCategorieThreeSliderCategories .editorialLancioCategorieSingle .imageContainer img.imgBg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.editorialLancioCategorie.editorialLancioCategorieNoSlider {
padding: 24px 0 !important;
background-color: #F2F2F2; }
@media (min-width: 768px) and (max-width: 1279px), (max-width: 767px) {
.editorialLancioCategorie.editorialLancioCategorieNoSlider {
background-color: transparent !important;
padding: 16px 0 40px 0; } }
.editorialLancioCategorie.editorialLancioCategorieNoSlider .editorialLancioCategorieTitle {
font-size: 24px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 25px; }
@media (min-width: 768px) and (max-width: 1279px), (max-width: 767px) {
.editorialLancioCategorie.editorialLancioCategorieNoSlider .editorialLancioCategorieTitle {
margin-bottom: 16px; } }
.editorialLancioCategorie.editorialLancioCategorieNoSlider .editorialLancioCategorieContainer {
gap: 20px; }
@media (min-width: 768px) and (max-width: 1279px), (max-width: 767px) {
.editorialLancioCategorie.editorialLancioCategorieNoSlider .editorialLancioCategorieContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px; } }
.editorialLancioCategorie.editorialLancioCategorieNoSlider .editorialLancioCategorieContainer .editorialLancioCategorieSingle {
-webkit-box-flex: 1;
-ms-flex: 1 0 33%;
flex: 1 0 33%;
max-width: calc(33% - 12px); }
@media (min-width: 768px) and (max-width: 1279px), (max-width: 767px) {
.editorialLancioCategorie.editorialLancioCategorieNoSlider .editorialLancioCategorieContainer .editorialLancioCategorieSingle {
max-width: calc(33% - 4px); } }
.editorialLancioCategorie.editorialLancioCategorieNoSlider .editorialLancioCategorieContainer .editorialLancioCategorieSingle .imageContainer {
aspect-ratio: 3/4; }
.editorialLancioCategorie.editorialLancioCategorieNoSlider .editorialLancioCategorieContainer .editorialLancioCategorieSingle .imageContainer img.imgBg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.editorialLancioCategorie.editorialLancioCategorieNoSlider .editorialLancioCategorieContainer .editorialLancioCategorieSingle .editorialLancioCategorieSingleContentTitle {
margin-top: 25px;
font-size: 24px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
@media (min-width: 768px) and (max-width: 1279px), (max-width: 767px) {
.editorialLancioCategorie.editorialLancioCategorieNoSlider .editorialLancioCategorieContainer .editorialLancioCategorieSingle .editorialLancioCategorieSingleContentTitle {
margin-top: 8px;
font-size: 14px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; } }
.editorialLancioCategorie.editorialLancioCategorieGender {
padding-top: 64px !important;
padding-bottom: 64px !important; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialLancioCategorie.editorialLancioCategorieGender {
padding-top: 32px !important;
padding-bottom: 32px !important; } }
.editorialQuickCategory {
padding: 16px 0px 32px 0px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialQuickCategory .tns-outer {
margin-right: -16px; } }
@media (min-width: 1280px) {
.editorialQuickCategory {
padding: 56px 41px 35.22px 80px; } }
@media (min-width: 1280px) {
.editorialQuickCategory .container {
padding-left: 0px !important;
padding-right: 0px !important; } }
.editorialQuickCategory .container .quickCat-title {
padding-right: 30px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialQuickCategory .container .quickCat-title.center-text {
font-size: 16px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal;
text-align: center; } }
.editorialQuickCategory .container .tns-outer .tns-controls button[data-controls=next] {
right: -7%; }
.editorialQuickCategory .container .tns-outer .tns-controls button[data-controls=prev] {
left: -5%;
display: none; }
.editorialQuickCategory .container .tns-nav {
padding-top: 26.78px !important;
padding-bottom: 0px !important; }
.editorialQuickCategory .container div.btn-container {
display: table-cell;
vertical-align: middle;
text-align: center; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialQuickCategory .container div.btn-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
.editorialQuickCategory .container div.btn-container i {
display: inline-block;
position: relative;
top: -9px; }
.editorialQuickCategory .container label {
font-size: 10px !important;
font-weight: 600;
line-height: 150%;
letter-spacing: normal;
color: #373A36; }
.editorialQuickCategory .container .quickCategorySlider2,
.editorialQuickCategory .container .quickCategorySlider1 {
-webkit-animation: fadeIn 1.5s;
animation: fadeIn 1.5s; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.editorialQuickCategory .container .btn-category-switch {
display: inline-block;
margin: 0px;
position: relative; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialQuickCategory .container .btn-category-switch {
margin: auto; } }
.editorialQuickCategory .container .btn-category-switch > label.btn-category-switch-inner {
margin: 0px;
min-width: 183px;
height: 30px;
margin-top: 40px;
background: #F2F2F2;
border-radius: 26px;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
/*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
display: block; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialQuickCategory .container .btn-category-switch > label.btn-category-switch-inner {
margin-top: 16px;
margin-bottom: 8px; } }
.editorialQuickCategory .container .btn-category-switch > label.btn-category-switch-inner:before {
content: attr(data-on);
position: absolute;
font-size: 10px !important;
font-weight: 600;
line-height: 150%;
letter-spacing: normal;
color: #373A36;
top: 8px;
right: 20%; }
.editorialQuickCategory .container .btn-category-switch > label.btn-category-switch-inner:after {
content: attr(data-off);
width: 50%;
height: 100%;
background: #373A36;
color: #ffffff;
font-size: 10px !important;
font-weight: 600;
line-height: 150%;
letter-spacing: normal;
border-radius: 26px;
position: absolute;
left: 0;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 8px 0px; }
.editorialQuickCategory .container .btn-category-switch input[type="checkbox"] {
cursor: pointer;
width: 50px;
height: 25px;
opacity: 0;
position: absolute;
top: 0;
z-index: 1;
margin: 0px; }
.editorialQuickCategory .container .btn-category-switch input[type="checkbox"]:checked + label.btn-category-switch-inner {
background: #F2F2F2;
color: #373A36; }
.editorialQuickCategory .container .btn-category-switch input[type="checkbox"]:checked + label.btn-category-switch-inner:after {
content: attr(data-on);
left: unset;
right: 0;
background: #373A36; }
.editorialQuickCategory .container .btn-category-switch input[type="checkbox"]:checked + label.btn-category-switch-inner:before {
content: attr(data-off);
right: unset;
left: 28px; }
.editorialQuickCategory .container .btn-category-switch input[type="checkbox"]:checked ~ .alert {
display: block; }
@media (min-width: 1024px) and (max-width: 1279px) {
.editorialQuickCategory .quickCat-body {
padding-left: 48px;
padding-right: 88px; } }
@media (min-width: 1280px) {
.editorialQuickCategory .quickCat-body {
padding-left: 59px;
padding-right: 56px; } }
.editorialQuickCategory .editorialQuickCategoryTitle {
color: #000000; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1023px) {
.editorialQuickCategory .editorialQuickCategoryTitle {
font-size: 32px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; } }
@media (max-width: 767px) {
.editorialQuickCategory .editorialQuickCategoryTitle {
font-size: 14px !important;
font-weight: 600;
padding-bottom: 8px;
padding-right: 16px; } }
.editorialQuickCategory .tns-outer .tns-controls button {
top: calc(50% - 43px);
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
padding: 16px 16px 16px 17px; }
.editorialQuickCategory .tns-outer .tns-controls button .icon-Arrow-Right::before {
vertical-align: bottom; }
.editorialQuickCategory .editorialQuickCategoryContainer {
padding: 16px 0px 0px; }
@media (min-width: 1280px) {
.editorialQuickCategory .editorialQuickCategoryContainer {
padding: 0px 0px 0px 0px; } }
.editorialQuickCategory .editorialQuickCategoryContainer:not(.tns-slider) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px; }
@media (min-width: 1280px) {
.editorialQuickCategory .editorialQuickCategoryContainer:not(.tns-slider) {
gap: 56px; } }
.editorialQuickCategory .editorialQuickCategoryContainer:not(.tns-slider) .editorialQuickCategorySingle {
-webkit-box-flex: 1;
-ms-flex: 1 0 25%;
flex: 1 0 25%;
max-width: calc(25% - 12px); }
@media (min-width: 1280px) {
.editorialQuickCategory .editorialQuickCategoryContainer:not(.tns-slider) .editorialQuickCategorySingle {
max-width: calc(25% - 42px); } }
.editorialQuickCategory .editorialQuickCategoryContainer .editorialQuickCategorySingle .editorialQuickCategorySingleSubtitle {
font-size: 18px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-top: 16px;
height: 43px; }
@media (max-width: 767px) {
.editorialQuickCategory .editorialQuickCategoryContainer .editorialQuickCategorySingle .editorialQuickCategorySingleSubtitle {
font-size: 10px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal;
margin-top: 8px;
height: 43px; } }
.editorialQuickCategory .editorialQuickCategoryContainer .editorialQuickCategorySingle .imageContainer {
aspect-ratio: 1/1;
border-radius: 50%;
overflow: hidden;
margin: 0 auto; }
.editorialQuickCategory .editorialQuickCategoryContainer .editorialQuickCategorySingle .imageContainer img.imgBg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.editorialLandscapeSlider {
padding: 80px 0; }
@media (max-width: 767px) {
.editorialLandscapeSlider {
padding: 32px 0; } }
.editorialLandscapeSlider .editorialLandscapeSliderTitle {
font-size: 32px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 24px;
padding: 0 16px; }
@media (max-width: 767px) {
.editorialLandscapeSlider .editorialLandscapeSliderTitle {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
.editorialLandscapeSlider .editorialLandscapeSliderRow {
position: relative; }
.editorialLandscapeSlider .editorialLandscapeSliderContainer .editorialLandscapeSliderSingle {
aspect-ratio: 4/3; }
.editorialLandscapeSlider .editorialLandscapeSliderContainer .editorialLandscapeSliderSingle img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.editorialLandscapeSlider .editorialLandscapeSliderContainer .editorialLandscapeSliderSingle .btn {
margin: 40px auto 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
@media (max-width: 767px) {
.editorialLandscapeSlider .editorialLandscapeSliderContainer .editorialLandscapeSliderSingle .btn {
margin: 24px auto 0; } }
.editorialLandscapeSlider .tns-outer .tns-controls button[data-controls=next] {
right: 5%; }
.editorialLandscapeSlider .tns-outer .tns-controls button[data-controls=prev] {
left: 5%; }
.editorialLandscapeSlider .tns-outer .tns-controls button {
top: calc(50% - 60px); }
.editorialLandscapeSlider .tns-outer .tns-inner {
overflow: visible; }
.editorialCountdown {
padding: 48px 0;
margin: 80px 0; }
@media (max-width: 767px) {
.editorialCountdown {
padding: 48px 0;
margin: 32px 0; } }
.editorialCountdown .editorialCountdownTitle {
font-size: 32px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 8px; }
@media (max-width: 767px) {
.editorialCountdown .editorialCountdownTitle {
font-size: 28px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; } }
.editorialCountdown .editorialCountdownSubtitle {
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; }
.editorialCountdown.has-subtitle .editorialCountdownSubtitle {
margin-bottom: 24px; }
.editorialCountdown.has-title .editorialCountdownTitle {
margin-bottom: 24px; }
.editorialCountdown.has-title.has-subtitle .editorialCountdownTitle {
margin-bottom: 8px; }
.editorialCountdown.has-title.has-subtitle .editorialCountdownSubtitle {
margin-bottom: 24px; }
.editorialCountdown .editorialCountdownContainer {
background-color: #ffffff;
border: 1px solid #DBDBDB;
padding: 0 12px;
gap: 8px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.editorialCountdown .editorialCountdownContainer .editorialCountdownSingle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 8px; }
.editorialCountdown .editorialCountdownContainer .editorialCountdownSingle .editorialCountdownNumber {
font-size: 56px !important;
font-weight: 600;
line-height: 120%;
letter-spacing: normal;
color: #373A36; }
@media (max-width: 767px) {
.editorialCountdown .editorialCountdownContainer .editorialCountdownSingle .editorialCountdownNumber {
font-size: 40px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal; } }
.editorialCountdown .editorialCountdownContainer .editorialCountdownSingle .editorialCountdownLabel {
font-size: 12px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal;
color: #6A6A6A; }
@media (max-width: 767px) {
.editorialCountdown .editorialCountdownContainer .editorialCountdownSingle .editorialCountdownLabel {
font-size: 10px !important;
font-weight: 400;
line-height: 150%;
letter-spacing: normal; } }
.editorialCountdown .editorialCountdownContainer .editorialCountdownDivider {
color: #373A36;
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-top: -3%; }
.editorialApprofondimentoMediaBackVer {
height: 18vw; }
@media (max-width: 767px) {
.editorialApprofondimentoMediaBackVer {
height: 78vw; } }
.editorialApprofondimentoMediaBackHor {
height: 11vw; }
@media (max-width: 767px) {
.editorialApprofondimentoMediaBackHor {
height: 45vw; } }
.editorialApprofondimentoMedia {
--custom-colorPrimary: $cloud;
background: var(--custom-colorPrimary);
padding-top: 0;
padding-bottom: 80px;
margin-bottom: 40px; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia {
margin-bottom: 32px;
padding-bottom: 40px; } }
.editorialApprofondimentoMedia.editorialApprofondimentoMediaVerticalImage .editorialApprofondimentoImageColumn {
margin-top: -12%; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.editorialApprofondimentoMediaVerticalImage .editorialApprofondimentoImageColumn {
margin-top: -67%; } }
@media (min-width: 1280px) {
.editorialApprofondimentoMedia.editorialApprofondimentoMediaVerticalImage .editorialApprofondimentoImageColumn {
max-width: 40%;
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%; } }
.editorialApprofondimentoMedia.editorialApprofondimentoMediaVerticalImage .editorialApprofondimentoImageColumn .imageContainer {
aspect-ratio: 3/4; }
.editorialApprofondimentoMedia.editorialApprofondimentoMediaVerticalImage .editorialApprofondimentoImageColumn .imageContainer img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.editorialApprofondimentoMedia.editorialApprofondimentoMediaHorizontalImage .editorialApprofondimentoImageColumn {
margin-top: -5%; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.editorialApprofondimentoMediaHorizontalImage .editorialApprofondimentoImageColumn {
margin-top: -35%; } }
.editorialApprofondimentoMedia.editorialApprofondimentoMediaHorizontalImage .editorialApprofondimentoImageColumn .imageContainer {
aspect-ratio: 4/3; }
.editorialApprofondimentoMedia.editorialApprofondimentoMediaHorizontalImage .editorialApprofondimentoImageColumn .imageContainer img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media (min-width: 1280px) {
.editorialApprofondimentoMedia.editorialApprofondimentoMediaHorizontalImage .editorialApprofondimentoContentColumn.content-text-left {
margin-left: 0; } }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 41px; }
@media (min-width: 1280px) {
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn {
max-width: 33%;
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%; } }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaLogoContainer {
margin-bottom: 24px; }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaLogoContainer img {
max-height: 30px; }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaLogoContainer img.vertical-logo {
max-height: 120px; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaLogoContainer img.vertical-logo {
max-height: 95px; } }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaLabel {
font-size: 12px !important;
font-weight: 700;
line-height: 140%;
letter-spacing: normal;
margin-bottom: 8px;
text-transform: uppercase; }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaTitle {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 24px; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaTitle {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaContent p {
margin-bottom: 0 !important; }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaButtonContainer {
margin-top: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaButtonContainer .btn.btn-primary {
background-color: #373A36; }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaButtonContainer .btn.btn-primary.btn-light {
background-color: #ffffff;
color: #373A36; }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaButtonContainer .btn.btn-secondary {
background-color: transparent;
border: solid 1px #373A36;
color: #373A36; }
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaButtonContainer .btn.btn-secondary.btn-light {
border: solid 1px #ffffff;
color: #ffffff !important; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialApprofondimentoMedia .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaButtonContainer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentThreeImages .editorialApprofondimentoContentColumn {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-top: 24px; }
.editorialApprofondimentoMedia.collageComponentThreeImages .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaButtonContainer {
margin-top: 0;
margin-bottom: 40px; } }
@media (min-width: 1280px) {
.editorialApprofondimentoMedia.collageComponentThreeImages .collage-right .imageContainer .collageImg1 {
grid-column: 3 / span 4; }
.editorialApprofondimentoMedia.collageComponentThreeImages .collage-right .imageContainer .collageImg2 {
grid-column: 5 / -1; }
.editorialApprofondimentoMedia.collageComponentThreeImages .collage-right .imageContainer .collageImg3 {
grid-column: 9 / span 4; } }
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer {
position: relative;
display: grid;
grid-template-columns: repeat(12, 1fr);
height: 600px; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer {
width: 100%;
height: unset; } }
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer .collageImg1 {
grid-column: 1 / span 4;
grid-row: 1;
padding-top: 150%;
padding-left: 15%;
z-index: 1;
width: unset !important;
height: unset !important; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer .collageImg1 {
width: 100% !important;
padding-top: 220%;
padding-left: unset; } }
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer .collageImg1.reveal {
position: relative;
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-webkit-transition: 2s all ease;
transition: 2s all ease; }
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer .collageImg1.reveal.active {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 1; }
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer .collageImg2 {
grid-row: 1;
grid-column: 3 / -1;
width: unset !important;
height: unset !important; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer .collageImg2 {
width: 100% !important;
grid-column: 3 / 11; } }
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer .collageImg3 {
grid-row: 1;
grid-column: 7 / span 4;
padding-top: 15%;
width: unset !important;
height: unset !important; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer .collageImg3 {
width: 100% !important;
grid-column: 10 / span 4; } }
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer .collageImg3.reveal {
position: relative;
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-webkit-transition: 2s all ease;
transition: 2s all ease; }
.editorialApprofondimentoMedia.collageComponentThreeImages .imageContainer .collageImg3.reveal.active {
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 1; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentTwoImages .container {
padding: 0; }
.editorialApprofondimentoMedia.collageComponentTwoImages .container .row {
margin-right: 0 !important; } }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentTwoImages .container .editorialApprofondimentoImageColumn {
overflow: hidden; } }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentTwoImages .editorialApprofondimentoContentColumn {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-top: 24px;
padding: 24px 16px 0 24px; }
.editorialApprofondimentoMedia.collageComponentTwoImages .editorialApprofondimentoContentColumn .editorialApprofondimentoMediaButtonContainer {
margin-top: 0;
margin-bottom: 40px; } }
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer {
position: relative;
display: grid;
grid-template-columns: repeat(12, 1fr);
height: 500px; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer {
width: calc(100% + 100px);
height: unset;
margin-left: -50px;
padding: 19px 0; } }
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer .collageImg1 {
grid-column: 1;
grid-row: 1;
width: unset !important;
height: unset !important; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer .collageImg1 {
width: 100% !important;
grid-column: 1 / span 8; } }
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer .collageImg1.reveal {
position: relative;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
opacity: 1;
-webkit-transition: 2s all ease;
transition: 2s all ease; }
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer .collageImg1.reveal.active {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer .collageImg2 {
grid-row: 1;
grid-column: 2;
margin-left: -40%;
width: unset !important;
height: unset !important;
z-index: 2; }
@media (max-width: 767px) {
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer .collageImg2 {
width: 100% !important;
grid-column: 6 / span 6;
margin-left: 10%; } }
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer .collageImg2.reveal {
position: relative;
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
opacity: 1;
-webkit-transition: 2s all ease;
transition: 2s all ease; }
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer .collageImg2.reveal.active {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.editorialApprofondimentoMedia.collageComponentTwoImages .imageContainer .collageImg3 {
display: none; }
.disclaimerInfo {
margin: 0 40px; }
@media (max-width: 767px) {
.disclaimerInfo {
margin: 0 16px; } }
.disclaimerInfo .container {
padding-top: 40px;
margin: 40px 0;
border-top: 1px solid #DBDBDB; }
@media (max-width: 767px) {
.disclaimerInfo .container {
padding-top: 24px;
margin: 32px 0; } }
.SEOInfo {
padding: 40px 80px; }
@media (max-width: 767px) {
.SEOInfo {
padding: 24px 16px; } }
.SEOInfo .container {
padding: 40px 0 0;
border-top: 1px solid #DBDBDB; }
.SEOInfo .container.no-border {
padding-top: 0;
border-top: 0 !important; }
@media (max-width: 767px) {
.SEOInfo .container {
padding-top: 24px; }
.SEOInfo .container.no-border {
padding-top: 0; } }
.SEOInfo .container .Seo-container {
max-width: 100%;
font-size: 14px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; }
.SEOInfo .container .Seo-container p {
margin-bottom: 0; }
.SEOInfo .container .Seo-container.shave-loading {
max-height: 90px;
overflow: hidden; }
.SEOInfo .container .Seo-container.cuttingText {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4; }
.SEOInfo .container .show-all {
overflow: unset !important;
-webkit-line-clamp: unset !important; }
.SEOInfo .container .SEOTitle {
font-size: 24px !important;
font-weight: 300;
line-height: 140%;
letter-spacing: normal;
margin-bottom: 16px;
text-transform: uppercase; }
.SEOInfo .container h1.SEOTitle {
font-weight: 400;
text-transform: none; }
@media (max-width: 767px) {
.SEOInfo .container h1.SEOTitle {
font-size: 20px !important; } }
.SEOInfo .container .readMoreBtn {
font-size: 14px !important;
margin-top: 8px;
text-transform: capitalize !important; }
.editorialProductCarousel-component {
padding: 80px 0; }
@media (max-width: 767px) {
.editorialProductCarousel-component {
padding: 32px 0; } }
.editorialProductCarousel-component .product-carousel-title {
margin-bottom: 32px;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialProductCarousel-component .product-carousel-title {
margin-bottom: 26px; } }
.editorialProductCarousel-component .editorialProductCarousel-container {
position: relative;
margin-left: -12px;
margin-right: -80px; }
@media (min-width: 768px) and (max-width: 1279px) {
.editorialProductCarousel-component .editorialProductCarousel-container {
margin-left: -8px;
margin-right: -40px; } }
@media (max-width: 767px) {
.editorialProductCarousel-component .editorialProductCarousel-container {
margin-left: -4px;
margin-right: -16px; } }
.editorialProductCarousel-component .editorialProductCarousel-container .product-tile-container {
padding-left: 12px;
padding-right: 12px; }
@media (min-width: 768px) and (max-width: 1279px) {
.editorialProductCarousel-component .editorialProductCarousel-container .product-tile-container {
padding-left: 8px;
padding-right: 8px; } }
@media (max-width: 767px) {
.editorialProductCarousel-component .editorialProductCarousel-container .product-tile-container {
padding-left: 4px;
padding-right: 4px; } }
.editorialProductCarousel-component .editorialProductCarousel-container > .tns-outer > .tns-controls > button {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.editorialProductCarousel-component .editorialProductCarousel-container > .tns-outer > .tns-controls > button[data-controls=prev] {
display: none; }
.lookProductShowcase-component {
padding: 80px 0; }
.lookProductShowcase-component .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.lookProductShowcase-component {
padding: 32px 0; } }
@media (min-width: 1280px) {
.lookProductShowcase-component.has-title.has-subtitle {
padding-top: 48px; } }
.lookProductShowcase-component .heading-container {
text-align: center;
color: #373A36;
margin-bottom: 40px; }
.lookProductShowcase-component .heading-container .product-carousel-title {
margin-bottom: 0;
color: #000000; }
@media (min-width: 1280px) {
.lookProductShowcase-component .heading-container .product-carousel-title {
font-size: 32px !important;
letter-spacing: 3.2px; } }
.lookProductShowcase-component .heading-container .subtitle {
max-width: 50%;
margin: 16px auto 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.lookProductShowcase-component .heading-container {
text-align: left;
margin-bottom: 24px; }
.lookProductShowcase-component .heading-container .subtitle {
max-width: 100%; } }
.lookProductShowcase-component .imageContainer {
display: block;
position: relative; }
@media (min-width: 768px) and (max-width: 1023px) {
.lookProductShowcase-component .imageContainer {
margin-left: -40px;
margin-right: -40px;
margin-bottom: -16px; } }
@media (max-width: 767px) {
.lookProductShowcase-component .imageContainer {
margin-left: -16px;
margin-right: -16px;
margin-bottom: -8px; } }
.lookProductShowcase-component .imageContainer img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.lookProductShowcase-component .imageContainer.ratio-1-1 {
aspect-ratio: 1; }
.lookProductShowcase-component .imageContainer.ratio-4-3 {
aspect-ratio: 4/3; }
@media (min-width: 1280px) {
.lookProductShowcase-component .imageContainer.ratio-4-3 {
margin-left: -80px;
overflow: hidden; } }
@media (min-width: 1024px) and (max-width: 1279px) {
.lookProductShowcase-component .imageContainer.ratio-4-3 {
margin-left: -40px;
overflow: hidden; } }
.lookProductShowcase-component .lookProductCarousel-container {
position: relative;
margin-left: -12px;
margin-right: -80px; }
@media (min-width: 1280px) {
.lookProductShowcase-component .lookProductCarousel-container {
padding-left: 75px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
.lookProductShowcase-component .lookProductCarousel-container {
padding-left: 24px;
margin-right: -40px; } }
@media (min-width: 768px) and (max-width: 1023px) {
.lookProductShowcase-component .lookProductCarousel-container {
margin-left: -8px;
margin-right: -40px; } }
@media (max-width: 767px) {
.lookProductShowcase-component .lookProductCarousel-container {
margin-left: -4px;
margin-right: -16px; } }
.lookProductShowcase-component .lookProductCarousel-container .product-tile-container {
padding-left: 12px;
padding-right: 12px; }
@media (min-width: 768px) and (max-width: 1279px) {
.lookProductShowcase-component .lookProductCarousel-container .product-tile-container {
padding-left: 8px;
padding-right: 8px; } }
@media (max-width: 767px) {
.lookProductShowcase-component .lookProductCarousel-container .product-tile-container {
padding-left: 4px;
padding-right: 4px; } }
.lookProductShowcase-component .lookProductCarousel-container .tns-outer .tns-controls button {
top: 10vw;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.lookProductShowcase-component .lookProductCarousel-container .tns-outer .tns-controls button[data-controls=prev] {
display: none; }
@media (min-width: 1024px) and (max-width: 1279px) {
.lookProductShowcase-component .lookProductCarousel-container .tns-outer .tns-controls button {
top: 11.5vw; }
.lookProductShowcase-component .lookProductCarousel-container .tns-outer .tns-controls button[data-controls=next] {
right: 70px; } }
.lookProductShowcase-component .lookProductCarousel-container .tns-outer .tns-nav {
padding-bottom: 0; }
.productGrid-component {
padding: 80px 0; }
.productGrid-component .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.productGrid-component {
padding: 40px 0; } }
.productGrid-component .tns-inner img {
background-color: #ffffff; }
.productGrid-component .product-carousel-icon-container {
text-align: center;
height: 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.productGrid-component .product-carousel-icon-container {
height: auto; } }
.productGrid-component .product-carousel-icon-container .product-carousel-icon-title {
padding: 0 16px; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.productGrid-component .product-carousel-icon-container .product-carousel-icon-title {
margin-top: -18%;
margin-left: 8px; } }
.productGrid-component .product-carousel-icon-container .product-carousel-icon-title img {
height: 32px; }
.productGrid-component .heading-container {
text-align: center;
color: #373A36;
margin-bottom: 24px; }
.productGrid-component .heading-container .product-carousel-title {
margin-bottom: 0;
color: #000000; }
@media (min-width: 1280px) {
.productGrid-component .heading-container .product-carousel-title {
font-size: 32px !important; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.productGrid-component .heading-container {
text-align: left;
margin-bottom: 24px; }
.productGrid-component .heading-container.product-carousel-icon-container {
text-align: center; } }
.productGrid-component .imageContainer {
display: block;
position: relative;
aspect-ratio: 1; }
@media (min-width: 768px) and (max-width: 1023px) {
.productGrid-component .imageContainer {
margin-left: -40px;
margin-right: -40px;
margin-bottom: -16px; } }
@media (max-width: 767px) {
.productGrid-component .imageContainer {
margin-left: -16px;
margin-right: -16px;
margin-bottom: -8px; } }
.productGrid-component .imageContainer img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.productGrid-component .productGrid-container {
position: relative; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.productGrid-component .productGrid-container {
margin-top: -16px; } }
.productGrid-component .productGrid-container .tns-ovh {
margin-right: -16px; }
@media (min-width: 768px) and (max-width: 1023px) {
.productGrid-component .productGrid-container .tns-ovh {
margin-right: -40px; } }
.productGrid-component .productGrid-container .btn-mobile-container {
margin-top: 32px;
margin-bottom: 14px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.productGrid-component .productGrid-container .product-tile-container,
.productGrid-component .productGrid-container .detail-box-container {
padding: 8px;
-webkit-box-flex: 0; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.productGrid-component .productGrid-container .product-tile-container,
.productGrid-component .productGrid-container .detail-box-container {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.productGrid-component .productGrid-container .product-tile-container,
.productGrid-component .productGrid-container .detail-box-container {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.productGrid-component .productGrid-container .product-tile-container .quickview,
.productGrid-component .productGrid-container .detail-box-container .quickview {
display: none; } }
.productGrid-component .productGrid-container .detail-box {
background: #373A36;
color: #ffffff;
aspect-ratio: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
padding: 16px; }
@media (min-width: 1280px) {
.productGrid-component .productGrid-container .detail-box {
padding: 0 20px; } }
.productGrid-component .productGrid-container .detail-box .btn.btn-underline {
color: #ffffff !important; }
.productGrid-component .productGrid-container .detail-box .btn.btn-underline::after {
background-color: #ffffff !important; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.productGrid-component .image-left {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.productGrid-component .image-left .productGrid-container {
margin-left: -4%; }
.productGrid-component .image-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.productGrid-component .image-right .productGrid-container {
margin-right: -4%; } }
.editorialGenericText {
padding: 80px 0;
overflow-wrap: anywhere; }
.editorialGenericText p {
margin-bottom: 0; }
@media (max-width: 767px) {
.editorialGenericText {
padding: 32px 0; } }
.editorialGenericText img {
max-width: 100%;
margin-bottom: 32px; }
@media (max-width: 767px) {
.editorialGenericText img {
max-width: 90%; } }
.editorialGenericText img.vertical-logo {
width: auto;
max-height: 120px; }
@media (max-width: 767px) {
.editorialGenericText img.vertical-logo {
max-height: 95px; } }
@media (max-width: 767px) {
.editorialGenericText {
padding: 40px 16px; } }
.editorialGenericText .row h1 {
font-size: 40px !important;
font-weight: 400;
line-height: 120%;
letter-spacing: normal; }
.editorialGenericText .row h2 {
font-size: 32px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.editorialGenericText .row h3 {
font-size: 24px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialGenericText .row h1 {
font-size: 32px !important;
font-weight: 400;
line-height: 120%;
letter-spacing: normal; }
.editorialGenericText .row h2 {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.editorialGenericText .row h3 {
font-size: 24px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
.editorialGenericText .genericTextCentered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialGenericText .genericTextCentered .text-center {
max-width: 1062px; } }
.editorialGenericText .m-auto .buttonsRowContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.editorialGenericText .m-auto .editorialAlignedButtons {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.editorialGenericText .m-auto .btn-primary,
.editorialGenericText .m-auto .btn-secondary {
width: 100%; }
.editorialGenericText .btn-row {
margin-top: 32px; }
.editorialGenericText .editorialAlignedButtons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px; }
@media (max-width: 767px) {
.editorialGenericText .editorialAlignedButtons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px; } }
.editorialGenericText .editorialAlignedButtons .btn-underline {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.editorialGenericText .buttonsRowContainer {
padding: 0; }
.categoryPage .section-top .editorialGenericText {
margin-bottom: 16px; }
.editorialText404 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
gap: 24px;
padding-top: 40px; }
.editorialText404 .content404 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0px 80px; }
.editorialText404 .content404 p {
margin: 0px;
padding: 0px; }
.editorialText404 .content404 .h2 {
padding-top: 8px;
padding-bottom: 8px;
color: #000000; }
.editorialText404 .content404 h1 {
margin-bottom: 0px; }
.editorialText404 .content404 .label-font-m {
color: #373A36; }
.editorialText404 .content404 .font-m {
color: #000000; }
@media (min-width: 1024px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialText404 {
gap: 32px; }
.editorialText404 .content404 {
padding: 0px 0px; }
.editorialText404 .label-font-m {
font-size: 14px !important;
padding: 0px !important;
margin: 0px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.editorialText404 .h2 {
font-size: 40px !important;
font-style: normal;
font-weight: 400;
line-height: 120%;
padding-top: 0px !important; } }
@media (max-width: 767px) {
.editorialText404 .font-m {
padding: 0px 17% !important; } }
.icon-Burger-Close:before {
color: #000000;
font-weight: 700; }
.editorial-popular-search-container-layout {
padding: 16px 0px 24px 0px;
margin: 0px 16px; }
@media (max-width: 767px) {
.editorial-popular-search-container-layout p {
margin-bottom: 12px; } }
.editorial-popular-search-container-layout .border-top {
border-top: 1px solid #DBDBDB; }
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px), (min-width: 1280px) {
.editorial-popular-search-container-layout {
padding: 24px 0px 56px 0px;
margin: 0px 80px; } }
.editorial-popular-search-container-layout .popular-search-title {
font-size: 14px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal;
text-transform: uppercase;
color: #000000;
padding-bottom: 12px;
margin: 0px; }
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px), (min-width: 1280px) {
.editorial-popular-search-container-layout .popular-search-title {
padding-bottom: 16px;
font-size: 16px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal; } }
.editorial-popular-search-container-layout .popular-search-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.editorial-popular-search-container-layout .popular-search-container .font-s {
color: #373A36;
text-decoration: none;
text-transform: uppercase;
font-size: 14px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; }
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px), (min-width: 1280px) {
.editorial-popular-search-container-layout .popular-search-container .font-s {
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; } }
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px), (min-width: 1280px) {
.editorial-popular-search-container-layout .popular-search-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 48px; } }
.generic-title-text-component {
padding: 16px;
font-size: 14px; }
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px), (min-width: 1280px) {
.generic-title-text-component {
padding: 49px 80px 24px 80px;
font-size: 18px; } }
.generic-title-text-component p {
margin: 0; }
.generic-title-text-component .generic-title-text-component-title {
font-size: 16px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal;
padding-bottom: 8px;
margin: 0px; }
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px), (min-width: 1280px) {
.generic-title-text-component .generic-title-text-component-title {
padding-bottom: 16px;
font-size: 32px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal;
margin: 0px; } }
.generic-title-text-component .generic-title-text-component-title p {
margin-bottom: 0 !important; }
.editorial_accordion {
padding: 80px 0; }
@media (max-width: 767px) {
.editorial_accordion {
padding: 32px 0; } }
.editorial_accordion .accordion .accordion-item {
padding: 16px 0;
border-bottom: 1px solid #DBDBDB; }
.editorial_accordion .accordion .accordion-item .accordionButton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 16px; }
.editorial_accordion .accordion .accordion-item .accordionButton i {
font-size: 24px; }
.editorial_accordion .accordion .accordion-item .accordionButton.collapsed i:before {
content: "\E90C"; }
.editorial_accordion .accordion .accordion-item .accordionButton .titleContainer {
font-weight: 600; }
.editorial_accordion .accordion .accordion-item .accordionButton .titleContainer p {
margin: 0; }
.editorial_accordion .accordion .accordion-item .textContainer {
margin-top: 24px; }
.editorial_accordion .accordion .accordion-item .textContainer p {
margin-bottom: 8px; }
.table thead th {
border-bottom: 0; }
.table-item-component {
border-collapse: separate;
border-spacing: 0;
width: -webkit-fill-available;
margin: auto; }
@media (min-width: 768px) and (max-width: 1280px) {
.table-item-component {
padding: 0 40px; } }
@media (min-width: 1280px) {
.table-item-component {
padding: 0 80px; } }
@media (max-width: 767px) {
.table-item-component {
padding: 0 16px; } }
.table-item-component th {
border: solid 1px #C5C5C5;
border-style: none none solid none;
width: 20%;
background-color: #F2F2F2;
text-align: center;
font-size: 14px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
.table-item-component td {
border: solid 1px #C5C5C5;
border-style: none none solid none;
padding: 10px;
width: 20%;
text-align: center;
font-size: 12px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal; }
.editorialShoppingFor {
padding: 40px 0 48px 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialShoppingFor {
padding: 32px 0 32px 0; } }
.editorialShoppingFor .editorialShoppingForTitle {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
color: #000000;
margin-bottom: 24px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialShoppingFor .editorialShoppingForTitle {
margin-bottom: 16px;
font-size: 28px !important; } }
.editorialShoppingFor .editorialShoppingForContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 16px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialShoppingFor .editorialShoppingForContainer {
gap: 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.editorialShoppingFor .editorialShoppingForContainer .editorialShoppingForButton {
min-width: 160px;
height: 46px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialShoppingFor .editorialShoppingForContainer .editorialShoppingForButton {
min-width: calc(50% - 4px) !important; } }
.editorialShoppingFor .editorialShoppingForContainer .editorialShoppingForButton a {
width: 100%; }
.editorialShoppingFor .editorialShoppingForContainer .editorialShoppingForButton a h3 {
font-size: 14px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: normal;
letter-spacing: 0.56px;
margin-bottom: 0px; }
.editorialTopCategorie {
padding: 48px 0 56px 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialTopCategorie {
padding: 24px 0 32px 0; }
.editorialTopCategorie .tns-outer {
margin-right: -16px; } }
.editorialTopCategorie .editorialTopCategorieTitle {
margin-bottom: 40px;
color: #000000;
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialTopCategorie .editorialTopCategorieTitle {
font-size: 28px !important;
margin-bottom: 24px; } }
.editorialTopCategorie .editorialTopCategorieContainer:not(.tns-slider) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 24px; }
.editorialTopCategorie .editorialTopCategorieContainer .editorialTopCategorieSingle {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.editorialTopCategorie .editorialTopCategorieContainer .editorialTopCategorieSingle .imageContainer {
aspect-ratio: 3/4;
background-color: #F2F2F2; }
.editorialTopCategorie .editorialTopCategorieContainer .editorialTopCategorieSingle .imageContainer img.imgBg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.editorialTopCategorie .editorialTopCategorieContainer .editorialTopCategorieSingle .editorialTopCategorieSingleContent {
text-align: center;
margin-top: 16px; }
.editorialTopCategorie .editorialTopCategorieContainer .editorialTopCategorieSingle .editorialTopCategorieSingleContent .editorialTopCategorieSingleContentTitle h3 {
font-size: 20px !important;
font-weight: 700;
line-height: 140%;
letter-spacing: normal;
margin-bottom: 0px;
text-transform: uppercase;
color: #373A36; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialTopCategorie .editorialTopCategorieContainer .editorialTopCategorieSingle .editorialTopCategorieSingleContent .editorialTopCategorieSingleContentTitle h3 {
font-size: 16px !important; } }
.editorialSliderCenterMode {
padding: 40px 0;
overflow: hidden; }
.editorialSliderCenterMode.Occasion {
padding-bottom: 30px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialSliderCenterMode {
padding: 24px 0 16px; } }
.editorialSliderCenterMode .container-fluid {
padding-left: 0px;
padding-right: 0px; }
.editorialSliderCenterMode .container-fluid .col-12 {
padding-left: 0px;
padding-right: 0px; }
.editorialSliderCenterMode .editorialSliderCenterModeTitle {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialSliderCenterMode .editorialSliderCenterModeTitle {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
.editorialSliderCenterMode:not(.Occasion) .editorialSliderCenterModeContainer {
cursor: url("../../images/icons/cursor-drag.svg") 32 32, auto; }
.editorialSliderCenterMode:not(.Occasion) .editorialSliderCenterModeContainer .slick-slide {
cursor: url("../../images/icons/cursor-drag.svg") 32 32, auto; }
.editorialSliderCenterMode:not(.Occasion) .editorialSliderCenterModeContainer .slick-slide .image-container {
cursor: url("../../images/icons/cursor-drag.svg") 32 32, auto;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.editorialSliderCenterMode:not(.Occasion) .editorialSliderCenterModeContainer .slick-slide.slick-center {
cursor: url("../../images/icons/cursor-discover.svg") 32 32, auto; }
.editorialSliderCenterMode:not(.Occasion) .editorialSliderCenterModeContainer .slick-slide.slick-center .image-container {
cursor: url("../../images/icons/cursor-discover.svg") 32 32, auto;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.editorialSliderCenterMode .editorialSliderCenterModeContainer {
margin-left: -15px;
margin-right: -15px; } }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .slick-track .col {
padding: 0px; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none !important;
width: 43.6vw;
-webkit-transform: scale(0.557);
transform: scale(0.557);
margin-left: -2.9vw;
margin-right: -2.9vw; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container:focus, .editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container:-moz-drag-over, .editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container:active, .editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container:current, .editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container:focus-visible {
border: none;
box-sizing: content-box;
outline: none; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container {
width: 65.28vw;
-webkit-transform: scale(0.65);
transform: scale(0.65); } }
@media (min-width: 1281px) and (max-width: 1919px) {
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container {
width: 600px; } }
@media (min-width: 1920px) {
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container {
width: 740px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container {
margin-left: -5.65vw;
margin-right: -5.65vw; } }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container.slick-center {
-webkit-transform: scale(1);
transform: scale(1);
margin-left: -2.9vw;
margin-right: -2.9vw; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container.slick-center {
margin-left: -5.65vw;
margin-right: -5.65vw; } }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container.slick-center .product-tile-bottom {
margin-left: 17.44%;
margin-right: 17.44%; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container.slick-center .product-tile-bottom {
margin-left: 0;
margin-right: 0; } }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile {
background-color: transparent; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile .product-tile-top .product-badges {
display: none; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile .image-container {
background-color: transparent;
max-width: 480px;
margin: 10px auto; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile .product-tile-bottom {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding-top: 0px;
margin-bottom: 8px;
padding-bottom: 0px;
position: relative;
z-index: 1; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile .product-tile-bottom .product-tags {
display: none; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile .product-tile-bottom .pdp-link {
line-height: 1;
margin-bottom: 4px; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile .product-tile-bottom .pdp-link a {
color: #000000;
font-size: 14px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 0px; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile .product-tile-bottom .category {
font-size: 12px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 16px; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile .product-tile-bottom .product-price .sales .value {
font-size: 14px; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile .product-tile-bottom .colors span {
font-size: 12px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container .product-tile .product-tile-bottom {
margin-top: 10.29px; } }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container:not(.slick-center) {
opacity: 0.6;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container:not(.slick-center) .image-container {
-webkit-transform: scale(1);
transform: scale(1);
background-color: #F2F2F2; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container:not(.slick-center):has(.product) .product-tile-bottom {
display: none; }
.editorialSliderCenterMode .editorialSliderCenterModeContainer .product-tile-container:not(.slick-center) .product-tile-bottom {
display: none; }
.Occasion .slick-dots li.slick-active button::before {
color: #6A6A6A; }
.Occasion .slick-dots li button::before {
color: #C5C5C5; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.Occasion {
margin-top: 32px;
padding-top: 16px; } }
.Occasion .slick-arrow {
z-index: 2;
background-color: #000000;
opacity: 0.4;
width: 48px;
height: 48px;
border-radius: 100%;
top: 42%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.Occasion .slick-arrow {
display: none;
opacity: 0; }
.Occasion .slick-arrow::before {
display: none; } }
.Occasion .slick-arrow::before {
font-family: 'geoxicons' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #ffffff;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.Occasion .slick-arrow.slick-prev {
left: 36px; }
@media (min-width: 1024px) and (max-width: 1279px) {
.Occasion .slick-arrow.slick-prev {
left: 52px; } }
.Occasion .slick-arrow.slick-prev::before {
content: "\E90A"; }
.Occasion .slick-arrow.slick-next {
right: 36px; }
@media (min-width: 1024px) and (max-width: 1279px) {
.Occasion .slick-arrow.slick-next {
right: 52px; } }
.Occasion .slick-arrow.slick-next::before {
content: "\E920"; }
.Occasion .editorialSliderCenterModeTitle {
padding-bottom: 40px;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.Occasion .editorialSliderCenterModeTitle {
padding-bottom: 24px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.Occasion .editorialSliderCenterModeContainer {
margin-left: -15px;
margin-right: -15px; } }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
width: 43.6vw;
-webkit-transform: scale(0.8);
transform: scale(0.8);
margin-left: -1.6vw;
margin-right: -1.6vw;
outline: none;
/*
&:not(.slick-active) {
opacity: 0;
@media (max-width: 767px),
(min-width: 768px) and (max-width: 1279px) {
opacity: 0.6;
}
}
*/ }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle {
width: 72.22vw;
-webkit-transform: scale(0.68);
transform: scale(0.68);
margin-left: -3.22vw;
margin-right: -3.22vw; } }
@media (min-width: 1920px) {
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle {
width: 800px; } }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle.slick-center {
margin-top: 0 !important;
-webkit-transform: scale(1);
transform: scale(1);
margin-left: -1.6vw;
margin-right: -1.6vw;
outline: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle.slick-center {
margin-left: -3.22vw;
margin-right: -3.22vw; } }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle .editorialSliderCenterSingleInside {
margin: 0; }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle .editorialSliderCenterSingleInside .imageContainer {
background-color: #F2F2F2; }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.slick-center) {
opacity: 0.6;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.slick-center) .editorialSliderCenterSingleInside .editorialSliderCenterSingleContent {
display: none;
opacity: 0 !important; }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.editorialSliderCenterSingleWithProduct) .imageContainer {
aspect-ratio: 4/3; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.editorialSliderCenterSingleWithProduct) .imageContainer {
aspect-ratio: 3/4; } }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.editorialSliderCenterSingleWithProduct) .imageContainer img.imgBg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.editorialSliderCenterSingleWithProduct) .editorialSliderCenterSingleContent {
margin-top: 32px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 1; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.editorialSliderCenterSingleWithProduct) .editorialSliderCenterSingleContent {
margin-top: 16px; } }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.editorialSliderCenterSingleWithProduct) .editorialSliderCenterSingleContent .editorialSliderCenterSingleContentTitle h3 {
font-size: 24px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal;
text-transform: uppercase;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1279px) {
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.editorialSliderCenterSingleWithProduct) .editorialSliderCenterSingleContent .editorialSliderCenterSingleContentTitle h3 {
font-size: 20px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; } }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.editorialSliderCenterSingleWithProduct) .editorialSliderCenterSingleContent .editorialSliderCenterSingleContentDescription {
color: #373A36;
margin-top: 8px; }
.Occasion .editorialSliderCenterModeContainer .editorialSliderCenterSingle:not(.editorialSliderCenterSingleWithProduct) .editorialSliderCenterSingleContent .editorialSliderCenterSingleContentDescription p {
margin-bottom: 0px; }
@media (min-width: 1280px) {
.shoppingForSection {
width: 90%; } }
@media (min-width: 1920px) and (max-width: 2560px) {
.shoppingForSection {
width: 95%; } }
@media (min-width: 2560px) {
.shoppingForSection {
width: 100%; } }
@media (max-width: 767px) {
.shoppingForSection .editorialLancioCategorieSingleContent {
padding: 16px 8px 0 !important; } }
.shoppingForSection .editorialLancioCategorieSingleContent .editorialLancioCategorieSingleContentTitle h2 {
color: #000000;
margin-bottom: 0px;
text-transform: uppercase;
font-size: 24px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.shoppingForSection .editorialLancioCategorieSingleContent .editorialLancioCategorieSingleContentTitle h2 {
font-size: 14px !important; } }
.shoppingForSection .imageContainer {
cursor: pointer; }
.editorialDiscoverGeox {
background-color: #F2F2F2 !important;
padding-bottom: 59px !important;
padding-top: 0 !important; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialDiscoverGeox {
padding-bottom: 31px !important; } }
.editorialDiscoverGeox .editorialDiscoverTitle {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
padding: 64px 0 40px;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialDiscoverGeox .editorialDiscoverTitle {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
padding: 32px 0; } }
.editorialDiscoverGeox .editorialDiscoverContent {
text-align: center;
padding-top: 24px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialDiscoverGeox .editorialDiscoverContent {
padding-top: 16px; } }
.editorialDiscoverGeox .editorialDiscoverContentTitle h3 {
color: #000000;
margin-bottom: 0px;
text-transform: uppercase;
font-size: 20px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal; }
.seo-editorial-component {
padding: 16px 8px; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.seo-editorial-component {
margin-top: 24px !important;
margin-bottom: 24px !important; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.seo-editorial-component {
padding: 24px 0px; } }
.seo-editorial-component .seo-editorial-title {
color: #373A36;
font-size: 16px !important;
font-weight: 600;
line-height: 160%;
letter-spacing: normal;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 0; }
@media (max-width: 767px) {
.seo-editorial-component .seo-editorial-title {
width: 90%;
font-size: 20px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal; } }
.seo-editorial-component i {
font-size: 16px;
line-height: 1;
margin-top: 2px; }
.seo-editorial-component .seo-editorial-text {
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 9;
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
color: #373A36;
text-overflow: ellipsis;
padding-top: 25.6px; }
@media (max-width: 767px) {
.seo-editorial-component .seo-editorial-text {
padding-top: 16px;
font-size: 14px !important; } }
.seo-editorial-component .seo-editorial-text p:last-of-type {
margin-bottom: 0px; }
.editorial-insight-component {
padding-top: 32px;
padding-bottom: 32px; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorial-insight-component {
padding: 32px 32px 32px 128px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorial-insight-component .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
.editorial-insight-component .editorial-insight-content {
-ms-flex-item-align: center;
align-self: center; }
.editorial-insight-component .editorial-insight-content .editorial-insight-label {
font-size: 14px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 8px;
text-transform: uppercase; }
.editorial-insight-component .editorial-insight-content .editorial-insight-title {
color: #000000;
font-size: 40px !important;
font-weight: 300;
line-height: 130%;
letter-spacing: normal; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorial-insight-component .editorial-insight-content .editorial-insight-title {
margin-bottom: 24px;
font-size: 28px !important;
font-weight: 300;
line-height: 130%;
letter-spacing: normal; } }
.editorial-insight-component .editorial-insight-content .editorial-insight-text {
color: #373A36;
max-width: 411px;
margin-bottom: 32px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorial-insight-component .editorial-insight-content .editorial-insight-text {
width: auto;
max-width: unset;
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
max-height: 76px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorial-insight-component .editorial-insight-content .editorial-insight-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.editorial-insight-component .editorial-insight-image {
aspect-ratio: 786/589; }
.editorial-insight-component .editorial-insight-image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorial-insight-component .editorial-insight-image {
padding-bottom: 40px; } }
.notfound-section-main .imageContainer {
background-color: #F2F2F2; }
.promo-section-login .promo-container,
.promo-section-register .promo-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 599px;
height: calc(100vh - 113px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.promo-section-login .promo-container,
.promo-section-register .promo-container {
min-height: 200px;
height: unset;
width: 100%; } }
.promo-section-login .promo-container .border-line,
.promo-section-register .promo-container .border-line {
width: 519px;
height: calc(100vh - 193px);
top: 40px;
left: 40px;
position: absolute; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.promo-section-login .promo-container .border-line,
.promo-section-register .promo-container .border-line {
display: none; } }
.promo-section-login .promo-container .image-text,
.promo-section-register .promo-container .image-text {
position: absolute;
top: 55%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.promo-section-login .promo-container .image-text,
.promo-section-register .promo-container .image-text {
width: 399px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.promo-section-login .promo-container .image-text,
.promo-section-register .promo-container .image-text {
position: unset;
-webkit-transform: none;
transform: none;
padding: 28px 18px;
gap: 8px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.promo-section-login .promo-container .image-text .title,
.promo-section-register .promo-container .image-text .title {
font-size: 28px !important; } }
.promo-section-login .promo-container .image-text .subtitle,
.promo-section-register .promo-container .image-text .subtitle {
font-size: 14px; }
.promo-section-login .promo-container img,
.promo-section-register .promo-container img {
max-height: 50px;
max-width: 172px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.promo-section-login .promo-container img,
.promo-section-register .promo-container img {
max-width: 122px;
max-height: 35px; } }
.hubHeroTextComponent {
padding-top: 66px;
text-align: center;
width: auto;
margin: auto; }
.hubHeroTextComponent .container-wull-width {
padding: 0 1px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.hubHeroTextComponent {
padding-top: 24px; } }
.hubHeroTextComponent h1 {
font-size: 48px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 8px;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.hubHeroTextComponent h1 {
font-size: 32px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
.hubHeroTextComponent p {
margin-bottom: auto;
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
color: #373A36; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.hubHeroTextComponent p {
font-size: 14px !important;
font-weight: 400;
line-height: normal;
letter-spacing: normal; } }
.hubHeroTextComponent .hubHeroText {
max-width: 846px;
margin: auto; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.hubHeroTextComponent .hubHeroText {
padding: 0 14px; } }
.hubHeroTextComponent .hub-nav-container {
padding: 24px 0 0;
border-bottom: 1px solid #F2F2F2;
overflow: hidden; }
@media (max-width: 767px) {
.hubHeroTextComponent .hub-nav-container {
padding: 24px 0 0;
border-bottom: 1px solid #DBDBDB;
gap: 20px; } }
@media (min-width: 768px) and (max-width: 1279px) {
.hubHeroTextComponent .hub-nav-container {
padding: 24px 0 0;
border-bottom: 1px solid #DBDBDB;
gap: 20px; } }
.hubHeroTextComponent .hub-nav-container .tns-inner {
line-height: 0 !important; }
.hubHeroTextComponent .hub-nav-container .tns-outer .tns-controls button[data-controls=next] {
display: none; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.hubHeroTextComponent .hub-nav-container .tns-outer .tns-controls button[data-controls=next] {
display: block;
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 70%);
right: 5px;
z-index: 1;
width: 40px;
top: 21px;
height: 60%; } }
.hubHeroTextComponent .hub-nav-container .tns-outer .tns-controls button[data-controls=prev] {
display: none; }
.hubHeroTextComponent .hub-nav-menu:not(.tns-slider) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
overflow: hidden;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.hubHeroTextComponent .hub-nav-menu .hub-menu-item {
color: #373A36;
font-size: 14px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.hubHeroTextComponent .hub-nav-menu .hub-menu-item.selected {
font-size: 14px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal;
letter-spacing: 1.4px;
text-decoration: underline;
text-decoration: none !important; }
.hubHeroTextComponent .hub-nav-menu .hub-menu-item.selected a {
border-bottom: 2px solid #373A36 !important; }
.hubHeroTextComponent .hub-nav-menu .hub-menu-item.selected a:hover {
padding-bottom: 16px;
margin-bottom: 0px; }
@media (max-width: 767px) {
.hubHeroTextComponent .hub-nav-menu .hub-menu-item.selected a:hover {
text-decoration: none; } }
.hubHeroTextComponent .hub-nav-menu .hub-menu-item a {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 8px 0 16px; }
.hubHeroTextComponent .hub-nav-menu .hub-menu-item a:hover {
padding-bottom: 16px;
border-bottom: 2px solid #373A36; }
.editorialHubBlogSection {
padding: 86px 0px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHubBlogSection {
padding: 8px 0; } }
.editorialHubBlogSection .editorialHubBlogSectionContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubBlogContentCard {
padding: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 26px 12px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubBlogContentCard {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 24px 10px; } }
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubContentCardSingle {
background-color: #ffffff;
text-align: center;
height: 100%; }
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubContentCardSingle img {
width: -webkit-fill-available;
margin-bottom: 24px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubContentCardSingle img {
margin-bottom: 16px; } }
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubContentCardSingle .hubContentInfo {
padding: 0 43px 32px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubContentCardSingle .hubContentInfo {
padding: 0 41px 30px; } }
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubContentCardSingle .hubContentInfo .hubContentTitle h2 {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 8px;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubContentCardSingle .hubContentInfo .hubContentTitle h2 {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubContentCardSingle .hubContentInfo .hubContentText {
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
color: #373A36; }
.editorialHubBlogSection .editorialHubBlogSectionContainer .editorialHubContentCardSingle .hubContentInfo .btn {
text-transform: uppercase;
font-size: 14px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: normal;
margin: auto; }
.newsInspirationListingContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 64px 0px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.newsInspirationListingContainer {
padding: 32px 0; } }
.newsInspirationListingContainer .newsInspirationListingCard {
padding: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
padding: 0 12px 40px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.newsInspirationListingContainer .newsInspirationListingCard {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0 10px 16px; } }
.newsInspirationListingContainer .newsInspirationListingCard .newsInfo {
cursor: pointer; }
.newsInspirationListingContainer .imageContainer {
aspect-ratio: 4/3; }
.newsInspirationListingContainer .imageContainer img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.newsInspirationListingContainer .newsInspirationInfo {
padding: 16px; }
.newsInspirationListingContainer .newsInspirationInfo .newsInspirationTag {
font-size: 14px !important;
font-weight: 700;
line-height: 130%;
letter-spacing: normal;
text-transform: uppercase;
color: #818181;
padding-bottom: 8px;
min-height: 26.2px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.newsInspirationListingContainer .newsInspirationInfo .newsInspirationTag {
font-size: 12px !important;
font-weight: 700;
line-height: 140%;
letter-spacing: normal; } }
.newsInspirationListingContainer .newsInspirationInfo .newsInspirationTitle h3 {
font-size: 20px !important;
font-weight: 700;
line-height: 140%;
letter-spacing: normal; }
.newsInspirationListingContainer .newsInspirationInfo .newsInspirationText p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-ms-flex-item-align: stretch;
align-self: stretch;
overflow: hidden;
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
color: #373A36;
padding-bottom: 16px;
margin: 0;
height: 50px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.newsInspirationListingContainer .newsInspirationInfo .newsInspirationText p {
font-size: 14px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
height: 47px;
padding-bottom: 0; } }
.newsInspirationListingContainer .readMoreContainer {
height: 20px;
padding-left: 16px;
margin-bottom: 24px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.newsInspirationListingContainer .readMoreContainer {
display: none !important; } }
.newsInspirationListingContainer .newsReadMore {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
font-size: 16px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: normal;
text-underline-offset: 4px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content; }
.newsInspirationListingContainer .newsReadMore:focus {
-webkit-box-shadow: none;
box-shadow: none; }
.newsInspirationListingContainer .newsReadMore .icon-Send {
margin-top: 3px;
font-size: 21px; }
.newsInspirationListingContainer .show-more-news {
padding-top: 24px; }
.newsInspirationListingContainer .show-more-news .product-count {
font-size: 12px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal;
text-transform: lowercase; }
.hubNavAnchorContainer {
padding-top: 24px; }
.hubNavAnchorContainer .optionsContainer.mb {
margin-bottom: 80px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.hubNavAnchorContainer .optionsContainer.mb {
margin-bottom: 30px; } }
.hubNavAnchorContainer .hubAnchorListContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.hubNavAnchorContainer .hubAnchorListContainer {
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset; } }
.hubNavAnchorContainer .hubAnchorListContainer::-webkit-scrollbar {
display: none; }
.hubNavAnchorContainer .hubAnchorTabs {
display: contents; }
.hubNavAnchorContainer .hubAnchorTabs .blogTab-label {
-webkit-box-flex: 0 !important;
-ms-flex: 0 0 max-content !important;
flex: 0 0 max-content !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4px 8px;
background-color: #F2F2F2;
text-align: center;
margin-bottom: 0px;
color: #373A36;
height: 40px;
white-space: nowrap;
cursor: pointer;
font-size: 14px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.hubNavAnchorContainer .hubAnchorTabs .blogTab-label p {
margin: 0;
text-wrap: nowrap; }
.hubNavAnchorContainer .hubAnchorTabs .blogTab-radio {
display: none; }
.hubNavAnchorContainer .hubAnchorTabs .blogTab-radio:checked + .blogTab-label {
font-weight: 600;
border: 1px solid #373A36; }
.hubNavAnchorContainer .hubAnchorTabs .blogTab-radio:checked + .blogTab-label + .hubAnchorCardsContainer {
display: initial; }
.hubNavAnchorContainer .hubAnchorCardsContainer {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%; }
.hubNavAnchorContainer .hubAnchorCardsContainer .editorialApprofondimentoMediaBackHor,
.hubNavAnchorContainer .hubAnchorCardsContainer .editorialApprofondimentoMediaBackVer,
.hubNavAnchorContainer .hubAnchorCardsContainer .editorialHeroImage,
.hubNavAnchorContainer .hubAnchorCardsContainer .editorialHeroVideo {
scroll-margin: 112px;
scroll-behavior: smooth; }
.hubNavAnchorContainer .editorialApprofondimentoMedia {
margin-bottom: 0 !important; }
.hubNavAnchorContainer .editorialHeroImage {
margin-top: 80px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.hubNavAnchorContainer .editorialHeroImage {
margin-top: 32px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.hubNavAnchorContainer .editorialHeroVideo .secondRow {
margin-top: 32px; } }
.editorialRelatedContentSection {
background-color: #F2F2F2;
padding-top: 64px;
padding-bottom: 48px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialRelatedContentSection {
padding: 32px 0; } }
.editorialRelatedContentSection .editorialRelatedContentTitle {
text-transform: uppercase;
color: #000000;
font-size: 32px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialRelatedContentSection .editorialRelatedContentTitle {
font-size: 24px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
padding-bottom: 12px; } }
.editorialRelatedContentSection .editorialRelatedContentContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialRelatedContentCard {
padding: 0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 17px 12px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialRelatedContentCard {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 12px 10px; } }
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialHubContentCardSingle {
background-color: #ffffff;
text-align: center; }
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialHubContentCardSingle img {
width: -webkit-fill-available;
margin-bottom: 24px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialHubContentCardSingle img {
margin-bottom: 16px; } }
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialHubContentCardSingle .hubContentInfo {
padding: 0 43px 32px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialHubContentCardSingle .hubContentInfo {
padding: 0 41px 30px; } }
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialHubContentCardSingle .hubContentInfo .hubContentTitle h2 {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 8px;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialHubContentCardSingle .hubContentInfo .hubContentTitle h2 {
font-size: 28px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; } }
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialHubContentCardSingle .hubContentInfo .hubContentText {
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
padding-bottom: 16px;
color: #373A36; }
.editorialRelatedContentSection .editorialRelatedContentContainer .editorialHubContentCardSingle .hubContentInfo .btn {
text-transform: uppercase;
font-size: 14px !important;
font-weight: 700;
line-height: 160%;
letter-spacing: normal;
margin: auto; }
.editorialDetailsInsightSlider {
padding-bottom: 10px; }
@media (max-width: 767px) {
.editorialDetailsInsightSlider {
padding: 16px 0 0 16px; } }
@media (max-width: 767px) {
.editorialDetailsInsightSlider .editorialDetailsInsightSingle .container {
padding-left: 0;
padding-right: 0; } }
.editorialDetailsInsightSlider .editorial-insight-image {
padding-bottom: unset !important; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialDetailsInsightSlider .editorial-insight-content {
padding: 16px 16px 0 16px; }
.editorialDetailsInsightSlider .editorial-insight-content .editorial-insight-title {
margin-bottom: 8px; }
.editorialDetailsInsightSlider .editorial-insight-content .editorial-insight-title p {
margin-bottom: 0; }
.editorialDetailsInsightSlider .editorial-insight-content .editorial-insight-text {
margin-bottom: 0; }
.editorialDetailsInsightSlider .editorial-insight-content .editorial-insight-button {
display: none; } }
.editorialDetailsInsightSlider .editorialLandscapeSliderRow {
position: relative; }
.editorialDetailsInsightSlider .editorialDetailsInsightContainer .editorialDetailsInsightSingle img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.editorialDetailsInsightSlider .tns-outer .tns-controls button[data-controls=next] {
right: 2%; }
.editorialDetailsInsightSlider .tns-outer .tns-controls button[data-controls=prev] {
left: 2%; }
.editorialDetailsInsightSlider .tns-outer .tns-controls button {
top: calc(50% - 60px); }
.editorialDetailsInsightSlider .tns-outer .tns-inner {
overflow: visible; }
.editorialHeroSlider {
position: relative; }
.editorialHeroSlider .tns-outer .tns-nav {
position: absolute;
bottom: 48px;
right: 80px;
z-index: 2;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
@media (min-width: 1024px) and (max-width: 1279px) {
.editorialHeroSlider .tns-outer .tns-nav {
right: 40px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHeroSlider .tns-outer .tns-nav {
bottom: 24px;
right: unset;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0); } }
.editorialHeroSlider .tns-outer .tns-nav button {
width: 4px;
height: 4px;
margin: 0 4px;
background-color: transparent;
-webkit-transition: initial;
transition: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative; }
.editorialHeroSlider .tns-outer .tns-nav button:before {
content: '';
height: 4px;
width: 4px;
border-radius: 5px;
display: block;
background-color: rgba(0, 0, 0, 0.5); }
.editorialHeroSlider .tns-outer .tns-nav button:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 0;
height: 4px;
border-radius: 5px;
background-color: #ffffff; }
.editorialHeroSlider .tns-outer .tns-nav button.tns-nav-active {
width: 28px; }
.editorialHeroSlider .tns-outer .tns-nav button.tns-nav-active:before {
width: 28px;
background-color: rgba(0, 0, 0, 0.5); }
.editorialHeroSlider .tns-outer .tns-nav button.tns-nav-active:after {
width: 28px;
-webkit-animation: fill-width 5s linear forwards;
animation: fill-width 5s linear forwards; }
.editorialHeroSlider .editorialHeroSliderItem .textContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialHeroSlider .editorialHeroSliderItem .textContainer.text-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 80px; }
.editorialHeroSlider .editorialHeroSliderItem .textContainer.text-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-right: 80px; } }
@media (min-width: 1024px) and (max-width: 1279px) {
.editorialHeroSlider .editorialHeroSliderItem .textContainer.text-left {
padding-left: 40px; }
.editorialHeroSlider .editorialHeroSliderItem .textContainer.text-right {
padding-right: 40px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHeroSlider .editorialHeroSliderItem .textContainer.text-left, .editorialHeroSlider .editorialHeroSliderItem .textContainer.text-right {
text-align: center !important; } }
.editorialHeroSlider .editorialHeroSliderItem .textContainer .bannerLogo {
margin-bottom: 8px; }
.editorialHeroSlider .editorialHeroSliderItem .textContainer .bannerLogo img {
max-width: 300px;
height: auto; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHeroSlider .editorialHeroSliderItem .textContainer .bannerLogo img {
max-width: 220px; } }
.editorialHeroSlider .editorialHeroSliderItem .textContainer .bannerTitle {
margin-bottom: 8px; }
.editorialHeroSlider .editorialHeroSliderItem .textContainer .bannerTitle h2 {
margin-bottom: 0;
font-weight: 600; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px), (min-width: 1024px) and (max-width: 1279px) {
.editorialHeroSlider .editorialHeroSliderItem .textContainer .bannerTitle h2 {
font-size: 28px !important; } }
.editorialHeroSlider .editorialHeroSliderItem .textContainer .bannerSubtitle {
font-weight: 600;
margin-bottom: 0; }
.editorialHeroSlider .editorialHeroSliderItem .textContainer .bannerActions {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 24px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.editorialHeroSlider .editorialHeroSliderItem .textContainer .bannerActions .btn .line {
background-color: #ffffff; }
.editorialHeroSlider .editorialHeroSliderItem .textShadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(30.36% 35.35% at 53.68% 46.74%, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialHeroSlider .editorialHeroSliderItem .textShadow.text-left {
-webkit-transform: translate(-30%, 0%);
transform: translate(-30%, 0%); }
.editorialHeroSlider .editorialHeroSliderItem .textShadow.text-right {
left: unset;
right: 0;
width: 45%; } }
.editorialHeroSlider .editorialHeroSliderItem .imageContainer img.imgBg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.editorialHeroSlider .editorialHeroSliderItem .imageContainer .image-link {
display: block; }
.editorialHeroSlider .editorialHeroSliderItem:not(.promoBannerItem) .textContainer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialHeroSlider .editorialHeroSliderItem:not(.promoBannerItem) .imageContainer {
aspect-ratio: 1920/1080; }
.editorialHeroSlider .editorialHeroSliderItem:not(.promoBannerItem) .textContainer .bannerTitle,
.editorialHeroSlider .editorialHeroSliderItem:not(.promoBannerItem) .textContainer .bannerSubtitle {
max-width: 60%; }
.editorialHeroSlider .editorialHeroSliderItem:not(.promoBannerItem) .textContainer.text-left .bannerTitle,
.editorialHeroSlider .editorialHeroSliderItem:not(.promoBannerItem) .textContainer.text-left .bannerSubtitle, .editorialHeroSlider .editorialHeroSliderItem:not(.promoBannerItem) .textContainer.text-right .bannerTitle,
.editorialHeroSlider .editorialHeroSliderItem:not(.promoBannerItem) .textContainer.text-right .bannerSubtitle {
max-width: 40%; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHeroSlider .editorialHeroSliderItem:not(.promoBannerItem) .imageContainer {
aspect-ratio: 1080/1920; }
.editorialHeroSlider .editorialHeroSliderItem:not(.promoBannerItem) .textContainer {
padding: 40px 16px; } }
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textShadow {
display: none; }
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textContainer .bannerLogo img {
max-width: 250px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textContainer .bannerLogo img {
max-width: 200px; } }
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textContainer .bannerSubtitle {
font-size: 14px !important;
font-weight: 600;
line-height: 160%;
letter-spacing: normal; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .imageContainer,
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textContainer {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .imageContainer {
aspect-ratio: 1; }
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textContainer .bannerTitle,
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textContainer .bannerSubtitle {
max-width: 75%;
margin-left: auto;
margin-right: auto; }
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textContainer .bannerActions {
max-width: 50%;
margin-left: auto;
margin-right: auto; } }
@media (min-width: 1024px) and (max-width: 1279px) {
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textContainer .bannerActions {
max-width: 50%; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .imageContainer,
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textContainer {
height: 50%; }
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .imageContainer {
aspect-ratio: 720/620; }
.editorialHeroSlider .editorialHeroSliderItem.promoBannerItem .textContainer {
padding: 16px 16px 40px;
min-height: 85vw; } }
.editorialHeroSlider .editorialHeroSliderItem.videoItem {
line-height: 0; }
.editorialHeroSlider .editorialHeroSliderItem.videoItem .video-link {
display: block; }
.editorialHeroSlider .editorialHeroSliderItem.videoItem .videoHero {
background-color: #F2F2F2;
aspect-ratio: 1280/720;
-o-object-fit: cover;
object-fit: cover; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialHeroSlider .editorialHeroSliderItem.videoItem .videoHero {
aspect-ratio: 640/360; }
.editorialHeroSlider .editorialHeroSliderItem.videoItem .videoHero.vertical {
aspect-ratio: 360/640; } }
.editorialHeroSlider .editorialHeroSliderItem.videoItem .videoHero.vimeo {
width: 100%; }
.editorialHeroSlider .editorialHeroSliderSingle.single-slide {
cursor: pointer; }
@-webkit-keyframes fill-width {
0% {
width: 0; }
100% {
width: 100%; } }
@keyframes fill-width {
0% {
width: 0; }
100% {
width: 100%; } }
.news-inspiration-details-container .editorialShoppingFor,
.tech-sustainability-details-container .editorialShoppingFor {
padding: 24px 0 !important; }
.hub-page-container .editorialApprofondimentoMedia {
margin-bottom: 0; }
.blogGenericTextContainer .blog-generic-heading {
font-size: 20px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal;
padding-bottom: 16px;
color: #373A36; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.blogGenericTextContainer .blog-generic-heading {
padding-bottom: 12px; } }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.blogGenericTextContainer .blog-generic-heading.heading-border {
border-top: none !important; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.blogGenericTextContainer .blog-generic-heading.heading-border {
padding-top: 24px;
border-top: 1px solid #DBDBDB; } }
.blogGenericTextContainer .blog-generic-text {
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
color: #373A36; }
.blogGenericTextContainer .blog-generic-text h2 {
font-size: 32px !important; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.blogGenericTextContainer .blog-generic-text h2 {
font-size: 28px !important; } }
.blogGenericTextContainer .blog-generic-heading,
.blogGenericTextContainer .blog-generic-text {
max-width: 852px;
margin: auto; }
.editorialSimpleHero {
padding-top: 17px; }
.editorialSimpleHero .imageContainer,
.editorialSimpleHero .videoContainer {
margin-top: 0;
padding-bottom: 28px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialSimpleHero .imageContainer,
.editorialSimpleHero .videoContainer {
padding-bottom: 40px; } }
.editorialSimpleHero .editorialHeroTitle {
font-size: 40px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
padding-bottom: 6px;
margin-bottom: 0;
max-width: 566px;
color: #000000; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialSimpleHero .editorialHeroTitle {
font-size: 32px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
padding-bottom: 16px; } }
.editorialSimpleHero .editorialHeroImageDescriptionBottom {
max-width: 628px;
margin: auto;
color: #373A36;
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; }
@media (max-width: 767px) {
.productEditorialContentPage {
margin-right: -16px;
margin-left: -16px; } }
@media (min-width: 768px) and (max-width: 1279px) {
.productEditorialContentPage {
margin-right: -40px;
margin-left: -40px; } }
@media (min-width: 1280px) {
.productEditorialContentPage {
margin-right: -80px;
margin-left: -80px; } }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialMediapdp .container.left-image {
padding-left: 30px; } }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialMediapdp .container.right-image {
padding-right: 30px; } }
.editorialMediapdp .container .content-text-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start; }
.editorialMediapdp.editorialApprofondimentoMedia {
margin-bottom: 0; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialMediapdp.editorialApprofondimentoMedia {
padding-bottom: 24px; } }
@media (min-width: 768px) and (max-width: 1023px) {
.editorialMediapdp.editorialApprofondimentoMediaBackHor {
height: 60vw !important;
padding: 48px 16px 0 16px; } }
@media (max-width: 767px) {
.editorialMediapdp.editorialApprofondimentoMediaBackHor {
height: 68vw !important;
min-height: 346px;
padding: 48px 16px 0 16px; } }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.editorialMediapdp.editorialApprofondimentoMediaBackHor {
background-color: transparent !important; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialMediapdp.editorialApprofondimentoMediaHorizontalImage {
background-color: transparent !important; } }
.editorialMediapdp .approfondimento-text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.editorialMediapdp .approfondimento-title-and-icon {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.editorialMediapdp .approfondimento-title-and-icon .icon-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialMediapdp .approfondimento-title-and-icon .icon-label {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px; } }
.editorialMediapdp .approfondimento-title-and-icon .icon-label .editorialApprofondimentoMediaLogoContainer {
margin-bottom: 0px !important; }
.editorialMediapdp .approfondimento-title-and-icon .icon-label .editorialApprofondimentoMediaLogoContainer img {
height: 72px;
max-height: 72px; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialMediapdp .approfondimento-title-and-icon .icon-label .editorialApprofondimentoMediaLogoContainer {
margin-bottom: 8px; }
.editorialMediapdp .approfondimento-title-and-icon .icon-label .editorialApprofondimentoMediaLogoContainer img {
height: 40px;
max-height: 40px; } }
.editorialMediapdp .approfondimento-title-and-icon .icon-label .editorialApprofondimentoMediaLabel {
font-size: 20px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal;
text-transform: none !important;
margin-bottom: 0px !important; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialMediapdp .approfondimento-title-and-icon .icon-label .editorialApprofondimentoMediaLabel {
font-size: 16px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal;
text-align: center; } }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialMediapdp .editorialApprofondimentoMediaContent {
color: #373A36 !important; } }
@media (min-width: 1024px) and (max-width: 1279px), (min-width: 1280px) {
.editorialMediapdp .editorialApprofondimentoMediaButtonContainer {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: start !important; } }
@media (min-width: 1024px) and (max-width: 1279px), (min-width: 1280px) {
.editorialMediapdp .editorialApprofondimentoMediaButtonContainer .btn-primary {
background-color: #ffffff !important;
color: #373A36; } }
.editorialMediapdp .approfondimento-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialMediapdp .approfondimento-image {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-top: -29% !important; }
.editorialMediapdp .approfondimento-image img {
aspect-ratio: 1;
width: 100%; } }
.editorialMediapdp .editorialApprofondimentoContentColumn {
padding-top: 104px; }
@media (min-width: 768px) and (max-width: 1023px), (max-width: 767px) {
.editorialMediapdp .editorialApprofondimentoContentColumn {
padding-top: 32px; } }
.editorialMediapdp .editorialApprofondimentoMediaTitle {
font-size: 40px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal;
margin-bottom: 24px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialMediapdp .editorialApprofondimentoMediaTitle {
font-size: 32px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal;
text-align: center; } }
.blogPage .breadcrumb-row {
padding-bottom: 24px; }
@media (max-width: 767px) {
.blogPage .breadcrumb-row {
padding-bottom: 17px; } }
.editorialListingComponent {
padding: 80px 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialListingComponent {
padding: 32px 0; } }
.editorialListingComponent .editorialProductListing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialListingComponent .editorialProductListing {
gap: 16px; } }
.editorialListingComponent .editorialProductListing .product-tile-container {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: 33%;
flex-basis: 33%;
padding: 8px 12px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.editorialListingComponent .editorialProductListing .product-tile-container {
-ms-flex-preferred-size: 47%;
flex-basis: 47%;
padding-right: 0;
padding-left: 0; } }
/***
*** Media query ***
***/
/***
*** Grid system ***
***/
/***
*** Colors ***
***/
/* Secondary colors */
/* Grey scale */
/* Functional colors */
/* Benefeet color */
/*rimozione headerSearch mobile */
@media (max-width: 767px) {
.header-menu-mobile-wrapper.search-mobile {
display: none; }
.header-menu-mobile-wrapper.search-mobile.in {
display: block; }
* #maincontent,
body #maincontent {
margin-top: 80px; } }
.contactsPage {
padding-bottom: 32px;
color: #373A36; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.contactsPage {
padding-bottom: 112px; } }
.contactsPage .imageContainer {
background-color: #F2F2F2; }
.contactsPage .h3 {
color: black; }
.contactsPage .contactsPageContent {
padding-top: 24px; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.contactsPage .contactsPageContent {
padding-top: 56px; } }
.contactsPage .contactsPageContent .contact-header {
padding-bottom: 24px; }
.contactsPage .contactsPageContent .contacts-section-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 48px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.contactsPage .contactsPageContent .contacts-section-main {
gap: 24px; } }
.contactsPage .contactsPageContent .list {
max-height: 50vh;
overflow: auto;
z-index: 1; }
.contactsPage .editorialLancioCategorie {
padding-top: 40px; }
.contactsPage .editorialLancioCategorie > .container {
padding-left: 0;
padding-right: 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.contactsPage .editorialLancioCategorie {
padding-bottom: 16px;
padding-top: 24px; } }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.contactsPage .editorialLancioCategorie {
margin-bottom: 0px;
padding-bottom: 0px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.contactsPage .editorialLancioCategorie .tns-nav {
margin-right: 13.6%; } }
.contactsPage .errorMessage {
background-color: rgba(213, 61, 80, 0.3);
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
padding: 8px 16px;
color: #A72534;
margin-top: 24px;
width: 100%; }
.contactsPage .errorMessage::first-letter {
text-transform: uppercase; }
@media (max-width: 767px) {
.contactsPage .errorMessage {
font-size: 14px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal; } }
.contactsPage.contactsTYP {
padding-bottom: 0; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.contactsPage.contactsTYP {
padding-bottom: 0; } }
.contactsPage.contactsTYP .contactsPageContent .contacts-section-main {
gap: 0; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.contactsPage.contactsTYP .contactsPageContent .contacts-section-main {
gap: 0; } }
.contactInfoCompontentContainer p {
margin-bottom: 0px; }
.contactInfoCompontentContainer .contact-icon-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 24px;
padding-top: 16px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.contactInfoCompontentContainer .contact-icon-title {
padding-bottom: 16px;
padding-top: 0px; } }
.contactInfoCompontentContainer .contact-icon-title .h5 {
padding-left: 8px;
color: #000000;
font-size: 24px !important;
font-weight: 400;
line-height: 130%;
letter-spacing: normal; }
.contactInfoCompontentContainer .contact-icon-title .icon-Contact {
font-size: 24px;
padding-top: 3.5px;
color: #000000; }
.contactInfoCompontentContainer .btn-container {
padding-top: 24px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.contactInfoCompontentContainer .btn-container {
padding-top: 16px; } }
.contactInfoCompontentContainer .btn-container .btn-primary {
width: 302px; }
@media (max-width: 767px) {
.contactInfoCompontentContainer .btn-container .btn-primary {
width: 100%; } }
.contactInfoCompontentContainer .btn-container .btn-primary .icon-Call {
font-size: 24px; }
.callUsTitle {
font-size: 16px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal;
color: #000000;
margin-bottom: 0px;
text-transform: uppercase;
padding-bottom: 16px; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1023px) {
.callUsTitle {
font-size: 20px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal; } }
.callUsTitle.chatUsTitle + p {
padding-bottom: 1rem; }
.calloutComponent {
color: #373A36;
text-align: center; }
.calloutComponent p {
line-height: 160%;
margin-bottom: 0px;
text-align: start; }
.calloutComponent .calloutContainer {
padding: 8px 20px 16px 20px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.calloutComponent .calloutContainer {
padding: 8px 16px 16px 16px; } }
.calloutComponent .calloutContainer:not(:has(.calloutIcon)) {
padding-top: 16px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.calloutComponent .calloutContainer:not(:has(.calloutIcon)) {
padding-top: 16px; } }
.calloutComponent .calloutIcon {
font-size: 40px;
height: 40px;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.writeToUsFormComponent .writeToUsTitle,
.writeToUsFormComponent .writeToUsNewTitle,
.writeToUsNewFormComponent .writeToUsTitle,
.writeToUsNewFormComponent .writeToUsNewTitle {
font-size: 16px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal;
color: #000000;
margin-bottom: 0px;
padding-bottom: 16px; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px), (min-width: 768px) and (max-width: 1023px) {
.writeToUsFormComponent .writeToUsTitle,
.writeToUsFormComponent .writeToUsNewTitle,
.writeToUsNewFormComponent .writeToUsTitle,
.writeToUsNewFormComponent .writeToUsNewTitle {
font-size: 20px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal; } }
.writeToUsFormComponent .writeToUsTitle + p,
.writeToUsFormComponent .writeToUsNewTitle + p,
.writeToUsNewFormComponent .writeToUsTitle + p,
.writeToUsNewFormComponent .writeToUsNewTitle + p {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: normal; }
@media (min-width: 768px) and (max-width: 1279px), (max-width: 767px) {
.writeToUsFormComponent .writeToUsTitle + p,
.writeToUsFormComponent .writeToUsNewTitle + p,
.writeToUsNewFormComponent .writeToUsTitle + p,
.writeToUsNewFormComponent .writeToUsNewTitle + p {
font-size: 14px; } }
.writeToUsFormComponent p,
.writeToUsNewFormComponent p {
margin-bottom: 0px; }
.writeToUsFormComponent .btn-primary,
.writeToUsNewFormComponent .btn-primary {
width: 302px;
margin-top: 24px; }
@media (max-width: 767px) {
.writeToUsFormComponent .btn-primary,
.writeToUsNewFormComponent .btn-primary {
width: 100%; } }
.writeToUsFormComponent .halfGridRight,
.writeToUsNewFormComponent .halfGridRight {
padding-left: 8px; }
.writeToUsFormComponent .halfGridLeft,
.writeToUsNewFormComponent .halfGridLeft {
padding-right: 8px; }
.writeToUsFormComponent .required-text,
.writeToUsNewFormComponent .required-text {
padding-top: 8px; }
.writeToUsFormComponent .checkbox-wrapper,
.writeToUsNewFormComponent .checkbox-wrapper {
margin-bottom: 0px; }
.writeToUsFormComponent .checkbox-wrapper,
.writeToUsNewFormComponent .checkbox-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.writeToUsFormComponent fieldset,
.writeToUsNewFormComponent fieldset {
margin-bottom: 0px; }
.writeToUsFormComponent textarea,
.writeToUsFormComponent .textarea,
.writeToUsFormComponent input:not([type=checkbox]):not([type=radio]):not(.toggle):not(.search-field),
.writeToUsNewFormComponent textarea,
.writeToUsNewFormComponent .textarea,
.writeToUsNewFormComponent input:not([type=checkbox]):not([type=radio]):not(.toggle):not(.search-field) {
padding: 12px 8px; }
.writeToUsFormComponent .select-wrapper .nice-select,
.writeToUsNewFormComponent .select-wrapper .nice-select {
padding: 12px 8px; }
.writeToUsFormComponent .g-recaptcha-wrapper-contactUs,
.writeToUsNewFormComponent .g-recaptcha-wrapper-contactUs {
margin-top: 24px;
margin-left: 12px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.writeToUsFormComponent .g-recaptcha-wrapper-contactUs,
.writeToUsNewFormComponent .g-recaptcha-wrapper-contactUs {
margin-left: 8px; } }
.writeToUsFormComponent .textareaFieldset,
.writeToUsNewFormComponent .textareaFieldset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.writeToUsFormComponent .textareaFieldset .textareaCounter,
.writeToUsNewFormComponent .textareaFieldset .textareaCounter {
text-align: end;
color: #818181;
margin-bottom: 5px;
-ms-flex-item-align: center;
align-self: center;
font-size: 12px !important;
font-weight: 400;
line-height: 140%;
letter-spacing: normal; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.writeToUsFormComponent .contactus-privacy p,
.writeToUsNewFormComponent .contactus-privacy p {
font-size: 16px !important; } }
.js-newsletter-privacy ~ .invalid-feedback {
display: none; }
.contactFeedbackComponent {
text-align: center; }
@media (min-width: 1280px), (min-width: 1024px) and (max-width: 1279px) {
.contactFeedbackComponent {
padding-top: 16px; } }
.contactFeedbackComponent p {
margin-bottom: 0px; }
.contactFeedbackComponent .feedback-title {
font-size: 24px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal;
color: #000000;
margin-bottom: 0; }
@media (min-width: 1024px) and (max-width: 1279px), (min-width: 1280px) {
.contactFeedbackComponent .feedback-title {
font-size: 32px !important;
font-weight: 600;
line-height: 130%;
letter-spacing: normal; } }
.contactFeedbackComponent .feedback-subtitle {
font-size: 14px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
padding-top: 16px;
padding-bottom: 24px; }
@media (min-width: 1024px) and (max-width: 1279px), (min-width: 1280px) {
.contactFeedbackComponent .feedback-subtitle {
font-size: 16px !important;
font-weight: 400;
line-height: 160%;
letter-spacing: normal;
padding-top: 24px;
padding-bottom: 32px; } }
.contactFeedbackComponent .bottons-container .btn-primary,
.contactFeedbackComponent .bottons-container .btn-secondary {
width: 100%;
padding: 12px 32px; }
.contactFeedbackComponent .bottons-container .btn-secondary {
margin-top: 0px; }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.contactFeedbackComponent .bottons-container .btn-secondary {
margin-top: 8px; } }
@media (max-width: 767px), (min-width: 768px) and (max-width: 1023px) {
.contactFeedbackComponent .bottons-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.contactFeedbackComponent .bottons-container .btn-primary,
.contactFeedbackComponent .bottons-container .btn-secondary {
font-size: 12px !important;
height: auto;
padding: 8px 20px; } }