/*
	(c)2017 - visuallizard.com

	Mobile styles using Media Queries
*/


/* !Media Queries ============================== */


/* Larger Desktop sizes (more than 1480px): */
@media only screen and (min-width: 1140px) {
	body:before { content: 'x-large'; }
}


@media only screen and (max-width: 1140px) {
	body:before { content: 'large'; }

	.site-logo { width: 35%; margin-right: 2.5%; }
	.banner-text { max-width: 90%; margin-top: 0px; }

	.site-footer .container { padding: 2em; }
}

	@media only screen and (max-width: 1000px) {
		body:before { content: 'large'; }

		.top-nav .nav-link { padding-right: .75em; }
		.header-social-media { display: none; }
		.search-form { margin-right: 0; }
		.languages { margin-right: 0; }

		.main-nav { font-size: 13px; margin-left: 0; /* max-width: 70%; */ }
	}


@media only screen and (max-width: 800px) {
	body:before { content: 'medium'; /* mobile nav. mode kicks in */ }

	.top-nav { display: none; }
	.statusbar-nav { }
	.statusbar-nav .nav-link { padding: .75rem 1rem .75rem 0; }
	.statusbar-nav .nav-item:first-child { display: block; }
	.site-header { margin-top: 0; position: relative; top: auto; }
	.site-header + * { margin-top: 0; }
	.site-title { margin-left: auto; margin-right: auto; }
	.languages { margin-right: .5rem; }

	.nav-toggle { color: #c49104; flex-shrink: 0; min-width: auto; width: 24px; height: 24px; border: none; border-radius: 0; background: none; appearance: none; padding: 2px; margin: 0 0 0 auto; z-index: 100; transition: all .2s ease-in;  -webkit-tap-highlight-color:rgba(0,0,0,0); }
	.nav-toggle svg { pointer-events: none; }
/* 	.nav-toggle:hover { background: none; color: #c49104; } */
	.js .nav-on .nav-toggle { color: #c49104; }

	.main-nav { position: relative; top: 0; left: 0; width: 100vw; min-height: 100vh; z-index: 0; transition: all .2s ease-in; background-color: #111e40; margin: 0; padding: 0rem 0 1rem; font-size: 14px; max-width: none; border-top: .5px solid rgba(255,255,255,.2) }
	.js         .main-nav { position: absolute; top; 0; left: -100%; }
	.js .nav-on .main-nav { left: 0; }

	.js .nav-on main,
	.js .nav-on .site-footer,
	.js .nav-on .hero-section,
	.js .nav-on.home .featured.banners { min-height: 0; max-height: 0; overflow: hidden; padding: 0;}

	/* 	all levels */
	.main-nav .nav-list { width: 100%; max-height: 2999px; transition: max-height .2s ease-in; }
	.main-nav .nav-item { border-top: .5px solid rgba(255,255,255,.2); display: flex; flex-wrap: wrap; overflow: hidden; }
	.main-nav .nav-link { width: 100%; /* -webkit-tap-highlight-color: transparent; */  }

	.main-nav .sub-list { position: static; left: auto; top: auto; display: block; width: 100%; padding-top: 0; border: none; background: transparent; box-shadow: none; }
	.main-nav .sub-list > li { }
	.main-nav .sub-list > li > a { padding: .6rem 1.5rem; font-size: 16px; color: #fff; }

	.main-nav .nav-1 .sub-list { visibility: visible; opacity: 1; transform: scale(1); left: auto; right: auto; top: auto; position: static; }
	.main-nav .has-sub > .nav-link { padding-right: 0; }
	.main-nav .has-sub > .nav-link::after { content: none; }

	/* 	1st level */
	.main-nav .nav-1 { width: 100%; height: auto; display: block; margin-bottom: auto; }
	.main-nav .nav-1 > li { margin-bottom: 0; }
	.main-nav .nav-1 > li > a { color: #fff; min-height: 0; padding: 1em .75em; font-weight: 600; text-transform: uppercase; }
	.main-nav .nav-1 > li > a:not(:only-child) { margin-left: 0; }
	.main-nav .nav-1 > li > a:not(:only-child)::before { display: none; content: none; }
	.main-nav .nav-1 > li:hover > a,
	.main-nav .nav-1 .nav-item[data-nav-status="active"] > .nav-link { /* color: #fff; */ }

	/* 	2st level */
	.main-nav .nav-2 { background-color: rgba(0,0,0,.25); }

	/* 	3rd level */
	.main-nav .nav-3 { margin-left: 1rem; border-bottom: none; }
	.main-nav .nav-3 > li > a { font-size: 13px; color: rgba(255,255,255,.75); }

	.main-nav .top-nav { margin-top: 2rem; }
	.main-nav .top-nav > li > a { font-weight: normal; }

	.main-nav .mobile-nav-toggle { width: 52px; height: 42px; margin: 0; color: #fff; padding: 5px; border: none; background: transparent; transition: all .2s; }
	.main-nav .mobile-nav-toggle + .nav-link { width: calc(100% - 52px - 52px); padding-left: 5px; -webkit-tap-highlight-color: transparent;  }

	.main-nav .toggle-off > .sub-list,
	.main-nav .toggle-off > .nav-list { max-height: 0; transition-timing-function: linear; transition-duration: .1s; }

	.main-nav .toggle-on > .sub-list,
	.main-nav .toggle-on > .nav-list { transition: max-height .2s ease-in; }

	.main-nav .toggle-on > .mobile-nav-toggle { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

	.search-form { position: relative; width: 100%; float: none; padding: .5rem 20px; margin: 0rem auto; border-width: 0; border: none; display: flex; background-color: rgba(0,0,0,.3); max-width: none; }
	.search-input { font-size: 16px; padding: .5rem .5rem .5rem 1.25rem; -webkit-appearance: none; width: 100%; flex-grow: 1; order: 1; -webkit-tap-highlight-color:rgba(0,0,0,0); }
	.search-input:focus { outline: none; padding-left: 0; position: relative; z-index: 1; }
	.search-input::placeholder { opacity: .75; }
	.search-input:focus::placeholder { opacity: 0.2; }
	.search-button {
		background-size: 50%;
		width: 32px;
		position: absolute;
		left: 12px;
		top: 11px;
		height: 32px;
		opacity: .5;
		transition: all .2s;
		z-index: 0;
		outline: none;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	.search-input:focus + .search-button,
	.search-button:focus,
	.search-button:active {
		left: calc(100vw - 52px);
		opacity: 1;
		border-color: transparent;
		background-size: 70%;
		z-index: 2;
		outline: none;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	.search-button:active { right: 0 !important; }



	.site-footer { padding: 20px; }
	.site-footer .container{ padding-top: 0; padding-bottom: 0; }

	.footer-nav .nav-link,
	.bottom-nav .nav-link { padding: .75em; }

	.footer-social-media > li + li { margin-left: .5rem; }
	.footer-social-media svg { width: 2.5em; height: 2.5em; }

	/* 	Bottom Nav */
	.bottom-nav { display: block; }
	.bottom-nav .nav-1 { display: block; margin-top: .75rem; }


	/* 	Main */
	.main-content { flex-direction: column; }
	.main-content .sidebar,
	.main-content .primary { width: auto; padding: 0; border: none; }
	.main-content .primary { padding-top: 2rem; padding-bottom: 2rem; order: -1; }
	.side-nav { display: none; }

	.cke div.c3 { width: auto; float:  none; padding:  .5em; }

	.cke > .c2,
	.cke > .c3,
	.cke > .c4,
	.cke > .c5,
	.cke > .c6 { float: none; margin-left: 0; width: auto; }

	.cols-30x70 .cke { display: block; }
	.cols-30x70 .cke .c2.c-first,
	.cols-30x70 .cke .c2.c-last { float: none; margin-left: 0; width: auto; }

	.flex { display: block; }
	.flex > div + div { margin: 0 0 1em 0; }

	h1, .h1 { font-size: 30px; }
	h2, .h2 { font-size: 20px; }

	table { font-size: 12px; }

	/* 	FAQs */
	.faq-toggles .faq-question{ padding-left: 1rem; }
	.faq-toggles .faq-answer { padding: 1rem; }


	.featured.banners .banner-text { padding-top: 0; }
	.banner-desc img { max-width: 100%; max-height: 300px; }
	.slick-dots { line-height: .5; }
	.slick-dots > li > button { width: 4px; height: 4px; border-width: .5px; }

	input,
	select,
	textarea { font-size: 16px; padding-top: .75em; padding-bottom: .75em;  border-width: 0.5px; }

	.fm-form [type="url"],
	.fm-form [type="tel"],
	.fm-form [type="text"],
	.fm-form [type="date"],
	.fm-form [type="email"],
	.fm-form [type="number"],
	.fm-form [type="password"],
	.fm-form select,
	.fm-form textarea { -webkit-appearance: none; }

	.fm-form [type="date"] {  min-height: 46px; }

	/* Feedback form */
	.feedback-form .fm-form [class^="input-"] { width: 100%; }

	/* Corporate Travel form */
	.corporate-travel-form .fm-form [class^="input-"] { width: 100%; }

	/* Agen Registration form */
	.agent-registration-form .fm-form [class^="input-"] { width: 100%; }

	/* Group Travel  */
	.group-travel-form .fm-form [class^="input-"] { width: 100%; }

	/* Family Travel */
	.family-plan-request-form [class^="input-"],
	.family-plan-request-form [class^="input-email"],
	.family-plan-request-form [class^="input-email"] ~ [class^="input-"] { width: 100%; }

	/* Beneficiary Travel */
	.beneficiary-travel-form [class^="input-"] { width: 100%; }

	/* Nesletter Subscribe  */
	.subscribe-form [class*="input-"] { width: 100%; }
	.subscribe-form .fm-checkbox .input-check-option { margin-bottom: .5rem; }

	/* 	Community list */
	.list-item,
	.list-items::after { flex-basis: 48%; min-width: 0; }

	/* 	Announcement */
	.announcement { padding: .75rem 0; }

	/* 	Home page */
	.hero-section { background-image: none; }
	.hero-video { display: none; }
	.hero-container { flex-direction: column; padding: 10px 10px; }
	.hero-content { order: -1; margin: 2rem auto; width: 100%; max-width: 500px; padding: 1rem; }

	.intelisys-forms .intelisys-header { padding: 1rem; }
	.intelisys-forms .intelisys-content > div { padding: .5rem 1rem 1rem; }

	.intelisys-forms .origin-choice,
	.intelisys-forms .destination-choice,
	.intelisys-forms .departure-date,
	.intelisys-forms .return-date,
	.intelisys-forms .promo-code,
	.intelisys-forms .adults-choice,
	.intelisys-forms .children-choice,
	.intelisys-forms .infants-choice { width: calc(50% - .5rem);	}

	.intelisys-forms .group-travel { margin-top: .5rem; }

	.ias-search-widget .passengerSelection,
	.ias-search-widget .passengerSelection .optionContainer.show,
	.ias-search-widget .promocodeField { width: 100% !important; }

	.ias-search-widget .react-autosuggest__suggestion div span.code { padding: .4rem !important; }
	.ias-search-widget .arrivalAirport .react-autosuggest__suggestions-container--open { right: 0 !important; }


	.intelisys-forms select,
	.intelisys-forms input,
	.intelisys-forms .form-control { font-size: 16px !important; }
	.intelisys-forms select:focus,
	.intelisys-forms input:focus,
	.intelisys-forms .form-control:focus,
	.ias-search-widget.prestyled input[type=text]:focus { font-size: 16px !important; }
	.ias-search-widget .calendar .footer { position: static !important; }


	/* 	No JS */
	.no-js .site-top-container { flex-wrap: wrap; }
	.no-js .site-header { order: 1; }
	.no-js .site-header-container { display: block; padding: 0; }
	.no-js .skip-to-nav { font-size: 12px; clip: auto; height: auto; margin: auto; overflow: visible; position: static; width: auto; }
	.no-js .skip-to-nav .icon { width: 1rem; height: 1rem; display: inline-block; vertical-align: text-bottom; }
	.no-js .search-form { margin-left: -20px; margin-right: -20px; width:100vw; }
}

@media only screen and (max-height: 800px) and (orientation:landscape) {
	.main-nav .nav-1 > li > a { padding-top: .5em; padding-bottom: .5em; }

	.hero-container { padding-top: 70px; }
	.intelisys-forms .intelisys-content > div { padding: .5rem 1rem; }
	.ias-search-widget .tripTypeSelection { margin-top: 0 !important; }
	.ias-search-widget .fieldset { margin-top: .5rem; }
	/* .ias-search-widget label { font-size: 0.675rem; } */
}

@media only screen and (max-width: 480px) {
	body:before { content: 'small'; }

	.site-top-container { padding-inline: 10px;}

	.banner-desc img { max-height: 130px; }
}



@media (prefers-reduced-motion: reduce) {
	.hero-video iframe {
		display: none;
	}
}