@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;700&display=swap');



@font-face {

    font-family: "heading";

    src: url("../font/Rondal-Bold.otf");

}







.heading{

    font-family: heading;

}



.body{

    font-family: 'Kumbh Sans';

    font-weight: 400;

}



.body_bold{

    font-family: 'Kumbh Sans';

    font-weight: 700;

}

/* FINE FONT*/



.bg_primario{

    background:#000314;



}



.bg_secondario_chiaro{

    background:#150333;

}



.forza{

    background:#000314!important;

}



.bg_secondario_scuro{

    background:#080333;

}



.ocra{

    color:#77621A;

}



.bianco{

    color: #fcfcfc;

}



a.bianco:hover{

    color:#be1e2d;

}



.grigio{

    color: #b3acac;

}



.nero{

    color: #000;

}



.rosso{

    color: #be1e2d;

}



.difference{

    mix-blend-mode: difference;

}





p{

    color:#fcfcfc!important;

}



a{

    text-decoration: none!important;

}



a:hover{

    color: transparent;

}



.margine{

    margin-top: 50vh;

}



.margine_sm{

    margin-top: 25vh;

}



/*COLORI */





/* privacy bar & privacy policy */

.cookie{

    background: #fef9ec;

    color: rgb(0, 0, 0);

    padding: 5px 0px 5px 30px;

    font-size: 10px;

    text-transform: uppercase;

    position: fixed!important;

    bottom: 10%;

    display: flex;

    align-items: center;

    height: 35sapx;

    opacity: .9;

    cursor: default;

    z-index: 99;

    border-radius: 30px;

    border: 1px solid #000;

    left: 50%;

    transform: translateX(-50%);

    max-width: 80%;

  }





  .cookie:hover{

    opacity: 1;

    transition:opacity .5s;

  }

  

  .pulsante{

        margin: 0px 30px;

  }

  

  .pulsante .accettazione{

  width: 50px;

  background:#fff;

  display: flex;

  color: #000;

  justify-content:center;

  border:none;

  padding: 7px 0px;

  }

  

  .cookie-policy{

  font-size:9px;

  position:absolute;

  right:17%;        

  }



  .privacy_text{

    color: #77621A;

    }



  .privacy_text:hover{

    color: #150333;

  }



  /*privacy mobile telefono dritto*/

  @media(max-width:29em){

      .cookie{

        font-size: 9px;

        bottom: 5%; 

        height: auto;

        width: 80%;

      }



      .pulsante .accettazione{

        padding: 7px 30px;

      }

  }



  /* PC GRANDE */

  @media (min-width:75em){



    .cookie{

        padding: 15px 0px 15px 30px;

        height: 50px;

        font-size:14px;

        bottom: 8%;

    }



  }

  



  /* privacy bar & privacy policy */











/* scroll behaviour*/

html {

    overflow-x: hidden;

}



html,

body {

    margin: 0;

    padding: 0;

    color: #fff;



}



body {

    overflow: hidden;

    width: 100%;

}



.smooth-scroll-wrapper {
    /*position: fixed;
    overflow: hidden;*/
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
}



.content {

    width: 100%;

}





/* Telefono dritto tutti */



@media (max-width:29em){







}





/* Telefono orizzontale fino a 767.7px  */



@media (min-width:30em) and (max-width:47.99em){





}



/* Telefono girato + tablet dritto */



@media (min-width:48em) and (max-width:61.99em){





}



/* Tablet landscape + pc piccolo */



@media (max-width:74.99em){



    .smooth-scroll-wrapper {

        position: relative;

    }



}





/* Pc grande */





@media (min-width:75em){



}





/*heading*/

/*heading*/

/*heading*/

/*heading*/

/*heading*/

/*heading*/

/*heading*/

/*heading*/

/*heading*/

/*heading*/

/*heading*/

/*heading*/

/*heading*/

/*heading*/



.poweredby{

    /*position: absolute;

    left: 50%;

    bottom: 1%;

    transform: translateX(-50%);

    */

    letter-spacing: 2px;

    transform: skewX(-13deg);

    color: #045684;

    font-size: 12px;

    z-index: 99;

    transition: .4s all;

    pointer-events: all;

}



.poweredby:hover{

    letter-spacing: 0px;

    color:#fff;

}







.logo_menu{

    transform:translate(-50%,-50%) perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 15deg);

    opacity: .0;

    position: absolute;

    left: 97%;

    top: 50%;

    width: 90%;

}







