<section class="c-carousel c-carousel--top-nav" aria-label="Parcheggi disponibili">
<div class="jsInstance owl-carousel">
<div id="aCaso" class="c-carousel__item">
<div class="c-product c-product--carousel c-product--p1-p2">
<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>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-product c-product--carousel c-product--p1-p2">
<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>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-product c-product--carousel c-product--p1-p2">
<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>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-product c-product--carousel c-product--p1-p2">
<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>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-product c-product--carousel c-product--p1-p2">
<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>
</div>
</div>
</section>
<section class="c-carousel {{ modifier }}" aria-label="{{ aria-label-title }}">
<div class="jsInstance owl-carousel">
{{#each items}}
<div id="aCaso" class="c-carousel__item">
{{ render componentName componentInstance merge=true }}
</div>
{{/each}}
</div>
{{#if discoverMoreText}}
<div class="c-carousel__footer-txt">
<a href="{{discoverMoreText.url}}">{{ discoverMoreText.text }}</a>
</div>
{{/if}}
</section>
{
"aria-label-title": "Parcheggi disponibili",
"items": [
{
"componentName": "@product--carousel",
"componentInstance": {
"modifier": "c-product--carousel c-product--p1-p2"
}
},
{
"componentName": "@product--carousel",
"componentInstance": {
"modifier": "c-product--carousel c-product--p1-p2"
}
},
{
"componentName": "@product--carousel",
"componentInstance": {
"modifier": "c-product--carousel c-product--p1-p2"
}
},
{
"componentName": "@product--carousel",
"componentInstance": {
"modifier": "c-product--carousel c-product--p1-p2"
}
},
{
"componentName": "@product--carousel",
"componentInstance": {
"modifier": "c-product--carousel c-product--p1-p2"
}
}
],
"modifier": "c-carousel--top-nav"
}
@use "sass:math";
$carouselNavBtnWidth: 44px;
.c-carousel {
padding-bottom: remify(44px);
position: relative;
z-index: $zIndex-carousel;
main & {
grid-column: main;
}
main &.c-carousel--fullwidth {
grid-column: full;
}
.l-travel-home__banner &,
.c-starting-grid &,
.c-pill &,
&.c-carousel--destinations {
padding-bottom: 0;
}
.c-main--flights-destination & {
z-index: $z-Index-carousel-destination-page;
}
}
.c-carousel__nav {
width: 100%;
position: relative;
z-index: 2;
margin-top: remify(24px);
@include min-screen( remify($base-page-width) ) {
top: 30%;
transform: translateY(-50%);
margin-top: 0;
position: absolute;
}
.prev-btn,
.next-btn {
cursor: pointer;
background: none;
-webkit-appearance: none;
border: none;
padding: 0;
position: absolute;
width: remify($carouselNavBtnWidth);
&.disabled {
display: none;
}
img {
height: 100%; // For IE11
}
}
.prev-btn {
left: 0;
// The code below creates horizontal scrollbars. So please consider that before using it
@include min-screen( remify($base-page-width) ) {
left: remify( - math.div($carouselNavBtnWidth, 2) );
}
}
.next-btn {
right: 0;
// The code below creates horizontal scrollbars. So please consider that before using it
@include min-screen( remify($base-page-width) ) {
right: remify( - math.div($carouselNavBtnWidth, 2) );
}
.c-utils--flight & {
@include min-screen( remify($base-page-width) ) {
right: remify(-13px);
}
}
}
}
.c-carousel__dots {
text-align: center;
position: relative;
z-index: 1;
top: remify(16px);
margin-top: remify(24px);
margin-left: auto;
margin-right: auto;
max-width: calc(100% - (#{$carouselNavBtnWidth} * 2) ); //fallback
max-width: fit-content;
}
.c-carousel__dot {
span {
width: remify(16px);
height: remify(16px);
margin: remify(4px) remify(8px);
background: primary(sky, 40);
display: block;
transition: opacity .3s ease;
border-radius: remify(30px);
}
.c-carousel__dots.disabled & {
display: none;
}
}
.c-carousel__dot.active {
span {
background: primary(sky, 120);
}
}
.c-carousel__footer-txt {
margin-top: remify(24px);
text-align: center;
}
/*------------------------------------*\
Padded modifier
\*------------------------------------*/
.c-carousel--padded {
.c-carousel__outer {
padding: remify(16px) 0;
}
}
/*------------------------------------*\
Equal Height modifier
\*------------------------------------*/
.c-carousel--equalH {
.c-carousel__stage {
display: flex;
}
.c-carousel__item {
height: 100%;
display: flex;
flex-direction: column;
}
}
.owl-stage {
.c-carousel__item {
padding-bottom: remify(24px);
}
}
/*------------------------------------*\
Gallery modifier
\*------------------------------------*/
.c-carousel--gallery {
.c-deck &,
.c-youfirst & {
padding-bottom: 0;
}
.c-pill & {
padding-bottom: 0;
margin-bottom: remify(-20px);
}
.c-carousel__dots {
// background-color: rgba(243, 243, 243, 0.3);
// border-radius: remify(4px);
margin-top: 0;
top: remify(-56px);
display: flex;
align-items: center;
justify-content: center;
span {
background-color: primary(sky, 20);
box-shadow: 0 0 10px rgba(0, 0, 0, .35);
}
.c-starting-grid & {
@include min-screen(bp(phablet)) {
top: remify(-80px);
}
}
}
.c-carousel__dot.active {
span {
background-color: primary(sun, 120);
}
}
.c-content-expo__item & {
padding-bottom: 0;
}
img {
.c-snapshot--gallery & {
width: remify(270px);
height: remify(205px);
}
.c-content-expo__item & {
margin-bottom: 0;
}
}
}
/*------------------------------------*\
Gallery dot text modifier
\*------------------------------------*/
.c-carousel--dot-text {
.c-carousel__dots {
@include min-screen(bp(tablet)) {
top: 0;
max-width: 100%;
margin: 0;
display: flex;
}
}
.c-carousel__dot {
@include min-screen(bp(tablet)) {
flex: 1;
}
button {
@include min-screen(bp(tablet)) {
color: primary(night, 100);
width: 100%;
background: none;
border: none;
cursor: pointer;
padding-top: remify(18px);
}
}
}
.c-carousel__dot.active {
position: relative;
button {
@include min-screen(bp(tablet)) {
color: primary(sky, 120);
}
}
&:before {
@include min-screen(bp(tablet)) {
content: '';
border-radius: 0;
position: absolute;
width: 100%;
height: remify(8px);
background-color: primary(sky, 120);
top: 0;
left: 0;
}
}
}
}
/*------------------------------------*\
Only desktop modifier
\*------------------------------------*/
.c-carousel--phoneHidden {
@include max-screen(bp(tablet-l)) {
display: none;
}
}
/*------------------------------------*\
Big gallery modifier
\*------------------------------------*/
.c-carousel--big-gallery {
padding-bottom: 0;
.c-carousel__nav {
top: 45%;
position: absolute;
margin-top: 0;
}
.img-desc {
color: secondary(basic-white, 100);
text-align: center;
margin-top: remify(8px);
}
.c-carousel__counter {
@include font-scale(level-2, semibold);
text-align: center;
color: secondary(basic-white, 100);
position: absolute;
top: remify(12px);
right: remify(110px);
@include max-screen(bp(tablet-p)) {
top: 61px;
}
}
.c-carousel__item img {
margin-inline: auto;
@include shadow(small);
}
}
.c-carousel--zeroIndex {
// To avoid that .c-snapshot--gallery remains visible when the big gallery is open
z-index: 0;
}
/*------------------------------------*\
Shops modifier
\*------------------------------------*/
.c-carousel--shops {
.c-carousel__item {
height: 100%;
}
}
/*------------------------------------*\
Background image modifier
\*------------------------------------*/
.c-carousel__background-image {
height: 350px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/*------------------------------------*\
ZOOM modifier
\*------------------------------------*/
.c-carousel--zoom {
.owl-stage {
display: flex;
align-items: center;
padding-bottom: remify(40px);
}
.owl-item {
// transition: all .3s ease;
}
.owl-item.active.center {
@include min-screen(bp(phablet)) {
zoom: 1.22;
transition: zoom .2s ease;
}
}
.c-carousel__dots {
top: remify(-40px);
}
}
/*------------------------------------*\
ZOverflowOOM modifier
\*------------------------------------*/
.c-carousel--overflow {
.owl-stage {
display: flex;
align-items: center;
padding-bottom: remify(40px);
}
.c-carousel__dots {
top: remify(-40px);
}
}
/*------------------------------------*
Mobile mockups carousel
*------------------------------------*/
.c-carousel--mobile-mockups {
.owl-item.active.center img {
box-shadow: none;
filter: drop-shadow(-30px 20px 30px rgba(6, 20, 32, 0.38));
}
}
/*------------------------------------*
Modifier: Flight fares
*------------------------------------*/
.c-carousel--flight-fares {
.owl-carousel .owl-stage {
display: flex;
}
.owl-stage .c-carousel__item {
height: 100%;
}
.c-fare {
height: 100%;
}
}
/*------------------------------------*
Modifier: Top nav
*------------------------------------*/
.c-carousel--top-nav {
.c-carousel__outer {
padding-top: remify(80px);
}
.c-carousel__nav {
position: absolute;
top: 0;
margin-top: 0;
left: 0;
transform: initial;
display: flex;
justify-content: flex-end;
gap: remify(8px);
@include max-screen(bp(tablet-p)) {
top: 50px;
}
.prev-btn, .next-btn {
position: relative;
&.disabled {
display: inline-block;
cursor: not-allowed;
opacity: .45;
}
}
.prev-btn {
left: 0;
}
.next-btn {
right: 0;
}
}
}
/*------------------------------------*\
Auto height 100%
\*------------------------------------*/
.c-carousel--autoHeight {
height: 100%;
.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item,
.owl-stage .c-carousel__item {
height: 100% !important;
}
.owl-carousel .owl-item img {
height: 100%;
object-fit: contain;
box-shadow: none;
padding-bottom: remify(8px);
}
.img-desc {
margin-top: 0;
}
}
(function($) {
var $carouselItem = $('.c-carousel__item');
var $dialogIntoCarousel = $carouselItem.find( $('.c-dialog') );
// Moves the dialog that lives into the carousel before </body>,
// otherwise the dialog opens into carousel item in a wrong way
$dialogIntoCarousel.appendTo('body');
})(jQuery);
To set the same height to all the elements of the carousel, you have to add this CSS modifier to root element: c-carousel--equalH and also this JS option into plugin initialization: stageClass: "owl-stage c-carousel__stage"