@charset "UTF-8";
/* CSS Document */

:root {
	--green:#009245;
	--green_op_0:#00924500;
	--dark_green:#007233;
	--light_green:#7fd68f;
	--red:#f04f41;
	--icon_size:30px;
	--icon_size_bigger:35px;
	--logo_size:170px;
	--menu_height:60px;
	--filter_height: 120px;
	--input_height:40px;
}


	/*							*/
	/*	DEFAULTS				*/
	/*							*/
	
	html {
		margin: 0;
		padding: 0;
		font-family: OpenSans;
		font-weight: 400;
		font-style: normal;
		font-size: 15px;
		line-height: 1.2;
		font-optical-sizing: auto;
	}
	html, body {
		overflow-x: hidden;
		overflow-y: auto;
		height: 100%;
		min-height: 100vh;
		min-height: 100dvh;
	}
	html * {
		font-family:OpenSans;
		font-kerning: normal;
	}
	ol, ul { 
		margin:0;
		padding:0;
	}
	header, footer, main, body {
		margin: 0;
		padding: 0;
	}
	header, footer {
		z-index: 1;
	}
	

	/*							*/
	/*	MENU					*/
	/*							*/
	
	.menu-placeholder {
		width: 100%;
		height: var(--menu_height);
	}
	header {
		position: fixed;
		top:0;
		left: 0;
		right: 0;
		height: var(--menu_height);
		pointer-events: none;
	}
	header .background {
		position: absolute;
		inset:0;
		background-color: var(--green);
		z-index: 1;
	}
	header > .background .curve {
		display: block;
		position: relative;
		background-color: var(--green);
		inset:0;
		z-index: 2;
		width: 100%;
		height: var(--filter_height);
		/* top: calc(2 * var(--menu_height)); */
		clip-path: ellipse(55% 100% at 50% 0%);
		transition: height 0.3s ease, top 0.3s ease;
	}
	header > .background .rectangle {
		display: block;
		position: relative;
		background-color: var(--green);
		/* background-color: rgba(22,175,92,1.00); */
		z-index: 3;
		width: 100%;
		height: var(--menu_height);
		transition: height 0.25s ease;
		top: 0px;
	}
	header nav {
		position: absolute;
		z-index: 2;
		top: 0;
		height: var(--menu_height);
		pointer-events: none;
	}
	header #search {
		pointer-events: all;
		z-index:3;		
	}
	header #search .mirror {
		left: 50%;
		top: 0;
		transform:translateX(-50%);
	}
	header nav .brand {
		position: absolute;
		top: calc(0.5 * var(--menu_height));
		transform: translateY(-50%);
		cursor: pointer;
	}
	header nav .logo {
		display:  inline-block;
		vertical-align: middle;
		position: relative;
		width: auto;
		margin-right: 15px;
		height: calc(0.5 * var(--menu_height));
		aspect-ratio:45 / 10;
		background-image: url("../../images/elements/negative/01-mlszhu-logo.svg");
		background-size: contain;
		background-repeat: no-repeat;
	}
	header nav .site-name {
		display:  inline-block;
		vertical-align: middle;
		font-weight: normal;
		font-size: inherit;
		color: white;
		text-transform: uppercase;
		letter-spacing: 0.2pt;
	}
	header nav .site-name i {
		display: inline-block;
		aspect-ratio:245 / 300;
		width: 25px;
		margin-right: 5px;
		vertical-align: middle;
		background-image: url("../../images/elements/negative/02-pin.svg");
		background-size: contain;
		background-repeat: no-repeat;
	}
	header nav .site-name em {
		font-style: normal;
		display: inline-block;
		vertical-align: middle;
	}

		/* screens */
		
	
	/* side buttons: search and toggle menu */
	
		header nav .side-buttons {
			position: absolute;
			left: 0;
			right: 0;
			height: var(--menu_height);
			pointer-events: none;
			z-index: 10;
			padding: 10px 10px 0 0;
		}
		header nav .side-buttons button {
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			appearance:none;
			border:none;
			background-color: transparent;
			pointer-events: all;
			cursor: pointer;
			pointer-events: all;
		}
		header nav button.toggle {
			float: right;
			display: none;
		}
		@media screen and (min-width:1040px) { header nav button.toggle { display: none; } }
		header nav button.search {
			float: right;
		}
		header nav button i {
			position: relative;
			text-align: left;
			font-size: var(--icon_size_bigger);
			line-height: var(--icon_size_bigger);
			color: white;
		}
		html[data-mnu="1"] header nav button.toggle i:before { content:"\e908"; }
		html[data-mnu="0"] header nav button.toggle i:before { content:"\e902"; }
		header nav button.search i:before {content: "\e903";}
		
		/* states */

			html[data-sea="1"] header nav button.search i { font-size: var(--icon_size); top: -3px;  }
			html[data-sea="1"] header nav button.search i:before { font-size:0.7em; content: "\e904"; }

	/* main menu */
	
		header nav ul {
			display: block;
			position: relative;
			list-style: none;
			text-align: center;
			margin: 0 calc(25px + var(--icon_size_bigger)) 0 calc(1 * var(--logo_size)); 
			padding: 0;
			top: 50%;
			transform:translateY(-50%);
			color: white;
			font-size:0.9rem;
			pointer-events: none;
		}
		header nav ul li {
			display: inline-block;
			vertical-align: top;
			color: inherit;
			list-style: none;
			margin: 0 10px;  padding: 0;

		}
		header nav ul li a {
			text-decoration: none;
			color: rgba(255,255,255,0.70);
			pointer-events: all;
		}
		header nav ul li a:hover {
			color: white;
		}
	
	
	/*							*/
	/*	SEARCH					*/
	/*							*/
	
		#search {
			position: fixed;
			left: 0;
			width: 100vw;
			height: var(--filter_height);
			/* text-align: center; */
			transition: top 0.3s ease, opacity 0.3s ease;
		}
		#search .background {
			position: absolute;
			inset:0;
			background-color: var(--green);
			background-color: transparent;
			z-index: 1;
		}
		#search .mirror {
			position: relative;
			z-index: 2;
		}
		#search .filters-container-flex {
			font-size: 0;
			line-height: 0;
			text-align: center;
		}
		#search .filters-container-flex .filter {
			display: inline-block;
			vertical-align: top;
			font-size: 1rem;
			line-height: 1.2;
			text-align: left;
			margin-right: 10px;
		}
		#search .fe {
			display: block;
			position: relative;
			overflow: hidden;
			background-color: white;
			border-radius: 5px;
			height: calc(10px + var(--input_height));
		}
		#search .fe label {
			position: absolute;
			inset:0;
		}
		#search #city {
			margin-right: 10px;
		}
		#search .filters-container-flex #city-suggestions {
			position: absolute;
			top: 45px;
			background-color: white;
			box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.25);
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			z-index: 100;
			max-height: 90vh;
			overflow-y: auto;
		}
		#search[data-se="0"] .filters-container-flex #city-suggestions { display: none; }
		
		#search #city-suggestions ul {
			position: relative;
			list-style: none;
			margin: 0 0 0 0;
			padding:15px 0 0 0;
			width: 100%;
			font-size: 1.1rem;
			max-height: calc(90vh - 30px);
			overflow: hidden;
			overflow-y: auto;
			color: #666;
			text-align: left;
			
			/*
			columns: 6;
			
			*/
			max-height: 10000vh;
			overflow-y: auto;
			overflow-y:visible;
			overflow-x: hidden;
			display: block;
			
		}
		XXXX#search #city-suggestions ul:before {
			content:"";
			display: block;
			width: 100%;
			height: 15px;
		}
		#search #city-suggestions ul:after {
			content:"";
			display: block;
			width: 100%;
			height: 15px;
		}
		#search #city-suggestions ul li {
			padding: 0 5px 8px 15px;
			cursor: pointer;
			user-select: none;
			position: relative;
		}
		#search #city-suggestions ul li:before {
			content:"";
			display: block;
			position: absolute;
			z-index: -1;
			inset:-6px 0 1px 0;
			background-color: white;
		}
		#search #city-suggestions ul li:hover {
			z-index: 1;
		}
		#search #city-suggestions ul li:hover:before {
			background-color: #EEEEEE;
		}
		
		#search #city-suggestions ul li[data-hidden="1"] { display: none; }
		
		/* states */
	
			html[data-cts="0"] #search #city-suggestions { display: none; }
			html[data-cts="1"] #search #city-suggestions { display: block; }

		#search #city .fe,
		#search #city-suggestions {width: 300px;}
		#search #radius  .fe,
		#search #radius  .fh { width:150px; }

		/* XXXXL   */ @media screen and (min-width:1600px)                        { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } } 
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { #search #city .fe { width:300px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:150px; } #search #radius.fh { width:150px; } }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { #search #city .fe {width: 270px;} #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { #search #city .fe { width:260px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { #search #city .fe { width:260px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #search #city .fe { width:260px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #search #city .fe { width:260px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { #search #city .fe { width:260px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { #search #city .fe { width:260px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #search #city .fe { width:260px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { #search #city .fe { width:260px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { #search #city .fe { width:260px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { #search #city .fe { width:260px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { #search #city .fe { width:200px; } #search-radius #city-suggestions { width:300px; } #search #radius .fe { width:110px; } #search #radius.fh { width:110px; } }

		/* XXXXL   */ @media screen and (min-width:1600px)                        { #search .filters-container-flex {width: 770px;margin-left: calc(50vw - 320px);} }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { #search .filters-container-flex {width: 770px;margin-left: calc(50vw - 320px);} }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { #search .filters-container-flex { width: 70vw; margin-left: 20vw; } }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { #search .filters-container-flex {width: 770px;margin-left: calc(50vw - 320px);} }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { #search .filters-container-flex {width: 770px;margin-left: calc(50vw - 320px);} }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { #search .filters-container-flex {width: 770px;margin-left: calc(50vw - 320px);} }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { #search .filters-container-flex {width: 60vw;margin-left: 25vw;} }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { #search .filters-container-flex { width: 70vw; margin-left: 20vw; } }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { #search .filters-container-flex { width: 70vw; margin-left: 20vw; } }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { #search .filters-container-flex { width: 70vw; margin-left: 20vw; } }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { #search .filters-container-flex { width: 70vw; margin-left: 20vw; } }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { #search .filters-container-flex { width: 75vw; margin-left: 20vw; } }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { #search .filters-container-flex { width: 75vw; margin-left: 20vw; } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { #search .filters-container-flex { width: 85vw; margin-left: 15vw; } }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { #search .filters-container-flex { width: 85vw; margin-left: 15vw; } }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { #search .filters-container-flex {  } }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { #search .filters-container-flex {  } }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #search .filters-container-flex {  } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #search .filters-container-flex {  } }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { #search .filters-container-flex {  } }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { #search .filters-container-flex {  } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #search .filters-container-flex {  } }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { #search .filters-container-flex {  } }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { #search .filters-container-flex {  } }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { #search .filters-container-flex {  } }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { #search .filters-container-flex {  } }


		#search #options .fe { width:400px; }
		#search .fe .fi,
		#search .fe .fs {
			box-sizing: border-box;
			background-color: transparent;
			position: absolute;
			inset:0;
			padding: 5px 0 0 10px;
			outline: none;
			border:none;
			font-size: 1.5rem;
			line-height: calc(0px + var(--input_height));
			height: calc(3px + var(--input_height));
			color: var(--dark_green);
		}
		#search .fe .fi { z-index: 2; }
		#search .fe .fs { z-index: 1; opacity: 0.5; }
		#search .fe .fr,
		#search .fe .fd {
			z-index: 3;
			position: absolute;
			right: 5px;
			appearance:none;
			background-color: transparent;
			border: none;
			height: calc(10px + var(--input_height));
			cursor: pointer;
			opacity: 1;
			text-decoration: none;
			transition: opacity 0.15s ease 0s;
		}
		#search .fe .fr {transform: translateX(-15px);}
		#search .fe .fr i,
		#search .fe .fd i {
			display: block;
			font-size: 12px;
			line-height: calc(13px + var(--input_height));
			text-align: center;
			color: var(--dark_green);
		}
		#search .fe .fr i:before {content: "\e908";}
		#search .fe .fd i:before {content: "\e905";}
		
		/* search has text */
		
		#search[data-se="0"] .fe .fr { opacity: 0; pointer-events:none; }
		#search[data-se="1"] .fe .fr { opacity: 1; pointer-events:all; }
		#search[data-se="0"] .fe .fd { opacity: 0; pointer-events:none; }
		#search[data-se="1"] .fe .fd { opacity: 1; pointer-events:all; }


		#search .fe input::placeholder               { opacity: 0.5; font-size: 0.7em; }
		#search .fe input::-webkit-input-placeholder { opacity: 0.5; font-size: 0.7em; }
		#search .fe input:-moz-placeholder           { opacity: 0.5; font-size: 0.7em; }
		#search .fe input::-moz-placeholder          { opacity: 0.5; font-size: 0.7em; }
		#search .fe input:-ms-input-placeholder      { opacity: 0.5; font-size: 0.7em; }
		#search .fe input:focus::placeholder               { opacity: 0; }
		#search .fe input:focus::-webkit-input-placeholder { opacity: 0; }
		#search .fe input:focus:-moz-placeholder           { opacity: 0; }
		#search .fe input:focus::-moz-placeholder          { opacity: 0; }
		#search .fe input:focus:-ms-input-placeholder      { opacity: 0; }
		
		
		
		#search .filters-container-flex {
			display: flex;
			flex-direction: row;
			justify-content:center;
			
		}
		#search .filters-container-flex .filter {
			margin-right: 10px;
		}
		
		
		/* search radius */
		
			#search #radius .fe input {
				cursor: context-menu; 
				user-select: none;
				
			}
			#search #radius .fe input:focus {
				
			}
			#search #radius .suffix {
				display: block;
				position: absolute;
				z-index: 5;
				right: 5px;
				top: 0;
				bottom: 0;
				width:60px;
				text-align: right;
				/* background-color: white; */
				pointer-events: none;
			}
			#search #radius .suffix em {
				display: inline-block;
				vertical-align: top;
				margin-right: 5px;
				position: relative;
				font-style: normal;
				color: var(--dark_green);
				line-height: calc(13px + var(--input_height));
			}
			#search #radius .suffix i {
				display: inline-block;
				vertical-align: top;
				position: relative;
				color: var(--dark_green);
				line-height: calc(14px + var(--input_height));
				font-size: 12px;
			}
			#search #radius .suffix em:before { content:"km"; }
			#search #radius .suffix i:before {content: "\e905";}
			#search #radius .fh {
				position: absolute;
				/* width: 100%; */
				top: 45px;
				padding-top: 15px;
				background-color: white;
				box-shadow: 0 15px 20px 0 rgba(0,0,0,0.25);
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				z-index: 2;
			}
			#search #radius .fh ul {
				margin: 0;
				padding: 5px 15px; 
			}
			#search #radius .fh ul li {
				list-style: none;
				margin: 0 0 5px 0; 
				padding: 0 0 8px 0;
				border-bottom: 1px solid #CCC;
			}
			#search #radius .fh ul li:last-child { border-bottom: none; }
			#search #radius .fh ul li label {}
			#search #radius .fh ul li label input {
				position: absolute;
				opacity: 0;
			}
			#search #radius .fh ul li label i {
				display: block;
				position: relative;
				width: 20px;
				height: 20px;
				margin: 0 0 -20px 0;
				font-size: 0;
				line-height: 20px;
				border:2px solid var(--light_green);
				color: white;
				text-align: center;
				border-radius:3px;
			}
			#search #radius .fh ul li label i:before { content:"\e911"; }
			#search #radius .fh ul li label em {
				display: block;
				position: relative;
				font-style: normal;
				margin: 0 0 0 35px;
			}
			#search #radius .fh ul li label input:checked ~ i { font-size: 15px; background-color: var(--light_green); }
			#search #radius .fh ul li label input:checked ~ em {}
			#search #radius[data-expanded="0"] .fh { display:none; }


		/* options */

			#search .filters-container-flex #options {
				margin: 0;
				padding:0;
				width: calc(50% - 0px);
				background-color: rgba(245,245,220,0.61);
				background-color: transparent;
			}
			#search #options ul.options {
				display: block;
				position: relative;
				margin: 0;
				padding: 0;
				list-style: none;
				max-width: auto;
			}
			#search #options[data-count="1"] ul.options { max-width: auto; }
			#search #options[data-count="2"] ul.options {max-width: auto;column-count: 2;}
			#search #options[data-count="3"] ul.options { max-width: auto; }
			#search #options[data-count="4"] ul.options { max-width: auto; }
			#search #options[data-count="5"] ul.options { max-width: auto; }
			#search #options[data-count="6"] ul.options {}
			#search #options[data-count="7"] ul.options { max-width: auto; }
			#search #options[data-count="8"] ul.options { max-width: auto; }
			#search #options[data-count="9"] ul.options { max-width: auto; }
			#search #options ul.options li {
				display: inline-block;
				vertical-align: top;
				min-width: 150px;
				max-width: 150px;
				margin: 0 5px 5px 0;
				height: 25px;
			}
			#search #options ul.options li label {
				display: block;
				cursor: pointer;
				height: 25px;
				outline: 1px solid yellow;
				outline: none;
				text-align: left;
			}
			#search #options ul.options li label input {
				position: absolute;
				opacity: 0;
				cursor: pointer;
			}
			#search #options ul.options li label i {
				display: block;
				position: relative;
				width:       20px;
				height:      20px;
				margin: 0 0 -20px 0;
				line-height: 20px;
				border: none;
				background-color: var(--light_green);
				border-radius: 3px;
				font-size: 0;
				color: var(--dark_green);
				text-align: center;
				pointer-events: none;
				box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.40);
				transition:box-shadow 0.3s ease;
			}
			#search #options ul.options li label i:hover {
				box-shadow: inset 0 0 1px 1px rgba(255,255,255,1.0);
			}
			#search #options ul.options li label i:before {content: "\e911"; line-height: inherit; }
			#search #options ul.options li label input:checked ~ i { background-color:white; font-size: 15px; }
			#search #options ul.options li label em {
				display: block;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				pointer-events: none;
				margin-left: 25px;
				position: relative;
				font-style:normal;
				font-size: 0.8rem;
				color: white;
				opacity: 0.5;
				top: calc(50% - 2px);
				transform: translateY(-50%);
				-webkit-line-clamp: 2;
				line-clamp: 2;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			#search #options ul.options li label input:checked ~ em { opacity: 1; }

		/* submit button */
		
			#search #submit {
				display: inline-block;
				position: relative;
				vertical-align: top;
				width: 120px;
				height: calc(10px + var(--input_height));
				border-radius: 5px;
				background-color: var(--light_green);
				overflow: hidden;
				box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.40);
				transition:box-shadow 0.3s ease;
			}
			#search #submit:hover {
				box-shadow: inset 0 0 1px 1px rgba(255,255,255,1.0);
			}
			#search #submit button {
				appearance:none;
				position: absolute;
				border: none;
				background-color: transparent;
				inset:0;
				text-align: center;
				cursor: pointer;
			}
			#search #submit button i {
				display: inline-block;
				vertical-align: middle;
				color: var(--dark_green);
				font-size: 20px;
				float: left;
			}
			#search #submit button em {
				display: inline-block;
				vertical-align: middle;
				font-style: normal;
				font-weight: 700;
				font-size: 1.0rem;
				color: var(--dark_green);
			}
			#search #submit button i:before {content: "\e903";}
			#search #submit button em:before { content:"Keresés"; }
		
		input#city-input {
			display: block;
		}
		/* XXXXL   */ @media screen and (min-width:1600px)                        { #search #submit {width: 250px;} #search #submit button i {} #search #submit button em {} }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { #search #submit {width: 250px;} #search #submit button i {} #search #submit button em {} }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { #search #submit {width: 250px;} #search #submit button i {} #search #submit button em {} }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { #search #submit {width: 250px;} #search #submit button i {} #search #submit button em {} }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { #search #submit {width: 250px;} #search #submit button i {} #search #submit button em {} }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { #search #submit {width: 250px;} #search #submit button i {} #search #submit button em {} }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { #search #submit {width: 250px;} #search #submit button i {} #search #submit button em {} }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { #search #submit {width: 250px;} #search #submit button i {} #search #submit button em {} }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { #search #submit {width: 250px;} #search #submit button i {} #search #submit button em {} }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { #search #submit {width: 200px;} #search #submit button i {} #search #submit button em {} }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { #search #submit {  } #search #submit button i {} #search #submit button em {} }
		



		
		
	/*							*/
	/*	POPUP 					*/
	/*							*/
	
		#popup {
			position: fixed;
			left: 0;
			top: 0;
			width: 100vw;
			height: 100vh;
			z-index: 100;
		}
		#popup .backdrop {
			position: fixed;
			inset:0;			
			background-color: rgba(0,0,0,0.32);
			background-color: #009245;
			opacity: 0.5;
			z-index: 1;
		}
		#popup .dialog {
			position: absolute;
			left: 50%;
			top:50%;
			transform:translate(-50%,-50%);
			/* max-width: 500px; */
			background-color: white;
			border-radius: 15px;
			box-shadow: 0 15px 25px 0 rgba(0,0,0,0.39);
			overflow: hidden;
			/* overflow-y: auto; */
			z-index: 2;
		}
		#popup .dialog .blocks {
			display: flex;
			flex-direction: column;
		}
		#popup .dialog .blocks .block.tabs     { order:2; }
		#popup .dialog .blocks .block.contents { order:1; }
		#popup .dialog .blocks .block.tabs {
			background-color: var(--green);
			color: white;
			overflow: hidden;
		}
		#popup .dialog button {
			display: block;
			appearance:none;
			border:none;
			background-color: transparent;
			position: relative;
			float: right;
			width: 30px;
			height: 30px;
			margin: 0 0 -30px 0;
			top:   10px;
			color: #999;
			cursor: pointer;
			z-index: 10;
		}
		#popup .dialog button:hover {
			color: var(--green);
		}
		#popup .dialog button.back  { float: left;  left:  5px; }
		#popup .dialog button.close { float: right; right: 10px; }
		
		#popup .dialog button i {
			font-size: 25px;
			line-height: 30px;
		}
		#popup .dialog button.close i:before { content:"\e908"; }
		#popup .dialog button.back i:before { content:"\e906"; }
		#popup .tabs {
			position: relative;
		}

		#popup .tabs .scroller {
			scroll-snap-type: x mandatory;
			overflow-x: scroll;
			overflow-x: overlay;
			overflow-y: hidden;
			scrollbar-width: none;
			scroll-behavior: smooth;
			-webkit-overflow-scrolling: touch;
			-ms-overflow-style: none;
			will-change: transform;		
		}
		#popup .tabs .scroller * {
			user-select: none;
		}		
		#popup .tabs .scroller::-webkit-scrollbar {
			display: none;
		}
		#popup .tabs .scroller > ul.sections {
			display: flex;
			/*scroll-snap-type: x mandatory;*/
			list-style: none;
			padding: 0;
			margin: 0;
			font-size: 0;
			line-height: 0;
		}
		#popup .tabs .scroller > ul.sections li.section {
			position: relative;
			/* width: 90px; */
			padding-top: 15px;
			padding-bottom: 0;
			font-size: 3rem;
		}
		#popup .tabs .scroller > ul.sections li.section {
			flex: 0 0 calc((100% - 0px) / 4);
			scroll-snap-align: start;
			box-sizing: content-box;
			list-style: none;
			font-size: 4rem;
			line-height: 1.2;
			text-align: center;
			margin: 0 -12px;
			padding: 15px 0 25px 0;
			list-style: none;
		}
		#popup .tabs .scroller > ul.sections li.section:first-child { margin-left:  100px; border-left:30px solid rgba(255,255,255,0.00); }
		#popup .tabs .scroller > ul.sections li.section:last-child  { margin-right: 100px; border-right:30px solid rgba(255,255,255,0.00); }
		#popup .tabs .scroller > ul.sections li.section i {
			display: block;
			text-align: center;
			font-size: 1em;
			margin-bottom: 0px;
			opacity: 0.33;
		}
		#popup .tabs .scroller > ul.sections li.section em {
			display: block;
			font-size: 0.20em;
			font-style: normal;
			opacity: 0.8;
			padding-inline: 5%;
			text-wrap: balance;
		}


		/*			*/
		/* 	ARROWS 	*/
		/*			*/

			#popup .tabs ul.arrows {
				position: absolute;
				inset:0;
				list-style: none;
				margin: 0; padding: 0;
				font-size: 0; line-height: 0;
				pointer-events: none;
				background-color: white;
				background-color: transparent;
			}
			#popup .tabs ul.arrows li.arrow {
				position: absolute;
				width: 30px;
				padding: 0 10px;
				height: 100%;
				font-size: 1.5rem;
				position: relative;
				text-align: center;
				pointer-events: all;
				z-index: 2;
			}
			#popup .tabs ul.arrows li.arrow:first-child {
				float: left;
				text-align:left;
				background: linear-gradient(to right, var(--green) 0% 40%, var(--green_op_0) 80% 100%)
			}
			#popup .tabs ul.arrows li.arrow:last-child  {
				float: right;
				text-align:right;
				background: linear-gradient(to left, var(--green) 0% 40%, var(--green_op_0) 80% 100%)
			}
			#popup .tabs ul.arrows li.arrow i {
				opacity: 1;
				transition: opacity 0.5s ease;
			}
			#popup .tabs ul.arrows li.arrow[data-end="1"]:first-child i { opacity:0; }
			#popup .tabs ul.arrows li.arrow[data-end="1"]:last-child  i { opacity:0; }
			#popup .tabs ul.arrows li.arrow i {
				position: relative;
				top: 35px;
			}
			#popup .tabs ul.arrows li.arrow:first-child i:before { content:"\e906"; }
			#popup .tabs ul.arrows li.arrow:last-child  i:before { content:"\e907"; }
		

		/*			*/
		/* 	ICONS 	*/
		/*			*/

			#popup .tabs .scroller > ul.sections li[data-id="1"] i:before { content:"\E909"; }
			#popup .tabs .scroller > ul.sections li[data-id="2"] i:before { content:"\e90A"; }
			#popup .tabs .scroller > ul.sections li[data-id="3"] i:before { content:"\e90B"; }
			#popup .tabs .scroller > ul.sections li[data-id="4"] i:before { content:"\e90C"; }
			#popup .tabs .scroller > ul.sections li[data-id="5"] i:before { content:"\e90D"; }
			#popup .tabs .scroller > ul.sections li[data-id="6"] i:before { content:"\e90E"; }
			#popup .tabs .scroller > ul.sections li[data-id="7"] i:before { content:"\e90F"; }
			#popup .tabs .scroller > ul.sections li[data-id="8"] i:before { content:"\e910"; }
			#popup .tabs .scroller > ul.sections li[data-id="9"] i:before { content:"\e911"; }
			#popup .tabs .scroller > ul.sections li[data-id="10"] i:before { content:"\e912"; }
		
		
		/*				*/
		/* 	CONTENTS	*/
		/*				*/
		
			#popup .contents {
				display: flex;
				flex-direction: column;
				position: relative;
				min-height: 300px;
			}
			#popup .contents > ul.sections {
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				flex: 1 1 auto;
			
			}
			#popup .contents > ul.sections > li.section {
				padding: 30px 20px;
				display: flex;
				justify-content: center;
				align-items: center;
				list-style: none;
				position: absolute;
			}
			#popup .contents > ul.sections > li.section > table {
				margin: 0 auto; 
				min-width: 90%;
				padding: 0;
				border:none;
				border-collapse: collapse;
			}
			#popup .contents > ul.sections > li.section > table tr {
				font-size: 1.2rem;
			}
			#popup .contents > ul.sections > li.section > table tr td {
				vertical-align: top;
			}
			#popup .contents > ul.sections > li.section > table tr[data-rule_below="1"] td:last-child:after {
				display: block;
				content:"";
				border-bottom: 1px solid #999;
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
			#popup .contents > ul.sections > li.section > table tr td:first-child {
				font-size: 0.8em;
				padding-top: 0.3em;
				padding-right: 20px;
				color: #999;
				text-align: right;
			}
			#popup .contents > ul.sections > li.section > table tr td:last-child {

			}
			
			#popup .dialog {}
			#popup .dialog .params {
				padding: 25px 15px;
				max-height: calc(100vh - 100px);
				overflow: hidden;
				overflow-y: auto;
				scroll-behavior: smooth;
			}
			#popup .dialog .params .param {
				font-size: 0;
				line-height: 0;
				margin: 0 0 10px 0;
				padding: 0;
				white-space: nowrap;
			}
			#popup .dialog .params .param .label {
				display: inline-block;
				vertical-align: top;
				font-size: 1.0rem;
				line-height: 1.2;
				text-align: right;
				padding: 0 10px 0 0;
				width: 100px;
				color: #999;
				white-space: normal;
			}
			#popup .dialog .params .param .value {
				display: inline-block;
				vertical-align: top;
				width: calc(100% - 140px);
				padding: 0 30px 0 0;
				font-size: 1.0rem;
				line-height: 1.2;
				white-space: normal;
			}
			#popup .dialog .params .param .value h1 {
				font-size: 1.5rem;
				font-weight: normal;
				margin: 0 0 10px 0;
				Xcolor:var(--red);
			}
			#popup .dialog .params .param .value h2 {
				font-size: 1.2rem;
				font-weight: normal;
				margin: 0 0 10px 0;
				Xcolor:var(--green);
			}
			#popup .dialog .params .param .value p {
				font-size: 1.0rem;
				line-height: 1.2;
				margin: 0 0 5px 0;
			}
			#popup .dialog .params .param .value a.route {
				display: inline-block;
				position: relative;
				vertical-align: top;
				text-decoration: none;
				float: right;
				margin: 0 0 0 10px;
				background-color: var(--green);
				padding: 5px 10px;
				height: 15px;
				margin-bottom: -15px;
				border-radius:15px;
				top: -2px;
				color: white;
				font-size: 0.75rem;
				line-height: 1.1;
			}
			#popup .dialog .params .param .value a.route:before {
				content:"útvonalterv";
			}
			
			#popup .dialog .params .param .value p  ~ h1,
			#popup .dialog .params .param .value ol ~ h1,
			#popup .dialog .params .param .value ul ~ h1,
			#popup .dialog .params .param .value p  ~ h2,
			#popup .dialog .params .param .value ol ~ h2,
			#popup .dialog .params .param .value ul ~ h2 {
				padding-top: 10px;
			}
			
			#popup .dialog .params .param .value ul {
				font-size: 1.0rem;
				line-height: 1.2;
				margin: 0;
				padding: 0;
			}
			#popup .dialog .params .param .value ul li {
				margin: 0;
				padding: 0;
			}
			#popup .dialog .params .param .value ol {
				font-size: 1.0rem;
				line-height: 1.2;
				margin: 0;
				padding: 0 0 0 1em;
			}
			#popup .dialog .params .param .value ol li {
				margin: 0;
				padding: 0;
			}
			
			#popup .dialog .params .param.built-year,
			#popup .dialog .params .param.address {
				padding: 0 0 10px 0;
			}
			#popup .dialog .informations {
				overflow-x: hidden;
				overflow-y:hidden;
			}
			#popup .dialog .params .param.informations:has(.value:empty) {
				display: none;
			}
			#popup .dialog .params .param.gallery:has(.value:empty) {
				display: none;
			}
			#popup .dialog .params .param.informations .value {
				overflow-y: auto;
				overflow-x: hidden;
				max-height: 300px;
			}
			
			/* gallery */

			#popup .dialog .params .param.address,
			#popup .dialog .params .param.built-year,
			#popup .dialog .params .param.informations {
			}

			#popup[data-mode="0"] {
			}
			#popup[data-mode="1"] {
			}
			#popup[data-mode="0"] .back {
				display: none;
			}
			#popup[data-mode="1"] .dialog .params .param.address,
			#popup[data-mode="1"] .dialog .params .param.built-year,
			#popup[data-mode="1"] .dialog .params .param.informations,
			#XXXpopup[data-mode="1"] .close {
				display: none;
			}
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items {
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;
				width: calc(100% - 0px);
			}
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items li {
				display: inline-block;
				vertical-align: top;
				position: relative;
				margin: 0 10px 10px 0;
				padding: 0;
				width: calc(20% - 10px);
				height: auto;
				/* background-color: black; */
				border-radius: 1px;
				/* box-shadow: 0 1px 8px 0 rgba(0,0,0,0.30); */
				overflow: hidden;
				list-style: none;
				cursor: zoom-in;
				aspect-ratio: 1/1;
			}
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items li figure {
				display: block;
				position: absolute;
				margin: 0;
				padding: 0;
				background-color: black;
				box-shadow: inset 0 0 0 1px #00000057;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				pointer-events: none;
				border-radius: 10px;
			}

			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items li { display: none; }
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items li:nth-child(1),
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items li:nth-child(2),
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items li:nth-child(3),
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items li:nth-child(4),
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items li:nth-child(5) {
				display: inline-block;
			}
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items li:nth-child(5) figure {
				background-size: 0;
				background-color: #eeeeee;
				color: black;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
				box-shadow: inset 0 0 15px 0 #0000004a;
			}
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items[data-count="5"] li:nth-child(5) figure:before { content:"+1 kép"; }
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items[data-count="6"] li:nth-child(5) figure:before { content:"+2 kép"; }
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items[data-count="7"] li:nth-child(5) figure:before { content:"+3 kép"; }
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items[data-count="8"] li:nth-child(5) figure:before { content:"+4 kép"; }
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items[data-count="9"] li:nth-child(5) figure:before { content:"+5 kép"; }
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items[data-count="10"] li:nth-child(5) figure:before { content:"+6 kép"; }
			
			

			
			#popup[data-mode="0"] .dialog .params .param .value ul.gallery-items li figcaption {
				display: block;
				position: absolute;
				background-color: rgba(255,255,255,0.7);
				border-radius: 5px;
				z-index: 1;
				margin: 0;
				left: 5px;
				right: 5px;
				bottom: 5px;
				padding: 5px 0;
				font-size: 0.7rem;
				line-height: 1.2;
				text-align: center;
				pointer-events: none;
				display: none;
			}
			
			#popup[data-mode="1"] .dialog {
				/* background-color: black; */
			}
			#popup[data-mode="1"] .dialog .params  {
				padding: 0;
			}
			#popup[data-mode="1"] .dialog .params .param.gallery {
				height: auto;
				margin: 35px 25px 15px 25px;
				/* aspect-ratio: 1/1; */
				/* overflow: hidden; */
			}
			#popup[data-mode="1"] .dialog .params .param.gallery .label {
				display: none;
			}
			#popup[data-mode="1"] .dialog .params .param.gallery .value {
				display: block;
				box-sizing: border-box;
				white-space: nowrap;
				width: inherit;
				height: auto;
				margin: 0;
				padding: 0;
				/* overflow-y:hidden; */
				overflow-x:auto;
				position: relative;
				border-radius: 5px;
				width: calc(100% - 0px);
				left: 0px;
				top: 5px;
				overflow-x: auto;
				scroll-snap-type: x mandatory;
				display: flex;
				aspect-ratio: 1/1.175;
				overflow-y: hidden;
				scrollbar-width: none;
				-ms-overflow-style: none;
			}
			#popup[data-mode="1"] .dialog .params .param.gallery .value::-webkit-scrollbar {
				display: none;
			}
			#popup[data-mode="1"] .dialog .params .param .value ul.gallery-items {
				display: flex;
				flex-flow: nowrap;
				flex-direction: row;
				list-style: none;
				margin: 0;
				padding: 0;
				/* height: inherit; */
				display: flex;
				width: calc(100% - 0px);
				height: calc(100% + 50px);
				list-style: none;
				/* overflow-y: hidden; */
			}
			#popup[data-mode="1"] .dialog .params .param .value ul.gallery-items li {
				margin: 0;
				padding: 0;
				overflow: visible;
				list-style: none;
				position: relative;
				flex: 0 0 100%;
				scroll-snap-align: start;
				overflow-y: hidden;
			}
			#popup[data-mode="1"] .dialog .params .param .value ul.gallery-items li figure {
				display: block;
				position: absolute;
				margin: 0;
				padding: 0;
				background-color: black;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0px;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				margin: 0;
				padding: 0;
				margin-block-start: 0;
				margin-block-end: 0;
				margin-inline-start: 0;
				margin-inline-end: 0;
				aspect-ratio: 1/1;
				border-radius: 5px;
				overflow: hidden;
			}
			#popup[data-mode="1"] .dialog .params .param .value ul.gallery-items li figcaption {
				display: inline-block;
				position: absolute;
				z-index: 1;
				margin: 0;
				left: 50%;
				right: auto;
				top: calc(100% - 125px);
				padding: 5px 10px;
				font-size: 0.85rem;
				line-height: 1.3;
				color: white;
				text-align: center;
				pointer-events: none;
				white-space: nowrap;
				text-wrap: balance;
				background-color: #00000070;
				border-radius: 15px;
				transform: translate(-50%,-50%);
				min-width: 80%;
				background-color: transparent;
				color: black;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			#popup[data-mode="1"] .dialog .params .param .value ul.gallery-items.dragging {
				cursor: grabbing;
				cursor: -webkit-grabbing;
				user-select: none;
			}

			#popup[data-mode="1"] .dialog .params .param.gallery .gallery-indicators {
				display: block;
				position: relative;
				text-align: center;
				z-index: 2;
				top: -5px;
			}
			#popup[data-mode="1"] .dialog .params .param.gallery .gallery-indicators .dot {
				display: inline-block;
				position: relative;
				width: 8px;
				height: 8px;
				margin: 0;
				border: 5px solid white;
				border-radius: 50%;
				background: #DDDDDD;
				transition: background 0.3s;
				pointer-events: all;
				cursor: pointer;
				z-index: 2;
			}
			#popup[data-mode="1"] .dialog .params .param.gallery .gallery-indicators .dot.active {
				background: var(--green);
				transform: scale(1.5);
				pointer-events: none;
				z-index: 1;
			}
			
			
			
		
		
		/* states */
		
			html[data-pop="0"] #popup { display: none; }
			html[data-pop="1"] #popup { display: block; }
			
			html[data-pop="1"] { position: fixed; }

		/* indexes */
		
			#popup[data-index="1"]  .tabs .scroller > ul.sections li.section:nth-child(1):after,
			#popup[data-index="2"]  .tabs .scroller > ul.sections li.section:nth-child(2):after,
			#popup[data-index="3"]  .tabs .scroller > ul.sections li.section:nth-child(3):after,
			#popup[data-index="4"]  .tabs .scroller > ul.sections li.section:nth-child(4):after,
			#popup[data-index="5"]  .tabs .scroller > ul.sections li.section:nth-child(5):after,
			#popup[data-index="6"]  .tabs .scroller > ul.sections li.section:nth-child(6):after,
			#popup[data-index="7"]  .tabs .scroller > ul.sections li.section:nth-child(7):after,
			#popup[data-index="8"]  .tabs .scroller > ul.sections li.section:nth-child(8):after,
			#popup[data-index="9"]  .tabs .scroller > ul.sections li.section:nth-child(9):after,
			#popup[data-index="10"] .tabs .scroller > ul.sections li.section:nth-child(10):after {
				top:0%;
				left: 50%;
				border: solid transparent;
				content: "";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-color: rgba(255,255,255, 0);
				border-top-color: #FFFFFF;
				border-width: 11px;
				margin-left: -11px;
			}
			
			#popup[data-index="1"]  .tabs .scroller > ul.sections li.section:nth-child(1)  i,
			#popup[data-index="2"]  .tabs .scroller > ul.sections li.section:nth-child(2)  i,
			#popup[data-index="3"]  .tabs .scroller > ul.sections li.section:nth-child(3)  i,
			#popup[data-index="4"]  .tabs .scroller > ul.sections li.section:nth-child(4)  i,
			#popup[data-index="5"]  .tabs .scroller > ul.sections li.section:nth-child(5)  i,
			#popup[data-index="6"]  .tabs .scroller > ul.sections li.section:nth-child(6)  i,
			#popup[data-index="7"]  .tabs .scroller > ul.sections li.section:nth-child(7)  i,
			#popup[data-index="8"]  .tabs .scroller > ul.sections li.section:nth-child(8)  i,
			#popup[data-index="9"]  .tabs .scroller > ul.sections li.section:nth-child(9)  i,
			#popup[data-index="10"] .tabs .scroller > ul.sections li.section:nth-child(10) i { opacity: 1; }

			#popup                  .contents > ul.sections li.section { 
				opacity: 0; 
				pointer-events: none; 
				transition:opacity .4s ease;
			}
			#popup[data-index="1"]  .contents > ul.sections li.section[data-template="1"],
			#popup[data-index="2"]  .contents > ul.sections li.section[data-template="2"],
			#popup[data-index="3"]  .contents > ul.sections li.section[data-template="3"],
			#popup[data-index="4"]  .contents > ul.sections li.section[data-template="4"],
			#popup[data-index="5"]  .contents > ul.sections li.section[data-template="5"],
			#popup[data-index="6"]  .contents > ul.sections li.section[data-template="6"],
			#popup[data-index="7"]  .contents > ul.sections li.section[data-template="7"],
			#popup[data-index="8"]  .contents > ul.sections li.section[data-template="8"],
			#popup[data-index="9"]  .contents > ul.sections li.section[data-template="9"],
			#popup[data-index="10"] .contents > ul.sections li.section[data-template="10"] { opacity: 1; pointer-events: all; }
			
			
		/* XXXXL   */ @media screen and (min-width:1600px)                        { }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { }
		
		/*  --XXXS   */ @media screen and (min-width:  0px) and (max-width: 439px) {
			#XXXpopup .dialog {
				top:auto;
				bottom: 25px;
				transform:translate(-50%,0%);
				max-width: calc(100vw - 20px);
				max-height: calc(100svh - 20px);
				max-height: calc(100vh - 40px);
				border-bottom-left-radius:  35px;
				border-bottom-right-radius: 35px;
			}
			#popup .dialog {
				top: 50%;
				transform:translate(-50%,-50%);
				max-width: calc(100vw - 20px);
				max-height: calc(100svh - 20px);
				max-height: calc(100vh - 40px);
			}
			#popup .dialog .params .param .label {
				display: block;
				width: 100%;
				font-size: 0.85rem;
				text-align: left;
				margin-bottom: 5px;
			}
			#popup .dialog .params .param .value {
				display: block;
				font-size: 1rem;
				width: calc(100% + 10px);
			}
			#popup .dialog .params .param .value a.route {
				float: none;
				display: block;
				width: 120px;
				height: auto;
				text-align: center;
				margin: 8px 0 0 0;
				font-size: 1rem;
				line-height: 1.2;
				padding: 3px 10px 6px 10px;
			}
			#popup .dialog .params .param .value h1 {
				font-size: 1rem;
				margin-bottom: 5px;
			}
			#popup .dialog .params .param .value p,
			#popup .dialog .params .param .value ol li,
			#popup .dialog .params .param .value ul li {
				font-size: 0.85rem;
			}
			#popup[data-mode="1"] .dialog .params .param .value ul.gallery-items li figcaption {
				top: calc(100% - 75px);
				transform: translate(-50%,-50%);
				height: auto;
				/* outline: 1px solid red; */
				font-size: 0.75rem;
			}
			#popup[data-mode="1"] .dialog .params .param.gallery .gallery-indicators {
			top: -15px;
			}
			
		}
		
		
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
		
	
	/*							*/
	/*	MAP						*/
	/*							*/
	
		#map {
			position: fixed;
			width: 100vw;
			height: calc( 100vh - var(--menu_height) );
		}
		gmp-advanced-marker svg,
		gmp-advanced-marker img {
			transform-origin: center bottom; /* Rotate around bottom center */
		}
		gmp-advanced-marker:hover svg,
		gmp-advanced-marker:hover img {
			animation: rotatePin 1.5s ease forwards; /* Run animation on hover */		
		}
		gmp-advanced-marker svg {
			cursor: pointer !important;
		}
		gmp-advanced-marker img {
			cursor: zoom-in !important;
		}
		@keyframes rotatePin {
			  0% { rotate: 0deg; }
			 16% { rotate: 15deg; }
			 33% { rotate: -12deg; }
			 50% { rotate: 8deg; }
			 66% { rotate: -6deg; }
			 83% { rotate: 3deg; }
			100% { rotate: 0deg; }
		}	
		
		dialog.zlDrU-basic-dialog-element header h2 {
			color: white;
		}
		dialog.zlDrU-basic-dialog-element header {
			z-index: 1000;
		}
		dialog.zlDrU-basic-dialog-element header button {
			z-index: 1000;
			cursor:pointer;
		}
		dialog.zlDrU-basic-dialog-element .unARub-basic-dialog-element--content {
			pointer-events: none;
		}
		.gmnoprint .gm-style-cc { display: none; }
		
		.gm-style-cc {
			transform-origin: bottom right;
			transform: scale(1.25,1.25) translate(-70px,-20px);
			background-color: transparent;
			display: none;
		}
		.gm-style-cc div:first-child {
			display: none;			
		}
		.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
			right: 50px!important;
		}
		.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint:nth-child(2) {
			border-radius: 10px;
			overflow: hidden;
		}
		.gm-style-cc { display: none; }
		
		.gm-control-active.gm-fullscreen-control {
			display: block;
			top: calc(100% - 250px)!important;
			left: calc(100% - 70px)!important;
			border-radius: 10px!important;
			overflow: hidden;
		}
	
		
	/*							*/
	/*	RESPONSIVES 			*/
	/*							*/
	
		@media screen and (min-width:1040px) {
			#popup .dialog {
				/* max-width: 900px; */
			}
			#popup .dialog .blocks {
				display: block;
				position: relative;
				white-space: nowrap;
			}
			#popup .dialog .blocks .block {
				display: inline-block;
				vertical-align: middle;
			}
			#popup .dialog .blocks .block.tabs {order:1;width: 250px;}
			#popup .dialog .blocks .block.contents { order:2; }
			#popup .tabs .scroller {
				scroll-snap-type: none;
				overflow-x: hidden;
			}
			#popup .tabs .scroller > ul.sections {
				display: block;
			}
			#popup .tabs .scroller > ul.sections li.section {
				flex:0;
				scroll-snap-align: start;
				text-align: left;
			}
			#popup .tabs .scroller > ul.sections li.section:first-child,
			#popup .tabs .scroller > ul.sections li.section:last-child {
				border:none;
				margin-left:0;
				margin-right: 0;
			}
			#popup .tabs ul.arrows { display: none; }
			#popup .contents > ul.sections {
				display: block;
				position: absolute;
				inset:0;
			}
			#popup .blocks .block.tabs {
				width:auto; 
			}
			#popup .blocks .block.contents {
				width: 450px;
			}
			#popup .tabs .scroller > ul.sections {
				padding: 25px 35px 30px 35px;
			}
			#popup .tabs .scroller > ul.sections li.section {
				margin: 0;
				padding: 0;
				width: auto;
				font-size: 2rem;
			}
			#popup .contents > ul.sections > li.section {
				display: block;
				margin: 0;
				width: calc(100% - 60px);
			}
			#popup .tabs .scroller > ul.sections li.section i {
				display: inline-block;
				vertical-align: middle;
				font-size: 1.2em;
			}
			#popup .tabs .scroller > ul.sections li.section em {
				padding-inline:0;
				display: inline-block;
				vertical-align: middle;
				font-size: 0.9rem;
				margin-left: 8px;
			}
			#popup .contents > ul.sections > li.section > table {
				width: 100%;
			}
			#popup[data-index="1"]  .tabs .scroller > ul.sections li.section:nth-child(1):after,
			#popup[data-index="2"]  .tabs .scroller > ul.sections li.section:nth-child(2):after,
			#popup[data-index="3"]  .tabs .scroller > ul.sections li.section:nth-child(3):after,
			#popup[data-index="4"]  .tabs .scroller > ul.sections li.section:nth-child(4):after,
			#popup[data-index="5"]  .tabs .scroller > ul.sections li.section:nth-child(5):after,
			#popup[data-index="6"]  .tabs .scroller > ul.sections li.section:nth-child(6):after,
			#popup[data-index="7"]  .tabs .scroller > ul.sections li.section:nth-child(7):after,
			#popup[data-index="8"]  .tabs .scroller > ul.sections li.section:nth-child(8):after,
			#popup[data-index="9"]  .tabs .scroller > ul.sections li.section:nth-child(9):after,
			#popup[data-index="10"] .tabs .scroller > ul.sections li.section:nth-child(10):after {
				top:25%;
				left: calc(100% + 25px);
				border: solid transparent;
				content: "";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-color: rgba(255,255,255, 0);
				border-right-color: #FFFFFF;
				border-width: 11px;
				margin-bottom: -11px;
			}
		}
		@media screen and (min-width: 580px) and (max-width:1039px) {
			#popup .tabs .scroller {
				cursor: grab;
			}
			#popup .tabs .scroller * {
				cursor: grab;
			}
		}
		@media screen and (max-width: 579px) {
		
			#popup .tabs .scroller {
				cursor: grab;
			}
			#popup .tabs .scroller * {
				cursor: grab;
			}
			
			/* iphone screen */
			
			@media screen and (min-width: 520px) and (max-width: 579px) {
				
			}
		}
		





	/*							*/
	/*	SCREENS					*/
	/*							*/
		
			/*
			X@media screen and (min-width:1240px) {

				#search { z-index:3; }
				:root {
					--logo_size:280px;
					--menu_height:70px;
				}
				header nav,
				header #search .mirror {
					width: 1200px;
				}
				#search #options { margin-right: 10px; }
				#search #options ul.options {
					column-count: 2;
				}
				#search #options ul.options > li {
					min-width: 0px;
					max-width: 1000px;
				}
				#search #options ul.options[data-count="2"] > li {
					min-width: calc(50% - 10px);
					max-width: calc(50% - 10px);
				}
				header nav ul li[data-label="startpage"] {display: none;}
				html[data-sea="0"] header .background .curve {top: calc( -1 * var(--filter_height));}
				html[data-sea="1"] header .background .curve {top:calc( 1.00 * var(--menu_height)); height:calc(1.8 * var(--menu_height)); }
				html[data-sea="1"] header > .background .rectangle { height:calc(1.3 * var(--menu_height)); }
				html[data-sea="0"] #search {pointer-events:none;top: calc( 0.75 * var(--menu_height));opacity:0;}
				html[data-sea="1"] #search { pointer-events:all;  top:calc( 1.2 * var(--menu_height)); opacity:1; }
			}
			X@media screen and (min-width: 1040px) and (max-width:1239px) {
			
				#search { z-index:3; }
				header nav { width: 100vw; }
				header #search .mirror {
					width: calc(100% - 100px);
					left: calc(50% + 50px);
				}
				#search #city .fe, #search #city-suggestions { width: 200px; }
				#search #radius .fe, #search #radius .fh { width:110px; }
				#search #options {width: 350px;}
				header nav ul li[data-label="startpage"] {display: none;}
				html[data-sea="0"] header .background .curve {top: calc( 0 * var(--filter_height));height: calc(0.5 * var(--filter_height));}
				html[data-sea="1"] header .background .curve {height: calc(1.0 * var(--filter_height));}
				html[data-sea="0"] #search { pointer-events:none; top:calc( 0.5 * var(--menu_height)); opacity:0; }
				html[data-sea="1"] #search { pointer-events:all;  top:calc( 1.0 * var(--menu_height)); opacity:1; }
				html[data-sea="1"] #search {pointer-events:all;top: 20px;opacity:1;width: calc(100vw - 100px);outline: 1px solid red;left: 50px;}
				header nav .brand {
					top:  15px;
					left: 25px;
					transform:none;
				}
				header nav .site-name {
					display: block;
					margin-top: 5px;
				}
				X#search .mirror {
					width: 80vw;
				}
				X#search .filters-container {text-align: center;width: calc(100% - 50px);}
			}
			*/
			@media screen and (min-width: 580px) and (max-width:99999px) {
				/* menu */
				header nav {
					z-index:10000;
					width: 100vw;
					height:auto;
				}
				header nav ul {
					float: none;
					top: 0px;
					margin: 0px;
					transform:none;
					background-color:var(--dark_green);
					padding: 0 0 0 0;
					transition: transform 0.3s ease;
					will-change: transform;
				}
				header nav ul:after {
					display:block;
					position:relative;
					content:"";
					width:100%;
					background-color:var(--dark_green);
					overflow:hidden;
					clip-path: ellipse(55% 100% at 50% 0%);
					transition:top 0.5s ease, height 0.5s ease;
				}
				header nav ul li {
					display: block;
					text-align: center;
					font-size: 1.5rem;
					padding:10px 0;
				}
				header nav ul li:first-child { padding-top:100px; }
				header nav ul li[data-label="startpage"] {}
				html[data-mnu="0"] header nav ul { transform:translateY(-100%); }
				html[data-mnu="1"] header nav ul {transform: translateY(0);}
				html[data-mnu="0"] header nav ul:after { top:0; height:0; }
				html[data-mnu="1"] header nav ul:after {top: 70px;height: 100px;}
				html[data-mnu="1"] header nav button.search { display:none; }
				header nav .side-buttons {padding: 15px 15px 0 0;}
				header nav .brand { top:  15px; left: 25px; transform:none; z-index:99; pointer-events: all; }
				header nav .site-name { display: block; margin-top: 5px; }
				header #search .mirror {}
				XXX#search #filters-container #city .fe, #search #filters-container #city-suggestions {width: calc(100vw - 590px);}
				XXX#search #filters-container #radius .fe, #search #radius .fh {width: 150px;}
				XXX#search #filters-container #options {width: 350px;}
				XXX#search { width: 80vw; left: 10vw; }
				XXX#search {z-index:3;width: calc(100vw - 170px);left: calc(50% + 35px);transform: translateX(calc(-50% + 45px));max-width: 75vw;}
				html[data-sea="0"] header > .background .rectangle {height: calc(1.6 * var(--menu_height));}
				html[data-sea="1"] header > .background .rectangle {height: calc(1.1 * var(--menu_height));}
				html[data-sea="0"] header .background .curve {top: calc( 0 * var(--filter_height));height: calc(0.0 * var(--menu_height));}
				html[data-sea="1"] header .background .curve {height: calc(0.5 * var(--filter_height));}
				html[data-sea="0"] #search {top: calc(-0.1 * var(--filter_height));opacity: 0;}
				html[data-sea="1"] #search {top: 20px;opacity: 1;}
				#search  {}
				#search #filters-container  #city-input { position:absolute; left:0; }
				#search #filters-container #radius {position:absolute;right: 120px;}
				#search #filters-container #options {position:absolute;left:0px;top:65px;width: 100%;}
				#search #filters-container #submit { position:absolute; right:0px; }
				#popup .dialog { width: 80vw; max-width: 600px; }
				#popup .tabs .scroller > ul.sections li.section { min-width: 100px; max-width: 140px; }
				#search #options[data-count="2"] ul.options { column-count: 1; }

				/* alternate styles */
				@media screen and (min-width: 960px) and (max-width:1039px) {
					Xhtml[data-sea="1"] header > .background .rectangle { height: calc(2.0 * var(--menu_height)); }
				}
				@media screen and (min-width: 860px) and (max-width: 959px) {
					Xhtml[data-sea="1"] header > .background .rectangle { height: calc(2.0 * var(--menu_height)); }
				}
				@media screen and (min-width: 700px) and (max-width: 859px) {
					Xhtml[data-sea="1"] header > .background .rectangle {height: calc(1.3 * var(--menu_height));}
					XXX#search #city .fe, #search #city-suggestions {width: calc(100vw - 520px);}
					#search #radius { right: 50px;}
					#search #submit { width:50px; }
					#search #submit button em { display:none; }
					#search #submit button i { float:none; }
					#search #options ul.options li { min-width: 130px; max-width: 130px; }
				}
				@media screen and (min-width: 580px) and (max-width: 699px) {
					XXXhtml[data-sea="1"] header > .background .rectangle {height: calc(2.0 * var(--menu_height));}
					XXX#search #city .fe, #search #city-suggestions {width: calc(100vw - 360px);}
					XXX#search #radius { left: 0%; top:60px; }
					XXX#search #options {left: 160px;}
					XXX#search #options ul.options li { min-width: 130px; max-width: 130px; }
					XXX#search #submit { width:50px; }
					XXX#search #submit button em { display:none; }
					XXX#search #submit button i { float:none; }
				}
			}
			@media screen and (min-width: 580px) and (max-width: 699px) {
			}
			@media screen and (max-width: 699px) {
				/* menu */
				header nav {
					z-index:10;
					width: 100vw;
					height:auto;
				}
				header nav ul {
					float: none;
					top: 0px;
					margin: 0px;
					transform:none;
					background-color:var(--dark_green);
					padding: 0 0 0 0;
					transition: transform 0.3s ease;
					will-change: transform;
				}
				header nav ul:after {
					display:block;
					position:relative;
					content:"";
					width:100%;
					background-color:var(--dark_green);
					overflow:hidden;
					clip-path: ellipse(55% 100% at 50% 0%);
					transition:top 0.5s ease, height 0.5s ease;
				}
				header nav ul li {
					display: block;
					text-align: center;
					font-size: 1.5rem;
					padding:10px 0;
				}
				header nav ul li:first-child { padding-top:100px; }
				header nav ul li[data-label="startpage"] {}
				html[data-mnu="0"] header nav ul { pointer-events:none; transform:translateY(-100%); }
				html[data-mnu="1"] header nav ul { pointer-events:all;  transform: translateY(0);}
				html[data-mnu="0"] header nav ul:after { top:0; height:0; }
				html[data-mnu="1"] header nav ul:after {top: 40px;height: 40px;}
				html[data-mnu="1"] header nav button.search { display:none; }
				header nav .brand { top:  15px; left: 25px; transform:none; z-index:99; }
				header nav {width: 100vw;pointer-events: none;}
				header nav ul { float: none; }
				header nav ul {}
				header nav ul li {
					display: block;
					text-align: center;
					font-size: 1.5rem;
				}
				header nav ul li[data-label="startpage"] {}
				header nav .brand {
					position: fixed;
					top: 15px;
					left: 25px;
					transform:none;
				}
				header nav .brand .logo {
					position: fixed;
					top: 25px;
					left: 20px;
					transform:none;
				}
				header nav .brand .site-name {
					display: block;
					position: fixed;
					left: 50vw;
					transform: translateX(-50%);
					top: 15px;
				}
				header #search .mirror {
					width: 100%;
				}
				#search {
					width: 100vw;
					/* left: 0vw; */
				}
				#search .fe .fi, #search .fe .fs {font-size:1rem;}
				#search #city-suggestions ul { font-size:1rem; }
				html[data-sea="0"] header > .background .rectangle {height: calc(1.4 * var(--menu_height));}
				html[data-sea="1"] header > .background .rectangle {height: calc(3.1 * var(--menu_height));}
				html[data-sea="0"] header .background .curve { top:0; height:calc(0 * var(--filter_height)); }
				html[data-sea="1"] header .background .curve { height: calc(0.5 * var(--menu_height)); }
				html[data-sea="0"] #search { opacity:0; pointer-events:none; top:calc( 0.5 * var(--menu_height)); }
				html[data-sea="1"] #search { opacity:1; pointer-events:all; top: calc( 1.4 * var(--menu_height)); }
				html[data-sea="1"] header nav button.search i { font-size: var(--icon_size_bigger); top: -3px; }
				#search .filters-container-flex { text-align:center; }
				#search #options[data-count="2"] ul.options { column-count: 1};
				#search #city { margin-right:0; }
				#search #city .fe {width: calc(100vw - 210px);}
				#search #radius{margin: 0 10px 0 0;}
				#search #radius .fe, #search #radius .fh {width: 90px;}
				#search #options { position:absolute; display:block; width:calc(100% - 40px); margin:10px 0 15px 20px; }
				#search #options ul.options > li { min-width:calc(33vw - 20px); max-width:calc(33vw - 20px) }
				#search #submit { width:50px; }
				#search #submit button em { display:none; }
				#search #submit button i { float:none; }
				#popup .dialog {width: calc(100vw - 60px);max-width: 400px;}			
				#popup .tabs .scroller > ul.sections li.section { min-width: 100px; max-width: 140px; }
				@media screen and (min-width:   0px) and (max-width: 519px) {
					header nav .brand { pointer-events: all; }
					header nav .brand .logo { height:calc(0.3 * var(--menu_height)); }
					header nav .brand .site-name {left: 20px;transform:none;top: 40px;font-size: 0.7rem;}
					header nav .brand .site-name i {width: 15px;margin-right: 3px;}
				}
				@media screen and (min-width: 520px) and (max-width: 579px) {}
				@media screen and (min-width: 440px) and (max-width: 519px) {}
				@media screen and (min-width: 330px) and (max-width: 439px) {}
				@media screen and (min-width: 400px) and (max-width: 439px) {}
				@media screen and (min-width: 330px) and (max-width: 399px) {}
				@media screen and (min-width:   0px) and (max-width: 329px) {}

			}

			
	/* cities columns */
	
	
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {		#search #submit {width: 90px;} #search #submit button i { float:none; } #search #submit button em { display: none; }}
		/*     M   */ @media screen and (min-width:   0px) and (max-width: 959px) {		#search #submit {width: 50px;margin-right: 0;} #search #submit button i { float:none; } #search #submit button em { display: none; }}
		
		/*     M   */ @media screen and (min-width:   0px) and (max-width: 959px) { #search .filter#options {position: absolute;top: 60px;left: 50%;white-space: nowrap;width: 100vw; outline: 1px solid orange; outline:none; transform:translateX(-50%);margin-right: 0;} }
		/*     M   */ @media screen and (min-width:   0px) and (max-width: 959px) { #search .filter#options {position: absolute;top: 60px;left: 50%;white-space: nowrap;width: 100vw;outline: 1px solid orange;outline:none;transform:translateX(-50%);margin-right: 0;text-align: center;} }
	
		/* -   */     @media screen and (max-width:9999px)                        { #search #options[data-count="2"] { width: 130px; } }
		/*     M   */ @media screen and (min-width:   0px) and (max-width: 959px) { #search #options[data-count="2"] {width: calc(100% - 0px); text-align: center; } }
		

		/* XXXXL   */ @media screen and (min-width:1600px)                        { #search .filter#options {  } }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { #search .filter#options {  } }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { #search .filter#options {  } }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { #search .filter#options {  } }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { #search .filter#options {  } }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { #search .filter#options {  } }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { #search .filter#options {  } }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { #search .filter#options {  } }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { #search .filter#options {  } }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { #search .filter#options {  } }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { #search .filter#options {  } }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { #search .filter#options {  } }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { #search .filter#options {  } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { #search .filter#options {  } }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { #search .filter#options {left: calc(50% + 10vw);} }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { #search .filter#options {  } }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { #search .filter#options {  } }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { #search .filter#options {  } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { #search .filter#options {  } }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { #search .filter#options {  } }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { #search .filter#options {  } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { #search .filter#options {  } }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { #search .filter#options {left: calc(50% + 10vw);} }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { #search .filter#options {left: calc(50% + 10vw);} }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { #search .filter#options {  } }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { #search .filter#options {  } }



	/*	COMPATIBILITY 			*/
	/*							*/
	
		#incompatible-device { display: none; }
		
		html[data-ios="12"],
		html[data-ios="13"]{
			body { min-height: calc(var(--vh, 1vh) * 100); }
		}
		html[data-ios="12"] #incompatible-device,
		html[data-ios="13"] #incompatible-device {
			display: block;
			position: fixed;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			background-color: black;
		}
		html[data-ios="12"] #incompatible-device p,
		html[data-ios="13"] #incompatible-device p {
			display: block;
			margin: 50vh auto;
			color: white;
			text-align: center;
			font-size: 20px;
			line-height: 24px;
			opacity: 0.8;
			transform:translateY(-100%);
		}
		html[data-ios="12"] header,
		html[data-ios="13"] header { display: none; }
		html[data-ios="12"] footer,
		html[data-ios="13"] footer { display: none; }


	/*							*/
	/*			HACKS			*/
	/*							*/
	
    /* WebKit Browsers */
		::-webkit-scrollbar {
			width: 10px;
			height:10px;
		}
		::-webkit-scrollbar-thumb {
			width: 10px;
			background-color: #CCCCCC;
			border: 3px solid #FFFFFF;
			/*box-shadow: inset 0 0 0 3px #eeeeee;*/
			border-radius: 10px;
		}
		::-webkit-scrollbar-track {
			width: 10px;
			background-color: #FFFFFF;
			border-radius: 10px;
		}
		::-webkit-scrollbar-thumb:hover {
			background-color:#000000;
			box-shadow:inset 0 0 0 0px #FFFFFF;
		}
		html {
			width: calc(100vw + 10px);
			overflow:hidden;
			overflow-y:overlay;
			overflow-y:auto;
		}
		body {
		}

    /* Firefox */
		scrollbar-width: thin;
		scrollbar-color: #888 #f1f1f1;

    /* Edge and IE */
		::-ms-scrollbar {
		  width: 10px;
		}
		::-ms-scrollbar-thumb {
		  background-color: #888;
		}
		::-ms-scrollbar-track {
		  background-color: #f1f1f1;
		}



	/*							*/
	/*	DEBUG					*/
	/*							*/

		html[data-loc="dev"] body:before {
			content:" ";
			display: block;
			position: fixed;
			left: calc(50% - 0px);
			transform:translateX(-50%);
			bottom: 10px;
			width: auto;
			background-color: #FFFFFFAA;
			box-shadow: 0 0 15px 0 #00000055;
			z-index: 9999999;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			font-size: 12px;
			line-height: 14px;
			color: black;
			padding: 10px 15px 10px 15px;
			border-left: 20px solid black;
			pointer-events: none;
		}

		/* responsives */
	
		/* XXXXL   */ @media screen and (min-width:1600px)                        { html[data-loc="dev"] body:before { content:" XXXXL 1600px- ";     border-left-color:#F8FF20; } }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { html[data-loc="dev"] body:before { content:" XXXL  1440-1599px "; border-left-color:#00FF1B; } }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { html[data-loc="dev"] body:before { content:" XXL   1240-1439px "; border-left-color:#0085AA; } }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { html[data-loc="dev"] body:before { content:" XXL   1240-1439px (XXL4 1400-1439px) "; border-left-color:#2CD0FF; } }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { html[data-loc="dev"] body:before { content:" XXL   1240-1439px (XXL3 1340-1399px) "; border-left-color:#A34FFF; } }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { html[data-loc="dev"] body:before { content:" XXL   1240-1439px (XXL2 1300-1339px) "; border-left-color:#FF1594; } }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { html[data-loc="dev"] body:before { content:" XXL   1240-1439px (XXL1 1240-1299px) "; border-left-color:#00E47C; } }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { html[data-loc="dev"] body:before { content:" XL    1040-1139px "; border-left-color:#02CEB5; } }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { html[data-loc="dev"] body:before { content:" XL    1040-1239px (XL4 1200-1239px) "; border-left-color:#19FDE1; } }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { html[data-loc="dev"] body:before { content:" XL    1040-1239px (XL3 1140-1199px) "; border-left-color:#0BB8FF; } }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { html[data-loc="dev"] body:before { content:" XL    1040-1239px (XL2 1100-1139px) "; border-left-color:#006CFF; } }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { html[data-loc="dev"] body:before { content:" XL    1040-1239px (XL1 1040-1099px) "; border-left-color:#3500FF; } }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { html[data-loc="dev"] body:before { content:" L      960-1039px "; border-left-color:#0ED773; } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { html[data-loc="dev"] body:before { content:" M      860- 959px ";  border-left-color:#44D70E; } }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { html[data-loc="dev"] body:before { content:" MS     700- 859px ";  border-left-color:#A0D70E; } }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { html[data-loc="dev"] body:before { content:" S      580- 699px ";  border-left-color:#D7CC0E; } }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { html[data-loc="dev"] body:before { content:" XS     520- 579px ";  border-left-color:#D7A60E; } }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { html[data-loc="dev"] body:before { content:" XXS    440- 519px ";  border-left-color:#BDD70E; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { html[data-loc="dev"] body:before { content:" XXXS   330- 439px ";  border-left-color:#B1570B; } }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { html[data-loc="dev"] body:before { content:" XXXS   330- 439px (XXXS2 400-439px)";  border-left-color:#E77616; } }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { html[data-loc="dev"] body:before { content:" XXXS   330- 439px (XXXS1 330-399px)";  border-left-color:#F2C512; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { html[data-loc="dev"] body:before { content:" XXXXS    0- 329px ";  border-left-color:#B10B6D; } }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { html[data-loc="dev"] body:before { content:" M     860-959 (M2    900- 959px) ";  border-left-color:#0EC2D7; } }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { html[data-loc="dev"] body:before { content:" M     860-959 (M1    860- 899px) ";  border-left-color:#0ED7A5; } }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { html[data-loc="dev"] body:before { content:" S     640-699 (S2    640- 699px) ";  border-left-color:#C6BD17; } }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { html[data-loc="dev"] body:before { content:" S     580-639 (S1    580- 639px) ";  border-left-color:#BEB517; } }
	


		XXXhtml[data-loc="test"] body:before {
			content:" ";
			display: block;
			position: fixed;
			left: 10px;
			bottom: 10px;
			width: auto;
			background-color: #FFFFFFAA;
			box-shadow: 0 0 15px 0 #00000055;
			z-index: 9999999;
			font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
			font-size: 12px;
			line-height: 14px;
			color: black;
			padding: 10px 15px 10px 15px;
			border-left: 20px solid black;
		}

		/* responsives */
	
		/* XXXXL   */ @media screen and (min-width:1600px)                        { html[data-loc="test"] body:before { content:" XXXXL 1600px- ";     border-left-color:#F8FF20; } }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { html[data-loc="test"] body:before { content:" XXXL  1440-1599px "; border-left-color:#00FF1B; } }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { html[data-loc="test"] body:before { content:" XXL   1240-1439px "; border-left-color:#0085AA; } }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { html[data-loc="test"] body:before { content:" XXL   1240-1439px (XXL4 1400-1439px) "; border-left-color:#2CD0FF; } }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { html[data-loc="test"] body:before { content:" XXL   1240-1439px (XXL3 1340-1399px) "; border-left-color:#A34FFF; } }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { html[data-loc="test"] body:before { content:" XXL   1240-1439px (XXL2 1300-1339px) "; border-left-color:#FF1594; } }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { html[data-loc="test"] body:before { content:" XXL   1240-1439px (XXL1 1240-1299px) "; border-left-color:#00E47C; } }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { html[data-loc="test"] body:before { content:" XL    1040-1139px "; border-left-color:#02CEB5; } }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { html[data-loc="test"] body:before { content:" XL    1040-1239px (XL4 1200-1239px) "; border-left-color:#19FDE1; } }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { html[data-loc="test"] body:before { content:" XL    1040-1239px (XL3 1140-1199px) "; border-left-color:#0BB8FF; } }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { html[data-loc="test"] body:before { content:" XL    1040-1239px (XL2 1100-1139px) "; border-left-color:#006CFF; } }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { html[data-loc="test"] body:before { content:" XL    1040-1239px (XL1 1040-1099px) "; border-left-color:#3500FF; } }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { html[data-loc="test"] body:before { content:" L      960-1039px "; border-left-color:#0ED773; } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { html[data-loc="test"] body:before { content:" M      860- 959px ";  border-left-color:#44D70E; } }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { html[data-loc="test"] body:before { content:" MS     700- 859px ";  border-left-color:#A0D70E; } }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { html[data-loc="test"] body:before { content:" S      580- 699px ";  border-left-color:#D7CC0E; } }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { html[data-loc="test"] body:before { content:" XS     520- 579px ";  border-left-color:#D7A60E; } }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { html[data-loc="test"] body:before { content:" XXS    440- 519px ";  border-left-color:#BDD70E; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { html[data-loc="test"] body:before { content:" XXXS   330- 439px ";  border-left-color:#B1570B; } }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { html[data-loc="test"] body:before { content:" XXXS   330- 439px (XXXS2 400-439px)";  border-left-color:#E77616; } }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { html[data-loc="test"] body:before { content:" XXXS   330- 439px (XXXS1 330-399px)";  border-left-color:#F2C512; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { html[data-loc="test"] body:before { content:" XXXXS    0- 329px ";  border-left-color:#B10B6D; } }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { html[data-loc="test"] body:before { content:" M     860-959 (M2    900- 959px) ";  border-left-color:#0EC2D7; } }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { html[data-loc="test"] body:before { content:" M     860-959 (M1    860- 899px) ";  border-left-color:#0ED7A5; } }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { html[data-loc="test"] body:before { content:" S     640-699 (S2    640- 699px) ";  border-left-color:#C6BD17; } }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { html[data-loc="test"] body:before { content:" S     580-639 (S1    580- 639px) ";  border-left-color:#BEB517; } }
	


	
	/* DEVELOPER SETTINGS */
	
	header .background { 
		Xopacity: 0.5; 
	}