}
	}



	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 -->

                    <!-- /Route information -->


                    <!-- FAQ -->
                    
                        
                            
                                <div class="ff-route-box">

                                    <div id="faq" class="home-bg-part up-padding-small" itemscope itemtype="https://schema.org/FAQPage">

                                        <div class="content-container uk-container-xsmal content-container-text" style=" padding-bottom: 20px;">

                                            <h3 class="ff-sub-header uk-padding-remove-top">Frequently Asked Questions about Flights (FAQ)</h3>

                                            <div>

                                                <ul class="qaa-list">

                                                    
                                                        <li>

                                                            <div class="qaa-container" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">

                                                                <input type="checkbox" id="qaa-question0" name="faq0" class="qaa-checkbox">

                                                                <label for="qaa-question0" style="cursor: pointer">

                                                                    <div class="qaa-question" itemprop="name">

                                                                        How long does a flight from Okayama (OKJ) to Kaohsiung (KHH) take?

                                                                    </div>

                                                                </label>

                                                                <div class="qaa-answers" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">

                                                                    <div itemprop="text">

                                                                        The flight between Okayama (OKJ) and Kaohsiung (KHH) typically takes about 3 hour and 23 minute.

                                                                    </div>

                                                                </div>

                                                                <label for="qaa-question0" class="qaa-icon"></label>

                                                            </div>

                                                        </li>

                                                    
                                                        <li>

                                                            <div class="qaa-container" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">

                                                                <input type="checkbox" id="qaa-question1" name="faq1" class="qaa-checkbox">

                                                                <label for="qaa-question1" style="cursor: pointer">

                                                                    <div class="qaa-question" itemprop="name">

                                                                        How many flights per week are there on this route?

                                                                    </div>

                                                                </label>

                                                                <div class="qaa-answers" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">

                                                                    <div itemprop="text">

                                                                        There are 3 direct flights between Okayama and Kaohsiung every week.

                                                                    </div>

                                                                </div>

                                                                <label for="qaa-question1" class="qaa-icon"></label>

                                                            </div>

                                                        </li>

                                                    
                                                        <li>

                                                            <div class="qaa-container" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">

                                                                <input type="checkbox" id="qaa-question2" name="faq2" class="qaa-checkbox">

                                                                <label for="qaa-question2" style="cursor: pointer">

                                                                    <div class="qaa-question" itemprop="name">

                                                                        What is the flight number on the route from Okayama to Kaohsiung?

                                                                    </div>

                                                                </label>

                                                                <div class="qaa-answers" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">

                                                                    <div itemprop="text">

                                                                        The flight number is IT263 and it&#039;s operated by Tigerair Taiwan.

                                                                    </div>

                                                                </div>

                                                                <label for="qaa-question2" class="qaa-icon"></label>

                                                            </div>

                                                        </li>

                                                    
                                                        <li>

                                                            <div class="qaa-container" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">

                                                                <input type="checkbox" id="qaa-question3" name="faq3" class="qaa-checkbox">

                                                                <label for="qaa-question3" style="cursor: pointer">

                                                                    <div class="qaa-question" itemprop="name">

                                                                        What aircraft types are flying on this route?

                                                                    </div>

                                                                </label>

                                                                <div class="qaa-answers" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">

                                                                    <div itemprop="text">

                                                                        Airbus A31X/32X flies this route operated by Tigerair Taiwan.

                                                                    </div>

                                                                </div>

                                                                <label for="qaa-question3" class="qaa-icon"></label>

                                                            </div>

                                                        </li>

                                                    
                                                        <li>

                                                            <div class="qaa-container" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">

                                                                <input type="checkbox" id="qaa-question4" name="faq4" class="qaa-checkbox">

                                                                <label for="qaa-question4" style="cursor: pointer">

                                                                    <div class="qaa-question" itemprop="name">

                                                                        What airline fly non-stop from Okayama (OKJ) to Kaohsiung (KHH)?

                                                                    </div>

                                                                </label>

                                                                <div class="qaa-answers" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">

                                                                    <div itemprop="text">

                                                                        Tigerair Taiwan have non-stop flights to Kaohsiung.

                                                                    </div>

                                                                </div>

                                                                <label for="qaa-question4" class="qaa-icon"></label>

                                                            </div>

                                                        </li>

                                                    
                                                </ul>

                                            </div>

                                        </div>

                                    </div>

                                </div>


                                <style>.qaa-checkbox {
                                        display: none;
                                    }

                                    .qaa-container {
                                        display: block;
                                        position: relative;
                                    }

                                    .qaa-list {
                                        list-style: none;
                                        margin: 0;
                                        max-width: 700px;
                                        text-align: left;
                                        padding: 0;
                                        padding: 0;
                                    }

                                    .qaa-list li {
                                        padding-top: 10px;
                                        padding-bottom: 10px;
                                        border-top: 0px solid #e5e5e5;
                                    }

                                    .qaa-question {
                                        position: relative;
                                        font-size: 16px;
                                        font-weight: 400;
                                        display: block;
                                        color: #333;
                                        padding-right: 50px;
                                    }

                                    .qaa-question:focus {
                                        outline: none;
                                    }

                                    .qaa-checkbox:checked ~ .qaa-answers {
                                        padding: 15px 0 20px 0;
                                        max-height: 400px;
                                    }

                                    .qaa-checkbox:checked ~ .qaa-icon {
                                        -webkit-transform: rotate(180deg);
                                        -moz-transform: rotate(180deg);
                                        -o-transform: rotate(180deg);
                                        transform: rotate(180deg);
                                    }

                                    .qaa-answers {
                                        max-height: 0;
                                        overflow: hidden;
                                        position: relative;
                                        -webkit-transition: .2s ease;
                                        -moz-transition: .2s ease;
                                        -o-transition: .2s ease;
                                        transition: .2s ease;
                                        font-size: 14px;
                                    }

                                    .qaa-icon {
                                        position: absolute;
                                        right: 0;
                                        top: 0;
                                        cursor: pointer;
                                        display: inline-block;
                                        width: 30px;
                                        height: 30px;
                                        opacity: 0.5;
                                        background-repeat: no-repeat;
                                        background-position: center;
                                        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
                                    }

                                    .qaa-icon:focus {
                                        outline: none;
                                    }

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

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

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

                                </style>

                            
                        
                    
                    <!-- /FAQ -->

                </div>

                <!-- /Route information With map background -->

            </div>


            <!-- /Left grid -->


            <style>.ff-hover-classic {

                    position: absolute;
                    left: 0;
                    right: 0;
                    margin-left: auto;
                    margin-right: auto;
                    width: 170px;
                    background: #86c5df;
                    color: #fff;
                    border-radius: 30px;
                    padding: 5px 10px;
                    text-align: center;
                    margin-top: 30%;
                    font-weight: 500;
                    display: none;
                }

                .ff-hover-classic:hover {
                    color: #fff;
                }

            </style>


            <!-- Right grid -->


            <div class="uk-margin-top uk-margin-remove-top@m   uk-width-1-1 uk-width-1-3@m">

                <div class="uk-box-shadow-medium uk-text-center">

                    <div style="position: relative;" onmouseover="showMapText('on')" onmouseout="showMapText('off')">

                        <a id="ff-hover-classic" href="https://www.airtickets.click/explorer/OKJ?mapview#KHH" target="_blank" class="ff-hover-classic uk-box-shadow-medium">VIEW IN <br/>MAP EXPLORER</a>

                        <img class="ff-hover-map" src="routes/OKJ.png" alt="Flights from Okayama to Kaohsiung route map">

                    </div>

                    <div style="padding: 10px; background-color: #fff">

                        <h5 style="margin-bottom: 10px;line-height: 18px; font-weight: bold">

                            Non-stop flights from OKJ to KHH

                        </h5>

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

                            1178 miles (1895 km) · 3 hours and 25 minutes

                        </div>

                        <div class="ff-button-checkprice ff-open-booking" style="margin-top: 20px;" onclick="initDatePlugin('OKJ','KHH', '', 'route_button_undermap_checkprices')">CHECK PRICES</div>

                    </div>

                </div>


                <!-- Kayak -->

                <div style="position: relative;">

                    <style>.header-compare-button {

                            background-color: #f4ad56;
                            color: #fff;
                            padding: 2px 15px;
                            margin-top: 0;
                        }

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

                            .header-compare-button {

                                position: absolute;
                                top: -48px;
                                right: 50px;
                                z-index: 100;
                                font-size: 12px;
                                min-height: 0px;
                                max-height: 30px;
                                line-height: 30px;
                                padding-left: 10px;
                                padding-right: 10px;

                            }
                        }

                        #ad-compare-header {
                            min-height: 300px;
                            height: auto;
                        }

                        #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: 815px;
                        }

                        .ad-compare-close {
                            display: none;
                            position: absolute;
                            top: 10px;
                            right: 10px;
                            font-weight: 600;
                            border-radius: 30px;
                            background-color: #fff;
                            color: #333;
                            padding: 2px 8px;
                        }

                    </style>
                    

                    <div id="container-ad-compare-1">

                        <script type="text/javascript">

                          function getframeheightFirst(iframe) {

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

                            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";
                              }
                            }
                          }

                        </script>

                        <div class="infowin-shedule" id="ad-compare-1">

                            <iframe
                                    id="ad-compare-header"
                                    onload="getframeheightFirst(this)"
                                    width="100%"
                                    height="auto"
                                    src="https://www.airtickets.click/content/cCompare?from=OKJ&amp;to=KHH&amp;width=300&amp;height=600&amp;preview=1" style="border: 0; overflow: hidden;"></iframe>


                        </div>

                    </div>

                </div>

                <!-- /Kayak -->


                <!-- breadcrumbs -->
                <style>.route-toplist-item {
                        border-bottom: 1px solid #e5e5e5;
                        margin-bottom: 10px;
                        padding-bottom: 10px;
                        display: inline-block;
                        width: 100%;
                    }

                    .route-toplist-item p {

                        color: #000;

                    }

                    .route-toplist-item-airports {
                        margin: 2px 0;

                    }

                    .route-toplist-item-airline {
                        margin: 5px 0;
                        font-weight: 500;

                    }
                </style>

                <div class="uk-margin-top uk-box-shadow-medium">
                    <div class="newsletter-sidebar">
    <div class="newsletter-sidebar-inner">
        <div class="newsletter-s1">
            <div class="newsletter-icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-envelope-check" viewBox="0 0 16 16">
                    <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/>
                    <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z" style="color: #548c22"/>
                </svg>
            </div>
            <div>
                                <div class="newsletter-title">Okayama (OKJ) updates</div>
                
                <div class="newsletter-preamble">Subscribe to our newsletter and be the first to know about the latest news and flight route updates.</div>
            </div>
        </div>
        <div class="s2">
            <div class="newsletter-input">
                <div style="background:#fff;color:#333;position: absolute;left: 9px;top:-9px;padding-left:  7px;padding-right:  7px; font-size: 11px;">Your email address</div>
                <input type="text" id="rightcolumn-subscriber-email" name="email" placeholder="Enter email for exclusive content">
            </div>
            <button class="newsletter-signupbutton" onclick="rightcolumnNewsletterSend()">Join for free</button>
            <div id="rightcolumn-subscription-message" style="text-align: left; color: #e67f22"></div>
        </div>
        <div class="newsletter-bottom">
            <div class="newsletter-bottom-1">You may opt-out at any time</div>
            <div class="newsletter-bottom-2" style="margin-left: auto;"><img src="img/flightsfromlogo%EF%B9%96v=1.0.2.png"></div>
        </div>
    </div>
