#LOGO IMG { height:14vh; width:auto }
#LOGO { position: absolute; top:100vh; right:4vw; margin-top:0; transform: translateY(-110%);  }
#LOGO.introAnim { transform: translateY(400%) }
#LOGO.introAnim.show { transform: translateY(-110%) }


#NAV { bottom:0; text-align:left; margin-left:4vw; margin-bottom:4vw }
#NAV LI { margin:0;margin-top:2px; display: block }
#NAV LI.sep { display: none}
#NAV LI A { font-size:14px; line-height:1}

#SOCIAL { top:4vw; right:4vw; }
#SOCIAL LI { display: block; margin:0; margin-bottom:4vw }


.bottle { top:18vh; z-index:initial }
.bottle_img IMG { height:70vh }
.bottle_bg { height:60vh }
.speakers IMG { height:30vh }


#TEXTS { position: absolute; width:100vw; right:0; top:2vh }
.playsign { top:0 !important }
.playsign IMG {height:18vh; width:auto; max-width:80vw; margin-left:50%; transform: translateX(-50%)}
.play_text { display: none }

#popup_title { font-size:20px; text-align:left; padding-left:16px }

/* INFO */
#INFO { 
    display: block;
    position:fixed; z-index:1000001;
    right:calc(-75vw - 7px); top:50%; transform:translateY(-50%);
    width:75vw; height:auto;
    border:3px solid #FFF; border-right:none;
    box-shadow:0px 0px 10px rgba(0,0,0,0.8);    
    transition: all 0.5s ease;
}
#INFO.info_open { right:0 }
#INFO.info_hidden { right:-100% }

#INFO .info_label {
    display: inline-block;
    position: absolute; top:50%;
    transform-origin:left bottom; 
    transform: rotate(-90deg);
    padding:6px 15px 14px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border:3px solid #FFF; border-bottom:none;
    font-size:24px; color: #FFF;
    box-shadow:0px -5px 5px rgba(0,0,0,0.3);    
    background-image: url('../../resources/images/bg_red.jpg');
    background-position: right center;
}
#INFO .info_label i.fa { font-size:28px }

#INFO .info_text { 
    padding:20px;
    font-size:20px; color:#FFF;;
    text-align: left;
    background-image: url('../../resources/images/bg_red.jpg');
    background-position: left center;
}

#AGE_GATE { top:45% }
#COOKIES_CONSENT { left:50%; transform:translateX(-50%)}