<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="o-spotlight o-spotlight--grid u-bg-color-night-20" aria-hidden="true">
        <form action="../../#.html" class="c-form c-form--flights c-form--flights-edit o-spotlight__element" 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-selection" class="" aria-label="">
                        Tipo di viaggio:
                        <select id="select-economy-business-selection" class="is-small is-inline" aria-describedby="select-economy-business-selection-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-selection-note">
                            Seleziona il tipo di viaggio
                        </em>
                    </label> <label for="select-round-trip-selection" class="" aria-label="">

                        <select id="select-round-trip-selection" class="is-small is-inline" aria-describedby="select-round-trip-selection-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-selection-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="Bologna, Guglielmo Marconi [BLQ] (ITALIA)" 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">
                            Digita e scegli 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="Dubai, Al Maktoum Intl [DWC] (EMIRATI ARABI)" 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">
                            Digita e scegli l'arrivo
                        </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 di andata">

                        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 di ritorno">

                        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="button" class="c-button c-button--adding js-fr-dialogmodal-open" aria-controls="dialog-flights-form">

                        Modifica

                    </button>
                </div>
            </div>

        </form>
    </div>

    <form action="../preview/page-flights-passengers-login.html" class="o-flight-results">
        <div class="c-skimming" grid="grid">
            <div grid="12 6@md 3@xl last@xl">
                <div class="c-multiselect c-form ">

                    <button type="button" class="c-multiselect__button js-toggleMultiSelectBtn" aria-expanded="false" aria-label="" aria-controls="aria-MultiSelectOptions">
                        <span></span>
                        <img src="../../images/svgs/arrow-down-blue.svg" aria-hidden="true" alt="">
                    </button>

                    <div class="c-multiselect__options js-multiselectOptions" role="region" aria-live="polite" id="aria-MultiSelectOptions">

                    </div>

                </div>
            </div>
            <div grid="12 6@md 4@xl first@md">
                <ul class="c-switcher" aria-label="">

                </ul>
            </div>
            <div grid="12 5@xl">
                <div class=''>
                    <ul class='c-switcher'>
                        <li>
                            <a href='#section-cheaper' aria-label='Risultati ordinati per prezzo crescente'>
                                Il volo più economico
                                <strong>
                                    129,90 €
                                </strong>
                            </a>
                        </li>
                        <li>
                            <a href='#section-quickest' aria-label='Risultati ordinati per durata del volo crescente'>
                                Il volo più veloce
                                <strong>
                                    3h 56'
                                </strong>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="c-tablist ">
            <section class="c-tablist__section" id="section-cheaper">
                <div class="c-loading ">
                    <div class="c-loading__el">
                        <svg width="66px" height="66px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                            <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                        </svg>
                        <p>Sto cercando...</p>
                    </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>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-loading ">
                    <div class="c-loading__el">
                        <svg width="66px" height="66px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                            <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                        </svg>
                        <p>Sto cercando...</p>
                    </div>
                </div>
                <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>
    </form>

</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">&#8594;</span></a>
                    </li>
                    <li class="c-prefooter__faq">
                        <a href="#">Ho smarrito il mio biglietto del parcheggio, cosa posso fare <span aria-hidden="true">&#8594;</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">&#8594;</span></a>
                    </li>
                    <li class="c-prefooter__faq">
                        <a href="#">Info e reclami <span aria-hidden="true">&#8594;</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();
    var flights_list = [{
            id: 'section-cheaper'
        },
        {
            id: 'section-quickest'
        }
    ];
    // Detect if user browser is a IE. If false, Xiao will be initialized
    if (!(navigator.appName == 'Microsoft Internet Explorer' || !!(navigator.userAgent.match(/Trident/) || navigator.userAgent.match(/rv:11/)) || (typeof $.browser !== "undefined" && $.browser.msie == 1))) {
        var appFlightList = new Xiao(flights_list, 'section-cheaper');
    }
    // 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);
    // enable loading overlay
    $loader.removeClass('c-loading--hide');
</script>
{{#extend "@template-master--checkout"}}

{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header--progress" header merge=true }}
{{/content}}

{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}

{{!-- MAIN --}}
{{#content "main"}}

<div class="o-spotlight o-spotlight--grid u-bg-color-night-20" aria-hidden="true">
  {{ render "@form--flights" flights-form merge=true }}
</div>

<form action="{{ path '/components/preview/page-flights-passengers-login' }}" class="o-flight-results">
  {{> @skimming filters }}
  {{ render "@tablist--flights-list" tablist merge=true }}
</form>

{{/content}}

{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
  $.tangible.shortcutNavigation();
  // $.tangible.navToolbar();
  $.tangible.formFlights();
  $.tangible.multiSelect();

  var flights_list = [
    {
      id: 'section-cheaper'
    },
    {
      id: 'section-quickest'
    }
  ];

  // Detect if user browser is a IE. If false, Xiao will be initialized
  if (!(navigator.appName == 'Microsoft Internet Explorer' || !!(navigator.userAgent.match(/Trident/) || navigator.userAgent.match(/rv:11/)) || (typeof $.browser !== "undefined" && $.browser.msie == 1))) {
    var appFlightList = new Xiao(flights_list, 'section-cheaper');
  }

  // 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);

  // enable loading overlay
  $loader.removeClass('c-loading--hide');
</script>

{{/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"
        }
      ]
    }
  }
}
  • Content:
    .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;
      }
    }
  • URL: /components/raw/page-flights-results/_page-flights-results.scss
  • Filesystem Path: src/views/05-pages/06-flights/02-page-flights-results/_page-flights-results.scss
  • Size: 1.1 KB

No notes defined.