.animazione_logo_menu{

    animation: logo 1s ease-out 1 both;



}



@keyframes logo{

    0%{

        opacity: 0;

        transform:translate(-50%,-50%) perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 15deg);

    }

    100%{

        opacity: .055;

        transform:translate(-50%,-50%) perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 0deg);

    }

}  











.menu-btn{

    position: fixed;

    right: 0;

    margin:1.1em 1.5em;



}



.menu-btn button{

    background: none;

    border: none;

    outline: none;

        /*1.1em .7em mobile*/

}







.logo{

    position: fixed;

    left: 0;

    margin:1.1em 1.5em;

}



.menu-btn button img{

    height: 17px;

}





/*telefono portrait*/

@media (max-width:29em){



    .logo,.menu-btn{

        margin:1.1em .7em;

    }



    .menu-btn button img{

        height: 12px;

    }



}





.header{

    position: absolute;

    z-index: 100;

    opacity: 0;

    top: 2.5%;

}





.menu{

    position: fixed;

    width: 100%;

    height: 100vh;

    top: -100vh;

    }



.menu .row{

    position: relative;

    height: 100%;

}    



ul.menu_navigation{

    list-style: none;

    height: 80%;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}







.menu_navigation .navigation_item .linea_separatore{

    position: relative;

    top: -90px;

}



.navigation_item{

    /*display: flex;

    align-items: center;*/

    display: block;

    font-size: 8vw;

    width: fit-content;

    pointer-events: none;

    overflow: hidden;

}



.navigation_link{

    color: #cac7be;

    pointer-events: all;

}



.menu_navigation .navigation_link{

    background: url(../img/linea.svg);

    background-repeat: no-repeat;

    background-position: bottom;

    background-size: 0%;

    position: relative;

}



.navigation_item span:before{

    width: 0;

    color: ivory;

    overflow: hidden;

    position: absolute;

    content: attr(data-text);

    transition: all 1s cubic-bezier(.84,0,.08,.99);

}



.navigation_item span:hover:before{

    width: 100%;

}





.navigation_item_index{

    font-size: .2em;

}





.menu-btn{

    z-index: 999;

}



.heading_right_container{

    display: flex;

}



.heading_right_container .container{

    height: 50%;

}



.contact_wrapper .navigation_item{

    font-size: 3vw;

}



.contact_wrapper .navigation_link{

    position: relative;

}



.contact_wrapper .linea_separatore{

    position: relative;

    top: -25px;

}



.contact_wrapper{

    height: 50%!important;

}



.contact_info{

    display: grid; 

    margin: -20px 0px 5px;

    font-size: 1.2vw;

}





.lang_switcher{

    font-size: 3vw;

    margin-top: 0px;

}



.lang_switcher a{

    pointer-events: all;

}



.social_ a{

    pointer-events: auto;

}



/* telefono dritto */

@media (max-width:29em){

    .navigation_item{

        font-size: 4em;

    }



    .navigation_item_index{

        font-size: .27em;

    }



    .heading_right_container{

        position: relative;

        left: 10%;

        width: 90%;

    }



    .contact_wrapper .navigation_item{

        font-size: 2.3em;

    }



    .contact_info{

        font-size: 3.5vw;

    }



    .lang_switcher{

        font-size: 6vw;

    }



}





/* Telefono orizzontale fino a 767.7px  */



@media (min-width:30em) {



}



/*     Telefono orizzontale con blocco     */

@media (min-width:30em) and (max-width:62em) and (orientation:landscape){



    .linea_separatore{

        display: none!important;

    }



     .menu_navigation .navigation_item{

         font-size: 5.5vw;

     }



    .heading_right_container{

        width: 40%;

        position: absolute;

        left: 60%;

        top: 50%;

        transform: translateY(-50%);

    }



    .contact_wrapper .navigation_item{

        font-size: 5vw;

    }

    

    .contact_wrapper .linea_separatore{

        top: auto;

    }



    .navigation_item div:first-child{

        margin-top:-10px;

    }



    .contact_info{

        margin: 10px 0px 35px;

        font-size: 2.2vw;

    }



    .social_ img{

        margin: -20px 10px 0px!important;

        width: 10%!important;

    }





}



/* Telefono girato + tablet dritto */



@media (min-width:48em){



}



/* Tablet landscape + pc piccolo */



@media (min-width:62em){



    .heading_right_container{

        align-items: flex-end;

    }



}



 

/* Pc grande */



@media (min-width:75em){





}









/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB*/

