#website-search-form.loading { pointer-events:none; }
#website-search-form.loading .search-form-tabs,
#website-search-form.loading .search-form-container { opacity:0.6; }

#website-search-form .search-form-tabs,
#website-search-form .search-form-container { transition:opacity .2s; }

.search-form-container { background:none; display:grid;min-height:50px;grid-template-columns:4fr 1.5fr 1fr 1fr 1fr;gap:0.5rem;border-radius:12px;transition:border-radius .2s; font-size:14px; font-family: 'Rubik', sans-serif; padding:10px;}

	#website-search-form.autocomplete-open .search-form-container { border-bottom-left-radius:0;transition:border-radius 0s;}

.search-form-item { background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin:0;position:relative;transition:all .2s; }
	.search-form-item.last { border:0; }
	.search-form-item .fa-chevron-up { display:none; }

	.search-form-item.open .fa-chevron-down { display:none; }
	.search-form-item.open .fa-chevron-up { display:block; }

	.search-form-item > i { color:#3289C5; }

	.search-form-item p { margin:0; }
	.search-form-item p span { display:block;color:#999;font-size:12px;line-height:12px; }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



########    ###    ########   ######
   ##      ## ##   ##     ## ##    ##
   ##     ##   ##  ##     ## ##
   ##    ##     ## ########   ######
   ##    ######### ##     ##       ##
   ##    ##     ## ##     ## ##    ##
   ##    ##     ## ########   ######



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



.search-form-tabs { display: inline-block; }
	.search-form-tabs label { cursor:pointer;background:#2E3B79;color:#fff;display:inline-block;padding:5px 20px;border-top-left-radius:4px;border-top-right-radius:4px;text-transform:uppercase;font-weight:700;border-bottom:2px solid #18224a; }
	.search-form-tabs label:hover,
	.search-form-tabs label.checked { background:#fff;color:#2C3977;border-bottom-color:#fff; }
	.search-form-tabs label input { display:none; }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



   ###    ##     ## ########  #######   ######   #######  ##     ## ########  ##       ######## ######## ########
  ## ##   ##     ##    ##    ##     ## ##    ## ##     ## ###   ### ##     ## ##       ##          ##    ##
 ##   ##  ##     ##    ##    ##     ## ##       ##     ## #### #### ##     ## ##       ##          ##    ##
##     ## ##     ##    ##    ##     ## ##       ##     ## ## ### ## ########  ##       ######      ##    ######
######### ##     ##    ##    ##     ## ##       ##     ## ##     ## ##        ##       ##          ##    ##
##     ## ##     ##    ##    ##     ## ##    ## ##     ## ##     ## ##        ##       ##          ##    ##
##     ##  #######     ##     #######   ######   #######  ##     ## ##        ######## ########    ##    ########



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



.search-form-autocomplete-container { width:100%;display:flex;align-items:center;flex:1 0 auto; }
.search-form-autocomplete-selected { display:flex;flex-wrap:wrap;white-space:nowrap; }
.search-form-autocomplete-selected label { display:block;cursor:pointer;background:#e4e4e4;border-radius:5px;font-size:14px;padding:0 5px;margin:3px 5px 3px 0; }
.search-form-autocomplete-selected label span span { display:none; }
.search-form-autocomplete-selected label i.close { display:none; }
.search-form-autocomplete-selected label:hover { background:#f00;color:#fff; }
.search-form-autocomplete-selected label:hover i.icon { display:none; }
.search-form-autocomplete-selected label:hover i.close { display:inline-block; }
.search-form-autocomplete-selected input { display:none; }

.search-form-autocomplete { position:relative;display:flex;align-items:center;justify-content:space-between;padding:10px;background:#efefef;border-radius:5px;transition:border-radius .2s; }
	#website-search-form.autocomplete-open .search-form-autocomplete { border-bottom-left-radius:0;border-bottom-right-radius:0; }

.search-form-autocomplete-input { display:flex;align-items:center;width:100%; /*background-color: #efefef;*/ }

.search-form-autocomplete.has-items .search-form-autocomplete-selected { width:auto; }
.search-form-autocomplete.has-items .search-form-autocomplete-input { min-width:100px;flex:1; }

.search-icon { cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#3289C5; }

#cruiseappy-autocomplete { border:0;background:transparent;width:100%;font:14px/24px "Rubik", sans-serif; }
#cruiseappy-autocomplete:focus { outline:none; }
#cruiseappy-autocomplete::placeholder { font-size:14px; font-family:'Rubik', sans-serif; }

.search-form-autocomplete-options { position:absolute;top:100%;left:0;width:100%;z-index:9; }
.search-form-autocomplete-options ul { margin:0;padding:0;list-style:none;max-height:400px;overflow:auto;background:#fff;box-shadow:0px 5px 6px #00000029; }
.search-form-autocomplete-options li { padding:5px 10px;cursor:pointer; }
.search-form-autocomplete-options li.selected,
.search-form-autocomplete-options li:hover { background:#e4e4e4; }

.search-form-autocomplete-selected label.item_cruiseline,
.search-form-autocomplete-options li[data-type="cruiseline"] span { background-color:#0E3246;color:#fff; }

.search-form-autocomplete-selected label.item_destination,
.search-form-autocomplete-options li[data-type="destination"] span { background-color:#008b44;color:#fff; }

.search-form-autocomplete-selected label.item_ship,
.search-form-autocomplete-options li[data-type="ship"] span { background-color:rgb(163, 3, 51);color:#fff; }

.search-form-autocomplete-selected label.item_cruise_type,
.search-form-autocomplete-options li[data-type="cruise_type"] span { background-color:#6b94dd;color:#fff; }

.search-form-autocomplete-selected label.item_cruise_code,
.search-form-autocomplete-options li[data-type="cruise_code"] span { background-color:#f90;color:#fff; }

.search-form-autocomplete-selected label.item_cruise_reference,
.search-form-autocomplete-options li[data-type="cruise_reference"] span { background-color:#f90;color:#fff; }

.search-form-autocomplete-selected label.item_departport,
.search-form-autocomplete-options li[data-type="departport"] span { background-color:#77262d;color:#fff; }

.search-form-autocomplete-selected label.item_visitport,
.search-form-autocomplete-options li[data-type="visitport"] span { background-color:#77262d;color:#fff; }

.search-form-autocomplete-selected label.item_search_manager,
.search-form-autocomplete-options li[data-type="search_manager"] span { background-color:#d37108;color:#fff; }

.search-form-autocomplete-options li span { padding:3px;text-transform:capitalize;border-right:4px;border-radius:4px;font-size:13px; }
.search-form-autocomplete-options li span i { margin-right:1px; }

.search-form-autocomplete-options li[data-type="search_manager"] span span { display:none; }
.search-form-autocomplete-options li[data-type="search_manager"] span i { margin-right:0; }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



########  ######## ########     ###    ########  ########  ######
##     ## ##       ##     ##   ## ##   ##     ##    ##    ##    ##
##     ## ##       ##     ##  ##   ##  ##     ##    ##    ##
##     ## ######   ########  ##     ## ########     ##     ######
##     ## ##       ##        ######### ##   ##      ##          ##
##     ## ##       ##        ##     ## ##    ##     ##    ##    ##
########  ######## ##        ##     ## ##     ##    ##     ######



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



.search-form-departs {background:#efefef;border-radius:5px; }
	.search-form-departs.open { border-bottom-left-radius:0;border-bottom-right-radius:0; }
#easepick-departs { width:100%;white-space:nowrap;margin-right:5px; }

.container { border-radius:6px;border-top-left-radius:0;border-top-right-radius:0;left:-10px !important; }
.container.show { box-shadow:none;top:23px !important; }
.container > main { background:#efefef; }

.container.range-plugin .calendar > .days-grid > .day.start,
.container.range-plugin .calendar > .days-grid > .day.end { background-color:var(--primary); }

.container.range-plugin .calendar > .days-grid > .day.start::after { border-left-color:var(--primary); }
.container.range-plugin .calendar > .days-grid > .day.end::after { border-right-color:var(--primary); }

.container.range-plugin .calendar > .days-grid > .day.in-range { background-color:var(--newblue);color:#fff; }

.calendar > .days-grid > .day:hover { border-color:var(--primary);color:var(--color-fg-default);cursor:pointer; }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



########  ########   #######  ########  ########   #######  ##      ## ##    ##  ######
##     ## ##     ## ##     ## ##     ## ##     ## ##     ## ##  ##  ## ###   ## ##    ##
##     ## ##     ## ##     ## ##     ## ##     ## ##     ## ##  ##  ## ####  ## ##
##     ## ########  ##     ## ########  ##     ## ##     ## ##  ##  ## ## ## ##  ######
##     ## ##   ##   ##     ## ##        ##     ## ##     ## ##  ##  ## ##  ####       ##
##     ## ##    ##  ##     ## ##        ##     ## ##     ## ##  ##  ## ##   ### ##    ##
########  ##     ##  #######  ##        ########   #######   ###  ###  ##    ##  ######



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



.search-form-item.has-dropdown { background:#efefef;border-radius:5px; }
.search-form-item.has-dropdown.open { border-bottom-left-radius:0;border-bottom-right-radius:0; }

.search-form-dropdown { width:210px;transform:scale(0.8);transform-origin:top center;opacity:0;visibility:hidden;position:absolute;z-index:1;top:100%;left:0;background:#efefef;padding:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;transition:all .2s; }
	.search-form-item.open .search-form-dropdown { opacity:1;visibility:visible;transform:scale(1); }
.search-form-dropdown .dropdown-item { display:block;padding:5px 15px;background:#e4e4e4;border-radius:5px;cursor:pointer;margin:0 0 5px; }
	.search-form-dropdown .dropdown-item:last-child { margin-bottom:0; }
	.search-form-dropdown .dropdown-item.checked,
	.search-form-dropdown .dropdown-item:not(.disabled):hover { background:var(--primary);color:#fff; }
	.search-form-dropdown .dropdown-item.disabled { opacity:0.5; }
.search-form-dropdown input { display:none; }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



 ######  ##     ## ########  ##     ## #### ########
##    ## ##     ## ##     ## ###   ###  ##     ##
##       ##     ## ##     ## #### ####  ##     ##
 ######  ##     ## ########  ## ### ##  ##     ##
      ## ##     ## ##     ## ##     ##  ##     ##
##    ## ##     ## ##     ## ##     ##  ##     ##
 ######   #######  ########  ##     ## ####    ##



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



a.search-form-submit { background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:6px;}
a.search-form-submit:hover { background:var(--primary-light); }



/*####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######



########  ########  ######  ########   #######  ##    ##  ######  #### ##     ## ########
##     ## ##       ##    ## ##     ## ##     ## ###   ## ##    ##  ##  ##     ## ##
##     ## ##       ##       ##     ## ##     ## ####  ## ##        ##  ##     ## ##
########  ######    ######  ########  ##     ## ## ## ##  ######   ##  ##     ## ######
##   ##   ##             ## ##        ##     ## ##  ####       ##  ##   ##   ##  ##
##    ##  ##       ##    ## ##        ##     ## ##   ### ##    ##  ##    ## ##   ##
##     ## ########  ######  ##         #######  ##    ##  ######  ####    ###    ########



####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### ####### #######*/



@media all and (max-width : 920px) {

	.search-form-container { display:block; }
	#website-search-form.autocomplete-open .search-form-container { border-bottom-left-radius:6px; }
	.search-form-autocomplete { width:100%;padding:15px 10px; }
	.search-form-item { border:0;padding:15px 10px;margin:0; }
	a.search-form-submit { border-top-right-radius:6px;border-bottom-left-radius:6px;padding:15px 10px;height:54px; }
	#search-form-duration .search-form-dropdown { left:0;width:100%;border-top-right-radius:0; }
	.hero-form-container { display:flex;flex-wrap:wrap;justify-content:space-between; }
	.search-form-departs,
	.search-form-submit { width:100%; }
	#search-form-duration,
	#search-form-type { width:48%; }

}

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

	.search-form-container { background:rgba(49, 48, 48, 0.7); }

}

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

	.search-form-item p span { display:inline-block;padding-left:20px; }

}