@import url("//hello.myfonts.net/count/37b6fb");
@import url('https://fonts.googleapis.com/css?family=Raleway:100,300,400,600,700');

@font-face {font-family: 'SemplicitaPro-Bold';src: url('../webfonts/37B6FB_0_0.eot');src: url('../webfonts/37B6FB_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/37B6FB_0_0.woff2') format('woff2'),url('../webfonts/37B6FB_0_0.woff') format('woff'),url('../webfonts/37B6FB_0_0.ttf') format('truetype');}
@font-face {font-family: 'SemplicitaPro';src: url('../webfonts/37B6FB_1_0.eot');src: url('../webfonts/37B6FB_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/37B6FB_1_0.woff2') format('woff2'),url('../webfonts/37B6FB_1_0.woff') format('woff'),url('../webfonts/37B6FB_1_0.ttf') format('truetype');}

.swiper-button-next.white.myellow, .swiper-container-rtl .swiper-button-next.white.myellow { background-image: url(../mobile/arrow-yellow-dx.png); }
.swiper-button-prev.white.myellow, .swiper-container-rtl .swiper-button-prev.white.myellow { background-image: url(../mobile/arrow-yellow-sx.png); }

.CSS-SELECT { position: absolute; top: 5px; left: 5px; padding: 5px; color: #424242; background-color: #9dd597; display: inline-block; }
.CSS-SELECT .name:after { font-weight: bold; content: 'Desktop'; }

.il130anniversario { height: 400px; width: auto; }
.hrsmall67 {width: 67%; margin: 0 auto;}

.social-wall .swiper-button-next.brown { right: 5px; }
.social-wall .swiper-button-prev.brown { left: 5px; }

.fs52 { font-size: 44px; }
.ani-title .ani-title-one.nopad { padding: 0; }
a.cta:hover, a.cta:visited, a.cta:hover { text-decoration: none !important;}
* { outline: none !important; }

.lang-chooser { position: absolute; top: 30px; right: 50px; z-index: 99999; }
.lang-chooser ul { list-style-type: none; padding: 0; }
.lang-chooser > ul > li { display: inline-block; color: #ffffff; }
.lang-chooser ul li a { color: #ffffff; }
.lang-chooser ul li.active span { color: #ffefa7; font-weight: 700; padding: 0 10px; display: inline-block; background: url('../en_images/menu-dropdown.png') no-repeat right; background-size: 20%; }
.lang-chooser ul li.active a { color: #ffefa7; font-weight: 700; }
.lang-chooser ul li a:hover { color: #ffefa7; }
.lang-chooser ul.sub-items { position: absolute; top: 20px; display: none; }
.lang-chooser ul.sub-items li a { padding: 0 10px; color: #ffffff; }
.lang-chooser ul.sub-items li a:hover { background: #000000; color: #ffefa7;}
.lang-chooser ul li.active:hover ul.sub-items { display: block; }

table.table-lc { display: inline-table; }
table.table-lc td {  }
table.table-lc td a { color: #ffffff; font-size: 22px; }
table.table-lc td.active a { color: #ffefa7; }
table.table-lc .lc-spacer { width: 38px; }

.responsibility-gate.en { /*margin-top: 180px;*/ margin-top: 10%; font-family: 'Raleway'; }
.mb60 { /* margin-bottom: 60px;*/ margin-bottom: 0;}

.age-gate.en .frase { /*margin-top: 155px;*/ margin-top: 15%; margin-bottom: 41px;}

#contatti2-h2 { margin-top: 100px; }
#origini1-h1 { margin-top: 300px; }
#origini1-h1 h1 { line-height: 64px; }
#origini2-h2, #origini3-h2, #origini4-h2, #origini5-h2, #origini6-h2, #origini7-h2 { margin-top: 100px; }
#segreta1-h1 { margin-top: 304px; }
#segreta2-h2, #segreta3-h2, #segreta4-h2, #segreta5-h2, #segreta6-h2, #segreta7-h2 { margin-top: 100px; }
#vero1-h1 { margin-top: 270px; }
#vero2-h2, #vero3-h2, #vero4-h2, #vero5-h2 { margin-top: 100px; }
#mix1-h1 { margin-top: 270px; }
#mix2-h2, #mix3-h2, #mix4-h2, #mix5-h2 { margin-top: 100px; }
#resp1-h1 { margin-top: 270px; }
.cta-contatti {cursor: pointer; display: inline-block; width: 270px; height: 66px; line-height: 20px; vertical-align: middle; padding: 12px 24px; letter-spacing: 2.8pt; background: transparent; border: 1px solid #ffffff; color: #ffffff; text-transform: uppercase; font-weight: 300; font-size: 19px;}
.cta-contatti.brown { color: #4e261f; border-color: #4e261f; }
.cta-contatti:hover { border-color: #5e362f; color: #5e362f; }
.location div { height: 70px; }
.contatti .location .cta-contatti span { padding-top: 10px; display: inline-block; font-size: 19px; }

@media screen and (max-device-width: 900px) and (min-device-width: 320px) {
    .responsibility-gate.en { margin-top: 0;}
    .age-gate.en { min-height: 1370px;
        display: inline-block;
        height: auto;
        padding-bottom: 30px; }
    .cta-contatti { font-size: 15px; line-height: 18px; width: 246px; height: 59px; }
    .contatti .location .cta-contatti span { font-size: 15px; }
    .location div { height: 58px; }
    .contatti.contatti2 { height: 848px; }
    .origini.origini4 .cta.play { line-height: normal !important; font-size: 18px !important; height: auto !important; padding-top: 16px !important; padding-bottom: 16px !important;  }
    .formula-segreta .cta.play.mob-premio { line-height: 19px !important; padding-top : 5px !important; padding-bottom: 5px !important;}
    .lang-chooser.in-age-gate { top: 5px; left: 0; width: 100%; text-align: center; }
    .age-gate.en .frase { padding-top: 0 !important; text-transform: uppercase; line-height: 44px; padding-top: 20px !important; font-size: 42px; margin-top: 55px; }
    .lang-chooser { top: 20px; right: 25px; }
    .bevibene.es, .bevibene.en, .bevibene.de, .bevibene.fr, .bevibene.zh { position: static; margin-left: 0 !important; width: 100%; text-align: center; }
    footer .en.credits .text-credits { line-height: 17px !important; }
}

/* */
.for-titles.first p {font-size: 18px; color: #fff; text-align:center;}
.yellow {color:#ffefa7!important;}
.yellowsubtitle {color:#ffefa7!important; font-size: 25px!important;}
.copysezioneinterna {position: absolute; font-family: Raleway; color: rgb(255, 255, 255); text-align: center; width: 548px;
    height: 246.88px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d; font-size: 18px; left: -105px; top: -159px;}
.copysezioneinternab {position: absolute; font-family: Raleway; color: rgb(255, 255, 255); text-align: center; width: 548px;
    height: 246.88px; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d; font-size: 18px; left: -60px; top: -159px;}
.bottigliaformaiconica { margin: 15px auto; position: relative; }
.strong {font-family: SemplicitaPro-Bold;}

/*cocktails*/
#scopridipiu, #scopridipiu a, #scopridipiu2, #scopridipiu2 a, #scopridipiu3, #scopridipiu3 a,#scopridipiu4, #scopridipiu4 a {color: #ffefa7; font-weight: 600;}
/*.preparazione.h450 table tbody, .ingredienti.h450 table tbody {vertical-align: top;}*/
.preparazione.h450, .ingredienti.h450 {padding-top: 40px;}

.monte-giallo { color: #ffefa7 !important; }
.monte-marrone { color: #4e261f !important; }
hr.monte-giallo { border-color: #ffefa7 !important;}
hr.monte-marrone { border-color: #4e261f !important;}

/* Default behaviors ------------------------------------------------------- */
body { height: 100vh; font-family: 'Raleway', sans-serif; font-weight: 300; background-color: #0e0605; overflow-x: hidden; }
a img { border: none; }
button, a { outline: none !important; }

.swipe-icon { position: absolute; width: 50px; height: 62px; left: 50%; bottom: 0; margin-left: -25px; background: url('../images/swipe.png') no-repeat;}
.swipe-hand { margin-top: -45px; margin-bottom: 0; animation: handshake; animation-iteration-count: infinite; animation-duration: 2s; }
@keyframes handshake {
    0% { margin-left: 0; }
    25% { margin-left: 20px; }
    50% { margin-left: 0; }
    75% { margin-left: -20px; }
    100% { margin-left: 0; }
}

.rotate-frame { position: fixed; left: 0; top: 0; right: 0; bottom: 0; font-size: 17px; background: #140908; color: #ffefa7; display: none; z-index: 250; text-align: center; padding-top: 17%;}
.rotate-frame .rotate-box { width: 122px; height: 122px; display: inline-block; position: relative; }
.rotate-frame .rotate-box #rotate-devices, .rotate-frame .rotate-box #rotate-arrow { position: absolute; left: 0; top: 0; width: 122px; height: 122px; }
.rotate-frame .rotate-box #rotate-arrow { opacity: 1; }
.rotate-frame .rotate-box #rotate-arrow.animated { animation: ani-rotate; animation-iteration-count: infinite; }
@keyframes ani-rotate {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.cookie-band { background: rgba(0,0,0,0.8); position: fixed; z-index: 20020; left: 0; bottom: 0; color: #ffffff; display: inline-block; padding: 10px 0; right: 0; font-size: 17px; text-align: center; }
.cookie-band a { color: #ffffff; text-decoration: none; display: inline-block; margin-top: 5px; }
.cookie-band a:hover { color: #FFEFA7; }
.cookie-band img.close { position: absolute; right: 20px; top: 20px; }

.cookie-box { display: none; background: rgba(0,0,0,1); text-align: left; position: fixed; z-index: 20030; left: 50%; top: 50%; margin-top: -300px; width: 700px; margin-left: -400px; height: 600px; padding: 50px; color: #ffffff; overflow-y: auto; }
.cookie-box h2 { text-align: center; }
.cookie-box img.close { position: absolute; right: 50px; top: 50px; z-index: 100; width: 28px; height: auto; opacity: 1;}

.ani-title h1 { font-size: 58px; color: #fff; font-weight: 700; }
.ani-title h2 { font-size: 44px; color: #fff; font-weight: 700; font-family: SemplicitaPro-Bold; line-height: 54px; }
.ani-title h3 { font-size: 40px; color: #fff; font-weight: 400; line-height: 50px; }
.ani-title { position: relative; display: inline-block; margin: 0 auto; }
.ani-title .ani-title-one { padding: 0; opacity: 0; }
.ani-title hr { width: 0; }
@keyframes ani-title-one-timeline {    
    100% { opacity: 1; }
}
.ani-title.animate .ani-title-one { animation: ani-title-one-timeline; animation-duration: 1.6s; animation-iteration-count: 1; animation-fill-mode: forwards;}
@keyframes ani-title-hr-timeline {
    100% { width: 85%; }
}
.ani-title.animate hr { animation: ani-title-hr-timeline; animation-duration: 1.2s; animation-iteration-count: 1; animation-fill-mode: forwards;}
.ani-title.dark h1, .ani-title.dark h2, .ani-title.dark h3 { color: #4E261F; }
.ani-title.dark hr { border-color: #4E261F; }

hr.for-mixology { width: 50%; margin-bottom: 40px; }

.man-title h1 { font-size: 58px; color: #fff; font-weight: 700; margin: 0; line-height: 64px; font-family: 'SemplicitaPro-Bold', sans-serif; }
.man-title h2 { font-size: 44px; color: #fff; font-weight: 700; font-family: 'SemplicitaPro-Bold', sans-serif; margin: 0; line-height: 54px; }
.man-title h3 { font-size: 40px; color: #fff; font-weight: 400; margin: 0; line-height: 54px; font-family: 'SemplicitaPro',sans-serif; }
.man-title { position: relative; display: inline-block; margin: 0 auto; text-align: center; overflow-x: hidden; }
.man-title .man-title-one { padding: 0; opacity: 0; transition: opacity .4s ease-in-out; }
.man-title .man-title-two { padding: 0; opacity: 0; transition: opacity .4s ease-in-out; transition-delay: .3s; }
.man-title hr { width: 0; transition: all .4s ease-in-out; transition-delay: .6s; }
.man-title p { opacity: 0; transition: all .4s ease-in-out; transition-delay: .9s; }
.man-title.animate .man-title-one { opacity: 1; }
.man-title.animate .man-title-two { opacity: 1; }
.man-title.animate hr { width: 85%; }
.man-title.animate p { opacity: 1; }
.monte-giallo { color: #ffefa7; }
.man-title.for-slide-nw1 { width: 514px; }
#slide-nw-1 .pull-right .man-title, #slide-nw-2 .pull-right .man-title {margin: 0 auto;}
.man-title.dark h1, .man-title.dark h2, .man-title.dark h3 { color: #4E261F;}
.man-title.dark hr { border-color: #4E261F; }

#contatti-h1 { margin-top: 328px; }
#contatti-h1 h1 { line-height: 68px; }


#band-nw2 .swiper-button-next, #band-nw2 .swiper-container-rtl .swiper-button-prev { background-image: url('../images/main-slider-dx.png') !important; right: 60px; }
#band-nw2 .swiper-button-prev { background-image: url('../images/main-slider-sx.png') !important; left: 60px; }

#band-nw2 #slide-nw-1 .pull-right, #band-nw2 #slide-nw-2 .pull-right { width: 50%; display: inline-block; position: relative; left: 8%; top: 4%; margin-right: 114px;}

#band-nw2 #slide-nw-1, #band-nw2 #slide-nw-2 { background-repeat: no-repeat; background-position: left; background-size: cover;}
#band-nw2 #slide-nw-1 h2, #band-nw2 #slide-nw-2 h2 { font-family: SemplicitaPro; font-size: 44px; color: #fff; text-transform: uppercase }
#band-nw2 #slide-nw-1 h2 small, #band-nw2 #slide-nw-2 h2 small { font-family: SemplicitaPro; font-size: 44px; color: #fff; text-transform: uppercase; }
/*
#slide-nw-1 hr { width: 488px; }
#slide-nw-2 hr { width: 363px; }
*/
#band-nw2 #slide-nw-1 button, #band-nw2 #slide-nw-2 button {margin-top: 10px;  font-size: 17px; letter-spacing: 3px; }
/* #slide-nw-1 div, #slide-nw-2 div { width: 69% } */
#band-nw2 #slide-nw-1 p, #band-nw2 #slide-nw-2 p { font-size: 18px; color: #fff; }
#band-nw2 #ms-spirit-swiper { height: 100vh; }

.ctasmall.playsmall {
    background: url(../images/play_small.png) no-repeat;
    background-position: right;
    padding-right: 51px;
}
.ctasmall {
    cursor: pointer;
    line-height: 48px;
    padding-left: 20px;
    padding-right: 24px;
    letter-spacing: -0.2pt;
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
    
}

.sottotitolo {
    position: relative;
    width: 100%;
    text-align: center;
    align-items: center;
    align-content: center;
    height: 203px;
    overflow: hidden;
    margin-top: 67px;
}

.righello { max-height: 232px; }

/* LOADER ---------------------------------------------------- */
.loader-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #2e060f;
    z-index: 200;
}
@keyframes lds-eclipse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes lds-eclipse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.lds-eclipse {
    position: relative;
}
.lds-eclipse div {
    position: absolute;
    -webkit-animation: lds-eclipse 1s linear infinite;
    animation: lds-eclipse 1s linear infinite;
    width: 160px;
    height: 160px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    box-shadow: 0 4px 0 0 #ffefa7;
    -webkit-transform-origin: 80px 82px;
    transform-origin: 80px 82px;
}
.lds-eclipse {
    width: 64px !important;
    height: 64px !important;
    top: 350px;
    left: 50%;
    margin-left: -32px;
    -webkit-transform: translate(-32px, -32px) scale(0.32) translate(32px, 32px);
    transform: translate(-32px, -32px) scale(0.32) translate(32px, 32px);
}

#to-formula { margin-left: 20px; }

/* BANDING ----------------------------------------------------------------- */
.bands { user-select: none; transition: all .5s ease-in-out; }
.band { background-position: center; background-repeat: no-repeat; position: relative;  overflow-x: hidden; }
.band.band1 { height: 966px; background-image: url('../images/band-1.jpg');  overflow-y: hidden; }
.band.band2 { height: 953px; background-image: url('../images/band-2.jpg'); overflow-y: hidden; }
.band.band3 { height: 1543px; background-image: url('../images/band-3.jpg'); overflow-y: hidden;}
.band.band4 { height: 1242px; background-image: url('../images/band-4.jpg'); overflow-y: hidden;}
.band.band5 { height: 1107px; background-image: url('../images/band-5.jpg'); overflow-y: hidden;}
.band.band6 { height: 1205px; background-image: url('../images/band-6.jpg'); overflow-y: hidden; }
.band.band7 { height: 1113px; background-image: url('../images/band-7.jpg'); overflow-y: hidden; }
/*.band.band8 { height: 300px; background-image: url('../images/band-9.png'); margin-top: -42px; overflow-y: visible !important; }*/
.band.band1.en { background-image: url('../en_images/band-1.jpg'); }
.band.band2.en { background-image: url('../en_images/band-2.jpg'); }
.band.band3.en { background-image: url('../en_images/band-3.jpg'); }
.band.band5.en { background-image: url('../en_images/band-5.jpg'); }
.band.band6.en { background-image: url('../en_images/band-6.jpg'); }
.band.band7.en { height: 1350px; background-image: url('../en_images/band-7.jpg'); background-position-y: center; background-size: cover; }

.band.band-nw1 { height: 100vh; text-align: center; background: #0e0605 url('../images/nw-home-band1c.jpg') no-repeat center; background-size: cover; }
.band.band-nw2 { height: 100vh; text-align: center; background: #0e0605; overflow: hidden; }
.band.band-nw1 h1 {font-size: 6vh; letter-spacing: 3.1vw; margin-top: 48vh; color: #fff; font-weight: 600;}
.band.band-nw2 h2:nth-child(1) { margin-top: 23vh; color: #fff; }
#play-videoNW1 { margin-top: 5vh;}

.band.band5.en #for-titolo5 { margin-top: 80px; }

.band2.zh .adjust { width: 80%; text-align: center; }
.band2.zh .adjust58 { width: 58%; text-align: center; }
.band2.es .adjust58 { width: 58%; text-align: center; }
.band2.fr .adjust { width: 80%; text-align: center; line-height: 48px; margin-top: -39px; }
.band2.fr .adjust58 { width: 58%; text-align: center; }
.band2.de .adjust { width: 100%; text-align: center; margin-left: -56px; }
.band2.de .adjust58 { width: 58%; text-align: center; }

.band2.zh .adjust_2 { width: 80%; text-align: center; margin-left: 30px; }
.band2.zh .adjust58_2 { width: 40%; text-align: center; }
.band2.es .adjust_2 { width: 80%; text-align: center; margin-left: 25px; }
.band2.es .adjust58_2 { width: 58%; text-align: center; margin-left: -50px; }
.band2.fr .adjust_2 { width: 80%; text-align: center; line-height: 48px; margin-left: 30px; }
.band2.fr .adjust58_2 { width: 42%; text-align: center; }
.band2.de .adjust_2 { width: 100%; text-align: center; margin-left: 23px; }
.band2.de .adjust58_2 { width: 58%; text-align: center; margin-left: -47px; }

/*css ingresso human*/

@-webkit-keyframes fadeIn { from { -webkit-filter: blur(5px); opacity:0; } to {-webkit-filter: blur(0px); opacity:1; transform: scale(1); } }
@-moz-keyframes fadeIn {  from { -webkit-filter: blur(5px); opacity:0;} to {-webkit-filter: blur(0px); opacity:1; transform: scale(1); } }
@keyframes fadeIn {  from { -webkit-filter: blur(5px); opacity:0;} to {-webkit-filter: blur(0px); opacity:1; transform: scale(1);} }

/*
@-webkit-keyframes fadeIn2 { from { -webkit-filter: blur(5px);  top: -50px; transform: scale(1); opacity: 1; } to {-webkit-filter: blur(0px); opacity:1; top: 0px; transform: scale(1.1); } }
@-moz-keyframes fadeIn2 {  from { -webkit-filter: blur(5px); top: -50px; transform: scale(1); opacity: 1;} to {-webkit-filter: blur(0px); opacity:1; top: 0px; transform: scale(1.1); } }
@keyframes fadeIn2 {  from { -webkit-filter: blur(5px);  top: -50px; transform: scale(1); opacity: 1; } to {-webkit-filter: blur(0px); opacity:1; top: 0px; transform: scale(1.1);} }
*/

/* @-webkit-keyframes fadeIn2 { -webkit-filter: blur(0px); opacity:1; top: 0px; transform: scale(1.1); }*/
@-moz-keyframes fadeIn2 {  /* -webkit-filter: blur(0px); opacity:1; top: 0px; transform: scale(1.1); */ }
@keyframes fadeIn2 { /* -webkit-filter: blur(0px); opacity:1; top: 0px; transform: scale(1.1); */ }

.opacity
{opacity:0;}

.col1 {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.col2 {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay:0.6s;
  animation-delay: 0.6s;
}
.human-gate .gate-col.col2 { background-position: left; }

@media only screen   
and (min-device-width : 320px) and (max-device-width : 480px) {  
  .human-gate .gate-col.col2 { background-size: 100%; background-position: center;}  
}  

.col3 {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.col4 {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.gate-columns .quarto { width: 25%; height: 100%; overflow: hidden; float: left; position: relative; transition: width 1s ease-in-out; -webkit-transform:translate3d(0,0,0);
    -webkit-transform-style: preserve-3d;
    /* -webkit-perspective: 1000; */
    -webkit-backface-visibility: hidden; cursor: pointer; }
.gate-columns.its-human .quarto.for-humans { width: 84%; transition-delay: initial; }
.gate-columns.its-human .quarto.for-robots:nth-child(1) { width: 8%; }
.gate-columns.its-human .quarto.for-robots:nth-child(3) { width: 4%; }
.gate-columns.its-human .quarto.for-robots:nth-child(4) { width: 4%; }
.human-gate .riga1 { margin-left: -100px; opacity: 0; pointer-events:none; }
.human-gate .riga2 { margin-right: -100px; opacity: 0; pointer-events:none; }
.human-gate .riga3 { margin-top: 100px; opacity: 0; display: inline-block; pointer-events:none; }
.opaco { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .6; background: #000; transition: all .2s linear; }
.quarto:hover .opaco { opacity: .3; }
.its-human .quarto:hover .opaco { opacity: .6; transition-delay: .9s; }

.human-gate img.logo { position: absolute; left: 50%; width: 220px; height: auto; margin: 30px 0 0 -110px; z-index: 999;}
.human-gate h1.ask-robot { width: 100%; position: absolute; top: 0; color: #ffffff; text-align: center; z-index: 999; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 42px; letter-spacing: 14px; }
.human-gate h2.ask-robot { width: 100%; position: absolute; top: 132px; color: #ffffff; text-align: center; z-index: 999; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 21px; letter-spacing: 5px; }
.human-gate h2 span.humanspirit {color: #FFF6A5; }
.human-gate h3  { width: 100%; text-align: center; position: absolute; font-size: 12px; z-index: 999;}
.human-gate, .gate-columns { width: 100%; height: 100%; opacity: 1; background-color: #0e0605; }

/*
.gate-columns {
    opacity:0;
  -webkit-animation:fadeIn ease-in 1; 
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:2.5s;
  -moz-animation-duration:2.5s;
  animation-duration:2.5s;
}
*/
.human-gate .gate-col { 
    width: 100%;
    height: 100%; 
    float: left;
    top: -50px;
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center;
    opacity: 0; 
    
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
    -moz-transform: scale(.95);
    -webkit-transform: scale(.95);
    transform: scale(.95);
    
    overflow: hidden;
    background-color: #0e0605;
}
.human-gate .gate-col.animated {
    /*
  -webkit-animation:fadeIn2 ease-in-out;
  -moz-animation:fadeIn2 ease-in-out;
  animation:fadeIn2 ease-in-out;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
    */
    opacity:1;
    top: 0px;
    transform: scale(1.1);
    transition-duration: .6s;
}
.quarto:hover .gate-col.animated { transform: scale(1.12); }
.human-gate .gate-col.col4 { background-position: center; }
/* .human-gate .gate-col:hover, .human-gate .gate-col:focus, .human-gate .gate-col:active { opacity: 1; zoom: 1; -moz-transform: scale(1.01,1.01); -webkit-transform: scale(1.01,1.01); transform: scale(1.01,1.01); } */

.age-verification { position: absolute; top: 50%; left: 50%; width: 600px; height: 250px; margin-top: -125px; margin-left: -300px; text-align: center; }
.age-verification .title { margin-left: -100px; opacity: 0; transition: all .5s ease-in-out; transition-delay: .1s; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 42px; letter-spacing: 19px; text-align: center; width: 100%; }
.age-verification .question { margin-right: -100px; opacity: 0; transition: all .5s ease-in-out; transition-delay: .1s; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 26px; letter-spacing: 12px; text-align: center; display: inline-block; border-bottom: 1px solid #FFF6A5; line-height: 48px; padding: 0 10px; }
.age-verification a {  font-size: 26px; font-weight: bold; font-family: 'Raleway', sans-serif; display: inline-block; padding: 0 50px; color: #fff; }
.age-verification a:hover { color: #FFF6A5; text-decoration: none; }
.age-verification.animated .title { margin-left: 0; opacity: 1; transition-delay: .6s; }
.age-verification.animated .question { margin-right: 0; opacity: 1; transition-delay: .9s; }
.age-verification .answers { margin-left: -100px; opacity: 0; transition: all .5s ease-in-out; transition-delay: .1s; }
.age-verification.animated .answers { margin-left: 0; opacity: 1; transition-delay: 1.1s; }

span.info-age {margin-top: 100px; opacity: 0; transition: all .5s ease-in-out; transition-delay: .1s; font-size: 16px; font-weight: 500; color: #fff; bottom: 60px; left: 0; width: 100%; text-align: center; position: absolute; }
.its-human span.info-age { margin-top: 0; opacity: 1; transition-delay: 1.4s; }

.human-gate .mobile-container { position: absolute; width: 680px; height: 200px; left: 50%; margin-left: -340px; top: 50%; margin-top: -100px; }

@media screen and (min-device-width: 320px) and (max-device-width: 1024px) {
    .quarto:hover .gate-col.animated { transform: scale(1.1); }
}

@-moz-keyframes glitch {
    0% { -moz-transform: skew(-18deg); transform: skew(-18deg); }
    5% { -moz-transform: skew(80deg); transform: skew(80deg); }
    10% { -moz-transform: skew(-26deg); transform: skew(-26deg); }
    15% { -moz-transform: skew(-15deg); transform: skew(-15deg); }
    20% { -moz-transform: skew(-59deg); transform: skew(-59deg); }
    25% { -moz-transform: skew(-31deg); transform: skew(-31deg); }
    30% { -moz-transform: skew(-80deg); transform: skew(-80deg); }
    35% { -moz-transform: skew(-10deg); transform: skew(-10deg); }
    40% { -moz-transform: skew(-56deg); transform: skew(-56deg); }
    45% { -moz-transform: skew(-73deg); transform: skew(-73deg); }
    50% { -moz-transform: skew(-5deg); transform: skew(-5deg); }
    55% { -moz-transform: skew(-16deg); transform: skew(-16deg); }
    60% { -moz-transform: skew(-81deg); transform: skew(-81deg); }
    65% { -moz-transform: skew(2deg); transform: skew(2deg); }
    70% { -moz-transform: skew(-19deg); transform: skew(-19deg); }
    75% { -moz-transform: skew(-69deg); transform: skew(-69deg); }
    80% { -moz-transform: skew(56deg); transform: skew(56deg); }
    85% { -moz-transform: skew(-3deg); transform: skew(-3deg); }
    90% { -moz-transform: skew(24deg); transform: skew(24deg); }
    95% { -moz-transform: skew(9deg); transform: skew(9deg); }
}
@-webkit-keyframes glitch {
    0% { -webkit-transform: skew(-77deg); transform: skew(-77deg); }
    5% { -webkit-transform: skew(-87deg); transform: skew(-87deg); }
    10% { -webkit-transform: skew(3deg); transform: skew(3deg); }
    15% { -webkit-transform: skew(42deg); transform: skew(42deg); }
    20% { -webkit-transform: skew(82deg); transform: skew(82deg); }
    25% { -webkit-transform: skew(-38deg); transform: skew(-38deg); }
    30% { -webkit-transform: skew(-77deg); transform: skew(-77deg); }
    35% { -webkit-transform: skew(19deg); transform: skew(19deg); }
    40% { -webkit-transform: skew(-43deg); transform: skew(-43deg); }
    45% {        -webkit-transform: skew(-65deg);        transform: skew(-65deg);    }
    50% {        -webkit-transform: skew(-41deg);        transform: skew(-41deg);    }
    55% {        -webkit-transform: skew(18deg);        transform: skew(18deg);    }
    60% {        -webkit-transform: skew(88deg);        transform: skew(88deg);    }
    65% {        -webkit-transform: skew(-52deg);        transform: skew(-52deg);    }
    70% {        -webkit-transform: skew(63deg);        transform: skew(63deg);    }
    75% {        -webkit-transform: skew(31deg);        transform: skew(31deg);    }
    80% {        -webkit-transform: skew(-1deg);        transform: skew(-1deg);    }
    85% {        -webkit-transform: skew(24deg);        transform: skew(24deg);    }
    90% {        -webkit-transform: skew(-49deg);        transform: skew(-49deg);    }
    95% {        -webkit-transform: skew(63deg);        transform: skew(63deg);    }
}
@keyframes glitch {
    0% {        -moz-transform: skew(-12deg);        -ms-transform: skew(-12deg);        -webkit-transform: skew(-12deg);        transform: skew(-12deg);    }
    5% {        -moz-transform: skew(-16deg);        -ms-transform: skew(-16deg);        -webkit-transform: skew(-16deg);        transform: skew(-16deg);    }
    10% {        -moz-transform: skew(31deg);        -ms-transform: skew(31deg);        -webkit-transform: skew(31deg);        transform: skew(31deg);    }
    15% {        -moz-transform: skew(10deg);        -ms-transform: skew(10deg);        -webkit-transform: skew(10deg);        transform: skew(10deg);    }
    20% {        -moz-transform: skew(33deg);        -ms-transform: skew(33deg);        -webkit-transform: skew(33deg);        transform: skew(33deg);    }
    25% {        -moz-transform: skew(-89deg);        -ms-transform: skew(-89deg);        -webkit-transform: skew(-89deg);        transform: skew(-89deg);    }
    30% {        -moz-transform: skew(-10deg);        -ms-transform: skew(-10deg);        -webkit-transform: skew(-10deg);        transform: skew(-10deg);    }
    35% {        -moz-transform: skew(-22deg);        -ms-transform: skew(-22deg);        -webkit-transform: skew(-22deg);        transform: skew(-22deg);     }
    40% {        -moz-transform: skew(-5deg);        -ms-transform: skew(-5deg);        -webkit-transform: skew(-5deg);        transform: skew(-5deg);    }
    45% {        -moz-transform: skew(-27deg);        -ms-transform: skew(-27deg);        -webkit-transform: skew(-27deg);        transform: skew(-27deg);    }
    50% {        -moz-transform: skew(-71deg);        -ms-transform: skew(-71deg);        -webkit-transform: skew(-71deg);       transform: skew(-71deg);    }
    55% {        -moz-transform: skew(20deg);        -ms-transform: skew(20deg);        -webkit-transform: skew(20deg);        transform: skew(20deg);    }
    60% {        -moz-transform: skew(46deg);        -ms-transform: skew(46deg);        -webkit-transform: skew(46deg);        transform: skew(46deg);    }
    65% {        -moz-transform: skew(-64deg);        -ms-transform: skew(-64deg);        -webkit-transform: skew(-64deg);        transform: skew(-64deg);    }
    70% {        -moz-transform: skew(82deg);        -ms-transform: skew(82deg);        -webkit-transform: skew(82deg);        transform: skew(82deg);    }
    75% {        -moz-transform: skew(-59deg);        -ms-transform: skew(-59deg);        -webkit-transform: skew(-59deg);       transform: skew(-59deg);    }
    80% {        -moz-transform: skew(-2deg);        -ms-transform: skew(-2deg);        -webkit-transform: skew(-2deg);        transform: skew(-2deg);    }
    85% {        -moz-transform: skew(49deg);        -ms-transform: skew(49deg);        -webkit-transform: skew(49deg);        transform: skew(49deg);    }
    90% {        -moz-transform: skew(30deg);        -ms-transform: skew(30deg);        -webkit-transform: skew(30deg);        transform: skew(30deg);    }
    95% {        -moz-transform: skew(49deg);        -ms-transform: skew(49deg);        -webkit-transform: skew(49deg);        transform: skew(49deg);    }
}
@-moz-keyframes noise {
    0% {        background-position: 80px -26px;    }
    10% {        background-position: 40px -95px;    }
    20% {        background-position: -21px 19px;    }
    30% {        background-position: 31px 77px;    }
    40% {        background-position: -17px 51px;    }
    50% {        background-position: -91px 80px;    }
    60% {        background-position: -34px -30px;    }
    70% {        background-position: 53px 37px;    }
    80% {        background-position: 82px 40px;    }
    90% {        background-position: 34px -33px;    }
}
@-webkit-keyframes noise {
    0% {        background-position: 38px 99px;    }
    10% {        background-position: -39px -58px;    }
    20% {        background-position: -31px -38px;    }
    30% {        background-position: -93px -97px;    }
    40% {        background-position: 60px 45px;    }
    50% {        background-position: 90px -32px;    }
    60% {        background-position: 69px 98px;    }
    70% {        background-position: 54px -28px;    }
    80% {        background-position: 68px 51px;    }
    90% {        background-position: 89px -52px;    }
}
@keyframes noise {
    0% {        background-position: 58px -82px;    }
    10% {        background-position: -76px -19px;    }
    20% {        background-position: -40px -10px;    }
    30% {        background-position: 38px -51px;    }
    40% {        background-position: -18px -61px;    }
    50% {        background-position: 72px 31px;    }
    60% {        background-position: 99px -55px;    }
    70% {        background-position: -50px 91px;    }
    80% {        background-position: -62px 58px;    }
    90% {        background-position: 86px 62px;    }
}
@-moz-keyframes bar {
    0% {        height: 440px;        top: 8%;        opacity: 0.3;    }
    10% {        height: 500px;        top: 53%;        opacity: 0.75;    }
    20% {        height: 597px;        top: 31%;        opacity: 0.66;    }
    30% {        height: 247px;        top: 30%;        opacity: 0.55;    }
    40% {        height: 304px;        top: 25%;        opacity: 0.57;    }
    50% {        height: 408px;        top: 97%;        opacity: 0.08;     }
    60% {        height: 421px;        top: 14%;        opacity: 0.26;    }
    70% {        height: 521px;        top: 96%;        opacity: 0.79;    }
    80% {        height: 540px;        top: 72%;        opacity: 0.65;    }
    90% {        height: 184px;        top: 7%;        opacity: 0.28;    }
}
@-webkit-keyframes bar {
    0% {       height: 480px;        top: 32%;        opacity: 0.02;    }
    10% {        height: 137px;        top: 85%;        opacity: 0.28;    }
    20% {        height: 569px;        top: 80%;        opacity: 0.3;    }
    30% {        height: 74px;        top: 82%;        opacity: 0.31;    }
    40% {        height: 620px;        top: 84%;        opacity: 0.09;    }
    50% {        height: 297px;        top: 20%;        opacity: 0.45;    }
    60% {        height: 36px;        top: 71%;        opacity: 0.13;    }
    70% {        height: 116px;        top: 28%;        opacity: 0.11;    }
    80% {        height: 302px;        top: 79%;        opacity: 0.33;    }
    90% {        height: 450px;        top: 44%;        opacity: 0.11;    }
}
@keyframes bar {
    0% {        height: 435px;        top: 15%;         opacity: 0.3;    }
    10% {        height: 554px;        top: 19%;        opacity: 0.36;    }
    20% {        height: 339px;        top: 27%;        opacity: 0.37;    }
    30% {        height: 156px;        top: 68%;        opacity: 0.7;    }
    40% {        height: 89px;        top: 32%;        opacity: 0.01;    }
    50% {        height: 297px;        top: 64%;        opacity: 0.53;    }
    60% {        height: 611px;        top: 80%;        opacity: 0.04;    }
    70% {        height: 366px;        top: 69%;        opacity: 0.71;    }
    80% {        height: 415px;        top: 87%;        opacity: 0.1;    }
    90% {        height: 320px;        top: 51%;        opacity: 0.49;    }
}
.glitch {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font: 15px "Michroma", helvetica, sans-serif;
    letter-spacing: 0.6em;
    background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=000000ff&noise=ffffff&density=61&opacity=20);
    text-shadow: 2px 0 1px #f6050a, -2px 0 1px #1cf2f2;
    -moz-animation: noise 0.3s infinite;
    -webkit-animation: noise 0.3s infinite;
    animation: noise 0.3s infinite;
    display: none;
}
.glitch:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.glitch:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background: url(http://api.thumbr.it/whitenoise-361x370.png?background=000000ff&noise=ffffff&density=61&opacity=40);
    -moz-animation: bar 0.5s infinite;
    -webkit-animation: bar 0.5s infinite;
    animation: bar 0.5s infinite;
}
.glitch span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -moz-animation: glitch 3s infinite alternate;
    -webkit-animation: glitch 3s infinite alternate;
    animation: glitch 3s infinite alternate;
}
.occulta { display: none; }


@media only screen and (max-device-width : 732px) {
    .band3.en .gwd-div-19im { zoom: 0.60; transform: scale(0.60); }
}

@media only screen
and (max-device-width : 1024px)
and (min-device-width : 640px) {
    .bands { user-select: none; transition: all .5s ease-in-out; }
    .band { background-position: center; background-repeat: no-repeat; position: relative; overflow-x: hidden; }
    .band.band1 { height: 966px; background-image: url('../images/band-1.jpg'); padding-top: 90px; overflow-y: hidden; }
    .band.band2 { height: 953px; background-image: url('../images/band-2.jpg'); overflow-y: hidden; }
    .band.band3 { height: 1543px; background-image: url('../images/band-3.jpg'); overflow-y: hidden; }
    .band.band4 { height: 1242px; background-image: url('../images/band-4.jpg'); overflow-y: hidden; }
    .band.band5 { height: 1107px; background-image: url('../images/band-5.jpg'); overflow-y: hidden; }
    .band.band6 { height: 1205px; background-image: url('../images/band-6.jpg'); overflow-y: hidden; }
    .band.band7 { height: 1113px; background-image: url('../images/band-7.jpg'); overflow-y: hidden; }
    /*.band.band8 { height: 300px; background-image: url('../images/band-9.png'); margin-top: -42px; overflow-y: visible !important; }*/
    .band.band1.en { background-image: url('../en_images/band-1.jpg'); }
    .band.band2.en { background-image: url('../en_images/band-2.jpg'); }
    .band.band3.en { background-image: url('../en_images/band-3.jpg'); }
}

.iconic { font-size: 25px; font-weight: 300; color: #ffefa7; text-transform: uppercase; }
.iconic.mobile { font-size: 14px; display: inline-block; width: 100%; position: absolute; bottom: 300px; left: 0; text-align: center; }

.events-items .swiper-button-next { z-index: 140; cursor: pointer; background: url('../en_images/event-item-right.png') no-repeat; margin-right: 110px; }
.events-items .swiper-button-prev { z-index: 140; cursor: pointer; background: url('../en_images/event-item-left.png') no-repeat; margin-left: 110px; }

@media only screen and (max-device-width: 734px) {
    .events-items .swiper-button-next { margin-right: 0px; }
    .events-items .swiper-button-prev { margin-left: 0px; }
}

.events-items .swiper-button-prev.swiper-button-disabled,
.events-items .swiper-button-next.swiper-button-disabled { opacity: 0.25; }
.events-items .swiper-slide { text-align: center; color: #fff; font-size: 18px; }
.events-items .swiper-slide .event-title { font-size: 18px; color: #ffefa7; display: inline-block; margin: 38px 0; text-align: center;}
.events-items .swiper-slide .event-description { font-size: 18px; color: #fff; }
.events-items .swiper-slide .event-poster img { width: 100%; height: auto; }
.events-items.en .swiper-button-prev { margin-left: -35px; }
.events-items.en { margin-top: 114px; }

.events.mobile #for-titolo5 { height: 100px; }
.events.mobile #for-titolo5 img { width: 80%; height: auto; }
.band.band5.mobile.en #for-titolo5 { margin-top: 20px; }
.events.mobile .events-items .swiper-slide { font-size: 14px; }
.events.mobile .events-items .swiper-slide .event-title { font-size: 14px; margin: 19px 0; }
.events.mobile .events-items .swiper-slide .event-description { font-size: 14px; }
.events.mobile .container.title { height: auto; }
.events.mobile .swiper-container { height: 430px; }

.awards #for-titolo7 { margin-top: 80px;}
.awards .medals { margin-top: 50px; }
.awards .medals .row:first-of-type { margin-bottom: 30px; }
.awards .medal-container { text-align: center; }
.awards .medal-box { width: 100%; height: 376px; position: relative; }
.awards .medal-box .ribbon { position: absolute; width: 100%; bottom: 0; }
.awards .medal-box p { display: none; font-size: 18px; color: #fff; padding: 50px 50px 50px; margin-top: -15px;}
.awards .medal-box span.medal-title { font-weight: 600; color: #ffefa7; display: inline-block; width: 100%; text-align: center; margin-bottom: 30px; }
.awards .medal-box:hover p { display: inline-block; padding: 30px 0; }
.awards .medal-box:hover img.medal { display: none; }
.awards img.medal.h210 { height: 210px; width: auto; }

.awards.mobile #for-titolo7 { margin-top: 0; height: 51px; }
.awards.mobile #for-titolo7 img { width: 72%; height: auto; }
.awards.mobile .medals { margin-top: 20px; }
.awards.mobile .medal-container { text-align: center; }
.awards.mobile .medal-box { width: 100%; height: 294px; margin-bottom: 60px; position: relative; }
.awards.mobile .medal-box img { width: 80%; height: auto; }
.awards.mobile .medal-box img.medal { width: 55%; height: auto; margin-top: 40px; }
.awards.mobile .medal-box .ribbon { position: absolute; width: 100%; bottom: 0; }
.awards.mobile .medal-box p { display: none; font-size: 14px; color: #fff; padding: 0px 30px 50px;}
.awards.mobile .medal-box span.medal-title { font-weight: 600; color: #ffefa7; display: inline-block; width: 100%; text-align: center; margin-bottom: 20px; }
.awards.mobile .medal-box:hover p { display: inline-block; }
.awards.mobile .medal-box:hover img.medal { display: none; }

.ribbon img { height: 100px; width: auto; }

.profilo-aromatico .animazioni .freccia { position: absolute; top: 50%; margin-top: 23px; }
.profilo-aromatico .animazioni .freccia.sx { left: 110px; z-index: 999999; }
.profilo-aromatico .animazioni .freccia.dx { right: 110px; z-index: 999999;  }
.profilo-aromatico .animazioni > div { position: relative; }

.profilo-aromatico .pa-anim-text { position: absolute; opacity: 0; text-align: center; width: 100%; bottom: 45px; line-height: normal; text-transform: uppercase; font-size: 25px; color: white; display: inline-block;left:0; }

.band.band1 .banda-video { position: absolute; left: 0; width: 100%; bottom: -100px; height: 200px; z-index: 30; background-image: url('../images/banda-video.png'); background-repeat: no-repeat; background-position: center;}

#the_cocktails_en.ani-title, #the_cocktails_en.man-title { margin-top: 270px; }

#output {
    position: fixed;
    line-height: 1;
    bottom: 10px;
    right: 10px;
    font-family: sans-serif;
    font-size: 12px;
    color: #fff;
    width: 200px;
    text-align: right;
}
.bevibene { font-weight: 600; font-size: 15px; color: #fff4bf; /* position: absolute; */ /* left: 50%; */ /* margin-left: -489px; */ /* bottom: 27px; */ opacity: 1; margin-top: 100px; display: inline-block; }
.bevibene.de { margin-left: -15px; }
.bevibene.es { margin-left: 35px; }
.bevibene.en { margin-left: 78px; }
.bevibene.fr { margin-left: 26px; }
.bevibene.zh { margin-left: 123px; }

.for-titles { text-align: center; align-content: center; align-items: center; padding-top: 70px; }
.for-titles.first { padding-top: 90px; }
.for-titles canvas { display: inline-block; }
.la-nostra-comunicazione .for-titles { margin-top: 90px; }

#play-video1 { margin-top: 110px; }
.en #play-video1 { margin-top: 80px; }
#canvasEroiVeri { width: 599px !important; height: 295px !important;}

.band2 #bottle { position: absolute; top: 0; left: 50%; margin-left: -914px; -webkit-transition: -webkit-transform .9s .1s; -moz-transition: -moz-transform .9s .1s; transition: transform .9s .1s;}
.band2 #bottles { position: absolute; top: 0; left: 0; -webkit-transition: -webkit-transform .9s .1s; -moz-transition: -moz-transform .9s .1s; transition: transform .9s .1s;}
.bottle-animation.animate #bottles { -webkit-transform:translate(-5%); -moz-transform:translate(-5%); transform:translate(-5%, 0); }
.bottle-animation.animate #bottle { -webkit-transform:translate(-12%); -moz-transform:translate(-12%); transform:translate(-12%, 0); }

/* LAZY LOADING ----------------------------------------------------------- */
.displaced-down { opacity: 0; margin-top: 20px; position: relative; }
.cocktail-item {
    height: auto;
    margin: 50px 0;
}
.displaced-child { opacity: 0; margin-top: 20px; position: relative; }
.segna { position: absolute; top: 0; left: 100px; width: 16px; height: 16px; background: red; z-index: 800;}
/*
.displaced-down.in-place { animation: any-in-place; animation-duration: 1s; animation-iteration-count: 1; }
@keyframes any-in-place {
    0% { opacity: 0; margin-top: 20px; }
    100% { opacity: 1; margin-top: 0; }
}
*/

/* BUTTONS ----------------------------------------------------------- */
.cta {cursor: pointer; line-height: 66px; padding-left: 24px; padding-right: 24px; letter-spacing: 2.8pt; background: transparent; border: 1px solid #ffffff; color: #ffffff; text-transform: uppercase; font-weight: 300; font-size: 19px;}
.cta:hover { border-color: #FFEFA7; color: #FFEFA7; }
.cta.play { background: url('../images/play.png') no-repeat; background-position: right; padding-right: 80px; padding-top: 0;}
/* .cta.play:hover { background: url('../images/play-hover.png') no-repeat; background-position: right; padding-right: 80px; }*/
.cta.video40 { margin-top: 18px; }
.cta.bartender { line-height: normal; padding-top: 18px; padding-bottom: 18px; margin-top: 40px; display: inline-block; opacity: 1 !important; }
.cta.brown { color: #4e261f; border-color: #4e261f; }

/* SITE HEADING ----------------------------------------------------------- */
.site-header { padding-top: 14px; position: fixed; top: 0; left: 0; height: 110px; right: 0; z-index: 110; background: none; }
.site-header.resized { padding-top: 0; height: 0; background: url('../images/site-header.png'); overflow: hidden; }
.site-header .logo { width: 259px; height: 84px; }
.site-header.resized .logo { width: 170px; height: 55px; margin-top: 6px; }
.site-header #nav-icon {
    width: 42px;
    height: 36px;
    position: relative;
    margin-top: 14px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
   /* background: url('../images/hamburger-glass.png') no-repeat;*/
}

.site-header #nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 22px;
    background: white;
    /*border-radius: 9px;*/
    opacity: 1;
    left: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.lang_change,.lang_change:hover{color:#ffffff;display:block;font-size:16px;text-decoration:none;}
#nav-icon { z-index: 101; }
#nav-icon span:nth-child(1) { top: 6px; }
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) { top: 14px; }
#nav-icon span:nth-child(4) { top: 22px; }
#nav-icon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
#nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
#nav-icon .menu-label { position: absolute; left: 49px; top: 10px; color: #ffffff; font-size: 16px; font-weight: 400; }

#contact-pane { padding-top: 16px;}
#contact-pane a { color: #fff; font-size: 18px; font-weight: 400; }

.age-gate { font-family: 'SemplicitaPro'; }
.age-gate .frase { font-size: 44px; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 56px; margin-top: 40px; }

table.age-fields { display: inline-table; width: 100%; }
table.age-fields .for-digits td { width: 33%; height: 80px; }
table.age-fields .for-digits td input.age-input { width: 100%; height: 100%; }
table.age-fields td.for-button { width: 100%; }
table.age-fields td button.age-button { width: 100%; height: 80px; }
table.age-fields.mt10 { margin-top: 10px;}

/* BOTTLE SLIDER ----------------------------------------------------------- */
.bottle-slider { position: relative; z-index: 10; }

/* IMAGE OVERLAY ----------------------------------------------------------- */
.image-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85);}
.image-overlay .image-pane { position: absolute; }
.image-overlay .image-text { position: absolute; bottom: 0; height: 250px; left: 0; width: 100% }

/* MAIN MENU SYSTEM ----------------------------------------------------------- */
#menu-overlay { position: fixed; left: 0; width: 100%; top: 0; bottom: 200px; display: none; background: #000000; opacity: 0; z-index: 100; }
#menu-overlay .menu-container { margin-top: 110px; }
#menu-overlay .menu-container ul.main-menu { font-weight: 600; font-size: 38px; list-style: none; padding: 0; }
#menu-overlay .menu-container ul.main-menu a { color: #ffffff; text-decoration: none; }
#menu-overlay .menu-container ul.main-menu a:hover { color: #986935; }
#menu-overlay .menu-container ul.main-menu li { display: none; }
#menu-overlay .menu-container ul.main-menu li.open {
    opacity: 0;
    /*
    animation-name: bounceIn;
    animation-duration: 450ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    */
}
@keyframes bounceIn{
    0%{ opacity: 0; /* transform: scale(0.3) translate3d(0,0,0); */ }
    50%{ opacity: 0.9; /* transform: scale(1.1); */ }
    80%{ opacity: 1; /* transform: scale(0.89); */ }
    100%{ opacity: 1; /* transform: scale(1) translate3d(0,0,0); */ }
}

.mob-bottle-text { font-size: 35px; line-height: 31px; font-weight: 600; }
.monte-giallo.mob-bottle-text { margin-top: 10px; }
.bottle-title { font-size: 28px; padding-top: 70px; }
.bottle-p { padding: 25px 40px 15px 40px; font-size: 16px; color: #ffffff; }
.bottle-sub { font-size: 20px; }
.band2 .swiper-container .title.testo1 { padding-top: 70px; }
.band2 .swiper-container .textbody.testo2 { padding-top: 70px; }

.tratteggio { position: absolute; left: 50%; z-index: 32; background-repeat: no-repeat; }
.tratteggio.tratteggio1 { width: 43px; height: 259px; margin-left: -22px; top: 77vh; /*background-image: url('../images/tratteggio1.png');*/ }
.tratteggio.tratteggio1.for-arrow {
    height: auto;
    bottom: 80px;
    top: auto;
}
.tratteggio.tratteggio1.en { top: 790px; }

    .tratteggio.tratteggio1 #arrow-tratteggio { position: absolute; top: 0; left: 0; animation: arrowdown; animation-duration: 1.2s; animation-iteration-count: infinite;  }
    @keyframes arrowdown {
        0% { top: 0; }
        50% { top: 10px; }
        100% { top: 0;}
    }
    .tratteggio.tratteggio1 #tratteggio1-linea { position: absolute; width: 43px; height: 20px; left: 0; top: 0; background: url('../images/tratteggio1-linea.png') no-repeat; }

    .slow_zoom_in { animation: ani_zoom_in; animation-duration: 25s; animation-iteration-count: 1; }
    @keyframes ani_zoom_in {
        100% { transform: scale(1.1); zoom: 1.1; }
    }

.tratteggio.tratteggio2 { width: 19px; height: 0; margin-left: -10px; top: 150.5vh; background-image: url('../images/tratteggio2short.png'); }
.tratteggio.tratteggio3 { width: 19px; height: 189px; margin-left: -10px; top: 249vh; background-image: url('../images/tratteggio5.png');}
.tratteggio.tratteggio4 { width: 19px; height: 232px; margin-left: -10px; top: 348.5vh; background-image: url('../images/tratteggio5.png'); }
.tratteggio.tratteggio5 { width: 19px; height: 145px; margin-left: -10px; top: 507.5vh; background-image: url('../images/tratteggio5.png'); }
.tratteggio.tratteggio6 { width: 19px; height: 145px; margin-left: -10px; top: 632vh; background-image: url('../images/tratteggio6.png'); }
.tratteggio.tratteggio6.en { width: 19px; height: 145px; margin-left: -10px; top: 6978px; background-image: url('../images/tratteggio6.png'); }
.tratteggio.tratteggio3.en { top: 269vh; }
.tratteggio.tratteggio4.en { top: 372vh; }
.tratteggio.tratteggio5.en { top: 469vh; }

.band6.en img.bicchiere, .mixology.en .slider .immagine img.bicchiere { height: 390px; width: auto; }
/*
.band6.en img.bicchiere.montenegroni, .mixology.en .slider .immagine img.bicchiere.montenegroni { margin-top: 62px; }
.band6.en img.bicchiere.monte-mule, .mixology.en .slider .immagine img.bicchiere.monte-mule { margin-top: 64px; }
.band6.en img.bicchiere.monte-manhattan, .mixology.en .slider .immagine img.bicchiere.monte-manhattan { height: 390px; margin-top: 30px; }
.band6.en img.bicchiere.il-130, .mixology.en .slider .immagine img.bicchiere.il-130 { margin-top: 62px; }
.band6.en img.bicchiere.monte-on-the-rocks, .mixology.en .slider .immagine img.bicchiere.monte-on-the-rocks { height: 355px; margin-top: 81px; }
.band6.en img.bicchiere.monte-royal, .mixology.en .slider .immagine img.bicchiere.monte-royal { margin-top: 61px; }
*/

.coda { position: fixed; top: 50%; right: 15px; margin-top: -176px; width: 25px; height: 352px; z-index: 50; text-align: center; padding-top: 40px; }
.coda a img { margin-bottom: 20px; }
.cursore { -webkit-transform: none; position: fixed; top: 50%; left: 26px; margin-top: -176px; width: 16px; height: 352px; z-index: 50; }
.cursore .main-anchor { display: inline-block; width: 20px; height: 14px; margin-bottom: 16px; background: url('../images/main-anchor.png') no-repeat; line-height: 16px; vertical-align: middle; }
.cursore a .main-anchor { display: inline-block;  font-weight: 600; color: #fff; padding-left: 24px; }
.cursore.zh a .main-anchor { width: 66px; }
.cursore a:last-of-type .main-anchor { margin-bottom: 0; }
.cursore .main-anchor.active { background-image: url('../images/main-anchor-active.png'); }
.cursore a .main-anchor.active { color: #a16434; }
.main-anchor.en { text-shadow: 1px 1px 1px #120a08;}
.main-anchor.en.active { text-shadow: none;}

#for-titolo1 { height: 294px; position: relative; text-align: center; margin-bottom: -70px; margin-top:182px; }
#for-titolo1.ani-title.animate hr {width: 200px;}
#for-titolo2 { height: 185px; position: relative; }
#for-titolo0, #for-titolo0b, #for-titolo3, #for-titolo4, #for-titolo5, #for-titolo6, #for-titolo7 { height: 181px; position: relative;}
#for-titolo0, #for-titolo0b {font-size: 45px; color:#ffefa7!important; left: -69px; top: -265px; position: absolute;}
#for-titolo0b {width: 570px;}
#for-titolo6 {margin-bottom: -60px; /* padding-top: 82px; */}
#for-orologio { height: 700px; position: relative; }
#for-premio { height: 700px; position: relative; /*margin-top: 160px;*/ }

.titolointerno {font-size: 45px; color: #ffefa7!important;}

#pp-swiper-container.en { margin-top: 125px; }

/* VIDEOS ----------------------------------------------------------- */
.video-overlay { position: fixed; left: 0; width: 100%; top: 0; bottom: 200px; background: #000000; display: none; opacity: 0; z-index: 110; overflow-y: hidden;}
.video-overlay video { width: 100%; }
.video-close { background: transparent url("../images/exit.png") no-repeat; border: none; position: absolute; top: 25px; right: 25px; width: 28px; height: 28px; }
.video-audio { background: transparent url("../images/volume-on.png"); border: none; position: absolute; top: 25px; right: 78px; width: 28px; height: 28px; }
.video-audio.off { background: transparent url("../images/volume-off.png"); }
.video-fullscreen { background: transparent url("../images/expand-yellow.png"); border: none; position: absolute; top: 25px; right: 131px; width: 28px; height: 28px; }

/* PROFILO AROMATOCO ----------------------------------------------------------- */
.profilo-aromatico .animazioni { height: 700px; align-items: center; align-content: center; text-align: center; }
.profilo-aromatico .animazioni.en { margin-top: 90px; }
.profilo-aromatico .animazioni div { height: 700px; align-items: center; /*align-content: center;*/ }
.profilo-aromatico .animazioni div canvas { max-height: 700px; max-width: 700px; }
.profilo-aromatico .animazioni div canvas#canvas6Note { height: 700px !important; width: 933px !important; max-height: 700px; max-width: 933px; }
.profilo-aromatico .tabs { text-align: center; align-items: center; align-content: center; }
.profilo-aromatico .tabs table { display: inline-table; }
.profilo-aromatico .tabs a { font-size: 20px; color: #4E261F; text-decoration: none; font-weight: 600;}
.profilo-aromatico .tabs a:hover, .profilo-aromatico .tabs a.active { color: #FFEFA7; text-decoration: underline; }
.profilo-aromatico .for-titles { padding-top: 200px; }

/* PROFILO AROMATOCO ----------------------------------------------------------- */
.processo-produttivo .row.slider {
    height: 550px;
}
.processo-produttivo .row.slider .maschera {
    height: 100%;
    width: 700px;
    overflow: hidden;
    position: relative;
}
.processo-produttivo .row.slider .maschera .strip {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 2000px;
}
.processo-produttivo .row.slider .maschera .strip .item { float: left; }
.processo-produttivo .row.slider .maschera .strip .item.filler { width: 350px; height: 550px; }
.processo-produttivo .row.slider .maschera .strip canvas.item { height: 550px; }
.processo-produttivo .placeholder { width: 100%; height: 550px; background: url('../images/processo-produttivo.png') no-repeat center; margin-top: 30px; }
.processo-produttivo .subtitle { font-weight: 300; font-size: 19px; line-height: normal; letter-spacing: -0.2pt; color: #4e261f; text-align: center; text-transform: uppercase; margin-top: 20px; }
.processo-produttivo .for-titles { padding-top: 140px; }
.processo-produttivo .swiper-button-next { z-index: 140; cursor: pointer; width: 153px; height: 177px; margin-top: -88px; right: 12%; margin-left: -76px; position: absolute; background: url('../processo-produttivo/pp-arrow-right.png') no-repeat; }
.processo-produttivo .swiper-button-prev { z-index: 140; cursor: pointer; width: 153px; height: 177px; margin-top: -88px; left: 20%; margin-left: -76px; position: absolute; background: url('../processo-produttivo/pp-arrow-left.png') no-repeat; }
.processo-produttivo .swiper-button-next.en { margin-top: -115px; }
.processo-produttivo .swiper-button-prev.en { margin-top: -115px; }
.processo-produttivo .swiper-button-prev.swiper-button-disabled, .processo-produttivo .swiper-button-next.swiper-button-disabled { opacity: 0; }
/* .swiper-button-disabled */
/* PROFILO AROMATOCO ----------------------------------------------------------- */
.la-nostra-comunicazione .slider { height: 438px; margin-top: 50px; }
.la-nostra-comunicazione .slider .freccia, .la-nostra-comunicazione .slider .player { height: 100%; }
.la-nostra-comunicazione .slider .freccia img { margin-top: 194px; }
.la-nostra-comunicazione .slider .freccia .dx { text-align: right; }
.la-nostra-comunicazione .slider .player { position: relative; text-align: center; align-items: center; align-content: center; }
.la-nostra-comunicazione .slider .player img.big-play { position: absolute; left: 50%; top: 50%; z-index: 10; margin-left: -59px; margin-top: -59px; }
/*.la-nostra-comunicazione .slider .player video { height: 100%; width: 100%; }*/
.la-nostra-comunicazione .didascalia { text-align: center; font-size: 18px; color: #4e261f; padding: 13px 0; }

.la-nostra-comunicazione .xplayer-audio { width: 28px; height: 28px; position: absolute; bottom: 15px; left: 50%; margin-left: -28px; background: url('../images/volume-off-white.png') no-repeat; cursor: pointer; }
.la-nostra-comunicazione .xplayer-fullscreen { width: 28px; height: 28px; position: absolute; bottom: 15px; left: 50%; margin-left: 28px; background: url('../images/expand.png') no-repeat; cursor: pointer; }

.la-nostra-comunicazione .spot-item { position: relative; text-align: center; }
.la-nostra-comunicazione .spot-item .poster { position: absolute; left: 50%; top:0; width: 778px; height: 438px; margin-left: -389px; }
.la-nostra-comunicazione .spot-item .video { position: absolute; left: 50%; top:0; width: 778px; height: 438px; margin-left: -389px; display: none; }
/* .la-nostra-comunicazione .spot-item .xplayer-audio { display: none; } */
/* .la-nostra-comunicazione .spot-item .xplayer-fullscreen { display: none; } */

.la-nostra-comunicazione .spot-item.play .poster { display: none; }
.la-nostra-comunicazione .spot-item.play .video { display: block; }
.la-nostra-comunicazione .spot-item.play .big-play { display: none; }
.la-nostra-comunicazione .spot-item.play .xplayer-audio { display: block; }
.la-nostra-comunicazione .spot-item.play .xplayer-fullscreen { display: block; }

.la-nostra-comunicazione .xplayer-audio.active { background-image: url('../images/volume-on-white.png'); }
.la-nostra-comunicazione .tabs {margin-top: 20px; }
.la-nostra-comunicazione .tabs a { font-size: 20px; color: #ffffff; font-weight: 600; text-decoration: none; display: inline-block; width: 120px; }
.la-nostra-comunicazione .tabs a:first-of-type { text-align: right; }
.la-nostra-comunicazione .tabs a.active { font-size: 20px; color: #ffefa7; font-weight: 600; text-decoration: underline; }
.la-nostra-comunicazione .tabs a:hover { font-size: 20px; color: #ffefa7; font-weight: 600; text-decoration: none; }
.la-nostra-comunicazione .stampa .thumb { width: 438px; height: 438px; position: absolute; top: 0; left: 50%; margin-left: -219px; }

/* MIXOLOGY ----------------------------------------------------------- */
.mixology .slider { height: 475px; }
.mixology .subtitle { color: white; font-size: 26px; text-align: center; }
.mixology .slider { margin-top: 74px; margin-bottom: 80px; }
.mixology-interna .mixology .slider { margin-top: 0; margin-bottom: 0; }
.mixology-interna .mixology .slider.con-margini { /*margin-top: 74px; margin-bottom: 80px;*/ }
.mixology .slider .immagine { text-align: center; }
.mixology .slider .immagine img.bicchiere { height: 418px; width: auto; margin-top: 30px; }
.mixology .slider .freccia img { margin-top: 183px; }
.mixology .slider .nome { margin-top: 20px; color: #ffffff; font-weight: 600; font-size: 45px; text-align: center; }
.mixology .slider .freccia.dx { text-align: right; }
.mixology .slider .recipe { text-align: center; font-size: 18px; color: #ffefa7; line-height: 24px; text-transform: uppercase;}
.mixology .slider .parts { text-decoration: none; color: #ffefa7; font-weight: 600; font-size: 18px; line-height: 29px; text-transform: uppercase; }
.mixology .slider .recipe .ingredienti { overflow-y: hidden; }
.mixology .slider .recipe .preparazione { overflow-y: hidden; overflow-x: hidden; }
.mixology .slider .recipe .preparazione h3 { font-size: 20px; font-weight: 400; color: #ffefa7; text-decoration: none;font-style: italic; margin-bottom: 5px; }
.mixology .slider .recipe .preparazione p { font-size: 16px; font-weight: 300; color: #ffffff; text-transform: none; line-height: 18px; }
.mixology .tabs { text-align: center; padding-top: 40px; }
.mixology .tabs a { text-transform: uppercase; color: #ffffff; opacity: .2; font-weight: 600; font-size: 20px; }
.mixology .tabs a.cta.bartender { text-transform: uppercase; font-weight: normal; color: #ffffff; opacity: .2; font-size: 19px; }
.mixology .tabs a:hover { opacity: 1; text-decoration: none; }
.mixology .tabs a.active { opacity: 1; text-decoration: underline; }
.mixology h3 { font-family: SemplicitaPro-Bold; font-size: 44px; font-weight: 600; text-align: center; color: #ffefa7; margin-top: 0;}
.mixology .h450 { height: 450px; }
.mixology .slider table, .mixology .slider .preparazione, .mixology .slider .ingredienti { font-size: 18px; color: #ffffff; }
.mixology .slider .ingredienti table { text-transform: uppercase; font-size: 20px; line-height: 24px; text-align: right;}
.mixology .slider .preparazione p { font-size: 18px; margin-bottom: 20px; }
.mixology .slider .preparazione p:last-of-type { margin-bottom: 0; }
.mixology .slider .mix-share img { margin-top: 40px; }
/* .mixology.en .slider { margin-top: 130px; } */
.mixology.en span.sub-titolo-6 { margin-top: 50px; display: inline-block; font-size: 18px; }

#montemanhattan .swiper-slide { margin-top: 66px; }
#montenegroni .swiper-slide { margin-top: 66px; }
#montemule .swiper-slide { margin-top: 66px; }
#il130 .swiper-slide { margin-top: 66px; }
#monte_on_the_rocks .swiper-slide { margin-top: 66px; }
#monte_royal .swiper-slide { margin-top: 66px; }

#moblazy9 .coctails img.glass { margin-top: 30px; }
#moblazy9 .slide_h2 { position: absolute; top: -5px; left: 0; width: 100%; height: 70px; text-align: center; }
#moblazy9 .slide_h2 h2 { text-align: center; display: none; color: #ffffff; opacity: 1; font-size: 32px; font-weight: 600; }

img.coc-share { margin-top: 20px; }

    /* SOCIAL WALL ----------------------------------------------------------- */
.social-wall .fb-card {
    width: 100%;
    background: white;
    padding: 10px;
    display: inline-block;
    color: #424242;
}
.social-wall .fb-card .fb-card-data {
    width: 100%;
    height: 70px;
    margin-bottom: 10px;
    overflow: hidden;
}
.social-wall .fb-card .fb-card-data .created_time { float: right; color: #90949c;}
.social-wall .fb-card .fb-card-data .profile { margin-bottom: 10px;}
.social-wall .fb-card .fb-card-data .profile img {float: left; margin-right: 10px; }
.social-wall .fb-card .fb-card-data .profile .nome {color: #4e261f; font-weight: 400; font-size: 14px; }
.social-wall .fb-card .fb-card-image { width: 100%; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 10px; }
.social-wall .fb-card .fb-card-share img { height: 25px; width: auto; }

/* FOOOTER  ----------------------------------------------------------- */
footer { height: 225px; width: 100%; color: #fff; font-size: 14px; background: #fff4bf url('../images/footer.jpg') no-repeat; background-position: top; }
footer.it { background: none; }
footer .bottom { height: 150px; position: relative; width:100%; }
footer.it .bottom { background-color: #492821; }
footer .bottom .logo-footer { opacity: 1; width: 250px; height: 82px; position: absolute; left: 50%; top: 50%; margin-left: -125px; margin-top: -41px }
footer .credits { height: 75px; }
footer.it .in-yellow{ background-color: #fff4bf; color: #693729; display: inline-block; width: 100%; padding-bottom: 22px; }
footer a { color: #693729; text-decoration: none; }
footer a:hover { color: #693729; text-decoration: underline; }
footer .bottom a { color: #fff4bf;}
footer .bottom a:hover { color: #fff4bf;}
footer .pt30 { padding-top: 30px; }
footer .bottom {background-color: #492821;}

footer .en.credits .text-credits { font-size: 13px; line-height: 8px; display: inline-block; padding-top: 10px; color: #4e261f; }

footer.en { height: 310px; }

.footer-bicchieri { position: absolute; left: 50%; bottom: 60px; /* width: 420px; height: auto; */ margin-left: -546px; opacity: 0; }
.footer-bicchieri.en { position: absolute; left: 50%; bottom: 60px; width: 162px; height: auto; margin-bottom: 40px; /* width: 420px; height: auto; */ margin-left: -478px; opacity: 0; }
.logo-social { position: absolute; left: 50%; bottom: 102px; height: 84px; margin-left: -130px; opacity: 1; }

/* MAIN SLIDER ----------------------------------------------------- */
#for-main-slider-sx { text-align: left; }
#for-main-slider-dx { text-align: right; }
#for-main-slider-sx img, #for-main-slider-dx img { margin-top: 417px; display: none; }
#for-main-slider-sx img { margin-left: 110px; }
#for-main-slider-dx img { margin-right: 110px; }

.main-slider-item { display: none; }
.main-slider-item p { line-height: 25px;}


.seguici { text-align: center; padding-top: 109px; line-height: 37px; vertical-align: middle; }
.seguici span { display: inline-block; font-size: 25px; color: #4e261f; vertical-align: middle; line-height: 37px; margin-right: 20px; }
.seguici img { display: inline-block; vertical-align: middle; margin-right: 20px; }

/* TESTI BOTTIGLIA  ----------------------------------------------------- */

.gwd-img-gse9, .gwd-img-1mim {color:white; font-family: SemplicitaPro-Bold; font-size: 54px; text-transform: uppercase;}
.gwd-img-irtl, .gwd-img-irtl {color: #ffefa7; font-family: SemplicitaPro-Bold; font-size: 54px; text-transform: uppercase;}
.gwd-p-5dj1-tt1 {font-family: SemplicitaPro-Bold!important; text-transform: uppercase; font-size: 41px!important;}
.gwd-p-5dj1 {font-family: SemplicitaPro-Bold!important; text-transform: uppercase; font-size: 41px!important; left: 21px!important;}
.gwd-span-1mvh {font-family: SemplicitaPro!important;}
.gwd-span-y3br-tt1 {font-family: SemplicitaPro!important;}

/* =============================== ORIGINI ================================= */
.pagine-interne h3 { font-size: 25px; color: #4e261f; font-weight: 600; }
.pagine-interne .light h3 { color: #faeaa4;}
.pagine-interne .displaced-down p { font-size: 18px; line-height: 24px; color: #4e261f; font-weight: 300; }
.pagine-interne .light p { color: #faeaa4;}
.pagine-interne img.icona { margin-top: 30px; }
.pagine-interne a { color: #4e261f; font-weight: 600; }
.pagine-interne a.cta { text-decoration: none; display: inline-block; cursor: pointer; line-height: 62px; height: 62px; padding-left: 24px; padding-right: 24px; background: transparent; text-transform: uppercase; font-weight: 300; font-size: 18px; }
.w100p { width: 100%; }
.pagine-interne a.cta:hover { text-decoration: none; color: #986935; border-color: #986935; }

/* =============================== ORIGINI ================================= */
.origini { position: relative; width: 100%; overflow: hidden; align-content: center; align-items: center; text-align: center; background-repeat: no-repeat; background-position: center; }
.origini.origini1 { height: 700px; background-image: url('../images/origini-1.jpg'); }
.origini.origini2 { height: 856px; background-image: url('../images/origini-2.jpg'); }
.origini.origini3 { height: 860px; background-image: url('../images/origini-3.jpg'); }
.origini.origini4 { height: 855px; background-image: url('../images/origini-4.jpg'); }
.origini.origini5 { height: 856px; background-image: url('../images/origini-5.jpg'); }
.origini.origini6 { height: 856px; background-image: url('../images/origini-6.jpg'); }
.origini.origini7 { height: 852px; background-image: url('../images/origini-7.jpg'); }

.origini.origini2 .sottotitolo { margin-top: 90px; }
.origini.origini3 .sottotitolo { margin-top: 90px; }
.origini.origini4 .sottotitolo { margin-top: 116px; }
.origini.origini5 .sottotitolo { margin-top: 88px; }
.origini.origini6 .sottotitolo { margin-top: 119px; }
.origini.origini7 .sottotitolo { margin-top: 119px; }

.origini.origini4 .cta.play { margin-top: 80px; border-color: #986935; line-height: 66px; letter-spacing: -0.2pt; height: 71px; font-size: 25px; padding-right: 80px; background-image: url('../images/brown-play.png'); background-repeat: no-repeat; background-position: right}
.origini .sottotitolo { height: 180px; }

.tratteggio-origini { position: absolute; left: 50%; margin-left: -12px; background: url('../mobile/tratteggio-origini.png') no-repeat; width: 25px; height: 0;}
.tratteggio-origini.tratteggio1 { top: 584px; }
.tratteggio-origini.tratteggio2 { top: 1441px; }
.tratteggio-origini.tratteggio3 { top: 2297px; }
.tratteggio-origini.tratteggio4 { top: 3155px; }
.tratteggio-origini.tratteggio5 { top: 4011px; }
.tratteggio-origini.tratteggio5 { top: 4011px; }
.tratteggio-origini.tratteggio6 { top: 4867px; }

/* =============================== LA FORMULA SEGRETA ================================= */
.formula-segreta { position: relative; width: 100%; overflow: hidden; align-content: center; align-items: center; text-align: center; background-repeat: no-repeat; background-position: center; }
.formula-segreta.formula-segreta1 { height: 700px; background-image: url('../la-formula-segreta/band-1.jpg'); }
.formula-segreta.formula-segreta2 { height: 978px; background-image: url('../la-formula-segreta/band-2.jpg'); }
.formula-segreta.formula-segreta3 { height: 1195px; background-image: url('../la-formula-segreta/band-3.jpg'); }
.formula-segreta.formula-segreta4 { height: 2274px; background-image: url('../la-formula-segreta/band-4.jpg'); }
.formula-segreta.formula-segreta5 { height: 1326px; background-image: url('../la-formula-segreta/band-5.jpg'); }
.formula-segreta.formula-segreta6 { height: 1008px; background-image: url('../la-formula-segreta/band-6.jpg'); }
/* .formula-segreta.formula-segreta7 { height: 862px; background-image: url('../la-formula-segreta/band-7.jpg'); } */

.formula-segreta .displaced-down table.note { width: 1139px; font-size: 18px; }
.formula-segreta .displaced-down table.note td { vertical-align: middle; color: #4e261d; }
.formula-segreta .displaced-down table.note td img { height: 110px; width: auto; }
.formula-segreta .displaced-down table.note.pari td.sx { width: 450px; text-align: left; }
.formula-segreta .displaced-down table.note.pari td.sx img { margin-left: 15px; }
.formula-segreta .displaced-down table.note.pari td.dx { text-align: left; }
.formula-segreta .displaced-down table.note.dispari td.sx { text-align: left; padding-right: 80px; padding-left: 15px; }
.formula-segreta .displaced-down table.note.dispari td.dx { text-align: right; width: 418px; }
.formula-segreta .displaced-down table.note.dispari td.dx img { margin-right: 15px; }
.pagine-interne .formula-segreta .displaced-down p.nota7 { margin-top: 110px; text-align: center; font-weight: bold; font-size: 25px; }
.pagine-interne .formula-segreta .displaced-down p.nota7 span { margin-top: 30px; display: inline-block;}
.formula-segreta #disp-icon3a { padding-top: 74px; }

.formula-segreta .swiper-button-next { z-index: 140; cursor: pointer; width: 153px; height: 177px; margin-top: -115px; right: 12%; margin-left: -76px; position: absolute; background: url('../processo-produttivo/pp-arrow-right.png') no-repeat; }
.formula-segreta .swiper-button-prev { z-index: 140; cursor: pointer; width: 153px; height: 177px; margin-top: -115px; left: 20%; margin-left: -76px; position: absolute; background: url('../processo-produttivo/pp-arrow-left.png') no-repeat; }
.formula-segreta .swiper-button-prev.swiper-button-disabled, .formula-segreta .swiper-button-next.swiper-button-disabled { opacity: 0; }

.formula-segreta.formula-segreta6 .container-fluid { padding: 0;}

.formula-segreta.formula-segreta6 .sottotitolo { margin-top: 134px; }

#sottotitolo5 p { line-height: 70px; top: 90px; }

.formula-segreta.formula-segreta1 .sottotitolo { margin-top: 100px; }
.formula-segreta.formula-segreta2 .sottotitolo { margin-top: 84px; }
.formula-segreta.formula-segreta4 .sottotitolo { margin-top: 115px; }

.tratteggio-formula { position: absolute; left: 50%; margin-left: -12px; background: url('../mobile/tratteggio-origini.png') no-repeat; width: 25px; height: 0;}
.tratteggio-formula.tratteggio1 { top: 584px; }
.tratteggio-formula.tratteggio2 { top: 1562px; }
.tratteggio-formula.tratteggio3 { top: 2757px; }
.tratteggio-formula.tratteggio4 { top: 5033px; }
.tratteggio-formula.tratteggio5 { top: 6357px; }
.tratteggio-formula.tratteggio6 { top: 7365px; }

/* =============================== SAPORE VERO ================================= */
.sapore-vero { position: relative; width: 100%; overflow: hidden; align-content: center; align-items: center; text-align: center; background-repeat: no-repeat; background-position: center; }
.sapore-vero.sapore-vero1 { height: 700px; background-image: url('../sapore-vero/band-1.jpg'); }
.sapore-vero.sapore-vero2 { height: 700px; background-image: url('../sapore-vero/band-2.jpg'); }
.sapore-vero.sapore-vero3 { height: 700px; background-image: url('../sapore-vero/band-3.jpg'); }
.sapore-vero.sapore-vero4 { height: 640px; background-image: url('../sapore-vero/band-4.jpg'); }
.sapore-vero p.in-head { margin-top: 125px; color: #ffffff; font-size: 18px;}

.sapore-vero.sapore-vero2 .sottotitolo { margin-top: 155px; }
.sapore-vero.sapore-vero3 .sottotitolo { margin-top: 146px; }
.sapore-vero.sapore-vero4 .sottotitolo { margin-top: 137px; }

.tratteggio-sapore { position: absolute; left: 50%; margin-left: -12px; background: url('../mobile/tratteggio-origini.png') no-repeat; width: 25px; height: 0;}
.tratteggio-sapore.tratteggio1 { top: 584px; }
.tratteggio-sapore.tratteggio2 { top: 1285px; }
.tratteggio-sapore.tratteggio3 { top: 1984px; }

/* =============================== MIXOLOGY ================================= */
.pagine-interne .mixology { position: relative; width: 100%; overflow: hidden; align-content: center; align-items: center; text-align: center; background-repeat: no-repeat; background-position: center; }
.mixology.mixology1 { height: 700px; background-image: url('../mixology/band-1.jpg'); }
.mixology.mixology2 {
    height: auto;
    background-size: cover;
    background-image: url('../mixology/band-2.jpg');
}
.mixology.mixology2 > .container {
    height: auto;
    padding-bottom: 80px;
}
/*
.mixology.mixology3 { height: 860px; background-image: url('../mixology/band-3.jpg'); }
.mixology.mixology4 { height: 855px; background-image: url('../mixology/band-4.jpg'); }
.mixology.mixology5 { height: 856px; background-image: url('../mixology/band-5.jpg'); }
*/
.mixology-interna .mix-separator { margin: 0 auto;}
.mixology-interna h3 { color: #fff;}
.pagine-interne.mixology-interna .displaced-down p { color: #ffffff; }
.mixology-interna .mixology #mix-slide-1 { /*margin-top: 170px;*/ height: auto; }
.mixology-interna .mixology .slider { height: auto; }
.mixology-interna p.for-bartender {text-align: center; color: #fff; font-size: 18px; margin: 220px 0 60px 0;}

button.cta.xx2, a.cta.xx2  { margin: 0; height: 98px; display: inline-block; }
button.cta.bartender.xxx, a.cta.bartender.xxx { margin-top: 0 !important; font-size: 25px; line-height: 30px; color: #fff; height: 98px; }
button.cta.bartender.xxx span, a.cta.bartender.xxx span { color: #d5b55f; }

/* .mixology #hernitage { top: 233px; } */
/*.mixology #sottotitolo1 { height: 100px; }*/
.mixology .cta.brown { margin-top: 25px; }

.tratteggio-mixology { position: absolute; left: 50%; margin-left: -12px; background: url('../mobile/tratteggio-origini.png') no-repeat; width: 25px; height: 0;}
.tratteggio-mixology.tratteggio1 { top: 584px; }
.tratteggio-mixology.tratteggio2 { top: 1441px; }
.tratteggio-mixology.tratteggio3 { top: 2300px; }
.tratteggio-mixology.tratteggio4 { top: 3155px; }

/* =============================== CONTATTI ================================= */
.contatti { position: relative; width: 100%; overflow: hidden; align-content: center; align-items: center; text-align: center; background-repeat: no-repeat; background-position: center; }
.contatti.contatti1 { height: 700px; background-image: url('../contatti/band-1.jpg'); }
.contatti.contatti2 { height: 977px; background-image: url('../contatti/band-2.jpg'); }


.contatti #contatti { top: 253px; }
.contatti .pi { margin: 70px 0 60px 0; display: inline-block; }
/*
.mixology #sottotitolo1 { height: 100px; }
.mixology .cta.brown { margin-top: 25px; }
*/
.tratteggio-contatti { position: absolute; left: 50%; margin-left: -12px; background: url('../mobile/tratteggio-origini.png') no-repeat; width: 25px; height: 0;}
.tratteggio-contatti.tratteggio1 { top: 584px; }
.contatti .location span { font-size: 17px; color: #4e261f; }
.contatti .location img { margin-bottom: 35px; }

.contatti .cta { width: 220px; margin-bottom: 10px; }
.contatti .cta.large { width: 320px; margin-bottom: 10px; }

/* =============================== RESPONSIBILITY ================================= */
.responsibility { position: relative; width: 100%; overflow: hidden; align-content: center; align-items: center; text-align: center; background-repeat: no-repeat; background-position: center; }
.responsibility.responsibility1 { height: 881px; background-image: url('../responsibility/band-1.jpg'); }
.responsibility.responsibility2 { height: 620px; background-image: url('../responsibility/band-2.jpg'); }

.responsibility #responsibility { top: 185px; }
.responsibility .icon-bottiglia { margin-top: 95px; }
.responsibility .in-head { margin-top: 35px; font-size: 30px; font-weight: bold; color: #ffffff; }

.tratteggio-responsibility { position: absolute; left: 50%; margin-left: -12px; background: url('../mobile/tratteggio-origini.png') no-repeat; width: 25px; height: 0;}
.tratteggio-responsibility.responsibility1 { top: 584px; }
.responsibility .location span { font-size: 17px; color: #4e261f; }
.responsibility .location img { margin-bottom: 35px; }

.responsibility .uno { margin-top: 100px; }
.responsibility .uno .cta { width: 220px; }
.responsibility .due { margin-top: 64px; }
.responsibility .due .cta { width: 480px; }
.responsibility .tre { margin-top: 86px; }
.responsibility .tre .cta { width: 480px }
.responsibility .quattro { margin-top: 60px; }
.responsibility .quattro .cta { width: 240px; }
.responsibility .separator-line { width: 80%; height: 3px; margin: 80px auto; background: url('../responsibility/riga-desktop.png') no-repeat; }

label.politica-sicurezza { font-size: 25px; color: #4e261f; padding: 35px 0 0 0; text-align: center; display: inline-block; width:100%; }

/* =============================== THE COCKTAILS ================================= */
.the-cocktails { position: relative; width: 100%; overflow: hidden; align-content: center; align-items: center; text-align: center; background-repeat: no-repeat; background-position: center; }
.the-cocktails.the-cocktails1 { height: 700px; background-image: url('../en_the_cocktails/band-1.jpg'); }
.the-cocktails.the-cocktails2 { height: 2013px; background-image: url('../en_the_cocktails/band-2.jpg'); background-size: cover; }

.tratteggio-the-cocktails { position: absolute; left: 50%; margin-left: -12px; background: url('../mobile/tratteggio-origini.png') no-repeat; width: 25px; height: 0;}
.tratteggio-the-cocktails.tratteggio1 { top: 584px; }

.the-cocktails .coc-row { margin-bottom: 0; width: 100%; display: inline-block; }
.the-cocktails .coc-row .coc-box { float: left; width: 365px; height: 365px; margin-right: 22px; margin-bottom: 22px; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; }
.the-cocktails .coc-row .coc-box:last-of-type { margin-right: 0; }
.the-cocktails .coc-row .coc-box .coc-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); }
.the-cocktails .coc-row .coc-box .coc-cover h2 { font-size: 25px; font-weight: 600; color: #ffffff; margin: 0; padding: 170px 0 0 0; }
.the-cocktails .coc-row.row1 .coc-box.box1 { background-image: url('../en_the_cocktails/monterita.jpg'); }
.the-cocktails .coc-row.row1 .coc-box.box2 { background-image: url('../en_the_cocktails/2-pamona-royale.jpg'); }
.the-cocktails .coc-row.row1 .coc-box.box3 { background-image: url('../en_the_cocktails/monte_paloma.jpg'); }
.the-cocktails .coc-row.row2 .coc-box.box1 { background-image: url('../en_the_cocktails/monte_whisky_sour.jpg'); }
.the-cocktails .coc-row.row2 .coc-box.box2 { background-image: url('../en_the_cocktails/5-sword-shield.jpg'); }
.the-cocktails .coc-row.row2 .coc-box.box3 { background-image: url('../en_the_cocktails/6-sid-eye.jpg'); }
.the-cocktails .coc-row.row3 .coc-box.box1 { background-image: url('../en_the_cocktails/monte_e_monte.jpg'); }
.the-cocktails .coc-row.row3 .coc-box.box2 { background-image: url('../en_the_cocktails/montenegro_spritz.jpg'); }
.the-cocktails .coc-row.row3 .coc-box.box3 { background-image: url('../en_the_cocktails/9-monte-cobbler.jpg'); }
.the-cocktails .coc-row .coc-box .coc-slider { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.9); opacity: 0; }
.the-cocktails .coc-row .coc-box .coc-slider h2 { font-size: 25px; color: #ffefa7; font-weight: 600; margin: 0; padding: 16px 0 8px 0; }
.the-cocktails .coc-row .coc-box .coc-slider hr { width: 260px; height: 1px; color: #fff; line-height: 3px; margin: 0 auto; }
.the-cocktails .swiper-container { height: 210px; margin-top: 26px; }
.the-cocktails .coc-row .coc-box .coc-slider h3 { font-size: 18px; font-weight: 600; color: #ffefa7; margin: 0; padding: 0; }
.the-cocktails .coc-row .coc-box .coc-slider p { font-size: 18px; line-height: 24px; font-weight: 300; color: #ffffff; padding: 0 40px; }
.the-cocktails .coc-row .coc-box .coc-slider table { width: 100%; height: 100%; }
.the-cocktails .coc-row .coc-box .coc-slider table td { vertical-align: middle; text-align: center; }
.the-cocktails .coc-row .coc-box .coc-slider .coc-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; display: inline-block; }
.the-cocktails .coc-row .coc-box .coc-slider .coc-footer .coc-sharer { margin-bottom: 22px; }
.the-cocktails .coc-row .coc-box .coc-slider .coc-footer .coc-author { margin-bottom: 10px; font-size: 12px; font-weight: 300; color: #fff; }

.the-cocktails .swiper-button-prev { z-index: 140; cursor: pointer; width: 18px; height: 36px; margin-top: 0; top: 87px; left: 12px; position: absolute; background: url('../images/arrow-white-sx.png') no-repeat; background-size: cover; }
.the-cocktails .swiper-button-next { z-index: 140; cursor: pointer; width: 18px; height: 36px; margin-top: 0; top: 87px; right: 12px; position: absolute; background: url('../images/arrow-wwhite-dx.png') no-repeat; background-size: cover; }
.the-cocktails .swiper-button-prev.swiper-button-disabled , .the-cocktails .swiper-button-next.swiper-button-disabled { opacity: 0; }
.the-cocktails a.cta { color: #ffffff; margin-top: 40px; }

.cocktails-intro { font-size: 18px; color: #ffffff; margin-bottom: 44px; }

#play-cap3 { /* margin-top: 442px; */ margin-right: 10px; }
#play-cap2 { bottom: 116px; position: relative; }

/* =============================== SOCIAL NETWORKS ================================= */
.social { position: relative; width: 100%; overflow: hidden; align-content: center; align-items: center; text-align: center; background-repeat: no-repeat; background-position: center; }
.social.social1 { height: 700px; background-image: url('../social/band-1.jpg'); }
.social.social2 { height: 1238px; background-image: url('../social/band-2.jpg'); }
.social.social3 { height: 1130px; background-image: url('../social/band-3.jpg'); }

.social #social { top: 235px; }

.tratteggio-social { position: absolute; left: 50%; margin-left: -12px; background: url('../mobile/mob-tratteggio-origini.png') no-repeat; width: 25px; height: 0;}
.tratteggio-social.tratteggio1 { top: 627px; }
.tratteggio-social.tratteggio2 { top: 1864px; }

.social .fb-card {
    width: 100%;
    background: white;
    padding: 10px;
    display: inline-block;
}
.social .fb-card .fb-card-data {
    width: 100%;
    height: 64px;
    margin-bottom: 10px;
    overflow: hidden;
}
.social .fb-card .fb-card-data .created_time { float: right; color: #90949c;}
.social .fb-card .fb-card-data .profile { margin-bottom: 10px;}
.social .fb-card .fb-card-data .profile img {float: left; margin-right: 10px; }
.social .fb-card .fb-card-data .profile .nome {color: #4e261f; font-weight: 400; font-size: 14px; }
.social .fb-card .fb-card-image { width: 100%; padding-bottom: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 10px; }
.social .fb-card .fb-card-share img { height: 25px; width: auto; }
.social .social-row { margin-top: 115px; }
.social h3 { font-size: 49px; text-transform: uppercase; color: #ffffff; font-weight: 400; margin-top: 100px; }

.social .faqs { text-align: left; color: #ffffff; margin-top: 150px; }
.social .faqs .faq { display: inline-block; width: 100%; margin-bottom: 50px;}
.social .faqs .faq:last-of-type { margin-bottom: 0; }
.social .faqs .faq .question { font-size: 32px; width: 100%; cursor: pointer; }
.social .faqs .faq .answer { font-size: 24px; display: none; margin-top: 35px; width: 100%; }
.social .faqs .faq.expanded .answer { display: inline-block; }
.social .faqs .faq .question img { float: right; }
.social .faqs .faq .question img.expand { display: inline-block; }
.social .faqs .faq .question img.collapse { display: none; }
.social .faqs .faq.expanded .question img.expand { display: none; }
.social .faqs .faq.expanded .question img.collapse { display: inline-block; }

.fancybox-slide--iframe .fancybox-content {
    width  : 100% !important;
    height : 100% !important;

    max-width  : 100% !important;
    max-height : 80% !important;

    margin: 0;
}
.fancybox-toolbar {
    z-index: 400000;
}

#mobile-swipe-hand { margin-top: 20px; }

/* SECTION TITLE - Animazione sottotitoli */
.section-subtitle { margin-top: 0px; position: relative; width: 100%; height: 120px; }
.section-subtitle p.chiaro { padding: 0 20px; font-size: 65px; /*line-height: 74px;*/ color: #ffefa7; font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: 600; }
.section-subtitle p.scuro { padding: 0 20px; font-size: 65px; /*line-height: 74px;*/ color: #4e261f; font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: 600; }
.section-subtitle img.stella { width: 25px; height: 25px; position: absolute; bottom: 2px; left: 50%; margin-left: -12px;}
.section-subtitle img.linea_sx { right: 50%; margin-right: 20px; bottom: 14px; position: absolute; width: 130px; }
.section-subtitle img.linea_dx { left: 50%; margin-left: 20px; bottom: 14px; position: absolute; width: 130px; }
@keyframes ani_ss_p { 0% { scale: 0; transform: scale(0);} 100% { scale: 1; transform: scale(1); } }
.ss_p_animation { animation: ani_ss_p; animation-duration: 0.2s; animation-iteration-count: 1;}
@keyframes ani_ss_stella { 0% {scale: 0; transform: scale(0);} 100% { scale: 1; transform: scale(1);} }
.ss_stella_animation { animation: ani_ss_stella; animation_duration: 0.2s; animation-iteration-count: 1; }
@keyframes ani_ss_linea { 0% {transform: scale(0, 1); } 100% { transform: scale(1, 1);} }
.ss_linea_animation { animation: ani_ss_stella; animation-duration: 0.3s; animation-iteration-count: 1; animation-delay: 0.2s; }

/* EN PAGINE INTERNE */
.pagine-interne.en.with-gaps { background: #4e261f; color: #ffefa8; padding-top: 240px; padding-bottom: 200px; }
.pagine-interne.en.with-gaps h1, .pagine-interne.en h2 { font-size: 25px; }
.pagine-interne.en.with-gaps p { font-size: 18px; margin-bottom: 40px; color: #ffffff; }

.en.credits { padding-top: 15px; line-height: 25px; }

#ita-en{color:#ffffff;}

/* POPUP BANNER HP */
.popup-banner{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 10;
    position: absolute;
    bottom: 50px;
    right: 0;

    width: 450px;
    height: 200px;
    
    background-image: url('../images/bannerHp/popup-vr-2023.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    
    transition: all 0.8s ease-in-out;

    padding-bottom: 13px;
    
}

.img_banner {
    cursor: pointer;
    position: absolute;
    top: 44%;
    width: 7px;
    height: auto;
    object-fit: contain;
    left: 10px;
}

.open-banner {
    cursor: default;
    transform: translateX(91%);
}

.collegamento-banner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 200px;
    height: 30px;
    background-color: #f9efb5;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 4px;
    transform: translateX(-10px);
    font-size: 12px;
    line-height: normal;
    color: black;
}

.collegamento-banner:hover{
    text-decoration: none;
    color: black;
}

.collegamento-banner svg {
    /* width: 25px; */
    height: 10px;
}

.collegamento-banner-visible{

    visibility: hidden;

}

@media screen and (max-width: 700px) {
    .popup-banner{ 
        width: 300px; 
        bottom: 42%;
    }

    .collegamento-banner{
      height: 20px;
      width: 140px;
      font-size: 8px;
      transform: translate(-10px, -30px);
    }

    .collegamento-banner svg {
      height: 8px;
    }
    
}

/* END BANNER HP */