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

	main {
		padding-top: 50px;
		padding-top: 0;
		position: relative;
	}
	main h1 {
		font-family: Prata;
		font-size: 4rem;
		line-height: 1.1;
		color: var(--steel);
		text-align: center;
		text-align: left;
		margin-bottom: 20px;
		margin-left: -5px;
	}
	main h2.surrounding-cities {
		margin-top:30px;
		font-family: Prata;
		font-size: 3rem;
		line-height: 1.1;
		color: var(--steel);
		text-align: left;
		margin-bottom: 0px;
		margin-left: -5px;
	}
	p.surrounding-cities {
		margin-bottom: 15px;
	}
	
	html[data-behavior="site"]  main h1 .domain-filter { display: none; } 
	html[data-behavior="test"]  main h1 .domain-filter { display: none; } 
	html[data-behavior="prime"] main h1 .domain-filter { display: none; } 
	
	
	/* domain filter */

		main h1 .domain-filter {
			display: inline-block;
			position: relative;
			top: -8px;
			padding: 8px 5px 8px 15px;
			margin: 0 0 0 5px;
			border-radius: 25px;
			text-align: left;
			font-family: NunitoSans;
			font-size: 0.25em;
			font-weight: 600;
			background-color:var(--steel);
			color: white;
		}
		main h1 .subtitle {
		}
		main h1 .domain-filter a.clear-domain-filter-button {
			display: block;
			float: right;
			width:         15px;
			height:        15px;
			border-radius: 15px;
			margin: 0px 2px 0 10px;
			background-color:white;
			color: var(--steel);
			text-align: center;
		}
		main h1 .domain-filter a.clear-domain-filter-button i {
			display: block;
			font-size: 13px;
			line-height: 15px;
		}
		main h1 .domain-filter a.clear-domain-filter-button i:before { content:"\e952"; }
	
	
	
	/* number of properties */
	
		main h1 .number-of-properties {
			display: inline-block;
			position: relative;
			float: right;
			top: 35px;
			padding: 0;
			margin: 0;
			text-align: left;
			font-family: NunitoSans;
			font-size: 0.225em;
			opacity: 0.6;
		}
		main h1 .number-of-properties:before { content:"Matching properties: "; }
		main h1 .number-of-properties .counter {
			display: inline-block;
			border-radius: 25px;
			padding: 2px 10px;
			font-weight: 600;
			margin-left: 5px;
			background-color:var(--steel);
			color: white;
		}
	
	
	/* properties */
	
		section.properties {
			margin-bottom: 15px;
		}

		section.properties ul {}
		section.properties ul li {}


		/* basic settings */
		
			/* basic icons */

				.basic-icons {
					display: inline-block;
					margin: 0px 0 0 0;
					pointer-events: all;
					/* max-width: 310px; */
					/*overflow: hidden;*/
					/*white-space: nowrap;*/
					/*text-overflow: ellipsis;*/
					/* outline: 1px solid red; */
				}
				.basic-icons > ul {
					margin: 0; padding: 0;
				}
				.basic-icons > ul {margin-top:10px;color: var(--steel);/* text-overflow: ellipsis; */}
				.basic-icons > ul > li {
					display: inline-block;
					vertical-align: middle;
					margin-right: 15px;
				}
				.basic-icons > ul > li i { 
					display: inline-block;
					vertical-align: middle;
					position: relative;
					margin:-2px 5px 0 0;
					font-size:      30px;
					line-height:    30px;
					width:          30px;
					height:         30px;
					color: var(--steel);
				}
				.basic-icons > ul > li em {
					display: inline-block;
					vertical-align: top;
					position: relative;
					margin: 0;
					font-weight: 500;
				}
				.basic-icons > ul > li em { font-size:1.0rem; line-height:25px; color: var(--steel); }
				.basic-icons > ul > li[data-label="bedrooms"     ] em { float:left; }
				.basic-icons > ul > li[data-label="bathrooms"    ] em { float:left; }
				.basic-icons > ul > li[data-label="bedrooms"     ] em:after { content:"×"; }
				.basic-icons > ul > li[data-label="bathrooms"    ] em:after { content:"×"; }
				.basic-icons > ul > li[data-label="bedrooms"     ] i:before { content:"\e906"; }
				.basic-icons > ul > li[data-label="bathrooms"    ] i:before {content: "\e904";}
				.basic-icons > ul > li[data-label="property-size"] i:before {content: "\e93a";}
				.basic-icons > ul > li[data-label="land-size"    ] i:before {content:"\e939";content: "\e943";}
				.basic-icons > ul > li[data-label="price"        ] i:before { content:"\e92f"; }
				.basic-icons > ul > li[data-label="built"        ] i:before { content:"\e93a"; }
				.basic-icons > ul > li[data-label="renovated"    ] i:before { content:"\e93b"; }
				.basic-icons > ul > li[data-label="handover"     ] i:before { content:"\e93c"; }

				.basic-icons > ul > li[data-label="land-size"    ] i { margin-right: 3px; }

				.basic-icons > ul[data-property_size="" ] > li[data-label="property-size"]  { display: none; }
				.basic-icons > ul[data-land_area_size=""] > li[data-label="land-size"    ]  { display: none; }
							


		
		/* filter tags */
		
			ul.filter-tags {
				display: block;
				position: relative;
				margin-top: 25px;
				float: right;
			}
			ul.filter-tags li {
				display: inline-block;
				font-size: 0.85rem;
				line-height: 21px;
				margin-left: 5px;
			}
			ul.filter-tags li label {
				display: block;
				position: relative;
				padding: 0;
				height: 20px;
				border-radius: 15px;
				border: 1px solid white;
				border: 1px solid var(--steel);
				color: var(--steel);
				opacity: 0.5;
				text-align: left;
				transition: background-color .15s ease;
			}
			ul.filter-tags li:has(input:checked) label {
				background-color: #1ECD72;
				color: white;
				border: 1px solid var(--steel);
				opacity: 1;
			}
			/* desktop */	@media screen and (min-width:960px){}
			/* tablet */	@media screen and (min-width:700px) and (max-width:959px){}
			/* mobile */	@media screen and (max-width:699px){
				ul.filter-tags li label { width: 150px; margin-bottom: 5px; margin-right: 10px; }
			}
			
			ul.filter-tags li label input {
				position: absolute;
				opacity: 0;
			}
			ul.filter-tags li label input ~ i {
				display: inline-block;
				position: absolute;
				line-height:    20px;
				width:          20px;
				height:         20px;
				margin: -1px 0 0 -1px;
				background-color: white;
				border:1px solid var(--steel);
				color: var(--steel_dark);
				border-radius: 2px;
				border-radius: 15px;
				pointer-events: none;
				text-align: center;
				left:0;
				transition: left .15s ease;
			}
			ul.filter-tags li label input ~ i:before  { content:"\e92e"; }
			ul.filter-tags li label input         ~ i { font-size:  0px; }
			ul.filter-tags li label input:checked ~ i { font-size: 15px; left:calc(100% - 20px); /*background-color: var(--highlight); background-color: #71A7DF;  color: white;*/ }
			ul.filter-tags li label input ~ em {
				display: block;
				position: relative;
				pointer-events: none;
				line-height: 20px;
				font-weight: 600;
				transition: padding .15s ease;
			}
			ul.filter-tags li label input         ~ em { padding-left:25px; padding-right:10px; }
			ul.filter-tags li label input:checked ~ em { padding-left:10px; padding-right:25px; }
			
			ul.filter-tags li:before {
				content:"";
				display: block;
				position: relative;
				z-index: 99999;
				width:          100px;
				height:          45px;
				padding-top:     85px;
				padding-inline:  15px;
				margin-right:  -130px;
				margin-bottom: -130px;
				top:  30px;
				left: -10px;
				background-size: 80px;
				background-repeat: no-repeat;
				background-position: 50% 15%;
				background-color: white;
				color: var(--steel);
				text-align: center;
				font-size: 0.8rem;
				line-height: 1.1;
				text-wrap:balance;
				wrap-text:balance;
				border-radius:8px;
				box-shadow: inset 0 0 0 1px var(--steel_light), 0 5px 25px 0 rgba(0,0,0,0.24);
				pointer-events: none;
				opacity: 0;
				transition: opacity 0.15s ease 0s;
			}
			ul.filter-tags li:hover:before {
				content:"";
				opacity: 1;
				transition: opacity 0.15s ease 1.5s;
			}
			ul.filter-tags li[data-label=""]:before {display: none;}
			ul.filter-tags li[data-label="apartment"]:before { content:"Toggle this checkbox to show apartments!"; background-image: url("../../images/icon/property-types/apartment.png"); }
			ul.filter-tags li[data-label="penthouse"]:before { content:"Toggle this checkbox to show penthouses!"; background-image: url("../../images/icon/property-types/penthouse.png"); }
			ul.filter-tags li[data-label="villa"    ]:before { content:"Toggle this checkbox to show villas!";     background-image: url("../../images/icon/property-types/villa.png"); }

			
			/* exceptions */
			
				form[name="filter"][data-type_tag_filter="default"] ul.filter-tags li   {}
				form[name="filter"][data-type_tag_filter="default"] ul.filter-tags li label input ~ i {}
				form[name="filter"][data-type_tag_filter="default"] ul.filter-tags li label input         ~ em {}
				form[name="filter"][data-type_tag_filter="default"] ul.filter-tags li label input:checked ~ em {}
				
			/* responsives */
				
				/* desktop */	@media screen and (min-width:960px){
				}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
					main h1 { text-align: center; }
					ul.filter-tags {
						float: none;
						text-align: center;
						margin-top: 25px;
						margin-bottom: 25px;
					}
				}
				/* mobile */	@media screen and (max-width:699px){
					main h1 { text-align: center; }
					ul.filter-tags {
						float: none;
						text-align: center;
						margin-top: 25px;
						margin-bottom: 25px;
					}
				}
				
				
				
				
			/* filter tags: price min and max selector embedded at top */
			
			.filter.price-range {
				white-space: nowrap;
				font-family: NunitoSans;
				font-weight: 300;
				font-size: 0.8rem;
				outline: 1px solid red;
				outline: none;
			}
			.filter.price-range .label em { 
				display: block;
				text-align: right;
				white-space: normal;
				width: 45px;
				color: var(--steel);
			}
			.filter.price-range .label em:before { content:"Price range"; }
			.filter.price-range .value select[name="prf"],
			.filter.price-range .value select[name="prt"] {
				display: inline-block;
				vertical-align: middle;
				width: 112px;
				height: 32px;
				appearance: none;
				background-color: white;
				border: none;
				box-shadow: 0 0 0 1px var(--steel_light);
				outline: none;
				margin: 0;
				padding: 5px 0px 7px 8px;
				border-radius: 5px;
				font-family: NunitoSans;
				font-size: 0.9rem;
				line-height: 16px;
				color: var(--steel);			
			}
			.filter.price-range .form-dash {
				display: inline-block;
				vertical-align: middle;
				text-align: center;		
				font-size: 0.8rem;
				line-height: 1.1;
				width: 10px;
			}
			.filter.price-range .value .dropdown-placeholder {
				line-height: 35px;
				text-indent: 8px;
				display: inline-block;
				position: relative;
				width: 120px;
				height: 35px;
				margin: 0 -120px -35px 0;
				overflow: hidden;
				outline: 0px solid red;
				z-index: 2;
				transform: translate(calc(-100% - 5px), calc(-100% + 13px));
				pointer-events: none;			
			}
			.filter.price-range .value .input-wrapper {
				display: inline-block;
				vertical-align: middle;
			}
			.filter.price-range .value .input-wrapper[data-empty="0"] .dropdown-placeholder { visibility: hidden; }
			
			
			/* filter tags: price min and max selector */

			.price-range-selector {
				display: inline-block;
				vertical-align: top;
				white-space: nowrap;
				/* float: right; */
				/* margin-top: 25px; */
			}
			.price-range-selector .form-elements {
				display: inline-block;
				vertical-align: top;
				position: relative;
				text-align: left;
			}
			.price-range-selector .form-elements .form-element {
				display: inline-block;
				vertical-align: top;
				font-family: NunitoSans;
				font-weight: 300;
				font-size: 1.0rem;
			}
			.price-range-selector .form-elements .form-element .form-label {
				display: inline-block;
				position: relative;
				vertical-align: middle;
				font-size: 0.8rem;
				line-height: 1.1;
				text-align: right;
				padding-right: 5px;
				text-transform: uppercase;
			}
			/* narrow mobile */	@media screen and (max-width:549px) { .price-range-selector .form-elements .form-element .form-label { display:none; } }

			.price-range-selector .form-elements .form-element .form-value {
				display: inline-block;
				vertical-align: middle;
			}
			.price-range-selector .form-elements .form-element .form-value .input-wrapper {
				display: inline-block;
				vertical-align: middle;
				width: 120px;
			}
			.price-range-selector .form-elements.form-element .form-value .input {
				padding: 0px 10px;
				border: 1px solid #999;
				border-radius: 5px;
				box-sizing:content-box;
				font-size: 0.9rem;
				appearance:none;
			}
			.price-range-selector .form-elements .form-element[data-type="dropdown"] .form-value .input { height:35px;
				display: inline-block;
				vertical-align: middle;
				appearance: none;
				background-color: white;
				border: none;
				box-shadow: 0 0 0 1px var(--steel_light);
				outline: none;
				margin: 0;
				padding: 5px 0px 7px 8px;
				border-radius: 5px;
				font-family: NunitoSans;
				font-size: 0.9rem;
				line-height: 16px;
				color: var(--steel);
			}
			.price-range-selector .form-elements .form-element[data-type="dropdown"] .form-value .input ~ a.dropdown-marker {
				display: block;
				position: relative;
				float: right;
				width:  35px;
				height: 35px;
				left: -2px;
				margin:0 0 -35px -36px;
				pointer-events: none;
				text-align: right;
			}
			.price-range-selector .form-elements .form-element[data-type="dropdown"] .form-value .input ~ a.dropdown-marker i {
				font-size:   20px;
				line-height: 35px;
			}
			.price-range-selector .form-elements .form-element[data-type="dropdown"] .form-value .input ~ a.dropdown-marker i:before { content: "\e931"; }

			.price-range-selector .form-elements .form-element .form-value .input[name="prf"] { width: 120px;}
			.price-range-selector .form-elements .form-element .form-value .input[name="prt"] { width: 120px;}
			.price-range-selector .form-elements .form-element .form-value .dropdown-placeholder { 
				color: black;
				font-size:11px;
				opacity:0.5;
			}
			.price-range-selector .form-elements .form-element .form-value .dropdown-placeholder {
				line-height: 35px;
				text-indent: 8px;
				display: inline-block;
				position: relative;
				width: 110px;
				height: 35px;
				margin: 0 -110px -35px 0;
				overflow: hidden;
				outline: 0px solid red;
				z-index: 2;
				transform:translate(calc(-100% - 5px), calc(-100% + 13px));
				pointer-events: none;
			}
			.price-range-selector .form-elements .form-element[data-type="dropdown"] .form-value .input-wrapper[data-empty="0"] .dropdown-placeholder { visibility: hidden; }



			.price-range-selector  .form-dash {
				display: inline-block;
				vertical-align: middle;
				text-align: center;
			}
			.price-range-selector  .form-spacer {
				display: inline-block;
				vertical-align: top;
				width: 0px;
				height: 10px;
			}
			.price-range-selector  .form-divider {
				display: inline-block;
				vertical-align: top;
				width: 65px;
			}
			.price-range-selector  .form-element[data-type="button"] {
				margin-left: 10px;
			}
			.price-range-selector  .form-element[data-type="button"] a.price-filter-switch {
				display: inline-block;
				vertical-align: top;
				position: relative;
				font-size: 1.5rem;
				line-height: 28px;
				padding: 0;
				height: 35px;
				color: var(--steel);
			}
			.price-range-selector  .form-element[data-type="button"] a.price-filter-switch i {
				font-size:1.5rem;
				line-height: 35px;
				float:right;
			}
			.price-range-selector  .form-element[data-type="button"] a.price-filter-switch i:before { content:"\e94a"; }
			
			form[name="filter"]                                           .price-range-selector { display: none; }
			form[name="filter"][data-type_tag_filter="price-lower-first"] .price-range-selector,
			form[name="filter"][data-type_tag_filter="price-lower-last"]  .price-range-selector {
				display: inline-block;
				/* float: right; */
				/* margin-top: 18px; */
			}

			/* desktop */	    @media screen and (min-width:960px)                      {
			}
			/* tablet */	    @media screen and (min-width:700px) and (max-width:959px){
			}
			/* mobile */	    @media screen and (min-width:550px) and (max-width:699px){
			}
			/* narrow mobile */	@media screen and (max-width:549px)                      {
			}
			
			
			
				
			
		
		
		/* views */
		
			/* shared settings */
			
				html section.properties > ul > li figure {
					overflow: hidden;
				}
				html section.properties > ul > li figure img {
					position: absolute;
					width: inherit;
					height: 100%;
					object-fit: cover;
				}
				html section.properties > ul > li figure a.inline-button {
					position: absolute;
					bottom:0px;
					z-index: 1000;
				}
				html section.properties > ul > li figure a.inline-button       i { opacity: .5; }
				html section.properties > ul > li figure a.inline-button:hover i { opacity: 1; }
				html section.properties > ul > li figure a.inline-button i {
					display: block;
					font-size:   30px;
					line-height: 30px;
					width:       30px;
					height:      30px;
					overflow: hidden;
					border-radius: 5px 0;
					background-color: rgba(78,113,145,0.9);
					color: white;
					display: none;
				}
				html section.properties > ul > li figure a.inline-button.add-to-favourites      i,
				html section.properties > ul > li figure a.inline-button.remove-from-favourites i { border-bottom-left-radius: 0; }
				
				html section.properties > ul > li[data-fav="1"] figure {
					/*border:4px solid var(--highlight);*/
					/*margin:-4px; */
					box-shadow: 0 0 0 4px var(--highlight)
				}
				
				html section.properties > ul > li figure a.inline-button.add-to-favourites,
				html section.properties > ul > li figure a.inline-button.remove-from-favourites { left:0px;}
				html section.properties > ul > li figure a.inline-button.add-to-compare         { right:0px;}
				
				html section.properties > ul > li figure a.inline-button.add-to-favourites      i:before { content:"\e913"; }
				html section.properties > ul > li figure a.inline-button.remove-from-favourites i:before {content: "\e949";}
				html section.properties > ul > li figure a.inline-button.add-to-compare         i:before {content: "\e95c";}
				
				html section.properties > ul > li[data-fav="0"] figure a.inline-button.add-to-favourites      i { display:block; opacity:1; }
				html section.properties > ul > li[data-fav="1"] figure a.inline-button.remove-from-favourites i { display:block; opacity:1; background-color: var(--highlight);  }
				html section.properties > ul > li[data-cmp="0"] figure a.inline-button.add-to-compare         i { display:block; opacity:1; }
				html section.properties > ul > li               figure a.inline-button { opacity: 0; }
				html section.properties > ul > li[data-fav="1"] figure a.inline-button.remove-from-favourites,
				html section.properties > ul > li               figure:hover a.inline-button { opacity: 1; }
				
				html section.properties > ul > li a.property-details {
					position: absolute;
					z-index: 100;
					/* border-radius: 15px 0 5px 5px; */
					/* opacity: 0; */
					/* transition: opacity 0.5s ease; */
					/* mix-blend-mode:luminosity; */
				}
				html section.properties > ul > li a.property-details:before {
					content:"";
					display: block;
					position: absolute;
				}
				html section.properties > ul > li a.property-details:hover {
					/* background-color: var(--highlight); */
					/* opacity: 0.2; */
				}
				
				/* inline gallery */
				
					html section.properties > ul > li .inline-gallery {
						opacity: 0;
						pointer-events: none;
						transition:opacity 0.25s ease 0s;
					}
					html section.properties > ul > li:hover .inline-gallery {
						opacity: 1;
						pointer-events: none;
						z-index: 999;
						transition:opacity 0.5s ease 0.5s;
					}
					XXXhtml section.properties > ul > li .extras,
					XXXhtml section.properties > ul > li .action-markers,
					XXXhtml section.properties > ul > li .labels,
					XXXhtml section.properties > ul > li figure { opacity: 1; pointer-events: all; transition: opacity 0.5s ease; }
					
					XXXhtml section.properties > ul > li:hover .extras,
					XXXhtml section.properties > ul > li:hover .action-markers,
					XXXhtml section.properties > ul > li:hover .labels,
					XXXhtml section.properties > ul > li:hover figure { opacity: 0; pointer-events: none; transition: opacity 0.5s ease 0.5s; }
					
					html section.properties > ul > li .inline-gallery {
						position: absolute;
						z-index: 1;
						inset:0;
						aspect-ratio:1/1;
						outline: 2px solid red;
						outline: none;
						background-color: white; 
					}
					
					html section.properties > ul > li .action-markers .ig-left,
					html section.properties > ul > li .action-markers .ig-right {
						position: absolute;
						width:  25px;
						height: 30px;
						background-color: white;
						color: var(--steel);
						top: calc(50% - 20px);
						z-index: 999;
						opacity: 0;
						pointer-events: none;
						transition: opacity 0.5s ease 0.5s;
					}
					html section.properties > ul > li:hover .action-markers .ig-left,
					html section.properties > ul > li:hover .action-markers .ig-right {
						opacity: 1;
						pointer-events:all;
					}
					html section.properties > ul > li:hover .action-markers .ig-left  { transition: opacity 0.5s ease 1.0s; }
					html section.properties > ul > li:hover .action-markers .ig-right { transition: opacity 0.5s ease 1.15s; }
					
					html section.properties > ul > li .action-markers .ig-left  { box-shadow:  5px 0 5px 0 rgba(0,0,0,0.5); }
					html section.properties > ul > li .action-markers .ig-right { box-shadow: -5px 0 5px 0 rgba(0,0,0,0.5); }
					
					html section.properties > ul > li .action-markers .ig-left i,
					html section.properties > ul > li .action-markers .ig-right i {
						font-size:   25px;
						line-height: 30px;
						text-align: center;
					}
					html section.properties > ul > li .action-markers .ig-left i:before  { content:"\e954"; }
					html section.properties > ul > li .action-markers .ig-right i:before { content:"\e955"; }
					
					html section.properties > ul > li .action-markers .ig-left {
						border-radius:0 10px 10px 0;
						left:-5px;
					}
					html section.properties > ul > li .action-markers .ig-right {
						border-radius:10px 0 0 10px;
						right:-5px;
					}
					
					html section.properties > ul > li .inline-gallery {
						width: 50%;
						aspect-ratio: 1 / 1;
						top: 15%;
						left: 50%;
						transform:translate(-50%,0%);
						box-shadow: 0 0 0 2px white, 0 0 30px 5px #00000088;
						/* z-index: 999; */
						position: absolute;
						display: block;
						pointer-events: none;
						border-radius: 4px;						
						overflow: hidden;
					}
					html section.properties > ul > li .inline-gallery img {
						width: 800%;
						height: auto;
					}
					html section.properties > ul > li .inline-gallery img:nth-child(1){
						display:block;
					}
					html section.properties > ul > li .inline-gallery img:nth-child(2){
						display:none;
					}
					html section.properties > ul > li .inline-gallery img:nth-child(3){
						display:none;
					}

					html section.properties > ul > li .inline-gallery > ul {
						overflow: hidden;
						overflow-x:scroll;
						scroll-behavior:smooth;
						scroll-snap-type: x mandatory;
						overscroll-behavior:auto;
						position: absolute;
						display: flex;
						inset:0;
						width: auto;
						font-size: 0;
						line-height: 0;
						margin: 0;
						padding: 0;
						white-space: nowrap;
						box-shadow: 0 0 0 5px white, 0 0 55px 0 rgba(0,0,0,0.51);
						border-top-left-radius:15px;
						border-bottom-right-radius:15px;
						background-size: 0;
					}
					html section.properties > ul > li .inline-gallery > ul li {
						/*display: flex;
						flex:none;
						align-items:flex-start;
						flex-flow:row nowrap;
						justify-content:flex-start;
						*/
						position: relative;
						/*width: 100%;*/
						scroll-snap-align: start;
						list-style: none;
						aspect-ratio:1.2/1;
						background-repeat: no-repeat;
						background-position: 0 0;
						box-shadow: inset 0 0 0 1px white;
						background-image: inherit;
						background-size: 266% auto;
						background-repeat: no-repeat;
					}
					XXXhtml section.properties > ul > li .inline-gallery > ul li:nth-child(1) { background-position: calc(-20% * 0),calc(-20% * 0); }
					XXXhtml section.properties > ul > li .inline-gallery > ul li:nth-child(2) { background-position: calc(-20% * 1),calc(-20% * 1); }
					XXXhtml section.properties > ul > li .inline-gallery > ul li:nth-child(3) { background-position: calc(-20% * 2),calc(-20% * 2); }
					
					XXXhtml section.properties > ul > li .inline-gallery[data-count="2"]  > ul > li { width:calc(100% / 1); }
					XXXhtml section.properties > ul > li .inline-gallery[data-count="20"] > ul > li { width:calc(100% / 1); }
					
					
					FFFFhtml section.properties > ul > li .inline-gallery[data-count="10"] > ul li { width: calc(100% / 10px); }
					FFFFhtml section.properties > ul > li .inline-gallery[data-count="20"] > ul li { width: calc(100% / 20px); }
					FFFFhtml section.properties > ul > li .inline-gallery[data-count="30"] > ul li { width: calc(100% / 30px); }
				
				
				/* action markers (cta) */
				
					html section.properties > ul > li .action-markers {
						/* pointer-events: none; */
						position: absolute;
						width: 100%;
						outline: 1px solid red;
						outline: none;
						z-index: 99;
					}
					html section.properties > ul > li .action-markers .cta-button-fake {
						position: absolute;
						z-index: 999;
						width: 50px;
						height: auto;
						padding: 3px 5px;
						font-size:   0.8rem;
						line-height: 1.1;
						text-align: center;
						border-radius: 15px;
						background-color: var(--steel);
						color: white;
					}
					html section.properties > ul > li .action-markers .cta-button-fake i {}
					html section.properties > ul > li .action-markers .cta-button-fake em {}
					html section.properties > ul > li .action-markers .cta-button-fake em:before { content:"Click for details"; }
				
				
				/* favourite properties */

					html .mirror[data-favourites_only="1"] section.properties > ul > li[data-fav="0"] { display: none; }
					

				/* labels */
				
					/*
					li .labels .label[data-label="fea"] { background-color:#08ACE6; color:white; }
					li .labels .label[data-label="res"] { background-color:#5F00BF; color:white; }
					li .labels .label[data-label="sld"] { background-color:#D90000; color:white; }
					li .labels .label[data-label="exc"] { background-color:#6E7B86; color:white; }
					*/

					.labels .label { display: none; position: relative; }
					.labels .label i {}
					.labels .label em { font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; letter-spacing: 0.3pt; }
					
					li[data-sld="1"] .labels .label,
					li[data-sld="1"] figure,
					li[data-sld="1"] figcaption,
					li[data-sld="1"] .extras { filter: grayscale(1) contrast(0.7) brightness(1.0); }
					li[data-sld="1"] figure { filter: grayscale(1) contrast(0.7) blur(0.5px);  }
					
					li[data-fea="1"] .labels .label[data-label="fea"] em:before { content:"featured"; }
					li[data-res="1"] .labels .label[data-label="res"] em:before { content:"reserved"; }
					li[data-sld="1"] .labels .label[data-label="sld"] em:before { content:"sold"; }
					li[data-exc="1"] .labels .label[data-label="exc"] em:before { content:"exclusive"; }
					li[data-new="1"] .labels .label[data-label="new"] em:before { content:"new build"; }

					li[data-fea="1"] .labels .label[data-label="fea"],
					li[data-res="1"] .labels .label[data-label="res"],
					li[data-sld="1"] .labels .label[data-label="sld"],
					li[data-exc="1"] .labels .label[data-label="exc"],
					li[data-new="1"] .labels .label[data-label="new"] { display: block; }
				
				/* extras */
				
					.extras .extra[data-label="static-map"        ] i:before { content:"\e961"; }
					.extras .extra[data-label="static-street-view"] i:before { content:"\e95e"; }
					.extras .extra[data-label="tour_360_degree"   ] i:before { content:"\e95f"; }
					.extras .extra[data-label="videos"            ] i:before { content:"\e916"; }
				
				
				
				
				
			/*				*/
			/*				*/
			/*				*/
			/*	list view 	*/
			/*				*/
			/*				*/
			/*				*/

				html[data-view_type="1"] section.properties > ul {
					padding-bottom: 15px;
				}
				html[data-view_type="1"] section.properties > ul > li {
					position: relative;
					margin:0 0 0 0;
					padding: 0 0 10px 0;
					font-size:0;
					line-height:0;
				}
				html[data-view_type="1"] section.properties > ul > li:after {
					display: block;
					content:"";
					height: 5px;
					border-bottom: 1px solid var(--steel_light);
				}
				html[data-view_type="1"] section.properties > ul > li:last-child:after { display: none; }
				html[data-view_type="1"] section.properties > ul > li a.property-details {
					left: 90px;
					top: -5px;
					right: 0px;
					bottom: 15px;
					z-index: 100;
					/* pointer-events: none; */
					background-color: rgba(255,255,0,0.47);
					/* opacity: 0.1; */
					background-color: transparent;
				}
				
				/* inline gallery */
				
					html[data-view_type="1"] section.properties > ul > li .inline-gallery,
					html[data-view_type="1"] section.properties > ul > li .ig-left,
					html[data-view_type="1"] section.properties > ul > li .ig-right { display: none; }
				
				/* reference number */
				
					html[data-view_type="1"] section.properties > ul > li .property-ref {
						position: relative;
						display: block;
						width:  80px;
						height: 20px;
						margin: 0 0 -20px 0;
						left: -83px;
						top: -20px;
						transform-origin: bottom right;
						transform:rotate(-90deg);
						outline: 1px solid red;
						outline: none;
					}
					html[data-view_type="1"] section.properties > ul > li .property-ref em {
						display: block;
						position: absolute;
						left: 0;
						bottom: 0;
						text-align: right;
						font-size: 0.8rem;
						line-height: 1.2;
						letter-spacing: 0.5pt;
						color: var(--steel);
					}
				
				/* action markers (cta) */
				
					html[data-view_type="1"] section.properties > ul > li .action-markers {
						transform: translate(-5px,-100px);
						aspect-ratio: 11 / 1;
					}
					html[data-view_type="1"] section.properties > ul > li .action-markers .cta-button-fake {
						right:0px;
						top: 35px;
					}
					html[data-view_type="1"] section.properties > ul > li:hover .action-markers .cta-button-fake {
						background-color: var(--highlight);
					}
					/* desktop */	@media screen and (min-width:960px){}
					/* tablet */	@media screen and (min-width:700px) and (max-width:959px){ html[data-view_type="1"] section.properties > ul > li .action-markers .cta-button-fake {} }
					/* mobile */	@media screen and (max-width:699px)                      { html[data-view_type="1"] section.properties > ul > li .action-markers .cta-button-fake { top: 45px; } }
					
					/* desktop */	@media screen and (min-width:960px){}
					/* tablet */	@media screen and (min-width:700px) and (max-width:959px){ html[data-view_type="2"] section.properties > ul > li .inline-gallery { display:none; } }
					/* mobile */	@media screen and (max-width:699px)                      { html[data-view_type="2"] section.properties > ul > li .inline-gallery { display:none; } }
					
					
				
				html[data-view_type="1"] section.properties > ul > li figure {
					display: inline-block;
					vertical-align: top;
					position: relative;
					width: 80px;
					height: 80px;
					background-size: cover;
					background-repeat: no-repeat;
					border-top-left-radius:     15px;
					border-bottom-right-radius: 15px;
					overflow: hidden;
				}
				html[data-view_type="1"] section.properties > ul > li figure img { display: none; }

				html[data-view_type="1"] section.properties > ul > li figcaption {
					display: inline-block;
					position: relative;
					width: calc(100% - 5px - 100px);
					vertical-align: top;
					padding-left: 15px;
				}
				/*
				html[data-view_type="1"] section.properties > ul > li[data-fea="1"] figcaption,
				html[data-view_type="1"] section.properties > ul > li[data-res="1"] figcaption,
				html[data-view_type="1"] section.properties > ul > li[data-sld="1"] figcaption,
				html[data-view_type="1"] section.properties > ul > li[data-exc="1"] figcaption {
					padding-top: 10px;
				}
				*/
				html[data-view_type="1"] section.properties > ul > li figcaption * {
					/* white-space: normal; */
				}
				html[data-view_type="1"] section.properties > ul > li figcaption p.description {
					display: -webkit-box;
					-webkit-line-clamp: 4;
					-webkit-box-orient: vertical;
					overflow: hidden;
					float:right;
					width: calc(70% - 20px);
					font-size: 0.9rem;
					line-height: 1.2;
					margin-top: 6px;
					text-align: justify;
					XXXtext-align: justify;
					XXXtext-align-last: left;
				}
				/* desktop */	@media screen and (min-width:1240px){}
				/* desktop */	@media screen and (min-width: 960px) and (max-width:1239px){ html[data-view_type="1"] section.properties > ul > li figcaption p.description { width: 64%; -webkit-line-clamp: 3; margin-top:12px; } }
				/* tablet */	@media screen and (min-width: 700px) and (max-width: 959px){ html[data-view_type="1"] section.properties > ul > li figcaption p.description { width: 53%; text-align:left; -webkit-line-clamp:3; } }
				/* mobile */	@media screen and (max-width: 699px)                       { html[data-view_type="1"] section.properties > ul > li figcaption p.description { display: none; } }
				
				html[data-view_type="1"] section.properties > ul > li figcaption p.description:before {
					display: block;
					position: relative;
					content:"";
					width: 80px;
					height: 25px;
					outline: 1px solid red;
					outline: none;
					float: right;
				}
				XXhtml[data-view_type="1"] section.properties > ul > li figcaption p.description::after {
					content: '––––––––––––––––––––';
					visibility: hidden;
					white-space: nowrap;
				}
				
				html[data-view_type="1"] section.properties > ul > li figcaption p.city {
					margin-top: 10px;
					font-size: 1.1rem;
					line-height: 1.1;
				}
				html[data-view_type="1"] section.properties > ul > li figcaption p.city i {
					display: block;
					position: relative;
					color: var(--highlight);
					font-size:      18px;
					line-height:    20px;
					width:          18px;
					height:         20px;
					margin-bottom: -20px;
					top: -2px;
					left: -2px;
				}
				html[data-view_type="1"] section.properties > ul > li figcaption p.city i:before { content:"\e907"; }
				html[data-view_type="1"] section.properties > ul > li figcaption p.city em {
					display: block;
					position: relative;
					margin: 0 0 0 18px;
				}

				html[data-view_type="1"] section.properties > ul > li figcaption .cols {
					display: block;
					width: 100%;
					display: none;
				}
				html[data-view_type="1"] section.properties > ul > li figcaption .cols .col {
					display: inline-block;
					vertical-align: top;
				}
				html[data-view_type="1"] section.properties > ul > li figcaption .cols .col:nth-child(1) { width: calc(100% - 150px);  }
				html[data-view_type="1"] section.properties > ul > li figcaption .cols .col:nth-child(2) { width: 150px; text-align: right; }
				html[data-view_type="1"] section.properties > ul > li figcaption h2.title {
					font-family: Prata;
					font-size: 1.3rem;
					line-height: 1.2;
					color: #4e7191;
					margin: 0;
					padding-right: 33%;
					padding-right: 0;
					/* text-wrap:balance; */
					white-space: nowrap;
					text-overflow: ellipsis;
					width: calc(100% - 100px);
					/* background-color: yellowgreen; */
					overflow: hidden;
				}
				/* desktop */	@media screen and (min-width:960px){}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){ html[data-view_type="1"] section.properties > ul > li figcaption h2.title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } }
				/* mobile */	@media screen and (max-width:699px)                      { html[data-view_type="1"] section.properties > ul > li figcaption h2.title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } }
				
				html[data-view_type="1"] section.properties > ul > li figcaption ul.types {
					margin: 0 0 15px 0;
				}
				html[data-view_type="1"] section.properties > ul > li figcaption ul.types > li {
					display: inline-block;
					background-color: var(--steel_light);
					color: white;
					border-radius: 15px;
					padding: 2px 15px;
					margin-right: 10px;
					font-size: 0.8rem;
					line-height: 1;
					text-transform: uppercase;
					letter-spacing: 1.5pt;
				}
				.basic-icons > ul > li {margin: 0 5px -5px 0;}
				.basic-icons > ul > li i { 
					display: inline-block;
					vertical-align: middle;
					position: relative;
					font-size:      20px;
					line-height:    20px;
					width:          20px;
					height:         20px;
					margin: 2px 0 0 0;
				}
				.basic-icons > ul > li[data-label="property-size"] i {  font-size: 15px; }
				.basic-icons > ul > li[data-label="price"]         i {  font-size: 15px; }
				
				.basic-icons > ul > li em { font-size:0.80rem; }

				/* labels */
				
					html[data-view_type="1"] .labels {
						position: absolute;
						right: 0;
						margin: 0 0 0 120px;
						z-index: 100;
						pointer-events: none;
						outline: 0px solid red;
						mix-blend-mode:hard-light;
					}
					html[data-view_type="1"] .labels .label {
						display: block;
						float: left;
						width: auto;
						font-size: 0.6rem;
						line-height: 1.1;
						padding: 2px 15px;
						margin: 0 5px 5px 0;
						text-transform: uppercase;
						font-weight: 900;
						text-align: center;
						background-color: var(--steel_light);
						color: white;
						border-radius: 5px;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					html[data-view_type="1"] li[data-fea="0"] .labels .label[data-label="fea"],
					html[data-view_type="1"] li[data-fea=""]  .labels .label[data-label="fea"] { display: none; }
					
					html[data-view_type="1"] li[data-res="0"] .labels .label[data-label="res"],
					html[data-view_type="1"] li[data-res=""]  .labels .label[data-label="res"] { display: none; }
					
					html[data-view_type="1"] li[data-sld="0"] .labels .label[data-label="sld"],
					html[data-view_type="1"] li[data-sld=""]  .labels .label[data-label="sld"] { display: none; }
					
					html[data-view_type="1"] li[data-exc="0"] .labels .label[data-label="exc"],
					html[data-view_type="1"] li[data-exc=""]  .labels .label[data-label="exc"] { display: none; }
					
					html[data-view_type="1"] li[data-new="0"] .labels .label[data-label="new"],
					html[data-view_type="1"] li[data-new=""]  .labels .label[data-label="new"] { display: none; }
					
					html[data-view_type="1"] li[data-sld="1"] .labels .label[data-label="sld"] {
						filter:none; 
						background-color: orange; 
						transform:rotate(0deg) scale(1.5,1.5); 
						margin:-2px 20px 0 15px; 
					}
				

				/* extras */

					html[data-view_type="1"] .extras {
						display: block;
						left: 230px;
						top: 25px;
						position: absolute;
						z-index: 100;
						width: 180px;
						height: 25px;
						margin: 0 -180px -25px 0;
						overflow: hidden;
						pointer-events: none;
						text-align: right;
						outline: 0px solid red;
					}
					html[data-view_type="1"] .extras .extra {
						display: inline-block;
						width:         25px;
						height:        25px;
						border-radius: 25px;
						object-fit: contain;
						margin:0;
					}
					html[data-view_type="1"] .extras .extra i {
						display: block;
						width: 100%;
						height:100%;
						color: var(--highlight);
						font-size:   20px;
						line-height: 25px;
						text-align: center;
					}
				
				
				
				
				
			/*				*/
			/*				*/
			/*				*/
			/*	grid view 	*/
			/*				*/
			/*				*/
			/*				*/
			
				html[data-view_type="2"] section.properties > ul {
					display: grid;
					grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
					grid-column-gap: 15px;
					grid-row-gap: 15px;
					/* width: 100%; */
					/* grid-template-columns: 1fr 1fr 1fr; */
				}
				html[data-view_type="2"] section.properties > ul > li {
					position: relative;
					margin:0;
					padding:0;
					font-size:0;line-height:0;
				}
				html[data-view_type="2"] section.properties > ul > li a.property-details {
					left: 25px;
					right: 25px;
					top: 19px;
					aspect-ratio: 3/3.7;
					background-color: rgba(255,255,0,0.47);
					background-color: transparent;
				}
				
				/* inline gallery */
				
					html[data-view_type="2"] section.properties > ul > li .inline-gallery { aspect-ratio:1.1/1; }
					html[data-view_type="2"] section.properties > ul > li .inline-gallery::-webkit-scrollbar { display: none; }
				
				/* reference number */
				
					html[data-view_type="2"] section.properties > ul > li .property-ref {
						position: relative;
						display: block;
						float: right;
						width:  80px;
						height: 20px;
						margin: 0 0 -20px 0;
						padding: 0 5px 0 0;
						left: -5px;
						top: 5px;
						z-index: 3;
						text-align: right;
						outline: 1px solid red;
						outline: none;
					}
					html[data-view_type="2"] section.properties > ul > li .property-ref em {
						display: inline-block;
						position: absolute;
						right: 0;
						bottom: 0;
						padding: 3px 5px;
						font-weight: 700;
						font-size: 0.7rem;
						line-height: 1.2;
						letter-spacing: 0.5pt;
						background-color: rgba(0,0,0,0.3);
						border-radius: 5px;
						border-top-right-radius: 0px;
						color: rgba(255,255,255,0.70);
					}
					
				/* action markers (cta) */
				
					html[data-view_type="2"] section.properties > ul > li .action-markers {
						transform:translate(0,-100%);
						aspect-ratio:1.2 / 1;
					}

					html[data-view_type="2"] section.properties > ul > li .action-markers .cta-button-fake {
						left:calc(50% - 60px);
						bottom:10px;
						width: 100px;
						background-color: #4e719188;
						box-shadow: 0 0 0 2px white;
					}
					html[data-view_type="2"] section.properties > ul > li:hover .action-markers .cta-button-fake {
						background-color: var(--highlight);
					}
					
				html[data-view_type="2"] section.properties > ul > li figure {
					display: inline-block;
					vertical-align: top;
					position: relative;
					width:  100%;
					height: auto;
					aspect-ratio:1.2 / 1;
					background-size: cover;
					background-repeat: no-repeat;
					border-top-left-radius:     15px;
					border-bottom-right-radius: 15px;
				}
				html[data-view_type="1"] section.properties > ul > li figure img {
				}
				html[data-view_type="2"] section.properties > ul > li figcaption {
					display: block;
					position: relative;
					margin: 10px 0 10px 0;
				}
				html[data-view_type="2"] section.properties > ul > li figcaption h2.title {
					font-family: Prata;
					font-size: 1.0rem;
					line-height: 1.3;
					color: #4e7191;
					/*text-wrap:balance;*/
					margin: 0;
				}
				
				/* labels */

					html[data-view_type="2"] .labels {
						float: right;
						position: relative;
						z-index: 100;
						width:          70px;
						height: 120px;
						margin-bottom: -150px;
						background-color: rgba(255,255,0,0.57);
						background-color: transparent;
						padding-left: 10px;
						padding-top: 30px;
						overflow: hidden;
						pointer-events: none;
						outline: 0px solid red;
						mix-blend-mode:hard-light;
					}
					html[data-view_type="2"] .labels .label {
						transform-origin: center;
						transform: rotate(-6deg);
						width: 170px;
						height:       20px;
						margin-bottom: 5px;
						border-radius: 0px;
						font-size: 0.6rem;
						line-height: 20px;
						text-transform: uppercase;
						font-weight: 900;
						text-align: left;
						text-indent: 10px;
						box-shadow: 0 0 0 1px rgba(255,255,255,1);
						background-color: rgba(255,255,255,0.9);
						border-top-left-radius: 5px;
						border-bottom-left-radius: 5px;
					}
					html[data-view_type="2"] li[data-sld="1"] .labels .label[data-label="sld"] {
						filter:none; 
						background-color: orange; 
						box-shadow: 0 0 0 1px orange;
						transform:rotate(-6deg) scale(1.5,1.5); 
						margin:7px 0 15px 35px;
					}

				/* extras */

					html[data-view_type="2"] .extras {
						float: left;
						position: relative;
						z-index: 100;
						width:          25px;
						height:         180px;
						margin-bottom: -200px;
						padding-left: 10px;
						padding-top: 10px;
						overflow: hidden;
						pointer-events: none;
						outline: 0px solid red;
					}
					html[data-view_type="2"] .extras .extra {
						display: block;
						width:         25px;
						height:        25px;
						border-radius: 25px;
						object-fit: contain;
						margin:0 5px 5px 0;
						background-color: rgba(255,255,255,0.95);
					}
					html[data-view_type="2"] .extras .extra i {
						display: block;
						width:  calc(100% - 4px);
						height: calc(100% - 4px);
						margin: 2px 0 0 2px;
						background-position: center;
						background-size: contain;
						color: var(--highlight);
						font-size:   20px;
						line-height: 25px;
						text-align: center;
					}
					/*
					.extras .extra[data-label="static-map"        ] i { background-image:url(../../images/icon/map-types/visible.png); }
					.extras .extra[data-label="static-street-view"] i { background-image:url(../../images/icon/map-types/visible-streetview.png); }
					.extras .extra[data-label="tour_360_degree"   ] i { background-image:url(../../images/icon/map-types/visible-3dtour.png); }
					*/
				
				
				
				
				
			/*						*/
			/*						*/
			/*						*/
			/*	large grid view 	*/
			/*						*/
			/*						*/
			/*						*/
		
				html[data-view_type="3"] section.properties > ul {
					display: grid;
					grid-template-columns: 1fr 1fr 1fr;
					grid-column-gap: 15px;
					grid-row-gap: 15px;
				}
				html[data-view_type="3"] section.properties > ul > li {
					position: relative;
					margin:0 0 0 0;
					padding: 0 0 0 0;
					font-size:0;
					line-height:0;
				}
				html[data-view_type="3"] section.properties > ul > li a.property-details {
					left: 24px;
					top: 25px;
					right: 25px;
					aspect-ratio: 3 / 2.5;
					/* outline: 2px dashed blue; */
					background-color: rgba(255,255,0,0.47);
					background-color: transparent;
				}
				/* inline gallery */
				
					html[data-view_type="3"] section.properties > ul > li .inline-gallery {
						/*aspect-ratio:1/0.6666;*/
						/* overflow: hidden; */
					}
					html[data-view_type="3"] section.properties > ul > li .inline-gallery::-webkit-scrollbar { display: none; }
				
				/* reference number */
				
					html[data-view_type="3"] section.properties > ul > li .property-ref {
						position: relative;
						display: block;
						float: right;
						width:  80px;
						height: 20px;
						margin: 0 0 -20px 0;
						padding: 0 5px 0 0;
						left: -5px;
						top: 5px;
						z-index: 1;
						text-align: right;
						outline: 1px solid red;
						outline: none;
						z-index: 1000;
					}
					html[data-view_type="3"] section.properties > ul > li .property-ref em {
						display: inline-block;
						position: absolute;
						right: 0;
						bottom: 0;
						padding: 3px 5px;
						font-weight: 700;
						font-size: 0.7rem;
						line-height: 1.2;
						letter-spacing: 0.5pt;
						background-color: rgba(0,0,0,0.3);
						border-radius: 5px;
						border-top-right-radius: 0px;
						color: rgba(255,255,255,0.70);
					}
					
				/* action markers (cta) */
				
					html[data-view_type="3"] section.properties > ul > li .action-markers {
						transform:translate(0,-100%);
						aspect-ratio:1.2 / 1;
					}

					html[data-view_type="3"] section.properties > ul > li .action-markers .cta-button-fake {
						left:calc(50% - 50px);
						bottom: 35px;
						width: 100px;
						background-color: #4e719188;
						box-shadow: 0 0 0 2px white;
						font-size: 1rem;
						/* pointer-events: all; */
					}
					html[data-view_type="3"] section.properties > ul > li:has(a.property-details:hover) .action-markers .cta-button-fake {
						background-color: var(--highlight);
					}
					
				html[data-view_type="3"] section.properties > ul > li figure {
					position: relative;
					width:  100%;
					height: auto;
					aspect-ratio:1.2 / 1;
					background-size: cover;
					background-repeat: no-repeat;
					border-top-left-radius:     15px;
					border-bottom-right-radius: 15px;
				}
				html[data-view_type="3"] section.properties > ul > li figure .sorting-criteria-labels {
					position: absolute;
					/*bottom: 0px;*/
					top: 0;
					left: 25px;
					right: 25px;
					text-align: center;
					font-size: 0.8rem;
					line-height: 1.2;
				}
				html[data-view_type="3"] section.properties > ul > li figure .sorting-criteria-labels .scl-item {
					display: inline-block;
					color: white;
					padding: 7px 10px 3px 10px;
					margin: 0 3px;
					/*border-top-left-radius: 12px;*/
					/*border-top-right-radius: 12px;*/
					border-bottom-left-radius: 12px;
					border-bottom-right-radius: 12px;
					background-color: var(--highlight);
					font-weight:700;
				}
				html[data-view_type="3"] section.properties > ul > li figure .sorting-criteria-labels .scl-item:empty { display: none; }
				
				html[data-view_type="3"] section.properties > ul > li figcaption {
					display: block;
					position: relative;
					margin: 0px 0 10px 0;
				}
				html[data-view_type="3"] section.properties > ul > li figcaption h2.title {
					font-family: Prata;
					font-size: 1.0rem;
					line-height: 1.3;
					color: #4e7191;
					text-wrap:balance;
				}
				html[data-view_type="3"] section.properties > ul > li figcaption p.description {
					display: none;
				}
				html[data-view_type="3"] section.properties > ul > li figcaption p.city {
					display: none;
				}
				html[data-view_type="3"] section.properties > ul > li figcaption              {
					display:table;
					width: 100%;
				}
				html[data-view_type="3"] section.properties > ul > li figcaption h2.title     {
					display: table-footer-group; 
				}
				html[data-view_type="3"] section.properties > ul > li figcaption .basic-icons {
					display: block;
					width: 100%;
					/*margin-top: -40px;*/
					padding-top: 3px;
					height: calc(30px - 3px);
					text-align: center;
					background-color: lightblue;
					background-color: transparent;
					background-color: rgba(0,0,0,0.50);
					background-color: var(--steel);
					background-color: rgb(78 113 145 / 70%);
					border-bottom-right-radius: 12px;
					transform:translateY(-30px);
					margin-bottom:       -20px;
				}
				html[data-view_type="3"] section.properties > ul > li figcaption .basic-icons ul {
					position: relative;
					margin-top:0;
					margin-bottom: 10px;
					left: 50%;
					transform:translateX(-50%);
					text-align: center;
					background-color: lime;
					background-color: transparent;
					/*text-shadow: 0 0 1px white,0 0 1px white,0 0 1px white,0 0 1px white;*/
				}
				html[data-view_type="3"] section.properties > ul > li figcaption .basic-icons ul li * {
					color: white;
				}
				
				
				
				/* labels */

					html[data-view_type="3"] .labels {
						float: right;
						position: relative;
						z-index: 100;
						width:          90px;
						height:         230px;
						margin-bottom: -260px;
						background-color: rgba(255,255,0,0.57);
						background-color: transparent;
						padding-left: 10px;
						padding-top: 30px;
						overflow: hidden;
						pointer-events: none;
						mix-blend-mode:hard-light;
					}
					html[data-view_type="3"] .labels .label {
						transform-origin: center;
						transform: rotate(-6deg);
						width: 170px;
						height:       30px;
						margin-bottom: 5px;
						border-radius: 0px;
						font-size: 0.7rem;
						line-height: 30px;
						text-transform: uppercase;
						font-weight: 900;
						text-align: left;
						text-indent: 15px;
						box-shadow: 0 0 0 1px white;
						background-color: rgba(255,255,255,0.9);
						border-top-left-radius: 5px;
						border-bottom-left-radius: 5px;
						opacity: .8;
					}
					html[data-view_type="3"] li[data-sld="1"] .labels .label[data-label="sld"] {
						filter:none; 
						background-color: orange; 
						box-shadow: 0 0 0 1px orange;
						transform:rotate(-6deg) scale(1.5,1.5); 
						margin:10px 0 18px 35px;
					}
					
				/* extras */

					html[data-view_type="3"] .extras {
						float: left;
						position: relative;
						z-index: 100;
						width:          25px;
						height:         180px;
						margin-bottom: -200px;
						padding-left: 10px;
						padding-top: 10px;
						overflow: hidden;
						pointer-events: none;
						outline: 0px solid red;
					}
					html[data-view_type="3"] .extras .extra {
						display: block;
						width:         25px;
						height:        25px;
						border-radius: 25px;
						object-fit: contain;
						margin:0 5px 5px 0;
						background-color: rgba(255,255,255,0.95);
					}
					html[data-view_type="3"] .extras .extra i {
						display: block;
						width:  calc(100% - 4px);
						height: calc(100% - 4px);
						margin: 2px 0 0 2px;
						background-position: center;
						background-size: contain;
						color: var(--highlight);
						font-size:   20px;
						line-height: 25px;
						text-align: center;
					}
					/*
					.extras .extra[data-label="static-map"        ] i { background-image:url(../../images/icon/map-types/visible.png); }
					.extras .extra[data-label="static-street-view"] i { background-image:url(../../images/icon/map-types/visible-streetview.png); }
					.extras .extra[data-label="tour_360_degree"   ] i { background-image:url(../../images/icon/map-types/visible-3dtour.png); }
					*/
					
				
			/* animations */
			
				html section.properties {/* overflow: hidden; */width: 100%;}
				
			/* responsives */
			
				/* desktop */	@media screen and (min-width:960px){
				}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
					html[data-view_type="2"] section.properties > ul { grid-template-columns: 1fr 1fr 1fr 1fr; }
					html[data-view_type="3"] section.properties > ul { grid-template-columns: 1fr 1fr; }
					html[data-view_type="3"] section.properties > ul > li .cta-button-fakeX { top:100px; }
				}
				/* mobile */	@media screen and (min-width:550px) and (max-width:699px){
					html[data-view_type="2"] section.properties > ul { grid-template-columns: 1fr 1fr 1fr; }
					html[data-view_type="3"] section.properties > ul { grid-template-columns: 1fr; }
					html section.properties > ul > li figure a.inline-button.add-to-compare { display: none; }
					html[data-view_type="3"] section.properties > ul > li .cta-button-fakeX { top:400px; }
				}
				/* narrow mobile */	@media screen and (max-width:549px){
					html[data-view_type="2"] section.properties > ul { grid-template-columns: 1fr 1fr; }
					html[data-view_type="3"] section.properties > ul { grid-template-columns: 1fr; }
					html section.properties > ul > li figure a.inline-button.add-to-compare { display: none; }
					html[data-view_type="1"] section.properties > ul > li figcaption { width: calc(100% - 15px - 100px); padding-left: 15px; }
					html[data-view_type="3"] section.properties > ul > li .cta-button-fakeX { top:50%; opacity: 0.5; }
				}

				
				
				
				
				
				
				
	/* modifiers */
	
	XXXfooter .background {
		padding-bottom: 75px!important;
	}
	
	
	
	/* filters */
	
		.filter-placeholder {
			position: relative;
			height: 0px;
		}
		.filter-container {
			position: fixed;
			pointer-events: none;
			left:  50%;
			transform: translateX(-50%);
			top:   calc(100px - 35px + 14px);
			top:   calc(100px - 25px + 25px);
			top:   calc(100px - 25px + 0px);
			width: 1200px;
			height: auto;
			background-color: white;
			border-radius: 0;
			box-shadow: 0 0 0 1px rgb(210 218 225 / 50%), 0 5px 15px 0 rgba(0,0,0,0.20);
			background-color: transparent;
			box-shadow: 0 0 0 1px rgb(210 218 225 / 70%);
			box-shadow: none;
			z-index: 210;
			text-align: right;
			text-align: center;
		}
		section.filters {
			display: inline-block;
			position: relative;
			font-size: 0; line-height: 0;
			margin: 0; padding: 0;
			height: inherit;
			pointer-events: all;
			border-radius: 0;
			XXbackground-color: rgba(255,255,255,0.9);
			background-color: white;
			XXbackdrop-filter:blur(5px);
			padding: 10px 15px 10px 5px;
			outline: 1px solid red;
			outline: none;
			box-shadow: 1px 1px 1px 0px var(--steel_extralight), -1px 1px 1px 0px var(--steel_extralight), 0 5px 5px 0 #45505B33;
		}
		section.filters .filter {
			display: inline-block;
			vertical-align: top;
			font-size: 0; line-height: 0;
			margin: 0; padding: 0;
		}
		
		section.filters[data-position="bottom fixed"] {
			position: fixed;
			z-index: 999;
			bottom: 0;
			left: 0;
			background-color: transparent;
			box-shadow: none;
			transition:bottom 0.3s ease 0s;
		}
		html[data-ua="busy"] section.filters[data-position="bottom fixed"] {
			bottom: 0px;
			transition-delay: 1s;
		}
		html[data-ua="idle"] section.filters[data-position="bottom fixed"] {
			transition-delay: 3s;
			bottom: -100px;
		}
		
		section.filters[data-position="bottom fixed"] .filter.compare {
			position: relative;
			bottom: 15px;
			left: 15px;
			transform:translateX(0%);
			padding: 10px 25px;
			border-radius: 5px;
			background-color: white;
			box-shadow: 0 2px 15px 0 rgba(0,0,0,0.57);
		}
		section.filters[data-position="bottom fixed"] .filter.compare[data-count="0"] { display: none; }
		
		
		section.filters .form-spacer {
			display: inline-block;
			vertical-align: top;
			width: 0px;
			height: 10px;
		}
		section.filters .filter.submit {
		
		}
		section.filters .filter.submit a.form-button {
			display: inline-block;
			vertical-align: top;
			position: relative;
			font-size: 1.0rem;
			line-height: 24px;
			padding: 5px 10px 5px 10px;
			margin-right: 0px;
			height: 23px;
			background-color: var(--steel);
			color: white;
			border-radius: 5px;
			border-top-right-radius: 25px;
			border-bottom-right-radius: 25px;
		}
		section.filters .filter.submit a.form-button i {
			font-size: 24px;
			line-height: 24px;
			float: right;
		}
		section.filters .filter.submit a.form-button i:before {
			content: "\e955";
		}
		section.filters .filter.submit a.form-button em {
			display: none;
		}
		section.filters .filter.submit a.form-button em:before {
			content: "";
		}
		
		
		
		/* filters and views */
		
			section.filters .filter { }
			section.filters .sort-by            { float: left;  margin-right: 0px; }
			section.filters .view-types         {/* float: left; */margin-right:  0;}
			section.filters .search-criteria    { float: left;  margin-right: 0px; }
			section.filters .number-of-bedrooms { float: left;  margin-right: 0px; }
			section.filters .compare            { float: right; margin-left:  0px; }
			
		
		/* compare listings */
		
			section.filters .compare {
				display: inline-block;
				vertical-align: top;
			}
			section.filters .compare {
				display: inline-block;
				vertical-align: middle;
			}
			section.filters .compare .label {
				display: inline-block;
				vertical-align: middle;
				margin-right: 10px;
				font-size: 0.75rem;
				line-height: 1.1;				
				text-align: right;
			}
			section.filters .filter.compare .label em {
				display: block;
				text-align: right;
				white-space: normal;
				width: 50px; 
			}
			section.filters .filter.compare .label em:before {
				content:"Compare listings";
			}
			
			section.filters .compare .value {
				display: inline-block;
				vertical-align: middle;
			}
			section.filters .compare .value ul {
				display: inline-block;
				vertical-align: middle;
			}
			section.filters .compare .value ul li {
				display: inline-block;
				vertical-align: middle;
				position: relative;
				box-shadow: 0 0 0 1px var(--steel_extralight);
				border-radius: 10px 0 10px 0;
				height: 35px;
				margin: 0 5px 0 0;
			}
			section.filters .compare .value ul li:before {
				display: block;
				position: absolute;
				z-index: 2;
				content:"";
				background-color: white;
				border: 1px solid var(--steel);
				color: var(--steel);
				font-size:     11px;
				line-height:   17px;
				width:         17px;
				height:        17px;
				border-radius: 17px;
				text-align: center;
				left: -5px;
				top:  -5px;
			}
			section.filters .compare .value ul li figure {
				display: block;
				position: relative;
				width:          35px;
				height:         35px;
				margin-bottom: -35px;
				border-radius:  10px 0 0 0;
				background-color: var(--steel);
				background-repeat: no-repeat;
				background-size: 300%;
				overflow: hidden;
			}
			section.filters .compare .value ul li figcaption {
				display: block;
				position: relative;
				top: 50%;
				transform:translateY(-50%);
				margin: 0 0 0 40px;
				font-size: 0.6rem;
				line-height: 1.1;
				width: auto;
				line-clamp:3;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;  
				overflow: hidden;
			}
			section.filters .compare[data-count="1"] .value ul li figcaption { width: 80px; }
			section.filters .compare[data-count="2"] .value ul li figcaption { width: 70px; }
			section.filters .compare[data-count="3"] .value ul li figcaption { width: 60px; }
			section.filters .compare[data-count="4"] .value ul li figcaption { width: 50px; }
			section.filters .compare[data-count="5"] .value ul li figcaption { width: 40px; }
			section.filters .compare[data-count="6"] .value ul li figcaption { width:  0px; display:none; }
			section.filters .compare[data-count="7"] .value ul li figcaption { width:  0px; display:none; }
			section.filters .compare[data-count="8"] .value ul li figcaption { width:  0px; display:none; }
			section.filters .compare[data-count="9"] .value ul li figcaption { width:  0px; display:none; }
			
			section.filters .compare .value ul li:nth-child(1):before { content:"1"; }
			section.filters .compare .value ul li:nth-child(2):before { content:"2"; }
			section.filters .compare .value ul li:nth-child(3):before { content:"3"; }
			section.filters .compare .value ul li:nth-child(4):before { content:"4"; }
			section.filters .compare .value ul li:nth-child(5):before { content:"5"; }
			section.filters .compare .value ul li:nth-child(6):before { content:"6"; }
			section.filters .compare .value ul li:nth-child(7):before { content:"7"; }
			section.filters .compare .value ul li:nth-child(8):before { content:"8"; }
			section.filters .compare .value ul li:nth-child(9):before { content:"9"; }
			
			section.filters .compare .value ul li a.remove-button {
				display: block;
				position: relative;
				z-index: 100;
				width:          20px;
				height:         20px;
				margin-bottom: -20px;
				border-radius:  20px;
				top:  -5px;
				left: -5px;
				text-align: center;
				background-color: #BF0000;
				color: white;
				overflow: hidden;
				opacity: 0;
				display: none;
				cursor: pointer;
			}
			section.filters .compare .value ul li:hover a.remove-button {
				opacity: 1;
				display: block;
			}
			
			section.filters .compare .value ul li a.remove-button i {
				display: block;
				position: relative;
				font-size:      20px;
				line-height:    20px;
				width:          20px;
				height:         20px;
			}
			section.filters .compare .value ul li a.remove-button i:before { content:"\e928"; }
			
			section.filters .compare .value ul li figure {}
			section.filters .compare .value ul li figcaption {}
			section.filters .compare .value .inline-button {
				display: inline-block;
				vertical-align: middle;
				background-color: var(--steel);
				color:white;
				width:  35px;
				height: 35px;
				text-align: center;
				border-radius: 4px;
			}
			section.filters .compare .value .inline-button i {
				display: block;
				font-size:   25px;
				line-height: 35px;
				width:       35px;
				height:      35px;
			}
			section.filters .compare .value .inline-button i:before { content:"\e933"; }
			
			/* states */
			
				section.filters .compare[data-count="0"] { display: none; }
				section.filters .compare[data-count="0"] .value .inline-button,
				section.filters .compare[data-count="1"] .value .inline-button { display: none; }
				
				form[data-has_tag_filter="1"] section.filters .compare { display: none; }
				
			/* responsives */
			
				/* desktop */	@media screen and (min-width:960px){
				}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
					.filter-container { top:100px; }
				}
				/* mobile */	@media screen and (max-width:699px){
					.filter-container { top:100px; width: 100%; }
					section.filters .compare { display: none; }
					section.filters .sort-by .label em .opt-break { display:block; }
				}



		/* filter shared styles */
		
			section.filters {}
			section.filters .new-build .value input,
			section.filters .search-criteria .value input,
			section.filters .number-of-bedrooms .value select,
			section.filters .sort-by .value select {
				display: inline-block;
				vertical-align: middle;
				appearance:none;
				background-color: white;
				border: none;
				box-shadow: 0 0 0 1px var(--steel_light);
				outline: none;
				margin: 0;
				padding: 5px 0px 7px 8px;
				border-radius: 5px;
				font-family: NunitoSans;
				font-size: 0.9rem;
				line-height: 16px;
				color:var(--steel);
				color: #BF0000;
			}
			section.filters .new-build          .value input  {height: 15px;width: 15px;margin: 8px 0 0 10px;border-radius: 2px;}
			section.filters .search-criteria    .value input  { height:20px;}
			section.filters .number-of-bedrooms .value select { height:32px; }
			section.filters .sort-by            .value select { height:32px; }
			
			section.filters .label {
				display: inline-block;
				vertical-align: middle;
				margin-left: 3px;
				margin-left: 0;
				margin-right: 1px;
				margin-right: 5px;
				font-size: 0.75rem;
				line-height: 1.1;
				text-align: right;
				text-transform: uppercase;
			}
			section.filters .value {
				display: inline-block;
				vertical-align: middle;
				font-size: 0; line-height: 0;
				margin: 0; padding: 0;
			}
			section.filters .value input  ~ a.clear-input,
			section.filters .value select ~ a.dropdown-marker {
				display: inline-block;
				position: relative;
				vertical-align: middle;
				width:       24px;
				height:      20px;
				margin: 0 0 -20px 0;
				top: -10px;
			}
			section.filters .value a i:before {
				display: block;
				position: relative;
			}
			
			section.filters .value input                 ~ a.clear-input     { left: -24px; margin-right: -24px; }
			section.filters .value input[data-empty="0"] ~ a.clear-input     { }
			section.filters .value input[data-empty="1"] ~ a.clear-input     { visibility: hidden; pointer-events: none; }
			section.filters .value select                ~ a.dropdown-marker { left: -24px; margin-right: -24px; pointer-events: none; }
			section.filters .value input                 ~ a.clear-input i,
			section.filters .value select                ~ a.dropdown-marker i {
				font-size:   20px;
				line-height: 20px;
			}
			section.filters .new-build label.value input                      { position: absolute; opacity:0; }
			section.filters .new-build label.value .fake-checkbox             { position: relative; display: block; margin:7px 10px 0 10px; }
			section.filters .new-build label.value .fake-checkbox > i         { position: relative; display: block; width: 18px; height: 18px; border-radius: 3px; margin: 0 0 -20px 0; border: 1px solid black; background-color: white; color:white; }
			section.filters .new-build label.value .fake-checkbox > i:before  { content:"\e93d"; font-size: 15px; line-height: 15px; }
			section.filters .new-build label.value .fake-checkbox > em        { display: block; position: relative; font-size: 0.75rem; line-height: 1.1; margin: 0 0 0 25px; top: -2px; text-transform: uppercase; color: var(--steel); }
			section.filters .new-build label.value .fake-checkbox > em:before { content:"new\a build"; white-space: pre-line; }
			section.filters .new-build label.value input:checked ~ .fake-checkbox > i { background-color:var(--highlight); color:white; }
			
			section.filters .value  input ~ a.clear-input     i:before { content:"\e928"; }
			section.filters .value select ~ a.dropdown-marker i:before { content:"\e931"; }

			section.filters[data-reload="1"] .value input ~ a.clear-input i:before { content:"\e963"; animation: rotate 0.5s infinite linear; }
			@keyframes rotate {
				0% { transform: rotate(0deg); }
			  100% { transform: rotate(360deg); }
			}
		

		
		/* search criteria */
		
			section.filters .search-criteria .value input {
				width: 140px;
			}
			section.filters .search-criteria .label i { 
			    display: inline-block;
				position: relative;
				vertical-align: top;
				font-size: 20px;
				line-height: 20px;
				margin: 0 0 -20px 0;
				left: 3px;
				top: -5px;
				color: var(--steel);
			}
			section.filters .search-criteria .label i:before { 
				z-index: 2;
				content: "\e93e";
			}
			section.filters .search-criteria .label em { 
				display: block;
				text-align: right;
				white-space: normal;
				width: 45px; 
				display: none;
			}
			section.filters .search-criteria .label em:before { content:"Search"; }
			
			section.filters .search-criteria .value input::placeholder {
				font-size: 10px;
				opacity: 0.5;
			}
		
		/* number-of-bedrooms */

			section.filters .number-of-bedrooms .label em { 
				display: block;
				text-align: right;
				white-space: normal;
				width: 45px; 
				color: var(--steel);
			}
			section.filters .number-of-bedrooms .label em:before { content:"Bed­rooms"; }
			section.filters .number-of-bedrooms .value select {
				width: 50px;
				margin-right:0px;
			}
		
		/* sort by */
		
			section.filters .sort-by {
				display: inline-block;
				vertical-align: middle;
			}
			section.filters .sort-by .label em { 
				display: block;
				width: 35px; 
				text-align: right;
				color: var(--steel);
			}
			section.filters .sort-by .label em:before { content:"Sort by"; }
			section.filters .sort-by .value select {
				width: 135px;
				margin-right: 0px;
			}
			section.filters .sort-by ul {}
			section.filters .sort-by li {}

			/* desktop */	@media screen and (min-width:960px){}
			/* tablet */	@media screen and (min-width:700px) and (max-width:959px){}
			/* mobile */	@media screen and (max-width:699px){
				section.filters .sort-by .label { }
				section.filters .sort-by .value select {width: 115px;padding: 10px 30px 10px 10px;font-size: 0.85rem;line-height: 1.1;}
			}



		/* view types */
		
			/* in filters top */

			section.filters .view-types {
				display: inline-block;
				vertical-align: middle;
				width: auto;
			}
			section.filters .view-types ul {
				transition: all .5s ease;
				font-size: 0; line-height: 0;
				margin: 0; padding: 0;
				list-style: none;
			}
			section.filters .view-types ul li {
				display: inline-block;
				vertical-align: middle;
				height: 28px;
				border-radius: 35px;
				padding: 0;
				margin: 0;
				overflow: hidden;
				list-style: none;
				font-size: 1rem;
				line-height: 1.2;
			}
			section.filters .view-types ul li i {
				font-size: 1.8em;
				line-height: 30px;
				color: var(--steel_light);
				display: inline-block;
				vertical-align: middle;
				margin-right: 0px;
			}
			section.filters .view-types ul li:hover i {
				color:var(--steel);
			}
			
			section.filters .view-types ul li em {
				vertical-align: middle;
				display: inline-block;
				max-width: 0;
				padding-left: 0;
				/*
				text-transform: uppercase;
				letter-spacing: 2px;
				font-size: 0.8rem;
				*/
				font-family: NunitoSans;
				font-size: 0.9rem;
				line-height: 16px;
				white-space: nowrap;
				opacity: 0;
				overflow: hidden;
				transition: all 0.30s ease;
			}

			section.filters .view-types ul li[data-type="list"      ] i:before { content:"\e923"; }
			section.filters .view-types ul li[data-type="grid"      ] i:before { content:"\e925"; }
			section.filters .view-types ul li[data-type="large-grid"] i:before { content:"\e924"; }

			html[data-view_type="1"] section.filters .view-types ul li:nth-child(1),
			html[data-view_type="2"] section.filters .view-types ul li:nth-child(2),
			html[data-view_type="3"] section.filters .view-types ul li:nth-child(3)    { box-shadow: 0 0 0 1px var(--steel_light); padding: 0 10px; margin-left:3px; margin-right:3px; pointer-events: none; background-color: var(--highlight_dim); background-color: white; }
			
			html[data-view_type="1"] section.filters .view-types ul li:nth-child(1) i,
			html[data-view_type="2"] section.filters .view-types ul li:nth-child(2) i,
			html[data-view_type="3"] section.filters .view-types ul li:nth-child(3) i  { color: var(--highlight); }

			html[data-view_type="1"] section.filters .view-types ul li:nth-child(1) em { max-width:35px; transition: all 0.30s ease 0.0s; }
			html[data-view_type="2"] section.filters .view-types ul li:nth-child(2) em { max-width:35px; transition: all 0.30s ease 0.0s; }
			html[data-view_type="3"] section.filters .view-types ul li:nth-child(3) em { max-width:70px; transition: all 0.20s ease 0.0s; }

			html[data-view_type="1"] section.filters .view-types ul li:nth-child(1) em,
			html[data-view_type="2"] section.filters .view-types ul li:nth-child(2) em,
			html[data-view_type="3"] section.filters .view-types ul li:nth-child(3) em { display:inline-block; padding-left: 5px; color: var(--highlight); opacity:1; }

				/* desktop */	@media screen and (min-width:960px){
				}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
				}
				/* mobile */	@media screen and (max-width:699px){
					section.filters .view-types {
						position: fixed;
						width: 50px;
						height: 90px;
						margin: 0 -50px -90px 0;
						padding: 1px 0 0 0;
						overflow: hidden;
						top: -90px;
						right: 60px;
					}
					section.filters .view-types ul { width:50px; text-align: center; transform:scale(0.9,0.9); }
					section.filters .view-types ul li:after {
						display: table;
						width: 100%;
						height: 10px;
						content:"";
					}
					section.filters .view-types ul li i { margin-right: 0!important; }
					section.filters .view-types ul li em { display: none!important; }
					
				}

			
			/* desktop */	@media screen and (min-width:960px){
			}
			/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
			}
			/* mobile */	@media screen and (max-width:699px){
				section.filters .search-criteria { width:100%; margin-right: 0; float:none; margin-bottom: 10px; }
				section.filters .search-criteria .label       {width: 40px;}
				section.filters .search-criteria .value       {width: calc(100% -  50px);}
				section.filters .search-criteria .value input { width:calc(100% -  50px); }
				
				section.filters .number-of-bedrooms {width:auto;margin-right: 8px;float:right;margin-bottom: 10px;text-align: right;}
				section.filters .number-of-bedrooms .filter-elements { display: inline-block; }
				section.filters .number-of-bedrooms .label       { width:             60px; margin-right: 5px; margin-left: -30px; }
				section.filters .number-of-bedrooms .value       { width:            auto; text-align: left; }
				section.filters .number-of-bedrooms .value input { width:calc(100% -  0px); }
				
			}



			/* in page-settings at bottom */

			section.page-settings .view-types {
				display: inline-block;
				vertical-align: middle;
				width: auto;
			}
			section.page-settings .view-types ul {
				transition: all .5s ease;
				font-size: 0; line-height: 0;
				margin: 0; padding: 0;
				list-style: none;
			}
			section.page-settings .view-types ul li {
				display: inline-block;
				vertical-align: middle;
				height: 28px;
				border-radius: 35px;
				padding: 0;
				margin: 0;
				overflow: hidden;
				list-style: none;
				font-size: 1rem;
				line-height: 1.2;
			}
			section.page-settings .view-types ul li i {
				font-size: 1.8em;
				line-height: 30px;
				color: var(--steel_light);
				display: inline-block;
				vertical-align: middle;
				margin-right: 0px;
			}
			section.page-settings .view-types ul li:hover i {
				color:var(--steel);
			}
			
			section.page-settings .view-types ul li em {
				vertical-align: middle;
				display: inline-block;
				max-width: 0;
				padding-left: 0;
				/*
				text-transform: uppercase;
				letter-spacing: 2px;
				font-size: 0.8rem;
				*/
				font-family: NunitoSans;
				font-size: 0.9rem;
				line-height: 16px;
				white-space: nowrap;
				opacity: 0;
				overflow: hidden;
				transition: all 0.30s ease;
			}

			section.page-settings .view-types ul li[data-type="list"      ] i:before { content:"\e923"; }
			section.page-settings .view-types ul li[data-type="grid"      ] i:before { content:"\e925"; }
			section.page-settings .view-types ul li[data-type="large-grid"] i:before { content:"\e924"; }

			html[data-view_type="1"] section.page-settings .view-types ul li:nth-child(1),
			html[data-view_type="2"] section.page-settings .view-types ul li:nth-child(2),
			html[data-view_type="3"] section.page-settings .view-types ul li:nth-child(3)    { box-shadow: 0 0 0 1px var(--steel_light); padding: 0 10px; margin-left:3px; margin-right:3px; pointer-events: none; background-color: var(--highlight_dim); background-color: white; }
			
			html[data-view_type="1"] section.page-settings .view-types ul li:nth-child(1) i,
			html[data-view_type="2"] section.page-settings .view-types ul li:nth-child(2) i,
			html[data-view_type="3"] section.page-settings .view-types ul li:nth-child(3) i  { color: var(--highlight); }

			html[data-view_type="1"] section.page-settings .view-types ul li:nth-child(1) em { max-width:35px; transition: all 0.30s ease 0.0s; }
			html[data-view_type="2"] section.page-settings .view-types ul li:nth-child(2) em { max-width:35px; transition: all 0.30s ease 0.0s; }
			html[data-view_type="3"] section.page-settings .view-types ul li:nth-child(3) em { max-width:70px; transition: all 0.20s ease 0.0s; }

			html[data-view_type="1"] section.page-settings .view-types ul li:nth-child(1) em,
			html[data-view_type="2"] section.page-settings .view-types ul li:nth-child(2) em,
			html[data-view_type="3"] section.page-settings .view-types ul li:nth-child(3) em { display:inline-block; padding-left: 5px; color: var(--highlight); opacity:1; }

				/* desktop */	@media screen and (min-width:960px){
				}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
				}
				/* mobile */	@media screen and (max-width:699px){
					section.page-settings .view-types {
						position: fixed;
						width: 50px;
						height: 90px;
						margin: 0 -50px -90px 0;
						padding: 1px 0 0 0;
						overflow: hidden;
						top: -90px;
						right: 60px;
					}
					section.page-settings .view-types ul { width:50px; text-align: center; transform:scale(0.9,0.9); }
					section.page-settings .view-types ul li:after {
						display: table;
						width: 100%;
						height: 10px;
						content:"";
					}
					section.page-settings .view-types ul li i { margin-right: 0!important; }
					section.page-settings .view-types ul li em { display: none!important; }
					
				}

			
			/* desktop */	@media screen and (min-width:960px){
			}
			/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
			}
			/* mobile */	@media screen and (max-width:699px){
				section.page-settings .search-criteria { width:100%; margin-right: 0; float:none; margin-bottom: 10px; }
				section.page-settings .search-criteria .label       {width: 40px;}
				section.page-settings .search-criteria .value       {width: calc(100% -  50px);}
				section.page-settings .search-criteria .value input { width:calc(100% -  50px); }
				
				section.page-settings .number-of-bedrooms {width:auto;margin-right: 8px;float:right;margin-bottom: 10px;text-align: right;}
				section.page-settings .number-of-bedrooms .filter-elements { display: inline-block; }
				section.page-settings .number-of-bedrooms .label       { width:             60px; margin-right: 5px; margin-left: -30px; }
				section.page-settings .number-of-bedrooms .value       { width:            auto; text-align: left; }
				section.page-settings .number-of-bedrooms .value input { width:calc(100% -  0px); }
				
			}




		/* area chooser */

			.area-chooser {

			}
			.area-chooser .chooser {
				position: relative;
				padding-block:20px 1px;
				margin-bottom: 20px;
			}
			.area-chooser .chooser:before {
				content:"";
				display: block;
				position: absolute;
				z-index: -1;
				inset:-5px -100vw;
				background-color: #d2dae155;
				box-shadow: inset 0 0 15px 0 var(--steel_extralight);
			}
			.area-chooser .enabler {margin-bottom: 20px;}
			.area-chooser p,
			.chosen-area p {
				font-size: 1.8rem;
				color: var(--steel);
			}
			.area-chooser a.hide-area-chooser,
			.area-chooser a.show-area-chooser,
			.chosen-area a.show-area-chooser {
				font-size: 0.9rem;
				line-height: 20px;
			}
			.area-chooser a.hide-area-chooser {float: right;margin-top: 5px;}
			
			.area-chooser a.hide-area-chooser i,
			.area-chooser a.show-area-chooser i {
				display: block;
				position: relative;
				font-size:      16px;
				line-height:    16px;
				width:          16px;
				height:         16px;
				border-radius:  16px;
				margin-bottom: -18px;
				border: 1px solid var(--steel);
				text-align: center;
			}
			.chosen-area a.show-area-chooser i {
				display: inline-block;
				position: relative;
				font-size:      14px;
				line-height:    14px;
				width:          14px;
				height:         14px;
				border-radius:  14px;
				top: 2px;
				right: -15px;
				border: 1px solid var(--steel_light);
				text-align: center;
			}

			.area-chooser a.hide-area-chooser i:before {content: "\e952";}
			.area-chooser a.show-area-chooser i:before {content: "\e953";}
			.chosen-area  a.show-area-chooser i:before { content:"\e928"; }
			.area-chooser a.hide-area-chooser em,
			.area-chooser a.show-area-chooser em {
				display: block;
				position: relative;
				margin: 0 0 0 25px;
			}
			.chosen-area  a.show-area-chooser em {
				display: inline-block;
				position: relative;
				margin-left: 5px;
			}
			.area-chooser a.hide-area-chooser em:before { content:"Hide area chooser"; }
			.area-chooser a.show-area-chooser em:before { content:"Choose area"; }

			.area-chooser ul {
				display: block;
				width: calc(100% + 20px);
				font-size: 0;
				line-height: 0;
				margin: 25px 0 15px 0; 
				padding: 0;
			}
			.area-chooser ul li {
				display: inline-block;
				vertical-align: top;
				position: relative;
				height: 200px;
				border-top-left-radius:     20px;
				border-bottom-right-radius: 20px;
				background-color: var(--steel_extralight);
				background-color: #eff8ff;
				background-color: #387cc420;
				font-size: 1.2rem;
				line-height: 1;
				overflow: hidden;
			}
			.area-chooser[data-count="2"] ul li { width: calc(50% - 20px); margin-right: 20px; }

			.area-chooser ul li a {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
			}
			.area-chooser ul li a {
			}
			.area-chooser ul li a figure {
				position: absolute;
				inset:0;
				background-repeat: no-repeat;
			}
			.area-chooser ul li a figcaption {
				position: relative;
				top: 20%;
				left: 50%;
				transform:translate(-50%,-50%);
				text-align: center;
				font-family: Prata;
				font-size: 2.5rem;
				line-height: 1.1;
				color: var(--steel);
				text-shadow: 0 0 1 white,0 0 1px white,0 0 2px white,0 0 3px white;
				display: none;
			}
			.area-chooser ul li a figure .base-map {
				background-image: url("../../images/creative/spain-map.svg");
			}
			.area-chooser ul li a figure .base-map,
			.area-chooser ul li a figure .location {
				position: absolute;
				inset:0;
				background-repeat: no-repeat;
				background-size: 100%;
			}
			.area-chooser ul li a figure .base-map { transition:background-size 0.2s ease, background-position 0.2s ease; }
			.area-chooser ul li a figure .location { transition:background-size 0.2s ease, background-position 0.2s ease; }
			
			.area-chooser ul li a:hover figure {}

			.area-chooser ul li       { box-shadow:0 0 0 0px var(--highlight); transition: box-shadow 0.5s ease; }
			.area-chooser ul li:hover { box-shadow:0 0 0 4px var(--highlight); }

			.area-chooser ul li[data-label="Costa del Sol"] a       figure .location { background-size:100%; background-position: 0% 100%; background-image:url(../../images/creative/spain-map-costa-del-sol.svg); background-origin: center; }
			.area-chooser ul li[data-label="Costa del Sol"] a       figure .base-map { background-size:100%; background-position: 0% 100%; }
			.area-chooser ul li[data-label="Costa Blanca" ] a       figure .location { background-size:100%; background-position:20%  70%; background-image:url(../../images/creative/spain-map-costa-blanca.svg); background-origin: center; }
			.area-chooser ul li[data-label="Costa Blanca" ] a       figure .base-map { background-size:100%; background-position:20%  70%; }
			
			.area-chooser ul li[data-label="Costa del Sol"] a:hover figure .location { background-size:200%; background-position: 0%  95%; }
			.area-chooser ul li[data-label="Costa del Sol"] a:hover figure .base-map { background-size:200%; background-position: 0%  95%; }
			.area-chooser ul li[data-label="Costa Blanca" ] a:hover figure .location { background-size:200%; background-position:80%  68%; }
			.area-chooser ul li[data-label="Costa Blanca" ] a:hover figure .base-map { background-size:200%; background-position:80%  68%; }
			
			/* state */
			
			.css.tpl-properties form[data-property_area_chooser_state="hidden"]  .area-chooser .chooser {display: none;}
			.css.tpl-properties form[data-property_area_chooser_state="hidden"]  .area-chooser .enabler {/* display: none; */}
			.css.tpl-properties form[data-property_area_chooser_state="visible"] .area-chooser a.show-area-chooser { display: none; }
			.css.tpl-properties form[data-property_area_chooser_state="visible"] .chosen-area { display: none; }
			
			/* area subtitle */
			
			.chosen-area {
				display: inline-block;
				padding: 3px 20px;
				margin-bottom: 10px;
				border-radius: 15px;
				font-size: 1rem;
				line-height: 1;
				background-color: var(--steel_extralight); 
				background-color: white;
				border: 1px solid var(--steel_light);
				color: white;
				color: var(--steel);
			}
			.css.tpl-properties form[data-property_area_chosen=""] .chosen-area {display: none;}
			
			[data-property_area_chosen="Costa Blanca"]  .chosen-area .area-name:before { content:"Costa Blanca"; }
			[data-property_area_chosen="Costa del Sol"] .chosen-area .area-name:before { content:"Costa del Sol"; }
			
			/* displayed properties based on chosen area */
			
			/*
			form[name="filter"]                                            section.properties ul li                            { display: none; }
			form[name="filter"][data-property_area_chosen="Costa Blanca"]  section.properties ul li[data-area="Costa Blanca"]  { display: block; }
			form[name="filter"][data-property_area_chosen="Costa del Sol"] section.properties ul li[data-area="Costa del Sol"] { display: block; }
			*/

		
		
	/*					*/
	/* NAVIGATOR 		*/
	/*					*/

			/* rows per page */

				.navigator {
					display: block;
					position: relative;
					margin: 0 0 0 0;
				}
				.navigator .rows-per-page {
					display: inline-block;
					float: right;
					position: relative;
				}
				.navigator .rows-per-page .actual {
					position: relative;
					margin-top: -5px;
					width: 250px;
					width: auto;
					text-align: right;
					vertical-align: top;
				}
				.navigator .rows-per-page .actual label:after { content:"properties/page"; }
				.navigator .rows-per-page .actual i {
					position: relative;
					z-index: 99;
					width: auto;
					height: 30px;
					float: left;
					margin-bottom: -30px;
					left: 50px;
					top: 9px;
					pointer-events: none;
				}
				.navigator .rows-per-page .actual i:before {content: "\e953";}
				.navigator .rows-per-page .actual input {
					display: inline-block;
					position: relative;
					border: none;
					border-radius: 4px;
					box-shadow: 0 0 0 1px var(--steel_light);
					width: 30px;
					height: 20px;
					padding: 5px 20px 5px 5px;
					font-family: NunitoSans;
					font-weight: bold;
					text-align: center;
					color: var(--steel);
					cursor: context-menu;
					user-select: none;
				}
				.navigator .rows-per-page .actual input:focus {
					z-index: 999;
				}
				.navigator .rows-per-page .actual .suffix {
					display: inline-block;
					vertical-align: top;
					position: relative;
					width: 100px;
					width: auto;
					height: 30px;
					margin-bottom: -30px;
					font-family: NunitoSans;
					font-size: 13px;
					line-height: 30px;
					text-align: left;
					text-indent: 5px;
					white-space: nowrap;
					color: var(--steel);
				}
				.navigator .rows-per-page .actual .suffix:before { content:"properties/page"; }
				html[lang="ar"] .navigator .rows-per-page .actual .suffix:before { content:"الخصائص/الصفحة"; }
				
				/*	chooser popup */
				
					.navigator .selector {
						position: relative;
						z-index: 1000;
						/*backdrop-filter: blur(5px);
						-webkit-backdrop-filter: blur(5px);
						*/
					}
					.navigator .rows-per-page ul.items {
						display: block;
						position: absolute;
						width: 200px;
						height: auto;
						margin: -45px 0 0 -70px;
						padding: 15px 0 7px 0;
						font-size: 0; 
						line-height: 0;
						text-align: center;
						transform:translate(0%,-100%);
						border-radius: 4px;
						background-color: var(--steel_extralight);
						border:1px solid var(--steel);
						box-shadow: 0 10px 25px 0 #3d608280;
						/*box-shadow: 0 10px 25px 0 #3d608240, 0 0 1000px 1000px #FFFFFF22;*/
						user-select: none;
					}
					.navigator .rows-per-page ul.items:after, .navigator .rows-per-page ul.items:before {
						top: 100%; left: 50%;
						border: solid transparent;
						content: " ";
						height: 0;
						width: 0;
						position: absolute;
						pointer-events: none;
					}
					.navigator .rows-per-page ul.items:after {
						border-color: rgba(255, 255, 255, 0);
						border-top-color: var(--steel_extralight);
						border-width: 10px;
						margin-left: -10px;
					}
					.navigator .rows-per-page ul.items:before {
						border-color: rgba(255, 255, 255, 0);
						border-top-color: var(--steel);
						border-width: 11px;
						margin-left: -11px;
					}
					.navigator .rows-per-page ul.items li.item {
						list-style: none;
						display: inline-block;
						text-align: center;
						font-family: NunitoSans;
						font-weight: bold;
						font-size: 13px;
						line-height: 32px;
						width: 36px;
						height: 36px;
						background-color: var(--steel);
						color: white;
						border: none;
						border-radius: 4px;
						margin: 0 3px 8px 3px;
						padding: 0;
					}
					.navigator .rows-per-page ul.items li.item.current {
						pointer-events: none;
						background-color: var(--highlight);
					}
					
					html:not([class]) body .navigator .rows-per-page ul.items > li.item::before {
						content:"";
					}
					.navigator .rows-per-page ul.items li.item:hover {	
						background-color:var(--highlight);
						box-shadow: 0 0 0 2px var(--highlight);
					}
					.navigator .page-cover {
						display: block;
						position: fixed;
						left: 0; top:-100px;
						width: 100%; height: calc(100% + 100px);
						background-color: rgba(204,224,255,0.0);
						background-color: rgba(42,51,64,0.3);
						background-color: rgba(42,51,64,0.0);
					}
					.navigator                           .selector { display: none; }
					.navigator[data-chooser_visible="1"] .selector { display: block; }

					.navigator                           .page-cover { display: none; }
					.navigator[data-chooser_visible="1"] .page-cover { display: block; }

			/* pages chooser */

				.navigator .pages {
					position: relative;
					display: inline-block;
					font-size: 0;
					line-height: 0;
					margin: 0; padding: 0;
					box-sizing: content-box;
					color: var(--steel);
				}
				.navigator .pages:before {
					margin-right: 10px;
					display: inline-block;
					vertical-align: top;
					position: relative;
					width: 50px;
					height: 30px;
					margin-bottom: -30px;
					font-family: NunitoSans;
					font-size: 13px;
					line-height: 36px;
					text-align: left;
					text-indent: 5px;
					text-indent: 0;
					white-space: nowrap;
					color: var(--steel);
				}
				.navigator .pages:before { content:"Pages:"; }
				html[lang="ar"] .navigator .pages:before { content:"الصفحات:"; }
				.navigator .pages .navi-button,
				.navigator .pages .page-button {
					text-decoration: none;
					color: inherit;
					display: inline-block;
					vertical-align: top;
					width: 30px;
					height: 30px;
					margin: 0 5px 0 0; padding: 0;
					border-radius: 4px;
					background-color: white;
					box-shadow: 0 0 0 1px var(--steel_light);
					pointer-events:all;
					user-select: none;
					cursor: pointer;
				}
				.navigator .pages .page-gap {
					display: inline-block;
					width: auto;
					margin: 0 2px 0 0px;
					text-align: center;
					font-size: 13px;
					line-height: 30px;
					letter-spacing: 2px;
					color: var(--steel);
				}
				.navigator .pages .page-buttons {
					display: inline-block;
				}
				.navigator .pages .navi-button i,
				.navigator .pages .page-button em {
					display: block;
					width: inherit;
					margin: 0;
					padding: 0;
					height: 30px;
					font-size: 13px;
					line-height: 30px;
					font-style: normal;
					text-align: center;
				}
				.navigator .pages .page-button em {
					font-family: NunitoSans;
					font-size: 0.8rem;
					line-height: 30px; 
					font-style: normal;
					color: inherit;
				}
				.navigator .pages .page-button em:before { line-height: inherit; }
				.navigator .pages .page-button {
					color: var(--steel);
				}
				.navigator .pages .page-button.current {
					font-weight:bold;
					pointer-events: none;
					background-color: var(--highlight);
					color: white;
				}
				.navigator .pages .disabled {
					pointer-events: none;
					opacity: 0.25;
				}
				.navigator .pages .navi-button i {
				}
				.navigator .pages .navi-button[data-label="first"] i:before { content:"\ea8f"; }
				.navigator .pages .navi-button[data-label="prev" ] i:before { content: "\e958";}
				.navigator .pages .navi-button[data-label="next" ] i:before { content: "\e95b";}
				.navigator .pages .navi-button[data-label="last" ] i:before { content:"\ea90"; }

				.navigator .pages .navi-button em {	
					display: block;
					position: relative;
					width: 100%;
					height: 30px;
					margin: 0 0 -35px 0;
					overflow: hidden;
					padding: 5px 0 0 0;
					font-size: 0.8rem;
					line-height: 1.2;
					color: inherit;
					text-align: center;
				}

				.navigator .pages .navi-button[data-label="first"] em:before { content: ""; }
				.navigator .pages .navi-button[data-label="prev" ] em:before { content: "Prev.";}
				.navigator .pages .navi-button[data-label="next" ] em:before { content: "Next";}
				html[lang="ar"] .navigator .pages .navi-button[data-label="prev" ] em:before { content: "السابق.";}
				html[lang="ar"] .navigator .pages .navi-button[data-label="next" ] em:before { content: "التالي";}
				.navigator .pages .navi-button[data-label="last" ] em:before { content: ""; }

				.navigator .pages[data-visible="0"] { display: none; }
				
				/* states */
				
				[data-page_has_navigator="0"] .navigator { display: none; }

				/* responsives */
				
				@media screen and (min-width:1440px)                        { }
				@media screen and (min-width:1240px) and (max-width:1439px) { }
				@media screen and (min-width:1040px) and (max-width:1239px) { }
				@media screen and (min-width: 960px) and (max-width:1039px) { .navigator .pages { text-align: center; display:       block; } .navigator .rows-per-page { margin-top: 25px; } }
				@media screen and (min-width: 860px) and (max-width: 959px) { .navigator .pages { text-align: center; display:       block; } .navigator .rows-per-page { margin-top: 25px; } }
				@media screen and (min-width: 700px) and (max-width: 859px) { .navigator .pages { text-align: center; display:       block; } .navigator .rows-per-page { margin-top: 25px; } .navigator .pages:before { content:""; display: none; } }
				@media screen and (min-width: 580px) and (max-width: 699px) { .navigator .pages { text-align: center; display:inline-block; } .navigator .rows-per-page { margin-top:  5px; float: right; } .navigator .pages:before { content:""; display: none; } }
				@media screen and (min-width: 310px) and (max-width: 579px) { .navigator .pages { text-align: center; display:inline-block; } .navigator .rows-per-page { margin-top:  5px; float: right; } .navigator .pages:before { content:""; display: none; } .navigator .pages .navi-button { width: 18px; margin: 0 2px 0 0; } }
				@media screen and (min-width:   0px) and (max-width: 309px) { .navigator .pages { text-align: center; display:inline-block; } .navigator .rows-per-page { margin-top:  5px; float: right; } .navigator .pages:before { content:""; display: none; } .navigator .pages .navi-button { width: 15px; margin: 0 2px 0 0; } }

				@media screen and (min-width:1440px)                        { .navigator .pages .navi-button { width: 40px; } }
				@media screen and (min-width:1240px) and (max-width:1439px) { .navigator .pages .navi-button { width: 40px; } }
				@media screen and (min-width:1040px) and (max-width:1239px) { .navigator .pages .navi-button { width: 40px; } }
				@media screen and (min-width: 960px) and (max-width:1039px) { .navigator .pages .navi-button { width: 40px; } }
				@media screen and (min-width: 860px) and (max-width: 959px) { .navigator .pages .navi-button { width: 40px; } }
				@media screen and (min-width: 700px) and (max-width: 859px) { .navigator .rows-per-page {} .navigator .pages .navi-button { width: 40px; } }
				@media screen and (min-width: 580px) and (max-width: 699px) { .navigator .rows-per-page {} .navigator .pages .navi-button { width: 100px; height: 35px; line-height: 35px; } }
				@media screen and (min-width: 310px) and (max-width: 579px) { .navigator .rows-per-page {} .navigator .pages .navi-button { width: 75px;height: 35px;line-height: 35px;} }
				@media screen and (min-width:   0px) and (max-width: 309px) { .navigator .rows-per-page { float: none; margin-top: 15px; } .navigator .rows-per-page .actual { text-align:left; } .navigator .pages .navi-button { width: calc(50vw - 20px);height: 35px;line-height: 35px;} }

				@media screen and (min-width:   0px) and (max-width: 859px) {
					.filters .cts-input { width: calc(100% - 120px); }
					.filters-wrapper { margin-bottom: 0px; }
					.filters { text-align: center; margin-bottom: 10px; }
					.filters .custom-text-search { top:0; margin-bottom: 0; }
					.custom-text-scope { top:0px; margin-bottom: 25px; }
					.navigator .rows-per-page { display: block; }
				}
				@media screen and (min-width:   0px) and (max-width: 699px) {
					.navigator .pages .page-button { display: none; }
					.navigator .pages .page-gap { display: none; }
					.navigator .pages .navi-button i { line-height: 30px; }
					.navigator .pages .navi-button em {font-style: normal;font-size: 13px;padding: 10px 0 0 0;font-family: 'NunitoSans';}
					.navigator .pages .navi-button:first-child em:before { content:"Prev."; }
					.navigator .pages .navi-button:last-child em:before { content:"Next"; }
					.custom-text-scope { top:0px; margin-bottom: 25px; }
				}