@import url("../fonts/Playfair-Display/stylesheet.css");
@import url("../fonts/Ubuntu/stylesheet.css");
@import url("../fonts/Ubuntu-Sans/stylesheet.css");

:root {
  --main-font-family: 'Ubuntu', sans-serif;
  --title-font-family: 'Playfair Display', serif;
  --secondary-font-family: 'Ubuntu Sans', sans-serif;


  --main-font-size: 15px;
  --main-line-height:27px;
  --menu-font-size: 12px;
  --menu-line-height: 16px;
  --footer-font-size: 14px;
  --footer-line-height: 16px;

  --main-font-color: #002238;
/*  --banner-font-color:#161615;*/
  --menu-font-color: #CECCC4;
  --footer-font-color: #D6D1C7;
  --footer-copy-font-color:#959898;


  --grigio: #DBD5CD;
  --grigio2: #525252;
  --blu: #002238;
  --beige: #DBD5CD;
  --oro: #A6873C;
  --age-wall-bg:#002238;
  --age-wall-text:#CECCC4;
  --border-color:#707070;

}

body{
  font-family: var(--main-font-family);
  font-size: var(--main-font-size);
  line-height: var(--main-line-height);
  font-weight: normal;
  color: var(--main-font-color);
  font-family: var(--secondary-font-family);
/*    font-size: 15px;*/
    letter-spacing: 2px;
}
a{
    color: var(--oro);
}
h1, h2, h3, h4, h5, h6{
    color: var(--main-font-color);
    padding-bottom: .5rem;
    margin: 0;
}
h2{
    font-family: var(--title-font-family);
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.titolo{
	font-family: var(--title-font-family);
}
.sottotitolo{
    letter-spacing: 1px;
/*    font-size: 18px;*/
}
.titolo1{
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 2px;
}
.titolo2{
    font-family: var(--secondary-font-family);
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 2px;
    font-weight: 400;
/*    text-transform: uppercase;*/
    margin-bottom:40px;
}
.titolo2 + .sottotitolo{
    margin-top:-30px;
    margin-bottom:40px;
}
.titolo-vino{
    font-size: 50px;
    line-height: 80px;
    letter-spacing:4px;
}
@media (max-width:767px){
    .titolo-vino{
        font-size: 40px;
    }
}
.titolo-banner-vino{
    font-size: 40px;
    font-family: var(--secondary-font-family);
    font-weight: 400;
    letter-spacing: 4px;
    margin-bottom:15px;
}
@media (max-width:1200px){
    .titolo-banner-vino{
        font-size: 30px;
        letter-spacing: 2px;
    }
}

.testo1{
    font-family: var(--title-font-family);
    font-size: 15px;
    line-height: 32px;
    letter-spacing: 1px;
}
.testo2{
    font-family: var(--secondary-font-family);
/*    font-size: 15px;*/
    line-height: 27px;
    letter-spacing: 2px;
}
.titolo1 + .testo1, .titolo1 + .main-btn, .testo1 + .main-btn, .sottotitolo + .testo1, .sottotitolo + .main-btn{
    margin-top:75px;
}
.gold, .oro{
	color: var(--oro);
}
.white, .bianco{
    color: #fff;
}
.uppercase{
	text-transform: uppercase;
}
.bg-beige{
    background-color: var(--beige);
}
.bg-blu{
    background-color: var(--blu);
}
.bg-grigio{
    background-color: var(--grigio);
}
.bg-grigio2{
    background-color: var(--grigio2);
}
.bg-bianco{
    background-color: #fff;
}

.section-padding{
    padding:4vw;
}
@media (max-width:992px){
    .section-padding{
        padding: 80px 20px;
    }
}
.section-padding .section-padding{
    padding: 0;
}
.testo-chiaro, .testo-chiaro h1, .testo-chiaro h2, .testo-chiaro h3, .testo-chiaro h4, .testo-chiaro a{
    color: #fff;
}
.sfondo-parallasse{
    background-color: transparent!important;
}

header{
    position: absolute;
    z-index: 5;
    width: 100%;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
header.fixed{
  position:fixed;
  background-color:var(--blu);
/*  color: var(--secondary-font-color);*/
  top: -123px;
}
.page-header{
    padding:50px 4vw 25px;
}
.header-wrapper{
/*    padding:50px 4vw 25px;*/
    position: relative;
    /*display: flex;
    justify-content: space-between;*/
    line-height: 14px;
    text-align: center;
}
.header-wrapper .logo-header a{
    display: inline-block;
    width: 274px;
    width: 180px;
}
@media (max-width:400px){
    .header-wrapper .logo-header a{
        width: 160px;
    }
}
.header-wrapper .logo-header img{
    max-width: 100%;
}
@media (min-width:992px){
    .home .header-wrapper .logo-header img{
        opacity: 0;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    .home header.fixed .header-wrapper .logo-header img{
        opacity: 1;
    }
}

.shop-link{
    position: absolute;
    top: 0;
    right: 0;
}

.hamburger-icon {
    color: #fff;
    display: inline-block;
    /*padding: 5px 20px;
    padding: 5px 17px;*/
    position: relative;
    width: 29px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    opacity: 0.6;
    transition-delay: 300ms;

    position: absolute;
    top: 0;
    left: 0;
}
.hamburger-icon:hover, .hamburger-icon:focus {
/*    padding: 5px 12px;*/
    opacity: 1;
}
.hamburger-icon.hide{
    opacity: 0;
    transition-delay: 0ms;
}
.hamburger-icon .button {
    height: 15px;
    /* width: 35px; */
    width: 100%;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.hamburger-icon .line, #close-icon .line {
    display: block;
    background: #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    /* border-radius: 4px; */
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.hamburger-icon .line.line-1 {
    top: 5px;
    top: 0%;
}
.hamburger-icon .line.line-2 {
    top: 7px;
}
.hamburger-icon .line.line-3 {
    bottom: 5px;
    bottom: 0%;
}
.hamburger-icon .label{
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    padding-bottom:14px;
}
.close-icon .line-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
.close-icon .line {
    display: block;
    background: var(--oro);
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    /* border-radius: 4px; */
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.close-icon .line.line-1 {
    top: 0;
    transform: translateY(17px) rotate(-45deg);
    -webkit-transform: translateY(17px) rotate(-45deg);
    -moz-transform: translateY(17px) rotate(-45deg);
}
.close-icon .line.line-2 {
    bottom: 0;
    transform: translateY(-17px) rotate(45deg);
    -webkit-transform: translateY(-17px) rotate(45deg);
    -moz-transform: translateY(-17px) rotate(45deg);
}

.close-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    vertical-align: top;
    cursor: pointer;
/*    padding: 2px 5px;*/
    opacity: 0.6;
}
.close-icon:hover, .close-icon:focus{
/*    padding:2px 0;*/
    opacity: 1;
}
header .link {
    opacity: 0.6;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}
header .link:hover, header .link:focus{
    opacity: 1;
}
a{
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.main-btn{
    display: inline-block;
    font-size: var(--main-font-family);
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--main-font-color);
    position:relative;
    text-decoration: none;
}
.main-btn:after{
    content: '';
    width: 100%;
    height: 1px;
    background: var(--main-font-color);
    position: absolute;
    left: 0;
    bottom: 4px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.main-btn.white{
    color: #fff;
}
.main-btn.white:after, .testo-chiaro .main-btn:after, .banner-vino .main-btn:after{
    background: #fff;
}
.main-btn:hover, .main-btn:focus{
    color: var(--oro);
}
.main-btn:hover:after, .main-btn:focus:after{
    background-color: var(--oro);
    width: 110%;
    left: -5%;
}
.download-btn{
    font-family: var(--secondary-font-family);
    font-size: 12px;
    font-size: 13px;
    line-height: 16px;
    color:var(--blu);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    display: inline-block;
    padding:15px 46px 15px 0;
    position: relative;
}
.download-btn:before{
    content:'';
    position: absolute;
    top: 23px;
    right:4px;
    width: 30px;
    height: 1px;
    background-color: var(--blu);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.download-btn:after{
    content:'';
    position: absolute;
    top: 8px;
    right:18px;
    width: 1px;
    height: 30px;
    background-color: var(--blu);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.download-btn:hover, .download-btn:focus{
    color: var(--oro);
}
.download-btn:hover:after{
    height: 38px;
    top:4px;
}
.download-btn:hover:before{
    width: 38px;
    right:0;
}

#hamburger-menu {
    width: 100%;
    opacity: 0;
    position: fixed;
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    height: 100%;
    /* height: 100%; */
    color: var(--menu-font-color);
    z-index: -1;
    background-color: var(--blu);
    background-image:url(../img/bg-menu.jpg);
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    overflow-y:auto;
    padding: 4vw 4vw;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    line-height: var(--menu-line-height);
}
#hamburger-menu.open{
    opacity: 1;
    z-index: 501;
}
#hamburger-menu .menu-top{
    display: flex;
    justify-content: space-between;
}
.custom-lang-switcher{
    list-style: none;
    font-size: 14px;
}
.custom-lang-switcher li{
    display: inline-block;
    position: relative;
}
.custom-lang-switcher li:after{
    content:'';
    width: 1px;
    height: 12px;
    background-color: var(--menu-font-color);
    position: absolute;
    top: 2px;
    right: -2px;
}
.custom-lang-switcher li:last-child:after{
    content: none;
}
.custom-lang-switcher li a{
    text-transform: uppercase;
    color: var(--menu-font-color);
    display: inline-block;
    padding:0 8px;
    text-decoration: none;
    font-size: 12px;
}
.custom-lang-switcher li a.current{
    color: var(--oro);
}

#hamburger-menu .menu-content{
    text-align: center;
    flex-grow: 1;
}
#hamburger-menu.open .menu-content{
    opacity: 1;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    transition-delay: 500ms;
}
@media (min-width:992px){
    #hamburger-menu .menu-content{
        transition-delay: 0;
        opacity: 0;
    }
    #hamburger-menu.open .menu-content{
        opacity: 1;
        -webkit-transition: all 800ms ease-in-out;
        -moz-transition: all 800ms ease-in-out;
        -ms-transition: all 800ms ease-in-out;
        -o-transition: all 800ms ease-in-out;
        transition: all 800ms ease-in-out;
        transition-delay: 500ms;
    }
}
#hamburger-menu .menu-content .menu-wrapper{
    display: inline-block;
    height: 100%;
}

