/*--- # Header ---*/
#header{background:#ffffff;transition:all 0.5s;z-index:997;padding:10px 0;top:0px;font-size:0.9rem}
#header.header-scrolled{top:0;background:rgba(255, 255, 255, 0.95);-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,0.44);box-shadow:0px 0px 15px 1px rgba(0,0,0,0.44)}
#header a{color:#242424;text-decoration:none}
#header .logo{font-size:20px;margin:0;padding:0;line-height:1;font-weight:300;letter-spacing:0px;text-transform:lowercase}
#header .logo a{text-decoration:none;display:inline-block}
#header .logo img{max-height:none}
#header .logo .u{color:#de1054;text-transform:uppercase;font-weight:bold}
#header .logo .k{color:#5b57f4;text-transform:uppercase;font-weight:bold}
#header .top-call{font-size:1rem}

/*-----------	Search Engine	------------------------------*/
.search-primary{background:white}
.search-primary ::-webkit-input-placeholder{color:#242424;font-size:16px}
.search-primary ::-ms-input-placeholder{color:#242424;font-size:16px}
.search-primary ::placeholder{color:#242424;font-size:16px}

.ns-form{background:#5b57f4 url("../img/search-engine/bg-search.jpg") top center!important;min-height:483px!important;overflow:visible}
.ns-form .ico-text-field{position:absolute;padding-top:10px;padding-left:12px;z-index:1;}
.ns-form .select-title{font-size:18px}
.ns-form .btn-outline-primary{padding:10px 25px!important;color:#fff;border:none}
.ns-form .btn-outline-primary:hover{color:#5b57f4;background:#fff;border-radius:5px;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important}
.ns-form .btn-check:checked+.btn-outline-primary{color:#5b57f4;background:#fff;border-radius:5px;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important}
.ns-form .text-type-animation{font-size:18px;text-transform:capitalize}
.ns-form .txt-rotate{color:#fff}
.ns-form .flipped{transform:scale(-1, 1);-moz-transform:scale(-1, 1);-webkit-transform:scale(-1, 1);-o-transform:scale(-1, 1);-khtml-transform:scale(-1, 1);-ms-transform:scale(-1, 1)}

/* --- PAX Dropdown ---*/
#navbarPax #travellerTXT .bi-person-fill{color:#565568;font-size:25px;float:none}
#navbarPax .paxBox{min-width:355px}
#navbarPax .paxBox .qty input[type="number"]{border:solid 1px #ccc;border-radius:5px}
#navbarPax .paxBox .qty .count{color:#000;display:inline-block;vertical-align:top;padding:0 2px;min-width:35px;width:40px;text-align:center;line-height:25px}
#navbarPax .paxBox .qty .plus{cursor:pointer;display:inline-block;vertical-align:top;color:#000;width:25px;height:25px;padding:2px 0;font:18px/1 Arial,sans-serif;text-align:center;border-radius:25%;background:#f0f1f4}
#navbarPax .paxBox .qty .minus{cursor:pointer;display:inline-block;vertical-align:top;color:#000;width:25px;height:25px;padding:2px 0;font:18px/1 Arial,sans-serif;text-align:center;border-radius:25%;background:#f0f1f4}
#navbarPax .paxBox .qty .minus:hover{background-color:#fe363c !important;color:#fff}
#navbarPax .paxBox .qty .plus:hover{background-color:#fe363c !important;color:#fff}
#navbarPax .ns-psngr button{border:solid 1px #696969;border-radius:4px;line-height:33px;background:transparent}
#navbarPax .ns-psngr button:hover{background:#5b57f4;color:#fff!important;border:solid 1px #5b57f4}
#navbarPax .ns-psngr button.active{background:#5b57f4;color:#fff!important;border:solid 1px #5b57f4}
#navbarPax .psngr-dropdown{background:#fff;padding:8px 25px 8px 15px;display:inline-block;color:#242424!important;font-size:14px}
#navbarPax .psngr-dropdown ul li{min-width:125px!important}

nav.psngr-navbar .dropdown ul a{padding:5px 20px}
nav.psngr-navbar .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;z-index:99;opacity:0;visibility:hidden;background:#fff;box-shadow:0px 0px 30px rgba(127, 137, 161, 0.25);transition:0.3s;border-radius:4px}
nav.psngr-navbar .dropdown ul li{min-width:200px}
nav.psngr-navbar .dropdown ul a{padding:5px 10px;color:#444444}
nav.psngr-navbar .dropdown ul a i{font-size:12px}
nav.psngr-navbar .dropdown:hover > ul{opacity:1;top:100%;visibility:visible}

.switch-search{top:20%;right:48.5%;z-index:1}
.ns-flight-type{padding:8px 15px 8px 15px;font-weight:bold}
.ns-form div.middle{margin:auto;width:100%}

/* --- Typehead --- */
.twitter-typeahead{width:100%}
.tt-menu{width:350px;background:#ffffff;cursor:pointer;box-shadow:0px 0px 30px rgb(127 137 161 / 25%)}
.tt-dataset .row{margin:0px;padding:8px 1px;text-align:left;color:#333333;font-size:1rem;line-height:1.2rem;border-bottom:solid 1px #dddddd}
.tt-dataset .row:hover{background:#bcbcbc;color:#FFF}
.tt-dataset .row small{font-size:0.8rem} /*line-height:1rem*/
.tt-input{background:#ffffff!important}

/*--- Footer ---*/
#footer {margin-bottom:20px}
#footer .copyright {text-align:center;color:#242424}
#footer .credits {padding-top:10px;text-align:center;font-size:13px;color:#fff}

/*--- # Hero ---*/
#hero{min-height:50px;overflow:visible;background-image:none;}
#hero .search-primary-space{margin-top:90px}
.hero-with-bg{background:#5b57f4 url(../img/index-hero-bg.webp)!important;background-size:cover!important;height:fit-content!important}
#hero .hero-title{color:white;text-transform:capitalize;text-wrap:balance}
#hero .hero-title h1{color:white;text-transform:capitalize;font-weight:bolder;font-size:2.5em}
#hero .hero-title h2{color:white;text-transform:capitalize;font-weight:bolder;font-size:2.5em}
#hero .hero-title h3{color:white;text-transform:capitalize;font-weight:bolder;font-size:2.5em}
#hero .hero-title h4{color:white;text-transform:capitalize;font-weight:bolder;font-size:2.5em}
#hero .hero-title h5{color:white;text-transform:capitalize;font-weight:bolder;font-size:2.5em}
#hero .hero-title h6{color:white;text-transform:capitalize;font-weight:bolder;font-size:2.5em}
#hero .hero-title p{margin-top:20px;margin-bottom:0px;font-size:1.75em;line-height:1.35em}
#hero .hero-title span{margin-top:20px;margin-bottom:0px;font-size:1.75em;line-height:1.35em}

/* --- GENERAL USE --- */
.default-form-btn{background:#f32168!important;border:solid 2px #fff;line-height:30px;color:#fff;text-transform:uppercase;font-size:15px}
.ico-text-field{position:absolute;padding-top:10px;padding-left:12px;z-index:1}
.custom-form-control{padding-left:50px;border:2px solid #9397a2;line-height:30px}

@media (max-width:991px){
	.mobile-head-call{margin:auto;font-weight:bold;font-size:18px}
}

@media screen and (max-width:768px){
	#header{top:0;background:white!important;padding:5px 0}
	.mobile-head-call{margin:auto;font-weight:bold;font-size:18px}
	#footer{margin-bottom:70px}
/*	nav.psngr-navbar ul{display:block!important}*/
	#hero .search-primary-space{margin-top:0px}
}

@media (max-width:767px){
	#header{background:#fff!important}
	.switch-search{top:33%;right:7%}
	.tt-menu{width:auto}
	.default-form-btn{background:#f32168!important;border:solid 1px #f32168;line-height:30px;color:#fff}
	nav.psngr-navbar{margin-top:10px}
	nav.psngr-navbar ul{width:100%;padding:0px;margin-bottom:0px}
	nav.psngr-navbar ul li{width:100%}
	#navbarPax #travellerTXT{font-size:14px}
	#navbarPax #travellerTXT .bi-person-fill{color:#565568;font-size:22px;float:none}
	#navbarPax .psngr-dropdown{padding: 8px 5px 8px 5px}
	.ns-form .ns-dpt-rtn{background:#fff;border-top-left-radius:6px;border-top-right-radius:6px;padding-bottom:10px} /*;padding:0px 15px 0px 15px*/
	.ns-form .ns-dpt-rtn input[type="text"]::placeholder{font-size:17px}
	.ns-form .ns-dpt-rtn-dates{background:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-bottom:10px}/*;padding:5px 15px 0px 15px;border-top:solid 1px #c2c2c2*/
	.ns-form .ns-dpt-rtn-dates input[type="text"]::placeholder{font-size:17px;line-height:35px}
	.ns-form .btn-outline-primary{padding:6px 15px!important}
	.ns-form .btn-outline-primary:hover{border-bottom-right-radius:5px!important;border-bottom-left-radius:5px!important}
	.ns-form .btn-check:checked+.btn-outline-primary{border-bottom-right-radius:5px!important;border-bottom-left-radius:5px!important}
}

@media (min-width:768px){
	nav.psngr-navbar ul{width:100%;padding:0px;margin-bottom:0px;}
	#navbarPax .paxBox{min-width:355px!important;list-style:none}
}

@media (max-width:580px)	{
	#header{padding:10px 0px!important}
	nav.psngr-navbar{display:block;width:100%;margin-top:10px}
	#navbarPax .paxBox{width:265px!important;min-width:100%!important;list-style:none}
	#navbarPax .psngr-dropdown{width:100%}
	#navbarPax .psngr-dropdown .bi{float:right;padding-top:10px}
	#hero .hero-title h1{font-size:1.9em}
	#hero .hero-title h2{font-size:1.9em}
	#hero .hero-title h3{font-size:1.9em}
	#hero .hero-title h4{font-size:1.9em}
	#hero .hero-title h5{font-size:1.9em}
	#hero .hero-title h6{font-size:1.9em}
	#hero .hero-title p{line-height:1.0em}
	#hero .hero-title span{line-height:1.0em}
}

@media (max-width:425px){
}

@media (max-width:375px){
}

@media (max-width:320px){
	#navbarPax .ns-psngr button{font-size:0.75rem}
	.ns-form .select-title{font-size:16px}
}
