@font-face{font-family:Icons;src:url(fonts/icons/Icons-Regular.otf);font-display:swap}
*{box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
:root{
	--black:rgba(13,13,13,1);
	--primary-color:rgba(198,163,123,1);
	--dark-primary-color:#8e6e53;
	--light-background: rgba(247,242,237,1);
	--border-color:rgba(222,217,213,1);
	--s-spacer:10px;
	--m-spacer:15px;
	--l-spacer:20px;
	--xl-spacer:40px;
	--xxl-spacer:80px;
	--container:1600px;
	--head-font: "Cormorant Garamond", serif;
	--text-font: "Plus Jakarta Sans", serif;
	--transition: all 0.5s ease-in-out;
	--normal-text:15px;
	--small-text:13px;
	--border-radius:20px;
	--box-shadow:6px 6px 9px rgba(0, 0, 0, 0.2)
	}

html,body{margin:0;padding:0;background:var(--light-background);
font-family:var(--text-font);font-size:var(--normal-text);
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}
  .clickable {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}p{line-height:1.5;margin-top:var(--s-spacer);margin-bottom:var(--m-spacer)}
li{line-height:1.5}
a,svg{transition:var(--transition)}
.container{width:90%;margin:0 auto;max-width:var(--container)}
.whiteIcon{fill:var(--light-background);}
.accentIcon{fill:var(--primary-color);}
.s-44{width:44px;height:44px}
.s-36{width:36px;height:36px}
.s-24{width:24px;height:24px}
.s-21{width:21px;height:21px}
.s-12{width:12px;height:12px}
nav ul{padding:0;margin:0;list-style:none}
.mainMenu a{color:var(--light-background);font-family:var(--head-font);text-decoration:none;font-size:21px;font-weight:500;line-height:36px;display: block;position:relative}
img{    display: block;width:100%;height:auto}
.flex{display:flex !important}
.fwrap{flex-wrap:wrap}
.fcenter{justify-content:center}
.fspace{justify-content:space-between}
.fgap-s{gap:var(--s-spacer)}
.fgap-m{gap:var(--m-spacer)}
.fgap-l{gap:var(--l-spacer)}
.fgap-xl{gap:var(--xl-spacer)}
.fgap-xxl{gap:var(--xxl-spacer)}
.six{width:calc(60% - var(--xl-spacer)/2)}
.half{width:calc(50% - var(--xl-spacer)/2)}
.four{width:calc(40% - var(--xl-spacer)/2)}
.three{width:calc(33.334% - 2*var(--l-spacer)/3)}
.quarter{width:calc(25% - 3*var(--l-spacer)/4)}
.acenter{align-items:center}
.p-xl{padding-top:var(--xl-spacer);padding-bottom:var(--xl-spacer);}
.p-l{padding-top:var(--l-spacer);padding-bottom:var(--l-spacer);}
.p-m{padding-top:var(--m-spacer);padding-bottom:var(--m-spacer);}
.p-s{padding-top:var(--s-spacer);padding-bottom:var(--s-spacer);}
.pa-m{padding:var(--m-spacer);}
.pa-l{padding:var(--l-spacer);}
.rounded{border-radius:var(--border-radius)}
header{  position: sticky;
    top: 0;
    z-index: 99;
    transition: all .3s ease-in-out;}
	.headerInside{height:80px}
.textLogo{    max-height: 27px;
    width: 160px;}
	.chevron-bottom {transform: rotate(90deg);}
	      .subMenu{ border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;
    z-index: 9;
    position: absolute;
    top: calc(100% - 1px);
    background: var(--light-background);
    left: 50%;
    list-style: none;
	border: 1px solid var(--border-color);
        transition: all .3s cubic-bezier(0.16, 0.68, 0.43, 0.99);
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(30px) translateX(-50%);
		  transform: translateY(30px) translateX(-50%);box-shadow:var(--box-shadow)}
	.relative{position:relative}	
.subMenu a{color:var(--black)}	
.hideHeader {
    transform: translateY(-100%);
}.bigBanner{overflow:hidden;position:relative}.bigBanner img{display:block}
.bigBanner:after {
    content: "";
    z-index: 2;
    background: var(--black);
    opacity: .25;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
header{background:var(--black)}
h1,h2,h3,h4,.bannerTitle{font-family:var(--head-font);font-weight:500}
h1{    font-size: 3.25em;text-transform:uppercase}
h2{    font-size: 2.75em;text-transform:uppercase;margin-bottom:0}
.bannerTitle{font-weight:500;font-size:48px;line-height: 1;}
.bannerDetails{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9}
.bannerContent{padding:var(--xl-spacer);background:var(--light-background);border-radius:var(--border-radius);}
.callto{font-family:var(--head-font);font-weight:500;font-size:18px;background:var(--black);color:var(--light-background);border-radius:20px;padding:0 40px;line-height:38px;text-decoration:none;display:inline-block;border:1px solid}
.inverted{background:transparent;border-color:var(--black);color:var(--black)}
.bannerDetails p{margin:var(--l-spacer) 0}
.colorPP{width: 80px;height:80px;
    border-radius: 10px;
overflow: hidden;border:2px solid var(--light-background)}
.colorPP .variationImage{display:block}
.colorPP img{width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover}
.colorPP.selected{border-color:var(--black)}
.thumbBox{width:calc((100% - 3*var(--s-spacer))/4)}
.centered{text-align:center}
.famsizes,.filterZone{display:none}
.productList,.productsArea{padding:0;margin:0;list-style:none;width:100%}
.productList .productDisplay{width:calc((100% - 4*var(--l-spacer))/5);border-radius:20px;border:1px solid var(--border-color);padding:var(--s-spacer);transition:var(--transition)}
.productList .productDisplay a{color:inherit;text-decoration:none}
.productList .productDisplay .productImage{overflow:hidden;border-radius:16px}
.productList .productDisplay .productImage img{    display: block;transition:var(--transition)}
.arieBlock{aspect-ratio: 1 / 1.2}
.arieBlock img{position:absolute;z-index:1;top:0;left:0;min-width:100%;min-height:100%;width:100%;height:100%;object-fit:cover}
.arieBlock .arieContent{background:var(--light-background);position:absolute;z-index:2;bottom:var(--xl-spacer);left:var(--xl-spacer);border-radius:var(--border-radius);width:calc(100% - var(--xxl-spacer));text-align:center}
.arieBlock .arieContent h3{margin-top:0;text-transform:uppercase;font-size:2.25em;margin-bottom:var(--m-spacer)}
.avantaj{font-family:var(--head-font);font-size:1.25em;text-transform:uppercase}
.cappitalize{    text-transform: capitalize;}
#whatsappNew{position:fixed;left:2rem;bottom:.7rem;z-index:999}
#whatsappNew a:before{content:"";background:url(icons/whatsapp.svg);width:36px;height:36px;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-repeat:no-repeat;background-size:cover}
#whatsappNew a{display:block;width:60px;height:60px;background:#25d366;border-radius:50%;box-shadow:0 0 15px 0 #00000026;position:relative}
.copyright {    font-size: 14px;}
.copyright a{    text-decoration:none;color:inherit}
.footerLinks{padding:0;margin:0;list-style:none;}
.linksTitle{line-height: 36px;font-family: var(--head-font);
    text-decoration: none;
    font-size: 21px;
    font-weight: 500;
}
.footerLinks a{ line-height: 36px;       font-family: var(--text-font);
        font-size: 15px;
        font-weight: normal;
text-transform: none;text-decoration:none;color:inherit}
.headFont{font-family:var(--head-font);font-weight:500}
.newsletterBox strong{font-size:2.5em;text-transform:uppercase}
.newsletterBox em{font-size:21px}
.acceptWarning{font-size:var(--small-text)}
input[type="text"],input[type="email"],input[type="password"]{background: var(--light-background);
    height: 40px;
    border: 1px solid var(--black);
    border-radius: var(--border-radius);
    padding: var(--l-spacer);
width: 100%;max-width:300px}
input:focus{outline:none;border-color:var(--primary-color)}
.newsletterBox .acceptWarning{    padding-top: 2px;position:absolute;top:100%}
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 1px;
    width: 1px;
    left: 7px;
    top: 15px;
}.checkbox {
    display: block;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid var(--black);border-radius:5px;transition:var(--transition)
}.checkbox input:checked~.checkmark {
    background: #000;
}.checkbox .checkmark:after {
	content:"";
    position: absolute;
    background: transparent;
       left: 4px;
    top: 1px;
    width: 4px;
    height: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);opacity:0;transition:var(--transition)
}.checkbox input:checked~.checkmark:after {
    opacity:1
}
.bigText{font-size:2.25em;text-transform:uppercase}
.articolBlock{text-align:center}
.fullBanners{background:var(--black)}
.fullBanners picture{height:calc(100vh - 80px);overflow:hidden;display:block}
.fullBanners picture img{display:block;min-width:100%;min-height:100%;height:100%;width:100%;position:absolute;object-fit:cover}
.animateScaleIn{animation: scaleIn 1s ease-in-out;}
@keyframes scaleIn {
  from {
    transform:scale(.7);
	opacity: 0.8;
  }
  to {
     transform:scale(1);
	 opacity: 1
  }
}
.animateFadeIn{animation: fadeIn 1s ease-in-out;}
@keyframes fadeIn {
  from {
	opacity: 0;
  }
  to {
	 opacity: 1
  }
}
.animateSlideInBottom{animation: SlideInBottom 1s ease-in-out;}
@keyframes SlideInBottom {
  from {
	 transform:translateY(30px);
  }
  to {
	 transform:translateY(0px);
  }
}
.imageHolder{border-radius: var(--border-radius);
    overflow: hidden;position: relative;
    display: block;}