#hamburger-menu .menu-content .menu-wrapper > div{
    height: 100%;
}
#hamburger-menu .menu-content .menu-wrapper .menu-flex{
    display: flex;
    align-items: center;
}
@media (max-width:991px){
    #hamburger-menu .menu-content .menu-wrapper{
        width: 100%;
    }
    #hamburger-menu .menu-content .menu-wrapper .menu-flex{
        justify-content: center;
    }
    #hamburger-menu .menu-content .menu-min-height{
        min-height: 500px;
    }
}
.main-menu, .main-menu ul,
.main-menu-mobile, .main-menu-mobile ul{
    list-style: none;
    padding: 0;
}
.main-menu{
    display: flex;
/*    margin: 0 auto;*/
    justify-content: center;
    text-align: left;
}
.main-menu > li{
    padding: 0 40px;
}
.main-menu a,
.mobile-menu a{
    font-size: 26px;
    line-height: 26px;
    font-family: var(--title-font-family);
    color:var(--oro);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 4px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    padding-bottom:2rem;
    display: inline-block;
}
.main-menu .sub-menu li{
    margin:2.4em 0;
}
.main-menu .sub-menu a{
    font-size: var(--menu-font-size);
    line-height: var(--menu-line-height);
    font-family: var(--secondary-font-family);
    color:var(--menu-font-color);
    letter-spacing: 2px;
    padding: 8px 0;
}
.main-menu .sub-menu a:hover{
    color:#fff;
}
.hamburger-footer{
    position: relative;
    padding: 15px 0;
    text-align: left;
    font-size: var(--menu-font-size);
    text-transform: uppercase;
}
.hamburger-footer:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--grigio);
    opacity: 37%;
    position: absolute;
    bottom:0;
    left: 0;
}

