<div class="c-tablist ">
<section class="c-tablist__section" id="section-cheaper">
<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>Ryanair</span>
<strong>FR4705</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>5h 30min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-3" 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-3" name="stop-toggle-3" 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-3" 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>Ryanair</span>
<strong>FR4706</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 10min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-4" 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-4" name="stop-toggle-4" 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-4" 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">€ 355,68</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">
<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>Ryanair</span>
<strong>FR4745</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>3h 32min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-5" 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-5" name="stop-toggle-5" 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-5" 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>Ryanair</span>
<strong>FR4786</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 class='c-flight-stops__toggle'>
<label for="stop-toggle-6" 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-6" name="stop-toggle-6" 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-6" 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">
<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">€ 467,68</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">
<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>Easyjet</span>
<strong>U22831</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>Easyjet</span>
<strong>U22832</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">
<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">€ 489,52</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">
<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>EK109</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>EK100</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">
<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">€ 679,23</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>
<p class="disclaimer">
</p>
<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>
</section>
<section class="c-tablist__section" id="section-quickest">
<div class="c-flight-product c-flight-product--round-trip">
<div class="c-flight-product__info">
<p class="tag tag--mobile">Il più veloce</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>Easyjet</span>
<strong>U22831</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>Easyjet</span>
<strong>U22832</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 25min</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">Il più veloce</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">€ 754,93</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">
<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>EK109</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>EK100</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">
<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">€ 679,23</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">
<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>5h 30min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-7" 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-7" name="stop-toggle-7" 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-7" 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>5h 30min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-8" 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-8" name="stop-toggle-8" 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-8" 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">
<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">
<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>Ryanair</span>
<strong>FR4705</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>5h 30min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-9" 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-9" name="stop-toggle-9" 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-9" 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>Ryanair</span>
<strong>FR4706</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 10min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-10" 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-10" name="stop-toggle-10" 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-10" 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">
<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">€ 355,68</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">
<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>Ryanair</span>
<strong>FR4745</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>3h 32min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-11" 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-11" name="stop-toggle-11" 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-11" 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>Ryanair</span>
<strong>FR4786</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 40min</strong>
</p>
<div class='line' aria-hidden='true'>
<span class='line__stop'></span>
</div>
<div class='c-flight-stops__toggle'>
<label for="stop-toggle-12" 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-12" name="stop-toggle-12" 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-12" 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">
<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">€ 467,68</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>
<p class="disclaimer">
Gli orari riportati si riferiscono all"ora locale della città di riferimento.
</p>
<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>
</section>
</div>
<div class="c-tablist {{modifier}}">
<section class="c-tablist__section" id="section-cheaper">
{{#if hasLoading}}
{{render "@loading"}}
{{/if}}
{{#each cheaper-items}}
{{render componentName componentInstance merge=true}}
{{/each}}
<p class="disclaimer">
{{{disclaimer-text}}}
</p>
{{render "@pagination"}}
</section>
<section class="c-tablist__section" id="section-quickest">
{{#if hasLoading}}
{{render "@loading"}}
{{/if}}
{{#each quickest-items}}
{{render componentName componentInstance merge=true}}
{{/each}}
<p class="disclaimer">
Gli orari riportati si riferiscono all"ora locale della città di riferimento.
</p>
{{render "@pagination"}}
</section>
</div>
{
"home-it": true,
"tab": [
{
"anchor-id": "section-1",
"tab-text": "Section 1",
"tab-content-title": "Section title 1",
"tab-content-text": "<p>111 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facere nemo nihil dolor reprehenderit blanditiis dignissimos a nostrum. Quam, neque? Omnis non, facere modi adipisci et dicta. Voluptate, quo. Quia, adipisci.</p>"
},
{
"anchor-id": "section-2",
"tab-text": "Section 2",
"tab-content-title": "Section title 2",
"tab-content-text": "<p>222 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facere nemo nihil dolor reprehenderit blanditiis dignissimos a nostrum. Quam, neque? Omnis non, facere modi adipisci et dicta. Voluptate, quo. Quia, adipisci.</p>"
},
{
"anchor-id": "section-3",
"tab-text": "Section 3",
"tab-content-title": "Section title 3",
"tab-content-text": "<p>333 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Facere nemo nihil dolor reprehenderit blanditiis dignissimos a nostrum. Quam, neque? Omnis non, facere modi adipisci et dicta. Voluptate, quo. Quia, adipisci.</p>"
}
],
"switcher": {
"aria-label": "Cerca tra le seguenti sezioni",
"items": [
{
"section": "Tutti i risultati",
"number": "(123)",
"class": "is-active"
},
{
"section": "Voli diretti",
"number": "(80)"
},
{
"section": "Con scalo",
"number": "(43)"
}
]
},
"multiselect-company": {
"exposed-text": "Tutte le compagnie aeree",
"aria-label": "Seleziona le compagnie aeree",
"options": [
{
"id": "alitalia",
"name": "alitalia",
"text": "Alitalia"
},
{
"id": "ryanair",
"name": "ryanair",
"text": "Ryanair"
},
{
"id": "emirates",
"name": "emirates",
"text": "Emirates"
},
{
"id": "klm",
"name": "kml",
"text": "KLM"
},
{
"id": "delta",
"name": "delta",
"text": "Delta Airlines"
},
{
"id": "lufthansa",
"name": "lufthansa",
"text": "Lufthansa"
},
{
"id": "airdolomiti",
"name": "airdolomiti",
"text": "Air Dolomiti"
}
]
},
"cheaper-items": [
{
"componentName": "@flight-product--round-trip-moredays",
"componentInstance": {
"round": {
"route-label": "<strong>Andata</strong>"
},
"trip": {
"route-label": "<strong>Ritorno</strong>"
}
}
},
{
"componentName": "@flight-product--round-trip-stops",
"componentInstance": {
"round": {
"route-label": "<strong>Andata</strong>",
"company-logo": "/images/flights-logos/ryanair.png",
"company-name": "Ryanair",
"flight-code": "FR4705",
"stops": {
"duration": "Durata del volo: <strong>5h 30min</strong>",
"stops-number": 1,
"toggle": {
"id": "stop-toggle-3",
"name": "stop-toggle-3",
"text": "1 scalo"
},
"aria-controls-id": "stop-detail-3"
}
},
"trip": {
"route-label": "<strong>Ritorno</strong>",
"company-logo": "/images/flights-logos/ryanair.png",
"company-name": "Ryanair",
"flight-code": "FR4706",
"stops": {
"duration": "Durata del volo: <strong>6h 10min</strong>",
"stops-number": 1,
"toggle": {
"id": "stop-toggle-4",
"name": "stop-toggle-4",
"text": "1 scalo"
},
"aria-controls-id": "stop-detail-4"
}
},
"price": {
"value": "€ 355,68"
}
}
},
{
"componentName": "@flight-product--round-trip-stops",
"componentInstance": {
"round": {
"route-label": "<strong>Andata</strong>",
"company-logo": "/images/flights-logos/ryanair.png",
"company-name": "Ryanair",
"flight-code": "FR4745",
"stops": {
"duration": "Durata del volo: <strong>3h 32min</strong>",
"stops-number": 1,
"toggle": {
"id": "stop-toggle-5",
"name": "stop-toggle-5",
"text": "1 scalo"
},
"aria-controls-id": "stop-detail-5"
}
},
"trip": {
"route-label": "<strong>Ritorno</strong>",
"company-logo": "/images/flights-logos/ryanair.png",
"company-name": "Ryanair",
"flight-code": "FR4786",
"stops": {
"duration": "Durata del volo: <strong>4h 15min</strong>",
"stops-number": 1,
"toggle": {
"id": "stop-toggle-6",
"name": "stop-toggle-6",
"text": "1 scalo"
},
"aria-controls-id": "stop-detail-6"
}
},
"price": {
"value": "€ 467,68"
},
"tag": null
}
},
{
"componentName": "@flight-product--round-trip",
"componentInstance": {
"round": {
"route-label": "<strong>Andata</strong>",
"company-logo": "/images/flights-logos/easyjet.png",
"company-name": "Easyjet",
"flight-code": "U22831"
},
"trip": {
"route-label": "<strong>Ritorno</strong>",
"company-logo": "/images/flights-logos/easyjet.png",
"company-name": "Easyjet",
"flight-code": "U22832"
},
"price": {
"value": "€ 489,52"
},
"tag": null
}
},
{
"componentName": "@flight-product--round-trip",
"componentInstance": {
"round": {
"route-label": "<strong>Andata</strong>",
"company-logo": "/images/flights-logos/alitalia.png",
"company-name": "Alitalia",
"flight-code": "EK109"
},
"trip": {
"route-label": "<strong>Ritorno</strong>",
"company-logo": "/images/flights-logos/alitalia.png",
"company-name": "Alitalia",
"flight-code": "EK100"
},
"price": {
"value": "€ 679,23"
},
"tag": null
}
}
],
"quickest-items": [
{
"componentName": "@flight-product--round-trip",
"componentInstance": {
"round": {
"route-label": "<strong>Andata</strong>",
"company-logo": "/images/flights-logos/easyjet.png",
"company-name": "Easyjet",
"flight-code": "U22831",
"stops": {
"duration": "Durata del volo: <strong>4h 15min</strong>",
"stops-number": null
}
},
"trip": {
"route-label": "<strong>Ritorno</strong>",
"company-logo": "/images/flights-logos/easyjet.png",
"company-name": "Easyjet",
"flight-code": "U22832",
"stops": {
"duration": "Durata del volo: <strong>4h 25min</strong>",
"stops-number": null
}
},
"price": {
"value": "€ 754,93"
},
"tag": {
"text": "Il più veloce"
}
}
},
{
"componentName": "@flight-product--round-trip",
"componentInstance": {
"round": {
"route-label": "<strong>Andata</strong>",
"company-logo": "/images/flights-logos/alitalia.png",
"company-name": "Alitalia",
"flight-code": "EK109"
},
"trip": {
"route-label": "<strong>Ritorno</strong>",
"company-logo": "/images/flights-logos/alitalia.png",
"company-name": "Alitalia",
"flight-code": "EK100"
},
"price": {
"value": "€ 679,23"
},
"tag": null
}
},
{
"componentName": "@flight-product--round-trip-stops",
"componentInstance": {
"tag": null,
"round": {
"route-label": "<strong>Andata</strong>",
"stops": {
"duration": "Durata del volo: <strong>5h 30min</strong>",
"stops-number": 1,
"toggle": {
"id": "stop-toggle-7",
"name": "stop-toggle-7",
"text": "1 scalo"
},
"aria-controls-id": "stop-detail-7"
}
},
"trip": {
"route-label": "<strong>Ritorno</strong>",
"stops": {
"duration": "Durata del volo: <strong>5h 30min</strong>",
"stops-number": 1,
"toggle": {
"id": "stop-toggle-8",
"name": "stop-toggle-8",
"text": "1 scalo"
},
"aria-controls-id": "stop-detail-8"
}
}
}
},
{
"componentName": "@flight-product--round-trip-stops",
"componentInstance": {
"round": {
"route-label": "<strong>Andata</strong>",
"company-logo": "/images/flights-logos/ryanair.png",
"company-name": "Ryanair",
"flight-code": "FR4705",
"stops": {
"duration": "Durata del volo: <strong>5h 30min</strong>",
"stops-number": 1,
"toggle": {
"id": "stop-toggle-9",
"name": "stop-toggle-9",
"text": "1 scalo"
},
"aria-controls-id": "stop-detail-9"
}
},
"trip": {
"route-label": "<strong>Ritorno</strong>",
"company-logo": "/images/flights-logos/ryanair.png",
"company-name": "Ryanair",
"flight-code": "FR4706",
"stops": {
"duration": "Durata del volo: <strong>6h 10min</strong>",
"stops-number": 1,
"toggle": {
"id": "stop-toggle-10",
"name": "stop-toggle-10",
"text": "1 scalo"
},
"aria-controls-id": "stop-detail-10"
}
},
"price": {
"value": "€ 355,68"
},
"tag": null
}
},
{
"componentName": "@flight-product--round-trip-stops",
"componentInstance": {
"round": {
"route-label": "<strong>Andata</strong>",
"company-logo": "/images/flights-logos/ryanair.png",
"company-name": "Ryanair",
"flight-code": "FR4745",
"stops": {
"duration": "Durata del volo: <strong>3h 32min</strong>",
"stops-number": 1,
"toggle": {
"id": "stop-toggle-11",
"name": "stop-toggle-11",
"text": "1 scalo"
},
"aria-controls-id": "stop-detail-11"
}
},
"trip": {
"route-label": "<strong>Ritorno</strong>",
"company-logo": "/images/flights-logos/ryanair.png",
"company-name": "Ryanair",
"flight-code": "FR4786",
"stops": {
"duration": "Durata del volo: <strong>4h 40min</strong>",
"stops-number": 1,
"toggle": {
"id": "stop-toggle-12",
"name": "stop-toggle-12",
"text": "1 scalo"
},
"aria-controls-id": "stop-detail-12"
}
},
"price": {
"value": "€ 467,68"
},
"tag": null
}
}
]
}
.c-tablist {
position: relative;
text-align: center;
// only IE 10 & 11
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
z-index: 2;
}
main & {
grid-column: main;
}
.c-tablist__tabs {
padding: 0;
display: inline-flex;
position: relative;
z-index: 1;
margin: 0 auto;
border-radius: remify(16px);
border: 4px solid primary(night, 20);
background-color: primary(night, 20);
}
.c-tablist__tabs li,
.c-tablist__tabs a {
display: inline-block;
flex: 1;
border-radius: remify(4px) remify(4px) 0 0;
}
.c-tablist__tabs a {
text-decoration: none;
padding: remify(8px) remify(20px);
color: primary(night, 100);
display: block;
text-align: center;
white-space: nowrap;
min-width: remify(140px);
background-color: primary(night, 20);
color: primary(night, 100);
border-radius: remify(12px);
@include min-screen (bp(tablet)) {
padding: remify(8px) remify(40px);
min-width: remify(220px);
}
.c-icon {
vertical-align: bottom;
color: currentColor;
}
svg {
* {
fill: currentColor;
}
}
}
.c-tablist__tabs [aria-current="true"] {
color: #fff;
background-color: primary(night, 80);
}
.c-tablist__section {
padding: remify(16px);
@include min-screen(bp(tablet-p)) {
padding: 0;
}
.disclaimer {
text-align: center;
font-size: 75%;
margin-top: remify(20px);
}
.c-tablist__empty-message {
color: primary(night, 100);
font-weight: fw(regular);
margin: remify(80px) 0;
font-size: 150%;
text-align: center;
}
}
.c-tablist__section-header {
padding: remify(16px);
display: flex;
flex-direction: column;
gap: remify(16px);
@include min-screen(bp(phone-p)) {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}
.c-tablist__section-title {
@include font-scale(level-3);
color: #fff;
// padding: remify(16px) 0 0 remify(16px);
text-align: left;
}
}
/*------------------------------------*\
Flights-list modifier
\*------------------------------------*/
.c-tablist--flights-list,
.c-tablist--destination {
.c-tablist__section {
position: relative;
@include min-screen(bp(tablet-l)) {
padding: remify(48px);
}
}
}
/*------------------------------------*\
Destination modifier
\*------------------------------------*/
.c-tablist--destination {
margin-top: remify(40px);
}
/*------------------------------------*\
Flights times modifier
\*------------------------------------*/
.c-tablist--flights-times {
.c-tablist__tabs {
z-index: 0; // To prevent the bug of autocomplete that goes under the tabs
width: 100%;
max-width: remify(450px);
@include min-screen(bp(tablet-p)) {
width: 50%;
max-width: initial;
}
}
.c-tablist__section {
padding: remify(16px) 0;
}
// .c-main--arrivals-departures & {
// margin-top: remify(24px);
// }
.c-tablist__tabs a {
font-size: 75%;
@include min-screen(bp(phone-p)) {
font-size: 100%;
}
}
.status {
text-align: center;
margin-bottom: remify(32px);
position: relative;
@include min-screen(bp(tablet)) {
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: center;
// display: flex;
// justify-content: space-between;
// align-items: center;
}
}
.status__child {
&.refresh {
display: none;
@include min-screen(bp(tablet)) {
display: block;
}
}
&.is-alone {
margin-left: auto;
}
}
.status__child+.status__child {
margin-top: remify(16px);
@include min-screen(bp(tablet)) {
margin-top: 0;
}
}
.status .days {
display: flex;
align-items: center;
justify-content: center;
// @include min-screen(bp(tablet-p)) {
// position: absolute;
// left: 50%;
// transform: translateX(-50%);
// }
.today {
text-align: center;
color: primary(night, 100);
}
p {
font-size: 150%;
margin: 0 remify(24px);
}
small {
text-transform: uppercase;
}
a {
max-height: remify(24px);
}
svg * {
fill: primary(night, 100);
}
}
.last-update {
text-align: center;
width: 100%;
}
.last-update--mobile {
display: block;
margin-top: remify(24px);
@include min-screen(bp(tablet)) {
display: none;
}
}
.last-update--desktop {
display: none;
@include min-screen(bp(tablet)) {
display: block;
margin-top: remify(8px);
}
}
.c-tablist__time-switcher {
display: none;
position: sticky;
z-index: 200;
bottom: 0;
@include min-screen(bp(tablet)) {
display: block;
}
}
.flight-items {
max-width: remify(800px);
margin-inline: auto;
padding-inline: remify(16px);
}
}
/*------------------------------------*\
Forms modifier
\*------------------------------------*/
.c-tablist--forms {
.c-tablist__sections {
margin-top: 0;
@include min-screen(bp(tablet)) {
display:0 0 remify(48px);
}
// Dichiara un'altezza minima in modo da evitare il reflow della pagina
min-height: remify(96px);
}
.c-tablist__section {
box-shadow: none;
padding: 0;
margin: 0 auto;
outline: none;
max-width: remify(900px);
background-color: primary(night, 100);
border-radius: 0 0 remify(16px) remify(16px);
&~.c-tablist__section {
display: none;
}
// Rende visibile il tab corrente quando XIAO ha terminato il caricamento
&[aria-label]:not([hidden]) {
display: block;
}
}
.c-tablist__section--flights {
@include min-screen( $bp-form-flights ) {
width: 100%;
max-width: remify(1269px);
border-radius: remify(16px);
margin: 0 auto;
}
}
.c-tablist__tabs {
justify-content: space-between;
flex-wrap: nowrap;
border: none;
border-radius: 0;
width: 100%;
max-width: remify(900px);
border-radius: remify(16px) remify(16px) 0 0;
overflow: hidden;
@include min-screen(bp(tablet)) {
justify-content: center;
flex-wrap: nowrap;
}
}
.c-tablist__tabs li {
flex: 0 1 25%;
border-radius: 0;
}
.c-tablist__tabs a,
.c-tablist__tabs [aria-current="true"] {
padding: remify(16px) remify(4px);
background-color: primary(night, 20);
color: primary(night, 120);
display: block;
text-align: center;
border-radius: 0;
width: 100%;
min-width: remify(40px);
@include font-scale(level-1-5);
}
.c-tablist__tabs [aria-current="true"] {
text-decoration: none;
background-color: primary(night, 100);
color: #fff;
}
.c-tablist__tabs li a:hover,
.c-tablist__tabs [aria-current="true"] {
@include max-screen(bp(tablet)) {
background-color: primary(night, 120);
color: primary(sun, 100);
}
}
.c-tablist__tabs a svg {
display: inline-block;
* {
fill: currentColor;
}
}
.c-tablist__tabs span {
display: none;
@include min-screen(bp(tablet)) {
display: inline-block;
}
}
.c-tablist__tabs .mobile-label {
display: block;
@include min-screen(bp(tablet)) {
display: none;
}
}
.c-tablist__section--express {
.c-form__fields {
padding: remify(16px);
}
}
}
/*------------------------------------*\
HOMEPAGE forms modifier
\*------------------------------------*/
// .c-tablist--forms .c-tablist__section--parkings.has-banner:not([hidden]) {}
.c-tablist--forms .c-tablist__section {
.c-form {
padding: remify(16px);
text-align: left;
label {
color: #fff;
}
.c-field__note {
color: #fff;
}
label.is-negative {
color: status(light-negative);
input {
background-color: status(light-negative);
}
.c-field__note {
color: status(light-negative);
}
}
}
.c-banner {
border-radius: 0 0 remify(16px) remify(16px);
}
.c-form .pax-type label {
color: inherit;
}
}
/*------------------------------------*\
Pax-guide modifier
\*------------------------------------*/
.c-tablist--pax-guide {
*:focus {
outline: none;
}
.c-tablist__section {
margin-top: remify(8px);
border-radius: remify(8px);
background-color: primary(night, 120);
color: #fff;
a {
color: currentColor;
}
}
.c-tablist__tabs a,
.c-tablist__tabs [aria-current="true"] {
padding: remify(16px);
background-color: primary(night, 100);
color: #fff;
display: block;
text-align: center;
height: 100%;
border-radius: remify(4px);
background-color: transparent;
box-shadow: none;
font-size: 150%;
font-weight: fw(light);
}
.c-tablist__tabs [aria-current="true"] {
text-decoration: none;
font-weight: fw(semibold);
&:before {
position: absolute;
@include css-triangle("down", 10px, primary(sun, 100));
bottom: remify(-10px);
left: 50%;
transform: translateX(-50%);
@include min-screen(bp(tablet)) {
content: "";
}
}
}
}
/*------------------------------------*\
titolo-borsa modifier
\*------------------------------------*/
.c-tablist.c-tablist--titolo-borsa {
margin: remify(40px) 0;
.c-tablist__tabs {
@include max-screen(bp(phone-p)) {
align-items: flex-end;
}
}
.c-tablist__tabs a {
font-size: 75%;
&[aria-current="true"] {
border-top: remify(5px) solid;
}
&.departures {
border-color: primary(sky, 100);
}
&.arrivals {
border-color: primary(sun, 100);
}
@include min-screen(bp(phone-p)) {
font-size: 100%;
}
@include min-screen(bp(tablet)) {
font-size: 145%;
line-height: 1.42;
}
}
.iframes-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.iframes-container__item {
flex: 0 1 remify(600px);
padding: remify(8px);
}
}
/*------------------------------------*\
YouFirst modifier
\*------------------------------------*/
.c-tablist--youfirst {
@include shadow(higher);
max-width: remify(900px);
margin: 0 auto;
border: 1px solid primary(night, 20);
border-radius: remify(24px);
.c-tablist__sections {
margin-top: 0;
@include min-screen(bp(tablet)) {
display:0 0 remify(48px);
}
// Dichiara un'altezza minima in modo da evitare il reflow della pagina
min-height: remify(96px);
}
.c-tablist__section {
box-shadow: none;
padding: 0;
margin: 0 auto;
outline: none;
border-radius: 0 0 remify(24px) remify(24px);
background: linear-gradient(180deg, #FFFFFF 39%, #EAF2FB 135.82%, #F4F4F4 144.03%);
& ~ .c-tablist__section {
display: none;
}
// Rende visibile il tab corrente quando XIAO ha terminato il caricamento
&[aria-label]:not([hidden]) {
display: block;
}
}
.c-tablist__tabs {
justify-content: space-between;
flex-wrap: nowrap;
border: none;
border-radius: 0;
width: 100%;
border-radius: remify(24px) remify(24px) 0 0;
overflow: hidden;
@include min-screen(bp(tablet)) {
justify-content: center;
flex-wrap: nowrap;
}
}
.c-tablist__tabs li {
flex: 0 1 100%;
border-radius: 0;
}
.c-tablist__tabs a,
.c-tablist__tabs [aria-current="true"] {
padding: remify(16px) remify(4px);
background-color: primary(night, 10);
color: primary(night, 120);
display: block;
text-align: center;
border-radius: 0;
width: 100%;
min-width: remify(40px);
@include font-scale(level-1-5);
.c-tablist__label--desktop { display: none;}
.c-tablist__label--mobile { display: block;}
@include min-screen(bp(tablet)) {
.c-tablist__label--desktop { display: inline-block;}
.c-tablist__label--mobile { display: none;}
}
}
.c-tablist__tabs [aria-current="true"] {
text-decoration: none;
background-color: #fff;
}
.c-tablist__tabs a svg {
display: inline-block;
* {
fill: currentColor;
}
}
.c-tablist__tabs span {
display: none;
@include min-screen(bp(tablet)) {
display: inline-block;
}
}
.c-tablist__section--express {
.c-form__fields {
padding: remify(16px);
}
}
}
.youfirst_tab {
text-align: left;
padding: remify(24px);
@include min-screen(bp(tablet)) {
padding: remify(24px) remify(48px) remify(48px);
}
.youfirst_tab__title {
@include font-scale(level-4);
color: primary(night, 120);
margin-bottom: remify(24px);
}
.youfirst_tab__container {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.youfirst_tab__item {
@include min-screen(bp(tablet-p)) {
flex: 0 1 50%;
}
p {
margin-bottom: remify(8px);
}
ul li{
@include font-scale(level-1-5);
list-style: disc;
margin-bottom: remify(8px);
margin-left: remify(16px);
}
.c-button--submit {
width: 100%;
margin-top: remify(24px);
}
&:first-child {
@include min-screen(bp(tablet)) {
padding-right: remify(48px);
border-right: 1px solid primary(night, 20);
}
}
&.youfirst_tab__item--images {
display: none;
@include min-screen(bp(tablet)) {
padding-left: remify(48px);
display: flex;
justify-content: space-between;
.youfirst_tab__image {
flex: 0 1 46%;
}
}
}
}
.u-chkbx-showmore ~ .u-chkbx-showmore-target { display: block; max-height: 4rem; overflow: hidden; }
.u-chkbx-showmore:checked ~ .u-chkbx-showmore-target { display: block; max-height: 100%; }
.u-chkbx-showmore ~ label .more { display: inline-block; }
.u-chkbx-showmore:checked ~ label .more { display: none; }
.u-chkbx-showmore ~ label .less { display: none; }
.u-chkbx-showmore:checked ~ label .less { display: inline-block; }
.u-chkbx-showmore-label {
color: primary(sky, 120);
@include font-scale(level-2);
display: inline-block;
margin: remify(8px) 0 remify(16px);
&, & span {
text-decoration: underline;
}
&:hover {
cursor: pointer;
}
}
.youfirst_tab__divider {
text-align: center;
padding: remify(8px) 0;
margin: remify(8px) 0;
position: relative;
span {
padding: 0 remify(16px);
background-color: #fff;
display: inline-block;
position: relative;
z-index: 2;
}
&:after {
content: "";
position: absolute;
left: remify(24px);
right: remify(24px);
top: 50%;
transform: translateY(-50%);
border-bottom: 1px solid primary(night, 20);
z-index: 1;
}
}
}
(function($) {
/*
This JS scrolls the page on the anchors in order to avoid the page goes to the top everytime.
*/
var $tabs = $('.c-tablist__tabs a');
$tabs.on( "click", function(e) {
// console.log($(this).text());
// e.preventDefault();
// $('html,body').animate({
// scrollTop: $(this).offset().top - 10
// }, 500);
});
})(jQuery);
No notes defined.