Parkings

<div class="c-parkings ">

    <div class="c-parkings__list">

        <div class="c-parkings__item">
            <div class="c-parking">

                <div class="c-parking__header">
                    <div class="c-parking__name">
                        <div class="c-parking_name">
                            <img src="/images/svgs/parking-p1-icon.svg" alt="" class="c-parking_name__img">
                            <div>
                                <p class="c-parking_name__title">Terminal</p>
                                <button type="button" class="c-button c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open" aria-controls="dialog-p1-info">

                                    Info parcheggio

                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="c-parking__fare">
                        <div class="price-info">
                            <p class="fare-text">Prezzo per 3 giorni</p>
                            <p class="fare-price">€ 18,00</p>
                        </div>
                        <div class="button"><button type="" class="c-button c-button--submit">

                                Aggiungi

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

                <div class="c-parking__body">
                    <div class="c-parking__features">
                        <ul class="c-parking__features-list">
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">Coperto</div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic_place_black_24px"></use>
                                    </svg> </span>
                                <div class="feature-text">
                                    <p>Di fronte al Terminal.</p>
                                    <p>1 min. a piedi.</p>
                                </div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <img src="/images/svgs/telepass-unipol.svg" alt="" />
                                </span>
                                <div class="feature-text">Telepedaggio</div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-accessible-black-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">Posti riservati</div>
                            </li>
                        </ul>
                    </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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                    <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" role="presentation">
                                                    <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" role="presentation">
                                <use xlink:href="#ic_close_black_24px"></use>
                            </svg> </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-parkings__item">
            <div class="c-parking">

                <div class="c-parking__header">
                    <div class="c-parking__name">
                        <div class="c-parking_name">
                            <img src="/images/svgs/parking-p2-icon.svg" alt="" class="c-parking_name__img">
                            <div>
                                <p class="c-parking_name__title">Business</p>
                                <button type="button" class="c-button c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open" aria-controls="dialog-p1-info">

                                    Info parcheggio

                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="c-parking__fare">
                        <div class="price-info">
                            <p class="fare-text">Prezzo per 3 giorni</p>
                            <p class="fare-price">€ 16,00</p>
                        </div>
                        <div class="button"><button type="" class="c-button c-button--submit">

                                Aggiungi

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

                <div class="c-parking__body">
                    <div class="c-parking__features">
                        <ul class="c-parking__features-list">
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">Coperto</div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic_place_black_24px"></use>
                                    </svg> </span>
                                <div class="feature-text">
                                    <p>Di fronte al Terminal.</p>
                                    <p>1 min. a piedi.</p>
                                </div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <img src="/images/svgs/telepass-unipol.svg" alt="" />
                                </span>
                                <div class="feature-text">Telepedaggio</div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-accessible-black-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">Posti riservati</div>
                            </li>
                        </ul>
                    </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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                    <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" role="presentation">
                                                    <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" role="presentation">
                                <use xlink:href="#ic_close_black_24px"></use>
                            </svg> </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-parkings__item">
            <div class="c-parking">

                <div class="c-parking__header">
                    <div class="c-parking__name">
                        <div class="c-parking_name">
                            <img src="/images/svgs/parking-p3-icon.svg" alt="" class="c-parking_name__img">
                            <div>
                                <p class="c-parking_name__title">Comfort</p>
                                <button type="button" class="c-button c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open" aria-controls="dialog-p1-info">

                                    Info parcheggio

                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="c-parking__fare">
                        <div class="price-info">
                            <p class="fare-text">Prezzo per 3 giorni</p>
                            <p class="fare-price">€ 15,00</p>
                        </div>
                        <div class="button"><button type="" class="c-button c-button--submit">

                                Aggiungi

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

                <div class="c-parking__body">
                    <div class="c-parking__features">
                        <ul class="c-parking__features-list">
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">30% Coperto</div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic_place_black_24px"></use>
                                    </svg> </span>
                                <div class="feature-text">
                                    <p>200 m.</p>
                                    <p>3 min. a piedi.</p>
                                </div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <img src="/images/svgs/telepass-unipol.svg" alt="" />
                                </span>
                                <div class="feature-text">Telepedaggio</div>
                            </li>
                        </ul>
                    </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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                    <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" role="presentation">
                                                    <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" role="presentation">
                                <use xlink:href="#ic_close_black_24px"></use>
                            </svg> </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-parkings__item">
            <div class="c-parking">

                <div class="c-parking__header">
                    <div class="c-parking__name">
                        <div class="c-parking_name">
                            <img src="/images/svgs/parking-p4-icon.svg" alt="" class="c-parking_name__img">
                            <div>
                                <p class="c-parking_name__title">Long stay</p>
                                <button type="button" class="c-button c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open" aria-controls="dialog-p1-info">

                                    Info parcheggio

                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="c-parking__fare">
                        <div class="price-info">
                            <p class="fare-text">Prezzo per 3 giorni</p>
                            <p class="fare-price">€ 14,00</p>
                        </div>
                        <div class="button"><button type="" class="c-button c-button--submit">

                                Aggiungi

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

                <div class="c-parking__body">
                    <div class="c-parking__features">
                        <ul class="c-parking__features-list">
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">Scoperto</div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic_place_black_24px"></use>
                                    </svg> </span>
                                <div class="feature-text">
                                    <p>1,5 km.</p>
                                    <p>5 min. con navetta gratuita.</p>
                                </div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic_directions_bus_black_24px"></use>
                                    </svg> </span>
                                <div class="feature-text">H24, 7 giorni su 7, ogni 20 min.</div>
                            </li>
                        </ul>
                    </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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                    <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" role="presentation">
                                                    <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" role="presentation">
                                <use xlink:href="#ic_close_black_24px"></use>
                            </svg> </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-parkings__item">
            <div class="c-parking">

                <div class="c-parking__header">
                    <div class="c-parking__name">
                        <div class="c-parking_name">
                            <img src="/images/svgs/parking-p6-nord-icon.svg" alt="" class="c-parking_name__img">
                            <div>
                                <p class="c-parking_name__title">Nord smart</p>
                                <button type="button" class="c-button c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open" aria-controls="dialog-p1-info">

                                    Info parcheggio

                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="c-parking__fare">
                        <div class="price-info">
                            <p class="fare-text">Prezzo per 3 giorni</p>
                            <p class="fare-price">€ 12,00</p>
                        </div>
                        <div class="button"><button type="" class="c-button c-button--submit">

                                Aggiungi

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

                <div class="c-parking__body">
                    <div class="c-parking__features">
                        <ul class="c-parking__features-list">
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">
                                    <p>85% Coperto.</p>
                                    <p>Ingresso ai piani 0 e 1</p>
                                </div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic_place_black_24px"></use>
                                    </svg> </span>
                                <div class="feature-text">
                                    <p>200 m.</p>
                                    <p>3 min. a piedi</p>
                                </div>
                            </li>
                        </ul>
                    </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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                    <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" role="presentation">
                                                    <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" role="presentation">
                                <use xlink:href="#ic_close_black_24px"></use>
                            </svg> </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-parkings__item">
            <div class="c-parking">

                <div class="c-parking__header">
                    <div class="c-parking__name">
                        <div class="c-parking_name">
                            <img src="/images/svgs/parking-p6-sud-icon.svg" alt="" class="c-parking_name__img">
                            <div>
                                <p class="c-parking_name__title">Sud smart</p>
                                <button type="button" class="c-button c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open" aria-controls="dialog-p1-info">

                                    Info parcheggio

                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="c-parking__fare">
                        <div class="price-info">
                            <p class="fare-text">Prezzo per 3 giorni</p>
                            <p class="fare-price">€ 11,00</p>
                        </div>
                        <div class="button"><button type="" class="c-button c-button--submit">

                                Aggiungi

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

                <div class="c-parking__body">
                    <div class="c-parking__features">
                        <ul class="c-parking__features-list">
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">
                                    <p>85% Coperto.</p>
                                    <p>Ingresso ai piani dal 2 al 7</p>
                                </div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic_place_black_24px"></use>
                                    </svg> </span>
                                <div class="feature-text">
                                    <p>200 m.</p>
                                    <p>3 min. a piedi.</p>
                                </div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <img src="/images/svgs/telepass-unipol.svg" alt="" />
                                </span>
                                <div class="feature-text">Telepedaggio</div>
                            </li>
                        </ul>
                    </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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                    <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" role="presentation">
                                                    <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" role="presentation">
                                <use xlink:href="#ic_close_black_24px"></use>
                            </svg> </button>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-parkings__item">
            <div class="c-parking">

                <div class="c-parking__header">
                    <div class="c-parking__name">
                        <div class="c-parking_name">
                            <img src="/images/svgs/parking-p2-valet-icon.svg" alt="" class="c-parking_name__img">
                            <div>
                                <p class="c-parking_name__title">P2 Car valet</p>
                                <button type="button" class="c-button c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open" aria-controls="dialog-p1-info">

                                    Info parcheggio

                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="c-parking__fare">
                        <div class="price-info">
                            <p class="fare-text">Prezzo per 3 giorni</p>
                            <p class="fare-price">€ 22,00</p>
                        </div>
                        <div class="button"><button type="" class="c-button c-button--submit">

                                Aggiungi

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

                <div class="c-parking__body">
                    <div class="c-parking__features">
                        <ul class="c-parking__features-list">
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-covered-parking-black-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">P2 coperto</div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic_place_black_24px"></use>
                                    </svg> </span>
                                <div class="feature-text">
                                    <p>Di fronte al Terminal.</p>
                                    <p>1 min. a piedi.</p>
                                </div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-wheel-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">Parcheggiamo noi per te</div>
                            </li>
                            <li>
                                <span class="feature-icon">
                                    <svg class="c-icon c-icon--24" role="presentation">
                                        <use xlink:href="#ic-parking-sign-24px"></use>
                                    </svg> </span>
                                <div class="feature-text">All’interno del P2 Business</div>
                            </li>
                        </ul>
                    </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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                            <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" role="presentation">
                                                    <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" role="presentation">
                                                    <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" role="presentation">
                                <use xlink:href="#ic_close_black_24px"></use>
                            </svg> </button>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>