/*CORNICE SITO WEB





*/





.cornice{

    position: fixed;

    z-index: 10;

    width: 98%;

    height: 98%;

    border:3px solid #AA8D28;

    pointer-events: none;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    border-radius: 2px;

    box-sizing: inherit;

    content: '';

}



.cornice::after{

    content: '';

    position: absolute;

    z-index: 11;

    background: #000314;

    width: 102vw;

    height: 102vh;

    top: -2%;

    left: -2%;

    animation: cornice 1.3s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;

    animation-delay: .3s;

}





@media (max-width:29em){



    .cornice{

       /* border: 2px solid #AA8D28;*/

       display: none;

    }



}





@keyframes cornice{

 0%{}



 45%{

     width:100vw

 }

 60%{

    width: 100vw;

    top:-102vh;

 }



 100%{

     top: -102vh;

     width: 0vw;

 }



}



  

 









/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */

/* LOADING DI PAGINA */



#uno,#arrivo{

    visibility: hidden;

}





.loading{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 99;

    overflow: hidden;

    pointer-events:none;

}



#loading{

    position: absolute;

    top: 32%;

    right: 4%;

}



/*.delimitatore{

    position: absolute;

    left: 10%;

    top: 45%;

    width: 80%;

}*/



.delimitatore{

    position: absolute;

    left: 0;

    top: 50%;

    width: 30%;

    transform: rotate(90deg) translateY(-50%);

}



.subtitle{

    position: absolute;

    left:10%;

    top:60%;

    text-transform: uppercase;

    margin: 0px 0px 20px;

    font-size: 18px;

    opacity: 0;

}



.definizione{

    position: absolute;

    right:10%;

    top: 50%;

    font-size: 20px;

    max-width: 80%;

    text-align: right;

}



.definizione div{

    position: relative;

    top: 0;

}



.line{

    position: relative;

    overflow: hidden;

}



.line span{

    position: relative;

    top: 18px;

}

    





/* Telefono dritto tutti */



@media (max-width:29em){



    #loading{

        right:10%;

        width: 80%;

    }



    .line span{

        top: 40px;

    }



}





/* Telefono orizzontale fino a 767.7px  */



@media (min-width:30em) {





}





/* Telefono girato + tablet dritto */



@media (min-width:48em){



    #loading{

        right: 40%;

    }



}



/* Tablet landscape + pc piccolo */



@media (min-width:62em){



    .definizione{

        max-width: 60%; 

    }



    .separatore{width: 100%;}

}





/* Pc grande */





@media (min-width:75em){

    

    .subtitle{

        font-size: 20px;

    }





    .definizione{

        font-size: 40px;

        line-height: 59px;

        text-align: right;

    }



    .line span{

        top: 24px;

    }

}





/*home */

/*home */

/*home */

/*home */

/*home */

/*home */

/*home */

/*home */

/*home */

/*home */

/*home */



.index{

    height: 100vh;

    overflow: hidden;

}



.video__wrapper{

    position: absolute;

    left: 50%;

    top: 55%;

    transform: translate(-50%,-50%);

    width: 97.7%;

    height: 97.9%;

    overflow: hidden;

  }



  .video__wrapper iframe{

    position: absolute;

    left: 50%;

    top: 50%;

    object-fit: cover;

    width: 130%;

    min-height: 130%;

    border-radius: 2px;

    pointer-events: none;

    transform: translate(-50%,-50%);

  }



  iframe

  {

      pointer-events: none!important;

  }



  .del{

    position: relative;

    height: 10vh;

    top: 50%;

    transform: translate(-50%,-50%);

    display: flex;

    align-items: center;

    width: 90%;

    justify-content: center;

    left: 50%;

    opacity: 0;

}



.del .delimi{

    width: 40%;

    height: 100%;

    display: flex;

    align-items: center;

}



