Home Vip Lounge

300 × 150
<a href='#maincontent' class='c-skip-navigation'>
    Passa al contenuto principale
</a>

<header class="c-header ">

    <div class="c-header__inner">
        <div class="c-header_orientation">
            <div class="c-orientation ">
                <div class="c-orientation__inner">
                    <ul class="c-site-areas " aria-hidden="true">
                        <li>
                            <a href="/components/preview/page-home-travel--default" class="is-active">Viaggiare</a>
                        </li>

                        <li>
                            <a href="/components/preview/page-society-home">Società</a>
                        </li>

                        <li>
                            <a href="/components/preview/page-investor-home">Investor relations</a>
                        </li>

                        <li>
                            <a href="/components/preview/page-innovability-home">Innovability</a>
                        </li>

                        <li>
                            <a href="" class="c-sites-areas__link">Lavora con noi</a>
                        </li>

                    </ul>

                    <div class="c-orientation__utilities">
                        <a class="c-orientation__assistance " href="../preview/page-home-customer-care.html">
                            Hai bisogno di aiuto?
                        </a>
                        <div class="c-menu">
                            <input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
                            <label for="toggle" data-opens-menu>
                                <span>Accedi a MyBLQ</span>
                                <img src="../../images/svgs/stk_generic-user.svg" alt="" role="presentation" aria-hidden="true" width="24">

                                <svg class="expanded-text c-icon c-icon--24">
                                    <use xlink:href="#ic_arrow_drop_up_black_24px"></use>
                                </svg> <svg class="collapsed-text c-icon c-icon--24">
                                    <use xlink:href="#ic_arrow_drop_down_black_24px"></use>
                                </svg> <span class="u-visuallyhidden expanded-text">Menù aperto</span>
                                <span class="u-visuallyhidden collapsed-text">Menù chiuso</span>
                            </label>
                            <div role="menu" data-menu-origin="right">
                                <div class="c-menu__img">
                                    <img src="../../images/svgs/stk_generic-user.svg" alt="Accedi alla MyBLQ" aria-hidden="true" width="80">
                                </div>
                                <p class="c-menu__title">Accedi alla tua area MyBLQ</p>
                                <form action="" class="c-form c-form--menu">
                                    <label for="login_email" class="" aria-label="">

                                        e-mail

                                        <input id="login_email" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="" aria-describedby="email-login-note">

                                        <p class="c-field__note u-visuallyhidden" id="email-login-note">
                                            Compila il campo inserendo il tuo indirizzo e-mail
                                        </p>

                                    </label>

                                    <label for="login-psw" class="has-password-button" aria-label="">

                                        password

                                        <input id="login-psw" type="password" class="" placeholder="Inserisci la tua password" value="" aria-describedby="psw-login-note" autocomplete="current-password">

                                        <button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>

                                        <p class="c-field__note u-visuallyhidden" id="psw-login-note">
                                            Compila il campo inserendo la password del tuo account
                                        </p>

                                    </label>

                                    <a href="/components/preview/insert-email" class="forgetful">Non ricordi la tua password?</a>
                                    <button type="button" class="c-button c-button--submit">

                                        Accedi

                                    </button>
                                </form>
                                <a href="/components/preview/page-choice-profile" class="c-menu__invite">Non hai un profilo MyBLQ? Registrati ora</a>
                            </div>
                        </div>
                        <a class="c-orientation__assistance " href="../preview/page-home-assistenze.html">
                            <span class="u-visuallyhidden">Assistenze speciali</span>
                            <img src="../../images/svgs/icon_ special_assistance_24px.svg" class="prm-icon" alt="">
                        </a>
                        <div class="c-languages__dropdown">
                            <input type="checkbox" id="checkbox_language_toggle" class="c-languages__switch">
                            <label for="checkbox_language_toggle">
                                ita
                                <svg class="c-icon c-icon--24 chevron--up">
                                    <use xlink:href="#ic_arrow_drop_up_black_24px"></use>
                                </svg> <svg class="c-icon c-icon--24 chevron--down">
                                    <use xlink:href="#ic_arrow_drop_down_black_24px"></use>
                                </svg>
                                <ul class="c-languages__dropdown-content" aria-label="Seleziona la lingua del sito">
                                    <li>
                                        <a href="#" aria-label="Inglese">eng</a>
                                    </li>
                                    <li>
                                        <a href="#" aria-label="Cinese">zh</a>
                                    </li>
                                </ul>
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-header__toolbar">
            <div class="c-toolbar">

                <div class="c-toolbar__inner">
                    <div class="c-toolbar__left">
                        <a href="/components/preview/page-home-travel--default" class="c-toolbar__logo">
                            <img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
                        </a>
                        <a href="/components/preview/page-home-travel--default" class="c-toolbar__logo c-toolbar__logo--innovability">
                            <img src="../../images/svgs/logo-innovability.svg" class="c-logo c-logo--innovability" alt="Homepage aeroporto di Bologna">
                        </a>
                    </div>

                    <div class="c-toolbar__center" aria-hidden="true">
                        <div class="c-header__shortcuts" aria-hidden="true">
                            <nav class="c-navigation-shortcuts">
                                <ul>
                                    <li class="has-dropdown is-active">
                                        <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                            <div class="o-collapsible__title js-collapsible-title ">
                                                <strong>Voli</strong>
                                                <span>Orari, destinazioni e info</span>
                                            </div>

                                            <div class="c-navigation-shortcuts__megamenu">
                                                <div class="c-megamenu">
                                                    <div class="c-megamenu__card">
                                                        <div class="c-megamenu__card-overlay">
                                                        </div>
                                                        <div class="c-megamenu__card-content">
                                                            <p class="c-megamenu__card-title">Vola da Bologna</p>
                                                            <div class="c-megamenu__card-abstract">

                                                                Cerca il tuo volo o vai alla sezione <a href="#">Arrivi e partenze</a>
                                                            </div>

                                                            <div class="c-megamenu__card-form c-form">
                                                                <div class="c-megamenu__card-input">
                                                                    <label for="flight-label" class="" aria-label="">

                                                                        Inserisci numero volo <span class="required-marker" aria-hidden="true">*</span>

                                                                        <input id="flight-id" type="text" class="" placeholder="" value="" aria-describedby="flight-note">

                                                                        <p class="c-field__note " id="flight-note">
                                                                            Es. AZ234 oppure Parigi
                                                                        </p>

                                                                    </label>

                                                                </div>
                                                                <button type="button" class="c-button ">

                                                                    Cerca

                                                                </button>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="c-megamenu__main">
                                                        <div class="c-megamenu__lists">
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Vola da Bologna</strong>
                                                                <li><a href="/components/preview/page-arrivals-departures--default">Arrivi e partenze</a></li>
                                                                <li><a href="/components/preview/page-flights-buy-flight">Acquisto Volo</a></li>
                                                                <li><a href="/components/preview/page-flights-landing-destinations">Destinazioni</a></li>
                                                                <li><a href="/components/preview/page-flight-companies">Le nostre compagnie aeree</a></li>
                                                                <li><a href="/components/preview/page-tickets-phone">Biglietteria telefonica</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Prepara il tuo viaggio</strong>
                                                                <li><a href="/components/preview/page-routes-luggage">Bagagli</a></li>
                                                                <li><a href="/components/preview/page-routes-documents">Documenti</a></li>
                                                                <li><a href="#">Fast Track</a></li>
                                                                <li><a href="#">Viaggi e Covid-19</a></li>
                                                                <li><a href="/components/preview/page-parkings-home">Prenota un parcheggio</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Controlli in aeroporto</strong>
                                                                <li><a href="#">Controlli in partenza</a></li>
                                                                <li><a href="#">Controlli in arrivo</a></li>

                                                            </ul>

                                                        </div>
                                                        <div class="c-megamenu__crossell">
                                                            <p>Vola da Bologna e <a href="#">acquista online il tuo parcheggio</a> ad un prezzo scontato </p>
                                                        </div>
                                                    </div>

                                                    <button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
                                                        <svg class="c-icon c-icon--32">
                                                            <use xlink:href="#ic_close_black_24px"></use>
                                                        </svg> </button>
                                                </div>
                                                <div class="c-megamenu__overlay"></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="has-dropdown ">
                                        <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                            <div class="o-collapsible__title js-collapsible-title ">
                                                <strong>Parcheggi</strong>
                                                <span>Soste brevi e lunghe</span>
                                            </div>

                                            <div class="c-navigation-shortcuts__megamenu">
                                                <div class="c-megamenu">
                                                    <div class="c-megamenu__card">
                                                        <div class="c-megamenu__card-overlay">
                                                        </div>
                                                        <div class="c-megamenu__card-content">
                                                            <p class="c-megamenu__card-title">Parcheggia in aeroporto:</p>
                                                            <div class="c-megamenu__card-abstract">

                                                                Qualità e sicurezza al miglior prezzo
                                                            </div>

                                                            <a href="#" class="c-link c-link--primary">
                                                                <span>Acquista ora</span>
                                                                <svg class="svg-24">
                                                                    <use xlink:href="#ic_chevron_right_black_24px"></use>
                                                                </svg></a>
                                                        </div>
                                                    </div>
                                                    <div class="c-megamenu__main">
                                                        <div class="c-megamenu__lists">
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Parcheggia per volare</strong>
                                                                <li><a href="/components/preview/page-parkings-home">Acquista parcheggi</a></li>
                                                                <li><a href="/components/preview/page-meet-greet">Soste brevi</a></li>
                                                                <li><a href="/components/preview/page-where-to-pay">Come e dove pagare</a></li>
                                                                <li><a href="/components/preview/page-rates-conventions">Tariffe e convenzioni</a></li>
                                                                <li><a href="/components/preview/page-home-assistenze">Passeggeri a ridotta mobilità</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Parcheggia e raggiungi la città</strong>
                                                                <li><a href="#">Park &amp; Mex</a></li>
                                                                <li><a href="/components/preview/page-transports-mex">Marconi Express</a></li>

                                                            </ul>

                                                        </div>
                                                        <div class="c-megamenu__crossell">
                                                            <p>Fino al 30% di sconto su tariffe e ingressi Vip Lounge <a href="#">acquistando online il tuo parcheggio</a></p>
                                                        </div>
                                                    </div>

                                                    <button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
                                                        <svg class="c-icon c-icon--32">
                                                            <use xlink:href="#ic_close_black_24px"></use>
                                                        </svg> </button>
                                                </div>
                                                <div class="c-megamenu__overlay"></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="has-dropdown ">
                                        <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                            <div class="o-collapsible__title js-collapsible-title ">
                                                <strong>In aeroporto</strong>
                                                <span>Lounge, shopping e servizi</span>
                                            </div>

                                            <div class="c-navigation-shortcuts__megamenu">
                                                <div class="c-megamenu">
                                                    <div class="c-megamenu__card">
                                                        <div class="c-megamenu__card-overlay">
                                                        </div>
                                                        <div class="c-megamenu__card-content">
                                                            <p class="c-megamenu__card-title">MBL Lounge per partire rilassati</p>
                                                            <div class="c-megamenu__card-abstract">

                                                                Area relax e ristoro, wifi, fast-track dedicato e parcheggi a tariffe scontate
                                                            </div>

                                                            <a href="/components/preview/page-lounge" class="c-link c-link--primary">
                                                                <span>Prenota VIP Lounge</span>
                                                                <svg class="svg-24">
                                                                    <use xlink:href="#ic_chevron_right_black_24px"></use>
                                                                </svg></a>
                                                        </div>
                                                    </div>
                                                    <div class="c-megamenu__main">
                                                        <div class="c-megamenu__lists">
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Lounge e Servizi Premium</strong>
                                                                <li><a href="/components/preview/page-lounge">MBL VIP Lounge</a></li>
                                                                <li><a href="/components/preview/page-youfirst">Youfirst</a></li>
                                                                <li><a href="/components/preview/page-area-meeting">Meeting area</a></li>
                                                                <li><a href="/components/preview/page-fitness">Palestre</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Negozi e Ristoranti</strong>
                                                                <li><a href="/components/preview/page-shopping-listing">Fashion &amp; Style</a></li>
                                                                <li><a href="/components/preview/page-shopping-listing">General stores</a></li>
                                                                <li><a href="/components/preview/page-shopping-listing">Bar</a></li>
                                                                <li><a href="/components/preview/page-shopping-listing">Ristoranti</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Servizi</strong>
                                                                <li><a href="/components/preview/page-home-customer-care">Bagagli Smarriti</a></li>
                                                                <li><a href="/components/preview/page-home-customer-care">Cambio valuta</a></li>
                                                                <li><a href="/components/preview/page-home-customer-care">Tutti i servizi al passeggero</a></li>

                                                            </ul>

                                                        </div>
                                                        <div class="c-megamenu__crossell">
                                                            <p><a href="#">Acquista online Ingressi Vip Lounge</a> e avrai tariffe deicate per il tuo parcheggio</p>
                                                        </div>
                                                    </div>

                                                    <button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
                                                        <svg class="c-icon c-icon--32">
                                                            <use xlink:href="#ic_close_black_24px"></use>
                                                        </svg> </button>
                                                </div>
                                                <div class="c-megamenu__overlay"></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="has-dropdown ">
                                        <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                            <div class="o-collapsible__title js-collapsible-title ">
                                                <strong>Da e per l’aeroporto</strong>
                                                <span>Trasporti pubblici e auto</span>
                                            </div>

                                            <div class="c-navigation-shortcuts__megamenu">
                                                <div class="c-megamenu">
                                                    <div class="c-megamenu__card">
                                                        <div class="c-megamenu__card-overlay">
                                                        </div>
                                                        <div class="c-megamenu__card-content">
                                                            <p class="c-megamenu__card-title">Raggiungi la città in una manciata di minuti</p>
                                                            <div class="c-megamenu__card-abstract">

                                                            </div>

                                                            <a href="#" class="c-link c-link--primary">
                                                                <span>Scopri</span>
                                                                <svg class="svg-24">
                                                                    <use xlink:href="#ic_chevron_right_black_24px"></use>
                                                                </svg></a>
                                                        </div>
                                                    </div>
                                                    <div class="c-megamenu__main">
                                                        <div class="c-megamenu__lists">
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Trasporti pubblici da e per BLQ</strong>
                                                                <li><a href="/components/preview/page-transports-bus">Bus</a></li>
                                                                <li><a href="/components/preview/page-transports-taxi">Taxi</a></li>
                                                                <li><a href="/components/preview/page-transports-mex">Navetta Marconi Express</a></li>
                                                                <li><a href="/components/preview/page-transports-train">Treni</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Auto e trasporti privati</strong>
                                                                <li><a href="/components/preview/page-transports-car">Arrivare con l’auto</a></li>
                                                                <li><a href="/components/preview/page-transports-rent-car">Noleggio auto</a></li>
                                                                <li><a href="/components/preview/page-transports-rent-car">Noleggio con conducente</a></li>

                                                            </ul>

                                                        </div>
                                                    </div>

                                                    <button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
                                                        <svg class="c-icon c-icon--32">
                                                            <use xlink:href="#ic_close_black_24px"></use>
                                                        </svg> </button>
                                                </div>
                                                <div class="c-megamenu__overlay"></div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="has-dropdown ">
                                        <div class="c-navigation-shortcuts__dropdown o-collapsible">
                                            <div class="o-collapsible__title js-collapsible-title ">
                                                <strong>Necessità particolari</strong>
                                                <span>Accessibilità, Famiglie, Animali</span>
                                            </div>

                                            <div class="c-navigation-shortcuts__megamenu">
                                                <div class="c-megamenu">
                                                    <div class="c-megamenu__card">
                                                        <div class="c-megamenu__card-overlay">
                                                        </div>
                                                        <div class="c-megamenu__card-content">
                                                            <p class="c-megamenu__card-title">Siamo a tua disposizione</p>
                                                            <div class="c-megamenu__card-abstract">

                                                            </div>

                                                            <a href="#" class="c-link c-link--primary">
                                                                <span>Hai bisogno di aiuto?</span>
                                                                <svg class="svg-24">
                                                                    <use xlink:href="#ic_chevron_right_black_24px"></use>
                                                                </svg></a>
                                                        </div>
                                                    </div>
                                                    <div class="c-megamenu__main">
                                                        <div class="c-megamenu__lists">
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Assistenze speciali</strong>
                                                                <li><a href="/components/preview/page-routes-prm">Modalità di richiesta assistenza</a></li>
                                                                <li><a href="/components/preview/page-routes-prm-airport">Arrivo in aeroporto</a></li>
                                                                <li><a href="/components/preview/page-routes-prm-services">Servizi dedicati</a></li>
                                                                <li><a href="/components/preview/page-routes-prm-rights">Diritti e qualità del servizio</a></li>
                                                                <li><a href="/components/preview/page-home-assistenze">Autismo</a></li>
                                                                <li><a href="/components/preview/page-home-assistenze">Sordità - Servizio Tellis</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Famiglie e minori</strong>
                                                                <li><a href="/components/preview/page-home-assistenze">In aeroporto</a></li>
                                                                <li><a href="/components/preview/page-home-assistenze">Minori che viaggiano da soli</a></li>

                                                            </ul>
                                                            <ul>
                                                                <strong class="c-megamenu__listtitle">Animali al seguito</strong>
                                                                <li><a href="/components/preview/page-routes-animals">Regole per il trasporto</a></li>
                                                                <li><a href="/components/preview/page-routes-animals-ue">Paesi U.E.</a></li>
                                                                <li><a href="/components/preview/page-routes-animals-xue">Paesi Extra U.E.</a></li>

                                                            </ul>

                                                        </div>
                                                    </div>

                                                    <button type="button" class="c-navigation-shortcuts__closemegamenu js-closeMegaMenu" aria-label="Chiudi la guida del passeggero">
                                                        <svg class="c-icon c-icon--32">
                                                            <use xlink:href="#ic_close_black_24px"></use>
                                                        </svg> </button>
                                                </div>
                                                <div class="c-megamenu__overlay"></div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>

                    <div class="c-toolbar__right">

                        <a class="c-toolbar__assistance" href="../preview/page-home-assistenze.html">
                            <span class="u-visuallyhidden">Assistenze speciali</span>
                            <img src="../../images/svgs/icon_ special_assistance_24px.svg" class="prm-icon" alt="">
                        </a>

                        <div class="c-menu">
                            <input type="checkbox" role="button" aria-haspopup="true" id="mtoggle" class="u-visuallyhidden">
                            <label for="mtoggle" data-opens-menu>
                                <img src="../../images/svgs/stk_generic-user-white.svg" alt="" role="presentation" aria-hidden="true" width="24">
                            </label>
                            <div role="menu" data-menu-origin="right">
                                <div class="c-menu__img">
                                    <img src="../../images/svgs/stk_generic-user.svg" alt="Accedi alla MyBLQ" aria-hidden="true" width="80">
                                </div>
                                <p class="c-menu__title">Accedi alla tua area MyBLQ</p>
                                <form action="" class="c-form c-form--menu">
                                    <label for="login_email" class="" aria-label="">

                                        e-mail

                                        <input id="login_email" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="" aria-describedby="email-login-note">

                                        <p class="c-field__note u-visuallyhidden" id="email-login-note">
                                            Compila il campo inserendo il tuo indirizzo e-mail
                                        </p>

                                    </label>

                                    <label for="login-psw" class="has-password-button" aria-label="">

                                        password

                                        <input id="login-psw" type="password" class="" placeholder="Inserisci la tua password" value="" aria-describedby="psw-login-note" autocomplete="current-password">

                                        <button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>

                                        <p class="c-field__note u-visuallyhidden" id="psw-login-note">
                                            Compila il campo inserendo la password del tuo account
                                        </p>

                                    </label>

                                    <a href="/components/preview/insert-email" class="forgetful">Non ricordi la tua password?</a>
                                    <button type="button" class="c-button c-button--submit">

                                        Accedi

                                    </button>
                                </form>
                                <a href="/components/preview/page-choice-profile" class="c-menu__invite">Non hai un profilo MyBLQ? Registrati ora</a>
                            </div>
                        </div>
                        <button type="button" class="c-button c-toolbar__icon is-clickable js-fr-dialogmodal-open" aria-label="Cerca nel sito" aria-controls="dialog-search">

                            <svg class="c-icon c-icon--18">
                                <use xlink:href="#ic_search_black_24px"></use>
                            </svg>
                        </button>
                        <div class="c-notifications ">

                            <button type="button" class="c-notifications__button has-indicator js-toggleNotificationsBtn" aria-expanded="false" aria-label="Notifiche" aria-controls="aria-notifications">
                                <svg class="c-icon c-icon--24">
                                    <use xlink:href="#ic_notifications_active_black_24px"></use>
                                </svg>
                                <p class="c-notifications__indicator" aria-hidden="true">2</p>
                            </button>

                            <div class="c-notifications__box is-narrow has-indicator js-notificationsBox" aria-live="polite" id="aria-notifications">

                                <div class="c-notifications__head">
                                    <div class="c-notifications__title">
                                        Centro notifiche
                                    </div>
                                    <button type="button" class="c-notifications__closeBtn js-toggleNotificationsBtn" aria-expanded="false" aria-label="Chiudi" aria-controls="aria-notifications">
                                        Chiudi <svg class="c-icon c-icon--16">
                                            <use xlink:href="#ic_close_black_24px"></use>
                                        </svg>
                                    </button>
                                </div>

                                <ul class="c-notifications__list">
                                    <li class="important not-read">
                                        <span class="c-notifications__title">Lorem ipsum dolor sit amet</span>
                                        <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                        <a class="c-notifications__link" href="#">></a>
                                    </li>
                                    <li class="not-read">
                                        <span class="c-notifications__title"></span>
                                        <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                        <a class="c-notifications__link" href="#">></a>
                                    </li>
                                    <li class="">
                                        <span class="c-notifications__title"></span>
                                        <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                        <p>Prevista forte nevicata il 5 Dicembre dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                        <a class="c-notifications__link" href="#">></a>
                                    </li>
                                    <li class="">
                                        <span class="c-notifications__title"></span>
                                        <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                        <a class="c-notifications__link" href="#">></a>
                                    </li>
                                    <li class="">
                                        <span class="c-notifications__title"></span>
                                        <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                        <a class="c-notifications__link" href="#">></a>
                                    </li>
                                </ul>

                            </div>

                        </div>

                        <div class="c-header__switch c-toolbar__icon c-toolbar__switch is-clickable">
                            <div data-menu-component class='c-navigation-switch'>
                                <input type='checkbox' role='button' aria-haspopup='true' id='toggle-extended-nav' class='u-visuallyhidden' aria-hidden='true' />
                                <label for='toggle-extended-nav' data-opens-menu aria-hidden='true'>
                                    <span class='u-visuallyhidden expanded-text'>
                                        Chiudi menù
                                    </span>
                                    <span class='u-visuallyhidden collapsed-text'>
                                        Apri menù
                                    </span>
                                </label>
                            </div>
                        </div>

                    </div>
                </div>

            </div>

            <div class="c-dialog c-dialog--search js-fr-dialogmodal " id="dialog-search">
                <div class="js-fr-dialogmodal-modal">
                    <div role="document">

                        <div class="c-expanded-search ">

                            <form class="c-expanded-search__searchWrapper c-form">

                                <label for="search-field" class="  has-button" aria-label="">
                                    Cerca nel sito
                                    <input id="search-field" type="text" class="js-combobox " placeholder="" value="" aria-describedby="search-field-note" list="search-destinations" data-combobox-prefix-class="combobox" data-combobox-case-sensitive="no" data-combobox-search-option="containing" data-combobox-help-text="Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti." data-suggestion-single="C'è " data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti" data-combobox-see-more-text="Guarda più risultati">
                                    <button type="submit" class="c-button c-button--submit c-button--searchIcon " aria-label="Avvia la ricerca">
                                        <svg class="c-icon c-icon--18">
                                            <use xlink:href="#ic_search_black_24px"></use>
                                        </svg> </button>
                                    <datalist id="search-destinations">
                                        <option value="Check in A">
                                        <option value="Check in B">
                                        <option value="Check in C">
                                        <option value="Accettazione">
                                        <option value="Cafè">
                                        <option value="Bagagli">
                                        <option value="Bar centrale">
                                    </datalist>
                                    <p class="c-field__note " id="search-field-note">
                                        Scrivi ciò che vuoi cercare es: <strong>arrivi</strong>, <strong>bagagli</strong>, <strong>VIP lounge</strong>, etc &hellip;
                                    </p>
                                </label>
                                <p class="c-expanded-search__search-flight">
                                    <a href="../preview/page-arrivals-departures--default.html">Stai cercando un volo?→</a>
                                </p>

                                <div class="c-search-suggestions">

                                    <h3>Potrebbero esserti utili</h3>

                                    <ul class="c-search-suggestions__list">

                                        <li class="c-search-suggestions__item">
                                            <a href="#">Ultimi aggiornamenti covid <span aria-hidden="true">&#8594;</span></a>
                                        </li>
                                        <li class="c-search-suggestions__item">
                                            <a href="#">Parcheggia in aeroporto <span aria-hidden="true">&#8594;</span></a>
                                        </li>
                                        <li class="c-search-suggestions__item">
                                            <a href="#">Contatti e supporto <span aria-hidden="true">&#8594;</span></a>
                                        </li>
                                        <li class="c-search-suggestions__item">
                                            <a href="#">Fast track <span aria-hidden="true">&#8594;</span></a>
                                        </li>
                                    </ul>

                                </div>

                            </form>

                            <button type="button" class="c-expanded-search__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
                                Chiudi
                                <svg class="c-icon c-icon--18">
                                    <use xlink:href="#ic_close_black_24px"></use>
                                </svg> </button>

                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
    <div role="menu" data-menu-origin="top" class="c-header__primary-navigation">
        <nav class="c-primary-navigation">

            <ul class="c-site-areas c-primary-navigation__areas" aria-hidden="false">
                <li>
                    <a href="/components/preview/page-home-travel--default.html" class="is-active">Viaggiare</a>
                </li>

                <li>
                    <a href="/components/preview/page-society-home.html">Società</a>
                </li>

                <li>
                    <a href="/components/preview/page-investor-home.html">Investor relations</a>
                </li>

                <li>
                    <a href="/components/preview/papage-innovability-home.html">Innovability</a>
                </li>

            </ul>

            <ul class="c-primary-navigation__biz">

                <li>
                    <div class="c-primary-navigation__accordion o-collapsible">
                        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                            <strong>Voli</strong>
                            <span>Orari, destinazioni e info</span>
                        </p>
                        <ul class="sub-level">
                            <p class="sub-title">Vola da Bologna</p>
                            <li>
                                <a href="/components/preview/page-arrivals-departures--default">Arrivi e partenze</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-flights-buy-flight">Acquisto Volo</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-flights-landing-destinations">Destinazioni</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-flight-companies">Le nostre compagnie aeree</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-tickets-phone">Biglietteria telefonica</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Prepara il tuo viaggio</p>
                            <li>
                                <a href="/components/preview/page-routes-luggage">Bagagli</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-documents">Documenti</a>
                            </li>
                            <li>
                                <a href="#">Fast Track</a>
                            </li>
                            <li>
                                <a href="#">Viaggi e Covid-19</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-parkings-home">Prenota un parcheggio</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Controlli in aeroporto</p>
                            <li>
                                <a href="#">Controlli in partenza</a>
                            </li>
                            <li>
                                <a href="#">Controlli in arrivo</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li>
                    <div class="c-primary-navigation__accordion o-collapsible">
                        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                            <strong>Parcheggi</strong>
                            <span>Soste brevi e lunghe</span>
                        </p>
                        <ul class="sub-level">
                            <p class="sub-title">Parcheggia per volare</p>
                            <li>
                                <a href="/components/preview/page-parkings-home">Acquista parcheggi</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-meet-greet">Soste brevi</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-where-to-pay">Come e dove pagare</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-rates-conventions">Tariffe e convenzioni</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-assistenze">Passeggeri a ridotta mobilità</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Parcheggia e raggiungi la città</p>
                            <li>
                                <a href="#">Park &amp; Mex</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-mex">Marconi Express</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li>
                    <div class="c-primary-navigation__accordion o-collapsible">
                        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                            <strong>In aeroporto</strong>
                            <span>Lounge, shopping e servizi</span>
                        </p>
                        <ul class="sub-level">
                            <p class="sub-title">Lounge e Servizi Premium</p>
                            <li>
                                <a href="/components/preview/page-lounge">MBL VIP Lounge</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-youfirst">Youfirst</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-area-meeting">Meeting area</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-fitness">Palestre</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Negozi e Ristoranti</p>
                            <li>
                                <a href="/components/preview/page-shopping-listing">Fashion &amp; Style</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-shopping-listing">General stores</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-shopping-listing">Bar</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-shopping-listing">Ristoranti</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Servizi</p>
                            <li>
                                <a href="/components/preview/page-home-customer-care">Bagagli Smarriti</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-customer-care">Cambio valuta</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-customer-care">Tutti i servizi al passeggero</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li>
                    <div class="c-primary-navigation__accordion o-collapsible">
                        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                            <strong>Da e per l’aeroporto</strong>
                            <span>Trasporti pubblici e auto</span>
                        </p>
                        <ul class="sub-level">
                            <p class="sub-title">Trasporti pubblici da e per BLQ</p>
                            <li>
                                <a href="/components/preview/page-transports-bus">Bus</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-taxi">Taxi</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-mex">Navetta Marconi Express</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-train">Treni</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Auto e trasporti privati</p>
                            <li>
                                <a href="/components/preview/page-transports-car">Arrivare con l’auto</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-rent-car">Noleggio auto</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-transports-rent-car">Noleggio con conducente</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <li>
                    <div class="c-primary-navigation__accordion o-collapsible">
                        <p class="c-primary-navigation__toggle o-collapsible__title js-collapsible-title">
                            <strong>Necessità particolari</strong>
                            <span>Accessibilità, Famiglie, Animali</span>
                        </p>
                        <ul class="sub-level">
                            <p class="sub-title">Assistenze speciali</p>
                            <li>
                                <a href="/components/preview/page-routes-prm">Modalità di richiesta assistenza</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-prm-airport">Arrivo in aeroporto</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-prm-services">Servizi dedicati</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-prm-rights">Diritti e qualità del servizio</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-assistenze">Autismo</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-assistenze">Sordità - Servizio Tellis</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Famiglie e minori</p>
                            <li>
                                <a href="/components/preview/page-home-assistenze">In aeroporto</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-home-assistenze">Minori che viaggiano da soli</a>
                            </li>
                        </ul>
                        <ul class="sub-level">
                            <p class="sub-title">Animali al seguito</p>
                            <li>
                                <a href="/components/preview/page-routes-animals">Regole per il trasporto</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-animals-ue">Paesi U.E.</a>
                            </li>
                            <li>
                                <a href="/components/preview/page-routes-animals-xue">Paesi Extra U.E.</a>
                            </li>
                        </ul>
                    </div>
                </li>

            </ul>

            <div class="c-primary-navigation__remote">
                <a href="#">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_flight_takeoff_black_24px"></use>
                    </svg> <span>Arrivi e partenze</span>
                </a>
                <a href="#">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic-parking-sign-24px"></use>
                    </svg> <span>Prenota parcheggio</span>
                </a>
                <a href="#">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_weekend_black_24px"></use>
                    </svg> <span>Prenota LOUNGE</span>
                </a>
                <a href="#">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic-marconi-express-24px"></use>
                    </svg> <span>Treni per centro città</span>
                </a>
                <a href="#">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_help_black_24px"></use>
                    </svg> <span>Hai bisogno di aiuto?</span>
                </a>
            </div>

            <div class="c-primary-navigation__utils">
                <ul class="c-languages" aria-label="Seleziona la lingua del sito">
                    <li>
                        <a href="#" aria-label="ita">
                            <img src="../../images/svgs/flag_it.svg" class="c-language__img" alt="Lingua italiana" aria-hidden="true" />
                            ita
                        </a>
                    </li>
                    <li>
                        <a href="#" aria-label="eng">
                            <img src="../../images/svgs/flag_en.svg" class="c-language__img" alt="English language" aria-hidden="true" />
                            eng
                        </a>
                    </li>
                </ul>

                <a class="c-primary-navigation__assistance " href="../preview/page-home-assistenze.html">
                    Lavora con noi
                </a>
            </div>

        </nav>

    </div>

