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

<header class="c-header c-header--progress">

    <div class="c-header__inner">
        <div class="c-header_orientation">
            <div class="c-orientation ">
                <div class="c-orientation__inner">

                    <div class="c-orientation__utilities">
                        <div class="c-menu">
                            <input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
                            <label for="toggle" data-opens-menu>

                                <span>Ciao</span><strong>Mario Rossi</strong>
                                <div class="c-menu__icon">
                                    <img src="../../images/svgs/stk_profile_man.svg" alt="" aria-hidden="true" width="24">

                                    <p class="c-menu__notify" aria-hidden="true">2</p>
                                </div>

                                <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__booked-item c-menu__booked-item--multiple ">
                                    <a href="../preview/page-reservation-detail.html" class="clickable-item">
                                        <div class="c-media o-media c-media--booked-item">
                                            <img class="c-media__figure o-media__figure" src="../../images/svgs/p1-2.svg" alt="Parcheggio P1 P2" height="" width="40">
                                            <div class="c-media__body o-media__body">
                                                Oggi hai un parcheggio prenotato al P1-2 <strong>alle ore 13:45</strong>
                                            </div>
                                        </div>
                                    </a>
                                    <a href="../preview/page-reservations-list.html">Vedi le altre prenotazioni di oggi</a>
                                </div>

                                <div class="c-menu__section">
                                    <div class="image">
                                        <img src="../../images/svgs/stk_prenotazioni.svg" alt="Prenotazioni" aria-hidden="true" width="60">
                                    </div>
                                    <ul aria-label="Prenotazioni">
                                        <strong aria-hidden="true" class="title">Prenotazioni</strong>
                                        <li><a href="../preview/page-dashboard.html">Dashboard</a></li>
                                        <li><a href="../preview/page-reservations-list.html">Le tue prenotazioni</a></li>
                                        <li><a href="../preview/page-orders-list.html">I tuoi ordini</a></li>
                                        <li><a href="#">I tuoi voucher digitali (130€)</a></li>
                                        <li><a href="#">I tuoi crediti agenzia (110€)</a></li>
                                    </ul>
                                </div>

                                <div class="c-menu__section">
                                    <div class="image">
                                        <img src="../../images/svgs/stk_avatar.svg" alt="Profilo" aria-hidden="true" width="60">
                                    </div>
                                    <ul aria-label="Profilo">
                                        <strong aria-hidden="true" class="title">Profilo</strong>
                                        <li><a href="../preview/page-profile--default.html">Il tuo account</a></li>
                                        <li><a href="../preview/page-billing-info.html">I tuoi dati di fatturazione</a></li>
                                        <li><a href="#">Le mie auto</a></li>
                                        <li><a href="../preview/page-privacy-settings.html">Le tue impostazioni privacy</a></li>
                                        <li><a href="../preview/page-newsletter-sub.html">Le tue impostazioni newsletter</a></li>
                                    </ul>
                                </div>

                                <div class="c-menu__section">
                                    <div class="image">
                                        <img src="../../images/svgs/stk_assistenza.svg" alt="Supporto" aria-hidden="true" width="60">
                                    </div>
                                    <ul aria-label="Supporto">
                                        <strong aria-hidden="true" class="title">Supporto</strong>
                                        <li><a href="#">Richiedi assistenza</a></li>
                                        <li><a href="../preview/page-reclaims-list.html">I tuoi suggerimenti e reclami</a></li>
                                        <li><a href="#">Richiedi assistenza</a></li>
                                    </ul>
                                </div>

                                <a href="#" class="c-menu__invite">Esci</a>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="c-header__toolbar">
            <div class='c-toolbar c-toolbar--minimal c-toolbar--progress'>
                <div class='c-toolbar__inner'>
                    <div class='c-toolbar__left'>
                        <a href="" class='c-toolbar__logo'>
                            <img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
                        </a>
                    </div>

                    <div class='c-toolbar__center'>
                        <ol class="c-progress" tabindex="0" role="progressbar" aria-valuemin="1" aria-valuemax="5" aria-valuenow="2" aria-valuetext="Step 2 di 5: ">

                            <li class="c-progress__step " data-step-complete>
                                <a href="" data-extra-text="">Scegli parcheggio</a>
                            </li>
                            <li class="c-progress__step " data-step-complete>
                                <a href="" data-extra-text="">Inserisci i dati</a>
                            </li>
                            <li class="c-progress__step " data-step-complete>
                                <a href="" data-extra-text="">Servizi aggiuntivi</a>
                            </li>
                            <li class="c-progress__step " data-step-complete>
                                <a href="" data-extra-text="">Pagamento</a>
                            </li>
                            <li class="c-progress__step " data-step-current>
                                <a href="" data-extra-text="">Ricevi conferma</a>
                            </li>

                        </ol>
                    </div>

                    <div class='c-toolbar__right'>
                        <div class="c-toolbar__user">

                        </div>
                        <a href="#" class="c-link c-link--cart c-link--cart-large">
                            <p class="u-visuallyhidden">Carrello</p>
                            <span class="c-link__cart-icon">
                                <svg class="c-icon c-icon--cart">
                                    <use xlink:href="#ic-shopping-cart-24px"></use>
                                </svg> <span class="c-link__cart-badge">5</span>
                            </span>
                            <span class="c-link__cart-content">
                                <span class="c-link__cart-label">Tempo residuo</span>
                                <span class="c-link__cart-timer">19:59</span>
                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </div>

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