.logo_delimi{

    background: url(../img/logo.svg);

    width: 20%;

    background-position: center;

    background-size: 100%;

    height: 100%;

    background-repeat: no-repeat;

    margin: 0px 20px;

}







  .frase{

    position: absolute;

    left: 50%;

    top: 45%;

    transform: translate(-50%,-50%);

    width: 80%;

    height: 60%;

    text-align: center;

    opacity: 1;

} 





    .frase .titolo{

        font-size: 5.5vw;

        position: relative;

        top: 28%;

        transform: translateY(-50%);

        opacity:0

    }



    .frase .copy{

        position: relative;

        top: 58%;

        transform: translateY(-50%);

        overflow: hidden;

        font-size: 20px;

        font-weight: 300;

        text-align:center;

        opacity: 0;

        line-height: 1.5em;

        display: flex;

        align-items: center;

        /*margin: 20px 0px 0px;

        text-transform: uppercase;

        font-size:.9em;

        line-height: 1.5em;

        opacity: 0;

        transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);*/

        justify-content: center;

    }







    .text_in_3d{

        animation: an 14s ease-out 1 both;

        opacity: 1;

    }   



    .copy .text_in_3d{

        animation: an 14s ease-out 1 both;

        animation-delay: .15s;

        opacity: 1;

    }



  @keyframes an{

    0%{

        opacity: 0;

        transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);

    }

    20%{

        opacity: 1;

        transform: perspective(500px) translate3d(0, 0, 0);

    }

    80%{

        opacity: 1;

        transform: perspective(500px) translate3d(0, 0, 0);

    }

    100%{

        transform: perspective(500px) translate3d(-35px, -40px, -1450px) rotate3d(1, -1, 0, 35deg);

        opacity: 0!important;

    }

}  





.entra{

    /*background: radial-gradient(209.52% 209.52% at 50% 50%, #EBC852 0%, rgba(219, 186, 74, 0.863049) 16.15%, rgba(178, 150, 54, 0.505208) 31.77%, rgba(208, 197, 158, 0) 100%), #77621A;

        border: 1px solid #000;

    */

    padding: 5px 35px;

    border-radius: 30px;

    font-size: 14px;

    display: flex;

    align-items: center;

    height: 6%;

    position: absolute;

    left: 50%;

    top: 90%;

    transform: translate(-50%,-50%);

    opacity: 0;

    visibility: hidden;

}



.entra:hover{

    text-decoration: none!important;

}



.entra span{

    margin: 0px 20px 0px 10px;

}



.entra span:nth-child(2){

   margin: 3px 0px 0px;



}







/* Telefono dritto tutti */



@media (max-width:29em){





    .video__wrapper{

        width:100%;

        height: 100%;

    }



    .video__wrapper iframe{

        width: 380%;

    }



    .frase{

        top: 50%;

        width: 85%;

    }



    .frase .copy{

        font-size: .85em;

    }



    .del .delimi{

        width: 25%;

    }



    .logo_delimi{

        width:100%;

    }





    .frasi{

        display: none;

    }



    /* MODIFICHE */



    .del{

        top: 35%;

    }



    .entra{

        top: 70%;

    }



}





/* Telefono orizzontale fino a 767.7px  */



@media (min-width:30em) {



}





/* Telefono orizzontale fino a 767.7px  con blocco  */



@media (min-width:30em) and (max-width:47.9em){

    .frase{

        width: 65%;

    }



    .frase .copy{

        font-size: .7em;

        line-height: 1.2em;

    }



    .entra{

        padding:12px 15px;

        font-size: .8em;

    }



}







/* Telefono girato + tablet dritto */



@media (min-width:48em){}



@media (min-width:48em) and (orientation:portrait){



    .video__wrapper iframe{

        width: 250%;

    }



}





/* Tablet landscape + pc piccolo */



@media (min-width:62em){}



 

/* Pc grande */



@media (min-width:75em){



}





/* vino page */

/* vino page */

/* vino page */

/* vino page */

/* vino page */

/* vino page */

/* vino page */

/* vino page */

/* vino page */

/* vino page */

/* vino page */

/* vino page */

/* vino page */





.wine_main{

    width: 100%;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

}



.contenitore{

    position: relative;

    height: 100vh;

    width: 100%;

  }





.wine_title_wrapper{

    position: relative;

    left: 50%!important;

    transform: translate(-50%,-50%)!important;

    top: 30%!important;

    width: 85%;

    text-align: center;

    z-index: 3;

}



.wine_title{

    font-size: 6.5vw;

    line-height: 6.2vw;

    text-transform: uppercase;

}



.wine_cover_bg{

    position: absolute;

    left: 50%;

    top: 60%;

    transform: translate(-50%,-50%);

    width: 65%;

    height: 40vh;

    background: url(../img/cover_wine-min.jpg) no-repeat;

    background-size: cover;

    background-position:center bottom;

}



.frame_cover{

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    background:#080333;

}



.wine_bottle_wrapper{

    position: absolute;

    z-index: 2;

    left: 50%;

    top:98%;

    transform: translate(-50%,-50%) rotate(0deg)!important;

    display: flex;

    justify-content: center;

}