</header>
<div class="c-slim-alert c-slim-alert--generic c-slim-alert--mid-size-text">
    <div class="c-slim-alert__inner">
        <div class="c-slim-alert__content">
            <div class="c-slim-alert__label">
                <img src="../../images/svgs/stk_operaio_dark.svg" alt="Alt text sample" aria-hidden="true" width="24">
            </div>
            <div class="c-slim-alert__text">
                <p><a href="#">Lavori infrastrutturali</a></p>
            </div>
            <div class="c-slim-alert__notifications">
                <div class="c-notifications ">

                    <button type="button" class="c-notifications__button has-indicator js-toggleNotificationsBtn" aria-expanded="false" aria-label="Notifiche" aria-controls="aria-notifications">
                        <svg class="c-icon c-icon--24">
                            <use xlink:href="#ic_notifications_active_black_24px"></use>
                        </svg>
                        <p class="c-notifications__indicator" aria-hidden="true">2</p>
                    </button>

                    <div class="c-notifications__box is-narrow has-indicator js-notificationsBox" aria-live="polite" id="aria-notifications">

                        <div class="c-notifications__head">
                            <div class="c-notifications__title">
                                Centro notifiche
                            </div>
                            <button type="button" class="c-notifications__closeBtn js-toggleNotificationsBtn" aria-expanded="false" aria-label="Chiudi" aria-controls="aria-notifications">
                                Chiudi <svg class="c-icon c-icon--16">
                                    <use xlink:href="#ic_close_black_24px"></use>
                                </svg>
                            </button>
                        </div>

                        <ul class="c-notifications__list">
                            <li class="important not-read">
                                <span class="c-notifications__title">Lorem ipsum dolor sit amet</span>
                                <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <a class="c-notifications__link" href="#">></a>
                            </li>
                            <li class="not-read">
                                <span class="c-notifications__title"></span>
                                <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <a class="c-notifications__link" href="#">></a>
                            </li>
                            <li class="">
                                <span class="c-notifications__title"></span>
                                <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <p>Prevista forte nevicata il 5 Dicembre dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <a class="c-notifications__link" href="#">></a>
                            </li>
                            <li class="">
                                <span class="c-notifications__title"></span>
                                <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <a class="c-notifications__link" href="#">></a>
                            </li>
                            <li class="">
                                <span class="c-notifications__title"></span>
                                <p><strong>Prevista forte nevicata il 5 Dicembre</strong> dalle ore 10:00 alle ore 17:00. Parti prima e arriva per tempo in aeroporto.</p>
                                <a class="c-notifications__link" href="#">></a>
                            </li>
                        </ul>

                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div class='c-overlay'></div>

