@import url("../fonts/poppins/stylesheet.css");
@import url("../fonts/tenor-sans/stylesheet.css");
@import url("../fonts/marcellus/stylesheet.css");

:root{

	/*palette*/
	--color-A:	#000000; 
	--color-D:	#ff0000; 
	--color-E:	#ffffff;
    --font-size-A: 14px;
    --font-size-C: 20px;
    --menu-height:140px;
    --menu-height:140px;
    @media (max-width: 1199px){
        --menu-height:60px;
    }
    @media (max-width: 767px){
        --menu-height:60px;
    }

    --main-font-size: 16px;
    --small-font-size: 14px;
    --small-font-size-line-height: 18px;
    --lineheight-main-font-size: 22px;
    --btn-font-size: 12px;
    --btn-line-height: 14px;
    --btn-letter-spacing: 1px;
    @media (min-width:992px){
        --main-font-size: 16px;
        --lineheight-main-font-size: 28px;
    }
    --main-font-family: 'Poppins', sans-serif;
    --title-font-family: 'Tenor Sans', sans-serif;
    --title-font-family: 'Marcellus', sans-serif;
    --title-font-family-letter-spacing: -1px;
    --title-font-family-letter-spacing: 0.04em;
    --menu-font-size: 16px;
    @media (min-width:1200px) and (max-width:1580px){
        --menu-font-size: 14px;
    }


    --font-size-testata: 60px;
    --line-height-testata: 75px;
    --line-height-video-testata: 85px;
    --titolo1: 36px;
    --titolo1-line-height: 41px;
    --titolo2: 32px;
    --titolo2-line-height: 40px;
    --titolo3: 28px;
    --titolo3-line-height: 32px;
    --titolo4: 24px;
    --titolo4-line-height:36px;
    --titolo5: 20px;
    --titolo5-line-height: 28px;
    /*--product-title:26px;
    --product-title-line-height:30px;
    --product-title-small:22px;
    --product-title-small-line-height:26px;*/
    --product-title:24px;
    --product-title-line-height:28px;
    --product-title-small:20px;
    --product-title-small-line-height:24px;
    --titolo28: 28px;
    --titolo28-line-height: 34px;
    @media (max-width:1920px) and (min-width:768px){
        --font-size-testata:calc(40px + (60 - 40) * ((100vw - 768px) / (1920 - 768)));
        --line-height-testata: calc(35px + (75 - 35) * ((100vw - 768px) / (1920 - 768)));
        --line-height-video-testata: calc(45px + (85 - 45) * ((100vw - 768px) / (1920 - 768)));
        --titolo1: calc(26px + (36 - 26) * ((100vw - 768px) / (1920 - 768)));
        --titolo1-line-height: calc(32px + (41 - 32) * ((100vw - 768px) / (1920 - 768)));
        --titolo2: 32px;
        --titolo2-line-height: 40px;
        --titolo2: calc(24px + (32 - 24) * ((100vw - 768px) / (1920 - 768)));
        --titolo2-line-height: calc(30px + (40 - 30) * ((100vw - 768px) / (1920 - 768)));
        /*--titolo3: 30px;
        --titolo3-line-height: 36px;
        --titolo3: calc(26px + (30 - 26) * ((100vw - 768px) / (1920 - 768)));
        --titolo3-line-height: calc(32px + (36 - 32) * ((100vw - 768px) / (1920 - 768)));*/
        --titolo3: 28px;
        --titolo3-line-height: 32px;
        --titolo3: calc(24px + (28 - 24) * ((100vw - 768px) / (1920 - 768)));
        --titolo3-line-height: calc(28px + (32 - 28) * ((100vw - 768px) / (1920 - 768)));
        --titolo4: calc(20px + (24 - 20) * ((100vw - 768px) / (1920 - 768)));
        --titolo4-line-height: calc(28px + (36 - 28) * ((100vw - 768px) / (1920 - 768)));
        /*--product-title: calc(20px + (26 - 20) * ((100vw - 768px) / (1920 - 768)));
        --product-title-line-height: calc(26px + (30 - 26) * ((100vw - 768px) / (1920 - 768)));*/
        --product-title: calc(20px + (24 - 20) * ((100vw - 768px) / (1920 - 768)));
        --product-title-line-height: calc(26px + (28 - 26) * ((100vw - 768px) / (1920 - 768)));
        --titolo28: calc(22px + (28 - 22) * ((100vw - 768px) / (1920 - 768)));
        --titolo28-line-height: calc(26px + (34 - 26) * ((100vw - 768px) / (1920 - 768)));
    }
    @media (max-width:1200px){

    }
    @media (max-width:991px){
        --titolo3: 26px;
        --titolo3-line-height: 32px;
        /*--product-title:24px;
        --product-title-line-height:28px;*/
    }
    @media (max-width:767px){
        --font-size-testata: 32px;
        --line-height-testata: 30px;
        --line-height-video-testata: 40px;
        --titolo1: 26px;
        --titolo1-line-height: 32px;
        --titolo2: 26px;
        --titolo2-line-height: 32px;
        --titolo3: 26px;
        --titolo3-line-height: 32px;
        --titolo4: 20px;
        --titolo4-line-height:28px;
        --titolo5: 18px;
        --titolo5-line-height: 24px;
        --product-title:20px;
        --product-title-line-height:26px;
        --product-title-small:18px;
        --product-title-small-line-height:24px;
        --titolo28: 22px;
        --titolo28-line-height: 26px;
    }
    @media (max-width: 576px) {
        --product-title:18px;
        --product-title-line-height:20px;
        --product-title-small:16px;
        --product-title-small-line-height:20px;
    }

    --lineheight-font-size-D: 46px;
    @media (max-width: 1199px) {
        --lineheight-font-size-D: 32px;
    }

    --main-bg-color: #E1E0DD;
    --main-bg-color: #F7F7F5;
    --bg-grigio:#E1E0DD;
    --bg-grigio-chiaro: #F7F7F5;
    --grigio-bordi: #E7E7E6;
    --marrone: #493727;
    --grigio-scuro: #4D4E4D;
    --grigio-chiaro: #C1BFB8;
    --light-bg-color:var(--bg-grigio-chiaro);
    --footer-bg: var(--grigio-chiaro);
    --menu-color: #fff;
    --menu-color-open: #493727;
/*    --oro: #9F9478;*/
    --oro: #9B8D5A;
    --sfondo-supertop: #030202; /*#272019*/
    --giallo: #DEAC61;

    --main-text-color: var(--grigio-scuro);
    --component-padding-y: 4vw;
    --special-padding:150px;
    @media (max-width:1780px) {
        --special-padding:50px
    }
    @media (max-width:992px) {
        --special-padding:20px;
        --extra-top-liner-height: 30px;
        --component-padding-y: 8vw;
    }
    @media (max-width:450px) {
        --component-padding-y: 10vw;
    }
    --ds-container-large:1360px;
    /*@media (min-width: 1700px){
        --ds-container-large:1680px;
    }*/
}

body{
/*  background-color: var(--main-bg-color);*/
}
.home{
    background-color: var(--main-bg-color);
}
.single-product{
    background-color: var(--light-bg-color);
}
a:hover, a:focus{
    color: var(--marrone);
}
.main-title{
    font-family: var(--title-font-family);
    font-size: var(--titolo1);
    line-height: var(--titolo1-line-height);
}
.titolo1,
.ds-page-product .product-description .main-title{
    font-size: var(--titolo1);
    line-height: var(--titolo1-line-height);
    font-family: var(--title-font-family);
    letter-spacing: var(--title-font-family-letter-spacing);
    font-weight: var(--font-weight-regular);
/*    letter-spacing: 1px;*/
    text-transform: uppercase;
}
.titolo2{
    font-size: var(--titolo2);
    line-height: var(--titolo2-line-height);
    font-family: var(--title-font-family);
    letter-spacing: var(--title-font-family-letter-spacing);
    font-weight: 400;
}
.titolo3{
    font-size: var(--titolo3);
    line-height: var(--titolo3-line-height);
    font-family: var(--title-font-family);
    letter-spacing: var(--title-font-family-letter-spacing);
    font-weight: 400;
}
.titolo4{
    font-size: var(--titolo4);
    line-height: var(--titolo4-line-height);
    font-family: var(--title-font-family);
/*    letter-spacing: -1px;*/
}
.titolo5{
    font-size: var(--titolo5);
    line-height: var(--titolo5-line-height);
    font-family: var(--main-font-family);
}
@media (min-width:1600px){
  .container,
  .ds-container-large.container {
    max-width: 1540px;
  }
}

.text-area{
    font-size:var(--main-font-size);
    line-height: var(--lineheight-main-font-size);
    font-family: var(--main-font-family);
}
.sottotitolo{
    font-size:var(--main-font-size);
    line-height: var(--lineheight-main-font-size);
    font-family: var(--main-font-family);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 3rem 0;
}
.product-title{
    font-size: var(--product-title);
    line-height: var(--product-title-line-height);
    font-family: var(--title-font-family);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: var(--title-font-family-letter-spacing);
}
.product-title-small{
    font-size: var(--product-title-small);
    line-height: var(--product-title-small-line-height);
    font-family: var(--title-font-family);
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: var(--title-font-family-letter-spacing);
}
.footer-title{
    font-weight: 800;
}
.details {
    font-size: var(--small-font-size);
    line-height: var(--small-font-size-line-height);
    font-weight: 600;
    font-family: var(--main-font-family);
    letter-spacing: 1px;
    text-transform: uppercase;
}
.small-title{
    font-weight: 600;
    padding-left: 0;
    text-transform: uppercase;
    font-size: var(--main-font-size);
}
.small-padding{
    padding: 2vw 0 2vw 0;
}