.gallo-container{

    margin-top: 60vh;

}



.descrizione_vino{

    position: relative;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    width: 50%;

    background-attachment: rebeccapurple;

    text-align: center;

}





.descrizione_vino h3{

    font-size:50px;

    margin: 0px 0px 50px;

    text-transform: uppercase;



}



.descrizione_vino p{

    line-height: 30px;

    font-size: 1.1vw;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    width: 70%;

 

}



.gallo{

    position: absolute;

    top: 50%;

    transform: translateY(-50%) rotate(-5deg);

    right: -11%;

    height: 40%;

    width: 25%;

    background: url(../img/gallo.svg);

    background-size: contain;

    background-repeat: no-repeat;

  }



  .img_bottiglia{

    position: absolute;

    top: 50%;

    transform: translateY(-50%) rotate(6deg);

    right: -10%;

  }











.castelnuovo h3{

    font-size: 6.5vw;

    text-align: center;

    position: relative;

    left: 50%;

    top: 0%;

    transform: translate(-50%,-50%);

    text-transform: uppercase;



}  



.castelnuovo .foto{

    display: flex;

    text-align: center;

    justify-content: center;

    position: relative;

    top: 5%;

}



.castelnuovo .foto img{

    width: 100%;

    padding: 0px 8px;

}



.swiper-button-next{

    top: 90%;

    position: absolute;

    right: 30%;

    width: 120px;

    outline: none!important;

}



.swiper-button-next::after{

    display: none!important;

}



.swiper-container{

    height: 60%!important;

}



.swiper-slide{

    background: none!important;

}



.swiper-container {

    width: 100%;

    height: 100%;

  }





.swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.contenitore_xl{

    position: relative;

    min-height: 100vh;

    width: 100%;

}





.contenitore_scheda_tecnica h3{

    position: relative;

    top: 15vh;

    left: 50%;

    transform: translateX(-50%);

    width: 85%;

    text-align: center;

    z-index: 3;

    font-size: 7.5vw;

    line-height:7.2vw;

    text-transform: uppercase;

}





.linea__separatore__{

    transform: translateX(-50%);

    width: 70%;

    left: 50%;

    position: relative;

    top: 25vh;

}



.scheda_tecnica{

    position: relative;

    top: 50vh;

}



.dato{

    display: flex;

    align-items: center;

    text-transform: uppercase;

    overflow: hidden;

}



.dato .sx{

    text-align: left;

    position: relative;

    top:20px;

    opacity: 0;

}



.dato .dx{

    text-align: right;

    position: relative;

    top:20px;

    opacity: 0;

    text-transform: none!important;

}



.linea__scheda_tecnica{

    text-align: center;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    margin: 15px 0px 20px;

    width: 80%;

    opacity: 0;

}





/* Telefono dritto tutti */



@media (max-width:29em){



    .gallo{

        width: 30%;

        top: 6%;

    }



    .gallo-container{

        margin-top: 20vh;

    }



    .wine_cover_bg iframe{

        width: 200%!important;

        height: 100%!important;

    }



    .wine_bottle{

        top: 70%;

        width: 75%!important;

    }



    .scheda_tecnica{

        top: 40vh;

    }



    .wine_title_wrapper{

        top: 18%!important;

    }



    .wine_title{

        font-size: 10.5vw;

        line-height: 11.2vw;

    }



    .wine_bottle_wrapper{

        top: 63%!important;

    }



    .wine_cover_bg{

        top: 52.5%;

    }



}





/* Telefono orizzontale fino a 767.7px  */



@media (min-width:30em){

}





@media (min-width:30em) and (max-width:47.99em){



    .wine_bottle{

        width: 33%;

    }



}



/* telefono dritto, girato con blocco su breakpoint successivo*/



@media (max-width:48em){

    .descrizione_vino{

        width: 80%;

    }



    .descrizione_vino p{

        width: 100%;

        font-size: 16px;

    }



    .dato{

        display: block;

    }



    .dato .dx,.dato .sx{

        text-align: left;

    }



    .dato .dx{

        font-size: 14px;

        margin: 15px 0px 0px;

    }

}



/* Telefono girato + tablet dritto */



@media (min-width:48em){





}



/* Tablet landscape + pc piccolo */



@media (min-width:62em){



    .vendemmia{

        font-size: .9vw;

    }



}





/* Pc grande */





@media (min-width:75em){



}







/* barra acquisti */

/* barra acquisti */

/* barra acquisti */

