<!-- Parking P1 -->
<div class="c-product ">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-telepass"></use>
</svg> <span class="c-icon-list__text">Abilitato Telepass</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 84,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
</div>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio P1">
Prosegui
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-" aria-hidden="true"></p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque nobis voluptatem quisquam molestiae eaque recusandae, iste officiis voluptatibus in quae culpa amet laudantium, doloremque corrupti odio <a href="#">pariatur</a> quas incidunt laborum!Officia dolorem a repellendus, nisi nulla dolorum. Maxime ratione non, omnis, voluptatibus repudiandae <a href="#">quidem</a> voluptas optio veritatis necessitatibus esse ex exercitationem consequuntur quasi dolore distinctio magnam nostrum aperiam corporis facilis.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Parking P1 Discount -->
<div class="c-product has-offer">
<span class="c-rounded-label c-rounded-label--stamp" aria-label="Il tuo parcheggio preferito. Questo è il parcheggio che scegli di solito">
Il tuo preferito
</span>
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-telepass"></use>
</svg> <span class="c-icon-list__text">Abilitato Telepass</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<span class="c-rounded-label " aria-label="">
<svg class="svg svg-16">
<use xlink:href="#ic-user-check"></use>
</svg>
<strong>Solo 12 Posti in offerta</strong>
</span>
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 84,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
</div>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio P1">
Prosegui
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-" aria-hidden="true"></p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque nobis voluptatem quisquam molestiae eaque recusandae, iste officiis voluptatibus in quae culpa amet laudantium, doloremque corrupti odio <a href="#">pariatur</a> quas incidunt laborum!Officia dolorem a repellendus, nisi nulla dolorum. Maxime ratione non, omnis, voluptatibus repudiandae <a href="#">quidem</a> voluptas optio veritatis necessitatibus esse ex exercitationem consequuntur quasi dolore distinctio magnam nostrum aperiam corporis facilis.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Parking P1 Esaurito -->
<div class="c-product is-disabled">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-telepass"></use>
</svg> <span class="c-icon-list__text">Abilitato Telepass</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 84,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
</div>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--disabled" aria-label="Seleziona parcheggio P1">
Posti acquistabili esauriti
</button> <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-offer-out-info">
Più informazioni
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-title">Informazioni sul parcheggio P1</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sul parcheggio P1">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-title">Informazioni sul parcheggio P1 </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>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="dialog-offer-out-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-offer-out-info-dialog-title">
<div role="document">
<p class="c-dialog__title" id="dialog-offer-out-info-dialog-title" aria-hidden="true">Disponibilità dei posti acquistabili online esaurita</p>
<p>Siamo spiacenti, ma i posti acquistabili sono esauriti. Se sei senza prenotazione e raggiungi l’aeroporto con ampio anticipo, puoi comunque recarti all’ingresso del parcheggio e verificare con i nostri operatori la disponibilità di eventuali posti residuali, che però non possiamo al momento garantire.</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Parking P2 -->
<div class="c-product ">
<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">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-telepass"></use>
</svg> <span class="c-icon-list__text">Abilitato Telepass</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 84,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
</div>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio P2">
Prosegui
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-" aria-hidden="true"></p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque nobis voluptatem quisquam molestiae eaque recusandae, iste officiis voluptatibus in quae culpa amet laudantium, doloremque corrupti odio <a href="#">pariatur</a> quas incidunt laborum!Officia dolorem a repellendus, nisi nulla dolorum. Maxime ratione non, omnis, voluptatibus repudiandae <a href="#">quidem</a> voluptas optio veritatis necessitatibus esse ex exercitationem consequuntur quasi dolore distinctio magnam nostrum aperiam corporis facilis.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Parking P3 -->
<div class="c-product ">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p3.svg" alt="Parcheggio P3">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P3">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">50% Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">200 mt dall'aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">3 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 51,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
</div>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio P3">
Prosegui
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-" aria-hidden="true"></p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque nobis voluptatem quisquam molestiae eaque recusandae, iste officiis voluptatibus in quae culpa amet laudantium, doloremque corrupti odio <a href="#">pariatur</a> quas incidunt laborum!Officia dolorem a repellendus, nisi nulla dolorum. Maxime ratione non, omnis, voluptatibus repudiandae <a href="#">quidem</a> voluptas optio veritatis necessitatibus esse ex exercitationem consequuntur quasi dolore distinctio magnam nostrum aperiam corporis facilis.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Parking P4 -->
<div class="c-product ">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p4.svg" alt="Parcheggio P4">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P4">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_drive_eta_black_24px"></use>
</svg> <span class="c-icon-list__text">Scoperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">1,5 chilometri dall'aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_bus_black_24px"></use>
</svg> <span class="c-icon-list__text">5 min. con Navetta gratuita H24 e 7 giorni su 7 ogni 20 min.</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 30,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
</div>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio P4">
Prosegui
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-" aria-hidden="true"></p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque nobis voluptatem quisquam molestiae eaque recusandae, iste officiis voluptatibus in quae culpa amet laudantium, doloremque corrupti odio <a href="#">pariatur</a> quas incidunt laborum!Officia dolorem a repellendus, nisi nulla dolorum. Maxime ratione non, omnis, voluptatibus repudiandae <a href="#">quidem</a> voluptas optio veritatis necessitatibus esse ex exercitationem consequuntur quasi dolore distinctio magnam nostrum aperiam corporis facilis.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Parking P5 -->
<div class="c-product ">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p5.svg" alt="Parcheggio P5">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P5">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Scoperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">850 mt dall'aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">9 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 60,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
</div>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio P5">
Prosegui
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-" aria-hidden="true"></p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque nobis voluptatem quisquam molestiae eaque recusandae, iste officiis voluptatibus in quae culpa amet laudantium, doloremque corrupti odio <a href="#">pariatur</a> quas incidunt laborum!Officia dolorem a repellendus, nisi nulla dolorum. Maxime ratione non, omnis, voluptatibus repudiandae <a href="#">quidem</a> voluptas optio veritatis necessitatibus esse ex exercitationem consequuntur quasi dolore distinctio magnam nostrum aperiam corporis facilis.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Parking P6 -->
<div class="c-product ">
<span class="c-rounded-label c-rounded-label--stamp" aria-label="Novità estiva. Questo parcheggio è la novità estiva 2019">
Novità summer
</span>
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p6.svg" alt="Parcheggio P6">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P6">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Scoperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Antistante l'aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">9 min. con navetta gratuita (H24, 7 giorni su 7, ogni 25 min.)</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 60,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
</div>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio P6">
Prosegui
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-" aria-hidden="true"></p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque nobis voluptatem quisquam molestiae eaque recusandae, iste officiis voluptatibus in quae culpa amet laudantium, doloremque corrupti odio <a href="#">pariatur</a> quas incidunt laborum!Officia dolorem a repellendus, nisi nulla dolorum. Maxime ratione non, omnis, voluptatibus repudiandae <a href="#">quidem</a> voluptas optio veritatis necessitatibus esse ex exercitationem consequuntur quasi dolore distinctio magnam nostrum aperiam corporis facilis.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- P Express -->
<div class="c-product c-product--p-express">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p-express.svg" alt="P-Express">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche P-Express">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-telepass"></use>
</svg> <span class="c-icon-list__text">Abilitato Telepass</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<span class="barred" aria-hidden="true">121,60 €</span>
<strong class="c-product__value">84,00 €</strong>
<span>Totale per 8<br />solo pagando online</span>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio P-Express">
Prosegui
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- P Premium -->
<div class="c-product c-product--premium">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p-express-premium.svg" alt="Premium">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche P-Express">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-telepass"></use>
</svg> <span class="c-icon-list__text">Abilitato Telepass</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 84,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
</div>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio P-Express">
Prosegui
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-" aria-hidden="true"></p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque nobis voluptatem quisquam molestiae eaque recusandae, iste officiis voluptatibus in quae culpa amet laudantium, doloremque corrupti odio <a href="#">pariatur</a> quas incidunt laborum!Officia dolorem a repellendus, nisi nulla dolorum. Maxime ratione non, omnis, voluptatibus repudiandae <a href="#">quidem</a> voluptas optio veritatis necessitatibus esse ex exercitationem consequuntur quasi dolore distinctio magnam nostrum aperiam corporis facilis.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Parking Car Valet -->
<div class="c-product c-product--car-valet">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/car-valet.svg" alt="Car valet">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio con car valet">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-parking-sign-24px"></use>
</svg> <span class="c-icon-list__text">All'interno del parcheggio P2</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-wheel-24px"></use>
</svg> <span class="c-icon-list__text">Parcheggiamo noi per te</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 134,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
</div>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio con car valet">
Prosegui
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-" aria-hidden="true"></p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Atque nobis voluptatem quisquam molestiae eaque recusandae, iste officiis voluptatibus in quae culpa amet laudantium, doloremque corrupti odio <a href="#">pariatur</a> quas incidunt laborum!Officia dolorem a repellendus, nisi nulla dolorum. Maxime ratione non, omnis, voluptatibus repudiandae <a href="#">quidem</a> voluptas optio veritatis necessitatibus esse ex exercitationem consequuntur quasi dolore distinctio magnam nostrum aperiam corporis facilis.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Park Recap -->
<div class="c-product c-product--recap c-product--park-recap">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1-2.svg" alt="Parcheggio P1 e P2">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1 e P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">
Pagato
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>1102935</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/20>
20/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
</div>
<div class="c-product__further">
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-print-black-24px"></use>
</svg>
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 92,00</span>
<strong class="c-product__value">€ 84,00</strong>
</div>
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong>
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Park Recap QR code -->
<div class="c-product c-product--recap c-product--payed qrcode">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1 ">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">
Pagato
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
Codice: <strong>1102936</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time ">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/20>
20/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
</div>
<div class="c-product__details">
</div>
<div class="c-product__further">
<div class="c-product__further-item">
<span class="c-tooltip--qrcode c-product__qrcode" data-js-tooltip-label="Espandi le informazioni relative al qr code" data-js-tooltip-text="Visualizza QR-code" data-js-bubble-class-position="c-tooltip__bubble--up">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_qrcode_24"></use>
</svg>
<div data-toggletip>
<button class="close-tooltip" aria-label="Chiudi il suggerimento sul qr code" aria-hidden="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<p> <img src="../../images/qrcode.jpg" alt="QR code" /> </p>
<h5>Dove trovo il mio QR-code per accedere al parcheggio?</h5>
<p>Per ogni prenotazione puoi recuperare il QR-code di ogni tua prenotazione accedendo alla tua area riservata ed entrando nell'archivio prenotazioni.
</p>
<p><strong>Accedi al sito</strong> oppure <strong>scarica l'app</strong> di BLQ</p>
<ul>
<li>
<a href="#">
<img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
</a>
</li>
<li>
<a href="#">
<img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
</a>
</li>
</ul>
</div>
</span>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 84,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong>
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Park Recap Telepass -->
<div class="c-product c-product--recap c-product--payed telepass">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1-2.svg" alt="Parcheggio P1 e P2">
<div class="c-product__park-infos">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1 e P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">
Pagato
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>1102935</strong>
</span>
</div>
<div class="c-product__time">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/20>
20/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
</div>
<div class="c-product__details">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/park_item_pagato.svg" alt="Dettaglio prenotazione" height="" width="80">
<div class="c-media__body o-media__body">
<a href='#'>Scopri come accedere al parcheggio ➝</a>
</div>
</div>
</div>
<div class="c-product__further">
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-print-black-24px"></use>
</svg>
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price c-product__price--desktop">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true">€ 84,00</span>
<strong class="c-product__value">€ 69,60</strong>
</div>
<div class="c-product__receipt">
<span class="c-tooltip--telepass c-product__telepass" data-js-tooltip-label="Espandi le informazioni relative al telepass" data-js-tooltip-img=../../images/svgs/telepass_tooltip.svg data-js-bubble-class-position="c-tooltip__bubble--up">
<span class="c-tooltip__outer-text">pagamento con:</span>
<div data-toggletip>
<button class="close-tooltip" aria-label="Chiudi il suggerimento sul telepass" aria-hidden="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<p>
<strong>Accedi e paga con Telepass</strong>
Per questa prenotazione hai deciso di utilizzare il tuo Telepass numero<br>
<strong>000000000000000.</strong>
</p>
<a href='#'>Scopri di più ➝</a>
</div>
</span>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Mbl Recap -->
<div class="c-product c-product--recap c-product--payed qrcode">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/mbl.svg" alt="Mbl vip lounge">
<div class="c-product__park-infos">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche Mbl">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_flight_takeoff_black_24px"></use>
</svg> <span class="c-icon-list__text">Fast Track dedicato</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_wifi_black_24px"></use>
</svg> <span class="c-icon-list__text">WI-FI</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_weekend_black_24px"></use>
</svg> <span class="c-icon-list__text">Area relax e TV</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_free_breakfast_black_24px"></use>
</svg> <span class="c-icon-list__text">Lounge Bar e caffetteria</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-schedule-24px"></use>
</svg> <span class="c-icon-list__text"><span><b>Orari ridotti | Covid-19</b><br>Tutti i giorni 8:00 / 19:00</span></span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">
Pagato
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>1102935</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Data di ingresso</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
</div>
</div>
</div>
<div class="c-product__passengers">
<svg class="c-icon c-icon--12">
<use xlink:href="#ic-passenger"></use>
</svg> 1 ingresso
</div>
<div class="c-product__details">
Il costo della sosta è calcolato in base ai dati dichiarati<br /> Il costo effettivo è legato alla reale durata della sosta
</div>
<div class="c-product__further">
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-print-black-24px"></use>
</svg>
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-zoom-24px"></use>
</svg> <a href="../preview/page-reservation-detail.html" class="link--default">Mostra i dettagli</a>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 28,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong>
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sul Vip Lounge</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sul Vip Lounge">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Addon Recap Pagato -->
<div class="c-product c-product--recap c-product--payed">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/mbl.svg" alt="Mbl vip lounge">
<div class="c-product__park-infos">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1 e P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-schedule-24px"></use>
</svg> <span class="c-icon-list__text">Tutti i giorni 5:00 / 23:30</span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">
Pagato
</span> <span class="c-rounded-label " aria-label="">
CODICE <strong>2018-V3835</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time ">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Partenza</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
</div>
</div>
</div>
<div class="c-product__details">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/MBL_item_pagato.svg" alt="Dettaglio prenotazione" height="" width="80">
<div class="c-media__body o-media__body">
<a href='#'>Scopri come accedere al parcheggio ➝</a>
</div>
</div>
</div>
<div class="c-product__further">
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-print-black-24px"></use>
</svg>
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-zoom-24px"></use>
</svg> <a href="../preview/page-reservation-detail.html" class="link--default">Mostra i dettagli</a>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 28,00</span>
<strong class="c-product__value">€ 22,40</strong>
</div>
<span>Totale vip lounge</span>
</div>
</div>
</div>
<!-- MyBLQ Prenotato -->
<div class="c-product c-product--recap">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p3.svg" alt="Parcheggio P3">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P3">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label " aria-label="Stato della prenotazione: Prenotato">
<strong>Prenotato</strong>
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>1102935</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/20>
20/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
</div>
<div class="c-product__details">
<strong>Regalati un ingresso alla Lounge a soli € 22,40</strong><br>
anzichè € 28,00 se lo acquisti insieme al parcheggio <a href="#">Scopri come</a>
</div>
<div class="c-product__further">
<div class="c-product__further-item">
<span class="c-tooltip--qrcode c-product__qrcode" data-js-tooltip-label="Espandi le informazioni relative al qr code" data-js-tooltip-text="Visualizza QR-code" data-js-bubble-class-position="c-tooltip__bubble--up">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_qrcode_24"></use>
</svg>
<div data-toggletip>
<button class="close-tooltip" aria-label="Chiudi il suggerimento sul qr code" aria-hidden="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<p> <img src="../../images/qrcode.jpg" alt="QR code" /> </p>
<h5>Dove trovo il mio QR-code per accedere al parcheggio?</h5>
<p>Per ogni prenotazione puoi recuperare il QR-code di ogni tua prenotazione accedendo alla tua area riservata ed entrando nell'archivio prenotazioni.
</p>
<p><strong>Accedi al sito</strong> oppure <strong>scarica l'app</strong> di BLQ</p>
<ul>
<li>
<a href="#">
<img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
</a>
</li>
<li>
<a href="#">
<img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
</a>
</li>
</ul>
</div>
</span>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 84,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong> solo pagando online
</div>
</div>
<div class="cta">
<button type="submit" class="c-button c-button--submit">
Paga ora
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p3-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p3-map-dialog-p3-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p3-map-dialog-p3-title">Informazioni sui parcheggi P3</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P3,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P3,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P3">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p3-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p3-title">Informazioni sul parcheggio P3</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>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- MyBLQ Pagato -->
<div class="c-product c-product--recap">
<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">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Prenotato">
<strong>Pagato</strong>
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>1102935</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/20>
20/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
</div>
<div class="c-product__details">
<strong>Regalati un ingresso alla Lounge a soli € 22,40</strong><br>
anzichè € 28,00 se lo acquisti insieme al parcheggio <a href="#">Scopri come</a>
</div>
<div class="c-product__further">
<div class="c-product__further-item">
<span class="c-tooltip--qrcode c-product__qrcode" data-js-tooltip-label="Espandi le informazioni relative al qr code" data-js-tooltip-text="Visualizza QR-code" data-js-bubble-class-position="c-tooltip__bubble--up">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_qrcode_24"></use>
</svg>
<div data-toggletip>
<button class="close-tooltip" aria-label="Chiudi il suggerimento sul qr code" aria-hidden="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<p> <img src="../../images/qrcode.jpg" alt="QR code" /> </p>
<h5>Dove trovo il mio QR-code per accedere al parcheggio?</h5>
<p>Per ogni prenotazione puoi recuperare il QR-code di ogni tua prenotazione accedendo alla tua area riservata ed entrando nell'archivio prenotazioni.
</p>
<p><strong>Accedi al sito</strong> oppure <strong>scarica l'app</strong> di BLQ</p>
<ul>
<li>
<a href="#">
<img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
</a>
</li>
<li>
<a href="#">
<img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
</a>
</li>
</ul>
</div>
</span>
</div>
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-print-black-24px"></use>
</svg>
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-zoom-24px"></use>
</svg> <a href="../preview/page-reservation-detail.html" class="link--default">Mostra i dettagli</a>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 84,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong> solo pagando online
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p3-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p3-map-dialog-p3-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p3-map-dialog-p3-title">Informazioni sul parcheggio P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P2,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P2,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sul parcheggio P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p2-title">Informazioni sul parcheggio P3</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>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- MyBLQ Telepass -->
<div class="c-product c-product--recap">
<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">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Prenotato">
<strong>Pagato</strong>
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>1102935</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time c-product__time--desktop">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/20>
20/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
</div>
<div class="c-product__details">
<strong>Regalati un ingresso alla Lounge a soli € 22,40</strong><br>
anzichè € 28,00 se lo acquisti insieme al parcheggio <a href="#">Scopri come</a>
</div>
<div class="c-product__further">
<div class="c-product__further-item">
<span class="c-tooltip--qrcode c-product__qrcode" data-js-tooltip-label="Espandi le informazioni relative al qr code" data-js-tooltip-text="Visualizza QR-code" data-js-bubble-class-position="c-tooltip__bubble--up">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_qrcode_24"></use>
</svg>
<div data-toggletip>
<button class="close-tooltip" aria-label="Chiudi il suggerimento sul qr code" aria-hidden="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<p> <img src="../../images/qrcode.jpg" alt="QR code" /> </p>
<h5>Dove trovo il mio QR-code per accedere al parcheggio?</h5>
<p>Per ogni prenotazione puoi recuperare il QR-code di ogni tua prenotazione accedendo alla tua area riservata ed entrando nell'archivio prenotazioni.
</p>
<p><strong>Accedi al sito</strong> oppure <strong>scarica l'app</strong> di BLQ</p>
<ul>
<li>
<a href="#">
<img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
</a>
</li>
<li>
<a href="#">
<img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
</a>
</li>
</ul>
</div>
</span>
</div>
<div class="c-product__further-item">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-zoom-24px"></use>
</svg> <a href="../preview/page-reservation-detail.html" class="link--default">Mostra i dettagli</a>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">€ 84,00</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong> solo pagando online
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p3-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p3-map-dialog-p3-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p3-map-dialog-p3-title">Informazioni sul parcheggio P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P2,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P2,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sul parcheggio P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p2-title">Informazioni sul parcheggio P3</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>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Compact -->
<div class="c-product c-product--recap c-product--payed c-product--compact">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1.svg" alt="">
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">
Pagato
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>2018-V3835</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/20>
20/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<span>Totale per 8 giorni</span>
<strong class="c-product__value">€ 28,00</strong>
<div class="c-product__gotodetail">
<a href="../preview/page-reservation-detail.html" class="go-to-detail">Mostra i dettagli</a>
</div>
</div>
</div>
</div>
<!-- Compact Telepass -->
<div class="c-product c-product--recap c-product--payed c-product--compact">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1.svg" alt="">
</div>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label c-rounded-label--positive" aria-label="Stato della prenotazione: Pagato">
Pagato
</span> <span class="c-rounded-label c-rounded-label--grey" aria-label="">
CODICE <strong>2018-V3835</strong>
</span> <span class="c-rounded-label c-rounded-label--dark" aria-label="Nome Cliente Mario Rossi">
Mario Rossi
</span>
</div>
<div class="c-product__time ">
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/10>
10/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
<div class="c-time-detail c-time-detail--product">
<div class="c-time-detail__span">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal
<strong>
<time datetime=2018/04/20>
20/04/2018
</time>
</strong>
</div>
<div>Ore <strong><time>20:30</time></strong></div>
</div>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price c-product__price--desktop">
<span>Totale per 8 giorni</span>
<strong class="c-product__value">€ 28,00</strong>
</div>
<span class="c-tooltip--telepass c-product__telepass" data-js-tooltip-label="Espandi le informazioni relative al telepass" data-js-tooltip-img=../../images/svgs/telepass_tooltip.svg data-js-bubble-class-position="c-tooltip__bubble--up">
<span class="c-tooltip__outer-text">pagamento con:</span>
<div data-toggletip>
<button class="close-tooltip" aria-label="Chiudi il suggerimento sul telepass" aria-hidden="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<p>
<strong>Accedi e paga con Telepass</strong>
Per questa prenotazione hai deciso di utilizzare il tuo Telepass numero<br>
<strong>000000000000000.</strong>
</p>
<a href='#'>Scopri di più ➝</a>
</div>
</span>
<div class="c-product__gotodetail">
<a href="../preview/page-reservation-detail.html" class="go-to-detail">Mostra i dettagli</a>
</div>
</div>
</div>
<!-- Carousel product -->
<div class="c-product c-product--carousel">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__url">
<a href="../preview/page-parking-p1p2.html" class="rates-discover">Scopri le tariffe</a>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-map-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-map-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-info js-fr-dialogmodal " id="dialog-p1-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-info-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-info-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-content-expo c-content-expo--spaceless" grid="grid">
<div class="c-content-expo__item c-content-expo__item--main" grid="7@md first@md">
<div class="js-productPop">
<div class="c-product__fold">
<div class="c-media o-media c-media--vertically-centered">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto. Tariffa weekend 19€" height="" width="80">
<div class="c-media__body o-media__body">
<strong class='u-color-night-100'>Parcheggia in aeroporto.</strong>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">Tariffa weekend 19€</button>
</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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<div class="fare-text">
L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>
</div>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="u-mb-space-24 u-mt-space-16s">
<iframe class="u-radius-12" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="u-mb-space-24">
<iframe src="https://www.youtube.com/embed/d7s99Vgaues" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" width="560" height="315" frameborder="0"></iframe>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli fino a 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 0,00</strong> gratuito 0-10 min.</li>
<li><strong>€ 3,50</strong> fino a 1 ora</li>
<li><strong>€ 7,00</strong> fino a 2 ore</li>
<li><strong>€ 10,50</strong> fino a 3 ore</li>
<li><strong>€ 14,00</strong> fino a 24 ore</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div class="c-table_cnt c-table_cnt--noSlide">
<table class="o-table c-table">
<caption class="medium">Per veicoli oltre 1,85 metri di altezza</caption>
<thead>
<tr>
<th scope="col">Permanenza</th>
<th scope="col">Tariffa in vigore</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Permanenza"><strong>1° giorno</strong></td>
<td data-label="Tariffa">
<ul class="bordered">
<li><strong>€ 10,00</strong> / ora o frazione di ore successive</li>
</ul>
</td>
</tr>
<tr>
<td data-label="Permanenza"><strong>Dal 2° giorno e giorni successivi</strong></td>
<td data-label="Tariffa">
<ul>
<li><strong>€ 14,00</strong> al giorno</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="c-content-expo__item c-content-expo__item--side" grid="4@md offset-9@md">
<h4>Consigliato</h4>
<ul>
<li><strong>Fino a 4 ore</strong> - Per chi ti accompagna o ti viene a prendere</li>
<li><strong>Fino a 4 giorni</strong> - Per il tuo viaggio di lavoro, week-end</li>
<li><strong>5 giorni e oltre</strong> - Per la tua vacanza</li>
</ul>
<h4>Altre tariffe</h4>
<p>
<strong>Tariffa Weekend.</strong>
Valida tutto l’anno, nel parcheggio P2 Business dell’Aeroporto G. Marconi di Bologna, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica.
</p>
<p><strong>Sconto 30% per le city-car</strong> (fino a 2,5m di lunghezza) che sostano negli spazi riservati.</p>
<p><strong>€ 5 al giorno /frazione di giorno per le moto</strong> che sostano negli spazi riservati. Per le modalità di accesso rivolgersi agli addetti.</p>
<p><strong>Abbonamenti</strong> periodici e tessere a scalare d'importo.</p>
<h4>Servizi</h4>
<img src="../../images/kiss-fly-compact.jpg" alt="Kiss & fly" width="90">
<img src="../../images/elettra.png" alt="Elettra" width="90">
<h4>Documenti</h4>
<div class="docs">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Mappa parcheggi" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Mappa parcheggi</strong></a><br>PDF, 577 kb
</div>
</div>
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/pdf.svg" alt="Regolamento" height="" width="32">
<div class="c-media__body o-media__body">
<a href="#"><strong>Regolamento</strong></a><br>PDF, 645 kb
</div>
</div>
</div>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Carousel Discount -->
<div class="c-product c-product--carousel c-product--p-express">
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p-express.svg" alt="Parcheggio P1 e P2">
<button type="button" class="c-button c-button--as-link mapMob js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-p2">
Mappa
</button> <button type="button" class="c-button c-button--as-link mapDesk js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-p2">
Guarda in mappa
</button>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1 e P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price">
<span>Totale per 1 giorni</span>
<div class="c-product__price-wrapper">
<span class="c-product__fullvalue">€ 15,00</span>
<strong class="c-product__value">€ 9,00</strong>
</div>
<span>
Offerta lampo
<span class="" data-js-tooltip-label="Espandi le informazioni nascoste" data-js-tooltip-icon=ic_info_black_24px data-js-bubble-class-position=c-tooltip__bubble--down>
<p data-toggletip>
L’offerta è riservata a chi prenota online, per pochi posti e date, non lasciarti scappare quest’offerta lampo!
</p>
</span> </span>
</div>
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit c-button--disabled">
Posti acquistabili esauriti
</button>
</div>
</div>
<a href="../preview/page-parking-p1p2.html" class="rates-discover">Scopri le tariffe</a>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Parking POP -->
<div class="js-productPop">
<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">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P2">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_place_black_24px"></use>
</svg> <span class="c-icon-list__text">Fronte aerostazione</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
</ul>
</div>
<div class="c-product__focus">
<img src="/images/weekend-rate.jpg" class="js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare" alt="Dal venerdi alla domenica, tariffa weekend €19">
</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>
<button type="submit" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="dialog-parking-form">
Prosegui
</button>
<a href="#" class="discover">Scopri di più</a>
</div>
</div>
</div>
<div class="c-product__pop-info">
<div class="c-content-expo c-product--p2 c-product--pop" grid="grid">
</div>
</div>
</div>
<div class="c-dialog c-dialog--save-and-book js-fr-dialogmodal " id="dialog-weekend-fare">
<div class="c-dialog__inner no-padding js-fr-dialogmodal-modal" aria-labelledby="dialog-weekend-fare-title">
<div role="document">
<img src="../../images/svgs/weekend-fare.svg" class="c-dialog__img" alt="Tariffa weekend" aria-hidden="true">
<p class="c-dialog__title" id="dialog-weekend-fare-title">Parcheggia in Aeroporto e risparima con la Tariffa Weekend!</p>
<p class="c-dialog__text c-dialog__text--centered">
Valida tutto l'anno, nei parcheggi P1, P2, P3, dell'Aeroporto G. Marconi di Bologna, escluso il mese di agosto, per soste che hanno inizio dal venerdì e terminano non oltre le ore 24.00 di domenica. In caso di soste superiori, per ogni giorno supplementare si applica la tariffa standard.
</p>
<p class="c-dialog__text c-dialog__text--centered">
Per soste che includono due o più fine settimana consecutivi, viene applicata solo con riferimento al primo weekend. Non cumulabile con altre convenzioni/promozioni.
</p>
<p class="c-dialog__text c-dialog__text--centered c-dialog__text--small">
Si ricorda che, per avvalersi della Tariffa Weekend, al momento dell'ingresso al parcheggio prenotato, è necessario posizionare il QR Code sotto il lettore della colonnina d’ingresso e non rimuoverlo fino all’emissione automatica del biglietto. In assenza della prenotazione è necessario recarsi al Presidio parcheggi (situato alla base del parcheggio Multipiano di fronte all'aerostazione), oppure inserire nelle casse automatiche il buono da richiedere anticipatamente al Presidio il giorno di entrata nel parcheggio.
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="dialog-p1-p2">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-p1-p2-dialog-p1-p2-title">
<div role="document">
<p class="c-dialog__title" id="dialog-p1-p2-dialog-p1-p2-title">Informazioni sui parcheggi P1 e P2</p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=Parcheggio+P1,+40132+Bologna+BO&zoom=16&size=600x300&markers=Parcheggio+P1,+40132+Bologna+BO&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="Informazioni sui parcheggi P1 e P2">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Stacked -->
<div class="c-product c-product--stacked ">
<div class="c-product__fold">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/weekend-rate.jpg" alt="Parcheggia in aeroporto." height="" width="80">
<div class="c-media__body o-media__body">
lorem ipsum
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-weekend-fare">true</button>
</div>
</div>
</div>
<div class="c-product__info">
<div class="c-product__type">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1">
<div class="c-product__park-infos">
<button type="button" class="c-button c-button--icon-square js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-pin-map"></use>
</svg></button>
<button type="button" class="c-button c-button--icon-square is-pale js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic_info_black_24px"></use>
</svg></button>
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="Caratteristiche parcheggio P1">
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-covered-parking-black-24px"></use>
</svg> <span class="c-icon-list__text">Coperto</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-accessible-black-24px"></use>
</svg> <span class="c-icon-list__text">Posti riservati. <a href='#'>Scopri di più</a></span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_directions_walk_black_24px"></use>
</svg> <span class="c-icon-list__text">1 min. a piedi</span>
</li>
<li class="c-icon-list__item ">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-telepass"></use>
</svg> <span class="c-icon-list__text">Abilitato Telepass</span>
</li>
</ul>
<div class="c-product__detail-link">
<a href="#" class="u-typo-level-1">Vedi i dettagli del parcheggio</a>
</div>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__button">
<button type="submit" class="c-button c-button--submit" aria-label="Seleziona parcheggio P1">
Acquista ora
</button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Myblq Qrcode Pagato -->
<div class="c-product ">
<div class="c-product__info">
<div class="c-product__type">
<img src="" alt="">
<div class="c-product__park-infos">
</div>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="">
</ul>
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
<span class="c-rounded-label " aria-label="">
</span> <span class="c-rounded-label " aria-label="">
</span> <span class="c-rounded-label " aria-label="">
</span>
</div>
<div class="c-product__time c-product__time--desktop">
<div class="c-time-detail c-time-detail--product">
</div>
<div class="c-time-detail c-time-detail--product">
</div>
</div>
</div>
<div class="c-product__price c-product__price--mobile">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true"></span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<span class="c-tooltip--qrcode " data-js-tooltip-label="Espandi le informazioni relative al qr code" data-js-tooltip-text="Visualizza QR-code" data-js-bubble-class-position="c-tooltip__bubble--up">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_qrcode_24"></use>
</svg>
<div data-toggletip>
<button class="close-tooltip" aria-label="Chiudi il suggerimento sul qr code" aria-hidden="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<p> <img src="../../images/qrcode.jpg" alt="QR code" /> </p>
<h5>Dove trovo il mio QR-code per accedere al parcheggio?</h5>
<p>Per ogni prenotazione puoi recuperare il QR-code di ogni tua prenotazione accedendo alla tua area riservata ed entrando nell'archivio prenotazioni.
</p>
<p><strong>Accedi al sito</strong> oppure <strong>scarica l'app</strong> di BLQ</p>
<ul>
<li>
<a href="#">
<img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
</a>
</li>
<li>
<a href="#">
<img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
</a>
</li>
</ul>
</div>
</span>
</div>
<div class="c-product__schedule--mobile">
<div class="c-product__time c-product__time--mobile">
<div class="c-time-detail c-time-detail--product">
</div>
<div class="c-time-detail c-time-detail--product">
</div>
</div>
<div class="c-product__labels">
<span class="c-rounded-label " aria-label="">
</span> <span class="c-rounded-label " aria-label="">
</span> <span class="c-rounded-label " aria-label="">
</span>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price c-product__price--desktop">
<div class="c-product__value"></div>
<span>TOTALE PER 3 GIORNI SE <strong>PAGHI IN AEROPORTO</strong></span>
</div>
<span class="c-tooltip--qrcode " data-js-tooltip-label="Espandi le informazioni relative al qr code" data-js-tooltip-text="Visualizza QR-code" data-js-bubble-class-position="c-tooltip__bubble--up">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_qrcode_24"></use>
</svg>
<div data-toggletip>
<button class="close-tooltip" aria-label="Chiudi il suggerimento sul qr code" aria-hidden="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<p> <img src="../../images/qrcode.jpg" alt="QR code" /> </p>
<h5>Dove trovo il mio QR-code per accedere al parcheggio?</h5>
<p>Per ogni prenotazione puoi recuperare il QR-code di ogni tua prenotazione accedendo alla tua area riservata ed entrando nell'archivio prenotazioni.
</p>
<p><strong>Accedi al sito</strong> oppure <strong>scarica l'app</strong> di BLQ</p>
<ul>
<li>
<a href="#">
<img src="../../images/svgs/badge_appstore_it.svg" height="40" alt="Scarica su App Store">
</a>
</li>
<li>
<a href="#">
<img src="../../images/svgs/Google_Play_Store_badge_IT.svg" height="40" alt="Disponibile su Google Play">
</a>
</li>
</ul>
</div>
</span>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Park Recap Discount -->
<div class="c-product ">
<div class="c-product__info">
<div class="c-product__type">
<img src="" alt="">
<button type="" class="c-button ">
</button>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="">
</ul>
</div>
<div class="c-product__schedule">
<span class="c-rounded-label " aria-label="Stato della prenotazione: stai per pagare">
Stai per pagare
</span>
<div class="c-product__time c-product__time--desktop">
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
</div>
</div>
<div class="c-product__price c-product__price--mobile">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred"></span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="c-product__more">
<span class="" data-js-tooltip-label="" data-js-bubble-class-position=>
<p data-toggletip>
</p>
</span>
</div>
</div>
<div class="c-product__time c-product__time--mobile">
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price c-product__price--desktop">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true"></span>
<strong class="c-product__value">€ 61,00</strong>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Park Recap P Express -->
<div class="c-product ">
<div class="c-product__info">
<div class="c-product__type">
<img src="" alt="">
<button type="" class="c-button ">
</button>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="">
</ul>
</div>
<div class="c-product__schedule">
<span class="c-rounded-label " aria-label="Stato della prenotazione: Stai prenotando">
Stai prenotando
</span>
<div class="c-product__time c-product__time--desktop">
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
</div>
</div>
<div class="c-product__price c-product__price--mobile">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true"></span>
<strong class="c-product__value"></strong>
</div>
<div class="c-product__more">
<span class="" data-js-tooltip-label="" data-js-bubble-class-position=>
<p data-toggletip>
</p>
</span>
</div>
</div>
<div class="c-product__time c-product__time--mobile">
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price c-product__price--desktop">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true"></span>
<strong class="c-product__value"></strong>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Park Recap Qrcode P Express -->
<!-- Error rendering component -->
<!-- Could not render component '@addon--benefit' - component not found. -->
<!-- Error: Could not render component '@addon--benefit' - component not found.
at Object.render (/Users/antoniomatera/Sites/adb/node_modules/@frctl/handlebars/src/helpers/render.js:23:19)
at Object.helperWrapper (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:130:23)
at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
at Object.wrapper (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
at Object.eval [as main] (eval at createFunctionContext (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:53:102)
at main (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/runtime.js:208:32)
at ret (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/runtime.js:212:12)
at ret (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:519:21)
at prepareAndResolveMarkers (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:99:39)
at /Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28
at HandlebarsAdapter.render (/Users/antoniomatera/Sites/adb/node_modules/@frctl/handlebars/src/adapter.js:37:30)
at ComponentSource._renderVariant (/Users/antoniomatera/Sites/adb/node_modules/@frctl/fractal/src/api/components/source.js:212:30)
at _renderVariant.next (<anonymous>)
at onFulfilled (/Users/antoniomatera/Sites/adb/node_modules/co/index.js:65:19) -->
<!-- Park Recap Qrcode Text -->
<!-- Error rendering component -->
<!-- Could not render component '@addon--benefit' - component not found. -->
<!-- Error: Could not render component '@addon--benefit' - component not found.
at Object.render (/Users/antoniomatera/Sites/adb/node_modules/@frctl/handlebars/src/helpers/render.js:23:19)
at Object.helperWrapper (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:130:23)
at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
at Object.wrapper (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
at Object.eval [as main] (eval at createFunctionContext (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:51:102)
at main (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/runtime.js:208:32)
at ret (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/runtime.js:212:12)
at ret (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:519:21)
at prepareAndResolveMarkers (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:99:39)
at /Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28
at HandlebarsAdapter.render (/Users/antoniomatera/Sites/adb/node_modules/@frctl/handlebars/src/adapter.js:37:30)
at ComponentSource._renderVariant (/Users/antoniomatera/Sites/adb/node_modules/@frctl/fractal/src/api/components/source.js:212:30)
at _renderVariant.next (<anonymous>)
at onFulfilled (/Users/antoniomatera/Sites/adb/node_modules/co/index.js:65:19) -->
<!-- Telepass Checkout -->
<div class="c-product ">
<div class="c-product__info">
<div class="c-product__type">
<img src="" alt="">
<button type="" class="c-button ">
</button>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="">
</ul>
</div>
<div class="c-product__schedule">
<span class="c-rounded-label " aria-label="">
</span>
<div class="c-product__time c-product__time--desktop">
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
</div>
</div>
<div class="c-product__price c-product__price--mobile">
<span>TOTALE PER 3 GIORNI</span>
<strong class="c-product__value"></strong>
</div>
<span class="c-tooltip--telepass " data-js-tooltip-label="Espandi le informazioni relative al telepass" data-js-tooltip-img=../../images/svgs/telepass_tooltip.svg data-js-bubble-class-position="c-tooltip__bubble--up">
<span class="c-tooltip__outer-text">pagamento con:</span>
<div data-toggletip>
<button class="close-tooltip" aria-label="Chiudi il suggerimento sul telepass" aria-hidden="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<p>
<strong>Accedi e paga con Telepass</strong>
Per questa prenotazione hai deciso di utilizzare il tuo Telepass numero<br>
<strong>000000000000000.</strong>
</p>
<a href='#'>Scopri di più ➝</a>
</div>
</span>
</div>
<div class="c-product__time c-product__time--mobile">
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
</div>
<div class="c-product__fare">
<span class="c-tooltip--telepass " data-js-tooltip-label="Espandi le informazioni relative al telepass" data-js-tooltip-img=../../images/svgs/telepass_tooltip.svg data-js-bubble-class-position="c-tooltip__bubble--up">
<span class="c-tooltip__outer-text">pagamento con:</span>
<div data-toggletip>
<button class="close-tooltip" aria-label="Chiudi il suggerimento sul telepass" aria-hidden="true">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<p>
<strong>Accedi e paga con Telepass</strong>
Per questa prenotazione hai deciso di utilizzare il tuo Telepass numero<br>
<strong>000000000000000.</strong>
</p>
<a href='#'>Scopri di più ➝</a>
</div>
</span>
<div class="c-product__price c-product__price--desktop">
<span>TOTALE PER 3 GIORNI</span>
<strong class="c-product__value"></strong>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-map js-fr-dialogmodal " id="">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="-">
<div role="document">
<p class="c-dialog__title" id="-"></p>
<div class="c-dialog__map">
<img src="https://maps.googleapis.com/maps/api/staticmap?center=&zoom=&size=x&markers=&key=AIzaSyABU478CeE-kWTe9e86eDm9n4ANtibBd3M" width="100%" alt="">
<div class="js-dialog-map" tabindex="-1">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1422.1440324056696!2d11.291909658337978!3d44.52973399477526!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDMxJzQ3LjAiTiAxMcKwMTcnMzQuOCJF!5e0!3m2!1sit!2sit!4v1518606203435" style="border:0" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<!-- Vip Lounge Recap -->
<div class="c-product ">
<div class="c-product__info">
<div class="c-product__type">
<img src="" alt="">
<button type="" class="c-button ">
</button> <button type="" class="c-button ">
</button>
</div>
<div class="c-product__features">
<ul class="c-icon-list" aria-label="">
</ul>
</div>
<div class="c-product__schedule">
<div class="c-product__time c-product__time--desktop">
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
</div>
</div>
<div class="c-product__price c-product__price--mobile">
<span>Totale vip lounge</span>
<span class="barred" aria-hidden="true"></span>
<strong class="c-product__value"></strong>
</div>
<div class="c-product__remove">
<button type="" class="c-button ">
</button>
</div>
</div>
<div class="c-product__time c-product__time--mobile">
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
<div class="c-time-detail ">
<span class="c-time-detail__icon">
<svg class="">
<use xlink:href="#"></use>
</svg> </span>
<span>
</div>
</div>
<div class="c-product__fare">
<div class="c-product__price c-product__price--desktop">
<span>Totale vip lounge</span>
<span class="barred" aria-hidden="true"></span>
<strong class="c-product__value"></strong>
<button type="" class="c-button ">
</button>
</div>
</div>
</div>
<!-- Parking P1 -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
{{!-- <div class="tellmemore">
Tariffa weekend {{> @tooltip tooltip-weekend }}
</div> --}}
</div>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Posti acquistabili esauriti" aria-label=screen-reader-txt.cta }}
{{> @button btn-dialog-offer-out }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{> @dialog dialog-offer-out-info }}
<!-- Parking P1 Discount -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
{{!-- <div class="tellmemore">
Tariffa weekend {{> @tooltip tooltip-weekend }}
</div> --}}
</div>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Posti acquistabili esauriti" aria-label=screen-reader-txt.cta }}
{{> @button btn-dialog-offer-out }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{> @dialog dialog-offer-out-info }}
<!-- Parking P1 Esaurito -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
{{!-- <div class="tellmemore">
Tariffa weekend {{> @tooltip tooltip-weekend }}
</div> --}}
</div>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Posti acquistabili esauriti" aria-label=screen-reader-txt.cta }}
{{> @button btn-dialog-offer-out }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{> @dialog dialog-offer-out-info }}
<!-- Parking P2 -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
{{!-- <div class="tellmemore">
Tariffa weekend {{> @tooltip tooltip-weekend }}
</div> --}}
</div>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Posti acquistabili esauriti" aria-label=screen-reader-txt.cta }}
{{> @button btn-dialog-offer-out }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{> @dialog dialog-offer-out-info }}
<!-- Parking P3 -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
{{!-- <div class="tellmemore">
Tariffa weekend {{> @tooltip tooltip-weekend }}
</div> --}}
</div>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Posti acquistabili esauriti" aria-label=screen-reader-txt.cta }}
{{> @button btn-dialog-offer-out }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{> @dialog dialog-offer-out-info }}
<!-- Parking P4 -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
{{!-- <div class="tellmemore">
Tariffa weekend {{> @tooltip tooltip-weekend }}
</div> --}}
</div>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Posti acquistabili esauriti" aria-label=screen-reader-txt.cta }}
{{> @button btn-dialog-offer-out }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{> @dialog dialog-offer-out-info }}
<!-- Parking P5 -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
{{!-- <div class="tellmemore">
Tariffa weekend {{> @tooltip tooltip-weekend }}
</div> --}}
</div>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Posti acquistabili esauriti" aria-label=screen-reader-txt.cta }}
{{> @button btn-dialog-offer-out }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{> @dialog dialog-offer-out-info }}
<!-- Parking P6 -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
{{!-- <div class="tellmemore">
Tariffa weekend {{> @tooltip tooltip-weekend }}
</div> --}}
</div>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Posti acquistabili esauriti" aria-label=screen-reader-txt.cta }}
{{> @button btn-dialog-offer-out }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{> @dialog dialog-offer-out-info }}
<!-- P Express -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<span class="barred" aria-hidden="true">121,60 €</span>
<strong class="c-product__value">{{ parking-price }}</strong>
<span>Totale per 8<br/>solo pagando online</span>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Offerta esaurita" aria-label=screen-reader-txt.cta }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- P Premium -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
{{!-- <div class="tellmemore">
Tariffa weekend {{> @tooltip tooltip-weekend }}
</div> --}}
</div>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Posti acquistabili esauriti" aria-label=screen-reader-txt.cta }}
{{> @button btn-dialog-offer-out }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{> @dialog dialog-offer-out-info }}
<!-- Parking Car Valet -->
<div class="c-product {{ modifier }}">
{{#if stamp}}
{{> @rounded-label stamp }}
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{#if has-logo}}
<div class="c-product__pay-with">
<p>abilitato</p>
<img src="{{ convention-logo-img }}" alt="">
</div>
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{#if chip-label}}
{{> @rounded-label chip-label }}
{{/if}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
<p>Totale per tre giorni <strong>solo pagando online</strong></p>
{{!-- <div class="tellmemore">
Tariffa weekend {{> @tooltip tooltip-weekend }}
</div> --}}
</div>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Posti acquistabili esauriti" aria-label=screen-reader-txt.cta }}
{{> @button btn-dialog-offer-out }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Prosegui" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{> @dialog dialog-offer-out-info }}
<!-- Park Recap -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
</div>{{!-- /c-product__info --}}
<div class="c-product__schedule">{{!-- c-product__schedule --}}
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
</div>
<div class="c-product__time">
{{> @time-detail--product entrata }}
{{> @time-detail--product uscita }}
</div>
{{#if hasDetails}}
<div class="c-product__details">
{{{details-text}}}
</div>
{{/if}}
{{#if show-qrcode}}
{{render "@tooltip--qrcode" qrcodeDesktop merge=true }}
{{/if }}
<div class="c-product__further">
<div class="c-product__further-item">
{{> @icon symbol="ic-print-black-24px" class="c-icon c-icon--24" }}
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
</div>
</div>{{!-- /c-product__schedule --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price-full }}</span>
<strong class="c-product__value">{{ parking-price }}</strong>
</div>
<div class="discount-text">
{{#if total-label-text }}
{{total-label-text}}
{{else}}
Tariffa totale per <strong>3 giorni</strong>
{{!-- <strong>Tariffa weekend</strong> --}}
{{/if}}
</div>
</div>
{{#if show-cta}}
<div class="cta">
{{!-- Il prezzo totale contenuto nel button si deve aggiornare man mano che vengono aggiunti posti nella MBL --}}
{{> @button type="submit" modifier="c-button--submit c-button--large js-button-animation-ctrl" text="Paga ora <strong>€ 61,00</strong>" }}
</div>
{{/if }}
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- Park Recap QR code -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
</div>{{!-- /c-product__info --}}
<div class="c-product__schedule">{{!-- c-product__schedule --}}
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
</div>
<div class="c-product__time ">
{{> @time-detail--product entrata }}
{{> @time-detail--product uscita }}
</div>
{{#if hasDetails}}
<div class="c-product__details">
{{{details-text}}}
</div>
{{/if}}
<div class="c-product__further">
<div class="c-product__further-item">
{{render "@tooltip--qrcode" qrcodeDesktop merge=true }}
</div>
</div>
</div>{{!-- /c-product__schedule --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong>
{{!-- <strong>Tariffa weekend</strong> --}}
</div>
</div>
{{#if hasCTA}}
<div class="cta">
{{!-- Il prezzo totale contenuto nel button si deve aggiornare man mano che vengono aggiunti posti nella MBL --}}
{{> @button type="submit" modifier="c-button--submit c-button--large js-button-animation-ctrl" text="Paga ora <strong>€ 61,00</strong>" }}
</div>
{{/if }}
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
<!-- Park Recap Telepass -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
</div>{{!-- /c-product__info --}}
<div class="c-product__schedule">{{!-- c-product__schedule --}}
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{#if labelClient}}{{> @rounded-label--dark labelClient }}{{/if}}
</div>
<div class="c-product__time">{{!-- c-product__time --}}
{{> @time-detail--product entrata }}
{{> @time-detail--product uscita }}
</div>{{!-- c-product__time --}}
{{#if hasDetails}}
<div class="c-product__details">
{{> @media media }}
</div>
{{/if}}
<div class="c-product__further">
<div class="c-product__further-item">
{{> @icon symbol="ic-print-black-24px" class="c-icon c-icon--24" }}
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
</div>
</div>{{!-- /c-product__schedule --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price c-product__price--desktop">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 69,60</strong>
{{!-- <p class="discount-text">
Tariffa weekend
</p> --}}
</div>
<div class="c-product__receipt">
{{render "@tooltip--telepass" telepassDesktop merge=true }}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- Mbl Recap -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
</div>{{!-- /c-product__info --}}
<div class="c-product__schedule">{{!-- c-product__schedule --}}
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
</div>
<div class="c-product__time">
{{> @time-detail--product entrata }}
</div>
<div class="c-product__passengers">
{{> @icon symbol="ic-passenger" class="c-icon c-icon--12"}} 1 ingresso
</div>
{{#if hasDetails}}
<div class="c-product__details">
{{{details-text}}}
</div>
{{/if}}
<div class="c-product__further">
<div class="c-product__further-item">
{{> @icon symbol="ic-print-black-24px" class="c-icon c-icon--24" }}
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
<div class="c-product__further-item">
{{> @icon symbol="ic-zoom-24px" class="c-icon c-icon--24"}}
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="link--default">Mostra i dettagli</a>
</div>
</div>
</div>{{!-- /c-product__schedule --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
{{!-- <div class="discount-text">
Tariffa totale per <strong>3 giorni</strong> solo pagando online e <strong>fino a 24 ore</strong> prima dell’inizio della sosta<br>
<strong>Tariffa weekend</strong>
</div> --}}
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong>
</div>
</div>
{{#if goToDetail }}
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="go-to-detail">Vai al dettaglio <span
aria-hidden="true">→</span></a>
{{/if}}
{{!-- {{#if has-receipt }}
<div class="c-product__receipt">
{{render "@tooltip--telepass" telepassDesktop }}
</div>
{{/if}} --}}
{{!-- {{#if hasCta }}
<div class="cta">
{{> @button type="submit" modifier="c-button--submit" text="Paga ora" }}
</div>
{{/if}} --}}
{{!-- <div class="c-product__print js-product__print"></div> --}}
</div>{{!-- /c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- Addon Recap Pagato -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ product-type-img }}" alt="{{ product-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list product-features }}
</div>
</div>{{!-- /c-product__info --}}
<div class="c-product__schedule">{{!-- c-product__schedule --}}
<div class="c-product__labels">
{{#each labels}}
{{> @rounded-label }}
{{/each}}
</div>
<div class="c-product__time ">
{{> @time-detail--product flight }}
</div>
<div class="c-product__details">
{{#if is-parking}}
<small>
Il costo della sosta è calcolato in base ai dati dichiarati.<br>
Il costo effettivo è legato alla reale durata della sosta.
</small>
{{/if}}
{{> @media media }}
</div>
{{#if hasDetails}}
<div class="c-product__details">
{{{details-text}}}
</div>
{{/if}}
{{#if hasCrossSell}}
<div class="c-product__details">
<strong>Regalati un ingresso alla Lounge a soli € 22,40</strong><br>
anzichè € 28,00 se lo acquisti insieme al parcheggio <a href="#">Scopri come</a>
</div>
{{/if}}
<div class="c-product__further">
<div class="c-product__further-item">
{{> @icon symbol="ic-print-black-24px" class="c-icon c-icon--24" }}
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
<div class="c-product__further-item">
{{> @icon symbol="ic-zoom-24px" class="c-icon c-icon--24"}}
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="link--default">Mostra i dettagli</a>
</div>
</div>
</div>{{!-- /c-product__schedule --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price">
<div class="c-product__price-value">
{{#if original-price}}
<span class="barred" aria-hidden="true">{{ original-price }}</span>
{{/if}}
<strong class="c-product__value">{{ discounted-price }}</strong>
</div>
<span>{{ total-label-text }}</span>
</div>
</div>{{!-- c-product__fare --}}
</div>
<!-- MyBLQ Prenotato -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
</div>{{!-- /c-product__info --}}
<div class="c-product__schedule">{{!-- c-product__schedule --}}
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
</div>
<div class="c-product__time">
{{> @time-detail--product entrata }}
{{> @time-detail--product uscita }}
</div>
{{#if hasDetails}}
<div class="c-product__details">
{{{details-text}}}
</div>
{{/if}}
{{#if hasCrossSell}}
<div class="c-product__details">
<strong>Regalati un ingresso alla Lounge a soli € 22,40</strong><br>
anzichè € 28,00 se lo acquisti insieme al parcheggio <a href="#">Scopri come</a>
</div>
{{/if}}
<div class="c-product__further">
<div class="c-product__further-item">
{{render "@tooltip--qrcode" qrcode merge=true }}
</div>
{{#if has-receipt }}
<div class="c-product__further-item">
{{> @icon symbol="ic-print-black-24px" class="c-icon c-icon--24" }}
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
{{/if}}
{{#if goToDetail }}
<div class="c-product__further-item">
{{> @icon symbol="ic-zoom-24px" class="c-icon c-icon--24"}}
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="link--default">Mostra i dettagli</a>
</div>
{{/if}}
</div>
</div>{{!-- /c-product__schedule --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
{{!-- <div class="discount-text">
Tariffa totale per <strong>3 giorni</strong> solo pagando online e <strong>fino a 24 ore</strong> prima dell’inizio della sosta<br>
<strong>Tariffa weekend</strong>
</div> --}}
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong> solo pagando online
</div>
</div>
{{#if hasCta }}
<div class="cta">
{{> @button type="submit" modifier="c-button--submit" text="Paga ora" }}
</div>
{{/if}}
{{!-- {{#if goToDetail }}
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="go-to-detail">Vai al dettaglio <span aria-hidden="true">→</span></a>
{{/if}} --}}
{{!-- {{#if has-receipt }}
<div class="c-product__receipt">
<div class="c-product__print js-product__print">
<button class="c-button c-button--adding" onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">
{{> @icon symbol="ic-print-black-24px" class="c-icon c-icon--16" }}
Stampa
</button>
</div>
<div class="c-product__gotodetail">
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="go-to-detail">Mostra i dettagli</a>
</div>
</div>
{{/if}} --}}
</div>{{!-- /c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
<!-- MyBLQ Pagato -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
</div>{{!-- /c-product__info --}}
<div class="c-product__schedule">{{!-- c-product__schedule --}}
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
</div>
<div class="c-product__time">
{{> @time-detail--product entrata }}
{{> @time-detail--product uscita }}
</div>
{{#if hasDetails}}
<div class="c-product__details">
{{{details-text}}}
</div>
{{/if}}
{{#if hasCrossSell}}
<div class="c-product__details">
<strong>Regalati un ingresso alla Lounge a soli € 22,40</strong><br>
anzichè € 28,00 se lo acquisti insieme al parcheggio <a href="#">Scopri come</a>
</div>
{{/if}}
<div class="c-product__further">
<div class="c-product__further-item">
{{render "@tooltip--qrcode" qrcode merge=true }}
</div>
{{#if has-receipt }}
<div class="c-product__further-item">
{{> @icon symbol="ic-print-black-24px" class="c-icon c-icon--24" }}
<div class="js-product__print">
<button onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">Stampa</button>
</div>
</div>
{{/if}}
{{#if goToDetail }}
<div class="c-product__further-item">
{{> @icon symbol="ic-zoom-24px" class="c-icon c-icon--24"}}
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="link--default">Mostra i dettagli</a>
</div>
{{/if}}
</div>
</div>{{!-- /c-product__schedule --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
{{!-- <div class="discount-text">
Tariffa totale per <strong>3 giorni</strong> solo pagando online e <strong>fino a 24 ore</strong> prima dell’inizio della sosta<br>
<strong>Tariffa weekend</strong>
</div> --}}
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong> solo pagando online
</div>
</div>
{{#if hasCta }}
<div class="cta">
{{> @button type="submit" modifier="c-button--submit" text="Paga ora" }}
</div>
{{/if}}
{{!-- {{#if goToDetail }}
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="go-to-detail">Vai al dettaglio <span aria-hidden="true">→</span></a>
{{/if}} --}}
{{!-- {{#if has-receipt }}
<div class="c-product__receipt">
<div class="c-product__print js-product__print">
<button class="c-button c-button--adding" onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">
{{> @icon symbol="ic-print-black-24px" class="c-icon c-icon--16" }}
Stampa
</button>
</div>
<div class="c-product__gotodetail">
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="go-to-detail">Mostra i dettagli</a>
</div>
</div>
{{/if}} --}}
</div>{{!-- /c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
<!-- MyBLQ Telepass -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
</div>{{!-- /c-product__info --}}
<div class="c-product__schedule">{{!-- c-product__schedule --}}
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
</div>
<div class="c-product__time c-product__time--desktop">
{{> @time-detail--product entrata }}
{{> @time-detail--product uscita }}
</div>
{{#if hasDetails}}
<div class="c-product__details">
{{{details-text}}}
</div>
{{/if}}
{{#if hasCrossSell}}
<div class="c-product__details">
<strong>Regalati un ingresso alla Lounge a soli € 22,40</strong><br>
anzichè € 28,00 se lo acquisti insieme al parcheggio <a href="#">Scopri come</a>
</div>
{{/if}}
<div class="c-product__further">
<div class="c-product__further-item">
{{render "@tooltip--qrcode" qrcode merge=true }}
</div>
<div class="c-product__further-item">
{{> @icon symbol="ic-zoom-24px" class="c-icon c-icon--24"}}
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="link--default">Mostra i dettagli</a>
</div>
</div>
</div>{{!-- /c-product__schedule --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price">
<div class="c-product__price-value">
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
</div>
{{!-- <div class="discount-text">
Tariffa totale per <strong>3 giorni</strong> solo pagando online e <strong>fino a 24 ore</strong> prima dell’inizio della sosta<br>
<strong>Tariffa weekend</strong>
</div> --}}
<div class="discount-text">
Tariffa totale per <strong>3 giorni</strong> solo pagando online
</div>
</div>
{{#if hasCta }}
<div class="cta">
{{> @button type="submit" modifier="c-button--submit" text="Paga ora" }}
</div>
{{/if}}
{{#if goToDetail }}
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="go-to-detail">Vai al dettaglio <span aria-hidden="true">→</span></a>
{{/if}}
{{!-- {{#if has-receipt }}
<div class="c-product__receipt">
{{render "@tooltip--telepass" telepassDesktop }}
</div>
{{/if}} --}}
</div>{{!-- /c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
<!-- Compact -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ product-type-img }}" alt="{{ product-type-name }}">
</div>
</div>{{!-- c-product__info --}}
<div class="c-product__schedule">{{!-- c-product__schedule --}}
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label labelClient }}
</div>
<div class="c-product__time">
{{> @time-detail--product entrata }}
{{> @time-detail--product uscita }}
</div>
</div>{{!-- /c-product__schedule --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price">
<span>{{ total-label-text }}</span>
<strong class="c-product__value">{{ original-price }}</strong>
{{!-- {{#if weekendFare}}
<p class="discount-text">
Tariffa weekend
</p>
{{/if}} --}}
<div class="c-product__gotodetail">
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="go-to-detail">Mostra i dettagli</a>
</div>
</div>
</div>{{!-- c-product__fare --}}
</div>
<!-- Compact Telepass -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ product-type-img }}" alt="{{ product-type-name }}">
</div>
</div>{{!-- c-product__info --}}
<div class="c-product__schedule">{{!-- c-product__schedule --}}
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label labelClient }}
</div>
<div class="c-product__time ">
{{> @time-detail--product entrata }}
{{> @time-detail--product uscita }}
</div>
</div>{{!-- /c-product__schedule --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price c-product__price--desktop">
<span>{{ total-label-text }}</span>
<strong class="c-product__value">{{ original-price }}</strong>
{{!-- {{#if weekendFare}}
<p class="discount-text">
Tariffa weekend
</p>
{{/if}} --}}
</div>
{{render "@tooltip--telepass" telepassDesktop }}
<div class="c-product__gotodetail">
<a href="{{ path '/components/preview/page-reservation-detail' }}" class="go-to-detail">Mostra i dettagli</a>
</div>
</div>{{!-- c-product__fare --}}
</div>
<!-- Carousel product -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
</div>{{!-- c-product__info --}}
<div class="c-product__url">
<a href="{{ path '/components/preview/page-parking-p1p2' }}" class="rates-discover">Scopri le tariffe</a>
</div>
</div>
{{> @dialog--parking-map parking-dialog-map }}
{{#notEqualTo parking-dialog-info false }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{/notEqualTo}}
<!-- Carousel Discount -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
{{> @button lookOnMapMob }}
{{> @button lookOnMapDesk }}
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
</div>{{!-- c-product__info --}}
{{#if has-offer}}
<div class="c-product__pay-online {{#if offer-out}} c-product__pay-online--out{{/if}}">
<span class="c-product__offer-number">{{ offer-number }} posti in offerta</span>
<div class="c-product__price">
<strong class="c-product__value">{{ offer-price }}</strong>
<span>TOTALE PER 8 GIORNI<br/>SE <strong>SOLO PAGANDO ONLINE</strong></span>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Offerta esaurita" aria-label=screen-reader-txt.cta }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Paga ora" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>
{{/if}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price">
{{#if parking-price}}
<span>{{ parking-price-label }}</span>
<div class="c-product__price-wrapper">
<span class="c-product__fullvalue">{{ parking-price-fullprice }}</span>
<strong class="c-product__value">{{ parking-price }}</strong>
</div>
<span >
{{ parking-price-sublabel }}
{{> @tooltip single-tooltip }}
</span>
{{/if}}
</div>
<div class="c-product__button">
{{> @button cta }}
</div>
</div>{{!-- c-product__fare --}}
{{!-- Questo link punterà alle singole pagine verticali dei parcheggi --}}
<a href="{{ path '/components/preview/page-parking-p1p2' }}" class="rates-discover">Scopri le tariffe</a>
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- Parking POP -->
<div class="js-productPop">
{{#if fold}}
<div class="c-product__fold">
{{> @media fold.weekend-promo }}
</div>
{{/if}}
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
{{!-- <div class="c-product__static-map">
<img src="{{ path '/images/mappa-p1.png' }}" width="100%" alt="{{ map-alt-img }}" aria-hidden="true" class="js-fr-dialogmodal-open" aria-controls="{{ lookOnMapMob.opens-dialog }}">
</div> --}}
{{#if park-item-features}}
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
{{/if}}
{{#if focus-body}}
<div class="c-product__focus">
{{{ focus-body }}}
</div>{{!-- c-product__focus --}}
{{/if}}
{{#if isKissAndFly}}
<div class="c-product__features">
<div class="active-at">
<strong>Attivo ai parcheggi:</strong>
<img src="{{ path "/images/svgs/p-express-premium.svg" }}" alt="P express premium">
<img src="{{ path "/images/svgs/p1-2.svg" }}" alt="P1 P2">
</div>
</div>
{{/if}}
{{#if p-express-discount}}
{{> @card--multi p-express-discount }}
{{/if}}
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price">
{{#if fare-text}}
<div class="fare-text">
{{{ fare-text }}}
</div>
{{/if}}
{{#if button}}{{> @button button }}{{/if}}
{{#if seoLink}}
<a href="{{ seoLink.url }}" class="discover">{{ seoLink.text }}</a>
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
<div class="c-product__pop-info">
{{#> @content-expo--parking }}
{{/@content-expo--parking}}
</div>
</div>
{{#if weekend-dialog}}
{{ render "@dialog--weekendfare" weekend-dialog merge=true }}
{{/if}}
{{> @dialog--parking-map parking-dialog }}
<!-- Stacked -->
<div class="c-product c-product--stacked {{ modifier }}">
{{#if fold}}
<div class="c-product__fold">
{{> @media fold.weekend-promo }}
</div>
{{/if}}
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
<div class="c-product__detail-link">
<a href="#" class="u-typo-level-1">Vedi i dettagli del parcheggio</a>
</div>
</div>
</div>{{!-- c-product__info --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Offerta esaurita" aria-label=screen-reader-txt.cta }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Acquista ora" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog }}
{{#if weekend-dialog}}
{{ render "@dialog--weekendfare" weekend-dialog merge=true }}
{{/if}}
<!-- Myblq Qrcode Pagato -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
<div class="c-product__park-infos">
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
<div class="c-product__schedule">
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label labelClient }}
</div>
<div class="c-product__time c-product__time--desktop">{{!-- c-product__time --}}
{{> @time-detail--product entrata }}
{{> @time-detail--product uscita }}
</div>{{!-- c-product__time --}}
{{#if hasCrossSell}}
<div class="c-product__details">
<strong>Regalati un ingresso alla Lounge a soli € 22,40</strong><br>
anzichè € 28,00 se lo acquisti insieme al parcheggio <a href="#">Scopri come</a>
</div>
{{/if}}
</div>
<div class="c-product__price c-product__price--mobile">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
{{!-- <p class="discount-text">
Tariffa weekend
</p> --}}
</div>
{{render "@tooltip--qrcode" qrcodeMobile merge=true }}
</div>{{!-- c-product__info --}}
<div class="c-product__schedule--mobile">
<div class="c-product__time c-product__time--mobile">{{!-- c-product__time --}}
{{> @time-detail--product entrata }}
{{> @time-detail--product uscita }}
</div>{{!-- c-product__time --}}
<div class="c-product__labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
</div>
{{#if hasDetails}}
<div class="c-product__details">
{{{details-text}}}
</div>
{{/if}}
{{#if hasCrossSell}}
<div class="c-product__details">
<strong>Regalati un ingresso alla Lounge a soli € 22,40</strong><br>
anzichè € 28,00 se lo acquisti insieme al parcheggio <a href="#">Scopri come</a>
</div>
{{/if}}
</div>
{{#if has-offer}}
<div class="c-product__pay-online {{#if offer-out}} c-product__pay-online--out{{/if}}">
<span class="c-product__offer-number">{{ offer-number }} posti in offerta</span>
<div class="c-product__price">
<strong class="c-product__value">{{ offer-price }}</strong>
<span>TOTALE PER 8 GIORNI<br/>SOLO PAGANDO ONLINE</strong></span>
</div>
<div class="c-product__button">
{{#if offer-out}}
{{> @button--disabled type="submit" modifier="c-button--disabled" text="Offerta esaurita" aria-label=screen-reader-txt.cta }}
{{else}}
{{> @button type="submit" modifier="c-button--submit" text="Paga ora" aria-label=screen-reader-txt.cta }}
{{/if}}
</div>
</div>
{{/if}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price c-product__price--desktop">
<div class="c-product__value" >{{ parking-price }}</div>
<span>TOTALE PER 3 GIORNI SE <strong>PAGHI IN AEROPORTO</strong></span>
</div>
{{render "@tooltip--qrcode" qrcodeDesktop merge=true }}
{{#if hasCta }}
<div class="cta">
{{> @button type="submit" modifier="c-button--submit" text="Paga ora" }}
</div>
{{/if}}
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- Park Recap Discount -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
{{> @button lookOnMapDesk }}
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
<div class="c-product__schedule">
{{> @rounded-label text="Stai per pagare" modifier=null aria-label="Stato della prenotazione: stai per pagare" }}
<div class="c-product__time c-product__time--desktop">{{!-- c-product__time --}}
{{> @time-detail--static entrata }}
{{> @time-detail--static uscita }}
</div>{{!-- c-product__time --}}
</div>
<div class="c-product__price c-product__price--mobile">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
{{!-- <p class="discount-text">
Tariffa weekend
</p> --}}
</div>
<div class="c-product__more">
{{> @tooltip parkTooltip }}
</div>
</div>{{!-- c-product__info --}}
<div class="c-product__time c-product__time--mobile">{{!-- c-product__time --}}
{{> @time-detail--static entrata }}
{{> @time-detail--static uscita }}
</div>{{!-- c-product__time --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price c-product__price--desktop">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
{{!-- <p class="discount-text">
Tariffa weekend
</p> --}}
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- Park Recap P Express -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
{{> @button lookOnMapDesk }}
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
<div class="c-product__schedule">
{{> @rounded-label text="Stai prenotando" modifier=null aria-label="Stato della prenotazione: Stai prenotando" }}
<div class="c-product__time c-product__time--desktop">{{!-- c-product__time --}}
{{> @time-detail--static entrata }}
{{> @time-detail--static uscita }}
</div>{{!-- c-product__time --}}
</div>
<div class="c-product__price c-product__price--mobile">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true">{{ parking-price-full }}</span>
<strong class="c-product__value">{{ parking-price }}</strong>
</div>
<div class="c-product__more">
{{> @tooltip parkTooltip }}
</div>
</div>{{!-- c-product__info --}}
<div class="c-product__time c-product__time--mobile">{{!-- c-product__time --}}
{{> @time-detail--static entrata }}
{{> @time-detail--static uscita }}
</div>{{!-- c-product__time --}}
{{#if has-offer}}
<div class="c-product__pay-online {{#if offer-out}} c-product__pay-online--out{{/if}}">
<span class="c-product__offer-number {{#if offer-number-hidden}}is-hidden{{/if}}">{{ offer-number }} posti in offerta</span>
<div class="c-product__price">
<span class="c-product__value-full" aria-hidden="true">{{ offer-price-full }}</span>
<strong class="c-product__value">{{ offer-price }}</strong>
<span class="c-product__value-text">TOTALE PER 3 GIORNI <br/>SE <strong>PAGHI ONLINE</strong></span>
</div>
</div>
{{/if}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price c-product__price--desktop">
<span>{{#if total-label-text }}{{total-label-text}} {{else}}TOTALE PER 3 GIORNI{{/if}}</span>
<span class="barred" aria-hidden="true">{{ parking-price-full }}</span>
<strong class="c-product__value">{{ parking-price }}</strong>
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- Park Recap Qrcode P Express -->
<div class="c-product {{ modifier }}">
<div class="c-product__reminderwrapper">
<div class="c-product__reminder">
<div class="c-reminder__sticker">
{{#if sticker}}
<img class="" src="{{ sticker.img-src }}" alt="{{ sticker.img-alt }}" aria-hidden="true">
{{/if}}
</div>
<div class="c-reminder__message">
<span class="c-reminder__sale-message"> <strong>-23€ su questa prenotazione se paghi ora</strong></span>
<span class="c-reminder__sale-details">Totale per 8 GIORNI <strong>solo pagando online</strong></span>
</div>
<div class="c-reminder__price">
<strong class="c-reminder__sale-price">€ 61,00</strong><br/>
<span class="c-reminder__old-price">anzichè <span class="is-strike">€ 84,00</span></span>
</div>
<div class="c-reminder__cta">
{{!-- Il prezzo totale contenuto nel button si deve aggiornare man mano che vengono aggiunti posti nella MBL --}}
{{> @button--tooltip cta-extended type="submit" text="Paga ora <strong>€ 61,00</strong>" }}
</div>
</div>
</div>
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
{{> @button lookOnMapDesk }}
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
<div class="c-product__schedule">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
<div class="c-product__time c-product__time--desktop">{{!-- c-product__time --}}
{{> @time-detail--static entrata }}
{{> @time-detail--static uscita }}
</div>{{!-- c-product__time --}}
{{#if hasDetails}}
<div class="c-product__details">
{{> @media media }}
</div>
{{/if}}
</div>
<div class="c-product__price c-product__price--mobile">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
{{!-- <p class="discount-text">
Tariffa weekend
</p> --}}
{{render "@tooltip--qrcode-text" qrcodeText }}
</div>
</div>{{!-- c-product__info --}}
<div class="c-product__time c-product__time--mobile">{{!-- c-product__time --}}
{{> @time-detail--static entrata }}
{{> @time-detail--static uscita }}
<div class="labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
</div>
{{#if hasDetails}}
<div class="c-product__details">
{{> @media media }}
</div>
{{/if}}
</div>{{!-- c-product__time --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price c-product__price--desktop">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
{{!-- <p class="discount-text">
Tariffa weekend
</p> --}}
{{render "@tooltip--qrcode-text" qrcodeText }}
</div>
<div class="c-product__print">
<button class="c-button c-button--link" onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">
{{> @icon symbol="ic-print-black-24px" class="c-icon c-icon--24" }}
</button>
</div>
</div>{{!-- c-product__fare --}}
{{ render "@addon--benefit" }}
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- Park Recap Qrcode Text -->
<div class="c-product {{ modifier }}">
<div class="cta">
{{!-- Il prezzo totale contenuto nel button si deve aggiornare man mano che vengono aggiunti posti nella MBL --}}
{{> @button--tooltip cta-extended type="submit" text="Paga ora <strong>€ 61,00</strong>" }}
</div>
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
{{> @button lookOnMapDesk }}
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
<div class="c-product__schedule">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
<div class="c-product__time c-product__time--desktop">{{!-- c-product__time --}}
{{> @time-detail--static entrata }}
{{> @time-detail--static uscita }}
</div>{{!-- c-product__time --}}
{{#if hasDetails}}
<div class="c-product__details">
{{> @media media }}
</div>
{{/if}}
</div>
<div class="c-product__price c-product__price--mobile">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
{{!-- <p class="discount-text">
Tariffa weekend
</p> --}}
{{render "@tooltip--qrcode-text" qrcodeText }}
</div>
</div>{{!-- c-product__info --}}
<div class="c-product__time c-product__time--mobile">{{!-- c-product__time --}}
{{> @time-detail--static entrata }}
{{> @time-detail--static uscita }}
<div class="labels">
{{> @rounded-label labelBooked }}
{{> @rounded-label labelCode }}
{{> @rounded-label--dark labelClient }}
</div>
{{#if hasDetails}}
<div class="c-product__details">
{{> @media media }}
</div>
{{/if}}
</div>{{!-- c-product__time --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price c-product__price--desktop">
<span>TOTALE PER 3 GIORNI</span>
<span class="barred" aria-hidden="true">{{ parking-price }}</span>
<strong class="c-product__value">€ 61,00</strong>
{{!-- <p class="discount-text">
Tariffa weekend
</p> --}}
{{render "@tooltip--qrcode-text" qrcodeText }}
</div>
<div class="c-product__print">
<button class="c-button c-button--link" onclick="showLoadingPanel()" aria-label="Stampa la ricevuta del parcheggio" type="button">
{{> @icon symbol="ic-print-black-24px" class="c-icon c-icon--24" }}
</button>
</div>
</div>{{!-- c-product__fare --}}
{{ render "@addon--benefit" }}
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- Telepass Checkout -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
{{> @button lookOnMapDesk }}
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
<div class="c-product__schedule">
{{> @rounded-label labelReserved }}
<div class="c-product__time c-product__time--desktop">{{!-- c-product__time --}}
{{> @time-detail--static entrata }}
{{> @time-detail--static uscita }}
</div>{{!-- c-product__time --}}
</div>
<div class="c-product__price c-product__price--mobile">
<span>TOTALE PER 3 GIORNI</span>
<strong class="c-product__value">{{ parking-price }}</strong>
</div>
{{render "@tooltip--telepass" telepassMobile merge=true }}
</div>{{!-- c-product__info --}}
<div class="c-product__time c-product__time--mobile">{{!-- c-product__time --}}
{{> @time-detail--static entrata }}
{{> @time-detail--static uscita }}
</div>{{!-- c-product__time --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
{{render "@tooltip--telepass" telepassDesktop merge=true }}
<div class="c-product__price c-product__price--desktop">
<span>{{#if total-label-text }}{{total-label-text}} {{else}}TOTALE PER 3 GIORNI{{/if}}</span>
<strong class="c-product__value">{{ parking-price }}</strong>
</div>
</div>{{!-- c-product__fare --}}
</div>
{{> @dialog--parking-map parking-dialog }}
<!-- Vip Lounge Recap -->
<div class="c-product {{ modifier }}">
<div class="c-product__info">{{!-- c-product__info --}}
<div class="c-product__type">
<img src="{{ product-type-img }}" alt="{{ product-type-name }}">
{{> @button moreInfoMob }}
{{> @button moreInfoDesk }}
</div>
<div class="c-product__features">
{{> @icon-list park-item-features }}
</div>
<div class="c-product__schedule">
<div class="c-product__time c-product__time--desktop">{{!-- c-product__time --}}
{{> @time-detail--static flight }}
{{> @time-detail--static entrances }}
</div>{{!-- c-product__time --}}
</div>
<div class="c-product__price c-product__price--mobile">
<span>Totale vip lounge</span>
<span class="barred" aria-hidden="true">{{ parking-price-full }}</span>
<strong class="c-product__value">{{ parking-price }}</strong>
</div>
<div class="c-product__remove">
{{> @button remove }}
</div>
</div>{{!-- c-product__info --}}
<div class="c-product__time c-product__time--mobile">{{!-- c-product__time --}}
{{> @time-detail--static flight }}
{{> @time-detail--static entrances }}
</div>{{!-- c-product__time --}}
<div class="c-product__fare">{{!-- c-product__fare --}}
<div class="c-product__price c-product__price--desktop">
<span>Totale vip lounge</span>
<span class="barred" aria-hidden="true">{{ parking-price-full }}</span>
<strong class="c-product__value">{{ parking-price }}</strong>
{{> @button remove }}
</div>
</div>{{!-- c-product__fare --}}
</div>
/* Parking P1 */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "",
"parking-type-name": "Parcheggio P1",
"parking-type-img": "/images/svgs/p1.svg",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P1",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
},
{
"icon": "ic-telepass",
"text": "Abilitato Telepass"
}
]
},
"stamp": false,
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P1"
},
"has-logo": false,
"chip-label": false,
"convention-logo-img": "/images/svgs/telepass.svg"
}
/* Parking P1 Discount */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "has-offer",
"parking-type-name": "Parcheggio P1",
"parking-type-img": "/images/svgs/p1.svg",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P1",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
},
{
"icon": "ic-telepass",
"text": "Abilitato Telepass"
}
]
},
"stamp": {
"text": "Il tuo preferito",
"aria-label": "Il tuo parcheggio preferito. Questo è il parcheggio che scegli di solito",
"modifier": "c-rounded-label--stamp"
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P1"
},
"has-logo": false,
"chip-label": {
"text": "<strong>Solo 12 Posti in offerta</strong>",
"svg": {
"symbol": "ic-user-check",
"class": "svg svg-16"
}
},
"convention-logo-img": "/images/svgs/telepass.svg"
}
/* Parking P1 Esaurito */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "is-disabled",
"parking-type-name": "Parcheggio P1",
"parking-type-img": "/images/svgs/p1.svg",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P1",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
},
{
"icon": "ic-telepass",
"text": "Abilitato Telepass"
}
]
},
"stamp": false,
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-title",
"title": "Informazioni sul parcheggio P1",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-title",
"title": "Informazioni sul parcheggio P1 "
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P1"
},
"has-logo": false,
"convention-logo-img": "/images/svgs/telepass.svg",
"offer-out": true,
"btn-dialog-offer-out": {
"type": "button",
"text": "Più informazioni",
"modifier": "c-button--as-link js-fr-dialogmodal-open",
"opens-dialog": "dialog-offer-out-info"
},
"dialog-offer-out-info": {
"id": "dialog-offer-out-info",
"dialog-labelledby": "dialog-title",
"title": "Disponibilità dei posti acquistabili online esaurita",
"body-text": "<p>Siamo spiacenti, ma i posti acquistabili sono esauriti. Se sei senza prenotazione e raggiungi l’aeroporto con ampio anticipo, puoi comunque recarti all’ingresso del parcheggio e verificare con i nostri operatori la disponibilità di eventuali posti residuali, che però non possiamo al momento garantire.</p>"
}
}
/* Parking P2 */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "",
"parking-type-name": "Parcheggio P2",
"parking-type-img": "/images/svgs/p2.svg",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P2",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
},
{
"icon": "ic-telepass",
"text": "Abilitato Telepass"
}
]
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P2"
},
"has-logo": false,
"convention-logo-img": "/images/svgs/telepass.svg"
}
/* Parking P3 */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "",
"parking-type-name": "Parcheggio P3",
"parking-type-img": "/images/svgs/p3.svg",
"parking-price": "€ 51,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P3",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "50% Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "200 mt dall'aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "3 min. a piedi"
}
]
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P3"
},
"has-logo": false,
"convention-logo-img": "/images/svgs/telepass.svg"
}
/* Parking P4 */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "",
"parking-type-name": "Parcheggio P4",
"parking-type-img": "/images/svgs/p4.svg",
"parking-price": "€ 30,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P4",
"items": [
{
"icon": "ic_drive_eta_black_24px",
"text": "Scoperto"
},
{
"icon": "ic_place_black_24px",
"text": "1,5 chilometri dall'aerostazione"
},
{
"icon": "ic_directions_bus_black_24px",
"text": "5 min. con Navetta gratuita H24 e 7 giorni su 7 ogni 20 min."
}
]
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P4"
}
}
/* Parking P5 */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "",
"parking-type-name": "Parcheggio P5",
"parking-type-img": "/images/svgs/p5.svg",
"parking-price": "€ 60,00",
"features-text-screen-reader": "Caratteristiche parcheggio P5",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P5",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Scoperto"
},
{
"icon": "ic_place_black_24px",
"text": "850 mt dall'aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "9 min. a piedi"
}
]
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P5"
}
}
/* Parking P6 */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "",
"parking-type-name": "Parcheggio P6",
"parking-type-img": "/images/svgs/p6.svg",
"parking-price": "€ 60,00",
"features-text-screen-reader": "Caratteristiche parcheggio P6",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P6",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Scoperto"
},
{
"icon": "ic_place_black_24px",
"text": "Antistante l'aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "9 min. con navetta gratuita (H24, 7 giorni su 7, ogni 25 min.)"
}
]
},
"stamp": {
"text": "Novità summer",
"aria-label": "Novità estiva. Questo parcheggio è la novità estiva 2019",
"modifier": "c-rounded-label--stamp"
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P6"
}
}
/* P Express */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--p-express",
"parking-type-name": "P-Express",
"parking-type-img": "/images/svgs/p-express.svg",
"parking-price": "84,00 €",
"park-item-features": {
"aria-label": "Caratteristiche P-Express",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
},
{
"icon": "ic-telepass",
"text": "Abilitato Telepass"
}
]
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P-Express"
},
"has-logo": false,
"has-offer": false,
"offer-number-hidden": false,
"offer-number": "12",
"offer-price": "61,00 €",
"offer-out": false
}
/* P Premium */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--premium",
"parking-type-name": "Premium",
"parking-type-img": "/images/svgs/p-express-premium.svg",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche P-Express",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
},
{
"icon": "ic-telepass",
"text": "Abilitato Telepass"
}
]
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P-Express"
},
"has-logo": false,
"has-offer": false,
"offer-number-hidden": false,
"offer-number": "12",
"offer-price": "€ 61,00",
"offer-out": false
}
/* Parking Car Valet */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--car-valet",
"parking-type-name": "Car valet",
"parking-type-img": "/images/svgs/car-valet.svg",
"parking-price": "€ 134,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio con car valet",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-parking-sign-24px",
"text": "All'interno del parcheggio P2"
},
{
"icon": "ic-wheel-24px",
"text": "Parcheggiamo noi per te"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
}
]
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio con car valet"
}
}
/* Park Recap */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--recap c-product--park-recap",
"parking-type-name": "Parcheggio P1 e P2",
"parking-type-img": "/images/svgs/p1-2.svg",
"parking-price-full": "€ 92,00",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P1 e P2",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
}
]
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P1 e P2"
},
"labelBooked": {
"modifier": "c-rounded-label--positive",
"text": "Pagato",
"aria-label": "Stato della prenotazione: Pagato"
},
"labelCode": {
"modifier": "c-rounded-label--grey",
"text": "CODICE <strong>1102935</strong>"
},
"labelClient": {
"modifier": "c-rounded-label--dark",
"text": "Mario Rossi",
"aria-label": "Nome Cliente Mario Rossi"
},
"entrata": {
"time-detail-icon": {
"symbol": "entrata-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Entrata",
"datetime-day": "10",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"uscita": {
"time-detail-icon": {
"symbol": "uscita-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Uscita",
"datetime-day": "20",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"parkTooltip": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "Qui va il contenuto aggiuntivo"
}
}
/* Park Recap QR code */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--recap c-product--payed qrcode",
"parking-type-name": "Parcheggio P1",
"parking-type-img": "/images/svgs/p1.svg",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P1 ",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
}
]
},
"hasDetails": true,
"media": {
"img-src": "/images/svgs/park_item_pagato.svg",
"img-alt": "Dettaglio prenotazione",
"img-width": "80",
"body": "<a href='#'>Scopri come accedere al parcheggio ➝</a>"
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P1 e P2"
},
"labelBooked": {
"modifier": "c-rounded-label--positive",
"text": "Pagato",
"aria-label": "Stato della prenotazione: Pagato"
},
"labelCode": {
"modifier": "c-rounded-label--grey",
"text": "Codice: <strong>1102936</strong>"
},
"labelClient": {
"modifier": "c-rounded-label--dark",
"text": "Mario Rossi",
"aria-label": "Nome Cliente Mario Rossi"
},
"entrata": {
"time-detail-icon": {
"symbol": "entrata-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Entrata",
"datetime-day": "10",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"uscita": {
"time-detail-icon": {
"symbol": "uscita-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Uscita",
"datetime-day": "20",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"qrcodeDesktop": {
"modifier": "c-product__qrcode"
},
"parking-dialog": {
"modifier": "",
"id": "dialog-p1-p2",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"discover": {
"modifier": "c-media--discover",
"img-src": "/images/mbl.png",
"img-alt": "Vip lounge",
"img-height": "72",
"body": "Scopri come accedere al parcheggio prenotato.<br><a href=\"\">Vai al dettaglio prenotazione ➝</a>"
},
"cta-extended": {
"type": "button",
"text": "Extended",
"modifier": "c-button--extended",
"extended": true,
"single-tooltip": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--down",
"bubble_text": "Paga ora il parcheggio e risparmia tempo."
},
"additional-tooltip": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--down",
"bubble_text": "Paga ora il parcheggio e l’ingresso in Vip Lounge per ottenere lo sconto del 20% sulla Vip Lounge."
},
"single-service": false,
"additional-service": true,
"icon-extended": {
"symbol": "ic_directions_car_black_24px",
"class": "svg-24"
},
"icon-additional": {
"symbol": "ic_weekend_black_24px",
"class": "svg-24"
}
}
}
/* Park Recap Telepass */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--recap c-product--payed telepass",
"parking-type-name": "Parcheggio P1 e P2",
"parking-type-img": "/images/svgs/p1-2.svg",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P1 e P2",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
}
]
},
"hasDetails": true,
"media": {
"img-src": "/images/svgs/park_item_pagato.svg",
"img-alt": "Dettaglio prenotazione",
"img-width": "80",
"body": "<a href='#'>Scopri come accedere al parcheggio ➝</a>"
},
"lookOnMapDesk": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--as-link mapDesk js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-p2",
"aria-label": "Apri la modale per consultare la mappa del parcheggio"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P1 e P2"
},
"labelBooked": {
"modifier": "c-rounded-label--positive",
"text": "Pagato",
"aria-label": "Stato della prenotazione: Pagato"
},
"labelReserved": {
"modifier": "c-rounded-label--positive",
"text": "Prenotato",
"aria-label": "Stato della prenotazione: Prenotato"
},
"labelCode": {
"text": "CODICE <strong>1102935</strong>",
"modifier": "c-rounded-label--grey"
},
"entrata": {
"time-detail-icon": {
"symbol": "entrata-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Entrata",
"datetime-day": "10",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"uscita": {
"time-detail-icon": {
"symbol": "uscita-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Uscita",
"datetime-day": "20",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"telepassDesktop": {
"modifier": "c-product__telepass"
},
"parking-dialog": {
"modifier": "",
"id": "dialog-p1-p2",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"discover": {
"modifier": "c-media--discover",
"img-src": "/images/mbl.png",
"img-alt": "Vip lounge",
"img-height": "72",
"body": "Scopri come accedere al parcheggio prenotato.<br><a href=\"\">Vai al dettaglio prenotazione ➝</a>"
}
}
/* Mbl Recap */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--recap c-product--payed qrcode",
"parking-type-name": "Mbl vip lounge",
"parking-type-img": "/images/svgs/mbl.svg",
"total-text": "Totale vip lounge (1)",
"parking-price": "€ 28,00",
"park-item-features": {
"aria-label": "Caratteristiche Mbl",
"items": [
{
"icon": "ic_flight_takeoff_black_24px",
"text": "Fast Track dedicato"
},
{
"icon": "ic_wifi_black_24px",
"text": "WI-FI"
},
{
"icon": "ic_weekend_black_24px",
"text": "Area relax e TV"
},
{
"icon": "ic_free_breakfast_black_24px",
"text": "Lounge Bar e caffetteria"
},
{
"icon": "ic-schedule-24px",
"text": "<span><b>Orari ridotti | Covid-19</b><br>Tutti i giorni 8:00 / 19:00</span>"
}
]
},
"hasDetails": true,
"hasCta": true,
"hasCrossSell": true,
"details-text": "Il costo della sosta è calcolato in base ai dati dichiarati<br/> Il costo effettivo è legato alla reale durata della sosta",
"media": {
"img-src": "/images/svgs/MBL_item_pagato.svg",
"img-alt": "Dettaglio prenotazione",
"img-width": "80",
"body": "<a href='#'>Scopri come accedere alla Vip Lounge ➝</a>"
},
"lookOnMapDesk": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--as-link mapDesk js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-p2",
"aria-label": "Apri la modale per consultare la mappa della vip lounge"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P1 e P2"
},
"labelBooked": {
"modifier": "c-rounded-label--positive",
"text": "Pagato",
"aria-label": "Stato della prenotazione: Pagato"
},
"labelCode": {
"text": "CODICE <strong>1102935</strong>",
"modifier": "c-rounded-label--grey"
},
"labelClient": {
"modifier": "c-rounded-label--dark",
"text": "Mario Rossi",
"aria-label": "Nome Cliente Mario Rossi"
},
"entrata": {
"time-detail-icon": {
"symbol": "ic_flight_takeoff_black_24px",
"class": "c-icon"
},
"datetime-label": "Data di ingresso",
"datetime-day": "10",
"datetime-month": "04",
"datetime-year": "2018"
},
"uscita": {
"time-detail-icon": {
"symbol": "ic-man-black-24px",
"class": "c-icon"
},
"time-label": "Ingressi",
"time-text": "1"
},
"qrcode": {
"modifier": "c-product__qrcode"
},
"telepassDesktop": {
"modifier": "c-product__telepass"
},
"parking-dialog": {
"modifier": "",
"id": "dialog-p1-p2",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sul Vip Lounge",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"has-receipt": true
}
/* Addon Recap Pagato */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--recap c-product--payed",
"product-type-name": "Mbl vip lounge",
"product-type-img": "/images/svgs/mbl.svg",
"total-label-text": "Totale vip lounge",
"original-price": "€ 28,00",
"discounted-price": "€ 22,40",
"product-features": {
"aria-label": "Caratteristiche parcheggio P1 e P2",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
},
{
"icon": "ic-schedule-24px",
"text": "Tutti i giorni 5:00 / 23:30"
}
]
},
"media": {
"img-src": "/images/svgs/MBL_item_pagato.svg",
"img-alt": "Dettaglio prenotazione",
"img-width": "80",
"body": "<a href='#'>Scopri come accedere al parcheggio ➝</a>"
},
"screen-reader-txt": {
"cta": "Mbl vip lounge"
},
"labels": [
{
"modifier": "c-rounded-label--positive",
"text": "Pagato",
"aria-label": "Stato della prenotazione: Pagato"
},
{
"text": "CODICE <strong>2018-V3835</strong>"
},
{
"modifier": "c-rounded-label--dark",
"text": "Mario Rossi",
"aria-label": "Nome Cliente Mario Rossi"
}
],
"moreInfoDesk": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--as-link mapDesk js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-p2",
"aria-label": "Apri la modale per consultare la mappa del parcheggio"
},
"moreInfoMob": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--as-link mapMob js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-p2",
"aria-label": "Apri la modale per consultare la mappa del parcheggio"
},
"flight": {
"time-detail-icon": {
"symbol": "ic_flight_takeoff_black_24px",
"class": "c-icon"
},
"datetime-label": "Partenza",
"datetime-day": "10",
"datetime-month": "04",
"datetime-year": "2018"
},
"entrances": {
"time-detail-icon": {
"symbol": "ic-man-black-24px",
"class": "c-icon"
},
"time-label": "Ingressi",
"time-text": "1"
},
"parkTooltip": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "Qui va il contenuto aggiuntivo"
}
}
/* MyBLQ Prenotato */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--recap",
"previous-modifier": "c-product--recap c-product--myblq qrcode",
"parking-type-name": "Parcheggio P3",
"parking-type-img": "/images/svgs/p3.svg",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P3",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
}
]
},
"hasCta": true,
"hasCrossSell": true,
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p3-map",
"dialog-labelledby": "dialog-p3-title",
"title": "Informazioni sui parcheggi P3",
"maplocation": "Parcheggio+P3,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p3-title",
"title": "Informazioni sul parcheggio P3"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P3"
},
"labelBooked": {
"modifier": "",
"text": "<strong>Prenotato</strong>",
"aria-label": "Stato della prenotazione: Prenotato"
},
"labelCode": {
"text": "CODICE <strong>1102935</strong>",
"modifier": "c-rounded-label--grey"
},
"labelClient": {
"modifier": "c-rounded-label--dark",
"text": "Mario Rossi",
"aria-label": "Nome Cliente Mario Rossi"
},
"entrata": {
"time-detail-icon": {
"symbol": "entrata-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Entrata",
"datetime-day": "10",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"uscita": {
"time-detail-icon": {
"symbol": "uscita-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Uscita",
"datetime-day": "20",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"qrcode": {
"modifier": "c-product__qrcode"
},
"parking-dialog": {
"modifier": "",
"id": "dialog-p3",
"dialog-labelledby": "dialog-p3-title",
"title": "Informazioni sul parcheggio P3",
"maplocation": "Parcheggio+P3,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
}
}
/* MyBLQ Pagato */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--recap",
"parking-type-name": "Parcheggio P2",
"parking-type-img": "/images/svgs/p2.svg",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P2",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
}
]
},
"hasCta": false,
"hasCrossSell": true,
"goToDetail": true,
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p3-map",
"dialog-labelledby": "dialog-p3-title",
"title": "Informazioni sul parcheggio P2",
"maplocation": "Parcheggio+P2,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p2-title",
"title": "Informazioni sul parcheggio P3"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P2"
},
"labelBooked": {
"modifier": "c-rounded-label--positive",
"text": "<strong>Pagato</strong>",
"aria-label": "Stato della prenotazione: Prenotato"
},
"labelCode": {
"text": "CODICE <strong>1102935</strong>",
"modifier": "c-rounded-label--grey"
},
"labelClient": {
"modifier": "c-rounded-label--dark",
"text": "Mario Rossi",
"aria-label": "Nome Cliente Mario Rossi"
},
"entrata": {
"time-detail-icon": {
"symbol": "entrata-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Entrata",
"datetime-day": "10",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"uscita": {
"time-detail-icon": {
"symbol": "uscita-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Uscita",
"datetime-day": "20",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"qrcode": {
"modifier": "c-product__qrcode"
},
"parking-dialog": {
"modifier": "",
"id": "dialog-p1-p2",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"has-receipt": true
}
/* MyBLQ Telepass */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--recap",
"parking-type-name": "Parcheggio P2",
"parking-type-img": "/images/svgs/p2.svg",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P2",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
}
]
},
"hasCta": false,
"hasCrossSell": true,
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p3-map",
"dialog-labelledby": "dialog-p3-title",
"title": "Informazioni sul parcheggio P2",
"maplocation": "Parcheggio+P2,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p2-title",
"title": "Informazioni sul parcheggio P3"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P2"
},
"labelBooked": {
"modifier": "c-rounded-label--positive",
"text": "<strong>Pagato</strong>",
"aria-label": "Stato della prenotazione: Prenotato"
},
"labelCode": {
"text": "CODICE <strong>1102935</strong>",
"modifier": "c-rounded-label--grey"
},
"labelClient": {
"modifier": "c-rounded-label--dark",
"text": "Mario Rossi",
"aria-label": "Nome Cliente Mario Rossi"
},
"entrata": {
"time-detail-icon": {
"symbol": "entrata-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Entrata",
"datetime-day": "10",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"uscita": {
"time-detail-icon": {
"symbol": "uscita-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Uscita",
"datetime-day": "20",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"qrcode": {
"modifier": "c-product__qrcode"
},
"telepassDesktop": {
"modifier": "c-product__telepass"
},
"parking-dialog": {
"modifier": "",
"id": "dialog-p1-p2",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"has-receipt": true
}
/* Compact */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--recap c-product--payed c-product--compact",
"parking-type-name": "Parcheggio P1",
"product-type-img": "/images/svgs/p1.svg",
"parking-price": "€ 84,00",
"total-label-text": "Totale per 8 giorni",
"original-price": "€ 28,00",
"labelBooked": {
"modifier": "c-rounded-label--positive",
"text": "Pagato",
"aria-label": "Stato della prenotazione: Pagato"
},
"labelCode": {
"text": "CODICE <strong>2018-V3835</strong>",
"modifier": "c-rounded-label--grey"
},
"labelClient": {
"modifier": "c-rounded-label--dark",
"text": "Mario Rossi",
"aria-label": "Nome Cliente Mario Rossi"
},
"entrata": {
"time-detail-icon": {
"symbol": "entrata-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Entrata",
"datetime-day": "10",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"uscita": {
"time-detail-icon": {
"symbol": "uscita-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Uscita",
"datetime-day": "20",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"parkTooltip": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "Qui va il contenuto aggiuntivo"
}
}
/* Compact Telepass */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--recap c-product--payed c-product--compact",
"parking-type-name": "Parcheggio P1",
"product-type-img": "/images/svgs/p1.svg",
"parking-price": "€ 84,00",
"total-label-text": "Totale per 8 giorni",
"original-price": "€ 28,00",
"labelBooked": {
"modifier": "c-rounded-label--positive",
"text": "Pagato",
"aria-label": "Stato della prenotazione: Pagato"
},
"labelCode": {
"text": "CODICE <strong>2018-V3835</strong>",
"modifier": "c-rounded-label--grey"
},
"labelClient": {
"modifier": "c-rounded-label--dark",
"text": "Mario Rossi",
"aria-label": "Nome Cliente Mario Rossi"
},
"entrata": {
"time-detail-icon": {
"symbol": "entrata-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Entrata",
"datetime-day": "10",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"uscita": {
"time-detail-icon": {
"symbol": "uscita-parcheggio-24px",
"class": "c-icon"
},
"datetime-label": "Uscita",
"datetime-day": "20",
"datetime-month": "04",
"datetime-year": "2018",
"time-label": "Ore",
"time-text": "20:30"
},
"telepassDesktop": {
"modifier": "c-product__telepass"
},
"parkTooltip": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "Qui va il contenuto aggiuntivo"
}
}
/* Carousel product */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--carousel",
"parking-type-name": "Parcheggio P1",
"parking-type-img": "/images/svgs/p1.svg",
"parking-price-label": "Totale per 10 giorni",
"parking-price": "€ 84,00",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P1",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
}
]
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P1 e P2"
}
}
/* Carousel Discount */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--carousel c-product--p-express",
"parking-type-name": "Parcheggio P1 e P2",
"parking-type-img": "/images/svgs/p-express.svg",
"parking-price-label": "Totale per 1 giorni",
"parking-price-fullprice": "€ 15,00",
"parking-price": "€ 9,00",
"parking-price-sublabel": "Offerta lampo",
"single-tooltip": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--down",
"bubble_text": "L’offerta è riservata a chi prenota online, per pochi posti e date, non lasciarti scappare quest’offerta lampo!"
},
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P1 e P2",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
}
]
},
"lookOnMapDesk": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--as-link mapDesk js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-p2",
"aria-label": "Apri la modale per consultare la mappa del parcheggio"
},
"lookOnMapMob": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--as-link mapMob js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-p2",
"aria-label": "Apri la modale per consultare la mappa del parcheggio"
},
"cta": {
"type": "submit",
"modifier": "c-button--submit c-button--disabled",
"text": "Posti acquistabili esauriti"
},
"parking-dialog": {
"modifier": "",
"id": "dialog-p1-p2",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P1 e P2"
}
}
/* Parking POP */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "c-product--p2 c-product--pop",
"parking-type-name": "Parcheggio P2",
"parking-type-img": "/images/svgs/p2.svg",
"maplocation": "Parcheggio+P2,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "180",
"mapheight": "145",
"map-alt-img": "Mappa p1-p2",
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P2",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati"
},
{
"icon": "ic_place_black_24px",
"text": "Fronte aerostazione"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
}
]
},
"focus-body": "<img src=\"/images/weekend-rate.jpg\" class=\"js-fr-dialogmodal-open\" aria-controls=\"dialog-weekend-fare\" alt=\"Dal venerdi alla domenica, tariffa weekend €19\" >",
"lookOnMapDesk": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--as-link mapDesk js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-p2",
"aria-label": "Apri la modale per consultare la mappa del parcheggio"
},
"lookOnMapMob": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--as-link mapMob js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-p2",
"aria-label": "Apri la modale per consultare la mappa del parcheggio"
},
"parking-dialog": {
"modifier": "",
"id": "dialog-p1-p2",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"weekend-dialog": {
"id": "dialog-weekend-fare"
},
"fare-text": "L'acquisto online è possibile solo <strong>fino a 24 ore dall'inizio della sosta</strong>",
"button": {
"type": "submit",
"modifier": "c-button--submit js-fr-dialogmodal-open",
"text": "Prosegui",
"opens-dialog": "dialog-parking-form"
},
"seoLink": {
"url": "#",
"text": "Scopri di più"
}
}
/* Stacked */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
},
"modifier": "",
"parking-type-name": "Parcheggio P1",
"parking-type-img": "/images/svgs/p1.svg",
"parking-price": "€ 84,00",
"fold": {
"weekend-promo": {
"img-src": "/images/weekend-rate.jpg",
"img-alt": "Parcheggia in aeroporto.",
"img-width": "80",
"body": "lorem ipsum",
"dialog-toggler": true,
"dialog-controller": "dialog-weekend-fare"
}
},
"park-item-features": {
"aria-label": "Caratteristiche parcheggio P1",
"items": [
{
"icon": "ic-covered-parking-black-24px",
"text": "Coperto"
},
{
"icon": "ic-accessible-black-24px",
"text": "Posti riservati. <a href='#'>Scopri di più</a>"
},
{
"icon": "ic_directions_walk_black_24px",
"text": "1 min. a piedi"
},
{
"icon": "ic-telepass",
"text": "Abilitato Telepass"
}
]
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetails": {
"type": "button",
"text": "Mappa",
"modifier": "c-button--icon-square is-pale js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-info",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic_info_black_24px",
"class": "svg-16"
}
},
"parking-dialog-map": {
"modifier": "",
"id": "dialog-p1-map",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2",
"maplocation": "Parcheggio+P1,+40132+Bologna+BO",
"mapzoom": "16",
"mapwidth": "600",
"mapheight": "300"
},
"parking-dialog-info": {
"modifier": "",
"id": "dialog-p1-info",
"dialog-labelledby": "dialog-p1-p2-title",
"title": "Informazioni sui parcheggi P1 e P2"
},
"screen-reader-txt": {
"cta": "Seleziona parcheggio P1"
}
}
/* Myblq Qrcode Pagato */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
}
}
/* Park Recap Discount */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
}
}
/* Park Recap P Express */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
}
}
/* Park Recap Qrcode P Express */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
}
}
/* Park Recap Qrcode Text */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
}
}
/* Telepass Checkout */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
}
}
/* Vip Lounge Recap */
{
"tooltip-weekend": {
"tooltip_aria_label": "Espandi le informazioni nascoste",
"tooltip_exposed_icon": "ic_info_black_24px",
"tooltip_exposed_text": null,
"tooltip_position_class": "c-tooltip__bubble--left",
"bubble_text": "La promozione inizia da 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. "
}
}
// /*------------------------------------*
// PRODUCT CSS WITH CONTAINER QUERIES
// *------------------------------------*/
// $park-item-bp: bp(phablet);
// *:has( > .c-product) {
// container-type: inline-size;
// // outline: 2px solid red;
// }
// .c-product {
// background-color: secondary(soft,100);
// border: 1px solid primary(night,20);
// position: relative;
// border-radius: remify(16px);
// transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0s;
// margin-bottom: remify(16px);
// padding: 0;
// // overflow: hidden;
// @container (min-width: #{$park-item-bp}) {
// display: flex;
// justify-content: space-between;
// }
// .remove-product {
// font-size: remify(14px);
// margin-top: remify(8px);
// @container (min-width: #{$park-item-bp}) {
// font-size: remify(16px);
// margin-left: auto;
// margin-right: auto;
// }
// }
// .c-button--icon-square {
// display: inline-block;
// color: #fff;
// background-color: primary(sky, 120);
// &.is-pale {
// background-color: primary(night, 80);
// }
// }
// .c-folding & {
// box-shadow: none;
// }
// .c-parkings__item &:hover {
// @include shadow(higher);
// }
// .c-main-reservationList & {
// margin-bottom: remify(16px);
// @supports (display: grid) {
// grid-column: main;
// margin-bottom: 0;
// }
// }
// }
// /* general respondive behaviour */
// .c-product__info { flex: 1 0 30%; }
// .c-product__schedule { flex: 4 1 50%; }
// .c-product__fare { flex: 0 1 20%; }
// .c-product__type,
// .c-product__features,
// .c-product__schedule,
// .c-product__price,
// .c-product__fare {
// padding: remify(16px);
// @container (min-width: #{bp(tablet)}) {
// padding: remify(24px);
// display: flex;
// flex-direction: column;
// justify-content: flex-start;
// }
// @container (min-width: #{bp(tablet-p)}) {
// justify-content: center;
// }
// }
// .c-product__info {
// display: flex;
// justify-content: space-between;
// flex-wrap: nowrap;
// align-items: stretch;
// @container (min-width: #{$park-item-bp}) {
// flex-wrap: nowrap;
// }
// @container (min-width: #{$park-item-bp}) {
// width: auto;
// flex-grow: 1;
// justify-content: flex-start;
// }
// }
// .c-product__type {
// padding: remify(24px) 0 remify(24px) remify(24px);
// img {
// display: block;
// margin-bottom: 0;
// width: remify(80px);
// @container (min-width: #{$park-item-bp}) {
// margin-bottom: remify(8px);
// min-width: remify(80px);
// width: remify(110px);
// }
// }
// }
// /* schedule */
// .c-product__schedule {
// display: flex;
// flex-direction: column;
// padding: remify(16px);
// border-top: 1px solid primary(night, 20);
// @container (min-width: #{$park-item-bp}) {
// padding: remify(24px);
// border-top: none;
// border-left: 1px solid primary(night, 20);
// }
// .c-product__qrcode {
// text-align: right;
// display: block;
// @container (min-width: #{$park-item-bp}) {
// text-align: left;
// }
// .c-tooltip button {
// padding: 0;
// @include font-scale(level-3);
// color: primary(night, 100);
// }
// }
// }
// /* utils */
// .c-product__utils {
// display: flex;
// justify-content: space-between;
// align-items: center;
// margin-top: remify(16px);
// .c-tooltip--qrcode {
// margin-top: 0;
// }
// .c-product__print {
// display: inline-block;
// @container (min-width: #{$park-item-bp}) {
// display: none;
// }
// }
// }
// .c-product__fare,
// .c-product__utils {
// .c-product__print .c-button {
// display: inline-block;
// text-decoration: none;
// position: relative;
// width: auto;
// height: remify(28px);
// border-radius: remify(6px);
// padding: 0 remify(8px);
// transition: .3s;
// font-size: remify(12px);
// svg {
// vertical-align: text-top;
// display: inline-block;
// margin-right: remify(4px);
// * {
// fill: currentColor;
// }
// }
// }
// }
// /* fare */
// .c-product__fare {
// text-align: center;
// border-top: 1px solid primary(night, 20);
// border-radius: 0 0 remify(16px) remify(16px);
// @container (min-width: #{$park-item-bp}) {
// display: flex;
// border-top: none;
// border-left: 1px solid primary(night, 20);
// border-radius: 0 remify(16px) remify(16px) 0;
// width: 16%;
// flex-basis: remify(260px);
// flex-direction: column;
// justify-content: space-between;
// }
// & > div:only-child {
// margin-top: auto;
// margin-bottom: auto;
// }
// .is-disabled &{
// background-color: primary(night, 10);
// }
// .has-offer & {
// background-color: primary(night, 100);
// color: #fff;
// .c-product__price span.barred {
// color: #fff;
// }
// }
// .c-rounded-label {
// margin: 0 0 remify(8px);
// background-color: primary(night, 20);
// color: primary(night, 120);
// @include font-scale(level-1);
// }
// .c-product__price {
// margin: 0 auto remify(16px);
// padding: 0;
// @include font-scale(level-1);
// display: flex;
// justify-content: space-between;
// flex-direction: row-reverse;
// align-items: center;
// @container (min-width: #{$park-item-bp}) {
// flex-direction: column;
// padding: 0 remify(24px);
// }
// .barred {
// display: block;
// text-decoration: line-through;
// color: primary(night, 60);
// }
// .discount-text {
// text-align: left;
// }
// .tellmemore {
// display: flex;
// align-items: center;
// justify-content: flex-start;
// }
// @container (min-width: #{$park-item-bp}) {
// .c-product__price-value { text-align: center; }
// .discount-text { text-align: center; }
// .tellmemore { justify-content: center; }
// }
// }
// .c-product__button {
// margin: 0 auto;
// text-align: center;
// }
// .c-button--submit {
// padding: remify(12px) remify(24px);
// font-size: remify(16px);
// width: 100%;
// @container (min-width: #{$park-item-bp}) {
// width: auto;
// }
// }
// .c-product__receipt {
// display: flex;
// justify-content: space-between;
// flex-direction: row-reverse;
// width: 100%;
// margin-bottom: remify(16px);
// @container (min-width: #{$park-item-bp}) {
// flex-direction: column;
// flex-grow: 2;
// padding: 0 remify(24px);
// }
// }
// .c-product__print {
// display: none;
// margin: remify(8px) 0 remify(8px) auto;
// @container (min-width: #{$park-item-bp}) {
// display: inline-block;
// text-align: center;
// margin: remify(8px) auto;
// }
// }
// a.go-to-detail {
// @include font-scale(level-1-5);
// color: primary(night, 80);
// }
// .c-product__telepass {
// text-align: right;
// @container (min-width: #{$park-item-bp}) {
// text-align: center;
// margin: remify(8px) auto;
// }
// button {
// width: remify(120px);
// }
// span {
// display: block;
// }
// }
// }
// .c-product__pay-online {
// display: flex;
// justify-content: space-between;
// align-items: center;
// text-align: center;
// width: 100%;
// padding: remify(12px);
// background: primary(night, 100);
// color: white;
// .c-product:not(.c-product--carousel) & {
// @container (min-width: #{$park-item-bp}) {
// width: 16%;
// min-width: remify(170px);
// flex-flow: column;
// border-radius: remify(20px);
// margin: 0 remify(8px);
// padding: remify(12px) remify(12px) remify(24px);
// }
// }
// &.c-product__pay-online--out {
// color: primary(night, 80);
// }
// .c-product__offer-number,
// .c-product__value-text {
// font-size: remify(12px);
// text-transform: uppercase;
// @container (min-width: #{$park-item-bp}) {
// font-size: remify(12px);
// margin-bottom: remify(16px);
// }
// .c-product--carousel & {
// margin-bottom: 0;
// }
// }
// & .c-product__value-full {
// font-size: remify(16px);
// text-decoration: line-through;
// color: primary(sky, 40);
// }
// .c-product__price {
// margin: auto;
// }
// .c-product__offer-number {
// background: primary(night, 80);
// display: inline-block;
// border-radius: remify(20px);
// display: none;
// @container (min-width: #{$park-item-bp}) {
// display: block;
// font-size: remify(10px);
// padding: remify(2px) remify(8px);
// .c-product--carousel & {
// display: none;
// }
// }
// &.is-hidden {
// visibility: hidden;
// &::before {
// content: "\00a0"; //insert empty char for spacing reasons
// }
// }
// }
// .c-button {
// padding: 0.75rem 1.7rem;
// max-width: remify(130px);
// font-size: remify(14px);
// }
// &.c-product__pay-online--out {
// background: transparent;
// color: primary(night, 80);
// .c-product__offer-number {
// background: primary(night, 20);
// }
// .c-button {
// cursor: not-allowed;
// }
// }
// }
// .c-product__price {
// small {
// font-weight: fw(bold);
// margin-top: remify(16px);
// }
// .c-product--compact & {
// flex-grow: initial;
// }
// }
// .c-product__value {
// font-size: remify(32px);
// margin-bottom: remify(8px);
// line-height: remify(48px);
// white-space: nowrap;
// }
// .c-product__type {
// text-align: center;
// }
// .c-product__features {
// flex: 1;
// @container (min-width: #{$park-item-bp}) {
// flex-grow: 1;
// min-width: remify(200px);
// }
// ul {
// li {
// font-size: remify(12px);
// }
// svg {
// position: relative;
// // top: remify(6px);
// margin-right: remify(8px);
// }
// .c-icon-list__item span {
// display: inline-block;
// vertical-align: text-top;
// }
// }
// }
// .c-product__time {
// display: flex;
// }
// /*------------------------------------*\
// Vip Lounge Modifier
// \*------------------------------------*/
// .c-product--vip-lounge-recap {
// border-top: remify(4px) solid secondary(page, 100);
// // overflow: hidden;
// @container (min-width: #{$park-item-bp}) {
// display: flex;
// border-left: remify(4px) solid secondary(page, 100);
// border-top: none;
// }
// .c-product__info {
// border-left: none;
// border-top: none;
// }
// .c-product__type {
// text-align: left;
// display: flex;
// align-items: initial;
// flex-direction: column;
// .c-button--as-link {
// margin-left: 0;
// }
// }
// .c-product__remove {
// @container (min-width: #{$park-item-bp}) {
// display: none;
// }
// }
// .c-product__more {
// @container (min-width: #{$park-item-bp}) {
// display: block;
// }
// }
// .c-folding & {
// .c-product__schedule {
// @container (min-width: #{$park-item-bp}) {
// // flex-basis: remify(192px);
// flex-basis: 24rem;
// min-width: 24rem;
// }
// }
// img {
// width: remify(100px);
// }
// }
// }
// /*------------------------------------*\
// Recap Modifier
// \*------------------------------------*/
// .c-product--recap {
// position: relative;
// .c-product__features {
// @container (min-width: #{remify(1080px)}) {
// margin-right: 0;
// }
// }
// .c-product__info {
// @container (min-width: #{$park-item-bp}) {
// width: auto;
// flex-grow: 1;
// }
// }
// .c-product--compact,
// .c-product__telepass {
// &.mobile {
// display: flex;
// flex-direction: column;
// flex-basis: 30%;
// padding: remify(16px) remify(16px) 0 0;
// @container (min-width: #{bp(phone-p)}) {
// flex-basis: initial;
// }
// @container (min-width: #{remify(1080px)}) {
// display: none;
// }
// }
// &.desktop {
// display: none;
// @container (min-width: #{remify(1080px)}) {
// display: flex;
// flex-direction: column;
// }
// }
// }
// .c-product__time {
// flex-wrap: wrap;
// margin-bottom: remify(8px);
// &--mobile {
// margin-bottom: 0;
// }
// }
// .c-product__labels {
// display: flex;
// justify-content: flex-start;
// width: 100%;
// flex-wrap: wrap;
// @container (min-width: #{$park-item-bp}) {
// padding: 0 0 remify(16px) 0;
// }
// .c-rounded-label {
// margin: 0 remify(8px) remify(8px) 0;
// }
// }
// .c-product__details {
// padding: remify(16px) 0;
// @include font-scale(level-1);
// @container (min-width: #{$park-item-bp}) {
// padding: remify(8px) 0 0 0;
// }
// small {
// display: block;
// margin-bottom: remify(12px);
// }
// }
// .c-product__passengers {
// @include font-scale(level-1);
// @container (min-width: #{$park-item-bp}) {
// padding-bottom: remify(16px);
// }
// }
// }
// /*------------------------------------*\
// Carousel modifier
// \*------------------------------------*/
// .c-product--carousel {
// box-shadow: none;
// border-radius: remify(24px);
// display: block;
// &:hover {
// @include shadow(high);
// }
// .c-carousel--equalH & {
// display: flex;
// flex-direction: column;
// flex: 1;
// }
// .c-product__info,
// &.c-product--p-express .c-product__info {
// .c-carousel--equalH & {
// flex: 1;
// }
// @container (min-width: #{$park-item-bp}) {
// width: 100%;
// align-items: initial;
// }
// }
// .c-product__url {
// text-align: center;
// padding: remify(16px);
// border-top: 1px solid primary(night,20);
// }
// .rates-discover {
// display: block;
// }
// }
// /*------------------------------------*\
// Carousel discount
// \*------------------------------------*/
// /*------------------------------------*\
// Pop modifier
// \*------------------------------------*/
// .c-product--pop,
// .js-productPop {
// &:has(.pippo) > .c-product {
// @container (max-width: #{bp(tablet-p)}) {
// border-radius: 0 0 remify(16px) remify(16px);
// border-top: 0;
// }
// }
// .o-products--waterfall & {
// margin-bottom: remify(16px);
// }
// .js-productPop & {
// margin-bottom: 0;
// }
// .c-product__info {
// flex-wrap: wrap;
// @container (min-width: #{$park-item-bp}) {
// width: auto;
// flex-grow: 1;
// }
// }
// .c-product__fare {
// @container (min-width: #{$park-item-bp}) {
// //width: 20%;
// }
// }
// .c-product__static-map {
// display: none;
// padding: 0 remify(24px);
// img {
// border-radius: remify(4px);
// }
// @container (min-width: #{bp(tablet)}) {
// display: flex;
// flex-direction: column;
// justify-content: center;
// }
// }
// .c-product__features {
// margin-top: remify(16px);
// @container (min-width: #{bp(tablet-p)}) {
// margin-left: remify(16px);
// margin-right: 0;
// flex: initial;
// }
// .active-at {
// text-align: center;
// @container (min-width: #{bp(tablet)}) {
// text-align: left;
// }
// strong {
// display: block;
// font-size: 75%;
// line-height: 1.5;
// margin-bottom: remify(8px);
// }
// img {
// width: remify(50px);
// margin-bottom: remify(8px);
// vertical-align: top;
// margin-right: remify(4px);
// }
// }
// }
// .pippo {
// background-color: primary(sky, 10);
// padding: remify(16px);
// border-radius: remify(16px) remify(16px) 0 0;
// border: 1px solid primary(night,20);
// @container (min-width: #{bp(tablet-p)}) {
// display: none;
// }
// }
// .c-product__focus {
// // flex: 1 0 100%;
// margin-top: remify(24px);
// padding: 0 0 remify(16px) remify(16px);
// @container (min-width: #{bp(tablet-p)}) {
// margin-top: 0;
// padding: 0;
// margin-left: auto;
// display: flex;
// flex-direction: column;
// justify-content: center;
// }
// p {
// text-align: left;
// }
// ul {
// margin-top: remify(8px);
// }
// img {
// display: none;
// margin-left: auto;
// margin-right: auto;
// border-radius: remify(4px);
// height: remify(145px);
// // @container (min-width: #{remify(1280px)}) {
// @container (min-width: #{bp(tablet-p)}) {
// display: block;
// margin-right: remify(16px);
// }
// }
// img + p {
// color: primary(night, 100);
// @container (min-width: #{bp(tablet-p)}) {
// display: none;
// }
// }
// }
// .c-product__price {
// flex-grow: 1;
// display: flex;
// align-items: center;
// justify-content: space-between;
// margin-bottom: 0;
// flex-direction: column;
// @container (min-width: #{$park-item-bp}) {
// display: flex;
// align-items: initial;
// justify-content: center;
// }
// a.discover,
// .master-label {
// margin-top: remify(12px);
// @container (min-width: #{$park-item-bp}) {
// margin-top: remify(24px);
// }
// }
// .js-discoverToggle-label {
// color: primary(sky, 120);
// text-transform: initial;
// font-size: 100%;
// &.close .icon-arrow {
// display: inline-block;
// transform: rotate(180deg);
// }
// }
// .fare-text {
// > * {
// display: block;
// }
// }
// .fare-text + .c-button {
// margin-top: remify(16px);
// }
// }
// }
// .close {
// display: none;
// }
// .c-product__pop-info {
// display: none;
// margin-bottom: remify(16px);
// }
// .chkPopInfo:checked ~ .c-product__pop-info {
// display: block;
// }
// /*------------------------------------*\
// js-productPop
// \*------------------------------------*/
// .js-productPop {
// margin-bottom: remify(16px);
// }
// /*------------------------------------*\
// Modifier telepass
// \*------------------------------------*/
// .c-product--payed.telepass {
// .c-product__discover {
// flex: 1 0 100%;
// margin-top: remify(8px);
// }
// .c-product__fare {
// background: none;
// display: flex;
// flex-direction: initial;
// flex-wrap: wrap;
// // position: relative;
// .cta {
// flex: 1 0 100%;
// text-align: center;
// margin-bottom: remify(24px);
// z-index: $z-Index-cta-product;
// @container (min-width: #{$park-item-bp}) {
// margin-top: remify(24px);
// margin-bottom: 0;
// position: absolute;
// left: 50%;
// transform: translateX(-50%);
// bottom: remify(-34px);
// }
// }
// }
// .c-product__price.c-product__price--desktop {
// display: none;
// @container (min-width: #{$park-item-bp}) {
// display: block;
// margin: 0 auto;
// }
// }
// .c-product__price--mobile {
// flex-basis: 33%;
// @container (min-width: #{bp(phone-p)}) {
// flex-basis: initial;
// }
// }
// .cta {
// width: 100%;
// }
// }
// /*------------------------------------*\
// Modifier telepass checkout
// \*------------------------------------*/
// .c-product--checkout.telepass {
// .c-product__fare {
// flex-direction: column;
// //width: 20%;
// }
// .c-tooltip {
// margin-bottom: remify(16px);
// }
// .c-product__info {
// @container (min-width: #{bp(phone-l)}) {
// width: auto;
// flex-grow: 1;
// }
// }
// }
// /*------------------------------------*\
// Modifier P-Express banner
// \*------------------------------------*/
// .c-product__pay-with {
// display: flex;
// flex-flow: column;
// align-self: flex-start;
// text-align: center;
// width: 100%;
// margin: remify(28px) 0 remify(8px);
// @container (min-width: #{bp(phone-p)}) {
// width: auto;
// margin: 0;
// }
// p {
// font-size: remify(12px);
// margin-bottom: remify(4px);
// text-transform: uppercase;
// @container (min-width: #{$park-item-bp}) {
// font-size: remify(14px);
// }
// }
// }
// .c-product--p-express {
// @container (max-width: #{$park-item-bp}) {
// display: flex;
// flex-direction: column;
// .c-product__pay-online {
// order: 3;
// }
// .c-product__fare {
// order: 2;
// }
// }
// @container (min-width: #{$park-item-bp}) {
// .c-product__info {
// width: auto;
// flex-grow: 1;
// }
// &.c-product--pop .c-product__info {
// width: auto;
// flex-grow: 1;
// }
// //.c-product__fare {width: 20%;}
// }
// }
// /*------------------------------------*\
// Modifier P-Express banner
// \*------------------------------------*/
// .c-product__reminderwrapper {
// // width: 100%;
// flex-grow: 1;
// @container (min-width: #{bp(tablet-p)}) {
// margin: 0 auto;
// text-align: center;
// position: sticky;
// top: 48px;
// bottom: -100px;
// z-index: 800;
// max-width: remify(920px);
// }
// }
// .c-product__reminder {
// display: flex;
// flex-direction: column;
// justify-content: space-between;
// align-items: center;
// padding: remify(16px);
// border-radius: remify(8px);
// background: primary(night, 100);
// color: white;
// margin: auto;
// position: relative;
// top: remify(-48px);
// &--bottom {
// top: remify(24px);
// }
// @container (min-width: #{bp(tablet)}) {
// flex-direction: row;
// padding: remify(8px);
// }
// img {
// max-width: remify(48px);
// }
// & .c-button__shift-up {
// top: 0;
// }
// .c-reminder__sticker {
// padding-left: remify(16px);
// }
// .c-reminder__message {
// text-align: center;
// @container (min-width: #{bp(tablet)}) {
// text-align: left;
// padding-left: remify(16px);
// padding-right: remify(48px);
// }
// }
// .c-reminder__sale-message {
// display: block;
// font-size: 16px;
// }
// .c-reminder__sale-details {
// font-size: 12px;
// text-transform: uppercase;
// color: primary(night, 20);
// }
// .c-reminder__price {
// text-align: center;
// margin-bottom: 1rem;
// @container (min-width: #{bp(tablet)}) {
// text-align: right;
// padding-right: remify(24px);
// margin-bottom: 0;
// }
// }
// .c-reminder__sale-price {
// font-size: 24px;
// }
// .c-reminder__old-price {
// font-size: 14px;
// color: primary(night, 20);
// .is-strike {
// text-decoration: line-through;
// }
// }
// }
$park-item-bp: bp(tablet);
.c-product {
background-color: secondary(soft,100);
border: 1px solid primary(night,20);
position: relative;
border-radius: remify(16px);
transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0s;
margin-bottom: remify(16px);
padding: 0;
// overflow: hidden;
@include min-screen($park-item-bp) {
display: flex;
justify-content: space-between;
}
.remove-product {
font-size: remify(14px);
margin-top: remify(8px);
@include min-screen($park-item-bp) {
font-size: remify(16px);
margin-left: auto;
margin-right: auto;
}
}
.c-button--icon-square {
display: inline-block;
color: #fff;
background-color: primary(sky, 120);
&.is-pale {
background-color: primary(night, 80);
}
}
.c-folding & {
box-shadow: none;
}
.c-parkings__item &:hover {
@include shadow(higher);
}
.c-main-reservationList & {
margin-bottom: remify(16px);
@supports (display: grid) {
grid-column: main;
margin-bottom: 0;
}
}
}
.c-product__fold {
background-color: primary(sky, 10);
padding: remify(16px);
border-radius: remify(16px) remify(16px) 0 0;
}
/* general respondive behaviour */
.c-product__info { flex: 1 0 30%; }
.c-product__schedule { flex: 4 1 50%; }
.c-product__fare { flex: 0 1 20%; }
.c-product__type,
.c-product__features,
.c-product__schedule,
.c-product__price,
.c-product__fare {
padding: remify(16px);
@include min-screen(bp(tablet)) {
padding: remify(24px);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
@include min-screen(bp(tablet-p)) {
justify-content: center;
}
}
.c-product__info {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
align-items: stretch;
@include min-screen($park-item-bp) {
flex-wrap: nowrap;
}
@include min-screen($park-item-bp) {
width: auto;
flex-grow: 1;
justify-content: flex-start;
}
}
.c-product__type {
padding: remify(24px) 0 remify(24px) remify(24px);
img {
display: block;
margin-bottom: 0;
width: remify(80px);
@include min-screen($park-item-bp) {
margin-bottom: remify(8px);
min-width: remify(80px);
width: remify(110px);
}
}
}
/* schedule */
.c-product__schedule {
display: flex;
flex-direction: column;
padding: remify(16px);
border-top: 1px solid primary(night, 20);
@include min-screen($park-item-bp) {
padding: remify(24px);
border-top: none;
border-left: 1px solid primary(night, 20);
}
// .c-product__qrcode {
// text-align: right;
// align-items: center;
// @include min-screen($park-item-bp) {
// text-align: left;
// }
// .c-tooltip button {
// padding: 0;
// @include font-scale(level-3);
// color: primary(night, 100);
// }
// }
}
/* further */
.c-product__further {
display: flex;
align-items: center;
margin-top: remify(24px);
gap: remify(16px);
}
.c-product__further-item {
display: flex;
align-items: center;
gap: remify(8px);
color: primary(night, 100);
& *,
button {
color: currentColor;
fill: currentColor;
@include font-scale(level-2);
}
button {
background: none;
border: 0;
padding: 0;
}
}
/* utils */
.c-product__utils {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: remify(16px);
.c-product__print {
display: inline-block;
@include min-screen($park-item-bp) {
display: none;
}
}
}
.c-product__fare,
.c-product__utils {
.c-product__print .c-button {
display: inline-block;
text-decoration: none;
position: relative;
width: auto;
height: remify(28px);
border-radius: remify(6px);
padding: 0 remify(8px);
transition: .3s;
font-size: remify(12px);
svg {
vertical-align: text-top;
display: inline-block;
margin-right: remify(4px);
* {
fill: currentColor;
}
}
}
}
/* fare */
.c-product__fare {
text-align: center;
border-top: 1px solid primary(night, 20);
border-radius: 0 0 remify(16px) remify(16px);
@include min-screen($park-item-bp) {
display: flex;
border-top: none;
border-left: 1px solid primary(night, 20);
border-radius: 0 remify(16px) remify(16px) 0;
width: 16%;
flex-basis: remify(260px);
flex-direction: column;
justify-content: space-between;
}
& > div:only-child {
margin-top: auto;
margin-bottom: auto;
}
.is-disabled &{
background-color: primary(night, 10);
}
.has-offer & {
background-color: primary(night, 100);
color: #fff;
.c-product__price span.barred {
color: #fff;
}
}
.c-rounded-label {
margin: 0 0 remify(8px);
background-color: primary(night, 20);
color: primary(night, 120);
@include font-scale(level-1);
}
.c-product__price {
margin: 0 auto remify(16px);
padding: 0;
@include font-scale(level-1);
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
@include min-screen($park-item-bp) {
flex-direction: column;
padding: 0 remify(24px);
}
.barred {
display: block;
text-decoration: line-through;
color: primary(night, 60);
}
.discount-text {
text-align: left;
}
.tellmemore {
display: flex;
align-items: center;
justify-content: flex-start;
}
@include min-screen($park-item-bp) {
.c-product__price-value { text-align: center; }
.discount-text { text-align: center; }
.tellmemore { justify-content: center; }
}
}
.c-product__button {
margin: 0 auto;
text-align: center;
}
.c-button--submit {
padding: remify(12px) remify(24px);
font-size: remify(16px);
width: 100%;
@include min-screen($park-item-bp) {
width: auto;
}
}
.c-product__receipt {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
width: 100%;
margin-bottom: remify(16px);
@include min-screen($park-item-bp) {
flex-direction: column;
flex-grow: 2;
padding: 0 remify(24px);
}
}
.c-product__print {
display: none;
margin: remify(8px) 0 remify(8px) auto;
@include min-screen($park-item-bp) {
display: inline-block;
text-align: center;
margin: remify(8px) auto;
}
}
a.go-to-detail {
@include font-scale(level-1-5);
color: primary(night, 80);
}
.c-product__telepass {
text-align: right;
@include min-screen($park-item-bp) {
text-align: center;
margin: remify(8px) auto;
}
button {
width: remify(120px);
}
span {
display: block;
}
}
}
.c-product__pay-online {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
width: 100%;
padding: remify(12px);
background: primary(night, 100);
color: white;
.c-product:not(.c-product--carousel) & {
@include min-screen($park-item-bp) {
width: 16%;
min-width: remify(170px);
flex-flow: column;
border-radius: remify(20px);
margin: 0 remify(8px);
padding: remify(12px) remify(12px) remify(24px);
}
}
&.c-product__pay-online--out {
color: primary(night, 80);
}
.c-product__offer-number,
.c-product__value-text {
font-size: remify(12px);
text-transform: uppercase;
@include min-screen($park-item-bp) {
font-size: remify(12px);
margin-bottom: remify(16px);
}
.c-product--carousel & {
margin-bottom: 0;
}
}
& .c-product__value-full {
font-size: remify(16px);
text-decoration: line-through;
color: primary(sky, 40);
}
.c-product__price {
margin: auto;
}
.c-product__offer-number {
background: primary(night, 80);
display: inline-block;
border-radius: remify(20px);
display: none;
@include min-screen($park-item-bp) {
display: block;
font-size: remify(10px);
padding: remify(2px) remify(8px);
.c-product--carousel & {
display: none;
}
}
&.is-hidden {
visibility: hidden;
&::before {
content: "\00a0"; //insert empty char for spacing reasons
}
}
}
.c-button {
padding: 0.75rem 1.7rem;
max-width: remify(130px);
font-size: remify(14px);
}
&.c-product__pay-online--out {
background: transparent;
color: primary(night, 80);
.c-product__offer-number {
background: primary(night, 20);
}
.c-button {
cursor: not-allowed;
}
}
}
.c-product__price {
small {
font-weight: fw(bold);
margin-top: remify(16px);
}
.c-product--compact & {
flex-grow: initial;
}
}
.c-product__value {
font-size: remify(32px);
margin-bottom: remify(8px);
line-height: remify(48px);
white-space: nowrap;
}
.c-product__type {
text-align: center;
}
.c-product__features {
flex: 1;
@include min-screen($park-item-bp) {
flex-grow: 1;
min-width: remify(200px);
}
ul {
li {
font-size: remify(12px);
}
svg {
position: relative;
// top: remify(6px);
margin-right: remify(8px);
}
.c-icon-list__item span {
display: inline-block;
vertical-align: text-top;
}
}
}
.c-product__time {
display: flex;
}
/*------------------------------------*\
Vip Lounge Modifier
\*------------------------------------*/
.c-product--vip-lounge-recap {
border-top: remify(4px) solid secondary(page, 100);
// overflow: hidden;
@include min-screen($park-item-bp) {
display: flex;
border-left: remify(4px) solid secondary(page, 100);
border-top: none;
}
.c-product__info {
border-left: none;
border-top: none;
}
.c-product__type {
text-align: left;
display: flex;
align-items: initial;
flex-direction: column;
.c-button--as-link {
margin-left: 0;
}
}
.c-product__remove {
@include min-screen($park-item-bp) {
display: none;
}
}
.c-product__more {
@include min-screen($park-item-bp) {
display: block;
}
}
.c-folding & {
.c-product__schedule {
@include min-screen($park-item-bp) {
// flex-basis: remify(192px);
flex-basis: 24rem;
min-width: 24rem;
}
}
img {
width: remify(100px);
}
}
}
/*------------------------------------*\
Recap Modifier
\*------------------------------------*/
.c-product--recap {
position: relative;
.c-product__features {
@include min-screen(remify(1080px)) {
margin-right: 0;
}
}
.c-product__info {
@include min-screen($park-item-bp) {
width: auto;
flex-grow: 1;
}
}
.c-product--compact,
.c-product__telepass {
&.mobile {
display: flex;
flex-direction: column;
flex-basis: 30%;
padding: remify(16px) remify(16px) 0 0;
@include min-screen(bp(phone-p)) {
flex-basis: initial;
}
@include min-screen(remify(1080px)) {
display: none;
}
}
&.desktop {
display: none;
@include min-screen(remify(1080px)) {
display: flex;
flex-direction: column;
}
}
}
.c-product__time {
flex-wrap: wrap;
margin-bottom: remify(8px);
&--mobile {
margin-bottom: 0;
}
}
.c-product__labels {
display: flex;
justify-content: flex-start;
width: 100%;
flex-wrap: wrap;
@include min-screen($park-item-bp) {
padding: 0 0 remify(16px) 0;
}
.c-rounded-label {
margin: 0 remify(8px) remify(8px) 0;
}
}
.c-product__details {
padding: remify(16px) 0;
@include font-scale(level-1);
@include min-screen($park-item-bp) {
padding: remify(8px) 0 0 0;
}
small {
display: block;
margin-bottom: remify(12px);
}
}
.c-product__passengers {
@include font-scale(level-1);
@include min-screen($park-item-bp) {
padding-bottom: remify(16px);
}
}
}
/*------------------------------------*\
Carousel modifier
\*------------------------------------*/
.c-product--carousel {
box-shadow: none;
border-radius: remify(24px);
display: block;
&:hover {
@include shadow(high);
}
.c-carousel--equalH & {
display: flex;
flex-direction: column;
flex: 1;
}
.c-product__info,
&.c-product--p-express .c-product__info {
.c-carousel--equalH & {
flex: 1;
}
@include min-screen($park-item-bp) {
width: 100%;
align-items: initial;
}
}
.c-product__url {
text-align: center;
padding: remify(16px);
border-top: 1px solid primary(night,20);
}
.rates-discover {
display: block;
}
}
/*------------------------------------*\
Pop modifier
\*------------------------------------*/
.c-product--pop {
.o-products--waterfall & {
margin-bottom: remify(16px);
}
.js-productPop & {
margin-bottom: 0;
}
.c-product__type,
.c-product__features,
.c-product__fare {
@include min-screen(bp(tablet-p)) {
padding: remify(16px);
}
}
.c-product__type img {
width: remify(80px);
@include min-screen(bp(tablet-p)) {
margin: 0;
}
}
.c-product__info {
// flex-wrap: wrap;
@include min-screen($park-item-bp) {
width: auto;
flex-grow: 1;
}
}
.c-product__fare {
@include min-screen($park-item-bp) {
//width: 20%;
flex-basis: remify(225px);
}
}
.c-product__static-map {
display: none;
padding: 0 remify(24px);
img {
border-radius: remify(4px);
}
@include min-screen(bp(tablet)) {
display: flex;
flex-direction: column;
justify-content: center;
}
}
.c-product__features {
@include min-screen(bp(tablet)) {
flex: 1;
}
.active-at {
text-align: center;
@include min-screen(bp(tablet)) {
text-align: left;
}
strong {
display: block;
font-size: 75%;
line-height: 1.5;
margin-bottom: remify(8px);
}
img {
width: remify(50px);
margin-bottom: remify(8px);
vertical-align: top;
margin-right: remify(4px);
}
}
}
.c-product__focus {
// flex: 1 0 100%;
margin-top: remify(24px);
padding: 0 0 remify(16px) remify(16px);
@include min-screen(bp(tablet)) {
margin-top: 0;
// margin-left: auto;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding-right: remify(16px);
}
ul {
margin-top: remify(8px);
}
img {
display: none;
margin-left: auto;
margin-right: auto;
border-radius: remify(4px);
width: remify(130px);
@include min-screen(bp(tablet)) {
display: block;
margin: 0;
}
}
@include min-screen(bp(tablet-p)) {
// flex: 1 1 remify(20px);
}
}
.c-product__price {
padding: 0;
margin: 0;
flex-grow: 1;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
flex-direction: column;
@include min-screen($park-item-bp) {
display: flex;
align-items: initial;
justify-content: center;
}
a.discover,
.master-label {
margin-top: remify(12px);
@include min-screen($park-item-bp) {
margin-top: remify(24px);
}
}
.js-discoverToggle-label {
color: primary(sky, 120);
text-transform: initial;
font-size: 100%;
&.close .icon-arrow {
display: inline-block;
transform: rotate(180deg);
}
}
.fare-text {
> * {
display: block;
}
}
.fare-text + .c-button {
margin-top: remify(16px);
}
}
}
/*------------------------------------*
CSS to address #1612 ticket
*------------------------------------*/
.c-content-expo__item .c-product--pop,
.c-content-expo__item .js-productPop {
$park-item-bp: remify(1220px);
@include max-screen($park-item-bp) {
display: block;
}
.c-product__focus img {
@include max-screen(remify(950px)) {
display: none;
}
}
.c-product__fare {
@include max-screen($park-item-bp) {
width: 100%;
text-align: center;
border-top: 1px solid primary(night, 20);
border-radius: 0 0 remify(16px) remify(16px);
}
}
.c-product__fold {
display: none;
@include max-screen(remify(950px)) {
display: block;
border: 1px solid primary(night, 20);
}
}
}
.c-content-expo__item .js-productPop:has(.c-product__fold) .c-product{
@include max-screen(remify(950px)) {
border-radius: 0 0 remify(16px) remify(16px);
border-top: none;
}
}
/*------------------------------------*
end CSS to address #1612 ticket
*------------------------------------*/
.close {
display: none;
}
.c-product__pop-info {
display: none;
margin-bottom: remify(16px);
}
.chkPopInfo:checked ~ .c-product__pop-info {
display: block;
}
/*------------------------------------*\
js-productPop
\*------------------------------------*/
.js-productPop {
margin-bottom: remify(16px);
}
/*------------------------------------*\
Modifier telepass
\*------------------------------------*/
.c-product--payed.telepass {
.c-product__discover {
flex: 1 0 100%;
margin-top: remify(8px);
}
.c-product__fare {
background: none;
display: flex;
flex-direction: initial;
flex-wrap: wrap;
// position: relative;
.cta {
flex: 1 0 100%;
text-align: center;
margin-bottom: remify(24px);
z-index: $z-Index-cta-product;
@include min-screen($park-item-bp) {
margin-top: remify(24px);
margin-bottom: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: remify(-34px);
}
}
}
.c-product__price.c-product__price--desktop {
display: none;
@include min-screen($park-item-bp) {
display: block;
margin: 0 auto;
}
}
.c-product__price--mobile {
flex-basis: 33%;
@include min-screen(bp(phone-p)) {
flex-basis: initial;
}
}
.cta {
width: 100%;
}
}
/*------------------------------------*\
Modifier telepass checkout
\*------------------------------------*/
.c-product--checkout.telepass {
.c-product__fare {
flex-direction: column;
//width: 20%;
}
.c-tooltip {
margin-bottom: remify(16px);
}
.c-product__info {
@include min-screen(bp(phone-l)) {
width: auto;
flex-grow: 1;
}
}
}
/*------------------------------------*\
Modifier P-Express banner
\*------------------------------------*/
.c-product__pay-with {
display: flex;
flex-flow: column;
align-self: flex-start;
text-align: center;
width: 100%;
margin: remify(28px) 0 remify(8px);
@include min-screen(bp(phone-p)) {
width: auto;
margin: 0;
}
p {
font-size: remify(12px);
margin-bottom: remify(4px);
text-transform: uppercase;
@include min-screen($park-item-bp) {
font-size: remify(14px);
}
}
}
.c-product--p-express {
@include max-screen($park-item-bp) {
display: flex;
flex-direction: column;
.c-product__pay-online {
order: 3;
}
.c-product__fare {
order: 2;
}
}
@include min-screen($park-item-bp) {
.c-product__info {
width: auto;
flex-grow: 1;
}
&.c-product--pop .c-product__info {
width: auto;
flex-grow: 1;
}
//.c-product__fare {width: 20%;}
}
}
/*------------------------------------*\
Modifier P-Express banner
\*------------------------------------*/
.c-product__reminderwrapper {
// width: 100%;
flex-grow: 1;
@include min-screen(bp(tablet-p)) {
margin: 0 auto;
text-align: center;
position: sticky;
top: 48px;
bottom: -100px;
z-index: 600;
max-width: remify(920px);
}
}
.c-product__reminder {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: remify(16px);
border-radius: remify(8px);
background: primary(night, 100);
color: white;
margin: auto;
position: relative;
top: remify(-48px);
&--bottom {
top: remify(24px);
}
@include min-screen(bp(tablet)) {
flex-direction: row;
padding: remify(8px);
}
img {
max-width: remify(48px);
}
& .c-button__shift-up {
top: 0;
}
.c-reminder__sticker {
padding-left: remify(16px);
}
.c-reminder__message {
text-align: center;
@include min-screen(bp(tablet)) {
text-align: left;
padding-left: remify(16px);
padding-right: remify(48px);
}
}
.c-reminder__sale-message {
display: block;
font-size: 16px;
}
.c-reminder__sale-details {
font-size: 12px;
text-transform: uppercase;
color: primary(night, 20);
}
.c-reminder__price {
text-align: center;
margin-bottom: 1rem;
@include min-screen(bp(tablet)) {
text-align: right;
padding-right: remify(24px);
margin-bottom: 0;
}
}
.c-reminder__sale-price {
font-size: 24px;
}
.c-reminder__old-price {
font-size: 14px;
color: primary(night, 20);
.is-strike {
text-decoration: line-through;
}
}
}
/*------------------------------------*
Stacked modifier
*------------------------------------*/
.c-product--stacked {
@include min-screen($park-item-bp) {
display: block;
}
.c-product__type img {
width: remify(80px);
margin-bottom: remify(8px);
}
.c-product__info {
align-items: flex-start;
}
.c-product__features {
padding: remify(16px);
}
.c-product__fare {
border-radius: 0 0 remify(16px) remify(16px);
width: 100%;
border-top: 1px solid primary(night,20);
border-left: none;
padding: remify(16px);
}
.c-product__button {
margin: 0;
}
.c-product__fare .c-button {
width: 100%;
}
.c-product__detail-link {
margin-top: auto;
padding-top: remify(16px);
}
}
/*------------------------------------*
Park esaurito
*------------------------------------*/
.c-product.is-disabled {
.c-product__button > .c-button {
display: block;
margin-inline: auto;
}
}
(function($) {
var $qtyBtnTrigger = $('.js-enable-qty-trigger, .js-btn-qty button');
var $buttonPay = $('.js-button-animation-ctrl');
$qtyBtnTrigger.click(function(e){
e.preventDefault();
$buttonPay.addClass('c-button--pulse');
setTimeout(function() {
$buttonPay.removeClass('c-button--pulse');
}, 500);
});
})(jQuery);
(function($) {
})(jQuery);
(function($) {
var $productPop = $('.js-productPop');
var $qtyDiscoverToggleInput = $('.js-discoverToggle-input');
var $qtyDiscoverToggleLabel = $('.js-discoverToggle-label');
$qtyDiscoverToggleInput.change(function() {
$(this).closest($productPop).find($('.js-discoverToggle-label.open, .js-discoverToggle-label.close')).toggle();
});
})(jQuery);
No notes defined.