</div>
                </div>


                



                <!-- breadcrumbs -->
                <div class="uk-margin-top">
                    <ul class="uk-breadcrumb">
                        <!-- <li><a href="/">Home</a></li>-->

                                                <li><a href="japan.html">Japan</a></li>                        <li><a href="OKJ.html">Okayama (OKJ)</a></li>

                        <li>Kaohsiung (KHH)</li>

                    </ul>
                </div>

                

                <!-- /Bredcrumbs -->

            </div>

            <!-- /Right grid -->

        </div>

    </div>



    <style>#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;
            }
        }

    </style>

    <div id="ff-idle-overlay" onclick="closeInactivityAd()"></div>
    <div id="ff-idle-ad">

        <!-- Kayak -->

        <div style="position: relative;">

            <div class="ad-container-close ff-pointer" style="z-index: 999;" onclick="closeInactivityAd()">

                <div style="transform: rotate(45deg)">
                    <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                        <circle fill="none" stroke="#fff" stroke-width="1.1" cx="9.5" cy="9.5" r="9"></circle>
                        <line fill="none" stroke="#fff" x1="9.5" y1="5" x2="9.5" y2="14"></line>
                        <line fill="none" stroke="#fff" x1="5" y1="9.5" x2="14" y2="9.5"></line>
                    </svg>
                </div>


            </div>


            <style>#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;
                    height: 315px;
                    max-height: 815px;
                    /*box-shadow: 0px 0px 15px 3px #e5e5e5;*/
                }

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


                .ad-compare-phone {

                    background: #fff;
                    border-bottom-left-radius: 10px;
                    border-bottom-right-radius: 10px;
                    margin-top: -10px;
                    padding: 10px 0px 10px 0px;
                    width: 100%;
                    border-top: 1px solid #eee;
                    float: none;
                    text-align: left;
                }

                .ad-compare-phone .ff-phone-ad {

                    max-width: 100%;
                    padding: 5px 10px;
                    float: none;
                    text-align: left;

                }

            </style>

            <div id="container-ad-compare-2">

                <script type="text/javascript">

                  function getframeheight(iframe) {

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

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

                    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';

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

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

                          popupContainerCompare.style.height = iframeheight + "px";
                          popupCompare.style.height = iframeheight + "px";
                          popupIframe.style.height = iframeheight + "px";

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

                      } else {

                        currSeconds++;
                      }
                    }
                  }

                </script>

                <div class="infowin-shedule" id="ad-compare-2">

                    <iframe
                            id="ad-compare-header-2"
                            onload="getframeheight(this)"
                            width="100%"
                            height="auto"
                            src="https://www.airtickets.click/content/cCompare?from=OKJ&amp;to=KHH&amp;width=300&amp;height=600&amp;preview=1" style="border: 0; overflow: hidden;"></iframe>


                    
                                                    <div class="ad-compare-phone phone-ad-show-switch" style="display: none;"">

                        <div class="ff-phone-ad">
                            <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>Okayama to Kaohsiung</strong>
                        </div>

                </div>
                    
                

            </div>

        </div>

    </div>

    <!-- /Kayak -->

    </div>

    <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>


    <script>

      document.addEventListener('DOMContentLoaded', function (e) {
        document.addEventListener('scroll', function (e) {

          document.getElementById('fixed-bottom').style.display = 'block';

          let documentHeight = document.body.scrollHeight;
          let currentScroll = window.scrollY + window.innerHeight;

          let modifier = 200;
          if (currentScroll + modifier > documentHeight) {

            document.getElementById('fixed-bottom').style.display = 'none';
          }
        })
      })

    </script>






    
    
            
    

    <script>

      var $airportFrom = 'OKJ';
      var $airportTo = 'KHH';

      var $opentab = 0;
      var $weeks = [{"from":"2025-10-27","to":"2025-11-02","filterName":"Week 44 (Oct 27 - Nov 2)","filterSelected":0,"airlines":{"IT":0}},{"from":"2025-11-03","to":"2025-11-09","filterName":"Week 45 (Nov 3 - Nov 9)","filterSelected":0,"airlines":{"IT":0}},{"from":"2025-11-10","to":"2025-11-16","filterName":"Week 46 (Nov 10 - Nov 16)","filterSelected":0,"airlines":{"IT":0}},{"from":"2025-11-17","to":"2025-11-23","filterName":"Week 47 (Nov 17 - Nov 23)","filterSelected":0,"airlines":{"IT":0}},{"from":"2025-11-24","to":"2025-11-30","filterName":"Week 48 (Nov 24 - Nov 30)","filterSelected":0,"airlines":{"IT":0}},{"from":"2025-12-01","to":"2025-12-07","filterName":"Week 49 (Dec 1 - Dec 7)","filterSelected":0,"airlines":{"IT":0}},{"from":"2025-12-08","to":"2025-12-14","filterName":"Week 50 (Dec 8 - Dec 14)","filterSelected":0,"airlines":{"IT":0}},{"from":"2025-12-15","to":"2025-12-21","filterName":"Week 51 (Dec 15 - Dec 21)","filterSelected":0,"airlines":{"IT":0}},{"from":"2025-12-22","to":"2025-12-28","filterName":"Week 52 (Dec 22 - Dec 28)","filterSelected":0,"airlines":{"IT":0}},{"from":"2025-12-29","to":"2026-01-04","filterName":"Week 1 (Dec 29 - Jan 4)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-01-05","to":"2026-01-11","filterName":"Week 2 (Jan 5 - Jan 11)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-01-12","to":"2026-01-18","filterName":"Week 3 (Jan 12 - Jan 18)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-01-19","to":"2026-01-25","filterName":"Week 4 (Jan 19 - Jan 25)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-01-26","to":"2026-02-01","filterName":"Week 5 (Jan 26 - Feb 1)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-02-02","to":"2026-02-08","filterName":"Week 6 (Feb 2 - Feb 8)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-02-09","to":"2026-02-15","filterName":"Week 7 (Feb 9 - Feb 15)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-02-16","to":"2026-02-22","filterName":"Week 8 (Feb 16 - Feb 22)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-02-23","to":"2026-03-01","filterName":"Week 9 (Feb 23 - Mar 1)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-03-02","to":"2026-03-08","filterName":"Week 10 (Mar 2 - Mar 8)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-03-09","to":"2026-03-15","filterName":"Week 11 (Mar 9 - Mar 15)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-03-16","to":"2026-03-22","filterName":"Week 12 (Mar 16 - Mar 22)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-03-23","to":"2026-03-29","filterName":"Week 13 (Mar 23 - Mar 29)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-03-30","to":"2026-04-05","filterName":"Week 14 (Mar 30 - Apr 5)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-04-06","to":"2026-04-12","filterName":"Week 15 (Apr 6 - Apr 12)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-04-13","to":"2026-04-19","filterName":"Week 16 (Apr 13 - Apr 19)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-04-20","to":"2026-04-26","filterName":"Week 17 (Apr 20 - Apr 26)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-04-27","to":"2026-05-03","filterName":"Week 18 (Apr 27 - May 3)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-05-04","to":"2026-05-10","filterName":"Week 19 (May 4 - May 10)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-05-11","to":"2026-05-17","filterName":"Week 20 (May 11 - May 17)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-05-18","to":"2026-05-24","filterName":"Week 21 (May 18 - May 24)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-05-25","to":"2026-05-31","filterName":"Week 22 (May 25 - May 31)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-06-01","to":"2026-06-07","filterName":"Week 23 (Jun 1 - Jun 7)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-06-08","to":"2026-06-14","filterName":"Week 24 (Jun 8 - Jun 14)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-06-15","to":"2026-06-21","filterName":"Week 25 (Jun 15 - Jun 21)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-06-22","to":"2026-06-28","filterName":"Week 26 (Jun 22 - Jun 28)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-06-29","to":"2026-07-05","filterName":"Week 27 (Jun 29 - Jul 5)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-07-06","to":"2026-07-12","filterName":"Week 28 (Jul 6 - Jul 12)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-07-13","to":"2026-07-19","filterName":"Week 29 (Jul 13 - Jul 19)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-07-20","to":"2026-07-26","filterName":"Week 30 (Jul 20 - Jul 26)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-07-27","to":"2026-08-02","filterName":"Week 31 (Jul 27 - Aug 2)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-08-03","to":"2026-08-09","filterName":"Week 32 (Aug 3 - Aug 9)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-08-10","to":"2026-08-16","filterName":"Week 33 (Aug 10 - Aug 16)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-08-17","to":"2026-08-23","filterName":"Week 34 (Aug 17 - Aug 23)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-08-24","to":"2026-08-30","filterName":"Week 35 (Aug 24 - Aug 30)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-08-31","to":"2026-09-06","filterName":"Week 36 (Aug 31 - Sep 6)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-09-07","to":"2026-09-13","filterName":"Week 37 (Sep 7 - Sep 13)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-09-14","to":"2026-09-20","filterName":"Week 38 (Sep 14 - Sep 20)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-09-21","to":"2026-09-27","filterName":"Week 39 (Sep 21 - Sep 27)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-09-28","to":"2026-10-04","filterName":"Week 40 (Sep 28 - Oct 4)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-10-05","to":"2026-10-11","filterName":"Week 41 (Oct 5 - Oct 11)","filterSelected":0,"airlines":{"IT":0}},{"from":"2026-10-12","to":"2026-10-18","filterName":"Week 42 (Oct 12 - Oct 18)","filterSelected":0,"airlines":{"IT":0}}];

      var $selectedweeks = {"IT":{"selected":2,"week":0}};

            document.querySelector('.shortcut-button-airlines').addEventListener('click', function (e) {
        document.getElementById('ff-tab-1').click();
      });
      
      function changeWeek(to, idnumber, weekname, weekkey, airline) {

        $selectedweeks[airline].selected = parseInt(weekkey);

        $dropdown = document.getElementById('ff-dropdown-' + idnumber);
        $header = document.getElementById('ff-date-' + idnumber);

        $header.innerHTML = weekname;

        UIkit.dropdown($dropdown).hide(0);

        overlayOpen();

        const xhttp = new XMLHttpRequest();

        xhttp.onload = function () {

          var testdiv = document.getElementById('ff-ajax-' + airline);
          testdiv.innerHTML = this.responseText;
        }

        xhttp.open("GET", "/new/getweek/" + $airportFrom + "/" + $airportTo + "/" + to + "/" + airline + '?preview=1', true);
        xhttp.send();

        overlayClose();
      }


      function changeWeekArrow(direction, airline) {

        overlayOpen();

        if (direction == 'left' && $selectedweeks[airline].selected !== 0) {

          $selectedweeks[airline].selected = $selectedweeks[airline].selected - 1;

        } else if (direction == 'right' && $selectedweeks[airline].selected !== $weeks.length) {

          $selectedweeks[airline].selected = $selectedweeks[airline].selected + 1;

        }

        const xhttp = new XMLHttpRequest();

        xhttp.onload = function () {

          var testdiv = document.getElementById('ff-ajax-' + airline);

          testdiv.innerHTML = this.responseText;
        }

        xhttp.open("GET", "/new/getweek/" + $airportFrom + "/" + $airportTo + "/" + $weeks[$selectedweeks[airline].selected].to + "/" + airline + '?preview=1', true);
        xhttp.send();

        $header = document.getElementById('ff-date-' + $opentab);
        $header.innerHTML = $weeks[$selectedweeks[airline].selected].filterName;

        overlayClose();


      }


      function overlayOpen() {

        $overlays = document.getElementsByClassName('ff-tab-overlay');

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

          $overlays[i].style.display = 'block';
          $overlays[i].style.top = '0px';
          $overlays[i].style.bottom = '0px';
          $overlays[i].style.left = '0px';
          $overlays[i].style.right = '0px';
        }

      }

      function overlayClose() {

        $overlays = document.getElementsByClassName('ff-tab-overlay');

        setTimeout(function () {

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

            $overlays[i].style.display = 'none';
            $overlays[i].style.top = 'auto';
            $overlays[i].style.bottom = 'auto';
            $overlays[i].style.left = 'auto';
            $overlays[i].style.right = 'auto';
          }

        }, 300);

      }


      function closeDay(IATA) {

        var $box = document.getElementById('ff-day-infobox-' + IATA);
        var boxes = document.getElementsByClassName('ff-box-dark');

        $box.style.display = 'none';

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

          if (boxes[i].classList.contains("active")) {

            boxes[i].classList.remove("active");
          }
        }
      }

      function openDay(event, day) {

        var $target = event.currentTarget;
        var $box = document.getElementById('ff-day-infobox-' + day.IATA);

        var boxes = document.getElementsByClassName('ff-box-dark');
        var $content = document.getElementById('ff-day-content-' + day.IATA);

        $box.style.display = 'block';

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

          if (boxes[i].classList.contains("active")) {

            boxes[i].classList.remove("active");
          }
        }

        $target.classList.add('active');

        $html = doBoxHtml(day);

        $content.innerHTML = $html;

        var $boxsize = $box.getBoundingClientRect();

        $box.style.top = $target.offsetTop - $boxsize.height - 25 + "px";

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

        // Mobile
        // } else {

        // Desktop
        //     $box.style.width = '400px';
        //     $box.style.left = ($target.offsetLeft - 150) + 'px';
        //  }


        if (!isInViewport($box)) {

          $box.scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
        }


      }

      function minutesToTime(minutes) {
        // Make sure we have a valid number
        // if (typeof minutes !== 'number' || isNaN(minutes) || minutes < 0) {
        //   return 'Invalid input';
        // }

        // Round to whole minutes
        minutes = Math.floor(minutes);

        // Calculate hours and remaining minutes
        const hours = Math.floor(minutes / 60);
        const remainingMinutes = minutes % 60;

        // Handle hours text (singular/plural)
        const hoursText = hours === 1 ? 'hour' : 'hours';

        // Handle minutes text (singular/plural)
        const minutesText = remainingMinutes === 1 ? 'minute' : 'minutes';

        // Format the output based on hours and minutes
        if (hours < 1) {
          return `${remainingMinutes} ${minutesText}`;
        } else if (remainingMinutes === 0) {
          return `${hours} ${hoursText}`;
        } else {
          return `${hours} ${hoursText} ${remainingMinutes} ${minutesText}`;
        }
      }


      function doBoxHtml(day) {

        $html = '<div class="ff-font-l ff-font-strong ff-font-blue">' + day.readable_date + '</div>';

        $html += '<div class="uk-grid uk-margin-small-top">';

        $html += '<div class="uk-width-expand">';

        $html += '<div style="display: flex; justify-content: space-between;">';
        $html += '<div>';

        $html += '<div class="ff-font-m ff-font-bold">' + day.time.slice(0, -3) + ' - ' + day.arrival_time.slice(0, -3) + '</div>';
        $html += '<div class="ff-font-m ff-font-strong uk-margin-small-bottom">' + day.carrier + ', ' + day.flight + '</div>';

        $html += '</div>';

        $html += '<div style="width: 50px; min-width: 50px;">';

        $html += '<div class="ff-image-container" style="position:relative; min-width: 35px; text-align: right">';

        $html += ' <img class="ff-image-airline" src="https://images.flightsfrom.com/airlines/100/' + day.IATA + '_100px.png">';
        $html += '</div>';

        $html += '</div>';

        $html += '</div>';
        $html += ' <div class="ff-font-s uk-flex ff-box-divider">';

        $html += '<div class="uk-width-1-3 ff-font-strong">Distance</div>';
        $html += '<div class="uk-width-2-3 uk-text-right"><strong>' + day.flight_distance_mi + '</strong> miles, <strong>' + day.flight_distance_km + '</strong> km</div>';

        $html += '</div>';

        $html += ' <div class="ff-font-s uk-flex ff-box-divider">';

        $html += '<div class="uk-width-1-3 ff-font-strong">Flight time</div>';
        $html += '<div class="uk-width-2-3 uk-text-right">' + minutesToTime(day.elapsed_time) + '</div>';

        $html += '</div>';

        if (day.departure_terminal) {
          $html += '<div class="ff-font-s uk-flex ff-box-divider">';

          $html += '<div class="uk-width-1-3 ff-font-strong">Departure terminal</div>';
          $html += '<div class="uk-width-2-3 uk-text-right">' + day.departure_terminal + '</div>';

          $html += '</div>';
        }

        if (day.arrival_terminal) {
          $html += '<div class="ff-font-s uk-flex ff-box-divider">';

          $html += '<div class="uk-width-1-3 ff-font-strong">Arriaval terminal</div>';
          $html += '<div class="uk-width-2-3 uk-text-right">' + day.arrival_terminal + '</div>';

          $html += '</div>';
        }

        let flightImage;

        if (day.aircraft && day.aircraft.aircraft_details && day.aircraft.aircraft_details.image) {
          flightImage = '<div><img style="width: 100px" src="https://images.flightinformation.com/aircrafts/' + day.aircraft?.aircraft_details?.image + '_600_withgear.png" /></div>';
        }

        $html += '<div class="ff-font-s uk-flex ff-box-divider">';

        $html += '<div class="uk-width-1-3 ff-font-strong">Aircraft</div>';
        $html += '<div class="uk-width-2-3 uk-text-right"><div>' + day.aircraft.name + '</div>' + flightImage + '</div>';

        $html += '</div>';

        $html += '<div class="ff-font-s uk-flex ff-box-divider">';

        $html += '<div class="uk-width-1-3 ff-font-strong">Seats</div>';
        $html += '<div class="uk-width-2-3 uk-text-right">' + day.seats_total + '</div>';

        $html += '</div>';

        $html += '<div class="ff-font-s uk-flex ff-box-divider">';

        $html += '<div class="uk-width-1-3 ff-font-strong">Codeshare</div>';
        $html += '<div class="uk-width-2-3 uk-text-right">' + day.codeshare_info + '</div>';

        $html += '</div>';

        $html += ' <div class="ff-font-s  uk-flex ff-box-divider">';

        $html += '<div class="uk-width-1-3 ff-font-strong">Entertainment</div>';
        $html += '<div class="uk-width-2-3 uk-text-right">' + day.onboardservices + '</div>';

        $html += '</div>';

        $html += '<div class="ff-font-s uk-flex">';

        $html += '<div class="uk-width-1-3 ff-font-strong">Meals</div>';
        $html += '<div class="uk-width-2-3 uk-text-right">' + day.allmeals.join(", ") + '</div>';

        $html += '</div>';

        $html += '</div>';

        $html += '</div>';

        $html += '<div class="uk-flex uk-flex-wrap uk-flex-middle uk-margin-top">';

        $html += '<div class="uk-width-1-1 uk-width-1-3@s" style="min-width: 200px; margin-right: 10px;"><div class="ff-button-checkprice" onclick="initDatePlugin(\'' + $airportFrom + '\',\'' + $airportTo + '\',\'' + day.date + '\',\'route_weekschedule_popup_button\')">CHECK AVAILABILITY</div></div>';
        /**/
        $html += '<div class="uk-width-1-1 uk-width-expand@s uk-text-right@s uk-margin-small-top uk-margin-remove-top@s phone-ad-show-switch" style="display:none; ">';

        $html += '<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>';

        $html += '+1 (831) 271-0274</a>: Unpublished Flight Rates from ' + $airportFrom + ' to ' + $airportTo;

        $html += '</div>';
        /**/
        $html += '</div>';

        return $html;

      }

      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';
        }

      }


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

        if (!event.target.closest(".ff-day-infobox, .calendar-popup, .calendar__day-active, .ff-box-dark")) {

          // Stänger öppna month-popups
          closeCalendarDay();

          // Kollar först IATA om det är en dag
          let daybox = document.querySelectorAll('.ff-day-infobox');

          daybox.forEach((obj) => {

            obj.style.display = 'none';
          })

          let daybutt = document.querySelectorAll('.ff-box-dark.active');

          daybutt.forEach((obj) => {

            obj.classList.remove("active");
          })
        }
      });


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

      function scrollToTabs(tab) {

        $target = document.getElementById('ff-tab-' + tab);
        $target.scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});

        clickTabs(tab);
      }

      function clickTabs(tab) {

        $opentab = tab;

        $target = document.getElementById('ff-tab-' + tab);

        $buttons = document.getElementsByClassName('ff-tab-item');

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

          $buttons[i].classList.remove("active");
        }

        $target.classList.add('active');

        $tabs = document.getElementsByClassName('tab-result');

        for (var i = 0; i < $tabs.length; i++) {
          $tabs[i].style.display = 'none';
        }

        $tab = document.getElementById('tab' + tab);
        $tab.style.display = 'block';
      }


      function closeInactivityAd() {

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

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

    </script>




    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="js/calendar%EF%B9%96v=2.53b.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/uikit@3.13.1/dist/js/uikit-icons.min.js"></script>


            <script>
          let colorCalendar;
          document.addEventListener("DOMContentLoaded", function (event) {
            colorCalendar = new Calendar({
              id: '#color-calendar',
              calendarSize: 'large',
              popupData: '{"1":{"airlines":["IT"],"flights":1},"3":{"airlines":["IT"],"flights":1},"5":{"airlines":["IT"],"flights":1},"8":{"airlines":["IT"],"flights":1},"10":{"airlines":["IT"],"flights":1},"12":{"airlines":["IT"],"flights":1},"15":{"airlines":["IT"],"flights":1},"17":{"airlines":["IT"],"flights":1},"19":{"airlines":["IT"],"flights":1},"22":{"airlines":["IT"],"flights":1},"24":{"airlines":["IT"],"flights":1},"26":{"airlines":["IT"],"flights":1},"29":{"airlines":["IT"],"flights":1},"31":{"airlines":["IT"],"flights":1}}',
              from: 'OKJ',
              to: 'KHH',
              routeId: 'all',
            })

                            colorCalendar.setDate(new Date('2025-12'));
              
                        })

          function closeCalendarDay() {

            //e.target.style.display = 'none'
            //document.body.style.overflow = 'initial'
            document.querySelectorAll('.calendar-popup').forEach(elem => {
              elem.style.display = 'none'
            });
          }

        </script>

    

<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=OKJ&to=KHH`,
		).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=OKJ&to=KHH`,
		).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:'9985bcffaf68ddd0',t:'MTc2MjEwODU5NS4wMDAwMDA='};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 Oksibil (OKL) - 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="See all routes, airlines and scheduled Direct flight tickets from Oksibil (OKL). Find detailed information for each departure 9 months ahead and explore all 1 destinations with our smart search tool and route map.">
            <meta name="keywords" content="route,routes,map,destinations,airlines,flights,flight,flightnumber,flightnumbers,from,number,OKL,Oksibil,airline,iata,aircraft,flighttime,schedule,timetable">
      

                    <meta property="og:description" content="See all routes, airlines and scheduled Direct flight tickets from Oksibil (OKL). Find detailed information for each departure 9 months ahead and explore all 1 destinations with our smart search tool and route map."/>
        <meta itemprop="description" content="See all routes, airlines and scheduled Direct flight tickets from Oksibil (OKL). Find detailed information for each departure 9 months ahead and explore all 1 destinations with our smart search tool and route map."/>
                        <link rel="canonical" href="OKL.html">
                <meta property="og:url" content="https://www.airtickets.click/OKL"/>
        <meta itemprop="url" content="https://www.airtickets.click/OKL"/>
                    <meta property="og:image" content="https://www.airtickets.click/routes/OKL.png"/>
        <meta itemprop="image" content="https://www.airtickets.click/routes/OKL.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>

    <script src="js/extra/nouislider.min.js"></script>
    <link rel="stylesheet" href="css/extra/nouislider%EF%B9%96v=0.04.css"/>
    <link rel="stylesheet" href="css/airport/styles%EF%B9%96v=0.34.css"/>
    <script src="js/uikit-icons.min.js"></script>
    <script src="js/vue.global.prod.min.js"></script>
    

    
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>


    <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
    
    <style>.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
            background: #86c5df;
            border-color: #86c5df;
        }

        .nextMonthDay:not(.flatpickr-disabled) {
            color: #393939 !important;
        }

        [v-cloak] {
            display: none;
        }

        .ff-day-infobox {
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            background-color: #fff;
            display: block;
            z-index: 500;
            max-width: 800px;
            width: 100%;
        }

        .deparr .ff-image-container:after {
            display: none;
        }

        .annContainer {


            text-align: center;
            background-color: #fafafa;
            padding-top: 10px;
            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;;
            }
        }

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


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

        html {
            height: 100%
        }


        /* 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;
        }

        .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;
        }

        .ff-font-blue {
            color: #94c3de;
        }

        .ff-font-strong {
            font-weight: 400;
        }
        .ff-font-l {
            font-size: 16px;
        }

        .ff-box-divider {
            padding-bottom: 5px;
            margin-bottom: 5px;
            border-bottom: 1px solid #e5e5e5;
        }

        .ff-day-close {
            position: absolute;
            right: 10px;
            top: 10px;
            cursor: pointer;
        }

        .ff-font-s {
            font-size: 12px;
        }

        .flag-image {
            width: 18px;
            margin-right: 10px;
            height: 13.5px;
        }

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


        /* from airportgeneral.css */
        .hometoplist {

        }

        .hometoplist-item {


            display: flex;
            flex-direction: row;

        }

        .hometoplist-counter {

            width: 60px;
            height: 45px;
            background-color: #0db9f0;
            align-self: center;
            color: #fff;
            font-size: 30px;
            font-weight: 500;
            text-align: center;
            border-radius: 3px;
        }

        .hometoplist-content {

            width: 100%;
            max-height: 50px;
            height: 100%;
            align-self: center;
            color: #333;
            font-size: 14px;
            font-weight: 300;
            text-align: left;
            padding-left: 10px;

        }

        .hometoplist-content .hometoplist-first {

            display: block;
            font-size: 14px;
            font-weight: 500;
        }

        .hometoplist-content .hometoplist-last {

            display: block;
            font-size: 12px;
            font-weight: 300;
        }

        .homecontent-subheader {

            margin-bottom: 15px;
            font-size: 14px;
        }

        .makeblue {

            color: #0db9f0;
        }

        .makebluehighlight {

            color: #0db9f0;
            font-weight: 500;
        }

        .hometoplist-logos {

            width: 35px;
            min-width: 35px;

            max-height: 50px;
            height: 50px;

            background-color: #fff;
            align-self: center;
        }

        .hometoplist-logo-wrapper {

            padding: 2px;

        }

        .hometoplist-logo {

            width: 30px;
            max-width: 30px;
        }

        #longestflight {

            width: 350px;
        }


        .infowin-shedule {
            display: flex;
            flex-direction: row;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .14);
            margin-bottom: 10px;
            cursor: pointer;
            color: #333;
            flex-wrap: wrap;
        }


        .ff-button-checkprice {
            padding: 6px 30px;
            color: #fff;
            font-weight: 400;
            border-radius: 3px;
            background: #87c5df;
            display: inline-block;
            cursor: pointer;
        }

        .ff-hover-classic {

            position: absolute;
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            width: 170px;
            background: #86c5df;
            color: #fff;
            border-radius: 30px;
            padding: 5px 10px;
            text-align: center;
            margin-top: 30%;
            font-weight: 500;
            display: none;
        }

        .ff-hover-classic:hover {
            color: #fff;
        }


        .rotating {
            display: inline-block;
            animation: rotate 2s linear infinite;
        }

        @keyframes rotate {
            from { transform: rotate(0deg); }
            to   { transform: rotate(360deg); }
        }

        .ff-button-explore {
            color: #fff;
            background: #95c3de;
            padding: 6px 20px;
            border-radius: 3px;
            font-weight: 400;
        }

        .ff-button-explore:hover {
            color: #fff;
            text-decoration: none;
        }

        .ff-button-classic {
            color: #333;
            background: #fff;
            padding: 6px 20px;
            border-radius: 3px;
            border: 1px solid #e5e5e5;
            font-weight: 400;
        }

        .ff-button-classic:hover {
            color: #000;
            text-decoration: none;
            background: #eee;
        }

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

            .ff-button-explore {
                font-size: 12px;
                padding: 6px 10px;
            }

            .ff-button-classic {
                font-size: 12px;
                padding: 6px 10px;
            }


        }


        #filterTags {
            display: none;
        }

        #foundText { /*display: none; */
        }

        #ff-li-active {

            background: rgb(229, 229, 229);
            background: linear-gradient(180deg, rgba(241, 241, 241, 1) 0%, rgba(255, 255, 255, 1) 100%);
        }

        .hometoplist {
            column-count: 2;
        }

        .hometoplist-item {


            align-items: center;
        }

        .hometoplist-content {

            max-height: 50px;
            height: 50px;
        }

        .flightsfrom-explorer-button {
            padding: 10px 0px;
            width: 100%;
            font-size: 13px;
        }

        .flightsfrom-map-button {
            padding: 10px 0px;
            width: 100%;
            font-size: 13px;
        }

        .ff-show-all {
            background: #87c5df;
            color: #fff;
            font-weight: 500;
            cursor: pointer;
            padding: 5px 40px;
            border-radius: 3px;
            text-transform: uppercase;
            display: inline-block;
        }

        .shortcut-button {
            border: 1px solid #86c5df;
            padding: 3px 10px;
            margin-right: 4px;
            border-radius: 5px;
            margin-bottom: 7px;
        }

        .shortcut-button.active {
            background-color: #86c5df;
            position: relative;
        }

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

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

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

            .ff-show-all {
                background: #e7a76e;
                color: #fff;
                font-weight: 500;
                cursor: pointer;
                padding: 5px 40px;
                border-radius: 3px;
                text-transform: uppercase;
                display: inline-block;
            }


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

            .hometoplist {
                column-count: 1;
            }

            .flightsfrom-explorer-button {
                padding: 10px;
                width: 100%;
            }

            .flightsfrom-map-button {
                padding: 10px;
                width: 100%;
            }
        }

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

            .flightsfrom-explorer-button {
                padding: 10px;
            }

            .flightsfrom-map-button {
                padding: 10px;
            }
        }

        .flightsfrom-explorer-button:hover {
            color: #fff !important;
        }


        .ad-compare-phone {

            background: #fff;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            margin-top: -10px;
            padding: 10px 0px 10px 0px;
            width: 100%;
            border-top: 1px solid #eee;
            float: none;
            text-align: left;
        }

        .ad-compare-phone .ff-phone-ad {

            max-width: 100%;
            padding: 5px 10px;
            float: none;
            text-align: left;

        }


        body, html {
            background-color: #fff;
            background: #fff;
        }
        .deparr_time {
            width: 15%;
            order: 0;
            cursor: pointer;
        }
        .deparr_country {
            width: 27%;
            order: 1;
            align-items: center;
            cursor: pointer;
        }
        .deparr_airline {
            width: 18%;
            order: 3;
            cursor: pointer;
        }

        .deparr_airline img {
            width: 22px;
            height: 22px;
        }
        .deparr_flight {
            width: 10%;
            /*text-align: right;*/
            order: 2;
            cursor: pointer;
        }
        .deparr_duration {
            width: 15%;
            text-align: right;
            order: 4;
            cursor: pointer;
        }
        .deparr_details {
            width: 15%;
            text-align: right;
            order: 5;
            cursor: pointer;
        }

        .duration_label {
            display: none;
        }

        .hidden_airline {
            display: none;
        }

        .shortcut-button.active::after {
            content: '';
            position: absolute;
            bottom: -6px; /* смещение вниз */
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid #86c5df; /* цвет треугольника */
        }

        @media screen and (max-width: 640px) {
            body, html {
                background-color: #f5f5f5;
                background: -webkit-gradient(linear, left top, left bottom, from(#bbc5cd), to(#f0f0f0)) fixed;
            }

            .deparr_time {

                order: 0;
                width: auto;
                margin-right: 10px;
            }

            .deparr_airline_name {
                display: none;
            }
            .deparr {
                padding-bottom: 10px;
            }
            .deparr_country {
                width: auto;
                order: 1;
                flex-grow: 2;
            }

            .hidden_airline {
                display: block;
                order: 5;
                flex-grow: 2;
            }

            .deparr_airline {
                width: auto;
                order: 3;
            }

            .deparr .ff-row-divider {
                order: 4;
            }

            .deparr_airline .ff-image-airline {
                width: 22px !important;
                height: 22px !important;
            }

            .deparr_airline .ff-image-container {
                width: auto;
            }
            .deparr_flight {
                width: auto;
                order: 2;
                text-align: right;
                margin-right: 10px;
            }
            .deparr_duration {

                text-align: right;
                order: 6;
                margin-right: 10px;
                width: auto;
            }

            .duration_general {
                display: flex;
            }

            .deparr_details {
                width: auto;
                text-align: right;
                order: 7;
            }
            .duration_label {
                display: block;
                margin-right: 3px;
            }

            .select-date {
                background: #65ba9c;
                color: #fff;
            }

            .shortcut-button {
                color: #fff;
                background: #9ec9db;
                border-color: #9ec9db;
            }

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


    </style>

    <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>Oksibil</strong> OKL</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">

                                   
                                        All destinations

                                    
                                  </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/book/flights?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="indonesia.html">Airports in Indonesia</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 = 'OKL';

  var $initsearch = [{"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 = [{"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 Oksibil
                     </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>


    <div id="vue-app">

        <section class="ff-content">

            <div class="uk-container" v-cloak>

                <div class="uk-grid uk-grid-small uk-margin-bottom">

                    <div class="uk-width-1-1">

                        <h1 class="ff-h1-airport">

                            All scheduled Direct flight tickets from Oksibil (OKL)

                        </h1>

                    </div>

                    <div class="uk-width-1-2 uk-width-1-1@m">


                        <p style="margin-top: 10px;">


                            Oksibil (OKL) is a smaller airport in Indonesia. The one and only destination from here is <a href="DJJ.html">Jayapura (DJJ)</a> with Trigana Air where you can fly 7 days a week.

                        </p>

                    </div>


                    <div class="uk-width-1-2 uk-hidden@m">

                        <div class="uk-position-relative" href="#modal-map" uk-toggle>

                            

                            <img style="width:100%; border-radius: 5px; cursor: pointer;" src="routes/OKL.png" alt="OKL" title="OKL"/>


                            <div class="ff-map-explore">

                                > VIEW LARGER MAP

                            </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/OKL.png" 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 uk-margin-small-right" target="_blanK" :href="mapExplorerUrl()">OPEN IN MAP EXPLORER</a>

                                    <div class="ff-button-explore uk-display-inline-block" style="cursor: pointer;" onclick="initDatePlugin('OKL','', 'airport_button_undermap_checkprices')">CHECK PRICES</div>

                                </div>

                            </div>
                        </div>

                    </div>
                </div>

                <div class="uk-grid">

                    <div class="uk-width-1-1 uk-width-2-3@m" style="position:relative;">


                        
                            <div class="ff-desktop-filters">
                                <!-- DURATION FILTER -->
                                <div style="width: 100%; min-width: 160px; max-width: 200px; margin-right: 35px;">
                                    <div id="flightfrom-slider-bars-duration" class="flightfrom-slider-bars uk-flex uk-flex-bottom">
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 28px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 4px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 27px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 15px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 6px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 8px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 13px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 6px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 5px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 15px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 23px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 29px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 4px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 15px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 7px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 13px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 26px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 15px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 26px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 27px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 25px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 18px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 17px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 1px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 16px;"></div>
                                                                            </div>
                                    <div id="flightfrom-rangeslider-flighttime"></div>
                                    <div class="uk-text-center" style="margin-top: 3px; font-weight: 600; font-size: 12px;">
                                        Duration:
                                        <span id="flightsfrom-rangeslider-from" style="font-weight: 400;"></span>
                                        -
                                        <span id="flightsfrom-rangeslider-to" style="font-weight: 400;"></span>
                                    </div>
                                </div>
                                <!-- DEPARTURE FILTER -->

                                <div style="width: 100%; min-width: 160px; max-width: 200px; margin-right: 25px;">
                                    <div id="flightfrom-slider-bars-departure" class="flightfrom-slider-bars uk-flex uk-flex-bottom">
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 16px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 17px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 14px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 20px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 20px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 11px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 9px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 10px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 21px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 24px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 4px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 23px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 23px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 17px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 5px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 2px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 14px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 25px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 26px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 14px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 6px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 17px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 11px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 16px;"></div>
                                                                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 27px;"></div>
                                                                            </div>
                                    <div id="flightfrom-rangeslider-departure"></div>
                                    <div class="uk-text-center" style="margin-top: 3px; font-weight: 600; font-size: 12px;">
                                        Departure:
                                        <span id="flightfrom-rangeslider-departure-from" style="font-weight: 400;"></span>
                                        -
                                        <span id="flightfrom-rangeslider-departure-to" style="font-weight: 400;"></span>
                                    </div>
                                </div>

                                <!-- Checkbox filters -->
                                <div style="display: flex; flex-direction: column; margin-right: 5px;">
                                    <div style="margin-bottom: 10px;">
                                        <div style="min-width: 130px; max-width: 150px; width: 100%;">
                                            <div class="uk-flex uk-flex-middle" uk-tooltip="A low-cost carrier is an airline that can offer cheaper flight tickets at the expense of fewer services and comforts that tradional airlines provides.">
                                                <div style="margin-right: 5px; width: 95px;">
                                                    <div class="flightsfrom-filter-header">Low-cost only</div>
                                                </div>
                                                <div>
                                                    <input type="checkbox" id="switch1" class="switch" v-model="lowcost" :checked="parseInt(lowcost) > 0"/><label class="flightsfrom-switch-label" for="switch1"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <div style="min-width: 130px; max-width: 150px; width: 100%;">
                                            <div class="uk-flex uk-flex-middle">
                                                <div style="margin-right: 5px; width: 95px;">
                                                    <div class="flightsfrom-filter-header">Business only</div>

                                                </div>
                                                <div>
                                                    <input type="checkbox" id="switch2" class="switch" v-model="businessOnly" :checked="parseInt(businessOnly) > 0"/><label class="flightsfrom-switch-label" for="switch2"></label>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- More filters -->
                                <div class="uk-width-expand uk-text-right" style="min-width: 80px;">
                                    <a href="#ff-filters" uk-toggle style="display: inline-block; text-align: center;    padding: 7px 10px;border: 1px solid #e5e5e5; border-radius: 5px;">
                                        <div class="uk-text-center flightsfrom-filter-header" style="margin-right: 0; color:#333;">MORE <span style="white-space: nowrap;">FILTERS <span uk-icon="icon: chevron-down; ratio: 0.8"></span></span></div>
                                        <div class="uk-text-center flightsfrom-filter-header-sub" style="color:#999;">SHOW ALL</div>
                                    </a>
                                </div>
                            </div>


                            <div id="ff-sort" uk-offcanvas="overlay: true; flip:true;">
                                <div class="uk-offcanvas-bar">
                                    <button class="uk-offcanvas-close" type="button" uk-close></button>
                                    <h3 style="font-size: 20px;" v-if="entityType === 'destinations'">Sort routes</h3>
                                    <h3 style="font-size: 20px;" v-if="entityType === 'departures'">Sort flight departures</h3>
                                    <h3 style="font-size: 20px;" v-if="entityType === 'arrivals'">Sort flight arrivals</h3>
                                    <div class="ff-mobile-filters">
                                        <ul class="uk-list">
                                            <li v-if="entityType === 'destinations'">
                                                <a href="#" @click="changeSorting('most-flights')" :class="sortingType === 'most-flights' ? 'bold':''">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16" :class="mostFlightsSorting === 'asc' ? 'asc' : ''">
                                                        <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
                                                    </svg>
                                                    Most flights
                                                </a>
                                            </li>
                                            <li v-if="entityType === 'departures'">
                                                <a href="#" @click="changeSorting('departure-time')" :class="sortingType === 'departure-time' ? 'bold':''">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter asc" viewBox="0 0 16 16">
                                                        <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
                                                    </svg>
                                                    Departure time
                                                </a>
                                            </li>
                                            <li v-if="entityType === 'arrivals'">
                                                <a href="#" @click="changeSorting('arrival-time')" :class="sortingType === 'arrival-time' ? 'bold':''">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter asc" viewBox="0 0 16 16">
                                                        <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
                                                    </svg>
                                                    Arrival time
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" @click="changeSorting('name')" :class="sortingType === 'name' ? 'bold':''">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16" :class="airportNameSorting === 'asc' ? 'asc' : ''">
                                                        <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
                                                    </svg>
                                                    <span v-if="entityType === 'arrivals'">Departure City</span>
                                                    <span v-else>Destination name</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" @click="changeSorting('country')" :class="sortingType === 'country' ? 'bold':''">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16" :class="destinationCountrySorting === 'asc' ? 'asc' : ''">
                                                        <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
                                                    </svg>
                                                    Country name
                                                </a>
                                            </li>
                                            <li v-if="entityType === 'destinations'">
                                                <a href="#" @click="changeSorting('price')" :class="sortingType === 'price' ? 'bold':''">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16" :class="priceSorting === 'asc' ? 'asc' : ''">
                                                        <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
                                                    </svg>
                                                    Estimated price
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" @click="changeSorting('flight-low')" :class="sortingType === 'flight-low' ? 'bold':''">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter asc" viewBox="0 0 16 16">
                                                        <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
                                                    </svg>
                                                    Flight time (Low to high)
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" @click="changeSorting('flight-high')" :class="sortingType === 'flight-high' ? 'bold':''">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16">
                                                        <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
                                                    </svg>
                                                    Flight time (high to low)
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" @click="changeSorting('biggest')" :class="sortingType === 'biggest' ? 'bold':''">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16" :class="airportSorting === 'asc' ? 'asc' : ''">
                                                        <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
                                                    </svg>
                                                    Airport size
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" @click="changeSorting('recent')" :class="sortingType === 'recent' ? 'bold':''">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16">
                                                        <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"></path>
                                                    </svg>
                                                    Recently added
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div id="ff-filters" uk-offcanvas="overlay: true">
    <div class="uk-offcanvas-bar" style="padding-bottom: 80px;">
        <button class="uk-offcanvas-close" type="button" uk-close></button>
        <h3 style="font-size: 20px; margin-top: 10px;">Filter routes & destinations</h3>
        <p>By using our smart filters you can find flights and destinations matching your requirements.</p>
        <div class="ff-mobile-filter-headline">FLIGHT DURATION</div>
        <div class="ff-mobile-filters" style="padding-left: 10px; padding-right: 20px;">
            <div id="flightfrom-slider-bars-duration-mob" class="flightfrom-slider-bars uk-flex uk-flex-bottom">
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 29px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 7px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 27px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 3px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 21px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 1px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 22px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 7px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 14px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 4px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 18px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 28px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 23px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 1px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 3px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 20px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 16px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 23px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 29px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 24px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 10px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 29px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 1px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 7px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 8px;"></div>
                            </div>
            <div id="mobile-flightfrom-rangeslider-flighttime"></div>
            <div class="uk-text-center" style="margin-top: 3px; font-weight: 600; font-size: 12px;">
                Duration:
                <span id="mobile-flightsfrom-rangeslider-from" style="font-weight: 400;"></span>
                -
                <span id="mobile-flightsfrom-rangeslider-to" style="font-weight: 400;"></span>
            </div>
        </div>
        <div class="ff-mobile-filter-headline" uk-tooltip="Departure time">DEPARTURE TIME</div>
        <div class="ff-mobile-filters" style="padding-left: 10px; padding-right: 20px;">
            <div id="flightfrom-slider-bars-departure-mob" class="flightfrom-slider-bars uk-flex uk-flex-bottom">
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 21px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 10px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 4px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 23px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 4px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 11px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 21px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 18px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 4px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 15px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 29px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 22px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 13px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 23px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 24px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 25px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 18px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 9px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 12px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 14px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 22px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 15px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 25px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 23px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 9px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 13px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 25px;"></div>
                            </div>
            <div id="mobile-flightfrom-rangeslider-departure"></div>
            <div class="uk-text-center" style="margin-top: 3px; font-weight: 600; font-size: 12px;">
                Departure:
                <span id="mobile-flightfrom-rangeslider-departure-from" style="font-weight: 400;"></span>
                -
                <span id="mobile-flightfrom-rangeslider-departure-to" style="font-weight: 400;"></span>
            </div>
        </div>
        <div class="ff-mobile-filter-headline" uk-tooltip="Arrival time">ARRIVAL TIME</div>
        <div class="ff-mobile-filters" style="padding-left: 10px; padding-right: 20px;">
            <div id="flightfrom-slider-bars-arrival-mob" class="flightfrom-slider-bars uk-flex uk-flex-bottom">
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 1px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 3px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 13px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 8px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 21px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 11px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 28px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 20px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 9px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 3px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 3px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 17px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 4px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 11px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 29px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 29px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 16px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 15px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 2px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 20px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 1px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 3px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 23px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 6px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 15px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 14px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 14px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 29px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 24px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 21px;"></div>
                            </div>
            <div id="mobile-flightfrom-rangeslider-arrival"></div>
            <div class="uk-text-center" style="margin-top: 3px; font-weight: 600; font-size: 12px;">
                Arrival:
                <span id="mobile-flightfrom-rangeslider-arrival-from" style="font-weight: 400;"></span>
                -
                <span id="mobile-flightfrom-rangeslider-arrival-to" style="font-weight: 400;"></span>
            </div>
        </div>
        <div class="ff-mobile-filter-headline" uk-tooltip="Flight distance">FLIGHT DISTANCE</div>
        <div class="ff-mobile-filters" style="padding-left: 10px; padding-right: 20px;">
            <div id="flightfrom-slider-bars-distance-mob" class="flightfrom-slider-bars uk-flex uk-flex-bottom">
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 20px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 24px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 30px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 22px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 8px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 23px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 27px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 5px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 20px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 6px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 4px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 21px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 3px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 12px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 29px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 26px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 3px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 26px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 17px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 26px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 26px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 9px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 10px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 29px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 26px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 1px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 27px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 2px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 16px;"></div>
                            </div>
            <div id="mobile-flightfrom-rangeslider-distance"></div>
            <div class="uk-text-center" style="margin-top: 3px; font-weight: 600; font-size: 12px;">
                Distance:
                <span id="mobile-flightfrom-rangeslider-distance-from" style="font-weight: 400;"></span>
                -
                <span id="mobile-flightfrom-rangeslider-distance-to" style="font-weight: 400;"></span>
            </div>
        </div>
        <div class="ff-mobile-filter-headline">SPECIFIC WEEKDAYS</div>
        <div class="ff-mobile-filters">

            <div class="uk-flex uk-flex-middle">
                <div style="width: 14%">
                    <div class="flightsfrom-list-filter-days flightsfrom-checkbox ff-with-text" @click="setDays(7)" :class="days.day7 ? 'checked' : ''">SU</div>
                </div>
                <div style="width: 14%; margin-right: 3px;">
                    <div class="flightsfrom-list-filter-days flightsfrom-checkbox ff-with-text" @click="setDays(1)" :class="days.day1 ? 'checked' : ''">MO</div>
                </div>
                <div style="width: 14%; margin-right: 3px;">
                    <div class="flightsfrom-list-filter-days flightsfrom-checkbox ff-with-text" @click="setDays(2)" :class="days.day2 ? 'checked' : ''">TU</div>
                </div>
                <div style="width: 14%; margin-right: 3px;">
                    <div class="flightsfrom-list-filter-days flightsfrom-checkbox ff-with-text" @click="setDays(3)" :class="days.day3 ? 'checked' : ''">WE</div>
                </div>
                <div style="width: 14%; margin-right: 3px;">
                    <div class="flightsfrom-list-filter-days flightsfrom-checkbox ff-with-text" @click="setDays(4)" :class="days.day4 ? 'checked' : ''">TH</div>
                </div>
                <div style="width: 14%; margin-right: 3px;">
                    <div class="flightsfrom-list-filter-days flightsfrom-checkbox ff-with-text" @click="setDays(5)" :class="days.day5 ? 'checked' : ''">FR</div>
                </div>
                <div style="width: 14%; margin-right: 3px;">
                    <div class="flightsfrom-list-filter-days flightsfrom-checkbox ff-with-text" @click="setDays(6)" :class="days.day6 ? 'checked' : ''">SA</div>
                </div>

            </div>
        </div>

        <div class="ff-mobile-filters">

            <div class="ff-mobile-filter-headline">ALLIANCES</div>
                                                <div class="ff-mobile-filter-headline">AIRLINES</div>
            <div class="uk-flex uk-flex-middle uk-margin-small-bottom" v-for="(airline, index) in airlinesToShow">
                <div style="width: 32px;" v-if="airline.carrier_name">
                    <div class="flightsfrom-checkbox" @click="setAirlines(airline.carrier, airline.carrier)" :class="!!Object.values(carrier).includes(airline.carrier) ? 'checked' : ''"><span uk-icon="check"></span></div>
                </div>
                <div style="padding-left: 10px;" v-if="airline.carrier_name">{{ airline.carrier_name }}</div>
            </div>
            <a @click="moreAirlines" v-if="airlinesToShow.length != airlines.length">Show more</a>
        </div>


        <div>
            <div class="ff-mobile-filter-headline">DESTINATION COUNTRY</div>
            <div class="uk-flex uk-flex-middle uk-margin-small-bottom" v-for="(country, index) in countriesToShow">
                <div style="width: 32px;">
                    <div class="flightsfrom-checkbox" @click="setCountries(country.country_code)" :class="!!Object.values(selectedCountries).includes(country.country_code) ? 'checked' : ''"><span uk-icon="check"></span></div>
                </div>
                <div style="padding-left: 10px;">
                    <img v-bind:src="'https://images.flightsfrom.com/flags2/' + country.country_code.toLowerCase() + '.svg'" style="width: 14px; margin-right: 3px;">
                    {{ country.country }}
                </div>
            </div>
            <a @click="moreCountries" v-if="countriesToShow.length != countries.length">Show more</a>
        </div>


        <div class="ff-mobile-filter-headline" style="display: none;">ESTIMATED PRICE</div>
        <div class="ff-mobile-filters" style="padding-left: 10px; padding-right: 20px; display: none;">
            <div id="flightfrom-slider-bars-price" class="flightfrom-slider-bars uk-flex uk-flex-bottom">
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 16px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 25px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 13px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 2px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 11px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 14px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 3px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 18px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 22px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 24px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 9px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 6px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 9px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 24px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 12px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 5px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 14px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 9px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 3px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 27px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 19px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 24px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 17px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 27px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 6px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 21px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 1px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 1px;"></div>
                                    <div class="flightfrom-slider-bar" style="width: 3.3333333333333%; height: 5px;"></div>
                            </div>
            <div id="mobile-flightfrom-rangeslider-prices"></div>
            <div class="uk-text-center" style="margin-top: 3px; font-weight: 600; font-size: 12px;">
                Prices:
                <span id="mobile-flightsfrom-rangeslider-pricefrom" style="font-weight: 400;"></span>
                -
                <span id="mobile-flightsfrom-rangeslider-priceto" style="font-weight: 400;"></span>
            </div>
            <p>
                The prices shown are avarage prices we have estimated for each destination. Click on 'CHECK PRICES' to see an exact price.
            </p>
        </div>


        <div class="ff-mobile-filter-headline">CLASSES</div>
        <div class="ff-mobile-filters">

            <div class="uk-flex uk-flex-middle uk-margin-small-bottom">
                <div style="width: 32px;">
                    <div class="flightsfrom-checkbox" @click="setClass('economy')" :class="classes.economy ? 'checked' : ''"><span uk-icon="check"></span></div>
                </div>
                <div style="padding-left: 10px;">Economy</div>
            </div>
            <div class="uk-flex uk-flex-middle uk-margin-small-bottom">
                <div style="width: 32px;">
                    <div class="flightsfrom-checkbox" @click="setClass('business')" :class="classes.business ? 'checked' : ''"><span uk-icon="check"></span></div>
                </div>
                <div style="padding-left: 10px;">Business</div>
            </div>
            <div class="uk-flex uk-flex-middle uk-margin-small-bottom">
                <div style="width: 32px;">
                    <div class="flightsfrom-checkbox" @click="setClass('first')" :class="classes.first ? 'checked' : ''"><span uk-icon="check"></span></div>
                </div>
                <div style="padding-left: 10px;">First</div>
            </div>
        </div>


        <!-- Aircraft type -->

        <div class="ff-mobile-filter-headline">AIRCRAFT TYPE</div>

        <div v-for="code in aircraftsToShow">

            <div class="uk-flex uk-flex-middle uk-margin-small-bottom">
                <div style="width: 32px;">
                    <div class="flightsfrom-checkbox" @click="setAircraft(code)" :class="!!Object.values(selectedaircrafts).includes(code) ? 'checked' : ''"><span uk-icon="check"></span></div>
                </div>
                <div style="padding-left: 10px;">{{ changeAircraftCode(code) }}</div>
            </div>

        </div>

        <a @click="moreAircrafts" v-if="aircraftsToShow.length != activeaircrafts.length">Show more</a>

        <!-- /Aircraft type -->


        <div id="ff-filter-buttons" class="ff-filter-buttons" uk-sticky="position: bottom">

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

                <div class="uk-width-1-2 uk-text-left">

                    <a href="OKL.html" class="ff-filter-buttons-clear" id="clear-button">Clear</a>
                </div>
                <div class="uk-width-1-2 uk-text-right">
                    <div class="ff-filter-buttons-done" id="done-button"><a href="#ff-filters" uk-toggle>DONE</a></div>
                </div>
            </div>
        </div>
    </div>

</div>



                            <!-- Mobile filters -->
                            <div class="uk-grid uk-grid-small ff-filters">

                                <div class="uk-width-1-2">

                                    <a href="#ff-filters" uk-toggle class="ff-filter-button">
                                        <div class="ff-filter-button-top">FILTERS <span uk-icon="icon: chevron-down; ratio: 0.8"></span></div>
                                        <div class="ff-filter-button-bottom" v-if="classes.business || classes.first || Object.keys(carrier).length > 0 || Object.keys(selectedCountries).length > 0 || Object.keys(days).length > 0 || (departureFrom != 0 || departureTo != 0) || (durationFrom != 0 || durationTo != 0) || (priceFrom != 0 || priceTo != 0)">ACTIVE FILTERS ON</div>
                                        <div class="ff-filter-button-bottom" v-else>NO ACTIVE FILTERS</div>
                                    </a>
                                    <div>

                                        <div class="uk-flex uk-flex-middle uk-margin-small-top ff-filters-mobile-check" style="width: 100%;">
                                            <div class="uk-width-expand" style="padding: 8px 5px;">
                                                <div class="flightsfrom-filter-header">Low-cost only</div>

                                            </div>
                                            <div style="padding-right: 5px;">
                                                <input type="checkbox" id="switch5" class="switch" v-model="lowcost"/><label class="flightsfrom-switch-label" for="switch5"></label>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div class="uk-width-1-2">

                                    <a href="#ff-sort" uk-toggle class="ff-filter-button">
                                        <div class="ff-filter-button-top">ORDER LIST <span uk-icon="icon: chevron-down; ratio: 0.8"></span></div>
                                        <div class="ff-filter-button-bottom uk-text-uppercase">{{ sortBy }}</div>
                                    </a>
                                    <div class="uk-flex uk-flex-middle uk-margin-small-top ff-filters-mobile-check" style="width: 100%;">
                                        <div class="uk-width-expand" style="padding: 8px 5px;">
                                            <div class="flightsfrom-filter-header">Business only</div>

                                        </div>
                                        <div style="padding-right: 5px;">
                                            <input type="checkbox" id="switch6" class="switch" v-model="businessOnly"/><label class="flightsfrom-switch-label" for="switch6"></label>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            <!-- /Mobile filters -->


                            <div class="uk-flex" style="flex-wrap: wrap; margin-top: 10px;">
                                <div class="shortcut-button" :class="entityType === 'destinations' ? 'active' : ''"><a @click="setEntityType('destinations')">Destinations</a></div>
                                <div class="shortcut-button" :class="entityType === 'departures' ? 'active' : ''"><a @click="setEntityType('departures')">Departures</a></div>
                                <div class="shortcut-button" :class="entityType === 'arrivals' ? 'active' : ''"><a @click="setEntityType('arrivals')">Arrivals</a></div>
                            </div>

                            <div class="uk-grid uk-grid-small" style="margin-top: 0;">

                                <div class="uk-width-1-1 uk-width-1-2@m">

                                    <div id="foundText" class="ff-list-stats" v-if="entityType === 'destinations'">Found <strong>{{ destCount }}</strong> routes with direct flights from <strong>Oksibil</strong></div>
                                    <div id="foundText" class="ff-list-stats" v-if="entityType === 'departures'">Found <strong>{{ schedulesCount }}</strong> flight departures from <strong>Oksibil</strong></div>
                                    <div id="foundText" class="ff-list-stats" v-if="entityType === 'arrivals'">Found <strong>{{ schedulesCount }}</strong> flight arrivals to <strong>Oksibil</strong></div>

                                </div>

                                <div class="uk-visible@m uk-width-1-2@m uk-text-right">

                                    <a class="ff-list-stats" href="#ff-sort" uk-toggle style="font-weight: 400; color:#333;">Sort by: {{ sortBy }} <span uk-icon="icon: chevron-down; ratio: 0.7"></span></a>

                                </div>
                            </div>

                            <div v-if="entityType === 'departures' || entityType === 'arrivals'" style="margin-top: 15px; position: relative">
                                {{ date }}
                                <a class="flightsfrom-list-money select-date" @click.prevent.stop="calendar.open()" style="margin-left: 5px;">Select date</a>
                                <div id="calendar-date"></div>
                                <div id="ff-day-infobox" class="ff-day-infobox uk-box-shadow-large ff-pointer" v-if="showInfoBox">
                                    <div class="ff-day-close ff-pointer" @click="showInfoBox = false"><span style="transform: rotate(45deg)" uk-icon="icon: plus-circle; ratio: 1.5" class="uk-icon"><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9.5" cy="9.5" r="9"></circle><line fill="none" stroke="#000" x1="9.5" y1="5" x2="9.5" y2="14"></line><line fill="none" stroke="#000" x1="5" y1="9.5" x2="14" y2="9.5"></line></svg></span></div>
                                    <div id="ff-day-content">
                                        <div class="ff-font-l ff-font-strong ff-font-blue">{{ selectedFlight.selected_date }}</div>
                                        <div class="uk-grid uk-margin-small-top">
                                            <div class="uk-width-expand">
                                                <div style="display: flex; justify-content: space-between;">
                                                    <div>
                                                        <div class="ff-font-m ff-font-bold">{{ selectedFlight.departure_time }} - {{ selectedFlight.arrival_time.slice(0,-3) }}</div>
                                                        <div class="ff-font-m ff-font-strong uk-margin-small-bottom">{{ selectedFlight.airline.shortname }}, {{ selectedFlight.carrier }}{{ selectedFlight.flightnumber }}</div>
                                                    </div>
                                                    <div style="">
                                                        <div class="ff-image-container" style="position:relative; min-width: 35px; text-align: right">
                                                            <img class="ff-image-airline" :src="'https://images.flightsfrom.com/airlines/100/' + selectedFlight.carrier + '_100px.png'">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ff-font-s uk-flex ff-box-divider">
                                                    <div class="uk-width-1-3 ff-font-strong">Distance</div>
                                                    <div class="uk-width-2-3 uk-text-right">
                                                        <strong>{{ selectedFlight.flight_distance_mi }}</strong> miles, <strong>{{ selectedFlight.flight_distance_km }}</strong> km
                                                    </div>
                                                </div>
                                                <div class="ff-font-s uk-flex ff-box-divider">
                                                    <div class="uk-width-1-3 ff-font-strong">Flight time</div>
                                                    <div class="uk-width-2-3 uk-text-right">{{ minutesToTime(selectedFlight.elapsed_time) }}</div>
                                                </div>
                                                <div class="ff-font-s uk-flex ff-box-divider" v-if="selectedFlight.departure_terminal">
                                                    <div class="uk-width-1-3 ff-font-strong">Departure terminal</div>
                                                    <div class="uk-width-2-3 uk-text-right">{{ selectedFlight.departure_terminal }}</div>
                                                </div>
                                                <div class="ff-font-s uk-flex ff-box-divider" v-if="selectedFlight.arrival_terminal">
                                                    <div class="uk-width-1-3 ff-font-strong">Arrival terminal</div>
                                                    <div class="uk-width-2-3 uk-text-right">{{ selectedFlight.arrival_terminal }}</div>
                                                </div>
                                                <div class="ff-font-s uk-flex ff-box-divider">
                                                    <div class="uk-width-1-3 ff-font-strong">Aircraft</div>
                                                    <div class="uk-width-2-3 uk-text-right">
                                                        <div>{{ selectedFlight.aircraft.name }}</div>
                                                        <div style="width: 200px; margin-right: 0; margin-left: auto;">
                                                            <img :style="'width: ' + selectedFlight.aircraft?.aircraft_details?.css_percentage +'%'" :src="'https://images.flightinformation.com/aircrafts/' + selectedFlight.aircraft.aircraft_details.image +'_600_withgear.png'">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="ff-font-s uk-flex ff-box-divider">
                                                    <div class="uk-width-1-3 ff-font-strong">Seats</div>
                                                    <div class="uk-width-2-3 uk-text-right">{{ selectedFlight.seats_total }}</div>
                                                </div>
                                                <div class="ff-font-s uk-flex ff-box-divider">
                                                    <div class="uk-width-1-3 ff-font-strong">Codeshare</div>
                                                    <div class="uk-width-2-3 uk-text-right">{{ selectedFlight.codeshare_info }}</div>
                                                </div>
                                                <div class="ff-font-s  uk-flex ff-box-divider">
                                                    <div class="uk-width-1-3 ff-font-strong">Entertainment</div>
                                                    <div class="uk-width-2-3 uk-text-right"></div>
                                                </div>
                                                <div class="ff-font-s uk-flex">
                                                    <div class="uk-width-1-3 ff-font-strong">Meals</div>
                                                    <div class="uk-width-2-3 uk-text-right">Meal (none specific)</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="uk-flex uk-flex-wrap uk-flex-middle uk-margin-top">
                                            <div class="uk-width-1-1 uk-width-1-3@s" style="min-width: 205px; margin-right: 10px;">
                                                <div class="ff-button-checkprice" onclick="initDatePlugin('GOT','ARN','2025-06-10','route_weekschedule_popup_button')">CHECK AVAILABILITY</div>
                                            </div>
                                            <div class="uk-width-1-1 uk-width-expand@s uk-text-right@s uk-margin-small-top uk-margin-remove-top@s phone-ad-show-switch" style="display:none; ">
                                                <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 GOT to ARN
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                            <div id="filterTags" v-show="isInit">

                                <div style="display: flex; flex-flow: wrap;" v-if="classes.business || classes.first || Object.keys(carrier).length > 0 || Object.keys(selectedCountries).length > 0 || Object.keys(selectedaircrafts).length > 0 || Object.keys(days).length > 0 || (distanceFrom != 0 || distanceTo != 0) || (departureFrom != 0 || departureTo != 0)  || (arrivalFrom != 0 || arrivalTo != 0) || (durationFrom != 0 || durationTo != 0) || (priceFrom != 0 || priceTo != 0)">


                                    <div class="filter-tags" v-if="Object.keys(carrier).length > 0" @click="clearAirlines">
                                        <span v-if="Object.keys(carrier).length < 2">{{ airlines.find(airline => airline.carrier == Object.keys(carrier)[0] ).carrier_name }}</span>
                                        <span v-else>AIRLINES: {{ Object.keys(carrier).length }} SELECTED</span>
                                    </div>

                                    <div class="filter-tags" v-if="Object.keys(selectedCountries).length > 0" @click="clearCountries">
                                        <span v-if="Object.keys(selectedCountries).length < 2">{{ countries.find(country => country.country_code == Object.keys(selectedCountries)[0] ).country }}</span>
                                        <span v-else>COUNTRIES: {{ Object.keys(selectedCountries).length }} SELECTED</span>
                                    </div>

                                    <div class="filter-tags" v-if="Object.keys(days).length > 0" @click="clearDays">
                                        <span v-if="Object.keys(days).length < 2">{{ dayName(Object.keys(days)[0]) }}</span>
                                        <span v-else>DAYS: {{ Object.keys(days).length }} SELECTED</span>
                                    </div>

                                    <div class="filter-tags" v-if="departureFrom != 0 || departureTo != 0" @click="clearDeparture">
                                        <span>DEPARTURE: {{ departureFrom }} to {{ departureTo }}</span>
                                    </div>

                                    <div class="filter-tags" v-if="arrivalFrom != 0 || arrivalTo != 0" @click="clearArrival">
                                        <span>ARRIVAL: {{ arrivalFrom }} to {{ arrivalTo }}</span>
                                    </div>

                                    <div class="filter-tags" v-if="durationFrom != 0 || durationTo != 0" @click="clearDuration">
                                        <span>DURATION: {{ convertMin(durationFrom) }} to {{ convertMin(durationTo) }}</span>
                                    </div>

                                    <div class="filter-tags" v-if="distanceFrom != 0 || distanceTo != 0" @click="clearDistance">
                                        <span>DISTANCE: {{ distanceFrom }} to {{ distanceTo }} miles</span>
                                    </div>

                                    <div class="filter-tags" v-if="priceFrom != 0 || priceTo != 0" @click="clearPrice">
                                        <span>ESTIMATED PRICE: {{ priceFrom }} to {{ priceTo }}</span>
                                    </div>
                                    <div class="filter-tags" v-if="classes.business" @click="delete classes['business']; businessOnly = 0; updateFilter()">
                                        <span>BUSINESS CLASS</span>
                                    </div>

                                    <div class="filter-tags" v-if="classes.first" @click="delete classes['first']; updateFilter()">
                                        <span>FIRST CLASS</span>
                                    </div>

                                    <div class="filter-tags" v-if="selectedaircrafts.length  > 0" @click="deleteAircrafts">
                                        <span>{{selectedaircrafts.length}} AIRCRAFTS</span>
                                    </div>

                                    <div class="filter-tags" @click="resetAll">
                                        RESET FILTERS
                                    </div>

                                </div>
                            </div>

                            <div class="flightsfrom-list-header">
                                <div class="uk-flex uk-flex-bottom" v-if="entityType !== 'departures' && entityType !== 'arrivals'">
                                    <div style="width: 35%;">
                                        <div style="width: 25px; display: inline-block;">
                                            <div style="display: inline-block; width: 12px; cursor: pointer;" uk-tooltip="Order by destination country" @click="changeDestinationCountrySorting">

                                                <div style="height: 6px;"><span style="line-height: 12px; color:#000;" uk-icon="icon: chevron-up; ratio: 0.6"></span></div>
                                                <div style="height: 6px;"><span style="line-height: 12px; color:#000;" uk-icon="icon: chevron-down; ratio: 0.6"></span></div>
                                            </div>
                                        </div>
                                        <a style="text-decoration: underline !important; color:#333; cursor: pointer;" href="#ff-filters" uk-toggle uk-tooltip="Filter by destination name">Destination</a>
                                        <div style="display: inline-block; margin-top: -2px;">

                                            <div style="display: inline-block; width: 12px; cursor: pointer;" @click="changeDestinationSorting" uk-tooltip="Order by destination city name">
                                                <div style="height: 6px;"><span style="line-height: 12px; color:#000;" uk-icon="icon: chevron-up; ratio: 0.6"></span></div>
                                                <div style="height: 6px;"><span style="line-height: 12px; color:#000;" uk-icon="icon: chevron-down; ratio: 0.6"></span></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="width: 15%">
                                        <a style="text-decoration: underline!important; color:#333;" href="#ff-filters" uk-toggle uk-tooltip="Filter by flight duration">Duration</a>
                                        <div style="display: inline-block; width: 12px; cursor: pointer;" @click="changeDurationSorting" uk-tooltip="Order by duration time">
                                            <div style="height: 6px;"><span style="line-height: 12px; color:#000;" uk-icon="icon: chevron-up; ratio: 0.6"></span></div>
                                            <div style="height: 6px;"><span style="line-height: 12px; color:#000;" uk-icon="icon: chevron-down; ratio: 0.6"></span></div>
                                        </div>
                                    </div>
                                    <div style="width: 20%;">
                                        <a style="text-decoration: underline!important; cursor: pointer; color:#333;" href="#ff-filters" uk-toggle uk-tooltip="Filter by weekdays">
                                            <span v-if="entityType === 'destinations'">Weekdays</span>
                                        </a>
                                    </div>
                                    <div style="width: 15%; text-align: right;">
                                        <a style="text-decoration: underline!important; color:#333;" href="#ff-filters" uk-toggle uk-tooltip="Filter by airline">Airlines</a>
                                    </div>
                                    <div style="width: 15%; text-align: right;">
                                        <a style="text-decoration: underline!important; cursor: pointer; color:#333;" href="#ff-filters" uk-toggle uk-tooltip="Filter by estimated price. The price should only be seen as an indication.">Price</a>

                                    </div>

                                </div>
                                <div v-else class="uk-flex uk-flex-bottom">
                                    <div style="width: 15%;">
                                        <a style="text-decoration: underline !important; color:#333; cursor: pointer;" href="#ff-filters" uk-toggle v-if="entityType === 'departures'">Departure time</a>
                                        <a style="text-decoration: underline !important; color:#333; cursor: pointer;" href="#ff-filters" uk-toggle v-if="entityType === 'arrivals'">Arrival time</a>
                                    </div>
                                    <div style="width: 27%;">
                                        <a style="text-decoration: underline!important; cursor: pointer; color:#333;" href="#ff-filters" uk-toggle>
                                            <span v-if="entityType === 'departures'">Destination</span>
                                            <span v-if="entityType === 'arrivals'">Arriving from</span>
                                        </a>
                                    </div>
                                    <div style="width: 10%;">
                                        <a style="text-decoration: underline!important; color:#333;" href="#ff-filters" uk-toggle>Flight</a>
                                    </div>
                                    <div style="width: 18%">
                                        <a style="text-decoration: underline!important; color:#333;" href="#ff-filters" uk-toggle>Airline</a>
                                    </div>
                                    <div style="width: 15%; text-align: right;">
                                        <a style="text-decoration: underline!important; color:#333;" href="#ff-filters" uk-toggle>Duration</a>
                                    </div>
                                    <div style="width: 15%; text-align: right;">
                                        <a style="text-decoration: underline!important; cursor: pointer; color:#333;" href="#ff-filters" uk-toggle uk-tooltip="Filter by estimated price. The price should only be seen as an indication.">Details</a>
                                    </div>
                                </div>
                            </div>
                            <!-- Destination list -->

                            <div style="position:relative;">


                                <div class="pageload" v-if="isLoading">

                                    <div class="pageload-background"></div>

                                    <div class="loaderwrapper uk-flex-middle" style="position: absolute; top: 50px; left: 50%; margin-top: 100px;">

                                        <div id="sitespinner" uk-spinner="ratio: 1"></div>
                                        <span class="uk-animation-slide-right" style="font-weight: 500; padding-left: 10px;" v-if="entityType === 'destinations'">Loading destinations</span>
                                        <span class="uk-animation-slide-right" style="font-weight: 500; padding-left: 10px;" v-if="entityType === 'departures'">Loading departures</span>
                                        <span class="uk-animation-slide-right" style="font-weight: 500; padding-left: 10px;" v-if="entityType === 'arrivals'">Loading arrivals</span>

                                    </div>

                                </div>
                                <div v-if="entityType === 'destinations'">
                                    <ul class="uk-list uk-list-divider uk-margin-small-top" v-if="destinations.length > 0">
                                        <template v-for="(destination, index) in destinations">
                                            
                                            <li class="ff-li-list">

                                                <div class="uk-flex ff-wrapper">

                                                    <div class="ff-row-name">

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

                                                            <div>
                                                                <img :src="'https://images.flightsfrom.com/flags2/' + destination.airport.country_code.toLowerCase() + '.svg'" :uk-tooltip="destination.airport.country_code + ' - ' + destination.airport.name" style="" class="flag-image" :title="destination.airport.name" :alt="destination.airport.name">
                                                            </div>

                                                            <div>

                                                                <a style="color:#333;" :href="'/OKL-'+ destination.airport.IATA">{{ destination.airport.IATA }} <strong>{{ destination.airport.city_name }}</strong> </a>

                                                                <div>
                                                                                                                                            <div class="ff-route-info" v-if="destination.is_new == 1">New route<span v-if="new Date(destination.first_flight).toISOString().slice(0, 10) > new Date().toISOString().slice(0, 10)">: {{ moment(destination.first_flight).format('LL') }}</span></div>
                                                                    <div v-else>
                                                                        <div v-if="destination.airlineroutes.find(airline => airline.is_new == 1)">
                                                                            <div class="ff-route-info">New airline<span v-if="new Date(destination.airlineroutes.find(airline => airline.is_new == 1).first_flight).toISOString().slice(0, 10) > new Date().toISOString().slice(0, 10)">: {{ moment(destination.airlineroutes.find(airline => airline.is_new == 1).first_flight).format('LL') }}</span></div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>

                                                        </div>

                                                    </div>

                                                    <div class="ff-row-price">

                                                        <span class="flightsfrom-list-money ff-open-pop" @click="initDatePlugin('OKL', destination.airport.IATA, 'airport_button_listitem_showprice', destination.first_flight, destination.last_flight, destination.day1+destination.day2+destination.day3+destination.day4+destination.day5+destination.day6+destination.day7)" style="cursor: pointer;" v-if="destination.price">SHOW PRICE</span>

                                                        <span class="flightsfrom-list-money flightsfrom-list-money-missingprice ff-open-pop" @click="initDatePlugin('OKL', destination.airport.IATA, 'airport_button_listitem_showprice', destination.first_flight, destination.last_flight, destination.day1+destination.day2+destination.day3+destination.day4+destination.day5+destination.day6+destination.day7)" style="cursor: pointer;" v-else>SHOW PRICE</span>

                                                    </div>

                                                    <div class="ff-row-divider"></div>

                                                    <div class="ff-row-airline ff-open-pop" @click="openAirlinePopup($event, 'OKL', destination.airport.IATA)">
                                                        <div class="ff-image-wrap">
                                                            <div class="ff-image-container">
                                                                <img class="ff-image-airline" :src="'https://images.flightsfrom.com/airlines/100/' + destination.airlineroutes[0].carrier + '_100px.png'" :alt="destination.airlineroutes[0].carrier_name" :title="destination.airlineroutes[0].carrier_name">
                                                            </div>
                                                            <span class="flightsfrom-list-airline-ball" style="" v-if="destination.airlineroutes.length > 1">+{{ destination.airlineroutes.length-1 }}</span>
                                                        </div>

                                                    </div>


                                                    <div class="ff-row-weekday ff-open-pop" @click="openAirlinePopup($event, 'OKL', destination.airport.IATA)">
                                                        <div class="days-wrapper">
                                                            <div>
                                                                <div class="uk-flex" style="cursor: pointer;"
                                                                     v-if="destination.day1 != 'yes' &&
                                                         destination.day2 != 'yes' &&
                                                         destination.day3 != 'yes' &&
                                                         destination.day4 != 'yes' &&
                                                         destination.day5 != 'yes' &&
                                                         destination.day6 != 'yes' &&
                                                         destination.day7 != 'yes'">
                                                                    <div class="flightsfrom-list-days disabled" :class="destination.day7 == 'upcoming' ? 'upcoming':''">S</div>
                                                                    <div class="flightsfrom-list-days disabled" :class="destination.day1 == 'upcoming' ? 'upcoming':''">M</div>
                                                                    <div class="flightsfrom-list-days disabled" :class="destination.day2 == 'upcoming' ? 'upcoming':''">T</div>
                                                                    <div class="flightsfrom-list-days disabled" :class="destination.day3 == 'upcoming' ? 'upcoming':''">W</div>
                                                                    <div class="flightsfrom-list-days disabled" :class="destination.day4 == 'upcoming' ? 'upcoming':''">T</div>
                                                                    <div class="flightsfrom-list-days disabled" :class="destination.day5 == 'upcoming' ? 'upcoming':''">F</div>
                                                                    <div class="flightsfrom-list-days disabled" :class="destination.day6 == 'upcoming' ? 'upcoming':''">S</div>

                                                                </div>
                                                                <div class="uk-flex" style="cursor: pointer;" v-else>
                                                                    <div class="flightsfrom-list-days" :class="destination.day7 == 'no' ? 'disabled':''">S</div>
                                                                    <div class="flightsfrom-list-days" :class="destination.day1 == 'no' ? 'disabled':''">M</div>
                                                                    <div class="flightsfrom-list-days" :class="destination.day2 == 'no' ? 'disabled':''">T</div>
                                                                    <div class="flightsfrom-list-days" :class="destination.day3 == 'no' ? 'disabled':''">W</div>
                                                                    <div class="flightsfrom-list-days" :class="destination.day4 == 'no' ? 'disabled':''">T</div>
                                                                    <div class="flightsfrom-list-days" :class="destination.day5 == 'no' ? 'disabled':''">F</div>
                                                                    <div class="flightsfrom-list-days" :class="destination.day6 == 'no' ? 'disabled':''">S</div>

                                                                </div>

                                                                <div class="ff-row-duration-mobile" style="cursor: pointer;">

                                                                    <span class="ff-row-text-duration">DURATION: </span> <span class="ff-row-text-durationnr">{{ minutesToTime( destination.common_duration) }}</span>

                                                                </div>

                                                            </div>
                                                            <div class="uk-width-extend uk-text-right ff-flights-daily" v-if="destination.flights_per_day != 0">{{ destination.flights_per_day }} per day</div>
                                                            <div class="uk-width-extend uk-text-left ff-flights-daily-desktop" v-if="destination.flights_per_day != 0">{{ destination.flights_per_day }} per day</div>

                                                        </div>

                                                    </div>

                                                    <div class="ff-row-duration">

                                                        <span class="flightsfrom-mobile-only ff-open-pop" @click="openAirlinePopup($event, 'OKL', destination.airport.IATA)" style="font-weight: 400; cursor: pointer;">{{ minutesToTime( destination.common_duration ) }}</span>

                                                    </div>
                                                </div>


                                            </li>
                                        </template>
                                    </ul>

                                    <div v-else style="margin-top: 20px; text-align: center;">
                                        Your search did not find any routes/destinations. You can try <a href="OKL.html">clear all filters</a>.
                                    </div>


                                    <div v-if="showAll" class="uk-text-center uk-margin-top">
                                        <div @click="showAllDestinations()" class="ff-show-all">Show all destinations</div>
                                    </div>
                                </div>
                                <div v-else-if="entityType === 'departures' || entityType === 'arrivals'">
                                    <ul class="uk-list uk-list-divider uk-margin-small-top" v-if="schedules.length > 0">
                                        <template v-for="(schedule, index) in schedules">
                                            <li class="ff-li-list deparr" @click="openInfoBox(schedule)">
                                                <div class="uk-flex ff-wrapper" style="justify-content: space-between">
                                                    <div class="deparr_time" @click="openInfoBox(schedule)">
                                                        <div v-if="entityType === 'departures'">{{ schedule.departure_time }}</div>
                                                        <div v-if="entityType === 'arrivals'">{{ schedule.arrival_time.slice(0, -3) }}</div>
                                                    </div>
                                                    <div class="uk-flex deparr_airline" @click="openInfoBox(schedule)" style="align-items: center">
                                                        <div class="">
                                                            <div class="ff-image-container">
                                                                <img class="ff-image-airline" :src="'https://images.flightsfrom.com/airlines/100/' + schedule.carrier + '_100px.png'" :alt="schedule.carrier" :title="schedule.carrier">
                                                            </div>
                                                        </div>
                                                        <div style="margin-left: 5px;" class="deparr_airline_name">{{ schedule.airline.shortname }}</div>
                                                    </div>
                                                    <div class="hidden_airline">{{ schedule.airline.shortname }}</div>
                                                    <div class="deparr_country">
                                                        <div class="uk-flex uk-flex-middle">
                                                            <div>
                                                                <img :src="'https://images.flightsfrom.com/flags2/' + schedule.airport.country_code.toLowerCase() + '.svg'" :uk-tooltip="schedule.airport.country_code + ' - ' + schedule.airport.name" style="position: relative; top: -1px;" class="flag-image" :title="schedule.airport.name" :alt="schedule.airport.name" v-if="entityType === 'departures'">
                                                                <img :src="'https://images.flightsfrom.com/flags2/' + schedule.departure_airport.country_code.toLowerCase() + '.svg'" :uk-tooltip="schedule.departure_airport.country_code + ' - ' + schedule.airport.name" style="position: relative; top: -1px;" class="flag-image" :title="schedule.departure_airport.name" :alt="schedule.departure_airport.name" v-else>
                                                            </div>

                                                            <div>
                                                                <a style="color:#333;" :href="'/' + schedule.departure_airport.IATA + '-' + schedule.airport.IATA">
                                                                    <span v-if="entityType === 'departures'">{{ schedule.airport.IATA }} <strong>{{ schedule.airport.city_name }}</strong></span>
                                                                    <span v-else>{{ schedule.departure_airport.IATA }} <strong>{{ schedule.departure_airport.city_name }}</strong></span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="deparr_flight" @click="openInfoBox(schedule)">
                                                        {{ schedule.carrier }}{{ schedule.flightnumber }}
                                                    </div>

                                                    <div class="ff-row-divider"></div>

                                                    <div class="deparr_duration">
                                                        <span class="flightsfrom-mobile-only ff-open-pop duration_general" @click="openInfoBox(schedule)" style="width: max-content; font-weight: 400; cursor: pointer;"><span class="duration_label">Duration: </span>{{ minutesToTime( schedule.elapsed_time ) }}</span>
                                                    </div>
                                                    <div class="deparr_details">
                                                        <span class="flightsfrom-list-money ff-open-pop" style="cursor: pointer;" @click="openInfoBox(schedule)">DETAILS</span>
                                                    </div>
                                                </div>
                                            </li>
                                        </template>
                                    </ul>
                                    <div v-else style="margin-top: 20px; text-align: center;">
                                        Your search did not find any departures. You can try <a href="OKL.html">clear all filters</a>.
                                    </div>
                                    <div class="uk-text-center" style="margin-top: 15px;" v-if="schedules.length < schedulesCount">
                                        <button class="uk-button uk-button-default uk-button-small" id="show-more-routes" @click="showMoreSchedules" style="border-radius: 5px;margin-bottom: 5px;">
                                            Show more
                                        </button>
                                    </div>
                                </div>



                                <div id="ff-list-info" class="uk-box-shadow-medium" style="width: 400px; padding: 20px; position: absolute; left:0; top: 0; background-color:#fff; z-index: 99; display: none;">

                                    <div id="ff-list-info-inner"></div>

                                </div>

                            </div>

                            <!-- /Destination list -->

                        

                        <div class="ff-extra-content uk-margin-large-top">

                            <h3>

                                Oksibil (OKL), Indonesia

                                

                            </h3>

                            

                            

                            <div style="margin-top: 20px; margin-bottom: 10px; width: 100%; border: 1px solid #e5e5e5; border-radius: 8px; display: inline-block; clear: both; background-color: #fff;">
                                <iframe
                                        v-bind:src="'/content/cNative?from=OKL&to=' + destinationTo + '&slotnumber=1&airportv2native1&preview=1'"
                                        width="100%" height="100px;" style="border: 0; overflow: hidden;"></iframe>
                            </div>


                            <div><p>Oksibil (OKL) is a smaller airport in Indonesia. The one and only destination from here is <a href="DJJ.html">Jayapura (DJJ)</a> with Trigana Air where you can fly 7 days a week.</p><div class="airport-text"><h4>Most popular destinations from Oksibil (OKL)</h4></div><p>Based on number of scheduled departures next month.</p><div class="hometoplist"><a href="OKL-DJJ.html" class="hometoplist-item"><div class="hometoplist-logos"><div class="hometoplist-logo-wrapper"><img src="https://images.flightsfrom.com/flags2/id.svg" class="hometoplist-logo"></div></div><div class="hometoplist-content"><span class="hometoplist-first">Sentani</span><span class="hometoplist-last"><span class="makebluehighlight">56 flights</span> scheduled next month</span></div></a></div><div class="airport-text"><h4>Biggest airlines from Oksibil (OKL)</h4></div><p>Based on number of scheduled departures next month</p><div class="hometoplist"><a href="OKL/IL.html" class="hometoplist-item"><div class="hometoplist-logos"><div class="hometoplist-logo-wrapper"><img src="https://images.flightsfrom.com/airlines/100/IL_100px.png" class="hometoplist-logo"></div></div><div class="hometoplist-content"><span class="hometoplist-first">Trigana Air</span><span class="hometoplist-last"><span class="makebluehighlight">56 flights</span> scheduled next month</span></div></a></div><div class="airport-text"> <h4>Top aircraft types from Oksibil (OKL)</h4></div><p>The most common aircrafts in our database</p><div class="hometoplist"><a href="OKL%EF%B9%96state=1&amp;aircrafts=ATR.html" class="hometoplist-item"><div class="hometoplist-counter">1</div><div class="hometoplist-content"><span class="hometoplist-first">ATR 72/42</span><span class="hometoplist-last"><span class="makebluehighlight">56 flights</span> with this aircraft type next month</span></div></a></div></div>
                            <div style="margin-top: 10px;"></div>


                            <div style="margin-top: 20px; margin-bottom: 10px; width: 100%; border: 1px solid #e5e5e5; border-radius: 8px; display: inline-block; clear: both; background-color: #fff;">
                                <iframe
                                        v-bind:src="'/content/cNative?from=OKL&to=' + destinationTo + '&slotnumber=2&airportv2native1&preview=1'"
                                        width="100%" height="100px;" style="border: 0; overflow: hidden;"></iframe>
                            </div>


                                                                                                                                                                                                                                                                                                                                                                                                                                                                
                            
                            <div itemscope itemtype="https://schema.org/FAQPage">
    <h3 style="margin-top: 40px;">Frequently Asked Questions (FAQ)</h3>
    <ul uk-accordion>
        <li itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
            <a class="uk-accordion-title" href="#" itemprop="name">How many airports are there in Oksibil?</a>
            <div class="uk-accordion-content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
                <div itemprop="text">
                                            There are only 1 airport in Oksibil: Oksibil Airport (OKL).
                                    </div>
            </div>
        </li>
        <li itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
            <a class="uk-accordion-title" href="#" itemprop="name">What is the best airport to use when flying from Oksibil?</a>
            <div class="uk-accordion-content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
                <div itemprop="text">
                    The most convenient airport to fly from Oksibil is Oksibil Airport (OKL).
                </div>
            </div>
        </li>
        <li itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
            <a class="uk-accordion-title" href="#" itemprop="name">How many airlines are flying from Oksibil Oksibil (OKL)?</a>
            <div class="uk-accordion-content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
                <div itemprop="text">
                                            There are 1 airlines flying from Oksibil to 1 airports around the world, as of
                        November 2025.
                                    </div>
            </div>
        </li>
        <li itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
            <a class="uk-accordion-title" href="#" itemprop="name">Which airlines are flying from Oksibil?</a>
            <div class="uk-accordion-content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
                <div itemprop="text">
                                             
                         There is currently one airline with flights from Oksibil, Trigana Air.

                                    </div>
            </div>
        </li>

        
        <li itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
            <a class="uk-accordion-title" href="#" itemprop="name">What is the airport in Oksibil (OKL) called?</a>
            <div class="uk-accordion-content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
                <div itemprop="text">
                    The name of the airport in Oksibil (OKL) airport is Oksibil (OKL), Indonesia.
                </div>
            </div>
        </li>
        <li itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
            <a class="uk-accordion-title" href="#" itemprop="name">What is the airport code of Oksibil airport?</a>
            <div class="uk-accordion-content" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
                <div itemprop="text">
                    The airport code of Oksibil airport is <strong>OKL</strong>.
                </div>
            </div>
        </li>

    </ul>
</div>

                        </div>
                    </div>


                    <div class="uk-width-1-1 uk-width-1-3@m">

                        <div>
                            <div class="uk-box-shadow-medium uk-margin-bottom ff-right-map-box">

                                <div class="new-map uk-cover-container uk-position-relative" onmouseover="showMapText('on')" onmouseout="showMapText('off')">

                                    <a id="ff-hover-classic" :href="mapExplorerUrl()" target="_blank" class="ff-hover-classic uk-box-shadow-medium">VIEW IN <br/>MAP EXPLORER</a>

                                    
                                    <img src="routes/OKL.png" alt="Oksibil OKL route map" title="Oksibil OKL route map"/>

                                    <div class="flightsfrom-logo-map">

                                        <img src="img/flightsfromlogo%EF%B9%96v=1.0.2.png" alt="FlightsFrom Logo" title="FlightsFrom Logo">

                                    </div>

                                    
                                </div>

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

                                    <div class="uk-flex uk-margin-bottom">

                                        <div class="uk-width-1-2 uk-text-left">
                                            <small><strong>City:</strong></small>
                                            <div style="font-weight: 400; font-size: 18px;">

                                                                                                    Oksibil
                                                                                            </div>
                                        </div>
                                        <div class="uk-width-1-2 uk-text-left">

                                            <small><strong>Destinations:</strong></small>
                                            <div style="font-weight: 400; font-size: 18px;">1 destinations</div>
                                        </div>

                                    </div>


                                    <div class="uk-flex">

                                        <div class="uk-width-1-2" style="margin-right: 5px;">

                                            <a :href="mapExplorerUrl()" class="flightsfrom-map-button flightsfrom-explorer-button" style="width: 100%; cursor: pointer; background-color: #a5abad;" target="_blank">MAP EXPLORER</a>

                                        </div>

                                        <div class="uk-width-1-2" style="margin-left: 5px;">

                                            
                                            <div
                                                    class="flightsfrom-map-button button-six" style="cursor: pointer; width: 100%; padding: 10px 0px;"
                                                    onclick="initDatePlugin('OKL','DJJ', '', 'airport_button_undermap_checkprices')">
                                                CHECK PRICES
                                            </div>

                                            
                                        </div>


                                    </div>


                                </div>
                            </div>
                            
                            
                            <div class="uk-box-shadow-medium uk-margin-bottom">
                                <div class="newsletter-sidebar">
    <div class="newsletter-sidebar-inner">
        <div class="newsletter-s1">
            <div class="newsletter-icon">
                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-envelope-check" viewBox="0 0 16 16">
                    <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/>
                    <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z" style="color: #548c22"/>
                </svg>
            </div>
            <div>
                                <div class="newsletter-title">Oksibil (OKL) updates</div>
                
                <div class="newsletter-preamble">Subscribe to our newsletter and be the first to know about the latest news and flight route updates.</div>
            </div>
        </div>
        <div class="s2">
            <div class="newsletter-input">
                <div style="background:#fff;color:#333;position: absolute;left: 9px;top:-9px;padding-left:  7px;padding-right:  7px; font-size: 11px;">Your email address</div>
                <input type="text" id="rightcolumn-subscriber-email" name="email" placeholder="Enter email for exclusive content">
            </div>
            <button class="newsletter-signupbutton" onclick="rightcolumnNewsletterSend()">Join for free</button>
            <div id="rightcolumn-subscription-message" style="text-align: left; color: #e67f22"></div>
        </div>
        <div class="newsletter-bottom">
            <div class="newsletter-bottom-1">You may opt-out at any time</div>
            <div class="newsletter-bottom-2" style="margin-left: auto;"><img src="img/flightsfromlogo%EF%B9%96v=1.0.2.png"></div>
        </div>
    </div>
</div>
                            </div>


                            

                            <div>

                                <!-- Right side compare ad -->
                                <div id="container-ad-compare-1">

                                    <div class="infowin-shedule" id="ad-compare-1">

                                        <iframe
                                                id="ad-compare-header"
                                                @load="getframeheightFirst($event, this)"
                                                ref="rightiframe"
                                                width="100%"
                                                height="auto"
                                                v-bind:src="'/content/cCompare?from=OKL&to=' + destinationTo + '&width=300&height=600&preview=1'"
                                                style="border: 0; overflow: hidden;"></iframe>

                                    </div>

                                </div>
                                <!-- / Right side compare ad -->


                            </div>


                            <div class="uk-margin-top">
                                <ul class="uk-breadcrumb">
                                    <li><a href="index.html">Home</a></li>
                                    
                                        <li><a href="indonesia.html">Indonesia</a></li>
                                        <li>Flights from Oksibil (OKL)</li>

                                                                    </ul>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </section>


        <!--

                <div id="backtotop" class="flightsfrom-backtotop uk-box-shadow-medium" onclick="topFunction()">
                    <div class="flightsfrom-ring">

                        <div class="flightsfrom-chevron"></div>
                    </div>
                    <div style="margin-top: 5px;">
                        BACK TO TOP
                    </div>
                </div>
        -->


        <div id="backtotop" class="backtotop-buttons">

            <div class="backtotop-wrapper">

                <div>

                    <div class="button-backtotop" onclick="topFunction()">

                        <div class="flightsfrom-ring">

                            <div class="flightsfrom-chevron"></div>

                        </div>

                        <div style="margin-top: 5px; font-weight: bold;">

                            BACK TO TOP

                        </div>

                    </div>

                </div>

                <div>
                    <a href="#ff-filters" uk-toggle style="text-decoration: none">

                        <div class="button-backtotop">

                            <div class="flightsfrom-ring">

                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="#88DADF" class="bi bi-sliders" viewBox="0 0 16 16" style="padding-top: 3px">
                                    <path fill-rule="evenodd" d="M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z"/>
                                </svg>
                            </div>

                            <div style="margin-top: 5px; font-weight: bold;">

                                FILTERS

                            </div>

                        </div>
                    </a>

                </div>
                <div>

                    <div class="button-checkprice" onclick="initDatePlugin('GOT','', '', 'airport_button_floating_button')">

                        <div class="flightsfrom-ring">

                            <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="#88DADF" class="bi bi-tags-fill" viewBox="0 0 16 16" style="padding-top: 3px;">
                                <path d="M2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2zm3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
                                <path d="M1.293 7.793A1 1 0 0 1 1 7.086V2a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l.043-.043-7.457-7.457z"/>
                            </svg>

                        </div>

                        <div style="margin-top: 5px; font-weight: bold;">

                            PRICE SEARCH

                        </div>

                    </div>

                </div>


            </div>

        </div>


        <input v-model.lazy="durationFrom" id="durationFrom" type="hidden" @input="updateDurationFrom">
        <input v-model="durationTo" id="durationTo" type="hidden" @input="updateDurationTo">
        <input v-model="departureFrom" id="departureFrom" type="hidden" @input="updateDepartureFrom">
        <input v-model="departureTo" id="departureTo" type="hidden" @input="updateDepartureTo">
        <input v-model="arrivalFrom" id="arrivalFrom" type="hidden" @input="updateArrivalFrom">
        <input v-model="arrivalTo" id="arrivalTo" type="hidden" @input="updateArrivalTo">
        <input v-model="distanceFrom" id="distanceFrom" type="hidden" @input="updateDistanceFrom">
        <input v-model="distanceTo" id="distanceTo" type="hidden" @input="updateDistanceTo">
        <input v-model="priceFrom" id="priceFrom" type="hidden" @input="updatePriceFrom">
        <input v-model="priceTo" id="priceTo" type="hidden" @input="updatePriceTo">
        <div id="cookie-bar" class="cookie-bar cookie-bar--bottom-left">
            <div class="cookie-bar__inner"><span class="cookie-bar__message">This site uses cookies to offer you a better browsing experience. </span><span class="cookie-bar__buttons"><button type="button" class="cookie-bar__btn">I accept</button><a href="en/about-us.html" target="_blank" class="cookie-bar__link cookie-bar__link--cookies-info">More information</a></span></div>
        </div>


        <!-- inactivity popup -->
        <div id="ff-idle-overlay" onclick="closeInactivityAd()"></div>
        <div id="ff-idle-ad">

            <!-- Kayak -->

            <div style="position: relative;">

                <div class="ad-container-close ff-pointer" style="z-index: 999;" onclick="closeInactivityAd()">

                    <div style="transform: rotate(45deg)">
                        <svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                            <circle fill="none" stroke="#fff" stroke-width="1.1" cx="9.5" cy="9.5" r="9"></circle>
                            <line fill="none" stroke="#fff" x1="9.5" y1="5" x2="9.5" y2="14"></line>
                            <line fill="none" stroke="#fff" x1="5" y1="9.5" x2="14" y2="9.5"></line>
                        </svg>
                    </div>

                </div>


                <div id="container-ad-compare-2">

                    <div class="infowin-shedule" id="ad-compare-2">

                        <iframe id="ad-compare-header-2"
                                @load="getframeheight(this)"
                                width="100%"
                                height="auto"
                                v-bind:src="'/content/cCompare?from=OKL&to=' + destinationTo + '&width=300&height=600&preview=1'"
                                style="border: 0; overflow: hidden;"></iframe>

                        
                                                            <div class="ad-compare-phone phone-ad-show-switch" style="display: none;">

                                <div class="ff-phone-ad">
                                    <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>Oksibil</strong>
                                </div>

                            </div>
                                
                        
                    </div>

                </div>

            </div>

            <!-- /Kayak -->

        </div>
        <!-- /Inactivity popup -->


    </div>

    <style>.backtotop-buttons {

            position: fixed;
            left: 30px;
            bottom: 20px;
            z-index: 99;
            transition: all .3s ease 0s;
        }

        .backtotop-wrapper {

            display: flex;
            flex-direction: row;
            font-size: 11px;
        }

        .button-backtotop {

            outline: none;
            background-color: #88c5df;
            color: white;
            cursor: pointer;
            padding: 5px;
            border-radius: 10px;
            font-weight: 400;
            text-align: center;
            text-transform: uppercase;
            margin-right: 10px;
            height: 100%;
            min-width: 70px;

            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }

        .button-checkprice {

            outline: none;
            background-color: #88DADF;
            color: white;
            cursor: pointer;
            padding: 5px;
            border-radius: 10px;
            font-weight: 400;
            text-align: center;
            text-transform: uppercase;
            margin-right: 10px;
            height: 100%;
            min-width: 70px;

            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }

        .button-other {

            outline: none;
            background-color: #9FDEC8;
            color: white;
            cursor: pointer;
            padding: 5px;
            border-radius: 10px;
            font-weight: 400;
            text-align: center;
            text-transform: uppercase;
            margin-right: 10px;
            height: 100%;

            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }

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

            .backtotop-wrapper {
                font-size: 9px;
            }

            .backtotop-buttons {
                left: 10px;
            }

            .button-backtotop, .button-checkprice, .button-other {
                margin-right: 5px;
            }
        }


    </style>




    <!-- Overlay plugins -->

    <script src="js/easepick120bundleumd.min.js"></script>


<style>#plugin-book-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color:#000; opacity: 0.7; z-index: 990; display: none; }

    #plugin-book {

        position: fixed;
        background-color: #00FF00;
        top: 50%;
        left: 50%;
        margin-top: -300px;
        margin-left: -400px;
        width: 670px;
        background-color:#fff;
        border-radius: 5px;
        z-index:9999;
        padding: 20px;
        padding-top: 10px;
        display: none;

    }

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

         #plugin-book {

            position: fixed;
            background-color: #00FF00;
            top: 10px;
            left: 10px;
            bottom: 10px;
            right: 10px;
            margin-top: 0px;
            margin-left: 0px;
            width: calc( 100% - 60px );
            background-color:#fff;
            border-radius: 5px;
            z-index:9999;
            padding: 20px;
            padding-top: 10px;

         }
    }

	.container.inline { box-shadow: none!important }
	.ff-text-left { text-align: left; }
	.ff-text-center { text-align: center; }
	.ff-text-right { text-align: right; }
	.ff-pointer { cursor: pointer; }
	.ff-dropdown-button { border: 0; padding-bottom: 10px; text-align: center; border-radius: 3px; }

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

    content: '';
    position:absolute;
    background-color:#fff;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    opacity: 0.5;

    left: 0px;top: 0px;

    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);

    animation: buttonsix 2s infinite;

  }
  .button-six:after {

    content: '';
    position:absolute;
    background-color:#fff;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    opacity: 0.5;

    left: 0px;top: 0px;

    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);

    animation: buttonsix 2s infinite;
    animation-delay: 0.5s;

  }

    @keyframes buttonsix {
      0% {

        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);

      }
      70% {
        opacity: 0.1;
      }

      100% {

        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
      }
    }



    .ff-calc-dec { padding: 3px; border-radius: 3px; color:#333; height: 30px; width: 30px; text-align: center; font-size: 16px; line-height: 27px; color:#94c3de; font-weight: 400; margin-right: 5px; border: 1px solid #94c3de; }
    .ff-calc-num { padding: 3px;  color:#333; width: 30px; text-align: center; font-size: 14px; font-weight: 500; margin-right: 5px; }
    .ff-calc-add { padding: 3px; border-radius: 3px; color:#333; height: 30px; width: 30px; text-align: center; font-size: 16px; color:#94c3de; line-height: 27px; font-weight: 500; border: 1px solid #94c3de; }

    .ff-dropdown-button.active { color:#94c3de;  }

    .ff-dropdown-container { margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; padding-bottom: 0px; }

    .ff-plugin-book-close { display: inline-block; position: absolute; top: 10px; right: 10px; }

    #ff-plugin-alert { display: none; }


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


    	.ff-calc-dec { padding: 3px; border-radius: 3px; color:#333; height: 20px; width: 20px; text-align: center; font-size: 13px; line-height: 22px; color:#94c3de; font-weight: 400; margin-right: 5px; border: 1px solid #94c3de; }
    	.ff-calc-num { padding: 3px;  color:#333; width: 20px; text-align: center; font-size: 12px; font-weight: 500; margin-right: 5px; }
    	.ff-calc-add { padding: 3px; border-radius: 3px; color:#333; height: 20px; width: 20px; text-align: center; font-size: 13px; color:#94c3de; line-height: 22px; font-weight: 500; border: 1px solid #94c3de; }
    }



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

		.button-six { padding: 10px 20px; }

		.ff-calc-num { width: 20px;font-size: 13px;  }

		.ff-text-left { text-align: center; }
		.ff-text-center { text-align: center; }
		.ff-text-right { text-align: center; }

		.ff-dropdown-button { border: 0; padding: 0px; text-align: center; border-radius: 0; font-size: 12px; font-weight: 400; }
		.ff-dropdown-button.active { color:#94c3de; }

	}

</style>

















<div id="plugin-book-overlay" onclick="closedates()"></div>


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

	<div class="ff-plugin-book-close ff-pointer"><span uk-icon="icon: plus-circle; ratio: 1.5" style="transform: rotate(45deg)" onclick="closedates()"></span></div>

	<h3 class="uk-text-center uk-margin-remove-top uk-margin-small-bottom">Select your flight details</h3>




	<div class="uk-flex ff-dropdown-container">

		<div class="uk-width-1-3 uk-width-1-3@s">

			<div id="ff-dropdown-roundtrip" class="ff-pointer ff-dropdown-button active" uk-toggle="target: #ff-select-roundtrip"><span style="text-transform: capitalize;" id="ff-drodpwn-roundtrip-text">Round trip</span> <span uk-icon="chevron-down"></span></div>

		</div>

		<div class="uk-width-1-3 uk-width-1-3@s ff-pointer">

			<div id="ff-dropdown-passengers" class="ff-pointer ff-dropdown-button" uk-toggle="target: #ff-select-passengers"><span id="ff-calc-passenger-button">1 adult</span> <span uk-icon="chevron-down"></span></div>

		</div>

		<div class="uk-width-1-3 uk-width-1-3@s ff-pointer">

			<div id="ff-dropdown-class" class="ff-pointer ff-dropdown-button" uk-toggle="target: #ff-select-class"><span id="ff-drodpwn-class-text">Economy</span> <span uk-icon="chevron-down"></span></div>

		</div>

	</div>



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

		<form>

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

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

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

				</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>Oksibil</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>Oksibil</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  =  'OKL';

	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: 'OKL',
            refreshAds: false,
            distanceFrom: 0,
            distanceTo: 0,
            schedulesOffset: 50,
            /*
            * DESTINATIONS
            */
            selectedMonth: null,
            entityType: 'destinations',
            destinations: [{"id":33888,"iata_from":"OKL","iata_to":"DJJ","price":0,"day1":"yes","day2":"yes","day3":"yes","day4":"yes","day5":"yes","day6":"yes","day7":"yes","flights_per_day":"1-2 flights","common_duration":50,"flights_per_week":13,"first_flight":null,"last_flight":"2026-10-15","airport":{"IATA":"DJJ","country_code":"ID","name":"Sentani","city_name":"Jayapura","city_name_en":"Jayapura","country":"Indonesia","no_routes":13},"airlineroutes":[{"id":53074,"route_id":33888,"is_new":0,"first_flight":null,"carrier":"IL","carrier_name":"Trigana Air","aircraft_codes":"ATR","airline":{"id":724,"callsign":"TRIGANA","ICAO":"TGN","IATA":"IL","name":"Trigana Air","fs_id":"TGN","shortname":"Trigana Air","fullname":null,"country":"Indonesia","flag_carrier":null,"languages_primary":null,"languages_secondary":null,"flights_last_24_hours":2,"airbourne":1,"location":"Jakarta","phone":"","url":"http:\/\/www.trigana-air.com\/","wiki_url":"http:\/\/en.wikipedia.org\/wiki\/Trigana_Air_Service","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:30:38.000000Z","updated_at":"2023-06-28T11:05:50.000000Z"}}]}],
            allDestinations: [{"id":33888,"iata_from":"OKL","iata_to":"DJJ","price":0,"day1":"yes","day2":"yes","day3":"yes","day4":"yes","day5":"yes","day6":"yes","day7":"yes","flights_per_day":"1-2 flights","common_duration":50,"flights_per_week":13,"first_flight":null,"last_flight":"2026-10-15","airport":{"IATA":"DJJ","country_code":"ID","name":"Sentani","city_name":"Jayapura","city_name_en":"Jayapura","country":"Indonesia","no_routes":13},"airlineroutes":[{"id":53074,"route_id":33888,"is_new":0,"first_flight":null,"carrier":"IL","carrier_name":"Trigana Air","aircraft_codes":"ATR","airline":{"id":724,"callsign":"TRIGANA","ICAO":"TGN","IATA":"IL","name":"Trigana Air","fs_id":"TGN","shortname":"Trigana Air","fullname":null,"country":"Indonesia","flag_carrier":null,"languages_primary":null,"languages_secondary":null,"flights_last_24_hours":2,"airbourne":1,"location":"Jakarta","phone":"","url":"http:\/\/www.trigana-air.com\/","wiki_url":"http:\/\/en.wikipedia.org\/wiki\/Trigana_Air_Service","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:30:38.000000Z","updated_at":"2023-06-28T11:05:50.000000Z"}}]}],
            date: '2025-11-02',

            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: ["ATR"],
            aircraftsToShow: 0,
            selectedaircrafts: [],
            schedules: [],
            originDestinations: null,
            airlines: [{"id":53074,"route_id":33888,"carrier":"IL","carrier_name":"Trigana Air","lcc":0,"iata_from":"OKL","iata_to":"DJJ","day1":"yes","day2":"yes","day3":"yes","day4":"yes","day5":"yes","day6":"yes","day7":"yes","aircraft_codes":"ATR","first_flight":null,"last_flight":"2026-10-15","class_first":0,"class_business":0,"class_economy":1,"common_duration":50,"min_duration":50,"max_duration":50,"is_new":0,"is_active":1,"is_layover":0,"passengers_per_day":0,"created_at":"2017-12-20T10:14:28.000000Z","updated_at":"2025-10-27T11:48:32.000000Z","deleted_at":null,"last_found":"2025-10-27 12:48:32","flights_per_week":13,"flights_per_day":"1-2 flights","airline":{"id":724,"callsign":"TRIGANA","ICAO":"TGN","IATA":"IL","name":"Trigana Air","fs_id":"TGN","shortname":"Trigana Air","fullname":null,"country":"Indonesia","flag_carrier":null,"languages_primary":null,"languages_secondary":null,"flights_last_24_hours":2,"airbourne":1,"location":"Jakarta","phone":"","url":"http:\/\/www.trigana-air.com\/","wiki_url":"http:\/\/en.wikipedia.org\/wiki\/Trigana_Air_Service","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:30:38.000000Z","updated_at":"2023-06-28T11:05:50.000000Z"}}],
            airlinesToShow: 0,
            airlinesToShowCount: 5,
            countriesToShowCount: 5,
            days: {},
            countries: [{"country":"Indonesia","country_code":"ID"}],
            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=OKL&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.getEle