/* barra acquisti */

/* barra acquisti */

/* barra acquisti */

/* barra acquisti */

/* barra acquisti */

/* barra acquisti */

/* barra acquisti */

/* barra acquisti */

/* barra acquisti */

/* barra acquisti */





.e_commerce{

    position: fixed;

    bottom: 1.18%;

    left: 1.15%;

    width: 97.7%;

    height: 7vh;

    display: flex;

    /*border-top:3px solid #987c29;*/

    z-index: 9;

}



.e_commerce .col-lg-9{

    color: #b59e4c;

    mix-blend-mode: difference;

    height: 100%;

    display:flex;

    align-items: center;

    font-size: 1.4vw;

    padding-top: 5px;

    border-top:3px solid #987c29;

}



.e_commerce .col-lg-3{

    text-align: center;

    background: #B59E4C;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border-top:3px solid #987c29;

}



.e_commerce .col-lg-3 a{

    color: #000314;

    font-size: 1.4vw;

    margin-top: 3px;

}





/* Telefono dritto tutti */



@media (max-width:29em){



    .e_commerce .col-lg-9{

        font-size: 3.5vw;

        width: 67%;

    }



    .e_commerce .col-lg-3 a{

        font-size: 4vw;   

    }



    .e_commerce .col-lg-3{

        width: 33%;

    }



    .e_commerce{

        border: 1px solid #B59E4C;

        border-top: 0px;

    }



}





/* visione */

/* visione */

/* visione */

/* visione */

/* visione */

/* visione */

/* visione */

/* visione */





.cdg-wrapper{

    margin: 0px 0px 0px 30px;

    position: relative;

    height: 450px;

    width: 75%;

    background: url('../img/goliardi.jpg');

    left: 50%;

    transform: translateX(-50%);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

}





.linee_____1,.linee_____2{

    position: relative;

    width: 100%;

    height: 20px;

    background: url('../img/linea_fine.svg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: 78%;

}



.contenitores{

    position: relative;

    min-height: 100vh;

}





.video_visione{

    position: absolute;

    left: 50%;

    top: 40%;

    transform: translate(-50%,-50%);

    height: 55vh;

    width: 70vw;

}



.logo_visione_wrapper{

    position: absolute;

    left: 50%;

    top: 65%;

    transform: translate(-50%,-50%)!important;

    width: 20%;

}



.logo_visione{

    width: 100%;

}



.goliardi_visione{

    position: absolute;

    left: 50%;

    top: 85%;

    transform: translate(-50%,-50%);

    width: 60%;

}



.origini,.terra,.terra_2{

    display: flex;

    justify-content:center;

    align-items: center

}



.origini .colsx,.origini .coldx,.terra .colsx,.terra .coldx,.terra_2 .colsx,.terra_2 .coldx{

    width: 33%;

}



.origini .coldx,.terra .coldx{

    text-align: center;

}



.terra .in_overflow img{

    width: 300%;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    opacity: 0;

}



.spilla{

    text-align: center; 

    overflow: hidden; 

    margin-top: 10vh; 

}



.origini .coldx img{

    height: 100%;

}



.corte_verticale{

    position: absolute;

    right: .3%;

}



.terra .coldx{

    position: relative;

    text-align: center;

}





.margine_sm_visione,.margine_sm_visione_special{

    margin-top: 25vh;

}



.margine_xl_visione{

    margin-top: 35vh;

}



.bg_overflow_wrapper{

    position: relative;

    height: 50%;

    display: flex;

    justify-content:center;

    margin: 0px 50px;

}



.bgoi3_wrapper{

    height: 60vh;

}



.bgoi4_wrapper,.bgoi5_wrapper{

    padding: 0px 50px;

    min-height: 400px;

}



.bg_overflow_in{

    position: relative;

    height: 100%;

    width: 80%;

    background-repeat: no-repeat!important;

    background-position: center;

}



.bgoi1{

    background: url(../img/qualita_20.jpg) center center / 100%;

}



.bgoi2{

    background: url(../img/qualita_21.jpg) center center / 100%;

}



.bgoi3{

    background: url(../img/tappo.jpg) center center / 100%;

}



.bgoi4{

    background: url(../img/vino_velluto.jpg) center center / 100%;

    height: 400px;

}



.bgoi5{

    background: url(../img/spilla.jpg) center center / 100%;

    height: 400px;

    background-size: cover;

}







.slider_visione .swiper-container .swiper-wrapper .swiper-slide img{

    width: 60%;

}



.slide{

    width: 90%;

    height: 70vh;

    background-repeat: no-repeat!important;

    background-position: center!important;

    background-size: 100%!important;

}





/* Telefono dritto tutti */



@media(max-width:29em){

    .margine_sm_visione{

        margin-top: 15vh;

    }



    .linee_____1{

        margin-bottom: 10vh;

    }



    .linee_____2{

        margin-top: 27vh;

    }



    .video_visione{

        top: 35%!important;

    }



    .logo_visione_wrapper{

        top: 55%!important;

        width: 50%!important;

    }



    .goliardi_visione{

        top: 80%!important;

    }



    #visione p{

        margin-top: 30px;

    }



    .bgoi4_wrapper,.bgoi5_wrapper{

        padding: 0px;

    }





}