<main class="" id='maincontent'>

    <header data-accompanied data-success data-centered>
        <img src="../../images/svgs/Checked-120px.svg" alt="Prenotazione pagata" aria-hidden="true" width="80">
        <div>
            <h1>Il tuo ordine è stato <strong>pagato</strong></h1>
            <p>Abbiamo inviato la conferma a <a href="mailto:mario.rossi@mail.com"><strong>mario.rossi@mail.com</strong></a></p>
            <p>Inoltre abbiamo inviato una mail di conferma prenotazione a chi hai indicato in fase di acquisto.</p>
        </div>
    </header>

    <div class="u-wrapped u-d--f u-jc--fe u-mb-space-8">
        <button type="button" class="c-button c-button--as-link u-color-night-120">

            Stampa tutte le prenotazioni
            <svg class="c-icon c-icon--24">
                <use xlink:href="#ic-print-black-24px"></use>
            </svg>
        </button>
    </div>

    <form action="../preview/page-payment.html" class="c-form">
        <div class="c-product c-product--recap c-product--payed qrcode">

            <div class="c-product__info">

                <div class="c-product__type">
                    <img src="/images/svgs/p1.svg" alt="Parcheggio P1">
                    <div class="c-product__park-infos">
                        <a href="#" class="c-link c-link--spaceless">
                            Guarda in mappa
                            <svg class="c-icon c-icon--16">
                                <use xlink:href="#ic_open_in_new_24px"></use>
                            </svg></a>
                        <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">

                            Info parcheggio
                            <svg class="c-icon--16">
                                <use xlink:href="#ic-info-serif"></use>
                            </svg>
                        </button>
                    </div>
                </div>

                <div class="c-product__features">
                    <ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1 ">
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic-covered-parking-black-24px"></use>
                            </svg> <span class="c-icon-list__text">Coperto</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic-accessible-black-24px"></use>
                            </svg> <span class="c-icon-list__text">Posti riservati</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_place_black_24px"></use>
                            </svg> <span class="c-icon-list__text">Fronte aerostazione</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_directions_walk_black_24px"></use>
                            </svg> <span class="c-icon-list__text">1 min. a piedi</span>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="c-product__schedule">

                <div class="c-product__labels">
                    <span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">

                        <strong>Pagato</strong>
                    </span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">

                        Codice: <strong>1102936</strong>
                    </span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">

                        Mario Rossi
                    </span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Targa EB531LM">

                        Targa EB531LM
                    </span>
                </div>

                <div class="c-product__time ">
                    <div class="c-time-detail c-time-detail--product">
                        <div class="c-time-detail__span">
                            <div class="u-color-sky-120"><strong>Entrata</strong></div>
                            <div>Dal
                                <strong>
                                    <time datetime=2018/04/10>
                                        10/04/2018
                                    </time>
                                </strong>
                            </div>
                            <div>Ore <strong><time>20:30</time></strong></div>
                        </div>

                    </div>
                    <div class="c-time-detail c-time-detail--product">
                        <div class="c-time-detail__span">
                            <div class="u-color-sky-120"><strong>Uscita</strong></div>
                            <div>Dal
                                <strong>
                                    <time datetime=2018/04/20>
                                        20/04/2018
                                    </time>
                                </strong>
                            </div>
                            <div>Ore <strong><time>20:30</time></strong></div>
                        </div>

                    </div>
                </div>

                <div class="c-product__details">
                    Il costo della sosta è calcolato in base ai dati dichiarati<br /> Il costo effettivo è legato alla reale durata della sosta
                </div>

                <div class="c-product__further">
                    <div class="c-product__further-item">
                        <span class="c-tooltip--qrcode c-product__qrcode" data-js-tooltip-label="Espandi le informazioni relative al qr code" data-js-tooltip-text="Visualizza QR-code" data-js-bubble-class-position="c-tooltip__bubble--up">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_qrcode_24"></use>
                            </svg>
                            <div data-toggletip>
                                <button class="close-tooltip" aria-label="Chiudi il suggerimento sul qr code" aria-hidden="true">
                                    <svg class="c-icon c-icon--24">
                                        <use xlink:href="#ic_close_black_24px"></use>
                                    </svg> </button>

                                <p> <img src="../../images/qrcode.jpg" alt="QR code" /> </p>

                                <h5>Dove trovo il mio QR-code per accedere al parcheggio?</h5>

                                <p>Per ogni prenotazione puoi recuperare il QR-code di ogni tua prenotazione accedendo alla tua area riservata ed entrando nell'archivio prenotazioni.
                                </p>

                                <p><strong>Accedi al sito</strong> oppure <strong>scarica l'app</strong> di BLQ</p>

                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </span>

                    </div>
                </div>

            </div>

            <div class="c-product__fare">

                <div class="c-product__price">
                    <div class="c-product__price-value">
                        <span class="barred" aria-hidden="true">€ 84,00</span>
                        <strong class="c-product__value">€ 61,00</strong>
                    </div>
                    <div class="discount-text">
                        Tariffa totale per <strong>3 giorni</strong>
                    </div>
                </div>

            </div>

        </div>

        <div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
            <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
                <div role="document">
                    <p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>

                    <div class="c-dialog__map">
                        <img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">

                        <div class="js-dialog-map" tabindex="-1">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
                        </div>

                    </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>
        <div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
            <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
                <div role="document">
                    <p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>

                    <div class="c-content-expo c-content-expo--spaceless" grid="grid">

                        <div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">

                            <div class="js-productPop">

                                <div class="c-product__fold">
                                    <div class="c-media o-media c-media--vertically-centered">
                                        <img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
                                        <div class="c-media__body o-media__body">
                                            <strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
                                        </div>
                                    </div>
                                </div>

                                <div class="c-product c-product--p2 c-product--pop">

                                    <div class="c-product__info">

                                        <div class="c-product__type">
                                            <img src="/images/svgs/p2.svg" alt="Parcheggio P2">
                                            <div class="c-product__park-infos">
                                                <a href="#" class="c-link c-link--spaceless">
                                                    Guarda in mappa
                                                    <svg class="c-icon c-icon--16">
                                                        <use xlink:href="#ic_open_in_new_24px"></use>
                                                    </svg></a>

                                            </div>
                                        </div>

                                        <div class="c-product__features">
                                            <ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                                    </svg> <span class="c-icon-list__text">Coperto</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic-accessible-black-24px"></use>
                                                    </svg> <span class="c-icon-list__text">Posti riservati</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic_place_black_24px"></use>
                                                    </svg> <span class="c-icon-list__text">Fronte aerostazione</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic_directions_walk_black_24px"></use>
                                                    </svg> <span class="c-icon-list__text">1 min. a piedi</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="c-product__fare">
                                        <div class="c-product__price">
                                            <div class="fare-text">
                                                L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                                <div class="c-product__pop-info">
                                    <div class="c-content-expo c-product--p2 c-product--pop" grid="grid">

                                    </div>
                                </div>

                            </div>

                            <div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
                                <div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
                                    <div role="document">

                                        <img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">

                                        <p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>

                                        <p class="c-dialog__text c-dialog__text--centered">
                                            Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
                                        </p>

                                        <p class="c-dialog__text c-dialog__text--centered">
                                            Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
                                        </p>

                                        <p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
                                            Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
                                        </p>

                                        <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 class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
                                <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
                                    <div role="document">
                                        <p class="c-dialog__title" id="-"></p>

                                        <div class="c-dialog__map">
                                            <img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">

                                            <div class="js-dialog-map" tabindex="-1">
                                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
                                            </div>

                                        </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>
                            <div class="u-mb-space-24 u-mt-space-16s">
                                <iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
                            </div>

                            <div class="u-mb-space-24">
                                <iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
                            </div>

                            <div class="c-table_cnt c-table_cnt--noSlide">
                                <table class="o-table c-table">
                                    <caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
                                    <thead>
                                        <tr>
                                            <th scope="col">Permanenza</th>
                                            <th scope="col">Tariffa in vigore</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td data-label="Permanenza"><strong>1° giorno</strong></td>
                                            <td data-label="Tariffa">
                                                <ul class="bordered">
                                                    <li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
                                                    <li><strong>€ 3,50</strong> fino a 1 ora</li>
                                                    <li><strong>€ 7,00</strong> fino a 2 ore</li>
                                                    <li><strong>€ 10,50</strong> fino a 3 ore</li>
                                                    <li><strong>€ 14,00</strong> fino a 24 ore</li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
                                            <td data-label="Tariffa">
                                                <ul>
                                                    <li><strong>€ 14,00</strong> al giorno</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <div class="c-table_cnt c-table_cnt--noSlide">
                                <table class="o-table c-table">
                                    <caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
                                    <thead>
                                        <tr>
                                            <th scope="col">Permanenza</th>
                                            <th scope="col">Tariffa in vigore</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td data-label="Permanenza"><strong>1° giorno</strong></td>
                                            <td data-label="Tariffa">
                                                <ul class="bordered">
                                                    <li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
                                            <td data-label="Tariffa">
                                                <ul>
                                                    <li><strong>€ 14,00</strong> al giorno</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                        </div>

                        <div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
                            <h4>Consigliato</h4>
                            <ul>
                                <li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
                                <li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
                                <li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
                            </ul>

                            <h4>Altre tariffe</h4>
                            <p>
                                <strong>Tariffa Weekend.</strong>
                                Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
                            </p>
                            <p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
                            <p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
                            <p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>

                            <h4>Servizi</h4>
                            <img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
                            <img src="../../images/elettra.png" alt="Elettra" width="90">

                            <h4>Documenti</h4>
                            <div class="docs">
                                <div class="c-media o-media ">
                                    <img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
                                    <div class="c-media__body o-media__body">
                                        <a href="#"><strong>Mappa parcheggi</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="Regolamento" height="" width="32">
                                    <div class="c-media__body o-media__body">
                                        <a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
                                    </div>
                                </div>
                            </div>

                        </div>

                    </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>
        <div class="c-product c-product--recap c-product--payed qrcode">

            <div class="c-product__info">

                <div class="c-product__type">
                    <img src="/images/svgs/p2.svg" alt="Parcheggio P2">
                    <div class="c-product__park-infos">
                        <a href="#" class="c-link c-link--spaceless">
                            Guarda in mappa
                            <svg class="c-icon c-icon--16">
                                <use xlink:href="#ic_open_in_new_24px"></use>
                            </svg></a>
                        <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">

                            Info parcheggio
                            <svg class="c-icon--16">
                                <use xlink:href="#ic-info-serif"></use>
                            </svg>
                        </button>
                    </div>
                </div>

                <div class="c-product__features">
                    <ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1 ">
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic-covered-parking-black-24px"></use>
                            </svg> <span class="c-icon-list__text">Coperto</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic-accessible-black-24px"></use>
                            </svg> <span class="c-icon-list__text">Posti riservati</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_place_black_24px"></use>
                            </svg> <span class="c-icon-list__text">Fronte aerostazione</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_directions_walk_black_24px"></use>
                            </svg> <span class="c-icon-list__text">1 min. a piedi</span>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="c-product__schedule">

                <div class="c-product__labels">
                    <span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">

                        <strong>Pagato</strong>
                    </span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">

                        Codice: <strong>1102936</strong>
                    </span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">

                        Mario Rossi
                    </span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Targa EB531LM">

                        Targa EB531LM
                    </span>
                </div>

                <div class="c-product__time ">
                    <div class="c-time-detail c-time-detail--product">
                        <div class="c-time-detail__span">
                            <div class="u-color-sky-120"><strong>Entrata</strong></div>
                            <div>Dal
                                <strong>
                                    <time datetime=2018/04/10>
                                        10/04/2018
                                    </time>
                                </strong>
                            </div>
                            <div>Ore <strong><time>20:30</time></strong></div>
                        </div>

                    </div>
                    <div class="c-time-detail c-time-detail--product">
                        <div class="c-time-detail__span">
                            <div class="u-color-sky-120"><strong>Uscita</strong></div>
                            <div>Dal
                                <strong>
                                    <time datetime=2018/04/20>
                                        20/04/2018
                                    </time>
                                </strong>
                            </div>
                            <div>Ore <strong><time>20:30</time></strong></div>
                        </div>

                    </div>
                </div>

                <div class="c-product__details">
                    Il costo della sosta è calcolato in base ai dati dichiarati<br /> Il costo effettivo è legato alla reale durata della sosta
                </div>

                <div class="c-product__further">
                    <div class="c-product__further-item">
                        <span class="c-tooltip--qrcode c-product__qrcode" data-js-tooltip-label="Espandi le informazioni relative al qr code" data-js-tooltip-text="Visualizza QR-code" data-js-bubble-class-position="c-tooltip__bubble--up">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_qrcode_24"></use>
                            </svg>
                            <div data-toggletip>
                                <button class="close-tooltip" aria-label="Chiudi il suggerimento sul qr code" aria-hidden="true">
                                    <svg class="c-icon c-icon--24">
                                        <use xlink:href="#ic_close_black_24px"></use>
                                    </svg> </button>

                                <p> <img src="../../images/qrcode.jpg" alt="QR code" /> </p>

                                <h5>Dove trovo il mio QR-code per accedere al parcheggio?</h5>

                                <p>Per ogni prenotazione puoi recuperare il QR-code di ogni tua prenotazione accedendo alla tua area riservata ed entrando nell'archivio prenotazioni.
                                </p>

                                <p><strong>Accedi al sito</strong> oppure <strong>scarica l'app</strong> di BLQ</p>

                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </span>

                    </div>
                </div>

            </div>

            <div class="c-product__fare">

                <div class="c-product__price">
                    <div class="c-product__price-value">
                        <span class="barred" aria-hidden="true">€ 84,00</span>
                        <strong class="c-product__value">€ 61,00</strong>
                    </div>
                    <div class="discount-text">
                        Tariffa totale per <strong>3 giorni</strong>
                    </div>
                </div>

            </div>

        </div>

        <div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
            <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
                <div role="document">
                    <p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>

                    <div class="c-dialog__map">
                        <img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">

                        <div class="js-dialog-map" tabindex="-1">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
                        </div>

                    </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>
        <div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
            <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
                <div role="document">
                    <p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>

                    <div class="c-content-expo c-content-expo--spaceless" grid="grid">

                        <div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">

                            <div class="js-productPop">

                                <div class="c-product__fold">
                                    <div class="c-media o-media c-media--vertically-centered">
                                        <img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
                                        <div class="c-media__body o-media__body">
                                            <strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
                                        </div>
                                    </div>
                                </div>

                                <div class="c-product c-product--p2 c-product--pop">

                                    <div class="c-product__info">

                                        <div class="c-product__type">
                                            <img src="/images/svgs/p2.svg" alt="Parcheggio P2">
                                            <div class="c-product__park-infos">
                                                <a href="#" class="c-link c-link--spaceless">
                                                    Guarda in mappa
                                                    <svg class="c-icon c-icon--16">
                                                        <use xlink:href="#ic_open_in_new_24px"></use>
                                                    </svg></a>

                                            </div>
                                        </div>

                                        <div class="c-product__features">
                                            <ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                                    </svg> <span class="c-icon-list__text">Coperto</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic-accessible-black-24px"></use>
                                                    </svg> <span class="c-icon-list__text">Posti riservati</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic_place_black_24px"></use>
                                                    </svg> <span class="c-icon-list__text">Fronte aerostazione</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic_directions_walk_black_24px"></use>
                                                    </svg> <span class="c-icon-list__text">1 min. a piedi</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="c-product__fare">
                                        <div class="c-product__price">
                                            <div class="fare-text">
                                                L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                                <div class="c-product__pop-info">
                                    <div class="c-content-expo c-product--p2 c-product--pop" grid="grid">

                                    </div>
                                </div>

                            </div>

                            <div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
                                <div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
                                    <div role="document">

                                        <img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">

                                        <p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>

                                        <p class="c-dialog__text c-dialog__text--centered">
                                            Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
                                        </p>

                                        <p class="c-dialog__text c-dialog__text--centered">
                                            Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
                                        </p>

                                        <p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
                                            Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
                                        </p>

                                        <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 class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
                                <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
                                    <div role="document">
                                        <p class="c-dialog__title" id="-"></p>

                                        <div class="c-dialog__map">
                                            <img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">

                                            <div class="js-dialog-map" tabindex="-1">
                                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
                                            </div>

                                        </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>
                            <div class="u-mb-space-24 u-mt-space-16s">
                                <iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
                            </div>

                            <div class="u-mb-space-24">
                                <iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
                            </div>

                            <div class="c-table_cnt c-table_cnt--noSlide">
                                <table class="o-table c-table">
                                    <caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
                                    <thead>
                                        <tr>
                                            <th scope="col">Permanenza</th>
                                            <th scope="col">Tariffa in vigore</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td data-label="Permanenza"><strong>1° giorno</strong></td>
                                            <td data-label="Tariffa">
                                                <ul class="bordered">
                                                    <li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
                                                    <li><strong>€ 3,50</strong> fino a 1 ora</li>
                                                    <li><strong>€ 7,00</strong> fino a 2 ore</li>
                                                    <li><strong>€ 10,50</strong> fino a 3 ore</li>
                                                    <li><strong>€ 14,00</strong> fino a 24 ore</li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
                                            <td data-label="Tariffa">
                                                <ul>
                                                    <li><strong>€ 14,00</strong> al giorno</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <div class="c-table_cnt c-table_cnt--noSlide">
                                <table class="o-table c-table">
                                    <caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
                                    <thead>
                                        <tr>
                                            <th scope="col">Permanenza</th>
                                            <th scope="col">Tariffa in vigore</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td data-label="Permanenza"><strong>1° giorno</strong></td>
                                            <td data-label="Tariffa">
                                                <ul class="bordered">
                                                    <li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
                                            <td data-label="Tariffa">
                                                <ul>
                                                    <li><strong>€ 14,00</strong> al giorno</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                        </div>

                        <div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
                            <h4>Consigliato</h4>
                            <ul>
                                <li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
                                <li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
                                <li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
                            </ul>

                            <h4>Altre tariffe</h4>
                            <p>
                                <strong>Tariffa Weekend.</strong>
                                Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
                            </p>
                            <p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
                            <p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
                            <p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>

                            <h4>Servizi</h4>
                            <img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
                            <img src="../../images/elettra.png" alt="Elettra" width="90">

                            <h4>Documenti</h4>
                            <div class="docs">
                                <div class="c-media o-media ">
                                    <img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
                                    <div class="c-media__body o-media__body">
                                        <a href="#"><strong>Mappa parcheggi</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="Regolamento" height="" width="32">
                                    <div class="c-media__body o-media__body">
                                        <a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
                                    </div>
                                </div>
                            </div>

                        </div>

                    </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>
        <div class="c-product c-product--recap c-product--payed qrcode">

            <div class="c-product__info">

                <div class="c-product__type">
                    <img src="/images/svgs/p3.svg" alt="Parcheggio P3">
                    <div class="c-product__park-infos">
                        <a href="#" class="c-link c-link--spaceless">
                            Guarda in mappa
                            <svg class="c-icon c-icon--16">
                                <use xlink:href="#ic_open_in_new_24px"></use>
                            </svg></a>
                        <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">

                            Info parcheggio
                            <svg class="c-icon--16">
                                <use xlink:href="#ic-info-serif"></use>
                            </svg>
                        </button>
                    </div>
                </div>

                <div class="c-product__features">
                    <ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1 ">
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic-covered-parking-black-24px"></use>
                            </svg> <span class="c-icon-list__text">Coperto</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic-accessible-black-24px"></use>
                            </svg> <span class="c-icon-list__text">Posti riservati</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_place_black_24px"></use>
                            </svg> <span class="c-icon-list__text">Fronte aerostazione</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_directions_walk_black_24px"></use>
                            </svg> <span class="c-icon-list__text">1 min. a piedi</span>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="c-product__schedule">

                <div class="c-product__labels">
                    <span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">

                        <strong>Pagato</strong>
                    </span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">

                        Codice: <strong>1102936</strong>
                    </span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">

                        Mario Rossi
                    </span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Targa EB531LM">

                        Targa EB531LM
                    </span>
                </div>

                <div class="c-product__time ">
                    <div class="c-time-detail c-time-detail--product">
                        <div class="c-time-detail__span">
                            <div class="u-color-sky-120"><strong>Entrata</strong></div>
                            <div>Dal
                                <strong>
                                    <time datetime=2018/04/10>
                                        10/04/2018
                                    </time>
                                </strong>
                            </div>
                            <div>Ore <strong><time>20:30</time></strong></div>
                        </div>

                    </div>
                    <div class="c-time-detail c-time-detail--product">
                        <div class="c-time-detail__span">
                            <div class="u-color-sky-120"><strong>Uscita</strong></div>
                            <div>Dal
                                <strong>
                                    <time datetime=2018/04/20>
                                        20/04/2018
                                    </time>
                                </strong>
                            </div>
                            <div>Ore <strong><time>20:30</time></strong></div>
                        </div>

                    </div>
                </div>

                <div class="c-product__details">
                    Il costo della sosta è calcolato in base ai dati dichiarati<br /> Il costo effettivo è legato alla reale durata della sosta
                </div>

                <div class="c-product__further">
                    <div class="c-product__further-item">
                        <span class="c-tooltip--qrcode c-product__qrcode" data-js-tooltip-label="Espandi le informazioni relative al qr code" data-js-tooltip-text="Visualizza QR-code" data-js-bubble-class-position="c-tooltip__bubble--up">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_qrcode_24"></use>
                            </svg>
                            <div data-toggletip>
                                <button class="close-tooltip" aria-label="Chiudi il suggerimento sul qr code" aria-hidden="true">
                                    <svg class="c-icon c-icon--24">
                                        <use xlink:href="#ic_close_black_24px"></use>
                                    </svg> </button>

                                <p> <img src="../../images/qrcode.jpg" alt="QR code" /> </p>

                                <h5>Dove trovo il mio QR-code per accedere al parcheggio?</h5>

                                <p>Per ogni prenotazione puoi recuperare il QR-code di ogni tua prenotazione accedendo alla tua area riservata ed entrando nell'archivio prenotazioni.
                                </p>

                                <p><strong>Accedi al sito</strong> oppure <strong>scarica l'app</strong> di BLQ</p>

                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </span>

                    </div>
                </div>

            </div>

            <div class="c-product__fare">

                <div class="c-product__price">
                    <div class="c-product__price-value">
                        <span class="barred" aria-hidden="true">€ 84,00</span>
                        <strong class="c-product__value">€ 61,00</strong>
                    </div>
                    <div class="discount-text">
                        Tariffa totale per <strong>3 giorni</strong>
                    </div>
                </div>

            </div>

        </div>

        <div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
            <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
                <div role="document">
                    <p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>

                    <div class="c-dialog__map">
                        <img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">

                        <div class="js-dialog-map" tabindex="-1">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
                        </div>

                    </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>
        <div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
            <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
                <div role="document">
                    <p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>

                    <div class="c-content-expo c-content-expo--spaceless" grid="grid">

                        <div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">

                            <div class="js-productPop">

                                <div class="c-product__fold">
                                    <div class="c-media o-media c-media--vertically-centered">
                                        <img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
                                        <div class="c-media__body o-media__body">
                                            <strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
                                        </div>
                                    </div>
                                </div>

                                <div class="c-product c-product--p2 c-product--pop">

                                    <div class="c-product__info">

                                        <div class="c-product__type">
                                            <img src="/images/svgs/p2.svg" alt="Parcheggio P2">
                                            <div class="c-product__park-infos">
                                                <a href="#" class="c-link c-link--spaceless">
                                                    Guarda in mappa
                                                    <svg class="c-icon c-icon--16">
                                                        <use xlink:href="#ic_open_in_new_24px"></use>
                                                    </svg></a>

                                            </div>
                                        </div>

                                        <div class="c-product__features">
                                            <ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                                    </svg> <span class="c-icon-list__text">Coperto</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic-accessible-black-24px"></use>
                                                    </svg> <span class="c-icon-list__text">Posti riservati</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic_place_black_24px"></use>
                                                    </svg> <span class="c-icon-list__text">Fronte aerostazione</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic_directions_walk_black_24px"></use>
                                                    </svg> <span class="c-icon-list__text">1 min. a piedi</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="c-product__fare">
                                        <div class="c-product__price">
                                            <div class="fare-text">
                                                L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                                <div class="c-product__pop-info">
                                    <div class="c-content-expo c-product--p2 c-product--pop" grid="grid">

                                    </div>
                                </div>

                            </div>

                            <div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
                                <div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
                                    <div role="document">

                                        <img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">

                                        <p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>

                                        <p class="c-dialog__text c-dialog__text--centered">
                                            Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
                                        </p>

                                        <p class="c-dialog__text c-dialog__text--centered">
                                            Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
                                        </p>

                                        <p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
                                            Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
                                        </p>

                                        <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 class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
                                <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
                                    <div role="document">
                                        <p class="c-dialog__title" id="-"></p>

                                        <div class="c-dialog__map">
                                            <img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">

                                            <div class="js-dialog-map" tabindex="-1">
                                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
                                            </div>

                                        </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>
                            <div class="u-mb-space-24 u-mt-space-16s">
                                <iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
                            </div>

                            <div class="u-mb-space-24">
                                <iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
                            </div>

                            <div class="c-table_cnt c-table_cnt--noSlide">
                                <table class="o-table c-table">
                                    <caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
                                    <thead>
                                        <tr>
                                            <th scope="col">Permanenza</th>
                                            <th scope="col">Tariffa in vigore</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td data-label="Permanenza"><strong>1° giorno</strong></td>
                                            <td data-label="Tariffa">
                                                <ul class="bordered">
                                                    <li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
                                                    <li><strong>€ 3,50</strong> fino a 1 ora</li>
                                                    <li><strong>€ 7,00</strong> fino a 2 ore</li>
                                                    <li><strong>€ 10,50</strong> fino a 3 ore</li>
                                                    <li><strong>€ 14,00</strong> fino a 24 ore</li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
                                            <td data-label="Tariffa">
                                                <ul>
                                                    <li><strong>€ 14,00</strong> al giorno</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <div class="c-table_cnt c-table_cnt--noSlide">
                                <table class="o-table c-table">
                                    <caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
                                    <thead>
                                        <tr>
                                            <th scope="col">Permanenza</th>
                                            <th scope="col">Tariffa in vigore</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td data-label="Permanenza"><strong>1° giorno</strong></td>
                                            <td data-label="Tariffa">
                                                <ul class="bordered">
                                                    <li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
                                            <td data-label="Tariffa">
                                                <ul>
                                                    <li><strong>€ 14,00</strong> al giorno</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                        </div>

                        <div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
                            <h4>Consigliato</h4>
                            <ul>
                                <li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
                                <li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
                                <li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
                            </ul>

                            <h4>Altre tariffe</h4>
                            <p>
                                <strong>Tariffa Weekend.</strong>
                                Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
                            </p>
                            <p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
                            <p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
                            <p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>

                            <h4>Servizi</h4>
                            <img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
                            <img src="../../images/elettra.png" alt="Elettra" width="90">

                            <h4>Documenti</h4>
                            <div class="docs">
                                <div class="c-media o-media ">
                                    <img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
                                    <div class="c-media__body o-media__body">
                                        <a href="#"><strong>Mappa parcheggi</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="Regolamento" height="" width="32">
                                    <div class="c-media__body o-media__body">
                                        <a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
                                    </div>
                                </div>
                            </div>

                        </div>

                    </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>
        <div class="c-product c-product--recap c-product--payed qrcode">

            <div class="c-product__info">

                <div class="c-product__type">
                    <img src="/images/svgs/car-valet.svg" alt="Parcheggio P2 Car Valet">
                    <div class="c-product__park-infos">
                        <a href="#" class="c-link c-link--spaceless">
                            Guarda in mappa
                            <svg class="c-icon c-icon--16">
                                <use xlink:href="#ic_open_in_new_24px"></use>
                            </svg></a>
                        <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">

                            Info parcheggio
                            <svg class="c-icon--16">
                                <use xlink:href="#ic-info-serif"></use>
                            </svg>
                        </button>
                    </div>
                </div>

                <div class="c-product__features">
                    <ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1 ">
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic-covered-parking-black-24px"></use>
                            </svg> <span class="c-icon-list__text">Coperto</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic-accessible-black-24px"></use>
                            </svg> <span class="c-icon-list__text">Posti riservati</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_place_black_24px"></use>
                            </svg> <span class="c-icon-list__text">Fronte aerostazione</span>
                        </li>
                        <li class="c-icon-list__item ">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_directions_walk_black_24px"></use>
                            </svg> <span class="c-icon-list__text">1 min. a piedi</span>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="c-product__schedule">

                <div class="c-product__labels">
                    <span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">

                        <strong>Pagato</strong>
                    </span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">

                        Codice: <strong>1102936</strong>
                    </span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">

                        Mario Rossi
                    </span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Targa EB531LM">

                        Targa EB531LM
                    </span>
                </div>

                <div class="c-product__time ">
                    <div class="c-time-detail c-time-detail--product">
                        <div class="c-time-detail__span">
                            <div class="u-color-sky-120"><strong>Entrata</strong></div>
                            <div>Dal
                                <strong>
                                    <time datetime=2018/04/10>
                                        10/04/2018
                                    </time>
                                </strong>
                            </div>
                            <div>Ore <strong><time>20:30</time></strong></div>
                        </div>

                    </div>
                    <div class="c-time-detail c-time-detail--product">
                        <div class="c-time-detail__span">
                            <div class="u-color-sky-120"><strong>Uscita</strong></div>
                            <div>Dal
                                <strong>
                                    <time datetime=2018/04/20>
                                        20/04/2018
                                    </time>
                                </strong>
                            </div>
                            <div>Ore <strong><time>20:30</time></strong></div>
                        </div>

                    </div>
                </div>

                <div class="c-product__details">
                    Il costo della sosta è calcolato in base ai dati dichiarati<br /> Il costo effettivo è legato alla reale durata della sosta
                </div>

                <div class="c-product__further">
                    <div class="c-product__further-item">
                        <span class="c-tooltip--qrcode c-product__qrcode" data-js-tooltip-label="Espandi le informazioni relative al qr code" data-js-tooltip-text="Visualizza QR-code" data-js-bubble-class-position="c-tooltip__bubble--up">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_qrcode_24"></use>
                            </svg>
                            <div data-toggletip>
                                <button class="close-tooltip" aria-label="Chiudi il suggerimento sul qr code" aria-hidden="true">
                                    <svg class="c-icon c-icon--24">
                                        <use xlink:href="#ic_close_black_24px"></use>
                                    </svg> </button>

                                <p> <img src="../../images/qrcode.jpg" alt="QR code" /> </p>

                                <h5>Dove trovo il mio QR-code per accedere al parcheggio?</h5>

                                <p>Per ogni prenotazione puoi recuperare il QR-code di ogni tua prenotazione accedendo alla tua area riservata ed entrando nell'archivio prenotazioni.
                                </p>

                                <p><strong>Accedi al sito</strong> oppure <strong>scarica l'app</strong> di BLQ</p>

                                <ul>
                                    <li>
                                        <a href="#">
                                            <img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </span>

                    </div>
                </div>

            </div>

            <div class="c-product__fare">

                <div class="c-product__price">
                    <div class="c-product__price-value">
                        <span class="barred" aria-hidden="true">€ 84,00</span>
                        <strong class="c-product__value">€ 61,00</strong>
                    </div>
                    <div class="discount-text">
                        Tariffa totale per <strong>3 giorni</strong>
                    </div>
                </div>

            </div>

        </div>

        <div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
            <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
                <div role="document">
                    <p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>

                    <div class="c-dialog__map">
                        <img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">

                        <div class="js-dialog-map" tabindex="-1">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
                        </div>

                    </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>
        <div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
            <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
                <div role="document">
                    <p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>

                    <div class="c-content-expo c-content-expo--spaceless" grid="grid">

                        <div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">

                            <div class="js-productPop">

                                <div class="c-product__fold">
                                    <div class="c-media o-media c-media--vertically-centered">
                                        <img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
                                        <div class="c-media__body o-media__body">
                                            <strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
                                        </div>
                                    </div>
                                </div>

                                <div class="c-product c-product--p2 c-product--pop">

                                    <div class="c-product__info">

                                        <div class="c-product__type">
                                            <img src="/images/svgs/p2.svg" alt="Parcheggio P2">
                                            <div class="c-product__park-infos">
                                                <a href="#" class="c-link c-link--spaceless">
                                                    Guarda in mappa
                                                    <svg class="c-icon c-icon--16">
                                                        <use xlink:href="#ic_open_in_new_24px"></use>
                                                    </svg></a>

                                            </div>
                                        </div>

                                        <div class="c-product__features">
                                            <ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                                    </svg> <span class="c-icon-list__text">Coperto</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic-accessible-black-24px"></use>
                                                    </svg> <span class="c-icon-list__text">Posti riservati</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic_place_black_24px"></use>
                                                    </svg> <span class="c-icon-list__text">Fronte aerostazione</span>
                                                </li>
                                                <li class="c-icon-list__item ">
                                                    <svg class="c-icon c-icon--24">
                                                        <use xlink:href="#ic_directions_walk_black_24px"></use>
                                                    </svg> <span class="c-icon-list__text">1 min. a piedi</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="c-product__fare">
                                        <div class="c-product__price">
                                            <div class="fare-text">
                                                L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
                                            </div>

                                        </div>
                                    </div>

                                </div>

                                <div class="c-product__pop-info">
                                    <div class="c-content-expo c-product--p2 c-product--pop" grid="grid">

                                    </div>
                                </div>

                            </div>

                            <div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
                                <div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
                                    <div role="document">

                                        <img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">

                                        <p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>

                                        <p class="c-dialog__text c-dialog__text--centered">
                                            Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
                                        </p>

                                        <p class="c-dialog__text c-dialog__text--centered">
                                            Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
                                        </p>

                                        <p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
                                            Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
                                        </p>

                                        <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 class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
                                <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
                                    <div role="document">
                                        <p class="c-dialog__title" id="-"></p>

                                        <div class="c-dialog__map">
                                            <img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">

                                            <div class="js-dialog-map" tabindex="-1">
                                                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
                                            </div>

                                        </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>
                            <div class="u-mb-space-24 u-mt-space-16s">
                                <iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
                            </div>

                            <div class="u-mb-space-24">
                                <iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
                            </div>

                            <div class="c-table_cnt c-table_cnt--noSlide">
                                <table class="o-table c-table">
                                    <caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
                                    <thead>
                                        <tr>
                                            <th scope="col">Permanenza</th>
                                            <th scope="col">Tariffa in vigore</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td data-label="Permanenza"><strong>1° giorno</strong></td>
                                            <td data-label="Tariffa">
                                                <ul class="bordered">
                                                    <li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
                                                    <li><strong>€ 3,50</strong> fino a 1 ora</li>
                                                    <li><strong>€ 7,00</strong> fino a 2 ore</li>
                                                    <li><strong>€ 10,50</strong> fino a 3 ore</li>
                                                    <li><strong>€ 14,00</strong> fino a 24 ore</li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
                                            <td data-label="Tariffa">
                                                <ul>
                                                    <li><strong>€ 14,00</strong> al giorno</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                            <div class="c-table_cnt c-table_cnt--noSlide">
                                <table class="o-table c-table">
                                    <caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
                                    <thead>
                                        <tr>
                                            <th scope="col">Permanenza</th>
                                            <th scope="col">Tariffa in vigore</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td data-label="Permanenza"><strong>1° giorno</strong></td>
                                            <td data-label="Tariffa">
                                                <ul class="bordered">
                                                    <li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
                                                </ul>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
                                            <td data-label="Tariffa">
                                                <ul>
                                                    <li><strong>€ 14,00</strong> al giorno</li>
                                                </ul>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>

                        </div>

                        <div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
                            <h4>Consigliato</h4>
                            <ul>
                                <li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
                                <li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
                                <li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
                            </ul>

                            <h4>Altre tariffe</h4>
                            <p>
                                <strong>Tariffa Weekend.</strong>
                                Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
                            </p>
                            <p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
                            <p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
                            <p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>

                            <h4>Servizi</h4>
                            <img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
                            <img src="../../images/elettra.png" alt="Elettra" width="90">

                            <h4>Documenti</h4>
                            <div class="docs">
                                <div class="c-media o-media ">
                                    <img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
                                    <div class="c-media__body o-media__body">
                                        <a href="#"><strong>Mappa parcheggi</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="Regolamento" height="" width="32">
                                    <div class="c-media__body o-media__body">
                                        <a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
                                    </div>
                                </div>
                            </div>

                        </div>

                    </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>
        <div class="c-total c-total--payment-type ">

            <div class="c-total__payment-detail-text">
                <p>Metodo di pagamento: <strong>Carta di credito</strong></p>
                <p>Parte della prenotazione è stata pagata con <strong>Voucher digitale</strong></p>
            </div>

            <div class="c-total__values">
                <div class="c-total__list">
                    <div class="list-item">
                        <div class="list-item__text">Totale parcheggi</div>
                        <div class="list-item__value">€ 100,99</div>
                    </div>
                    <div class="list-item list-item--collapsible">
                        <div class="c-collapsible o-collapsible o-collapsible--raw o-collapsible--raw">
                            <p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="">Voucher parcheggio (3)</p>
                            <div class="list-item list-item--small">
                                <div class="list-item__text">Voucher PARK12345MH</div>
                                <div class="list-item__value">20,99€</div>
                            </div>
                            <div class="list-item list-item--small">
                                <div class="list-item__text">Voucher PARK12345MH</div>
                                <div class="list-item__value">20,99€</div>
                            </div>
                            <div class="list-item list-item--small">
                                <div class="list-item__text">Voucher PARK12345MH</div>
                                <div class="list-item__value">20,99€</div>
                            </div>
                        </div>

                        <div class="list-item__value list-item__value--abs">€ -62,80</div>
                    </div>
                </div>
                <div class="c-total__final-price">
                    <span class="c-total__label">Totale:</span><span class="c-total__price">
                        € 83,40
                    </span>
                </div>
            </div>
        </div>
    </form>

    <div class="u-wrapped u-my-space-48">
        <div class="c-myblq-banner">

            <div grid="grid" class="c-myblq-banner__grid">

                <div grid="4@lg" class="c-myblq-banner__title">
                    <p>Registrati per avere accesso alla tua <strong>area personale MyBLQ</strong> e ottieni i seguenti benefici:</p>
                </div>

                <div grid="6@md 4@lg" class="c-myblq-banner__content">
                    <ul class="c-myblq-banner__list">
                        <li>Accedi all’area riservata MyBLQ</li>
                        <li>Gestisci le tue prenotazioni</li>
                        <li>Gestisci la targa della tua auto</li>
                        <li>Richiedi il rimborso</li>
                    </ul>
                </div>

                <div grid="6@md 4@lg" class="c-myblq-banner__action">
                    <a href="#" class="c-link c-link--submit">
                        <span>Registrati alla MyBLQ</span>
                    </a>
                </div>
            </div>

        </div>
    </div>

    <div class="c-warnings ">

        <h2 class="c-warnings__title">Avvisi importanti</h2>

        <div class="c-warnings__items">
            <div class="c-warnings__item">
                <div class="c-media o-media c-media--warning">
                    <img class="c-media__figure o-media__figure" src="../../images/svgs/license-plate.svg" alt="Targa" height="" width="110">
                    <div class="c-media__body o-media__body">
                        <strong>Entri con un’auto diversa da quella indicata?</strong><br>Non ti preoccupare, hai tempo fino alle [15.00 del 25/06/2024] per <a href="#">modificare la targa</a>
                    </div>
                </div>
            </div>
            <div class="c-warnings__item">
                <div class="c-media o-media c-media--warning">
                    <img class="c-media__figure o-media__figure" src="../../images/svgs/tolls.svg" alt="Telepedaggi Telepass e UnipolMove" height="" width="110">
                    <div class="c-media__body o-media__body">
                        <strong>Viaggi con un dispositivo per il telepedaggio?</strong><br>Se hai un Telepass o un UnipolMove a bordo non entrare nei varchi d'ingresso dedicato, oppure, disattiva il servizio parcheggi attraverso le specifiche app. In caso di utilizzo del dispositivo, la prenotazione che hai fatto non potrà essere riconosciuta e verrà applicata la tariffa ordinaria.<div><a href="#">Maggiori informazioni su Telepass</a></div>
                        <div><a href="#">Maggiori informazioni su UnipolMove</a></div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <div class="c-tutorial">

        <h2 class="c-tutorial__title">Come accedere al parcheggio con la targa</h2>

        <div class="c-tutorial__cards">
            <div class="c-tutorial__item">
                <span class="index">1</span>
                <div class="c-card c-card--art">

                    <div class="c-card__image">
                        <img src="../../images/svgs/license-plate-step1.svg" alt="" height="240">
                    </div>

                    <div class="c-card__text">
                        <strong class="title">Lettura automatica della targa</strong>
                        <p>Presentati all’entrata del parcheggio all’altezza della colonnina di ingresso. La tua targa verrà letta automaticamente.</p>
                    </div>

                </div>
            </div>
            <div class="c-tutorial__item">
                <span class="index">2</span>
                <div class="c-card c-card--art">

                    <div class="c-card__image">
                        <img src="../../images/svgs/license-plate-step2.svg" alt="" height="240">
                    </div>

                    <div class="c-card__text">
                        <strong class="title">Ritiro del biglietto</strong>
                        <p>Dopo qualche secondo, dalla colonnina di ingresso verrà emesso il biglietto del parcheggio. Conservalo per l’uscita.</p>
                    </div>

                </div>
            </div>
            <div class="c-tutorial__item">
                <span class="index">3</span>
                <div class="c-card c-card--art">

                    <div class="c-card__image">
                        <img src="../../images/svgs/license-plate-step3.svg" alt="" height="240">
                    </div>

                    <div class="c-card__text">
                        <strong class="title">Ingresso al parcheggio</strong>
                        <p>Attendi qualche secondo, fino a quando la sbarra non si solleva.</p>
                    </div>

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

    </div>
    <div class="u-wrapped">
        <h2 class="u-typo-level-6 u-color-night-100">Come accedere al parcheggio con il QR code</h2>
        <p>Se il giorno dell’ingresso hai problemi con la targa, non ti preoccupare! Per accedere al parcheggio, hai a disposizione anche il QR code, <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-qr-code-tutorial"><strong>scopri come usarlo</strong></button></p>
    </div>

    <div grid="grid" class="u-mt-space-64">
        <div grid="3@lg">
            <h2 class="u-typo-level-6 u-color-night-100">Dati prenotazione</h2>
            <div class="c-user-data c-user-data--recap c-user-data--raw">
                <div class="c-user-data__body">
                    <div class="c-user-data__list">
                        <div class="c-user-data__list-item">
                            <div class="c-pictogram">
                                <span class="c-pictogram__icon">
                                    <svg class="c-icon--24 u-color-night-40">
                                        <use xlink:href="#ic-person-black-24px"></use>
                                    </svg> </span>
                                <p class="c-pictogram__text">Mario Rossi</p>
                            </div>
                        </div>
                        <div class="c-user-data__list-item">
                            <div class="c-pictogram">
                                <span class="c-pictogram__icon">
                                    <svg class="c-icon--24 u-color-night-40">
                                        <use xlink:href="#ic-email-black-24px"></use>
                                    </svg> </span>
                                <p class="c-pictogram__text">mario.rossi@gmail.com</p>
                            </div>
                        </div>
                        <div class="c-user-data__list-item">
                            <div class="c-pictogram">
                                <span class="c-pictogram__icon">
                                    <svg class="c-icon--24 u-color-night-40">
                                        <use xlink:href="#ic-call-black-24px"></use>
                                    </svg> </span>
                                <p class="c-pictogram__text">+39 333 12 34 567</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <h2 class="u-typo-level-6 u-color-night-100 u-mt-space-64">Dati di fatturazione</h2>
            <div class="c-user-data c-user-data--recap c-user-data--raw">
                <div class="c-user-data__body">
                    <div class="c-user-data__list">
                        <div class="c-user-data__list-item">
                            <div class="c-pictogram">
                                <span class="c-pictogram__icon">
                                    <svg class="c-icon--24 u-color-night-40">
                                        <use xlink:href="#ic-person-black-24px"></use>
                                    </svg> </span>
                                <p class="c-pictogram__text">Mario Rossi</p>
                            </div>
                        </div>
                        <div class="c-user-data__list-item">
                            <div class="c-pictogram">
                                <p class="c-pictogram__text"><strong>Tangible Srl SB</strong></p>
                            </div>
                        </div>
                        <div class="c-user-data__list-item">
                            <div class="c-pictogram">
                                <p class="c-pictogram__text">Via del Triumvirato, 46 - 47890 Rimini, Rn</p>
                            </div>
                        </div>
                        <div class="c-user-data__list-item">
                            <div class="c-pictogram">
                                <p class="c-pictogram__text"><strong>P.iva / Cod fis.</strong> 03130760246 / 03130760246</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div grid="8@lg offset-5@lg">
            <h2 class="u-typo-level-6 u-color-night-100 u-mb-space-24">Informazioni utili</h2>
            <h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100">In caso di sosta prolungata</h3>
            <p class="u-mt-space-16">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
            </p>
            <h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100 u-mt-space-64">Come richiedere la fattura per la sosta</h3>
            <p class="u-mt-space-16">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
            </p>
            <h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100 u-mt-space-64">Ubicazione presidio parcheggi</h3>
            <p class="u-mt-space-16">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
            </p>
        </div>
    </div>

    <div class="c-loading c-loading--fixed">
        <div class="c-loading__el">
            <svg width="66px" height="66px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
            </svg>
            <p>Sto cercando...</p>
        </div>
    </div>
    <div class="c-dialog c-dialog--qr-code-tutorial js-fr-dialogmodal " id="dialog-qr-code-tutorial">
        <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-qr-code-tutorial-title">
            <div role="document">

                <p class="c-dialog__title" id="dialog-qr-code-tutorial-title">Come accedere al parcheggio con il QR code</p>

                <div class="u-mt-space-56">
                    <div class="c-tutorial">

                        <div class="c-tutorial__cards">
                            <div class="c-tutorial__item">
                                <span class="index">1</span>
                                <div class="c-card c-card--art">

                                    <div class="c-card__image">
                                        <img src="../../images/svgs/parcheggio-step1.svg" alt="Entrata parcheggio" height="240">
                                    </div>

                                    <div class="c-card__text">
                                        <strong class="title">Presentati all&#x27;entrata del parcheggio</strong>
                                        <p>Tieni il QRCode della prenotazione a portata di mano sul tuo smartphone oppure stampato dalla tua conferma di prenotazione.</p>
                                    </div>

                                </div>
                            </div>
                            <div class="c-tutorial__item">
                                <span class="index">2</span>
                                <div class="c-card c-card--art">

                                    <div class="c-card__image">
                                        <img src="../../images/svgs/parcheggio-step2.svg" alt="Scansione qr code" height="240">
                                    </div>

                                    <div class="c-card__text">
                                        <strong class="title">Posiziona il qr code</strong>
                                        <p>Posiziona il QR code sotto il lettore della colonnina, a circa <strong>10 cm di distanza</strong> e attendi fino a quando non viene letto per l'emissione automatica del biglietto.</p>
                                    </div>

                                </div>
                            </div>
                            <div class="c-tutorial__item">
                                <span class="index">3</span>
                                <div class="c-card c-card--art">

                                    <div class="c-card__image">
                                        <img src="../../images/svgs/parcheggio-step3.svg" alt="Ritira biglietto" height="240">
                                    </div>

                                    <div class="c-card__text">
                                        <strong class="title">Ritira il biglietto del parcheggio</strong>
                                        <p>Ritira il biglietto e attendi l'apertura della sbarra.</p>
                                    </div>

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

                    </div>
                </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>
