p

				</label>

				<label for="ff-oneway" class="uk-display-block" style="cursor: pointer;">

					<input onclick="changeTrip('One way')" class="uk-radio" type="radio" name="trip" id="ff-oneway" value="One way"  style="margin-top: 0; padding-top: 0;"> One way

				</label>

			</div>

		</form>

	</div>

	<div id="ff-select-passengers" class="uk-margin-small-top uk-margin-small-bottom" hidden>

		<div class="uk-flex uk-flex-center uk-flex-middle">

			<div class="uk-text-center">

				<div style="text-transform: uppercase; font-size: 12px; font-weight: 400; margin-bottom: 5px;">Adults</div>

				<div class="uk-flex uk-flex-middle uk-flex-center">

					<div onclick="decadult()"  style="cursor: pointer;" class="ff-calc-dec">-</div>
					<div id="ff-calc-num-adult" class="ff-calc-num">1</div>
					<div onclick="addadult()"  style="cursor: pointer;" class="ff-calc-add">+</div>

				</div>

			</div>

			<div class="uk-margin-left uk-margin-right uk-text-center">

				<div class="" style="text-transform: uppercase; font-size: 12px; font-weight: 400; margin-bottom: 5px;">Children</div>

				<div class="uk-flex uk-flex-middle uk-flex-center">

					<div onclick="decchild()" style="cursor: pointer;" class="ff-calc-dec">-</div>
					<div id="ff-calc-num-children" class="ff-calc-num">0</div>
					<div onclick="addchild()"  style="cursor: pointer;" class="ff-calc-add">+</div>

				</div>

			</div>

			<div>

				<div class="uk-text-center" style="text-transform: uppercase; font-size: 12px; font-weight: 400; margin-bottom: 5px;">Infants</div>

				<div class="uk-flex uk-flex-middle uk-flex-center">

					<div onclick="decinfant()"  style="cursor: pointer;" class="ff-calc-dec">-</div>
					<div id="ff-calc-num-infant" class="ff-calc-num">0</div>
					<div onclick="addinfant()"  style="cursor: pointer;" class="ff-calc-add">+</div>

				</div>

			</div>

		</div>

	</div>

	<div id="ff-select-class" class="uk-margin-small-top uk-margin-small-bottom" hidden>

		<form>

			<div class="uk-flex uk-flex-middle uk-flex-right">

				<label for="ff-economy" class="uk-margin-right uk-display-block">

					<input  onclick="changeClass('Economy')" class="uk-radio" type="radio" name="trip" id="ff-economy" value="Economy" checked="checked"  style="cursor: pointer; margin-top: 0; padding-top: 0;"> Economy

				</label>

				<label for="ff-business" class="uk-display-block">

					<input onclick="changeClass('Business')" class="uk-radio" type="radio" name="trip" id="ff-business" value="business"  style="cursor: pointer; margin-top: 0; padding-top: 0;"> Business

				</label>



			</div>

		</form>

	</div>




	<div>
		<input style="display: none;" id="datepicker"/>
	</div>



	<div id="ff-plugin-alert" class="uk-margin-top">

		<div class="uk-alert-danger" uk-alert>
		    <a class="uk-alert-close" uk-close></a>
		    <p>You may have missed to select a date. Please check the calendar. If you dont know your date, use on the button "I dont know my dates"</p>
		</div>

	</div>


	<style>.ff-plugin-button-dontknow { background: #f5f5f5!important; color: #000!important; border: 1px solid #eee!important; margin-right: 10px; display: inline-block; }
		.ff-plugin-button-checkprice { display: inline-block; }
		.ff-plugin-button-wrapper { display: flex; flex-direction: row; justify-content: flex-end; }

		.ff-phone-ad {
			max-width: 38%;
			padding-right: 10px;
			text-align: left;
		}

		.ff-phone-ad a {
			color: #0ca30d;
    	font-weight: bold;
		}

		.ff-phone-ad-adicon {

	    font-size: 10px;
 	    padding: 2px 3px;
 	    background-color: #999;
 	    border-radius: 5px;
  	  color: #fff;
      margin-right: 5px;

		}

		.ff-phone-ad-mobile { display: none !important; }

		@media screen and ( max-width: 640px ) {

			.ff-plugin-button-wrapper { display: flex; flex-direction: row; justify-content: flex-end; }
			.ff-plugin-button-dontknow { margin-right: 0px; padding: 15px 10px; display: inline-block; font-size: 12px; margin-right: 10px; }
			.ff-plugin-button-checkprice { padding: 15px 10px; display: inline-block; margin-bottom: 10px; font-size :12px; }
			.ff-phone-ad-desktop { display: none !important; }
			.ff-phone-ad {
				max-width: 95%;
		    padding-right: 10px;
		    text-align: left;
		    float: right;
		    text-align: right;
		    margin-top: 10px;
			}
		}

		.ff-phone-ad-mobile { display: block !important; }

		@media screen and ( min-width: 641px) {
			.ff-phone-ad-mobile { display: none !important; }
			.compareCheckbox {
				margin-top: 10px;
			}
		}



	</style>


	<div style="margin-top: 20px; text-align: right;">

		<div class="ff-plugin-button-wrapper">
											<div class="ff-phone-ad ff-phone-ad-desktop phone-ad-show-switch" style="display: none;">
							<span class="ff-phone-ad-adicon">AD</span>
							<a href="tel:+18312710274">
							<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16" style="color: #0da30d;">
		  				<path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"></path>
							</svg>
							+1 (831) 271-0274</a>: Unpublished Flight Rates From <strong>Cordoba</strong>
				</div>
										<div>
				<div style="display: flex">
					<div>


						
							<div class="ff-pointer button-six tt-text-center ff-plugin-button-dontknow" onclick="openCayak(1, 1)" style="">I HAVE NO DATES</div>

						


					</div>

					<div>

						
							<div class="ff-pointer button-six tt-text-center ff-plugin-button-checkprice" onclick="openCayak(0, 1)">CHECK PRICES</div>

						


					</div>
				</div>
				<div style="font-weight: bold; display: flex; justify-content: right; color: #333; align-items: center;">
					<div style="flex-basis: content; padding: 7px 7px 5px; border: 1px solid #e5e5e5; border-radius: 4px;" class="compareCheckbox">
						<input type="checkbox" checked value="1" style="margin-right: 8px; height: 20px; width: 20px;" id="compareWithCheapflights" /><label for="compareWithCheapflights" style="cursor:pointer;"><span style="position: relative; top: -5px;">Check accommodation with our partner&nbsp;</span><!--<img class="map-ad-compare-logo" src="/img/bookingcomicon.svg" style="width: 80px; position: relative; top: -5px;">--></label>
					</div>
				</div>
			</div>

		</div>



								<div class="ff-phone-ad ff-phone-ad-mobile phone-ad-show-switch" style="display: none;">
					<span class="ff-phone-ad-adicon">AD</span><a href="tel:+18312710274">
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16" style="color: #0da30d;">
	  				<path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"></path>
						</svg>
						+1 (831) 271-0274</a>: Unpublished Flight Rates

						
							From <strong>Cordoba</strong>

						
				</div>
				
	</div>



</div>


<script>


	/*

	Calendar: https://easepick.com/configurator/


	url ser ut såhär

	https://www.airtickets.click/outbound/search?s=airportspage-map&adults=8&children=5&infants=9&class=Economy&rtn=Round+trip&date=2022613false&from=arn&to=got

	*/


	var adults 		= 1; // 1 default
	var children	= 0; // 0 default
	var infants     = 0; // 0 default
	var fclass		= 'Economy'; // names class after
	var rtn 		= 'Round trip'; // Round trip / One way
	var firstDate   = ''; //Datestring with from and to combined
	var datefrom	= ''; // from and to
	var dateto      = ''; // To date
	var from 		= ''; // Iata from
	var to 			= ''; // Iata to
	var flabel      = ''; // Label to send along to kayak

	var first_flight  = ''; // First date one route start
	var last_flight   = ''; // Date when one route ends
	var flying_days   = ''; // Days when the route flyes
	var airportpage   = false; // Determine if it is an /GOT page, and not GOT-ARN page

	var currentUrl  =  'ODB';

	var pickerselect = '';

	var picker = new easepick.create({
		element: "#datepicker",
		zIndex: 10,
	    grid: 2,
	    date: null,
	    inline: true,
	    firstDay: 0,
	    calendars: 2,
	    autoApply: true,
	    css: [
	        "/css/plugins/easepick.css?v=0.2"
	    ],
	    plugins: [
	        "AmpPlugin",
        	"KbdPlugin",
        	'LockPlugin',
	    ],
	    LockPlugin: {
          minDate: new Date(),
        },
        AmpPlugin : {
        	darkMode: false,
        },
	});


	// Elements
	var bookoverlay = document.getElementById('plugin-book-overlay');
	var bookelement = document.getElementById('plugin-book');
	var dates       = document.getElementById('datepicker');
	var alert 		= document.getElementById('ff-plugin-alert');


	function initDatePlugin( iataFrom, iataTo, startdate, label, firstFlight, lastFlight, days ) {

		from 		= iataFrom;
		to 			= iataTo;
		firstDate 	= startdate;
		flabel 		= label;

		first_flight = firstFlight;
		last_flight  = lastFlight;
		flying_days  = days;

		if( days !== '' && days !== 'undefined' && days !== undefined ) {

			airportpage = true;
		}
		else {

			airportpage = false;
		}

		bookoverlay.style.display = 'block';
		bookelement.style.display = 'block';

		// Set right state in box from beginning
		document.getElementById('ff-dropdown-roundtrip').classList.add('active');
		document.getElementById('ff-select-passengers').setAttribute('hidden', '');
	    document.getElementById('ff-select-class').setAttribute('hidden', '');
	    document.getElementById('ff-dropdown-passengers').classList.remove('active');
		document.getElementById('ff-dropdown-class').classList.remove('active');


		if( pickerselect == 'single' ) {

			changeTrip('one way');
		}

		if( firstDate != '' || pickerselect == 'single' ) {

			document.getElementById('ff-drodpwn-roundtrip-text').innerHTML = 'one way';
			document.getElementById('ff-select-roundtrip').removeAttribute('hidden', '');
			setPickerRange('single');
			rtn = 'One way';
			ifFirstDate();

		}
		else {

			changeTrip('round trip');
			document.getElementById('ff-select-roundtrip').removeAttribute('hidden', '');
			firstDate = '';
			setPickerRange('range');

		}
	}



	function checkIfDirectflight() {

		var firstF = false;
		var lastF  = false;
		var daysF  = false;

		var todayDate = new Date();

		// Checking first date
		if( first_flight !== null ) {

			// Kolla om det är mindre än idag
			firstD = new Date( first_flight );

			if( firstD < todayDate ) {

				firstF = true;
			}
		}
		else {

			firstF = true;
		}

		// Checking last date
		if( last_flight !== null ) {

			// Kolla om det är större än idag
			lastD = new Date( last_flight );

			if( lastD > todayDate ) {

				lastF = true;
			}
		}
		else {

			lastF = true;
		}

		// checking days
		if( flying_days.includes("no" ) || flying_days.includes("upcoming" ) ) {

			daysF = false;
		}
		else {

			daysF = true;
		}

		if( firstF && lastF && daysF ) {

			return true;
		}
		else {

			return false;
		}

	}








	// Om ett datum skickas med, så förutsätter vi att det är one-way, då sätter vi ett datum redan från start
	function ifFirstDate(startdate) {

		document.getElementById('ff-oneway').checked = true;

		picker.setDate(firstDate);
		picker.gotoDate(firstDate);
		picker.renderAll();
	}

	function decadult() {

		if( adults !== 1 ) {

			adults = adults -1;
			updatePassengers();
		}
	}
	function addadult() {

		if( adults !== 20 ) {

			adults = adults +1;
			updatePassengers();
		}
	}
	function decchild() {

		if( children !== 0 ) {

			children = children -1;
			updatePassengers();
		}
	}
	function addchild() {

		if( children !== 20 ) {

			children = children +1;
			updatePassengers();
		}
	}
	function decinfant() {

		if( infants !== 0 ) {

			infants = infants -1;
			updatePassengers();
		}
	}
	function addinfant() {

		if( infants !== 20 ) {

			infants = infants +1;
			updatePassengers();
		}
	}

	function changeTrip( val ) {

		document.getElementById('ff-drodpwn-roundtrip-text').innerHTML = val;

		rtn = val;

		if( val == 'One way' ) {

			setPickerRange('single');

			pickerselect = 'single';
		}
		if( val == 'Round trip' ) {

			setPickerRange('range');

			pickerselect = 'range';
		}
	}

	function changeClass( val ) {

		document.getElementById('ff-drodpwn-class-text').innerHTML = val;
		fclass = val;
	}

	function updatePassengers() {

		document.getElementById('ff-calc-num-adult').innerHTML 		= adults;
		document.getElementById('ff-calc-num-children').innerHTML 	= children;
		document.getElementById('ff-calc-num-infant').innerHTML 	= infants;

		var textbutton = document.getElementById('ff-calc-passenger-button');

		var innertext = '';

		if( adults == 1) {

			innertext += adults + ' adult';
		}
		else if( adults > 1 ) {

			innertext += adults + ' adults';
		}
		if( infants != 0 || children != 0) {

			var childsum = children + infants;

			if( childsum > 1 ) {

				innertext += ' ,' + childsum + ' children';
			}
			else {

				innertext += ', ' + childsum + ' child';
			}
		}

		textbutton.innerHTML = innertext;
	}


	UIkit.util.on('#ff-select-roundtrip', 'show', function () {

		document.getElementById('ff-dropdown-roundtrip').classList.add('active');
		document.getElementById('ff-dropdown-passengers').classList.remove('active');
		document.getElementById('ff-dropdown-class').classList.remove('active');

	    document.getElementById('ff-select-passengers').setAttribute('hidden', '');
	    document.getElementById('ff-select-class').setAttribute('hidden', '');
	});

	UIkit.util.on('#ff-select-passengers', 'show', function () {

		document.getElementById('ff-dropdown-roundtrip').classList.remove('active');
		document.getElementById('ff-dropdown-passengers').classList.add('active');
		document.getElementById('ff-dropdown-class').classList.remove('active');

	    document.getElementById('ff-select-roundtrip').setAttribute('hidden', '');
	    document.getElementById('ff-select-class').setAttribute('hidden', '');
	});

	UIkit.util.on('#ff-select-class', 'show', function () {

		document.getElementById('ff-dropdown-roundtrip').classList.remove('active');
		document.getElementById('ff-dropdown-passengers').classList.remove('active');
		document.getElementById('ff-dropdown-class').classList.add('active');

	    document.getElementById('ff-select-roundtrip').setAttribute('hidden', '');
	    document.getElementById('ff-select-passengers').setAttribute('hidden', '');
	});


	function closedates() {

		bookoverlay.style.display = 'none';
		bookelement.style.display = 'none';
		picker.clear();
	}

	function setPickerRange(range) {

		if( range == 'range' ) {

			picker.PluginManager.addInstance('RangePlugin');
			picker.renderAll();
		}
		else {

			picker.PluginManager.removeInstance('RangePlugin');
			picker.renderAll();
		}
	}


	// Build URL and send to out API
	function openCayak(nodates, showstops) {

		// If the page is an /GOT page, check if we will show connectionflights or not
		if( airportpage === true )  {

			if( checkIfDirectflight()  ) {

				showstops = 0;
			}
			else {

				showstops = 1;
			}
		}


		alert.style.display = 'none';

		let firstDate 	= '';
		let lastDate 	= '';
		let url 		= '';

		if( nodates == 1 && showstops == 1 ) {

			url = '/outbound/search?s=airportspage-map&adults=' + parseInt(adults) + '&children=' + parseInt(children) + '&infants=' + parseInt(infants) + '&class=' + fclass.replace(' ', '+') + '&rtn=' + rtn.replace(' ', '+') + '&date=&dateto=&from=' + from + '&to=' + to + '&dontknowdates=1&label=' + flabel + '&page=' + currentUrl + '&showstops=1';
		}

		else if( nodates == 1 ) {

			url = '/outbound/search?s=airportspage-map&adults=' + parseInt(adults) + '&children=' + parseInt(children) + '&infants=' + parseInt(infants) + '&class=' + fclass.replace(' ', '+') + '&rtn=' + rtn.replace(' ', '+') + '&date=&dateto=&from=' + from + '&to=' + to + '&dontknowdates=1&label=' + flabel + '&page=' + currentUrl;
		}
		else {

			if( dates.value.length == 0 ) {

				alert.style.display = 'block';
				return false;
			}

			// Dates ( if 2 dates )
			if( dates.value.length > 10 ) {

				firstDate 	= dates.value.substring(0, 10);
				lastDate 	= dates.value.substring(13, 23);
			}
			else {

				firstDate = dates.value;
			}

			if( showstops == 1 ) {

				url = '/outbound/search?s=airportspage-map&adults=' + parseInt(adults) + '&children=' + parseInt(children) + '&infants=' + parseInt(infants) + '&class=' + fclass.replace(' ', '+') + '&rtn=' + rtn.replace(' ', '+') + '&date=' + firstDate + '&dateto=' + lastDate + '&from=' + from + '&to=' + to + '&label=' + flabel + '&page=' + currentUrl + '&showstops=1';
			}
			else {

				url = '/outbound/search?s=airportspage-map&adults=' + parseInt(adults) + '&children=' + parseInt(children) + '&infants=' + parseInt(infants) + '&class=' + fclass.replace(' ', '+') + '&rtn=' + rtn.replace(' ', '+') + '&date=' + firstDate + '&dateto=' + lastDate + '&from=' + from + '&to=' + to + '&label=' + flabel + '&page=' + currentUrl;
			}
		}

		window.open(url, '_blank');
		if(document.getElementById('compareWithCheapflights').checked) {
			location.href = url + '&supplier=comparewindow';
		}

		closedates();

	}

</script>






<style>.container .inline { box-shadow: none!important }
	.container.inline { box-shadow: none!important }
	.easepick-wrapper .container.inline { box-shadow: none!important }

	/* Calendar */

	.container.range-plugin .calendar>.days-grid>.day.start {

		background-color:#87c5df!important;
	}





	.container.range-plugin .calendar>.days-grid>.day.end, .container.range-plugin .calendar>.days-grid>.day.start {

		background-color:#87c5df!important;
	}
	.container.range-plugin .calendar>.days-grid>.day.in-range {

		background-color: #a7e5ff!important;
	}
	.calendar>.days-grid>.day.selected {

		background-color:#87c5df!important;
		color:#fff;
	}

</style>







    <!-- /Overlay plugins -->






    <style>.ff-review-author { font-weight: 600; }
    .ff-section-dark { padding-top: 40px; padding-bottom: 40px; background-color:#656d78; color:#fff; }
    .ff-review-para { font-size :18px; }
</style>

<section class="ff-section-dark">

    <div class="uk-container">

        <h3 class="section-title uk-text-center" style="color:#fff;">About Airtickets.Click?</h3> <p class="uk-text-center ff-review-para" style="max-width: 800px; margin: 0 auto; margin-bottom: 30px;"> <i> Airtickets.Click is a powerful website for finding airline routes and flight schedules worldwide. It lets you explore destination options through non-stop flights from a specific airport, making it easy to plan business meetings or weekend getaways based on your schedule and your nearest airport.
            </i>
        </p>

<div class="uk-grid"> <div class="uk-width-1-1 uk-width-1-2@s uk-margin-bottom"> <div class="uk-flex"> <div style="width: 50px;"><span uk-icon="icon: quote-right; ratio: 1.6"></span></div> <div class="uk-width-extend"> <p> <i> Part of its appeal is that it makes trips easier to plan by showing the departure times of every non-stop flight in a single list. </i> </p> <p class="ff-review-author"><i>- MSN.COM</i></p> </div> </div> </div> <div class="uk-width-1-1 uk-width-1-2@s uk-margin-bottom"> <div class="uk-flex"> <div style="width: 50px;"><span uk-icon="icon: quote-right; ratio: 1.6"></span></div> <div class="uk-width-extend"> <p> <i> I always wondered where you could fly direct from a particular airport (Burbank, I’m looking at you), and those answers used to be hard to find. Not anymore. </i> </p> <p class="ff-review-author"><i>- Rich on tech</i></p> </div> </div> </div> <div class="uk-width-1-1 uk-width-1-2@s"> <div class="uk-flex"> <div style="width: 50px;"><span uk-icon="icon: quote-right; ratio: 1.6"></span></div> <div class="uk-width-extend"> <p> <i> Popular booking sites often exclude low-cost carriers or miss opportunities to combine transoceanic flights with regional airlines for lower fares. A broader search tool solves this… (Hint: search by destination airport at airtickets.click) </i> </p> <p class="ff-review-author"><i>- The New York Times</i></p> </div> </div> </div> <div class="uk-width-1-1 uk-width-1-2@s"> <div class="uk-flex"> <div style="width: 50px;"><span uk-icon="icon: quote-right; ratio: 1.6"></span></div> <div class="uk-width-extend"> <p> <i> Many budget airlines block their flight data from appearing on popular third-party platforms. To access all local departure options, airtickets.click offers a better solution </i> </p> <p class="ff-review-author"><i>- FaceBook</i></p> </div> </div> </div> </div>   
 

        </div>

    </div>

    <hr>

</section>







    <style>.ff-extra-content a {
            color: #87c5df;
            font-weight: 300;
        }

        .uk-accordion-title {
            font-size: 16px;
            font-weight: 400 !important;
            color: #333 !important;
        }

        @media screen and (max-width: 480px) {

            .qaa-question {
                font-size: 14px;
                font-weight: 400;
            }

            .qaa-icon {
                top: -5px;
            }
        }

        #ff-idle-overlay {
            display: none;
            opacity: 0.5;
            background-color: #000;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 9999;
            position: fixed;
        }

        #ff-idle-ad {
            display: none;
            width: 400px;
            position: fixed;
            left: 50%;
            margin-left: -15.5%;
            top: 20%;
            z-index: 99999;
        }

        @media screen and ( max-width: 640px ) {

            #ff-idle-ad {
                display: none;
                width: calc(100% - 20px);
                position: fixed;
                left: 10px;
                right: 10px;
                margin-left: 0;
                top: 20%;
                z-index: 99999;
            }
        }

        #container-ad-compare-1 {
            display: none;
            position: relative;
            margin-top: 20px;
        }

        #ad-compare-1 {

            margin-top: 20px;
            border-radius: 8px;
            width: 100%;
            background-color: #fff;
            height: 310px;
            border-radius: 8px;
            box-shadow: 0px 0px 15px 3px #e5e5e5;
            max-height: 825px;
        }

        #container-ad-compare-2 {
            display: none;
            position: relative;
            margin-top: 20px;
        }

        #ad-compare-2 {

            margin-top: 20px;
            border-radius: 8px;
            width: 100%;
            background-color: #fff;
            height: 310px;
            border-radius: 8px;
            max-height: 825px;
            /*box-shadow: 0px 0px 15px 3px #e5e5e5;*/
        }

        .ad-container-close {
            position: absolute;
            right: 10px;
            top: 10px;
            color: #fff;
        }
    </style>








    

    <script src="js/axios.min.js"></script>
    <script src="js/moment2294.min.js"></script>


    <script>
      const {createApp} = Vue
      createApp({
        created() {

          this.initialState = 0

          this.airlinesToShow = this.airlines.slice(0, this.airlinesToShowCount)
          this.countriesToShow = this.countries.slice(0, this.countriesToShowCount)
          this.destCount = this.allDestinations.length

          this.aircraftsToShow = this.activeaircrafts.slice(0, this.aircraftsToShowCount)

          const queryString = window.location.search
          const urlParams = new URLSearchParams(queryString)

          // If there is 40 or more destinations ( 41 loades as max ) show "showe more"
          this.refreshAds = false

          setTimeout(() => {
            this.refreshAds = true
          }, "500");


          if (urlParams.has('state')) {

            // If there is paramaters for a filtering, DONT show "show more" button
            this.showAll = false;
            if (urlParams.get('priceFrom')) this.priceFrom = urlParams.get('priceFrom')
            if (urlParams.get('priceTo')) this.priceTo = urlParams.get('priceTo')
            if (urlParams.get('durationFrom')) this.durationFrom = urlParams.get('durationFrom')
            if (urlParams.get('durationTo')) this.durationTo = urlParams.get('durationTo')
            if (urlParams.get('distanceFrom')) this.distanceFrom = urlParams.get('distanceFrom')
            if (urlParams.get('distanceTo')) this.distanceTo = urlParams.get('distanceTo')
            if (urlParams.get('timeFrom')) this.departureFrom = this.minutesToTime(urlParams.get('timeFrom'), true)
            if (urlParams.get('timeTo')) this.departureTo = this.minutesToTime(urlParams.get('timeTo'), true)
            if (urlParams.get('arrivalFrom')) this.arrivalFrom = this.minutesToTime(urlParams.get('arrivalFrom'), true)
            if (urlParams.get('arrivalTo')) this.arrivalTo = this.minutesToTime(urlParams.get('arrivalTo'), true)
            if (urlParams.get('duration_sorting')) this.durationSorting = urlParams.get('duration_sorting')
            if (urlParams.get('destination_sorting')) this.destinationSorting = urlParams.get('destination_sorting')
            if (urlParams.get('entityType')) this.entityType = urlParams.get('entityType')

            if (parseInt(urlParams.get('lowcost')) > 0) this.lowcost = true
            if (parseInt(urlParams.get('business_only')) > 0) this.businessOnly = true
            if (urlParams.get('airlines')) {
              let carrier = urlParams.get('airlines').split(',')
              carrier.forEach(value => {
                this.carrier[value] = value
              })
            }
            if (urlParams.get('countries')) {
              let countries = urlParams.get('countries').split(',')
              countries.forEach(value => {
                this.selectedCountries[value] = value
              })
            }
            if (urlParams.get('classes')) {
              let classes = urlParams.get('classes').split(',')
              classes.forEach(value => {
                this.classes[value] = value
              })
            }
            if (urlParams.get('days')) {
              const days = urlParams.get('days').split(',')
              if (days.includes('day1')) this.setDays(1)
              if (days.includes('day2')) this.setDays(2)
              if (days.includes('day3')) this.setDays(3)
              if (days.includes('day4')) this.setDays(4)
              if (days.includes('day5')) this.setDays(5)
              if (days.includes('day6')) this.setDays(6)
              if (days.includes('day7')) this.setDays(7)
            }

            // Aircrafts
            if (urlParams.get('aircrafts')) {

              this.selectedaircrafts = urlParams.get('aircrafts').split(',')
            }

            // om det är filter eller sortering satt, ska vi skippa knappen då?

            this.isInit = true
            this.setEntityType(urlParams.get('entityType') ? urlParams.get('entityType') : 'destinations');
            this.updateFilter()
          } else this.isInit = true

          if (this.destinations.length > 0) {
            this.destinationTo = this.destinations[0].iata_to;
          } else {
            this.destinationTo = null;
          }


          // Checking of we will show "Show all destinations" button from the beginning
          if (this.destinations.length == this.allDestinations.length) {

            this.showAll = false;
          }


          if (urlParams.has('state')) {

            // If there is paramaters for a filtering, DONT show "show more" button
            this.showAll = false;

          }


        },
        updated() {

          let tags = document.getElementById('filterTags');
          tags.style.display = 'block';

          let foundtext = document.getElementById('foundText');
          foundtext.style.display = 'inline-block';
        },
        data() {

          return {
            isInit: false,
            showAll: true,
            durationFrom: 0,
            durationTo: 0,
            destinationSorting: 'asc',
            durationSorting: 'asc',
            departureFrom: 0,
            arrivalFrom: 0,
            arrivalTo: 0,
            lowcost: 0,
            oneworld: 0,
            destCount: 0,
            staralliance: 0,
            isLoading: false,
            skyteam: 0,
            carrier: {},
            sortingType: 'most-flights',
            sortingDirection: 'asc',
            businessOnly: false,
            departureTo: 0,
            priceFrom: '',
            filters: '',
            priceTo: '',
            schedulesCount: 0,
            selectedCountries: {},
            from: 'ODB',
            refreshAds: false,
            distanceFrom: 0,
            distanceTo: 0,
            schedulesOffset: 50,
            /*
            * DESTINATIONS
            */
            selectedMonth: null,
            entityType: 'destinations',
            destinations: [{"id":93094,"iata_from":"ODB","iata_to":"BCN","price":0,"day1":"no","day2":"yes","day3":"no","day4":"no","day5":"no","day6":"yes","day7":"yes","flights_per_day":"0-1 flights","common_duration":100,"flights_per_week":3,"first_flight":"2025-09-18","last_flight":"2026-03-28","airport":{"IATA":"BCN","country_code":"ES","name":"El Prat Airport","city_name":"Barcelona","city_name_en":"Barcelona","country":"Spain","no_routes":224},"airlineroutes":[{"id":188115,"route_id":93094,"is_new":0,"first_flight":null,"carrier":"VY","carrier_name":"Vueling","aircraft_codes":"32S","airline":{"id":1377,"callsign":"VUELING","ICAO":"VLG","IATA":"VY","name":"Vueling","fs_id":"VY","shortname":"Vueling","fullname":null,"country":"Spain","flag_carrier":null,"languages_primary":null,"languages_secondary":null,"flights_last_24_hours":386,"airbourne":22,"location":"Spain","phone":"","url":"http:\/\/www.vueling.com\/","wiki_url":"http:\/\/en.wikipedia.org\/wiki\/Vueling","is_scheduled_passenger":1,"is_nonscheduled_passenger":0,"is_cargo":0,"is_railway":null,"is_lowcost":1,"active":1,"is_oneworld":0,"is_staralliance":0,"is_skyteam":0,"is_allianceaffiliate":0,"rating_iosapp":null,"rating_androidapp":null,"rating_skytrax_reviews":null,"rating_skytrax_stars":null,"rating_tripadvisor":null,"rating_trustpilot":null,"rating_flightradar24":null,"color1":null,"color2":null,"textcolor":null,"kayak_api_lastseen":null,"kayak_api_isactive":0,"created_at":"2018-01-03T06:35:26.000000Z","updated_at":"2023-06-28T11:05:51.000000Z"}}]},{"id":88582,"iata_from":"ODB","iata_to":"LPA","price":260,"day1":"no","day2":"yes","day3":"no","day4":"no","day5":"no","day6":"yes","day7":"no","flights_per_day":"0-1 flights","common_duration":145,"flights_per_week":2,"first_flight":"2024-07-23","last_flight":"2026-10-15","airport":{"IATA":"LPA","country_code":"ES","name":"Gran Canaria Airport","city_name":"Las Palmas","city_name_en":"Las Palmas","country":"Spain","no_routes":131},"airlineroutes":[{"id":186948,"route_id":88582,"is_new":0,"first_flight":null,"carrier":"NT","carrier_name":"Binter Canarias","aircraft_codes":"EMJ","airline":{"id":988,"callsign":"BINTER","ICAO":"IBB","IATA":"NT","name":"Binter Canarias","fs_id":"NT","shortname":"Binter Canarias","fullname":null,"country":"Spain","flag_carrier":null,"languages_primary":null,"languages_secondary":null,"flights_last_24_hours":35,"airbourne":2,"location":"Spain","phone":"","url":"https:\/\/www.bintercanarias.com\/eng","wiki_url":"","is_scheduled_passenger":1,"is_nonscheduled_passenger":0,"is_cargo":0,"is_railway":null,"is_lowcost":0,"active":1,"is_oneworld":0,"is_staralliance":0,"is_skyteam":0,"is_allianceaffiliate":0,"rating_iosapp":null,"rating_androidapp":null,"rating_skytrax_reviews":null,"rating_skytrax_stars":null,"rating_tripadvisor":null,"rating_trustpilot":null,"rating_flightradar24":null,"color1":null,"color2":null,"textcolor":null,"kayak_api_lastseen":null,"kayak_api_isactive":0,"created_at":"2018-01-03T06:32:31.000000Z","updated_at":"2023-06-28T11:05:47.000000Z"}}]}],
            allDestinations: [{"id":93094,"iata_from":"ODB","iata_to":"BCN","price":0,"day1":"no","day2":"yes","day3":"no","day4":"no","day5":"no","day6":"yes","day7":"yes","flights_per_day":"0-1 flights","common_duration":100,"flights_per_week":3,"first_flight":"2025-09-18","last_flight":"2026-03-28","airport":{"IATA":"BCN","country_code":"ES","name":"El Prat Airport","city_name":"Barcelona","city_name_en":"Barcelona","country":"Spain","no_routes":224},"airlineroutes":[{"id":188115,"route_id":93094,"is_new":0,"first_flight":null,"carrier":"VY","carrier_name":"Vueling","aircraft_codes":"32S","airline":{"id":1377,"callsign":"VUELING","ICAO":"VLG","IATA":"VY","name":"Vueling","fs_id":"VY","shortname":"Vueling","fullname":null,"country":"Spain","flag_carrier":null,"languages_primary":null,"languages_secondary":null,"flights_last_24_hours":386,"airbourne":22,"location":"Spain","phone":"","url":"http:\/\/www.vueling.com\/","wiki_url":"http:\/\/en.wikipedia.org\/wiki\/Vueling","is_scheduled_passenger":1,"is_nonscheduled_passenger":0,"is_cargo":0,"is_railway":null,"is_lowcost":1,"active":1,"is_oneworld":0,"is_staralliance":0,"is_skyteam":0,"is_allianceaffiliate":0,"rating_iosapp":null,"rating_androidapp":null,"rating_skytrax_reviews":null,"rating_skytrax_stars":null,"rating_tripadvisor":null,"rating_trustpilot":null,"rating_flightradar24":null,"color1":null,"color2":null,"textcolor":null,"kayak_api_lastseen":null,"kayak_api_isactive":0,"created_at":"2018-01-03T06:35:26.000000Z","updated_at":"2023-06-28T11:05:51.000000Z"}}]},{"id":88582,"iata_from":"ODB","iata_to":"LPA","price":260,"day1":"no","day2":"yes","day3":"no","day4":"no","day5":"no","day6":"yes","day7":"no","flights_per_day":"0-1 flights","common_duration":145,"flights_per_week":2,"first_flight":"2024-07-23","last_flight":"2026-10-15","airport":{"IATA":"LPA","country_code":"ES","name":"Gran Canaria Airport","city_name":"Las Palmas","city_name_en":"Las Palmas","country":"Spain","no_routes":131},"airlineroutes":[{"id":186948,"route_id":88582,"is_new":0,"first_flight":null,"carrier":"NT","carrier_name":"Binter Canarias","aircraft_codes":"EMJ","airline":{"id":988,"callsign":"BINTER","ICAO":"IBB","IATA":"NT","name":"Binter Canarias","fs_id":"NT","shortname":"Binter Canarias","fullname":null,"country":"Spain","flag_carrier":null,"languages_primary":null,"languages_secondary":null,"flights_last_24_hours":35,"airbourne":2,"location":"Spain","phone":"","url":"https:\/\/www.bintercanarias.com\/eng","wiki_url":"","is_scheduled_passenger":1,"is_nonscheduled_passenger":0,"is_cargo":0,"is_railway":null,"is_lowcost":0,"active":1,"is_oneworld":0,"is_staralliance":0,"is_skyteam":0,"is_allianceaffiliate":0,"rating_iosapp":null,"rating_androidapp":null,"rating_skytrax_reviews":null,"rating_skytrax_stars":null,"rating_tripadvisor":null,"rating_trustpilot":null,"rating_flightradar24":null,"color1":null,"color2":null,"textcolor":null,"kayak_api_lastseen":null,"kayak_api_isactive":0,"created_at":"2018-01-03T06:32:31.000000Z","updated_at":"2023-06-28T11:05:47.000000Z"}}]}],
            date: '2025-10-29',

            aircraftsToShowCount: 5,
            aircrafts: [{"IATA":"310","name":"Airbus A310"},{"IATA":"AGH","name":"AgustaWestland A109"},{"IATA":"AB3","name":"Airbus A300"},{"IATA":"32S","name":"Airbus A31X\/32X"},{"IATA":"340","name":"Airbus A340"},{"IATA":"350","name":"Airbus A350"},{"IATA":"380","name":"Airbus A380"},{"IATA":"L4T","name":"Let L-410"},{"IATA":"A40","name":"Antonov An-140"},{"IATA":"A58","name":"Antonov An-158"},{"IATA":"AN4","name":"Antonov An-24"},{"IATA":"AN6","name":"Antonov An-26"},{"IATA":"A81","name":"Antonov An-148"},{"IATA":"ATR","name":"ATR 72\/42"},{"IATA":"ARJ","name":"Avro RJ100\/85\/75"},{"IATA":"146","name":"BAE Systems 146"},{"IATA":"ATP","name":"BAE Systems ATP"},{"IATA":"JST","name":"BAE Jetstream 41\/32\/31"},{"IATA":"BH2","name":"Bell Helicopters"},{"IATA":"DC3","name":"McDonnell Douglas DC-3"},{"IATA":"DC9","name":"McDonnell Douglas DC-9"},{"IATA":"M80","name":"McDonnell Douglas MD-8*"},{"IATA":"M90","name":"McDonnell Douglas MD-90"},{"IATA":"717","name":"Boeing 717"},{"IATA":"727","name":"Boeing 727"},{"IATA":"73M","name":"Boeing 737 Mixed Conf"},{"IATA":"737","name":"Boeing 737"},{"IATA":"747","name":"Boeing 747"},{"IATA":"74M","name":"Boeing 747 Mixed Conf"},{"IATA":"757","name":"Boeing 757"},{"IATA":"767","name":"Boeing 767"},{"IATA":"777","name":"Boeing 777"},{"IATA":"787","name":"Boeing 787 Dreamliner"},{"IATA":"CSB","name":"Bombardier CS300\/100"},{"IATA":"BNI","name":"BN-2A\/B Islander"},{"IATA":"BNT","name":"BN-2A Mk.III Trislander"},{"IATA":"CRJ","name":"Bombardier CRJ \/ Challenger"},{"IATA":"CNA","name":"Cessna Light aircraft"},{"IATA":"CNF","name":"Cessna 208B"},{"IATA":"CNJ","name":"Cessna Citation"},{"IATA":"CVR","name":"Convair 580"},{"IATA":"DHB","name":"De Havilland DHC-2"},{"IATA":"DHO","name":"De Havilland DHC-3"},{"IATA":"DHC","name":"De Havilland DHC-4"},{"IATA":"DHT","name":"De Havilland DHC-6"},{"IATA":"DH7","name":"De Havilland DHC-7"},{"IATA":"DH8","name":"Bombardier Dash 8"},{"IATA":"EMB","name":"Embraer 110"},{"IATA":"EM2","name":"Embraer 120"},{"IATA":"EMJ","name":"Embraer 19X\/17X"},{"IATA":"ERJ","name":"Embraer ERJ14X\/13X"},{"IATA":"NDE","name":"Eurocopter Aerospatiale AS350\/355"},{"IATA":"EC3","name":"Eurocopter EC130"},{"IATA":"SWM","name":"Fairchild Swearingen SA227\/226\/26"},{"IATA":"D28","name":"Fairchild Dornier 228"},{"IATA":"D38","name":"Fairchild Dornier 328"},{"IATA":"FRJ","name":"Fairchild Dornier 328JET"},{"IATA":"100","name":"Fokker 100"},{"IATA":"F50","name":"Fokker 50"},{"IATA":"F70","name":"Fokker 70"},{"IATA":"GRJ","name":"Gulfstream IV"},{"IATA":"YN2","name":"Harbin Yunshuji Y12"},{"IATA":"HBA","name":"Hawker 400 Beechjet"},{"IATA":"BEC","name":"Hawker Beechcraft Light aircraft"},{"IATA":"BE1","name":"Hawker Beechcraft 1900"},{"IATA":"BE9","name":"Hawker Beechcraft C99"},{"IATA":"I14","name":"Ilyushin II-114"},{"IATA":"IL9","name":"Ilyushin II-96"},{"IATA":"PL2","name":"Pilatus PC-12"},{"IATA":"PAG","name":"Piper Light aircraft"},{"IATA":"S20","name":"Saab 2000"},{"IATA":"SF3","name":"Saab 340"},{"IATA":"S76","name":"Sikorsky S-76"},{"IATA":"SU1","name":"Sukhoi Superjet 100-95"},{"IATA":"TU3","name":"Tupolev Tu-134"},{"IATA":"TU5","name":"Tupolev Tu-154"},{"IATA":"T20","name":"Tupolev Tu-204\/214"},{"IATA":"MA6","name":"Xian Yunshuji MA-600\/60"},{"IATA":"YK4","name":"Yakovlev Yak-40"},{"IATA":"YK2","name":"Yakovlev Yak-142\/42"},{"IATA":"330","name":"Airbus A330"},{"IATA":"GA8","name":"Gippsland Aeronautics GA8"},{"IATA":"AW6","name":"AW6"},{"IATA":"A38","name":"Antonov AN-38"},{"IATA":"DC8","name":"DC-8"},{"IATA":"F28","name":"Fokker 28"},{"IATA":"C21","name":"Comac ARJ21"},{"IATA":"IL7","name":"Ilyushin II-76"},{"IATA":"220","name":"Code 220"},{"IATA":"B11","name":"BAC One-Eleven"},{"IATA":"MIH","name":"MI-8 \/ MI-17"},{"IATA":"TPT","name":"Tecnam Traveller"},{"IATA":"EC5","name":"Eurocopter EC155"},{"IATA":"CL3","name":"Bombardier Challenger 300"},{"IATA":"919","name":"COMAC C919"},{"IATA":"AWH","name":"AWH"},{"IATA":"CCJ","name":"Canadair Challenger 600"},{"IATA":"909","name":"Comac 909"},{"IATA":"SH6","name":"Shorts 360"}],
            activeaircrafts: ["32S","EMJ"],
            aircraftsToShow: 0,
            selectedaircrafts: [],
            schedules: [],
            originDestinations: null,
            airlines: [{"id":186948,"route_id":88582,"carrier":"NT","carrier_name":"Binter Canarias","lcc":0,"iata_from":"ODB","iata_to":"LPA","day1":"no","day2":"yes","day3":"no","day4":"no","day5":"no","day6":"yes","day7":"no","aircraft_codes":"EMJ","first_flight":null,"last_flight":"2026-10-15","class_first":0,"class_business":0,"class_economy":1,"common_duration":145,"min_duration":145,"max_duration":145,"is_new":0,"is_active":1,"is_layover":0,"passengers_per_day":0,"created_at":"2025-01-15T11:07:08.000000Z","updated_at":"2025-10-27T11:48:23.000000Z","deleted_at":null,"last_found":"2025-10-27 12:48:23","flights_per_week":2,"flights_per_day":"0-1 flights","airline":{"id":988,"callsign":"BINTER","ICAO":"IBB","IATA":"NT","name":"Binter Canarias","fs_id":"NT","shortname":"Binter Canarias","fullname":null,"country":"Spain","flag_carrier":null,"languages_primary":null,"languages_secondary":null,"flights_last_24_hours":35,"airbourne":2,"location":"Spain","phone":"","url":"https:\/\/www.bintercanarias.com\/eng","wiki_url":"","is_scheduled_passenger":1,"is_nonscheduled_passenger":0,"is_cargo":0,"is_railway":null,"is_lowcost":0,"active":1,"is_oneworld":0,"is_staralliance":0,"is_skyteam":0,"is_allianceaffiliate":0,"rating_iosapp":null,"rating_androidapp":null,"rating_skytrax_reviews":null,"rating_skytrax_stars":null,"rating_tripadvisor":null,"rating_trustpilot":null,"rating_flightradar24":null,"color1":null,"color2":null,"textcolor":null,"kayak_api_lastseen":null,"kayak_api_isactive":0,"created_at":"2018-01-03T06:32:31.000000Z","updated_at":"2023-06-28T11:05:47.000000Z"}},{"id":188115,"route_id":93094,"carrier":"VY","carrier_name":"Vueling","lcc":0,"iata_from":"ODB","iata_to":"BCN","day1":"no","day2":"yes","day3":"no","day4":"no","day5":"no","day6":"yes","day7":"yes","aircraft_codes":"32S","first_flight":null,"last_flight":"2026-03-28","class_first":0,"class_business":0,"class_economy":1,"common_duration":100,"min_duration":100,"max_duration":100,"is_new":0,"is_active":1,"is_layover":0,"passengers_per_day":0,"created_at":"2025-02-17T13:29:00.000000Z","updated_at":"2025-10-27T11:48:23.000000Z","deleted_at":null,"last_found":"2025-10-27 12:48:23","flights_per_week":3,"flights_per_day":"0-1 flights","airline":{"id":1377,"callsign":"VUELING","ICAO":"VLG","IATA":"VY","name":"Vueling","fs_id":"VY","shortname":"Vueling","fullname":null,"country":"Spain","flag_carrier":null,"languages_primary":null,"languages_secondary":null,"flights_last_24_hours":386,"airbourne":22,"location":"Spain","phone":"","url":"http:\/\/www.vueling.com\/","wiki_url":"http:\/\/en.wikipedia.org\/wiki\/Vueling","is_scheduled_passenger":1,"is_nonscheduled_passenger":0,"is_cargo":0,"is_railway":null,"is_lowcost":1,"active":1,"is_oneworld":0,"is_staralliance":0,"is_skyteam":0,"is_allianceaffiliate":0,"rating_iosapp":null,"rating_androidapp":null,"rating_skytrax_reviews":null,"rating_skytrax_stars":null,"rating_tripadvisor":null,"rating_trustpilot":null,"rating_flightradar24":null,"color1":null,"color2":null,"textcolor":null,"kayak_api_lastseen":null,"kayak_api_isactive":0,"created_at":"2018-01-03T06:35:26.000000Z","updated_at":"2023-06-28T11:05:51.000000Z"}}],
            airlinesToShow: 0,
            airlinesToShowCount: 5,
            countriesToShowCount: 5,
            days: {},
            countries: [{"country":"Spain","country_code":"ES"}],
            countriesToShow: 0,
            sortBy: "Popularity",
            classes: {},
            destinationCountrySorting: 'asc',
            priceSorting: '',
            mostFlightsSorting: 'desc',
            airportNameSorting: '',
            airportSorting: '',
            destinationTo: '',
            calendar: null,
            selectedDate: '',
            airportRequest: null,
            selectedFlight: null,
            showInfoBox: false,
            iframeUrl: '/content/cCompare?from=ODB&to=' + this.destinationTo + '}&width=300&height=600&preview=1',
          }
        },

        mounted() {

          //console.log(this.$refs);

          /*
          this.$nextTick(() => {
            this.frameHeight = this.$refs.iframe.contentWindow.document.body.scrollHeight + 'px';
          });
          */
        },

        watch: {
          durationFrom() {
            this.updateFilter()
          },
          lowcost() {
            if (this.lowcost === true) {
              delete this.classes['business']
              this.businessOnly = 0
            }
            this.configureLowcost()
            this.updateFilter()
          },
          businessOnly() {
            if (this.businessOnly === true) {
              this.lowcost = 0
              this.classes['business'] = true
            } else delete this.classes['business']
            this.updateFilter()
          },
          durationTo() {
            this.updateFilter()
          },
          departureFrom() {
            this.updateFilter()
          },
          departureTo() {
            this.updateFilter()
          },
          arrivalFrom() {
            this.updateFilter()
          },
          arrivalTo() {
            this.updateFilter()
          },
          distanceFrom() {
            this.updateFilter()
          },
          distanceTo() {
            this.updateFilter()
          },
          priceFrom() {
            this.updateFilter()
          },
          priceTo() {
            this.updateFilter()
          }
        },
        methods: {
          setEntityType(entityType) {
            this.entityType = entityType;
            this.schedulesOffset = 50;
            if(entityType === 'destinations') {
              this.sortingType = 'most-flights';
              this.mostFlightsSorting = 'desc'
              this.changeSorting('most-flights');
            } else if( entityType === 'arrivals') {
              this.sortingType = 'arrival-time';
            } else if( entityType === 'departures') {
              this.sortingType = 'departure-time';
            }
            if(this.calendar) this.calendar.close();
            this.calendar = null
            this.updateFilter();
          },
          showAllDestinations() {

            if (this.showAll) {

              this.isLoading = true;
              this.$nextTick(() => {
                this.destinations = this.allDestinations;
                this.isLoading = false;
                this.showAll = false;
              });

                
            }
          },
          openInfoBox(selectedFlight) {
            this.selectedFlight = selectedFlight;
            this.showInfoBox = true
          },
          mapExplorerUrl() {
            const carrierString = Object.keys(this.carrier)
              .map(key => `${this.carrier[key]}`)
              .join(',')

            const aircraftsString = Object.keys(this.selectedaircrafts)
              .map(key => `${key}`)
              .join(',')

            const countryString = Object.keys(this.selectedCountries)
              .map(key => `${this.selectedCountries[key]}`)
              .join(',')

            let alliance = []
            if (this.staralliance) alliance.push('SA')
            if (this.skyteam) alliance.push('ST')
            if (this.oneworld) alliance.push('OW')

            let url = 'explorer/' + this.from + '?mapview';

            if (!!this.durationFrom) url += '&durationFrom=' + this.durationFrom
            if (!!this.durationTo) url += '&durationTo=' + this.durationTo
            if (!!this.departureFrom) url += '&timeFrom=' + this.timeToMinutes(this.departureFrom)
            if (!!this.departureTo) url += '&timeTo=' + this.timeToMinutes(this.departureTo)
            if(alliance.length > 0) url += '&alliance=' + alliance.join(',')
            if (!!this.lowcost) url += '&lowcost=1'
            if (!!carrierString) url += '&airlines=' + carrierString
            if (!!aircraftsString) url += '&aircrafts=' + this.selectedaircrafts
            if (!!countryString) url += '&countries=' + countryString
            //url += '&mapview';
            return url
          },

          closeAirlinePopup() {

            let popup = document.getElementById('ff-list-info');
            popup.style.display = 'none';

            let parent = document.getElementById('ff-li-active');
            parent.style.backgroundColor = 'white';
          },


          initDatePlugin(from, to, label, firstFlight, lastFlight, days) {

            initDatePlugin(from, to, '', label, firstFlight, lastFlight, days);
          },

          openAirlinePopup(event, from, to) {

            let popup = document.getElementById('ff-list-info');
            let $target = event.currentTarget;

            var infoplace = document.getElementById('ff-list-info-inner');

            let parent = $target.closest('.ff-li-list');
            let parents = document.getElementsByClassName('ff-li-list');

            popup.style.display = 'none';

            for (var i = 0; i < parents.length; i++) {

              if (typeof parents[i].id != 'undefined') {

                parents[i].removeAttribute('id');
              }
            }

            parent.setAttribute('id', 'ff-li-active');

            that = this;

            //  this.destinationTo = to;

            let boxheight = 140;


            infoplace.innerHTML = '<div class="uk-text-center uk-margin-top uk-margin-bottom"><div uk-spinner="ratio: 2"></div></div>';


            // Hämtar in data
            const xhttp = new XMLHttpRequest();

            xhttp.onload = function () {

              if (this.responseText == 'Error') {

                infoplace.innerHTML = 'An error accored. Please try again';
              } else {


                infoplace.innerHTML = this.responseText;
              }

              that.setPopupPosition(popup, $target, parent);

            }

            xhttp.open("GET", "/api/routepop/" + from + '/' + to + '', true);
            xhttp.send();
          },

          setPopupPosition(popup, target, parent) {

            popup.style.display = 'block';
            popup.style.left = 'auto';
            popup.style.right = '0px';
            popup.style.width = '70%';
            popup.style.top = target.offsetTop - 20 + "px";

            popup.style.height = 'auto';
            let boxsize = popup.getBoundingClientRect();
            popup.style.top = (parent.offsetTop - boxsize.height) - 50 + "px";

            let screenwidth = screen.width;

            if (screenwidth < 641) {
              //if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){

              popup.style.width = 'calc(100% - 40px)';
              popup.style.left = '0px';
              popup.style.right = '0px';
              popup.style.top = '0px';
              popup.style.bottom = '0px';
              popup.style.position = 'fixed';
              popup.style.overflowY = 'auto';
              popup.style.zIndex = '999';
              popup.style.paddingTop = '40px';
              // Mobile, sätt fullbredd.
            } else {

              // Istället för att scrolla, lägger vi boxen under istället om den inte får plats uppåt
              if (!isInViewport(popup)) {

                popup.style.top = parent.offsetTop + 60 + 'px';
                //popup.scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
              }
            }
          },


          /* Aircrafts filtering */

          deleteAircrafts() {

            this.selectedaircrafts = [];
            this.updateFilter()
          },


          moreAircrafts() {

            this.aircraftsToShow = this.activeaircrafts;
          },

          changeAircraftCode(code) {

            name = '';

            this.aircrafts.forEach(aircraft => {

              if (code == aircraft.IATA) {

                name = aircraft.name;
              }
            });

            return name;
          },

          setAircraft(code) {

            if (!this.selectedaircrafts.includes(code)) {

              this.selectedaircrafts.push(code);

            } else {

              this.selectedaircrafts.splice(this.selectedaircrafts.indexOf(code), 1);
            }


            this.updateFilter();
          },

          /* /Aircrafts filtering */

          isInViewport(element) {

            const rect = element.getBoundingClientRect();
            return (
              rect.top >= 0 &&
              rect.left >= 0 &&
              rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
              rect.right <= (window.innerWidth || document.documentElement.clientWidth)
            );
          },

          getframeheightFirst(iframe, thisframe) {

            this.$nextTick(() => {

              var frame = document.getElementById('ad-compare-header');

              var adcontainer = document.getElementById('container-ad-compare-1');
              adcontainer.style.display = 'block';

              var ad = document.getElementById('ad-compare-1');

              var iheight = this.$refs.rightiframe.contentWindow.document.body.scrollHeight;

              ad.style.height = iheight + "px";
              frame.style.height = iheight + "px";
              adcontainer.style.height = iheight + "px";

            });

            /*
           if( iframe.contentWindow !== null ) {

                var ad = document.getElementById('container-ad-compare-1');
                ad.style.display = 'block';
            }
            */
          },
          getframeheight(iframe) {


            this.$nextTick(() => {

              var frame = document.getElementById('ad-compare-header-2');

              var adcontainer = document.getElementById('container-ad-compare-2');
              adcontainer.style.display = 'block';

              var ad = document.getElementById('ad-compare-2');

              var iheight = this.$refs.rightiframe.contentWindow.document.body.scrollHeight;

              adcontainer.style.height = iheight + "px";
              ad.style.height = iheight + "px";
              frame.style.height = iheight + "px";

            });

            /*
            if( iframe.contentWindow !== null ) {

                var ad = document.getElementById('container-ad-compare-2');
                ad.style.display = 'block';
            }
            */
          },

          dayName(number) {
            if (number === 'day1') return 'Monday           '
            if (number === 'day2') return 'Tuesday'
            if (number === 'day3') return 'Wednesday'
            if (number === 'day4') return 'Thursday'
            if (number === 'day5') return 'Friday'
            if (number === 'day6') return 'Saturday'
            if (number === 'day7') return 'Sunday'
          },
          clearDeparture() {
            this.departureTo = 0
            this.departureFrom = 0
            departure.noUiSlider.updateOptions({
              range: {
                min: this.filters.timeofday.min_time,
                max: this.filters.timeofday.max_time
              },
              start: [this.filters.timeofday.min_time, this.filters.timeofday.max_time]
            })
            mobdeparture.noUiSlider.updateOptions({
              range: {
                min: this.filters.timeofday.min_time,
                max: this.filters.timeofday.max_time
              },
              start: [this.filters.timeofday.min_time, this.filters.timeofday.max_time]
            })
          },
          clearArrival() {
            this.arrivalTo = 0
            this.arrivalFrom = 0
            arrival.noUiSlider.updateOptions({
              range: {
                min: this.filters.arrival.min_time,
                max: this.filters.arrival.max_time
              },
              start: [this.filters.arrival.min_time, this.filters.arrival.max_time]
            })
            mobarrival.noUiSlider.updateOptions({
              range: {
                min: this.filters.arrival.min_time,
                max: this.filters.arrival.max_time
              },
              start: [this.filters.arrival.min_time, this.filters.arrival.max_time]
            })
          },
          clearPrice() {

            this.priceTo = 0
            this.priceFrom = 0

            mobpriceslider.noUiSlider.updateOptions({
              range: {
                min: 0,
                max: 260
              },
              start: [0, 260]
            })
          },
          clearDistance() {

            this.distanceFrom = 0
            this.distanceTo = 0

            mobdistance.noUiSlider.updateOptions({
              range: {
                min: 0,
                max: 921
              },
              start: [0, 921]
            })
          },
          clearDuration() {

            this.durationFrom = 0
            this.durationTo = 0

            timeslider.noUiSlider.updateOptions({
              range: {
                min: this.filters.duration.min_duration,
                max: this.filters.duration.max_duration
              },
              start: [this.filters.duration.min_duration, this.filters.duration.max_duration]
            })
            mobtimeslider.noUiSlider.updateOptions({
              range: {
                min: this.filters.duration.min_duration,
                max: this.filters.duration.max_duration
              },
              start: [this.filters.duration.min_duration, this.filters.duration.max_duration]
            })
          },
          resetAll() {
            location.href = '/' + this.from + '?entityType=' + this.entityType + 'state=1';
          },
          clearDays() {
            this.days = {}
            this.updateFilter()
          },
          clearCountries() {
            this.selectedCountries = {}
            this.updateFilter()
          },
          clearAirlines() {
            this.carrier = {}
            this.lowcost = 0
            this.updateFilter()
          },
          minutesToTime(time, withoutLetters = false) {
            let hours = Math.floor(time / 60)
            let minutes = time % 60
            if (withoutLetters) {
              if (minutes < 10) minutes = '0' + minutes;
              return hours + ':' + minutes
            }
            return hours + "h " + minutes + "m"
          },
          moment: function (date) {
            return moment(date);
          },
          changeDurationSorting() {

            this.showAllDestinations();

            if (this.durationSorting === 'asc') {
              this.durationSorting = 'desc'
              this.destinations.sort((a, b) => (parseInt(a.common_duration) < parseInt(b.common_duration)) ? 1 : -1)
              if(this.entityType === 'departures' || this.entityType === 'arrivals') this.schedules.sort((a, b) => (parseInt(a.elapsed_time) < parseInt(b.elapsed_time) ? 1 : -1));
            } else {
              this.durationSorting = 'asc'
              this.destinations.sort((a, b) => (parseInt(a.common_duration) > parseInt(b.common_duration)) ? 1 : -1)
              if(this.entityType === 'departures' || this.entityType === 'arrivals') this.schedules.sort((a, b) => (parseInt(a.elapsed_time) > parseInt(b.elapsed_time) ? 1 : -1));

            }
            this.sortBy = 'Duration'
          },
          changePriceSorting() {

            this.showAllDestinations();

            if (this.priceSorting === 'asc') {
              this.priceSorting = 'desc'
              this.destinations.sort((a, b) => (parseInt(a.price) < parseInt(b.price)) ? 1 : -1)
            } else {
              this.priceSorting = 'asc'
              this.destinations.sort((a, b) => (parseInt(a.price) > parseInt(b.price)) ? 1 : -1)
            }
            this.sortBy = 'Price'
          },
          changeDestinationSorting() {

            this.showAllDestinations();

            if (this.destinationSorting === 'asc') {
              this.destinationSorting = 'desc'
              this.destinations.sort((a, b) => (a.airport.city_name_en < b.airport.city_name_en) ? 1 : -1)
              if(this.entityType === 'departures') {
                this.schedules.sort((a, b) => (a.airport.city_name_en < b.airport.city_name_en ? 1 : -1));
              } else if(this.entityType === 'arrivals') {
                this.schedules.sort((a, b) => (a.departure_airport.city_name_en < b.departure_airport.city_name_en) ? 1 : -1);
              }

            } else {
              this.destinationSorting = 'asc'
              this.destinations.sort((a, b) => (a.airport.city_name_en > b.airport.city_name_en) ? 1 : -1)
              if(this.entityType === 'departures') {
                this.schedules.sort((a, b) => (a.airport.city_name_en > b.airport.city_name_en ? 1 : -1));
              } else if(this.entityType === 'arrivals') {
                this.schedules.sort((a, b) => (a.departure_airport.city_name_en > b.departure_airport.city_name_en ? 1 : -1));
              }
            }
            this.sortBy = 'City name'

          },
          changeAirportNameSorting() {

            this.showAllDestinations();

            if (this.airportNameSorting === 'asc') {
              this.airportNameSorting = 'desc'
              this.sortingDirection = 'desc'

              if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                this.updateFilter(false);
              } else {
                this.destinations.sort((a, b) => (a.airport.name < b.airport.name) ? 1 : -1)
                if(this.entityType === 'departures') {
                  this.schedules.sort((a, b) => (a.airport.name < b.airport.name ? 1 : -1));
                } else if(this.entityType === 'arrivals') {
                  this.schedules.sort((a, b) => (a.departure_airport.name < b.departure_airport.name) ? 1 : -1);
                }
              }
            } else {
              this.airportNameSorting = 'asc'
              this.sortingDirection = 'asc'
              if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                this.updateFilter(false);
              } else {
                this.destinations.sort((a, b) => (a.airport.name > b.airport.name) ? 1 : -1)
                if(this.entityType === 'departures') {
                  this.schedules.sort((a, b) => (a.airport.name > b.airport.name ? 1 : -1));
                } else if(this.entityType === 'arrivals') {
                  this.schedules.sort((a, b) => (a.departure_airport.name > b.departure_airport.name) ? 1 : -1);
                }
              }
            }
            this.sortBy = 'Airport name'
          },
          changeDestinationCountrySorting() {

            this.showAllDestinations();

            if (this.destinationCountrySorting === 'asc') {
              this.destinationCountrySorting = 'desc'
              this.sortingDirection = 'desc'
              if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                this.updateFilter(false);
              } else {
                this.destinations.sort((a, b) => (a.airport.country < b.airport.country) ? 1 : -1)
                if(this.entityType === 'departures') {
                  this.schedules.sort((a, b) => (a.airport.country < b.airport.country ? 1 : -1));
                } else if(this.entityType === 'arrivals') {
                  this.schedules.sort((a, b) => (a.departure_airport.country < b.departure_airport.country) ? 1 : -1);
                }
              }
            } else {
              this.destinationCountrySorting = 'asc'
              this.sortingDirection = 'asc'
              if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                this.updateFilter(false);
              } else {
                this.destinations.sort((a, b) => (a.airport.country > b.airport.country) ? 1 : -1)
                if (this.entityType === 'departures') {
                  this.schedules.sort((a, b) => (a.airport.country > b.airport.country ? 1 : -1));
                } else if (this.entityType === 'arrivals') {
                  this.schedules.sort((a, b) => (a.departure_airport.country > b.departure_airport.country) ? 1 : -1);
                }
              }
            }
            this.sortBy = 'Country'
          },
          changeArrivalTimeSorting() {
            this.schedules.sort((a, b) => (a.arrival_time > b.arrival_time ? 1 : -1));
          },
          changeDepartureTimeSorting() {
            this.schedules.sort((a, b) => (a.departure_time > b.departure_time ? 1 : -1));
          },
          changeSorting(type) {

            this.showAllDestinations();

            this.sortingType = type
            if (type === 'most-flights') {
              if (this.mostFlightsSorting !== 'asc') {
                this.mostFlightsSorting = 'asc'
                this.sortingDirection = 'asc'
                if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                  this.updateFilter(false);
                } else {
                  this.destinations.sort((a, b) => (a.flights_per_wek < b.flights_per_wek) ? 1 : -1)
                }
              } else {
                this.mostFlightsSorting = 'desc'
                this.sortingDirection = 'desc'
                this.destinations.sort((a, b) => (a.flights_per_wek > b.flights_per_wek) ? 1 : -1)
              }
              this.sortBy = 'Popularity'
            }

            if(type === 'departure-time') {
              this.sortingDirection = 'asc'
              this.sortBy = 'Departure time'
              if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                this.updateFilter(false);
              } else this.changeDepartureTimeSorting();
            }
            if(type === 'arrival-time') {
              this.sortingDirection = 'asc'
              this.sortBy = 'Arrival time'
              if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                this.updateFilter(false);
              } else this.changeArrivalTimeSorting();
            }

            if (type === 'name') {
              this.changeAirportNameSorting()
            }
            if (type === 'country') {
              this.changeDestinationCountrySorting()
            }
            if (type === 'price') {
              this.changePriceSorting()
            }
            if (type === 'flight-low') {
              if (this.sortBy !== 'Flight time (Low-High)') {
                this.sortingDirection = 'asc'
                this.sortBy = 'Flight time (Low-High)'
                this.sortingDirection = 'desc'
                if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                  this.updateFilter(false);
                } else {
                  this.destinations.sort((a, b) => (parseInt(a.common_duration) > parseInt(b.common_duration)) ? 1 : -1)
                }
                // if(this.entityType === 'departures' || this.entityType === 'arrivals') this.schedules.sort((a, b) => (parseInt(a.elapsed_time) > parseInt(b.elapsed_time) ? 1 : -1));
              }
            }
            if (type === 'flight-high') {
              if (this.sortBy !== 'Flight time (High-Low)') {
                this.sortingDirection = 'desc'
                this.sortBy = 'Flight time (High-Low)'
                this.sortingDirection = 'asc'
                if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                  this.updateFilter(false);
                } else {
                  this.destinations.sort((a, b) => (parseInt(a.common_duration) < parseInt(b.common_duration)) ? 1 : -1)
                }
                // if(this.entityType === 'departures' || this.entityType === 'arrivals') this.schedules.sort((a, b) => (parseInt(a.elapsed_time) < parseInt(b.elapsed_time) ? 1 : -1));
              }
            }
            if (type === 'biggest') {
              this.changeBiggestSorting()
            }

            if (type === 'recent') {
              this.changeRecentSorting()
            }
          },
          changeRecentSorting() {
            // Temporarily set to something different to force reactivity
            this.sortBy = '';

            // Use Vue's nextTick to ensure the DOM has updated before changing back
            this.$nextTick(() => {
              this.sortBy = 'Recently added';
              this.sortDirection = 'desc';
              if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                this.updateFilter(false);
              } else {
                // Create a stable sort by first making a copy of the array with indexes
                const indexedArray = this.destinations.map((item, index) => ({item, index}));

                // Sort the indexed array
                indexedArray.sort((a, b) => {
                  const itemA = a.item;
                  const itemB = b.item;

                  const getHighestId = (dest) => {
                    if (!dest.airlineroutes || dest.airlineroutes.length === 0) {
                      return 0;
                    }

                    return dest.airlineroutes.reduce((highestId, route) => {
                      const routeId = parseInt(route.id) || 0;
                      return routeId > highestId ? routeId : highestId;
                    }, 0);
                  };

                  const aHighestId = getHighestId(itemA);
                  const bHighestId = getHighestId(itemB);

                  if (aHighestId !== bHighestId) {
                    return bHighestId - aHighestId; // Descending order (higher ID first)
                  }

                  return a.index - b.index;
                });

                // Assign the sorted array back to destinations to trigger reactivity
                this.destinations = [...indexedArray.map(indexed => indexed.item)];
                this.schedules.sort((a, b) => (a.id < b.id) ? 1 : -1)
              }
            });
          },
          changeBiggestSorting() {
            if (this.airportSorting === 'asc') {
              this.airportSorting = 'desc'
              this.sortingDirection = 'asc';

              if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                this.updateFilter(false);
              } else {
                this.destinations.sort((a, b) => (parseInt(a.airport.no_routes) > parseInt(b.airport.no_routes)) ? 1 : -1)
              }
            } else {
              this.airportSorting = 'asc'
              this.sortingDirection = 'desc';

              if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                this.updateFilter(false);
              } else {
                this.destinations.sort((a, b) => (parseInt(a.airport.no_routes) < parseInt(b.airport.no_routes)) ? 1 : -1)
              }
            }
            this.sortBy = 'Airport size'
          },
          updateDurationFrom(value) {
            this.durationFrom = value.target.value
          },
          updateDurationTo(value) {
            this.durationTo = value.target.value
          },
          updatePriceFrom(value) {
            this.priceFrom = value.target.value
          },
          updatePriceTo(value) {
            this.priceTo = value.target.value
          },
          updateDepartureFrom(value) {
            this.departureFrom = value.target.value
          },
          updateDepartureTo(value) {
            this.departureTo = value.target.value
          },
          updateArrivalFrom(value) {
            this.arrivalFrom = value.target.value
          },
          updateArrivalTo(value) {
            this.arrivalTo = value.target.value
          },
          updateDistanceFrom(value) {
            this.distanceFrom = value.target.value
          },
          updateDistanceTo(value) {
            this.distanceTo = value.target.value
          },
          moreAirlines() {
            this.airlinesToShowCount += 10
            this.airlinesToShow = this.airlines.slice(0, this.airlinesToShowCount)
          },
          moreCountries() {
            this.countriesToShowCount += 10
            this.countriesToShow = this.countries.slice(0, this.countriesToShowCount)
          },
          setDays(day) {
            if (this.days['day' + day]) delete this.days['day' + day]
            else this.days['day' + day] = true
            this.updateFilter()
          },
          clearFilters() {
            location.reload()
          },
          setClass(className) {
            if (this.classes[className]) delete this.classes[className]
            else this.classes[className] = true
            this.updateFilter()
          },
          isAllianceSet(alliance) {
            let is = true
            let isAlliance = false
            if (alliance === 'staralliance') {
              this.airlines.forEach(airline => {
                if (parseInt(airline.SA) === 1 || (airline.airline && parseInt(airline.airline.is_staralliance) == 1)) {
                  if (!this.carrier[airline.carrier]) {
                    is = false
                    return false
                  }
                  isAlliance = true
                }
              })
              if (is) this.staralliance = 1
            }
            if (alliance === 'oneworld') {
              this.airlines.forEach(airline => {
                if (parseInt(airline.OW) === 1 || (airline.airline && parseInt(airline.airline.is_oneworld) == 1)) {
                  if (!this.carrier[airline.carrier]) {
                    is = false
                    return false
                  }
                  isAlliance = true
                }
              })
              if (is) this.oneworld = 1
            }
            if (alliance === 'skyteam') {
              this.airlines.forEach(airline => {
                if (parseInt(airline.ST) === 1 || (airline.airline && parseInt(airline.airline.is_skyteam) == 1)) {
                  if (!this.carrier[airline.carrier]) {
                    is = false
                    return false
                  }
                  isAlliance = true
                }
              })
              if (is) this.skyteam = 1
            }
            if (is && isAlliance) return true
          },
          configureLowcost() {
            if (!!this.lowcost) {
              this.airlines.forEach(airline => {
                if ((airline.airline && parseInt(airline.airline.is_lowcost) === 1) || parseInt(airline.LOWCOST) === 1) {
                  if (!this.carrier[airline.carrier]) {
                    this.carrier[airline.carrier] = airline.carrier
                  }
                }
              })
            } else {
              this.airlines.forEach(airline => {
                if (this.carrier[airline.carrier]) {
                  delete this.carrier[airline.carrier]
                }
              })
            }
          },
          checkAlliance(alliance) {
            if (alliance === 'staralliance') {
              this.staralliance = !this.staralliance ? 1 : 0
              if (this.staralliance === 1) {
                //console.log(this.airlines)
                this.airlines.forEach(airline => {
                  if (parseInt(airline.SA) === 1 || (!!airline.airline && parseInt(airline.airline.is_staralliance) === 1)) {
                    if (!this.carrier[airline.carrier]) {
                      this.carrier[airline.carrier] = airline.carrier
                    }
                  }
                })
              } else {
                this.airlines.forEach(airline => {
                  if (parseInt(airline.SA) === 1 || (!!airline.airline && parseInt(airline.airline.is_staralliance) === 1)) {
                    if (this.carrier[airline.carrier]) {
                      delete this.carrier[airline.carrier]
                    }
                  }
                })
              }
            }
            if (alliance === 'oneworld') {
              this.oneworld = !this.oneworld ? 1 : 0
              if (this.oneworld === 1) {
                this.airlines.forEach(airline => {
                  if (parseInt(airline.OW) === 1 || (!!airline.airline && parseInt(airline.airline.is_oneworld) === 1)) {
                    if (!this.carrier[airline.carrier]) {
                      this.carrier[airline.carrier] = airline.carrier
                    }
                  }
                })
              } else {
                this.airlines.forEach(airline => {
                  if (parseInt(airline.OW) === 1 || (!!airline.airline && parseInt(airline.airline.is_oneworld) === 1)) {
                    if (this.carrier[airline.carrier]) {
                      delete this.carrier[airline.carrier]
                    }
                  }
                })
              }
            }
            if (alliance === 'skyteam') {
              this.skyteam = !this.skyteam ? 1 : 0
              if (this.skyteam === 1) {
                this.airlines.forEach(airline => {
                  if (parseInt(airline.ST) === 1 || (!!airline.airline && parseInt(airline.airline.is_skyteam) === 1)) {
                    if (!this.carrier[airline.carrier]) {
                      this.carrier[airline.carrier] = airline.carrier
                    }
                  }
                })
              } else {
                this.airlines.forEach(airline => {
                  if (parseInt(airline.ST) === 1 || (!!airline.airline && parseInt(airline.airline.is_skyteam) === 1)) {
                    if (this.carrier[airline.carrier]) {
                      delete this.carrier[airline.carrier]
                    }
                  }
                })
              }
            }
            this.updateFilter()
          },
          setAirlines(index, iata) {
            if (!!this.carrier[index]) delete this.carrier[index]
            else {
              this.carrier[index] = iata
            }
            this.updateFilter()
          },
          setCountries(countryCode) {
            if (!!this.selectedCountries[countryCode]) delete this.selectedCountries[countryCode]
            else {
              this.selectedCountries[countryCode] = countryCode
            }
            this.updateFilter()
          },
          timeToMinutes(time) {
            if (time) {
              const timeArr = time.split(':'); // split it at the colons
              return (+timeArr[0]) * 60 + (+timeArr[1]);
            } else return ''
          },
          convertMin(minutes) {
            var num = minutes;
            var hours = (num / 60);
            var rhours = Math.floor(hours);
            var minutes = (hours - rhours) * 60;
            var rminutes = Math.round(minutes);
            if (rminutes == '0' || rminutes == 0) {
              return rhours + ":0" + rminutes;
            } else {
              return rhours + ":" + rminutes;
            }
          },
          reloadAds() {
            if (this.refreshAds) {

              if (window.googletag && googletag.pubadsReady) {
                setTimeout(() => {
                  googletag.pubads().refresh()
                }, "50");
              }
              this.refreshAds = false
              setTimeout(() => {
                this.refreshAds = true
              }, "250");
            }


          },
          computeGridRangeForMonth(targetMonth, todayStr) {
            // 1) Если targetMonth пустой — берём текущий год/месяц из todayStr
            let year, monthIndex;
            const [y, m, d] = todayStr.split('-').map(Number);
            const today     = new Date(y, m - 1, d, 0,0,0,0);

            if (targetMonth) {
              [year, monthIndex] = targetMonth.split('-').map((v,i) => i===0 ? Number(v) : Number(v)-1);
            } else {
              year       = today.getFullYear();
              monthIndex = today.getMonth();
            }

            // 2) Начало 6-недельной сетки
            const firstOfMonth = new Date(year, monthIndex, 1);
            const startGrid    = new Date(year, monthIndex, 1 - firstOfMonth.getDay());

            // 3) Конец 6-недельной сетки: +41 день
            const endGrid = new Date(startGrid);
            endGrid.setDate(startGrid.getDate() + 41);

            // 4) dateFrom: если current month — от today, иначе от startGrid
            const isCurrent = !targetMonth || (
              today.getFullYear() === year &&
              today.getMonth()    === monthIndex
            );
            const fromDate = isCurrent ? today : startGrid;

            // 5) Локальное форматирование
            const fmt = D => {
              const Y  = D.getFullYear();
              const M  = String(D.getMonth()+1).padStart(2,'0');
              const DD = String(D.getDate()).padStart(2,'0');
              return `${Y}-${M}-${DD}`;
            };

            return {
              dateFrom: fmt(fromDate),
              dateTo:   fmt(endGrid)
            };
          },
          handleMonthChange(selectedDates, dateStr, instance) {
            const year  = instance.currentYear;
            const month = instance.currentMonth + 1; // 1–12
            this.selectedMonth = `${year}-${String(month).padStart(2,'0')}`;

            const data = this.collectFilters();
            let queryString = Object.keys(data).map(key => key + '=' + data[key]).join('&');
            document.querySelector('.flatpickr-innerContainer').style.opacity = '0.3';
            document.getElementById('calendar-loading').style.display = 'block';
            axios.get('api/schedulelist/' + this.from + '?' + queryString)
              .then((res) => {
                this.updateDatepicker(res);
                document.getElementById('calendar-loading').style.display = 'none';
                document.querySelector('.flatpickr-innerContainer').style.opacity = '1';
              })
          },
          updateDatepicker(res, type) {
            let _this = this;
            if(this.entityType === 'departures' || this.entityType === 'arrivals') {
              // this.$nextTick(() => {
              let scheduleDays;
              if(type === 'updateFilter') {
                scheduleDays = res.data.response.schedule.sheduledays;
              } else {
                scheduleDays = res.data.response.sheduledays;
              }
              const allowed = scheduleDays.filter(d => d.count > 0).map(d => {
                const year  = '20' + d.year;
                const month = d.monthnum.padStart(2, '0');
                const day   = String(d.date).padStart(2, '0');
                return `${year}-${month}-${day}`;
              });
              console.log("Test")

              if(!this.calendar) {
                this.calendar = flatpickr(document.getElementById('calendar-date'), {
                  dateFormat: "Y-m-d",
                  enable: allowed,
                  clickOpens: true,
                  closeOnSelect: true,
                  onMonthChange: _this.handleMonthChange,
                  defaultDate: this.selectedDate || (new Date()).toISOString().slice(0,10),
                  onYearChange:  _this.handleMonthChange,
                  onChange(selectedDates, dateStr) {
                    _this.selectedDate = dateStr;
                    _this.updateFilter();
                  }
                });

                document.addEventListener('click', function (e) {
                  const calendarContainer = document.querySelector('.flatpickr-calendar');
                  const calendarInput = document.getElementById('calendar-date');

                  if (
                    _this.calendar &&
                    calendarContainer &&
                    !calendarContainer.contains(e.target) &&
                    !calendarInput.contains(e.target)
                  ) {
                    _this.calendar.close();
                  }
                });

                let calendarLoading = document.createElement('div');
                calendarLoading.id = 'calendar-loading';
                calendarLoading.style.position = 'absolute';
                calendarLoading.style.top = '50%';
                calendarLoading.style.display = 'none';
                calendarLoading.style.left = '50%';
                calendarLoading.style.transform = 'translate(-50%, -50%)';
                calendarLoading.innerHTML = `
                    <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from SVG Spinners by Utkarsh Verma - https://github.com/n3r4zzurr0/svg-spinners/blob/main/LICENSE --><g stroke="currentColor"><circle cx="12" cy="12" r="9.5" fill="none" stroke-linecap="round" stroke-width="3"><animate attributeName="stroke-dasharray" calcMode="spline" dur="1.5s" keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1" keyTimes="0;0.475;0.95;1" repeatCount="indefinite" values="0 150;42 150;42 150;42 150"/><animate attributeName="stroke-dashoffset" calcMode="spline" dur="1.5s" keySplines="0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1" keyTimes="0;0.475;0.95;1" repeatCount="indefinite" values="0;-16;-59;-59"/></circle><animateTransform attributeName="transform" dur="2s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></g></svg>
                  `;
                document.querySelector('.flatpickr-calendar').append(calendarLoading);
              } else {
                this.calendar.set('enable', allowed);
                this.calendar.redraw();
              }
              // })
            }
          },

          collectFilters() {
            let alliance = []
            if (this.staralliance) alliance.push('SA')
            if (this.skyteam) alliance.push('ST')
            if (this.oneworld) alliance.push('OW')
            const carrierString = Object.keys(this.carrier)
              .map(key => `${this.carrier[key]}`)
              .join(',')
            const countryString = Object.keys(this.selectedCountries)
              .map(key => `${this.selectedCountries[key]}`)
              .join(',')

            const daysString = Object.keys(this.days)
              .map(key => `${key}`)
              .join(',')
            const classesString = Object.keys(this.classes)
              .map(key => `${key}`)
              .join(',')

            const aircraftsString = Object.keys(this.selectedaircrafts)
              .map(key => `${key}`)
              .join(',')

            let data = {}
            if (!!this.durationFrom) data.durationFrom = this.durationFrom
            if (!!this.durationTo) data.durationTo = this.durationTo
            if (!!this.priceFrom) data.priceFrom = this.priceFrom
            if (!!this.priceTo) data.priceTo = this.priceTo
            if (!!this.departureFrom) data.timeFrom = this.timeToMinutes(this.departureFrom)
            if (!!this.departureTo) data.timeTo = this.timeToMinutes(this.departureTo)
            if (!!this.arrivalFrom) data.arrivalFrom = this.timeToMinutes(this.arrivalFrom)
            if (!!this.arrivalTo) data.arrivalTo = this.timeToMinutes(this.arrivalTo)
            if (!!this.lowcost) data.lowcost = 1
            if (!!this.businessOnly) data.business_only = 1
            if (!!this.from) data.from = this.from
            if (!!carrierString) data.airlines = carrierString
            if (!!daysString) data.days = daysString
            if (!!classesString) data.classes = classesString
            if (!!countryString) data.countries = countryString
            if (!!this.distanceFrom) data.distanceFrom = this.distanceFrom
            if (!!this.distanceTo) data.distanceTo = this.distanceTo
            // Aircrafts
            if (!!aircraftsString) data.aircrafts = this.selectedaircrafts
            data.entityType = this.entityType
            data.take = this.schedulesOffset;
            data.selectedDate = this.selectedDate ?? null
            data.dateMethod = 'month';
            data.sorting = this.sortingType
            console.log(this.sortingDirection)
            data.sortingDirection = this.sortingDirection
            if(!this.selectedMonth) {
              const todayStr = (new Date()).toISOString().slice(0,10);
              const { dateFrom, dateTo } = this.computeGridRangeForMonth(null, todayStr);
              data.dateFrom = dateFrom;
              data.dateTo = dateTo;
            } else {
              const todayStr = (new Date()).toISOString().slice(0,10);
              const { dateFrom, dateTo } = this.computeGridRangeForMonth(this.selectedMonth, todayStr);
              data.dateFrom = dateFrom;
              data.dateTo = dateTo;
            }

            return data
          },
          showMoreSchedules() {
            this.schedulesOffset += 50;
            this.updateFilter();
          },
          updateFilter(sortAfter = true) {

            if (!this.isInit) return false

            const data = this.collectFilters();

            let queryString = Object.keys(data).map(key => key + '=' + data[key]).join('&');
            this.isLoading = true

            if (queryString === 'from=' + this.from) this.showAll = true
            else this.showAll = false

            if (this.airportRequest) {
              this.airportRequest.cancel('canceled by new request')
            }
            // создаём новый источник отмены
            this.airportRequest = axios.CancelToken.source()

            axios.get('/api/airport/' + this.from + '?' + queryString + '&rand=' + Math.random(), { cancelToken: this.airportRequest.token }).then((res) => {
              this.isLoading = false

              if (res.data.response) {
                console.log('updated filter');
                this.destinations = Object.values(res.data.response.routes)
                if(this.entityType === 'departures' || this.entityType === 'arrivals') {
                  this.schedules = res.data.response.schedule.result
                  this.schedulesCount = res.data.response.schedule.total
                  this.updateDatepicker(res, 'updateFilter');
                  this.date = res.data.response.schedule.firstdate
                }

                this.airlines = res.data.response.filters.airlines.result
                this.countries = res.data.response.filters.countries.result
                this.airlines.sort((a, b) => (Object.values(this.carrier).includes(a.carrier)) ? -1 : 1)
                this.countries.sort((a, b) => (Object.values(this.selectedCountries).includes(a.country_code)) ? -1 : 1)
                this.airlinesToShow = this.airlines.slice(0, this.airlinesToShowCount)
                this.countriesToShow = this.countries.slice(0, this.countriesToShowCount)
                this.destCount = Object.values(this.destinations).length
                window.history.pushState({}, "", this.from + '?' + queryString + '&state=1')
                this.filters = res.data.response.filters
                if (parseInt(this.durationFrom) > 0 || parseInt(this.durationTo) > 0) {
                  timeslider.noUiSlider.updateOptions({
                    range: {
                      min: res.data.response.filters.duration.min_duration,
                      max: res.data.response.filters.duration.max_duration
                    },
                    start: [this.durationFrom, this.durationTo]
                  })
                  mobtimeslider.noUiSlider.updateOptions({
                    range: {
                      min: res.data.response.filters.duration.min_duration,
                      max: res.data.response.filters.duration.max_duration
                    },
                    start: [this.durationFrom, this.durationTo]
                  })
                }

                if (parseInt(this.distanceFrom) > 0 || parseInt(this.distanceTo) > 0) {
                  mobdistance.noUiSlider.updateOptions({
                    range: {
                      min: res.data.response.filters.distance.min_distance,
                      max: res.data.response.filters.distance.max_distance
                    },
                    start: [this.distanceFrom, this.distanceTo]
                  })
                }

                if (parseInt(this.departureFrom) > 0 || parseInt(this.departureTo) > 0) {
                  departure.noUiSlider.updateOptions({
                    range: {
                      min: res.data.response.filters.timeofday.min_time,
                      max: res.data.response.filters.timeofday.max_time
                    },
                    start: [this.timeToMinutes(this.departureFrom), this.timeToMinutes(this.departureTo)]
                  })
                  mobdeparture.noUiSlider.updateOptions({
                    range: {
                      min: res.data.response.filters.timeofday.min_time,
                      max: res.data.response.filters.timeofday.max_time
                    },
                    start: [this.timeToMinutes(this.departureFrom), this.timeToMinutes(this.departureTo)]
                  })
                }

                if (parseInt(this.arrivalFrom) > 0 || parseInt(this.arrivalTo) > 0) {
                  mobarrival.noUiSlider.updateOptions({
                    range: {
                      min: res.data.response.filters.arrival.min_time,
                      max: res.data.response.filters.arrival.max_time
                    },
                    start: [this.timeToMinutes(this.arrivalFrom), this.timeToMinutes(this.arrivalTo)]
                  })
                  mobarrival.noUiSlider.updateOptions({
                    range: {
                      min: res.data.response.filters.arrival.min_time,
                      max: res.data.response.filters.arrival.max_time
                    },
                    start: [this.timeToMinutes(this.arrivalFrom), this.timeToMinutes(this.arrivalTo)]
                  })
                }

                if (parseInt(this.priceFrom) > 0 || parseInt(this.priceTo) > 0) {
                  mobpriceslider.noUiSlider.updateOptions({
                    range: {
                      min: 0,
                      max: 260
                    },
                    start: [this.priceFrom, this.priceTo]
                  })
                }

                // Aircrafts
                let ac = res.data.response.filters.aircrafts.result;
                let acs = [];

                for (let i = 0; i < ac.length; i++) {

                  acs.push(ac[i].filterValue);
                }

                this.activeaircrafts = acs;
                this.aircraftsToShow = acs;
                if(sortAfter) this.changeSorting(this.sortingType)
                // console.log(Object.keys(this.carrier).length)
                if (Object.keys(this.carrier).length == 0 && this.lowcost) this.destinations = []
                                }
            }).catch((error) => {
              if (axios.isCancel(error)) {
                console.log('Request canceled', error.message);
              } else {
                console.error('Error fetching data:', error);
              }
            });
          }
        }
      }).mount('#vue-app')
    </script>


    <script type="text/javascript">

      function getframeheightInline(iframe) {

        if (iframe.contentWindow !== null) {

          var iframeheight = iframe.contentWindow.document.body.scrollHeight;

          if (iframeheight !== 0 && iframeheight > 100) {

            var container = document.getElementById('ad-compare-1');

            container.height = iframeheight + "px";
            container.style.height = iframeheight + "px";
            iframe.height = iframeheight + "px";
            iframe.style.height = iframeheight + "px";
          }

          var ad = document.getElementById('container-ad-compare-1');
          ad.style.display = 'block';
        }
      }


      let timer, currSeconds = 0;
      let displayed = 0;

      function resetTimer() {

        clearInterval(timer);

        currSeconds = 0;

        timer =
          setInterval(startIdleTimer, 1000);
      }


      window.onwheel = resetTimer;
      window.onclick = resetTimer;
      window.onkeypress = resetTimer;
      document.onmousemove = resetTimer;
      document.mousemove = resetTimer;
      window.mousemove = resetTimer;
      window.onmousemove = resetTimer;
      window.onload = resetTimer;

      document.touchstart = resetTimer;
      document.touchend = resetTimer;
      document.touchcancel = resetTimer;
      document.touchmove = resetTimer;

      window.onmousedown = resetTimer;
      window.ontouchstart = resetTimer;
      window.touchstart = resetTimer;
      window.touchmove = resetTimer;

      function startIdleTimer() {

        /* Increment the timer seconds */

        if (currSeconds > 10 && displayed == 0) {

          displayed = 1;

          let overlay = document.getElementById('ff-idle-overlay');
          let inad = document.getElementById('ff-idle-ad');

          overlay.style.display = 'block';
          inad.style.display = 'block';

        } else {

          currSeconds++;
        }
      }

      function closeInactivityAd() {

        let overlay = document.getElementById('ff-idle-overlay');
        let inad = document.getElementById('ff-idle-ad');

        overlay.style.display = 'none';
        inad.style.display = 'none';
      }


      // Closing popup boxes by clicking outside of them
      document.addEventListener("click", (event) => {

        if (!event.target.closest(".ff-open-pop, #ff-list-info")) {

          let popup = document.getElementById('ff-list-info');
          let parent = document.getElementById('ff-li-active');

          if (popup !== null) {

            popup.style.display = 'none';
          }

          if (parent !== null) {

            let parent = document.getElementById('ff-li-active');
            if (parent) parent.style.background = 'white';


          }


        }
      });


      function showMapText(variation) {

        let linktext = document.getElementById('ff-hover-classic');

        if (variation == 'on') {

          linktext.style.display = 'inline-block';


        }
        if (variation == 'off') {

          linktext.style.display = 'none';
        }

      }

      function closeAirlinePopup() {

        let popup = document.getElementById('ff-list-info');
        popup.style.display = 'none';

        let parent = document.getElementById('ff-li-active');
        parent.style.background = 'white';


      }

      function isInViewport(element) {

        const rect = element.getBoundingClientRect();
        return (
          rect.top >= 0 &&
          rect.left >= 0 &&
          rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
          rect.right <= (window.innerWidth || document.documentElement.clientWidth)
        );
      }


      //Get the button:
      mybutton = document.getElementById("backtotop");
      // When the user scrolls down 20px from the top of the document, show the button
      window.onscroll = function () {
        scrollFunction()
      };

      function scrollFunction() {
        if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
          mybutton.style.display = "block";
        } else {
          mybutton.style.display = "none";
        }
      }

      // When the user clicks on the button, scroll to the top of the document
      function topFunction() {
        document.body.scrollTop = 0; // For Safari
        document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
      }

      // Rangeslider for flighttime
      var timeslider = document.getElementById('flightfrom-rangeslider-flighttime');
      noUiSlider.create(timeslider, {
        start: [100, 145],
        connect: true,
        step: 30,
        range: {
          'min': 100,
          'max': 145
        }
      });

      // Mobile duration
      var mobtimeslider = document.getElementById('mobile-flightfrom-rangeslider-flighttime');
      noUiSlider.create(mobtimeslider, {
        start: [100, 145],
        connect: true,
        step: 30,
        range: {
          'min': 100,
          'max': 145
        }
      });

      function adjustDurationBoxes() {
        let leftDivX = document.querySelector('#flightfrom-rangeslider-flighttime .noUi-handle-lower').getBoundingClientRect().x + 10
        let rightDivX = document.querySelector('#flightfrom-rangeslider-flighttime .noUi-handle-upper').getBoundingClientRect().x + 10

        document.querySelectorAll('#flightfrom-slider-bars-duration .flightfrom-slider-bar').forEach(el => {
          if (el.getBoundingClientRect().x < leftDivX || rightDivX < el.getBoundingClientRect().x) {
            el.classList.add('flightsfrom-slider-bar-inactive')
          } else {
            if (el.classList.contains('flightsfrom-slider-bar-inactive')) el.classList.remove('flightsfrom-slider-bar-inactive')
          }
        })

        let leftDivXMob = document.querySelector('#mobile-flightfrom-rangeslider-flighttime .noUi-handle-lower').getBoundingClientRect().x + 10
        let rightDivXMob = document.querySelector('#mobile-flightfrom-rangeslider-flighttime .noUi-handle-upper').getBoundingClientRect().x + 10

        document.querySelectorAll('#flightfrom-slider-bars-duration-mob .flightfrom-slider-bar').forEach(el => {
          if (el.getBoundingClientRect().x < leftDivXMob || rightDivXMob < el.getBoundingClientRect().x) {
            el.classList.add('flightsfrom-slider-bar-inactive')
          } else {
            if (el.classList.contains('flightsfrom-slider-bar-inactive')) el.classList.remove('flightsfrom-slider-bar-inactive')
          }
        })
      }

      function adjustDepartureBoxes() {
        let leftDivX = document.querySelector('#flightfrom-rangeslider-departure .noUi-handle-lower').getBoundingClientRect().x + 10
        let rightDivX = document.querySelector('#flightfrom-rangeslider-departure .noUi-handle-upper').getBoundingClientRect().x + 10

        document.querySelectorAll('#flightfrom-slider-bars-departure .flightfrom-slider-bar').forEach(el => {
          if (el.getBoundingClientRect().x < leftDivX || rightDivX < el.getBoundingClientRect().x) {
            el.classList.add('flightsfrom-slider-bar-inactive')
          } else {
            if (el.classList.contains('flightsfrom-slider-bar-inactive')) el.classList.remove('flightsfrom-slider-bar-inactive')
          }
        })

        let leftDivXMob = document.querySelector('#mobile-flightfrom-rangeslider-departure .noUi-handle-lower').getBoundingClientRect().x + 10
        let rightDivXMob = document.querySelector('#mobile-flightfrom-rangeslider-departure .noUi-handle-upper').getBoundingClientRect().x + 10

        document.querySelectorAll('#flightfrom-slider-bars-departure-mob .flightfrom-slider-bar').forEach(el => {
          if (el.getBoundingClientRect().x < leftDivXMob || rightDivXMob < el.getBoundingClientRect().x) {
            el.classList.add('flightsfrom-slider-bar-inactive')
          } else {
            if (el.classList.contains('flightsfrom-slider-bar-inactive')) el.classList.remove('flightsfrom-slider-bar-inactive')
          }
        })
      }

      function adjustArrivalBoxes() {
        let leftDivXMob = document.querySelector('#mobile-flightfrom-rangeslider-arrival .noUi-handle-lower').getBoundingClientRect().x + 10
        let rightDivXMob = document.querySelector('#mobile-flightfrom-rangeslider-arrival .noUi-handle-upper').getBoundingClientRect().x + 10

        document.querySelectorAll('#flightfrom-slider-bars-arrival-mob .flightfrom-slider-bar').forEach(el => {
          if (el.getBoundingClientRect().x < leftDivXMob || rightDivXMob < el.getBoundingClientRect().x) {
            el.classList.add('flightsfrom-slider-bar-inactive')
          } else {
            if (el.classList.contains('flightsfrom-slider-bar-inactive')) el.classList.remove('flightsfrom-slider-bar-inactive')
          }
        })
      }

      function adjustDistanceBox() {
        let leftDivX = document.querySelector('#mobile-flightfrom-rangeslider-distance .noUi-handle-lower').getBoundingClientRect().x + 10
        let rightDivX = document.querySelector('#mobile-flightfrom-rangeslider-distance .noUi-handle-upper').getBoundingClientRect().x + 10

        document.querySelectorAll('#flightfrom-slider-bars-distance-mob .flightfrom-slider-bar').forEach(el => {
          if (el.getBoundingClientRect().x < leftDivX || rightDivX < el.getBoundingClientRect().x) {
            el.classList.add('flightsfrom-slider-bar-inactive')
          } else {
            if (el.classList.contains('flightsfrom-slider-bar-inactive')) el.classList.remove('flightsfrom-slider-bar-inactive')
          }
        })
      }

      function adjustPriceBoxes() {
        let leftDivX = document.querySelector('#mobile-flightfrom-rangeslider-prices .noUi-handle-lower').getBoundingClientRect().x + 10
        let rightDivX = document.querySelector('#mobile-flightfrom-rangeslider-prices .noUi-handle-upper').getBoundingClientRect().x + 10

        document.querySelectorAll('#flightfrom-slider-bars-price .flightfrom-slider-bar').forEach(el => {
          if (el.getBoundingClientRect().x < leftDivX || rightDivX < el.getBoundingClientRect().x) {
            el.classList.add('flightsfrom-slider-bar-inactive')
          } else {
            if (el.classList.contains('flightsfrom-slider-bar-inactive')) el.classList.remove('flightsfrom-slider-bar-inactive')
          }
        })
      }

      mobtimeslider.noUiSlider.on('update', function (values, handle) {
        var leftbox = document.getElementById('mobile-flightsfrom-rangeslider-from');
        var rightbox = document.getElementById('mobile-flightsfrom-rangeslider-to');
        leftbox.innerHTML = convertMin(values[0]);
        rightbox.innerHTML = convertMin(values[1]);
        document.getElementById('durationFrom').value = values[0]
        document.getElementById('durationTo').value = values[1]
        adjustDurationBoxes()
      });

      mobtimeslider.noUiSlider.on('end', function (values, handle) {
        timeslider.noUiSlider.set(values)
        var leftbox = document.getElementById('mobile-flightsfrom-rangeslider-from');
        var rightbox = document.getElementById('mobile-flightsfrom-rangeslider-to');
        leftbox.innerHTML = convertMin(values[0]);
        rightbox.innerHTML = convertMin(values[1]);
        document.getElementById('durationFrom').value = values[0]
        document.getElementById('durationTo').value = values[1]
        document.getElementById('durationFrom').dispatchEvent(new Event('input'));
        document.getElementById('durationTo').dispatchEvent(new Event('input'));
      });

      timeslider.noUiSlider.on('slide', function (values, handle) {
        adjustDurationBoxes()
      })

      mobtimeslider.noUiSlider.on('slide', function (values, handle) {
        adjustDurationBoxes()
      })

      timeslider.noUiSlider.on('update', function (values, handle) {
        var leftbox = document.getElementById('flightsfrom-rangeslider-from');
        var rightbox = document.getElementById('flightsfrom-rangeslider-to');
        leftbox.innerHTML = convertMin(values[0]);
        rightbox.innerHTML = convertMin(values[1]);
        document.getElementById('durationFrom').value = values[0]
        document.getElementById('durationTo').value = values[1]
        adjustDurationBoxes()
      });

      timeslider.noUiSlider.on('end', function (values, handle) {
        mobtimeslider.noUiSlider.set(values)
        var leftbox = document.getElementById('flightsfrom-rangeslider-from');
        var rightbox = document.getElementById('flightsfrom-rangeslider-to');
        leftbox.innerHTML = convertMin(values[0]);
        rightbox.innerHTML = convertMin(values[1]);

        document.getElementById('durationFrom').value = values[0]
        document.getElementById('durationTo').value = values[1]
        document.getElementById('durationFrom').dispatchEvent(new Event('input'));
        document.getElementById('durationTo').dispatchEvent(new Event('input'));

      });
      // Rangeslider for departure time
      var departure = document.getElementById('flightfrom-rangeslider-departure');
      noUiSlider.create(departure, {
        start: [0, 1440],
        connect: true,
        step: 30,
        range: {
          'min': 0,
          'max': 1440
        }
      });

      var mobdeparture = document.getElementById('mobile-flightfrom-rangeslider-departure');
      noUiSlider.create(mobdeparture, {
        start: [0, 1440],
        connect: true,
        step: 30,
        range: {
          'min': 0,
          'max': 1440
        }
      });

      var mobarrival = document.getElementById('mobile-flightfrom-rangeslider-arrival');
      noUiSlider.create(mobarrival, {
        start: [0, 1440],
        connect: true,
        step: 30,
        range: {
          'min': 0,
          'max': 1440
        }
      });

      mobarrival.noUiSlider.on('update', function (values, handle) {
        var leftbox = document.getElementById('mobile-flightfrom-rangeslider-arrival-from');
        var rightbox = document.getElementById('mobile-flightfrom-rangeslider-arrival-to');
        leftbox.innerHTML = convertMin(values[0]);
        rightbox.innerHTML = convertMin(values[1]);
        document.getElementById('arrivalFrom').value = convertMin(values[0])
        document.getElementById('arrivalTo').value = convertMin(values[1])
        adjustArrivalBoxes();
      });

      mobarrival.noUiSlider.on('end', function (values, handle) {
        var leftbox = document.getElementById('mobile-flightfrom-rangeslider-arrival-from');
        var rightbox = document.getElementById('mobile-flightfrom-rangeslider-arrival-to');
        leftbox.innerHTML = convertMin(values[0]);
        rightbox.innerHTML = convertMin(values[1]);
        document.getElementById('arrivalFrom').value = convertMin(values[0])
        document.getElementById('arrivalTo').value = convertMin(values[1])
        document.getElementById('arrivalFrom').dispatchEvent(new Event('input'));
        document.getElementById('arrivalTo').dispatchEvent(new Event('input'));
      });

      departure.noUiSlider.on('update', function (values, handle) {
        var leftbox = document.getElementById('flightfrom-rangeslider-departure-from');
        var rightbox = document.getElementById('flightfrom-rangeslider-departure-to');
        leftbox.innerHTML = convertMin(values[0]);
        rightbox.innerHTML = convertMin(values[1]);
        document.getElementById('departureFrom').value = convertMin(values[0])
        document.getElementById('departureTo').value = convertMin(values[1])
        adjustDepartureBoxes()
      });
      departure.noUiSlider.on('end', function (values, handle) {
        mobdeparture.noUiSlider.set(values)
        var leftbox = document.getElementById('flightfrom-rangeslider-departure-from');
        var rightbox = document.getElementById('flightfrom-rangeslider-departure-to');
        leftbox.innerHTML = convertMin(values[0]);
        rightbox.innerHTML = convertMin(values[1]);
        document.getElementById('departureFrom').value = convertMin(values[0])
        document.getElementById('departureTo').value = convertMin(values[1])
        document.getElementById('departureFrom').dispatchEvent(new Event('input'));
        document.getElementById('departureTo').dispatchEvent(new Event('input'));

      });
      // MOBILE Rangeslider for departure time

      mobdeparture.noUiSlider.on('slide', function (values, handle) {
        adjustDepartureBoxes()
      })

      departure.noUiSlider.on('slide', function (values, handle) {
        adjustDepartureBoxes()
      })

      mobarrival.noUiSlider.on('slide', function (values, handle) {
        adjustArrivalBoxes()
      })

      mobdeparture.noUiSlider.on('update', function (values, handle) {
        var leftbox = document.getElementById('mobile-flightfrom-rangeslider-departure-from');
        var rightbox = document.getElementById('mobile-flightfrom-rangeslider-departure-to');
        leftbox.innerHTML = convertMin(values[0]);
        rightbox.innerHTML = convertMin(values[1]);
        document.getElementById('departureFrom').value = convertMin(values[0])
        document.getElementById('departureTo').value = convertMin(values[1])
        adjustDepartureBoxes()
      });

      mobdeparture.noUiSlider.on('end', function (values, handle) {
        departure.noUiSlider.set(values)
        var leftbox = document.getElementById('mobile-flightfrom-rangeslider-departure-from');
        var rightbox = document.getElementById('mobile-flightfrom-rangeslider-departure-to');
        leftbox.innerHTML = convertMin(values[0]);
        rightbox.innerHTML = convertMin(values[1]);
        document.getElementById('departureFrom').value = convertMin(values[0])
        document.getElementById('departureTo').value = convertMin(values[1])
        document.getElementById('departureFrom').dispatchEvent(new Event('input'));
        document.getElementById('departureTo').dispatchEvent(new Event('input'));
      });

      var mobdistance = document.getElementById('mobile-flightfrom-rangeslider-distance');
      noUiSlider.create(mobdistance, {
        start: [441, 921],
        connect: true,
        step: 10,
        range: {
          'min': 441,
          'max': 921
        }
      });

      mobdistance.noUiSlider.on('update', function (values, handle) {
        var leftbox = document.getElementById('mobile-flightfrom-rangeslider-distance-from');
        var rightbox = document.getElementById('mobile-flightfrom-rangeslider-distance-to');
        leftbox.innerHTML = parseInt(values[0]);
        let maxDistanceInKm = parseInt(values[1] * 1.60934);
        rightbox.innerHTML = parseInt(values[1]) + ' miles (' + maxDistanceInKm + 'km)';
        document.getElementById('distanceFrom').value = parseInt(values[0])
        document.getElementById('distanceTo').value = parseInt(values[1])
        adjustDistanceBox()
      });

      mobdistance.noUiSlider.on('end', function (values, handle) {
        var leftbox = document.getElementById('mobile-flightfrom-rangeslider-distance-from');
        var rightbox = document.getElementById('mobile-flightfrom-rangeslider-distance-to');
        leftbox.innerHTML = parseInt(values[0]);
        let maxDistanceInKm = parseInt(values[1] * 1.60934);
        rightbox.innerHTML = parseInt(values[1]) + ' miles (' + maxDistanceInKm + 'km)';
        document.getElementById('distanceFrom').value = parseInt(values[0])
        document.getElementById('distanceTo').value = parseInt(values[1])
        document.getElementById('distanceFrom').dispatchEvent(new Event('input'));
        document.getElementById('distanceTo').dispatchEvent(new Event('input'));
      });

      mobdistance.noUiSlider.on('slide', function (values, handle) {
        adjustDistanceBox()
      })

      // MOBILE prices
      var mobpriceslider = document.getElementById('mobile-flightfrom-rangeslider-prices');
      noUiSlider.create(mobpriceslider, {
        start: [0, 260],
        connect: true,
        step: 10,
        range: {
          'min': 0,
          'max': 260
        }
      });
      mobpriceslider.noUiSlider.on('slide', function (values, handle) {
        adjustPriceBoxes()
      })
      mobpriceslider.noUiSlider.on('update', function (values, handle) {
        var leftbox = document.getElementById('mobile-flightsfrom-rangeslider-pricefrom');
        var rightbox = document.getElementById('mobile-flightsfrom-rangeslider-priceto');
        leftbox.innerHTML = '$' + values[0];
        rightbox.innerHTML = '$' + values[1];
        document.getElementById('priceFrom').value = values[0]
        document.getElementById('priceTo').value = values[1]
        adjustPriceBoxes()
      });
      mobpriceslider.noUiSlider.on('end', function (values, handle) {
        var leftbox = document.getElementById('mobile-flightsfrom-rangeslider-pricefrom');
        var rightbox = document.getElementById('mobile-flightsfrom-rangeslider-priceto');
        leftbox.innerHTML = '$' + values[0];
        rightbox.innerHTML = '$' + values[1];
        document.getElementById('priceFrom').value = values[0]
        document.getElementById('priceTo').value = values[1]
        document.getElementById('priceFrom').dispatchEvent(new Event('input'));
        document.getElementById('priceTo').dispatchEvent(new Event('input'));
      });

      function convertMin(minutes) {
        var num = minutes;
        var hours = (num / 60);
        var rhours = Math.floor(hours);
        var minutes = (hours - rhours) * 60;
        var rminutes = Math.round(minutes);
        if (rminutes == '0' || rminutes == 0 || rminutes < 10) {
          return rhours + ":0" + rminutes;
        } else {
          return rhours + ":" + rminutes;
        }
      }

      var checkround = document.getElementsByClassName("ff-open-round-trip");
      for (var i = 0; i < checkround.length; i++) {
        checkround[i].addEventListener('click', roundtrip, false);
      }
      var checkpass = document.getElementsByClassName("ff-open-passengers");
      for (var i = 0; i < checkpass.length; i++) {
        checkpass[i].addEventListener('click', passengers, false);
      }
      var checkclass = document.getElementsByClassName("ff-open-class");
      for (var i = 0; i < checkclass.length; i++) {
        checkclass[i].addEventListener('click', classes, false);
      }

      function roundtrip() {
        var roundtrip = document.getElementsByClassName("ff-round-trip");
        var passengers = document.getElementsByClassName("ff-passengers");
        var classes = document.getElementsByClassName("ff-class");

        for (var i = 0; i < roundtrip.length; i++) {
          roundtrip[i].style.display = 'block';
        }
        for (var i = 0; i < passengers.length; i++) {
          passengers[i].style.display = 'none';
        }
        for (var i = 0; i < classes.length; i++) {
          classes[i].style.display = 'none';
        }
      }

      function passengers() {
        var roundtrip = document.getElementsByClassName("ff-round-trip");
        var passengers = document.getElementsByClassName("ff-passengers");
        var classes = document.getElementsByClassName("ff-class");

        for (var i = 0; i < roundtrip.length; i++) {
          roundtrip[i].style.display = 'none';
        }
        for (var i = 0; i < passengers.length; i++) {
          passengers[i].style.display = 'block';
        }
        for (var i = 0; i < classes.length; i++) {
          classes[i].style.display = 'none';
        }
      }

      function classes() {
        var roundtrip = document.getElementsByClassName("ff-round-trip");
        var passengers = document.getElementsByClassName("ff-passengers");
        var classes = document.getElementsByClassName("ff-class");

        for (var i = 0; i < roundtrip.length; i++) {
          roundtrip[i].style.display = 'none';
        }
        for (var i = 0; i < passengers.length; i++) {
          passengers[i].style.display = 'none';
        }
        for (var i = 0; i < classes.length; i++) {
          classes[i].style.display = 'block';
        }
      }

      $buttons = document.getElementById('ff-filter-buttons');
      UIkit.util.on('#ff-filters', 'shown', function () {
        $buttons.style.display = 'block';
        $buttons.classList.add('fade');
      });
      UIkit.util.on('#ff-filters', 'hide', function () {

        $buttons.style.display = 'none';
        $buttons.classList.remove('fade');
      });
      document.querySelectorAll('.noUi-handle-lower .noUi-touch-area').forEach(function (el) {
        el.innerHTML = '<div class="background-fixer"></div>'
      })
      document.querySelectorAll('.noUi-handle-lower .noUi-touch-area').forEach(function (el) {
        el.innerHTML = '<div class="right-background-fixer"></div>'
      })

      function setCookie(name, value, days) {
        var expires = "";
        if (days) {
          var date = new Date();
          date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
          expires = "; expires=" + date.toUTCString();
        }
        document.cookie = name + "=" + (value || "") + expires + "; path=/";
      }

      function getCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
          var c = ca[i];
          while (c.charAt(0) == ' ') c = c.substring(1, c.length);
          if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
      }

      document.querySelector('#cookie-bar button').addEventListener('click', () => {
        document.getElementById('cookie-bar').style.display = 'none'
        setCookie('cookie', 1, 100)
      })

      function closeDay() {

        var $box = document.getElementById('ff-day-infobox');
        $box.style.display = 'none';
      }

      document.addEventListener("DOMContentLoaded", () => {
        let cookie = getCookie('cookie')
        // disable cookie on this one
        // if(cookie !== '1')  document.getElementById('cookie-bar').style.display = 'block'
      })

      document.getElementById('done-button').addEventListener('click', () => {
        UIkit.toggle(document.getElementById('ff-filters')).toggle();
      })

      UIkit.util.on('#ff-filters', 'shown', function () {
        adjustDepartureBoxes()
        adjustDurationBoxes()
        adjustPriceBoxes()
        adjustDistanceBox()
        adjustArrivalBoxes()
      });

    </script>


    <link rel="stylesheet" href="css/theme-basic.css"/>
    <link rel="stylesheet" href="css/theme-glass.css"/>



    <style>#ff-filters {
            z-index: 100000;
        }

        #done-button {
            cursor: pointer
        }

        .pageload {
            position: absolute;
            z-index: 99;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

        .pageload-background {
            background-color: #fff;
            width: 100%;
            height: 100%;
            position: absolute;
            opacity: .95;
            border-radius: 5px;
        }

        .loaderwrapper {
            position: fixed;
            width: 200px;
            height: 200px;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
            /*background-color:#fff;
            -webkit-box-shadow:0 0 30px 10px rgba(0,0,0,.2);
            -moz-box-shadow:0 0 30px 10px rgba(0,0,0,.2);
            box-shadow:0 0 30px 10px rgba(0,0,0,.2);
            border-radius:95px;
            overflow:hidden;
            border:5px solid #bbb;
            padding-right:15px;
            padding-top:3px*/
        }


        .siteloader {
            border: 16px solid #f3f3f3;
            border-top: 16px solid #ff9802;
            border-radius: 50%;
            width: 120px;
            height: 120px;
            animation: spin 2s linear infinite;
            margin-left: 28px;
            margin-top: 28px;
            background-color: #fff
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
    </style>

    <style>.hometoplist {
            column-count: 2;
        }

        @media screen and ( max-width: 960px ) {
            .hometoplist {
                column-count: 1;
            }
        }

        #cookie-bar {
            display: none;
        }

        .filter-tags {
            margin-top: 14px;
            border-radius: 10px;
            color: #fff;
            padding: 2px 10px;
            background-color: #e67e22;
            cursor: pointer;
            margin-right: 10px;
            font-weight: 400;
            font-size: 10px;
        }

        .filter-tags:after {
            display: inline-block;
            content: "\00d7"; /* This will render the 'X' */
            margin-left: 10px;
            position: relative;
            top: -1px;
        }


        @media screen and ( max-width: 960px ) {

            .filter-tags {
                margin-top: 5px;
                border-radius: 10px;
                color: #fff;
                padding: 5px 5px;
                background-color: #e67e22;
                cursor: pointer;
                margin-right: 5px;
                font-weight: 400;
                font-size: 10px;
            }

        }

        .cookie-bar__buttons {
            display: block;
            margin-top: 0.375rem;
        }

        .cookie-bar__btn {
            background-color: #0275d8;
            color: #fff;
            border: none;
            margin: 0 0.875rem;
            padding: 0.125rem 0.875rem;
            -webkit-transition: background-color .3s;
            -o-transition: background-color .3s;
            transition: background-color .3s;
            cursor: pointer;
        }

        .cookie-bar a {
            color: #fff;
            text-decoration: underline;
        }

        .cookie-bar__link {
            margin: 0 0.5rem;
        }

        .cookie-bar--bottom, .cookie-bar--bottom-left, .cookie-bar--bottom-right {
            z-index: 100;
            position: fixed;
        }

        @media (min-width: 48rem) {
            .cookie-bar--bottom-left, .cookie-bar--bottom-right {
                width: 23.5rem;
            }

            .cookie-bar--bottom-left .cookie-bar__buttons, .cookie-bar--bottom-left .cookie-bar__inner, .cookie-bar--bottom-right .cookie-bar__buttons, .cookie-bar--bottom-right .cookie-bar__inner {
                display: block;
            }

            .cookie-bar--bottom-left .cookie-bar__buttons, .cookie-bar--bottom-right .cookie-bar__buttons {
                margin-top: 0.375rem;
            }

            .cookie-bar--bottom-left .cookie-bar__buttons, .cookie-bar--bottom-left .cookie-bar__inner, .cookie-bar--bottom-right .cookie-bar__buttons, .cookie-bar--bottom-right .cookie-bar__inner {
                display: block;
            }
        }

        .cookie-bar--bottom-left, .cookie-bar--bottom-right {
            bottom: 0.9375rem;
        }

        .cookie-bar__inner {
            background-color: #000;
            color: #fff;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-size: .875rem;
            padding: 0.375rem 0.5rem;
            text-align: center;
        }

        .cookie-bar--bottom-left .cookie-bar__inner, .cookie-bar--bottom-right .cookie-bar__inner {
            line-height: 1.3;
        }

        .cookie-bar--bottom-left {
            left: 0.9375rem;
        }

        @media (min-width: 62rem) {
            .cookie-bar__inner {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

            .cookie-bar__buttons {
                display: inline;
                margin-top: 0;
            }
        }

        .bold {
            font-weight: bold;
        }

        .asc {
            transform: rotate(180deg);
        }
    </style>


<div class="additional-block">
    </div>







<section class="ff-footer-v2">

	<div class="uk-container uk-container-small uk-text-center" style="color:#fff;">

		<div class="uk-flex uk-flex-center uk-flex-column uk-flex-row@s">

			<div class="uk-margin-right uk-margin-left uk-margin-small-top uk-margin-remove-top@s"><a class="ff-footer-link" href="index.html">Select airport</a></div>

			<div class="uk-margin-right uk-margin-left uk-margin-small-top uk-margin-remove-top@s"><a class="ff-footer-link" href="map.html">Airport map</a></div>

			<div class="uk-margin-right uk-margin-left uk-margin-small-top uk-margin-remove-top@s"><a class="ff-footer-link" href="articles.html">Fun facts</a></div>

			<div class="uk-margin-right uk-margin-left uk-margin-small-top uk-margin-remove-top@s"><a class="ff-footer-link" href="en/privacy-policy.html">Privacy policy</a></div>

			<div class="uk-margin-right uk-margin-left uk-margin-small-top uk-margin-remove-top@s"><a class="ff-footer-link" href="en/about-us.html">About airtickets.click</a></div>

		</div>

		<div class="uk-text-center uk-margin-top">

            <a href="index.html"><img style="width: 160px;" src="img/flightsfromlogo-invert.png"></a>

		</div>

	</div>

</section>


<section class="ff-underfooter-v2">

	<div class="uk-container uk-container-large uk-text-center" style="color:#fff;">

		Copyright 2018-<script type="text/javascript">var year = new Date();document.write(year.getFullYear());</script> - Airtickets.Click
	</div>

</section>




<style>.ff-footer-link { color:#fff; font-size: 16px; font-weight: 500; }
	.ff-footer-link:hover { color:#e67f22; text-decoration: none; }
	.ff-footer-email { font-size: 16px; color:#333; background-color:#fff; border: 0; padding: 10px; border-radius: 3px 0 0 3px; }
	.ff-footer-email-button { border: 0; font-size: 16px; background-color:#e67f22; color:#fff; padding: 10px; border-radius: 0 3px 3px 0; }

	@media screen and ( max-width: 640px ) {

		.ff-footer-social { margin-top :40px; }

	}

</style>


<style>.ff-overfooter-v2 { background-color:#656d78; padding-top: 60px; padding-bottom: 60px; }

	.ff-footer-v2 { background-color:#434a54; padding-top: 40px; padding-bottom: 40px; }

	.ff-underfooter-v2 { background-color:#2d3239; padding-top: 30px; padding-bottom: 30px; }

</style>




<script>

var trackOutboundLink = function(url) {
  return false;
}
  
</script>


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-K5WFR69NJS"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-K5WFR69NJS');
</script>



























<script>
	function validateEmail(email) {
		var re = /\S+@\S+\.\S+/;
		return re.test(email);
	}

	function send() {
		const email = document.getElementById('subscriber-email').value;
		document.getElementById('subscription-message').innerText = "";
		if (!validateEmail(email)) {
			document.getElementById('subscription-message').innerText = 'Please enter a valid email address';
			return;
		}
		axios.get(
				`https://api.airtickets.click/api/subscribe?a&email=${email}&from=ODB&to=`,
		).then((data) => {
			if (data.data.result === "success") {
				document.getElementById('subscription-message').innerText = 'Thank you for subscribing!'
			} else if (data.data.result === "error") {
				document.getElementById('subscription-message').innerText = data.data.msg;
			}
		});
	}


	function rightcolumnNewsletterSend() {
		const email = document.getElementById('rightcolumn-subscriber-email').value;
		document.getElementById('rightcolumn-subscription-message').innerText = "";
		if (!validateEmail(email)) {
			document.getElementById('rightcolumn-subscription-message').innerText = 'Please enter a valid email address';
			return;
		}
		axios.get(
				`https://api.airtickets.click/api/subscribe?a&email=${email}&from=ODB&to=`,
		).then((data) => {
			if (data.data.result === "success") {
				document.getElementById('rightcolumn-subscription-message').innerText = 'Thank you for subscribing!'
			} else if (data.data.result === "error") {
				document.getElementById('rightcolumn-subscription-message').innerText = data.data.msg;
			}
		});
	}

	
</script>

<script>
(() => {
  const lang = navigator.language || navigator.userLanguage;
  const hour = new Date().getHours();

/*  if ((lang.includes('US') || lang.includes('CA')) && hour >= 9 && hour < 18) {*/
  if ((lang.includes('US') )) {
    document.querySelectorAll('.phone-ad-show-switch').forEach(el => {
      el.style.display = 'block';
    });
  }
})();
</script>

<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9984fbf67e84728b',t:'MTc2MjEwMDY4OC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>

    <title>
    Direct flight tickets from Olbia to Cologne - schedules - airtickets.click</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="verification" content="f03606a309cb4f9f80b224845589c840" />

            <meta name="description" content="Full flight information from Olbia OLB to Cologne CGN. View all airlines with scheduled flights and weekly timetables up to 9 months in advance, including flight numbers and complete route information.">
            <meta name="keywords" content="flight,airport,codeshare,in,entertainment,flightnumbers,airline,airlines,routes,map,timetables,timetable,schedule,schedules,departures,arrivals,flighttime,time,meal,eurowings,ew845,olbia costa smeralda airport,cologne bonn airport,olbia,cologne,olb,cgn">
      

                    <meta property="og:description" content="Full flight information from Olbia OLB to Cologne CGN. View all airlines with scheduled flights and weekly timetables up to 9 months in advance, including flight numbers and complete route information."/>
        <meta itemprop="description" content="Full flight information from Olbia OLB to Cologne CGN. View all airlines with scheduled flights and weekly timetables up to 9 months in advance, including flight numbers and complete route information."/>
                        <link rel="canonical" href="OLB-CGN.html">
                <meta property="og:url" content="https://www.airtickets.click/OLB-CGN"/>
        <meta itemprop="url" content="https://www.airtickets.click/OLB-CGN"/>
                    <meta property="og:image" content="routes/OLB-CGN.png"/>
        <meta itemprop="image" content="routes/OLB-CGN.png"/>
    



<!-- Plugin Styles -->


<!-- Base Styles -->
<!--<link href="/css/app.css?v=3.1492.11520251102" rel="stylesheet" media="screen">-->






<link rel="icon" href="favicon.ico">

<link rel="apple-touch-icon" href="apple-touch-icon.png">

<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">

<style>[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
    display: none !important;
}
</style>


   <style>.newsletter-sidebar {

        border-radius: 5px;
        border: 1px solid transparent;
        background: linear-gradient(to right, #e67f23, #b95f0e, #454545, #b95f0e, #e67f23);
        

    }
    .newsletter-sidebar-inner {
        padding: 20px 20px 5px 20px;
        background-color: #fff;
        border-radius: 5px;
        align-items: center;

    }



    .newsletter-sidebar-inner h4 {
        font-weight: bold;
        font-size: 20px;
    }

    .newsletter-s1 {
        display: flex;
        flex-direction: row;
    }

    .newsletter-title {
        font-weight: 1000;
        font-size: 20px;
    }

    .newsletter-preamble {
        line-height: 20px;
        font-weight: 100;
        margin: 5px 0;
    }

    .newsletter-icon {
        min-width: 30px;
        margin-right: 20px;
    }
    .newsletter-input {

        margin-top: 15px;
        margin-bottom: 15px;
        width: 100%;
        border: 1px solid #454545;
        background-color: #fff;
        border-radius: 5px;    
        padding: 5px 10px;
        position: relative;
        box-sizing: border-box;

    }

    .newsletter-input input {
        width: 100%;
        border: 0;
        font-weight: 100;    
        font-size: 15px;
        padding: 10px 0;


        
    }

    .newsletter-input input:focus {
        outline: none;
    }

    .newsletter-signupbutton {

        width: 100%;
        border: 2px solid #538c22;
        background-color: #fff;
        border-radius: 5px;
        cursor: pointer;
        padding: 10px;
        color: #538c22;
        font-size: 15px;
        transition: all .3s ease 0s;

    }

    .newsletter-signupbutton:hover {

       
        border: 2px solid #538c22;
        background-color: #538c22;
        
        color: #fff;


    }

    .newsletter-bottom img {
        height: 16px;

    }
    .newsletter-bottom {
        text-align: right;
        font-size: 12px;
        font-weight: 100;
        margin-top: 5px;
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    .newsletter-bottom-2 {
        text-align: right;
    }

    </style>




        <link rel="stylesheet" href="css/uikit.min.css"/>
    <!-- UIkit JS -->
    <script src="js/uikit.min.js"></script>

    <link rel="stylesheet" href="css/airport/styles%EF%B9%96v=0.10.css"/>
    <link rel="stylesheet" href="css/theme-basic.css"/>
    <link rel="stylesheet" href="css/theme-glass.css"/>

    <script async defer src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
        <style>html {
            scroll-behavior: smooth;
        }
        .color-calendar.basic .calendar__days .calendar__day-text:hover ~ .calendar__day-box {
            opacity: 1;
            cursor: auto;
        }
        .annContainer {


            text-align: center;
            background-color: #fafafa;
            padding-top: 15px;
            position: relative;
            padding-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;

        }


        @media screen and ( max-width: 789px ) {

            .annContainer {
                min-height: 124px;
            }

            .annContainer2 {
                min-height: 274px;
            }

        }

        @media screen and ( min-width: 790px ) {

            .annContainer, .annContainer2 {
                min-height: 94px;
            }

        }

        @media screen and ( min-width: 960px ) {

            .annContainer, .annContainer2 {
                min-height: 104px;
            }

        }

        @media screen and ( min-width: 960px ) {

            .annContainer, .annContainer2 {
                min-height: 94px;
            }

        }

        .annContainer .annText {

            position: absolute;
            top: 0;
            right: 5px;
            font-size: 9px;

        }

        @media screen and ( min-width: 641px ) {

            .ff-li-list {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                padding: 10px 0;
            }
        }

        @media screen and ( max-width: 640px ) {
            .annContainer {
                padding: 0 !important;
                background-color: #fafafa;;
            }
        }

        .color-calendar.basic .calendar__days .calendar__day {
            font-weight: normal;
            font-size: 14px;
            opacity: 1;
            color: #ccc;
        }

        .overlay {
            position: fixed;
            width: 100%;
            height: 100vh;
            z-index: 1000;
            background-color: black;
            opacity: 0.5;
            display: none;
        }

        .color-calendar .calendar__monthyear {
            font-size: 20px;
        }

        #color-calendar {
            position: relative;
        }

        .small-popup {
            position: absolute;
            padding: 20px;
            min-width: 200px;
            display: none;
            z-index: 1000;
            border-radius: 5px;
            background-color: white;
            -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
            -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
            box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        }

        .small-popup label {
            font-weight: normal;
            margin-bottom: 10px;
        }

        .small-popup label input {
            margin-top: 0;
        }

        .pass-button {
            padding: 8px 15px;
            border: 1px solid #eee;
            border-radius: 3px;
            margin-bottom: 10px;
            cursor: pointer;
        }

        .pass-count {
            padding: 8px 15px;
        }

        .pass-disabled {
            background-color: #eee;
            cursor: default !important;
        }

        .calendar-popup {
            position: absolute;
            padding: 20px;
            display: none;
            z-index: 1000;
            border-radius: 5px;
            background-color: white;
            left: 100%;

            left: 0px;
            top: 350px;

            width: 580px;

            font-size: 14px;

            -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
            -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
            box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        }

        .uk-accordion-title {
            font-size: 16px;
        }

        .select-box a {
            color: #333;
        }

        .select-box a:after {
            position: relative;
            top: 8px;
            right: -6px;
            border-style: solid;
            border-width: 1px 1px 0 0;
            content: '';
            display: inline-block;
            height: 4px;
            width: 4px;
            transform: rotate(-225deg);
            vertical-align: top;
            color: #757575;
            transition: all .2s ease;
        }


        @media screen and ( max-width: 640px ) {

            .calendar-popup {
                position: absolute;
                padding: 10px;
                display: none;
                z-index: 1000;
                border-radius: 5px;
                background-color: white;
                left: 100%;

                left: 0px;
                top: 350px;

                width: 100%;

                font-size: 14px;

                -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
                -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
                box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
            }


        }


        .color-calendar.basic {
            box-shadow: none;
        }

        .color-calendar.basic .calendar__days .calendar__day-box {

            width: calc(88% + 8px);
            border-radius: 3px !important;
            opacity: 1;
            background-color: #f9f9f9;
            box-shadow: none !important;
        }

        .calendar__day-text {

            width: 100%;
            height: 100%;
            text-align: center;
            /*line-height: 46px;*/
        }



        .color-calendar .calendar__days {
            display: grid;
            grid-template-columns: repeat(7, minmax(20px, 110px));
            grid-template-rows: repeat(6, minmax(30px, 104px));
            gap: 0 5px;
        }

        .color-calendar .calendar__header {
            grid-template-columns: repeat(7, minmax(20px, 115px));
        }

        .color-calendar.basic .calendar__weekdays {
            display: grid;
            grid-template-columns: repeat(7, minmax(20px, 110px));
            margin-bottom: 5px;
        }


        .green-status .calendar__day-box {
            border-radius: 3px !important;
            border: 1px solid #bbb !important;
            opacity: 1 !important;
            box-shadow: none !important;
            background-color: #f4f4f4 !important;
            color: #333 !important;
        }


        /* Selected denna funkar inte så bra */
        .color-calendar .calendar__days .calendar__day-selected:not(.calendar__day-today) .calendar__day-box {

            width: calc(88% + 8px);
            border-radius: 3px !important;
            background-color: #e67e22 !important;
        }

        .green-status:hover .calendar__day-box {

            background-color: #eee !important;
        }

        .green-status .calendar__day-text {
            color: #fff;
        }

        .calendar__weekdays {

            font-size: 12px;
        }

        .calendar__month {
            text-transform: capitalize;
        }

        .color-calendar {
            overflow: initial;
        }
    </style>
    <style>body {
            background-color: #fff;
            height: 100%;
            font-size: 14px;
        }

        html {
            height: 100%
        }

        .calendar__arrow-prev {
            justify-content: flex-start !important;
        }


        .calendar__arrow-next {
            justify-content: flex-end !important;
        }

        /* From app.css */
        @font-face {
            font-family: 'Helvetica Neue Medium';
            src: url("fonts/helvetica/HelveticaNeueMedium%EF%B9%96.eot#iefix") format("embedded-opentype"), url("fonts/helvetica/HelveticaNeueMedium.woff") format("woff"), url("fonts/helvetica/HelveticaNeueMedium.ttf") format("truetype"), url("fonts/helvetica/HelveticaNeueMedium.svg#HelveticaNeueMedium") format("svg");
            font-weight: 300;
            letter-spacing: 1px;
            font-style: normal;
        }

        @font-face {
            font-family: 'Helvetica Neue Light';
            src: url("fonts/helvetica/HelveticaNeueLight%EF%B9%96.eot#iefix") format("embedded-opentype"), url("fonts/helvetica/HelveticaNeueLight.woff") format("woff"), url("fonts/helvetica/HelveticaNeueLight.ttf") format("truetype"), url("fonts/helvetica/HelveticaNeueLight.svg#HelveticaNeueLight") format("svg");
            font-weight: 300px;
            letter-spacing: 1px;
            font-style: normal;
        }

        /* Bootstrap? */
        html {
            font-family: sans-serif;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        .input-group-flex {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            border-collapse: separate;
        }

        .input-group[class*="col-"] {
            float: none;
            padding-left: 0;
            padding-right: 0;
        }

        .input-group .form-control {
            position: relative;
            z-index: 2;
            float: left;
            width: 100%;
            margin-bottom: 0;
        }

        .input-group .form-control:focus {
            z-index: 3;
        }


        /* Footer */

        .footer {
            color: white;
            font-size: 16px;
            /*font-family: $font1;*/
        }

        .footer h3 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .footer .footer1 {
            background-color: #656d78;
        }

        .footer .footer2 {
            background-color: #434a54;
        }

        .footer .footer3 {
            background-color: #2d3239;
        }

        .footer .footer-inner {
            padding: 30px 0;
            box-sizing: unset;
        }

        .footer .footer-logo img {
            max-width: 170px;
        }

        .footer .footer-link-box {
            font-size: 20px;
            /*font-family: $font1;*/
            margin-top: -30px;
            margin-bottom: 20px;
        }

        .airlines-logos {
            display: flex;
            gap: 2px;
            height: 16px;
            align-items: flex-start;
        }

        .airlines-logos .ff-image-airline {
            width: 22px;
            height: 22px;
        }

        .footer .footer-link-box li {
            padding: 20px 20px;
            border-top: 3px solid transparent;
            color: #bababa;
            position: relative;
        }

        .footer .footer-link-box li.menu.active {
            border-top-color: #37bd9c;
        }

        .footer .footer-link-box li.menu:hover {
            border-top-color: #ea5840;
        }

        .footer .footer-link-box li a {
            color: #bababa;
            /*font-family: $font1;*/
            text-decoration: none;
        }

        .footer .footer-link-box li a:hover {
            color: white;
        }

        .footer .footer-link-box li.language-dropdown > .dropdown-menu {
            background-color: #656d78;
            left: 25%;
            font-size: 16px;
            color: white;
        }

        .footer .footer-link-box li.language-dropdown > .dropdown-menu li {
            padding: 0;
        }

        .footer .footer-link-box li.language-dropdown > .dropdown-menu li a {
            color: white;
        }

        .footer .footer-link-box li.language-dropdown > .dropdown-menu li a:hover, .footer .footer-link-box li.language-dropdown > .dropdown-menu li a.focus {
            color: #221f1f;
            background-color: #3399ff;
        }

        .footer .newsletter-title {
            line-height: 35px;
        }

        .footer .newsletter-subscribe-btn {
            outline-offset: -3px;
            box-shadow: none;
            background-color: #38be9d;
            font-size: 16px;
            padding-top: 4px;
            padding-bottom: 5px;
        }

        .footer .newsletter-subscribe-btn:focus, .footer .newsletter-subscribe-btn:hover {
            color: white;
        }

        .footer .footer-socials {
            /*padding: 32px 0 0;*/
        }

        .footer .footer-socials li {
            padding: 0 2px;
        }

        .footer .footer-socials a {
            background-color: white;
            display: inline-block;
            width: 32px;
            height: 32px;
            text-align: center;
            vertical-align: middle;
            border-radius: 18px;
        }

        .footer .footer-socials a:hover {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

        .footer .footer-socials a span {
            line-height: 32px;
            font-size: 20px;
            color: #333;
        }

        .panel-footer {
            padding: 10px 15px;
            background-color: #f5f5f5;
            border-top: 1px solid #ddd;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }


        .ff-flight-background {

            background: url('img/routes/mapbg2.png');
            background-position: top center;
            background-size: contain;
            background-repeat: no-repeat;

        }

        .ff-schedule-h1 {
            margin-bottom: 20px;
        }

        .ff-route-box {
            margin-top: 40px;
        }

        .ff-route-box.grey {
            background: #f8f8f8;
            padding: 20px;
            border-radius: 5px;
        }

        .ff-arc {
            width: 100%;
            height: 90px;
            border: dashed 2px #aaa;
            border-color: #000 transparent transparent transparent;
            border-radius: 50%/60px 60px 0 0;
            position: relative;
            opacity: 0.3;
        }


        .ff-text-bold {
            font-weight: 500;
        }

        .ff-text-uppercase {
            text-transform: uppercase;
        }

        .ff-text-giant {
            font-size: 60px;
            font-weight: 600;
            line-height: 60px;
        }

        .ff-text-giant a {
            text-decoration: none;
            color: #333;
        }

        .ff-text-giant {
            font-size: 50px;
            font-weight: 600;
            line-height: 40px;
        }

        .ff-text-country-img1 {
            max-height: 18px;
            margin-right: 5px;
        }

        .ff-text-country-img2 {
            max-height: 18px;
            margin-left: 5px;
        }

        .ff-text-city {
            font-size: 18px;
            font-weight: 500;
        }

        .color-calendar.basic .calendar__arrow-inner::before {
            color: #fff;
        }

        .color-calendar .calendar__arrow-inner {
            background-color: #999;

        }

        .airlines-count {
            margin-top: 2px;
            border: 1px solid #ccc;
            border-radius: 2px;
            padding: 2px 4px;
            font-size: 10px;
            background-color: #fff;
        }

        .ff-text-small {
            font-size: 11px;
        }

        .ff-text-color-light {
            color: #999;
        }

        .ff-text-giant-price {
            font-size: 60px;
            font-weight: 600;
            line-height: 60px;
        }

        .ff-text-price-sub {
            font-size: 18px;
            font-weight: 500;
        }


        .ff-rental-box {
            border-bottom: 1px solid #e5e5e5;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 0px;
        }

        .ff-rental-box-border {
            border-bottom: 1px solid #e5e5e5;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 0px;
        }

        .ff-arriving-at-flag {
            width: 40px;
        }

        .ff-arriving-at-flag-img {
            max-height: 24px;
            padding-bottom: 4px;
        }

        .ff-arriving-at {
        }


        @media screen and ( max-width: 960px ) {

            .ff-flight-background {
                background: transparent;
            }

            .shortcut-button {
                background-color: #86c5df;
                padding: 3px 10px;
                margin-right: 4px;
                border-radius: 5px;
                margin-bottom: 7px;
                font-size: 12px;
                line-height: 21px;
            }

            .shortcut-button a {
                color: #fff !important;
            }

            .shortcut-button-green {
                border: 1px solid #5fb482;
                padding: 3px 10px;
                margin-right: 4px;
                border-radius: 5px;
                margin-bottom: 7px;
                cursor: pointer;
                background-color: #5fb482;
                line-height: 21px;
            }

            .shortcut-button-green span {
                color: #fff !important;
            }
            .shortcut-button-green span:hover {
                text-decoration: underline;
            }

            .ff-schedule-header-box {
                background-color: #fff;
                border-radius: 5px;
                color: #333;
                padding: 5px;
                text-align: center;
                margin-bottom: 10px;
                font-size: 12px;
                flex: 1;
            }

            .ff-route-box {
                background-color: #fff;
                border-radius: 5px;
                padding: 10px;
                margin-top: 20px;
            }

            .ff-route-box.grey {
                background: #fff;
                padding: 10px;
            }
        }

        a.button-six {
            padding: 8px 20px !important;
        }

        @media screen and ( max-width: 640px ) {

            a.button-six {
                padding: 4px 10px !important;
            }

            .ff-arriving-at-flag {
                width: 35px;
                min-width: 35px;
            }

            .airlines-logos {
                display: flex; gap: 1px; height: 16px; align-items: center
            }

            .airlines-count {
                font-size: 6px;
                padding: 0 1px;
            }

            .airlines-logos .ff-image-airline {
                width: 9px;
                height: 9px;
                padding: 0;
                border-radius: 2px;
            }

            .ff-arriving-at {
                font-size: 16px;
                font-weight: 600;
            }

            .ff-arriving-at-flag-img {
                max-height: 16px;
                padding-bottom: 0px;
                margin-top: -12px;
            }

            .explorer-link {
                font-size: 11px !important;
            }

            .ff-rental-box {
                border: 0;
                padding: 10px;
                border-radius: 5px;
                margin-bottom: 15px;
            }

            .ff-rental-box-border {
                border: 0;
                border-bottom: 1px solid #e5e5e5;
                padding-bottom: 15px;
                margin-bottom: 15px;
            }

            .ff-text-giant-price {
                font-size: 30px;
                font-weight: 600;
                line-height: 60px;
                color: #333;
            }

            .ff-text-price-sub {
                font-size: 12px;
                font-weight: 500;
            }


            .ff-text-country-img1 {
                max-height: 10px;
            }

            .ff-image-airline {
                width: 38px;
                height: 38px;
            }

            .ff-image-container:after {
                width: 38px;
                height: 38px;
            }

            .ff-schedule-h1 {
                margin-bottom: 10px;
                font-size: 20px !important;
                font-weight: 600;
            }

            .ff-flight-background {

                background: transparent;
                /*background: url('img/routes/cloudbg1.png');
            background-position: top center;
            background-size: contain;
            background-repeat: no-repeat;*/
            }


        }

        .ff-map-explore {
            cursor: pointer;
        }

        .ff-button-checkprice {
            padding: 6px 30px;
            color: #fff;
            font-weight: 400;
            border-radius: 3px;
            background: #87c5df;
            display: inline-block;
            cursor: pointer;
        }
    </style>
    <style>.shortcut-button {
            border: 1px solid #86c5df;
            padding: 3px 10px;
            margin-right: 4px;
            border-radius: 5px;
            margin-bottom: 7px;
        }

        .shortcut-button a {
            color: #86c5df;
        }

        .shortcut-button-green {
            border: 1px solid #5fb482;
            padding: 3px 10px;
            margin-right: 4px;
            border-radius: 5px;
            margin-bottom: 7px;
            cursor: pointer;
        }

        .shortcut-button-green span {
            color: #5fb482;
        }
        .shortcut-button-green span:hover {
            text-decoration: underline;
        }

        .more-than-one {
            padding: 4px 0;
            border-bottom: 1px solid #86c5df;
        }

        .airlines-list {
            display: none;
            position: absolute;
            z-index: 1;
            padding: 5px 10px;
            width: 100%;
            border-radius: 5px;
            margin-top: 2px;
            top: 100%;
            left: 0;
            background-color: #fff;
            border: 1px solid #86c5df;
        }

        .select-dates-fixed {

            position: fixed;
            width: 100%;
            text-align: center;
            bottom: 0px;
            left: 0px;
            right: 0px;
            background-color: #fff;
            color: #333;
            box-shadow: 5px 0px 15px rgba(0, 0, 0, 0.08);
            z-index: 999;
            padding-top: 10px;
            padding-bottom: 10px;
            text-align: center;
            cursor: pointer;
        }

        .select-dates-fixed-btn {

            font-size: 14px;
            text-transform: capitalize;
            padding: 8px 20px !important;
            background-color: #5fb362;
            cursor: pointer;
        }

        .select-dates-fixes-span {

            font-weight: 600;
            font-size: 18px;
            margin-right: 10px;
        }

        .select-dates-from {

            color: #333;
            background-color: #fff;
            padding: 8px 20px;
            font-size: 14px;
            border-radius: 5px;
            display: inline-block;
            border: 1px solid #e5e5e5;
        }
        .airlines-dots .dots {
            width: 10px; height: 10px; border-radius: 50%;
            margin-right: 2px;
        }

        .airlines-dots {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 6px 5px;
            font-size: 14px;
            margin-top: 16px;
        }

        .calendar__body {
            padding: 14px 0 0 0 !important;
        }

        .calendar__day-box.calendar__day-text {
            font-size: 30px !important;
        }

        .flights-amount {
            position: absolute; right: 5px; top: 0; margin-top: 5px; font-size: 12px;
        }

        @media screen and ( max-width: 640px ) {
            .flights-amount {
                position: absolute; right: 2px; top: 0; margin-top: 2px; font-size: 6px;
            }
            .calendar__day-box.calendar__day-text {
                font-size: 14px !important;
            }

            .shortcut-button {
                background-color: #86c5df;
                padding: 3px 10px;
                margin-right: 4px;
                border-radius: 5px;
                margin-bottom: 7px;
                font-size: 12px;
            }

            .shortcut-button-green {
                background-color: #5fb482;
                padding: 3px 10px;
                margin-right: 4px;
                border-radius: 5px;
                margin-bottom: 7px;
                font-size: 12px;
            }
            .shortcut-button-green span {
                color: #fff;
            }
            .airlines-list {
                display: none;
                position: absolute;
                z-index: 1;
                padding: 5px 10px;
                width: 100%;
                border-radius: 5px;
                margin-top: 2px;
                top: 100%;
                left: 0;
                background-color: #86c5df;
            }

            .more-than-one {
                border-color: #fff;
            }


            .shortcut-button a {
                color: #fff;
            }

            .shortcut-button a:hover {
                text-decoration: none;
            }

            .select-dates-fixes-span {

                font-size: 14px;
            }
            .color-calendar.basic .calendar__days .calendar__day-box {
                width: calc(82% + 8px);
                border-radius: 3px !important;
            }

            .airlines-dots {
                display: flex;
                align-items: center;
                /*justify-content: space-around;*/
                padding: 9px 2px;
                font-size: 8px;
                margin-top: 0;
            }

            .airlines-dots .dots {
                width: 3px; height: 3px; border-radius: 50%;
                margin-right: 1px;
            }
            .color-calendar .calendar__header {
                grid-template-columns: repeat(7, minmax(20px, 55px));
            }

            .color-calendar.basic .calendar__weekdays {
                display: grid;
                grid-template-columns: repeat(7, minmax(20px, 55px));
                margin-bottom: 5px;
            }

            .color-calendar .calendar__days {

                display: grid;
                grid-template-columns: repeat(7, minmax(20px, 55px));
                grid-template-rows: repeat(6, minmax(30px, 50px));

            }

            .select-dates-fixed-btn {

                padding: 5px 10px !important;
            }

            .select-dates-from {

                padding: 5px 10px;

            }
            .ff-button-checkprice {
                padding: 6px 10px !important;

            }

        }

        @media screen and ( max-width: 380px ) {
            .ff-button-checkprice {
                padding: 6px 6px !important;

            }
        }

        @media screen and ( max-width: 358px ) {



            .select-dates-from {

                display: none;
            }
        }

        .button-six {
            font-weight: 400;
            border-radius: 5px;
            padding: 10px 40px;
            text-transform: uppercase;
            background-color: #5fb482;
            color: #fff;
            display: inline-block;
            position: relative;
        }

        /*.shortcut-button-airlines:hover .airlines-list {*/
        /*    display: block !important;*/
        /*}*/
        .shortcut-button-airlines:after {
            content: '';
            position: absolute;
            height: 10px; /* Adjust based on your gap size */
            width: 100%;
            top: 100%;
            left: 0;
        }


    </style>

<!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-YPWW8S78QF"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-YPWW8S78QF'); </script> </head>
<body>


    <script src="js/routes/autocomplete%EF%B9%96v=1.02.js"></script>
<style>.autocomplete-suggestion {
        cursor: pointer;
    }
    .d-flex {
        display: flex;
    }
    .justify-content-between {
        justify-content: space-between;
    }
    .cls-1 {
        fill: #cb4141;
        filter: url(#filter);
    }

    .cls-1, .cls-2 {
        fill-rule: evenodd;
    }

    .cls-2 {
        fill: #4c4c4c;
        filter: url(#filter-2);
    }


    @media screen and ( max-width: 960px ) {

        #header.uk-active .flightsfrom-header-logo-container {
            display: none;
        }

        #header.uk-active .ff-header-menu {
            display: none;
        }
    }


</style>

<header id="header" class="uk-box-shadow-medium" uk-sticky>
    <div class="uk-container">
        <div class="uk-flex uk-flex-middle flightsfrom-header-container">
            <div class="flightsfrom-header-logo-container ff-header-logo">
               <a href="/">
                   <img src="img/flightsfromlogo.png" class="ffmidlogotype">
                </a>
            <!--
                    <svg data-pagespeed-no-transform class="ff-header-logotype" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="500" height="129.1" viewBox="0 0 5000 1291">
                        <defs>

                            <filter id="filter" x="1926" y="295" width="1445.47" height="671.656" filterUnits="userSpaceOnUse">
                                <feFlood result="flood" flood-color="#e67e22"/>
                                <feComposite result="composite" operator="in" in2="SourceGraphic"/>
                                <feBlend result="blend" in2="SourceGraphic"/>
                            </filter>
                            <filter id="filter-2" x="133" y="294.938" width="4519.47" height="830.282" filterUnits="userSpaceOnUse">
                                <feFlood result="flood" flood-color="#444"/>
                                <feComposite result="composite" operator="in" in2="SourceGraphic"/>
                                <feBlend result="blend" in2="SourceGraphic"/>
                            </filter>
                        </defs>
                        <path data-pagespeed-no-transform id="Färgfyllning_1" data-name="Färgfyllning 1" class="cls-1"
                              d="M2067,295h262c-0.01,5.7-1.69,9.9-3,14v5c-1.81,5.723-3.23,13.328-5,19v5c-1.79,5.669-3.21,13.269-5,19v5h-1v4h-1v5h-1v5h-1v5c-3.42,10.558-5.71,23.585-8,35H2171c0.01,6.589-2.32,13.7-4,19v5h-1v4h-1v5h-1v5h-1c-0.33,3-.67,6-1,9h-1v5c-1.81,5.724-3.21,13.33-5,19v5c-2.74,8.437-4.33,19.488-7,28-0.33,3.333-.67,6.667-1,10-2.89,8.945-5.09,20.3-7,30h106c-0.14,6.323-2.4,13.035-4,18v5h-1v5h-1v5h-1v4h-1c-0.33,3.333-.67,6.667-1,10-3.72,11.765-5.29,26.18-9,38v5h-1v4h-1v5h-1v5h-1v5h-1c-1.06,3.207-.01,6.873-2,9-2.64,2.3-22.48,1-28,1h-78q-30,143.486-60,287H1926v-1c2.16-2.579.84-6.322,2-10h1v-5c2.74-8.435,4.33-19.487,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5h1v-4h1v-5h1v-5h1v-5c6.17-19.015,7.88-41.962,14-61v-5c2.32-7.342,3.7-16.651,6-24v-5c4.19-12.932,5.84-29.054,10-42q1.005-7.5,2-15c2.74-8.436,4.33-19.486,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1c0.33-3,.67-6,1-9h1c0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5h1v-4h1v-5h1v-5h1v-5c6.17-19.018,7.88-41.961,14-61,0.33-3.333.67-6.667,1-10,3.19-10.122,4.83-22.871,8-33,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5c6.68-20.625,8.51-45.248,15-66v-5c1.78-5.67,3.21-13.27,5-19v-5c4.17-12.939,5.86-29.048,10-42,0.33-3.333.67-6.667,1-10,1.78-5.67,3.22-13.269,5-19v-5C2065.36,304.758,2066.77,300.819,2067,295Zm469,447H2407c0.52-7.269,3.05-15.748,5-22,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1c0.33-3,.67-6,1-9h1v-5c2.31-7.344,3.7-16.649,6-24v-5h1v-4h1v-5h1v-5h1v-5c1.38-4.257,2.73-8.172,3-14h-27q-36.495,172.983-73,346H2204v-1c1.92-2.29.93-5.775,2-9h1v-5h1v-5h1v-5h1v-4h1v-5h1c0.33-3.333.67-6.667,1-10,6.18-19.012,7.87-41.966,14-61q1.005-7.5,2-15c2.74-8.436,4.33-19.487,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5h1v-4h1v-5h1v-5h1v-5c6.17-19.017,7.87-41.964,14-61,0.33-3.333.67-6.667,1-10,2.68-8.507,4.28-19.555,7-28,0.33-3.333.67-6.667,1-10,6.16-19.022,7.89-41.959,14-61q1.005-7.5,2-15c2.72-8.44,4.34-19.485,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5c1.36-4.239,2.77-8.183,3-14h128l-3,16h1c2.46-2.188,6.26-.851,10-2v-1h5c9.18-2.819,20.82-4.178,30-7l10-1c4.47-1.366,11.51-2.686,16-4h7v-1h8v-1h19c21.94,0,35.88,6.462,42,22,0.33,3.666.67,7.334,1,11h1q-0.495,9.5-1,19c-6.76,23.018-8.92,49.289-16,72v5c-1.78,5.67-3.21,13.269-5,19v5c-2.72,8.441-4.35,19.483-7,28-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1v5C2538.22,728.544,2536.29,734.841,2536,742Zm750,224H3158q1.995-11,4-22h1c0.33-3.333.67-6.667,1-10,2.69-8.5,4.28-19.555,7-28q1.005-7.5,2-15c4.2-12.928,5.84-29.055,10-42v-5c1.81-5.723,3.22-13.329,5-19v-5c6.54-20.731,8.38-45.347,15-66v-5h1v-5h1v-5h1v-4h1v-5c1.79-5.669,3.21-13.269,5-19v-5c4.17-12.939,5.86-29.047,10-42,0.33-3.333.67-6.667,1-10h1v-5h1v-4h1v-5h1v-5c1.36-4.342,2.76-8.309,3-14h-32q-36,172.484-72,345H2997q36.495-172.484,73-345h-32v1h-1q-36,171.982-72,344H2837v-1c1.92-2.29.93-5.775,2-9h1v-5h1v-5h1v-5h1v-4h1v-5h1c0.33-3.333.67-6.667,1-10,6.18-19.012,7.87-41.966,14-61q1.005-7.5,2-15c2.74-8.436,4.33-19.487,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1c0.33-3,.67-6,1-9h1c0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5c6.17-19.017,7.88-41.964,14-61v-5c2.32-7.344,3.7-16.651,6-24v-5c6.16-19.022,7.89-41.959,14-61q1.005-7.5,2-15c2.72-8.44,4.34-19.485,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5c1.36-4.239,2.77-8.183,3-14h128l-3,16h1c2.73-2.4,6.82-.747,11-2v-1h5v-1h6v-1h6c15.21-4.56,33.71-5.566,49-10l16-1v-1c5.02-1.411,28.32-.1,32,1h5v1c6.57,2.436,10.58,3.552,15,8,4.69,4.728,1.33,7.843,11,8,2.72-2.407,6.83-.752,11-2,6.14-1.837,14.81-3.147,21-5h6c4.48-1.335,11.52-2.661,16-4h6v-1h5v-1h7v-1h7c16.97-4.856,52.15-7.341,66,2,0.33,0.667.67,1.333,1,2l6,5c0.33,1.333.67,2.667,1,4h1c0.33,2,.67,4,1,6h1v5c0.86,2.939,2.27,14.632,1,19h-1q-0.495,6-1,12c-6.66,20.636-8.51,45.248-15,66-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1c-0.33,3-.67,6-1,9h-1c-0.33,3.333-.67,6.667-1,10-2.68,8.507-4.29,19.554-7,28q-1.005,7.5-2,15c-3.67,11.324-5.35,25.638-9,37-0.33,3.333-.67,6.667-1,10-3.19,10.123-4.83,22.869-8,33-0.33,3.333-.67,6.667-1,10-6.15,19.027-7.9,41.952-14,61q-1.005,7.5-2,15c-2.72,8.44-4.35,19.483-7,28-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1v5C3288.22,952.544,3286.29,958.842,3286,966ZM2659,514h156c23.04,0,44.51-1.549,58,8l3,4c1.33,1,2.67,2,4,3,9.97,14.875,5.23,41.685,0,58v5c-1.81,5.724-3.23,13.328-5,19v5c-1.79,5.669-3.21,13.27-5,19v5c-4.19,12.933-5.84,29.054-10,42q-1.005,7.5-2,15h-1v4h-1v5h-1v5h-1c-0.33,3-.67,6-1,9h-1c-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1v5h-1v4h-1v5h-1v5h-1v5c-6.16,19.021-7.89,41.959-14,61-0.33,3.333-.67,6.667-1,10-2.68,8.51-4.29,19.554-7,28-0.33,3.333-.67,6.667-1,10-2.67,8.512-4.29,19.554-7,28q-1.005,6.5-2,13c-9.21,25.712-21.23,38.77-48,47h-6c-10.48,3.014-33.09,1-46,1H2594c-18.06,0-36.98.972-48-6-0.33-.667-0.67-1.333-1-2h-2c-0.33-.667-0.67-1.333-1-2-1.67-1.333-3.33-2.667-5-4-4.06-5.767-8.6-20.908-6-30v-8h1c0.33-3.666.67-7.334,1-11,6.15-19.026,7.88-41.96,14-61,0.33-3.333.67-6.667,1-10h1v-5c2.73-8.437,4.33-19.486,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-4h1v-5h1c0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1c0.33-3,.67-6,1-9h1c0.33-3.333.67-6.667,1-10,1.79-5.669,3.2-13.27,5-19v-5c6.67-20.627,8.51-45.248,15-66,0.33-3.333.67-6.667,1-10,4.69-14.557,6.43-32.349,11-47v-5h1v-4h1v-4h1v-3h1v-3h1v-3h1c0.67-2,1.33-4,2-6h1c0.67-2,1.33-4,2-6,0.67-.333,1.33-0.667,2-1v-2l3-2v-2l3-2c1.67-2,3.33-4,5-6h2c0.33-.667.67-1.333,1-2h2c0.33-.667.67-1.333,1-2h2l2-2h2v-1h2v-1h2v-1h3v-1h3v-1C2652.6,514.792,2656.49,516.212,2659,514Zm58,107q-24.99,119.488-50,239h32q24.99-119.488,50-239h-32Z"/>
                        <path data-pagespeed-no-transform id="first" class="cls-2"
                              d="M274,295H536c-0.011,5.7-1.685,9.9-3,14v5c-1.806,5.723-3.227,13.328-5,19v5c-1.788,5.669-3.207,13.269-5,19v5h-1v4h-1v5h-1v5h-1v5c-3.419,10.558-5.71,23.585-8,35H378c0.01,6.589-2.322,13.7-4,19v5h-1v4h-1v5h-1v5h-1q-0.5,4.5-1,9h-1v5c-1.814,5.724-3.211,13.33-5,19v5c-2.737,8.437-4.326,19.488-7,28q-0.5,5-1,10c-2.892,8.945-5.093,20.3-7,30H454c-0.14,6.323-2.4,13.035-4,18v5h-1v5h-1v5h-1v4h-1q-0.5,5-1,10c-3.722,11.765-5.294,26.18-9,38v5h-1v4h-1v5h-1v5h-1v5h-1c-1.062,3.207-.014,6.873-2,9-2.638,2.3-22.477,1-28,1H323q-0.5,3.5-1,7h-1v5c-1.822,5.721-3.209,13.33-5,19q-0.5,5-1,10c-4.218,12.923-5.818,29.062-10,42v5c-2.329,7.341-3.687,16.653-6,24v5h-1v4h-1v5h-1v5h-1v5c-5.667,17.447-7.374,38.535-13,56l-3,19h-1q-1,7.5-2,15c-4.188,12.934-5.84,29.054-10,42v5h-1v5h-1c-1.14,3.633.308,6.57-2,9-1.826,1.591-6.631,1-10,1H133a146.324,146.324,0,0,1,5-21q0.5-5,1-10c2.7-8.5,4.275-19.557,7-28q0.5-5,1-10c2.7-8.5,4.278-19.556,7-28q1-7.5,2-15c6.18-19.011,7.874-41.965,14-61v-5c1.81-5.723,3.222-13.329,5-19v-5c6.551-20.728,8.36-45.354,15-66v-5h1v-5h1v-5h1v-4h1v-5c1.809-5.723,3.221-13.329,5-19v-5c2.736-8.436,4.332-19.486,7-28q0.5-5,1-10h1v-4h1v-5h1v-5h1v-5h1v-4h1v-5h1v-5h1v-5c6.166-19.018,7.879-41.962,14-61v-5c2.319-7.343,3.7-16.651,6-24v-5h1v-4h1v-5h1v-5h1v-5c6.676-20.626,8.51-45.249,15-66v-5c1.782-5.67,3.209-13.27,5-19v-5c2.72-8.44,4.345-19.484,7-28q0.5-5,1-10h1v-4h1v-5h1v-5h1v-5C272.363,304.759,273.768,300.818,274,295Zm416,0Q619.507,630.967,549,967H421a114.847,114.847,0,0,1,4-16q0.5-5,1-10h1v-4h1v-5h1v-5h1q0.5-4.5,1-9h1q0.5-5,1-10c2.7-8.5,4.278-19.556,7-28q1-7.5,2-15c4.2-12.928,5.834-29.056,10-42v-5c2.323-7.342,3.695-16.651,6-24v-5c5.647-17.4,7.39-38.55,13-56l3-19h1v-5h1v-5h1v-5h1v-4h1q0.5-5,1-10c3.2-10.122,4.828-22.871,8-33q0.5-5,1-10c2.736-8.437,4.334-19.486,7-28q0.5-5,1-10h1v-4h1v-5h1v-5h1q0.5-4.5,1-9h1q0.5-5,1-10c1.79-5.669,3.2-13.27,5-19v-5c6.685-20.621,8.5-45.252,15-66v-5c1.789-5.669,3.205-13.27,5-19v-5h1v-4h1v-5h1v-5h1v-5c6.675-20.612,8.489-45.192,15-66l3-19h1v-5c3.256-10.073,4.813-22.8,8-33v-5h1c1.061-3.215.023-6.861,2-9,1.706-1.487,5.8-1,9-1H690Zm655,0q-24.495,117.487-49,235h1c2.72-2.409,6.83-.753,11-2,6.14-1.835,14.81-3.148,21-5h6c4.49-1.336,11.52-2.623,16-4h5c6.44-1.967,15.34-3.1,22-5h8v-1h11v-1h14v1h9v1h4v1h4v1h2v1h3c0.33,0.667.67,1.333,1,2l4,1c0.33,0.667.67,1.333,1,2,1.67,1.333,3.33,2.667,5,4,0.67,2,1.33,4,2,6h1v2h1c1.34,3.105,3.53,21.721,2,27h-1q-0.495,6-1,12c-6.66,20.636-8.51,45.248-15,66-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1c-0.33,3-.67,6-1,9h-1c-0.33,3.333-.67,6.667-1,10-2.68,8.507-4.29,19.554-7,28-0.33,3.333-.67,6.667-1,10-2.68,8.507-4.29,19.554-7,28q-1.005,7.5-2,15c-3.67,11.35-5.36,25.665-9,37q-1.005,7.5-2,15c-6.15,19.027-7.9,41.952-14,61q-1.005,7.5-2,15c-2.72,8.44-4.35,19.483-7,28-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1v5c-1.78,5.544-3.71,11.842-4,19H1236q36.495-172.983,73-346h-32c-0.84,1.135.13,0.145-1,1q-36,172.484-72,345H1076a115.413,115.413,0,0,1,4-16c0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1c0.33-3,.67-6,1-9h1c0.33-3.333.67-6.667,1-10,2.7-8.5,4.28-19.556,7-28q1.005-7.5,2-15c4.2-12.928,5.83-29.056,10-42v-5c2.32-7.342,3.69-16.651,6-24v-5c5.65-17.4,7.39-38.55,13-56l3-19h1v-5h1v-5h1v-5h1v-4h1c0.33-3.333.67-6.667,1-10,3.2-10.122,4.83-22.871,8-33,0.33-3.333.67-6.667,1-10,2.74-8.437,4.33-19.486,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1c0.33-3,.67-6,1-9h1c0.33-3.333.67-6.667,1-10,1.79-5.669,3.2-13.27,5-19v-5c6.68-20.621,8.5-45.252,15-66v-5c1.79-5.669,3.2-13.27,5-19v-5h1v-4h1v-5h1v-5h1v-5c6.67-20.612,8.49-45.192,15-66l3-19h1v-5c3.26-10.073,4.81-22.8,8-33v-5h1c1.06-3.215.02-6.861,2-9,1.71-1.487,5.8-1,9-1h118ZM713,362H841q-2,11-4,22h-1v5h-1v5h-1v5h-1v4h-1q-1,7.5-2,15c-4.2,12.928-5.835,29.055-10,42v5c-1.809,5.723-3.223,13.329-5,19-1.158,3.7.232,7.6-2,10-1.706,1.487-5.8,1-9,1H686c0-4.17,1.14-6.339,2-9v-5h1v-5h1v-5h1v-4h1q0.5-5,1-10c3.2-10.12,4.819-22.873,8-33q0.5-5,1-10h1v-4h1v-5h1v-5h1q0.5-4.5,1-9h1q0.5-5,1-10C710.8,375.256,712.7,369.236,713,362Zm824,52h127c-0.03,8.308-2.9,17.259-5,24v5c-1.78,5.669-3.21,13.269-5,19v5h-1v4h-1v5h-1v5h-1c-0.33,3-.67,6-1,9h-1v5c-1.81,5.752-3.67,11.76-4,19h35c-0.01,5.551-1.69,9.816-3,14v5c-1.79,5.669-3.21,13.269-5,19q-1.995,12-4,24h-1v4h-1v5h-1v5h-1v5c-3.42,10.558-5.71,23.585-8,35h-36c-0.33,2.333-.67,4.667-1,7h-1v5c-1.81,5.722-3.22,13.329-5,19-0.33,3.333-.67,6.667-1,10-4.2,12.929-5.84,29.055-10,42q-1.005,7.5-2,15c-6.16,19.02-7.9,41.954-14,61q-1.005,7.5-2,15h-1v4h-1v5h-1v5h-1c-0.33,3-.67,6-1,9h-1v5c-1.8,5.746-3.69,11.763-4,19h38q-12,57.995-24,116h-73c-11.26,0-26.54,1.673-36-1h-14v-1h-5v-1h-4v-1h-3v-1l-6-2c-0.33-.667-0.67-1.333-1-2h-2l-3-4-3-2c-11.32-16.1-4.38-48.756,1-66v-5c1.78-5.67,3.21-13.269,5-19q1.995-12,4-24c6.15-19.027,7.9-41.953,14-61q1.005-7,2-14h1q1.005-7.5,2-15c4.18-12.939,5.86-29.048,10-42q1.005-7.5,2-15c2.72-8.44,4.35-19.483,7-28,0.33-3.333.67-6.667,1-10h1q1.995-11.5,4-23h-29q12-57.995,24-116h30Q1526.5,464.005,1537,414ZM809,513q-47.495,226.977-95,454H586a116.343,116.343,0,0,1,4-16q0.5-5,1-10h1v-4h1v-5h1v-5h1q0.5-4.5,1-9h1q1-7.5,2-15c4.2-12.928,5.835-29.055,10-42q1-7.5,2-15c6.176-19.013,7.881-41.961,14-61v-5c1.809-5.723,3.223-13.329,5-19v-5h1v-4h1v-5h1v-5h1q0.5-4.5,1-9h1q0.5-5,1-10c6.543-20.732,8.373-45.348,15-66v-5h1v-5h1v-5h1v-4h1q1-7.5,2-15h1v-4h1v-5h1v-5h1v-5c6.153-19.024,7.9-41.954,14-61v-5h1v-5h1v-5h1v-4h1c1.185-3.7-.236-7.584,2-10,1.706-1.487,5.8-1,9-1H809Zm197,1h129a122.45,122.45,0,0,1-4,16c-0.33,3-.67,6-1,9h-1v5h-1v5h-1v5h-1v4h-1c-0.33,3.333-.67,6.667-1,10-2.7,8.5-4.28,19.556-7,28q-1.005,7.5-2,15c-4.2,12.928-5.83,29.056-10,42v5c-1.81,5.723-3.22,13.329-5,19v5c-6.04,19.117-7.87,41.934-14,61v5h-1v5h-1v5h-1v4h-1v5c-2.32,7.343-3.7,16.651-6,24v5c-2.74,8.437-4.33,19.486-7,28-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1c-0.33,3-.67,6-1,9h-1c-0.33,3.333-.67,6.667-1,10-6.54,20.731-8.37,45.352-15,66v5h-1v5h-1v5h-1v4h-1q-1.005,7.5-2,15h-1v4h-1v5h-1v5h-1v5c-6.15,19.03-7.9,41.95-14,61v5h-1v5h-1v5h-1v4h-1c-0.33,3-.67,6-1,9h-1c-0.67,3-1.33,6-2,9h-1c-0.67,2-1.33,4-2,6h-1v2h-1c-0.33,1.33-.67,2.67-1,4-0.67.33-1.33,0.67-2,1v2c-1,.67-2,1.33-3,2v2c-2,1.67-4,3.33-6,5-0.333.67-.667,1.33-1,2h-2l-2,3h-2c-0.333.67-.667,1.33-1,2-16.185,10.23-41.472,10-68,10H810c-24.671,0-50.528,1.25-65-9l-2-3-4-3v-2c-0.667-.33-1.333-0.67-2-1-8.91-14.18-2.714-44.29,2-59v-5h1v-5h1v-5h1v-4h1l1-10c2.677-8.51,4.29-19.554,7-28,1.186-3.7-.233-7.579,2-10,1.706-1.487,5.8-1,9-1H877q-5.5,25-11,50h32q6.5-31.5,13-63H859c-8.9,0-20.793,1.038-28-1H815l-21-5v-1h-2v-1l-6-2q-0.5-1-1-2h-2l-5-6-5-4c-5.492-8.139-11.036-29.03-7-43v-7h1q0.5-5.5,1-11c6.141-19.03,7.893-41.955,14-61v-5h1v-5h1v-5h1v-4h1q0.5-5,1-10h1v-4h1v-5h1v-5h1q0.5-4.5,1-9h1v-5c2.316-7.344,3.7-16.65,6-24v-5h1v-4h1v-5h1v-5h1q0.5-4.5,1-9h1q0.5-5,1-10c1.785-5.669,3.209-13.269,5-19v-5c6.666-20.63,8.527-45.241,15-66q0.5-5,1-10c3.561-11.054,5.167-25.253,9-36v-4c12.888-35.719,34.945-55.633,88-51l27,4c11.74,3.776,26.2,6.225,38,10h5l9,3ZM4567,966H4439q1.995-11,4-22h1c0.33-3.333.67-6.667,1-10,2.69-8.5,4.28-19.555,7-28q1.005-7.5,2-15c4.2-12.928,5.84-29.055,10-42v-5c1.81-5.723,3.22-13.329,5-19v-5c6.54-20.731,8.38-45.347,15-66v-5h1v-5h1v-5h1v-4h1v-5c1.79-5.669,3.21-13.269,5-19v-5c4.17-12.939,5.86-29.047,10-42,0.33-3.333.67-6.667,1-10h1v-5h1v-4h1v-5h1v-5c1.36-4.342,2.76-8.309,3-14h-32q-36,172.484-72,345H4278q36.495-172.484,73-345h-32v1h-1q-36,171.982-72,344H4118v-1c1.92-2.29.93-5.775,2-9h1v-5h1v-5h1v-5h1v-4h1v-5h1c0.33-3.333.67-6.667,1-10,6.18-19.012,7.87-41.966,14-61q1.005-7.5,2-15c2.74-8.436,4.33-19.487,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1c0.33-3,.67-6,1-9h1c0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5c6.17-19.017,7.88-41.964,14-61v-5c2.32-7.344,3.7-16.651,6-24v-5c6.16-19.022,7.89-41.959,14-61q1.005-7.5,2-15c2.72-8.44,4.34-19.485,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5c1.36-4.239,2.77-8.183,3-14h128l-3,16h1c2.73-2.4,6.82-.747,11-2v-1h5v-1h6v-1h6c15.21-4.56,33.71-5.566,49-10l16-1v-1c5.02-1.411,28.32-.1,32,1h5v1c6.57,2.436,10.58,3.552,15,8,4.69,4.728,1.33,7.843,11,8,2.72-2.407,6.83-.752,11-2,6.14-1.837,14.81-3.147,21-5h6c4.48-1.335,11.52-2.661,16-4h6v-1h5v-1h7v-1h7c16.97-4.856,52.15-7.341,66,2,0.33,0.667.67,1.333,1,2l6,5c0.33,1.333.67,2.667,1,4h1c0.33,2,.67,4,1,6h1v5c0.86,2.939,2.27,14.632,1,19h-1q-0.495,6-1,12c-6.66,20.636-8.51,45.248-15,66-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1c-0.33,3-.67,6-1,9h-1c-0.33,3.333-.67,6.667-1,10-2.68,8.507-4.29,19.554-7,28q-1.005,7.5-2,15c-3.67,11.324-5.35,25.638-9,37-0.33,3.333-.67,6.667-1,10-3.19,10.123-4.83,22.869-8,33-0.33,3.333-.67,6.667-1,10-6.15,19.027-7.9,41.952-14,61q-1.005,7.5-2,15c-2.72,8.44-4.35,19.483-7,28-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1v5C4569.22,952.544,4567.29,958.842,4567,966ZM1953,667H1830a135.652,135.652,0,0,1,4-16c0.33-3,.67-6,1-9h1q1.005-7.5,2-15c1.37-4.249,2.75-8.177,3-14h-30q-6,29-12,58l9,3v1h3v1l4,1v1h3v1h2v1l4,1v1h3v1l4,1v1h3v1h2v1l4,1v1h3v1l4,1v1h3v1h2v1l4,1v1h3v1l4,1v1h3v1h2v1l4,1v1h3v1l4,1v1h3v1h2v1l4,1v1h3v1l4,1v1h3v1l4,1v1h3v1l4,1v1h2c0.33,0.667.67,1.333,1,2l4,1c0.67,1,1.33,2,2,3h2c1.67,2,3.33,4,5,6,0.67,0.333,1.33.667,2,1v2c0.67,0.333,1.33.667,2,1,0.33,1.333.67,2.667,1,4h1c5.09,11.768.13,32.011-3,42q-1.005,7-2,14c-2.41,7.274-3.73,16.759-6,24v5c-6.53,20.74-8.38,45.343-15,66q-1.995,12-4,24h-1c-0.33,2.333-.67,4.667-1,7h-1v3h-1c-0.33,1.667-.67,3.333-1,5h-1c-0.33,1.333-.67,2.667-1,4h-1v2c-0.67.333-1.33,0.667-2,1-0.33,1.333-.67,2.667-1,4l-3,2v2l-6,5c-1.33,1.667-2.67,3.333-4,5-18.79,13.286-44.08,13-76,13H1696c-22.51,0-45.81.336-59-9l-3-4c-1.33-1-2.67-2-4-3-5.2-7.766-7.27-26.188-4-37v-5q10.5-48.5,21-97h121c-0.14,5.077-1.76,10.04-3,14l-3,19c-2.11,6.7-4.47,15-5,23h32q6-30,12-60l-9-3v-1h-3v-1h-2v-1l-4-1v-1l-12-4v-1l-4-1v-1h-3v-1l-4-1v-1h-3v-1h-2v-1l-4-1v-1h-3v-1h-2v-1h-2v-1h-2v-1h-3v-1l-4-1v-1h-3v-1h-2v-1l-4-1v-1h-3v-1l-4-1v-1h-3v-1h-2v-1l-4-1v-1h-3v-1h-2v-1l-4-1v-1h-3v-1l-4-1v-1h-3c-0.33-.667-0.67-1.333-1-2l-4-1c-0.33-.667-0.67-1.333-1-2h-2l-3-4h-2l-3-4h-1v-2l-3-2c-0.33-1.333-.67-2.667-1-4h-1v-2h-1c-4.15-9.7.75-30.817,3-38q1.005-7,2-14c2.41-7.274,3.73-16.759,6-24v-5c7.03-22.352,9.02-48.625,16-71l3-19h1v-4h1c0.67-3,1.33-6,2-9h1c0.67-2,1.33-4,2-6h1v-2h1c0.33-1.333.67-2.667,1-4,0.67-.333,1.33-0.667,2-1v-2l3-2v-2l6-5c0.33-.667.67-1.333,1-2h2c0.67-1,1.33-2,2-3h2c0.33-.667.67-1.333,1-2l4-1v-1l6-2v-1h3v-1h4v-1h4v-1h5v-1h149c23.53,0,46.21-1.763,60,8l3,4c1.33,1,2.67,2,4,3,8.05,12.01,6.5,33.539,2,48-0.33,3.333-.67,6.667-1,10-2.72,8.441-4.35,19.484-7,28-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1v5h-1Q1955.005,655.5,1953,667Zm1867,35H3696c0.03-6.992,2.28-13.5,4-19v-5c1.78-5.67,3.21-13.269,5-19v-5h1v-4h1v-5h1v-5h1v-5c1.37-4.256,2.74-8.173,3-14h-30q-24.99,119.488-50,239h30q9-43,18-86h124q-1.995,11.5-4,23h-1c-0.33,3.333-.67,6.667-1,10-2.68,8.508-4.29,19.554-7,28q-1.005,7.5-2,15c-6.14,19.016-7.62,42.1-14,61v4h-1v4h-1v3h-1v3h-1v2h-1v3h-1v2h-1v2c-0.67.333-1.33,0.667-2,1-0.33,1.333-.67,2.667-1,4-0.67.333-1.33,0.667-2,1v2c-1.33,1-2.67,2-4,3v2c-1.33,1-2.67,2-4,3v1h-2l-3,4h-2c-0.33.667-.67,1.333-1,2q-7.995,3.5-16,7c-12.46,4.371-40.64,2-57,2H3563c-19.07,0-40.34,1.375-52-6-0.33-.667-0.67-1.333-1-2h-2c-0.33-.667-0.67-1.333-1-2-1.67-1.333-3.33-2.667-5-4v-2c-0.67-.333-1.33-0.667-2-1-0.33-1.333-.67-2.667-1-4h-1v-3c-4.97-13.208-2-30.49,2-43v-5c1.8-5.724,3.23-13.328,5-19v-5c1.78-5.669,3.21-13.269,5-19v-5c4.18-12.935,5.85-29.052,10-42q1.005-7.5,2-15h1v-4h1v-5h1v-5h1v-4h1v-5h1c0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5h1v-4h1v-5h1v-5h1v-5c6.15-19.026,7.9-41.952,14-61,0.33-3.333.67-6.667,1-10,2.67-8.511,4.3-19.552,7-28,0.33-3.333.67-6.667,1-10,3.17-10.129,4.85-22.866,8-33q1.005-6.5,2-13h1c0.67-3,1.33-6,2-9h1c0.67-2,1.33-4,2-6h1v-2h1c0.33-1.333.67-2.667,1-4,0.67-.333,1.33-0.667,2-1v-2l3-2v-2c1.67-1.333,3.33-2.667,5-4l3-4h2c0.33-.667.67-1.333,1-2l3-1v-1l6-2v-1l4-1v-1c13.79-6.013,38.58-4,58-4h118c12.27,0,32.06-1.53,41,2v1h2v1h3v1h2v1h2c0.67,1,1.33,2,2,3h2l3,4h1c10.25,14.5,7.45,39.5,2,57v5c-4.17,12.948-5.93,28.933-10,42-0.33,3.333-.67,6.667-1,10-2.72,8.441-4.35,19.483-7,28-0.33,3.333-.67,6.667-1,10h-1Q3822.005,690.5,3820,702Zm120-188h156c23.04,0,44.51-1.549,58,8l3,4c1.33,1,2.67,2,4,3,9.97,14.875,5.23,41.685,0,58v5c-1.81,5.724-3.23,13.328-5,19v5c-1.79,5.669-3.21,13.27-5,19v5c-4.19,12.933-5.84,29.054-10,42q-1.005,7.5-2,15h-1v4h-1v5h-1v5h-1c-0.33,3-.67,6-1,9h-1c-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1v5h-1v4h-1v5h-1v5h-1v5c-6.16,19.021-7.89,41.959-14,61-0.33,3.333-.67,6.667-1,10-2.68,8.51-4.29,19.554-7,28-0.33,3.333-.67,6.667-1,10-2.67,8.512-4.29,19.554-7,28q-1.005,6.5-2,13c-9.21,25.712-21.23,38.77-48,47h-6c-10.48,3.014-33.09,1-46,1H3875c-18.06,0-36.98.972-48-6-0.33-.667-0.67-1.333-1-2h-2c-0.33-.667-0.67-1.333-1-2-1.67-1.333-3.33-2.667-5-4-4.06-5.767-8.6-20.908-6-30v-8h1c0.33-3.666.67-7.334,1-11,6.15-19.026,7.88-41.96,14-61,0.33-3.333.67-6.667,1-10h1v-5c2.73-8.437,4.33-19.486,7-28,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-4h1v-5h1c0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1c0.33-3,.67-6,1-9h1c0.33-3.333.67-6.667,1-10,1.79-5.669,3.2-13.27,5-19v-5c6.67-20.627,8.51-45.248,15-66,0.33-3.333.67-6.667,1-10,4.69-14.557,6.43-32.349,11-47v-5h1v-4h1v-4h1v-3h1v-3h1v-3h1c0.67-2,1.33-4,2-6h1c0.67-2,1.33-4,2-6,0.67-.333,1.33-0.667,2-1v-2l3-2v-2l3-2c1.67-2,3.33-4,5-6h2c0.33-.667.67-1.333,1-2h2c0.33-.667.67-1.333,1-2h2l2-2h2v-1h2v-1h2v-1h3v-1h3v-1C3933.6,514.792,3937.49,516.212,3940,514ZM934,860c-0.017-8.245,2.9-17.321,5-24q0.5-5,1-10h1v-4h1v-5h1v-5h1v-4h1v-5h1q0.5-5,1-10c6.175-19.014,7.885-41.959,14-61q1-7.5,2-15c4.182-12.936,5.853-29.049,10-42q1-7.5,2-15h1v-4h1v-5h1v-5h1v-5c1.674-5.2,3.573-11.465,4-18l-14-1v-1H957v1l-4,1-4,8v5h-1v5h-1v4h-1q-0.5,5-1,10c-6.577,20.715-8.333,45.368-15,66q-1,7.5-2,15c-5.658,17.451-7.375,38.534-13,56q-1,7.5-2,15h-1v4h-1v5h-1v5h-1v5h-1q-0.5,4.5-1,9c-2.116,6.756-3.858,13.174-4,22,3.316,1.756,4.368,2.058,10,2C915.192,860.981,929.445,860.089,934,860ZM3998,621q-24.99,119.488-50,239h32q24.99-119.488,50-239h-32ZM3350,835h127v1c-1.93,2.267-.93,5.784-2,9-2.41,7.273-3.74,16.759-6,24v5c-3.19,10.125-4.84,22.869-8,33-0.33,3.333-.67,6.667-1,10h-1v4h-1v5h-1v5h-1v5c-2.89,8.951-5.09,20.3-7,30H3322v-1c1.93-2.267.93-5.784,2-9,2.41-7.273,3.74-16.759,6-24v-5c3.19-10.125,4.84-22.869,8-33,0.33-3.333.67-6.667,1-10h1v-4h1v-5h1v-5h1v-5C3345.89,856.049,3348.09,844.7,3350,835Z"/>
                    </svg> -->        </a>
            </div>
            <div class="uk-width-extend ff-header-boxes">

                <div class="uk-flex uk-flex-middle">

                    <div style="width: 50%; margin-right: 5px;">

                        <div id="search-from" class="flightsfrom-header-searchbox uk-margin-right uk-flex" style="position:relative;">

                            <div class="uk-width-extend" style="padding: 3px 5px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">

                                <span uk-icon="icon: location; ratio: 0.7;" style="width: 14px;"></span> <span id="search-from-text"><strong>Olbia</strong> OLB</span>

                            </div>

                            <div>
                                <span style="padding-top: 5px; padding-right: 2px;" uk-icon="close"></span>
                            </div>

                            <div id="searchFromOverlay" class="uk-box-shadow-large">

                                <div id="searchFromSpinner">
                                    <div uk-spinner="ratio: 1"></div>
                                </div>

                                <input type="text" id="searchFromInput" name="searchFromInput" class="no-outline" placeholder="What airport are you flying from?">

                                <div style="border-bottom: 1px solid #e5e5e5; margin-top: 10px; margin-bottom: 10px;"></div>

                                <div id="search-from-not-found">

                                    <div class="uk-alert-danger" uk-alert>
                                        <a class="uk-alert-close" uk-close></a>
                                        <p>Your search did not result in any matches. Please try again.</p>
                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                    <div style="width: 50%; margin-left: 5px;">

                        <div id="search-to" class="flightsfrom-header-searchbox uk-margin-right uk-flex" style="position:relative;">

                            <div class="uk-width-extend" style="padding: 3px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">

                                <span uk-icon="icon: location; ratio: 0.7;" style="width: 14px;"></span>

                                <span id="search-to-text">

                                   
                                        <strong>Cologne</strong> CGN

                                    
                                  </span>

                            </div>

                            <div>
                                <span style="padding-top: 5px; padding-right: 2px;" uk-icon="chevron-down"></span>
                            </div>

                            <div id="searchToOverlay" class="uk-box-shadow-large">

                                <div id="searchToSpinner">
                                    <div uk-spinner="ratio: 1"></div>
                                </div>

                                <input type="text" id="searchToInput" name="searchToInput" class="no-outline" placeholder="And where do you want to fly?">

                                <div style="border-bottom: 1px solid #e5e5e5; margin-top: 10px; margin-bottom: 10px;"></div>

                                <div id="search-to-not-found">

                                    <div class="uk-alert-danger" uk-alert>
                                        <a class="uk-alert-close" uk-close></a>
                                        <p>Your search did not result in any matches. Please try again.</p>
                                    </div>

                                </div>

                                <div id="search-to-not-found-with-connections">

                                    <div class="uk-alert-danger" uk-alert>
                                        <a class="uk-alert-close" uk-close></a>
                                        <p>Your searches did not result in any direct flight matches. Maybe you want to fly with stops instead?</p>
                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="ff-header-menu" uk-toggle="target: #sidemenu" style="cursor: pointer;">
                <span uk-icon="icon:menu; ratio: 1.5" style="width: 26px;"></span>
            </div>
        </div>
    </div>


    <style>.ff-menu-logotype {
            max-width: 150px;
        }</style>
    <div id="sidemenu" uk-offcanvas>

        <div class="uk-offcanvas-bar">

            <button class="uk-offcanvas-close" type="button" uk-close></button>

            <img class="ff-menu-logotype" src="img/flightsfromlogo-invert.png">

            <h3>Menu</h3>

            <ul class="uk-nav-default uk-nav-parent-icon uk-nav" uk-nav="">
                <li class="uk-active"><a href="index.html">Home</a></li>
                <li class="uk-active"><a href="index.html">Search airport</a></li>
                                    <li class="uk-active"><a href="https://www.airtickets.click/outbound/search?from=OLB&amp;to=CGN&amp;label=menu" rel="nofollow">Compare prices</a></li>
                                <li class="uk-active"><a href="https://www.airtickets.click/book/hotels?label=menu" rel="nofollow">Accommodation</a></li>
                <li class="uk-active"><a href="https://www.airtickets.click/book/cars?label=menu" rel="nofollow">Car rentals</a></li>
                <li class="uk-active">&nbsp;</li>

                
                    <li class="uk-active">
                        <a href="OLB.html">All destinations from Olbia (OLB)</a>
                    </li>

                
                
                    <li class="uk-active">
                        <a href="italy.html">Airports in Italy</a>
                    </li>

                    
                        <li class="uk-active">
                            <a href="usa.html">Airports in the USA</a>
                        </li>

                    
                    
                        <li class="uk-active">
                            <a href="usa.html">Airports in the UK</a>
                        </li>

                    
                    
                        <li class="uk-active">
                            <a href="usa.html">Airports in Canada</a>
                        </li>

                    
                
                <li class="uk-active">
                    &nbsp;
                </li>

                <li class="uk-active">
                    <a href="top-100-airports.html">Top 100 biggest airports</a>
                </li>
                <li class="uk-active">
                    <a href="top-100-airlines.html">Top 100 biggest airlines</a>
                </li>
                <li class="uk-active">
                    <a href="articles.html">News & fun facts</a>
                </li>

                <hr class="uk-divider-icon">
                <p>airtickets.click is a useful website for finding airline routes and flight schedules globally. The idea is being able to explore destination opportunities through non-stop flights from a specific airport. It's a tool to set up your business meeting or weekend holiday based on your timeschedule and your closest airport.</p>
                <li class="uk-active">
                    <a href="en/about-us.html">Read more about the idea behind airtickets.click</a>
                </li>

                <h4></h4>
                <p style="font-family: proxima-nova,sans-serif;font-style: normal;font-weight: 200;"></p>
            </ul>

        </div>

    </div>


</header>


<style>/* Autocomplete script */

    .autocomplete-suggestions {
        text-align: left;
        cursor: default;
        background: #fff;

        /* core styles should not be changed */
        position: absolute;
        display: none;
        z-index: 9999;
        max-height: 230px;
        overflow: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        margin-top: 10px;

    }

    .autocomplete-suggestion {
        position: relative;
        padding: 10px 10px;
        line-height: 23px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 14px;
        color: #333;
    }

    .autocomplete-suggestion b {
        font-weight: normal;
        color: #1f8dd6;
    }

    .autocomplete-suggestion.selected {
        background: #f0f0f0;
    }


    #search-from-not-found, #search-to-not-found, #search-to-not-found-with-connections {
        display: none;
    }


    #search-from, #search-to {

        box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    }

    #searchFromOverlay {

        position: absolute;
        left: -15px;
        right: -15px;
        top: -15px;
        height: 300px;
        background-color: #fff;
        border-radius: 5px;
        padding: 10px;
        z-index: 20;
        display: none;
    }

    #searchFromInput {

        width: calc(100% - 20px);
        background-color: #fff;
        border: 0;
        padding: 5px 10px;
        font-size: 18px;
        font-weight: 400;
    }

    #searchToOverlay {

        position: absolute;
        left: -15px;
        right: -15px;
        top: -15px;
        height: 300px;
        background-color: #fff;
        border-radius: 5px;
        padding: 10px;
        z-index: 20;
        display: none;

    }

    #searchToInput {

        width: 98%;
        background-color: #fff;
        border: 0;
        padding: 5px 10px;
        font-size: 18px;
        font-weight: 400;
        max-width: calc(100% - 10px);
    }

    #siteOverlay {

        display: none;
        position: fixed;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background-color: #000;
        opacity: 0.5;
        z-index: 110;
    }

    #searchFromSpinner {
        position: absolute;
        right: 10px;
        top: 10px;
        display: none;
    }

    #searchToSpinner {
        position: absolute;
        right: 10px;
        top: 10px;
        display: none;
    }


    .no-outline:focus {
        outline: none;
    }


    @media screen and ( max-width: 640px ) {

        #searchFromOverlay {

            position: absolute;
            left: -10px;
            right: -15px;
            top: -5px;
            height: 300px;
            background-color: #fff;
            border-radius: 5px;
            padding: 10px;
            z-index: 20;
            display: none;
            width: calc(100vw - 50px);
        }

        #searchToOverlay {

            position: absolute;
            left: auto;
            right: -5px;
            top: -5px;
            height: 300px;
            background-color: #fff;
            border-radius: 5px;
            padding: 10px;
            z-index: 20;
            display: none;
            width: calc(100vw - 50px);
        }
    }

</style>


<div id="siteOverlay"></div>

<style>.ff-ac-item {
        display: flex;
        flex-direction: row;
    }

    .ff-ac-item-left {
        width: 70%;
    }

    .ff-ac-item-right {
        width: 30%;
        text-align: right;
    }

    .ff-ac-item-airport {
        font-size: 14px;
        font-weight: 400;
    }

    .ff-ac-item-country {
        font-size: 12px;
        font-weight: 400;
    }

</style>

<script>

  var $iataFrom = 'OLB';

  var $initsearch = [{"id":9542,"city_id":"1520840","dest_id":-123255,"dest_type":"city","language_code":"en","city_name":"Olbia","city_name_en":"Olbia","local_name":"Aeroporto di Olbia-Costa Smeralda","speak_name":null,"country":"Italy","is_schengen":1,"is_multiairport":0,"state_code":null,"state_name":null,"display_name":"Olbia (OLB), Italy","has_city":0,"IATA":"OLB","ICAO":"LIEO","fs_id":"OLB","timezone":"Europe\/Rome","elevation":37,"name":"Olbia Costa Smeralda Airport","prio":"00000000050","prio2":0,"prio3":0,"ui_display_name":"Olbia","ui_display_name_in_text_field":"Olbia (OLB)","slug":"olbia-costa-smeralda","url_slug":null,"viator_url":"https:\/\/www.viator.com\/Olbia\/d4231-ttd?pid=P00089820&mcid=42383&medium=link","viator_id":"4231","viator_urlname":"Olbia","latitude":"40.903143","longitude":"9.514823","country_code":"IT","continent":"EU","no_routes":74,"no_routes_airlines":99,"wiki_url":null,"classification":4,"text_generated":"<p>Olbia Costa Smeralda Airport (OLB) is a smaller airport in Italy. You can fly to 74 destinations with 32 airlines in scheduled passenger traffic. <\/p><h4>Recently added routes (in the last 3 months)<\/h4><ul style=\"margin-top: 10px;\"><li><a href=\"\/OLB-DUS\">Dusseldorf (DUS)<\/a> operated by Marabu<\/li><li><a href=\"\/OLB-EIN\">Eindhoven (EIN)<\/a> operated by Transavia<\/li><li><a href=\"\/OLB-JFK\">New York (JFK)<\/a> operated by Delta<\/li><\/ul><h4>Destinations & flights<\/h4><p>The route with the most departures is the route to <a href=\"\/FCO\">Rome (FCO)<\/a> with an average of 25 flights from Olbia Costa Smeralda Airport every week which is 29% of all weekly departures. The top international destinations from here are <a href=\"\/ORY\">Paris (ORY)<\/a> and <a href=\"\/MUC\">Munich (MUC)<\/a>. <\/p><h4>Popular airlines<\/h4><p><a href=\"\/OLB\/XZ\">AeroItalia<\/a> is the largest airline here by counting the number of departures with around 36 scheduled take-offs every week. The second largest operator from Olbia Costa Smeralda Airport is <a href=\"\/OLB\/V7\">Volotea<\/a>. The aircraft types with most scheduled flights are the Boeing 737 and the Airbus A31X\/32X. <\/p><div class=\"airport-text\"><h4>Longest flight<\/h4><\/div><p>The route with the longest flighttime from Olbia (OLB) is to <a href=\"\/OLB-JFK\">New York (JFK) <\/a> and takes about 9h 35min with a Boeing 767-300 (winglets) Passenger<\/p><div class=\"airport-text\"><h4>Most popular destinations from Olbia (OLB)<\/h4><\/div><p>Based on number of scheduled departures next month.<\/p><div class=\"hometoplist\"><a href=\"\/OLB-FCO\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Fiumicino<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">120 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-LIN\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Linate<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">92 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-BGY\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Orio al Serio International Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">13 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-ORY\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/fr.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Orly Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">9 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-BCN\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/es.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">El Prat Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">9 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-TRN\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Turin Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">8 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-BLQ\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Bologna Guglielmo Marconi Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">8 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-VCE\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Venice Marco Polo Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">7 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-MXP\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Milan Malpensa Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">6 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-VRN\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Verona Villafranca Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">4 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-MUC\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/de.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Munich Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">3 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-FRA\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/de.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Frankfurt Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">3 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-LGW\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/gb.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Gatwick<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">1 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-DUS\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/de.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Dusseldorf Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">1 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-GVA\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/ch.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Geneva Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">1 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-STR\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/de.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Stuttgart Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-BSL\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/fr.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">EuroAirport Basel Mulhouse Freiburg<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-BHX\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/gb.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Birmingham Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-HAM\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/de.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Hamburg Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-CDG\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/fr.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Charles De Gaulle<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> scheduled next month<\/span><\/div><\/a><\/div><div class=\"airport-text\"><h4>Biggest airlines from Olbia (OLB)<\/h4><\/div><p>Based on number of scheduled departures next month<\/p><div class=\"hometoplist\"><a href=\"\/OLB\/XZ\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/airlines\/100\/XZ_100px.png\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">AeroItalia<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">152 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB\/V7\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/airlines\/100\/V7_100px.png\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Volotea<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">97 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB\/FR\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/airlines\/100\/FR_100px.png\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Ryanair<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">21 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB\/U2\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/airlines\/100\/U2_100px.png\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">easyJet<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">8 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB\/LH\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/airlines\/100\/LH_100px.png\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Lufthansa<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">6 flights<\/span> scheduled next month<\/span><\/div><\/a><\/div><div class=\"airport-text\"> <h4>Top aircraft types from Olbia (OLB)<\/h4><\/div><p>The most common aircrafts in our database<\/p><div class=\"hometoplist\"><a href=\"\/OLB?state=1&aircrafts=737\" class=\"hometoplist-item\"><div class=\"hometoplist-counter\">1<\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Boeing 737<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">173 flights<\/span> with this aircraft type next month<\/span><\/div><\/a><a href=\"\/OLB?state=1&aircrafts=32S\" class=\"hometoplist-item\"><div class=\"hometoplist-counter\">2<\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Airbus A31X\/32X<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">112 flights<\/span> with this aircraft type next month<\/span><\/div><\/a><a href=\"\/OLB?state=1&aircrafts=EMJ\" class=\"hometoplist-item\"><div class=\"hometoplist-counter\">3<\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Embraer 19X\/17X<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> with this aircraft type next month<\/span><\/div><\/a><a href=\"\/OLB?state=1&aircrafts=CRJ\" class=\"hometoplist-item\"><div class=\"hometoplist-counter\">4<\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Bombardier CRJ \/ Challenger<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> with this aircraft type next month<\/span><\/div><\/a><\/div>","text_generated_short":"Olbia Costa Smeralda Airport (OLB) is a smaller airport in Italy. You can fly to 74 destinations with 32 airlines in scheduled passenger traffic. ","airport_image_credits":null,"created_at":"2017-10-25T14:15:23.000000Z","updated_at":"2025-11-02T09:00:04.000000Z","fr24_scanned_at":"0000-00-00 00:00:00","has_image":0,"on_water":null,"has_travelcar":0,"country_id":584,"price_requested":1,"delayed15":2,"delayed30":1,"delayed45":0,"onTime":4,"normalizedScore":"2.25","canceled":0,"delayindex_datestart":"2025-11-02 09:00:00","delayindex_dateend":"2025-11-02 12:00:00","delayindex_flights":7,"delayindex_observations":7,"delta":"10"},{"IATA":"IST","name":"Istanbul Airport","city_name":"Istanbul","display_name":"Istanbul (IST), Turkiye","country":"Turkiye","country_code":"TR"},{"IATA":"FRA","name":"Frankfurt Airport","city_name":"Frankfurt","display_name":"Frankfurt (FRA), Germany","country":"Germany","country_code":"DE"},{"IATA":"CDG","name":"Charles De Gaulle","city_name":"Paris","display_name":"Paris (CDG), France","country":"France","country_code":"FR"},{"IATA":"DXB","name":"Dubai International Airport","city_name":"Dubai","display_name":"Dubai (DXB), United Arab Emirates","country":"United Arab Emirates","country_code":"AE"},{"IATA":"DFW","name":"Dallas Fort Worth International","city_name":"Dallas","display_name":"Dallas (DFW), USA","country":"USA","country_code":"US"},{"IATA":"ORD","name":"Chicago O Hare International","city_name":"Chicago","display_name":"Chicago (ORD), USA","country":"USA","country_code":"US"},{"IATA":"AMS","name":"Schiphol","city_name":"Amsterdam","display_name":"Amsterdam (AMS), Netherlands","country":"Netherlands","country_code":"NL"},{"IATA":"ATL","name":"Hartsfield\u2013Jackson Atlanta International Airport","city_name":"Atlanta","display_name":"Atlanta (ATL), USA","country":"USA","country_code":"US"},{"IATA":"FCO","name":"Fiumicino","city_name":"Rome","display_name":"Rome (FCO), Italy","country":"Italy","country_code":"IT"},{"IATA":"PVG","name":"Shanghai Pudong International Airport","city_name":"Shanghai","display_name":"Shanghai (PVG), China","country":"China","country_code":"CN"}];
  var $initsearchTo = [{"id":9542,"city_id":"1520840","dest_id":-123255,"dest_type":"city","language_code":"en","city_name":"Olbia","city_name_en":"Olbia","local_name":"Aeroporto di Olbia-Costa Smeralda","speak_name":null,"country":"Italy","is_schengen":1,"is_multiairport":0,"state_code":null,"state_name":null,"display_name":"Olbia (OLB), Italy","has_city":0,"IATA":"OLB","ICAO":"LIEO","fs_id":"OLB","timezone":"Europe\/Rome","elevation":37,"name":"Olbia Costa Smeralda Airport","prio":"00000000050","prio2":0,"prio3":0,"ui_display_name":"Olbia","ui_display_name_in_text_field":"Olbia (OLB)","slug":"olbia-costa-smeralda","url_slug":null,"viator_url":"https:\/\/www.viator.com\/Olbia\/d4231-ttd?pid=P00089820&mcid=42383&medium=link","viator_id":"4231","viator_urlname":"Olbia","latitude":"40.903143","longitude":"9.514823","country_code":"IT","continent":"EU","no_routes":74,"no_routes_airlines":99,"wiki_url":null,"classification":4,"text_generated":"<p>Olbia Costa Smeralda Airport (OLB) is a smaller airport in Italy. You can fly to 74 destinations with 32 airlines in scheduled passenger traffic. <\/p><h4>Recently added routes (in the last 3 months)<\/h4><ul style=\"margin-top: 10px;\"><li><a href=\"\/OLB-DUS\">Dusseldorf (DUS)<\/a> operated by Marabu<\/li><li><a href=\"\/OLB-EIN\">Eindhoven (EIN)<\/a> operated by Transavia<\/li><li><a href=\"\/OLB-JFK\">New York (JFK)<\/a> operated by Delta<\/li><\/ul><h4>Destinations & flights<\/h4><p>The route with the most departures is the route to <a href=\"\/FCO\">Rome (FCO)<\/a> with an average of 25 flights from Olbia Costa Smeralda Airport every week which is 29% of all weekly departures. The top international destinations from here are <a href=\"\/ORY\">Paris (ORY)<\/a> and <a href=\"\/MUC\">Munich (MUC)<\/a>. <\/p><h4>Popular airlines<\/h4><p><a href=\"\/OLB\/XZ\">AeroItalia<\/a> is the largest airline here by counting the number of departures with around 36 scheduled take-offs every week. The second largest operator from Olbia Costa Smeralda Airport is <a href=\"\/OLB\/V7\">Volotea<\/a>. The aircraft types with most scheduled flights are the Boeing 737 and the Airbus A31X\/32X. <\/p><div class=\"airport-text\"><h4>Longest flight<\/h4><\/div><p>The route with the longest flighttime from Olbia (OLB) is to <a href=\"\/OLB-JFK\">New York (JFK) <\/a> and takes about 9h 35min with a Boeing 767-300 (winglets) Passenger<\/p><div class=\"airport-text\"><h4>Most popular destinations from Olbia (OLB)<\/h4><\/div><p>Based on number of scheduled departures next month.<\/p><div class=\"hometoplist\"><a href=\"\/OLB-FCO\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Fiumicino<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">120 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-LIN\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Linate<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">92 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-BGY\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Orio al Serio International Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">13 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-ORY\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/fr.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Orly Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">9 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-BCN\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/es.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">El Prat Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">9 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-TRN\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Turin Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">8 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-BLQ\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Bologna Guglielmo Marconi Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">8 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-VCE\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Venice Marco Polo Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">7 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-MXP\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Milan Malpensa Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">6 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-VRN\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/it.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Verona Villafranca Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">4 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-MUC\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/de.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Munich Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">3 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-FRA\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/de.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Frankfurt Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">3 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-LGW\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/gb.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Gatwick<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">1 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-DUS\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/de.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Dusseldorf Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">1 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-GVA\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/ch.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Geneva Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">1 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-STR\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/de.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Stuttgart Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-BSL\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/fr.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">EuroAirport Basel Mulhouse Freiburg<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-BHX\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/gb.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Birmingham Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-HAM\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/de.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Hamburg Airport<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB-CDG\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/flags2\/fr.svg\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Charles De Gaulle<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> scheduled next month<\/span><\/div><\/a><\/div><div class=\"airport-text\"><h4>Biggest airlines from Olbia (OLB)<\/h4><\/div><p>Based on number of scheduled departures next month<\/p><div class=\"hometoplist\"><a href=\"\/OLB\/XZ\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/airlines\/100\/XZ_100px.png\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">AeroItalia<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">152 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB\/V7\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/airlines\/100\/V7_100px.png\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Volotea<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">97 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB\/FR\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/airlines\/100\/FR_100px.png\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Ryanair<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">21 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB\/U2\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/airlines\/100\/U2_100px.png\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">easyJet<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">8 flights<\/span> scheduled next month<\/span><\/div><\/a><a href=\"\/OLB\/LH\" class=\"hometoplist-item\"><div class=\"hometoplist-logos\"><div class=\"hometoplist-logo-wrapper\"><img src=\"https:\/\/images.airtickets.click\/airlines\/100\/LH_100px.png\" class=\"hometoplist-logo\"><\/div><\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Lufthansa<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">6 flights<\/span> scheduled next month<\/span><\/div><\/a><\/div><div class=\"airport-text\"> <h4>Top aircraft types from Olbia (OLB)<\/h4><\/div><p>The most common aircrafts in our database<\/p><div class=\"hometoplist\"><a href=\"\/OLB?state=1&aircrafts=737\" class=\"hometoplist-item\"><div class=\"hometoplist-counter\">1<\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Boeing 737<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">173 flights<\/span> with this aircraft type next month<\/span><\/div><\/a><a href=\"\/OLB?state=1&aircrafts=32S\" class=\"hometoplist-item\"><div class=\"hometoplist-counter\">2<\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Airbus A31X\/32X<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">112 flights<\/span> with this aircraft type next month<\/span><\/div><\/a><a href=\"\/OLB?state=1&aircrafts=EMJ\" class=\"hometoplist-item\"><div class=\"hometoplist-counter\">3<\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Embraer 19X\/17X<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> with this aircraft type next month<\/span><\/div><\/a><a href=\"\/OLB?state=1&aircrafts=CRJ\" class=\"hometoplist-item\"><div class=\"hometoplist-counter\">4<\/div><div class=\"hometoplist-content\"><span class=\"hometoplist-first\">Bombardier CRJ \/ Challenger<\/span><span class=\"hometoplist-last\"><span class=\"makebluehighlight\">0 flights<\/span> with this aircraft type next month<\/span><\/div><\/a><\/div>","text_generated_short":"Olbia Costa Smeralda Airport (OLB) is a smaller airport in Italy. You can fly to 74 destinations with 32 airlines in scheduled passenger traffic. ","airport_image_credits":null,"created_at":"2017-10-25T14:15:23.000000Z","updated_at":"2025-11-02T09:00:04.000000Z","fr24_scanned_at":"0000-00-00 00:00:00","has_image":0,"on_water":null,"has_travelcar":0,"country_id":584,"price_requested":1,"delayed15":2,"delayed30":1,"delayed45":0,"onTime":4,"normalizedScore":"2.25","canceled":0,"delayindex_datestart":"2025-11-02 09:00:00","delayindex_dateend":"2025-11-02 12:00:00","delayindex_flights":7,"delayindex_observations":7,"delta":"10"},{"IATA":"IST","name":"Istanbul Airport","city_name":"Istanbul","display_name":"Istanbul (IST), Turkiye","country":"Turkiye","country_code":"TR"},{"IATA":"FRA","name":"Frankfurt Airport","city_name":"Frankfurt","display_name":"Frankfurt (FRA), Germany","country":"Germany","country_code":"DE"},{"IATA":"CDG","name":"Charles De Gaulle","city_name":"Paris","display_name":"Paris (CDG), France","country":"France","country_code":"FR"},{"IATA":"DXB","name":"Dubai International Airport","city_name":"Dubai","display_name":"Dubai (DXB), United Arab Emirates","country":"United Arab Emirates","country_code":"AE"},{"IATA":"DFW","name":"Dallas Fort Worth International","city_name":"Dallas","display_name":"Dallas (DFW), USA","country":"USA","country_code":"US"},{"IATA":"ORD","name":"Chicago O Hare International","city_name":"Chicago","display_name":"Chicago (ORD), USA","country":"USA","country_code":"US"},{"IATA":"AMS","name":"Schiphol","city_name":"Amsterdam","display_name":"Amsterdam (AMS), Netherlands","country":"Netherlands","country_code":"NL"},{"IATA":"ATL","name":"Hartsfield\u2013Jackson Atlanta International Airport","city_name":"Atlanta","display_name":"Atlanta (ATL), USA","country":"USA","country_code":"US"},{"IATA":"FCO","name":"Fiumicino","city_name":"Rome","display_name":"Rome (FCO), Italy","country":"Italy","country_code":"IT"},{"IATA":"PVG","name":"Shanghai Pudong International Airport","city_name":"Shanghai","display_name":"Shanghai (PVG), China","country":"China","country_code":"CN"}];

  var $searchFrom = document.getElementById('search-from');
  var $searchTo = document.getElementById('search-to');

  var $searchFromOverlay = document.getElementById('searchFromOverlay');
  var $searchToOverlay = document.getElementById('searchToOverlay');

  var $searchFromInput = document.getElementById('searchFromInput');
  var $searchToInput = document.getElementById('searchToInput');

  var $searchFromSpin = document.getElementById('searchFromSpinner');
  var $searchToSpin = document.getElementById('searchToSpinner');

  var $siteOverlay = document.getElementById('siteOverlay');

  var $errorFrom = document.getElementById('search-from-not-found');
  var $errorTo = document.getElementById('search-to-not-found');

  //var $connections        = document.getElementById('search-to-not-found-with-connections');


  /* Left search autocomplete */

  var leftAC = new autoComplete({

    selector: 'input[name="searchFromInput"]',
    minChars: 0,
    cache: false,
    inititems: $initsearch,

    source: function (term, suggest) {

      $searchFromSpin.style.display = 'inline-block';

      if (window.controller) {

        window.controller.abort()
      }

      window.controller = new AbortController()
      window.signal = window.controller.signal

      if (term == '') {

        $keyword = 'nosearchdone';

        var url = '/apiairports/' + $keyword + '?preview=1';
      } else {

        var url = '/apiairports/' + term + '?preview=1';
      }

      fetch(url, {
        method: 'get',
        signal: signal
      })
        .then(response => response.json())
        .then(data => {

          var matches = [];

          for (i = 0; i < data.response.airports.length; i++) {

            matches.push(data.response.airports[i]);
          }

          suggest(matches);

          $searchFromSpin.style.display = 'none';
        })
        .catch((err) => {

          console.log(err);
          //$searchFromSpin.style.display = 'none';
        });
    },
    renderItem: function (item, search) {

      var result = '<div class="autocomplete-suggestion" data-city="' + item.city_name + '" data-iata="' + item.IATA + '" data-airport="' + item.name + '"><div class="ff-ac-item">';

      result += '<div class="ff-ac-item-left">';

      result += '<div class="ff-ac-item-airport"><strong>' + item.IATA + '</strong> ' + item.city_name + '</div>';
      result += '<div class="ff-ac-item-country"><img src="https://images.flightsfrom.com/flags2/' + item.country_code.toLowerCase() + '.svg" style="width: 18px; margin-right: 5px;"> ' + item.country + '</div>';

      result += '</div>';

      result += '<div class="ff-ac-item-right">';
      result += '</div>';

      result += '</div></div>';

      return result;
    },

    onSelect: function (e, term, item) {

      var city = item.getAttribute('data-city');
      var iata = item.getAttribute('data-iata');
      var airport = item.getAttribute('data-airport');

      $iataFrom = iata;

      var fromText = document.getElementById('search-from-text');
      var innerText = '<strong>' + city + '</strong> ' + iata;

      fromText.innerHTML = innerText;

      closeSearchBox();
      openSearchTo();

      //getSearchToResults(iata);
    }
  });

  leftAC.onInit();


  /* Right search autocompletee */

  var rightAC = new autoComplete({
    selector: 'input[name="searchToInput"]',
    minChars: 0,
    cache: false,
    inititems: $initsearchTo,

    source: function (term, suggest) {

      $errorTo.style.display = 'none';
      //$connections.style.display  = 'none';

      $searchToSpin.style.display = 'inline-block';

      if (window.controller) {

        window.controller.abort()
      }

      window.controller = new AbortController()
      window.signal = window.controller.signal

      if (term == '') {

        $keyword = 'nosearchdone';

        var url = '/apiairports/' + $keyword + '/' + $iataFrom + '?preview=1';
      } else {

        var url = '/apiairports/' + term + '/' + $iataFrom + '?preview=1';
      }

      fetch(url, {
        method: 'get',
        signal: signal
      })
        .then(response => response.json())
        .then(data => {


          if (data.response.airports.length == 0 && data.response.flightroutes.length != 0) {

            //$connections.style.display = 'block';

          } else if (data.response.airports.length == 0) {

            $errorTo.style.display = 'block';
          }


          var matches = [];

          for (i = 0; i < data.response.airports.length; i++) {

            matches.push(data.response.airports[i]);
          }

          // If there is connection flights
          if (data.response.airports.length == 0 && data.response.flightroutes.length != 0) {

            var $match = {onlytext: 1};

            matches.push($match);

            for (i = 0; i < data.response.flightroutes.length; i++) {

              // matches.push( data.response.flightroutes[i] );
            }

          }
          let airportsAmount = 0;
          if (data.response.airports && data.response.flightroutes) {
            airportsAmount = data.response.airports.length + data.response.flightroutes.length;
          } else if (data.response.airports) {
            airportsAmount = data.response.airports.length
          }


          if (airportsAmount === 1) {
            if (data.response.airports.length > 0) {
              matches.push({partner: 1, city_name: data.response.airports[0].city_name, IATA: data.response.airports[0].IATA, name: data.response.airports[0].name, country_code: data.response.airports[0].country_code, country: data.response.airports[0].country});
            } else if (data.response.flightroutes.length > 0) {
              matches.push({partner: 1, city_name: data.response.flightroutes[0].city_name, IATA: data.response.flightroutes[0].IATA, name: data.response.flightroutes[0].name, country_code: data.response.flightroutes[0].country_code, country: data.response.flightroutes[0].country});
            }
          }
          suggest(matches);

          $searchToSpin.style.display = 'none';
        })
        .catch((err) => {

          console.log(err);
          //$searchToSpin.style.display = 'none';
        });
    },
    renderItem: function (item, search) {

      if (item.onlytext == 1) {

        var result = '<div style="padding-top: 10px; padding-left: 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5;">Your searches did not result in any direct flight matches. Maybe you want to fly with stops instead?</div>';
      } else if (item.is_connection == 1) {

        var result = '<div class="autocomplete-suggestion" style="cursor: pointer" data-flightroutes="1" data-city="' + item.city_name + '" data-iata="' + item.IATA + '" data-airport="' + item.name + '"><div class="ff-ac-item">';

        result += '<div class="ff-ac-item-left">';

        result += '<div class="ff-ac-item-airport"><strong>' + item.IATA + '</strong> ' + item.city_name + ' <strong>with stops</strong></div>';

        if (typeof item.country_code !== "undefined" && item.country_code != '') {

          result += '<div class="ff-ac-item-country"><img src="https://images.flightsfrom.com/flags2/' + item.country_code.toLowerCase() + '.svg" style="width: 18px; margin-right: 5px;"> ' + item.country + '</div>';
        } else {

          result += '<div class="ff-ac-item-country">' + item.country + '</div>';
        }

        result += '</div>';

        result += '<div class="ff-ac-item-right">';
        result += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/><path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/></svg><br />';
        result += '<img src="https://www.flightroutes.com/img/flightroutes.v2.png" style="width: 80px;">';
        result += '</div>';

        result += '</div></div>';

      } else if (item.partner) {
        var result = '<div class="autocomplete-suggestion" style="cursor: pointer" data-partner="1" data-city="' + item.city_name + '" data-iata="' + item.IATA + '" data-airport="' + item.name + '"><div class="ff-ac-item" style="flex-direction: column">';

        result += '<div class="d-flex justify-content-between">';

        result += '<div class="ff-ac-item-airport"><strong>Cheap flights</strong> to <strong>' + item.IATA + '</strong> ' + item.city_name + '</div>';
        result += '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/><path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/></svg>';


        result += '</div>';

        result += '<div class="d-flex justify-content-between">';
        if (typeof item.country_code !== "undefined" && item.country_code != '') {

          result += '<div class="ff-ac-item-country"><img src="https://images.directflights.com/flags2/' + item.country_code.toLowerCase() + '.svg" style="width: 18px; margin-right: 5px;"> ' + item.country + '</div>';
        } else {

          result += '<div class="ff-ac-item-country">' + item.country + '</div>';
        }
        result += '<strong class="ff-ac-item-country" style="font-weight: bold;">Recommended partners</strong>';
        result += '</div>';

        result += '</div></div>';
      } else {

        if (typeof item.showall !== "undefined") {

          var result = '<div class="autocomplete-suggestion" data-showall="1" data-city="' + item.city_name + '" data-iata="' + item.IATA + '" data-airport="' + item.name + '"><div class="ff-ac-item">';

        } else {

          var result = '<div class="autocomplete-suggestion" data-city="' + item.city_name + '" data-iata="' + item.IATA + '" data-airport="' + item.name + '"><div class="ff-ac-item">';

        }


        result += '<div class="ff-ac-item-left">';

        result += '<div class="ff-ac-item-airport"><strong>' + item.IATA + '</strong> ' + item.city_name + '</div>';

        if (typeof item.country_code !== "undefined" && item.country_code != '') {

          result += '<div class="ff-ac-item-country"><img src="https://images.flightsfrom.com/flags2/' + item.country_code.toLowerCase() + '.svg" style="width: 18px; margin-right: 5px;"> ' + item.country + '</div>';
        } else {

          result += '<div class="ff-ac-item-country">' + item.country + '</div>';
        }

        result += '</div>';

        result += '<div class="ff-ac-item-right">';
        result += '<strong class="ff-ac-item-country" style="font-weight: bold;">Route info</strong>';
        result += '</div>';

        result += '</div></div>';

      }

      return result;
    },

    onSelect: function (e, term, item) {

      var city = item.getAttribute('data-city');
      var iata = item.getAttribute('data-iata');
      var airport = item.getAttribute('data-airport');
      var partner = item.getAttribute('data-partner');

      var showall = item.getAttribute('data-showall');

      // Is it flightroutes?
      var flightroutes = item.getAttribute('data-flightroutes');

      $iataTo = iata;

      var fromText = document.getElementById('search-to-text');
      var innerText = '<strong>' + city + '</strong> ' + iata;

      fromText.innerHTML = innerText;

      closeSearchBox();

      // Is this a connection flight?
      if (flightroutes == 1) {

        var url = '/fr/' + encodeURIComponent($iataFrom + '-' + $iataTo);
        //window.location.href =  url;

        window.open(
          url,
          '_blank'
        );

        return false;
      }

      if(partner == 1) {
        openCalendar2(e)
        document.getElementById('from2').value = $iataFrom;
        document.getElementById('to2').value = $iataTo;
        document.getElementById('from-ad').innerHTML = $iataFrom;
        document.getElementById('to-ad').innerHTML = $iataTo;
        return false;
      }

      if (typeof showall == "string" && showall.length) {

        window.location.href = '/' + $iataFrom;
      } else {

        window.location.href = '/' + $iataFrom + '-' + $iataTo;
      }


    }
  });

  rightAC.onInit();

  function closeSearchBox() {

    $searchFromOverlay.style.display = 'none';
    $searchToOverlay.style.display = 'none';
    hideOverlay();

  }

  $searchFrom.addEventListener("click", function () {

    $searchFromOverlay.style.display = 'block';
    $searchToOverlay.style.display = 'none';

    $searchFromInput.focus();

    showOverlay();
  });

  $searchTo.addEventListener("click", function () {

    $searchFromOverlay.style.display = 'none';
    $searchToOverlay.style.display = 'block';

    $searchToInput.focus();

    showOverlay();
  });

  function openSearchTo() {

    $searchFromOverlay.style.display = 'none';
    $searchToOverlay.style.display = 'block';

    $searchToInput.focus();

    showOverlay();
  }

  function getSearchToResults(iata) {

    rightAC.onClearSuggest();

    // Hämta in närliggande flygplatser här
    $searchToSpin.style.display = 'inline-block';

    var url = '/apidestinations/' + iata//$iataFrom;

    const ms = Date.now();

    var myHeaders = new Headers();
    myHeaders.append('Pragma', 'no-cache');
    myHeaders.append('Cache-Control', 'no-cache');

    var myInit = {
      method: 'GET',
      headers: myHeaders,
    };

    var myRequest = new Request(url + "?noc=" + ms);

    /*
        fetch(url, {
          headers: {
            'Cache-Control': 'no-cache'
          }
        })
    */

    fetch(myRequest, myInit)

      .then(response => response.json())

      .then(data => {


        $initsearchTo = data;

        rightAC.onSuggest(data);

        $searchToSpin.style.display = 'none';

      })
      .catch((err) => {

        console.log(err);
      });


  }

  $siteOverlay.addEventListener("click", function () {

    $searchFromOverlay.style.display = 'none';
    $searchToOverlay.style.display = 'none';

    hideOverlay();
  });

  function showOverlay() {

    $siteOverlay.style.display = 'block';
    $siteOverlay.style.left = '0px';
    $siteOverlay.style.right = '0px';
    $siteOverlay.style.top = '0px';
    $siteOverlay.style.bottom = '0px';
    $siteOverlay.style.width = '100%';
    $siteOverlay.style.height = '100%';

  }

  function hideOverlay() {

    $siteOverlay.style.display = 'none';
    $siteOverlay.style.left = 'auto';
    $siteOverlay.style.right = 'auto';
    $siteOverlay.style.top = 'auto';
    $siteOverlay.style.bottom = 'auto';
    $siteOverlay.style.width = '0px';
    $siteOverlay.style.height = '0px';

  }
</script>
<div>
    <style>/* Общие стили для сетки */
        .row {
            display: flex;
            flex-wrap: wrap;
            margin-right: -15px;
            margin-left: -15px;
        }

        [class*="col-"] {
            position: relative;
            width: 100%;
        }

        .col-4 {
            flex: 0 0 33.3333%;
            max-width: 33.3333%;
        }

        .popup-calendar {
            font-size: 14px;
            margin-bottom: 20px;
        }

        .dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid transparent;
            border-bottom: 0;
            border-left: .3em solid transparent;
        }

        .text-center {
            text-align: center;
        }

        /* Стили для dropdown */
        .dropdown-toggle {
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent;
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            font-size: 14px;
            text-align: center !important;
            box-sizing: border-box;
            -webkit-appearance: button;
            white-space: nowrap;
            cursor: pointer;
        }

        .dropdown-menu {
            position: absolute;
            z-index: 1000;
            display: none;
            min-width: 10rem;
            padding: 0.5rem;
            margin: 0;
            font-size: 14px;
            color: #212529;
            text-align: left;
            background-color: #fff;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 0.25rem;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
        }

        .dropdown-menu.show {
            display: block;
        }

        /* Стили для form-check */
        .form-check {
            position: relative;
            display: block;
            padding-left: 1.5rem;
            margin-bottom: 0.5rem;
        }

        .form-check-input {
            position: absolute;
            margin-top: 0.3rem;
            margin-left: -1.5rem;
        }

        .form-check-label {
            margin-bottom: 0;
            line-height: 1.5;
        }

        /* Кнопки +/- */
        .minus, .plus {
            display: inline-block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 18px;
            cursor: pointer;
            background-color: #f8f9fa;
            border: 1px solid #ddd;
            border-radius: 4px;
            user-select: none;
        }

        .minus:hover, .plus:hover {
            background-color: #e9ecef;
        }

        /* Дополнительные стили */
        .mb-3 {
            margin-bottom: 1rem;
        }

        .p-4 {
            padding: 1.5rem;
        }

        #calendar-type-2, #calendar-passengers-2, #calendar-class-2 {
            font-weight: bold;
            font-size: 14px;
        }

        /* Стили для dropdown в колонках */
        .dropdown-menu > div {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        #num-adults-2, #num-children-2 {
            margin: 0 10px;
            font-size: 16px;
            font-weight: 600;
        }

        .phone-text-ad-button {
            text-align: right;
            min-width: 170px;
        }

        .phone-text-ad {
            font-size: 10px;
        }

        .phone-text-ad-desktop {
            font-size: 12px;
            margin-right: 10px;
            width: 100%;
        }

        .phone-text-ad {
            display: none !important;
        }

        .nav-inline-element {
            margin-top: 10px;
        }

        @media screen and ( max-width: 640px ) {

            .nav-inline-element {
                margin-top: 10px;
            }

            .phone-text-ad-button {
                width: 100%;
            }

            .phone-text-ad-desktop {
                display: none !important;
            }

            .phone-text-ad {
                display: block;
            }
        }

        #popup-overlay-2 {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #000;
            opacity: 0.5;
            height: 100vh;
            z-index: 100;
            padding-top: 30px;
            display: none;
        }

        .lds-dual-ring {
            display: inline-block;
            width: 80px;
            height: 80px;
            margin-left: calc(50% - 40px);
        }

        .lds-dual-ring:after {
            content: " ";
            display: block;
            width: 64px;
            height: 64px;
            margin: 8px;
            border-radius: 50%;
            border: 6px solid #fff;
            border-color: #aaa transparent #fff transparent;
            animation: lds-dual-ring 1.2s linear infinite;
        }

        #popup-calendar-independent {
            position: fixed;
            top: 15%;
            left: 50%;
            background-color: rgba(255, 255, 255, 1.0);
            z-index: 2000;
            display: none;
            padding: 20px;
            transform: translate(-50%, 0);
            font-size: 14px;
            margin-bottom: 20px;
        }

        @keyframes lds-dual-ring {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        @media screen and ( max-width: 640px ) {
            #popup-calendar-independent {
                width: 90%;
            }
        }

    </style>
    <div id="popup-calendar-independent" style="border-radius: 0 0 5px 5px;">

        <div class="row popup-calendar">

            <div class="col-4 text-center">

                <div class="dropdown-toggle" type="button" id="menu1-2" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">

                    <span id="calendar-type-2">Round trip</span>

                </div>

                <div class="dropdown-menu p-4" aria-labelledby="menu1">

                    <div class="mb-3">

                        <div class="form-check" onclick="calendarChangeType2('roundtrip')">

                            <input type="radio" class="form-check-input" id="dropdownCheck1-2" name="trip" checked="checked">

                            <label class="form-check-label" for="dropdownCheck1-2">

                                Round trip

                            </label>

                        </div>

                    </div>

                    <div class="mb-3">

                        <div class="form-check" onclick="calendarChangeType2('oneway')">

                            <input type="radio" class="form-check-input" id="dropdownCheck2-2" name="trip">

                            <label class="form-check-label" for="dropdownCheck2-2">

                                One-way

                            </label>

                        </div>

                    </div>

                </div>

            </div>


            <div class="col-4 text-center">

                <div class="dropdown-toggle" type="button" id="menu2-2" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">

                    <span id="calendar-passengers-2">1 adult</span>

                </div>

                <div class="dropdown-menu p-4" aria-labelledby="menu2">

                    <div class="mb-3">

                        <div style="display: flex; flex-direction: row;">

                            <div>

                                <div id="sub-adult-2" onclick="calendarPassengers2('sub-adult')" class="minus">-</div>

                            </div>

                            <div>

                                <div id="add-adult-2" onclick="calendarPassengers2('add-adult')" class="plus">+</div>

                            </div>

                            <div><span id="num-adults-2" style="font-weight: 600;">1</span> adults</div>

                        </div>

                    </div>

                    <div class="mb-3">

                        <div style="display: flex; flex-direction: row;">

                            <div>

                                <div id="sub-child-2" onclick="calendarPassengers2('sub-child')" class="minus">-</div>

                            </div>

                            <div>

                                <div id="add-child-2" onclick="calendarPassengers2('add-child')" class="plus">+</div>

                            </div>

                            <div><span id="num-children-2" style="font-weight: 600;">0</span> children</div>

                        </div>

                    </div>

                </div>

            </div>


            <div class="col-4 text-center">

                <div class="dropdown-toggle" type="button" id="menu3-2" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">

                    <span id="calendar-class-2">Economy</span>

                </div>

                <div class="dropdown-menu p-4" aria-labelledby="menu3">

                    <div class="mb-3">

                        <div class="form-check" onclick="calendarChangeClass2('economy')">

                            <input type="radio" class="form-check-input" id="dropdownCheck3-2" name="class" checked="checked">

                            <label class="form-check-label" for="dropdownCheck3-2">

                                Economy

                            </label>

                        </div>

                    </div>

                    <div class="mb-3">

                        <div class="form-check" onclick="calendarChangeClass2('business')">

                            <input type="radio" class="form-check-input" id="dropdownCheck4-2" name="class">

                            <label class="form-check-label" for="dropdownCheck4-2">

                                Business

                            </label>

                        </div>

                    </div>

                </div>

            </div>
        </div>


        <div id="calendar-app-2" style="display: none!important;"></div>

        <style>.phone-text-ad {
                font-size: 12px;
            }

        </style>


        <div>

            <div style="display: flex; flex-direction: row; align-items: center;">

                <div class="phone-text-ad-desktop phone-ad-show-switch" style="display: none;">
                                        <span class="ff-phone-ad-adicon">AD</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16" style="color: #0da30d;">
                        <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"></path>
                    </svg>
                    <a href="tel:+18312710274">+1 (831) 271-0274</a>: Unpublished Flight Rates <strong>From <span id="from-ad"></span> to <span id="to-ad"></span></strong>
                                    </div>

                <div class="phone-text-ad-button">

                    <div onclick="checkPrices2()" style="cursor:pointer;padding: 10px 20px; background-color:#59ca58; color:#fff; display: inline-block; margin-top: 10px; border-radius: 3px;" class="button-six">CHECK PRICES</div>

                </div>

            </div>
                        <div class="phone-text-ad phone-ad-show-switch" style="display: none;">

                <hr style="margin-top: 10px; margin-bottom: 10px;">

                <span class="ff-phone-ad-adicon">AD</span>
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16" style="color: #0da30d;">
                    <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"></path>
                </svg>
                <a href="tel:+18312710274">+1 (831) 271-0274</a>: Unpublished Flight Rates <strong>                        From Olbia
                                             to Cologne
                    </strong>

            </div>
            
        </div>

    </div>
    <div id="popup-overlay-2">

    </div>
