<a href='#maincontent' class='c-skip-navigation'>
Passa al contenuto principale
</a>
<header class="c-header c-header--progress">
<div class="c-header__inner">
<div class="c-header__toolbar">
<div class='c-toolbar c-toolbar--minimal c-toolbar--progress'>
<div class='c-toolbar__inner'>
<div class='c-toolbar__left'>
<a href="" class='c-toolbar__logo'>
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
</div>
<div class='c-toolbar__center'>
<ol class="c-progress" tabindex="0" role="progressbar" aria-valuemin="1" aria-valuemax="5" aria-valuenow="2" aria-valuetext="Step 2 di 5: ">
<li class="c-progress__step " data-step-current>
<a href="" data-extra-text="">Scegli il volo</a>
</li>
<li class="c-progress__step " data-step-incomplete>
<a href="" data-extra-text="">Dati dei passeggeri</a>
</li>
<li class="c-progress__step " data-step-incomplete>
<a href="" data-extra-text="">Dati di pagamento</a>
</li>
<li class="c-progress__step " data-step-incomplete>
<a href="" data-extra-text="">Preventivo</a>
</li>
<li class="c-progress__step " data-step-incomplete>
<a href="" data-extra-text="">Ricevi conferma</a>
</li>
</ol>
</div>
<div class='c-toolbar__right'>
<div class="c-menu">
<input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
<label for="toggle" data-opens-menu>
<span>Accedi a MyBLQ</span>
<img src="../../images/svgs/stk_generic-user.svg" alt="" role="presentation" aria-hidden="true" width="24">
<svg class="expanded-text c-icon c-icon--24">
<use xlink:href="#ic_arrow_drop_up_black_24px"></use>
</svg> <svg class="collapsed-text c-icon c-icon--24">
<use xlink:href="#ic_arrow_drop_down_black_24px"></use>
</svg> <span class="u-visuallyhidden expanded-text">Menù aperto</span>
<span class="u-visuallyhidden collapsed-text">Menù chiuso</span>
</label>
<div role="menu" data-menu-origin="right">
<div class="c-menu__img">
<img src="../../images/svgs/stk_generic-user.svg" alt="Accedi alla MyBLQ" aria-hidden="true" width="80">
</div>
<p class="c-menu__title">Accedi alla tua area MyBLQ</p>
<form action="" class="c-form c-form--menu">
<label for="login_email" class="" aria-label="">
e-mail
<input id="login_email" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="" aria-describedby="email-login-note">
<p class="c-field__note u-visuallyhidden" id="email-login-note">
Compila il campo inserendo il tuo indirizzo e-mail
</p>
</label>
<label for="login-psw" class="has-password-button" aria-label="">
password
<input id="login-psw" type="password" class="" placeholder="Inserisci la tua password" value="" aria-describedby="psw-login-note" autocomplete="current-password">
<button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>
<p class="c-field__note u-visuallyhidden" id="psw-login-note">
Compila il campo inserendo la password del tuo account
</p>
</label>
<a href="/components/preview/insert-email" class="forgetful">Non ricordi la tua password?</a>
<button type="button" class="c-button c-button--submit">
Accedi
</button>
</form>
<a href="/components/preview/page-choice-profile" class="c-menu__invite">Non hai un profilo MyBLQ? Registrati ora</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class='c-overlay'></div>
<main class="c-main--shiftedtop flights-form" id='maincontent'>
<div class="l-page-flights-results__search-recap">
<div class="c-booking-info c-booking-info--flights ">
<div class="c-booking-info__inner">
<div class="u-mb-space-8">
<p><strong>Tipo di viaggio</strong>: Economy - Andata e ritorno</p>
</div>
<div grid="grid vertical-center">
<dl grid="3@md">
<dt>Da</dt>
<dd>Bologna, Guglielmo Marconi [BLQ]</dd>
</dl>
<dl grid="3@md">
<dt>A</dt>
<dd>Dubai, Al Maktoum Intl [DWC]</dd>
</dl>
<div grid="3@md" class="round-trip">
<dl>
<dt>Andata</dt>
<dd><time datetime="2024/02/12">12/02/2024</time></dd>
</dl>
<dl>
<dt>Ritorno</dt>
<dd><time datetime="2024/02/18">18/02/2024</time></dd>
</dl>
</div>
<dl grid="1@md">
<dt>Passeggeri</dt>
<dd>2</dd>
</dl>
<div grid="2@md" class="u-text-right">
<button type="button" class="c-button c-button--adding js-fr-dialogmodal-open" aria-controls="dialog-flights-form">
Modifica la ricerca
</button>
</div>
</div>
</div>
</div>
</div>
<div class="l-page-flights-results__filters-flight">
<div class="c-filters ">
<div class="c-filters__list">
<div class="c-filters__item">
<div class="c-dropdown-filter " role="group">
<button class="c-dropdown-filter__btn" aria-haspopup="true" aria-expanded="false" data-target="content-1">
Voli
<div class="icon"><svg class="c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg></div>
</button>
<div id="content-1" class="c-dropdown-filter__content" role="menu" hidden>
<div class="c-form">
<div class="filter-item"><input type="checkbox" id="flights-filters-1" name="flights-filters-1" class="u-visuallyhidden " role="group" aria-label="flights-filters-1">
<label for="flights-filters-1" class="">
Tutti i risultati
</label>
</div>
<div class="filter-item"><input type="checkbox" id="flights-filters-2" name="flights-filters-2" class="u-visuallyhidden " role="group" aria-label="flights-filters-2">
<label for="flights-filters-2" class="">
Voli diretti
</label>
</div>
<div class="filter-item"><input type="checkbox" id="flights-filters-3" name="flights-filters-3" class="u-visuallyhidden " role="group" aria-label="flights-filters-3">
<label for="flights-filters-3" class="">
Voli con scalo
</label>
</div>
</div>
</div>
</div>
</div>
<div class="c-filters__item">
<div class="c-dropdown-filter c-dropdown-filter--tabs " role="group">
<button class="c-dropdown-filter__btn" aria-haspopup="true" aria-expanded="false" data-target="content-2">
Prezzo
<div class="icon"><svg class="c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg></div>
</button>
<div id="content-2" class="c-dropdown-filter__content" role="menu" hidden>
<ul data-tabs-price class="c-dropdown-filter__tabs">
<li class="tab">
<a data-tabby-default href="#price-andata">Andata</a>
</li>
<li class="tab">
<a href="#price-ritorno">Ritorno</a>
</li>
</ul>
<div id="price-andata" class="tab-content">
<div class="c-rangeslider u-mt-space-48">
<div class="c-rangeslider__exp-values">
</div>
<div class="c-rangeslider__item">
<div id="slider-price-round"></div>
</div>
</div>
</div>
<div id="price-ritorno" class="tab-content">
<div class="c-rangeslider u-mt-space-48">
<div class="c-rangeslider__exp-values">
</div>
<div class="c-rangeslider__item">
<div id="slider-price-trip"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-filters__item">
<div class="c-dropdown-filter c-dropdown-filter--tabs " role="group">
<button class="c-dropdown-filter__btn" aria-haspopup="true" aria-expanded="false" data-target="content-3">
Aeroporto
<div class="icon"><svg class="c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg></div>
</button>
<div id="content-3" class="c-dropdown-filter__content" role="menu" hidden>
<ul data-tabs-airport class="c-dropdown-filter__tabs">
<li class="tab">
<a data-tabby-default href="#airport-andata">Andata</a>
</li>
<li class="tab">
<a href="#airport-ritorno">Ritorno</a>
</li>
</ul>
<div id="airport-andata" class="tab-content">
<div class="c-form">
<div class="filter-item"><input type="checkbox" id="round-airport-1" name="round-airport-1" class="u-visuallyhidden " role="group" aria-label="round-airport-1">
<label for="round-airport-1" class="">
Milano, Bergamo/Orio Al Serio [BGY] (ITALIA)
</label>
</div>
<div class="filter-item"><input type="checkbox" id="round-airport-2" name="round-airport-2" class="u-visuallyhidden " role="group" aria-label="round-airport-2">
<label for="round-airport-2" class="">
Milano, Linate [LIN] (ITALIA)
</label>
</div>
<div class="filter-item"><input type="checkbox" id="round-airport-3" name="round-airport-3" class="u-visuallyhidden " role="group" aria-label="round-airport-3">
<label for="round-airport-3" class="">
Milano, Malpensa [MXP] (ITALIA)
</label>
</div>
<div class="filter-item"><input type="checkbox" id="round-airport-4" name="round-airport-4" class="u-visuallyhidden " role="group" aria-label="round-airport-4">
<label for="round-airport-4" class="">
Milano, Tutti gli aeroporti [MIL] (ITALIA)
</label>
</div>
</div>
</div>
<div id="airport-ritorno" class="tab-content">
<div class="c-form">
<div class="filter-item"><input type="checkbox" id="trip-airport-1" name="trip-airport-1" class="u-visuallyhidden " role="group" aria-label="trip-airport-1">
<label for="trip-airport-1" class="">
Roma, Fiumicino [FCO] (ITALIA)
</label>
</div>
<div class="filter-item"><input type="checkbox" id="trip-airport-2" name="trip-airport-2" class="u-visuallyhidden " role="group" aria-label="trip-airport-2">
<label for="trip-airport-2" class="">
Roma, Ciampino [CIA] (ITALIA)
</label>
</div>
<div class="filter-item"><input type="checkbox" id="trip-airport-3" name="trip-airport-3" class="u-visuallyhidden " role="group" aria-label="trip-airport-3">
<label for="trip-airport-3" class="">
Roma, Tutti gli aeroporti [ROM] (ITALIA)
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-filters__item">
<div class="c-dropdown-filter c-dropdown-filter--tabs " role="group">
<button class="c-dropdown-filter__btn" aria-haspopup="true" aria-expanded="false" data-target="content-4">
Orario
<div class="icon"><svg class="c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg></div>
</button>
<div id="content-4" class="c-dropdown-filter__content" role="menu" hidden>
<ul data-tabs-time class="c-dropdown-filter__tabs">
<li class="tab">
<a data-tabby-default href="#time-andata">Andata</a>
</li>
<li class="tab">
<a href="#time-ritorno">Ritorno</a>
</li>
</ul>
<div id="time-andata" class="tab-content">
<div class="c-rangeslider ">
<div class="c-rangeslider__exp-values">
<span class="label">Partenza: </span>
<span class="number" id="slider-time-departure-round-left-val"></span>
<span class="number" id="slider-time-departure-round-right-val"></span>
</div>
<div class="c-rangeslider__item">
<div id="slider-time-departure-round"></div>
</div>
</div>
<div class="c-rangeslider ">
<div class="c-rangeslider__exp-values">
<span class="label">Arrivo: </span>
<span class="number" id="slider-time-arrival-round-left-val"></span>
<span class="number" id="slider-time-arrival-round-right-val"></span>
</div>
<div class="c-rangeslider__item">
<div id="slider-time-arrival-round"></div>
</div>
</div>
</div>
<div id="time-ritorno" class="tab-content">
<div class="c-rangeslider ">
<div class="c-rangeslider__exp-values">
<span class="label">Partenza: </span>
<span class="number" id="slider-time-departure-trip-left-val"></span>
<span class="number" id="slider-time-departure-trip-right-val"></span>
</div>
<div class="c-rangeslider__item">
<div id="slider-time-departure-trip"></div>
</div>
</div>
<div class="c-rangeslider ">
<div class="c-rangeslider__exp-values">
<span class="label">Arrivo: </span>
<span class="number" id="slider-time-arrival-trip-left-val"></span>
<span class="number" id="slider-time-arrival-trip-right-val"></span>
</div>
<div class="c-rangeslider__item">
<div id="slider-time-arrival-trip"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-filters__item">
<div class="c-dropdown-filter " role="group">
<button class="c-dropdown-filter__btn" aria-haspopup="true" aria-expanded="false" data-target="content-5">
Compagnia aerea
<div class="icon"><svg class="c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg></div>
</button>
<div id="content-5" class="c-dropdown-filter__content" role="menu" hidden>
<div class="c-form">
<div class="filter-item"><input type="checkbox" id="airline-company-1" name="airline-company-1" class="u-visuallyhidden " role="group" aria-label="airline-company-1">
<label for="airline-company-1" class="">
Air France
</label>
</div>
<div class="filter-item"><input type="checkbox" id="airline-company-2" name="airline-company-2" class="u-visuallyhidden " role="group" aria-label="airline-company-2">
<label for="airline-company-2" class="">
Alitalia
</label>
</div>
<div class="filter-item"><input type="checkbox" id="airline-company-3" name="airline-company-3" class="u-visuallyhidden " role="group" aria-label="airline-company-3">
<label for="airline-company-3" class="">
Easyjet airline Co. Ltd
</label>
</div>
<div class="filter-item"><input type="checkbox" id="airline-company-4" name="airline-company-4" class="u-visuallyhidden " role="group" aria-label="airline-company-4">
<label for="airline-company-4" class="">
Kim Royal Dutch Airlines
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-filters__cta">
<div class="c-filters__reset">
<button type="" class="c-button ">
</button>
</div>
<div class="c-filters__submit">
<button type="button" class="c-button c-button--submit">
Applica filtri
</button>
</div>
</div>
</div>
</div>
<div class="l-page-flights-results__modify-search">
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-flight-filters">
Filtra la ricerca
<svg class="c-icon c-icon--18">
<use xlink:href="#ic-tune-24px"></use>
</svg>
</button> <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-flights-form">
Modifica la ricerca
<svg class="c-icon c-icon--18">
<use xlink:href="#ic_mode_edit_black_24px"></use>
</svg>
</button>
</div>
<div class="c-chips c-chips--filters ">
<ul class="c-chips__list">
<li class="c-chips__list-item">
<div class="c-chip c-chip--filter ">
<span>Milano Linate [LIN]</span>
<button class="c-chip__button"><svg class="c-icon c-icon--18">
<use xlink:href="#ic_close_black_24px"></use>
</svg></button>
</div>
</li>
<li class="c-chips__list-item">
<div class="c-chip c-chip--filter ">
<span>Partenza Andata (06:00 - 10:00)</span>
<button class="c-chip__button"><svg class="c-icon c-icon--18">
<use xlink:href="#ic_close_black_24px"></use>
</svg></button>
</div>
</li>
<li class="c-chips__list-item">
<div class="c-chip c-chip--filter ">
<span>Arrivo Andata (14:00 - 18:00)</span>
<button class="c-chip__button"><svg class="c-icon c-icon--18">
<use xlink:href="#ic_close_black_24px"></use>
</svg></button>
</div>
</li>
<li class="c-chips__list-item">
<div class="c-chip c-chip--filter ">
<span>Voli con scalo</span>
<button class="c-chip__button"><svg class="c-icon c-icon--18">
<use xlink:href="#ic_close_black_24px"></use>
</svg></button>
</div>
</li>
<li class="c-chips__list-item">
<div class="c-chip c-chip--filter ">
<span>Alitalia</span>
<button class="c-chip__button"><svg class="c-icon c-icon--18">
<use xlink:href="#ic_close_black_24px"></use>
</svg></button>
</div>
</li>
<li class="c-chips__list-item c-chips__list-item--reset">
<button type="button" class="c-button c-button--as-link">
Azzera tutti i filtri
</button>
</li>
</ul>
</div>
<div class="u-wrapped">
<div class="c-highlight c-highlight--emergency c-highlight--grid">
<p><strong>Non trovi il volo che stai cercando? Contatta il nostro Servizio Clienti al numero <a href="tel:0516479697">051 6479697</a></strong></p>
<p>(dal lunedì al sabato dalle 09:00 alle 13:00 e dalle 14:00 alle 17:00)</p>
</div>
</div>
<div class="l-page-flights-results__sorting">
<h1 class="u-typo-level-3 u-typo-weight-bold">Risultati di ricerca</h1>
<div class="c-form"><label for="select-sorting-results" class="" aria-label="">
Ordina per
<select id="select-sorting-results" class="is-inline">
<option value="" disabled selected>Seleziona dal menu</option>
<option value="option-1">Volo più economico</option>
<option value="option-2">Volo più veloce</option>
</select>
</label></div>
</div>
<div class="u-wrapped">
<div class="c-flight-product ">
<div class="c-flight-product__info">
<p class="tag tag--mobile">Miglior prezzo</p>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>ANDATA</strong>
<span class="c-route__date">Martedì, 07 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 94</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>15:35</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>4h 15min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>23:30</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__actions">
<div class="actions-wrapper">
<p class="tag tag--desktop">Miglior prezzo</p>
<div class="price">
<div>
<p>Andata/Ritorno - 1 passeggero</p>
<p>Economy class</p>
</div>
<div>
<p class="pre-price-txt">A partire da</p>
<strong class="price__value">€ 350,18</strong>
</div>
</div>
<div class="cta">
<button type="submit" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="dialog-flight-fares">
Seleziona le tariffe
</button> <a href="#" class="buy-via-phone"><svg class="c-icon c-icon--18">
<use xlink:href="#ic-call-black-24px"></use>
</svg> Acquista al telefono</a>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--bill-detail " id="dialog-bill-detail">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-bill-detail-title">
<div role="document">
<p class="c-dialog__title" id="dialog-bill-detail-title" aria-hidden="true">Totale del viaggio</p>
<table width="100%">
<tr>
<td class="desc">Costo per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Tasse per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale per tutti i passeggeri:</td>
<td class="price">
<p><strong>€ 120,00</strong></p>
</td>
</tr>
<tr>
<td class="desc">Spese di agenzia:</td>
<td class="price">
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale:</td>
<td class="price">
<p><strong>€ 790,00</strong></p>
</td>
</tr>
</table>
<div class="u-mt--medium">
<p class="clean"><small><strong>Andata BLQ - DXB:</strong> Non incluso bagaglio da stiva</small></p>
<p class="clean"><small><strong>Ritorno DXB - BLQ:</strong> bagaglio da stiva incluso</small></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-flight-product c-flight-product--with-stops">
<div class="c-flight-product__info">
<p class="tag tag--mobile">Miglior prezzo</p>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>ANDATA</strong>
<span class="c-route__date">Martedì, 07 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 94</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>15:35</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>4h 15min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-1" class='js-flight-stop-toggle'>
1 scalo
</label>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>23:30</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
</div>
</div>
<input type="checkbox" id="stop-toggle-1" name="stop-toggle-1" class="u-visuallyhidden u-chkbx-toggle" aria-controls="" aria-label="Espandi per le informazioni dello scalo" role="switch">
<div class="c-route__stop-detail u-chkbx-toggleReceiver" id="stop-detail-1" role="region" aria-live="polite">
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 765</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
BLQ
<strong>15:35</strong>
<p>Bologna, Guglielmo Marconi</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
15:45
</strong>
SVO
<p>Mosca Sheremetyevo</p>
</div>
</div>
</div>
<div class="waiting-time">
<p>Durata scalo: <strong>3h 15'</strong></p>
</div>
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 104</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
SVO
<strong>17:45</strong>
<p>Mosca Sheremetyevo</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
01:15
</strong>
Dxb
<p>Dubai International</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__actions">
<div class="actions-wrapper">
<p class="tag tag--desktop">Miglior prezzo</p>
<div class="price">
<div>
<p>Andata/Ritorno - 1 passeggero</p>
<p>Economy class</p>
</div>
<div>
<p class="pre-price-txt">A partire da</p>
<strong class="price__value">€ 350,18</strong>
</div>
</div>
<div class="cta">
<button type="submit" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="dialog-flight-fares">
Seleziona le tariffe
</button> <a href="#" class="buy-via-phone"><svg class="c-icon c-icon--18">
<use xlink:href="#ic-call-black-24px"></use>
</svg> Acquista al telefono</a>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--bill-detail " id="dialog-bill-detail">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-bill-detail-title">
<div role="document">
<p class="c-dialog__title" id="dialog-bill-detail-title" aria-hidden="true">Totale del viaggio</p>
<table width="100%">
<tr>
<td class="desc">Costo per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Tasse per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale per tutti i passeggeri:</td>
<td class="price">
<p><strong>€ 120,00</strong></p>
</td>
</tr>
<tr>
<td class="desc">Spese di agenzia:</td>
<td class="price">
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale:</td>
<td class="price">
<p><strong>€ 790,00</strong></p>
</td>
</tr>
</table>
<div class="u-mt--medium">
<p class="clean"><small><strong>Andata BLQ - DXB:</strong> Non incluso bagaglio da stiva</small></p>
<p class="clean"><small><strong>Ritorno DXB - BLQ:</strong> bagaglio da stiva incluso</small></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-flight-product c-flight-product--round-trip">
<div class="c-flight-product__info">
<p class="tag tag--mobile">Miglior prezzo</p>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>ANDATA</strong>
<span class="c-route__date">Martedì, 07 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 94</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>15:35</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>4h 15min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>23:30</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
</div>
</div>
</div>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>RITORNO</strong>
<span class="c-route__date">Sabato, 11 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 95</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>9:00</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>4h 15min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>13:20</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__actions">
<div class="actions-wrapper">
<p class="tag tag--desktop">Miglior prezzo</p>
<div class="price">
<div>
<p>Andata/Ritorno - 1 passeggero</p>
<p>Economy class</p>
</div>
<div>
<p class="pre-price-txt">A partire da</p>
<strong class="price__value">€ 350,18</strong>
</div>
</div>
<div class="cta">
<button type="submit" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="dialog-flight-fares">
Seleziona le tariffe
</button> <a href="#" class="buy-via-phone"><svg class="c-icon c-icon--18">
<use xlink:href="#ic-call-black-24px"></use>
</svg> Acquista al telefono</a>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--bill-detail " id="dialog-bill-detail">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-bill-detail-title">
<div role="document">
<p class="c-dialog__title" id="dialog-bill-detail-title" aria-hidden="true">Totale del viaggio</p>
<table width="100%">
<tr>
<td class="desc">Costo per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Tasse per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale per tutti i passeggeri:</td>
<td class="price">
<p><strong>€ 120,00</strong></p>
</td>
</tr>
<tr>
<td class="desc">Spese di agenzia:</td>
<td class="price">
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale:</td>
<td class="price">
<p><strong>€ 790,00</strong></p>
</td>
</tr>
</table>
<div class="u-mt--medium">
<p class="clean"><small><strong>Andata BLQ - DXB:</strong> Non incluso bagaglio da stiva</small></p>
<p class="clean"><small><strong>Ritorno DXB - BLQ:</strong> bagaglio da stiva incluso</small></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-flight-product c-flight-product--round-trip-moredays">
<div class="c-flight-product__info">
<p class="tag tag--mobile">Miglior prezzo</p>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>ANDATA</strong>
<span class="c-route__date">Martedì, 07 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 94</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>15:35</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>6h 45min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-1" class='js-flight-stop-toggle'>
1 scalo
</label>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>23:30<span class='more-days'>+1</span></strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
</div>
</div>
<input type="checkbox" id="stop-toggle-1" name="stop-toggle-1" class="u-visuallyhidden u-chkbx-toggle" aria-controls="" aria-label="Espandi per le informazioni dello scalo" role="switch">
<div class="c-route__stop-detail u-chkbx-toggleReceiver" id="stop-detail-1" role="region" aria-live="polite">
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 765</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
BLQ
<strong>15:35</strong>
<p>Bologna, Guglielmo Marconi</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
15:45
</strong>
SVO
<p>Mosca Sheremetyevo</p>
</div>
</div>
</div>
<div class="waiting-time">
<p>Durata scalo: <strong>3h</strong></p>
</div>
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 104</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
SVO
<strong>15:35</strong>
<p>Mosca Sheremetyevo</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
01:15
<span class='more-days'>+1</span>
</strong>
Dxb
<p>Dubai International</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>RITORNO</strong>
<span class="c-route__date">Sabato, 11 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 95</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>9:00</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>6h 45min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-2" class='js-flight-stop-toggle'>
1 scalo
</label>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>13:20</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
</div>
</div>
<input type="checkbox" id="stop-toggle-2" name="stop-toggle-2" class="u-visuallyhidden u-chkbx-toggle" aria-controls="" aria-label="Espandi per le informazioni dello scalo" role="switch">
<div class="c-route__stop-detail u-chkbx-toggleReceiver" id="stop-detail-2" role="region" aria-live="polite">
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 765</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
BLQ
<strong>15:35</strong>
<p>Bologna, Guglielmo Marconi</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
15:45
</strong>
SVO
<p>Mosca Sheremetyevo</p>
</div>
</div>
</div>
<div class="waiting-time">
<p>Durata scalo: <strong>2h</strong></p>
</div>
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 104</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
SVO
<strong>17:45</strong>
<p>Mosca Sheremetyevo</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
01:15
</strong>
Dxb
<p>Dubai International</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__actions">
<div class="actions-wrapper">
<p class="tag tag--desktop">Miglior prezzo</p>
<div class="price">
<div>
<p>Andata/Ritorno - 1 passeggero</p>
<p>Economy class</p>
</div>
<div>
<p class="pre-price-txt">A partire da</p>
<strong class="price__value">€ 350,18</strong>
</div>
</div>
<div class="cta">
<button type="submit" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="dialog-flight-fares">
Seleziona le tariffe
</button> <a href="#" class="buy-via-phone"><svg class="c-icon c-icon--18">
<use xlink:href="#ic-call-black-24px"></use>
</svg> Acquista al telefono</a>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--bill-detail " id="dialog-bill-detail">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-bill-detail-title">
<div role="document">
<p class="c-dialog__title" id="dialog-bill-detail-title" aria-hidden="true">Totale del viaggio</p>
<table width="100%">
<tr>
<td class="desc">Costo per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Tasse per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale per tutti i passeggeri:</td>
<td class="price">
<p><strong>€ 120,00</strong></p>
</td>
</tr>
<tr>
<td class="desc">Spese di agenzia:</td>
<td class="price">
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale:</td>
<td class="price">
<p><strong>€ 790,00</strong></p>
</td>
</tr>
</table>
<div class="u-mt--medium">
<p class="clean"><small><strong>Andata BLQ - DXB:</strong> Non incluso bagaglio da stiva</small></p>
<p class="clean"><small><strong>Ritorno DXB - BLQ:</strong> bagaglio da stiva incluso</small></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-flight-product c-flight-product--round-trip-stops">
<div class="c-flight-product__info">
<p class="tag tag--mobile">Miglior prezzo</p>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>ANDATA</strong>
<span class="c-route__date">Martedì, 07 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 94</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>15:35</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>6h 45min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-1" class='js-flight-stop-toggle'>
1 scalo
</label>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>23:30</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
</div>
</div>
<input type="checkbox" id="stop-toggle-1" name="stop-toggle-1" class="u-visuallyhidden u-chkbx-toggle" aria-controls="" aria-label="Espandi per le informazioni dello scalo" role="switch">
<div class="c-route__stop-detail u-chkbx-toggleReceiver" id="stop-detail-1" role="region" aria-live="polite">
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 765</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
BLQ
<strong>15:35</strong>
<p>Bologna, Guglielmo Marconi</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
15:45
</strong>
SVO
<p>Mosca Sheremetyevo</p>
</div>
</div>
</div>
<div class="waiting-time">
<p>Durata scalo: <strong>3h</strong></p>
</div>
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 104</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
SVO
<strong>15:35</strong>
<p>Mosca Sheremetyevo</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
01:15
</strong>
Dxb
<p>Dubai International</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>RITORNO</strong>
<span class="c-route__date">Sabato, 11 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 95</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>9:00</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>6h 45min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-2" class='js-flight-stop-toggle'>
1 scalo
</label>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>13:20</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
</div>
</div>
<input type="checkbox" id="stop-toggle-2" name="stop-toggle-2" class="u-visuallyhidden u-chkbx-toggle" aria-controls="" aria-label="Espandi per le informazioni dello scalo" role="switch">
<div class="c-route__stop-detail u-chkbx-toggleReceiver" id="stop-detail-2" role="region" aria-live="polite">
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 765</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
BLQ
<strong>15:35</strong>
<p>Bologna, Guglielmo Marconi</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
15:45
</strong>
SVO
<p>Mosca Sheremetyevo</p>
</div>
</div>
</div>
<div class="waiting-time">
<p>Durata scalo: <strong>2h</strong></p>
</div>
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 104</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
SVO
<strong>17:45</strong>
<p>Mosca Sheremetyevo</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
01:15
</strong>
Dxb
<p>Dubai International</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__actions">
<div class="actions-wrapper">
<p class="tag tag--desktop">Miglior prezzo</p>
<div class="price">
<div>
<p>Andata/Ritorno - 1 passeggero</p>
<p>Economy class</p>
</div>
<div>
<p class="pre-price-txt">A partire da</p>
<strong class="price__value">€ 350,18</strong>
</div>
</div>
<div class="cta">
<button type="submit" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="dialog-flight-fares">
Seleziona le tariffe
</button> <a href="#" class="buy-via-phone"><svg class="c-icon c-icon--18">
<use xlink:href="#ic-call-black-24px"></use>
</svg> Acquista al telefono</a>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--bill-detail " id="dialog-bill-detail">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-bill-detail-title">
<div role="document">
<p class="c-dialog__title" id="dialog-bill-detail-title" aria-hidden="true">Totale del viaggio</p>
<table width="100%">
<tr>
<td class="desc">Costo per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Tasse per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale per tutti i passeggeri:</td>
<td class="price">
<p><strong>€ 120,00</strong></p>
</td>
</tr>
<tr>
<td class="desc">Spese di agenzia:</td>
<td class="price">
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale:</td>
<td class="price">
<p><strong>€ 790,00</strong></p>
</td>
</tr>
</table>
<div class="u-mt--medium">
<p class="clean"><small><strong>Andata BLQ - DXB:</strong> Non incluso bagaglio da stiva</small></p>
<p class="clean"><small><strong>Ritorno DXB - BLQ:</strong> bagaglio da stiva incluso</small></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-flight-product c-flight-product--round-trip">
<div class="c-flight-product__info">
<p class="tag tag--mobile">Miglior prezzo</p>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>ANDATA</strong>
<span class="c-route__date">Martedì, 07 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 94</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>15:35</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>4h 15min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>23:30</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
</div>
</div>
</div>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>RITORNO</strong>
<span class="c-route__date">Sabato, 11 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 95</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>9:00</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>4h 15min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>13:20</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__actions">
<div class="actions-wrapper">
<p class="tag tag--desktop">Miglior prezzo</p>
<div class="price">
<div>
<p>Andata/Ritorno - 1 passeggero</p>
<p>Economy class</p>
</div>
<div>
<p class="pre-price-txt">A partire da</p>
<strong class="price__value">€ 350,18</strong>
</div>
</div>
<div class="cta">
<button type="submit" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="dialog-flight-fares">
Seleziona le tariffe
</button> <a href="#" class="buy-via-phone"><svg class="c-icon c-icon--18">
<use xlink:href="#ic-call-black-24px"></use>
</svg> Acquista al telefono</a>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--bill-detail " id="dialog-bill-detail">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-bill-detail-title">
<div role="document">
<p class="c-dialog__title" id="dialog-bill-detail-title" aria-hidden="true">Totale del viaggio</p>
<table width="100%">
<tr>
<td class="desc">Costo per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Tasse per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale per tutti i passeggeri:</td>
<td class="price">
<p><strong>€ 120,00</strong></p>
</td>
</tr>
<tr>
<td class="desc">Spese di agenzia:</td>
<td class="price">
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale:</td>
<td class="price">
<p><strong>€ 790,00</strong></p>
</td>
</tr>
</table>
<div class="u-mt--medium">
<p class="clean"><small><strong>Andata BLQ - DXB:</strong> Non incluso bagaglio da stiva</small></p>
<p class="clean"><small><strong>Ritorno DXB - BLQ:</strong> bagaglio da stiva incluso</small></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-flight-product c-flight-product--round-trip-moredays">
<div class="c-flight-product__info">
<p class="tag tag--mobile">Miglior prezzo</p>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>ANDATA</strong>
<span class="c-route__date">Martedì, 07 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 94</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>15:35</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>6h 45min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-1" class='js-flight-stop-toggle'>
1 scalo
</label>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>23:30<span class='more-days'>+1</span></strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
</div>
</div>
<input type="checkbox" id="stop-toggle-1" name="stop-toggle-1" class="u-visuallyhidden u-chkbx-toggle" aria-controls="" aria-label="Espandi per le informazioni dello scalo" role="switch">
<div class="c-route__stop-detail u-chkbx-toggleReceiver" id="stop-detail-1" role="region" aria-live="polite">
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 765</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
BLQ
<strong>15:35</strong>
<p>Bologna, Guglielmo Marconi</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
15:45
</strong>
SVO
<p>Mosca Sheremetyevo</p>
</div>
</div>
</div>
<div class="waiting-time">
<p>Durata scalo: <strong>3h</strong></p>
</div>
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 104</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
SVO
<strong>15:35</strong>
<p>Mosca Sheremetyevo</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
01:15
<span class='more-days'>+1</span>
</strong>
Dxb
<p>Dubai International</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>RITORNO</strong>
<span class="c-route__date">Sabato, 11 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 95</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>9:00</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>6h 45min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-2" class='js-flight-stop-toggle'>
1 scalo
</label>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>13:20</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
</div>
</div>
<input type="checkbox" id="stop-toggle-2" name="stop-toggle-2" class="u-visuallyhidden u-chkbx-toggle" aria-controls="" aria-label="Espandi per le informazioni dello scalo" role="switch">
<div class="c-route__stop-detail u-chkbx-toggleReceiver" id="stop-detail-2" role="region" aria-live="polite">
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 765</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
BLQ
<strong>15:35</strong>
<p>Bologna, Guglielmo Marconi</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
15:45
</strong>
SVO
<p>Mosca Sheremetyevo</p>
</div>
</div>
</div>
<div class="waiting-time">
<p>Durata scalo: <strong>2h</strong></p>
</div>
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 104</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
SVO
<strong>17:45</strong>
<p>Mosca Sheremetyevo</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
01:15
</strong>
Dxb
<p>Dubai International</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__actions">
<div class="actions-wrapper">
<p class="tag tag--desktop">Miglior prezzo</p>
<div class="price">
<div>
<p>Andata/Ritorno - 1 passeggero</p>
<p>Economy class</p>
</div>
<div>
<p class="pre-price-txt">A partire da</p>
<strong class="price__value">€ 350,18</strong>
</div>
</div>
<div class="cta">
<button type="submit" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="dialog-flight-fares">
Seleziona le tariffe
</button> <a href="#" class="buy-via-phone"><svg class="c-icon c-icon--18">
<use xlink:href="#ic-call-black-24px"></use>
</svg> Acquista al telefono</a>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--bill-detail " id="dialog-bill-detail">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-bill-detail-title">
<div role="document">
<p class="c-dialog__title" id="dialog-bill-detail-title" aria-hidden="true">Totale del viaggio</p>
<table width="100%">
<tr>
<td class="desc">Costo per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Tasse per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale per tutti i passeggeri:</td>
<td class="price">
<p><strong>€ 120,00</strong></p>
</td>
</tr>
<tr>
<td class="desc">Spese di agenzia:</td>
<td class="price">
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale:</td>
<td class="price">
<p><strong>€ 790,00</strong></p>
</td>
</tr>
</table>
<div class="u-mt--medium">
<p class="clean"><small><strong>Andata BLQ - DXB:</strong> Non incluso bagaglio da stiva</small></p>
<p class="clean"><small><strong>Ritorno DXB - BLQ:</strong> bagaglio da stiva incluso</small></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-flight-product c-flight-product--round-trip-stops">
<div class="c-flight-product__info">
<p class="tag tag--mobile">Miglior prezzo</p>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>ANDATA</strong>
<span class="c-route__date">Martedì, 07 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 94</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>15:35</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>6h 45min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-1" class='js-flight-stop-toggle'>
1 scalo
</label>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>23:30</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
</div>
</div>
<input type="checkbox" id="stop-toggle-1" name="stop-toggle-1" class="u-visuallyhidden u-chkbx-toggle" aria-controls="" aria-label="Espandi per le informazioni dello scalo" role="switch">
<div class="c-route__stop-detail u-chkbx-toggleReceiver" id="stop-detail-1" role="region" aria-live="polite">
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 765</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
BLQ
<strong>15:35</strong>
<p>Bologna, Guglielmo Marconi</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
15:45
</strong>
SVO
<p>Mosca Sheremetyevo</p>
</div>
</div>
</div>
<div class="waiting-time">
<p>Durata scalo: <strong>3h</strong></p>
</div>
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 104</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
SVO
<strong>15:35</strong>
<p>Mosca Sheremetyevo</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
01:15
</strong>
Dxb
<p>Dubai International</p>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__route">
<div class="c-route ">
<div class="c-route__data">
<div class="c-route__label">
<strong>RITORNO</strong>
<span class="c-route__date">Sabato, 11 marzo 2022</span>
</div>
<div class="c-route__flight-company">
<span>Alitalia</span>
<strong>EK 95</strong>
<svg class="c-icon c-icon--16">
<use xlink:href="#ic-plane"></use>
</svg>
</div>
</div>
<div class="c-route__journey">
<div class='c-airport-info'>
<strong class='c-airport-info__code'>Dxb</strong>
<strong class='c-airport-info__time'>9:00</strong>
<p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
</div>
<div class='c-flight-stops'>
<p>
Durata del volo: <strong>6h 45min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-2" class='js-flight-stop-toggle'>
1 scalo
</label>
</div>
</div>
<div class='c-airport-info'>
<strong class='c-airport-info__code'>BLQ</strong>
<strong class='c-airport-info__time'>13:20</strong>
<p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
</div>
</div>
</div>
<input type="checkbox" id="stop-toggle-2" name="stop-toggle-2" class="u-visuallyhidden u-chkbx-toggle" aria-controls="" aria-label="Espandi per le informazioni dello scalo" role="switch">
<div class="c-route__stop-detail u-chkbx-toggleReceiver" id="stop-detail-2" role="region" aria-live="polite">
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 765</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
BLQ
<strong>15:35</strong>
<p>Bologna, Guglielmo Marconi</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
15:45
</strong>
SVO
<p>Mosca Sheremetyevo</p>
</div>
</div>
</div>
<div class="waiting-time">
<p>Durata scalo: <strong>2h</strong></p>
</div>
<div class="c-route c-route--compact ">
<div class="c-route__flight-company">
<img src="../../images/flights-logos/alitalia.png" alt="Alitalia" width="100">
<p>Alitalia</p>
<strong>EK 104</strong>
</div>
<div class="c-route__journey">
<div class='c-airport-info c-airport-info--stops'>
SVO
<strong>17:45</strong>
<p>Mosca Sheremetyevo</p>
</div>
<div class="c-route__duration">
Durata del volo: <strong>4h 15min</strong>
</div>
<div class='c-airport-info c-airport-info--stops'>
<strong>
01:15
</strong>
Dxb
<p>Dubai International</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-flight-product__actions">
<div class="actions-wrapper">
<p class="tag tag--desktop">Miglior prezzo</p>
<div class="price">
<div>
<p>Andata/Ritorno - 1 passeggero</p>
<p>Economy class</p>
</div>
<div>
<p class="pre-price-txt">A partire da</p>
<strong class="price__value">€ 350,18</strong>
</div>
</div>
<div class="cta">
<button type="submit" class="c-button c-button--submit js-fr-dialogmodal-open" aria-controls="dialog-flight-fares">
Seleziona le tariffe
</button> <a href="#" class="buy-via-phone"><svg class="c-icon c-icon--18">
<use xlink:href="#ic-call-black-24px"></use>
</svg> Acquista al telefono</a>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--bill-detail " id="dialog-bill-detail">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-bill-detail-title">
<div role="document">
<p class="c-dialog__title" id="dialog-bill-detail-title" aria-hidden="true">Totale del viaggio</p>
<table width="100%">
<tr>
<td class="desc">Costo per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Tasse per persona:</td>
<td class="price">
<p><strong>€ 120,00</strong> x 1 adulto</p>
<p><strong>€ 120,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale per tutti i passeggeri:</td>
<td class="price">
<p><strong>€ 120,00</strong></p>
</td>
</tr>
<tr>
<td class="desc">Spese di agenzia:</td>
<td class="price">
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
<p>+ <strong>€ 15,00</strong> x 1 adulto</p>
</td>
</tr>
<tr>
<td class="desc">Totale:</td>
<td class="price">
<p><strong>€ 790,00</strong></p>
</td>
</tr>
</table>
<div class="u-mt--medium">
<p class="clean"><small><strong>Andata BLQ - DXB:</strong> Non incluso bagaglio da stiva</small></p>
<p class="clean"><small><strong>Ritorno DXB - BLQ:</strong> bagaglio da stiva incluso</small></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>
<nav class="c-pagination" role="navigation" aria-label="Scorri tra le pagine">
<ul>
<li>
<a class="prev isDisabled" aria-hidden="true"><svg class="c-icon--32">
<use xlink:href="#ic_chevron_left_black_24px"></use>
</svg></a>
</li>
<li><a href="#" class="isActive" aria-label="Pagina attuale, Pagina 1" aria-current="true">1</a></li>
<li><a href="#" aria-label="Vai alla pagina 2">2</a></li>
<li><a href="#" aria-label="Vai alla pagina 3">3</a></li>
<li><a href="#" aria-label="Vai alla pagina 4">4</a></li>
<li>
<a href="#" class="next" aria-label="Vai alla pagina successiva"><svg class="c-icon--32">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</li>
</ul>
</nav>
<div class="c-dialog c-dialog--flights-form js-fr-dialogmodal " id="dialog-flights-form">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-flights-form-title">
<div role="document">
<p class="c-dialog__title" id="dialog-flights-form-title">Modifica il tuo volo</p>
<div class="c-dialog__formwrapper">
<form action="../../#.html" class="c-form c-form--flights " onsubmit="return false">
<button class="js-close-overlay" aria-label="close">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
<div class="wrapper wrapper--extended">
<div role="radiogroup" aria-label="seleziona volo in economy o business class">
<label for="select-economy-business-dialog" class="" aria-label="">
Tipo di viaggio:
<select id="select-economy-business-dialog" class="is-small is-inline" aria-describedby="select-economy-business-dialog-note">
<option value="" disabled selected></option>
<option value="option-1" selected>Economy</option>
<option value="option-2">Business Class</option>
</select>
<em class="c-field__note u-visuallyhidden" id="select-economy-business-dialog-note">
Seleziona il tipo di viaggio
</em>
</label> <label for="select-round-trip-dialog" class="" aria-label="">
<select id="select-round-trip-dialog" class="is-small is-inline" aria-describedby="select-round-trip-dialog-note">
<option value="" disabled selected></option>
<option value="option-1" selected>Andata e ritorno</option>
<option value="option-2">Solo andata</option>
</select>
<em class="c-field__note u-visuallyhidden" id="select-round-trip-dialog-note">
</em>
</label>
</div>
</div>
<div class="wrapper wrapper--localities">
<div class="c-form__el c-form__el--pair">
<label for="from" class=" " aria-label="">
Da <span class="required-marker" aria-hidden="true">*</span>
<input id="from" type="text" class="js-combobox " placeholder="" value="" required aria-required="true" aria-describedby="from-note" list="departures" data-combobox-prefix-class="combobox" data-combobox-case-sensitive="no" data-combobox-search-option="containing" data-combobox-help-text="Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti." data-suggestion-single="C'è " data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti" data-combobox-see-more-text="Guarda più risultati">
<datalist id="departures">
<option value="Dubai, Al Maktoum Intl [DWC] (EMIRATI ARABI)">
<option value="Roma, Fiumicino [FCO] (ITALIA)">
<option value="New York Ny, John F Kennedy Intl [JFK] (STATI UNITI)">
<option value="Parigi, Charles De Gaulle [CDG] (FRANCIA)">
<option value="Berlino, Schoenefeld [SXF] (GERMANIA)">
<option value="Londra, Heathrow [LHR] (REGNO UNITO)">
<option value="Los Angeles Ca, International [LAX] (STATI UNITI)">
<option value="Cana Brava Mg [NBV] (BRASILE)">
<option value="Pecs, Pogany [PEV] (UNGHERIA)">
</datalist>
<p class="c-field__note " id="from-note">
Inserisci la partenza
</p>
</label>
</div>
<div class="c-form__el c-form__el--icon">
<button type="button" class="switch-round-trip js-switch-btn" aria-label="Inverti origine e destinazione">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-switch-arrows-black-24px"></use>
</svg> </button>
</div>
<div class="c-form__el c-form__el--pair">
<label for="to" class=" " aria-label="">
A <span class="required-marker" aria-hidden="true">*</span>
<input id="to" type="text" class="js-combobox " placeholder="" value="" required aria-required="true" aria-describedby="to-note" list="arrivals" data-combobox-prefix-class="combobox" data-combobox-case-sensitive="no" data-combobox-search-option="containing" data-combobox-help-text="Premi il tasto TAB o le frecce direzionali per accedere e navigare attraverso i suggerimenti. Conferma la tua scelta col tasto INVIO, oppure premi il tasto ESC per chiudere la lista dei suggerimenti." data-suggestion-single="C'è " data-suggestion-plural="Ci sono " data-suggestion-word="Suggerimento" data-suggestion-word-plural="Suggerimenti" data-combobox-see-more-text="Guarda più risultati">
<datalist id="arrivals">
<option value="Dubai, Al Maktoum Intl [DWC] (EMIRATI ARABI)">
<option value="Roma, Fiumicino [FCO] (ITALIA)">
<option value="New York Ny, John F Kennedy Intl [JFK] (STATI UNITI)">
<option value="Parigi, Charles De Gaulle [CDG] (FRANCIA)">
<option value="Berlino, Schoenefeld [SXF] (GERMANIA)">
<option value="Londra, Heathrow [LHR] (REGNO UNITO)">
<option value="Los Angeles Ca, International [LAX] (STATI UNITI)">
<option value="Cana Brava Mg [NBV] (BRASILE)">
<option value="Pecs, Pogany [PEV] (UNGHERIA)">
</datalist>
<p class="c-field__note " id="to-note">
Inserisci la destinazione
</p>
</label>
</div>
</div>
<div class="wrapper wrapper--dates">
<span class="c-form__note is-negative u-visuallyhidden" id="flights-form-note">Inserisci una data di uscita successiva a quella di entrata</span>
<div class="c-form__el c-form__el--pair js-round-desktop">
<label for="round-desktop" class="flatpickr-label" aria-label="Scegli la data">
Andata
<input id="round-desktop" type="date" class="js-flatpickr flatpickr-input" placeholder="" value="" aria-describedby="round-desktop-note">
<p class="c-field__note " id="round-desktop-note">
Seleziona la data di andata
</p>
</label>
</div>
<div class="c-form__el c-form__el--pair js-trip-desktop">
<label for="trip-desktop" class="flatpickr-label" aria-label="Scegli la data">
Ritorno
<input id="trip-desktop" type="date" class="js-flatpickr flatpickr-input" placeholder="" value="" aria-describedby="trip-desktop-note">
<p class="c-field__note " id="trip-desktop-note">
Seleziona la data di ritorno
</p>
</label>
</div>
</div>
<div class="wrapper wrapper--alone wrapper--pax">
<div class="c-form__el c-form__el--pax ">
<label for="text-field">
Passeggeri
<span class="required-marker" aria-hidden="true">*</span>
<button type="button" class="c-form__el--toggleFlightsPax js-toggleFlightsPax" aria-expanded="false" aria-label="1 passeggero" aria-describedby="pax-note" aria-controls="aria-paxChoiceDesc">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-person-black-24px"></use>
</svg> <strong>1
</strong>
</button>
<p class="c-field__note" id="pax-note" aria-hidden="true">
N. passeggeri
</p>
</label>
<div class="js-flightsPaxCnt" id="aria-paxChoice">
<div class="u-visuallyhidden" aria-live="polite" id="aria-paxChoiceDesc">
Procedi per modificare la quantità.
</div>
<div class="pax-type">
<label for="adult">
<strong>Adulti</strong> (da 12 anni in su)</label>
<div class="c-button c-button--qty " aria-label="Seleziona il numero">
<button type="button" class="minus js-toggle-remove" aria-label="Diminuisci di uno" data-toggle="lounge-service">-</button>
<input type="number" class="js-qty-value" value="1" readonly id="adult" aria-label="Quantità" min="1">
<button type="button" class="plus js-toggle-add" aria-label="Aumenta di uno" data-toggle="lounge-service">+</button>
</div>
</div>
<div class="pax-type">
<label for="child">
<strong>Bambini</strong> (da 2 a 11 anni)</label>
<div class="c-button c-button--qty " aria-label="Seleziona il numero">
<button type="button" class="minus js-toggle-remove" aria-label="Diminuisci di uno" data-toggle="lounge-service">-</button>
<input type="number" class="js-qty-value" value="1" readonly id="child" aria-label="Quantità" min="1">
<button type="button" class="plus js-toggle-add" aria-label="Aumenta di uno" data-toggle="lounge-service">+</button>
</div>
</div>
<div class="pax-type">
<label for="baby">
<strong>Neonato</strong> (Meno di 2 anni)</label>
<div class="c-button c-button--qty " aria-label="Seleziona il numero">
<button type="button" class="minus js-toggle-remove" aria-label="Diminuisci di uno" data-toggle="lounge-service">-</button>
<input type="number" class="js-qty-value" value="1" readonly id="baby" aria-label="Quantità" min="1">
<button type="button" class="plus js-toggle-add" aria-label="Aumenta di uno" data-toggle="lounge-service">+</button>
</div>
</div>
<button type="button" class="js-closeFlightsPax c-button c-button--as-link" aria-hidden="true">Chiudi</button>
</div>
</div>
</div>
<div class="wrapper wrapper--alone">
<div class="c-form__el c-form__el--cta">
<button type="submit" class="c-button c-button--submit">
Cerca il tuo volo
</button>
</div>
</div>
</form>
<div class="c-superhero__blurred">
<span>
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-call-black-24px"></use>
</svg> <strong>Non sei abituato ad acquistare online?</strong> <a href="#">Scopri come prenotare il tuo volo da
telefono
<span aria-hidden="true">→</span></a>
</span>
</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--mob-fullscreen js-fr-dialogmodal " id="dialog-flight-filters">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-flight-filters-title">
<div role="document">
<div class="u-mt-space-24">
<div class="c-filters c-filters--stacked">
<div class="c-filters__list">
<div class="c-filters__item">
<div class="c-dropdown-filter " role="group">
<button class="c-dropdown-filter__btn" aria-haspopup="true" aria-expanded="false" data-target="content-mobile-1">
Voli
<div class="icon"><svg class="c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg></div>
</button>
<div id="content-mobile-1" class="c-dropdown-filter__content" role="menu" hidden>
<div class="c-form">
<div class="filter-item"><input type="checkbox" id="mobile-flights-filters-1" name="mobile-flights-filters-1" class="u-visuallyhidden " role="group" aria-label="mobile-flights-filters-1">
<label for="mobile-flights-filters-1" class="">
Tutti i risultati
</label>
</div>
<div class="filter-item"><input type="checkbox" id="mobile-flights-filters-2" name="mobile-flights-filters-2" class="u-visuallyhidden " role="group" aria-label="mobile-flights-filters-2">
<label for="mobile-flights-filters-2" class="">
Voli diretti
</label>
</div>
<div class="filter-item"><input type="checkbox" id="mobile-flights-filters-3" name="mobile-flights-filters-3" class="u-visuallyhidden " role="group" aria-label="mobile-flights-filters-3">
<label for="mobile-flights-filters-3" class="">
Voli con scalo
</label>
</div>
</div>
</div>
</div>
</div>
<div class="c-filters__item">
<div class="c-dropdown-filter c-dropdown-filter--tabs " role="group">
<button class="c-dropdown-filter__btn" aria-haspopup="true" aria-expanded="false" data-target="content-mobile-2">
Prezzo
<div class="icon"><svg class="c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg></div>
</button>
<div id="content-mobile-2" class="c-dropdown-filter__content" role="menu" hidden>
<ul data-mobile-tabs-price class="c-dropdown-filter__tabs">
<li class="tab">
<a data-tabby-default href="#mobile-price-andata">Andata</a>
</li>
<li class="tab">
<a href="#mobile-price-ritorno">Ritorno</a>
</li>
</ul>
<div id="mobile-price-andata" class="tab-content">
<div class="c-rangeslider u-mt-space-48">
<div class="c-rangeslider__exp-values">
</div>
<div class="c-rangeslider__item">
<div id="slider-mobile-price-round"></div>
</div>
</div>
</div>
<div id="mobile-price-ritorno" class="tab-content">
<div class="c-rangeslider u-mt-space-48">
<div class="c-rangeslider__exp-values">
</div>
<div class="c-rangeslider__item">
<div id="slider-mobile-price-trip"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-filters__item">
<div class="c-dropdown-filter c-dropdown-filter--tabs " role="group">
<button class="c-dropdown-filter__btn" aria-haspopup="true" aria-expanded="false" data-target="content-mobile-3">
Aeroporto
<div class="icon"><svg class="c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg></div>
</button>
<div id="content-mobile-3" class="c-dropdown-filter__content" role="menu" hidden>
<ul data-mobile-tabs-airport class="c-dropdown-filter__tabs">
<li class="tab">
<a data-tabby-default href="#mobile-airport-andata">Andata</a>
</li>
<li class="tab">
<a href="#mobile-airport-ritorno">Ritorno</a>
</li>
</ul>
<div id="mobile-airport-andata" class="tab-content">
<div class="c-form">
<div class="filter-item"><input type="checkbox" id="mobile-round-airport-1" name="mobile-round-airport-1" class="u-visuallyhidden " role="group" aria-label="mobile-round-airport-1">
<label for="mobile-round-airport-1" class="">
Milano, Bergamo/Orio Al Serio [BGY] (ITALIA)
</label>
</div>
<div class="filter-item"><input type="checkbox" id="mobile-round-airport-2" name="mobile-round-airport-2" class="u-visuallyhidden " role="group" aria-label="mobile-round-airport-2">
<label for="mobile-round-airport-2" class="">
Milano, Linate [LIN] (ITALIA)
</label>
</div>
<div class="filter-item"><input type="checkbox" id="mobile-round-airport-3" name="mobile-round-airport-3" class="u-visuallyhidden " role="group" aria-label="mobile-round-airport-3">
<label for="mobile-round-airport-3" class="">
Milano, Malpensa [MXP] (ITALIA)
</label>
</div>
<div class="filter-item"><input type="checkbox" id="mobile-round-airport-4" name="mobile-round-airport-4" class="u-visuallyhidden " role="group" aria-label="mobile-round-airport-4">
<label for="mobile-round-airport-4" class="">
Milano, Tutti gli aeroporti [MIL] (ITALIA)
</label>
</div>
</div>
</div>
<div id="mobile-airport-ritorno" class="tab-content">
<div class="c-form">
<div class="filter-item"><input type="checkbox" id="mobile-trip-airport-1" name="mobile-trip-airport-1" class="u-visuallyhidden " role="group" aria-label="mobile-trip-airport-1">
<label for="mobile-trip-airport-1" class="">
Roma, Fiumicino [FCO] (ITALIA)
</label>
</div>
<div class="filter-item"><input type="checkbox" id="mobile-trip-airport-2" name="mobile-trip-airport-2" class="u-visuallyhidden " role="group" aria-label="mobile-trip-airport-2">
<label for="mobile-trip-airport-2" class="">
Roma, Ciampino [CIA] (ITALIA)
</label>
</div>
<div class="filter-item"><input type="checkbox" id="mobile-trip-airport-3" name="mobile-trip-airport-3" class="u-visuallyhidden " role="group" aria-label="mobile-trip-airport-3">
<label for="mobile-trip-airport-3" class="">
Roma, Tutti gli aeroporti [ROM] (ITALIA)
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-filters__item">
<div class="c-dropdown-filter c-dropdown-filter--tabs " role="group">
<button class="c-dropdown-filter__btn" aria-haspopup="true" aria-expanded="false" data-target="content-mobile-4">
Orario
<div class="icon"><svg class="c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg></div>
</button>
<div id="content-mobile-4" class="c-dropdown-filter__content" role="menu" hidden>
<ul data-mobile-tabs-time class="c-dropdown-filter__tabs">
<li class="tab">
<a data-tabby-default href="#mobile-time-andata">Andata</a>
</li>
<li class="tab">
<a href="#mobile-time-ritorno">Ritorno</a>
</li>
</ul>
<div id="mobile-time-andata" class="tab-content">
<div class="c-rangeslider ">
<div class="c-rangeslider__exp-values">
<span class="label">Partenza: </span>
<span class="number" id="slider-mobile-time-departure-round-left-val"></span>
<span class="number" id="slider-mobile-time-departure-round-right-val"></span>
</div>
<div class="c-rangeslider__item">
<div id="slider-mobile-time-departure-round"></div>
</div>
</div>
<div class="c-rangeslider ">
<div class="c-rangeslider__exp-values">
<span class="label">Arrivo: </span>
<span class="number" id="slider-mobile-time-arrival-round-left-val"></span>
<span class="number" id="slider-mobile-time-arrival-round-right-val"></span>
</div>
<div class="c-rangeslider__item">
<div id="slider-mobile-time-arrival-round"></div>
</div>
</div>
</div>
<div id="mobile-time-ritorno" class="tab-content">
<div class="c-rangeslider ">
<div class="c-rangeslider__exp-values">
<span class="label">Partenza: </span>
<span class="number" id="slider-mobile-time-departure-trip-left-val"></span>
<span class="number" id="slider-mobile-time-departure-trip-right-val"></span>
</div>
<div class="c-rangeslider__item">
<div id="slider-mobile-time-departure-trip"></div>
</div>
</div>
<div class="c-rangeslider ">
<div class="c-rangeslider__exp-values">
<span class="label">Arrivo: </span>
<span class="number" id="slider-mobile-time-arrival-trip-left-val"></span>
<span class="number" id="slider-mobile-time-arrival-trip-right-val"></span>
</div>
<div class="c-rangeslider__item">
<div id="slider-mobile-time-arrival-trip"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-filters__item">
<div class="c-dropdown-filter " role="group">
<button class="c-dropdown-filter__btn" aria-haspopup="true" aria-expanded="false" data-target="content-mobile-5">
Compagnia aerea
<div class="icon"><svg class="c-icon--24">
<use xlink:href="#ic_expand_more_black_24px"></use>
</svg></div>
</button>
<div id="content-mobile-5" class="c-dropdown-filter__content" role="menu" hidden>
<div class="c-form">
<div class="filter-item"><input type="checkbox" id="mobile-airline-company-1" name="mobile-airline-company-1" class="u-visuallyhidden " role="group" aria-label="mobile-airline-company-1">
<label for="mobile-airline-company-1" class="">
Air France
</label>
</div>
<div class="filter-item"><input type="checkbox" id="mobile-airline-company-2" name="mobile-airline-company-2" class="u-visuallyhidden " role="group" aria-label="mobile-airline-company-2">
<label for="mobile-airline-company-2" class="">
Alitalia
</label>
</div>
<div class="filter-item"><input type="checkbox" id="mobile-airline-company-3" name="mobile-airline-company-3" class="u-visuallyhidden " role="group" aria-label="mobile-airline-company-3">
<label for="mobile-airline-company-3" class="">
Easyjet airline Co. Ltd
</label>
</div>
<div class="filter-item"><input type="checkbox" id="mobile-airline-company-4" name="mobile-airline-company-4" class="u-visuallyhidden " role="group" aria-label="mobile-airline-company-4">
<label for="mobile-airline-company-4" class="">
Kim Royal Dutch Airlines
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-filters__cta">
<div class="c-filters__reset">
<button type="button" class="c-button c-button--as-link">
Azzera tutti i filtri
</button>
</div>
<div class="c-filters__submit">
<button type="button" class="c-button c-button--submit">
Applica filtri
</button>
</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 c-dialog--flight-fares js-fr-dialogmodal " id="dialog-flight-fares">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-flight-fares-title">
<div role="document">
<p class="c-dialog__title" id="dialog-flight-fares-title">Tariffe di volo</p>
<p class="c-dialog__subtitle">Confronta tra le [N] tariffe a disposizione.</p>
<section class="c-carousel c-carousel--flight-fares c-carousel--top-nav" aria-label="Seleziona la tariffa per te">
<div class="jsInstance owl-carousel">
<div id="aCaso" class="c-carousel__item">
<div class="c-fare ">
<div class="c-fare__header">
<p class="c-fare__name">Promotional</p>
<p class="c-fare__price">148,00€</p>
</div>
<div class="c-fare__body">
<div class="c-fare__item">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--positive">
<use xlink:href="#ic-confirm-24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">Bagaglio da stiva</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
<div class="c-fare__item unavailable">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">
<p>Cambio biglietto</p>
<p class='not-available-txt'>(Non disponibile)</p>
</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
<div class="c-fare__item unavailable">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">
<p>Rimborso biglietto</p>
<p class='not-available-txt'>(Non disponibile)</p>
</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
</div>
<div class="c-fare__footer">
<button type="button" class="c-button c-button--submit">
Seleziona e continua
</button>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-fare c-fare--stopover ">
<div class="c-fare__header">
<p class="c-fare__name">Promotional</p>
<p class="c-fare__price">148,00€</p>
<div class="c-fare__route">
<div class="c-fare-route ">
<div class="c-fare-route__detail">
<div class="c-fare-route__disclosure">
<div class="c-collapsible o-collapsible o-collapsible--raw">
<p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="">Dettaglio scali</p>
<p class="c-fare-route__type">Andata</p>
<ul class="c-fare-route__list">
<li>Bologna BLQ - Sofia IST</li>
<li>Sofia IST- SHARM EL SHEIKH / MARSA ALAM</li>
</ul>
<p class="c-fare-route__type">Ritorno</p>
<ul class="c-fare-route__list">
<li>SHARM EL SHEIKH / MARSA ALAM - Sofia IST</li>
<li>Sofia IST- Bologna BLQ</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-fare__body">
<div class="c-fare__item">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--positive">
<use xlink:href="#ic-confirm-24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">Bagaglio da stiva</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
<div class="c-fare__item unavailable">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">
<p>Cambio biglietto</p>
<p class='not-available-txt'>(Non disponibile)</p>
</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
<div class="c-fare__item unavailable">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">
<p>Rimborso biglietto</p>
<p class='not-available-txt'>(Non disponibile)</p>
</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
</div>
<div class="c-fare__footer">
<button type="button" class="c-button c-button--submit">
Seleziona e continua
</button>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-fare ">
<div class="c-fare__header">
<p class="c-fare__name">Promotional</p>
<p class="c-fare__price">148,00€</p>
</div>
<div class="c-fare__body">
<div class="c-fare__item">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--positive">
<use xlink:href="#ic-confirm-24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">Bagaglio da stiva</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
<div class="c-fare__item unavailable">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">
<p>Cambio biglietto</p>
<p class='not-available-txt'>(Non disponibile)</p>
</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
<div class="c-fare__item unavailable">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">
<p>Rimborso biglietto</p>
<p class='not-available-txt'>(Non disponibile)</p>
</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
</div>
<div class="c-fare__footer">
<button type="button" class="c-button c-button--submit">
Seleziona e continua
</button>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-fare c-fare--stopover ">
<div class="c-fare__header">
<p class="c-fare__name">Promotional</p>
<p class="c-fare__price">148,00€</p>
<div class="c-fare__route">
<div class="c-fare-route ">
<div class="c-fare-route__detail">
<div class="c-fare-route__disclosure">
<div class="c-collapsible o-collapsible o-collapsible--raw">
<p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="">Dettaglio scali</p>
<p class="c-fare-route__type">Andata</p>
<ul class="c-fare-route__list">
<li>Bologna BLQ - Sofia IST</li>
<li>Sofia IST- SHARM EL SHEIKH / MARSA ALAM</li>
</ul>
<p class="c-fare-route__type">Ritorno</p>
<ul class="c-fare-route__list">
<li>SHARM EL SHEIKH / MARSA ALAM - Sofia IST</li>
<li>Sofia IST- Bologna BLQ</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-fare__body">
<div class="c-fare__item">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--positive">
<use xlink:href="#ic-confirm-24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">Bagaglio da stiva</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
<div class="c-fare__item unavailable">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">
<p>Cambio biglietto</p>
<p class='not-available-txt'>(Non disponibile)</p>
</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
<div class="c-fare__item unavailable">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">
<p>Rimborso biglietto</p>
<p class='not-available-txt'>(Non disponibile)</p>
</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
</div>
<div class="c-fare__footer">
<button type="button" class="c-button c-button--submit">
Seleziona e continua
</button>
</div>
</div>
</div>
<div id="aCaso" class="c-carousel__item">
<div class="c-fare ">
<div class="c-fare__header">
<p class="c-fare__name">Promotional</p>
<p class="c-fare__price">148,00€</p>
</div>
<div class="c-fare__body">
<div class="c-fare__item">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--positive">
<use xlink:href="#ic-confirm-24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">Bagaglio da stiva</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
<div class="c-fare__item unavailable">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">
<p>Cambio biglietto</p>
<p class='not-available-txt'>(Non disponibile)</p>
</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
<div class="c-fare__item unavailable">
<div class="c-fare__item-icon">
<svg class="c-icon c-icon--24 c-icon--negative">
<use xlink:href="#ic_cancel_black_24px"></use>
</svg>
</div>
<div class="c-fare__item-content">
<div class="c-fare__item-title">
<p>Rimborso biglietto</p>
<p class='not-available-txt'>(Non disponibile)</p>
</div>
<div class="c-fare__item-body">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores saepe molestiae vel, natus autem, qui similique doloremque rem adipisci.</p>
</div>
</div>
</div>
</div>
<div class="c-fare__footer">
<button type="button" class="c-button c-button--submit">
Seleziona e continua
</button>
</div>
</div>
</div>
</div>
</section>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</main>
<div class="c-prefooter " role="banner">
<div class="c-prefooter__inner">
<div class="c-prefooter__col">
<div class="c-prefooter__item">
<h2>Hai bisogno di aiuto?</h2>
<ul class="c-prefooter__list">
<li class="c-prefooter__faq">
<a href="#">Il presidio parcheggi è sempre aperto? <span aria-hidden="true">→</span></a>
</li>
<li class="c-prefooter__faq">
<a href="#">Ho smarrito il mio biglietto del parcheggio, cosa posso fare <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</div>
<div class="c-prefooter__col">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/prefooter.png" alt="" height="" width="170">
<div class="c-media__body o-media__body">
</div>
</div>
<div class="c-prefooter__item">
<h2>Ti potrebbero servire</h2>
<ul class="c-prefooter__list">
<li class="c-prefooter__faq">
<a href="#">Assistenza Clienti <span aria-hidden="true">→</span></a>
</li>
<li class="c-prefooter__faq">
<a href="#">Info e reclami <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="c-footer c-footer--minimal">
<div class='c-footer__inner'>
<div class="c-cityguide">
<div class="c-cityguide__brand">
<a href="" class="c-cityguide__logo">
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
<div>
<div class="c-cityguide__socials">
<div class="c-socials">
<ul>
<li><a href="#" aria-label="instagram"><svg class="">
<use xlink:href="#ic-social-instagram"></use>
</svg></a></li>
<li><a href="#" aria-label="facebook"><svg class="">
<use xlink:href="#ic-social-facebook"></use>
</svg></a></li>
<li><a href="#" aria-label="twitter"><svg class="">
<use xlink:href="#ic-social-twitter"></use>
</svg></a></li>
<li><a href="#" aria-label="linkedin"><svg class="">
<use xlink:href="#ic-social-linkedin"></use>
</svg></a></li>
<li><a href="#" aria-label="youtube"><svg class="">
<use xlink:href="#ic-social-youtube"></use>
</svg></a></li>
</ul>
</div>
</div>
<div class="c-cityguide__lang">
<ul class="c-languages" aria-label="Seleziona la lingua del sito">
</ul>
</div>
<div class="c-cityguide__cta">
<p class="c-cityguide__text">Entra nel nostro team</p>
<a href="#" class="c-link c-link--sky ">
<span>Lavora con noi</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
</div>
</div>
<div class="c-copyright">
<div class="c-copyright__credits">
<p>
<strong><span aria-hidden="true">©</span>
Copyright 2018 Aeroporto Guglielmo Marconi di Bologna S.p.A.</strong>
- Tutti i diritti riservati<br />
Via Triumvirato, 84 - 40132 Bologna (BO) - Italy - Partita IVA:
03145140376 - Capitale sociale 90.314.162,00 Euro i.v. - R.E.A. Bo N.
268716
</p>
<ul>
<li><a href="#">Credits</a></li>
<li><a href="#">Informativa cookie</a></li>
<li><a href="#">Informativa Privacy – Reg. UE n.679/2016 (“GDPR”) e Codice Privacy s.m.i.</a></li>
<li><a href="https://www.bologna-airport.it/System/files/2018/Parcheggi/InformativaVideosorveglianza.pdf">Informativa
privacy videosorveglianza</a></li>
<li><a href="#">Dichiarazione di accessibilità</a></li>
<li><a href="#">Lavora con noi</a></li>
</ul>
</div>
<div class="c-copyright__partners">
<a href="https://defence-industry-space.ec.europa.eu/eu-aeronautics-industry/alliance-zero-emission-aviation_en">
<img class="c-copyright__partner" src="../../images/AZEA_logo_colour.jpg" alt="Azea logo" />
</a>
<a href="https://www.bologna-airport.it/la-societa/sala-stampa/comunicati-stampa/netzero2050-l-aeroporto-di-bologna-si-impegna-a-raggiungere-%E2%80%9Cemissioni-zero%E2%80%9D-entro-il-2050/?idC=62420&idO=1699377&urlBack=back"><img class="c-copyright__partner" src="../../images/net_zero_logo.jpg" alt="Alt zero logo" />
</a>
<a href="https://www.bologna-airport.it/la-societa/sala-stampa/news/aeroporto-di-bologna-primo-in-italia-e-tra-i-primi-al-mondo-a-ricevere-l-aci-airport-health-accreditation-/?idC=62350&idO=1962968">
<img class="c-copyright__partner" src="../../images/aci_aha_2022.png" alt="ACI AHA logo" />
</a>
</div>
</div>
</div>
</footer>
<div class="c-dialog js-fr-dialogmodal " id="dialog-newsletter">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-newsletter-title">
<div role="document">
<p class="c-dialog__title" id="dialog-newsletter-title" aria-hidden="true">Iscriviti alla newsletter di Aeroporto di Bologna e riceverai periodicamente:</p>
<div class="c-advantages">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Promozioni" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Promozioni su Parcheggi, VIP Lounge e Voli</strong><br>Resta aggiornato su promozioni riguardanti i parcheggi ufficiali dell’Aeroporto, la VIP Lounge e sui voli in partenza da Bologna.
</div>
</div>
</div>
<hr aria-hidden="true">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Informazioni" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Informazioni su nuove tratte in partenza da Bologna</strong><br>Scopri in anteprima le tratte che potrai raggiungere con volo diretto da Bologna.
</div>
</div>
</div>
<hr aria-hidden="true">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Programmazione eventi" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Programmazione eventi</strong><br>Ricevi le news riguardanti gli eventi esclusivi all’interno della Marconi Business Lounge.
</div>
</div>
</div>
</div>
<form class="c-form">
<label for="email-newsletter" class="" aria-label="">
Indirizzo e-mail <span class="required-marker" aria-hidden="true">*</span>
<input id="email-newsletter" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="">
</label>
<input type="checkbox" id="agree-privacy" name="privacy" class="u-visuallyhidden " role="group" aria-label="agree-privacy">
<label for="agree-privacy" class="">
Ho letto e accettato <a href="#"><strong>l'informativa sulla privacy</strong></a>
</label> <button type="submit" class="c-button c-button--submit c-button--large">
Iscríviti
</button>
</form>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<script src="../../js/footer.min.js"></script>
<script>
$.tangible.shortcutNavigation();
// $.tangible.navToolbar();
$.tangible.formFlights();
$.tangible.multiSelect();
// Tab tendine filtri
document.addEventListener('DOMContentLoaded', () => {
var priceTabs = new Tabby('[data-tabs-price]');
var airportTabs = new Tabby('[data-tabs-airport]');
var timeTabs = new Tabby('[data-tabs-time]');
var mobilePriceTabs = new Tabby('[data-mobile-tabs-price]');
var mobileAirportTabs = new Tabby('[data-mobile-tabs-airport]');
var mobileTimeTabs = new Tabby('[data-mobile-tabs-time]');
})
// initialization flatpickr https://flatpickr.js.org/getting-started/
// if browser language is italian, set flatpickr language to italian https://flatpickr.js.org/localization/
var userLang = navigator.language || navigator.userLanguage;
if (userLang == 'it-IT') {
flatpickr.localize(flatpickr.l10ns.it);
}
// gestione abiliata/disabilita plugin mobile/desktop
function flatPickrController() {
var round_trip = flatpickr("#round-trip-desktop.js-flatpickr"),
round_only = flatpickr("#round-desktop.js-flatpickr"),
trip_only = flatpickr("#round-desktop.js-flatpickr"),
mobileBreakPoint = 1024;
// se la viewport è maggiore di 1024 (display input desktop), inizializzo i flatpickr
if ($(window).width() > mobileBreakPoint) {
// flights form - andata/ritorno (desktop)
var round_trip = flatpickr("#round-trip-desktop.js-flatpickr", {
dateFormat: "d F Y",
mode: "range",
minDate: "today",
allowInput: true
});
// flights form - andata (desktop)
var round_only = flatpickr("#round-desktop.js-flatpickr", {
dateFormat: "d F Y",
minDate: "today",
allowInput: true
});
// flights form - ritorno (desktop)
var trip_only = flatpickr("#trip-desktop.js-flatpickr", {
dateFormat: "d F Y",
minDate: "today",
allowInput: true
});
} else {
// disabilita il plugin flatpickr, utilizza input normali
// round_trip.destroy();
round_only.destroy();
trip_only.destroy();
}
}
// al caricamento e al resize, chiama la funzione che abilita o disabilita il plugin
$(window).on('load resize', flatPickrController);
// LOGICA FORM VOLI - set min date
var $round = $("#round-mobile"),
$trip = $("#trip-mobile"),
$today = new Date().toISOString().split("T")[0];
$.merge($round, $trip).attr('min', $today);
// LOGICA FORM VOLI - validazione
$("#trip-mobile, #round-mobile").change(function(e) {
var $roundDate = new Date($round.val()),
$tripDate = new Date($trip.val()),
$roundParse = Date.parse($roundDate),
$noteField = $("#flights-form-note"),
$tripParse = Date.parse($tripDate);
if ($roundParse > $tripParse) {
$noteField.addClass('is-negative');
$noteField.removeClass('u-visuallyhidden');
} else {
$noteField.removeClass('is-negative');
$noteField.addClass('u-visuallyhidden');
}
});
// LOGICA FORM VOLI - mostra/nascondi
// funzione select voli a/r
$("#select-round-trip-selection").change(function() {
console.log("select");
var value = $(this).find("option:selected").attr("value");
var roundDesktopInput = $(".js-round-desktop input"),
roundDesktopLabel = $(".js-round-desktop label"),
tripDesktopInput = $(".js-trip-desktop input"),
tripDesktopLabel = $(".js-trip-desktop label"),
roundDesktopWrapper = $(".js-round-desktop"),
tripDesktopWrapper = $(".js-trip-desktop")
switch (value) {
case "option-2":
// nascondo il campo ritorno
tripDesktopInput.removeAttr("required");
tripDesktopWrapper.hide();
break;
default:
// mostro il campo ritorno
tripDesktopInput.attr("required", "required");
tripDesktopWrapper.show();
}
});
// FIX CHROME ATTRIBUTI REQUIRED
// rimuove e aggiunge gli attributi required per gli input e le select dei form e-commerce
function checkInputVisibility() {
// breakpoint desktop-mobile
var breakPoint = 1024,
mobileInput = $('.c-form__el--mobile input, .c-form__el--mobile select'),
desktopInput = $('.c-form__el--desktop input, .c-form__el--desktop select'),
desktopInputFlightsTrip = $(".js-round-desktop input");
if ($(window).width() > breakPoint) {
desktopInput.attr('required', 'required');
mobileInput.removeAttr('required');
desktopInputFlightsTrip.removeAttr("required");
} else if ($(window).width() < breakPoint) {
desktopInput.removeAttr('required');
mobileInput.attr('required', 'required');
}
}
// al caricamento e al resize della pagina
$(window).on('load resize', checkInputVisibility);
/* ------------------------ /*
TIME SLIDERS
/* ------------------------ */
function initializeSliderTime(sliderID, leftValueID = '', rightValueID = '') {
// Funzioni ausiliarie definite all'interno di initializeSliderTime
function convertToHour(value) {
return Math.floor(value / 60);
}
function convertToMinute(value, hour) {
return value - hour * 60;
}
function formatHoursAndMinutes(hours, minutes) {
if (hours.toString().length == 1) hours = '0' + hours;
if (minutes.toString().length == 1) minutes = '0' + minutes;
return hours + ':' + minutes;
}
var leftValue = document.getElementById(leftValueID),
rightValue = document.getElementById(rightValueID);
var initialStartMinute = 0,
initialEndMinute = 1440,
step = 30;
var slider = document.getElementById(sliderID);
if (slider) {
noUiSlider.create(slider, {
start: [300, 1220],
connect: true,
step: step,
range: {
'min': initialStartMinute,
'max': initialEndMinute
}
});
slider.noUiSlider.on('update', function(values, handle) {
if (handle === 0 && leftValue) {
leftValue.innerHTML = formatHoursAndMinutes(convertToHour(values[0]), convertToMinute(values[0], convertToHour(values[0])));
} else if (rightValue) {
rightValue.innerHTML = formatHoursAndMinutes(convertToHour(values[1]), convertToMinute(values[1], convertToHour(values[1])));
}
});
}
};
initializeSliderTime(
'slider-time-departure-round',
'slider-time-departure-round-left-val',
'slider-time-departure-round-right-val'
);
initializeSliderTime(
'slider-time-arrival-round',
'slider-time-arrival-round-left-val',
'slider-time-arrival-round-right-val'
);
initializeSliderTime(
'slider-time-departure-trip',
'slider-time-departure-trip-left-val',
'slider-time-departure-trip-right-val'
);
initializeSliderTime(
'slider-time-arrival-trip',
'slider-time-arrival-trip-left-val',
'slider-time-arrival-trip-right-val'
);
initializeSliderTime(
'slider-mobile-time-departure-round',
'slider-mobile-time-departure-round-left-val',
'slider-mobile-time-departure-round-right-val'
);
initializeSliderTime(
'slider-mobile-time-arrival-round',
'slider-mobile-time-arrival-round-left-val',
'slider-mobile-time-arrival-round-right-val'
);
initializeSliderTime(
'slider-mobile-time-departure-trip',
'slider-mobile-time-departure-trip-left-val',
'slider-mobile-time-departure-trip-right-val'
);
initializeSliderTime(
'slider-mobile-time-arrival-trip',
'slider-mobile-time-arrival-trip-left-val',
'slider-mobile-time-arrival-trip-right-val'
);
/* ------------------------ /*
END TIME SLIDERS
/* ------------------------ */
/* ------------------------ /*
PRICE SLIDERS
/* ------------------------ */
function initializePriceSlider(sliderID) {
var slider = document.getElementById(sliderID);
if (slider) {
noUiSlider.create(slider, {
start: [100, 600],
connect: true,
tooltips: true,
range: {
'min': 0,
'max': 1000
},
format: wNumb({
thousand: '.',
suffix: ' €'
})
});
}
}
initializePriceSlider('slider-price-round');
initializePriceSlider('slider-price-trip');
initializePriceSlider('slider-mobile-price-round');
initializePriceSlider('slider-mobile-price-trip');
/* ------------------------ /*
END TIME SLIDERS
/* ------------------------ */
// Flight Fares Carousel
$('.c-carousel--flight-fares .owl-carousel').owlCarousel({
loop: false,
responsiveClass: true,
margin: 16,
stageOuterClass: "owl-stage-outer c-carousel__outer",
nav: true,
navText: ['<img src="/images/svgs/carousel-btn-prev.svg">', '<img src="/images/svgs/carousel-btn-next.svg">'],
navContainerClass: "c-carousel__nav",
navClass: ['prev-btn', 'next-btn'],
dotsClass: "c-carousel__dots",
dotClass: "owl-dot c-carousel__dot",
mouseDrag: false,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1024: {
items: 3
}
}
});
</script>
{{#extend "@template-master--checkout"}}
{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header--progress" header merge=true }}
{{/content}}
{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}
{{!-- MAIN --}}
{{#content "main"}}
<div class="l-page-flights-results__search-recap">
{{ render "@booking-info--flights" }}
</div>
<div class="l-page-flights-results__filters-flight">
{{ render "@filters--flights" }}
</div>
<div class="l-page-flights-results__modify-search">
{{> @button filter-search-btn }}
{{> @button modify-search-btn }}
</div>
{{ render "@chips--filters" }}
<div class="u-wrapped">
{{> @highlight--emergency highlight-alert }}
</div>
<div class="l-page-flights-results__sorting">
<h1 class="u-typo-level-3 u-typo-weight-bold">Risultati di ricerca</h1>
<div class="c-form">{{> @select select-sorting-results }}</div>
</div>
{{!-- <div class="u-wrapped u-px-space-16">
{{> @highlight--emergency highlight-alert }}
</div> --}}
<div class="u-wrapped">
{{ render "@flight-product--default" }}
{{ render "@flight-product--with-stop" }}
{{ render "@flight-product--round-trip" }}
{{ render "@flight-product--round-trip-moredays" }}
{{ render "@flight-product--round-trip-stops" }}
{{ render "@flight-product--round-trip" }}
{{ render "@flight-product--round-trip-moredays" }}
{{ render "@flight-product--round-trip-stops" }}
</div>
{{ render "@pagination" }}
{{ render "@dialog--flights-form" dialog-flights-form merge=true }}
{{ render "@dialog--flight-filters" }}
{{ render "@dialog--flight-fares" }}
{{/content}}
{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
{{> @page-flights-results--scripts }}
{{/content}}
{{/extend}}
{
"bodyClass": "u-bg-color-soft-100",
"tablist": {
"hasLoading": true
},
"template-main-class": "c-main--shiftedtop flights-form",
"header": {
"toolbarProgress": {
"showUser": true,
"moleculeProgress": {
"current-step": 2,
"steps": [
{
"text": "Scegli il volo",
"status": "data-step-current"
},
{
"text": "Dati dei passeggeri",
"status": "data-step-incomplete"
},
{
"text": "Dati di pagamento",
"status": "data-step-incomplete"
},
{
"text": "Preventivo",
"status": "data-step-incomplete"
},
{
"text": "Ricevi conferma",
"status": "data-step-incomplete"
}
]
}
}
},
"flights-form": {
"modifier": "c-form--flights-edit o-spotlight__element",
"form-footer": true,
"show-switch": true,
"from": {
"atom-input": {
"value": "Bologna, Guglielmo Marconi [BLQ] (ITALIA)"
}
},
"to": {
"atom-input": {
"value": "Dubai, Al Maktoum Intl [DWC] (EMIRATI ARABI)"
}
},
"button": {
"type": "button",
"text": "Modifica",
"modifier": "c-button--adding js-fr-dialogmodal-open",
"opens-dialog": "dialog-flights-form"
}
},
"modify-search-btn": {
"modifier": "c-button--as-link js-fr-dialogmodal-open",
"type": "button",
"text": "Modifica la ricerca",
"opens-dialog": "dialog-flights-form",
"svg": {
"class": "c-icon c-icon--18",
"symbol": "ic_mode_edit_black_24px"
}
},
"filter-search-btn": {
"modifier": "c-button--as-link js-fr-dialogmodal-open",
"type": "button",
"text": "Filtra la ricerca",
"opens-dialog": "dialog-flight-filters",
"svg": {
"class": "c-icon c-icon--18",
"symbol": "ic-tune-24px"
}
},
"dialog-flights-form": {
"id": "dialog-flights-form",
"title": "Modifica il tuo volo"
},
"highlight-alert": {
"modifier": "c-highlight--emergency c-highlight--grid",
"text": "<p><strong>Non trovi il volo che stai cercando? Contatta il nostro Servizio Clienti al numero <a href=\"tel:0516479697\">051 6479697</a></strong></p><p>(dal lunedì al sabato dalle 09:00 alle 13:00 e dalle 14:00 alle 17:00)</p>"
},
"select-sorting-results": {
"label_id": "select-sorting-results",
"label_message": "Ordina per",
"label_class": "",
"atom-select": {
"id": "select-sorting-results",
"class": "is-inline",
"required": false,
"hasNote": false,
"placeholder": "Seleziona dal menu",
"options": [
{
"value": "option-1",
"text": "Volo più economico"
},
{
"value": "option-2",
"text": "Volo più veloce"
}
]
}
}
}
.l-page-flights-results__search-recap {
grid-column: full;
background-color: primary(sky, 20);
display: none;
@include min-screen(bp(desktop)) {
display: grid;
}
}
.l-page-flights-results__filters-flight {
grid-column: main;
display: none;
@include min-screen(bp(desktop)) {
display: block;
}
}
.l-page-flights-results__sorting {
grid-column: main;
display: flex;
justify-content: space-between;
align-items: center;
margin-block: remify(40px) remify(24px);
@include max-screen(bp(phablet)) {
margin-block: remify(16px) 0;
}
h1 {
@include max-screen(bp(phablet)) {
@include visually-hidden;
}
}
label {
margin-bottom: 0;
}
}
.l-page-flights-results__modify-search {
grid-column: main;
display: flex;
justify-content: space-between;
align-items: center;
gap: remify(16px);
margin-block: remify(16px);
.c-button {
margin-top: 0;
color: primary(night, 120);
font-weight: fw(semibold);
}
@include min-screen(bp(desktop)) {
display: none;
}
}
No notes defined.