<div class="c-parkings {{ modifier }}">

  <div class="c-parkings__list">

    {{#if hasBookingInfo}}
      {{ render "@booking-info--fullbleed" bkng-info merge=true }}
    {{/if}}

    {{#each parkings}}
    <div class="c-parkings__item">
      {{ render "@parking" parking-item merge=true }}
    </div>
    {{/each}}

  </div>

</div>
{
  "bkng-info": {
    "el": "div"
  },
  "parkings": [
    {
      "parking-item": {
        "parking-name": {
          "title": "Terminal",
          "parking-info-cta": {
            "type": "button",
            "text": "Info parcheggio",
            "modifier": "c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open",
            "opens-dialog": "dialog-p1-info"
          },
          "img": {
            "src": "/images/svgs/parking-p1-icon.svg"
          }
        },
        "fare": {
          "price": "€ 18,00"
        },
        "main-btn": {
          "text": "Aggiungi",
          "modifier": "c-button--submit"
        },
        "features": [
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-covered-parking-black-24px"
              },
              "text": "Coperto"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic_place_black_24px"
              },
              "text": "<p>Di fronte al Terminal.</p><p>1 min. a piedi.</p>"
            }
          },
          {
            "feature": {
              "img": {
                "src": "/images/svgs/telepass-unipol.svg"
              },
              "text": "Telepedaggio"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-accessible-black-24px"
              },
              "text": "Posti riservati"
            }
          }
        ]
      }
    },
    {
      "parking-item": {
        "parking-name": {
          "title": "Business",
          "parking-info-cta": {
            "type": "button",
            "text": "Info parcheggio",
            "modifier": "c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open",
            "opens-dialog": "dialog-p1-info"
          },
          "img": {
            "src": "/images/svgs/parking-p2-icon.svg"
          }
        },
        "fare": {
          "price": "€ 16,00"
        },
        "main-btn": {
          "text": "Aggiungi",
          "modifier": "c-button--submit"
        },
        "features": [
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-covered-parking-black-24px"
              },
              "text": "Coperto"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic_place_black_24px"
              },
              "text": "<p>Di fronte al Terminal.</p><p>1 min. a piedi.</p>"
            }
          },
          {
            "feature": {
              "img": {
                "src": "/images/svgs/telepass-unipol.svg"
              },
              "text": "Telepedaggio"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-accessible-black-24px"
              },
              "text": "Posti riservati"
            }
          }
        ]
      }
    },
    {
      "parking-item": {
        "parking-name": {
          "title": "Comfort",
          "parking-info-cta": {
            "type": "button",
            "text": "Info parcheggio",
            "modifier": "c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open",
            "opens-dialog": "dialog-p1-info"
          },
          "img": {
            "src": "/images/svgs/parking-p3-icon.svg"
          }
        },
        "fare": {
          "price": "€ 15,00"
        },
        "main-btn": {
          "text": "Aggiungi",
          "modifier": "c-button--submit"
        },
        "features": [
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-covered-parking-black-24px"
              },
              "text": "30% Coperto"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic_place_black_24px"
              },
              "text": "<p>200 m.</p><p>3 min. a piedi.</p>"
            }
          },
          {
            "feature": {
              "img": {
                "src": "/images/svgs/telepass-unipol.svg"
              },
              "text": "Telepedaggio"
            }
          }
        ]
      }
    },
    {
      "parking-item": {
        "parking-name": {
          "title": "Long stay",
          "parking-info-cta": {
            "type": "button",
            "text": "Info parcheggio",
            "modifier": "c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open",
            "opens-dialog": "dialog-p1-info"
          },
          "img": {
            "src": "/images/svgs/parking-p4-icon.svg"
          }
        },
        "fare": {
          "price": "€ 14,00"
        },
        "main-btn": {
          "text": "Aggiungi",
          "modifier": "c-button--submit"
        },
        "features": [
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-covered-parking-black-24px"
              },
              "text": "Scoperto"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic_place_black_24px"
              },
              "text": "<p>1,5 km.</p><p>5 min. con navetta gratuita.</p>"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic_directions_bus_black_24px"
              },
              "text": "H24, 7 giorni su 7, ogni 20 min."
            }
          }
        ]
      }
    },
    {
      "parking-item": {
        "parking-name": {
          "title": "Nord smart",
          "parking-info-cta": {
            "type": "button",
            "text": "Info parcheggio",
            "modifier": "c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open",
            "opens-dialog": "dialog-p1-info"
          },
          "img": {
            "src": "/images/svgs/parking-p6-nord-icon.svg"
          }
        },
        "fare": {
          "price": "€ 12,00"
        },
        "main-btn": {
          "text": "Aggiungi",
          "modifier": "c-button--submit"
        },
        "features": [
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-covered-parking-black-24px"
              },
              "text": "<p>85% Coperto.</p><p>Ingresso ai piani 0 e 1</p>"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic_place_black_24px"
              },
              "text": "<p>200 m.</p><p>3 min. a piedi</p>"
            }
          }
        ]
      }
    },
    {
      "parking-item": {
        "parking-name": {
          "title": "Sud smart",
          "parking-info-cta": {
            "type": "button",
            "text": "Info parcheggio",
            "modifier": "c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open",
            "opens-dialog": "dialog-p1-info"
          },
          "img": {
            "src": "/images/svgs/parking-p6-sud-icon.svg"
          }
        },
        "fare": {
          "price": "€ 11,00"
        },
        "main-btn": {
          "text": "Aggiungi",
          "modifier": "c-button--submit"
        },
        "features": [
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-covered-parking-black-24px"
              },
              "text": "<p>85% Coperto.</p><p>Ingresso ai piani dal 2 al 7</p>"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic_place_black_24px"
              },
              "text": "<p>200 m.</p><p>3 min. a piedi.</p>"
            }
          },
          {
            "feature": {
              "img": {
                "src": "/images/svgs/telepass-unipol.svg"
              },
              "text": "Telepedaggio"
            }
          }
        ]
      }
    },
    {
      "parking-item": {
        "parking-name": {
          "title": "P2 Car valet",
          "parking-info-cta": {
            "type": "button",
            "text": "Info parcheggio",
            "modifier": "c-button--as-link c-parking_name__info-cta js-fr-dialogmodal-open",
            "opens-dialog": "dialog-p1-info"
          },
          "img": {
            "src": "/images/svgs/parking-p2-valet-icon.svg"
          }
        },
        "fare": {
          "price": "€ 22,00"
        },
        "main-btn": {
          "text": "Aggiungi",
          "modifier": "c-button--submit"
        },
        "features": [
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-covered-parking-black-24px"
              },
              "text": "P2 coperto"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic_place_black_24px"
              },
              "text": "<p>Di fronte al Terminal.</p><p>1 min. a piedi.</p>"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-wheel-24px"
              },
              "text": "Parcheggiamo noi per te"
            }
          },
          {
            "feature": {
              "icon": {
                "class": "c-icon c-icon--24",
                "symbol": "ic-parking-sign-24px"
              },
              "text": "All’interno del P2 Business"
            }
          }
        ]
      }
    }
  ]
}
  • Content:
    .c-parkings__item + .c-parkings__item {
      margin-top: remify(24px);
    
      @include min-screen(bp(large)) {
        margin-top: remify(32px);
      }
    
    }
  • URL: /components/raw/parkings/_parkings.scss
  • Filesystem Path: src/views/03-organisms/parkings/_parkings.scss
  • Size: 140 Bytes
  • Content:
    /**
     * Draggable Background plugin for jQuery
     *
     * v1.2.4
     *
     * Copyright (c) 2014 Kenneth Chung
     *
     * Licensed under the MIT license:
     *   http://www.opensource.org/licenses/mit-license.php
     */
    ;(function($) {
      var $window = $(window);
    
      // Helper function to guarantee a value between low and hi unless bool is false
      var limit = function(low, hi, value, bool) {
        if (arguments.length === 3 || bool) {
          if (value < low) return low;
          if (value > hi) return hi;
        }
        return value;
      };
    
      // Adds clientX and clientY properties to the jQuery's event object from touch
      var modifyEventForTouch = function(e) {
        e.clientX = e.originalEvent.touches[0].clientX;
        e.clientY = e.originalEvent.touches[0].clientY;
      };
    
      var getBackgroundImageDimensions = function($el) {
        var bgSrc = ($el.css('background-image').match(/^url\(['"]?(.*?)['"]?\)$/i) || [])[1];
        if (!bgSrc) return;
    
        var imageDimensions = { width: 0, height: 0 },
            image = new Image();
    
        image.onload = function() {
          if ($el.css('background-size') == "cover") {
            var elementWidth = $el.innerWidth(),
                elementHeight = $el.innerHeight(),
                elementAspectRatio = elementWidth / elementHeight;
                imageAspectRatio = image.width / image.height,
                scale = 1;
    
            if (imageAspectRatio >= elementAspectRatio) {
              scale = elementHeight / image.height;
            } else {
              scale = elementWidth / image.width;
            }
    
            imageDimensions.width = image.width * scale;
            imageDimensions.height = image.height * scale;
          } else {
            imageDimensions.width = image.width;
            imageDimensions.height = image.height;
          }
        };
    
        image.src = bgSrc;
    
        return imageDimensions;
      };
    
      function Plugin(element, options) {
        this.element = element;
        this.options = options;
        this.init();
      }
    
      Plugin.prototype.init = function() {
        var $el = $(this.element),
            bgSrc = ($el.css('background-image').match(/^url\(['"]?(.*?)['"]?\)$/i) || [])[1],
            options = this.options;
    
        if (!bgSrc) return;
    
        // Get the image's width and height if bound
        var imageDimensions = { width: 0, height: 0 };
        if (options.bound) {
          imageDimensions = getBackgroundImageDimensions($el);
        }
    
        $el.on('mousedown.dbg touchstart.dbg', function(e) {
          if (e.target !== $el[0]) {
            return;
          }
          e.preventDefault();
    
          if (e.originalEvent.touches) {
            modifyEventForTouch(e);
          } else if (e.which !== 1) {
            return;
          }
    
          var x0 = e.clientX,
              y0 = e.clientY,
              pos = $el.css('background-position').match(/(-?\d+).*?\s(-?\d+)/) || [],
              xPos = parseInt(pos[1]) || 0,
              yPos = parseInt(pos[2]) || 0;
    
          $window.on('mousemove.dbg touchmove.dbg', function(e) {
            e.preventDefault();
    
            if (e.originalEvent.touches) {
              modifyEventForTouch(e);
            }
    
            var x = e.clientX,
                y = e.clientY;
    
            xPos = options.axis === 'y' ? xPos : limit($el.innerWidth()-imageDimensions.width, 0, xPos+x-x0, options.bound);
            yPos = options.axis === 'x' ? yPos : limit($el.innerHeight()-imageDimensions.height, 0, yPos+y-y0, options.bound);
            x0 = x;
            y0 = y;
    
            $el.css('background-position', xPos + 'px ' + yPos + 'px');
          });
    
          $window.on('mouseup.dbg touchend.dbg mouseleave.dbg', function() {
            if (options.done) {
              options.done();
            }
    
            $window.off('mousemove.dbg touchmove.dbg');
            $window.off('mouseup.dbg touchend.dbg mouseleave.dbg');
          });
        });
      };
    
      Plugin.prototype.disable = function() {
        var $el = $(this.element);
        $el.off('mousedown.dbg touchstart.dbg');
        $window.off('mousemove.dbg touchmove.dbg mouseup.dbg touchend.dbg mouseleave.dbg');
      }
    
      $.fn.backgroundDraggable = function(options) {
        var options = options;
        var args = Array.prototype.slice.call(arguments, 1);
    
        return this.each(function() {
          var $this = $(this);
    
          if (typeof options == 'undefined' || typeof options == 'object') {
            options = $.extend({}, $.fn.backgroundDraggable.defaults, options);
            var plugin = new Plugin(this, options);
            $this.data('dbg', plugin);
          } else if (typeof options == 'string' && $this.data('dbg')) {
            var plugin = $this.data('dbg');
            Plugin.prototype[options].apply(plugin, args);
          }
        });
      };
    
      $.fn.backgroundDraggable.defaults = {
        bound: true,
        axis: undefined
      };
    }(jQuery));
    
  • URL: /components/raw/parkings/parking.js
  • Filesystem Path: src/views/03-organisms/parkings/parking.js
  • Size: 4.6 KB

No notes defined.