@media (max-width:48em){



    .slider_visione{

        margin-top: 55vh;

        margin-bottom: -25vh;

    }





    .video_visione{

        top: 45%;

    }



    .video_visione iframe{

        width: 200%!important;

        height: 100%!important;

    }



    .logo_visione_wrapper{

        top: 70%;

        width: 85%;

    }



    .goliardi_visione{

        top: 92.5%;

        width: 85%;

    }



    .origini,.terra{

        display: block;

    }



    .origini .colsx,.origini .coldx,.terra .colsx,.terra .coldx{

        position: relative;

        left: 50%;

        transform: translateX(-50%);

        width: 80%;

    }



    .terra .coldx{

        height: 50%;

    }



    .origini .colsx{

        margin-bottom: 100px;

    }



    .colsx{

        top: 10%;

    }



    .coldx{

        top: 5%;

    }



    .corte_verticale{

        top: 50%;

        transform: translateY(-50%);

    }



    .bg_overflow_wrapper{

        margin:70px 0px;

    }



    /*

    .margine_sm_visione_special{

        margin-top: 0vh!important;

    }*/



    .cdg-wrapper{

        margin: 0px;

        width: 100%;

    }



}





/* Telefono orizzontale fino a 767.7px */



@media (min-width:30em){





    .video_visione iframe{

        width: 100%!important;

    }



    .logo_visione_wrapper{

        width: 17%;

        top: 67%;

    }



    .goliardi_visione {

        top: 90.5%;

        width: 48%;

    }





}





/* Telefono girato + tablet dritto */



@media (min-width:48em){



    .goliardi_visione{

        top: 83.5%;

        width: 70%;

    }



    .logo_visione_wrapper {

        width: 38%;

        top: 62%;

    }



    .video_visione iframe{

        width: 170%;

        height: 100%;

    }





}





@media (min-width:48em) and (max-width:61.9em){

    .terra .colsx{

        width: 60%;

    }

}



/* Tablet landscape + pc piccolo */



@media (min-width:62em){



    .logo_visione_wrapper{

        width: 15%;

    }



    .spilla{

        padding: 0px 50px;

    }



}





/* Pc grande */





@media (min-width:75em){



}















/*  contatti */

/*  contatti */

/*  contatti */

/*  contatti */

/*  contatti */

/*  contatti */

/*  contatti */

/*  contatti */

/*  contatti */



.heading-contact-row{

    display: flex;

    position: relative;

    min-height: 45%;

    height: auto;

    align-items: center;

    }



    .heading-contact-title-bg{

      position: relative;

      left: 50%;

      transform: translateX(-50%);

      opacity: .3;

    }



    .heading-contact-row-title{

      left: 50%;

      position: absolute;

      transform: translate(-50%) rotateX(50deg);

      font-size: 8vw;

    }



    .contact-subtitle{

      font-size: 18px;

      transform:rotateX();

    }



    .p-iva{

      position: fixed;

      bottom: 3%;

      right: 5%;

    }



    #contatti .container{

      margin-top: 15vh;

    }



    #contatti .col-md-4{

      margin-bottom: 25px;

    }



    .contact-subtitle{

      margin-bottom: 30px;

    }



    #contatti a:hover{

      color: #be1e2d;

    }



    #contatti a{

      transition: .2s all;

    }



    .info-contact{

        margin-top: 15vh;

    }



    #contatti{

        height: 100vh;

    }





    @media (max-width: 29em) {

    

      .heading-contact-row{

        margin-top: 15vh;

        margin-bottom: 1vh;

      }



      #contatti .container{

        margin-top: 0;

      }



      .contact-subtitle{

        margin-bottom: 10px;

      }



      .info-contact{

        width: 90%;

        position: relative;

        left: 10%;

      }



      .p-iva{

          padding: 0px 30px;

          right: unset;

          bottom: 0;

          font-size: 4vw;

      }



      .info-contact{

          margin-top: 5vh;

      }





      #contatti{

          height: 100%;



      }





    }



    @media (min-width: 48em) {



      #contatti .container{

        position: absolute;

        left: 50%;

        transform: translateX(-50%);

      }

      

    }