<footer class="c-footer c-footer--minimal">
    <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">
                        </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>

        </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>
{{#extend "@template-master--checkout"}}

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

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

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

    <header data-accompanied data-success data-centered>
      <img src="{{ path '/images/svgs/Checked-120px.svg' }}" alt="Prenotazione pagata" aria-hidden="true" width="80">
      <div>
        <h1>Il tuo ordine è stato <strong>pagato</strong></h1>
        <p>Abbiamo inviato la conferma a <a href="mailto:mario.rossi@mail.com"><strong>mario.rossi@mail.com</strong></a></p>
        <p>Inoltre abbiamo inviato una mail di conferma prenotazione a chi hai indicato in fase di acquisto.</p>
      </div>
    </header>

    <div class="u-wrapped u-d--f u-jc--fe u-mb-space-8">
      {{> @button btn-print-orders }}
    </div>

    <form action="{{ path '/components/preview/page-payment' }}" class="c-form">
      {{ render "@product--park-recap-qrcode" park-item-p1 merge=true }}
      {{ render "@product--park-recap-qrcode" park-item-p2 merge=true }}
      {{ render "@product--park-recap-qrcode" park-item-p3 merge=true }}
      {{ render "@product--park-recap-qrcode" park-item-car-valet merge=true }}
      {{ render "@total--payment-type-complex" }}
    </form>

    <div class="u-wrapped u-my-space-48">
      {{ render "@myblq-banner" }}
    </div>

    {{> @warnings warnings }}

    {{!-- {{ render "@cross-sell" }} --}}

    {{> @tutorial license-plate-tutorial }}

    <div class="u-wrapped">
      <h2 class="u-typo-level-6 u-color-night-100">Come accedere al parcheggio con il QR code</h2>
      <p>Se il giorno dell’ingresso hai problemi con la targa, non ti preoccupare! Per accedere al parcheggio, hai a disposizione anche il QR code, <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-qr-code-tutorial"><strong>scopri come usarlo</strong></button></p>
    </div>

    {{!-- <div class="u-wrapped u-mt-space-40">
      {{> @warnings mbl-warnings }}
    </div> --}}
    
    <div grid="grid" class="u-mt-space-64">
      <div grid="3@lg">
        <h2 class="u-typo-level-6 u-color-night-100">Dati prenotazione</h2>
        {{> @user-data--raw-recap recap-booking }}
        <h2 class="u-typo-level-6 u-color-night-100 u-mt-space-64">Dati di fatturazione</h2>
        {{> @user-data--raw-recap recap-billing }}
      </div>
      <div grid="8@lg offset-5@lg">
        <h2 class="u-typo-level-6 u-color-night-100 u-mb-space-24">Informazioni utili</h2>
        <h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100">In caso di sosta prolungata</h3>
        <p class="u-mt-space-16">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
        </p>
        <h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100 u-mt-space-64">Come richiedere la fattura per la sosta</h3>
        <p class="u-mt-space-16">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
        </p>
        <h3 class="u-typo-level-3 u-typo-weight-bold u-color-night-100 u-mt-space-64">Ubicazione presidio parcheggi</h3>
        <p class="u-mt-space-16">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque distinctio cumque atque natus dolores necessitatibus et ullam deleniti iure possimus, quod nostrum quaerat, voluptatum unde dicta quam qui quas laborum?
        </p>
      </div>
    </div>

    {{ render '@loading--fixed' }}
    {{ render "@dialog--qr-code-tutorial" }}

	{{/content}}

  {{!-- SCRIPTS JS --}}
  {{#content "scripts" mode="append"}}
    <script src="{{ path '/js/footer.min.js' }}"></script>
  {{/content}}

{{/extend}}
{
  "template-main-class": "",
  "header": {
    "toolbarProgress": {
      "moleculeProgress": {
        "current-step": 2,
        "steps": [
          {
            "text": "Scegli parcheggio",
            "status": "data-step-complete"
          },
          {
            "text": "Inserisci i dati",
            "status": "data-step-complete"
          },
          {
            "text": "Servizi aggiuntivi",
            "status": "data-step-complete"
          },
          {
            "text": "Pagamento",
            "status": "data-step-complete"
          },
          {
            "text": "Ricevi conferma",
            "status": "data-step-current"
          }
        ]
      }
    }
  },
  "btn-print-orders": {
    "type": "button",
    "text": "Stampa tutte le prenotazioni",
    "modifier": "c-button--as-link u-color-night-120",
    "svg": {
      "symbol": "ic-print-black-24px",
      "class": "c-icon c-icon--24"
    }
  },
  "delete-reservation": {
    "type": "button",
    "text": "Annulla la prenotazione",
    "modifier": "c-button--as-link strong js-fr-dialogmodal-open",
    "opens-dialog": "dialog-delete-reservation",
    "aria-label": "Apri la modale per annullare la prenotazione"
  },
  "park-item-p1": {
    "hasDetails": true,
    "details-text": "Il costo della sosta è calcolato in base ai dati dichiarati<br/> Il costo effettivo è legato alla reale durata della sosta",
    "labelBooked": {
      "modifier": "c-rounded-label--positive",
      "text": "<strong>Pagato</strong>",
      "aria-label": "Stato della prenotazione: Pagato"
    },
    "labelLicensePlate": {
      "modifier": "c-rounded-label--dark",
      "text": "Targa EB531LM",
      "aria-label": "Targa EB531LM"
    },
    "qrcodeText": false,
    "show-qrcode": true,
    "show-cta": false
  },
  "park-item-p2": {
    "parking-type-name": "Parcheggio P2",
    "parking-type-img": "/images/svgs/p2.svg",
    "hasDetails": true,
    "details-text": "Il costo della sosta è calcolato in base ai dati dichiarati<br/> Il costo effettivo è legato alla reale durata della sosta",
    "labelBooked": {
      "modifier": "c-rounded-label--positive",
      "text": "<strong>Pagato</strong>",
      "aria-label": "Stato della prenotazione: Pagato"
    },
    "labelLicensePlate": {
      "modifier": "c-rounded-label--dark",
      "text": "Targa EB531LM",
      "aria-label": "Targa EB531LM"
    },
    "qrcodeText": false,
    "show-qrcode": true,
    "show-cta": false
  },
  "park-item-p3": {
    "parking-type-name": "Parcheggio P3",
    "parking-type-img": "/images/svgs/p3.svg",
    "hasDetails": true,
    "details-text": "Il costo della sosta è calcolato in base ai dati dichiarati<br/> Il costo effettivo è legato alla reale durata della sosta",
    "labelBooked": {
      "modifier": "c-rounded-label--positive",
      "text": "<strong>Pagato</strong>",
      "aria-label": "Stato della prenotazione: Pagato"
    },
    "labelLicensePlate": {
      "modifier": "c-rounded-label--dark",
      "text": "Targa EB531LM",
      "aria-label": "Targa EB531LM"
    },
    "qrcodeText": false,
    "show-qrcode": true,
    "show-cta": false
  },
  "park-item-car-valet": {
    "parking-type-name": "Parcheggio P2 Car Valet",
    "parking-type-img": "/images/svgs/car-valet.svg",
    "hasDetails": true,
    "details-text": "Il costo della sosta è calcolato in base ai dati dichiarati<br/> Il costo effettivo è legato alla reale durata della sosta",
    "labelBooked": {
      "modifier": "c-rounded-label--positive",
      "text": "<strong>Pagato</strong>",
      "aria-label": "Stato della prenotazione: Pagato"
    },
    "labelLicensePlate": {
      "modifier": "c-rounded-label--dark",
      "text": "Targa EB531LM",
      "aria-label": "Targa EB531LM"
    },
    "qrcodeText": false,
    "show-qrcode": true,
    "show-cta": false
  },
  "suggestion": {
    "modifier": "c-suggestion--tutorial-roommate",
    "hasImage": true,
    "img-src": "/images/svgs/qr-code-example.svg",
    "text": "<strong>Il QR code non viene letto oppure non hai il QR code con te?</strong><p>Potrai contattare la nostra assistenza (h.24), premendo, sulla colonnina di entrata del parcheggio, il tasto con il simbolo della cornetta telefonica.</p>"
  },
  "mbl-warnings": {
    "modifier": "c-warnings--sky",
    "title": "Come accedere alla VIP Lounge",
    "warnings": [
      {
        "modifier": "c-media--warning c-media--warning-sky",
        "img-src": "/images/svgs/stk_informazioni.svg",
        "img-alt": "Component title",
        "img-width": "110",
        "body": "<p><strong>Informazioni</strong></p><p>Lunedì - Domenica: dalle ore 5:00 alle ore 21:00</p><p>Situata al 1° piano dell’aerostazione prima dei controlli di sicurezza</p>",
        "cta": {
          "url": "#",
          "text": "Guarda dove si trova"
        }
      },
      {
        "modifier": "c-media--warning c-media--warning-sky",
        "img-src": "/images/svgs/stk-bagaglio.svg",
        "img-alt": "Component title",
        "img-width": "110",
        "body": "<p><strong>Bagagli</strong></p><p>Per garantire maggiore comfort e spazio agli ospiti non sono ammessi in sala bagagli da stiva né i carrelli portabagagli dell’aeroporto</p>"
      },
      {
        "modifier": "c-media--warning c-media--warning-sky",
        "img-src": "/images/svgs/stk-press.svg",
        "img-alt": "Component title",
        "img-width": "110",
        "body": "<p><strong>Lounge etiquette</strong></p><p>Norme di comportamento della Lounge MBL</p>",
        "cta": {
          "url": "#",
          "text": "Visualizza il PDF"
        }
      }
    ]
  },
  "suggestionTelepass": {
    "modifier": "c-suggestion--tutorial-roommate c-suggestion--telepass",
    "hasImage": true,
    "img-src": "/images/svgs/telepass.svg",
    "text": "<strong>Il tuo Telepass non viene letto?</strong><p>Potrai contattare la nostra assistenza (h.24), premendo, sulla colonnina di entrata del parcheggio, il tasto con il simbolo della cornetta telefonica.</p>"
  },
  "recap-booking": {
    "modifier": "c-user-data--raw",
    "items": [
      {
        "icon": {
          "symbol": "ic-person-black-24px",
          "class": "c-icon--24 u-color-night-40"
        },
        "text": "Mario Rossi"
      },
      {
        "icon": {
          "symbol": "ic-email-black-24px",
          "class": "c-icon--24 u-color-night-40"
        },
        "text": "mario.rossi@gmail.com"
      },
      {
        "icon": {
          "symbol": "ic-call-black-24px",
          "class": "c-icon--24 u-color-night-40"
        },
        "text": "+39 333 12 34 567"
      }
    ]
  },
  "recap-billing": {
    "modifier": "c-user-data--raw",
    "items": [
      {
        "icon": {
          "symbol": "ic-person-black-24px",
          "class": "c-icon--24 u-color-night-40"
        },
        "text": "Mario Rossi"
      },
      {
        "text": "<strong>Tangible Srl SB</strong>"
      },
      {
        "text": "Via del Triumvirato, 46 - 47890 Rimini, Rn"
      },
      {
        "text": "<strong>P.iva / Cod fis.</strong> 03130760246 / 03130760246"
      }
    ]
  },
  "highlight-emergency": {
    "modifier": "c-highlight--emergency c-highlight--grid",
    "text": "<p>Attualmente il pagamento online dei nostri parcheggi è sospeso. Potrai pagare la prenotazione direttamente in aeroporto al rientro dal viaggio.</p><ol class=\"u-mt--small\"><li>Prima di ritirare l’auto, procedi al pagamento della sosta in una delle casse dedicate.</li><li>Avvicinati alla colonnina di uscita del parcheggio, la sbarra si aprirà automaticamente alla lettura della targa.</li></ol>"
  },
  "park-item": {},
  "warnings": {
    "title": "Avvisi importanti",
    "warnings": [
      {
        "modifier": "c-media--warning",
        "img-src": "/images/svgs/license-plate.svg",
        "img-alt": "Targa",
        "img-width": "110",
        "body": "<strong>Entri con un’auto diversa da quella indicata?</strong><br>Non ti preoccupare, hai tempo fino alle [15.00 del 25/06/2024] per <a href=\"#\">modificare la targa</a>"
      },
      {
        "modifier": "c-media--warning",
        "img-src": "/images/svgs/tolls.svg",
        "img-alt": "Telepedaggi Telepass e UnipolMove",
        "img-width": "110",
        "body": "<strong>Viaggi con un dispositivo per il telepedaggio?</strong><br>Se hai un Telepass o un UnipolMove a bordo non entrare nei varchi d'ingresso dedicato, oppure, disattiva il servizio parcheggi attraverso le specifiche app. In caso di utilizzo del dispositivo, la prenotazione che hai fatto non potrà essere riconosciuta e verrà applicata la tariffa ordinaria.<div><a href=\"#\">Maggiori informazioni su Telepass</a></div><div><a href=\"#\">Maggiori informazioni su UnipolMove</a></div>"
      }
    ]
  },
  "license-plate-tutorial": {
    "tutorial_title": "Come accedere al parcheggio con la targa",
    "cards": [
      {
        "step-num": "1",
        "img-path": "/images/svgs/license-plate-step1.svg",
        "img-alt": "",
        "title": "Lettura automatica della targa",
        "text": "Presentati all’entrata del parcheggio all’altezza della colonnina di ingresso. La tua targa verrà letta automaticamente."
      },
      {
        "step-num": "2",
        "img-path": "/images/svgs/license-plate-step2.svg",
        "img-alt": "",
        "title": "Ritiro del biglietto",
        "text": "Dopo qualche secondo, dalla colonnina di ingresso verrà emesso il biglietto del parcheggio. Conservalo per l’uscita."
      },
      {
        "step-num": "3",
        "img-path": "/images/svgs/license-plate-step3.svg",
        "img-alt": "",
        "title": "Ingresso al parcheggio",
        "text": "Attendi qualche secondo, fino a quando la sbarra non si solleva."
      }
    ]
  }
}

No notes defined.