<main class="c-main--mbl-home" id='maincontent'>

    <div class="c-superhero c-superhero--mask c-superhero--mbl c-superhero--flex-headings u-no-mb" style="background-image: url(../../images/superhero-mbl.jpg)">

        <div class="c-superhero__heading">
            <img class="c-superhero__heading-img" src="../../images/svgs/mbl.svg" width="180" alt="BLQ Fitness Lounge">
            <div class="c-superhero__heading-txt">
                <h1>Rilassati e parti in prima fila!</h1>
                <p class="c-superhero__subtitle">Ingresso VIP Lounge&nbsp;<strong>a soli € 32,00</strong></p>
            </div>
        </div>

        <div class="c-superhero__inner">
            <div class="preform-header">
                <p class="preform-header__title">Cerca il tuo parcheggio:</p>
                <div class="preform-header__button"><button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open u-color-night-100" aria-controls="dialog-useful-info">

                        Regole e info utili
                        <svg class="c-icon--18">
                            <use xlink:href="#ic-info-serif"></use>
                        </svg>
                    </button></div>
            </div>

            <form action="../../#.html" class="c-form c-form--mbl " id="form-mbl">
                <div class="c-form__el c-form__el--23 c-form__el--cal">
                    <label for="departure-date-mobile" class="is-datepicker" aria-label="Scegli la data">

                        Data prevista <span class="required-marker" aria-hidden="true">*</span>

                        <input id="departure-date-mobile" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="departure-date-mobile-note">

                        <p class="c-field__note " id="departure-date-mobile-note">
                            Seleziona la data di ingresso
                        </p>

                    </label>

                </div>

                <div class="c-form__el c-form__el--13 c-form__el--cal">
                    <label for="persons-select" class="" aria-label="">
                        N° persone <span class="required-marker" aria-hidden="true">*</span>
                        <select id="persons-select" class="" aria-describedby="persons-select-note">
                            <option value="" disabled selected></option>
                            <option value="option-1" selected>1</option>
                            <option value="option-2">2</option>
                            <option value="option-3">3</option>
                            <option value="option-4">4</option>
                        </select>
                        <em class="c-field__note " id="persons-select-note">
                            N° persone
                        </em>
                    </label>
                </div>

                <div class="c-form__el c-form__el--cta">
                    <button type="submit" class="c-button c-button--submit">

                        Prenota ora

                    </button>
                </div>
            </form>
            <div class="c-superhero__blurred">
                <span>
                    <strong>Viaggi con dei bambini?</strong> I bambini sotto i 10 anni entrano gratis!
                </span>
            </div>
        </div>
    </div>

    <div class="u-fullbleed l-page-lounge__promo-strip">
        <div grid="grid">
            <div grid="10@xl offset-2@xl">
                <div grid="grid" class="mbl-promo">
                    <div grid="7@lg last@lg">
                        <div class="mbl-promo__player">
                            <iframe width="630" height="355" class="mbl-promo__video-iframe" src="https://www.youtube.com/embed/QZ5tabFRtJ0?si=4gjlJDgbtIGUbh08" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                        </div>
                    </div>
                    <div grid="5@lg" class="mbl-promo__info first@lg">
                        <div class="c-media o-media o-media--nephew">
                            <img class="c-media__figure o-media__figure" src="../../images/svgs/ic_call_black_24px.svg" alt="Contatti" height="" width="24">
                            <div class="c-media__body o-media__body">
                                <strong>Contatti</strong><br>marconilounge@bologna-airport.it<br>Telefono 051-6479616
                            </div>
                        </div>
                        <div class="c-media o-media o-media--nephew">
                            <img class="c-media__figure o-media__figure" src="../../images/svgs/ic_schedule_black_18px.svg" alt="Orari" height="" width="24">
                            <div class="c-media__body o-media__body">
                                <strong>Orari di apertura</strong><br>Lunedì - Domenica:<br>dalle ore 5:00 alle ore 21:00
                            </div>
                        </div>
                        <div class="c-media o-media o-media--nephew">
                            <img class="c-media__figure o-media__figure" src="../../images/svgs/ic_place_black_24px.svg" alt="Dove" height="24" width="">
                            <div class="c-media__body o-media__body">
                                <strong>Dove</strong><br>Situata al 1° piano dell'aerostazione<br><a href="#">Guarda dove si trova</a>
                            </div>
                        </div>
                        <div class="c-media o-media o-media--nephew">
                            <img class="c-media__figure o-media__figure" src="../../images/svgs/ic_document_24px.svg" alt="Dove" height="" width="24">
                            <div class="c-media__body o-media__body">
                                <strong>Lounge etiquette</strong><br>Norme di comportamento all’interno della Lounge MBL <a href="#">Visualizza il pdf</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="c-brackets " aria-label="Ecco i vantaggi della vip lounge">

        <div class="c-brackets__item">
            <img src="../../images/svgs/stk_bracket-mbl-1.svg" alt="Fast track">
            <p><strong>Fast track</strong> con accesso dedicato alla sala imbarchi.</p>
        </div>
        <div class="c-brackets__item">
            <img src="../../images/svgs/stk_bracket-mbl-2.svg" alt="Free Wi-fi">
            <p><strong>Free Wi-fi</strong> e office area con servizi di stampa.</p>
        </div>
        <div class="c-brackets__item">
            <img src="../../images/svgs/stk_bracket-mbl-6.svg" alt="Giornali e riviste online">
            <p><strong>Ampia selezione di giornali e riviste</strong> in formato digitale</p>
        </div>
        <div class="c-brackets__item">
            <img src="../../images/svgs/stk_bracket-mbl-3.svg" alt="Area relax">
            <p><strong>Area relax</strong> con selezione bevande caffetteria e buffet.</p>
        </div>
        <div class="c-brackets__item">
            <img src="../../images/svgs/stk_bracket-mbl-4.svg" alt="Concierge">
            <p><strong>Concierge</strong> per prenotazione di taxi, auto con autista e car valet.</p>
        </div>
        <div class="c-brackets__item">
            <img src="../../images/svgs/stk_bracket-mbl-5.svg" alt="Tariffe dedicate">
            <p><strong>Tariffe dedicate</strong> per il tuo parcheggio in Aeroporto</p>
        </div>

    </div>
    <div class="l-page-lounge">
        <div class="logo">
            <img src="../../images/svgs/mbl.svg" alt="MBL">
        </div>
        <div>
            <p>L’aeroporto Marconi di Bologna offre ai suoi passeggeri un’area riservata dove lavorare, riposare, rigenerarsi prima o dopo il volo.</p>
            <ul>
                <li><a href="#"><strong>Acquista subito il tuo ingresso</strong></a></li>
                <li>o accedi alla Vip Lounge con la tua <strong>tessera accreditata o con la Compagnia Aerea</strong> con cui voli.</li>
            </ul>
        </div>
    </div>

    <div class="u-wrapped u-mb-space-80">
        <div class="c-mosaic-gallery ">

            <div class="c-mosaic-gallery__grid">
                <div class="c-mosaic-gallery__grid-item main">
                    <a href="#mosaic-gallery-img-1" class="js-fr-dialogmodal-open" aria-controls="dialog-gallery">
                        <img src="https://images.unsplash.com/photo-1620146596504-95527348e0ac?q&#x3D;80&amp;w&#x3D;3540&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;ixlib&#x3D;rb-4.0.3&amp;ixid&#x3D;M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
                    </a>
                </div>
                <div class="c-mosaic-gallery__grid-item">
                    <a href="#mosaic-gallery-img-2" class="js-fr-dialogmodal-open" aria-controls="dialog-gallery">
                        <img src="https://images.unsplash.com/photo-1542296332-2e4473faf563?q&#x3D;80&amp;w&#x3D;3540&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;ixlib&#x3D;rb-4.0.3&amp;ixid&#x3D;M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
                    </a>
                </div>
                <div class="c-mosaic-gallery__grid-item">
                    <a href="#mosaic-gallery-img-3" class="js-fr-dialogmodal-open" aria-controls="dialog-gallery">
                        <img src="https://images.unsplash.com/photo-1627750673161-02af15c7c722?q&#x3D;80&amp;w&#x3D;3540&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;ixlib&#x3D;rb-4.0.3&amp;ixid&#x3D;M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
                    </a>
                </div>
                <div class="c-mosaic-gallery__grid-item">
                    <a href="#mosaic-gallery-img-4" class="js-fr-dialogmodal-open" aria-controls="dialog-gallery">
                        <img src="https://images.unsplash.com/photo-1628428974294-1cf9363fe176?q&#x3D;80&amp;w&#x3D;3072&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;ixlib&#x3D;rb-4.0.3&amp;ixid&#x3D;M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
                    </a>
                </div>
                <div class="c-mosaic-gallery__grid-item">
                    <a href="#mosaic-gallery-img-5" class="js-fr-dialogmodal-open" aria-controls="dialog-gallery">
                        <img src="https://images.unsplash.com/photo-1527007622069-3a0241e1cd8c?q&#x3D;80&amp;w&#x3D;3474&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;ixlib&#x3D;rb-4.0.3&amp;ixid&#x3D;M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
                    </a>
                </div>
            </div>

            <div class="c-mosaic-gallery__btn">
                <button type="" class="c-button c-button--ghost js-fr-dialogmodal-open" aria-controls="dialog-gallery">

                    Mostra tutte le foto

                </button>
            </div>

        </div>

        <div class="c-dialog c-dialog--gallery js-fr-dialogmodal " id="dialog-gallery">
            <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-gallery-dialog-title">
                <div role="document">
                    <p class="c-dialog__title u-visuallyhidden" id="dialog-gallery-dialog-title" aria-hidden="true">Titolo della gallery</p>
                    <section class="c-carousel c-carousel--big-gallery c-carousel--autoHeight c-carousel--top-nav" aria-hidden="true">

                        <div class="jsInstance owl-carousel">
                            <div class="c-carousel__item" data-hash="mosaic-gallery-img-1">
                                <img src="https://images.unsplash.com/photo-1620146596504-95527348e0ac?q&#x3D;80&amp;w&#x3D;3540&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;ixlib&#x3D;rb-4.0.3&amp;ixid&#x3D;M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
                                <p class="img-desc">Image description 1</p>
                            </div>
                            <div class="c-carousel__item" data-hash="mosaic-gallery-img-2">
                                <img src="https://images.unsplash.com/photo-1542296332-2e4473faf563?q&#x3D;80&amp;w&#x3D;3540&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;ixlib&#x3D;rb-4.0.3&amp;ixid&#x3D;M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
                                <p class="img-desc">Image description 2</p>
                            </div>
                            <div class="c-carousel__item" data-hash="mosaic-gallery-img-3">
                                <img src="https://images.unsplash.com/photo-1627750673161-02af15c7c722?q&#x3D;80&amp;w&#x3D;3540&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;ixlib&#x3D;rb-4.0.3&amp;ixid&#x3D;M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
                                <p class="img-desc">Image description 3</p>
                            </div>
                            <div class="c-carousel__item" data-hash="mosaic-gallery-img-4">
                                <img src="https://images.unsplash.com/photo-1628428974294-1cf9363fe176?q&#x3D;80&amp;w&#x3D;3072&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;ixlib&#x3D;rb-4.0.3&amp;ixid&#x3D;M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
                                <p class="img-desc">Image description 4</p>
                            </div>
                            <div class="c-carousel__item" data-hash="mosaic-gallery-img-5">
                                <img src="https://images.unsplash.com/photo-1527007622069-3a0241e1cd8c?q&#x3D;80&amp;w&#x3D;3474&amp;auto&#x3D;format&amp;fit&#x3D;crop&amp;ixlib&#x3D;rb-4.0.3&amp;ixid&#x3D;M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
                                <p class="img-desc">Image description 5</p>
                            </div>
                        </div>

                        <div class="c-carousel__counter" id="carousel-counter"></div>

                    </section> <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
                        <svg class="c-icon c-icon--32">
                            <use xlink:href="#ic_close_black_24px"></use>
                        </svg> </button>
                </div>
            </div>
        </div>
    </div>

    <ul class="c-launches u-mb-space-48" aria-label="Scopri di più su MBL">

        <li class="c-launches__item">
            <div class="c-launch c-launch--simple ">

                <h2 class="c-launch__title">
                    <strong>Accedi alla Vip Lounge</strong> con la tua tessera accreditata o con la Compagnia Aerea con cui voli
                </h2>

                <p>Possono accedere alla Vip Lounge i viaggiatori indicati dalle singole Compagnie Aeree o in possesso di tessere accreditate.</p>
                <p>Chiedi maggiori informazioni alla Compagnia Aerea con cui volerai oppure al nostro staff.</p>

            </div>

        </li>
        <li class="c-launches__item">
            <div class="c-launch c-launch--simple ">

                <h2 class="c-launch__title">
                    Accedi alla Vip Lounge acquistando il tuo ingresso
                </h2>

                I viaggiatori che non possiedono titoli accreditati, possono ottenere l’ingresso Vip Lounge:

                <ul>
                    <li><strong>acquistandolo online</strong>. <a href="#">Prenota ora</a></li>
                    <li>richiedendolo <strong>direttamente in Vip Lounge</strong> all’arrivo in Aeroporto. <a href="#">Guarda dove si trova</a></li>
                    <li>Ogni ingresso è valido per una singola persona.</li>
                </ul>

                <a href="#" class="c-link c-link--sky">Prenota ora</a>

            </div>

        </li>
        <li class="c-launches__item">
            <div class="c-launch c-launch--simple c-launch--darker">

                <div class="c-launch__logo">
                    <img src="/images/you_first_logo.png" width="auto" alt="">
                </div>

                <h2 class="c-launch__title">
                    Cerchi un’attesa ancora più eslcusiva? Scopri il serrvizio <strong>You First</strong>
                </h2>

                YouFirst è il servizio VIP creato su misura per te. Dall’accoglienza a cinque stelle nella Lounge, imbarco prioritario, facchinaggio, trasferimenti su auto private e molto altro. Fai il tuo preventivo per la partenza, l’arrivo o

                <a href="#" class="c-link c-link--primary">Prenota ora</a>

            </div>

        </li>

    </ul>

    <ul class="c-launches" aria-label="Scopri di più sulla Marconi Business Lounge">

        <li class="c-launches__item">
            <div class="c-launch ">

                <span class="c-rounded-label c-rounded-label--relevant" aria-label="">
                    <svg class="c-icon c-icon--16">
                        <use xlink:href="#ic-star-new-black-18px"></use>
                    </svg>
                    Novità
                </span>
                <div class="c-launch__image">
                    <img src="../../images/img-gym@2x.jpg" alt="BLQ Fitness Lounge" />
                </div>

                <p class="c-launch__label" aria-hidden="true">
                    Servizi
                </p>

                <p class="c-launch__caption">
                    <a href="/components/preview/page-parkings-home">BLQ Fitness Lounge</a>
                </p>

            </div>
        </li>
        <li class="c-launches__item">
            <div class="c-launch ">

                <div class="c-launch__image">
                    <img src="../../images/img-area-meeting@2x.jpg" alt="Area meeting" />
                </div>

                <p class="c-launch__label" aria-hidden="true">
                    Aziende
                </p>

                <p class="c-launch__caption">
                    <a href="/components/preview/page-meet-greet">Area meeting</a>
                </p>

            </div>
        </li>

    </ul>
    <div class="c-dialog js-fr-dialogmodal " id="dialog-useful-info">
        <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-useful-info-title">
            <div role="document">

                <p class="c-dialog__title" id="dialog-useful-info-title">Regole e info utili per i tuoi acquisti</p>

                <div class="c-dialog__text">
                    <p><strong>Entro quando posso acquistare il mio parcheggio?</strong></p>
                    <p>Fino a 6 ore prima dell'orario prescelto per l'ingresso nel parcheggio</p>
                </div>

                <div class="c-dialog__text">
                    <p><strong>Con quanto anticipo posso accedere al parcheggio?</strong></p>
                    <p>Rispetto all'orario di ingresso indicato in fase di acquisto, si può accedere fino a 3 ore prima.</p>
                </div>

                <div class="c-dialog__text">
                    <p><strong>Devo registrarmi per acquistare?</strong></p>
                    <p>Sì, è necessario registrarsi per acquistare parcheggi, Vip Lounge e Voli.</p>
                </div>

                <div class="c-dialog__text">
                    <p><strong></strong></p>
                    <p></p>
                </div>

                <div class="c-dialog__text">
                    <p><strong>Dove trovo le conferme dell'acquisto?</strong></p>
                    <p>Riceverai una email di conferma all’indirizzo usato in fase di registrazione. Tutti i tuoi acquisti sono poi reperibili all’interno dalla tua Area MyBlq del sito e dell’App.</p>
                </div>

                <div class="c-dialog__text">
                    <p><strong>Come si accede ai parcheggi?</strong></p>
                    <p>Si accede tramite di prenotazione (QR Code), il quale dovrà essere posizionato (con smartphone o stampa cartacea) sotto il lettore della colonnina d'ingresso del parcheggio prescelto. Il QR code si trova nelle email e nelle aree riservate del sito e dell'App dell'Aeroporto di Bologna.</p>
                </div>

                <div class="c-dialog__text">
                    <p><strong>Posso portare il mio bagaglio da stiva nella sala Vip Lounge MBL?</strong></p>
                    <p>Non è possibile portare con sè il bagaglio da stiva in sala, ti preghiamo quindi di effettuare il check-in e il drop del bagaglio da stiva prima di raggiungere la sala MBL.</p>
                </div>

                <div class="c-dialog__text">
                    <p><strong>Hai ancora qualche dubbio? Ti serve supporto?</strong></p>
                    <p>Consulta le <a href="../preview/page-terms-and-conditions.html"><strong>Condizioni di vendita</strong></a> o le <a href="#"><strong>Domande Frequenti</strong></a>. Per ogni altra necessità, visita il nostro <a href="#"><strong>centro assistenza clienti</strong></a>.</p>
                </div>

                <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
                    <svg class="c-icon c-icon--32">
                        <use xlink:href="#ic_close_black_24px"></use>
                    </svg> </button>

            </div>
        </div>
    </div>