</div>
<input id="to2" value="" type="hidden"/>
<input id="from2" value="" type="hidden"/>
<script>

  var from2, to2, firstDate2, lastDate2, selectedStartDate2, selectedEndDate2;
  let cabinclass2 = 'economy';
  let flighttype2 = 'roundtrip'
  var adults2 = 1;
  var children2 = 0;
  let singlePicker = ''
  let overlay = document.getElementById('popup-overlay-2')
  overlay.addEventListener('click', function (event) {

    let calendarPopup = document.getElementById('popup-calendar-independent');

    overlay.style.display = 'none';
    calendarPopup.style.display = 'none';

  });

  function openCalendar2(event) {

    if (typeof picker.destroy === "function") {

      picker.destroy();
    }

    var calendarPopup = document.getElementById('popup-calendar-independent');
    var calendarOverlay = document.getElementById('popup-overlay-2');
    calendarOverlay.style.display = 'block';
    calendarPopup.style.display = 'block';
    //calendar.style.display 		= 'block';

    picker = new easepick.create({
      element: "#calendar-app-2",
      zIndex: 10,
      grid: 2,
      inline: true,
      firstDay: 0,
      calendars: 2,
      autoApply: true,
      format: 'YYYY/MM/DD',
      css: [
        "/css/easypick.css?v=0.55"
      ],
      plugins: [
        "AmpPlugin",
        "KbdPlugin",
        'LockPlugin',
        'RangePlugin',
      ],
      LockPlugin: {
        minDate: new Date(),
      },
      AmpPlugin: {
        darkMode: false,
      },
    });

    picker.on('select', (e) => {

      //selectedDate
      if (typeof picker.getStartDate === "function") {

        var startDate = picker.getStartDate();
        var endDate = picker.getEndDate();

        let day = startDate.getDate();
        let month = startDate.getMonth() + 1;
        let year = startDate.getFullYear();

        if (day < 10) {
          day = '0' + day;
        }
        if (month < 10) {
          month = '0' + month;
        }

        selectedStartDate2 = year.toString() + month.toString() + day.toString();

        let endday = endDate.getDate();
        let endmonth = endDate.getMonth() + 1;
        let endyear = endDate.getFullYear();

        if (endday < 10) {
          endday = '0' + endday;
        }
        if (endmonth < 10) {
          endmonth = '0' + endmonth;
        }

        selectedEndDate2 = endyear.toString() + endmonth.toString() + endday.toString();
      } else {

        var startDate = picker.getDate();

        let day = startDate.getDate();
        let month = startDate.getMonth() + 1;
        let year = startDate.getFullYear();

        if (day < 10) {
          day = '0' + day;
        }
        if (month < 10) {
          month = '0' + month;
        }

        selectedStartDate2 = year.toString() + month.toString() + day.toString();
      }
    });

    // document.getElementById('flight-modal-title').scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
  }

  function buildtime(decimal) {
    const hours = Math.floor(decimal / 60);
    const minutes = Math.floor(decimal % 60);
    let hString
    if (hours > 1 || hours === 0) hString = " hours";
    else hString = " hour";
    let mString
    if (minutes > 1) mString = " minutes";
    else mString = " minute";
    return hours + hString + " and " + minutes + mString;
  }

  function formatDate(inputDate) {
    const monthNames = [
      "Jan", "Feb", "Mar", "Apr", "May", "Jun",
      "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
    ];

    const date = new Date(inputDate);
    const month = date.getMonth();
    const year = date.getFullYear();

    return `${monthNames[month]} ${year}`;
  }

  function calendarChangeType2(type) {

    if (type == 'roundtrip') {
      document.getElementById('calendar-type-2').innerHTML = 'Round trip';

      if (typeof picker.renderAll === "function") {
        picker.PluginManager.addInstance('RangePlugin');
        picker.renderAll();
      }
      if (typeof singlePicker.renderAll === "function") {
        singlePicker.PluginManager.addInstance('RangePlugin');
        singlePicker.renderAll();
      }
      flighttype2 = 'roundtrip';

    } else if (type == 'oneway') {
      document.getElementById('calendar-type-2').innerHTML = 'One way';
      if (typeof picker.renderAll === "function") {
        picker.PluginManager.removeInstance('RangePlugin');
        picker.renderAll();
      }
      if (typeof singlePicker.renderAll === "function") {
        singlePicker.PluginManager.removeInstance('RangePlugin');
        singlePicker.renderAll();
      }
      flighttype2 = 'oneway';
    }

  }

  function calendarChangeClass2(type) {
    if (type == 'economy') {
      document.getElementById('calendar-class-2').innerHTML = 'Economy';
      cabinclass2 = "economy";
    } else if (type == 'business') {
      document.getElementById('calendar-class-2').innerHTML = 'Business';
      cabinclass2 = "business";
    }
  }

  function calendarPassengers2(type) {
    if (type == 'sub-adult') {
      if (adults2 !== 1) {
        adults2 = adults2 - 1;
        updatePassengers2();
      }
    } else if (type == 'add-adult') {
      if (adults2 !== 20) {
        adults2 = adults2 + 1;
        updatePassengers2();
      }
    } else if (type == 'sub-child') {
      if (children2 !== 0) {
        children2 = children2 - 1;
        updatePassengers2();
      }
    } else if (type == 'add-child') {
      if (children2 !== 20) {
        children2 = children2 + 1;
        updatePassengers2();
      }
    }
  }

  function updatePassengers2() {

    document.getElementById('num-adults-2').innerHTML = adults2;
    document.getElementById('num-children-2').innerHTML = children2;

    var textbutton = document.getElementById('calendar-passengers-2');
    var innertext = '';
    if (adults2 == 1) {
      innertext += adults2 + ' adult';
    } else if (adults2 > 1) {
      innertext += adults2 + ' adults';
    }
    if (children2 != 0) {
      var childsum = children2;
      if (childsum > 1) {
        innertext += ' ,' + childsum + ' children';
      } else {
        innertext += ', ' + childsum + ' child';
      }
    }

    textbutton.innerHTML = innertext;
  }

  // function checkPrices2() {
  //
  //   firstDate2 = selectedStartDate2;
  //   lastDate2 = selectedEndDate2;
  //
  //   to2 = document.getElementById('to2').value;
  //   from2 = document.getElementById('from2').value;
  //
  //   var url = '/outbound';
  //   url += '?from=' + from2;
  //   url += '&to=' + to2;
  //   url += '&firstDate=' + firstDate2;
  //   url += '&lastDate=' + lastDate2;
  //   url += '&adults=' + adults2;
  //   url += '&children=' + children2;
  //   url += '&flighttype=' + flighttype2;
  //   url += '&cabinclass=' + cabinclass2;
  //
  //   var calendarPopup = document.getElementById('popup-calendar-independent');
  //   var calendarOverlay = document.getElementById('popup-overlay-2');
  //   calendarOverlay.style.display = 'none';
  //   calendarPopup.style.display = 'none';
  //
  //   // outbound
  //   window.open(url + '&page=cheapflights&label=cheapflightsearchbar', '_blank').focus();
  //   location.href = url + '&label=cheapflightsearchbar';
  // }

  document.addEventListener('DOMContentLoaded', function () {
    // Находим все элементы с классом dropdown-toggle
    const toggles = document.querySelectorAll('.dropdown-toggle');

    toggles.forEach(toggle => {
      toggle.addEventListener('click', function (e) {
        e.stopPropagation(); // Останавливаем всплытие события

        // Находим соответствующее меню
        const menu = toggle.nextElementSibling;

        // Скрываем все открытые меню, кроме текущего
        document.querySelectorAll('.dropdown-menu').forEach(otherMenu => {
          if (otherMenu !== menu) {
            otherMenu.classList.remove('show');
          }
        });

        // Переключаем видимость текущего меню
        menu.classList.toggle('show');
      });
    });

    // Отключаем закрытие меню при клике внутри него
    const dropdownMenus = document.querySelectorAll('.dropdown-menu');
    dropdownMenus.forEach(menu => {
      menu.addEventListener('click', function (e) {
        e.stopPropagation(); // Останавливаем всплытие, чтобы меню не закрывалось
      });
    });

    // Закрытие меню при клике вне меню
    document.addEventListener('click', function () {
      document.querySelectorAll('.dropdown-menu').forEach(menu => {
        menu.classList.remove('show');
      });
    });
  });

  function checkPrices2() {

    alert.style.display = 'none';

    let url = '';
    firstDate2 = selectedStartDate2;
    lastDate2 = selectedEndDate2;
    if(!firstDate2) return;
    from2 = document.getElementById('from2').value;
    to2 = document.getElementById('to2').value;
    url = '/outbound/search?s=airportspage-map&adults=' + parseInt(adults2) + '&children=' + parseInt(children2) + '&class=' + cabinclass2.replace(' ', '+') + '&rtn=' + flighttype2.replace(' ', '+') + '&date=' + firstDate2 + '&dateto=' + lastDate2 + '&from=' + from2 + '&to=' + to2 + '&label=' + 'headersearch_checkprices' + '&page=' + currentUrl + '&showstops=1';

    window.open(url + '&page=cheapflights', '_blank');
    location.href = url;

    // closedates();

  }

