/*GENERALS*/

html{
    background:#141414;
    cursor:none;
}

::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 0px;
}


:focus-visible{
  outline: none; 
}



body{
     cursor:none;
     background:#141414;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
     user-select: none; /* Standard syntax */

}
 a{
     cursor:none;
}

a {
	text-decoration: none;
	color: #fff;
	outline: none;
	cursor:none;
}

a:hover,
a:focus {
	color: #fff;
	outline: none;
}


section{
    z-index:9;
    position:relative;
}

.load-body{
   animation: removeBlur 0.5s ease-in-out;
   overflow-y:hidden;
}

[role=button] {
    cursor: none !Important;
}



@keyframes removeBlur {
 0% {
   filter: blur(15px);
 }
 50% {
   filter: blur(7px);
 }
 100% {
   filter: blur(0px);
 }
 
}



input, textarea, button{
    cursor:none !Important;
}
















.breadcrumbs-page {
    margin-top: 3rem;
    margin-bottom: 0;
}

.breadcrumbs{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style: none;
   margin: 0;
   padding: 0;
   /*margin-left: -10px;*/
}

.breadcrumbs > li{
   height:17px;
}

.breadcrumbs > li > span{
   color: #000000;
   font-family: 'F Grotesk';
   font-size: 12px;
   font-weight: 100;
   letter-spacing: 1px;
   border-radius: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   text-transform: uppercase;
   text-decoration:none;
}

.breadcrumbs > li:not(:last-child):after{
   content: '|';
   margin: 0px 5px;
   color: #000000;
   font-family: 'F Grotesk';
   font-size: 12px;
}


.breadcrumbs > li > span.active{
   font-family: 'Cormorant Garamond';
   font-style: italic;
   font-size: 13px;
}


.breadcrumbs > li.black > span{
   color: #3a3a3a78;
}

.breadcrumbs > li.black:not(:last-child):after{
   color: #3a3a3a78;
}


.breadcrumbs > li.black > span.active{
   color:#3a3a3a;
}





.change-page {
	width: 100vw;
	height: 100%;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	cursor:none;
}

.shape-overlays-page {
	width: 100vw;
	height: 100%;
	pointer-events: none;
	top: 0;
	left: 0;
}

.shape-overlays-page__path:nth-of-type(1) {
	fill: #141414;
}