.instagramPosts .imageHolder{    width: calc((100% - 6 * var(--l-spacer)) / 7);}
.instagramPosts .imageHolder:before{content:"";background:var(--black);opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:var(--transition)}
	.squareImage{aspect-ratio: 1 / 1;}
.instagramPosts .imageHolder img{display:block;min-width:100%;min-height:100%;height:100%;width:100%;position:absolute;object-fit:cover}
.instagramPosts .icon{    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
transform: translate(-50%, -50%) scale(0);transition:var(--transition)}
.modal{position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
left: 0;z-index:999;overflow:hidden;transition:var(--transition);opacity:0;visibility:hidden}
.modal:before{content:"";display:block;background:var(--black);opacity:.6;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
.modalContainer{width:100%;max-width:480px;background:var(--light-background);height: 100%; z-index: 2; position: absolute;top:0;right:-100%;transition:var(--transition)}
.modal.show{opacity:1;visibility:visible}
.modal.show .modalContainer{right:0}
.modalHeader{display:flex;align-items:center;justify-content:space-between;padding:0 var(--l-spacer);font-family:var(--head-font);font-weight:500;font-size:21px}
.closeIcon{ display: block; width: 44px;height: 44px;position:relative}
.closeIcon:before,.closeIcon:after{content:"";display:block;background:var(--black);width:1px;height:24px;transform:rotate(45deg) translate(-50%,-50%);position:absolute;top:50%;left:50%;    transform-origin: top;}
.closeIcon:after{transform:rotate(-45deg) translate(-50%,-50%)}
.modalContent{padding:var(--l-spacer)}
.socialLinks{margin-top:8px}
@media (min-width: 840px) {
	.instagramPosts .imageHolder:hover:before{opacity:.5}
	.instagramPosts .imageHolder:hover .icon{transform: translate(-50%, -50%) scale(1)}
	a:hover{color:var(--primary-color)}
	.socialLinks a:hover svg{fill:var(--primary-color)}
	.productList .productDisplay:hover{border-color:var(--primary-color)}
	.productList .productDisplay:hover img{transform:scale(1.2)}
	header .icon:hover svg{fill:var(--primary-color)}
	.callto{cursor:pointer}
	.callto:hover{background:var(--light-background);color:var(--black)}
	.inverted:hover{background:var(--black);color:var(--light-background)}
	.mainMenu .level-2{font-size:21px}
	.hasChild {        align-items: center;
        display: flex;height:80px;line-height:80px}
	.subsubMenu a{        font-family: var(--text-font);
        font-size: 15px;
        font-weight: normal;
        text-transform: none;}
	.subMenu{padding:var(--l-spacer) var(--xl-spacer)}
	.hasChild:hover .subMenu{pointer-events: auto;
        -webkit-transform:  translateX(-50%);
        transform:  translateX(-50%);
        visibility: visible;
	opacity: 1;}
	.mainMenu .level-1:after{content:"";width:0;height:1px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background-color:var(--light-background);transition:var(--transition)}
	.mainMenu li:hover a:after{width:100%;background:var(--primary-color)}
	li:hover a svg{fill:var(--primary-color)}
    .only-mobile {display: none}
	.mainMenu a:hover,.mainMenu .hasChild:hover .level-1{color:var(--primary-color)}
}