</main>
<div class="c-prefooter  " role="banner">
    <div class="c-prefooter__inner">
        <div class="c-prefooter__col">
            <div class="c-prefooter__item">
                <h2>Hai bisogno di aiuto?</h2>
                <ul class="c-prefooter__list">
                    <li class="c-prefooter__faq">
                        <a href="#">Il presidio parcheggi è sempre aperto? <span aria-hidden="true">&#8594;</span></a>
                    </li>
                    <li class="c-prefooter__faq">
                        <a href="#">Ho smarrito il mio biglietto del parcheggio, cosa posso fare <span aria-hidden="true">&#8594;</span></a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="c-prefooter__col">
            <div class="c-media o-media ">
                <img class="c-media__figure o-media__figure" src="../../images/prefooter.png" alt="" height="" width="170">
                <div class="c-media__body o-media__body">

                </div>
            </div>
            <div class="c-prefooter__item">
                <h2>Ti potrebbero servire</h2>
                <ul class="c-prefooter__list">
                    <li class="c-prefooter__faq">
                        <a href="#">Assistenza Clienti <span aria-hidden="true">&#8594;</span></a>
                    </li>
                    <li class="c-prefooter__faq">
                        <a href="#">Info e reclami <span aria-hidden="true">&#8594;</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="c-app-banner " aria-label="">
    <div class="c-app-banner__inner">

        <div class="c-app-banner__image">
            <img class="c-app-banner__image--desktop" src="../../images/phone.png" alt="">
            <img class="c-app-banner__image--mobile" src="../../images/phone-mobile.png" alt="">
        </div>

        <div class="c-app-banner__row">
            <div class="c-app-banner__title">
                <p>Porta BLQ sempre con te</p>
            </div>

            <div class="c-app-banner__links">
                <p>Scarica l'app</p>
                <ul>
                    <li>
                        <a href="#">
                            <img src="../../images/svgs/badge_appstore_it.svg" alt="Scarica su App Store" height="40">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../../images/svgs/Google_Play_Store_badge_IT.svg" alt="Disponibile su Google Play" height="40">
                        </a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</div>