img, svg {
    vertical-align: middle;
}
.border-radius {
    border-radius: 6px;
    border-radius: 28px;
}
.marrone{
    color: var(--marrone);
}
.oro{
  color:var(--oro);
}
.big-title{
    font-size: var(--font-size-testata);
    line-height: var(--line-height-testata);
}
ul.wp-block-list li::before{
    width: 20px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    background-image: url(../img/v-cavit.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    background-position: center bottom;
    margin-right: 10px;
}


/*heading*/
h2,
.ds-component .text-area .main-title,
.ds-component.text-component .text-block .text-area .main-title{
    font-family: var(--title-font-family);
    font-weight: var(--font-weight-regular);
    text-transform: uppercase;
    /*font-size: var(--font-size-D);
    line-height: var(--lineheight-font-size-D);*/
    font-size: var(--titolo1);
    line-height: var(--titolo1-line-height);
    letter-spacing: var(--title-font-family-letter-spacing);
    color: var(--marrone);
}

.ds-component.text-component .text-block .text-area .main-title{
    font-weight: var(--font-weight-regular);
}


.bg-bianco{
    background-color:#fff!important;
}
.bg-grigio{
    background-color: var(--bg-grigio)!important;
}
.bg-grigio2{
    background-color:var(--bg-grigio-chiaro)!important;
}
.bg-beige-bianco, .bg-bianco-beige,
.bg-grigio-bianco, .bg-bianco-grigio,
.bg-grigio-grigio2, .bg-grigio2-grigio{
    position: relative;
}

/*elemento di sfondo posizionato in basso*/
.bg-beige-bianco:after,
.bg-grigio-bianco:after,
.bg-grigio-grigio2:after{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left: 0;
    height: 12vh;
    height: 260px;
    z-index: -1;
}
.bg-beige-bianco:after,
.bg-grigio-bianco:after{
    background-color: #fff;
}
.bg-grigio-grigio2:after{
    background-color:var(--bg-grigio-chiaro);
}
@media (max-width:1399px){
    .bg-beige-bianco:after,
    .bg-grigio-bianco:after,
    .bg-grigio-grigio2:after{
        height: 190px;
    }
}

/*elemento di sfondo posizionato in alto*/
.bg-bianco-beige:after,
.bg-bianco-grigio:after,
.bg-grigio2-grigio:after{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    height: 12vh;
    height: 260px;
    z-index: -1;
}
.bg-bianco-beige:after,
.bg-bianco-grigio:after{
    background-color: #fff;
}
.bg-grigio2-grigio:after{
    background-color:var(--bg-grigio-chiaro);
}
@media (max-width:1399px){
    .bg-bianco-beige:after,
    .bg-bianco-grigio:after,
    .bg-grigio2-grigio:after{
        height: 190px;
    }
}
.posizione1:after{
    height: 34%;
}
.posizione2:after{
    height: 66%;
}
.posizione3:after{
    height: 50%;
}
.posizione4:after{
    height: 25%;
}
.posizione5:after{
    height: 75%;
}

.text-component .text-block + .text-block{
    margin-top:50px;
}

/*sfondo a tre colori*/
.bg-grigio-bianco-grigio .text-block,
.bg-bianco-grigio-bianco .text-block{
    position: relative;
    z-index: 1;
}
.bg-grigio-bianco-grigio{
    background-color: #fff;
    position: relative;
}
.bg-bianco-grigio-bianco{
    background-color: var(--main-bg-color);
    position: relative;
}
.bg-grigio-bianco-grigio:after,
.bg-bianco-grigio-bianco:after{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    bottom:0;
    left: 0;
    height: 12vh;
    height: 320px;
/*    z-index: -1;*/
}
.bg-grigio-bianco-grigio:before,
.bg-bianco-grigio-bianco:before{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    height: 12vh;
    height: 260px;
/*    z-index: -1;*/
}
.bg-grigio-bianco-grigio:before,
.bg-grigio-bianco-grigio:after{
    background-color: var(--main-bg-color);
}
.bg-bianco-grigio-bianco:before,
.bg-bianco-grigio-bianco:after{
    background-color: #fff;
}

/*header*/
.top.ds-component .navbar-header{
  /*background-color: transparent;
  padding: 0 0 20px;
  background-color: var(--marrone);*/
  background-color: var(--main-bg-color);
  background-color: var(--footer-bg);
}
.ds-component.header-banner{
    background-color: var(--marrone);
    /*padding: 0;
    overflow: hidden;*/
}

.top.ds-component{
    width: 100%;
    min-height: var(--menu-height);
    position: absolute;
    position: static;
    background: transparent;
    background-color: var(--marrone);
    transition: all .6s ease;
    z-index: 9999999999;
    z-index: 99999999;
}
.home .top.ds-component{
    position: absolute;
    background-color: transparent;
}
.home .top.ds-component .navbar-header{
/*    background-color: transparent;*/
}
.top.ds-component .super-top{
    background-color: transparent;
    background-color: var(--sfondo-supertop);
    background-color: rgba(21,14,10,0.6);
}
.top.ds-component .super-top-mobile{
    background-color: var(--marrone);
}
.home .top.ds-component .super-top{
    background-color: transparent;
    background-color: rgba(21,14,10,0.6);
/*    background-color: rgba(0,0,0,0.6);*/
}
.top.ds-component.sfondo-testata{
    background-color: var(--marrone);
    position: static;
    position: relative;
}

@media (min-width:1200px){
    .top.ds-component .navbar-header{
      background-color: transparent;
    }
    .menu-logo-centrato{
        padding: 0;
        /*padding-bottom:15px;
        padding-top: 15px;*/
        padding-bottom:30px;
        padding-bottom: 5px;
    }
    .menu-wrapper {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      width: 100%;
    }
    .nav-sinistra {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end; /* voci si allineano verso il logo */
      align-items: center;
      list-style: none;
      margin: 0; padding: 0;
    }
    .logo-split {
      flex-shrink: 0;
      padding: 0 35px;
    }
    .nav-destra {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; /* voci si allineano verso il logo */
      align-items: center;
      list-style: none;
      margin: 0; padding: 0;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li{
        padding: 0;
    }
}
@media (max-width:1199px){
    .top.ds-component .navbar-header{
        top: 0;
        max-height: 100%;
        z-index: 99999;
        overflow-y: none;
    }
    .menu-mobile-opened .top.ds-component .navbar-header{
        z-index: 99999;
    }
    .menu-wrapper{
        padding-top:80px;
    }
    .top.ds-component .back-btn{
        margin-top:80px;
    }
    .top.ds-component .super-top-mobile .ds-icon{
        stroke: #ffffff;
    }
}
@media (min-width:1400px){
    .logo-split {
      flex-shrink: 0;
      padding: 0 50px;
    }
}
.top.ds-component .navbar-header .menu-wrapper .nav li a span, .top.ds-component .navbar-header .menu-wrapper .nav li .open-sub{
  font-weight: var(--font-weight-semibold);
  letter-spacing: 1.5px;
  font-size: var(--menu-font-size);
}
.top.ds-component .navbar-header .menu-wrapper .nav{
  align-items: center;
}
.top.ds-component .navbar-header .menu-logo-centrato .menu-wrapper .nav{
    justify-content: space-evenly;
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li span, .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li button.open-tree{
    color: var(--menu-color-open);
}
@media (min-width:1200px){
    .top.ds-component .navbar-header .menu-wrapper .nav li .open-sub.sel{
        color: var(--menu-color)!important;
        position: relative;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .open-sub.sel:after{
        content:'';
        width: 1px;
        height: 60px;
        background-color: #fff;
        background-color: var(--footer-bg);
        position: absolute;
        top: calc(100% + 18px);
        left: 50%;
    }
    .menu-2-step-show .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu{
        top:90px;
        top: 70px;
    }
}
.top.ds-component .navbar-header .menu-wrapper .nav li .open-sub.sel{
    color: var(--menu-color)!important;
    position: relative;
}
.top.ds-component .navbar-header .menu-wrapper .nav li .open-sub.sel:after{
    content:'';
    width: 1px;
    height: 60px;
    background-color: #fff;
    position: absolute;
    top: calc(100% + 18px);
    left: 50%;
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu.change-img-on-hover .megamenu-img .megamanu-img-wrap{
/*    height: 80%;*/
    aspect-ratio: 8 / 7;
/*    margin: 47px 0 auto 0;*/
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link{
    margin-top: 0;
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu{
    padding: 65px 0 65px 0;
}
.top.ds-component .super-top-mobile .logo{
    margin-top:5px;
    margin-bottom: 5px;
}
.top.ds-component .super-top-mobile .logo img{
    height: 44px;
}
.top.ds-component .super-top-mobile .mobile-top-icon-round{
    background-color: var(--grigio-chiaro);
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
}
.top.ds-component .super-top-mobile .mobile-top-icon-round .ds-icon{
    stroke:var(--grigio-scuro);
}


/*---------------------------*/
/*.ds-component.header-banner .container{
    min-height: 750px;
    display: flex;
    flex-direction: column;
}
@media (max-width:1200px){
    .ds-component.header-banner .container{
        min-height: 600px;
    }
}*/
/*.ds-component.header-banner .layer-onda{
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.ds-component.header-banner .layer-onda:after{
    content: '';
    width: 50vw;
    height: 100%;
    background-color: var(--bg-grigio);
    position: absolute;
    top: 0;
    left: 99%;
}*/
/*.ds-component.header-banner .layer-onda svg{
    width: auto;
    height: 100%;
}*/
/*.ds-component.header-banner.cta-component-boxed-text .text-area{
    padding-left: 40%;
    position: relative;
    z-index: 1;
    padding-right: 5px;
    margin-top: 40px;
}
@media (max-width:1400px){
    .ds-component.header-banner.cta-component-boxed-text .text-area{
        padding-left: 46%;
    }
}
@media (min-width:992px) and (max-width:1580px){
    .ds-component.header-banner .col-xl-8{
        width: 76%;
    }
}
@media (max-width:767px){
    .ds-component.header-banner .layer-onda{
        display: none;
    }
    .ds-component.header-banner.cta-component-boxed-text .text-area{
        padding: 40px;
        border-radius: 0;
        background-color: rgba(255,255,255,0.9)!important;
        margin:40px 0;
    }
    .ds-component.header-banner .container{
        min-height: auto;
    }
}*/



.ds-component.cta-component.cta-component-boxed-text .text-area{
  background-color: transparent;
}
.ds-component.cta-component.cta-component-boxed-text .text-area .main-title{
  font-size: var(--font-size-testata);
  line-height: var(--line-height-testata);
  color: var(--color-white);
}
.top.ds-component .super-top, .top.ds-component .super-top a{
  font-weight: 600;
  letter-spacing: 1.5px;
}
.top.ds-component .super-top .btn-group-menu a{
    background-color: var(--grigio-chiaro);
    border-radius: 50%;
    margin-right: 20px;
    background-color: #605F5B;
    position: relative;
}
.top.ds-component .super-top .btn-group-menu a:hover,
.top.ds-component .super-top .btn-group-menu a:focus{
    background-color: #fff;
}
.top.ds-component .super-top .btn-group-menu a:hover svg,
.top.ds-component .super-top .btn-group-menu a:focus svg{
    stroke: var(--marrone);
}
.top.ds-component .super-top .btn-group-menu a svg{
    stroke: var(--grigio-scuro);
    stroke: #fff;
}
.top.ds-component .super-top .btn-group-menu a .ds-icon{
    width: 20px;
    height: 20px;
    margin: 8px;
}
.top.ds-component .super-top a .ncart {
    background: var(--oro);
    font-weight: 600;
    position: absolute;
    left: 18px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    font-size: 12px;
    align-items: center;
    top: -5px;
    line-height: 1;
}
.top.ds-component .lang-switchter{
  margin: 0 0 0 15px;
  padding: 0 0 0 25px;
  height: 36px;
  align-items: center;
  border:none;
  margin:0;
}
.ds-btn.ds-fake-btn:hover{
    opacity: 1;
}

.home.menu-2-step-show.menu-1-step .navbar-header,
.menu-2-step-show.menu-1-step .navbar-header{
    background-color: var(--marrone);
}
.top.ds-component .navbar-header .logo a img,
.top.ds-component .navbar-header .ds-container-large .logo a img,
.top.ds-component .navbar-header .container .logo a img{
  width:165px;
  max-height: none;
}
@media (max-width:1399px){
  .top.ds-component .navbar-header .logo a img{
    width:130px;
  }
}
.top.ds-component .navbar-header .head-menu-mobile .logo path{
    fill:var(--marrone);
}
.ds-footer.footer-varA .footer-logo img{
    width:110px;
}

@media (max-width: 1199px) {
    .top.ds-component .navbar-header > .container {
/*        display: flex;*/
        justify-content: stretch;
        height: 100%;
        overflow-x: hidden;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav{
      padding-top: 0;
      background-color: transparent;
    }
}
.head-menu-mobile {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    align-items: center;
    width: 100%;
    align-self: baseline;
    z-index: 9999;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.head-menu-mobile .logo {
    width: 75px;
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu{
    background-color: var(--footer-bg);
/*    background-color: var(--main-bg-color);*/
    background-image: url(../img/bg-footer-pattern-scuro.png);
    background-repeat: repeat;
    background-position: left 3px;
    color: var(--marrone);
    padding: 0;
    /*font-family: var(--title-font-family);
    font-size: var(--titolo4);
    line-height: var(--titolo4-line-height);
    text-transform: uppercase;*/
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .container{
    background-color: var(--footer-bg);
/*    background-color: var(--main-bg-color);*/
    padding: 65px 60px 65px 60px;
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav li{
    width: calc(100% - 35px);
    width: calc(50% - 35px);
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li span, .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li button.open-tree{
    font-family: var(--title-font-family);
    /*font-size: var(--titolo4);
    line-height: var(--titolo4-line-height);*/
    text-transform: uppercase;
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav .tree-dad .open-tree{
    align-items: center;
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li{
    min-height: 35px;
    margin-bottom:12px;
}
@media (min-width:1200px){
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav .tree-nav{
        width: 50%;
        width: 100%;
        left: 50%;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav .tree-nav.tree-visible{
        left: 50%;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav.small-menu li{
        width: calc(50% - 35px);
    }
    .top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li a{}
    .top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li a:hover,
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li .open-tree.selected-tree{
        top:0;
        padding-left: 35px;
    }
    .top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li a:before{
        content: url(../img/v-cavit.svg);
        position: absolute;
        top: 5px;
        left: 0;
        width: 26px;
        height: 21px;
        transition: opacity .2s ease;
        opacity: 0;
    }
    .top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li .open-tree:before{
        top: 5px;
    }
    .top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li a:hover:before,
    .top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li .open-tree.selected-tree:before{
        opacity: 1;
        transition: opacity .4s .1s ease;
    }
    .top.ds-component .navbar-header .sub-menu .sub-menu-wrap .tree-nav li a:hover{
        padding-left: 5px;
    }
    .top.ds-component .navbar-header .sub-menu .sub-menu-wrap .tree-nav li a:before{
        content: none;
    }
}
@media (max-width:1199px){
    .top.ds-component .navbar-header, .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu{
        background-color: var(--footer-bg);
        background-image: url(../img/bg-footer-pattern-scuro.png);
        background-repeat: repeat-x;
        background-position: left bottom;
        font-family: var(--title-font-family);
        text-transform: uppercase;
    }
    .sub-nav-opened .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav .tree-nav,
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav .tree-nav{
        background-color: var(--footer-bg);
        background-image: url(../img/bg-footer-pattern-scuro.png);
        background-repeat: repeat-x;
        background-position: left bottom;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav .tree-nav{
        width: 100%;
    }
    .sub-nav-opened .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu:after{
        content: none;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li span, .top.ds-component .navbar-header .menu-wrapper .nav li .open-sub, .top.ds-component .navbar-header .menu-wrapper .nav li span, .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li button.open-tree, .top.ds-component .navbar-header .menu-wrapper .nav li .open-sub, .top.ds-component .navbar-header .menu-wrapper .nav li a, .top.ds-component .navbar-header .menu-wrapper .nav li a span{
        text-transform: uppercase;
    }
    .nav a:hover, .nav .open-sub:hover, .sub-nav .open-tree:hover{
        top:0!important;
        padding-left:5px!important;
    }
    .top.ds-component .back-btn{
        font-family: var(--main-font-family);
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        line-height: 14px;
        color: var(--marrone);
    }

    /*  Riattivo lo scroll orizzontale dei sottomenu mobile - se sono stati tolti per accessibilità togliere questo pezzo  */
    .menu-mobile-opened .top.ds-component .navbar-header{
        overflow: hidden;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu{
        left:100%;
        transition: left 0.4s ease-in-out,visibility .4s ease-in-out;
        opacity: 1;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav .tree-nav{
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 100%;
        opacity: 1;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav{
        position: static;
    }
    .sub-nav-opened .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav{
        position: static;
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap,
    .sub-nav-opened .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav .tree-nav{
        margin-right: calc(var(--bs-gutter-x) * 0.5);
        margin-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav .tree-nav{
        transition: left 0.4s ease-in-out,opacity 0.8s ease-in-out, visibility 0.4s ease-in-out;
    }
    /*  FINE Riattivo lo scroll orizzontale dei sottomenu mobile  */

}
.top.ds-component .navbar-header .sub-menu .sub-menu-wrap{
    height: 100%;
}
.top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link{
    height: 100%;
}
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link .sub-nav {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.bottom-link{
    margin-top:auto;
}
.bottom-link a,
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li.bottom-link a,
.top-link a,
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li.top-link a{
    font-family: var(--main-font-family);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 14px;
    height: 49px;
    padding-right: 25px;
    position: relative;
    color:var(--marrone);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.bottom-link a:hover, .bottom-link a:focus,
.top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li.bottom-link a:hover, .top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li.bottom-link a:focus,
.top-link a:hover, .top-link a:focus,
.top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li.top-link a:hover, .top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li.top-link a:focus{
    padding-left: 0;
}
.bottom-link a:before,
.top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li.bottom-link a:before,
.top-link a:before,
.top.ds-component .navbar-header .sub-menu .sub-menu-wrap .main-tree-link li.top-link a:before{
    content:none;
}
.bottom-link a:after,
.top-link a:after{
    content:'';
    height: 50px;
    width: 25px;
    background-image:url(../img/freccia-bottone.svg);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top:0;
    right: 14px;
    transition: all .6s ease;
}
.bottom-link a span,
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li.bottom-link span,
.top-link a span,
.top.ds-component .navbar-header .menu-wrapper .nav li .sub-menu .sub-menu-wrap .main-tree-link li.top-link span{
    display: inline-block;
    padding-right: 25px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 14px;
    font-family: var(--main-font-family);
}
.bottom-link a:hover:after, .bottom-link a:focus:after,
.top-link a:hover:after, .top-link a:focus:after{
    right: 0;
}

.header-banner{
    height: 90vh;
    height: 45vh;
}
.tax-linea .header-banner,
.header-banner.testata-onda{
    height: auto;
    padding: 0;
}
.header-banner:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(73, 55, 39, 0.2); 
    mix-blend-mode: multiply;
    z-index: 10;
}
.header-banner:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0) 50%);
    z-index: 10;
}
.header-banner.testata-onda:after,
.header-banner.testata-onda:before,
.tax-linea .header-banner:after,
.tax-linea .header-banner:before{
    content: none;
}
.ds-component.no-content-header-banner {
    height: auto;
    min-height: 200px;
    min-height: 140px;
    padding: 0;
}
@media (max-width: 767px) {
    .ds-component.no-content-header-banner{
        min-height: 60px;
    }
}
.ds-component.no-content-header-banner:before, .ds-component.no-content-header-banner:after{
    content:none;
}
.home .ds-component.no-content-header-banner,
.single-vitigno .ds-component.header-banner,
.single-vino .ds-component.header-banner{
    display: none;
}
.single-vitigno .top.ds-component,
.single-vino .top.ds-component,
.tax-linea .top.ds-component{
    position: static;
    position: relative;
    background-color: var(--marrone);
}

/*per cta*/
.ds-component.header-banner .container{
    min-height: 750px;
    display: flex;
    flex-direction: column;
}
@media (max-width:1200px){
    .ds-component.header-banner .container{
        min-height: 600px;
    }
}

.tax-linea .ds-component.header-banner .container,
.tax-linea .ds-component.header-banner .container-fluid,
.tax-linea .ds-component.header-banner .container.testata-onda,
.ds-component.header-banner .container-fluid.testata-onda {
    min-height: 750px;
    min-height:700px;
/*    min-height: 30vw;*/
    display: flex;
    flex-direction: column;
}
@media (max-width:1700px){
    .tax-linea .ds-component.header-banner .container,
    .tax-linea .ds-component.header-banner .container-fluid,
    .tax-linea .ds-component.header-banner .container.testata-onda,
    .ds-component.header-banner .container-fluid.testata-onda{
        min-height: 650px;
    }
    .tax-linea .ds-component.header-banner .container .text-area,
    .tax-linea .ds-component.header-banner .container-fluid .text-area,
    .tax-linea .ds-component.header-banner .container.testata-onda .text-area,
    .ds-component.header-banner .container-fluid.testata-onda .text-area{
        /*font-size: 15px;
        line-height: 25px;*/
        padding-bottom: 0;
    }
}
@media (max-width:1550px){
    .tax-linea .ds-component.header-banner .container,
    .tax-linea .ds-component.header-banner .container-fluid,
    .tax-linea .ds-component.header-banner .container.testata-onda,
    .ds-component.header-banner .container-fluid.testata-onda{
        min-height: 600px;
    }
    .tax-linea .ds-component.header-banner .container .text-area,
    .tax-linea .ds-component.header-banner .container-fluid .text-area,
    .tax-linea .ds-component.header-banner .container.testata-onda .text-area,
    .ds-component.header-banner .container-fluid.testata-onda .text-area{
        /*font-size: 15px;
        line-height: 25px;*/
        padding-bottom: 0;
    }
}
@media (max-width:1440px){
    .tax-linea .ds-component.header-banner .container,
    .tax-linea .ds-component.header-banner .container-fluid,
    .tax-linea .ds-component.header-banner .container.testata-onda,
    .ds-component.header-banner .container-fluid.testata-onda{
        min-height: 550px;
    }
    .tax-linea .ds-component.header-banner .container .text-area,
    .tax-linea .ds-component.header-banner .container-fluid .text-area,
    .tax-linea .ds-component.header-banner .container.testata-onda .text-area,
    .ds-component.header-banner .container-fluid.testata-onda .text-area{
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 0;
    }
}
@media (max-width:1440px){
    .tax-linea .ds-component.header-banner .container,
    .tax-linea .ds-component.header-banner .container-fluid,
    .tax-linea .ds-component.header-banner .container.testata-onda,
    .ds-component.header-banner .container-fluid.testata-onda{
        min-height: 550px;
    }
    .tax-linea .ds-component.header-banner .container .text-area,
    .tax-linea .ds-component.header-banner .container-fluid .text-area,
    .tax-linea .ds-component.header-banner .container.testata-onda .text-area,
    .ds-component.header-banner .container-fluid.testata-onda .text-area{
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 0;
    }
}
.tax-linea .ds-component.header-banner .container-fluid,
.ds-component.header-banner .container-fluid.testata-onda{
    z-index: 99;
}
@media (max-width: 1400px) {
    .tax-linea .ds-component.header-banner .container,
    .tax-linea .ds-component.header-banner .container.testata-onda{
        min-height: 550px;
    }
}
@media (max-width: 992px) {
    .tax-linea .ds-component.header-banner .container,
    .tax-linea .ds-component.header-banner .container.testata-onda {
        min-height: 45vw;
    }
}

/*per cta*/
.ds-component.header-banner.cta-component-boxed-text .text-area{
    padding-left: 40%;
    position: relative;
    z-index: 1;
    padding-right: 5px;
    margin-top: 40px;
}
@media (max-width:1400px){
    .ds-component.header-banner.cta-component-boxed-text .text-area{
        padding-left: 46%;
    }
}
@media (min-width:992px) and (max-width:1580px){
    .ds-component.header-banner .col-xl-8{
        width: 76%;
    }
}
@media (max-width:767px){
/*    spostato sotto per tutti i layer onda*/
    /*.ds-component.header-banner .layer-onda{
        display: none;
    }*/
    /*.ds-component.header-banner.cta-component-boxed-text .text-area{
        padding: 40px;
        border-radius: 0;
        background-color: rgba(255,255,255,0.9)!important;
        margin:40px 0;
    }*/
    /*.ds-component.header-banner .container{
        min-height: auto;
    }*/
}

.tax-linea .ds-component.header-banner.cta-component-boxed-text .text-area,
.ds-component.header-banner.cta-component-boxed-text .testata-onda .text-area {
    padding-left: 40%;
    position: relative;
    z-index: 1;
    padding-right: 5px;
    margin-top: 80px;
}
.tax-linea .ds-component.header-banner.cta-component-boxed-text .container-fluid .text-area,
.ds-component.header-banner.cta-component-boxed-text .container-fluid.testata-onda .text-area{
    padding-left: 0;
    padding-left: 15px;
/*    padding-right: 15px;*/
}
@media (max-width:767px){
    .ds-component.header-banner .layer-onda,
    .tax-linea .ds-component.header-banner.cta-component-boxed-text .layer-onda,
    .ds-component.header-banner.cta-component-boxed-text .layer-onda{
        display: none;
    }
    .ds-component.header-banner.cta-component-boxed-text .text-area,
    .tax-linea .ds-component.header-banner.cta-component-boxed-text .container-fluid .text-area,
    .ds-component.header-banner.cta-component-boxed-text .container-fluid.testata-onda .text-area{
/*        padding-right: 15px!important;*/
        padding: 40px;
        border-radius: 0;
        background-color: rgba(255,255,255,0.9)!important;
        margin:40px 0;
    }
    .ds-component.header-banner .container,
    .tax-linea .ds-component.header-banner.cta-component-boxed-text .container,
    .ds-component.header-banner.cta-component-boxed-text .container{
        min-height: auto;
    }
}
.tax-linea .ds-component.cta-component.cta-component-boxed-text .text-area .main-title,
.ds-component.cta-component.cta-component-boxed-text .testata-onda .text-area .main-title{
    /*font-size: var(--font-size-testata-small);
    line-height: var(--line-height-testata-small);*/
    font-size: var(--titolo1);
    line-height: var(--titolo1-line-height);
    color: var(--marrone);
}
.tax-linea .ds-component.cta-component.cta-component-boxed-text .text-area p,
.ds-component.cta-component.cta-component-boxed-text .testata-onda .text-area p{}

.ds-component.header-banner .layer-onda{
    position: absolute;
/*    width: 100%;*/
    height: 100%;
    top: 0;
    left: 0;
    left: -20%;
}
.tax-linea .header-banner .media-area,
.ds-component.cta-component .media-area.testata-onda{
    width: 65%;
}
.ds-component.header-banner .container-fluid .layer-onda{
    left: auto;
    right: 75%;
}
@media (max-width:1920px){
    .ds-component.header-banner .container-fluid .layer-onda{
        right: 66%;
    }
}
@media (max-width:1600px){
    .tax-linea .header-banner .media-area,
    .ds-component.cta-component .media-area.testata-onda{
        width: 70%;
    }
    .ds-component.header-banner .container-fluid .layer-onda{
        right: 55%;
    }
}
@media (max-width:767px){
    .tax-linea .header-banner .media-area,
    .ds-component.cta-component .media-area.testata-onda{
        width: 100%;
    }
    .ds-component.header-banner .container-fluid .layer-onda{
/*        right: 55%;*/
    }
}

.ds-component.header-banner .layer-onda:after{
    content: '';
    width: 80vw;
    height: 100%;
    background-color: var(--bg-grigio);
    position: absolute;
    top: 0;
    left: 99%;
}
.ds-component.header-banner .layer-onda svg{
    width: auto;
    height: 100%;
}
.carosello-premi .swiper-wrapper{
    padding-bottom: 40px;
}
.carosello-premi .swiper-scrollbar{
    left: 0;
}
.scroll-premi{
    max-height: 150px;
    overflow-y:auto;
}


/*video apertura pagina*/
.video-apertura-pagina{
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.blocco-video{
    height: 90vh;
    overflow: hidden;
    position: relative;
}
.video-apertura-pagina .wrapper-video, .blocco-video .wrapper-video{
    width: 100%;
    height: 100%;
    position: relative;
}
.video{
    width: 100%;
    height: 100%;
    position: relative;
    font-family: var(--secondary-font-family);
}
.video-full{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
}
.video .copertina{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.video .copertina.hidden{
    display: none;
}
.video-full.hidden{
    display: none;
}
.video .copertina img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.video .play-video{
  position:absolute;
  bottom:50px;
  bottom:40px;
  right: 50px;
  z-index: 500;
  cursor:pointer;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.video .play-video .play-text,
.video .play-video .pause-text {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.video .play-icon{
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border:1px solid #fff;
  vertical-align: middle;
  display: inline-block;
}
.video .play-icon svg.play{
    fill: #fff;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 15px;
}
.video .pause-icon{
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border:1px solid #fff;
  vertical-align: middle;
}
.video .play-video svg.pausa{
    fill:#fff;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 16px;
}
.video .play-video .pause-icon,
.video .play-video .pause-text{
    display: none;
}
.video .play-video.playing .pause-icon,
.video .play-video.playing .pause-text{
    display: inline-block;
}
.blocco-video .play-video{
    position: absolute;
    top:0;
    left: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.blocco-video .play-circle{
    width: 70px;
    height: 70px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
}
/*.circular-progress {
  --size: 70px;
  --half-size: calc(var(--size) / 2);
  --stroke-width: 3px;
  --radius: calc((var(--size) - var(--stroke-width)) / 2);
  --circumference: calc(var(--radius) * pi * 2);
  --dash: calc((var(--progress) * var(--circumference)) / 100);
}

.circular-progress circle {
  cx: var(--half-size);
  cy: var(--half-size);
  r: var(--radius);
  stroke-width: var(--stroke-width);
  fill: none;
  stroke-linecap: round;
}

.circular-progress circle.bg {
  stroke: #ffffff;
  stroke-width: calc(var(--stroke-width) - 2px );
}*/

.circular-progress circle.fg {
  transform: rotate(-90deg);
  transform-origin: var(--half-size) var(--half-size);
  stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
  transition: stroke-dasharray 0.3s linear 0s;
  stroke: #ffffff;
}
.play-video.playing .play-icon,
.play-video.playing .play-text{
    display: none;
}
.blocco-video .play-video.playing{
    opacity: 0;
}
.blocco-video .titolo-video{
    font-size: 26px;
    text-transform: uppercase;
    font-family: var(--secondary-font-family);
    letter-spacing: 3px;
    margin-bottom:30px;
}
.audio{
  position:absolute;
  bottom:125px;
  bottom: 47px;
  right: 50px;
  right: 160px;
  z-index: 500;
  cursor:pointer;
/*    background: #0f0;*/
  width: 70px;
  height: 27px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.audio.hidden{
    display: none;
}
.audio svg.audio-on, .audio svg.audio-off{
    fill:#fff;
    height: 23px;
    width: 23px;
    margin-top: -5px;
    /*position: absolute;
    top: 22px;
    left: 27px;*/
}
.audio .off{
    display: none;
    margin-top: 6px;
}
.audio .on{
    float: left;
    margin-top: 6px;
}
.audio.muted .on{
    display: none;
}
.audio.muted .off{
    display: inline-block;
    float: left;
}
.barre-volume {
    position: relative;
    width: 30px !important;
    height: 20px !important;
    height: 19px!important;
    float: left;
    margin-left: 10px;
}
.barre-volume .bar {
    display: inline-block;
    width: 1px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    animation: sound 0ms -800ms linear infinite alternate;
}
.barre-volume .bar:nth-child(1) {
    left: 0px;
    animation-duration: 574ms;
}
.barre-volume .bar:nth-child(2) {
    left: 7px;
    animation-duration: 533ms;
    animation-delay: 200ms;
}
.barre-volume .bar:nth-child(3) {
    left: 14px;
    animation-duration: 507ms;
    animation-delay: 500ms;
}
@keyframes sound {
    0% {
       /*opacity: .35;*/
        height: 1px; 
    }
    100% {
        /*opacity: 1;       */
        height: 20px;        
    }
}
.muted .barre-volume {
    display: none;
}
.wrapper-video .logo-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    flex-direction: column;
}

.video-apertura-pagina .video-contenuto{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.video-apertura-pagina .video-contenuto h2, .video-apertura-pagina .video-contenuto p{
    color:#fff;
    text-align: center;
}
.video-apertura-pagina .video-contenuto h2{
    font-size: var(--font-size-testata);
    line-height: var(--line-height-video-testata);
}

.video-apertura-pagina .video-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color:rgba(73,55,39,0.5);
    mix-blend-mode:multiply;
    z-index: 2;
}
.video-apertura-pagina .video-overlay:before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+10,000000+50&0.6+10,0+50 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 10%,rgba(0,0,0,0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.text-component .video video,
.text-component .media2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.text-component .video .play-video{
    right: auto;
    left:40px;
}
.text-component .video .play-video.paused {
    width: 16%;
    min-width: 40px;
    height: 0;
    padding-bottom:16%;
    top: 42%;
    left: 42%;
}
.text-component .video .play-video.paused .play-icon{
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(11px) brightness(90%);
    backdrop-filter: blur(11px);
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 50%;
}
.text-component .video .play-video.paused .play-icon svg.play{
    height: 30%;
    top: 35%;
    left: 40%;
    width: auto;
}

.text-component .secondo-media {
    height: 0;
    padding-bottom:47%;
    width: 59%;
    margin-left: -50px;
    bottom:-60px;
    position: absolute;
    z-index: 1;
}
.text-component .template2 .secondo-media{
    height: 0;
    padding-bottom:46%;
    width: 59%;
    margin-left: calc((5vw + 50px)*-1);
    bottom:-150px;
    position: absolute;
    z-index: 1;
}
.text-component .template2{
    margin-bottom:5rem!important;
}
@media (min-width:1580px){
    .text-component .template2 .secondo-media{
        bottom: -160px;
    }
    .text-component .template2{
        margin-bottom:3rem!important;
    }
}
@media (min-width:992px) and (max-width:1199px){
    .text-component .secondo-media{
        padding-bottom: 45%;
        width: 55%;
    }
}
@media (max-width:991px){
    .text-component .secondo-media{
        padding-bottom: 62%;
        width: 80%;
    }
}
@media (max-width:767px){
    .text-component .secondo-media{
        width: calc(100% - 80px);
/*        margin-left: 40px;*/
/*        margin-bottom: 40px;*/
        position: relative;
        bottom:auto;
        margin: 0 40px 40px;
        height: auto;
/*        padding: 0;*/
    }
}
.text-component .wrap-text-area.order-md-1 .secondo-media {
    left: auto;
    margin-left: auto;
    right: 0;
    margin-right: -60px;
}
@media (max-width:767px){
    .text-component .wrap-text-area.order-md-1 .secondo-media {
        margin-right: auto;
    }
}
.text-component .secondo-media video{
    position: absolute;
    top: 0;
    left: 0;
}

.ds-component.text-component .text-block .wrap-text-area{
    padding:0;
    margin:60px 0;
    border:none;
}
.ds-component.text-component .text-block .wrap-text-area.media2{
    padding:0;
    margin:60px 0 110px;
}
.ds-component.text-component .text-block.template2 .wrap-text-area.media2{
    margin:60px 0 60px;
    align-items: flex-start;
}
@media (max-width:991px){
    .ds-component.text-component .text-block .wrap-text-area.media2 {
        padding: 0;
        margin: 30px 0 80px;
    }
    .ds-component.text-component .text-block.template2 .wrap-text-area.media2{
        margin:30px 0 30px;
    }
    .text-component .template2 .secondo-media{
        bottom:-40px;
        width: 70%;
    }
}
@media (max-width:767px){
    .ds-component.text-component .text-block .wrap-text-area,
    .ds-component.text-component .text-block .wrap-text-area.media2,
    .ds-component.text-component .text-block.template2 .wrap-text-area.media2{
        margin:0;
    }
     .text-component .template2 .secondo-media{
        width: 100%;
        position: relative;
        bottom:auto;
        margin: 0;
        height: auto;
        padding: 0;
        margin-top: 40px;
    }
}
.ds-component.text-component .text-block .wrap-text-area .col-wrapper{
    height: 100%;
}
@media (max-width:767px){
    .ds-component.text-component .text-block .wrap-text-area .col-wrapper{
        background-color: #fff;
    }
}
.ds-component.text-component .text-block .wrap-text-area .text-area{
    padding: 50px 55px;
    padding: 70px 5vw;
    padding: 70px 4.5vw;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    display: flex;
    height: 100%;
}
@media (max-width:991px){
    .ds-component.text-component .text-block .wrap-text-area .text-area{
        padding: 40px 40px;
    }
}
.ds-component.text-component .text-block .wrap-text-area.media2 .text-area{   
    padding-bottom:41%;
    margin-bottom:40px;
}
.ds-component.text-component .text-block.template2 .wrap-text-area.media2 .text-area{
    padding-bottom:34%;
/*    padding-bottom: 42%;*/
    position: relative;
    height:auto;
    min-height: 92%;
    justify-content: flex-start;
}
.ds-component.text-component .text-block .media2 .text-area .button-wrapper{
/*    margin-left: 60%;*/
    text-align: right;
/*    margin-bottom:-95px;*/
}
.ds-component.text-component .text-block .media2 .text-area .button-wrapper.text-left{
    text-align: left;
}
.ds-component.text-component .text-block .media2.order-md-1 .text-area .button-wrapper{
    margin-left: 0;
    width: 45%;
}
@media (min-width:992px) and (max-width:1199px){
    .ds-component.text-component .text-block .wrap-text-area.media2 .text-area{
        padding-bottom:34%;
    }
    .ds-component.text-component .text-block .media2 .text-area .button-wrapper{
/*        margin-left: 50%;*/
    }
    .ds-component.text-component .text-block .media2.order-md-1 .text-area .button-wrapper{
        width: 50%;
    }
}
@media (max-width:767px){
    .ds-component.text-component .text-block .wrap-text-area.media2 .text-area,
    .ds-component.text-component .text-block.template2 .wrap-text-area.media2 .text-area{
        padding-bottom:0;
        height: auto;
    }
}
@media (max-width:991px){
    .ds-component.text-component .text-block .media2 .text-area .button-wrapper,
    .ds-component.text-component .text-block .media2.order-md-1 .text-area .button-wrapper{
        margin:0;
        width: 100%;
    }
}
.ds-component.text-component .text-block.template-onda .img-area{
    position: relative;
}
@media (min-width:768px){
    .ds-component.text-component .text-block.template-onda .img-area picture{
        position: absolute;
        height: 100%;
        width: 100%;
    }
}
.ds-component.text-component .text-block.template-onda .wrap-text-area{
    margin:0;
}
.ds-component.text-component .text-block.template-onda .overlay-div{
    position: absolute;
    top: 0;
    right: -1px;
/*    width: 100%;*/
    height: 100%;
    text-align: right;
}
.ds-component.text-component .text-block.template-onda .overlay-div svg{
    height: 100%;
    width: 100%;
}
@media (min-width:768px){
    .ds-component.text-component .text-block.template-onda .text-area{
        min-height: 590px;
        padding-left: 1vw;
    }
}
.ds-component.text-component .text-block.template-onda .order-md-1 .text-area{
    padding-right: 1vw;
    padding-left: 4.5vw;
}
@media (max-width: 991px) {
    .ds-component.text-component .text-block.template-onda .text-area{
        padding-left: 40px;
    }
    .ds-component.text-component .text-block.template-onda .order-md-1 .text-area{
        padding-right: 40px;
        padding-left: 40px;
    }
}
.ds-component.text-component .text-block.template-onda .text-area .main-title{
    font-size: var(--titolo28);
    line-height: var(--titolo28-line-height);
    margin-bottom: 10px;
}
.ds-component.text-component .text-block.template-onda .order-md-2 .overlay-div{
    right: auto;
    left: -1px;
}
.ds-component.text-component .text-block.template-onda .order-md-2 .overlay-div svg{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
@media (max-width:767px){
    .ds-component.text-component .text-block.template-onda .order-md-2 .overlay-div{
/*        display: none;*/
    }
}



.carousel-component .carousel-swiper .swiper-wrapper{
    padding-left: 40px;
}
@media (max-width:767px){
    .carousel-component .carousel-swiper .swiper-wrapper{
        padding-left: 20px;
    }
}





/*swiper*/
.full-width-slider {
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.full-width-slider .swiper-slide .text-area-wrap{
    padding-bottom:0;
}
.full-width-slider .swiper-wrapper .text-area{
    padding:40px;
    padding-bottom: var(--component-padding-y);
/*    background-color: rgba(255,255,255,0.9);*/
    color: var(--marrone);
    position: relative;
    background-image: url(../img/sfondo-slider-home.png);
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: calc( 40px + 16.66%);
    padding-bottom: 90px;
}
@media (max-width:767px){
    .full-width-slider .swiper-wrapper .text-area{
        background-image: none;
        background-color: rgba(255,255,255,0.7);
        padding-left: 40px;
    }
}
.full-width-slider .swiper-wrapper .text-area:after{
    content:'';
    width: 50vw;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: rgba(255,255,255,0.7);
}
.full-width-slider .swiper-wrapper .text-area .categoria,
.full-width-slider .swiper-wrapper .text-area .ds-btn{
    color: var(--marrone);
}
.swiper-fraction{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -1px;
}
.full-width-slider .group-navigation{
    /*bottom:20px;
    right:auto;
    left: calc(50% + 20px);*/
    position: static;
    padding-bottom: 30px;
    position: relative;
    bottom: auto;
}
.full-width-slider .pagination-wrapper{
    position: absolute;
    bottom:0;
    width: 100%;
}
.full-width-slider .pagination-wrapper .col-12{
    padding: 0 40px;
}
@media (max-width:1200px){
    .full-width-slider .pagination-wrapper .col-12{
        padding-left: calc(40px + 28%);
    }
    .full-width-slider .swiper-wrapper .text-area{
        padding-left: calc(40px + 28%);
    }
}
@media (max-width:767px){
    .full-width-slider .pagination-wrapper .col-12,
    .full-width-slider .swiper-wrapper .text-area{
        padding-left: 40px;
    }
}
.full-width-slider .pagination-container .swiper-pagination{
    text-align: left;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: calc(100% - 100px);
    z-index: 1000;
}
.full-width-slider .swiper-pagination-bullet{
    height: 5px;
}
.full-width-slider .swiper-pagination-bullet{
    border-radius: 0;
    background-color: var(--marrone);
}
.full-width-slider .swiper-pagination-bullet-active{
    background-color: var(--oro);
    opacity: 1;
}
.full-width-slider .swiper-pagination-bullet-active .animaElem{
    background-color: var(--marrone);
    border-radius: 0;
}
/*modofica bullets - vogliono i pallini semplici*/
.full-width-slider .swiper-pagination-bullet-active .animaElem{
    display: none;
}
.full-width-slider .swiper-pagination-bullet-active{
    width: 10px;
}
.full-width-slider .swiper-pagination-bullet{
    height: 10px;
    width: 10px;
    border-radius: 50%;
    cursor: pointer;
}
/*fine modofica bullets - vogliono i pallini semplici*/
.full-width-slider .group-navigation .row-in .ds-icon{
    stroke:var(--marrone);
}
.full-width-slider .swiper-wrapper .text-area .main-title{
    font-size: var(--font-size-D);
    line-height: var(--line-height-font-size-D);;
    margin: 15px 0 10px 0;
}
.full-width-slider .swiper-wrapper .text-area .categoria{
/*    font-size: var(--titolo4);*/
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    font-family: var(--main-font-family);
    line-height: 24px;
}
.full-width-slider .swiper-wrapper .text-area .ds-btn{
    text-transform: none;
}
.full-width-slider .swiper-wrapper .swiper-slide .img-container-wrapper:before{
    content:'';
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top:0;
    left: 0;
    background: linear-gradient(to top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    mix-blend-mode: multiply;
}
.cavit-navigation .ds-btn.pause-swiper,
.cavit-navigation .ds-btn.play-video,
.cavit-navigation .ds-btn.pause-video,
.cavit-navigation .ds-btn.resume-swiper{
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #fff;
    vertical-align: middle;
    display: inline-block;
}
.cavit-navigation .ds-btn.pause-swiper svg,
.cavit-navigation .ds-btn.pause-video svg{
    fill: #fff;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 16px;
}
.cavit-navigation .ds-btn.play-video svg,
.cavit-navigation .ds-btn.resume-swiper svg{
    fill: #fff;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 15px;
}
.swiper-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(73, 55, 39, 0.5);
    mix-blend-mode: multiply;
    z-index: 2;
}
.swiper-overlay:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 10%, rgba(0, 0, 0, 0) 50%);
}
.full-width-slider .swiper-pagination{
/*    display: none;*/
}
.slider-main .titolo-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    pointer-events: none;
}
.slider-main .titolo-overlay .titolo-slide{
    font-size: var(--font-size-testata);
    line-height: var(--line-height-video-testata);
    color: #fff;
}


/*carousel*/
.carousel-component .carousel-swiper .swiper-slide{
    max-width: 30%;
    transition: all .4s ease;
}
.carousel-component .carousel-swiper .swiper-slide.open{
    max-width: 60%;
}
.carousel-component .container .carousel-swiper .swiper-slide{
    max-width: 42%;
}
.carousel-component .container .carousel-swiper .swiper-slide.open{
    max-width: 80%;
}
@media (max-width:767px){
    .carousel-component .container .carousel-swiper .swiper-slide,
    .carousel-component .container .carousel-swiper .swiper-slide.open{
        max-width: 92%;
    }
}
.carousel-component .carousel-swiper.card-fallback .swiper-slide .wrap-slide-el .img-area{
   /* padding-bottom:60rem;
    padding-bottom:58rem;*/
/*    padding-bottom: 37vw;*/
/*    padding-bottom: 124%;*/
    height: 100%;
}
.carousel-component .carousel-swiper.card-fallback .swiper-slide .wrap-slide-el .img-area picture:before{
    content:'';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f518d+0,1f518d+100&0+0,0.46+100 */
    background: linear-gradient(to top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.46) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100%;
    height: 25%;
    position: absolute;
    /*top:0;
    left: 0;*/
    z-index: 1;
    top: 0;
    right: calc(-50% + 8%);
    right: -50%;
    left: auto;
    z-index: 1;
    transform: rotate(45deg);
    mix-blend-mode: multiply;
}
.carousel-component .carousel-swiper.card-fallback .swiper-slide .wrap-slide-el .img-area picture:after{
    content:'';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#493727+0,493727+100&0+0,1+100 */
    background: linear-gradient(to bottom,  rgba(73,55,39,0) 0%,rgba(73,55,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    width: 100%;
    height: 30%;
    position: absolute;
    bottom:0;
    left: 0;
    mix-blend-mode: multiply;
}
.carousel-component .carousel-swiper.card-fallback .swiper-slide .wrap-slide-el .img-area.no-overlay picture:before,
.carousel-component .carousel-swiper.card-fallback .swiper-slide .wrap-slide-el .img-area.no-overlay picture:after{
    content:none;
}
@media (max-width:767px){
    /*.carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .img-area{
        padding-bottom: 37vw;
        height:auto!important;
    }
    .carousel-component .carousel-swiper .swiper-slide{
        height:auto!important;
    }*/
}
.carousel-component .carousel-swiper .swiper-slide.open .wrap-slide-el .img-area{

}
.carousel-component .container .carousel-swiper .swiper-slide .wrap-slide-el .img-area{
/*    padding-bottom: 23vw;*/
}
.carousel-component.card-A .carousel-swiper .swiper-slide .wrap-slide-el .img-area{
/*    padding-bottom: 23vw;*/
}
.carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .img-area picture img,
.card-A .wrap-prod-el .img-area picture img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
    border: 1px solid transparent;/* fix per evitare che, all'apertura della slide, si veda un px di img a sinistra e sotto dell'overlay */
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 {
    cursor:pointer;
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .icon{
    display: inline-block;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 50;
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .icon:before{
    content:'';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 13px;
    background-color: #fff;
    transition: all 0.5s ease-in-out;
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .icon:after{
    content:'';
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 13px;
    background-color: #fff;
    transition: all 0.5s ease-in-out;
}
.carousel-component .carousel-swiper .swiper-slide.open .slide-cavit-1 .icon:before{
    opacity: 0;
}
@media (max-width:767px){
    .carousel-component .carousel-swiper .swiper-slide.open .slide-cavit-1 .icon:after{
        background-color: var(--marrone);
    }
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div{
    width: 62%;
    width: 58;
/*    background-image:url(../img/onda.svg);*/
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    position: absolute;
    left:-90%;
    transition: all .5s ease;
    opacity: 1;
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div svg{
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: -1;
    height: 100%;
    width: auto;
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div.colore-onda-marrone{
/*    background-image:url(../img/onda-marrone.svg);*/
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div.colore-onda-marrone svg path{
    fill:var(--marrone)!important;
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div.colore-onda-grigio-chiaro svg path{
    fill:var(--bg-grigio-chiaro)!important;
}
@media (max-width:1800px){
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div{
        width: 70%;
    }
}
@media (max-width:1550px){
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div{
        width: 80%;
    }
    .carousel-component .carousel-swiper .swiper-slide{
        max-width: 40%;
    }
    .carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .img-area{
/*        padding-bottom: 48vw;*/
    }
}
@media (max-width:1350px){
    /*.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div{
        width: 90%;
    }*/
    .carousel-component .carousel-swiper .swiper-slide{
        max-width: 46%;
    }
    .carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .img-area{
/*        padding-bottom: 59vw;*/
    }
    .carousel-component .carousel-swiper .swiper-slide.open{
        max-width: 86%;
    }
}
@media (max-width:1150px){
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div{
        width: 90%;
    }
}
@media (max-width:992px){
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div{
        width: 100%;
    }
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div{
        left: -100%;
    }
}
@media (max-width:767px){
    /*.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div{
        width: 90%;
    }*/
    .carousel-component .carousel-swiper .swiper-slide{
        max-width: 90%;
    }
    .carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .img-area{
/*        padding-bottom: 110vw;*/
    }
    .carousel-component .carousel-swiper .swiper-slide.open{
        max-width: 90%;
    }
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div{
        width: 100%;
        left: -100%;
        background-image:none;
        background-color: rgba(255,255,255,0.9);
    }
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div.colore-onda-marrone{
        background-image: none;
         background-color: rgba(73,55,39,0.8);
    }
    .carousel-component .carousel-swiper .swiper-slide.open .slide-cavit-1 .icon.marrone:after{
        background-color: #fff;
    }
}
@media (max-width:600px){
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div .overlay-div-content .label{
        height: 80px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
.carousel-component .carousel-swiper .swiper-slide.open .slide-cavit-1 .overlay-div{
    left:0%;
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div-content{
    transition: all .2s ease;
    transition-delay: 0s;
    opacity: 0;
    /*background-image:url(../img/onda.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: contain;*/
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
/*    justify-content: flex-end;*/
    flex-wrap: nowrap;
    color: var(--main-text-color);
    text-align: left;
/*    width: 50%;*/
    padding-top: 300px;
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .colore-onda-marrone .overlay-div-content{
    color: #fff;
}
@media (max-width:1399px){
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div-content{
        padding-top:200px;
    }
}
@media (max-width:992px){
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .overlay-div-content{
        padding-top:100px;
    }
}
.carousel-component .carousel-swiper .swiper-slide.open .slide-cavit-1 .overlay-div-content{
    opacity: 1;
    transition: all .6s ease;
    transition-delay: 0.5s;
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .titolo2{
/*    margin-bottom:40px;*/
/*    width: 50%;*/
}
.carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .title-wrapper{
    margin-bottom:30px;
}
@media (max-width:767px){
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .titolo2{
        width: auto;
    }
}
@media (max-width:992px){
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .titolo2{
/*        margin-bottom:20px;*/
    }
    .carousel-component .carousel-swiper .swiper-slide .slide-cavit-1 .title-wrapper{
        margin-bottom: 20px;
    }
}
.carousel-component .carousel-swiper .swiper-slide .overlay-div .overlay-div-content .label{
    width: 60%;
    font-size: 16px;
    line-height: 26px;
}
@media (max-width:767px){
    .carousel-component .carousel-swiper .swiper-slide .overlay-div .overlay-div-content .label{
        width: auto;
    }
}
@media (max-width:991px){
    .carousel-component .carousel-swiper .swiper-slide .overlay-div .overlay-div-content .label{
        font-size: 14px;
        line-height: 23px;
    }
}
.carousel-component .carousel-swiper .swiper-slide .overlay-div .overlay-div-content .button-wrapper{
    margin-top:30px;
}
.carousel-component .carousel-swiper .swiper-slide .wrap-slide-el{
    position: relative;
}
.carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .text-wrapper{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    padding: 40px 30px;
    color:#fff;
    opacity: 1;
    transition: all .6s ease;
    transition-delay: 0.5s;
}
.carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .main-title{
    font-size: 28px;
    color:#fff;
    letter-spacing: -1px;
    text-transform: uppercase;
    transition: all .6s ease;
}
.carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .sottotitolo{
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: 1.5px;
    transition: all .6s ease;
}
.carousel-component .carousel-swiper .swiper-slide .overlay-div-content .sottotitolo{
    margin-top: 0;
}
.carousel-component .carousel-swiper .swiper-slide.open .wrap-slide-el .main-title,
.carousel-component .carousel-swiper .swiper-slide.open .wrap-slide-el .sottotitolo{
    opacity: 0;
/*    transition: all .6s ease;*/
}
.carousel-component .carousel-swiper .swiper-slide .overlay-div .overlay-div-content .ds-btn{
    color: var(--marrone);
}
.carousel-component .carousel-swiper .swiper-slide .overlay-div .overlay-div-content .ds-btn.white{
    color: #fff;
}
.swiper-pagination-bullets{
    margin-top: 40px;
}
.swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background-color: #C1BFB8;
    opacity: 1;
    margin: 0 10px !important;
}
.swiper-pagination-bullet-active,
.ds-page.ds-page-product .generic-slider-component .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #73695E;
}
.swiper-pagination-bullets.d-lg-flex{
    justify-content: center;
}
.carousel-component .carousel-swiper .swiper-scrollbar.swiper-scrollbar-horizontal{
    display: none!important;
}

.carousel-component .carousel-main{
    overflow-x: hidden;
}
.carousel-component .container .carousel-swiper{
    overflow: visible;
}
.carousel-component .carousel-swiper.card-immagine .swiper-slide .wrap-slide-el .img-area{
    height: 100%;
}
.carousel-component .carousel-swiper.card-immagine .swiper-slide .wrap-slide-el .img-area picture img{
    position: static;
    object-position: center;
}
@media (min-width:1580px){
    .ds-p-left {
        padding-left: calc((100vw - 1540px) / 2);
    }
}
.w-container .ds-p-left{
    padding-left: 0;
}
.ds-p-right {
}
@media (min-width: 576px) {
    .ds-p-right {
        padding-right:0!important;
    }
}

@media (min-width: 748px) {
    .ds-p-right {
        padding-right:calc((100vw - 720px)/2)!important;
    }
}

@media (min-width: 992px) {
    .ds-p-right {
        padding-right:calc((100vw - 960px)/2)!important;
    }
}

@media (min-width: 1200px) {
    .ds-p-right {
        padding-right:calc((100vw - 1140px)/2)!important;
    }
}

@media (min-width: 1400px) {
    .ds-p-right {
        padding-right:calc((100vw - 1320px)/2)!important;
    }
}
@media (min-width:1580px){
    .ds-p-right {
        padding-right: calc((100vw - 1540px) / 2)!important;
    }
}
.carousel-component.card-immagine .container .carousel-swiper{
    overflow: hidden;
}
.carousel-component.card-immagine .carousel-swiper .swiper-wrapper{
    padding-left: 0;
}
.carousel-component .carousel-swiper.card-immagine{
    padding-right: 25px;
}
.carousel-component .carousel-swiper.card-immagine .swiper-slide{
    max-width: 50%;
}
@media (min-width:1200px){
    .g-lg-auto{
        --bs-gutter-x: 1.5rem;
    }
}
.carousel-component .aside-carousel{
    padding-top:25px;
    padding-left: var(--special-padding);
}
.carousel-component .ds-p-left .aside-carousel{
    padding-left: 0px;
}
.wp-block-columns{
    gap:25px;
    gap:20px;
}

.wp-block-image{
    overflow: hidden;
}
.wp-block-image.zoom img{
    transition: transform .5s ease;
}
.wp-block-image.zoom:hover img{
    transform: scale(1.2);
}


@media (max-width: 992px) {
    .ds-page.ds-page-catalogo {
        transform: none !important;
        padding-top: 0px;
    }
}
.card-el .text-area{
    padding:20px;
}
/*card-A*/
.card-A .card-el{
    background-color: transparent;
}
.carousel-component.card-A .carousel-main{
    overflow-x:hidden;
}
.carousel-component .carousel-swiper.card-A{
/*    overflow: visible;*/
}
.carousel-component .carousel-swiper.card-A .swiper-wrapper{
    padding: 0;
}
.carousel-component .carousel-swiper.card-A  .swiper-slide{
    max-width: 30%;
}
@media (max-width:992px){
    .carousel-component .carousel-swiper.card-A  .swiper-slide{
        max-width: 45%;
    }
}
@media (max-width:600px){
    .carousel-component .carousel-swiper.card-A  .swiper-slide{
        max-width: 70%;
    }
}
.carousel-component .carousel-swiper.card-A .swiper-slide .wrap-slide-el .img-area{
    padding-bottom:72%;
}
.carousel-component .carousel-swiper.card-A .swiper-slide .wrap-slide-el .main-title{
    color: var(--marrone);
    padding:0 0;
    position: static;
    font-size: var(--titolo1);
    line-height: var(--titolo1);
    font-weight: 400!important;
    letter-spacing: 0;
    margin-bottom:25px!important;
}
.card-A .card-el .text-area .details{
    color: var(--marrone);
    font-size: var(--titolo4);
    line-height: var(--titolo4-line-height);
    text-transform: uppercase;
    font-family: var(--title-font-family);
}
.card-A .card-el .text-area .ds-btn{
    font-family: var(--main-font-family);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 14px;
    color: var(--marrone);
}
.card-A .card-el .text-area{
    padding:25px 0;
}
.card-A .card-el .text-area p{
    font-size: 16px;
}
.card-A.card-search .card-el .text-area{
    padding:25px;
}

/*pagina filtri*/
.ordinamento_item{cursor:pointer;}
.filtro_input_nascosto{
    opacity:0;position:absolute; top:0; left:0; right:0; bottom:0;
    width: 100%;
    cursor:pointer;
}
.filtro_input_nascosto_label{cursor: pointer; position:relative;}
.filtro_input_nascosto_label:after{display:none; border-right: 1px solid var(--biffi-blu); border-left: 1px solid var(--biffi-blu); content:""; width:20px; height:20px; border-radius:50%;position: absolute; right: 0;  top: 50%;  margin-top: -10px;animation: ajax-loading 1.2s linear infinite;}
.filtro_input_nascosto_label.clicked:after{display:block;}

.lnk-filtro:after{display:none; border-right: 1px solid var(--main-text-color); border-left: 1px solid var(--main-text-color); content:""; width:20px; height:20px; border-radius:50%;position: absolute; right: -25px;  top: 50%;  margin-top: -10px;animation: ajax-loading 1.2s linear infinite;}
.lnk-filtro.clicked:after{display:block;}
.lnk-filtro {position:relative;}

.ordina_per_button:after{display:none; border-right: 1px solid var(--main-text-color); border-left: 1px solid var(--main-text-color); content:""; width:20px; height:20px; border-radius:50%;position: absolute; left: -50px;  top: 50%;  margin-top: -10px;animation: ajax-loading 1.2s linear infinite;}
.ordina_per_button.clicked:after{display:block;}
.ordina_per_button {position:relative;}

.azzera_filtri:after{display:none; border-right: 1px solid var(--main-text-color); border-left: 1px solid var(--main-text-color); content:""; width:20px; height:20px; border-radius:50%;position: absolute; right: -30px;  top: 50%;  margin-top: -10px;animation: ajax-loading 1.2s linear infinite;}
.azzera_filtri.clicked:after{display:block;}
.azzera_filtri {position:relative;}

.ajax-add-to-cart:after{display:none; border-right: 1px solid var(--main-text-color); border-left: 1px solid var(--main-text-color); content:""; width:20px; height:20px; border-radius:50%;position: absolute; right: 15px;  top: 50%;  margin-top: -10px;animation: ajax-loading 1.2s linear infinite;}
.ajax-add-to-cart:hover:after{border-right: 1px solid #fff; border-left: 1px solid #fff}
.ajax-add-to-cart.clicked:after{display:block;} 

@keyframes ajax-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{float:none;}
.woocommerce div.product div.summary{
    margin: 0;
}

.mappa-cavit{
    max-width: 872px;
    margin: 0 auto;
}
.mappa-cavit-component .mappa-cavit{
    margin:0;
    margin-left: 25px;
}
.mappa-cavit-component .col-12 + .col-12{
    display: flex;
    justify-content: flex-end;
}
.mappa-cavit .wrapper{
    max-width: 872px;
}
.mappa-cavit .wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
.mappa-cavit .wrapper img {
    width: 100%;
    height: auto;
}
.mappa-cavit .wrapper svg {
    width: 100%;
    height: auto;
}
.area {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.popup-mappa{
    max-width: 250px;
    background-color: #ffffff;
    padding:15px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
}
.popup-mappa img{
    margin-bottom:10px;
}
.popup-mappa .popup-title{
    font-size: 18px;
    text-transform: uppercase;
    text-decoration:underline;
    font-family: var(--title-font-family);;
    line-height: 20px;
    color: var(--marrone);
    font-weight: 400;
    margin-bottom:10px;
    margin-top: 0;
}
.popup-mappa p{
    margin-bottom:0;
    padding-bottom: 0;
}
.mappa-cavit a:focus {
    outline: none;
}
/*.popover {
  opacity: 0;
  transition: opacity 0.25s ease;
}

.popover.show {
  opacity: 1;
}*/

/* Nascondi la freccetta triangolare di default */
.popover-arrow::before,
.popover-arrow::after {
  display: none;
}

/* Disegna la linea orizzontale */
.popover-arrow {
  position: relative;
}

.popover-arrow::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  background-color: #fff;
  opacity: 0.5;

  /* per popover a destra (placement="right") */
  right: 100%;
  width: 60px; /* distanza fissa dall'area */
}

/* Pallino sull'area */
.popover-arrow::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  right: calc(100% + 60px); /* alla fine della linea */
}

/* Placement LEFT — linea verso destra*/
.popover[data-popper-placement="left"] .popover-arrow::before {
  left: 100%;
  right: auto;
  width: 60px;
}

.popover[data-popper-placement="left"]  .popover-arrow::after {
  left: calc(100% + 60px);
  right: auto;
}
.bs-popover-auto[data-popper-placement="left"] .popover-arrow {
  right: 0 !important;
  top: auto !important;
  bottom:auto!important;
}

/* Placement TOP — linea scende verso il basso */
.bs-popover-auto[data-popper-placement="top"] .popover-arrow {
  bottom: 0 !important;
  top: auto !important;
}
.bs-popover-top .popover-arrow::before,
.bs-popover-auto[data-popper-placement="top"] .popover-arrow::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 60px; /* distanza fissa */
  background-color: #fff;
  opacity: 0.5;
  top: 100%;
}

.bs-popover-top .popover-arrow::after, 
.bs-popover-auto[data-popper-placement="top"] .popover-arrow::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  top: calc(100% + 60px);
}

/* Placement BOTTOM — linea sale verso l'alto */
.bs-popover-auto[data-popper-placement="bottom"] .popover-arrow {
  top: 0 !important;
  bottom: auto !important;
}
.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 60px;
  background-color: #fff;
  opacity: 0.5;
  bottom: 100%;
}

.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  bottom: calc(100% + 60px);
}

@media (max-width:992px){
    .mappa-cavit-component .text-area{
        text-align: center;
    }
}
.mappa-cavit #Cavit{
    pointer-events: none;
}

.ds-component.cta-component{
    background-color: transparent;
}
.ds-component.header-banner{
    background-color: var(--marrone);
    background-color:var(--bg-grigio);
}
.ds-component.cta-component .justify-content-center .main-title,
.ds-component.cta-component .justify-content-center .text{
    color:#fff;
}
.ds-component.cta-component .media-area svg.layer-onda {
  position: absolute;
  top: 0;
  right: -1px;
  width: 50%;
  width: 40%;
  height: 101%;
  pointer-events: none;
  z-index: 2;
}
.ds-component.cta-component.side-text .media-area:after{
    opacity: 0;
}
.ds-component.cta-component.tassello-bianco .media-area svg.layer-onda path{
    fill:#fff;
}
.ds-component.cta-component.tassello-grigio2 .media-area svg.layer-onda path{
    fill:var(--bg-grigio-chiaro);
}
.cta-component.justify-content-start .media-area svg.layer-onda {
    transform: rotate(360deg) scaleX(-1);
    right: auto;
    left: -1px;
    top:-1px;
}
@media (max-width:2000px){
    .ds-component.cta-component .media-area svg.layer-onda {
        width: 45%;
    }
}
@media (max-width:1580px){
    .ds-component.cta-component .media-area svg.layer-onda {
        width: 60%;
    }
}
@media (max-width:1200px){
    .ds-component.cta-component .media-area svg.layer-onda {
        width: 70%;
    }
}
@media (max-width:768px){
    .ds-component.cta-component .media-area svg.layer-onda {
        width: 97%;
        width: 82%;
    }
}
@media (max-width:500px){
    .ds-component.cta-component .media-area svg.layer-onda {
        display: none;
    }
}
.cta-component.side-text{
    padding:0;
    min-height: 800px;
}
@media (max-width:1700px){
    .cta-component.side-text{
        min-height: 700px;
    }
}
@media (max-width:1500px){
    .cta-component.side-text{
        min-height: 600px;
    }
}
@media (max-width:1280px){
    .cta-component.side-text{
        min-height: 600px;
    }
}
@media (max-width:992px){
    .cta-component.side-text{
        min-height: 500px;
    }
}
.cta-component.side-text .row{
    height: 100%;
    align-items: flex-end;
    color: var(--marrone);
}
.cta-component.side-text .text-area{
    display: flex;
    justify-content: flex-start;
}
.cta-component .justify-content-center .text-area{
    margin:50px;
}
.cta-component.side-text .justify-content-end .text-area{
    display: flex;
    justify-content: flex-end;
    margin:0;
}
.ds-component.cta-component.cta-component-boxed-text .justify-content-center .text-area{
    background-color: #fff;
    color: var(--main-text-color);
}
.ds-component.cta-component.cta-component-boxed-text .justify-content-center .text{
    color: var(--marrone);
}
.ds-component.cta-component.cta-component-boxed-text .justify-content-center .text-area .main-title{
    color: var(--marrone);
    font-size: var(--titolo3);
}
.cta-component.side-text .text-area .text-wrapper{
    padding-top: 200px;
    padding-bottom: 50px;
/*    padding-right: 50px;*/
    padding-left: 15px;
    width: 60%;
    width: 50%;
}
@media (max-width:1500px) and (min-width:767px){
    .cta-component.side-text .text-area .text-wrapper{
        width: 56%;
    }
}
@media (max-width:500px){
    .cta-component.side-text .text-area .text-wrapper{
        width: 100%;
        padding: 40px 20px 20px;
        background-color: var(--main-bg-color);
    }
}
.cta-component.side-text .justify-content-left .text-wrapper{
    padding-left: 50px;
    padding-right: 15px;
}
.cta-component.side-text .text-area .main-title{
    font-size: var(--font-size-D);
    line-height: var(--lineheight-font-size-D);
}
.cta-component.side-text .text-area .cavit-btn{
    margin-top:15px;
}
.cta-component .z-index{
    z-index: 99;
}
.ds-component.cta-component .media-area{
    overflow: hidden;
}
.cta-component .media-area img{
    transition: transform .5s ease;
}
.cta-component .cta-wrapper:hover .media-area img{
    transform: scale(1.2);
}

/*social box*/
.immagini-social .container{
    position: relative;
}
.immagini-social .social-image img{
    margin-bottom:var(--bs-gutter-x);
}
.immagini-social .list-social .ds-icon {
    fill: var(--marrone);
    width: 22px;
    height: 22px;
    stroke: none;
}
.immagini-social .list-social{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top:2vw;
    margin-bottom:2vw;
}
.immagini-social .list-social li{
    margin-left: 15px;
}
.immagini-social .list-social li a{
    display: inline-block;
}
@media (min-width:992px){
    /*.immagini-social .main-title{
        padding:0 220px;
    }
    .immagini-social .list-social{
        position: absolute;
        top: 0;
        right: 0;
    }*/
}
.title-margin{
    margin:2vw 0;
    margin:0 0 2vw 0;
}
.immagini-social .single-image{
    position: relative;
    padding-bottom:120%;
    display: inline-block;
    width: 100%;
}
.immagini-social .single-image picture{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.immagini-social .single-image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.immagini-social .wrapper-titolo{
    flex-wrap: wrap;
}



/*Menu ancore*/
.menu-ancore{
    padding-bottom:0;
}
.menu-ancore ul{
    justify-content: center;
    justify-content: space-around;
    align-items: flex-end;
    border-bottom: 1px solid #C0BFB8;
}
.menu-ancore ul li{
/*    width: 20%;*/
    max-width: auto;
    text-align: center;
}
.menu-ancore ul li a,
.menu-ancore ul li span{
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: var(--marrone);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding:6px 15px;
    display: inline-block;
    margin-bottom: -2px;
    border-bottom: 2px solid transparent;
}
.menu-ancore ul li a:hover, .menu-ancore ul li a:focus{
    border-bottom:2px solid var(--marrone);
    font-weight: 600;
}


/*elenco con approfondimento*/
.elenco-approfondimento .elementi{
    position: relative;
    height: 100%;
    min-height: 640px;
}
.elenco-approfondimento .contenuto-elemento{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .4s ease;
}
.elenco-approfondimento .contenuto-elemento.active,
.elenco-approfondimento .contenuto-elemento.hover{
    opacity: 1;
}
.elenco-approfondimento .media-area{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.elenco-approfondimento .media-area img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.elenco-approfondimento .contenuto-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all .5s ease;
    overflow: hidden;
}
.elenco-approfondimento .contenuto-elemento.hover .contenuto-hover,
.elenco-approfondimento .swiper-slide.open .contenuto-hover{
    opacity: 1;
}
.elenco-approfondimento .contenuto-hover .layer-onda{
    position: absolute;
    top: 0;
    right: -1px;
    width: 80%;
    height: 100%;
    pointer-events: none;
}
@media (min-width:992px) and (max-width:1199px){
    .elenco-approfondimento .contenuto-hover .layer-onda{
        width: 100%;
    }
}
@media (min-width:768px) and (max-width:991px){
    .elenco-approfondimento .contenuto-hover .layer-onda{
        width: 120%;
    }
}
.elenco-approfondimento .contenuto-hover .text-area{
    display: flex;
    justify-content: flex-end;
    position: relative;
}
.elenco-approfondimento .contenuto-hover .text-area .text-wrapper{
    padding-top: 200px;
    padding-bottom: 50px;
    padding-right: 50px;
    padding-left: 15px;
    width: 40%;
}
@media (min-width:992px) and (max-width:1199px){
    .elenco-approfondimento .contenuto-hover .text-area .text-wrapper{
        width: 55%;
    }
}
@media (min-width:768px) and (max-width:991px){
    .elenco-approfondimento .contenuto-hover .text-area .text-wrapper{
        width: 65%;
    }
}
.elenco-approfondimento .colonna1{
    padding: 0;
}
@media (max-width:767px){
    .elenco-approfondimento .elementi{
        min-height: 500px;
    }
    .elenco-approfondimento .contenuto-hover .layer-onda{
        display: none;
    }
    .elenco-approfondimento .contenuto-hover .text-area{
        justify-content: normal;
        align-items: center;
        padding:20px;
        width: 100%;
        height: 100%;
    }
    .elenco-approfondimento .contenuto-hover .text-area .text-wrapper{
        width: 100%;
        padding:25px;
        background: rgba(255, 255, 255, 0.8);
    }
}
.elenco-approfondimento .colonna2{
/*    background-color: #fff;*/
    padding-right: 50px;
/*    padding-left: 15px;*/
    padding-top:80px;
    padding-bottom:80px;
    display: flex;
    align-items: center;
}
.elenco-approfondimento .flex-row-reverse .colonna2{
/*    background-color: #fff;*/
    padding-right: 0;
    padding-left: 50px;
/*    padding-right: 15px;*/
}
.elenco-approfondimento .elenco-voci .label-elemento{
    text-decoration: none;
    text-transform: uppercase;
    font-family: var(--title-font-family);;
    font-size: var(--titolo4);
    line-height: var(--titolo4-line-height);
    position: relative;
    background-color: transparent;
    padding:0;
    border: none;
    color:var(--main-text-color);
    text-align: left;
}
.elenco-approfondimento .elenco-voci .label-elemento:hover,
.elenco-approfondimento .elenco-voci .label-elemento:focus{
    padding-left: 35px;
}
.elenco-approfondimento .elenco-voci .label-elemento:before{
    content:url(../img/v-cavit.svg);
    position: absolute;
    top:0;
    left: 0;
    width: 26px;
    height: 19px;
    transition: opacity .2s ease;
    opacity: 0;
}
.elenco-approfondimento .elenco-voci .label-elemento:hover:before,
.elenco-approfondimento .elenco-voci .label-elemento:focus:before{
    opacity: 1;
    transition: opacity .4s .4s ease;
}
.elenco-approfondimento .elenco-voci li{
    margin-bottom:15px;
}
@media (max-width:992px){
    .elenco-approfondimento .flex-row-reverse .colonna2{
        padding: 25px;
    }
    .elenco-approfondimento .elenco-voci .label-elemento{
        font-size: var(--titolo5);
        line-height: var(--titolo5-line-height);
    }
}
@media (max-width:767px){
    .elenco-approfondimento .flex-row-reverse .colonna2{
        padding:20px;
    }
}
.swiper-elenco-approfondimento{
    overflow: visible;
}
.swiper-elenco-approfondimento .swiper-slide{
    padding-bottom: 43.8%;
    overflow: hidden;
}
.swiper-elenco-approfondimento .swiper-slide picture{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.swiper-elenco-approfondimento .swiper-slide picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.elenco-approfondimento .swiper-slide .contenuto-hover{
    width: 70%;
    left: auto;
    right: 0;
}
.elenco-voci-orizzontale{
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #C0BFB8;
    margin-bottom:30px;
}
.elenco-approfondimento .elenco-voci-orizzontale li{
    margin-bottom: 0;
}
.elenco-approfondimento .elenco-voci-orizzontale .label-elemento{
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: var(--marrone);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    padding: 6px 15px;
    display: inline-block;
    margin-bottom: -2px;
    border-bottom: 2px solid transparent;
    font-family: var(--main-font-family);
    text-align: center;
}
.elenco-approfondimento .elenco-voci-orizzontale .label-elemento:hover, .elenco-approfondimento .elenco-voci-orizzontale .label-elemento:focus,
.elenco-approfondimento .elenco-voci-orizzontale li.active .label-elemento{
    padding-left: 15px;
    border-bottom: 2px solid var(--marrone);
    font-weight: 600;
}
.elenco-approfondimento .elenco-voci-orizzontale .label-elemento:before{
    content:none;
}
.elenco-approfondimento .swiper-slide .contenuto-hover .text-area{
    align-items: flex-end;
    height: 100%;
}
@media (max-width:1399px){
    .elenco-approfondimento .swiper-slide .contenuto-hover{
        width: 90%;
    }
}
@media (max-width:1199px){
    .elenco-approfondimento .swiper-slide .contenuto-hover{
        width: 100%;
    }
}
@media (max-width:991px){
    .elenco-voci-orizzontale{
        display: block;
        text-align:center;
        border-bottom: none;
    }
    .swiper-elenco-approfondimento .swiper-slide{
        padding-bottom: 65%;
    }
    .elenco-approfondimento .elenco-voci-orizzontale li{
        margin-bottom:15px;
    }
}
@media (min-width:1700px){
    .swiper-elenco-approfondimento .swiper-button-prev, .swiper-elenco-approfondimento .swiper-rtl .swiper-button-next{
        left: -70px;
    }
    .swiper-elenco-approfondimento .swiper-button-next, .swiper-elenco-approfondimento .swiper-rtl .swiper-button-prev{
        right: -70px;
    }
}
.swiper-button-next, .swiper-button-prev{
    background-color: #ffffff;
}
.bg-bianco .swiper-button-next, .swiper-button-prev{
    background-color: #F2F2F2;
}
.swiper-button-next .ds-icon, .swiper-button-prev .ds-icon {
    width: 10px;
    height: 15px;
    stroke: #707070;
}


.wp-block-image{
    text-align: center;
}
.wp-block-image img{
    width: auto;
    max-width: 100%;
}

.numero{
    font-size: 60px;
    font-weight: 400;
    font-family: var(--title-font-family);
    line-height: 60px;
    color: var(--marrone);
}
.fascia-icone{
    max-width: 1400px;
    margin: 0 auto;
}
.fascia-icone figure{
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:30px;
}

/*Prodotto*/
.main-product-box{
    width: 100%;
    padding-top:0;
    padding-bottom: 0;
}
.flex-lg-row-reverse .main-product-box {
    padding: 0px 100px 100px 20%;
    padding: 2vw 100px 100px 20%;
    position: relative;
}
@media (max-width:1250px){
    .product-description .main-product-box {
        padding: 0px 15% 100px 15%;
    }
}
@media (max-width: 992px) {
    .product-description .main-product-box{
        padding: 50px 24px;
    }
}
.product-info-item{
    border-bottom:1px solid var(--grigio-chiaro);
    padding-top: 35px;
    padding-bottom: 35px;
}
.main-product-info .product-info-item:first-child{
    border-top: 1px solid var(--grigio-chiaro);
}
.product-info-item p{
    padding: 0;
}
.product-info-item h2{
    margin-top: 0;
    margin-bottom:15px;
}
.info-title, .main-product-box .dropDownBlock .dropDownButton{
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 0;
    padding:13px 0;
}
.main-product-box .dropDownBlock .dropDownButton.dropDownPremi span{
/*    padding-left: 80px;*/
    position: relative;
    display: flex;
    align-items: center;
/*    justify-content: flex-start;*/
}
/*.main-product-box .dropDownBlock .dropDownButton.dropDownPremi span:before{
    content:'';
    width: 34px;
    height: 34px;
    display:inline-block;
    background-image:url(../img/icona-premi.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}*/
.dropDownBlock .dropDownButton .ds-icon{
    width: 26px;
    height: 26px;
}

.main-product-box .dropDownBlock{
    background-color: transparent;
    padding: 15px 0 15px;
    border-radius: 0;
}
@media (min-width:1200px){
    /*  aggiunto padding attorno alla card perchè il cliente voleva la card vino più bassa, ma per non alterare le proporzioni dell'immagine ho preferito mettere del padding attorno  */
    .card-A.card-product .card-el.card-product-shop{
        padding:0 15px;
    }
}
/*.card-A.card-product .card-el.card-product-shop .img-area img{
    max-height: none;
}*/
.carousel-component .carousel-swiper.related-carousel .swiper-slide .wrap-slide-el .img-area picture img{
    object-fit: contain;
    object-position: center center;
}
.card-A.card-product .card-el.card-product-shop .text-area .details{
    font-size: var(--small-font-size);
    line-height: var(--small-font-size-line-height);
    font-weight: 600;
    font-family: var(--main-font-family);
    letter-spacing: 1px;
}
@media (min-width:1200px){
    .carousel-component .carousel-swiper.related-carousel .swiper-slide{
        max-width: 25%;
    }
}
.related-carousel.card-A .card-el.card-product-shop .text-area{
    padding: 20px 5px;
}
.related-carousel .product-title{
    margin-bottom: 5px;
}
.related-carousel .img-area,
.carousel-component .container .carousel-swiper.related-carousel .swiper-slide .wrap-slide-el .img-area{
    margin-top: 15px;
    padding-bottom: 85%;
}
.related-carousel .img-area:before{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/bg-vino.svg);
    background-position: center bottom 30px;
    background-repeat: no-repeat;
/*    background-size: contain;*/
    background-size: 74% auto;
}
.related-carousel .swiper-slide:nth-child(odd) .img-area:before{
    transform: rotate(180deg);
    background-position: center top 30px;
}
.card-product .card-option{
    padding:16px 20px 16px 0;
    z-index: 10;
}
.swiper-slide.card-product .card-option{
    padding:16px 25px 16px 10px;
    z-index: 10;
}
.card-product .card-option .label{
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 14px;
    background-color: transparent;
    color: var(--marrone);
    background-color: #fff;
}
.card-product .card-option .icon-group .ds-icon{
    stroke: var(--marrone);
    width: 18px;
    height: 18px;
}
.card-product .card-option .icon-group .ds-btn{
    background: #fff;
    padding: 0;
    margin-left: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.card-el.card-product-shop .product-action .price-product,
.card-A.card-product .card-el.card-product-shop .product-action .price-product{
    font-size: 26px;
    font-size: var(--product-title);
    font-weight: 500;
/*    color: var(--oro);*/
}
.carosello-prodotti .card-el.card-product-shop .product-action .price-product .price-product-sale,
.card-A.card-product .card-el.card-product-shop .product-action .price-product .price-product-sale{
    margin-left: 5px;
    display: inline-block;
    position: relative;
    padding: 0 3px;
    color: var(--main-text-color)!important;
    font-size: 20px;
}
.carosello-prodotti .card-el.card-product-shop .product-action .price-product .price-product-sale:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 0;
    height: 2px;
    background: currentColor;
    width: 100%;
}

/*carosello-prodotti*/
.carousel-component .carousel-swiper.carosello-prodotti .swiper-slide .wrap-slide-el .img-area picture img,
.card-product-shop  .wrap-prod-el .img-area picture img{
    object-fit: contain;
    object-position: center center;
}
.carousel-component .carousel-swiper.carosello-prodotti .swiper-slide{
    padding:0 10px;
    margin-right: 0;
}
@media (min-width:1200px){
    .carousel-component .carousel-swiper.carosello-prodotti .swiper-slide{
        max-width: 25%;
    }
}
@media (min-width:1200px){
    .carousel-for-expand.carousel-component .carousel-swiper.carosello-prodotti .swiper-slide{
        max-width: 30%;
        max-width: 396px;
    }
}
@media (max-width:767px){
    .carosello-prodotti .card-el.card-product-shop .text-area, .card-A.card-product .card-el.card-product-shop .text-area{
        word-wrap: break-word;
    }
}
.carosello-prodotti .card-el.card-product-shop .text-area,
.card-A.card-product .card-el.card-product-shop .text-area{
    padding: 0px 15px 15px;
}
.carosello-prodotti .product-title,
.card-product .product-title{
/*    margin-bottom: 5px;*/
}
.carosello-prodotti .product-title-small,
.card-product .product-title-small{
    margin-bottom: 15px;
}
.card-product-shop .img-area,
.carosello-prodotti .container .carousel-swiper .swiper-slide .wrap-slide-el .img-area,
.card-A.card-product .card-el.card-product-shop .img-area{
/*    margin-top: 15px;*/
    padding: 65px 30px 0 30px;
    padding-bottom: 85%;
    padding-bottom: 113%;
/*    margin-bottom:15px;*/
    overflow:visible;
    position: relative;
    margin-top:0;
}

.carosello-prodotti .img-area:before,
.card-A.card-product .img-area:before{
    content:'';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/bg-vino.svg);
    background-position: center bottom 30px;
    background-position: center bottom 90px;
    background-repeat: no-repeat;
/*    background-size: contain;*/
    background-size: 74% auto;
    background-size: 60% auto;
}
.carosello-prodotti .swiper-slide:nth-child(odd) .img-area:before,
.card-A.card-product .card-wrap .col-product:nth-child(odd) .img-area:before{
    transform: rotate(180deg);
    background-position: center top 30px;
    background-position: center top 90px;
}
.carosello-prodotti .card-el.card-product-shop,
.card-el.card-product-shop{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.carosello-prodotti .card-el.card-product-shop .img-area img{
    transition: transform .5s ease;
    transform: scale(1);
}
.carosello-prodotti .card-el.card-product-shop:hover .img-area img {
    transform: scale(1.1);
}
.carosello-prodotti .carousel-swiper .swiper-slide .wrap-slide-el .img-area:after{
    content: none;
}
.carosello-prodotti .carousel-swiper .swiper-wrapper{
    padding-left: 0;
}
.carosello-prodotti .product-action .add-to-cart-btn .ds-icon{
    width: 15px;
    height: 18px;
}
.carosello-prodotti .product-action .add-to-cart-btn{
    width: auto;
    height: auto;
    border:none;
    background-color: transparent;
}
.carosello-prodotti .product-action,
.card-A.card-product .card-el.card-product-shop .product-action{
    display: flex;
    justify-content: space-between;
    padding: 18px 15px 15px;
    border-top: 1px solid #ccc;
}
.carosello-prodotti .wrap-img,
.card-A.card-product .card-el.card-product-shop .wrap-img{
    background-color: var(--light-bg-color);
/*    padding:60px 0;*/
}
.carosello-prodotti.bg-grigio2 .wrap-img,
.bg-grigio2 .card-A.card-product .card-el.card-product-shop .wrap-img,
.ds-account .card-A.card-product .card-el.card-product-shop .wrap-img
{
    background-color: #fff;
}
.card-A.card-product .card-el.card-product-shop .img-area img{
    max-height: 100%;
    width: 100%;
    height: 100%;
}
.card-A.card-product .card-el.card-product-shop .img-area .main-img,
.card-el.card-product-shop .img-area .main-img{
    padding:60px 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width:767px){
    .card-A.card-product .card-el.card-product-shop .img-area .main-img, .card-el.card-product-shop .img-area .main-img{
        padding:40px 0;
    }
    .card-A.card-product .card-el.card-product-shop .img-area .main-img img,.card-el.card-product-shop .img-area .main-img img{
        object-fit: cover;
    }
}
.card-A.card-product .card-el.card-product-shop .img-area .main-img img,
.card-el.card-product-shop .img-area .main-img img,
.carousel-component .carousel-swiper.carosello-prodotti .card-el.card-product-shop .img-area .main-img img{
    position: static;
}
.card-A.card-product .card-el.card-product-shop .img-area .overlay-div,
.card-el.card-product-shop .img-area .overlay-div{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .4s ease;
}
.card-A.card-product .card-el.card-product-shop .img-area .overlay-div img,
.card-el.card-product-shop .img-area .overlay-div img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.carousel-component .carousel-swiper.carosello-prodotti .swiper-slide .wrap-slide-el .img-area .overlay-div picture img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.card-A.card-product .card-el.card-product-shop:hover .img-area .overlay-div,
.card-A.card-product .card-el.card-product-shop:focus .img-area .overlay-div,
.card-el.card-product-shop:hover .img-area .overlay-div,
.card-el.card-product-shop:focus .img-area .overlay-div{
    opacity: 1;
}
.card-A.card-product .card-el.card-product-shop:hover .img-area img,
.card-el.card-product-shop:hover .img-area img{
    transform:scale(1)!important;
}
.card-A.card-product .wrap-prod-el{
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%; 
}
.card-A.card-product .card-el.card-product-shop a{
    display: block;
}
.col-product{
/*    margin-top:0;*/ 
    margin-bottom:60px;
}
.main-column .asidePanel.opened {
    z-index: 999999999;
}
@media (max-width: 992px) {
    .main-column .asidePanel {
        max-height: calc(100% - 59px);
        height: auto;
        padding: 30px 20px;
    }
}



.ds-page-product .product-image {
    padding: 100px 100px 100px 20%;
/*    position: relative;*/
    position: sticky;
    top: 0;
}
@media (max-width:992px){
    .ds-page-product .product-image {
        padding: 50px 24px;
    }
}
.ds-page-product .product-main-img {
    padding-bottom: 93%;
    position: relative;
}
.ds-page-product .product-main-img:before{
    content: '';
    width: 66%;
    display: inline-block;
    padding-bottom: 66%;
    position: absolute;
    left: 17%;
    top: 17%;
    background: var(--grigio-chiaro);
    opacity: 51%;
    border-radius: 50%;
}
.ds-page-product .product-main-img .img-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ds-page-product .product-main-img .img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ds-page-product .product-main-img .etichetta{
    opacity: 0;
    transition: all .4s ease;
    z-index: 2;
}
.ds-page-product .product-main-img:hover .etichetta{
    opacity: 1;
}
.ds-page-product .product-main-img .bottiglia:before {
    content: '';
    width: 66%;
    padding-bottom: 66%;
    position: absolute;
    top: 17%;
    left: 17%;
    background-image: url(../img/logo-bg-vino.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100% auto;
/*    border-radius: 50%;*/
/*    overflow: hidden;*/
}
.ds-page-product .product-main-img .bottiglia img{
    position: relative ;
    z-index: 1;
}
.details-product .ds-table.two-clmn td{
    width: auto;
/*    border:none;*/
    border-color: var(--grigio-chiaro);
    border-right: none;
    height: 50px;
    padding: 20px 0;
    vertical-align: top;
}
.details-product .ds-table.two-clmn td:first-child{
    padding-right: 25px;
}
.details-product .ds-table.two-clmn tr td:first-child{
    font-weight: 600;
    padding-left: 0;
    text-transform: uppercase;
}
.details-product .ds-table.two-clmn td div{
/*    margin-bottom:18px;*/
}
.details-product{
    font-size: 16px;
    line-height: 20px;
}
.ds-page-product .details-product{
    margin-top: 40px;
}
.ds-page-product .product-description .main-title{
    color: var(--oro);
}
.main-product-box .main-product-info hgroup .sub-title{
    color: var(--marrone);
    text-transform: uppercase;
    font-family: var(--title-font-family);
    margin-bottom: 20px;
    font-size: var(--titolo2);
    line-height: var(--titolo2-line-height);
}
.main-product-box .main-product-info hgroup .price-prod{
    font-size: var(--font-size-C);
    font-size: var(--product-title);
    font-size: 26px;
    font-weight: 500;
}
.product-first-row{
    padding:100px 0;
}
@media (max-width: 992px) {
    .product-first-row {
        padding: 50px 0;
    }
}
.main-product-box .main-product-info .add-to-cart{
    justify-content: flex-start;
}
.main-product-box .main-product-info .add-to-cart .add-to-cart-btn{
    padding-top:18px;
    padding-bottom:18px;
    padding-left: 50px;
    padding-right: 70px;
    height: auto;
    border:none;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.add-to-cart-btn.ds-btn-arrow .ds-icon{
    stroke: none;
    height: 100%;
    top: 0;
    right: 60px;
}
.add-to-cart-btn .ds-icon path{
    fill:#fff;
}
.add-to-cart-btn:hover .ds-icon path, .add-to-cart-btn:focus .ds-icon path{
    fill:var(--marrone);
}
.add-to-cart-btn.ds-btn-arrow span{
    padding-right: 30px;
}
.main-product-box .main-product-info .add-to-cart .quantity-wrap{
    padding: 0;
    border:none;
    border-radius: 0;
    height: 56px;
    width: auto;
    background-color: transparent;
    background-color: #D9D9D9;
}
.main-product-box .main-product-info .add-to-cart .quantity-wrap span{
    height: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    min-width: 50px;
    justify-content: center
}
.main-product-box .main-product-info .add-to-cart .quantity-wrap input{
    display: flex;
    height: 100%;
    width: 60px;
    border-left: 1px solid var(--grigio-chiaro);
    border-right: 1px solid var(--grigio-chiaro);
    font-size: 18px;
    color: var(--marrone);
    font-weight: 600;
}
@media (max-width:992px){
    .main-product-box .main-product-info .add-to-cart .quantity-wrap input{
        width: 40px;
    }
    .main-product-box .main-product-info .add-to-cart .quantity-wrap span{
        min-width: 30px;
    }
    .ds-page.ds-page-product .main-product-box .main-product-info .add-to-cart{
        display: flex;
        justify-content: space-between;
    }
}
.main-product-box .main-product-info .add-to-cart{
    align-items: center;
    gap: 30px;
}
.main-product-box .main-product-info .main-product-text{
    margin:0;
    border:none;
    padding:20px 0;
}
.extra-info{
    font-size: 16px;
}
.extra-info .titolo{
    font-weight:500;
    color: var(--marrone);
    margin-bottom: 0;
}
.asidePanel .dropDownBlock,
.main-product-box .dropDownBlock{
    border-radius: 0;
    border-top: 1px solid var(--grigio-bordi);
    padding-top: 0;
    margin-bottom:0;
    padding-bottom: 4px;
}
.asidePanel  .dropDownBlock .dropDownButton,
.main-product-box .dropDownBlock .dropDownButton{
    font-weight: 600;
    font-size: 16px;
    font-family: var(--main-font-family);
    line-height: 24px;
    padding-top: 25px;
    padding-bottom: 25px;
    letter-spacing: 0;
    margin-top:0;
}
.asidePanel  .dropDownBlock .dropDownButton{
    padding-top: 15px;
    padding-bottom: 15px;
}
.dropDownBlock .dropDownButton .ds-icon{
    width: 26px;
    height: 26px;
}
.dropdown-icon{
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.icon-premi{
    background-image:url(../img/icona-permi.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.dropDownBlock .dropDownButton.visibleEl .single-dropdown-icon{
    display: inline-block;
    transform: rotate(45deg);
}
.asidePanel .dropDownBlock.filter-block  .dropDownButton,
.asidePanel .dropDownBlock.filter-block  .dropDownButton .main-title{
    font-size: 16px;
    text-transform: uppercase;
    font-family: var(--main-font-family);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0;
}
.main-column .filter-block .filter-list{
    color:var(--grigio-scuro);
    font-size: 16px;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}
.main-column .filter-block .filter-list li{
    padding-left: 0;
    position: relative;
    padding-left: 30px;
}
/*.main-column .filter-block .filter-list li:hover{
    padding-left: 30px;
}*/
.main-column .filter-block .filter-list li:before{
    content:'';
    background-image: url(../img/v-cavit.svg);
    position: absolute;
    top: 10px;
    left: 0;
    width: 21px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
}
.main-column .filter-block .filter-list li:hover:before{
    opacity: 1;
}
.wrap-opzioni-regalo{
    margin-top:40px;
}
.main-column .filter-block .filter-active-list li{
    background-color: transparent;
    padding-left: 0;
    color: var(--main-text-color);
    font-weight: normal;
    padding: 5px 15px 5px 0;
}
.main-column .filter-block .btn-reset{
    background-color: transparent;
    padding-left: 0;
    color: var(--main-text-color);
    font-weight: normal;
/*    border-bottom:1px solid var(--main-text-color);*/
    text-transform: none;
    letter-spacing: 0.5px;
    margin-bottom:50px;
    display: inline-block;
}
.main-column .filter-block{
/*    margin-bottom: 40px;*/
}
.main-column .filter-block .filter-active-list{
    margin-bottom:15px;
}
.filter-block .main-title{
    font-size: var(--titolo3);
    line-height: var(--titolo3-line-height);
    font-family: var(--title-font-family);
    letter-spacing: var(--title-font-family-letter-spacing);
    font-weight: 400;
    text-transform: uppercase;
}
.main-column .filter-block .filter-list .active-filter{
/*    font-weight: normal;*/
    padding-left: 30px;
    position: relative;
}
.main-column .filter-block .filter-list .active-filter:before{
    opacity: 1;
}
.main-column .filter-block.dropDownBlock .dropDownButton .ds-icon{
    width: 12px;
}
.main-column .filter-block.dropDownBlock .dropDownButton .ds-icon{
    stroke: #000;
}

.asidePanel.search-top-panel form.ds-form .ds-btn{
    width: auto;
}

.doc-btn{
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
}
.doc-btn:hover, .doc-btn:focus{
    text-decoration: underline;
}
.doc-btn span{
    display: block;
}
.doc-btn .btn-title{
    font-weight: 600;
    color: var(--marrone);
    letter-spacing: 1px;
}
.doc-btn .btn-subtitle{
    font-size: 12px;
    text-transform: uppercase;
    color: var(--marrone);
    letter-spacing: 1.5px;
    font-weight: 600;
    margin-top: 10px;
}
.document-component{
/*    padding:0 8vw;*/
    padding: var(--component-padding-y) 8vw var(--component-padding-y) 8vw;
}
.doc-vino .doc-vino-col{
    padding-top:15px;
    padding-bottom: 15px;
    position: relative;
}
@media (min-width:992px){
    /*.doc-vino{
        margin:0 -2vw 0 -4vw;
    }
    .doc-vino .doc-vino-col{
        padding-right: 2vw;
        padding-left: 4vw;
        border-right: 1px solid var(--grigio-chiaro);
    }*/
}
/*.doc-vino .doc-vino-col:after{
    content:'';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 4vw;
    top: 0;
    background-color: var(--grigio-chiaro);
}*/
.btn-icon{
    width: 22px;
    height: 22px;
    margin-right: 10px;
    display: inline-block;
}
.ds-btn:hover .btn-icon path,
.ds-btn:focus .btn-icon path{
    fill:#fff;
}

/*expand*/
.expand-el-container{gap:12px;margin-bottom:12px;position:relative;overflow:hidden;}
.expand-el-container .expand-el{
    height:24vw;
}
/*.expand-el-container .expand-el:after{background:var(--cream);opacity:.2}*/
/*.expand-el-container .expand-el.selected-el .text-area-alternative,.expand-el-container .expand-el.selected-el .text-area-alternative .ds-btn.simple-btn{color:#fff}*/
.expand-el-container .expand-el.selected-el:after,
.expand-el-container .expand-el.selected-el:hover:after{
    /*background:#706E6B;
    opacity:.9;*/
/*    height: 100%;*/
}
/*.expand-el-container .expand-el:hover:after{opacity:.5}*/
.expand-el-container .expand-el .text-area-alternative,
.expand-el-container .expand-el:focus-visible .text-area-alternative{
    text-align:left;
    color:#fff;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    padding-bottom:25px;
}
/*.expand-el-container .expand-el .text-area-alternative .main-title{font-size:var(--title-font-size);line-height:var(--lineheight-title-font-size);font-family:var(--secondary-font-family);letter-spacing:0;font-weight:var(--font-weight-regular);text-transform:uppercase;margin:10px 0 30px 0}*/
/*.expand-el-container .expand-el .text-area-alternative span{text-transform:uppercase;font-weight:var(--font-weight-light);}*/
.expand-el-container .expand-el:hover,
.expand-el-container .expand-el:focus-visible{flex-grow:1.5}
.expand-el-container .expand-el:hover .text-area-alternative{opacity:1}
/*.expand-el-container .expand-el:hover:after{background:rgba(246, 244, 241,.2)}*/

.carousel-for-expand{max-height:0;visibility:hidden;padding-top:0!important;padding-bottom:0!important;position:absolute;bottom:0;opacity:0!important;transition:all .6s linear}
.carousel-for-expand.more-selected{max-height:100%;opacity:1!important;important;max-height:unset;visibility:visible;transform: translateY(0);margin-bottom:var(--component-padding-y)}
.expand-el-container.active-expand{
    padding-bottom:calc(835px + (var(--component-padding-y) * 2));
}

@media (max-width: 1400px) {
    .expand-el-container.active-expand{padding-bottom:calc(600px + (var(--component-padding-y) * 2))}
}
@media (max-width: 1199px) {
    .expand-el-container.active-expand{padding-bottom:calc(800px + (var(--component-padding-y) * 2))}
}
@media (max-width: 992px) {
    .expand-el-container.active-expand{padding-bottom:0}
    .carousel-for-expand.more-selected{position:relative;bottom:unset;padding-top:var(--component-padding-y)!important}
}
.expand-el-container .expand-el:after,
.expand-el-container .expand-el:hover:after,
.expand-el-container .expand-el:focus-visible:after{
    content: '';
    background: linear-gradient(to bottom, rgba(73, 55, 39, 0) 0%, rgba(73, 55, 39, 1) 100%);
    width: 100%;
    height: 55%;
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    mix-blend-mode: multiply;
    opacity: 1;
}
.expand-el .ds-btn{
    margin-top:5px;
}
.expand-el .titolo2{
    position: relative;
    margin-bottom: 0;
    margin-top: 0;
    color: #fff;
}
.expand-el .sottotitolo{
    color: #fff;
}
.expand-el .titolo-wrapper{
    position: relative;
    padding-bottom:10px;
}
.expand-el .titolo-wrapper:after{
    content: '';
    width: 93px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom:0;
    left: 0;
}
.expand-el .sottotitolo{
    margin: 0;
}
.expand-el-container .expand-el img{
    height: 100%;
}
/*FINE expand*/

/*singola card*/
.elemento-card{
    position: relative;
}
.elemento-card .wrap-slide-el .img-area{
    width: 100%;
    position: relative;
    overflow: hidden;
/*    height: 100%;*/
    padding-bottom: 110%;
    transition: transform .5s ease;
}
.elemento-card .wrap-slide-el .img-area:after{
    content: '';
    background: linear-gradient(to bottom, rgba(73, 55, 39, 0) 0%, rgba(73, 55, 39, 1) 100%);
    width: 100%;
    height: 35%;
    position: absolute;
    bottom: 0;
    left: 0;
    mix-blend-mode: multiply;
}
.elemento-card .wrap-slide-el .img-area img,
.elemento-card .wrap-slide-el .img-area video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    object-position: center;
}
.elemento-card .wrap-slide-el .img-area .video{
    position: absolute;
    width: 100%,;
    height: 100%;
}
.elemento-card .wrap-slide-el .video .play-video.paused{
    width: 16%;
    min-width: 40px;
    height: 0;
    padding-bottom: 16%;
    top: 42%;
    left: 42%;
}
.elemento-card .wrap-slide-el .img-area .play-icon {
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(11px) brightness(90%);
    backdrop-filter: blur(11px);
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 50%;
}
.elemento-card .wrap-slide-el .img-area .play-icon svg.play {
    height: 30%;
    top: 35%;
    left: 40%;
    width: auto;
}
.elemento-card .wrap-slide-el .text-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 25px;
    color: #fff;
    opacity: 1;
    transition: all .6s ease;
    transition-delay: 0.5s;
    z-index: 10;
}
.elemento-card .wrap-slide-el .main-title{
    font-size: var(--titolo28);
    line-height: var(--titolo28-line-height);
    color: #fff;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 30px 0 0 0;;
}
.elemento-card .wrap-slide-el .sottotitolo{
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: 1.5px;
    transition: all .6s ease;
}
/*.wp-block-columns.colonne-centrate .wp-block-column{
    flex-grow: unset;
    width: 33%;
}*/
.elemento-card.template2 .wrap-slide-el .text-wrapper{
    position: static;
    color: var(--marrone);
    padding: 0;
}
.elemento-card.template2 .wrap-slide-el a{
    text-decoration: none;
}
.elemento-card.template2 .wrap-slide-el .main-title{
    color: var(--marrone);
    text-align: center;
    font-size: var(--product-title2);
    line-height: var(--product-title-line-height);
}
.elemento-card.template2 .wrap-slide-el .button-wrapper{
    text-align: center;
}
.elemento-card.template2 .wrap-slide-el .button-wrapper a{
    margin-top: 15px;
}
.elemento-card.template2 .wrap-slide-el .img-area{
    padding-bottom: 127%;
}
.elemento-card .logo-overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
}
.elemento-card .logo-overlay:before{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(73, 55, 39, 0.6);
    mix-blend-mode: multiply;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.elemento-card .wrap-slide-el .img-area .logo-overlay img{
    object-fit: contain;
    width: 40%;
    margin: auto;
    position: relative;
    /*transition: transform .5s ease;
    transition-delay: 0;*/
    opacity: 1;
}
.elemento-card .img-area picture img {
    transition: transform .5s ease;
}
.elemento-card:hover .img-area picture img {
    transform: scale(1.2);
}
.elemento-card:hover .img-area .logo-overlay img{
    opacity: 0;
}
.wp-block-columns.colonne-centrate {
    justify-content: center;
    flex-wrap: wrap!important;
}
.wp-block-columns.colonne-centrate .wp-block-column {
    flex-basis: calc(33% - 25px) !important;
    flex-basis: calc(33% - 14px) !important;
    flex-grow: 0 !important;
}
@media (max-width:992px){
    .wp-block-columns.colonne-centrate .wp-block-column {
        flex-basis: calc(50% - 25px) !important;
        flex-grow: 0 !important;
    }
}


.ds-dropdown .dropDownBlock{
    border:none;
    background-color: var(--bg-grigio-chiaro);
}
.dropDownBlock .dropDownButton.visibleEl .ds-icon {
/*    transform: rotate(135deg);*/
}
.product-specs .dropDownBlock .dropDownButton.visibleEl .ds-icon{
/*    transform: rotate(0);*/
}
.ds-dropdown .dropDownBlock .dropDownButton .accordion-title{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

/*footer*/
.ds-footer{
    font-size: var(--main-font-size);
    background-color: transparent;
}
.ds-footer.footer-varA .footer-logo img{
    width: 150px;
}
.ds-footer.footer-varA .footer-logo img.logo-footer-cavit{
    width: 170px;
}
@media (min-width:1580px){
    .ds-footer.footer-varA .footer-logo img{
        width: 204px;
    }
}
@media (min-width:1400px){
    .ds-footer.footer-varA .footer-logo img.logo-footer-cavit{
        width: 180px;
    }
}
.footer-menu {
    /*border-right: 1px solid #989389;
    padding-right: 20px;*/
    margin-right: 10px;
    height: 100%;
}
@media (min-width:1580px){
   .footer-menu {
        margin-right: 30px;
    } 
}
.footer-menu li{
    margin-bottom:15px;
}
.footer-menu a{
    text-decoration: none;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1px;
    font-weight: 600;
    color: var(--marrone);
    text-transform: uppercase;
}
.footer-menu a:hover, .footer-menu a:focus{
    text-decoration: underline;
}
.footer-menu .sub-menu{
    margin-top: 25px;
}
.footer-menu .sub-menu a{
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}
.footer-menu-2 a{
    text-transform: none;
    letter-spacing: 0;
}
.footer-small-menu li{
    display: inline-block;
    padding-right: 10px;
    margin-left: 10px;
}
footer .partner-logo{
    margin: 40px auto;
}
footer a{
    display: inline-block;
}
.ds-footer.footer-varA .super-bottom{
    background-color: transparent;
    margin-top:0;
}
.ds-footer.footer-varA, .ds-footer.footer-varA.ds-footer-second-footer{
    background-color: transparent;
}
footer{
    background-color: var(--footer-bg);
    background-image:url(../img/bg-footer-pattern-scuro.png);
    background-repeat: repeat;
    background-position: left 3px;
    color: var(--marrone);
}
footer .footer-plain-bg{
    background-color: var(--footer-bg);
    padding: 0 50px 0;
}
@media (min-width:1580px){
    footer .footer-plain-bg{
        padding: 0 80px 0;
    }
}
footer .row{
   flex-grow: 1;
}
.ds-footer.footer-varA .list-social{
    align-items: flex-start;
    padding-right: 0;
}
.ds-footer.footer-top{
    padding-top: 100px!important;
}
.footer-social{
    margin-top:3vw;
    display: inline-block;
    text-align: center;
}
.footer-label{
    padding-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}
.ds-footer.footer-varA .list-social .ds-icon {
    fill: var(--marrone);
    width: 22px;
    height: 22px;
}
.ds-footer.footer-varA .list-social li a{
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 0;
}
.ds-footer.footer-varA .list-social li{
    margin-left: 0!important;
    margin-right: 15px!important;
    margin-top:5px!important;
}
@media (min-width:1400px){
   .ds-footer.footer-varA .list-social li{
        margin-right: 20px!important; 
    }
}

svg, path{
    transition: 0.4s;
}

.footer-pt{
    margin-top:30px!important;
}
@media (max-width: 992px) {
    .ds-footer.footer-varA .footer-logo {
        padding-top: 0;
        margin-bottom: 30px;
        border:none;
    }
    .footer-menu {
        border:none;
        padding-right: 0;
        margin-right: 0;
    }
    .footer-top{
        text-align: center;
    }
    .ds-footer.footer-varA .list-social{
        justify-content: center;
    }
    .ds-footer.footer-top{
        padding-top: 80px;
        padding-bottom: 20px;
    }
    footer .footer-plain-bg{
        padding:0 20px;
    }
}
.footer-title{
    font-size:var(--main-font-size);
    line-height: var(--lineheight-main-font-size);
    font-family: var(--main-font-family);
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 15px;
    font-weight: 600;
}

.modal .wrap-img{
    text-align: center;
}
.modal .wrap-img img{
    max-height: 200px;
    width: auto;
}
.modal .ds-icon {
    width: 17px;
    height: 17px;
}
.modal .modal-button{
    border:none;
    background-color: transparent;
}
.modal-header{
    border-bottom: none;
}
.modal-content{
    box-shadow: none;
}
.modal-body{
    padding: 0;
}
.form-check input{
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin:0;
}
.form-check input + label{
    vertical-align: middle;
    margin:0;
    padding-left: 15px;
}

.ds-breadcrumbs .ds-breadcrumbs-list span{
    color: var(--marrone);
}

/*expand advanced*/
.expand-el-container .carousel-component .carousel-swiper .swiper-slide .wrap-slide-el .main-title { color: #000;}
 
 
.expand-el-container{
    gap:12px;margin-bottom:12px;position:relative;overflow:hidden;
}
.expand-el-container .expand-el{
    height:628px
}
.expand-el-container .expand-el:after{
    background:var(--cream);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    opacity:1;
    height: 30%;
/*    height: 45%;*/
}
.expand-el-container .expand-el:before{
    content:'';
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all ease 400ms;
}
.expand-el-container .expand-el.selected-el .text-area-alternative,.expand-el-container .expand-el.selected-el .text-area-alternative .ds-btn.simple-btn{
    color:#fff
}
.expand-el-container .expand-el.selected-el:after,.expand-el-container .expand-el.selected-el:hover:after{
    /*background:#706E6B;
    opacity:.9;
    height: 100%;
    transition: all ease 400ms;*/
}
.expand-el-container .expand-el.selected-el:before,.expand-el-container .expand-el.selected-el:hover:before{
    background:#000;
    opacity:.5;
    height: 100%;
    transition: all ease 400ms;
}
.expand-el-container .expand-el:hover:after{
/*    opacity:.5*/
}
.expand-el-container .expand-el .text-area-alternative{
    text-align:left;color:var(--main-text-color);display: flex;flex-flow: column;align-items: flex-start;
}
.expand-el-container .expand-el .text-area-alternative .main-title{
/*    font-size:var(--title-font-size);line-height:var(--lineheight-title-font-size);font-family:var(--secondary-font-family);letter-spacing:0;font-weight:var(--font-weight-regular);text-transform:uppercase;margin:10px 0 30px 0*/
}
.expand-el-container .expand-el .text-area-alternative span{
    /*text-transform:uppercase;
    font-weight:var(--font-weight-light);*/
}
.expand-el-container .expand-el:hover,
.expand-el-container .expand-el.selected-el{
    flex-grow:1.5
}
.expand-el-container .expand-el:hover .text-area-alternative{opacity:1}
.expand-el-container .expand-el:hover:after{
    height:30%;
/*    background:rgba(246, 244, 241,.2);*/
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    transition: all ease 400ms;
}
.carousel-for-expand{max-height:0;visibility:hidden;padding-top:0!important;padding-bottom:0!important;position:absolute;bottom:0;opacity:0!important;transition:all .6s linear}
.carousel-for-expand.more-selected{max-height:100%;opacity:1!important;important;max-height:unset;visibility:visible;transform: translateY(0);margin-bottom:var(--component-padding-y)}
.expand-el-container.active-expand{
    padding-bottom:calc(835px + (var(--component-padding-y) * 2));
    padding-bottom:calc(735px + (var(--component-padding-y) * 2))
}
 
@media (max-width: 1400px) {
    .expand-el-container.active-expand{padding-bottom:calc(600px + (var(--component-padding-y) * 2))}
    .carousel-for-expand.carousel-component .carousel-swiper.carosello-prodotti .swiper-slide,
    .carousel-component .carousel-swiper.carosello-prodotti .swiper-slide{
        max-width: 280px;
    }
}
@media (max-width: 1199px) {
    .expand-el-container.active-expand{padding-bottom:calc(900px + (var(--component-padding-y) * 2))}
    .expand-el-container .carousel-component .carousel-swiper{
        padding-left: var(--special-padding);
    }
}
@media (max-width: 992px) {
    .expand-el-container.active-expand{padding-bottom:0}
    .carousel-for-expand.more-selected{position:relative;bottom:unset;padding-top:var(--component-padding-y)!important}
}
/*FINE expand advanced*/

.avviso-header{
    font-size: 14px;
    color: var(--giallo);
    text-transform: uppercase;
    margin-right: 20px;
}
.avviso-carrello{
    padding: 15px 24px 15px;
    margin-bottom: 20px;
    border-bottom: 2px solid var(--oro);
    background: #fff;
    font-size: 18px;
    display: block;
}
@media (max-width:992px) {
    .avviso-header{
        font-size: 12px;
    }
}

.range_container {
    display: flex;
    flex-direction: column;
    width100%; margin: 25px 0;
}

.range_container .sliders_control {
    position: relative;
    min-height: 20px;
}

.range_container .form_control {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: var(--font-size-B);
    color: #000;
}

.range_container input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    border-top: none;
    border-right: 14px solid transparent;
    border-left: none;
    border-bottom: 14px solid #000;
    background-color: transparent;
    width: 0;
    height: 0;
    cursor: pointer;
    transform: rotate(45deg);
    margin: 0 0 0 6px;
}

.range_container input[type=range]::-moz-range-thumb {
    border-radius: 0;
    -webkit-appearance: none;
    pointer-events: all;
    border-top: none;
    border-right: 14px solid transparent;
    border-left: none;
    border-bottom: 14px solid #000;
    background-color: transparent;
    width: 0;
    height: 0;
    cursor: pointer;
    transform: rotate(45deg);
}

.range_container input[type=range]:first-child::-webkit-slider-thumb {
    transform: rotate(225deg);
    margin-left: -7px
}

.range_container input[type=range]:first-child::-moz-range-thumb {
    transform: rotate(225deg);
    m}

.range_container input[type="number"] {
    font-size: var(--font-size-B);
    color: #000;
    width: 40px;
    height: 30px;
    font-size: 20px;
    border: none;
    -moz-appearance: textfield;
}

/* .range_container input[type="number"]:last-child{text-align:right!important;} */
.range_container .form_control_container:last-child input[type="number"] {
    text-align: right!important;
}

.range_container input[type=number]::-webkit-inner-spin-button, .range_container input[type=number]::-webkit-outer-spin-button {
    opacity: 0;
    -webkit-appearance: none;
    margin: 0;
    height: 0;
    width: 0
}

.range_container input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 2px;
    width: 100%;
    position: absolute;
    background-color: #000;
    pointer-events: none;
}

.range_container #fromSlider {
    height: 0;
    z-index: 1;
}

.biglietto-regalo{
    background-image:url(../img/biglietto-regalo.png);
    background-size: contain;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.wrap-biglietto-regalo .biglietto-regalo-content{
    /*margin-top: 22%;
    margin-bottom: 18%;
    padding: 0 10%;*/
    padding-top: 22%;
    padding-bottom: 18%;
    padding-left: 10%;
    padding-right: 10%;
}
.ds-checkout .woocommerce-checkout .wrap-biglietto-regalo .biglietto-regalo input{
    background-color: transparent;
    color: #000!important;
    font-size: 18px!important;
    font-size:calc(11px + (18 - 11) * ((100vw - 768px) / (2550 - 768)))!important;
    line-height:calc(16px + (22 - 16) * ((100vw - 768px) / (2550 - 768)))!important;
    height:auto;
    border-width: 0 !important;
    border-bottom-width: 1px !important;
    text-align: center;
}
@media (max-width:1400px){
    .col-biglietto-regalo{
        width: 100%!important;
    }
    .ds-checkout .woocommerce-checkout .wrap-biglietto-regalo .biglietto-regalo input{
        font-size:calc(11px + (22 - 11) * ((100vw - 768px) / (1400 - 768)))!important;
        line-height:calc(16px + (26 - 16) * ((100vw - 768px) / (1400 - 768)))!important;
    }
}
@media (max-width:767px){
    .ds-checkout .woocommerce-checkout .wrap-biglietto-regalo .biglietto-regalo input{
        font-size:calc(14px + (14 - 11) * ((100vw - 350px) / (767 - 350)))!important;
        line-height:calc(16px + (18 - 16) * ((100vw - 768px) / (2550 - 768)))!important;
    }
}
.wrap-biglietto-regalo .biglietto-regalo .count-message{
    opacity: 0;
    height: 1px;
    margin: 0;
}

.top.ds-component .navbar-header .container .logo a img.sticky-logo{
    display: none;
}

/*menu fixed top*/
@media (min-width: 1199px) {
    body {
        margin-top:0
    }

    .menu-1-step {
        margin-top: 185px;
    }
    .home.menu-1-step,
    .header-fixed.menu-1-step {
        margin-top:0;
    }
    .menu-1-step .navbar-header {
        position: relative!important;
        top: auto;
        z-index: 0;
        height: var(--menu-height);
        height: var(--menu-height);
    }

    .menu-2-step-show.menu-1-step .navbar-header {
        top: auto;
    }
    .menu-1-step .top.ds-component .navbar-header .ds-container-large .logo a img,
    .menu-1-step .top.ds-component .navbar-header .container .logo a img{
/*        max-height: 80px;*/
        width: 110px;
        transition: all .6s ease;
    }
    .menu-1-step .top.ds-component .navbar-header .container .logo a img.base-logo{
        opacity: 0;
        position: absolute;
    }
    .menu-1-step .top.ds-component .navbar-header .container .logo a img.sticky-logo{
        display: inline-block;
        width: 90px;
    }
    .top.ds-component .navbar-header .ds-container-large .logo a img,
    .top.ds-component .navbar-header .container .logo a img{
        transition: all .6s ease;
    }

    .menu-1-step .ds-component.top {
        position: fixed!important;
        top: -200px;
        z-index: 999;
        height: auto;
    }
    .menu-1-step .top.ds-component .navbar-header {
       min-height: 90px;
       height: 90px;
       min-height: 70px;
       height: 70px;
    }

    .menu-2-step-show.menu-1-step .ds-component.top {
        top: 0;
        background-color: var(--marrone);
        min-height: 0;
    }
    html{
        margin-top:0!important;
    }

}
.ds-page-catalogo .catalogo-wrap .container{
    padding:0;
}

/*Age Wall*/
.age-wall{
    position: fixed;
    top: 0;
    left: 0;
    /* width: 100vw; */
    height: 100vh;
    background:rgba(0,0,0,0.5);
    z-index: 9999;
    z-index:9999999999;
/*    padding: 70px;*/
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.age-wall.age-ok{
    opacity: 0;
    z-index: -1;
}
.age-wall .front{
  /*color:#493727;
  background-color: #C1BFB8;
  text-align:center;*/
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height:100%;
  position:relative;
  z-index:1;
  max-width:900px;
  margin:0 auto;
}
.age-wall .content{
  color:#493727;
  background-color: #C1BFB8;
  text-align:center;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding:4vw;
  margin:40px 20px;
  font-size:18px;
  line-height: 24px;
}
.age-wall .background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #493727;
/*    background-image:url(img/testata-pagina-vini-web.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background: transparent;
    overflow: hidden;
}
.age-wall .background:before{
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(11px) brightness(90%);
  backdrop-filter: blur(11px);
  background-image:url(../img/bg-footer-pattern-scuro.png);
  background-position: top left;
  background-repeat: repeat;
}
.titolo{
  font-family: var(--title-font-family);
  font-size: 40px;
  line-height: 48px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (max-width:1920px) and (min-width:768px){
  .titolo{
    font-size: calc(24px + (40 - 24) * ((100vw - 768px) / (1920 - 768)));
    line-height: calc(30px + (48 - 30) * ((100vw - 768px) / (1920 - 768)));
  }
}
.age-wall svg{
  margin-bottom:30px;
  max-width: 200px;
  height:auto!important;
}
.age-wall .ds-btn{
    margin-top: 30px;
}
@media (max-width:767px){
  .age-wall .titolo{
    font-size: 24px;
    line-height: 30px;
  }
  .age-wall  .content{
    padding: 40px 20px;
    font-size: 16px;
    line-height: 22px;
  }
  .age-wall svg{
    max-width: 150px;
  }
}

/*form*/
input:not([type="radio"]):not([type="checkbox"]) {
    /*height: 56px;
    border: 1px solid #dcdcdc;
    padding: 0 10px;*/
    /*  gli stili qui sopra rompono la barra del prezzo nei filtri del catalogo  */
    border-radius: 0;
    box-shadow: none;
}
form input {
    width: 25px;
    margin: 0 10px 0 0;
}
form label {
    font-weight: 600;
    font-size: 16px;
    font-weight: normal;
}

.card{
    padding:20px;
    background-color: #ffffff;
}
.ds-btn.ds-btn-woocommerce{
    background-color: transparent;
    color: var(--marrone);
    font-weight: 800;
    text-transform: uppercase;
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    letter-spacing: var(--btn-letter-spacing);
    border: 1px solid var(--marrone);
    height: auto;
    padding: 20px 30px 20px 25px;
    width: auto;
    text-decoration: none;
    display: inline-block;
    border-radius: 0;
}
.ds-btn.ds-btn-woocommerce:hover, .ds-btn.ds-btn-woocommerce:focus{
    background-color: var(--marrone);
    color: #fff;
}

#cavit-custom-add-to-cart{
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 999999;
    transition: all .6s ease;
}
#cavit-custom-add-to-cart.show{
    top: 0;
}
#cavit-custom-add-to-cart button.btn-close{
    position: absolute;
    top: 5px;
    right: 20px;
    background-color: transparent;
    border: 1px solid var(--marrone);
    color: var(--marrone);
    padding:10px;
}

/* Da rimuovere quando verrà pubblicato l'Inglese */
.lang-switchter{
    display: none!important;
}