.hamburger-footer-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.hamburger-footer ul{
    list-style: none;
}
.hamburger-footer ul li{
    display: inline-block;
    position: relative;
}
.hamburger-footer ul li:after{
    content:'';
    height: 12px;
    width: 1px;
    background-color: var(--grigio);
    position:absolute;
    right: -2px;
    top: 2px;
}
.hamburger-footer ul li:last-child:after{
    content: none;
}
.hamburger-footer a{
    font-size: var(--hamburger-font-size);
    color: var(--grigio);
    text-decoration: none;
    padding:2px 6px;
}
.hamburger-footer a:hover{
    color: #fff;
}
.hamburger-footer ul li:last-child a{
    padding-right: 0;
}
@media (max-width:991px){
    .hamburger-footer:after{
        content:none;
    }
    .hamburger-footer-wrapper{
        display: block;
        text-align: center;
    }
    .hamburger-footer ul{
        padding: 0;
    }
    .hamburger-footer-wrapper .left-block, .hamburger-footer-wrapper .right-block{
        padding:20px 0;
    }
}


.dropdown-menu{
    position: fixed;
    height: calc(100% - 100px);
    width: 100%;
    /* height: 100%; */
    top: 0 !important;
    left: 0 !important;
    border-radius: 0;
    /*background-image: url(../img/bg-menu.jpg);
    background-position: center;
    background-size: cover;*/
    background: transparent;
    z-index: -1;
    opacity: 0;
    padding: 8vw 4vw 4vw!important;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
/*@media (max-width:992px){
    .dropdown-menu{
        display: flex!important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
}*/
.dropdown-menu{
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    transition-delay: 0;
}
.dropdown-menu.show{
    opacity: 1;
    z-index: 1;
    transition-delay: 300ms;
}
.mobile-menu{
    list-style: none;
}
.mobile-menu .first-level>a,
.mobile-menu .first-level>a + button{
    transition-delay: 300ms;
    opacity: 1;
}
.mobile-menu.submenuOpen .first-level>a,
.mobile-menu.submenuOpen .first-level>a + button{
    opacity: 0;
    transition-delay: 0ms;
}
.mobile-menu a{
    padding-bottom: 3rem;
}
.mobile-menu .dropdown-menu a{
    font-size: 14px;
    font-family: var(--secondary-font-family);
    color:var(--menu-font-color);
    letter-spacing: 2px;
    padding: 8px 0;
    margin-bottom:10px;
}
.mobile-menu .dropdown-menu .parent a{
    font-size: 26px;
    font-family: var(--title-font-family);
    color:var(--oro);
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 4px;
    margin-bottom: 1.5em;
}
.mobile-menu li button{
    background-color: transparent;
    border:none;
    padding: 5px 10px;
    display: inline-block;
    width: 40px;
    height: 26px;
    position:relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.mobile-menu li button:after{
    content:'';
    width: 14px;
    height: 14px;
    display: inline-block;
    border:none;
    border-left: 1px solid #fff;
    border-bottom:1px solid #fff;
    transform:rotate(-45deg);
    opacity: 0.5;
    position: relative;
}
.dropdown-menu .back{
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 14vw;
    left: 4vw;
    cursor:pointer;
    padding-left: 20px;
}
.dropdown-menu .back:before{
    content:'';
    width: 12px;
    height: 12px;
    display: inline-block;
    border-left: 1px solid #fff;
    border-top:1px solid #fff;
    transform:rotate(-45deg);
    opacity: 0.5;
    position: relative;
    left: -10px;
}

.video-home-apertura{
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.blocco-video{
    height: 90vh;
    overflow: hidden;
    position: relative;
}
.video-home-apertura .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%;
}
.play-video{
    position:absolute;
    bottom:50px;
    bottom:40px;
    right: 50px;
    z-index: 4;
    cursor:pointer;
/*    background: #f00;*/
    width: 70px;
    height: 70px;
}
.play-video svg.play{
    fill:#fff;
    height: 23px;
    position: absolute;
    top: 22px;
    left: 27px;
}
.play-video svg.pausa{
    fill:#fff;
    height: 23px;
    position: absolute;
    top: 22px;
    left: 27px;
}
.play-video svg.pausa{
    display: none;
}
.play-video.playing svg.pausa{
    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: 1px solid #fff;
    border-radius: 50%;
    position: relative;
}
.play-video.playing svg.play{
    display: none;
}
.blocco-video .play-video.playing{
    opacity: 0;
}
.blocco-video .titolo-video{
    font-size: 26px;
    text-transform: uppercase;
    font-family: var(--title-font-family);
    letter-spacing: 3px;
    margin-bottom:30px;
    text-align: center;
}
.blocco-video .titolo-video .sottotitolo{
    font-family: var(--secondary-font-family);
    font-size: 18px;
    letter-spacing: 2px;
}
.audio{
    position:absolute;
    bottom:125px;
    bottom: 62px;
    right: 50px;
    right: 4vw;
    z-index: 500;
    cursor:pointer;
/*    background: #0f0;*/
    width: 70px;
    height: 27px;
    color:#fff;
    line-height: 27px;
    font-size: 14px;
    letter-spacing: 2px;
}
.audio.hidden{
    display: none;
}
.audio svg.audio-on, .audio svg.audio-off{
    fill:#fff;
    height: 23px;
    width: 23px;
    margin-top: -3px;
    /*position: absolute;
    top: 22px;
    left: 27px;*/
}
.audio .off{
    display: none;
}
.audio .on{
    float: left;
}
.audio.muted .on{
    display: none;
}
.audio.muted .off{
    display: inline-block;
    float: left;
}
.barre-volume {
    position: relative;
    width: 30px !important;
    height: 20px !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;
}


.testata-pagina{
/*    height: 15vw;*/
/*    min-height: 15vw;*/
    background-color:var(--blu);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: var(--title-font-family);
    color: #fff;
    position: relative;
    overflow: hidden;
}
@media (max-width:992px){
    .testata-pagina{
        min-height: 200px;
    }
}
.testata-pagina .menu-shadow.transparent{
    background: linear-gradient(to bottom, rgba(45, 48, 65, 1) 0%, rgba(45, 48, 65, 0) 100%);
    width: 100%;
    height: 40%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
/*.testata-pagina .menu-shadow.bottom{
    background: linear-gradient(to bottom, rgba(45, 48, 65, 0) 0%, rgba(45, 48, 65, 1) 100%);
    width: 100%;
    height: 40%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}*/
.testata-pagina img.bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testata-pagina img.align-top{
    object-position: top;
}
.testata-pagina img.align-bottom{
    object-position: bottom;
}
.testata-pagina .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;
}
.testata-pagina .wrapper-video .video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width:991px){
    .testata-pagina.altezza-alta{
/*        height: 60vh;*/
    }
    .testata-pagina .logo-overlay{
        opacity: 0;
    }
}
.header-transparent .testata-pagina.altezza-alta,
.home .testata-pagina.altezza-alta{
    height: 100vh;
}
.header-transparent .testata-pagina:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    mix-blend-mode: overlay;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#272e3b+0,272e3b+0,272e3b+100&0.57+1,0+100 */
    background: linear-gradient(to bottom,  rgba(39,46,59,0.57) 0%,rgba(39,46,59,0.57) 1%,rgba(39,46,59,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.testata-wrapper{
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
    padding-top: 200px;
/*    min-height: 15vw;*/
}
.testata-pagina.altezza-media .testata-wrapper{
    min-height: 35vw;
}
.testata-pagina.altezza-alta .testata-wrapper{
    min-height: calc(100vh - 130px);
    min-height: 100vh;
}
.testata-wrapper .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--blu);
    opacity: 0.3;
}
.testata-pagina .testata-wrapper h1, .testata-pagina .testata-wrapper h2{
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 0;
    font-weight: normal;
    padding-bottom: 0;
    letter-spacing: 0.5px;
    color: #fff;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--oro);
    color: #fff;
    margin:50px 0;
}
.testata-pagina.altezza- .testata-wrapper h1, .testata-pagina.altezza- .testata-wrapper h2,
.testata-pagina.altezza-bassa .testata-wrapper h1, .testata-pagina.altezza-bassa .testata-wrapper h2{
    margin:0;
}
.testata-pagina .testata-wrapper h1.titolone{
    font-size: 45px;
    line-height: 50px;
    letter-spacing: 1px;
}
.testata-pagina .menu-shadow{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002238+0,002238+28,002238+100&1+0,0.48+28,0+100 */
    background: linear-gradient(to bottom,  rgba(0,34,56,1) 0%,rgba(0,34,56,0.48) 28%,rgba(0,34,56,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100%;
    height: 627px;
    position: absolute;
    top: 0;
    letter-spacing: 0;
    z-index: 1;
}
.testata-pagina.no-overlay .menu-shadow{
    display: none;
}

.tre-colonne {
    background-color: var(--beige);
    padding: 2vw;
}
.tre-colonne .elenco-articoli .articolo{
  margin-bottom:50px;
}
@media (min-width:992px){
  .tre-colonne .elenco-articoli{
    display: flex;
/*    gap: 4vw;*/
    margin:0 -2vw;
    flex-wrap: wrap;
  }
  .tre-colonne .elenco-articoli .articolo{
    flex-grow: 1;
    width: 33.333%;
    max-width: 33.333%;
    margin-bottom:0;
    padding:0 2vw 2vw;
  }
  .tre-colonne .elenco-articoli .slider-colonne .articolo{
    max-width: none;
    width: auto;
    flex-shrink: 0;
  }
}
.tre-colonne .elenco-articoli .slider-colonne .articolo{
    padding:0 2vw 2vw;
}
@media (max-width:992px){
    .tre-colonne .elenco-articoli{
        display: flex;
    /*    gap: 4vw;*/
        margin:0 -2vw;
        flex-wrap: wrap;
      }
    .tre-colonne .elenco-articoli .slider-colonne{
        overflow: visible;
        width: 100%;
    }
    .tre-colonne {
        overflow: hidden;
    }
    .tre-colonne .elenco-articoli .slider-colonne .swiper-button-prev,
    .tre-colonne .elenco-articoli .slider-colonne .swiper-button-next{
        display: none;
    }
}
.slider-colonne{
    width: 100%;
}
.tre-colonne .articolo .img-wrapper{
  position: relative;
  padding-bottom: 100%;
  display: inline-block;
  width: 100%;
}
.tre-colonne .articolo .img-wrapper a{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.tre-colonne .articolo .img-wrapper img{
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1000ms ease-in-out;
  -moz-transition: all 1000ms ease-in-out;
  -ms-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;
}
.tre-colonne .articolo .img-wrapper a:hover img, .magazine .articolo .img-wrapper a:focus img{
  transform: scale(1.1);
}
.tre-colonne .articolo a {
  color: var(--main-font-color);;
  text-decoration: none;
}
.tre-colonne .articolo .titolo-news{
    padding-bottom: 0;
}
.tre-colonne .articolo .img-wrapper, .tre-colonne .articolo .titolo-news, .tre-colonne .articolo .testo-articolo{
  margin-bottom:20px;
}
/*@media (min-width:992px){*/
  .articolo .articolo-wrapper{
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .articolo .button-wrapper{
    margin-top:auto;
  }
  .tre-colonne .articolo .img-wrapper, .tre-colonne .articolo .titolo-news, .tre-colonne .articolo .testo-articolo{
    margin-bottom:35px;
  }
/*}*/
.tre-colonne-testo{
    padding-bottom:4vw;
}

.wp-block-columns{
    padding: 6vw;
}
.wp-block-columns .wp-block-columns{
    padding:50px 6vw 0;
}
@media (max-width:991px){
    .wp-block-columns .wp-block-columns{
        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: 101;
/*    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-wrapper{
    color: var(--age-wall-text);
    background-color: var(--age-wall-bg);
    padding:60px 100px 80px;
    max-width: 660px;
    font-family: var(--secondary-font-family);
    letter-spacing: 2px;
    font-size: 14px;
}
@media (max-width:767px){
    .age-wall-wrapper{
        padding:60px 20px 60px;
        min-height: 100%;
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .logo-age-wall{
        width: 150px;
    }
}
.age-wall-wrapper .titolo{
    font-size: 26px;
    letter-spacing: 3px;
}
.logo-age-wall{
    margin-bottom:50px;
}
.testo-age-wall{
    padding-bottom:40px;
}
.btn-age-wall{
    background-color: transparent;
    border:none;
    padding:10px 15px;
    color: var(--age-wall-text);
    letter-spacing: 2px;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    -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;
}
.btn-age-wall:hover, .btn-age-wall:focus{
    color:var(--oro-chiaro);
}
.btn-age-wall .plus{
    margin-left: 10px;
}


/*lazy loading con effetto fade*/
.lazy {
    background-image: none!important;
    background-color: #F1F1FA;
    opacity: 0;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}
.loaded {
    opacity: 1;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}
img[loading]{
    opacity: 0;
    transition: opacity 400ms;
}
img[loading].loaded, img[loading].loadstarted, img.swiper-lazy-loaded.loaded, img.swiper-lazy.loaded {
    opacity: 1;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    color:#000;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 30px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: 0;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: 0;
}

.testo-sfondo{
    background-color: var(--beige);
    background-position: center;
    background-size: cover;
    position: relative;
}
.testo-sfondo .text-, .testo-sfondo .text-center{
    text-align: center;
}
.testo-sfondo .text-right{
    text-align: right;
}
.testo-sfondo .block-content{
    max-width: 1100px;
    margin: 0 auto;
}
.testo-sfondo .template-img-top{
    padding-top:24vw;
}
@media (max-width:991px){
    .testo-sfondo .template-img-top{
        padding-top:100vw
    }
}
.template-img-top .titolo1 + .testo1, .template-img-top .titolo1 + .main-btn, .template-img-top .testo1 + .main-btn{
    margin-top:60px;
}
.testo-sfondo img.parallax-slider{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testo-sfondo img.parallax-slider + div{
    position: relative;
}


.img-mobile {
    display: none;
}
@media (max-width: 991px){
  .img-mobile {
      display: block;
  }
  .img-desktop{
    display: none;
  }
}
.carosello-immagini{
    height: 40vw;
    margin:0;
}
.carosello-immagini.slick-slider{
    margin-bottom: 0;
}
.carosello-immagini .swiper-slide, .carosello-immagini .swiper-slide div{
    width: auto;
    height: 100%;
}
.carosello-immagini .swiper-slide img{
    width: auto;
    height: 100%;
}

.carosello-immagini .slick-list, .carosello-immagini .slick-track{
    height: 100%;
}

.slider-immagini{
    margin: 0 5vw 0;
/*    padding-bottom:50px;*/
}
/*.margin-top .slider-immagini{
    margin-top:3vw;
}*/
/*.margin-bottom .slider-immagini{
    margin-bottom:4vw;
}*/

.section-slider-immagini .section-padding{
    padding-top:0;
    padding-bottom:0;
}
.margin-bottom .slider-immagini{
    padding-bottom:4vw;
}
.margin-top .slider-immagini{
    padding-top:4vw;
}
.slider-immagini .swiper-slide{
    /*padding:4vw 6vw;*/
    padding:0 50px;
}
.slider-immagini .swiper-slide .slide-img{
    width: 100%;
    position: relative;
    padding-bottom: 40vw;
}
.slider-immagini .swiper-slide .slide-img .img-desktop, .slider-immagini .swiper-slide .slide-img .img-mobile{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slider-immagini .swiper-slide .img-desktop img, .slider-immagini .swiper-slide .img-mobile img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.slider-immagini .swiper-slide .img-mobile{
    display: none;
}
@media (max-width:992px){
    .slider-immagini .swiper-slide .img-mobile{
        display: block;
    }
    .slider-immagini .swiper-slide .img-desktop{
        display: none;
    }
}
.slider-immagini .swiper-button-next{
    right: 0;
}
.slider-immagini .swiper-button-prev{
    left: 0;
}
.slider-immagini .swiper-pagination-bullet{
    background-color: transparent;
    border-radius: 0;
    width: auto;
    height: auto;
    font-size: 18px;
    font-family: var(--secondary-font-family);
    padding: 5px;
    margin: 0px 1vw!important;
}
.slider-immagini .swiper-pagination-bullet-active{
    background-color: transparent;
}
.slider-immagini .swiper-pagination{
    position: static;
    margin-top: 30px;
}
.slider-immagini .swiper-slide .testo-wrapper{
    padding-top:40px;
}

.wine-region-wrapper{
    position: relative;
}
.wine-region .map-image{
    position: relative;
/*    height: 100vh;*/
}
.wine-region .map-image img{
    /*object-fit:cover;
    width: 100%;
    height: 100%;*/
    width: 100%;
}
.wine-region .map-image div.img-desktop, .wine-region .map-image div.img-mobile{
    width: 100%;
    height: 100%;
}
.wine-region .map-image img.img-hover{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 1500ms ease-in-out;
    -moz-transition: all 1500ms ease-in-out;
    -ms-transition: all 1500ms ease-in-out;
    -o-transition: all 1500ms ease-in-out;
    transition: all 1500ms ease-in-out;
    transition-delay: 0ms;
}
.wine-region:hover .map-image img.img-hover{
    opacity: 1;
    transition-delay: 500ms;
}
.wine-region .map-image div.img-hover:before{
    content:'';
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d9d5cc+0,d9d5cc+100&1+0,0+100 */
    background: linear-gradient(to bottom,  rgba(217,213,204,1) 0%,rgba(217,213,204,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media (max-width:1400px){
    .wine-region .map-image div.img-hover:before{
        height: 100px;
    }
}
.wine-region .map-image div.img-mobile:before{
    content:'';
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d9d5cc+0,d9d5cc+100&1+0,0+100 */
    background: linear-gradient(to bottom,  rgba(217,213,204,1) 0%,rgba(217,213,204,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.wine-region .bollo-wrapper{
    position: relative;
    position: absolute;
    top: 45.8%;
    left: 20%;
    width: 29.7%;
    height: 1px;
/*    background-color:#2B5664;*/
/*    margin-top: -200px;*/
}
.wine-region .bollo{
    width: 172px;
    height: 172px;
/*    margin-top: -86px;*/
/*    background-color: #fff;*/
    background-color: var(--blu);
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    top: 0;
    top: -86px;
    z-index: 1;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.wine-region .bollo:after{
    content: '';
    width: 192px;
    height: 192px;
    border: 2px solid #2B5664;
    display: inline-block;
    position: absolute;
    top: -10px;
    left: -10px;
    border-radius: 50%;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
@media (min-width:992px){
    .wine-region .bollo:hover{
        width: 22vw;
        height: 22vw;
        top: -11vw;
        margin-left: -5vw;
    }
    .wine-region .bollo:hover:after{
        width: calc(22vw + 20px);
        height: calc(22vw + 20px);
    /*    top: -34px;*/
    }
}
.wine-region .bollo-wrapper:before{
    content: '';
    width: 10px;
    height: 10px;
    /* background-color: #000; */
    display: inline-block;
    position: absolute;
    top: -4px;
    right: -14px;
    border: 1px solid #2B5664;
    border-radius: 100%;
}
.wine-region .bollo-wrapper:after{
    content: '';
    width: calc(100% - 192px);
    height: 1px;
    background-color:#2B5664;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}
.wine-region .bollo img{
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 2;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    transition-delay: 300ms;
    opacity: 1;
}
.wine-region .bollo:hover img{
    opacity: 0;
}
.wine-region .bollo video{
    border-radius: 50%;
    overflow: hidden;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    transition-delay: 500ms;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}
.wine-region .bollo:hover video{
    opacity: 1;
}
.wine-region .content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 80px 0;
}
.wine-region .content .container{
    display: flex;
    flex-direction: column;
}
.wine-region .content .container, .wine-region .content .row{
    height: 100%;
}
.wine-region .content .row{
    align-items: center;
}
.wine-region .content .row .text{
    margin-top:-86px;
}

.mobile-opening{
    display: none;
}
@media (max-width:991px){
    .desktop-opening{
        display: none;
    }
    .mobile-opening{
        display: block;
    }
    .wine-region{
        overflow: hidden;
    }
    .wine-region .map-image{
        position: absolute;
        height: 100%;
        height: 180vw;
        width: 100%;
    }
    .wine-region .map-image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
    .wine-region .content{
        position: relative;
        padding:40px;
        /*box-sizing: content-box;*/
        height: 180vw;
    }
    .wine-region .content .row {
        height: auto;
        margin-top: auto;
    }
    .wine-region .content .row .text{
        margin-top: 0;
    }
    .wine-region .content .container{
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .wine-region .content .text{
        color: #fff;
        font-size: 15px;
        letter-spacing: 1px;
    }
    .wine-region .mobile-opening{
/*        padding-bottom:100vw;*/
    }
    .wine-region .bollo-wrapper{
        /*left: 50px;
        left: 7%;
        width: 69.5%;*/

        right: 24%;
        left: auto;
        width: 64.5%;
    }
    .wine-region .bollo{
        width: 40vw;
        height: 40vw;
        top: -20vw;
/*        margin-top: -50px;*/
    }
    .wine-region .bollo:after{
        width: calc(40vw + 10px);
        height: calc(40vw + 10px);
        border-width: 1px;
        top: -5px;
        left: -5px;
    }
    .wine-region .bollo-wrapper:after{
        width: calc(100% - 110px);
    }
    .wine-region .bollo img{
        opacity: 0;
    }
    .wine-region .bollo video{
        opacity: 1;
    }
}

/*css aggiunti per evitare che il parallasse si incasini.*/
@media (min-width:992px){
    .wine-region .map-image{
        position: relative;
        height: 100%;
        height: 60vw;
        width: 100%;
    }
    .wine-region .map-image img{
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
}
@media (min-width:520px) and (max-width:991px){
    .wine-region .bollo-wrapper{
        right: 22.5%;
    }
}

.wines-wrapper{
    background-position: center center;
    background-size: cover;
    min-height: 50vw;
    display: flex;
    flex-direction: column;
}
.wines-wrapper .wines-text{
    text-align: center;
}
.wines-list{
    text-align: center;
    flex-grow: 1;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.wines-list .wine{
    display: inline-block;
    font-family: var(--secondary-font-family);
    font-size: 20px;
    margin: 0 30px;
    text-transform: uppercase;
}
.wines-list .wine a{
    display: inline-block;
    padding:10px;
    text-decoration: none;
}
.wines-list .wine a:hover, .wines-list .wine a:focus{
    color: var(--oro);
}
@media (max-width:991px){
    .wines-list .wine{
        display: block;
        margin: 20px 0;
    }
    .wines-list{
        display: block;
    }
}

.testo-immagine{
    background-color: var(--beige);
}
@media (min-width:992px){
    .testo-immagine{
        padding-bottom:4vw;
    }
    .testo-immagine.template-boxed{
        padding:6vw;
    }
}
.testo-immagine.template-boxed + .testo-immagine.template-boxed{
    padding-top:0;
}
.testo-immagine .col-img .img-wrapper{
  position:relative;
  width: 100%;
  height: 100%;
/*  min-height: 30vw;*/
  min-height: auto;
  padding-bottom:80%;
}
@media (max-width: 1400px){
  .testo-immagine .col-img .img-wrapper{
/*    min-height: 40vw;*/
  }
}
@media (max-width: 991px){
  .testo-immagine .col-img .img-wrapper{
/*    min-height: 60vw;*/
  }
}

.testo-immagine .col-padding{
    padding: 0 4vw;
}
.testo-immagine.template-boxed .col-padding{
    padding:0 4vw 50px;
    border-bottom:1px solid var(--blu);
}
.testo-immagine .col-img .img-wrapper.stile-sottile{
  position:relative;
  width: 100%;
  height: 100%;
  padding-bottom:0%;
  min-height: 30vw;
}
@media (max-width: 1400px){
  .testo-immagine .col-img .img-wrapper.stile-sottile{
    min-height: 40vw;
  }
}
@media (max-width: 991px){
  .testo-immagine .col-img .img-wrapper.stile-sottile{
    min-height: 60vw;
  }
}

.testo-immagine .col-img .img-wrapper img{
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}
/*.testo-immagine .titolo1, .testo-immagine h2{
  margin-bottom:30px;
}
*/
.colonna-sx {
    /* padding: 5vw 50px 5vw 5vw; */
    padding: 5vw 5vw 5vw 5vw;
/*    padding: 5vw 6vw 5vw 6vw;*/
    padding-bottom: calc(5vw + 44px);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}
@media (max-width: 991px){
  .colonna-sx{
    padding: 60px 40px 100px;
  }
  /*.flex-md-row-reverse .colonna-sx{
    padding: 60px 40px 50px;
  }*/
}
.testo-immagine p + .button-wrapper .main-btn{
    margin-top:40px;
}
.testo-immagine .button-wrapper + .codice .button-wrapper{
    padding-top: 40px;
}
.button-wrapper +.button-wrapper{
    margin-left: 15px;
}
.button-wrapper{
    display: inline-block;
}
.testo-immagine .blocco-video{
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

footer{
    font-size: var(--footer-font-size);
    line-height: var(--footer-line-height);
    letter-spacing: 0.5px;
}
footer ul{
    margin:0;
    padding:0;
}
.footer-top{
    padding:80px 20px 15px;
    text-align: center;
}
.footer-top .container-wrapper{
    display: inline-block;
    border-bottom:1px solid rgba(255,255,255,0.3);
    padding-bottom:25px;
}
.logo-footer{
    text-align: center;
    width: 193px;
    margin:0 auto;
}
.logo-footer a{
    display: inline-block;
}
.footer-menu{
    margin:40px 0 80px;
}
.menu-footer-menu{
    list-style: none;
    margin: 0;
    padding:0;
}
.footer-menu li{
    display: inline-block;
    margin:10px 25px;
}
.footer-menu li a{
    color:var(--footer-font-color);
    text-decoration: none;
    font-size: 14px,;
    text-transform: uppercase;
    display: inline-block;
    padding:5px
}
footer a:hover, footer a:focus{
    color: var(--oro);
}
.footer-copy{
    color: var(--footer-copy-font-color);
    display: inline-block;
}
.footer-copy a{
    color: var(--oro);
    text-decoration: none;
}

.footer-bottom {
    padding:15px 0;
}
.footer-bottom ul {
    list-style: none;
    margin-bottom: 0;
    padding:0;
}
.footer-bottom ul li {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    font-size: var(--menu-font-size);
}
.footer-bottom a {
    font-size: var(--hamburger-font-size);
    color: var(--grigio);
    text-decoration: none;
    padding: 2px 6px;
}
.footer-bottom ul li:after {
    content: '';
    height: 12px;
    width: 1px;
    background-color: var(--grigio);
    position: absolute;
    right: -2px;
    top: 2px;
}
.footer-bottom ul li:last-child:after {
    content: none;
}
.footer-bottom .footer-bottom-wrapper{
    display: flex;
    justify-content: space-between;
    justify-content: center;
    align-items: center;
}
.footer-bottom .footer-bottom-wrapper > div{
    padding:0 25px;
}
.footer-bottom .right img{
    margin: 10px 15px;
    opacity: 0.6;
}
@media (max-width:991px){
    .footer-menu{
        margin:40px 0;
    }
    .footer-menu li{
        display: block;
    }
    .footer-bottom .footer-bottom-wrapper{
        flex-direction: column;
    }
    .footer-bottom .right{
        display: flex;
        align-items: center;
        margin-top:30px;
    }
    .footer-bottom .right img{
        margin: 0;
    }
}

.jarallax {
  position: relative;
  z-index: 0;
}
.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  /* support for plugin https://github.com/bfred-it/object-fit-images */
  font-family: 'object-fit: cover;';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}


form input, .form-control{
    margin-bottom:45px;
    border-radius: 0;
    border:none;
    border-bottom:1px solid var(--border-color);
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 2px;
    color: var(--blu);
}
form label{
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 2px;
    color: var(--blu);
}
form input::placeholder, .form-control::placeholder{
    color: var(--blu);
}
form input[type="submit"], .btn-oro{
    padding:20px 30px;
    text-align: center;
    min-width: 200px;
    background-color: var(--oro);
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border:none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
form input[type="submit"]:hover, form input[type="submit"]:focus,
.btn-oro:hover, .btn-oro:focus{
    background-color: var(--blu);
}
form select option{
    text-transform: uppercase;
}

.banner-vino{
    position: relative;
}
.banner-vino .fit-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fit-image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: bottom;
}
.banner-vino .stile-, .banner-vino .stile-normale {
    min-height: 100vh;
}
.banner-vino .stile-sottile {
    min-height: 35vw;
}
.banner-vino .testo-, .banner-vino .testo- h2, .banner-vino .testo- .main-btn{
    color:#fff;
}
.banner-vino .testo-scuro{
    color:var(--main-font-color);
}
.banner-vino .button-wrapper{
    margin-top:60px;
}
@media (max-width:991px){
    .banner-vino .image-spacer{
        padding-bottom:120vw;
    }
}
@media (min-width:992px){
    .banner-vino .colonna-sx{
        align-items:flex-end;
    }
    .banner-vino .flex-md-row-reverse .colonna-sx{
        align-items:flex-start;
    }
}
.banner-vino .colonna-sx .col-padding{
    max-width: 450px;
}


/*pagina vino*/
.wine-data .wine-data-wrapper{
    background-image: url(../img/bg-vino.png);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}
@media (max-width:991px){
    .wine-data .wine-data-wrapper{
        background-size: auto;
    }
}
.year-content{
    position:relative;
    flex-grow: 1;
}
@media (min-width:992px){
    .year-content{
        display: flex;
        flex-direction: column;
    }
}
.single-year-content{
    min-height: 1200px;
    display: flex;
    flex-direction: column;
}
.year-content .bottle{
    text-align: center;
    padding-top:20px;
}
@media (min-width: 992px){
    .year-content .bottle{
        position: absolute;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
    }
}
.year-content .bottle img{
    max-width: 38%;
    height: auto;
}
@media (max-width:991px){
    .year-content .bottle img{
        max-width: 100%;
    }
}
.year-content .wine-text{
    position: relative;
    padding: 4vw;
}
.year-content .wine-buttons{
    position: relative;
    padding: 0 4vw;
    margin-top:-4vw;
    padding-top:30px;
}
.year-content .info, .year-content .infografica{
    margin-bottom: 30px;
}
@media (min-width: 992px){
    .year-content .info, .year-content .infografica{
        margin-bottom: 70px;
    }
}
@media (max-width:991px){
    .year-content .infografica{
        text-align: center;
    }
}
.year-content .info .titolo2{
    margin-bottom: 30px;
}
@media (min-width:1600px){
    .year-content .info{
        padding:0 4vw;
    }
}
.year-content .linea{
    height: 100%;
    border-bottom:1px solid var(--blu);
}
.years-list {
    text-align: center;
    margin:20px 0;
}
@media (max-width:991px){
    .years-list{
        margin-right: -20px;
        margin-left: -20px;
        padding-left: 20px;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;

        mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 68%, rgba(0, 0, 0, 0) 100%);
    }
    .years-list::-webkit-scrollbar {
      display: none;
    }
    .years-list .single-year:last-child{
        margin-right: 90px;
    }
}
.years-list a{
    display: inline-block;
    color:var(--blu);
    font-size: 18px;
    letter-spacing: 2px;;
    text-decoration: none;
    padding:5px 5px;
    margin:0 5px;
    font-weight: bold;
}
.years-list a.collapsed{
    font-weight: normal;
}
.accordion-item{
    background-color: transparent;
    border-radius: 0;
    border:none ;
}
.accordion-button, .accordion-button:not(.collapsed){
    background-color: transparent;
    padding:10px 0 25px;
    border-radius: 0;
    color: var(--blu);
    box-shadow: none;
    margin-bottom: 0!important;
}
.accordion-button::after{
    opacity: 0.4;
}

.bottle.scroll {
    position: fixed;
    padding: 20px 4vw;
}
.bottle.stop {
    position: absolute;
}

.blocco-titolo{
    background-color: var(--beige);
    background-position: center;
    background-size: cover;
    position: relative;
}
.blocco-titolo .text-, .blocco-titolo .text-center{
    text-align: center;
}
.blocco-titolo .text-right{
    text-align: right;
}
.blocco-titolo .padding-top{
    padding-bottom:0;
}
.blocco-titolo .padding-bottom{
    padding-top:0;
}
.blocco-titolo + .tre-colonne{
    padding-top: 0;
}

/*.modal-dialog{
    max-width: 80wv;
    max-height: 80vh;
}*/
.modal-fullscreen{
    padding:4vw;
}
.popup-esperienze iframe{
    width: 100%;
    height: 100%;
    display: block;
}


 .collapse,
  .collapsing {
    opacity: 0;
    overflow: hidden;
    height: 0;
    transition: opacity 0.35s ease;
  }

  .collapse.show {
    opacity: 1;
    height: auto;
  }

/*.collapsing{
    opacity: 1;
}*/