<footer class="c-footer ">
    <div class='c-footer__inner'>
        <div class="c-cityguide">

            <div class="c-cityguide__brand">

                <a href="" class="c-cityguide__logo">
                    <img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
                </a>

                <div>
                    <div class="c-cityguide__socials">
                        <div class="c-socials">

                            <ul>
                                <li><a href="#" aria-label="instagram"><svg class="">
                                            <use xlink:href="#ic-social-instagram"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="facebook"><svg class="">
                                            <use xlink:href="#ic-social-facebook"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="twitter"><svg class="">
                                            <use xlink:href="#ic-social-twitter"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="linkedin"><svg class="">
                                            <use xlink:href="#ic-social-linkedin"></use>
                                        </svg></a></li>
                                <li><a href="#" aria-label="youtube"><svg class="">
                                            <use xlink:href="#ic-social-youtube"></use>
                                        </svg></a></li>
                            </ul>

                        </div>
                    </div>
                    <div class="c-cityguide__lang">
                        <ul class="c-languages" aria-label="Seleziona la lingua del sito">
                            <li>
                                <a href="#" aria-label="Italiano">
                                    ita
                                </a>
                            </li>
                            <li>
                                <a href="#" aria-label="Inglese">
                                    eng
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="c-cityguide__cta">
                        <p class="c-cityguide__text">Entra nel nostro team</p>
                        <a href="#" class="c-link c-link--sky ">
                            <span>Lavora con noi</span>
                            <svg class="svg-24">
                                <use xlink:href="#ic_chevron_right_black_24px"></use>
                            </svg></a>
                    </div>
                </div>

            </div>

            <ul class="c-cityguide__nav" aria-label="Voli">
                <strong aria-hidden="true">Voli</strong>
                <li class="">
                    <a href="/components/preview/page-arrivals-departures#section-departures" aria-label="Voli in arrivo">

                        Voli in arrivo
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-arrivals-departures#section-arrivals" aria-label="Voli in partenza">

                        Voli in partenza
                    </a>
                </li>
                <li class="" data-label-content="Acquista online">
                    <a href="/components/preview/page-flights-destinations" aria-label="Destinazioni">

                        Destinazioni
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Parcheggi">
                <strong aria-hidden="true">Parcheggi</strong>
                <li class="" data-label-content="Acquista online">
                    <a href="/components/preview/page-parkings-home" aria-label="Parcheggia in Aeroporto">

                        Parcheggia in Aeroporto
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-rates-conventions" aria-label="Tariffe e Convenzioni">

                        Tariffe e Convenzioni
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-where-to-pay" aria-label="Come e dove pagare">

                        Come e dove pagare
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Passeggeri DPR 151/2012">

                        Passeggeri DPR 151/2012
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Shopping e servizi">
                <strong aria-hidden="true">Shopping e servizi</strong>
                <li class="">
                    <a href="#" aria-label="Negozi">

                        Negozi
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Ristoranti e Bar">

                        Ristoranti e Bar
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Servizi">

                        Servizi
                    </a>
                </li>
                <li class="" data-label-content="Acquista online">
                    <a href="#" aria-label="Lounge e Servizi VIP">

                        Lounge e Servizi VIP
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Necessità particolari">
                <strong aria-hidden="true">Necessità particolari</strong>
                <li class="">
                    <a href="/components/preview/page-home-assistenze" aria-label="Assistenze speciali">
                        <svg class=" c-icon c-icon--24">
                            <use xlink:href="#ic-accessible-black-24px"></use>
                        </svg>
                        Assistenze speciali
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-routes-prm" aria-label="Famiglie e minori">

                        Famiglie e minori
                    </a>
                </li>
                <li class="">
                    <a href="/components/preview/page-routes-animals" aria-label="Animali al seguito">

                        Animali al seguito
                    </a>
                </li>
            </ul>
            <ul class="c-cityguide__nav" aria-label="Info pratiche">
                <strong aria-hidden="true">Info pratiche</strong>
                <li class="">
                    <a href="#" aria-label="Documenti">

                        Documenti
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Bagagli">

                        Bagagli
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Controlli in aeroporto">

                        Controlli in aeroporto
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Mappe">

                        Mappe
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="App BLQ">

                        App BLQ
                    </a>
                </li>
                <li class="">
                    <a href="#" aria-label="Free Wi-Fi">

                        Free Wi-Fi
                    </a>
                </li>
            </ul>

        </div>
        <div class="c-copyright">

            <div class="c-copyright__credits">
                <p>
                    <strong><span aria-hidden="true">©</span>
                        Copyright 2018 Aeroporto Guglielmo Marconi di Bologna S.p.A.</strong>
                    - Tutti i diritti riservati<br />
                    Via Triumvirato, 84 - 40132 Bologna (BO) - Italy - Partita IVA:
                    03145140376 - Capitale sociale 90.314.162,00 Euro i.v. - R.E.A. Bo N.
                    268716
                </p>

                <ul>
                    <li><a href="#">Credits</a></li>
                    <li><a href="#">Informativa cookie</a></li>
                    <li><a href="#">Informativa Privacy – Reg. UE n.679/2016 (“GDPR”) e Codice Privacy s.m.i.</a></li>
                    <li><a href="https://www.bologna-airport.it/System/files/2018/Parcheggi/InformativaVideosorveglianza.pdf">Informativa
                            privacy videosorveglianza</a></li>
                    <li><a href="#">Dichiarazione di accessibilità</a></li>
                    <li><a href="#">Lavora con noi</a></li>
                </ul>
            </div>

            <div class="c-copyright__partners">
                <a href="https://defence-industry-space.ec.europa.eu/eu-aeronautics-industry/alliance-zero-emission-aviation_en">
                    <img class="c-copyright__partner" src="../../images/AZEA_logo_colour.jpg" alt="Azea logo" />
                </a>
                <a href="https://www.bologna-airport.it/la-societa/sala-stampa/comunicati-stampa/netzero2050-l-aeroporto-di-bologna-si-impegna-a-raggiungere-%E2%80%9Cemissioni-zero%E2%80%9D-entro-il-2050/?idC=62420&idO=1699377&urlBack=back"><img class="c-copyright__partner" src="../../images/net_zero_logo.jpg" alt="Alt zero logo" />
                </a>
                <a href="https://www.bologna-airport.it/la-societa/sala-stampa/news/aeroporto-di-bologna-primo-in-italia-e-tra-i-primi-al-mondo-a-ricevere-l-aci-airport-health-accreditation-/?idC=62350&idO=1962968">
                    <img class="c-copyright__partner" src="../../images/aci_aha_2022.png" alt="ACI AHA logo" />
                </a>
            </div>

        </div>
    </div>
