Youfirst

<div class="c-youfirst">

    <div class="c-youfirst__info">

        <div class="box">
            <div class="u-mb-space-48">
                <img src="../../images/svgs/youfirst.svg" alt="Youfirst" />
            </div>
            <div class="u-mb-space-48">
                <p>
                    YouFirst è il servizio di accoglienza, assistenza e facilitazione delle procedure che l’Aeroporto di Bologna costruisce
                    su misura in base alle tue richieste. Come servizio Vip e personalizzato, viene preparato con cura prima del tuo arrivo,
                    per questo <strong>è necessario un preavviso di almeno 48 ore</strong> prima dell’oraio di partenza o atteraggio. Hai comande?
                    <a href="#">Contattaci</a>
                </p>
            </div>
        </div>
    </div>

    <div class="c-tablist c-tablist--youfirst">

        <ul class="c-tablist__tabs" role="tablist">

            <li>
                <a href="#partenze" role="tab" rel="#partenze" aria-label="Youfirst in partenza" aria-current="true" aria-selected="true">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_flight_takeoff_black_24px"></use>
                    </svg>
                    <span class="c-tablist__label--desktop">Youfirst in partenza</span>
                    <span class="c-tablist__label--mobile">alla Partenza</span>
                </a>
            </li>

            <li>
                <a href="#arrivi" role="tab" rel="#arrivi" aria-label="Youfirst in arrivo">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_flight_land_black_24px"></use>
                    </svg>
                    <span class="c-tablist__label--desktop">Youfirst in arrivo</span>
                    <span class="c-tablist__label--mobile">all'Arrivo</span>
                </a>
            </li>

            <li>
                <a href="#allinclusive" role="tab" rel="#allinclusive" aria-label="All Inclusive">
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_flight_takeoff_black_24px"></use>
                    </svg> +
                    <svg class="c-icon c-icon--24">
                        <use xlink:href="#ic_flight_land_black_24px"></use>
                    </svg>
                    <span class="c-tablist__label--desktop">All Inclusive</span>
                    <span class="c-tablist__label--mobile">All Inclusive</span>
                </a>
            </li>

        </ul>

        <div class="c-tablist__sections ">

            <div class="c-tablist__section" id="partenze">
                <div class="youfirst_tab">
                    <div class="youfirst_tab__title">Un servizio dedicato per semplificare la tua partenza</div>

                    <div class="youfirst_tab__container">

                        <div class="youfirst_tab__item">
                            <p><strong>Servizi alla partenza</strong></p>
                            <ul>
                                <li><strong>Accoglienza</strong> da parte del nostro personale alla reception della Marconi Business Lounge al 1° piano del Terminal.</li>
                                <li><strong>Assistenza nelle procedure di check-in</strong> all’interno della Lounge, con drop-off bagaglio da stiva se presente.</li>
                                <li><strong>Servizio di facchinaggio</strong> per il bagaglio da stiva.</li>
                                <li>Ingresso alla Vip Lounge e <strong>utilizzo della corsia Fast Track</strong>.</li>
                                <li>Assistenza ed <strong>imbarco prioritario</strong> al Gate.</li>
                                <li><strong>Assistenza al controllo passaporti</strong> (se necessario).</li>
                                <li><strong>Trasferimento dal Terminal all’aeromobile</strong> con mezzo riservato (minivan massimo 5 posti).</li>
                            </ul>
                            <button type="submit" class="c-button c-button--submit c-button--elastic" aria-label="Prenota Youfirst in partenza">

                                Prenota Youfirst in partenza

                            </button>
                        </div>

                        <div class="youfirst_tab__item youfirst_tab__item--images">
                            <div class="youfirst_tab__image"><img src="../../images/youfirst-oblo-1.png" alt="" /></div>
                            <div class="youfirst_tab__image"><img src="../../images/youfirst-oblo-2.png" alt="" /></div>
                        </div>

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

            <div class="c-tablist__section" hidden id="arrivi">
                <div class="youfirst_tab">
                    <div class="youfirst_tab__title">Un servizio dedicato per viaggiare in tutta serenità</div>

                    <div class="youfirst_tab__container">

                        <div class="youfirst_tab__item">
                            <p><strong>Servizi in arrivo</strong></p>
                            <ul>
                                <li><strong>Accoglienza</strong> da parte del nostro personale alla reception della Marconi Business Lounge al
                                    1° piano del Terminal.</li>
                                <li><strong>Assistenza nelle procedure di check-in</strong> all’interno della Lounge, con drop-off bagaglio da
                                    stiva se presente.</li>
                                <li><strong>Servizio di facchinaggio</strong> per il bagaglio da stiva.</li>
                                <li>Ingresso alla Vip Lounge e <strong>utilizzo della corsia Fast Track</strong>.</li>
                                <li>Assistenza ed <strong>imbarco prioritario</strong> al Gate.</li>
                                <li><strong>Assistenza al controllo passaporti</strong> (se necessario).</li>
                                <li><strong>Trasferimento dal Terminal all’aeromobile</strong> con mezzo riservato (minivan massimo 5 posti).
                                </li>
                            </ul>
                            <button type="submit" class="c-button c-button--submit c-button--elastic" aria-label="Prenota Youfirst in arrivo">

                                Prenota Youfirst in arrivo

                            </button>
                        </div>

                        <div class="youfirst_tab__item youfirst_tab__item--images">
                            <div class="youfirst_tab__image"><img src="../../images/youfirst-oblo-1.png" alt="" /></div>
                            <div class="youfirst_tab__image"><img src="../../images/youfirst-oblo-2.png" alt="" /></div>
                        </div>

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

            <div class="c-tablist__section" hidden id="allinclusive">
                <div class="youfirst_tab">
                    <div class="youfirst_tab__title">Un servizio dedicato per viaggiare in tutta serenità</div>

                    <div class="youfirst_tab__container">

                        <div class="youfirst_tab__item">
                            <div class="youfirst_tab__expand">
                                <input type="checkbox" id="expand-partenza" name="expand-partenza" class="u-visuallyhidden u-chkbx-showmore" aria-controls="expand-partenza-target" aria-label="Espandi per le informazioni del volo" role="switch">

                                <p><strong>Inclusi tutti i servizi “In partenza”</strong></p>
                                <div class="u-chkbx-showmore-target" id="expand-partenza-target">
                                    <ul>
                                        <li><strong>Accoglienza</strong> da parte del nostro personale alla reception della Marconi Business Lounge al
                                            1° piano del Terminal.</li>
                                        <li><strong>Assistenza nelle procedure di check-in</strong> all’interno della Lounge, con drop-off bagaglio da
                                            stiva se presente.</li>
                                        <li><strong>Servizio di facchinaggio</strong> per il bagaglio da stiva.</li>
                                        <li>Ingresso alla Vip Lounge e <strong>utilizzo della corsia Fast Track</strong>.</li>
                                        <li>Assistenza ed <strong>imbarco prioritario</strong> al Gate.</li>
                                        <li><strong>Assistenza al controllo passaporti</strong> (se necessario).</li>
                                        <li><strong>Trasferimento dal Terminal all’aeromobile</strong> con mezzo riservato (minivan massimo 5 posti).
                                        </li>
                                    </ul>
                                </div>
                                <label for="expand-partenza" class='u-chkbx-showmore-label'>
                                    Leggi <span class="more">di più</span><span class="less">meno</span>
                                </label>
                            </div>

                            <div class="youfirst_tab__divider"><span>+</span></div>

                            <div class="youfirst_tab__expand">
                                <div class="youfirst_tab__expand">
                                    <input type="checkbox" id="expand-arrivo" name="expand-arrivo" class="u-visuallyhidden u-chkbx-showmore" aria-controls="expand-arrivo-target" aria-label="Espandi per le informazioni del volo" role="switch">

                                    <p><strong>Inclusi tutti i servizi “In partenza”</strong></p>
                                    <div class="u-chkbx-showmore-target" id="expand-arrivo-target">
                                        <ul>
                                            <li><strong>Accoglienza</strong> da parte del nostro personale alla reception della Marconi Business Lounge al
                                                1° piano del Terminal.</li>
                                            <li><strong>Assistenza nelle procedure di check-in</strong> all’interno della Lounge, con drop-off bagaglio da
                                                stiva se presente.</li>
                                            <li><strong>Servizio di facchinaggio</strong> per il bagaglio da stiva.</li>
                                            <li>Ingresso alla Vip Lounge e <strong>utilizzo della corsia Fast Track</strong>.</li>
                                            <li>Assistenza ed <strong>imbarco prioritario</strong> al Gate.</li>
                                            <li><strong>Assistenza al controllo passaporti</strong> (se necessario).</li>
                                            <li><strong>Trasferimento dal Terminal all’aeromobile</strong> con mezzo riservato (minivan massimo 5 posti).
                                            </li>
                                        </ul>
                                    </div>
                                    <label for="expand-arrivo" class='u-chkbx-showmore-label'>
                                        Leggi <span class="more">di più</span><span class="less">meno</span>
                                    </label>
                                </div>
                            </div>
                            <button type="submit" class="c-button c-button--submit c-button--elastic" aria-label="Prenota Youfirst All Inclusive">

                                Prenota Youfirst All Inclusive

                            </button>
                        </div>

                        <div class="youfirst_tab__item youfirst_tab__item--images">
                            <div class="youfirst_tab__image"><img src="../../images/youfirst-oblo-1.png" alt="" /></div>
                            <div class="youfirst_tab__image"><img src="../../images/youfirst-oblo-2.png" alt="" /></div>
                        </div>

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

    </div>

    <div class="c-youfirst__info">

        <div class="box box--inline">
            <div class="c-media o-media ">
                <img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Tariffe" height="" width="32">
                <div class="c-media__body o-media__body">
                    <a href="#"><strong>Tariffe</strong></a><br>PDF, 577 kb
                </div>
            </div>
            <div class="c-media o-media ">
                <img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Condizioni Generali" height="" width="32">
                <div class="c-media__body o-media__body">
                    <a href="#"><strong>Condizioni Generali</strong></a><br>PDF, 577 kb
                </div>
            </div>
        </div>

        <div class="box">
            <h2>Hai altre domande? <a href="">Contattaci</a></h2>
            <p>Si raccomanda di richiedere il servizio con il massimo preavviso possibile, in ogni caso almeno 48 ore prima
                dell’inizio
                del servizio richiesto (inteso come orario di partenza / arrivo del volo).</p>
        </div>

    </div>

</div>