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

	/* states */
	
		html[data-screen="0"] nav[data-devices="desktop"] ul.menu li a       { background-color: rgba(255,255,255,0.00); color: white; }
		html[data-screen="0"] nav[data-devices="desktop"] ul.menu li a:hover { background-color: white;                  color: var(--steel); }
		html[data-screen="1"] nav[data-devices="desktop"] ul.menu li a       { background-color: rgba(255,255,255,0.00); color: var(--steel); }
		html[data-screen="1"] nav[data-devices="desktop"] ul.menu li a:hover { background-color: var(--steel);           color: white; }
		html[data-popup="map"         ] header nav,
		html[data-popup="street-view" ] header nav,
		html[data-popup="virtual-tour"] header nav,
		html[data-popup="floor-plan"  ] header nav { display: none; }
		
		.header-background { transition: opacity 0.6s ease 0.6s; }
		.next-page-button,
		.top-of-page-button,
		.logo { transition: opacity 0.6s ease; }

		.basic-informations .copies {transition: all 0.5s ease;}

		html[data-screen="0"] .header-background {
			background-color: rgba(255,255,255,0);
		}
		html[data-screen="1"] .header-background {
			background-color: rgba(255,255,255,0.85);
			backdrop-filter:blur(5px);
			-webkit-backdrop-filter:blur(5px);
			/*box-shadow: 0 1px 20px rgba(0,0,0,0.05);*/
			box-shadow: 0 1px 0 1px rgb(210 218 225 / 50%);
		}
		
	/* typography */
	
		.nbd { white-space: nowrap; }
		.nbs { white-space: nowrap; }
		

	/* screens */
	
		main {
			margin: 0; padding: 0;
			width: 100vw;
			min-height: 100vh;
		}
		main .screens {
			scroll-behavior:smooth;
			overflow: visible;
			overflow-x: visible;
			overflow-y: auto;
			scroll-snap-type: y mandatory;
			overscroll-behavior:auto;
		}
		main .screens .screen {
			scroll-snap-align: center;
			/*
			height: 100vh;
			overflow: hidden;
			*/
		}
		main .screens .screen#details {
			height: auto;
			overflow: visible;
		}

		main .full-screen-placeholder {
			position: relative;
			z-index: 999999;
			width:    1px;
			height: 100vh;
			background-color: yellow;
			background-color: transparent;
		}

		/* next page button */

			main .next-page-button {
				position: relative;
				left: 50%;
				transform:translate(-50%,calc(-100% - var(--navigation_icon_space)));
				font-size:     var(--navigation_icon_size);
				line-height:   var(--navigation_icon_size);
				width:         var(--navigation_icon_size);
				height:        var(--navigation_icon_size);
				margin-bottom:calc(-1 * var(navigation_icon_size));
			}
			main .next-page-button a {
				display: inline-block;
				width: 200px;
				margin-left: -80px;
				height: inherit;
				font-size: inherit;
				line-height: inherit;
				color: white;
				text-align: center;
			}
			main .next-page-button a i {
				display: inline-block;
				width: var(--navigation_icon_size);
				background-color: rgba(0,0,0,0.1);
			}
			main .next-page-button a i:before { content:"\e931"; }
			main .next-page-button a em {
				display: block;
				position: relative;
				text-align: center;
				font-size: 1rem;
				line-height: 1.2;
				transform:translateY( calc(-100% - var(--navigation_icon_size) - 15px ) );
			}
			main .next-page-button a em:before { content:"Description"; }


	/* animations */

		header .logo a span { transition: opacity 0.9s ease; }
		
		html[data-screen="0"]                            .basic-informations .copies { opacity: 1; visibility: visible; }
		html[data-screen="0"][data-subscreen="1"]        .basic-informations .copies { margin-top:calc(-1 * 5%); }
		html[data-screen="0"][data-subscreen="2"]        .basic-informations .copies { margin-top:calc(-2 * 5%); }
		html[data-screen="0"][data-subscreen="3"]        .basic-informations .copies { margin-top:calc(-3 * 5%); }
		html[data-screen="0"][data-subscreen="4"]        .basic-informations .copies { margin-top:calc(-4 * 5%); }
		html[data-screen="0"][data-subscreen="5"]        .basic-informations .copies { margin-top:calc(-5 * 5%); }

		html[data-screen="0"][data-screen_space~="<3/4"] .basic-informations .copies { opacity: 0; visibility: hidden; }
		html[data-screen="0"] .top-of-page-button { opacity: 0; }

		html[data-screen="0"] .logo a span[data-type="positive"] { opacity: 0; }
		html[data-screen="0"] .logo a span[data-type="negative"] { opacity: 0; }
		html[data-screen="0"] .logo a span[data-type="white"   ] { opacity: 1; visibility: visible; }

		html[data-screen="1"] .logo a span[data-type="positive"] { opacity: 1; visibility: visible; }
		html[data-screen="1"] .logo a span[data-type="negative"] { opacity: 0; }
		html[data-screen="1"] .logo a span[data-type="white"   ] { opacity: 0; }

		html[data-screen="0"] .basic-informations figure {opacity:1;visibility: visible;/* pointer-events: none; *//* opacity: 0.5; */}
		html[data-screen="1"] .basic-informations figure { opacity:0; visibility: hidden; }
		html[data-screen="2"] .basic-informations figure { opacity:0; visibility: hidden; }

		html[data-screen="0"] .basic-informations figcaption { opacity:1; visibility: visible; }
		html[data-screen="1"] .basic-informations figcaption { opacity:0; visibility: hidden; }
		html[data-screen="2"] .basic-informations figcaption { opacity:0; visibility: hidden; }

		html[data-screen="0"] .next-page-button { opacity: 1; visibility: visible; }
		html[data-screen="0"][data-screen_space~="<3/4"] .next-page-button { opacity: 0; visibility: hidden; }
		html[data-screen="1"] .next-page-button { opacity: 0; visibility: hidden; }
		html[data-screen="2"] .next-page-button { opacity: 0; visibility: hidden; }
		


	/* 						*/
	/*	Property details	*/
	/* 						*/

		.basic-informations {
			position: absolute;
			width:  100vw;
			height: 100vh;
			margin: 0;
		}

		/* pictures */

			.basic-informations figure.index-photo {
				position: fixed;
				width:  100%;
				height: 100%;
				background-size: cover;
				margin: 0;
				padding: 0;
				opacity:1;
				filter: contrast(0.85) brightness(0.85);
			}
			.basic-informations figure.index-photo .figure-dim {
				position: absolute;
				inset:0;
				background-color: rgba(255,255,255,0.7);
				background-color: rgba(0,0,0,0.5);
				background-color: var(--steel_dark);
				opacity: 0.3;
				backdrop-filter:blur(10px);
				-webkit-backdrop-filter:blur(10px);
				pointer-events: none;
				z-index: 1;
			}

		/* gallery */

			figure .gallery {
				position: relative;
			}

			/* gallery images */

			figure .gallery .scroller {
				position: relative;
			}
			figure .gallery ul.gallery-images {
				transition: width 0.25s ease, margin 0.25s ease;
				width: 100vw;
				margin-left: 0;
			}
			figure .gallery ul.gallery-images {
					position: relative;
					scroll-behavior:smooth;
					overflow: visible;
					overflow-x: visible;
					overflow-y: auto;
					scroll-snap-type: x mandatory;
					overscroll-behavior:auto;
					display: flex;
					align-items:flex-start;
					justify-content:flex-start;
					flex-flow: row nowrap;
					margin:0;
					padding: 0;
					font-size: 0;
					line-height: 0;
					will-change: scroll-position;
				}
				figure .gallery ul.gallery-images li {
					position: relative;
					width: 100vw;
					height: 100vh;
					background-repeat: no-repeat;
					background-size: cover;
					scroll-snap-align: center;
					flex: none;
					margin: 0;
					padding: 0;
					font-size: 1rem;
					line-height: 1.2;
				}
				figure .gallery ul.gallery-images li em {
					position: absolute;
					z-index: 2000;
					display: inline-block;
					bottom: 72px;
					left: 50%;
					transform:translateX(-50%);
					width:1200px;
					color: white;
					text-align: left;
					font-size: 1.5rem;
					text-shadow: none;
					text-shadow: 0 0 2px rgba(0,0,0,0.5), 0 0 3px rgba(0,0,0,0.5), 0 0 4px rgba(0,0,0,0.5);
					white-space: nowrap;
					backdrop-filter:blur(1px);
					pointer-events: none;
					outline: 0px dotted blue;
				}
				figure .gallery ul.gallery-images li em { display: none; }
				figure .gallery[data-count="10"] .scroller {
					width: 100vw;
				}
				figure .gallery[data-count="10"] ul.gallery-images {
					width: calc(100vw * 10);
					width: 100%;
				}
				figure > img {
					position: relative;
					z-index: 999999;
					width:  200px;
					height: 200px;
					border-radius: 200px;
					object-fit: cover;
					opacity: 1;
					Xvisibility: hidden;
					Xclip-path: circle(200px at 0%);
					display: none;

				}
				/* animations */
				
					.basic-informations.hidden-on-load figure .gallery { opacity:0; filter:blur(10px); }		
					.basic-informations                figure .gallery {opacity: 1;filter: blur(0px);transition:opacity 1s ease, filter 2s ease;}
					


			/* gallery buttons */

				ul.gallery-buttons {
					display: block;
					position: absolute;
					left: 0;
					top: 50vh;
				}
				ul.gallery-buttons li {
					display: block;
					position: absolute;
					top: 0;
					font-size:     var(--navigation_icon_size);
					line-height:   var(--navigation_icon_size);
					width:         var(--navigation_icon_size);
					height:        var(--navigation_icon_size);
					margin-bottom:calc(-1 * var(--navigation_icon_size));
					background-color: black;
					background-color: transparent;
					background-color: rgba(0,0,0,0.1);
					transition: all 0.5s ease;
					transform:scale(1,1);
				}
				ul.gallery-buttons li[data-label="prev"] { left:15px; }
				ul.gallery-buttons li[data-label="next"],
				ul.gallery-buttons li[data-label="hide"] { left:calc(100vw - 15px - var(--navigation_icon_size)); }
				ul.gallery-buttons li[data-label="hide"] { 
					position: fixed; 
					z-index: 9999;
					top:15px;
					opacity: 1;
				}
				ul.gallery-buttons li[data-label="hide"] a i{ 
					opacity: 1;
				}
				ul.gallery-buttons li a {
					display: block;
					font-size:   inherit;
					line-height: inherit;
					width:       inherit;
					height:      inherit;
					color: white;
					text-align: center;
				}
				ul.gallery-buttons li:hover {
					transform:scale(1.3,1.3);
				}
				ul.gallery-buttons li a i {
					pointer-events: none;
					text-shadow: 0 0 10px rgba(0,0,0,0.50);
				}
				ul.gallery-buttons li[data-label="prev"] a i:before { content:"\e954"; }
				ul.gallery-buttons li[data-label="next"] a i:before { content:"\e955"; }
				ul.gallery-buttons li[data-label="hide"] a i:before { content:"\e952"; }

				.gallery:has(ul.gallery-buttons li[data-label="prev"]:hover) .scroller ul.gallery-images { margin-left:  0px; width:calc(100vw + 40px); }
				.gallery:has(ul.gallery-buttons li[data-label="next"]:hover) .scroller ul.gallery-images { margin-left:-40px; width:calc(100vw + 40px); }
				
				
			/* gallery full size */
			
			
				/* thumbnails */
				
					.gallery-thumbnails {
						display: none;
						position: fixed;
						left:  50%;
						transform:translateX(-50%);
						right: 65px;
						bottom: 8px;
						padding: 0;
						outline: 1px solid orange;
						outline: none;
						text-align: center;
						overflow: hidden;
						width: calc(100vw - 150px);
					}
					.gallery-thumbnails .thumbnails-scroller {
						display: inline-block;
						white-space: nowrap;
						scroll-behavior:smooth;
						XXscroll-snap-type: x mandatory;
						overscroll-behavior:auto;
					}
					.gallery-thumbnails .thumbnails-scroller ul {
						overflow: visible;
						overflow-x: visible;
						overflow-y: hidden;
					}
					.gallery-thumbnails .thumbnails-scroller ul li {
						display: inline-block;
						width:  50px;
						height: 50px;
						margin: 2px 3px 0 2px;
						background-size: cover;
						border: 2px solid white;
						box-shadow: 0 0 0 2px rgba(0,0,0,0.25);
						scroll-snap-align: center;
					}
					.gallery-thumbnails .thumbnails-scroller ul li em { display: none; }
					
					
					
			
				html[data-gallery="1"] .gallery-thumbnails { display: block; }
				
				/*						*/
				/*						*/
				/*						*/
				/*						*/
				/*						*/
				/*						*/
				/* TO BE FIXED 			*/
				/*						*/
				/*						*/
				/*						*/
				/*						*/
				/*						*/
				/*						*/
				
					html[data-gallery="1"] .gallery-thumbnails { display: none; }
				
				
				
				html[data-gallery="1"] .basic-informations figure.index-photo {
					position: fixed;
					left: 0; top: 0;
					margin-top: 0!important;
					z-index: 99999;
					background-color: var(--steel);
				}
				html[data-gallery="1"] #details { display: none; }
				html[data-gallery="1"] footer { display: none; }
				html[data-gallery="1"] figure .gallery ul.gallery-images li { background-size: contain; background-position: center; }
				html[data-gallery="1"] .hide-gallery-button { display: block; }
				html[data-gallery="1"] .next-page-button { display: none; }
				html[data-gallery="1"] figure.index-photo { filter:contrast(0.9) brightness(0.9); }
				html[data-gallery="1"] .basic-informations figure.index-photo .figure-dim {
					height: 85px;
				}
				html[data-gallery="1"] header { pointer-events:none; }
				html[data-gallery="1"] .header-background { pointer-events:none; display: none; }
				html[data-gallery="1"] header ul.menu { display: none; }
				html[data-gallery="1"] .gallery-buttons { top:calc(100% - 80px); z-index: 200000; }
				html                   .gallery-buttons li[data-label="hide"] { display: none;}
				html[data-gallery="1"] .gallery-buttons li[data-label="prev"],
				html[data-gallery="1"] .gallery-buttons li[data-label="next"],
				html[data-gallery="1"] .gallery-buttons li[data-label="hide"] { display: block; background-color:white; border-radius: 50px; }
				html[data-gallery="1"] .gallery-buttons a {color:var(--steel);}
				html[data-gallery="1"] .gallery-buttons i { text-shadow: none; }
				html[data-gallery="1"] .basic-contact-info { display: none; }


		/* map */

			figcaption .map {
				display: inline-block;
				position: relative;
				margin:-10px 0 30px -15px;
			}
			figcaption .map .static-map,
			figcaption .map iframe {
				XXdisplay: none;
				display: inline-block;
				vertical-align: middle;
				position: relative;
				background-color: #EEEEEE;
				width:         80px;
				height:        80px;
				border-radius: 80px;
				border: none;
				overflow: hidden;
				filter:grayscale(0.1) contrast(1.3) hue-rotate(-20deg);
			}
			figcaption .map .static-map i:before {
				position: absolute;
				inset:0;
				content:"\e907";
				text-align: center;
				color: #BF0000;
				font-size:   25px;
				line-height: 80px;
			}
			figcaption .map .location {
				display: inline-block;
				vertical-align: middle;
				margin-left: 10px;
				color: white;
			}
			figcaption .map .location p.city  {
				font-weight: 500;
				font-size: 1.2rem;
				line-height: 1.2;
				Xtext-transform: uppercase;
				margin-bottom: 5px;
			}
			figcaption .map .location p.place {
				font-size: 1.0rem;
				line-height: 1.2;
			}

		/* titles */

			figcaption {
				pointer-events: none;
			}
			figcaption .copies .map .title {
			}
			figcaption .copies {
				position: fixed;
				top: 50%;
				transform: translateY(-50%);
				left:  calc(var(--navigation_icon_size) + var(--navigation_icon_space));
				right: calc(var(--navigation_icon_size) + var(--navigation_icon_space));
				text-align: left;
			}
				figcaption {
					display: block;
					/*
					position: absolute;
					overflow: hidden;
					bottom: 0px;
					left: 15px; right: 15px;
					*/
					height: inherit;
					position: relative;
					text-align: left;
				}
				figcaption h2 {
					position: relative;
					max-width: 600px;
					font-family: Prata;
					font-size: 4rem;
					line-height: 1.25;
					color: white;
					text-align: left;
					text-wrap:balance;
					text-shadow: 0 1px 10px rgba(0,0,0,0.60);
					pointer-events: all;
				}
				/*
				figcaption p.description {
					display: inline-block;
					vertical-align: top;
					position: relative;
					margin: 0 0 0 400px;
					font-family: NunitoSans;
					font-size: 1.1rem;
					line-height: 1.6;
					color: white;
					display: none;
				}
				*/
				figcaption h3 {
					margin-top: 15px;
					font-family: NunitoSans;
					font-size: 1rem;
					line-height: 1.1;
					color: white;
					text-align: left;
				}
				/* desktop */	@media screen and (min-width:960px){
				}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
					figcaption h2 { font-size: 2rem; }
				}
				/* mobile */	@media screen and (min-width:550px) and (max-width:699px){
					figcaption h2 { font-size: 2rem; }
				}
				/* narrow mobile */	@media screen and (max-width:549px){
					figcaption h2 { font-size: 2rem; }
				}
				

		/* property keywords */

			.property-keywords { display: none; }

			/*
			.property-keywords {
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				mix-blend-mode:overlay;
			}
			.property-keywords .dim {
				position: absolute;
				width: 100%;
				height: 200px;
				pointer-events: none;
				background: linear-gradient(0deg, transparent, rgba(0,0,0,0.65));
			}
			.property-keywords .mirror {
				box-sizing: content-box;
				transform: translateX(130px);
			}
			.property-keywords ul {
				color: white;
				text-transform: uppercase;
				letter-spacing: 2px;
				font-size: 0.8rem;
				margin-top: 30px;
				text-align: left;
			}
			.property-keywords ul li {
				display: inline-block;
				vertical-align: top;
				margin-right: 0px;
				text-shadow: 0 0 1px white;
			}
			.property-keywords ul li i:before {
				content:"\e933";
				display: inline-block;
				vertical-align: top;
				position: relative;
				margin-right:0px;
				font-size: 1.8em;
				line-height: 1.4;
				outline: 0px solid yellow;
			}
			.property-keywords ul li:first-child i:before { content:""; }
			.property-keywords ul li a {
				display: inline-block;
				position: relative;
				border-radius: 15px;
				padding: 5px 15px;
				margin: 0 -3px 0 -3px;
				text-decoration: none;
				background-color: rgba(255,255,255,0.00);
				color: var(--steel_light);
				transition:background 0.5s ease, color 0.5s ease;
			}
			.property-keywords ul li a em {}
			.property-keywords ul li a:hover {
				background-color: white;
				color: var(--steel);
			}
			*/

		/* basic contact info */

			.basic-contact-info {
				/* display: none; */
				position: fixed;
				left: calc(100% - 225px - 15px);
				/* top:  calc( 50% -  50px - 15px); */
				left: calc(100% - 180px);
				bottom: calc(  0% + 90px);
				width: auto;
				z-index: 200;
				transition: opacity 0.6s ease, filter 0.2s ease, bottom 0.6s ease;
			}
			html[data-screen="0"][data-screen_space=""] .basic-contact-info,
			html[data-screen="0"][data-screen_space=""] .basic-contact-info,
			html[data-screen="0"][data-screen_space=""] .basic-contact-info {
				opacity: 1;
				bottom: calc(  0% + 90px);
				filter:blur(0px);
			}
			html[data-screen="1"][data-screen_space="<1/2 "          ] .basic-contact-info,
			html[data-screen="1"][data-screen_space="<1/2 <2/3 "     ] .basic-contact-info,
			html[data-screen="1"][data-screen_space="<1/2 <2/3 <3/4 "] .basic-contact-info,
			html                       .basic-contact-info {
				opacity: 0;
				bottom: calc(  0% + 90px + 50px);
				pointer-events: none;
				filter:blur(5px);
			}
			
			.basic-contact-info .agent {
				text-align: center;
			}
			.basic-contact-info .agent figure {
				display: block;
				position: relative;
				width:  150px;
				height: 150px;
				border-radius: 150px;
				overflow: hidden;
				color: white;
				XXbox-shadow: inset 0 0 1px 0 var(--steel);
				pointer-events: none;
			}
			.basic-contact-info .agent figure .photo {
				width: 100%;
				height:auto;
				aspect-ratio:1 / 1;
				background-size: cover;
			}
			.basic-contact-info .agent figure:before {
				display: block;
				content:"";
				position: absolute;
				inset: 5px;
				XXXbox-shadow:0 0 10px 5px var(--steel_light);
				border-radius:150px;
				mix-blend-mode: overlay;
			}
			.basic-contact-info .agent figcaption {
				display: block;
				position: relative;
				width: 200px;
				text-align: center;
				margin: 20px 0 0 -25px;
				pointer-events: all;
			}
			.basic-contact-info .agent figcaption a {
				display: block;
			}
			.basic-contact-info .agent figcaption a:hover {
				text-shadow: 0 0 1px white,0 0 2px white,0 0 3px white,0 0 4px white;
			}
			.basic-contact-info .agent figure p,
			.basic-contact-info .agent figcaption p {
				text-align: center;
				color: inherit;
				transition: all 1s ease;
			}
			html[data-screen="0"] .basic-contact-info .agent figcaption { color: white;}
			html[data-screen="1"] .basic-contact-info .agent figcaption { color: var(--steel); text-shadow: 0 0 1px #FFFFFFFF, 0 0 2px #FFFFFFFF, 0 0 3px #FFFFFFFF; }
			html[data-screen="0"][data-screen_space~="<3/4"] .basic-contact-info .agent figcaption { color: var(--steel); }
			html[data-popup="map"         ] .basic-contact-info .agent figcaption,
			html[data-popup="street-view" ] .basic-contact-info .agent figcaption,
			html[data-popup="virtual-tour"] .basic-contact-info .agent figcaption { color: white!important; text-shadow: 0 0 3px rgba(0,0,0,0.50); }

			.basic-contact-info .agent figure p.name {
				position: absolute;
				left: 0; right: 0;
				bottom: 0px;
				font-size: 0.6rem;
				line-height: 1.2;
				letter-spacing: 1.0px;
				padding: 5px 0 15px 0;
				text-transform: uppercase;
				background-color: var(--steel);
				opacity: 1;
			}
			.basic-contact-info .agent figcaption p.call-to-action {
				font-size: 0.8rem;
				line-height: 1.3;
				margin:-5px 0 0 -10px;
				padding-inline:20%;
				text-wrap:balance;
			}
			.basic-contact-info .agent figcaption p.mobile {
				font-size: 0.9rem;
				line-height: 1.1;
				margin:8px 0 0 -10px;
			}
			.basic-contact-info .agent figcaption p.name i  {}
			.basic-contact-info .agent figcaption p.name em {}
			.basic-contact-info .agent figcaption p.mobile i:before { display: inline-block; position: relative; vertical-align: top; content:"\e92c"; font-size: 1.5em; top: -3px; }
			.basic-contact-info .agent figcaption p.mobile em {}
			
			/* responsives */
				
				/* desktop */	@media screen and (min-width:960px){
					.basic-contact-info .agent figcaption p.call-to-action:before { content:"Call for more information"; }
				}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
					.basic-contact-info {
						position: fixed;
						left: auto;
						right: 15px;
						top: 15px;
						background-color: rgba(255,255,255,0.9);
						padding: 10px;
						height: 35px;
						border-radius: 4px;
					}
					.basic-contact-info .agent figure {
						width:         45px;
						height:        45px;
						border-radius: 45px;
						margin-bottom:-45px;
						top: -5px;
					}
					.basic-contact-info .agent p.name { display: none; }
					.basic-contact-info .agent figcaption {
						text-align: left;
						width: auto;
						margin: 0 0 0 65px;
						color: var(--steel)!important;
					}
					.basic-contact-info .agent figcaption p.call-to-action:before { content:"Call for more informations"; }
				}
				/* mobile */	@media screen and (min-width:550px) and (max-width:699px){
					.basic-contact-info {
						position: fixed;
						left: auto;
						right: 15px;
						top: 27px;
						background-color: rgba(255,255,255,0.9);
						padding: 5px 10px 10px 5px;
						height: 25px;
						border-radius: 4px;
					}
					.basic-contact-info .agent figure {
						width:         35px;
						height:        35px;
						border-radius: 35px;
						margin-bottom:-35px;
						top: -3px;
					}
					.basic-contact-info .agent p.name { display: none; }
					.basic-contact-info .agent figcaption {
						text-align: left;
						width: auto;
						margin: 0 0 0 50px;
						color: var(--steel)!important;
					}
					.basic-contact-info .agent figcaption p { margin: 0;  }
					.basic-contact-info .agent figcaption p.call-to-action { font-size: .8rem; line-height:1; }
					.basic-contact-info .agent figcaption p.mobile         { font-size: .8rem; line-height:1; }
					.basic-contact-info .agent figcaption p.call-to-action:before { content:"Call for more"; }
				}
				/* narrow mobile */	@media screen and (max-width:549px){
					.basic-contact-info {
						position: fixed;
						left: auto;
						right: 27px;
						top: 27px;
					}
					.basic-contact-info .agent figure {
						width:         40px;
						height:        40px;
						border-radius: 40px;
						margin-bottom:-40px;
						top: -3px;
					}
					.basic-contact-info .agent p.name { display: none; }
					.basic-contact-info .agent figcaption { display: none; }
				}
			

		/* property types */

			.basic-informations .property-labels {
				position: absolute;
				left: 15px;
				top: 15px;
			}
			.additional-informations .property-labels {
			}
			
			.property-labels ul {}
			.property-labels ul li {
				display: inline-block;
				position: relative;
				font-size: 0.6rem;
				line-height: 1.2;
				width: auto;
				padding: 2px 15px;
				margin: 0 5px 5px 0;
				letter-spacing: 0.5pt;
				text-transform: uppercase;
				font-weight: 900;
				text-align: center;
				background-color: var(--steel_light);
				color: white;
				border-radius: 15px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;				
			}
			.property[data-fea="0"] .property-labels ul li[data-label="fea"] { display:none; }
			.property[data-res="0"] .property-labels ul li[data-label="res"] { display:none; }
			.property[data-sld="0"] .property-labels ul li[data-label="sld"] { display:none; }
			.property[data-exc="0"] .property-labels ul li[data-label="exc"] { display:none; }
			
			.property[data-sld="1"] .property-labels ul li {
				filter: grayscale(1) contrast(0.7) brightness(1.25);
			}
			.property[data-sld="1"] .property-labels ul li[data-label="sld"] {
				filter: none;
				background-color: orange;
				transform: rotate(0deg) scale(1.5,1.5);
				margin: 0 20px 0 15px;
				top: -5px;
			}
			.property[data-fea="1"] .property-labels ul li[data-label="fea"] em:before { content:"Featured"; }
			.property[data-res="1"] .property-labels ul li[data-label="res"] em:before { content:"Reserved"; }
			.property[data-sld="1"] .property-labels ul li[data-label="sld"] em:before { content:"Sold"; }
			.property[data-exc="1"] .property-labels ul li[data-label="exc"] em:before { content:"Exclusive"; }
			
			.property-labels ul li i {}
			.property-labels ul li i:before {}
			.property-labels ul li em {}
			.property-labels ul li em:before {}
			.property-labels ul li[data-label="for-sale"]  {}
			.property-labels ul li[data-label="penthouse"] {}

		/* basic icons */

			.basic-icons {
				display: inline-block;
				pointer-events: all;
			}
			.basic-icons > ul {
				margin: 35px 0 0 0;
				opacity: .9;
			}
			.block[data-content="intro"] .basic-icons > ul { padding-left: 0; }
			
			.basic-informations      .basic-icons > ul { margin-top:35px; color: white; }
			.additional-informations .basic-icons > ul { margin-top:10px; color: var(--steel); }

			.basic-icons > ul > li {
				display: inline-block;
				vertical-align: middle;
				margin-right: 15px;
			}
			.basic-icons > ul > li[data-value=""],
			.basic-icons > ul > li[data-value="0"] { display: none; }
			
			.basic-icons > ul > li i {
				display: inline-block;
				vertical-align: middle;
				position: relative;
			}
			.basic-informations      .basic-icons > ul > li i { 
				margin:-2px 5px 0 0;
				font-size:      40px;
				line-height:    40px;
				width:          40px;
				height:         40px;
				color: white;
			}
			.additional-informations .basic-icons > ul > li i {
				margin:-2px 3px 0 0;
				font-size:      30px;
				line-height:    30px;
				width:          30px;
				height:         30px;
				color: var(--highlight);
			}

			.basic-icons > ul > li em {
				display: inline-block;
				vertical-align: top;
				position: relative;
				margin: 0;
				font-weight: 500;
			}
			.basic-informations      .basic-icons > ul > li em { font-size:1.1rem; line-height:35px; color: white; }
			.basic-informations      .basic-icons > ul > li em:after { display:inline-block; position: relative; font-size:1.1rem;top:-5px; }
			.basic-informations      .basic-icons > ul > li[data-label="bedrooms"] em,
			.basic-informations      .basic-icons > ul > li[data-label="bathrooms"] em { font-weight: 200; font-size:2.1rem; }
			.additional-informations .basic-icons > ul > li em { font-size:0.9rem; line-height:30px; color: var(--steel); }

			.XXXXbasic-icons > ul > li[data-label="bedrooms"     ] i {}
			.XXXXbasic-icons > ul > li[data-label="bathrooms"    ] i {}
			.XXXXbasic-icons > ul > li[data-label="property-size"] i {}
			.XXXXbasic-icons > ul > li[data-label="land-size"    ] i {}

			.basic-informations .basic-icons > ul > li[data-label="bedrooms"     ] em { float:left; }
			.basic-informations .basic-icons > ul > li[data-label="bathrooms"    ] em { float:left; }
			.basic-informations .basic-icons > ul > li[data-label="bedrooms"     ] em:after { content:"×"; }
			.basic-informations .basic-icons > ul > li[data-label="bathrooms"    ] em:after { content:"×"; }

			.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; }

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

			.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:"\e903"; }
			.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"; }
			
			


		.additional-informations {
			position: relative;
			height:calc(100vh - 0px);
			height: auto;
			width: calc(100vw - 0px);
			margin:0 0 0 0;
			border-radius: 0px;
			padding-top:   140px;
			padding-bottom:90px;
			overflow: hidden;
			will-change: scroll-position;
			/* backdrop-filter:blur(15px); */
		}
		.additional-informations:before {
			/* display: block; */
			content: "";
			position: absolute;
			inset:0;
			background-color:white;
		}

	/* download items */

		.download-item {}
		.download-item a {
			display: block;
			height: 30px;
		}
		.download-item a i {
			display: block;
			position: relative;
			color: var(--highlight);
			font-size:      30px;
			line-height:    30px;
			width:          30px;
			height:         30px;
			margin-bottom: -30px;
		}
		.download-item a em {
			display: block;
			position: relative;
			top: 50%;
			transform:translateY(-50%);
			margin: 0 0 0 40px;
			line-height: 1.2;
		}
		.download-item[data-type="document"] a i:before {content: "\e944";}
		.download-item a b {
			display: block;
			position: relative;
			float: right;
			margin: 0 0 0 10px;
			padding: 2px 10px;
			font-size: 0.75em;
			border:1px solid #387cc433;
			color: var(--steel);
			border-radius: 15px;
			transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
			font-weight: 300;
			top: 50%;
			transform: translateY(-50%);
		}
		.download-item a b:before { content:"download"; }
		.download-item:hover a b {
			background-color: var(--highlight);
			border-color: var(--highlight);
			color: white;
		}


	/* property details */

		.price-parts,
		.address-parts,
		.date-parts,
		.maps ul,
		.videos ul,
		.gallery-preview ul,
		.documents ul,
		.reference {
			padding: 5px 10px 5px 10px;
			border: 1px solid var(--steel_extralight);
			border-radius: 5px;
			margin-bottom: 10px;
		}




		.additional-informations {
		}

		.additional-informations .description .columns .column:nth-child(2) {
			min-width: 300px;
		}
		.additional-informations .details {
		}
		.additional-informations .details .block[data-content="intro"] > i {
			position: relative;
			width:          120px;
			height:         120px;
			margin-bottom: -120px;
			left: -15px;
			top:  -15px;
			background-image: url("../../images/icon/property-types/penthouse.png");
			background-size: contain;
			background-repeat: no-repeat;
		}
		.additional-informations .details .block[data-content="intro"][data-icon="0"] > i { display: none; }
		.additional-informations .details .block[data-content="intro"][data-icon="1"] > i { display: none; }

		.additional-informations .details h2 {
			font-family: Prata;
			font-size: 3rem;
			line-height: 1.2;
			margin-bottom: 0px;
			color: #4e7191;
			padding-right: 25%;
			text-wrap:balance;
		}
		.additional-informations .details .block[data-content="intro"][data-icon="0"] h2 { margin-left:  0px; }
		.additional-informations .details .block[data-content="intro"][data-icon="1"] h2 { margin-left:110px; }

		.additional-informations .details h3 {
			font-size: 1.2rem;
			line-height: 1.2;
			text-transform: uppercase;
			letter-spacing: 1.5px;
			color: var(--highlight);
			margin-bottom: 10px;
		}
		.additional-informations .details h3 > a {
			display: inline-block;
			position: relative;
			float: right;
			margin: 2px 0 0 10px;
			padding: 2px 10px;
			font-size: 0.75em;
			border:1px solid #387cc433;
			color: var(--steel);
			content:"show";
			border-radius: 15px;
			font-size: 0.75rem;
			text-transform: none;
			transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
		}
		.additional-informations .details h3 > a:hover {
			background-color: var(--highlight);
			border-color: var(--highlight);
			color: white;
		}
		.additional-informations .details .side-box[data-label="gallery"] h3 > a:before { content:"show"; }
		
		
		
		.additional-informations .details .description-copy {
			position: relative;
		}
		.additional-informations .details .description-copy,
		.additional-informations .details .description-copy p,
		.additional-informations .details .description-copy ul,
		.additional-informations .details .description-copy ol {
			font-family: NunitoSans;
			font-weight: 200;
			font-size: 1.2rem;
			line-height: 1.4;
			margin-bottom: 8px;
		}
		.additional-informations .details .description-copy ul,
		.additional-informations .details .description-copy ol {
			margin-left:0;
		}
		.additional-informations .details .description-copy ul li {
			margin-left: 1.5em;
			padding-left: 0.5em;
			list-style: disc;		
		}
		.additional-informations .details .description-copy ol li {
			padding-left: 1.5em;
			list-style:decimal;
		}
		.additional-informations .details .description-copy p strong,
		.additional-informations .details .description-copy p b {
			font-family: NunitoSans;
			font-weight: 600;
		}
		.additional-informations .details .description-copy p sup,
		.additional-informations .details .description-copy p sub {
			display: inline-block;
			font-size: 0.8em;
			line-height: 0.8em;
			position: relative;
			height:         15px;
			margin-bottom: -15px;
		}
		.additional-informations .details .description-copy p sub { top: -0.3em; }
		.additional-informations .details .description-copy p sup:after,
		.additional-informations .details .description-copy p sub:after { position: relative; display: inline-block; content:" "; }
		
		.additional-informations .details .description-copy:before,
		.additional-informations .details .neighborhood:before,
		.additional-informations .details .features:before,
		.additional-informations .details .custom-options:before {
			content:"";
			display: block;
			position: absolute;
			width: 1px;
			top: 0;
			bottom: 0;
			background-color: var(--steel_extralight);
		}
		
		/* desktop */	@media screen and (min-width:960px){
		}
		/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
			.additional-informations .basic-icons > ul > li em { font-size:1.3rem; }
		}
		/* mobile */	@media screen and (min-width:550px) and (max-width:699px){
			.additional-informations .basic-icons > ul > li em { font-size:1.1rem; }
		}
		/* narrow mobile */	@media screen and (max-width:549px){
			.additional-informations .details h2 { font-size: 2rem; }
			.additional-informations .details .description-copy,
			.additional-informations .details .description-copy p,
			.additional-informations .details .description-copy ul,
			.additional-informations .details .description-copy ol {
				font-size: 0.9rem;
				line-height: 1.4;
				margin-bottom: 8px;
			}
			.additional-informations {
				padding-top:   40px;
				padding-bottom:20px;
			}
		}




		/* labels */

			.block[data-content="intro"] {}
			.block[data-content="intro"] .labels {}
			.block[data-content="intro"] .labels > ul {}
			.block[data-content="intro"] .labels > ul > li {}

			.block[data-content="intro"] .labels > ul > li[data-label="for-sale" ] i { background-image:url(../../images/icon/features/) }
			.block[data-content="intro"] .labels > ul > li[data-label="penthouse"] i { background-image:url(../../images/icon/features/) }
			.block[data-content="intro"] .labels > ul > li[data-label="built"    ] i { background-image:url(../../images/icon/features/) }
			.block[data-content="intro"] .labels > ul > li[data-label="renovated"] i { background-image:url(../../images/icon/features/32.png); }








		/* blocks */

			.block {}
			.block[data-content="intro"] {
			}
			.block[data-content="intro"] p,
			.block[data-content="intro"] ul,
			.block[data-content="intro"] ol {
				padding-left: 25px;
			}

			.block[data-content="pictos"] {
			}

			/* columns */

				.block[data-content="pictos"][data-template="columns"] > ul {
					display: flex;
					flex-direction: row;
					flex-wrap:nowrap;
					flex-flow: row wrap;
					justify-content: flex-start;
					column-gap: 100px;
				}
				.block[data-content="pictos"][data-template="columns"] > ul > li {}
				.block[data-content="pictos"][data-template="columns"] > ul > li > div > ul { column-count: 2; }
				.block[data-content="pictos"][data-template="columns"] > ul > li > div > ul > li { width: 200px; }

			/* rows-horizontal */

				.block[data-content="pictos"][data-template="rows-horizontal"] > ul { display: block; }
				.block[data-content="pictos"][data-template="rows-horizontal"] > ul > li {}
				.block[data-content="pictos"][data-template="rows-horizontal"] > ul > li > div > ul { column-count: 4; padding-left: 25px; }
				.block[data-content="pictos"][data-template="rows-horizontal"] > ul > li > div > ul > li { width: 200px; break-inside: avoid; }
				
				/* desktop */		@media screen and (min-width:960px){}
				/* tablet */		@media screen and (min-width:700px) and (max-width:959px){
					.block[data-content="pictos"][data-template="rows-horizontal"] > ul > li > div > ul { column-count: 3; }
					.block[data-content="pictos"][data-template="rows-horizontal"] > ul > li > div > ul > li { width: 100%; }
				}
				/* mobile */		@media screen and (min-width:550px) and (max-width:699px){
					.block[data-content="pictos"][data-template="rows-horizontal"] > ul > li > div > ul { column-count: 2; }
					.block[data-content="pictos"][data-template="rows-horizontal"] > ul > li > div > ul > li { width: 100%; }
				}
				/* narrow mobile */	@media screen and (max-width:549px){
					.block[data-content="pictos"][data-template="rows-horizontal"] > ul > li > div > ul { column-count: 2; }
					.block[data-content="pictos"][data-template="rows-horizontal"] > ul > li > div > ul > li { width: 100%; }
				}
				
				
				
				
				
				

			/* custom options */
			
				.custom-options {}
				.custom-options > ul > li > span.label { color: var(--highlight);  }
				.custom-options > ul > li > span.value { display:block; font-weight: 600; font-size: 1.2rem; color: var(--steel); }
				.custom-options > ul > li > span.label:after { content:": "; }
				.block[data-content="custom-options"] p,
				.block[data-content="custom-options"] ul,
				.block[data-content="custom-options"] ol {
					padding-left: 25px;
				}
				div.block[data-content="custom-options"] {
					overflow: hidden;
				}
				.additional-informations .details .custom-options {
					display: block;
					overflow: hidden;
					position: relative;
				}
			/* columns */

				.block[data-content="custom-options"][data-template="columns"] > .custom-options > ul {
					display: flex;
					flex-direction: row;
					flex-wrap:nowrap;
					flex-flow: row wrap;
					justify-content: flex-start;
					column-gap: 100px;
				}
				.block[data-content="custom-options"][data-template="columns"] > .custom-options > ul > li {}
				.block[data-content="custom-options"][data-template="columns"] > .custom-options > ul > li > div > ul { column-count: 2; }
				.block[data-content="custom-options"][data-template="columns"] > .custom-options > ul > li > div > ul > li { width: 200px; }

			/* rows-horizontal */

				.block[data-content="custom-options"][data-template="rows-horizontal"] > .custom-options > ul { display: block; }
				.block[data-content="custom-options"][data-template="rows-horizontal"] > .custom-options > ul > li {}
				.block[data-content="custom-options"][data-template="rows-horizontal"] > .custom-options > ul > li > div > ul { column-count: 4; padding-left: 25px; }
				.block[data-content="custom-options"][data-template="rows-horizontal"] > .custom-options > ul > li > div > ul > li { width: 200px; break-inside: avoid; }
				
				/* desktop */		@media screen and (min-width:960px){}
				/* tablet */		@media screen and (min-width:700px) and (max-width:959px){
					.block[data-content="custom-options"][data-template="rows-horizontal"] > .custom-options > ul > li > div > ul { column-count: 3; }
					.block[data-content="custom-options"][data-template="rows-horizontal"] > .custom-options > ul > li > div > ul > li { width: 100%; }
				}
				/* mobile */		@media screen and (min-width:550px) and (max-width:699px){
					.block[data-content="custom-options"][data-template="rows-horizontal"] > .custom-options > ul > li > div > ul { column-count: 2; }
					.block[data-content="custom-options"][data-template="rows-horizontal"] > .custom-options > ul > li > div > ul > li { width: 100%; }
				}
				/* narrow mobile */	@media screen and (max-width:549px){
					.block[data-content="custom-options"][data-template="rows-horizontal"] > .custom-options > ul > li > div > ul { column-count: 2; }
					.block[data-content="custom-options"][data-template="rows-horizontal"] > .custom-options > ul > li > div > ul > li { width: 100%; }
				}
				
				
				
				
				
				
				
				
			/* neighborhood */
			
				.neighborhood {}
				.neighborhood .additional-places {
					margin: 0px 0 5px 25px;
				}
				.neighborhood h4 {
					font-size: 0.9rem;
					line-height: 1.2;
					color: var(--highlight);
					margin-bottom: 5px;
					display: inline-block;
				}
				.neighborhood p.distances {display: inline;}
				.neighborhood p.distances .distance { display: inline-block; }
				.neighborhood p.distances .distance span { display: inline-block; }
				.neighborhood p.distances .distance span.place { color: #333333; margin-right: 5px; }
				.neighborhood p.distances .distance span.place i:before { content:"\e907"; color: var(--highlight); font-size: 1.5rem; position: relative; display: inline-block; top: 2px; }
				.neighborhood p.distances .distance span.place:after { content:": "; }
				.neighborhood p.distances .distance span.value { font-weight: 600; font-size: 1.2rem; color: var(--steel); margin-right: 5px; }
				.neighborhood p.distances .distance span.value:after { content:", "; }
				.neighborhood p.distances .distance:last-child span.value:after { content:"."; }


		/* reference and share */
		
			.reference {
				padding-top: 15px;
				padding-bottom: 15px;
			}
			.reference .code {
				display: inline-block;
				float: left;
				vertical-align: top;
				font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
				font-size: 1.6rem;
				font-weight: 400;
				width:calc(50% - 20px);
				padding: 5px 10px;
				user-select:all;
				border-radius: 5px;
			}
			.reference .code::selection {
				background-color: #BF0000;
				color: white;
			}
			
			.reference ul.sharing {
				display: inline-block;
				vertical-align: top;
				text-align: right;
				width:50%;
			}
			.reference ul.sharing li.share-button {
				display: inline-block;
				margin-right: 3px;
			}
			.reference ul.sharing li.share-button a {
				display: block;
				text-align: center;
			}
			.reference ul.sharing li.share-button i {
				display: block;
				font-size:   24px;
				line-height: 24px;
				height:      24px;
				width:       100%;
				text-align: center;
				color: var(--highlight);
			}
			.reference ul.sharing li.share-button.processing i {
				animation: processing 1s infinite; 
				animation-timing-function:linear;
				pointer-events: none;
				filter:hue-rotate(90deg);
			}
			@keyframes processing {
				from { transform:rotate(0deg); }
				to   { transform:rotate(360deg); }
			}
			
			.reference ul.sharing li.share-button em {
				display: block;
				margin-top: 3px;
				font-size: 0.75rem;
				line-height: 1.1;
				opacity: 0.5;
			}
			.reference ul.sharing li.share-button[data-label="facebook"] {}
			.reference ul.sharing li.share-button[data-label="expose"  ] {}
			.reference ul.sharing li.share-button[data-label="email"   ] { display: none; }
			
			.reference ul.sharing li.share-button[data-label="facebook"] i:before { content:"\e962"; }
			.reference ul.sharing li.share-button[data-label="expose"  ] i:before { content:"\e966"; }
			.reference ul.sharing li.share-button.processing[data-label="expose"  ] i:before { content:"\e963"; }
			.reference ul.sharing li.share-button[data-label="email"   ] i:before { content:"\e968"; }

			.reference ul.sharing li.share-button em:before { display: block; white-space: pre-wrap; text-align: center; }
			.reference ul.sharing li.share-button[data-label="facebook"] em:before { content:"Share on\A Facebook"; }
			.reference ul.sharing li.share-button[data-label="expose"  ] em:before { content:"Download\A as PDF"; }
			.reference ul.sharing li.share-button[data-label="email"   ] em:before { content:"Send by\A E-mail"; }
			
			.reference ul.sharing li.share-button .fb-share-button {
				display: block;
				position: relative;
				overflow: hidden;
				opacity: 0;
				width: 50px;
				height: 50px;
				margin: 0 0 -50px 0;
			}
			.reference ul.sharing li.share-button .fb-share-button > span {
				display: block;
				width: 100%;
				height: 50px!important;
			}
			.reference ul.sharing li.share-button .fb-share-button > span > iframe {
				height: 50px!important;
			}


		/* prices */

			.price-parts {	
				min-height:45px;
			}
			.price-parts[data-currency="before"] {}
			.price-parts p.price {
				Xfont-family: Prata;
				font-size: 2.0rem;
				line-height: 1;
				margin-top: 0;
				/* overflow: hidden; */
				/* min-height: 30px; */
				height: 40px;
			}
			.price-parts p.price i {
				display: block;
				position: relative;
				vertical-align: middle;
				font-size:      40px;
				line-height:    40px;
				width:          40px;
				height: 40px;
				margin-bottom: -40px;
				color: var(--highlight);
				top: 3px;
			}
			.price-parts p.price i:before { content:"\e92f"; }
			.price-parts p.price em {
				display: inline-block;
				position: relative;
				vertical-align: middle;
				margin: 0 0 0 40px;
				height: auto;
				font-family: inherit;
				line-height: 1.2;
				top: calc(50% + 3px);
				transform: translateY(-50%);
			}
			.price-parts p.price em .currency {
				display: block;
				vertical-align: top;
				font-size: 1.5rem;
				line-height: 1.2;
			}
			.price-parts p.price em .currency:before { content:"€"; }
			
			.price-parts[data-currency="before"] p.price em .currency { float:left;  margin-right:5px; }
			.price-parts[data-currency="after" ] p.price em .currency { float:right; margin-left: 5px; }
			.price-parts p.price em .price-min,
			.price-parts p.price em .price-max { /*font-family:Prata;*/ font-weight: 400; }
			.price-parts p.price em .prices {
				display: block;
				margin: 0 0 0 20px;
				padding: 0;
				font-size: 1.2rem;
				line-height: 1.5;
			}
			.price-parts p.price em .prices .price-min,
			.price-parts p.price em .prices .price-max,
			.price-parts p.price em .prices .price-separator {
				white-space: nowrap;
				padding: 0;
				margin: 0;
				font-size: 1.2rem;
				line-height: 1;
			}
			.price-parts[data-price_max="0"] {
			
			}
			.price-parts[data-price_max="0"] p.price em .currency { line-height: 40px; }
			.price-parts[data-price_max="0"] .price-max,
			.price-parts[data-price_max="0"] .price-separator { display: none; }
			.price-parts[data-price_max="0"][data-currency="before"] p.price em .currency {/* line-height: 30px; */}
			.price-parts[data-price_max="0"] p.price { }
			.price-parts[data-price_max="0"] p.price em .prices .price-min { line-height: 40px; }
			
			.price-parts .price-min-prefix,
			.price-parts .price-min-suffix,
			.price-parts .price-max-prefix,
			.price-parts .price-max-suffix {
				font-weight: 300;
				font-size: 0.8em;
				
			}

		/* dates */
		
			.XXdate-parts[data-has_dates="0"] { display: none; }
			.date-parts[data-has_dates="1"] {}
			
			.dates ul li:not(:empty) em:before {
				display: inline-block;
				padding-right: 10px;
				content: "";
				opacity: 0.5;
				font-size: 0.8em;
				width: 80px;
				text-align: right;
			}
			.dates ul li[data-type="date-built"     ]:not(:empty) em:before { content:"Built: "; }
			.dates ul li[data-type="date-renovated" ]:not(:empty) em:before { content:"Renovated: "; }
			.dates ul li[data-type="date-handover"  ]:not(:empty) em:before { content:"Handover: "; }
			.dates ul li[data-type="date-handover_2"]:not(:empty) em:before { content:"Handover: "; }
			.dates ul li[data-type="date-handover_3"]:not(:empty) em:before { content:"Handover: "; }
			.dates ul li[data-type="date-handover_4"]:not(:empty) em:before { content:"Handover: "; }
			.dates ul li[data-type="date-handover_5"]:not(:empty) em:before { content:"Handover: "; }
			.dates ul li[data-type="date-handover_2"]:not(:empty):after { content:" (2. phase)"; }
			.dates ul li[data-type="date-handover_3"]:not(:empty):after { content:" (3. phase)"; }
			.dates ul li[data-type="date-handover_4"]:not(:empty):after { content:" (4. phase)"; }
			.dates ul li[data-type="date-handover_5"]:not(:empty):after { content:" (5. phase)"; }
			
			.date-parts p[data-type="key-ready"] {}
			.date-parts p[data-type="key-ready"] i {
			    display: block;
				float: left;
				vertical-align: top;
				font-size:   32px;
				line-height: 32px;
				margin-right: 10px;
				color: var(--highlight);
			}
			.date-parts p[data-type="key-ready"] i:before {content: "\e942";}
			.date-parts p[data-type="key-ready"] em {
				display: block;
				font-size: 1.0rem;
				line-height: 40px;
			}

		/* buttons */

			.description a.inline-button {
				display: inline-block;
				background-color: var(--steel);
				color: white;
				border-radius: 15px;
				padding: 2px 15px;
				margin-left: 5px;
				font-size: 0.8rem;
				line-height: 1.2;
				text-transform: uppercase;
				letter-spacing: 1.5;
			}
			.description a.inline-button i {}
			.description a.inline-button em {}
			.description a.inline-button:hover {}

		/* address */

			.address-parts {}
			.address-parts i {
				display: block;
				float: left;
				vertical-align: top;
				font-size:   40px;
				line-height: 40px;
				color: var(--highlight);
			}
			.address-parts i:before { content:"\e907"; }
			.address-parts ul {
				display: table;
				vertical-align: top;
			}
			.address-parts ul li {
				display: table-row;
			}
			.address-parts ul li:before {
				display: table-cell;
				position: relative;
				transform:translateX(calc(-100% - 10px));
				transform: none;
				padding-right: 10px;
				content:"";
				opacity: 0.5;
				font-size: 0.8em;
				text-align: right;
			}
			.address-parts ul li[data-type="city"   ]:before { content:"City:"; }
			.address-parts ul li[data-type="region" ]:before { content:"Region:"; }
			.address-parts ul li[data-type="country"]:before { content:"Country:"; }


		/* maps */

			.maps {
				margin-top: 15px;
				margin-top: 0;
			}
			.maps ul {}
			.maps ul li {
				margin-bottom: 5px;
			}
			/*
			.maps ul li iframe {
				width: calc(100% - 100px);
				margin-left: 20px;
				aspect-ratio:1 / 1;
				border: none;
				border-top-right-radius: 20px;
				border-bottom-left-radius: 20px;
				pointer-events:none;
				background-size: cover;
				box-shadow:0 0 0 1px var(--steel_light);
			}
			.maps ul li a.inline-button {
				float: right;
				width:         50px;
				height:        50px;
				border-radius: 50px;
				padding: 5px;
				text-align: center;
				position: absolute;
				margin: 155px 0 0 180px;
				background-color: var(--steel_dark);
				border: 5px solid white;
				box-shadow: 0 0 0 0 white;
				transition: box-shadow 0.3s ease, border 0.3s ease;
			}
			.maps ul li a.inline-button:before {
				content:"";
				display: block;
				position: absolute;
				inset:-5px;
				border-radius: 50px;
				border:   3px dotted white;
				mix-blend-mode:overlay;
				filter:blur(1px);
			}
			.maps ul li a.inline-button:hover {
			background-color: var(--steel);
				border: 5px solid rgba(255,255,255,0.00);
				box-shadow: 0 0 0 5px white;
			}
			.maps ul li a.inline-button:hover:before {
				animation-duration: .5s;
				animation-iteration-count:infinite;
				animation-name: rotating_button;
				animation-timing-function: linear;
			}
			@keyframes rotating_button {
				from	{ transform:rotate(0deg);  }
				to		{ transform:rotate(360deg) }
			}

			.maps ul li a.inline-button em {
				display: block;
				position: relative;
				top: 50%;
				transform:translateY(-50%);
				text-align: center;
			}
			*/
			.maps ul li a {
				display: block;
				font-size: 1rem;
				line-height: 1.2;
				height: 30px;
			}
			.maps ul li a i {
				   display: block;
				position: relative;
				color: var(--highlight);
				font-size:      30px;
				line-height:    30px;
				width:          30px;
				height:         30px;
				margin-bottom: -30px;
			}
			.maps ul li a em {
				display: block;
				position: relative;
				top: 50%;
				transform: translateY(-50%);
				margin: 0 0 0 40px;
			}
			.maps ul li a em:after {
				display: inline-block;
				position: relative;
				float: right;
				margin: 0 0 0 10px;
				padding: 2px 10px;
				font-size: 0.75em;
				border:1px solid #387cc433;
				color: var(--steel);
				content:"show";
				border-radius: 15px;
				transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
			}
			.maps ul li:hover a em:after {
				background-color: var(--highlight);
				border-color: var(--highlight);
				color: white;
			}
			.maps ul li iframe { display: none;  }
			

			
			.maps ul li[data-type="google-map"] {}
			.maps ul li[data-type="google-street-view"] {}
			.maps ul li[data-type="virtual-tour"] {}
			.maps ul li[data-type="floor-plan"] {}

			.maps ul li[data-type="google-map"]          i:before { content:"\e907"; }
			.maps ul li[data-type="google-street-view"]  i:before { content:"\e95e"; }
			.maps ul li[data-type="virtual-tour"]        i:before { content:"\e95f"; }
			.maps ul li[data-type="floor-plan"]          i:before { content:"\e960"; }
			
			.maps ul li[data-type="google-map"]         em:before { content:"Map"; }
			.maps ul li[data-type="google-street-view"] em:before { content:"Street view"; }
			.maps ul li[data-type="virtual-tour"]       em:before { content:"360° virtual tour"; }
			.maps ul li[data-type="floor-plan"]         em:before { content:"Floor plans"; }

			


		/* neighborhood */

			.description .neighborhood {
				/* white-space: nowrap; */
				position: relative;
			}
			.description .neighborhood ul {}
			.description .neighborhood ul li { cursor:help; }
			.description .neighborhood ul li i {
				display: inline-block;
				vertical-align: middle;
				position: relative;
				width:  40px;
				height: 40px;
				margin-right: 10px;
			}
			.description .neighborhood ul li em {
				display: inline-block;
				vertical-align: middle;
				position: relative;
				white-space: normal;
				text-wrap:balance;
			}
			.description .neighborhood ul li[data-ref="1"] i { background-image:url(../../images/icon/neighborhood/close-to-golf-course.png); }
			.description .neighborhood ul li[data-ref="2"] i { background-image:url(../../images/icon/neighborhood/close-to-nature.png); }
			.description .neighborhood ul li[data-ref="3"] i { background-image:url(../../images/icon/neighborhood/quiet-location.png); }
			.description .neighborhood ul li[data-ref="4"] i { background-image:url(../../images/icon/neighborhood/close-to-amenities.png); }
			.description .neighborhood ul li[data-ref="5"] i { background-image:url(../../images/icon/neighborhood/gated-community.png); }
			.description .neighborhood ul li[data-ref="6"] i { background-image:url(../../images/icon/neighborhood/residential-area.png); }
			.description .neighborhood ul li[data-ref="7"] i { background-image:url(../../images/icon/neighborhood/undefined.png); }
			.description .neighborhood ul li[data-ref="8"] i { background-image:url(../../images/icon/neighborhood/undefined.png); }
			.description .neighborhood ul li[data-ref="9"] i { background-image:url(../../images/icon/neighborhood/undefined.png); }
			
			.description .neighborhood ul li .more-info {
				display: block;
				position: absolute;
				z-index: 100;
				transform:translate(0,calc(-100% - 55px));
				width: 250px;
				background-color: var(--steel);
				color: white;
				pointer-events: none;
				white-space: normal;
				padding: 10px 5px 15px 15px;
				border-radius: 5px;
				font-size: 0.85rem;
				line-height: 1.2;
				box-shadow: 0 0 0 5px white;
				backdrop-filter:blur(5px);
				-webkit-backdrop-filter:blur(5px);
			}
			.description .neighborhood ul li .more-info:after {
				top: 100%;
				left: 50%;
				left: 25px;
				border: solid transparent;
				content: "";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-color: rgba(0,0,0,0);
				border-top-color:var(--steel);
				border-width: 10px;
				margin-left: -10px;
			}
			.description .neighborhood ul li .more-info > i {
				filter: brightness(100);
				width:  100%;
				height: 100px;
			}
			
			/* animation */
			
				.description .neighborhood ul li       .more-info { opacity: 0.0; transition:opacity 0.2s ease 0.4s; }
				.description .neighborhood ul li:hover .more-info { opacity: 0.9; transition:opacity 0.4s ease 0.3s; }
			

		/* features */

			#details .additional-informations .description .columns .column:nth-child(2) {
				margin-left: 20px;
			}
			.features {
				position: relative;
				white-space: nowrap;
			}
			.features ul {}
			.features ul li { display: block; height: 45px; }
			.features ul li i {
				display: inline-block;
				vertical-align: middle;
				position: relative;
				background-size: contain;
				width: 40px;
				height:40px;
				margin-right: 10px;
			}
			.features ul li em {
				display: inline-block;
				vertical-align: middle;
				position: relative;
				font-size: 1.0rem;
				line-height: 1.2;
				white-space: normal;
				text-wrap:balance;
				padding-right: 20%;
			}
			.features ul li[data-label="1" ] i { background-image:url(../../images/icon/features/1.png); }
			.features ul li[data-label="2" ] i { background-image:url(../../images/icon/features/2.png); }
			.features ul li[data-label="3" ] i { background-image:url(../../images/icon/features/3.png); }
			.features ul li[data-label="4" ] i { background-image:url(../../images/icon/features/4.png); }
			.features ul li[data-label="5" ] i { background-image:url(../../images/icon/features/5.png); }
			.features ul li[data-label="6" ] i { background-image:url(../../images/icon/features/6.png); }
			.features ul li[data-label="7" ] i { background-image:url(../../images/icon/features/7.png); }
			.features ul li[data-label="8" ] i { background-image:url(../../images/icon/features/8.png); }
			.features ul li[data-label="9" ] i { background-image:url(../../images/icon/features/9.png); }
			.features ul li[data-label="10"] i { background-image:url(../../images/icon/features/10.png); }
			.features ul li[data-label="11"] i { background-image:url(../../images/icon/features/11.png); }
			.features ul li[data-label="12"] i { background-image:url(../../images/icon/features/12.png); }
			.features ul li[data-label="13"] i { background-image:url(../../images/icon/features/13.png); }
			.features ul li[data-label="14"] i { background-image:url(../../images/icon/features/14.png); }
			.features ul li[data-label="15"] i { background-image:url(../../images/icon/features/15.png); }
			.features ul li[data-label="16"] i { background-image:url(../../images/icon/features/16.png); }
			.features ul li[data-label="17"] i { background-image:url(../../images/icon/features/17.png); }
			.features ul li[data-label="18"] i { background-image:url(../../images/icon/features/18.png); }
			.features ul li[data-label="19"] i { background-image:url(../../images/icon/features/19.png); }
			.features ul li[data-label="20"] i { background-image:url(../../images/icon/features/20.png); }

			.features ul li[data-label="1" ] em:before { content:"Aerothermic sanitary system"; }
			.features ul li[data-label="2" ] em:before { content:"Car port"; }
			.features ul li[data-label="3" ] em:before { content:"En-suite bathroom"; }
			.features ul li[data-label="4" ] em:before { content:"Fitted kitchen"; }
			.features ul li[data-label="5" ] em:before { content:"Outdoor Shower"; }
			.features ul li[data-label="6" ] em:before { content:"Preinstalled A/C"; }
			.features ul li[data-label="7" ] em:before { content:"Aerothermic sanitary system"; }
			.features ul li[data-label="8" ] em:before { content:"Car port"; }
			.features ul li[data-label="9" ] em:before { content:"En-suite bathroom"; }
			.features ul li[data-label="10"] em:before { content:"Fitted kitchen"; }
			.features ul li[data-label="11"] em:before { content:"Outdoor Shower"; }
			.features ul li[data-label="12"] em:before { content:"Preinstalled A/C"; }
			
			/* desktop */		@media screen and (min-width:960px){}
			/* tablet */		@media screen and (min-width:700px) and (max-width:959px){
				#details .additional-informations .description .columns .column:nth-child(2) { margin-left:0; }
			}
			/* mobile */		@media screen and (min-width:550px) and (max-width:699px){
				#details .additional-informations .description .columns .column:nth-child(2) { margin-left:0; }
			}
			/* narrow mobile */	@media screen and (max-width:549px){
				#details .additional-informations .description .columns .column:nth-child(2) { margin-left:0; }
			}


		/* floorplans */

			.floor-plans {
				position: fixed;
				inset:0;
				z-index: -1;
				/*backdrop-filter:blur(5px);*/
			}
			.floor-plans:before {
				content:"";
				position: absolute;
				inset:0;
				background-color: var(--steel);
				background-color: white;
				opacity: 0.9;
				opacity: 1;
				z-index: 0;
			}

			.floor-plans .tab {}
			.floor-plans .tab ul {}
			.floor-plans .tab ul li {}

			.floor-plans .tab.tab-head {
				position: fixed;
				bottom: 0;
				left: 0;
				right: 0;
				z-index: 1000;
			}
			.floor-plans .tab.tab-head ul {
				display: flex;
				flex-direction: row;
				background-color: var(--steel_light);
				text-align: center;
				justify-content: center;
			}
			.floor-plans .tab.tab-head ul li {
				flex-grow: 0;
				justify-content: center;
				color: var(--steel_dark);
				color: white;
				font-weight: 600;
				transition: color .3s ease;
			}
			.floor-plans .tab.tab-head ul li:hover {
				color: black;
			}
			.floor-plans .tab.tab-head ul li a {
				display: block;
				padding: 10px 20px;
				text-align: center;
				font-weight: inherit;
			}
			.floor-plans .tab.tab-head ul li a em { font-weight: inherit; }

			.floor-plans .tab.tab-body {
				position: absolute;
				inset:0;
				z-index: 0;
			}
			.floor-plans .tab.tab-body ul {
			}
			.floor-plans .tab.tab-body ul li {
				transition: opacity .5s ease;
			}
			.floor-plans .tab.tab-body ul li figure {
				position: absolute;
				top:  calc(50% + 10px);
				left: 50%;
				transform:translate(-50%,-50%);
				width:  calc(100vh - 20px);
				height: calc(100vh - 200px);
				background-size: contain;
				background-position: center center;
			}
			.floor-plans .tab.tab-body ul li figcaption {
				position: absolute;
				bottom: 50px;
				left: 50%;
				transform: translateX(-50%);
				z-index: 1;
				color: black;
			}
			.floor-plans .tab.tab-body ul li figcaption ul {
			}
			.floor-plans .tab.tab-body ul li figcaption ul li {
				display: inline-block;
				vertical-align: top;
				margin: 0; padding: 0;
			}
			.floor-plans .tab.tab-body ul li figcaption ul li em:after { content:", "; }
			.floor-plans .tab.tab-body ul li figcaption ul li em:empty:after { content:""; }
			.floor-plans .tab.tab-body ul li figcaption ul li:last-child em:after { content:""; }


			.floor-plans                  .tab.tab-head > ul > li                 { opacity: 0.5; pointer-events: all; }
			.floor-plans[data-active="1"] .tab.tab-head > ul > li[data-index="1"],
			.floor-plans[data-active="2"] .tab.tab-head > ul > li[data-index="2"],
			.floor-plans[data-active="3"] .tab.tab-head > ul > li[data-index="3"],
			.floor-plans[data-active="4"] .tab.tab-head > ul > li[data-index="4"],
			.floor-plans[data-active="5"] .tab.tab-head > ul > li[data-index="5"],
			.floor-plans[data-active="6"] .tab.tab-head > ul > li[data-index="6"],
			.floor-plans[data-active="7"] .tab.tab-head > ul > li[data-index="7"],
			.floor-plans[data-active="8"] .tab.tab-head > ul > li[data-index="8"],
			.floor-plans[data-active="9"] .tab.tab-head > ul > li[data-index="9"] { background-color:white; opacity:1; pointer-events: none; color:var(--steel_dark); }

			.floor-plans                  .tab.tab-body > ul > li                 { opacity:0; }
			.floor-plans[data-active="1"] .tab.tab-body > ul > li[data-index="1"],
			.floor-plans[data-active="2"] .tab.tab-body > ul > li[data-index="2"],
			.floor-plans[data-active="3"] .tab.tab-body > ul > li[data-index="3"],
			.floor-plans[data-active="4"] .tab.tab-body > ul > li[data-index="4"],
			.floor-plans[data-active="5"] .tab.tab-body > ul > li[data-index="5"],
			.floor-plans[data-active="6"] .tab.tab-body > ul > li[data-index="6"],
			.floor-plans[data-active="7"] .tab.tab-body > ul > li[data-index="7"],
			.floor-plans[data-active="8"] .tab.tab-body > ul > li[data-index="8"],
			.floor-plans[data-active="9"] .tab.tab-body > ul > li[data-index="9"] { opacity: 1; }
			
		/* videos */
		
			.videos {}
			.videos ul {}
			.videos ul li {
				height: 35px;
				outline: 1px dotted red;
				outline: none;
			}
			.videos ul li a {
				display: block;
				height: inherit;
			}
			.videos ul li a i {
				display: block;
				position: relative;
				color: var(--highlight);
				font-size:      30px;
				line-height:    30px;
				width:          30px;
				height:         30px;
				margin-bottom: -30px;
			}
			.videos ul li a i:before { content:"\e95d"; }
			.videos ul li a em {
				display: block;
				position: relative;
				top: 50%;
				transform:translateY(-50%);
				margin: 0 0 0 40px;
				line-height: 1.1;
			}
			.videos ul li a em:before {
				display: block;
				position: relative;
				float: right;
				margin: 0 0 0 10px;
				padding: 2px 10px;
				font-size: 0.75em;
				border:1px solid #387cc433;
				color: var(--steel);
				content:"show";
				border-radius: 15px;
				transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
			}
			.videos ul li:hover a em:before {
				background-color: var(--highlight);
				border-color: var(--highlight);
				color: white;
			}
			
		/* gallery-preview */
		
			.gallery-preview {
				margin-bottom: 10px;
				padding: 0;
			}
			.gallery-preview ul {
				display: block;
				position: relative;
				padding: 5px 10px 10px 5px;
				width: calc(100% - 17px);
				aspect-ratio:1 / 1;
				margin-bottom: 0px;
			}
			.gallery-preview ul {
				transform:scale(1.0,1.0);
				filter:brightness(1.0);
				transition: transform .3s ease, filter .3s ease;
				transition: none;
			}
			.XXXgallery-preview:hover ul {
				transform:scale(1.07,1.07);
				filter:brightness(1.2);
			}
			.gallery-preview ul li {
				display: inline-block;
				vertical-align: top;
				position: relative;
				background-color: var(--steel_extralight);
				margin: 5px 0 0 5px;
				height: auto;
				aspect-ratio:1 / 1;
				background-size: cover;
				background-position: center;
				box-shadow: inset 0 0 0 1px var(--steel_light);
				filter:contrast(0.65) brightness(1.3);
				filter:contrast(0.95) brightness(1.1);
				transition: all 0.5s ease;
			}
			.gallery-preview ul li:before { transition: all 0.5s ease; }
			.gallery-preview:hover ul:hover li:before { opacity: 0; }
			.gallery-preview:hover ul:hover li:nth-child(1):before  { transition-delay: calc(0.02s * 1); }
			.gallery-preview:hover ul:hover li:nth-child(2):before  { transition-delay: calc(0.02s * 2); }
			.gallery-preview:hover ul:hover li:nth-child(3):before  { transition-delay: calc(0.02s * 3); }
			.gallery-preview:hover ul:hover li:nth-child(4):before  { transition-delay: calc(0.02s * 4); }
			.gallery-preview:hover ul:hover li:nth-child(5):before  { transition-delay: calc(0.02s * 5); }
			.gallery-preview:hover ul:hover li:nth-child(6):before  { transition-delay: calc(0.02s * 6); }
			.gallery-preview:hover ul:hover li:nth-child(7):before  { transition-delay: calc(0.02s * 7); }
			.gallery-preview:hover ul:hover li:nth-child(8):before  { transition-delay: calc(0.02s * 8); }
			.gallery-preview:hover ul:hover li:nth-child(9):before  { transition-delay: calc(0.02s * 9); }
			.gallery-preview:hover ul:hover li:nth-child(10):before { transition-delay: calc(0.02s * 10); }
			.gallery-preview:hover ul:hover li:nth-child(11):before { transition-delay: calc(0.02s * 11); }
			.gallery-preview:hover ul:hover li:nth-child(12):before { transition-delay: calc(0.02s * 12); }
			.gallery-preview:hover ul:hover li:nth-child(13):before { transition-delay: calc(0.02s * 13); }
			.gallery-preview:hover ul:hover li:nth-child(14):before { transition-delay: calc(0.02s * 14); }
			.gallery-preview:hover ul:hover li:nth-child(15):before { transition-delay: calc(0.02s * 15); }
			.gallery-preview:hover ul:hover li:nth-child(16):before { transition-delay: calc(0.02s * 16); }
			.gallery-preview:hover ul:hover li:nth-child(17):before { transition-delay: calc(0.02s * 17); }
			.gallery-preview:hover ul:hover li:nth-child(18):before { transition-delay: calc(0.02s * 18); }
			.gallery-preview:hover ul:hover li:nth-child(19):before { transition-delay: calc(0.02s * 19); }
			.gallery-preview:hover ul:hover li:nth-child(20):before { transition-delay: calc(0.02s * 20); }
			.gallery-preview:hover ul:hover li:nth-child(21):before { transition-delay: calc(0.02s * 21); }
			.gallery-preview:hover ul:hover li:nth-child(22):before { transition-delay: calc(0.02s * 22); }
			.gallery-preview:hover ul:hover li:nth-child(23):before { transition-delay: calc(0.02s * 23); }
			.gallery-preview:hover ul:hover li:nth-child(24):before { transition-delay: calc(0.02s * 24); }
			.gallery-preview:hover ul:hover li:nth-child(25):before { transition-delay: calc(0.02s * 25); }
			.gallery-preview:hover ul:hover li:nth-child(26):before { transition-delay: calc(0.02s * 26); }
			.gallery-preview:hover ul:hover li:nth-child(27):before { transition-delay: calc(0.02s * 27); }
			.gallery-preview:hover ul:hover li:nth-child(28):before { transition-delay: calc(0.02s * 28); }
			.gallery-preview:hover ul:hover li:nth-child(29):before { transition-delay: calc(0.02s * 29); }
			.gallery-preview:hover ul:hover li:nth-child(30):before { transition-delay: calc(0.02s * 30); }
			
			.gallery-preview ul li:before {
				content:"";
				display: block;
				position: absolute;
				inset:0;
				z-index: 1;
				background-color: var(--steel);
				background-color: white;
				opacity: 0.5;
			}
			.gallery-preview[data-count="8" ] ul li { width: calc(33.333% - 5px); }
			.gallery-preview[data-count="15"] ul li { width: calc(25.000% - 5px); }
			
			.gallery-preview ul li.additional-gallery-items {
				background-color: var(--steel);
				color: white;
				text-align: center;
			}
			.gallery-preview ul li.additional-gallery-items em {
				display: block;
				text-align: center;
				position: relative;
				left: 0; top: 50%;
				transform:translateY(-50%);
				font-weight: 500;
				font-size: 1.2rem;
				line-height: 1.3;
			}
			.gallery-preview ul li.additional-gallery-items em:before { content:"+"; }
			.gallery-preview ul li.additional-gallery-items em:after {
				display: block;
				white-space: pre-wrap;
				content:" additional\0Aimages";
				font-weight: 200;
				font-size: 0.75rem;
				line-height: 1.05;
			}
			
			
			
			
			
			
		/* more informations */
		
			/* custom form */
				
				.more-informations {
					margin-top: 10px;
				}
				#contact-form {
					background-color: white;
					position: relative;
					padding: 15px 10px 15px 10px;
					border: 1px solid var(--steel_extralight);
					border-radius: 5px;
					margin-bottom: 10px;
					font-family: NunitoSans;
					font-weight: 200;
					box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
					transform:scale(1,1);
					transition: box-shadow 0.5s ease 0.5s, transform 0.5s ease 0.5s;
				}
				#contact-form:hover,
				#contact-form:focus {
					box-shadow: 0 15px 25px 0 rgba(0,0,0,0.44);
					transform:scale(1.1,1.1);
					transition: box-shadow 0.5s ease, transform 0.5s ease;
				}
				
				.custom-form .form-group {}
				.custom-form .form-group .form-elements {}
				.custom-form .form-element {
					width: 100%; 
					font-size: 1.2rem;
					line-height: 1.1;
				}
				.custom-form .form-element .form-label {
					display: inline-block;
					vertical-align: top;
					position: relative;
					width: 80px;
					padding-top: 10px;
					padding-right: 2px;
					content: "";
					opacity: 0.6;
					opacity: 1;
					font-weight: 400;
					font-size: 0.75rem;
					line-height: 1.25;
					text-align: right;
					color: var(--highlight);
				}
				.custom-form .form-element[data-type="checkbox"] .form-label { padding-top: 0; }
				.custom-form .form-element[data-multiple_label="1"] .form-label {}
				.custom-form .form-element[data-multiple_label="1"] .form-label > span {
					display: block;
					position: relative;
					height: 100px;
					margin-bottom: -100px;
				}
				.custom-form .form-element .form-warning {}
				.custom-form .form-element .form-value {
					display: inline-block;
					vertical-align: top;
					position: relative;
					width: calc(100% - 90px);
					font-size: 1em;
					line-height: 1.2;
				}
				.custom-form .form-element .form-value input,
				.custom-form .form-element .form-value textarea {
					box-sizing: content-box;
					outline: none;
					border: 1px solid #DDDDDD;
					margin:0 0 5px 0;
				}
				.custom-form .form-element .form-value input {
					padding: 5px 10px;
					width: calc(100% - 22px);
				}
				.custom-form .form-element .form-value textarea {
					padding: 5px 10px;
					width: calc(100% - 22px);
					height: 100px;
					resize:none;
				}
				.custom-form .form-element .form-value input:focus,
				.custom-form .form-element .form-value textarea:focus {
					background-color: #F5F5F5;
					resize:vertical;
				}
				.custom-form .form-element[data-type="checkbox"] { margin-bottom: 5px; }
				.custom-form .form-element[data-type="checkbox"] .form-value label {
					text-align: left; 
					font-size: 0.9rem;
				}
				
				.custom-form .form-element[data-type="checkbox"] .form-value label input[type="checkbox"] { position: absolute; opacity: 0; }
				.custom-form .form-element[data-type="checkbox"] .form-value label i {
					display: block;
					font-weight: bold;
					font-size:    0;
					width:       13px;
					height:      13px;
					margin: 0 0 -15px 0;
					background-color: white;
					border:1px solid gray;
					transition: font-size 0.1s ease, background-color 0.3s ease;
				}
				.custom-form .form-element[data-type="checkbox"] .form-value label input[type="checkbox"]:checked ~ i {
					font-size: 13px;
					background-color: var(--highlight);
					color: white;
				}
				.custom-form .form-element[data-type="checkbox"] .form-value label i:before {
					content:"\e93d";
				}
				.custom-form .form-element[data-type="checkbox"] .form-value label em {
					display: block;
					position: relative;
					margin: 0 0 0 19px;
				}
				
				
				.custom-form .cta-button-container { text-align: right; }
				.custom-form .custom-cta-button {
					display: inline-block;
					position: relative;
					left: 50%;
					transform: translateX(-50%);
					left: 0;
					transform: none;
					margin: 10px 5px 0 0;
					padding: 5px 25px;
					background-color: white;
					background-color: #52B1B1;
					color: #4d6c96;
					color: white;
					border-radius: 25px;
					text-align: center;
					font-weight: 700;
					font-size: 0.8rem;
					line-height: 1.2;
					text-transform: uppercase;
					box-shadow: 0 0 0 0 white;
					box-shadow: 0 0 0 0 #52B1B1;
					transition: box-shadow 0.3s ease, opacity 0.3s ease;				
				}
				.custom-form .custom-cta-button i { display: none; }
				.custom-form .custom-cta-button em { margin: 0; padding: 0; }
				.custom-form .custom-cta-button:hover {
    				box-shadow: 0 0 0 5px #52B1B1;				
				}
				
				#contact-form[data-further_comments="0"] .form-group[data-label="further-comments"] { display: none; }
				#contact-form[data-further_comments="1"] .form-group[data-label="further-comments"] { display: block; }
				
				
				
				
				
			/* multiple templates */

				.multiple-templates { position: relative; }
				.multiple-templates[data-template="form"]       {}
				.multiple-templates[data-template="processing"] {}
				.multiple-templates[data-template="succeeded"]  {}
				.multiple-templates[data-template="failed"]     {}

				.multiple-templates .template-item {
					visibility: hidden;
					pointer-events: none;
					opacity: 0;
					margin-top: 15px;
					transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease .6s;
				}

				.multiple-templates .template-item[data-label="form"]       { position:relative; }
				.multiple-templates .template-item[data-label="processing"],
				.multiple-templates .template-item[data-label="succeeded"],
				.multiple-templates .template-item[data-label="failed"] {
					position:absolute;
					left: 0; top: 0; right: 0; bottom: 0;
				}

				.multiple-templates[data-template="form"]       .template-item[data-label="form"]       { visibility: visible; opacity:1; margin-top:0; pointer-events:all; transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease 0s;}
				.multiple-templates[data-template="processing"] .template-item[data-label="processing"] { visibility: visible; opacity:1; margin-top:0; pointer-events:all; transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease 0s;}
				.multiple-templates[data-template="succeeded"]  .template-item[data-label="succeeded"]  { visibility: visible; opacity:1; margin-top:0; pointer-events:all; transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease 0s;}
				.multiple-templates[data-template="failed"]     .template-item[data-label="failed"]     { visibility: visible; opacity:1; margin-top:0; pointer-events:all; transition:opacity .6s ease, margin-top 0.6s ease, visibility 0s ease 0s;}

				@media screen and (min-width: 580px) and (max-width: 699px) { .multiple-templates[data-template="form"] .template-item { margin-bottom:80px; } }
				@media screen and (min-width: 310px) and (max-width: 579px) { .multiple-templates[data-template="form"] .template-item { margin-bottom:80px; } }

				.multiple-templates[data-template="processing"] h3,
				.multiple-templates[data-template="succeeded"] h3,
				.multiple-templates[data-template="failed"] h3 { 
					text-wrap:none;
					margin-bottom: 10px;
				}

				.multiple-templates[data-template="form"]       .template-item[data-label="form"]       h3 i:before { content:""; }
				.multiple-templates[data-template="processing"] .template-item[data-label="processing"] h3 i:before {content: "\e963";}
				.multiple-templates[data-template="succeeded"]  .template-item[data-label="succeeded"]  h3 i:before { content:"\e92e"; }
				.multiple-templates[data-template="failed"]     .template-item[data-label="failed"]     h3 i:before { content:"\e937"; }

				.multiple-templates .template-item h3 i {
					display: block;
					width:          20px;
					height:         20px;
					font-size:      20px;
					line-height:    20px;
					margin-bottom: -20px;
				}
				.multiple-templates[data-template="processing"] .template-item[data-label="processing"] h3 i:before {
					display: block;
					width:       inherit;
					height:      inherit;
					font-size:   inherit;
					line-height: inherit;
					animation: processing 1s infinite;
					animation-timing-function:linear;
				}
				@keyframes processing {
					from { transform:rotate(0deg); }
					to   { transform:rotate(360deg); }
				}
				.multiple-templates .template-item h3 em {
					display: block;
					position: relative;
					margin: 0 0 0 25px;
				}

				/* ERROR MESSAGES */
				.multiple-templates[data-template="form"] .template-item[data-label="form"] .error-message { color:#D40000; }
				.multiple-templates[data-template="form"] .template-item[data-label="form"]                                .error-message { display: none; }
				.multiple-templates[data-template="form"] .template-item[data-label="form"] #registrarion-form[data-errors="1"] .error-message { display: block; }
				.multiple-templates[data-template="form"] .template-item[data-label="form"] .error-message i { display: inline-block; position: relative; width: 30px; height: 30px; margin-bottom: -30px; font-size: 30px; line-height: 30px; }
				.multiple-templates[data-template="form"] .template-item[data-label="form"] .error-message em { display: inline-block; margin-left: 10px; font-size: 1.6rem; line-height: 30px; font-style: italic; }
				.multiple-templates[data-template="form"] .template-item[data-label="form"] .error-message i:before { content:"\e910";}
		
		
		

	
	/* state */

		html[data-popup="map"         ] footer .top-of-page-button,
		html[data-popup="street-view" ] footer .top-of-page-button,
		html[data-popup="virtual-tour"] footer .top-of-page-button,
		html[data-popup="floor-plan"  ] footer .top-of-page-button { display: none; }
	


	/* layers */

		.basic-informations                    { z-index:100; }
		.basic-informations figcaption         { z-index:110; }
		.basic-informations .property-keywords {z-index: 310;}
		.basic-informations ul.gallery-buttons { z-index:200; }
		.additional-informations               {z-index: 100;}
		main .next-page-button                 { z-index:250; }
		footer .top-of-page-button             { z-index:1000; }




	/* testing */
	