</footer>
<div class="c-dialog js-fr-dialogmodal " id="dialog-newsletter">
    <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-newsletter-title">
        <div role="document">
            <p class="c-dialog__title" id="dialog-newsletter-title" aria-hidden="true">Iscriviti alla newsletter di Aeroporto di Bologna e riceverai periodicamente:</p>

            <div class="c-advantages">

                <div class="c-advantages__item">
                    <div class="c-media o-media ">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Promozioni" height="" width="100">
                        <div class="c-media__body o-media__body">
                            <strong>Promozioni su Parcheggi, VIP Lounge e Voli</strong><br>Resta aggiornato su promozioni riguardanti i parcheggi ufficiali dell’Aeroporto, la VIP Lounge e sui voli in partenza da Bologna.
                        </div>
                    </div>
                </div>
                <hr aria-hidden="true">
                <div class="c-advantages__item">
                    <div class="c-media o-media ">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Informazioni" height="" width="100">
                        <div class="c-media__body o-media__body">
                            <strong>Informazioni su nuove tratte in partenza da Bologna</strong><br>Scopri in anteprima le tratte che potrai raggiungere con volo diretto da Bologna.
                        </div>
                    </div>
                </div>
                <hr aria-hidden="true">
                <div class="c-advantages__item">
                    <div class="c-media o-media ">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Programmazione eventi" height="" width="100">
                        <div class="c-media__body o-media__body">
                            <strong>Programmazione eventi</strong><br>Ricevi le news riguardanti gli eventi esclusivi all’interno della Marconi Business Lounge.
                        </div>
                    </div>
                </div>

            </div>

            <form class="c-form">
                <label for="email-newsletter" class="" aria-label="">

                    Indirizzo e-mail <span class="required-marker" aria-hidden="true">*</span>

                    <input id="email-newsletter" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="">

                </label>

                <input type="checkbox" id="agree-privacy" name="privacy" class="u-visuallyhidden " role="group" aria-label="agree-privacy">

                <label for="agree-privacy" class="">
                    Ho letto e accettato <a href="#"><strong>l'informativa sulla privacy</strong></a>
                </label> <button type="submit" class="c-button c-button--submit c-button--large">

                    Iscríviti

                </button>
            </form>

            <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
                <svg class="c-icon c-icon--32">
                    <use xlink:href="#ic_close_black_24px"></use>
                </svg> </button>
        </div>
    </div>