</script>

    
    <section class="ff-content">

        <div class="uk-container">

            <h1 class="ff-schedule-h1">


                Direct flight tickets from Olbia to Cologne


            </h1>

            <p> <script async src="https://tpembd.com/content?currency=usd&trs=188669&shmarker=217205&show_hotels=false&powered_by=false&locale=en&searchUrl=search.airtickets.click%2Fflights&primary_override=%2332a8dd&color_button=%2332a8dd&color_icons=%2332a8dd&dark=%23262626&light=%23FFFFFF&secondary=%23FFFFFF&special=%23C4C4C4&color_focused=%2332a8dd&border_radius=7&no_labels=&plain=true&promo_id=7879&campaign_id=100" charset="utf-8"></script>

                All flight schedules from <strong>Olbia Costa Smeralda Airport, Italy</strong> to <strong>Cologne Bonn Airport, Germany</strong>.
                This route is operated by
                                                        Eurowings
                                                    and the flight time is 2 hours and 00 minutes.
                
                                    The distance is 701 miles.
                
            <br /><br />
               <script async src="https://tpembd.com/content?currency=usd&trs=188669&shmarker=217205&color_button=%23FF0000&target_host=search.airtickets.click%2Fflights&locale=en&powered_by=false&with_fallback=false&non_direct_flights=true&min_lines=5&border_radius=0&color_background=%23FFFFFF&color_text=%23000000&color_border=%23FFFFFF&promo_id=2811&campaign_id=100" charset="utf-8"></script> 
            </p>
            <div class="uk-flex" style="flex-wrap: wrap;">
                <div class="shortcut-button"><a href="#ff-tab-0">Monthly schedule</a></div>
                <div class="shortcut-button uk-position-relative shortcut-button-airlines">
                    <a href="#ff-tab-1">
                        Week schedules
                                            </a>
                                    </div>
                <div class="shortcut-button"><a href="#direct-airlines">Airlines</a></div>
                <div class="shortcut-button"><a href="#aircrafts">Aircrafts</a></div>
                <div class="shortcut-button-green"><span  onclick="initDatePlugin('OLB','CGN', '', 'route_button_underh1')">Price search</span></div>
            </div>
            
        </div>

    </section>


    <div class="uk-container uk-margin-top">

        <div class="uk-grid">

            <!-- Left grid -->

            <div class="uk-width-1-1 uk-width-2-3@m">

                <!-- Route information With map bakgrund -->

                <div class="ff-flight-background">

                    <!-- Mobile flight information -->

                    <div class="uk-flex uk-hidden@m">

                        <div class="ff-schedule-header-box uk-width-1-2" style="margin-right: 5px; position: relative;">

                            <div><strong>OLB</strong> Olbia Costa Smeralda Airport</div>

                            <div class="uk-flex uk-flex-center">

                                <div style="width: 18px;">

                                    <img src="https://images.flightsfrom.com/flags2/it.svg" alt="Italy" uk-tooltip="Italy" class="ff-text-country-img1">

                                </div>

                                <div>
                                    Olbia, Italy
                                </div>

                            </div>

                        </div>

                        <div class="ff-schedule-header-box uk-width-1-2" style="margin-left: 5px; position: relative;">

                            <div style="background-color:#86c5df; color:#fff; position: absolute; left: -15px; top: calc( 50% - 10px ); border-radius: 30px; width: 20px; height: 20px;"><span uk-icon="arrow-right"></span></div>

                            <div><strong>CGN</strong> Cologne Bonn Airport</div>

                            <div class="uk-flex uk-flex-center">

                                <div style="width: 18px;">

                                    <img src="https://images.flightsfrom.com/flags2/de.svg" alt="Germany" uk-tooltip="Germany" class="ff-text-country-img1">

                                </div>

                                <div>
                                    Cologne, Germany
                                </div>
                            </div>

                        </div>

                    </div>


                    <div class="uk-grid uk-grid-small uk-hidden@m" style="margin-top: 10px;">

                        <div class="uk-width-1-2 uk-text-center">
                                                            <a href="CGN-OLB.html" class="ff-schedule-header-box" style="display: inline-block; padding: 5px 20px; font-size: 10px; background-color: #86c5df; color: #fff; font-weight: 400;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-arrow-left-right" viewBox="0 0 16 16">
                                        <path fill-rule="evenodd" d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z"/>
                                    </svg>
                                    CHANGE DIRECTION
                                </a>
                            
                            <div>

                                <div class="uk-text-center" style="font-size: 10px; font-weight: 500; color:#8a8a8a; text-transform: uppercase;">Flight time</div>

                                <div class="uk-text-center" style="font-size: 12px;"><strong>2h 00m</strong></div>

                            </div>

                            <div class="uk-margin-small-top">

                                <div class="uk-text-center" style="font-size: 10px; font-weight: 500; color:#8a8a8a; text-transform: uppercase;">Flight distance</div>

                                <div class="uk-text-center" style="font-size: 12px;"><strong>701mi, 1128km</strong></div>

                            </div>

                        </div>

                        <div class="uk-width-1-2">

                            <div class="uk-position-relative" href="#modal-map" uk-toggle>

                                <img src="routes/OLB-CGN.png" alt="Flights from Olbia to Cologne route map" style="width: 100%; border-radius: 5px; cursor: pointer;">
                                <div class="ff-map-explore"> VIEW LARGER MAP</div>

                            </div>

                        </div>


                        <!-- -->
                        <div id="modal-map" class="uk-flex-top" uk-modal>
                            <div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical" style="padding: 2px;">

                                <button class="uk-modal-close-default" type="button" uk-close></button>

                                <div>

                                    <img href="#modal-map" uk-toggle src="routes/OLB-CGN.png" alt="Olbia to Cologne flight map" style="width: 100%;">

                                </div>

                                <div class="uk-text-center uk-padding-small ">

                                    <a class="ff-button-classic uk-display-inline-block uk-margin-small-bottom" target="_blank" href="https://www.airtickets.click/explorer/OLB?mapview#CGN">SHOW ROUTE ON THE MAP EXPLORER</a>

                                    <div></div>

                                    <div class="ff-button-explore uk-display-inline-block" onclick="initDatePlugin('OLB','CGN', '', 'route_button_undermap_checkprices')">CHECK PRICES</div>

                                </div>

                            </div>
                        </div>


                    </div>
                    <!-- -->


                    <!-- /Mobile flight information -->


                    <!-- Desktop flight information -->

                    <div class="uk-grid uk-grid-small uk-visible@m">

                        <div class="uk-width-1-6 uk-text-left">

                            <div class="ff-text-country uk-flex">

                                <div class="ff-text-country-flag" style="margin-right: 5px;">
                                    <img src="https://images.flightsfrom.com/flags2/it.svg" alt="Italy" uk-tooltip="Italy" style="padding-bottom: 2px;">
                                </div>

                                <div>
                                    Italy
                                </div>

                            </div>
                            <div class="ff-text-giant"><a href="OLB.html">OLB</a></div>
                            <div class="ff-text-city">Olbia</div>


                        </div>

                        <div class="uk-width-2-3 uk-text-center uk-position-relative uk-margin-top">

                            <div class="ff-arc"></div>

                            <img src="img/routes/plane.png" alt="aircraft image" style="position: absolute; left: 45%; right: 50%; top: -25px;">

                        </div>

                        <div class="uk-width-1-6 uk-text-right">

                            <div class="ff-text-country uk-flex">

                                <div class="uk-width-expand">
                                    Germany
                                </div>

                                <div class="ff-text-country-flag" style="margin-left: 5px; text-align: right;">
                                    <img src="https://images.flightsfrom.com/flags2/de.svg" alt="Germany" uk-tooltip="Germany" style="padding-bottom: 2px;">
                                </div>

                            </div>
                            <div class="ff-text-giant"><a href="CGN.html">CGN</a></div>
                            <div class="ff-text-city">Cologne</div>

                        </div>

                    </div>

                    <div class="uk-grid uk-grid-small uk-visible@m">

                        <div class="uk-width-1-3 uk-text-left">

                            <div class="uk-text-center uk-display-inline-block">

                                <div class="ff-text-bold" style="font-weight: 600;">Distance</div>

                                <div class="ff-text-background">701 miles · (1128 km)</div>

                            </div>

                        </div>

                        <div class="uk-width-1-3 uk-text-center">
                                                            <div class="uk-text-center uk-display-inline-block">
                                    <a href="CGN-OLB.html" style="display: inline; font-size: 14px; background-color: #86c5df; color: #fff; padding: 5px 10px; border-radius: 5px">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-arrow-left-right" viewBox="0 0 16 16">
                                            <path fill-rule="evenodd" d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z"/>
                                        </svg>
                                        CHANGE DIRECTION</a>

                                </div>
                                                    </div>

                        <div class="uk-width-1-3 uk-text-right">

                            <div class="uk-text-center uk-display-inline-block">

                                <div class="ff-text-bold" style="font-weight: 600;">Flight time</div>

                                <div class="ff-text-background">2 hours and 00 minutes</div>

                            </div>

                        </div>

                    </div>


                    <!-- /Desktop flight information -->


                    <style>.ff-routes-days {
                            display: flex;
                            flex-direction: row;
                        }

                        .ff-routes-days div:last-child {
                            margin-right: 0px;
                        }

                        .ff-align-flex {
                            align-items: center;
                        }

                        @media screen and ( max-width: 640px ) {

                            .ff-align-flex {
                                align-items: flex-end;
                            }

                            .ff-routes-days {
                                justify-content: flex-end;
                            }

                            .ff-sub-header {
                                font-size: 16px;
                                font-weight: 500;
                                text-align: left;
                                margin-top: 5px;
                                margin-bottom: 10px;
                            }

                            .ff-sub-text {
                                margin-top: 0;
                                margin-bottom: 10px;
                            }

                            .ff-route-info {
                                display: inline-block;
                                float: right;
                            }

                        }

                        .ff-route-info {
                            font-weight: 400;
                            margin-top: 5px;
                        }
                    </style>

                    <!-- Route information -->

                    
                        <div class="ff-route-box" id="direct-airlines">

                            <h3 class="ff-sub-header">Airlines that fly direct from Olbia (OLB) to Cologne (CGN)</h3>

                            <ul class="uk-list uk-list-divider uk-margin-remove-bottom">

                                
                                    <li style="cursor: pointer;" onclick="scrollToTabs('1')">

                                        <div class="uk-grid uk-grid-small ff-align-flex">

                                            <div class="uk-width-1-2 uk-width-1-4@s">

                                                <div class="uk-flex uk-flex-middle">

                                                    <div class="">

                                                        <div class="ff-image-wrap" tabindex="0" aria-haspopup="true" aria-expanded="false" style="margin-right: 10px;">
                                                            <div class="ff-image-container" style="height: 35px;">
                                                                <img class="ff-image-airline" src="https://images.flightsfrom.com/airlines/100/EW_100px.png" alt="Eurowings" title="Eurowings">
                                                            </div>
                                                        </div>

                                                    </div>

                                                    <div>

                                                        <div class="ff-text-bold ff-text-small-mobile">Eurowings</div>
                                                        <div class="ff-text-uppercase ff-text-small ff-text-small-mobile">

                                                            
                                                        </div>

                                                    </div>

                                                </div>

                                            </div>

                                            <div class="uk-width-1-2 uk-width-1-4@s">

                                                <div class="ff-routes-days">

                                                    
                                                        <div class="flightsfrom-list-days disabled upcoming">S</div>
                                                        <div class="flightsfrom-list-days disabled upcoming">M</div>
                                                        <div class="flightsfrom-list-days disabled upcoming">T</div>
                                                        <div class="flightsfrom-list-days disabled upcoming">W</div>
                                                        <div class="flightsfrom-list-days disabled upcoming">T</div>
                                                        <div class="flightsfrom-list-days disabled upcoming">F</div>
                                                        <div class="flightsfrom-list-days disabled upcoming">S</div>

                                                    
                                                </div>


                                                
                                            </div>

                                            <div class="uk-width-1-2 uk-width-1-4@s uk-text-left uk-text-center@s ff-text-bold ff-text-small-mobile">

                                                
                                                    <span class="uk-display-inline-block ">Low-cost airline</span>

                                                
                                            </div>

                                            <div class="uk-width-1-2 uk-width-1-4@s uk-text-right">

                                                <div class="ff-text-bold ff-text-small-mobile">
                                                        

                                                </div>
                                                
                                            </div>

                                        </div>

                                    </li>

                                
                            </ul>

                            <div class="uk-text-right">
                                                                    <a target="_blank" href="https://www.airtickets.click/r/go/eyJpdiI6Ink2a1dEMnoxcnlnM09tWHR2OXBBcHc9PSIsInZhbHVlIjoiK3ZsK2JvK3BoREdtdmdJdHM0S01kVlpySGRScStrYTd5d2tvRUFjM085eFVad0dRcTJoZDZaRXRJeUVOcHBacSIsIm1hYyI6ImUzMGRiMWU1NWVjNGQxOGZkYjFmMTM3ZDg3OTBmYTg5NGFhNTg5MjYxOTU5ZDBmMjU3MjBiMWZjMDMxMjQyMGMiLCJ0YWciOiIifQ==" class="select-dates-fixed-btn button-six" style="margin-top: 20px; margin-top: 20px; background: #fff; border: 1px solid #333; color: #333;">FLIGHTS WITH STOPS<span class="uk-icon" uk-icon="chevron-right" style="width: 20px;"></span></a>
                                
                                <div class="select-dates-fixed-btn button-six" style="margin-top: 20px;" onclick="initDatePlugin('OLB','CGN','', 'route_button_underairlines_checkprices')"><span class="uk-visible@m">SELECT DATES & </span>SHOW PRICES<span class="uk-icon" uk-icon="chevron-right" style="width: 20px;"></span></div>
                            </div>

                        </div>

                                        <div class="select-dates-fixed" id="fixed-bottom" onclick="initDatePlugin('OLB','CGN','', 'route_button_sticky_checkprices')">

    <span class="select-dates-fixes-span">

        OLB

        <svg enable-background="new 0 0 512 512" width="12" height="12" style="transform: rotate(90deg);" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path
                    d="m488.5 318.9-184.5-136v-86.8c0-23.8-23.8-96.1-47.7-96.1-23.8 0-47.6 71.4-47.6 96.1v87.6l-184.5 136.1c-4.3 3.4-6.8 7.7-6.8 12.8v3.4c0 5.1 2.6 9.4 6 12.8 4.3 3.4 8.5 4.3 13.6 2.5l171.8-45.9v30.6 102.9l-57 40.8c-4.3 3.4-6.8 7.7-6.8 13.6v2.6c0 5.1 2.6 9.4 6 12.8 4.3 3.4 9.4 4.3 13.6 2.5l91.9-32.3 91 30.6c5.1 1.7 10.2.8 13.6-2.5 4.3-3.4 6-7.7 6-12.8v-2.5c0-5.1-2.5-10.2-6.8-13.6l-57-40.8v-102.2-30.6l171.8 45.9c5.1.9 10.2 0 13.6-2.5 4.3-3.4 6-7.7 6-12.8v-3.4c.6-5.1-1.9-10.2-6.2-12.8z"
                    fill="#333"/></svg>

        CGN</span>

                        <div class="select-dates-from">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar3" viewBox="0 0 16 16">
                                <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/>
                                <path d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
                            </svg>

                            Select dates

                        </div>

                        <div class="select-dates-fixed-btn button-six">

                            Check prices

                        </div>

                    </div>


                    

                    <style>.ff-tabs {
                            margin-left: 0px;
                            width: calc(100% + 0px);
                            max-width: calc(100% + 40px);
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            font-size: 12px;
                            margin-bottom: 10px;
                            background-color: #fff;
                            border-bottom: 1px solid #c8c9c9;

                        }

                        .ff-tab-active {

                            background-color: #87c5df;
                            border-radius: 5px 5px 0 0;
                            height: 40px;
                            color: #333;
                            font-weight: 400;
                            padding-left: 10px;
                            padding-right: 10px;
                            padding-top: 12px;

                        }

                        .ff-tab-right {

                            border-radius: 5px 5px 0 0;
                            height: 40px;
                            color: #999;


                            overflow: hidden;
                            overflow-x: auto;
                            -ms-overflow-style: none; /* IE and Edge */
                            scrollbar-width: none; /* Firefox */
                        }

                        .ff-tab-right::-webkit-scrollbar {
                            display: none;
                        }

                        .ff-tab-items {

                            width: 100%;
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            height: 100%;

                        }

                        .ff-tab-item {

                            padding-left: 10px;
                            padding-right: 10px;
                            border-right: 1px solid #fff;
                            display: flex;
                            flex-direction: row;
                            align-items: center;
                            font-weight: 400;
                            font-size: 16px;
                            color: #333;
                            height: 100%;
                            cursor: pointer;

                            background: #f4f4f4;
                        }

                        .ff-tab-items .ff-tab-item:first-child {

                            border-radius: 5px 0 0 0;
                        }

                        .ff-tab-items .ff-tab-item:last-child {

                            border-right: 0;
                            border-radius: 0 5px 0 0;
                        }

                        .ff-tab-item .ff-image-airline {
                            width: 20px;
                            height: 20px;
                        }

                        .ff-tab-item .ff-image-container {
                            width: 25px;
                        }

                        .ff-tab-item .ff-image-container:after {
                            width: 20px;
                            height: 20px;
                        }

                        .ff-tab-item.active {
                            background-color: #87c5df;
                            color: #fff;
                        }

                        .ff-tab-items .ff-tab-item.active:first-child {

                            border-radius: 5px 0 0 0;
                        }

                        .tab-result {
                            padding-top: 10px;
                        }

                        .color-calendar.basic .calendar__header {
                            padding: 0;
                        }

                        @media screen and ( max-width: 640px ) {

                            .color-calendar.basic {
                                background-color: #ffffff;
                            }

                            .ff-tabs {
                                margin-left: -10px;
                                width: calc(100% + 20px);
                                max-width: calc(100% + 20px);
                                margin-top: -10px;
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                font-size: 12px;
                                margin-bottom: 0px;
                                border-bottom: 0;
                            }

                            .ff-tab-active {

                                background-color: #fff;
                                border-radius: 5px 0 0 0;
                                height: 40px;
                                color: #333;
                                font-weight: 400;
                                padding-left: 10px;
                                padding-right: 10px;
                                padding-top: 12px;
                            }

                            .ff-tab-right {

                                border-radius: 5px 5px 0 0;
                                height: 40px;
                                color: #999;
                                background: rgb(244, 244, 244);
                                background: linear-gradient(180deg, rgba(244, 244, 244, 1) 0%, rgba(240, 240, 240, 1) 100%);

                                overflow: hidden;
                                overflow-x: auto;
                                -ms-overflow-style: none; /* IE and Edge */
                                scrollbar-width: none; /* Firefox */
                            }

                            .ff-tab-right::-webkit-scrollbar {
                                display: none;
                            }

                            .ff-tab-items {

                                width: 100%;
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                height: 100%;
                            }

                            .ff-tab-item {

                                padding-left: 10px;
                                padding-right: 10px;
                                border-right: 1px solid #e5e5e5;
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                font-weight: 400;
                                color: #333;
                                height: 100%;
                                cursor: pointer;
                                border-bottom: 0px;
                                font-size: 12px;
                            }

                            .ff-tab-items .ff-tab-item:first-child {

                                border-radius: 5px 0 0 0;
                            }

                            .ff-tab-items .ff-tab-item:last-child {

                                border-right: 0;
                            }

                            .ff-tab-item .ff-image-airline {
                                width: 20px;
                                height: 20px;
                            }

                            .ff-tab-item .ff-image-container {
                                width: 25px;
                            }

                            .ff-tab-item .ff-image-container:after {
                                width: 20px;
                                height: 20px;
                            }

                            .ff-tab-item.active {
                                background-color: #fff;
                                border-right: 1px solid #fff;
                                border-bottom: 0;
                                color: #333;
                            }

                            .ff-tab-items .ff-tab-item.active:first-child {

                                border-radius: 5px 0 0 0;
                            }

                            .tab-result {
                                padding-top: 10px;
                            }

                        }


                    </style>

                    <style>.ff-box-day {
                            font-size: 14px;
                            font-weight: 400;
                            text-align: center;
                            display: block;
                        }

                        .ff-box-date {
                            font-size: 12px;
                            font-weight: 200;
                            text-align: center;
                            margin-top: 5px;
                        }

                        .ff-box-dark {
                            font-size: 14px;
                            background-color: #94c3de;
                            margin-right: 5px;
                            margin-bottom: 5px;
                            border-radius: 2px;
                            padding: 10px 2px;
                            text-align: center;
                            color: #fff;
                            font-weight: 400;
                            position: relative;
                            transition: all .3s ease 0s;
                        }

                        .ff-box-dark:hover {
                            background-color: #74a3be;
                        }

                        .ff-box-dark.active {
                            background-color: #e67e22;
                        }

                        .ff-box-light {
                            font-size: 14px;
                            background-color: #fafafa;
                            margin-right: 3px;
                            margin-bottom: 3px;
                            border-radius: 2px;
                            padding: 10px 2px;
                            text-align: center;
                            color: #999;
                        }

                        .ff-box-line {
                            background-color: #fff;
                            margin-right: 5px;
                            margin-bottom: 5px;
                            border-radius: 2px;
                            padding: 10px 2px;
                            text-align: center;
                            color: #999;
                            border: 1px solid #f7f7f7;
                            font-size: 14px;
                            font-weight: 400;
                        }

                        @media screen and ( max-width: 640px ) {

                            .ff-box-day {
                                font-size: 11px;
                                font-weight: 400;
                                text-align: center;
                            }

                            .ff-box-date {
                                font-size: 11px;
                                font-weight: 200;
                                text-align: center;
                                margin-top: 2px;
                            }

                            .ff-box-dark {
                                font-size: 11px;
                                background-color: #94c3de;
                                margin-right: 3px;
                                margin-bottom: 3px;
                                border-radius: 3px;
                                padding: 10px 2px;
                                text-align: center;
                                color: #fff;
                                font-weight: 400;
                                position: relative;
                                transition: all .3s ease 0s;
                            }

                            .ff-box-dark.active {
                                background-color: #e67e22;
                            }

                            .ff-box-light {
                                font-size: 11px;
                                background-color: #fafafa;
                                margin-right: 3px;
                                margin-bottom: 3px;
                                border-radius: 3px;
                                padding: 10px 2px;
                                text-align: center;
                                color: #999;
                            }

                            .ff-box-line {
                                background-color: #fff;
                                margin-right: 3px;
                                margin-bottom: 3px;
                                border-radius: 3px;
                                padding: 10px 2px;
                                text-align: center;
                                color: #999;
                                border: 1px solid #f7f7f7;
                                font-size: 11px;
                            }

                        }

                    </style>


                    
                        <div id="ff-route-box" class="ff-route-box">

                            <div class="ff-tabs">

                                <div class="ff-tab-right uk-width-expand">

                                    <div class="ff-tab-items">

                                        <div id="ff-tab-0" onclick="clickTabs('0')" class="ff-tab-item active">MONTHLY</div>

                                            
                                        
                                            <div id="ff-tab-1" onclick="clickTabs('1')" class="ff-tab-item">

                                                <div class="ff-image-container" style="position: relative;">

                                                    <img class="ff-image-airline" src="https://images.flightsfrom.com/airlines/100/EW_100px.png" alt="EW">

                                                </div>

                                                <div>WEEKLY</div>

                                            </div>

                                                
                                        
                                    </div>

                                </div>

                            </div>


                            <div id="tab0" class="tab-result">

                                <h3 class="ff-sub-header">Olbia (OLB) to Cologne (CGN) flight schedule</h3>

                                <p class="ff-sub-text">

                                    The monthly calendar shows every direct flight departure from Olbia Costa Smeralda Airport (OLB) with all airlines. Click on a date to see a list of flights or search for the best prices.

                                </p>

                                <div class="uk-grid uk-grid-small uk-flex-middle">

                                    <div id="color-calendar" class="uk-width-1-1"></div>
                                    <div class="uk-flex" style="flex-wrap: wrap; width: 100%;">
                                                                            </div>
                                                                            <p class="uk-margin-small-top"><a href="CGN-OLB.html" target="_blank">View return flights from CGN to OLB
                                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
                                                <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"></path>
                                            </svg>
                                        </a></p>
                                                                        <div class="calendar-overlay" style="display: none" id="calendar-overlay">
                                        <span uk-spinner="ratio: 3"></span>
                                    </div>
                                    
                                </div>

                            </div>


                            <style>.calendar-overlay {
                                    z-index: 1000;
                                    position: absolute;
                                    margin-left: 44%;
                                }

                                .tab-schedule-header {
                                    display: flex;
                                    flex-direction: row;
                                    align-items: center;
                                    margin-bottom: 20px;
                                    margin-top: 30px;
                                }

                                .tab-schedule-text {
                                    font-weight: 600;
                                    cursor: pointer;
                                }

                                .tab-result {
                                    position: relative;
                                }

                                .ff-tab-overlay {
                                    position: absolute;
                                    opacity: 0.8;
                                    background-color: #fff;
                                    z-index: 2;
                                    display: none;
                                    text-align: center;
                                    padding-top: 100px;
                                }

                                .ff-text-country {
                                    font-size: 12px;
                                    font-weight: 500;
                                }

                                .ff-text-country-flag {
                                    width: 14px;
                                }

                                @media screen and ( max-width: 640px ) {

                                    .color-calendar .calendar__monthyear {
                                        font-size: 16px !important;
                                    }
                                }

                                .ff-font-xl {
                                    font-size: 18px;
                                }

                                .ff-font-l {
                                    font-size: 16px;
                                }

                                .ff-font-m {
                                    font-size: 14px;
                                }

                                .ff-font-s {
                                    font-size: 12px;
                                }

                                .ff-font-xs {
                                    font-size: 11px;
                                }

                                .ff-font-regular {
                                    font-weight: 200;
                                }

                                .ff-font-strong {
                                    font-weight: 400;
                                }

                                .ff-font-bold {
                                    font-weight: 600;
                                }

                                .ff-font-blue {
                                    color: #94c3de;
                                }

                                .ff-text-bold {
                                    font-weight: 500;
                                }

                                .ff-text-uppercase {
                                    text-transform: uppercase;
                                }

                                .ff-text-giant {
                                    font-size: 50px;
                                    font-weight: 600;
                                    line-height: 40px;
                                }

                                .ff-text-country {
                                    font-size: 12px;
                                    font-weight: 500;
                                    min-width: 100px;
                                }

                                .ff-text-city {
                                    font-size: 18px;
                                    font-weight: 500;
                                }

                                .ff-text-small {
                                    font-size: 11px;
                                }

                                .ff-text-color-light {
                                    color: #999;
                                }

                                .ff-button-availability {
                                    border-radius: 3px;
                                    background-color: #5fb362;
                                    color: #fff;
                                    padding: 8px 30px;
                                    text-align: center;
                                    font-weight: 400;
                                    text-transform: uppercase;
                                    font-size: 14px;
                                    display: inline-block;
                                }

                                .ff-box-divider {
                                    padding-bottom: 5px;
                                    margin-bottom: 5px;
                                    border-bottom: 1px solid #e5e5e5;
                                }


                                #tab1, #tab2, #tab3, #tab4, #tab5, #tab6, #tab7, #tab8, #tab9, #tab10, #tab11, #tab12, #tab13, #tab14, #tab15 {
                                    display: none;
                                }

                                .ff-day-close {
                                    position: absolute;
                                    right: 10px;
                                    top: 10px;
                                    cursor: pointer;
                                }

                                .ff-week-container {
                                    position: relative;
                                }

                                .ff-day-infobox {
                                    position: absolute;
                                    left: 0px;
                                    right: 0px;
                                    padding: 20px;
                                    background-color: #fff;
                                    display: none;
                                    z-index: 500;
                                }

                                .noselect {
                                    -webkit-touch-callout: none; /* iOS Safari */
                                    -webkit-user-select: none; /* Safari */
                                    -khtml-user-select: none; /* Konqueror HTML */
                                    -moz-user-select: none; /* Old versions of Firefox */
                                    -ms-user-select: none; /* Internet Explorer/Edge */
                                    user-select: none;
                                    /* Non-prefixed version, currently
                                          supported by Chrome, Edge, Opera and Firefox */
                                }

                            </style>


                                
                            
                                <div id="tab1" class="tab-result">

                                    <div class="ff-tab-overlay">

                                        <span uk-spinner="ratio: 3"></span>

                                    </div>


                                    <h3 class="ff-sub-header" style="margin-top: 5px;">Eurowings flight schedule from Olbia to Cologne</h3>

                                    <p class="ff-sub-text">

                                        All weekly departures with Eurowings. The week calendar shows every flight departure from Olbia (OLB) to Cologne (CGN). Click on a blue date to see a list of flights.

                                    </p>
                                        
                                            <!-- Week header -->

                                    <div class="tab-schedule-header">

                                        <div style="width: 20px; margin-left: 20px; cursor: pointer;" onclick="changeWeekArrow('left', 'EW')">
                                            <div uk-icon="icon: chevron-left; ratio: 1;"></div>
                                        </div>

                                        <div class="uk-width-expand tab-schedule-text uk-text-center">

                                            <div>
                                                                                                    <span id="ff-date-1">
                                                        Week 46 (Nov 10 - Nov 16)
                                                    </span>
                                                                                                <div uk-icon="icon: chevron-down; ratio: 0.8;"></div>
                                            </div>

                                            <div id="ff-dropdown-1" uk-dropdown="mode: click; pos: bottom-center" style="max-height: 200px; overflow-y: auto;">

                                                <ul class="uk-list uk-list-divider uk-text-left">

                                                                                                                                                                        <li onclick="changeWeek( '2025-11-02', '1', 'Week 44 (Oct 27 - Nov 2)', '0', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 44 (Oct 27 - Nov 2)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2025-11-09', '1', 'Week 45 (Nov 3 - Nov 9)', '1', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 45 (Nov 3 - Nov 9)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2025-11-16', '1', 'Week 46 (Nov 10 - Nov 16)', '2', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 46 (Nov 10 - Nov 16)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2025-11-23', '1', 'Week 47 (Nov 17 - Nov 23)', '3', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 47 (Nov 17 - Nov 23)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2025-11-30', '1', 'Week 48 (Nov 24 - Nov 30)', '4', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 48 (Nov 24 - Nov 30)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2025-12-07', '1', 'Week 49 (Dec 1 - Dec 7)', '5', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 49 (Dec 1 - Dec 7)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2025-12-14', '1', 'Week 50 (Dec 8 - Dec 14)', '6', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 50 (Dec 8 - Dec 14)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2025-12-21', '1', 'Week 51 (Dec 15 - Dec 21)', '7', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 51 (Dec 15 - Dec 21)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2025-12-28', '1', 'Week 52 (Dec 22 - Dec 28)', '8', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 52 (Dec 22 - Dec 28)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-01-04', '1', 'Week 1 (Dec 29 - Jan 4)', '9', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 1 (Dec 29 - Jan 4)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-01-11', '1', 'Week 2 (Jan 5 - Jan 11)', '10', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 2 (Jan 5 - Jan 11)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-01-18', '1', 'Week 3 (Jan 12 - Jan 18)', '11', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 3 (Jan 12 - Jan 18)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-01-25', '1', 'Week 4 (Jan 19 - Jan 25)', '12', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 4 (Jan 19 - Jan 25)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-02-01', '1', 'Week 5 (Jan 26 - Feb 1)', '13', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 5 (Jan 26 - Feb 1)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-02-08', '1', 'Week 6 (Feb 2 - Feb 8)', '14', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 6 (Feb 2 - Feb 8)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-02-15', '1', 'Week 7 (Feb 9 - Feb 15)', '15', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 7 (Feb 9 - Feb 15)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-02-22', '1', 'Week 8 (Feb 16 - Feb 22)', '16', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 8 (Feb 16 - Feb 22)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-03-01', '1', 'Week 9 (Feb 23 - Mar 1)', '17', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 9 (Feb 23 - Mar 1)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-03-08', '1', 'Week 10 (Mar 2 - Mar 8)', '18', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 10 (Mar 2 - Mar 8)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-03-15', '1', 'Week 11 (Mar 9 - Mar 15)', '19', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 11 (Mar 9 - Mar 15)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-03-22', '1', 'Week 12 (Mar 16 - Mar 22)', '20', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 12 (Mar 16 - Mar 22)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-03-29', '1', 'Week 13 (Mar 23 - Mar 29)', '21', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 13 (Mar 23 - Mar 29)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-04-05', '1', 'Week 14 (Mar 30 - Apr 5)', '22', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 14 (Mar 30 - Apr 5)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-04-12', '1', 'Week 15 (Apr 6 - Apr 12)', '23', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 15 (Apr 6 - Apr 12)</li>
                                                                                                                                                                                                                                <li onclick="changeWeek( '2026-04-19', '1', 'Week 16 (Apr 13 - Apr 19)', '24', 'EW' )" style="font-size: 12px; font-weight: 400; cursor: pointer;">Week 16 (Apr 13 - Apr 19)</li>