.home-banner							{position:relative; width:100vw; height:90vh; overflow:hidden; text-align:center; padding:0 10vw;
											 background-image:url('/storage/website/home-banner-3.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center;}
	.home-banner form						{position:absolute; left:50%; bottom:10vh; transform:translateX(-50%);background-color:#fff; color:#666; border-radius:20px; text-align:left;}

	.home-banner form>label.border-right	{min-width:250px;}
	.home-banner form>label .font-smaller	{display:inline-block; margin-bottom:10px;}
	.home-banner form>label input			{border:none;}
	.home-banner form>button				{background-color:#000; color:#fff; border-radius:6px; border:none;}
	.home-banner form>button>span			{}


@media all and (min-width:1200px) {
	.home-banner form						{padding:10px 50px 10px 50px;}
	.home-banner form>label.border-right	{border-right:1px dotted #bbb; padding-bottom:10px; padding-right:20px;}
	.home-banner form>button				{padding:0px 40px; height:46px; margin-top:3px;}
}

@media all and (min-width:600px) and (max-width:1199px){
	.home-banner							{padding:0 30px !important;}
	.home-banner form						{padding:10px 30px 10px 30px; column-gap:30px !important;}
	.home-banner form>label.border-right	{border-right:1px dotted #bbb; padding-bottom:10px; padding-right:20px;}
	.home-banner form>button				{padding:0px 25px; height:46px; margin-top:3px;}
}

@media all and (max-width:599px) {
	.home-banner form						{bottom:5vh; padding:10px 25px 30px 25px; row-gap:10px !important;}
	.home-banner form>label					{border-bottom:1px dotted #bbb; width:100%; padding-bottom:5px;}
	.home-banner form>button				{padding:0px 40px; height:46px; margin-top:7px; width:100%; justify-content:center;}
}

/* ------------------------------------------------------------------- */
	.autocomplete-list						 {display:none; position:absolute; left:0px; top:34px; max-height:45vh; background-color:#fff; color:#000; border-radius:0 0 14px 14px; 
											  padding:10px 10px !important; overflow:hidden}
	.autocomplete-list>li					 {padding:7px 0px 5px 20px; line-height:1rem; border-radius:8px;}
	.autocomplete-list>li:hover				 {background-color:var(--sel-bkg);color:var(--sel-text);}


/* ------------------------------------------------------------------- */
	#txt-dates								{min-width:190px;}


/* ------------------------------------------------------------------- */
	.btn-up, .btn-down						{padding:8px; text-align:center;}
	.btn-up:active, .btn-down:active		{background-color:#eee;}


/* ------------------------------------------------------------------- */
	.pnl-assets								{padding:70px 8vw 50px 8vw;}
	.pnl-assets>span						{display:block;}
	.pnl-assets>span .separator				{display:inline-block; width:80px; height:5px; border-radius:5px; background-color:var(--accent-color); margin:20px 0 80px 0;}


	.pnl-assets								{height:auto;}
	.pnl-assets>div							{display:flex; flex-wrap:wrap; column-gap:30px; row-gap:30px;}
	.pnl-assets>div>.asset					{}
	.pnl-assets>div>.asset .lbl-wrapper		{padding:8px 0 0 10px; line-height:1.4rem;}
	.pnl-assets>div>.asset .lbl-wrapper .font-smaller	{color:#666;}
	.pnl-assets>div>.asset .img-wrapper					{border-radius:12px; overflow:hidden; width:100%;height:13vw; background-position:center; background-size:cover;}
	.pnl-assets>div>.asset .img-wrapper>img				{display:block;}
	.pnl-assets>div>.asset .img-wrapper>.btn-favorite	{position:absolute; top:10px; right:10px; background-color:white; padding:6px 5px 5px 5px; border-radius:20px;}
	.pnl-assets>div>.asset .img-wrapper>.lbl-highlight	{position:absolute; top:10px; left:0px ; background-color:rgba(255,255,255,0.4); padding:5px 15px; border-radius:0 6px 6px 0;}


	@media all and (min-width:1201px) {
		.pnl-assets>div>.asset					{flex-basis:31%; max-width:31%;}
		.pnl-assets>div>.asset>.img-wrapper		{}
	}
	@media all and (min-width:601px) and (max-width:1200px) {
		.pnl-assets>div>.asset					{flex-basis:45%; max-width:45%;}
	}
	@media all and (max-width:600px) {
		.pnl-assets>div							{height:auto; overflow-x:hidden; overflow-y:visible;flex-direction:column; row-gap:30px;}
		.pnl-assets>div>.asset					{}
		.pnl-assets>div>.asset>.img-wrapper		{height:200px;}
	}

	@media all and (max-width:600px) {
		.pnl-assets>.pnl-assets-drawer			{display:block; padding:3px 0; text-align:center;}
		.pnl-assets>.pnl-assets-drawer>span		{display:inline-block; width:80px; height:6px; background-color:#ddd; border-radius:8px;}
	}


	.icon-flag									{width:20px; border-radius:20px;}
	.superscript								{position:relative; top:-0.2rem;}