<div class="c-cart__stickywrapper u-sticky u-sticky--top">
<div class="c-cart c-cart--parkings ">
<input type="checkbox" id="cart-toggle" name="cart-toggle" class="u-chkbx-toggle c-cart__input-toggle" aria-controls="cart-toggle-expanded" aria-label="Espandi per le informazioni del parcheggio" role="switch">
<div class="c-cart__minimal">
<div class="c-cart__minimal-pass">
<div class="c-cart__passengers">
Le tue prenotazioni
</div>
<label for="cart-toggle" class='c-cart__toggle c-cart__toggle--open'>
Più dettagli <svg class="c-icon c-icon--16">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg>
</label>
</div>
<div class="c-cart__minimal-price">
<div class="c-cart__netprice">158,90 €</div>
<div class="c-cart__price">
124,99 €
</div>
</div>
<div class="c-cart__logo">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1">
<img src="/images/oblo-mbl.png" alt="MBL VIP Lounge">
</div>
<div class="c-cart__minimal-cta">
<button type="submit" class="c-button c-button--submit c-button--elastic">
Paga ora
</button>
</div>
</div>
<div class="c-cart__expanded u-chkbx-toggleReceiver" id="cart-toggle-expanded">
<div class='c-cart__title'>
<div>Il tuo parcheggio</div>
</div>
<div class="c-cart__product ">
<div class="c-cart__park ">
<div class="c-cart__entrance">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal <strong>29/04/2022</strong></div>
<div>ore <strong>9.30</strong></div>
</div>
<div class="c-cart__exit">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal <strong>30/04/2022</strong></div>
<div>ore <strong>12.30</strong></div>
</div>
<div class="c-cart__logo">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1">
</div>
</div>
<div class="c-cart__park-modify">
<div>
<a href="#" class="u-color-night-100 js-fr-dialogmodal-open" aria-controls="dialog-parking-form">
<strong><svg class="c-icon c-icon--16">
<use xlink:href="#ic_mode_edit_black_24px"></use>
</svg> Modifica date e
orari</strong>
</a>
</div>
<div>
<button type="button" class="c-button c-button--icon-square u-bg-color-sky-100 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 dettagli del parcheggio" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic-info-serif"></use>
</svg></button>
</div>
</div>
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Tariffa scontata parcheggio</span>
</div>
<div>
<span class="barred">128,90 €</span> <strong class="final">100,99 €</strong>
</div>
</div>
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Voucher PARK12345MH</span>
<p class="u-typo-level-0">(Utilizzo parziale: ti verranno scalati i rimanenti 10,00€ al tuo prossimo acquisto Park. Importo originale: 50,90 €)</p>
</div>
<div>
<strong class="final">-18,00€</strong>
</div>
</div>
<div class="c-cart__vouchers">
<div class="c-cart__vouchers-disclosure">
<div class="c-collapsible o-collapsible o-collapsible--raw">
<p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="">Voucher [TYPE] (3)</p>
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Voucher TYPE8567MH</span>
</div>
<div>
<span class="final">-20,99€</span>
</div>
</div>
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Voucher TYPE1234KL</span>
</div>
<div>
<span class="final">-40,00€</span>
</div>
</div>
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Voucher TYPE9964IT</span>
</div>
<div>
<span class="final">-20,40€</span>
</div>
</div>
</div>
</div>
<div><span class="c-cart__vouchers-total">-80,99€</span></div>
</div>
</div>
<div class='c-cart__additional'>
<div class='c-cart__additional-title'>
<div>La tua VIP Lounge</div>
<div><button type="button" class="c-button c-button--icon-text u-bg-color-negative" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-map">
<svg class="svg-16">
<use xlink:href="#ic-trash"></use>
</svg> Elimina
</button></div>
</div>
<div class="c-cart__park ">
<div class="c-cart__entrance">
<div class="u-color-sky-120"><strong>Data di ingresso</strong></div>
<div>Dal <strong>29/04/2022</strong></div>
<div><svg class="c-icon c-icon--12">
<use xlink:href="#ic-passenger"></use>
</svg> <small>1 ingresso</small></div>
<div><small>Bambini gratis sotto i 10 anni</small></div>
<div><small>Si ricorda di imbarcare i bagagli da stiva prima di accedere in lounge.</small></div>
</div>
<div class="c-cart__logo">
<img src="/images/oblo-mbl.png" alt="MBL VIP Lounge">
</div>
</div>
<div class="c-cart__park-modify">
<div>
<strong><svg class="c-icon c-icon--16">
<use xlink:href="#ic-schedule-24px"></use>
</svg> Aperto tutti i giorni dalle 5:00 alle 20:00</strong>
</div>
<div>
<button type="button" class="c-button c-button--icon-square u-bg-color-sky-100 js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa" 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" aria-controls="dialog-p1-info">
<svg class="svg-16">
<use xlink:href="#ic-info-serif"></use>
</svg></button>
</div>
</div>
<div class="c-cart__park-recap">
<div><span>Tariffa scontata Lounge</span></div>
<div class="u-text-right"><span class="barred">30,00 €</span> <strong class="final">24,00 €</strong></div>
</div>
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Voucher LOUNGE12345MH</span>
<p class="u-typo-level-0">(Utilizzo parziale: ti verranno scalati i rimanenti 10,00€ al tuo prossimo acquisto Park. Importo originale: 50,90 €)</p>
</div>
<div>
<strong class="final">-18,00€</strong>
</div>
</div>
<div class="c-cart__vouchers">
<div class="c-cart__vouchers-disclosure">
<div class="c-collapsible o-collapsible o-collapsible--raw">
<p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="">Voucher [TYPE] (3)</p>
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Voucher TYPE8567MH</span>
</div>
<div>
<span class="final">-20,99€</span>
</div>
</div>
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Voucher TYPE1234KL</span>
</div>
<div>
<span class="final">-40,00€</span>
</div>
</div>
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Voucher TYPE9964IT</span>
</div>
<div>
<span class="final">-20,40€</span>
</div>
</div>
</div>
</div>
<div><span class="c-cart__vouchers-total">-80,99€</span></div>
</div>
<div class="c-cart__park-recap has-warning">
<div>
<strong class="recap-label">Tariffa standard Lounge</strong>
<span>Non benefici dello sconto di <span class="red">6€</span> riservato ai pagamenti online (possibile <strong>a 24 ore</strong> dall'inizio della sosta)</span>
</div>
<div class="u-text-right">
<strong class="final">30,00 €</strong>
</div>
</div>
</div>
<div class='c-cart__addons'>
<ul>
<li class="c-cart__addon">
<div class="c-cart__addon-name"><strong>Consegna al volo</strong> x1</div>
<div class="c-cart__addon-price"><strong>Prenotazione aggiunta</strong></div>
</li>
</ul>
<p class="c-cart__addons-disclaimer">
</p>
</div>
<div class='c-cart__total'>
<div class="c-cart__features">
Totale della tariffa scontata pagando online
</div>
<div class="c-cart__digit">
<div class="c-cart__netprice">158,90 €</div>
<div class="c-cart__price"> 124,99 € </div>
</div>
</div>
<div class='c-cart__footer'>
<label for="cart-toggle" class='c-cart__toggle c-cart__toggle--close'>
Meno dettagli <svg class="c-icon c-icon--16">
<use xlink:href="#ic_expand_less_black_24px"></use>
</svg>
</label>
<button type="submit" class="c-button c-button--submit c-button--elastic">
Paga ora
</button>
</div>
</div>
</div>
<p class="c-cart__voucher-info">I voucher parcheggio che hai a disposizione vengono applicati automaticamente al carrello.</p>
</div>
<div class="c-dialog c-dialog--parking-form js-fr-dialogmodal " id="dialog-parking-form">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-form-title">
<div role="document">
<p class="c-dialog__title c-dialog__text--centered" id="dialog-parking-form-title">Modifica gli orari della tua sosta</p>
<p class="c-dialog__text c-dialog__text--centered">
Qualora non ci fossero disponibilità per gli orari scelti in questo parcheggio, ti proporremo le migliori alternative
<br><br>
</p>
<div class="c-form c-form--parkings">
<div class="c-form__el c-form__el--icon">
<svg class="c-icon c-icon--32">
<use xlink:href="#entrata-parcheggio-24px"></use>
</svg>
</div>
<div class="c-form__el c-form__el--cal">
<label for="entrance-date" class="is-datepicker" aria-label="Scegli la data">
Entrata <span class="required-marker" aria-hidden="true">*</span>
<input id="entrance-date" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="entrance-date-note">
<p class="c-field__note u-visuallyhidden" id="entrance-date-note">
Seleziona la data di entrata al parcheggio
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="entrance-time" class="" aria-label="">
Ore <span class="required-marker" aria-hidden="true">*</span>
<select id="entrance-time" class="" aria-describedby="entrance-time-note">
<option value="" disabled selected>00:00</option>
<option value="option-1">20:00</option>
<option value="option-2">20:15</option>
<option value="option-3">20:30</option>
<option value="option-4">20:45</option>
</select>
<em class="c-field__note u-visuallyhidden" id="entrance-time-note">
Seleziona l'ora di ingresso al parcheggio
</em>
</label>
</div>
<div class="c-form__el c-form__el--icon">
<svg class="c-icon c-icon--32">
<use xlink:href="#uscita-parcheggio-24px"></use>
</svg>
</div>
<div class="c-form__el c-form__el--cal">
<label for="exit-date" class="is-datepicker" aria-label="Scegli la data">
Uscita <span class="required-marker" aria-hidden="true">*</span>
<input id="exit-date" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="exit-date-note">
<p class="c-field__note u-visuallyhidden" id="exit-date-note">
Seleziona la data di uscita dal parcheggio
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="exit-time" class="" aria-label="">
Ore <span class="required-marker" aria-hidden="true">*</span>
<select id="exit-time" class="" aria-describedby="exit-time-note">
<option value="" disabled selected>00:00</option>
<option value="option-1">20:00</option>
<option value="option-2">20:15</option>
<option value="option-3">20:30</option>
<option value="option-4">20:45</option>
</select>
<em class="c-field__note u-visuallyhidden" id="exit-time-note">
Seleziona l'ora di uscita dal parcheggio
</em>
</label>
</div>
<div class="c-form__el c-form__el--cal">
<label for="select-conventions" class="" aria-label="">
Convenzione:
<select id="select-conventions" class="" aria-describedby="select-conventions-note">
<option value="" disabled selected>Hai una convenzione?</option>
<option value="option-1">Alba Tour</option>
<option value="option-2">Alpitour</option>
<option value="option-3">Brixia Viaggi</option>
<option value="option-4">Club Med</option>
<option value="option-5">Domina Travel</option>
<option value="option-6">In Viaggi</option>
<option value="option-7">Marsupio Group</option>
<option value="option-8">Smeg S.p.A.</option>
<option value="option-9">Viaggi Idea</option>
</select>
<em class="c-field__note u-visuallyhidden" id="select-conventions-note">
Seleziona un'opzione dal menù a tendina
</em>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="file-number" class="" aria-label="">
Numero pratica
<input id="file-number" type="text" class="" placeholder="es. AA46923757" value="" aria-describedby="file-number-note">
<p class="c-field__note " id="file-number-note">
Inserisci il numero di pratica della convenzione
</p>
</label>
</div>
<p class="c-dialog__text">
<strong>AVVISO IMPORTANTE</strong><br>
1) Per avvalersi della convenzione e della tariffa scontata, è indispensabile, al rientro dal viaggio, prima di pagare e di ritirare l'auto, consegnare il voucher del Tour Operator o mostrare la tessera di accreditamento alla cassa del <a href="#"><strong>Presidio Parcheggi</strong></a>.
<br><br>
2) La mancata o ritardata consegna del voucher o visione della tessera di accreditamento, ovvero dopo aver pagato la sosta alle casse automatiche o alle colonne di uscita, implica la perdita del diritto di avvalersi della tariffa scontata e l'applicazione della tariffa standard senza possibilità di rimborso.
<br><br>
<input type="checkbox" id="conventions-terms" name="accespt" class="u-visuallyhidden " role="group" aria-label="conventions-terms">
<label for="conventions-terms" class="terms-conditions">
<strong>Accetto le condizioni di utilizzo convenzione come sopra riportate</strong>
</label>
</p>
<div class="c-form__el c-form__el--cta">
<button type="submit" class="c-button c-button--submit c-button--large">
Verifica la nuova disponibilità
</button>
</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-form js-fr-dialogmodal " id="dialog-parking-form-mbl">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-form-mbl-title">
<div role="document">
<p class="c-dialog__title c-dialog__text--centered" id="dialog-parking-form-mbl-title">Modifica gli orari della tua prenotazione</p>
<p class="c-dialog__text c-dialog__text--centered">
Qualora non ci fossero disponibilità per gli orari scelti in questo parcheggio, ti proporremo le migliori alternative
<br><br>
</p>
<div class="c-form c-form--parkings">
<div class="c-form__el c-form__el--cal">
<label for="mbl-date" class="is-datepicker" aria-label="Scegli la data">
Data Prevista <span class="required-marker" aria-hidden="true">*</span>
<input id="mbl-date" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="mbl-date-note">
<p class="c-field__note u-visuallyhidden" id="mbl-date-note">
Seleziona la data di prenotazione
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="mbl-people" class="" aria-label="">
Persone <span class="required-marker" aria-hidden="true">*</span>
<select id="mbl-people" class="" aria-describedby="mbl-people-note">
<option value="" disabled selected>1</option>
<option value="option-1">1</option>
<option value="option-2">2</option>
<option value="option-3">3</option>
<option value="option-4">4</option>
</select>
<em class="c-field__note u-visuallyhidden" id="mbl-people-note">
Seleziona il numero di persone
</em>
</label>
</div>
<div class="c-form__el c-form__el--cta">
<button type="submit" class="c-button c-button--submit c-button--large">
Modifica
</button>
</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-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="dialog-mbl-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-mbl-info-title">
<div role="document">
<p class="c-dialog__title" id="dialog-mbl-info-title">Cosa include l’ingresso Vip Lounge</p>
<div class="c-dialog__text">
<p><strong>Fast Track</strong></p>
<p>Corsia dedicata per accesso all’area imbarchi.</p>
</div>
<div class="c-dialog__text">
<p><strong>Free Wi-Fi</strong></p>
<p>Connessione wi-fi gratuita e area office. Il luogo ideale per svolgere in mobilità le tue attività professionali.</p>
</div>
<div class="c-dialog__text">
<p><strong>Area relax</strong></p>
<p>Salotti con comode poltrone e divani e ristoro con bevande, servizio caffetteria e buffet.</p>
</div>
<div class="c-dialog__text">
<p><strong>Stampa internazionale</strong></p>
<p>Ampia selezione di quotidiani e riviste in formato cartaceo e digitale.</p>
</div>
<div class="c-dialog__text">
<p><strong>Concierge</strong></p>
<p>Il personale provvederà alla prenotazione di taxi, auto con autista e car valet su tua richiesta.</p>
</div>
<div class="c-dialog__text">
<p><strong>Tariffe dedicate per le soste</strong></p>
<p>Con l’ingresso in Lounge avrai tariffe scontate per fruire dei parcheggi dell’aeroporto. Chiedi al nostro staff.</p>
</div>
<div class="c-dialog__text">
<p><strong>Viaggi con dei bambini?</strong></p>
<p>I bambini sotto i dieci anni di età possono accedere gratuitamente alla Lounge.</p>
</div>
<div class="c-dialog__text">
<p><strong>Orari di ingresso</strong></p>
<p>La Lounge è aperta tutti i giorni dalle 5:00 alle 21:00. ed è situata al primo piano, prima dei controlli di sicurezza. Segui la segnaletica “Business Lounge”.</p>
</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--mbl-map js-fr-dialogmodal " id="dialog-mbl-map">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-mbl-map-title">
<div role="document">
<p class="c-dialog__title" id="dialog-mbl-map-title">Dove trovare MBL Vip Lounge</p>
<p class="c-dialog__text">L’ingresso alla VIP Lounge è situato <strong>Primo piano, prima dei controlli di sicurezza</strong>.</p>
<p><strong>Segui la segnaletica “Business Lounge”</strong>.</p>
<div class="u-mt-space-24"><img src="../../images/mappa-mbl-pin.jpg" alt=""></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-cart__stickywrapper u-sticky u-sticky--top">
<div class="c-cart c-cart--parkings {{modifier}}">
<input type="checkbox" id="cart-toggle" name="cart-toggle" class="u-chkbx-toggle c-cart__input-toggle"
aria-controls="cart-toggle-expanded" aria-label="Espandi per le informazioni del parcheggio" role="switch">
{{!-- <div class="c-cart__overlay"></div> --}}
{{#if cartTitle}}
<div class='c-cart__title'>
<div>{{cartTitle}}</div>
</div>
{{/if}}
{{#if hasLoading}}
{{ render "@loading" loading merge=true }}
{{/if}}
<div class="c-cart__minimal">
<div class="c-cart__minimal-pass">
<div class="c-cart__passengers">
{{title}}
</div>
<label for="cart-toggle" class='c-cart__toggle c-cart__toggle--open'>
Più dettagli {{> @icon symbol="ic_expand_more_black_24px" class="c-icon c-icon--16"}}
</label>
</div>
<div class="c-cart__minimal-price">
<div class="c-cart__netprice">{{{ cartTotal.netprice }}}</div>
<div class="c-cart__price">
{{{ cartTotal.price }}}
</div>
</div>
<div class="c-cart__logo">
{{#if showProduct }}
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
{{/if}}
{{#if showAdditionals }}
{{#each additionals }}
<img src="{{ this.additional-type-img }}" alt="{{ this.additional-type-name }}">
{{/each}}
{{/if}}
</div>
{{#if showCartCta }}
<div class="c-cart__minimal-cta">
{{> @button cartCta }}
</div>
{{/if}}
</div>
{{!-- CART EXPANDED --}}
<div class="c-cart__expanded u-chkbx-toggleReceiver" id="cart-toggle-expanded">
{{!-- PRODUCT PARKING --}}
{{#if showProduct }}
<div class='c-cart__title'>
<div>{{productTitle}}</div>
{{#if showTelepassIcon }}
<div><img src="{{ path '/images/svgs/telepass.svg' }}" alt="logo telepass" width="68"></div>
{{/if}}
</div>
<div class="c-cart__product ">
<div class="c-cart__park ">
<div class="c-cart__entrance">
<div class="u-color-sky-120"><strong>Entrata</strong></div>
<div>Dal <strong>29/04/2022</strong></div>
<div>ore <strong>9.30</strong></div>
</div>
<div class="c-cart__exit">
<div class="u-color-sky-120"><strong>Uscita</strong></div>
<div>Dal <strong>30/04/2022</strong></div>
<div>ore <strong>12.30</strong></div>
</div>
<div class="c-cart__logo">
<img src="{{ parking-type-img }}" alt="{{ parking-type-name }}">
</div>
</div>
{{#if showModifyRow }}
<div class="c-cart__park-modify">
<div>
{{#if showModifyDates }}
<a href="#" class="u-color-night-100 js-fr-dialogmodal-open" aria-controls="dialog-parking-form">
<strong>{{> @icon symbol="ic_mode_edit_black_24px" class="c-icon c-icon--16"}} Modifica date e
orari</strong>
</a>
{{/if}}
</div>
<div>
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
{{/if}}
{{#if showProductRecap }}
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Tariffa scontata parcheggio</span>
</div>
<div>
<span class="barred">{{parking-price-full}}</span> <strong class="final">{{parking-price-final}}</strong>
</div>
</div>
{{/if}}
{{!-- VOUCHER --}}
{{#if showVoucher }}
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Voucher PARK12345MH</span>
<p class="u-typo-level-0">(Utilizzo parziale: ti verranno scalati i rimanenti 10,00€ al tuo prossimo acquisto Park. Importo originale: 50,90 €)</p>
</div>
<div>
<strong class="final">-18,00€</strong>
</div>
</div>
<div class="c-cart__vouchers">
<div class="c-cart__vouchers-disclosure">
{{#> @collapsible--raw @root.vouchers-disclosure }}
{{#each items}}
<div class="c-cart__park-recap">
<div>
<span class="recap-label">{{ name }}</span>
</div>
<div>
<span class="final">{{ price }}</span>
</div>
</div>
{{/each}}
{{/@collapsible--raw}}
</div>
<div><span class="c-cart__vouchers-total">-80,99€</span></div>
</div>
{{/if}}
{{!-- END VOUCHER --}}
{{#if noDiscount }}
<div class="c-cart__park-recap has-warning">
<div>
<strong class="recap-label">Tariffa parcheggio</strong>
<span>Non benefici dello sconto di <span class="red">12,70€</span> riservato ai pagamenti online (possibile <strong>a 24 ore</strong> dall'inizio della sosta)</span>
</div>
<div>
<strong class="final">{{parking-price-full}}</strong>
</div>
</div>
{{/if}}
{{#if showProductCode }}
<div class="c-cart__park-recap">
<div>
<strong class="recap-label u-color-sky-120 u-block">Prenotazione avvenuta</strong>
<span>Codice: <strong>2022-V3835</strong></span>
<div class="u-pt-space-16">
<a href="#">Scopri come accedere al parcheggio ➝</a>
</div>
</div>
<div>
{{#if lookOnMap}}{{> @button--icon-square lookOnMap }}{{/if}}
{{#if lookOnDetails}}{{> @button--icon-square lookOnDetails }}{{/if}}
</div>
</div>
{{/if}}
</div>
{{/if}}
{{!-- END PRODUCT PARKING --}}
{{!-- PRODUCT MBL --}}
{{#if showAdditionals }}
<div class='c-cart__additional'>
{{#each additionals }}
<div class='c-cart__additional-title'>
<div>{{this.title}}</div>
{{#if btn-delete}}<div>{{> @button--icon-text btn-delete }}</div>{{/if}}
</div>
<div class="c-cart__park ">
<div class="c-cart__entrance">
<div class="u-color-sky-120"><strong>Data di ingresso</strong></div>
<div>Dal <strong>29/04/2022</strong></div>
<div>{{> @icon symbol="ic-passenger" class="c-icon c-icon--12"}} <small>1 ingresso</small></div>
<div><small>Bambini gratis sotto i 10 anni</small></div>
<div><small>Si ricorda di imbarcare i bagagli da stiva prima di accedere in lounge.</small></div>
</div>
<div class="c-cart__logo">
<img src="{{ this.additional-type-img }}" alt="{{ this.additional-type-name }}">
</div>
</div>
{{#unless showAdditionalCode }}
<div class="c-cart__park-modify">
<div>
<strong>{{> @icon symbol="ic-schedule-24px" class="c-icon c-icon--16"}} Aperto tutti i giorni dalle 5:00 alle 20:00</strong>
</div>
<div>
{{#if lookOnMapLounge}}{{> @button--icon-square lookOnMapLounge }}{{/if}}
{{#if lookOnDetailsLounge}}{{> @button--icon-square lookOnDetailsLounge }}{{/if}}
</div>
</div>
{{/unless}}
{{#if showModifyReservation }}
<div class="c-cart__park-modify">
<a href="#" class="u-color-night-100 js-fr-dialogmodal-open" aria-controls="dialog-parking-form-mbl">
<strong>{{> @icon symbol="ic_mode_edit_black_24px" class="c-icon c-icon--16"}} Modifica date e numero
ingressi</strong>
</a>
</div>
{{/if}}
{{#if showAdditionalCode }}
<div class="c-cart__park-recap">
<div>
<strong class="recap-label u-color-sky-120 u-block">Prenotazione avvenuta</strong>
<span>Codice: <strong>2022-V3835</strong></span>
<div class="u-pt-space-16">
<a href="#">Scopri come accedere alla VIP Lounge ➝</a>
</div>
</div>
<div class="">
{{#if lookOnMapLounge}}{{> @button--icon-square lookOnMapLounge }}{{/if}}
{{#if lookOnDetailsLounge}}{{> @button--icon-square lookOnDetailsLounge }}{{/if}}
</div>
</div>
{{/if}}
<div class="c-cart__park-recap">
<div><span>{{this.additional-recap-text}}</span></div>
<div class="u-text-right"><span class="barred">{{this.additional-price-full}}</span> <strong class="final">{{this.additional-price-final}}</strong></div>
</div>
{{!-- VOUCHER --}}
{{#if @root.showVoucher }}
<div class="c-cart__park-recap">
<div>
<span class="recap-label">Voucher LOUNGE12345MH</span>
<p class="u-typo-level-0">(Utilizzo parziale: ti verranno scalati i rimanenti 10,00€ al tuo prossimo acquisto Park. Importo originale: 50,90 €)</p>
</div>
<div>
<strong class="final">-18,00€</strong>
</div>
</div>
<div class="c-cart__vouchers">
<div class="c-cart__vouchers-disclosure">
{{#> @collapsible--raw @root.vouchers-disclosure }}
{{#each items}}
<div class="c-cart__park-recap">
<div>
<span class="recap-label">{{ name }}</span>
</div>
<div>
<span class="final">{{ price }}</span>
</div>
</div>
{{/each}}
{{/@collapsible--raw}}
</div>
<div><span class="c-cart__vouchers-total">-80,99€</span></div>
</div>
{{/if}}
{{!-- END VOUCHER --}}
{{#if showAdditionalWarning }}
<div class="c-cart__park-recap has-warning">
<div>
<strong class="recap-label">Tariffa standard Lounge</strong>
<span>Non benefici dello sconto di <span class="red">6€</span> riservato ai pagamenti online (possibile <strong>a 24 ore</strong> dall'inizio della sosta)</span>
</div>
<div class="u-text-right">
<strong class="final">{{this.additional-price-full}}</strong>
</div>
</div>
{{/if}}
{{/each}}
</div>
{{/if}}
{{!-- END PRODUCT MBL --}}
{{#if showAddons }}
<div class='c-cart__addons'>
<ul>
{{#each addons }}
<li class="c-cart__addon">
<div class="c-cart__addon-name">{{{ this.name }}}</div>
<div class="c-cart__addon-price">{{{ this.price }}}</div>
</li>
{{/each}}
</ul>
<p class="c-cart__addons-disclaimer">
{{{ addonsDisclaimer }}}
</p>
</div>
{{/if}}
{{#if showCartTotal }}
<div class='c-cart__total'>
<div class="c-cart__features">
{{{ cartTotal.label }}}
</div>
<div class="c-cart__digit">
<div class="c-cart__netprice">{{{ cartTotal.netprice }}}</div>
<div class="c-cart__price"> {{{ cartTotal.price }}} </div>
</div>
</div>
{{/if}}
<div class='c-cart__footer'>
<label for="cart-toggle" class='c-cart__toggle c-cart__toggle--close'>
Meno dettagli {{> @icon symbol="ic_expand_less_black_24px" class="c-icon c-icon--16"}}
</label>
{{#if showCartCta }}{{> @button cartCta }}{{/if}}
{{#if cartCtaModal }}{{> @button cartCtaModal }}{{/if}}
</div>
</div>
{{!-- END CART EXPANDED --}}
</div>
{{#if voucher-info}}
<p class="c-cart__voucher-info">{{{ voucher-info.text }}}</p>
{{/if}}
</div>
{{ render "@dialog--parking-form" parking-form-dialog merge=true }}
{{ render "@dialog--parking-form-mbl" parking-form-dialog-mbl merge=true }}
{{> @dialog--parking-map parking-dialog-map }}
{{ render "@dialog--parking-info" parking-dialog-info merge=true }}
{{ render "@dialog--mbl-info" mbl-info merge=true }}
{{ render "@dialog--mbl-map" mbl-map merge=true }}
{
"showProduct": true,
"showTelepassIcon": false,
"noDiscount": false,
"showModifyRow": true,
"showModifyDates": true,
"showProductRecap": true,
"showVoucher": true,
"showAdditionals": true,
"showAddons": true,
"hasLoading": false,
"showCartTotal": true,
"showCartCta": true,
"title": "Le tue prenotazioni",
"productTitle": "Il tuo parcheggio",
"parking-type-name": "Parcheggio P1",
"parking-type-img": "/images/svgs/p1.svg",
"parking-price-full": "128,90 €",
"parking-price-final": "100,99 €",
"vouchers-disclosure": {
"modifier": "o-collapsible--raw",
"title": "Voucher [TYPE] (3)",
"items": [
{
"name": "Voucher TYPE8567MH",
"price": "-20,99€"
},
{
"name": "Voucher TYPE1234KL",
"price": "-40,00€"
},
{
"name": "Voucher TYPE9964IT",
"price": "-20,40€"
}
]
},
"loading": {
"text": "Stiamo aggiornando il carrello"
},
"lookOnMap": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square u-bg-color-sky-100 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 dettagli del parcheggio",
"svg": {
"symbol": "ic-info-serif",
"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"
},
"additionals": [
{
"title": "La tua VIP Lounge",
"btn-delete": {
"type": "button",
"text": "Elimina",
"modifier": "c-button--icon-text u-bg-color-negative",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa del parcheggio",
"svg": {
"symbol": "ic-trash",
"class": "svg-16"
}
},
"additional-type-name": "MBL VIP Lounge",
"additional-type-img": "/images/oblo-mbl.png",
"additional-recap-text": "Tariffa scontata Lounge",
"additional-price-full": "30,00 €",
"additional-price-final": "24,00 €",
"showAdditionalWarning": true,
"lookOnMapLounge": {
"type": "button",
"text": "Guarda in mappa",
"modifier": "c-button--icon-square u-bg-color-sky-100 js-fr-dialogmodal-open",
"opens-dialog": "dialog-p1-map",
"aria-label": "Apri la modale per consultare la mappa",
"svg": {
"symbol": "ic-pin-map",
"class": "svg-16"
}
},
"lookOnDetailsLounge": {
"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",
"svg": {
"symbol": "ic-info-serif",
"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"
}
}
],
"addons": [
{
"name": "<strong>Consegna al volo</strong> x1",
"price": "<strong>Prenotazione aggiunta</strong>"
}
],
"cartTotal": {
"label": "Totale della tariffa scontata pagando online",
"price": "124,99 €",
"netprice": "158,90 €"
},
"features": {
"aria-label": "Caratteristiche di questa prenotazione",
"items": [
{
"icon": "ic-euro-symbol-24px",
"text": "Non rimborsabile",
"modifier": "c-icon-list__item--disabled"
},
{
"icon": "ic_mode_edit_black_24px",
"text": "Modificabile"
}
]
},
"cartCta": {
"type": "submit",
"text": "Paga ora",
"modifier": "c-button--submit c-button--elastic"
},
"parking-form-dialog": {
"id": "dialog-parking-form",
"dialog-labelledby": "title",
"title": "Modifica gli orari della tua sosta",
"paragraph": "Qualora non ci fossero disponibilità per gli orari scelti in questo parcheggio, ti proporremo le migliori alternative",
"entrance-date": {
"label_id": "entrance-date",
"label_message": "Entrata",
"label_class": "is-datepicker",
"screen-reader-text": "Scegli la data",
"atom-input": {
"id": "entrance-date",
"type": "date",
"class": null,
"placeholder": "Scegli la data",
"required": true,
"hasNote": true,
"describedby": "entrance-date-note"
},
"note_id": "entrance-date-note",
"note_message": "Seleziona la data di entrata al parcheggio",
"note_class": "u-visuallyhidden"
},
"entrance-time": {
"label_id": "entrance-time",
"label_message": "Ore",
"label_class": null,
"atom-select": {
"id": "entrance-time",
"class": null,
"required": true,
"hasNote": true,
"describedby": "entrance-time-note",
"placeholder": "00:00",
"options": [
{
"value": "option-1",
"text": "20:00"
},
{
"value": "option-2",
"text": "20:15"
},
{
"value": "option-3",
"text": "20:30"
},
{
"value": "option-4",
"text": "20:45"
}
]
},
"note_id": "entrance-time-note",
"note_message": "Seleziona l'ora di ingresso al parcheggio",
"note_class": "u-visuallyhidden"
},
"exit-date": {
"label_id": "exit-date",
"label_message": "Uscita",
"label_class": "is-datepicker",
"screen-reader-text": "Scegli la data",
"atom-input": {
"id": "exit-date",
"type": "date",
"class": null,
"placeholder": "Scegli la data",
"required": true,
"hasNote": true,
"describedby": "exit-date-note"
},
"note_id": "exit-date-note",
"note_message": "Seleziona la data di uscita dal parcheggio",
"note_class": "u-visuallyhidden"
},
"exit-time": {
"label_id": "exit-time",
"label_message": "Ore",
"label_class": null,
"atom-select": {
"id": "exit-time",
"class": null,
"required": true,
"hasNote": true,
"describedby": "exit-time-note",
"placeholder": "00:00",
"options": [
{
"value": "option-1",
"text": "20:00"
},
{
"value": "option-2",
"text": "20:15"
},
{
"value": "option-3",
"text": "20:30"
},
{
"value": "option-4",
"text": "20:45"
}
]
},
"note_id": "exit-time-note",
"note_message": "Seleziona l'ora di uscita dal parcheggio",
"note_class": "u-visuallyhidden"
},
"select-conventions": {
"label_id": "select-conventions",
"label_message": "Convenzione:",
"label_class": "",
"atom-select": {
"id": "select-conventions",
"class": "",
"required": false,
"hasNote": true,
"describedby": "select-conventions-note",
"placeholder": "Hai una convenzione?",
"options": [
{
"value": "option-1",
"text": "Alba Tour"
},
{
"value": "option-2",
"text": "Alpitour"
},
{
"value": "option-3",
"text": "Brixia Viaggi"
},
{
"value": "option-4",
"text": "Club Med"
},
{
"value": "option-5",
"text": "Domina Travel"
},
{
"value": "option-6",
"text": "In Viaggi"
},
{
"value": "option-7",
"text": "Marsupio Group"
},
{
"value": "option-8",
"text": "Smeg S.p.A."
},
{
"value": "option-9",
"text": "Viaggi Idea"
}
]
},
"note_id": "select-conventions-note",
"note_message": "Seleziona un'opzione dal menù a tendina",
"note_class": "u-visuallyhidden"
},
"submit": {
"name": "submit",
"type": "submit",
"text": "Verifica la nuova disponibilità",
"modifier": "c-button--submit c-button--large"
}
},
"parking-form-dialog-mbl": {
"id": "dialog-parking-form-mbl",
"dialog-labelledby": "title",
"title": "Modifica gli orari della tua prenotazione",
"paragraph": "Qualora non ci fossero disponibilità per gli orari scelti in questo parcheggio, ti proporremo le migliori alternative",
"mbl-date": {
"label_id": "mbl-date",
"label_message": "Data Prevista",
"label_class": "is-datepicker",
"screen-reader-text": "Scegli la data",
"atom-input": {
"id": "mbl-date",
"type": "date",
"class": null,
"placeholder": "Scegli la data",
"required": true,
"hasNote": true,
"describedby": "mbl-date-note"
},
"note_id": "mbl-date-note",
"note_message": "Seleziona la data di prenotazione",
"note_class": "u-visuallyhidden"
},
"mbl-people": {
"label_id": "mbl-people",
"label_message": "Persone",
"label_class": null,
"atom-select": {
"id": "mbl-people",
"class": null,
"required": true,
"hasNote": true,
"describedby": "mbl-people-note",
"placeholder": "1",
"options": [
{
"value": "option-1",
"text": "1"
},
{
"value": "option-2",
"text": "2"
},
{
"value": "option-3",
"text": "3"
},
{
"value": "option-4",
"text": "4"
}
]
},
"note_id": "mbl-people-note",
"note_message": "Seleziona il numero di persone",
"note_class": "u-visuallyhidden"
},
"submit": {
"name": "submit",
"type": "submit",
"text": "Modifica",
"modifier": "c-button--submit c-button--large"
}
},
"voucher-info": {
"text": "I voucher parcheggio che hai a disposizione vengono applicati automaticamente al carrello."
}
}
.c-cart {
background-color: #fff;
position: relative;
@include shadow(small);
@include max-screen(bp(tablet-p)) {
// margin-top: remify(-64px);
margin-left: remify(-16px);
margin-right: remify(-16px);
}
@include min-screen(bp(tablet-p)) {
@include shadow(small);
border: 1px solid primary(sky,20);
border-radius: remify(16px);
overflow: hidden;
margin-bottom: remify(16px);
}
&.has-offline-payment {
animation: flash 2s forwards cubic-bezier(0.25, 1, 0.5, 1);
animation-iteration-count: 1
}
}
@keyframes flash {
0% {
box-shadow: 0 0 12px 0 primary(sun,60);
}
100% {
box-shadow: 0 0 0 0 transparent;
}
}
.c-cart__input-toggle {
display: none;
}
.c-cart__minimal {
// padding: remify(16px) remify(24px);
padding: remify(16px);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
@include min-screen(bp(tablet-p)) {
display: none;
}
.c-cart__minimal-cta {
width: 100%;
flex-grow: 1;
padding-top: remify(8px);
.c-button {width: 100%;}
}
.u-chkbx-toggle:checked ~ & .c-cart__toggle--open,
.u-chkbx-toggle:checked ~ & .c-cart__minimal-cta {
display: none;
}
}
.c-cart__toggle,
.c-form .c-cart__toggle {
color: primary(night, 100);
@include font-scale(level-1);
font-weight: fw(regular);
text-decoration: underline;
svg {
vertical-align: middle;
}
.c-cart__minimal & {
margin-top: remify(12px);
}
.c-cart__footer & {
margin-bottom: 0;
min-width: remify(80px);
@include min-screen(bp(tablet-p)) {
display: none;
}
}
}
.c-cart__expanded.u-chkbx-toggleReceiver {
display: none;
position: relative;
z-index: 1;
@include min-screen(bp(tablet-p)) {
display: block !important;
}
}
.c-cart__title {
@include font-scale(level-3);
font-weight: fw(bold);
color: primary(night,100);
// padding: remify(16px) remify(24px);
padding: remify(16px);
display: flex;
justify-content: space-between;
}
.c-cart__class-label {
position: absolute;
top: remify(16px);
right: remify(16px);
}
.c-cart__routes {
// padding: remify(16px) remify(24px);
padding: remify(16px);
& > .c-route {
margin-bottom: remify(16px);
}
& > .c-route:not(:last-child) {
padding-bottom: remify(32px);
margin-bottom: remify(32px);
border-bottom: 1px solid primary(sky, 20);
}
.c-airport-info__name,
.c-icon-list__text {
display: none;
}
@include max-screen(bp(tablet-p)) {
.c-route__flight-company,
.c-icon-list {
display: none;
}
}
.c-airport-info__code,
.c-airport-info__time {
font-size: remify(16px);
}
.c-flight-stops__toggle label {
color: primary(night, 100);
background-color: #fff;
}
}
.c-cart__addons {
// padding: remify(16px) remify(24px);
padding: remify(16px);
background-color: primary(sky, 20);
color: primary(night, 100);
@include font-scale(level-1);
.c-cart__addon {
display: flex;
justify-content: space-between;
margin-bottom: remify(8px);
}
.c-cart__addons-disclaimer {
color: primary(night, 80);
}
}
.c-cart__total {
// padding: remify(16px) remify(24px);
padding: remify(16px);
display: none;
@include min-screen(bp(tablet-p)) {
display: flex;
justify-content: space-between;
}
.c-cart__digit {
text-align: right;
}
}
.c-cart__price {
@include font-scale(level-4);
font-weight: fw(bold);
color: secondary(text, 80);
.btn-open-bill {
border: 0;
background: none;
svg * {
fill: primary(night, 40);
}
}
}
.c-cart__passengers {
@include font-scale(level-1);
color: secondary(text, 100);
}
.c-cart__netprice {
@include font-scale(level-0);
color: primary(night, 80);
}
.c-cart__footer {
// padding: remify(16px) remify(24px);
padding: remify(16px);
display: flex;
align-items: center;
justify-content: space-between;
// @include min-screen(bp(tablet-p)) {
// padding: 0;
// }
button {
margin-top: 0;
@include max-screen(bp(tablet-p)) {
transform: scale(75%);
transform-origin: center right;
}
@include min-screen(bp(tablet-p)) {
width: 100%;
// margin: remify(16px) remify(24px);
}
}
}
/*------------------------------------*\
additional code for .c-form wrapper
\*------------------------------------*/
.c-form .c-cart {
.c-button--submit { margin-top: 0; }
}
/*------------------------------------*\
Cart PARKING modifier
\*------------------------------------*/
.c-cart--parkings {
// .c-cart__title { display: none; }
// .u-chkbx-toggle:checked ~ .c-cart__title { display: none; }
.u-chkbx-toggle:checked ~ .c-cart__minimal { display: none; }
.c-cart__minimal {
justify-content: flex-end;
.c-cart__minimal-pass {
margin-left: 0;
flex-grow: 1;
}
.c-cart__minimal-price {
text-align: right;
.c-cart__netprice { margin-right: 0; }
}
.c-cart__logo {
width: auto;
max-width: 100%;
margin-left: remify(16px);
display: flex;
justify-content: flex-end;
img {
max-width: remify(36px);
display: inline-block;
margin-left: remify(8px);
}
}
}
.c-cart__product {
border-bottom: 1px solid primary(night,10);
}
.c-cart__park,
.c-cart__park-modify,
.c-cart__park-recap {
display: flex;
justify-content: space-between;
padding: 0 remify(16px) remify(16px);
@include font-scale(level-1);
@include min-screen(bp(tablet-p)) {
@include font-scale(level-2);
}
svg {
fill: currentColor;
vertical-align: bottom;
}
}
.c-cart__park-recap.has-warning {
padding-top: remify(16px);
background-color: primary(sun,10);
display: none;
& > * {
min-width: remify(80px);
}
.recap-label {
display: block;
}
.red {
font-weight: fw(bold);
color: status(negative);
}
}
&.has-offline-payment .c-cart__park-recap {
display: none;
}
&.has-offline-payment .c-cart__park-recap.has-warning {
display: flex;
}
.c-cart__entrance,
.c-cart__exit {
flex-grow: 1;
svg {
vertical-align: middle;
}
}
.c-cart__entrance {
margin-right: remify(16px);
background-image: url('../images/svgs/caret.svg');
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
}
.c-cart__logo {
max-width: remify(68px);
}
.c-cart__park-modify,
.c-cart__park-recap {
@include font-scale(level-1);
align-items: center;
.c-button--icon-square {
margin-left: remify(8px);
}
}
.c-cart__park-recap {
@include font-scale(level-1);
color: secondary(text, 100);
align-items: flex-start;
.barred { text-decoration: line-through; color: primary(night, 60);}
.final { @include font-scale(level-2); }
a { color: primary(night, 100); font-weight: fw(bold); }
}
.c-cart__additional {
background-color: primary(sky, 20);
.c-cart__additional-title {
display: flex;
justify-content: space-between;
@include font-scale(level-3);
font-weight: fw(bold);
color: primary(night,100);
// padding: remify(16px) remify(24px);
padding: remify(16px);
}
small {
@include font-scale(level-1);
color: secondary(text, 100);
}
}
.c-cart__total {
display: flex;
}
.c-cart__features,
.c-cart__digit {
align-self: center;
flex-basis: 50%;
}
.c-cart__features {
@include font-scale(level-1, bold);
color: secondary(text, 100);
}
.c-cart__digit {
display: flex;
justify-content: flex-end;
align-items: center;
}
.c-cart__price {
@include font-scale(level-3);
font-weight: fw(bold);
color: secondary(text, 100);
}
.c-cart__netprice {
@include font-scale(level-1);
font-weight: fw(regular);
color: primary(night, 60);
text-decoration: line-through;
margin-right: remify(8px);
}
.c-button--modal{ display: none;}
&.has-offline-payment .c-cart__footer {
.c-button { display: none; }
.c-button--modal{ display: inline-block;}
}
}
/*------------------------------------*\
Cart PARK RECAP modifier
\*------------------------------------*/
.c-cart--parking-recap {
&.c-cart {
background-color: #fff;
position: relative;
@include shadow(small);
margin-left: 0;
margin-right: 0;
border: 1px solid primary(sky,20);
border-radius: remify(16px);
overflow: hidden;
margin-bottom: remify(32px);
}
.c-cart__title {
display: flex;
}
.c-cart__expanded {
display: block !important;
}
}
/*------------------------------------*
Cart PARK RECAP MINIMAL modifier
*------------------------------------*/
.c-cart--parking-recap-minimal {
&.c-cart {
box-shadow: none;
border: none;
border-radius: 0;
}
.c-cart__park {
padding: 0;
}
.c-cart__product {
border-bottom: 0;
}
}
.c-cart__vouchers {
padding: 0 remify(16px) remify(16px);
position: relative;
.c-cart__park-recap {
padding: 0 0 remify(8px);
.final {
@include font-scale(level-1-5);
}
}
}
.c-cart__vouchers-total {
@include font-scale(level-1-5, bold);
position: absolute;
right: remify(16px);
top: 0;
}
.c-cart__vouchers {
.c-collapsible__button {
@include font-scale(level-1);
color: primary(night, 100);
font-weight: fw(semibold);
cursor: pointer;
}
.o-collapsible__content {
margin-top: remify(16px);
}
}
.c-cart__voucher-info {
@include font-scale(level-2);
color: secondary(text, 100);
@include max-screen(bp(tablet-p)) {
display: none;
}
}
No notes defined.