.shape-overlays {
	width: 100vw;
	height: 100%;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.shape-overlays.is-opened {
	pointer-events: auto;
}

.shape-overlays__path:nth-of-type(1) {
	fill: #141414;
}



.shape-overlays-gallery {
	width: 100vw;
	height: 100%;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 102;
}

.shape-overlays-gallery.is-opened {
	pointer-events: auto;
}

.shape-overlays-gallery__path:nth-of-type(1) {
	fill: #141414;
}



.shape-overlays-form {
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    pointer-events: none;
    position: fixed;
    top: -1px;
    left: -1px;
    z-index: 102;
    transform: rotate(180deg);
}

.shape-overlays-form.is-opened {
	pointer-events: auto;
}

.shape-overlays-form__path:nth-of-type(1) {
	fill: #141414;
}



.sec-padding{
    padding: 8rem 0 6rem 0;
}

/* input{*/
/*     cursor:none;*/
/*}*/
 ::-webkit-scrollbar {
     -webkit-appearance: none;
     width: 0px;
}


.relative{
    position:relative;
}




.grid-page{
    display: grid;
    gap: 7rem;
}

.grid-page.column-1{
    grid-template-columns: 100%;
}

.grid-page.column-2{
    grid-template-columns: 50% auto;
}

.grid-page.column-2.preview{
    grid-template-columns: 1.1fr 1fr;
    gap: 2rem;
}

.preview iframe{
    height:400px;
}

.grid-page.column-2.reverse{
    grid-template-columns: auto 58%;
}


.grid-page.v-2{
    gap: 5rem;
}

.grid-page.v-3{
    gap: 6rem;
}

.grid-page.v-4 {
    gap: 2.5rem;
}

.grid-page.column-3{
    grid-template-columns: 40% auto auto;
}


.grid-page.column-2-c{
    grid-template-columns: 40% auto;
    gap: 18%;
}


.grid-page.product.column-3{
    grid-template-columns: 35% 38% auto;
}




 .cursor{
     width:0.7rem;
     height:0.7rem;
     border-radius:50%;
     background-color:#fff;
     position: fixed;
     z-index: 103;
     pointer-events:none;
     top:0;
     left:0;
     transform:translate(-50%, -50%);
     /*transition:0.3s width, 0.3s height, 0.3s border-radius, 0.3s border, 0.3s opacity, 0.3s box-shadow;*/
     /*box-shadow:inset 0 0 0 20px #ffffff;*/
}
 .cursor.hide{
     opacity:0;
}
 .my-cursor{
     width: 3rem;
     height: 3rem;
     border-radius:50%;
     border:0.05rem solid;
     border-color:#ffffff4d;
     transform:translate(-50%, -50%);
     position:fixed;
     transition:0.3s width, 0.3s height, 0s border-radius, 0s border, 0.3s opacity, 0.3s background-color;
     z-index: 103;
     color: #fff;
     pointer-events:none;
}
 .my-cursor.open{
     background-color:#141414;
     border: 0;
}

.my-cursor.nav{
    width:10rem !important;
    height:10rem !important;
}


.cursor.nav{
    border:0.05rem solid #ffffff4d;
    /*box-shadow:inset 0 0 0 0.05rem #ffffff4d;*/
     width:9rem !important;
    height:8rem !important;
    background-color:#fff0;
}



.cursor.nav.right{
    background-image:url('/media/arrow_single_dx.svg');
    background-position: center;
    background-size: 3rem;
    background-repeat: no-repeat;
    
}


.cursor.nav.left{
    background-image:url('/media/arrow_single_sx.svg');
    background-position: center;
    background-size: 3rem;
    background-repeat: no-repeat;
}

.cursor.nav.up{
    background-image:url('/media/arrow_single_top.svg');
    background-position: center;
    background-size: 1.5rem;
    background-repeat: no-repeat;
}


.cursor.nav.click{
    background-image:url('/media/click.svg');
    background-position: center;
    background-size: 3rem;
    background-repeat: no-repeat;
}

.cursor.nav.click_link{
    background-image:url('/media/click_left.svg');
    background-position: center;
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-color:transparent;
}



.my-cursor.line {
    border: 0;
    border-radius: 0;
    border-bottom:2px solid;
}


.cursor.line {
    height: 2rem;
    width:2px;
    border-radius: 0;
}


.my-cursor.b__burger{
    width:5rem !important;
    height:5rem !important;
}


.cursor.b__burger{
    border:0.05rem solid;
    /*box-shadow:inset 0 0 0 0.05rem #ffffff4d;*/
    border-color:#ffffff4d;
    width:4.5rem !important;
    height:4rem !important;
    background-color:#fff0 !important;
}




 .cursor.black{
     background-color:#141414;
     border-color:#1414144d;
     /*box-shadow:inset 0 0 0 20px #141414;*/
}



 .my-cursor.black{
     color:#141414;
     border:0.05rem solid #1414144d;
     
}
 .my-cursor.black.open{
     background-color:#141414;
     /*box-shadow:0 0 20px #141414;*/
}
 .cursor.white{
      
     background-color:#fff;
     border-color:#ffffff4d;
     /*box-shadow:inset 0 0 0 20px #ffffff;*/
}
 .my-cursor.white{
     color:#fff;
     /*border:0.05rem solid #ffffff4d;*/
     border-color:#ffffff4d;
}
 .my-cursor.white.open{
     background-color:#fff;
}



 .my-cursor.square{
     border-radius:0px;
    /* background-color:transparent !important;
     */
    /* border:2px solid #fff;
     */
}
 .my-cursor.square_offset{
     border-radius:0px;
     background-color:transparent !important;
     border:2px solid #fff;
}

 .my-cursor.square_offset_bottom{
     border-radius:0px;
     background-color:transparent !important;
     border:0;
     border-bottom:2px solid #fff;
}

.bg-black{
    background-color: #141414 !important;
}


.bg-white{
    background:#fff;
}


.bg-background{
    padding: 10rem 0;
    background-image:url('/media/contatti.jpg');
    background-size: cover;
    background-position: top;
}

/* .box{
     padding:2rem;
}
 */
 .items-menu {
     display: flex;
     gap: 0;
     padding: 0;
     list-style: none;
     margin: 0;
}
 .item-menu{
     display: flex;
     flex-direction: row-reverse;
     align-items: center;
}
 .content-menu .row-menu:nth-child(even) .items-menu{
     justify-content: flex-end;
}
 .item-menu.open{
    /* visibility: visible;
     opacity: 1;
     */
}
 .item-menu a{
     color: #ffffff;
     font-family: 'F Grotesk';
     letter-spacing: 2px;
     transform: skewY(-5deg);
     transform-origin: 0;
     margin: 0;
     position: relative;
     font-size: 3.7rem;
     font-weight: 200;
     transition: 0.3s;
     text-transform: uppercase;
     overflow:hidden;
     padding: 0 1rem;
}
 .item-menu a:before {
     content: '';
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     height: 100%;
     background: #141414;
     transition: 0.3s;
     z-index: 2;
}
 .item-menu a::after {
     content: attr(data-text);
     height: 100%;
     top: 0;
     font-size: 4rem;
     font-family: "Cormorant Garamond", serif;
     transform-origin: 100% 50%;
     transform: translate3d(150%, 0, 0);
     transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
     position: absolute;
     width: 100%;
     left: 0;
     font-weight: 500;
     color: currentColor;
     line-height: normal;
     text-align: center;
     font-style:italic;
     z-index: 1;
}
 .item-menu:not(:last-child)::before {
     content: '';
     width: 4rem;
     display: block;
     height: 1px;
     margin: 0 0.5rem;
     background: linear-gradient(to right, #ffffff 50%, #ffffff00 50%);
     background-size: 200% 100%;
     background-position: right bottom;
     transition:0.3s;
     opacity: 0.5;
}
 .item-menu.open a{
     transform:skewY(0deg) 
}
 .item-menu a span {
     display: inline-block;
     transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
     opacity: 0.4;
}
 .item-menu a:hover span{
     transform:translate3d(-150%, 0, 0);
}
 .item-menu a:hover::after{
     transform: translate3d(0, 0, 0);
}

 .item-menu a.active span{
     transform:translate3d(-150%, 0, 0);
}
 .item-menu a.active::after{
     transform: translate3d(0, 0, 0);
}

 .item-menu.open a:before{
     height: 0;
}
 .item-menu.open:before{
     background-position: left bottom;
}
 .sub-menu{
     opacity:0;
     visibility: hidden;
     transition: 0.5s;
     position:relative;
     height:0;
     overflow: hidden;
}
 .sub-menu.show{
     opacity:1;
     visibility: visible;
}
 .items-sub {
     display: flex;
     gap: 0;
     padding: 0;
     list-style: none;
     margin: 0;
}


.items-sub:nth-child(even)  {
    justify-content: flex-end;
}

 .item-sub{
     display: flex;
     flex-direction: row-reverse;
     align-items: center;
     height: 2rem;
}
 .item-sub a{
     color: #ffffff;
     font-family: 'F Grotesk';
     letter-spacing: 2px;
     transform: skewY(-5deg);
     transform-origin: 0;
     margin: 0;
     position: relative;
     font-size: 14px;
     font-weight: 200;
     transition: 0.3s;
     text-transform: uppercase;
     overflow:hidden;
     padding: 0 1rem;
}
 .item-sub a:before {
     content: '';
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     height: 100%;
     background: #141414;
     transition: 0.3s;
     z-index: 2;
}
 .item-sub a::after {
     content: attr(data-text);
     height: 100%;
     top: 0;
     font-size: 16px;
     font-family: "Cormorant Garamond", serif;
     font-style:italic;
     transform-origin: 100% 50%;
     transform: translate3d(150%, 0, 0);
     transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
     position: absolute;
     width: 100%;
     left: 0;
     font-weight: 500;
     color: currentColor;
     line-height: normal;
     text-align: center;
}
 .item-sub:not(:last-child)::before {
     content: '';
     width: 2rem;
     display: block;
     height: 1px;
     margin: 0;
     background: linear-gradient(to right, #ffffff 50%, #ffffff00 50%);
     background-size: 200% 100%;
     background-position: right bottom;
     transition:0.3s;
     opacity: 0.5;
}
 .item-sub.open a{
     transform:skewY(0deg) 
}
 .item-sub a span {
     display: inline-block;
     transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
     opacity: 0.4;
}
 .item-sub a:hover span{
     transform:translate3d(-150%, 0, 0);
}
 .item-sub a:hover::after{
     transform: translate3d(0, 0, 0);
}
 .item-sub.open a:before{
     height: 0;
}
 .item-sub.open:before{
     background-position: left bottom;
}
 .footer-menu {
     position: absolute;
     width: 100%;
     bottom: 0;
     padding: 1rem 0;
     z-index:8;
}
 .socials-menu{
     display: flex;
     gap: 0;
     padding: 0;
}
 .socials-menu a {
     color: #ffffff;
     font-family: 'F Grotesk';
     letter-spacing: 2px;
     transform: skewY(-5deg);
     transform-origin: 0;
     margin: 0;
     position: relative;
     font-size: 14px;
     font-weight: 200;
     transition: 0.3s;
     overflow: hidden;
     padding: 0 0.5rem;
}
 .socials-menu a.open{
     transform:skewY(0deg) 
}
 .socials-menu a.open:before {
     height: 0;
}
 .socials-menu a:before {
     content: '';
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     height: 100%;
     background: #141414;
     transition: 0.3s;
}
 .langs-menu{
     display: flex;
     gap: 0;
     padding: 0;
}
 .langs-menu a {
     color: #ffffff;
     font-family: 'F Grotesk';
     letter-spacing: 2px;
     transform: skewY(-5deg);
     transform-origin: 0;
     margin: 0;
     position: relative;
     font-size: 14px;
     font-weight: 200;
     transition: 0.3s;
     overflow: hidden;
     padding: 0 0.5rem;
}
 .langs-menu a.open{
     transform:skewY(0deg) 
}
 .langs-menu a.open:before {
     height: 0;
}
 .langs-menu a:before {
     content: '';
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     height: 100%;
     background: #141414;
     transition: 0.3s;
}



 .paragraph .link_page {
     transform: skewY(-5deg);
     transform-origin: 0;
     position: relative;
     transition: 0.3s;
     overflow: hidden;
     padding: 0 0.5rem;
}
.paragraph .link_page.open{
     transform:skewY(0deg) 
}
.paragraph .link_page.open:before {
     height: 0;
}
.paragraph .link_page:before {
     content: '';
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     height: 100%;
     background: #141414;
     transition: 0.3s;
}




 .langs-menu-desktop{
     display: flex;
     gap: 0;
     padding: 0;
}
 .langs-menu-desktop a {
     color: #ffffff;
     font-family: 'F Grotesk';
     letter-spacing: 2px;
     margin: 0;
     position: relative;
     font-size: 14px;
     font-weight: 200;
     overflow: hidden;
     padding: 0 0.5rem;
}




 .lateral{
     display: flex;
     justify-content: space-between;
}
 .menu {
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 101;
     align-items: center;
     display: none;
}
 .menu.show{
     display: flex;
}
 .content-menu{
}
 .paragraph{
     font-size: 14px;
     text-transform: uppercase;
     color:#fff;
     font-family: 'F Grotesk';
     letter-spacing: 2px;
     margin: 0;
     font-weight: 200;
}
 .sticky-menu{
    position: fixed;
    transition:0.2s;
    z-index: 102;
    width: 100vw;
    display: flex;
    justify-content: center;
}



.mix-mode{
    mix-blend-mode: difference;
}

.no-mode{
    mix-blend-mode: normal;
}

 .nav-page {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-content: center;
     align-items: center;
     padding-top: 2rem;
     width: 100%;
     padding-bottom: 2rem;
}
 .logo img{
     width: 13rem;
}

 .logo svg{
     width: 13rem;
     fill:#fff;
}
 .burger-menu {
     display: flex;
     flex-direction: column;
     cursor: none;
     gap: 0.5rem;
     height: 2.5rem;
     justify-content: center;
     
}
 .burger-menu .line {
     background: #fff;
     width: 3.5rem;
     height: 2px;
     transition: 0.3s;
}
 .burger-menu .bar_2{
     margin:5.3px 0;
}
 .burger-menu.change .bar_1{
     transform: rotate(45deg) translate(7px, 3px) scaleX(1);
}
 .burger-menu.change .bar_2{
     opacity: 0;
}
 .burger-menu.change .bar_3{
     transform: rotate(-45deg) translate(2px, -2px) scaleX(1);
}
 

.galleries-section{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    padding-top: 6.5rem;
    padding-bottom: 30px;
    left: 0;
    z-index: 102;
    align-items: center;
    opacity: 0;
    visibility:hidden;
    transition: 0.5s;
}

.galleries-section.show{
    opacity: 1;
    visibility: visible;
}


.slides {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 100%;
    place-items: center;
    z-index: 10;
    align-items: center;
}


.swiper {

    height: 100%;
}


.swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/
    display: flex;
    justify-content: center;
    align-items: center;
    display: block;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}


.swiper-slide.big {
  width: 66%;
}

.swiper-slide.tall {
    width: 33%;
}

/*.swiper-slide:nth-child(3n) {*/
/*    width: 40%;*/
/*}*/

.slide {
	width: 100%;
	height: 100%;
	grid-area: 1 / 1 / -1 / -1;
	pointer-events: none;
	opacity: 0;
	overflow: hidden;
	position: relative;
	display: grid;
	place-items: center;
	will-change: transform, opacity;
}

.slide--current {
	pointer-events: auto;
	opacity: 1;
}

.slide__img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	will-change: transform, opacity, filter;
}


.slide__img.gallery {
	background-size: contain;
}


.navigations-slider{
    bottom: 4.8rem;
    position: absolute;
    width: fit-content;
    left: 7.5rem;
    z-index: 100;
}

.divider-navigation{
    position: absolute;
    width:100%;
    left:0;
    z-index: 100;
    height: 100%;
    display: grid;
    grid-template-columns: 50% 50%;
}


.divider-gallery-navigation{
    position: absolute;
    width:100%;
    left:0;
    z-index: 100;
    top: 0;
    height: 100%;
    display: grid;
    gap:10rem;
    grid-template-columns: auto auto;
}

.navigations-slider .container{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.arrows-slider {
    display: flex;
    z-index: 101;
    gap: 0;
    flex-direction: row-reverse;
    
}

.cls-1 {
    stroke-width: 1px;
}

 .cls-1, .cls-2 {
    fill: none;
    stroke-miterlimit: 10;
}



.arrows-slider span svg {
    stroke: #fff;
    height: 10rem;
    
}

.my-cursor.nav__slider{

    border: 1.7rem solid #fff;
    border-top: 0.6rem solid #fff;
    border-bottom: 0.6rem solid #fff;
}


.my-cursor.nav__arrow{

    background:#fff;
}




.navigation-slider{
   display: flex;
   z-index: 101;
   gap: 1rem;
}

.nav-slider{
    height: 1rem;
    width: 1rem;
    border-radius:50%;
    background:transparent;
    border: 0.6px solid #fff;
    border-top: 2.5px solid #fff;
    border-bottom: 2.5px solid #fff;
    transition:0.3s;
}

.nav-slider:not(:first-child){
}

.nav-slider.active{
   background: #fff;
}

.text-slides{
    position: absolute;
    width: 100%;
    z-index: 100;
    display: flex;
    height: 55vh;
    overflow: hidden;
    align-content: flex-start;
    bottom: 10.5rem;
}


.text-slides .container{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
}


.block-text-slide {
    transition: 0.7s;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    top: 0;
    width: 57vw;
    transform: translateY(520px) skew(-20deg);
}

.block-text-slide.full-slide{
    width:100%;
}

.block-text-slide.active {
    transform: translateY(70px) skew(0);
    visibility: visible;
    opacity: 1;
}

.block-text-slide .title-slide {
    font-family: 'F Grotesk';
    font-size: 4.8rem;
    line-height: 4rem;
    color: #fff;
    text-transform:uppercase;
    margin: 0;
}

.block-text-slide .title-slide span{
    font-family: "Cormorant Garamond", serif;
    font-style:italic;
    font-size: 5.5rem;
    line-height: 5rem;
}

.block-text-slide .title-slide i {
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    font-size: 5.5rem;
    line-height: 5rem;
}

.block-text-slide .title-slide em {
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    font-size: 5.5rem;
    line-height: 5rem;
}

.products-in-slide {
    position: absolute;
    z-index: 101;
    top: 9rem;
    right: 6.9rem;
}
.products-slide{
    height: fit-content;
    position: absolute;
    right: 3rem;
    top: 0;
    opacity:0;
    visibility:hidden;
    width: 13vw;
    transition:0.5s;
}

.products-slide.active{
    opacity:1;
    visibility:visible;
}


.lateral-product{
    content: attr(data-text);
    font-family: 'F Grotesk';
    text-transform: uppercase;
    color: #fff;
    font-weight: 100;
    left: -8rem;
    top: 0;
    letter-spacing: 2px;
    position: absolute;
    transform: rotateZ(-90deg) translate(-85px, 0);
    width: max-content;
    font-size: 12px;
}

.lateral-product span{
    font-weight: 400;
}

.product-slide{
    display:flex;
    gap: 0.3rem;
    margin-bottom: 1.5rem;
    flex-direction:column;
    opacity:0.5;
    transition:0.2s;
}

.product-slide:hover{
    opacity:1;
}



.product-slide p{
    margin:0;
    font-family: 'F Grotesk';
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 1px;
    font-weight: 100;
}

.product-slide .category-slide{
    font-weight:400;
}

/*.product-slide .name-product-slide{*/
/*    font-weight:400;*/
/*}*/


.pulse {
    box-shadow: 0px 0px 1px 1px #0000001a;
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}




footer {
  /* place on the bottom */
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #141414;
  padding: 3rem 0;
}

.scroll-menu{
    position:fixed;
    z-index: 100;
    top:0;
    height:0;
    transition:0.2s;
    left:0;
    width:100vw;
    background: #141414;
}

.menu-scroll {
    width: 100%;
    background-position: left top;
}


 .white-menu {
    background-color:#fff;
}
 


.newsletter{
    display: grid;
    grid-template-columns: auto 10rem;
    gap: 3rem;
    align-items: center;
}

.row-footer-input{
    width: 100%;
}

.footer-input{
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ffffff24;
    text-align: right;
    padding: 0.5rem;
    font-family: 'F Grotesk';
    letter-spacing: 2px;
    font-size: 2rem;
    font-weight: 100;
    z-index: 9;
    color: #fff;
    position: relative;
}


.footer-input::placeholder{
    text-transform:uppercase;
}

.button-newsletter{
    background: transparent;
    border: 0;
}

.button-newsletter{
    background: transparent;
    border: 0;
    padding: 0;
}

.button-newsletter svg {
    stroke: #fff;
    width: 100%;
}


.float-label{
    position: relative;
}

.float-label label{
    position: absolute;
    top: 0.3rem;
    font-size: 2.3rem;
    text-transform: uppercase;
    line-height: normal;
    letter-spacing: 2px;
    font-family: "Cormorant Garamond", serif;
    font-style:italic;
    font-weight: 500;
    color: #fff;
    z-index: 8;
    left: 0.5rem;
}



.choice-sel {
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   margin-top: 0.5rem;
   gap: 1rem;
   width: 100%;
}


.checkbox-c[type=checkbox] {
   background: transparent;
   appearance: none;
   color: #fff;
   height: 1.5rem;
   border: 1px solid #ffffff52;
   transition: 0.2s;
   width: 2.5rem;
   border-radius: 50%;
   background: transparent;
   opacity: 0.5;
   border: 0.6px solid #fff;
   border-top: 2.5px solid #fff;
   border-bottom: 2.5px solid #fff;
}

.checkbox-c:checked[type=checkbox] {
   background-size: 15px 15px;
   background-position: center;
   background-repeat: no-repeat;
   background-color: white;
   box-shadow: inset 0 0 0px 2px #141414;
   opacity: 1;
}

.label-check {
   font-family: 'F Grotesk';
   color: #ffffff;
   letter-spacing: 1px;
   font-size: 14px;
   font-weight: 100;
   opacity: 0.5;
   transition: 0.2s;
   line-height: 18px;
}

.label-check.check {
   opacity: 1;
}


.container.b-footer{
    bottom: -1rem;
    display:flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    gap: 1rem;
}

.copyright > p, .privacy-links > p{
   font-family: 'F Grotesk';
   color: #ffffff9e;
   letter-spacing: 1px;
   font-size: 10px;
   font-weight: 100;
   margin:0;
}

.copyright > p a, .privacy-links > p a {
     text-decoration:underline;
     transition:0.2s;
     color: #ffffff9e;
}

.copyright > p a:hover, .privacy-links > p a:hover {
    color: #fff;
}

.middle-footer{
    margin-top: 5rem;
    margin-bottom: 3rem;
    z-index: 1;
    position: relative;
}

footer:after{
    content: '';
    position:absolute;
    width: 100%;
    height: 100%;
    background-image: url('/media/logo_stroke.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    opacity: 0.1;
    bottom: 0;
    background-position: bottom;
    z-index: 0;
}

.links-footer{
    text-align:center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.links-footer:not(:last-child){
    margin-bottom: 0.5rem;
}




.item-link-footer{
    position:relative;
    font-family: 'F Grotesk';
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 100;
    margin:0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.links-footer .item-link-footer:not(:last-child):after{
    position: relative;
    content:'';
    width: 1.5rem;
    height: 1px;
    background: #fff;
    display: block;
    margin: 0 1rem;
    opacity: 0.5;
}




.h2-c {
    font-family: 'F Grotesk';
    font-size: 4rem;
    line-height: 4rem;
    color: #141414;
    text-transform:uppercase;
    letter-spacing: 1px;
    margin-bottom: 2rem;
}


.h2-c span{
    font-family: "Cormorant Garamond", serif;
    font-style:italic;
    font-size: 4.5rem;
    line-height: 4.5rem;
    letter-spacing: 1px;
    position:relative;
}


.h2-c.white{
    color: #fff;
}


.h3-c {
    font-family: "Cormorant Garamond", serif;
    font-style:italic;
    font-size: 3.5rem;
    line-height: 4rem;
    color: #141414;
    text-transform:uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

.h4-c {
    font-family: "Cormorant Garamond", serif;
    font-style:italic;
    font-size: 2rem;
    color: #141414;
    text-transform:uppercase;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}



/*.h2-c span::before {*/
/*     content: '';*/
/*     width: 100%;*/
/*     position: absolute;*/
/*     left: 0;*/
/*     bottom: 0;*/
/*     height: 100%;*/
/*     background: #ffffff;*/
/*     transition: 0.3s;*/
/*     z-index: 0.8s;*/
/*     transition-delay:1s;*/
/*}*/


/*.h2-c span.open::before {*/
/*     height:0;*/
/*}*/


.img-100{
    width:100%;
}

.m-b-3{
    margin-bottom:3rem;
}

.m-b-4{
    margin-bottom:4rem;
}

.m-b-5{
    margin-bottom:5rem;
}

.m-t-1 {
    margin-top: 1rem;
}

.m-t-2 {
    margin-top: 2rem;
}

.m-t-2_5{
    margin-top: 2.5rem;
}

.m-t-3{
    margin-top:3rem;
}

.m-t-4 {
    margin-top: 4rem;
}

.m-t-5{
    margin-top:5rem;
}


.m-t-10{
    margin-top:10rem;
}

.p-t-3{
    padding-top:3rem;
}

.p-b-3{
    padding-bottom:3rem;
}

.p-t-15{
    padding-top:15rem;
}

.p-content p{
    font-family: 'F Grotesk';
    color: #141414;
    letter-spacing: 0.5px;
    font-weight:100;
    font-size: 18px;
}



.list-links{
    display: flex;
    flex-direction: column;
    gap: 0;
}

.item-list-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1.2rem 0;
    width: 100%;
    overflow: hidden;
    border: 0;
    position: relative;
    justify-content: space-between;
}


.item-list-links:first-child {
    padding-top:0;
}

.item-list-links .text-link{
     color: #141414;
     font-family: 'F Grotesk';
     letter-spacing: 2px;
     transform: skewY(-5deg);
     transform-origin: 0;
     margin: 0;
     position: relative;
     font-size: 1.8rem;
     font-weight: 200;
     transition: 0.3s;
     text-transform: uppercase;
     overflow:hidden;
     padding: 0;
     line-height: 2rem;
     padding: 0 4rem 0 0;
}
.item-list-links::before {
     content: '';
     width: 100%;
     position: absolute;
     left: 0;
     bottom: 0;
     height: 100%;
     background: #ffffff;
     transition: 0.3s;
     z-index: 1;
}
.item-list-links .text-link::after {
     content: attr(data-text);
     height: 100%;
     top: 0;
     font-size: 2rem;
     font-family: "Cormorant Garamond", serif;
     font-style:italic;
     transform-origin: 100% 50%;
     transform: translate3d(150%, 0, 0);
     transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
     position: absolute;
     width: 100%;
     left: 0;
     font-weight: 500;
     color: currentColor;
     line-height: 2rem;
}


.item-list-links.open {
border-bottom: 1px solid #1414143b;
}
.item-list-links.open .text-link{
     transform:skewY(0deg) 
}
.item-list-links .text-link span {
     display: inline-block;
     transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}
.item-list-links:hover .text-link span{
     transform:translate3d(-150%, 0, 0);
}
.item-list-links:hover .text-link::after{
     transform: translate3d(2rem, 0, 0);
}
.item-list-links.open:before{
     height: 0;
}
 
 
.arrow-link{
    height: 100%;
    width: 3rem;
    transition:0.2s;
    transform: translate3d(150%, 0, 0);
}

.arrow-link svg{
    
}


.item-list-links:hover .arrow-link{
    transform: translate3d(0%, 0, 0);
}


.mansory-grid-image{
    padding: 0;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(195px, 1fr));
    grid-auto-rows: 197.34px;
    grid-auto-flow: dense;
}



.mansory-grid-image.v-2{
    padding: 0;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(195px, 1fr));
    grid-auto-rows: 204px;
    grid-auto-flow: dense;
}

.mansory-grid-image .small {
	grid-row: span 2;
	grid-column: span 1;
}
.mansory-grid-image .tall {
	grid-row: span 2;
	grid-column: span 2;
	position: relative;
}
.mansory-grid-image .big {
	grid-column: span 4;
	grid-row: span 2;
}
.mansory-grid-image .all {
	grid-column: span 6;
	grid-row: span 2;
}

.mansory-grid-image.v-2 .all {
	grid-column: span 4;
	grid-row: span 3;
}


.mansory-grid-image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.2s;
    z-index: 1;
    position: relative;
}

.mansory-grid-image.v-2 img {
    object-position: center;
}


.cod_p{
    font-family: 'F Grotesk';
    color: #141414;
    letter-spacing: 0.5px;
    font-weight:100;
    font-size: 18px;
    margin:0;
    text-transform: uppercase;
}


/*@-webkit-keyframes rotatingX  {
/*  from {*/
/*    -webkit-transform: rotateX(0deg);*/
/*    -o-transform: rotateX(0deg);*/
/*    transform: rotateX(0deg);*/
/*  }*/
/*  to {*/
/*    -webkit-transform: rotateX(360deg);*/
/*    -o-transform: rotateX(360deg);*/
/*    transform: rotateX(360deg);*/
/*  }*/
/*}*/

/*@keyframes rotatingX {*/
/*  from {*/
/*    -ms-transform: rotateX(0deg);*/
/*    -moz-transform: rotateX(0deg);*/
/*    -webkit-transform: rotateX(0deg);*/
/*    -o-transform: rotateX(0deg);*/
/*    transform: rotateX(0deg);*/
/*  }*/
/*  to {*/
/*    -ms-transform: rotateX(360deg);*/
/*    -moz-transform: rotateX(360deg);*/
/*    -webkit-transform: rotateX(360deg);*/
/*    -o-transform: rotateX(360deg);*/
/*    transform: rotateX(360deg);*/
/*  }*/
/*}*/




.buttons-flex{
    display: grid;
    gap: 5rem;
    grid-template-columns: auto auto;
}



.full-arrow-link{
    display: flex;
    align-items: center;
    gap: 1rem;
    transition:0.2s;
    opacity: 0.5;
    justify-content: space-between;
}

.full-arrow-link:hover{
    
    opacity: 1;
}


.full-arrow-link div {
    color: #141414;
    font-family: 'F Grotesk';
    letter-spacing: 2px;
    transform-origin: 0;
    margin: 0;
    position: relative;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 200;
}


.full-arrow-link div span{
    font-family: "Cormorant Garamond", serif;
    font-style:italic;
    font-weight: 500;
    font-size: 2rem;
}

.full-arrow-link .arrow-full-link{
    height: 5rem;
    width:5rem;
    display:none;
}
.full-arrow-link .arrow-full-link svg{
    stroke: #141414;
}


.image-full {
    margin: 5rem 0 10rem 0;
}

.image-full img{
    width:100vw;
}


.grid-color{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    grid-template-columns: 45% 55%;
    display: grid;
    z-index: -1;
}

.overlay-col {
    background-color: #141414b0;
}

.column-c{
    background-color: #00000020;
}

.vh-100{
    height:100vh;
}


.addresses{
    display:flex;
    margin-top: 3rem;
    gap:2rem;
    flex-direction: column;
}

.item-address{
}




.item-address p{
    margin:0;
    color: #fff;
    font-family: 'F Grotesk';
    font-size: 18px;
    font-weight: 200;
    line-height: 22px;
    letter-spacing: 1px;
}

.item-address a{
    margin:0;
    color: #fff;
    font-family: 'F Grotesk';
    font-size: 18px;
    font-weight: 400;
}

p.f-400{
   font-weight: 400; 
}

.t-address{
    font-size: 16px !important;
    text-transform:uppercase;
    font-weight: 200 !important;
    letter-spacing: 1px;
}

.input-c {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #ffffff52;
    padding: 0.5rem;
    font-family: 'F Grotesk';
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 100;
    color: #fff;
    position: relative;
    border-radius: 0 !important;
    width: 100%;
}

.input-c::placeholder{
    text-transform:uppercase;
    
    color: #ffffff52;
}


.input-with-error{
    position:relative;
    
}

.input-with-error.show-error .error{
    opacity:1;
    visibility:visible;
    -webkit-animation-duration: 0.5s;
     animation-duration: 0.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: pulse;
     animation-name: pulse;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
}

.input-with-error .error{
    position:absolute;
    padding: 0.3rem 0.8rem;
    text-align: center;
    color: #000;
    font-family: 'F Grotesk';
    letter-spacing: 0;
    display: block;
    font-size: 15px;
    font-weight: 400;
    bottom: -2.3rem;
    background: #fff;
    left: -4.5rem;
    line-height: normal;
    z-index: 1;
    border-radius: 5px;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    box-shadow: 0 0 20px #000;
    opacity:0;
    visibility:hidden;
}


.input-with-error .error svg{
}

.input-with-error .error:before{
    content:'';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position:absolute;
    top: -6px;
    left:calc(50% - 5px);
}







.message-contact{
    position: fixed;
    padding: 0.3rem 0.8rem;
    text-align: center;
    color: #000;
    font-family: 'F Grotesk';
    letter-spacing: 0;
    font-size: 15px;
    font-weight: 400;
    bottom: 1rem;
    background: #fff;
    right: 1rem;
    line-height: normal;
    z-index: 200;
    border-radius: 5px;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    box-shadow: 0 0 20px #00000052;
    opacity:0;
    visibility:hidden;
}


.message-contact.show-message{
    opacity:1;
    visibility:visible;
    -webkit-animation-duration: 0.5s;
     animation-duration: 0.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: pulse;
     animation-name: pulse;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
}

.message-contact.close-message{
    -webkit-animation-duration: 0.5s;
     animation-duration: 0.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: rightExit;
     animation-name: rightExit;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
}



.inputs-form{
    display:flex;
     flex-direction: column; 
    gap: 1rem;
}

.title-form{
    font-family: 'F Grotesk';
    font-size: 1.8rem;
    color: #898989;
    text-transform:uppercase;
    font-weight:100;
    margin-bottom: 2rem;
    line-height: normal;
    position:relative;
    line-height: 1.8rem;
    letter-spacing: 2px;
}

.title-form span{
    font-family: "Cormorant Garamond", serif;
    font-style:italic;
    font-weight: 500;
    font-size: 2rem;
    color: #fff;
    letter-spacing: 2px;
    line-height: 2rem;
}

.uppercase{
    text-transform:uppercase;
}

.checkbox-c.small{
    height: 1rem;
    width: 1rem;
}

.send-button{
    font-family: 'F Grotesk';
    background: transparent;
    border: 0;
    padding: 0;
    color:#fff;
    font-size: 1.8rem;
    display: block;
    font-weight: 100;
    text-transform: uppercase;
    text-align: left;
    margin-top: 2rem;
}

.send-button span{
    font-family: "Cormorant Garamond", serif;
    font-style:italic;
    font-size: 2rem;
    font-weight: 500;
}


.send-button svg {
    width: 6rem;
    height: 5rem;
    stroke: currentColor;
    display: none;
}




 .control-gallery{
    position: fixed;
    transition:0.2s;
    z-index: 103;
    width: 100vw;
    top: 0;
    display: flex;
    justify-content: center;
    opacity:0;
    visibility:hidden;
    transition: 0.5s;
}

.control-gallery.show{
     opacity:1;
    visibility:visible;
}

 .control-gallery .container {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-content: center;
     align-items: center;
     padding-top: 2rem;
     width: 100%;
     padding-bottom: 2rem;
}

 .close-gallery{
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
     height: 2.5rem;
     justify-content: center;
}
 .close-gallery .line {
     background: #fff;
     width: 3.5rem;
     height: 2px;
     transition: 0.3s;
}

 .close-gallery .bar_1{
     transform: rotate(45deg) translate(7px, 3px) scaleX(1);
}

 .close-gallery  .bar_3{
     transform: rotate(-45deg) translate(2px, -2px) scaleX(1);
}

.error-page{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}


.content-error-page{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: start;
    height: 100%;
}

.go-back{
    transform: rotate(-180deg);
    width: 20rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.go-back svg{
    stroke: #fff;
    height: 5rem;
    display: none;
}

.title-form:after{
    content:'';
    position: absolute;
    top: 0.9rem;
    right: 0;
    width: 3.5rem;
    display: block;
    height: 1px;
    margin: 0 0.5rem;
    opacity: 0.5;
    background: #ffffff;
}

.label-check a{
    text-decoration: underline;
}

.mega-cursor{
    width:2000vw !important;
    height:2000vh !important;
}

.sec-page-effect{
    transform:translateY(300px);
    transition:0.5s;
}

.sec-page-effect.show{
    transform:translateY(0px);
}



 @-webkit-keyframes pulse {
     0% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05)
     }
     to {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 @keyframes pulse {
     0% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
     50% {
         -webkit-transform: scale3d(1.05, 1.05, 1.05);
         transform: scale3d(1.05, 1.05, 1.05)
     }
     to {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }






 @-webkit-keyframes rightExit {
     0% {
         -webkit-transform: translateX(0%);
         transform: translateX(0%)
     }
     100% {
         -webkit-transform: translateX(120%);
         transform: translateX(120%)
     }

 }

 @keyframes rightExit {
     0% {
         -webkit-transform: translateX(0%);
         transform: translateX(0%)
     }
     100% {
         -webkit-transform: translateX(120%);
         transform: translateX(120%)
     }
    
 }





 .my_animate__pulse {
     -webkit-animation-duration: 0.5s;
     animation-duration: 0.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: pulse;
     animation-name: pulse;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
 }
 
.nav-mobile {
    position: absolute;
    bottom: 2rem;
    right: 12px;
    z-index: 100;
    display: none;
}
 
 .arrow-nav-mobile svg{
     width: 5rem;
     height: 5rem;
     stroke: #fff;
 }
 
 .mobile{
     display:none;
 }
 

 .navs-galleries{
     
 }
 
 .nav_gallery_arrow_left svg, .nav_gallery_arrow_right svg{
    
stroke: #fff;
    padding: 5px;
    width: 5rem;
 }
 
 
 .nav_gallery_arrow_left svg{
     transform:rotate(-180deg);
 }
 
 .crazy-load div{
     position:relative;
     /* overflow:hidden; */
     filter: blur(6px);
     transition: 0.3s;
     transition-delay: 0.3s;
 }
 
  .crazy-load div.hide-load{
    
        filter: blur(0px);
    
 }
 


.scroll_top {
    position: absolute;
    width: 100%;
    height: 10rem;
    bottom:0;
}

#CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    font-family: inherit;
    font-size: 15px;
    margin: 0;
    outline: 0;
    cursor: pointer !important;
    padding: 0;
    vertical-align: baseline;
}












.box-primary{
    height: 80vh;
    overflow: hidden;
    position:relative;
}

.box-primary img{
    width:100%;
    object-fit:cover;
    height: 100%;
    transition:0.2s;
    object-position: bottom;
}


.box-primary:hover img{
    filter: brightness(0.6);
}

.desc_prod{
    position: absolute !important;
    width: fit-content;
    height: fit-content;
    top: 0;
    gap: 1rem;
    filter: blur(0) !important;
    display: flex;
    padding: 1.5rem;
    flex-direction: column;
    z-index: 2;
    opacity: 0;
    transition: 0.2s !important;
}


.box-primary:hover .desc_prod{
    opacity: 1;
}


.img-gallery-temp:hover img{
    filter: brightness(0.6);
}



.info-amb{
    border:1px solid #fff;
    color:#fff;
    opacity:0;
    position: absolute !important;
    width: fit-content;
    height: fit-content;
    top: 0;
    filter: blur(0) !important;
    right:0;
    margin: 1.5rem;
    z-index: 6;
    padding: 1rem;
    opacity: 0;
    transition: 0.2s !important;
    font-family: 'F Grotesk';
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 100;
}

.img-gallery-temp:hover .info-amb{
    opacity: 1;
}


.img-gallery-temp:hover .desc_prod{
    opacity: 1;
}

.img-gallery-cat{
    overflow: hidden;
}

.img-gallery-cat img{
    filter: brightness(0.6);
}

.img-gallery-cat:hover img{
    transform:scale(1.5);
}


.img-gallery-cat.scale img{
    transform:scale(1.5);
}


.img-gallery-cat .desc_prod{
    opacity: 1;
}

.product-desc {
    display: flex;
    filter: blur(0) !important;
    gap: 0.3rem;
    flex-direction: column;
}

.product-desc p {
    margin: 0;
    font-family: 'F Grotesk';
    text-transform: uppercase;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 1px;
    font-weight: 100;
}

.product-desc .category-slide {
    font-weight: 400;
}




/*accordion*/

.cms-accordion{
   gap: 10px;
   display: flex;
   flex-direction: column;
}

.cms-item-accordion{
   padding: 0;
}

.cms-header-accordion{
   line-height: 18px;
   gap: 0rem;
   color: #141414;
   font-family: "Cormorant Garamond", serif;
   font-size: 18px;
   letter-spacing: 0;
   font-style: italic;
   padding-bottom: 5px;
   display: grid;
   align-content: center;
   align-items: center;
   grid-template-columns: auto auto;
   justify-content: space-between;
   text-transform: uppercase;
   border-bottom: 1px solid #1414141f;
}

.change-accordion {
   width: 1.6rem;
   height: 1.6rem;
   padding: 0.5rem 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   transition:0.2s;
   align-items: flex-end;
}

.change-accordion.open {
   transform:rotate(180deg);
   -moz-transform: scale(-1, 1);
   -webkit-transform: scale(-1, 1);
   -o-transform: scale(-1, 1);
   -ms-transform: scale(-1, 1);
   transform: scale(1, -1);
}

.cms-body-accordion {
    color: #141414;
    font-family: 'F Grotesk';
    font-size: 18px;
    font-weight: 400;
    padding: 0;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: 0.35s all;
    padding-top: 0.5rem;
    max-height: 300px;
    margin-top: 5px;
}

.cms-body-accordion::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 3px;
   background: #e2e2e250;
}



.cms-body-accordion::-webkit-scrollbar-thumb {
    background:#141414;
}


.cms-body-accordion.hide{
   height: 0!important;
   padding-top: 0;
   margin: 0;
}

.icon-accordion{
    width: 100%;
    height: 3rem;
}

.icon-accordion img{
    height: 100%;
    object-fit: contain;
}

.list-categories{
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.item-category{
    font-family: "Cormorant Garamond", serif;
    color: #141414;
    text-transform: uppercase;
    opacity: 0.5;
    transition:0.2s;
    font-size: 18px;
    font-style: italic;
    width: fit-content;
    line-height: normal;
    position: relative;
}

.item-category:after{
    content:'';
    position:absolute;
    width:0;
    height:1px;
    background-color:#141414;
    bottom:0;
    transition:0.2s;
    left:0;
}

.item-category:hover {
    color: #141414;
    opacity: 1;
}

.item-category.active:after {
     width:100%;
}

.item-category.active {
    color: #141414;
    opacity: 1;
}

.pb-0{
    padding-bottom:0;
}

.grid-nav-products{
        display: grid;
        grid-template-columns: 50% 50%;
        width: 100%;
        height: 12rem;
}

.full-arrow-link.prev-arr{
    justify-content: start;
}

.full-arrow-link.next-arr{
    justify-content: end;
}

.category-slide.title-cat{
    font-size: 2.9rem;
    line-height: 2.9rem;
}

.name-product-slide.title-cat{
    font-style: italic;
    font-size: 3.2rem;
    line-height: 2.5rem;
    font-family: "Cormorant Garamond", serif;
    padding-bottom: 0.5rem;
}

.img-gallery-cat .product-desc {
    
    gap: 0;
}


.desc_prod.relative {
    position: relative !important;
    padding: 1.5rem 0;
    opacity: 1;
}

.desc_prod.relative .product-desc p {

    color: #141414;
}

.cod-p.title-cat {
    font-size: 20px;
    line-height: 24px;
}

.desc_product p{
    font-family: 'Cormorant Garamond';
    color: #141414ab;
    letter-spacing: 0;
    font-weight: 100;
    font-size: 20px;
    line-height: 26px;
    font-style: italic;
}

.prev{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.5rem;
    text-align: left;
}

.next{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.5rem;
    text-align: right;
}

.full-arrow-link div span.code {
    font-family: 'F Grotesk';
    font-weight: 500;
    font-size: 2rem;
    font-style:normal;
}


.single-slide .swiper-slide.big,  .single-slide .swiper-slide.tall{
    width: 100%;
}

.single-slide .swiper-slide img {
    object-fit: contain;
    object-position: center;
}


.v_2 .item-list-links {
    padding: 0.5rem 0;
    width: 60%;
}


.v_2 .item-list-links .text-link {
    font-size: 1rem;
    line-height:1rem;
    padding: 0 3rem 0 0;
}

.v_2 .item-list-links .text-link::after {
   
    font-size: 1.2rem;
    line-height:1.2rem;
}

.v_2 .item-list-links:hover .text-link::after {
    transform: translate3d(1.5rem, 0, 0);
}

.v_2 .arrow-link {
    width: 2rem;
}


.first-col-prod{
    display: flex;
    flex-direction: column;
}

.content-product {
    display: flex;
    flex-direction: column;
    
    height: 100%;
    justify-content: space-between;
}

.content-product .desc_product{
    margin-right: 2rem;
}






.black .input-c {
    border-bottom: 1px solid #14141452;
    color: #141414;
}

.black .input-c::placeholder{
    color: #141414;
}



.black .checkbox-c[type=checkbox] {
  
   border: 1px solid #14141452;
   border: 0.6px solid #141414;
   border-top: 2.5px solid #141414;
   border-bottom: 2.5px solid #141414;
}

.black .checkbox-c:checked[type=checkbox] {

   background-color: #141414;
   box-shadow: inset 0 0 0px 2px #fff;
}

.black  .label-check {
   color: #141414;
}
.black  .label-check a{
   color: #141414;
}

.send-button.black{
    color:#141414;
}

.inputs-form.v_2{
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, calc(50% - 0.5rem));
}



.card-sel{
    position: absolute;
    width: 100%;
    background: #fff;
    height: fit-content;
    box-shadow: 0 0 10px 10px #bbbbbb1f;
    left: 0;
    top: 2.5rem;
    padding: 1rem;
    display: flex;
    z-index: 9;
    flex-direction: column;
    gap: 0.5rem;
    transform: translateY(15px);
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}

.item-option{
    color: #141414;
    font-family: 'F Grotesk';
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    text-transform:uppercase;
    color: #000;
    opacity:0.52;
    transition:0.2s;
}


.item-option:hover{
    opacity:1;
}

.fake-input{
    cursor:pointer;
}


.input-with-sel.active .card-sel{
        transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}


.input-with-error.black .error{
    color: #fff;
    background: #141414;
    left: -4.5rem;
    box-shadow: 0 0 0 #000;
   
}



.input-with-error.black .error:before{
   
    border-bottom: 7px solid #141414;
   
}

.padding-catalogues-bottom{
    padding-bottom:15rem;
}






.card-sel.black{
    background: #000;
    box-shadow: 0 0 10px 10px #0000001f;

   
}

.card-sel.black .item-option{
    color: #fff;
}


.form-info-section{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    padding-top: 6.5rem;
    padding-bottom: 30px;
    left: 0;
    z-index: 102;
    align-items: center;
    opacity: 0;
    visibility:hidden;
    transition: 0.5s;
    overflow: hidden;
}

.form-info-section.show{
    opacity: 1;
    visibility: visible;
}


.close-form {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 2.5rem;
    justify-content: center;
    position: absolute;
    right: 7px;
    top: 0;
}


 .close-form .line {
     background: #fff;
     width: 3.5rem;
     height: 2px;
     transition: 0.3s;
}

 .close-form .bar_1{
     transform: rotate(45deg) translate(7px, 3px) scaleX(1);
}

 .close-form  .bar_3{
     transform: rotate(-45deg) translate(2px, -2px) scaleX(1);
}

.mansory-grid-image.v-3 {
    padding: 0;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 32.5% 32.5% 32.5%;
    grid-auto-rows: 204px;
    grid-auto-flow: dense;
}

.mansory-grid-image.v-3 .tall {
    grid-column: span 1;
}

.no-after:after{
    display:none;
}

.align-last-single-element-menu{
        justify-content: flex-start !important;
}

#CookiebotWidget * {
    cursor: pointer !important;
}

#aioa_accessibility_settings  * {
    cursor: pointer !important;
}

#accessibility_statement_modal   * {
    cursor: pointer !important;
}

.aioa-modal-dialog * {
    cursor: pointer !important;
}

.pr-img{
    width:53%;
}

.p-menu-list-2{
    padding-bottom:0 !important;
    padding-top:5rem;
}

.link_slider {
    position: absolute;
    z-index: 101;
    color: #fff;
    width: fit-content;
    bottom: 10rem;
    left: 7.5rem;
    border-bottom: 1px solid #ffffff3b !important;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    /*transition-delay:0.3s;*/
}


.link_slider .text-link {
   
    font-size: 1.2rem !Important;
    line-height:1.4rem;
    
}

.link_slider .text-link::after {
   
    font-size: 1.3rem !Important;
    line-height:1.4rem;
    
}

.link_slider .arrow-link {
    width: 2rem;
}


.link_slider.active {
  /*transition-delay:0s;*/
    opacity: 1;
    visibility: visible;
}


.link_slider .text-link{
    color:currentColor;
}