</div>

<script src="../../js/footer.min.js"></script>
<script>
    $.tangible.shortcutNavigation();
    // $.tangible.navToolbar();
    $.tangible.notifications();
    // carousel
    $('.c-carousel--launch .owl-carousel').owlCarousel({
        loop: true,
        center: false,
        responsiveClass: true,
        margin: 16,
        stageOuterClass: "owl-stage-outer c-carousel__outer c-carousel__outer--shadow",
        nav: false,
        dotsClass: "c-carousel__dots",
        dotClass: "owl-dot c-carousel__dot",
        mouseDrag: true,
        responsive: {
            0: {
                items: 1.3
            },
            600: {
                items: 2.5
            },
            1024: {
                items: 4.6
            }
        }
    });
    $('.c-carousel--gallery .owl-carousel').owlCarousel({
        loop: false,
        rewind: true,
        responsiveClass: true,
        margin: 16,
        stageOuterClass: "owl-stage-outer c-carousel__outer",
        nav: false,
        mouseDrag: true,
        dotsClass: "c-carousel__dots",
        dotClass: "owl-dot c-carousel__dot",
        autoplay: false,
        autoplayTimeout: 3000,
        autoplayHoverPause: true,
        responsive: {
            0: {
                items: 1
            }
        }
    });
    // initialization flatpickr https://flatpickr.js.org/getting-started/
    // if browser language is italian, set flatpickr language to italian https://flatpickr.js.org/localization/
    var userLang = navigator.language || navigator.userLanguage;
    if (userLang == 'it-IT') {
        flatpickr.localize(flatpickr.l10ns.it);
    }
    // gestione abiliata/disabilita plugin mobile/desktop
    function flatPickrController() {
        var vip_lounge = flatpickr("#departure-date.js-flatpickr"),
            mobileBreakPoint = 1024;
        // se la viewport è maggiore di 1024 (display input desktop), inizializzo i flatpickr
        if ($(window).width() > mobileBreakPoint) {
            // vip lounge form - date (single ok)
            var vip_lounge = flatpickr("#departure-date.js-flatpickr", {
                dateFormat: "d F Y",
                minDate: "today",
                allowInput: true
            });
        } else {
            // disabilita il plugin flatpickr, utilizza input normali              
            vip_lounge.destroy();
        }
    }
    // al caricamento e al resize, chiama la funzione che abilita o disabilita il plugin
    $(window).on('load resize', flatPickrController);
    // MBL valore default mobile = today
    dateMbl = $('#departure-date-mobile');
    $today = new Date().toISOString().split("T")[0];
    $(dateMbl).attr('min', $today);
    $(dateMbl).attr('value', $today);
    // CHROME FIX - rimuove e aggiunge gli attributi required per gli input e le select dei form e-commerce
    function checkInputVisibility() {
        // breakpoint desktop-mobile
        var breakPoint = 1024,
            // input mobile
            mobileInput = $('.c-form__el--mobile input, .c-form__el--mobile select'),
            // input desktop
            desktopInput = $('.c-form__el--desktop input, .c-form__el--desktop select');
        if ($(window).width() > breakPoint) {
            desktopInput.attr('required', 'required');
            mobileInput.removeAttr('required');
        } else if ($(window).width() < breakPoint) {
            desktopInput.removeAttr('required');
            mobileInput.attr('required', 'required');
        }
    }
    // al caricamento e al resize della pagina
    $(window).on('resize load', checkInputVisibility);
    $('.c-carousel--big-gallery .owl-carousel').owlCarousel({
        loop: false,
        responsiveClass: true,
        margin: 16,
        stageOuterClass: "owl-stage-outer c-carousel__outer",
        nav: true,
        navText: ['<img src="/images/svgs/carousel-btn-prev.svg">', '<img src="/images/svgs/carousel-btn-next.svg">'],
        navContainerClass: "c-carousel__nav",
        navClass: ['prev-btn', 'next-btn'],
        dots: false,
        autoplay: false,
        mouseDrag: true,
        touchDrag: true,
        URLhashListener: true,
        onInitialized: counter,
        onTranslated: counter,
        responsive: {
            0: {
                items: 1
            }
        }
    });

    function counter(event) {
        var element = event.target;
        var items = event.item.count;
        var item = event.item.index + 1;
        // if loop is true then reset counter from 1
        if (item > items) {
            item = item - items
        }
        $('#carousel-counter').html(item + "/" + items)
    }