/* BARRA AUDIO */





.player{

    position: fixed;

    bottom: 3%;

    left: 4%;

    padding: 1.7vw;

    width: 5%;

    transform: translateX(-50%) rotate(-180deg);

    opacity: 1;

    display: flex;

    justify-content: space-around;

    z-index: 12;

    mix-blend-mode: difference;

}



.linea{

    height: 18px;

    width: 3px;

}







.linea{

    background: #be1e2d

}









/*Telefono dritto tutti*/



@media (max-width:29em){



    .player{

        display: none;

    }



}







/* CURSORE  */

/* CURSORE  */

/* CURSORE  */

/* CURSORE  */

/* CURSORE  */

/* CURSORE  */

/* CURSORE  */

/* CURSORE  */

/* CURSORE  */



@media (min-width:992px) {



    .cursor {

      pointer-events: none;

      position: fixed;

      padding: 0.3rem;

      background-color: #fff;

      border-radius: 50%;

      mix-blend-mode: difference;

      transition: transform 0.3s ease;

      z-index: 999999;

  }



  .hover-this{

    transform: translate(-50%, -50%) scale(6);

  }





  *{cursor:none!important;}

    

  }











/* GRIGLIA CSS FAC SIMILE





// Telefono dritto tutti



@media (max-width:29em){



}





// Telefono orizzontale fino a 767.7px 



@media (min-width:30em){





}



// Telefono girato + tablet dritto 



@media (min-width:48em){





}



// Tablet landscape + pc piccolo 



@media (min-width:62em){



}





// Pc grande 





@media (min-width:75em){



}





*/







.iena{



    opacity: 0!important;



}





.rotate_error{

    display: none;

}





@media (max-width:61.9em) and (orientation:landscape){



    main,.cornice,.player,.header{

        display: none;

    }



    .rotate_error{

        display: block!important;

        position: fixed;

        left: 50%;

        top: 50%;

        transform: translate(-50%,-50%);

        text-align: center;

    }



}





/* SWIPER  */



.arrow{

    position: absolute;

    top: 0;

    width: 50%;

    height: 100%;  

  }



  .arrow-sx{

    left: 0;



  }



  .arrow-dx{

    right: 0;



  }





  .swiper-slide,.slide{

    pointer-events: none;

  }





  .abracadabra{

      background: url(../img/cursore_slider.svg) 100% no-repeat!important;

  }











  /*

  

   DICONO DI NOI 



  */

  .margine-dicono{

      margin-top: 25vw!important;

  }







  .heading-dicono{

    font-size: 9vw;

  }



  @media screen and (min-width:992px){

      .margine-dicono{

        margin-top: 4vw!important;

      }



      .p-dicono{

        font-size: 1.1vw;

        line-height: 1.7vw;

      }



      .heading-dicono{

        font-size: 6.5vw;

      }

    

  } 



  .dicono-title{

    font-size: 6.5vw;

  }





/*





DICONO DI NOI - REFERENZA





*/



.titolo-referenza{

    font-family: 'heading';



}



.referenze-container img{

    height: 100%!important;

}





@media screen and (max-width:991px){

    

    .box-referenza{

        margin-bottom:25vw;

    }



}



@media screen and (min-width:992px) {

    .box-referenza{

        padding: 15px;

    }



    .referenze-container .box-referenza:nth-child(2){

        border-left: 1px solid goldenrod;

        border-right: 1px solid goldenrod;

    }

    

}





/* NAVBAR STYLING */


.navigation_item{
    font-size: 4.5vw;
}

@media (max-width:991px){

    .navigation_item{
        font-size: 9vw;
    }
    
}



.gallo-riserva{
    margin-top:100vh;
  }

  #location{
    margin-top:55vh;
  }

  @media (max-width: 29em){

    .gallo-riserva{
      margin-top:20vh;
    }

  }



/* NUOVA PAGINA VINI */

.vino-container .box-referenza .row{
    justify-content: center;
}

.vino-container img{
    /* width: 40%; */
    height: 350px;
    object-fit: contain;
}