</script>
{{#extend "@template-master"}}

{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header" header merge=true }}
{{/content}}

{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}

{{!-- MAIN --}}
{{#content "main"}}

{{ render "@superhero--mbl" superhero-mbl merge=true }}

<div class="u-fullbleed l-page-lounge__promo-strip">
  <div grid="grid">
    <div grid="10@xl offset-2@xl">
      <div grid="grid" class="mbl-promo">
        <div grid="7@lg last@lg">
          <div class="mbl-promo__player">
            <iframe width="630" height="355" class="mbl-promo__video-iframe" src="https://www.youtube.com/embed/QZ5tabFRtJ0?si=4gjlJDgbtIGUbh08" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
          </div>
        </div>
        <div grid="5@lg" class="mbl-promo__info first@lg">
          {{#each mbl-availability.items}}
          {{> @media }}
          {{/each}}
        </div>
      </div>
    </div>
  </div>
</div>

{{!-- <div class="u-fullbleed u-t2b-gradient-white-sky10 u-pb-space-16 u-px-space-16">
  <div class="u-wrapped u-wrapped--base">
     {{> @media--matryoshka-fluid mbl-availability }}
  </div>
</div> --}}

{{> @brackets lounge-brackets }}

<div class="l-page-lounge">
  <div class="logo">
    <img src="{{ path '/images/svgs/mbl.svg' }}" alt="MBL">
  </div>
  <div>
    <p>L’aeroporto Marconi di Bologna offre ai suoi passeggeri un’area riservata dove lavorare, riposare, rigenerarsi prima o dopo il volo.</p>
    <ul>
      <li><a href="#"><strong>Acquista subito il tuo ingresso</strong></a></li>
      <li>o accedi alla Vip Lounge con la tua <strong>tessera accreditata o con la Compagnia Aerea</strong> con cui voli.</li>
    </ul>
  </div>
</div>

<div class="u-wrapped u-mb-space-80">
  {{ render "@mosaic-gallery" }}
</div>

{{ render "@launches--simple" vip-lounge-launches }}

{{> @launches bottom-launches }}

{{ render "@dialog--useful-info" }}

{{/content}}

{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
  $.tangible.shortcutNavigation();
  // $.tangible.navToolbar();
  $.tangible.notifications();

  // carousel
  $('.c-carousel--launch .owl-carousel').owlCarousel({
    loop: true,
    center: false,
    responsiveClass: true,
    margin: 16,
    stageOuterClass: "owl-stage-outer c-carousel__outer c-carousel__outer--shadow",
    nav: false,
    dotsClass: "c-carousel__dots",
    dotClass: "owl-dot c-carousel__dot",
    mouseDrag: true,
    responsive: {
      0: {
        items: 1.3
      },
      600: {
        items: 2.5
      },
      1024: {
        items: 4.6
      }
    }
  });

  $('.c-carousel--gallery .owl-carousel').owlCarousel({
    loop: false,
    rewind: true,
    responsiveClass: true,
    margin: 16,
    stageOuterClass: "owl-stage-outer c-carousel__outer",
    nav: false,
    mouseDrag: true,
    dotsClass: "c-carousel__dots",
    dotClass: "owl-dot c-carousel__dot",
    autoplay: false,
    autoplayTimeout: 3000,
    autoplayHoverPause: true,
    responsive: {
      0: {
        items: 1
      }
    }
  });

  // initialization flatpickr https://flatpickr.js.org/getting-started/
  // if browser language is italian, set flatpickr language to italian https://flatpickr.js.org/localization/
  var userLang = navigator.language || navigator.userLanguage;

  if (userLang == 'it-IT') {
    flatpickr.localize(flatpickr.l10ns.it);
  }

  // gestione abiliata/disabilita plugin mobile/desktop
  function flatPickrController() {
    var vip_lounge = flatpickr("#departure-date.js-flatpickr"),
      mobileBreakPoint = 1024;

    // se la viewport è maggiore di 1024 (display input desktop), inizializzo i flatpickr
    if ($(window).width() > mobileBreakPoint) {

      // vip lounge form - date (single ok)
      var vip_lounge = flatpickr("#departure-date.js-flatpickr", {
        dateFormat: "d F Y",
        minDate: "today",
        allowInput: true
      });

    } else {
      // disabilita il plugin flatpickr, utilizza input normali              
      vip_lounge.destroy();
    }
  }

  // al caricamento e al resize, chiama la funzione che abilita o disabilita il plugin
  $(window).on('load resize', flatPickrController);


  // MBL valore default mobile = today
  dateMbl = $('#departure-date-mobile');
  $today = new Date().toISOString().split("T")[0];

  $(dateMbl).attr('min', $today);
  $(dateMbl).attr('value', $today);

  // CHROME FIX - rimuove e aggiunge gli attributi required per gli input e le select dei form e-commerce
  function checkInputVisibility() {
    // breakpoint desktop-mobile
    var breakPoint = 1024,
      // input mobile
      mobileInput = $('.c-form__el--mobile input, .c-form__el--mobile select'),
      // input desktop
      desktopInput = $('.c-form__el--desktop input, .c-form__el--desktop select');

    if ($(window).width() > breakPoint) {
      desktopInput.attr('required', 'required');
      mobileInput.removeAttr('required');
    } else if ($(window).width() < breakPoint) {
      desktopInput.removeAttr('required');
      mobileInput.attr('required', 'required');
    }
  }

  // al caricamento e al resize della pagina
  $(window).on('resize load', checkInputVisibility);

  $('.c-carousel--big-gallery .owl-carousel').owlCarousel({
      loop: false,
      responsiveClass: true,
      margin: 16,
      stageOuterClass: "owl-stage-outer c-carousel__outer",
      nav: true,
      navText: ['<img src="/images/svgs/carousel-btn-prev.svg">', '<img src="/images/svgs/carousel-btn-next.svg">'],
      navContainerClass: "c-carousel__nav",
      navClass: ['prev-btn', 'next-btn'],
      dots: false,
      autoplay: false,
      mouseDrag: true,
      touchDrag: true,
      URLhashListener:true,
      onInitialized  : counter,
      onTranslated : counter,
      responsive: {
        0: {
          items: 1
        }
      }
    });

    function counter(event) {
      var element   = event.target;
      var items     = event.item.count;
      var item      = event.item.index + 1;
      
      // if loop is true then reset counter from 1
      if(item > items) {
        item = item - items
      }
      $('#carousel-counter').html(item + "/" + items)
    }

</script>

{{/content}}

{{/extend}}
{
  "template-main-class": "c-main--mbl-home",
  "superhero-mbl": {
    "mbl-form": true,
    "modifier": "c-superhero--mbl c-superhero--flex-headings u-no-mb",
    "h2": "Ingresso VIP Lounge&nbsp;<strong>a soli € 32,00</strong>",
    "highlight-newspapers": false
  },
  "lounge-brackets": {
    "aria-label-title": "Ecco i vantaggi della vip lounge",
    "items": [
      {
        "img-path": "/images/svgs/stk_bracket-mbl-1.svg",
        "img-alt": "Fast track",
        "text": "<strong>Fast track</strong> con accesso dedicato alla sala imbarchi."
      },
      {
        "img-path": "/images/svgs/stk_bracket-mbl-2.svg",
        "img-alt": "Free Wi-fi",
        "text": "<strong>Free Wi-fi</strong> e office area con servizi di stampa."
      },
      {
        "img-path": "/images/svgs/stk_bracket-mbl-6.svg",
        "img-alt": "Giornali e riviste online",
        "text": "<strong>Ampia selezione di giornali e riviste</strong> in formato digitale"
      },
      {
        "img-path": "/images/svgs/stk_bracket-mbl-3.svg",
        "img-alt": "Area relax",
        "text": "<strong>Area relax</strong> con selezione bevande caffetteria e buffet."
      },
      {
        "img-path": "/images/svgs/stk_bracket-mbl-4.svg",
        "img-alt": "Concierge",
        "text": "<strong>Concierge</strong> per prenotazione di taxi, auto con autista e car valet."
      },
      {
        "img-path": "/images/svgs/stk_bracket-mbl-5.svg",
        "img-alt": "Tariffe dedicate",
        "text": "<strong>Tariffe dedicate</strong> per il tuo parcheggio in Aeroporto"
      }
    ]
  },
  "launch-carousel": {
    "modifier": "c-carousel--launch",
    "aria-label-title": "",
    "items": [
      {
        "componentName": "@launch--oblo",
        "componentInstance": {
          "bg-path": "/images/transports-bus.jpg",
          "label": "MBL Lounge"
        }
      },
      {
        "componentName": "@launch--oblo",
        "componentInstance": {
          "bg-path": "/images/transports-train.jpg",
          "modifier": "c-launch--oblo",
          "label": "Flight information",
          "url": "#"
        }
      },
      {
        "componentName": "@launch--oblo",
        "componentInstance": {
          "bg-path": "/images/transports-train.jpg",
          "modifier": "c-launch--oblo",
          "label": "Main entrance",
          "url": "#"
        }
      },
      {
        "componentName": "@launch--oblo",
        "componentInstance": {
          "bg-path": "/images/transports-train.jpg",
          "modifier": "c-launch--oblo",
          "label": "Luonge bar",
          "url": "#"
        }
      },
      {
        "componentName": "@launch--oblo",
        "componentInstance": {
          "bg-path": "/images/transports-train.jpg",
          "modifier": "c-launch--oblo",
          "label": "Relax area",
          "url": "#"
        }
      },
      {
        "componentName": "@launch--oblo",
        "componentInstance": {
          "bg-path": "/images/transports-train.jpg",
          "modifier": "c-launch--oblo",
          "label": "Flight information",
          "url": "#"
        }
      },
      {
        "componentName": "@launch--oblo",
        "componentInstance": {
          "bg-path": "/images/transports-train.jpg",
          "modifier": "c-launch--oblo",
          "label": "Flight information",
          "url": "#"
        }
      }
    ]
  },
  "vip-lounge-launches": {
    "aria-label-title": "Scopri di più su MBL",
    "modifier": "u-mb-space-48",
    "items": [
      {
        "title": {
          "tag": "h2",
          "text": "<strong>Accedi alla Vip Lounge</strong> con la tua tessera accreditata o con la Compagnia Aerea con cui voli"
        },
        "body": "<p>Possono accedere alla Vip Lounge i viaggiatori indicati dalle singole Compagnie Aeree o in possesso di tessere accreditate.</p><p>Chiedi maggiori informazioni alla Compagnia Aerea con cui volerai oppure al nostro staff.</p>"
      },
      {
        "title": {
          "tag": "h2",
          "text": "Accedi alla Vip Lounge acquistando il tuo ingresso"
        },
        "subtitle": "I viaggiatori che non possiedono titoli accreditati, possono ottenere l’ingresso Vip Lounge:",
        "body": "<ul><li><strong>acquistandolo online</strong>. <a href=\"#\">Prenota ora</a></li><li>richiedendolo <strong>direttamente in Vip Lounge</strong> all’arrivo in Aeroporto. <a href=\"#\">Guarda dove si trova</a></li><li>Ogni ingresso è valido per una singola persona.</li></ul>",
        "url": "#",
        "caption-modifier": "c-link c-link--sky",
        "caption": "Prenota ora"
      },
      {
        "modifier": "c-launch--darker",
        "logo": "/images/you_first_logo.png",
        "title": {
          "tag": "h2",
          "text": "Cerchi un’attesa ancora più eslcusiva? Scopri il serrvizio <strong>You First</strong>"
        },
        "body": "YouFirst è il servizio VIP creato su misura per te. Dall’accoglienza a cinque stelle nella Lounge, imbarco prioritario, facchinaggio, trasferimenti su auto private e molto altro. Fai il tuo preventivo per la partenza, l’arrivo o ",
        "url": "#",
        "caption-modifier": "c-link c-link--primary",
        "caption": "Prenota ora"
      }
    ]
  },
  "bottom-launches": {
    "aria-label-title": "Scopri di più sulla Marconi Business Lounge",
    "items": [
      {
        "rounded-label": {
          "modifier": "c-rounded-label--relevant",
          "svg": {
            "symbol": "ic-star-new-black-18px",
            "class": "c-icon c-icon--16"
          },
          "text": "Novità"
        },
        "bg-path": "/images/img-gym@2x.jpg",
        "label": "Servizi",
        "url": "/components/preview/page-parkings-home",
        "caption": "BLQ Fitness Lounge"
      },
      {
        "bg-path": "/images/img-area-meeting@2x.jpg",
        "label": "Aziende",
        "url": "/components/preview/page-meet-greet",
        "caption": "Area meeting"
      }
    ]
  },
  "mbl-availability": {
    "items": [
      {
        "modifier": "o-media--nephew",
        "img-src": "/images/svgs/ic_call_black_24px.svg",
        "img-alt": "Contatti",
        "img-width": "24",
        "body": "<strong>Contatti</strong><br>marconilounge@bologna-airport.it<br>Telefono 051-6479616"
      },
      {
        "modifier": "o-media--nephew",
        "img-src": "/images/svgs/ic_schedule_black_18px.svg",
        "img-alt": "Orari",
        "img-width": "24",
        "body": "<strong>Orari di apertura</strong><br>Lunedì - Domenica:<br>dalle ore 5:00 alle ore 21:00"
      },
      {
        "modifier": "o-media--nephew",
        "img-src": "/images/svgs/ic_place_black_24px.svg",
        "img-alt": "Dove",
        "img-width": "",
        "img-height": "24",
        "body": "<strong>Dove</strong><br>Situata al 1° piano dell'aerostazione<br><a href=\"#\">Guarda dove si trova</a>"
      },
      {
        "modifier": "o-media--nephew",
        "img-src": "/images/svgs/ic_document_24px.svg",
        "img-alt": "Dove",
        "img-width": "24",
        "body": "<strong>Lounge etiquette</strong><br>Norme di comportamento all’interno della Lounge MBL <a href=\"#\">Visualizza il pdf</a>"
      }
    ]
  },
  "highlight-emergency": {
    "modifier": "c-highlight--emergency c-highlight--grid u-mt--medium u-mb--large",
    "text": "<p><strong>Emergenza Covid-19</strong>: Gentili Ospiti, siamo spiacenti di informare che la Marconi Business Lounge è temporaneamente chiusa al pubblico, ci scusiamo per il disagio.</p>"
  }
}
  • Content:
    .c-main--mbl-home {
      
      .l-page-lounge {
        grid-column: main;
        display: flex;
        flex-direction: column;
        gap: remify(24px);
        max-width: remify(1200px);
        margin-inline: auto;
        margin-block: remify(48px) remify(24px);
        color: secondary(text, 100);
        line-height: 1.8rem;
    
        ul {
          list-style: initial;
          list-style-position: inside;
        }
    
        .logo {
          text-align: center;
        }
    
        @include min-screen(bp(tablet)) {
          flex-direction: row;
          align-items: center;
        }
    
      }
    
      .c-carousel--launch {
        grid-column: full;
      }
    
      .l-page-lounge__promo-strip {
        background-color: primary(sky, 10);
        padding: remify(32px) remify(16px);
        margin-top: remify(-16px);
    
        @include min-screen(bp(tablet)) {
          padding-block: remify(64px);
        }
    
      }
    
      .mbl-promo__info {
        @include max-screen(bp(tablet-p)) {
          margin-top: remify(24px);
        }
      }
    
      .mbl-promo__info {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        gap: remify(16px);
      }
    
      .mbl-promo__player {
        position: relative;
    	  padding-top: calc(9 / 16 * 100%);
      }
    
      .mbl-promo__video-iframe {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        min-height: initial;
    
        @include min-screen(bp(tablet-p)) {
          max-width: remify(630px);
          border: remify(10px) solid primary(night, 120);
          border-radius: remify(24px);
          margin-inline: auto;
          background-color: primary(night, 120);
        }
      }
    
    }
  • URL: /components/raw/page-lounge/_page-lounge.scss
  • Filesystem Path: src/views/05-pages/05-mbl/01-page-lounge/_page-lounge.scss
  • Size: 1.5 KB

No notes defined.