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

:root {
	--base_color:       #fe5457;
	--steel:            #4e7191;
	--green:            #52B1B1;
	--steel_dark:       #405366;
	--steel_light:      #b6c5d4;
	--steel_extralight: #D2DAE1;
	--highlight:        #387CC4;
	--highlight_dim:    #F3F5F8;
	--inline_link:      #bf0000;
	--cookie_icon_size: 100px;
	--navigation_icon_size:  40px;
	--navigation_icon_space: 20px;
}
html[lang="en"] {
}
html[lang="ar"] {
	--steel:            #BE9E44;
	--steel_dark:       #BB9425;
	--steel_light:      #E3C263;
	--steel_extralight: #ECDFB9;
	--highlight:        #CD9E16;
	--highlight_dim:    #F1D699;
	--inline_link:      #bf0000;
}

	html,body {margin:0;padding:0;font-size:14px;line-height:20px;}
	html {-moz-user-select:none;-ms-user-select:none;-o-user-select:none;background-color:#DDDDDD;}
	body {background-color:#FFFFFF;color:#333333;}
	
	html[lang="en"] p { direction: ltr; }
	html[lang="ar"] p { direction: rtl; }
	
	
	html {
		min-height:100vh;
		overscroll-behavior:contain;
		margin:0;padding:0;
		overflow:hidden;
		overflow-y:auto;
		overflow-y:auto;
		
		user-select: none;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		-o-user-select:none;
	}
	body {
		width:100vw;
		min-height: 100vh;
		overflow-x:hidden;
		overflow-y:visible;
		position: relative;
	}
	XXXdiv { overflow: scroll; }
	
	div,figure,ul,li{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;}
	li{list-style:none;}
	div,span,figure,h1,h2,h3,h4,h5,h6,p,i {background-position:center center;background-repeat:no-repeat;background-size:contain;margin:0;padding:0;}
	h1,h2,h3,h4,h5,h6 {font-family:NunitoSans;font-weight:400;text-align:left;font-size:2rem;line-height:1.2;margin-block-start:0;margin-block-end:0;}
	h1,h2,h3,h4,h5,h6{
		font-feature-settings: "liga" on;
		text-rendering: optimizeLegibility;
		letter-spacing: normal!important; /* FIX LIGATURES IN HEADINGS */
		font-variant-ligatures: common-ligatures;
	}
	h1.fancy,h2.fancy,h3.fancy,h4.fancy,h5.fancy,h6.fancy {font-family:Prata;}
	
	p,ul,ol,a,input,textarea,select,em {font-family:NunitoSans;font-weight:300;font-style:normal;}
	html[lang="en"] h1,h2,h3,h4,h5,h6, p,ul,ol,a,input,textarea,select,em { text-align: start; }
	html[lang="ar"] h1,h2,h3,h4,h5,h6, p,ul,ol,a,input,textarea,select,em { text-align: start; }
	
	li {list-style: none;}
	img {border:none;}
	ul li, a {font-family:inherit;color:inherit;}
	i,em {font-style:normal;}
	p b {color:inherit;}
	em b {color:inherit!important;}
	a {text-decoration: none;}
	small,big {display:block;width:100%;}
	small {height:25px;}
	big {height:50px;}
	form { margin:0;padding:0;}
	
	p.bigger  { font-size:1.25rem; line-height:1.2; margin-bottom:5px; }
	p.biggest { font-size:2.0rem;  line-height:1.2; margin-bottom:10px; }
	
	html body::-webkit-scrollbar {
		display: none;
	}
	XXXhtml body::-webkit-scrollbar {
		background-color: rgba(0,0,0,0);
		border-radius: 15px;
	}
	XXXhtml body::-webkit-scrollbar-thumb {
		background-color:rgba(255,255,255,0.5);
		background-color:rgba(0,0,0,0.25);
		border-radius: 15px;
		border: 5px solid var(--brand_color);
	}
	.columns {
		display: flex;
	}
	.columns .column {
		flex-direction: row;
	}
	.columns .column:nth-child(1) { XXXbackground-color: antiquewhite; }
	.columns .column:nth-child(2) { XXXbackground-color:thistle;}
	.columns .column:nth-child(3) { XXXbackground-color:skyblue;}
	
	
	.columns[data-split="1-4"] {}
	.columns[data-split="1-4"] .column:nth-child(1) { width:20%; }
	.columns[data-split="1-4"] .column:nth-child(2) { width:80%; }
	
	/* desktop */	@media screen and (min-width:960px){
	}
	/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
		.columns { display: block; }
		.columns .column { display: block; width: 100%!important;  }
	}
	/* mobile */	@media screen and (min-width:550px) and (max-width:699px){
		.columns { display: block; }
		.columns .column { display: block; width: 100%!important;  }
	}
	/* narrow mobile */	@media screen and (max-width:549px){
		.columns { display: block; }
		.columns .column { display: block; width: 100%!important;  }
	}

	
	
	
	a.own-link { font-family:NunitoSans; font-weight:600; color:var(--highlight); display: inline-block; }
	a.foreign-link { font-weight: bold; color:#153572; }
	.body p.bold { font-weight: bold; }
	.page { position: relative; left: 50%; transform: translateX(-50%); }
	.asterisk {  font-family: NunitoSans; font-weight:400; }
	.important { color:var(--base_color)!important; }
	.highlight { color:var(--highlight); }

	
	/* nonbreaking spaces (before and after) */
	.spb { white-space: nowrap; display: inline; margin-left:0.15em; }
	.spa { white-space: nowrap; display: inline; margin-right:0.15em; }
	/* allowing article to keep with next word (a, az) */
	.article { white-space: nowrap;}
	/* avoid break between words */
	.wab { white-space: nowrap;}
	/* optional break between words */
	.wob { white-space: normal; display: table; }
	
	/* inline text styles */
	.inline-link-ref { color: var(--inline_link); }
	.inline-link-button { background-color:var(--steel_light);color:#FFF; display:inline-block;border-radius:15px;padding:0 10px;font-size:0.8em;line-height:1.4em;font-weight:bolder; }
	
	/* columns */
	.zero-gaps { margin:0;padding:0;font-size:0;line-height:0; }
	.zero-gaps a { font-size:1.2rem;line-height:1.2; }


		.mirror {
			position: relative;
			left: 50%;
			transform: translateX(-50%);
			overflow: visible;
		}
		header .mirror {}
		@media screen and (min-width:1440px)                        { header .mirror { width: 1200px; }}
		@media screen and (min-width:1240px) and (max-width:1439px) { header .mirror { width: 1100px; }}
		@media screen and (min-width:1040px) and (max-width:1239px) { header .mirror { width: 1000px;}}
		@media screen and (min-width: 960px) and (max-width:1039px) { header .mirror { width:  900px; }}
		@media screen and (min-width: 860px) and (max-width: 959px) { header .mirror { width:  800px; }}
		@media screen and (min-width: 700px) and (max-width: 859px) { header .mirror { width:  680px; }}
		@media screen and (min-width: 580px) and (max-width: 699px) { header .mirror { width:  560px; width: calc(100% - 60px); }}
		@media screen and (min-width: 310px) and (max-width: 579px) { header .mirror { width:  310px; width: calc(100% - 30px); }}

		main .mirror {}
		@media screen and (min-width:1440px)                        { main .mirror { width: 1200px; }}
		@media screen and (min-width:1240px) and (max-width:1439px) { main .mirror { width: 1100px; }}
		@media screen and (min-width:1040px) and (max-width:1239px) { main .mirror { width: 1000px;}}
		@media screen and (min-width: 960px) and (max-width:1039px) { main .mirror { width:  900px; }}
		@media screen and (min-width: 860px) and (max-width: 959px) { main .mirror { width:  800px; }}
		@media screen and (min-width: 700px) and (max-width: 859px) { main .mirror { width:  680px; }}
		@media screen and (min-width: 580px) and (max-width: 699px) { main .mirror { width:  560px; width: calc(100% - 60px); }}
		@media screen and (min-width: 310px) and (max-width: 579px) { main .mirror { width:  310px; width: calc(100% - 30px); }}

		footer .mirror {}
		@media screen and (min-width:1440px)                        { footer .mirror { width: 1200px; }}
		@media screen and (min-width:1240px) and (max-width:1439px) { footer .mirror { width: 1100px; }}
		@media screen and (min-width:1040px) and (max-width:1239px) { footer .mirror {width: 1000px;}}
		@media screen and (min-width: 960px) and (max-width:1039px) { footer .mirror { width:  900px; }}
		@media screen and (min-width: 860px) and (max-width: 959px) { footer .mirror { width:  800px; }}
		@media screen and (min-width: 700px) and (max-width: 859px) { footer .mirror { width:  680px; }}
		@media screen and (min-width: 580px) and (max-width: 699px) { footer .mirror { width:  560px; width: calc(100% - 60px); }}
		@media screen and (min-width: 310px) and (max-width: 579px) { footer .mirror { width:  310px; width: calc(100% - 30px); }}
		
		.cc-container .mirror {
			width: auto!important;
		}



	/* 						*/
	/* 						*/
	/* SHARED STYLES 		*/
	/* 						*/
	/* 						*/
	
		main {
			padding-top: 0px;
			padding-bottom: 0px;
		}
		html[lang="ar"] main {
			background-image: url("../../images/creative/ar/1.png");
			background-repeat: repeat;
			background-size: 80px;
		}
		
		main h1 {
			font-family: Prata;
			font-size: 4rem;
			line-height: 1.0;
			color: var(--steel);
			text-align: left;
			margin-bottom: 50px;
		}

		main h2 {
			margin-top: 30px;
			margin-bottom: 10px;
			margin: 0;
			color: var(--steel);
		}
		main h1 ~ div.columns {
			
		}
	
	
		a.close-button,
		a.back-button {
			display: block;
			position: relative;
			z-index: 100;
			width:          24px;
			height:         24px;
			border-radius:  24px;
			margin-bottom: -24px;
			top: 10px;
			background-color: transparent;
			color: var(--steel_dark);
			color: black;
			text-decoration: none;
			transition: all 0.3s ease;
		}
		a.close-button { float: right; right:10px; }
		a.back-button  { float: left;  left: 10px; }
		a.close-button:hover,
		a.back-button:hover { background-color: white; }
		a.close-button i,
		a.back-button i{
			display: block;
			font-size:   24px;
			line-height: 24px;
			text-align: center;
		}
		a.close-button i:before { content:"\e928"; }
		a.back-button  i:before { content:"\e932"; }
		
		body {
			overflow-x: hidden;
		}
		
	/* 						*/
	/* 						*/
	/* BASE STYLES 			*/
	/* 						*/
	/* 						*/

		/* header */
		
			.header-background {
				XXbackground-color: rgba(255,255,255,0.9);
				background-color: white;
				XXbackdrop-filter:blur(5px);
				XX-webkit-backdrop-filter:blur(5px);
				box-shadow: 0 1px 0 1px rgb(210 218 225 / 50%);
			}
			.tpl-property .header-background {
				box-shadow: none;
			}
			
			.logo a span[data-type="positive"] {opacity: 1;visibility: visible;}
			.logo a span[data-type="negative"] { opacity: 0; }
			.logo a span[data-type="white"   ] {opacity: 0;}
			.menu-placeholder {height: 100px;}
			XXhtml main { padding-top: 50px; }
			
			/* desktop */	@media screen and (min-width:960px)                      {
				.tpl-startpage  .menu-placeholder {height: 140px;}
				.tpl-properties .menu-placeholder {height: 160px;} 
			}
			/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
				.tpl-startpage  .menu-placeholder {height: 140px;}
				.tpl-properties .menu-placeholder {height: 160px;} 
			}
			/* mobile */	@media screen and (min-width:550px) and (max-width:699px){
				.tpl-startpage  .menu-placeholder {height: 140px;}
				.tpl-properties .menu-placeholder {height: 200px;} 
			}
			/* narrow mobile */	@media screen and (max-width:549px)                  {
				.tpl-startpage  .menu-placeholder {height: 170px;}
				.tpl-properties .menu-placeholder {height: 200px;} 
			}
			
		
		/* base layers */
		
			header                                 { z-index:300; }
			main                                   { z-index:100; }
			footer                                 {z-index: 110;z-index: 290;}
		
	

	/* 						*/
	/* 						*/
	/* BASE SIZES 			*/
	/* 						*/
	/* 						*/
	
		header { min-height: 100px; }
		main   {min-height: calc(100vh - 0px - 310px);}
		footer {min-height: 340px;}
	

	/* 						*/
	/* 						*/
	/*	HEADER				*/
	/* 						*/
	/* 						*/
	
	header {}
		
		@media screen /* and inside header */ {
			
			header {
				position: fixed;
				top: 0; left: 0;
				width: 100%; 
				pointer-events: none;
			}
			.header-background {
				position: fixed;
				top: 0; left: 0;
				width:  100vw;
				height: 100px;
				z-index: 190;
			}
			
			/*				*/
			/* menus 		*/
			/*				*/
			
				/* logo */
				
					header .logo {
						display: block;
						position: fixed;
						left:         50%;
						top: 20px;
						width: 200px;
						margin-left: -100px;
						height:       50px;
						transform: translateX(-0%);
						overflow:hidden;
						text-indent: -1000em;
						pointer-events: all;
						z-index: 500;
					}
					header .logo a {
						display: block;
						position: relative;
						width:  inherit;
						height: inherit;
					}
					header .logo a span {
						display: block;
						position: absolute;
						inset:0;
						background-repeat: no-repeat;
						background-size: contain;
						background-position: center;
						visibility: hidden;
						opacity: 0;
						pointer-events: none;
					}
					header .logo a span[data-type="negative"] { background-image: url(../../images/logo/g-estates-full-logo-horizontal-negative.png); }
					header .logo a span[data-type="positive"] { background-image: url(../../images/logo/g-estates-full-logo-horizontal-positive.png); }
					header .logo a span[data-type="white"   ] { background-image: url(../../images/logo/g-estates-full-logo-horizontal-white.png); }
					XXhtml[data-logo="negative"] header .logo a span[data-type="negative"] { display: block; }
					XXhtml[data-logo="positive"] header .logo a span[data-type="positive"] { display: block; }
					
					html[lang="ar"] header .logo a span[data-type="negative"] { background-image: url(../../images/logo/ar/g-estates-full-logo-horizontal-negative.png); }
					html[lang="ar"] header .logo a span[data-type="positive"] { background-image: url(../../images/logo/ar/g-estates-full-logo-horizontal-positive.png); }
					html[lang="ar"] header .logo a span[data-type="white"   ] { background-image: url(../../images/logo/ar/g-estates-full-logo-horizontal-white.png); }
			
				/* shared */
				
					header nav ul.menu li[data-label="home"     ] a i:before { content:"\e947"; font-size: 1.5em; }
					header nav ul.menu li[data-label="finders"  ] a i:before {}
					header nav ul.menu li[data-label="about-us" ] a i:before {}
					header nav ul.menu li[data-label="blog"     ] a i:before {}
					header nav ul.menu li[data-label="contact"  ] a i:before {}

					html[data-menu="1"] { overflow: hidden; }

				
				
				/* desktop */
				
					header nav[data-devices="desktop"] {
						display: inline-block;
						position: relative;
						z-index: 200;
						pointer-events: all;
						width: calc(50% - 150px);
						outline: 0px solid red;
					}
					header nav[data-devices="desktop"].global {
						left: 50%;
						transform:translateX( calc(-100% - 130px) );
					}
					header nav[data-devices="desktop"].local {
						left: calc(50% + 0px);
						transform: translateX( calc(-100% + 125px) );
						text-align: right;
					}
					header nav[data-devices="desktop"] ul.menu {
						text-transform: uppercase;
						letter-spacing: 2px;
						font-size: 0.8rem;
						margin-top: 30px;
					}
					html[lang="ar"] header nav[data-devices="desktop"] ul.menu { font-size: 1rem; }
					header nav[data-devices="desktop"].global ul.menu { text-align:left; }
					header nav[data-devices="desktop"].local  ul.menu { text-align:right; }
					header nav[data-devices="desktop"] ul.menu li {
						display: inline-block;
						vertical-align: top;
						margin-right: 0px;
						text-shadow: 0 0 1px white;
					}
					header nav[data-devices="desktop"] ul.menu li a {
						display: inline-block;
						position: relative;
						border-radius: 15px;
						padding: 5px 12px;
						margin: 0 -3px 0 -3px;
						text-decoration: none;
						transition: background 0.5s ease, color 0.5s ease;
					}
					header nav[data-devices="desktop"] ul.menu li a       { background-color: rgba(255,255,255,0.00); color: var(--steel); }
					header nav[data-devices="desktop"] ul.menu li a:hover { background-color: var(--steel);           color: white; }
					
					/* desktop wide   */	@media screen and (min-width:960px)                      { }
					/* desktop normal */	@media screen and (min-width:700px) and (max-width:959px){ header nav[data-devices="desktop"] ul.menu li a { padding-inline:0; } }
					/* desktop narrow */	@media screen and (min-width:550px) and (max-width:699px){ }
					

				
				
				/* tablet */
				
					header nav[data-devices="tablet"] {
						position: fixed;
						z-index: 10;
						display: block;
						position: relative;
						z-index: 400;
						pointer-events: all;
						width: calc(50% - 150px);
						outline: 1px solid red;
						outline: none;
					}
					header nav[data-devices="tablet"].global {
					}
					header nav[data-devices="tablet"] a.toggle-menu,
					header nav[data-devices="tablet"] a.hide-menu {
						display: block;
						position: fixed;
						z-index: 300;
						width:  40px;
						height: 40px;
						border-radius: 30px;
						left: 15px;
						top: 25px;
						background-color: transparent;
						color: var(--steel);
						color: white;
						text-shadow: 0 0 1px var(--steel),0 0 1px var(--steel),0 0 1px var(--steel),0 0 1px var(--steel);
						text-align: center;
						cursor: pointer;
					}
					header nav[data-devices="tablet"] a.toggle-menu i,
					header nav[data-devices="tablet"] a.hide-menu i {
						display: block;
						font-size:   40px;
						line-height: 40px;
					}
					header nav[data-devices="tablet"] a.toggle-menu i:before { content:"\e94c";	}
					header nav[data-devices="tablet"] a.hide-menu   i:before { content:"\e952";	}
					html[data-menu="1"] header nav[data-devices="tablet"] a.toggle-menu { display:none; }
					html[data-menu="0"] header nav[data-devices="tablet"] a.hide-menu   { display:none; }
					
					header nav[data-devices="tablet"] .menu-wrapper {
						position: fixed;
						z-index: 100;
						background-color: var(--steel);
						color: white;
						padding: 50px;
						overflow: hidden;
						opacity: .5;
						padding-top: 100px;
						width: 100vw;
						height: calc(100vh - 100px);
						transition: max-height .5s ease, opacity 0.25s ease;
					}
					html[data-menu="0"] header nav[data-devices="tablet"] .menu-wrapper { max-height:0px;   opacity: 0; pointer-events: none; }
					html[data-menu="1"] header nav[data-devices="tablet"] .menu-wrapper { max-height:100vh; opacity: 1; pointer-events: all; }
					header nav[data-devices="tablet"] ul.menu li {
						font-size: 1.5rem;
						line-height: 1.5;
					}
					header nav[data-devices="tablet"] ul.menu li a {
						display: inline-block;
						position: relative;
						border-radius: 15px;
						padding: 5px 15px;
						margin: 0 -3px 0 -3px;
						text-decoration: none;
						transition: background 0.5s ease, color 0.5s ease;
					}
					header nav[data-devices="tablet"] ul.menu li a       { color: white; }
					header nav[data-devices="tablet"] ul.menu li a:hover { color: white; }
					
				/* mobile */
				
					header nav[data-devices="mobile"] {
						position: fixed;
						z-index: 10;
						display: block;
						position: relative;
						z-index: 400;
						pointer-events: all;
						width: calc(50% - 150px);
					}
					header nav[data-devices="mobile"].global {
					}
					header nav[data-devices="mobile"] a.toggle-menu,
					header nav[data-devices="mobile"] a.hide-menu {
						display: block;
						position: fixed;
						z-index: 300;
						width:  40px;
						height: 40px;
						border-radius: 30px;
						left: 15px;
						top: 25px;
						background-color: transparent;
						color: var(--steel);
						color: white;
						text-shadow: 0 0 1px var(--steel),0 0 1px var(--steel),0 0 1px var(--steel),0 0 1px var(--steel);
						text-align: center;
						cursor: pointer;
					}
					header nav[data-devices="mobile"] a.toggle-menu i,
					header nav[data-devices="mobile"] a.hide-menu i {
						display: block;
						font-size:   40px;
						line-height: 40px;
					}
					header nav[data-devices="mobile"] a.toggle-menu i:before { content:"\e94c";	}
					header nav[data-devices="mobile"] a.hide-menu   i:before { content:"\e952";	}
					html[data-menu="1"] header nav[data-devices="mobile"] a.toggle-menu { display:none; }
					html[data-menu="0"] header nav[data-devices="mobile"] a.hide-menu   { display:none; }
					
					header nav[data-devices="mobile"] .menu-wrapper {
						position: fixed;
						z-index: 200;
						background-color: var(--steel);
						color: white;
						overflow: hidden;
						top: 0px;
						width: 100vw;
						height: calc(100vh - 0px);
						padding: 0 0 0 50px;
					}
					html[data-menu="0"] header nav[data-devices="mobile"] .menu-wrapper { max-height:0px;   opacity: 0; pointer-events: none; padding-top:  0px; transition: max-height .15s ease, padding 0.3s ease, opacity 0.3s ease; }
					html[data-menu="1"] header nav[data-devices="mobile"] .menu-wrapper { max-height:100vh; opacity: 1; pointer-events: all;  padding-top:150px; transition: max-height .30s ease, padding 0.3s ease, opacity 0.9s ease; }
					header nav[data-devices="mobile"] ul.menu li {
						font-size: 1.5rem;
						line-height: 1.5;
					}
					html[data-menu="1"] header .logo a span[data-type="positive"] { opacity:0; visibility:hidden; }
					html[data-menu="1"] header .logo a span[data-type="negative"] { opacity:1; visibility:visible; }
					html[data-menu="1"] header .logo a span[data-type="white"]    { opacity:0; visibility:hidden; }
					
					header nav[data-devices="mobile"] ul.menu li a {
						display: inline-block;
						position: relative;
						border-radius: 15px;
						padding: 5px 15px;
						margin: 0 -3px 0 -3px;
						text-decoration: none;
						transition: background 0.5s ease, color 0.5s ease;
					}
					header nav[data-devices="mobile"] ul.menu li a       { color: white; }
					header nav[data-devices="mobile"] ul.menu li a:hover { color: white; }
					
					
			/* responsives */

				/* desktop */	@media screen and (min-width:960px){
					nav[data-devices*="tablet"] { display: none!important; }
					nav[data-devices*="mobile"] { display: none!important; }
				}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
					nav[data-devices*="desktop"] { display: none!important; }
					nav[data-devices*="mobile"]  { display: none!important; }
				}
				/* mobile */	@media screen and (max-width:699px){
					nav[data-devices*="desktop"] { display: none!important; }
					nav[data-devices*="tablet"]  { display: none!important; }
					header nav ul.menu li[data-label="home"     ] { position: fixed; top:23px; left: 40px; display: none;}
				}

					
				
				
				
			
			/* state */
				
				/* moved to stylesheets of pages */
				/*
				html[data-screen="0"] nav ul.menu li a       { background-color: rgba(255,255,255,0.00); color: var(--steel_light); }
				html[data-screen="0"] nav ul.menu li a:hover { background-color: white;                  color: var(--steel); }
				html[data-screen="1"] nav ul.menu li a       { background-color: rgba(255,255,255,0.00); color: var(--steel); }
				html[data-screen="1"] nav 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; }
				*/
		}


	/* 						*/
	/* 						*/
	/*	MAIN CONTENT		*/
	/* 						*/
	/* 						*/

	main {}
		
		@media screen /* and inside main */ {
		
			/* block styles */
			
				.framed {
					margin: 15px 0;
					border: 1px solid var(--steel_light);
					border-radius: 5px;
					background-color: #f2f5f9;
				}
				.framed .inset {
					margin: 25px;
				}
				
				div.bigger {
					padding-block:25px;
				}
				div.bigger p {
					font-size: 1.2rem;
					line-height:1.5;
				}
			
			
			
			/* top of page button */
			
				footer .top-of-page-button {
					position: fixed;
					z-index: 1000;
					right: var(--navigation_icon_space);
					bottom:var(--navigation_icon_space);
					/*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);
					background-color: rgba(0,0,0,0.1);
				}
				footer .top-of-page-button a {
					display: block;
					width: inherit;
					height: inherit;
					font-size: inherit;
					line-height: inherit;
					color: white;
					text-align: center;
				}
				footer .top-of-page-button a i {}
				footer .top-of-page-button a i:before { content:"\e930"; }
				
				
				html[data-popup="google-map"] footer .top-of-page-button { display: none; }
				


			
			
			
			
			
			
			
			
			
			/* animations */
			
				header {
				}



		}

	/* 						*/
	/* 						*/
	/*	FOOTER				*/
	/* 						*/
	/* 						*/
	
	footer {
	}
	/*@media screen and min(0px) and max(310px) {}*/
		
		@media screen /* and inside footer */ {
		
		
			/* Actions */
			
			
				/**** DISABLED ****/
				
				.block[data-content="actions"] { display: none; }
			
				html[data-screen="0"] .block[data-content="actions"] { opacity: 0; pointer-events: none; }
				html[data-screen="1"] .block[data-content="actions"] { opacity: 1; pointer-events: all; }
				
				.block[data-content="actions"] {
					position: fixed;
					right: 20px;
					bottom: 70px;
					Xtransform:translateY(-100%);
					z-index: 300;
					transition: opacity 0.5s ease;
				}
				.block[data-content="actions"] > ul {
					font-size: 2.0rem;
				}
				.block[data-content="actions"] > ul > li {
					display: block;
					width: 30px;
					height: 30px;
					background-color: rgba(0,0,0,0.1);
					color: white;
					padding: 5px;
					margin-top: 10px;
					transition: background-color .3s ease;
				}
				.block[data-content="actions"] > ul > li:hover {
					background-color: var(--steel);
				}
				.block[data-content="actions"] > ul > li i {
					display: block;
					height: inherit;
					text-align: center;
				}
				.block[data-content="actions"][data-sharers="0"] .sharers { display: none; }
				.block[data-content="actions"][data-sharers="1"] .sharers { display: block; }
				
				.block[data-content="actions"] > ul > li[data-kind="share"] {}
				.block[data-content="actions"] > ul > li[data-kind="favourite"] {}
				.block[data-content="actions"] > ul > li[data-kind="print"] {}

				.block[data-content="actions"] > ul > li[data-kind="share"    ] i:before { content:"\e934"; }
				.block[data-content="actions"] > ul > li[data-kind="favourite"] i:before { content:"\e913"; }
				.block[data-content="actions"] > ul > li[data-kind="print"    ] i:before { content:"\e901"; }
				
				.block[data-content="actions"] > ul > li[data-kind="share"    ] .sharers > ul > li[data-kind="facebook"] { display:block; }
				.block[data-content="actions"] > ul > li[data-kind="share"    ] .sharers > ul > li[data-kind="twitter" ] { display:block; }
				.block[data-content="actions"] > ul > li[data-kind="share"    ] .sharers > ul > li[data-kind="google"  ] { display:none; }
				.block[data-content="actions"] > ul > li[data-kind="share"    ] .sharers > ul > li[data-kind="email"   ] { display:block; }
				
				.block[data-content="actions"] > ul > li[data-kind="share"    ] .sharers > ul > li[data-kind="facebook"] i:before { content:"\e915"; }
				.block[data-content="actions"] > ul > li[data-kind="share"    ] .sharers > ul > li[data-kind="twitter" ] i:before { content:"\e919"; }
				.block[data-content="actions"] > ul > li[data-kind="share"    ] .sharers > ul > li[data-kind="google"  ] i:before { content:""; }
				.block[data-content="actions"] > ul > li[data-kind="share"    ] .sharers > ul > li[data-kind="email"   ] i:before { content:"\e911"; }
				
		
			/* Popup */
			
				.popups {
					position: fixed;
					left: 0px; 
					top:  0px;
					z-index: 200;
					overflow: hidden;
				}
				.popups .dim {
					position: fixed;
					width: 100%;
					height: 33vh;
					pointer-events: none;
					background: linear-gradient(0deg, transparent, #4e719188);
					display: none;
				}
				.popups .dim:before {
					display: block;
					content:"";
					width: inherit;
					height: 100px;
					/* backdrop-filter: blur(5px); */
					z-index: -1;
					background: linear-gradient(0deg, #4e719100, #4e7191FF);
					mix-blend-mode: multiply;
				}
				.popups .buttons {
					position: fixed;
					left: 25px;
					top: 25px;
				}
				.popups .buttons a {
					display: block;
				}
				.popups .buttons a i {
					display: inline-block;
					vertical-align: middle;
					font-size:     40px;
					line-height:   40px;
					width:         40px;
					height:        40px;
					border-radius: 40px;
					border:2px solid white;
					color: white;
					box-shadow: 0 0 15px 0 rgba(0,0,0,0.15), inset 0 0 15px 0 rgba(0,0,0,0.15);
				}
				.popups .buttons a i:before { content:"\e928"; }
				.popups .buttons a em {
					display: inline-block;
					vertical-align: middle;
					font-size: 20px;
					line-height: 40px;
					color: white;
					padding-left: 10px;
				}
				.popups .buttons a em:before {
					content:"close";
				}
				.popups .buttons a:hover i {
					background-color: white;
					color: var(--steel);
				}
				.popups .popup {
					width:  calc(100vw - 0px);
					height: calc(100vh - 0px);
				}
				.popups .popup iframe {
					width: 100%;
					height: 100%;
					border:none;
				}
				.popups .popup {
					display: none; 
				}
				html[data-popup="google-map"  ] .popups .popup[data-label="google-map"  ] { display:block; background-color: white; }
				html[data-popup="street-view" ] .popups .popup[data-label="street-view" ] { display:block; background-color: white; }
				html[data-popup="virtual-tour"] .popups .popup[data-label="virtual-tour"] { display:block; background-color: white; }
				html[data-popup="floor-plan"  ] .popups .popup[data-label="floor-plan"  ] { display:block; background-color: white; position: absolute;}

				html[data-popup="google-map"  ],
				html[data-popup="street-view" ],
				html[data-popup="virtual-tour"],
				html[data-popup="floor-plan"  ] {
					overflow: hidden;
					pointer-events: Xnone;
				}
				.popups .buttons {
					opacity: 0;
					visibility: hidden;
					pointer-events: none;
				}
				html[data-popup="google-map"  ] .popups .dim,
				html[data-popup="street-view" ] .popups .dim,
				html[data-popup="virtual-tour"] .popups .dim,
				html[data-popup="floor-plan"  ] .popups .dim {
					display: block;
				}
				html[data-popup="google-map"  ] .popups .buttons,
				html[data-popup="street-view" ] .popups .buttons,
				html[data-popup="virtual-tour"] .popups .buttons,
				html[data-popup="floor-plan"  ] .popups .buttons {
					opacity: 1;
					visibility: visible;
					pointer-events: all;
				}
				html[data-popup="google-map"  ] header .logo,
				html[data-popup="street-view" ] header .logo,
				html[data-popup="virtual-tour"] header .logo,
				html[data-popup="floor-plan"  ] header .logo {
					margin-left: 0;
					transform: translateX(-50%);
					width: 250px;
					height: 80px;
				}
				html[data-popup="google-map"  ] .header-background,
				html[data-popup="street-view" ] .header-background,
				html[data-popup="virtual-tour"] .header-background,
				html[data-popup="floor-plan"  ] .header-background {
					display: none;
				}
				html[data-popup="google-map"  ] .logo a span,
				html[data-popup="street-view" ] .logo a span,
				html[data-popup="virtual-tour"] .logo a span,
				html[data-popup="floor-plan"  ] .logo a span {
					opacity: 0!important;
					visibility: hidden!important;
				}
				html[data-popup="google-map"  ] .logo a span[data-type="white"],
				html[data-popup="street-view" ] .logo a span[data-type="white"],
				html[data-popup="virtual-tour"] .logo a span[data-type="white"],
				html[data-popup="floor-plan"  ] .logo a span[data-type="white"] {
					opacity: 1!important;
					visibility: visible!important;
				}
				


			/* Cookie consent */
		
				.cc-container {
					position: fixed;
					inset:0;
					height:100vh;
				}
				.cc-container a.cc-cover {
					display: block;
					inset:0;
					position: fixed;
					background-color: var(--steel_dark);
					opacity: 0.8;
					cursor: default;
				}
				.cc-container a.cc-cover i {}
				.cc-container a.cc-cover em {}
				.cc-box {
					box-sizing: content-box;
					position: fixed;
					left:   25px;
					bottom: 25px;
					width: 400px;
					background-color: var(--steel_light);
					background-color: var(--steel_extralight);
					border-radius: 8px;
					box-shadow:1px 5px 15px 0 rgba(0,0,0,0.5);
					box-shadow: 0 0 55px 0 rgba(0,0,0,0.330), inset 0 200px 200px 0 var(--steel_light);
				}
				.cc-box a.cc-minimize {}
				.cc-box a.cc-minimize i {}
				.cc-box a.cc-minimize em {}
				.cc-box .mirror {padding: 0 0px 0 0;}
				.cc-box .creative {
					display: block;
					position: relative;
					background-color: #EEE;
					background-color: transparent;
					width:  auto;
					height: var(--cookie_icon_size);
					aspect-ratio: 1.5 / 1;
					margin-bottom: calc(-1 * var(--cookie_icon_size));
					left: calc(50% - var(--cookie_icon_size) / 1.28);
					top: -50px;
					z-index: 4;
					animation-name: levitating_cookie;
					animation-timing-function: ease-in-out;
					animation-duration: 2s;
					animation-iteration-count: infinite;
				}
				.cc-box .creative .inside {
					position: absolute;
					inset:0;
					background-image: url(../../images/icon/cookie/animation.webp);
					background-size: calc(24 * var(--cookie_icon_size)) var(--cookie_icon_size);
					background-repeat: no-repeat;
					background-position: 0 0;
					animation-name: rotating_cookie;
					animation-duration: 0.9s;
					animation-timing-function: steps(16);
					animation-iteration-count: infinite;
				}
				.cc-box .creative.shadow {
					z-index: 3;
					filter:brightness(-20%) blur(4px);
					transform:scale(0.8,0.3);
					opacity: 0.15;
					top: 100px;
					display: none;
				}
				@keyframes rotating_cookie {
					from	{ background-position:  0%; }
					to		{ background-position: calc(100% - var(--cookie_icon_size) * 1.5); }
				}
				@keyframes levitating_cookie {
					0%		{ top:-50px }
					50%		{ top:-40px }
					100%	{ top:-50px }
				}
				.cc-box .spot {
					position: absolute;
					top: 0;
					z-index: 2;
					pointer-events: none;
					mix-blend-mode:overlay;
					opacity: 0.99;
					display: none;
				}
				.cc-box .spot:before {
					display: block;
					content:"";
					position: absolute;
					width: 100%; height: 100%;
					background:linear-gradient(white, rgba(255,255,255,0.1));
					box-shadow: inset 0 250px 250px 0px white;				
					clip-path: polygon(33% 0%, 66% 0%, 100% 100%, 0% 100%);
				}
				.cc-box .spot:nth-child(1) { filter:blur(20px); left:20%; right:20%; bottom:30%;}
				.cc-box .spot:nth-child(2) { filter:blur(10px); left:40%; right:40%; bottom:50%; }
				.cc-box .mirror {z-index: 1;}
				.cc-box .mirror                        .pane {
					position: relative;
					max-height: 0;
					height: auto;
					overflow: hidden;
					opacity: 0.3;
					pointer-events: none;
					transition:max-height 0.3s ease 0.0s, opacity 0.3s ease;
				}
				.cc-container[data-pane="copy"]      .pane[data-pane="copy"],
				.cc-container[data-pane="customize"] .pane[data-pane="customize"],
				.cc-container[data-pane="thankyou"]  .pane[data-pane="thankyou"] {
					max-height: calc(100vh - 250px);
					height: auto;
					opacity:1;
					pointer-events: all;
					transition:max-height 0.6s ease 0.15s, opacity 0.3s ease 0.3s;
					overflow-y: auto;
					padding: 0 35px 15px 35px;
				}
				.cc-container[data-pane="copy"]      .back-button { display: none; }
				.cc-box h3 {
					font-family: Prata;
					font-weight: normal;
					font-size: 2.8rem;
					line-height: 1.0;
					margin-bottom: 30px;
					color: var(--steel);
					color: white;
					text-wrap:balance;
					margin-top: 60px;
					text-align: center;
					text-shadow: 0 2px 2px rgba(0,0,0,0.26);
				}
				.cc-box h4 {
					display: inline-block;
					vertical-align: middle;
					width: calc(100% - 100px);
					font-weight: normal;
					font-size: 1.2rem;
					line-height: 1.0;
					margin-bottom: 10px;
					color: var(--steel);
					text-align: left;
				}
				.cookie-types {}
				.cookie-types li {
					margin-top:    10px;
					margin-bottom: 10px;
					padding-top:   10px;
					border-top:1px solid var(--steel);
				}
				.cookie-types label {
					display: block;
					float: right;
					width: auto;
					text-align:center;
					margin-top: -3px;
				}
				.cookie-types label:after { display: table; width: 100%; float: none; clear: both; content:""; }
				.cookie-types label input { position: absolute; opacity: 0; }
				.cookie-types label input ~ i {
					display: inline-block;
					width: 40px;
					height: 20px;
					border: 1px solid var(--steel);
					border: none;
					background-color: white;
					box-shadow: inset 0 0 15px 0 rgba(0,0,0,0.15);
					border-radius: 20px;
					overflow: hidden;
				}
				.cookie-types label input ~ i > em {
					display: inline-block;
					width:         18px;
					height:        18px;
					border-radius: 18px;
					margin: 1px 0 0 0;
					background-color: var(--steel);
					box-shadow: 1px 0 3px 0 rgba(0,0,0,0.2);
				}
				.cookie-types label input         ~ i em { transform:translateX(-50%); background-color: rgba(255,255,255,0.5); transition: transform 0.3s ease; }
				.cookie-types label input:checked ~ i em { transform:translateX( 50%); background-color: white; }
				.cookie-types label input         ~ i    { background-color:rgba(200,200,200,0.5); transition: background-color 0.3s ease; }
				.cookie-types label input:checked ~ i    { background-color:rgba(68,229,68,1.00); }
				.cc-box p {
					font-size: 0.8rem;
					line-height: 1.2;
					text-align: justify; 
				}
				.cc-box .cc-buttons {
					width: calc(100% + 1px);
					margin-left: 0px;
					margin-bottom: 0px;
				}
				.cc-box .cc-buttons a {
					display: inline-block;
					vertical-align: top;
					background-color:var(--steel_light);
					color:var(--steel);
					width: calc(33.333% - 1px);
					margin-right: 1px;
					font-weight:500;
					font-size: 1.0rem;
					line-height: 1.4;
					text-align: center;
					text-decoration: none;
					padding: 5px 0;
					transition: background-color 0.3s ease;

					XXXborder-bottom-right-radius: 4px;
					XXXborder-radius: 4px;
				}
				.cc-box .cc-buttons a:hover { background-color:white; }
				.cc-box .cc-buttons a i  { }
				.cc-box .cc-buttons a em { font-weight: 600; }
				.cc-box .cc-buttons a[data-label="customize"] { border-bottom-left-radius:  4px; }
				.cc-box .cc-buttons a[data-label="reject_all"] {}
				.cc-box .cc-buttons a[data-label="accept_selected"],
				.cc-box .cc-buttons a[data-label="accept_all"] { border-bottom-right-radius:  4px; }
				.cc-box .cc-buttons a[data-label="customize"] i {}
				.cc-box .cc-buttons a[data-label="reject_all"] i {}
				.cc-box .cc-buttons a[data-label="accept_selected"] i {}
				.cc-box .cc-buttons a[data-label="accept_all"] i {}
				.cc-box .cc-buttons a[data-label="accept_selected"] i {}
				.cc-box .cc-buttons a[data-label="customize"] em:before { content:"Customize"; }
				.cc-box .cc-buttons a[data-label="reject_all"] em:before { content:"Reject all"; }
				.cc-box .cc-buttons a[data-label="accept_all"] em:before { content:"Accept all"; }
				.cc-box .cc-buttons a[data-label="accept_selected"] em:before { content:"Accept selected"; }

				html[lang="ar"] .cc-box .cc-buttons a[data-label="customize"] em:before { content:"يعدل أو يكيف"; }
				html[lang="ar"] .cc-box .cc-buttons a[data-label="reject_all"] em:before { content:"رفض الكل"; }
				html[lang="ar"] .cc-box .cc-buttons a[data-label="accept_all"] em:before { content:"قبول الكل"; }
				html[lang="ar"] .cc-box .cc-buttons a[data-label="accept_selected"] em:before { content:"قبول المحدد"; }
				
				/* visibility */

					.cc-container.minimized { height: 50px; }

				/* states */

				.cc-container {
					opacity:1;
					transition: opacity .3s ease, height 0s linear 1s, visibility 0s linear 1s;
				}
				html[data-cookie_consent="0"] .cc-container {
					opacity: 0;
					pointer-events: none;
					visibility: hidden;
					height: 0;
				}
				
				/* layers */
				
				.cc-container {z-index: 2000;}
				html[data-cookie_consent="1"] header { z-index: 0; }
				
				/* responsives */
				
					/* wide desktop */	@media screen and (min-width:1220px) and (max-width:1439px){
					}
					/* wide desktop */	@media screen and (min-width:1020px) and (max-width:1219px){
					}
					/* desktop */	@media screen and (min-width:960px) and (max-width:1019px){
					}
					/* 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){ .cc-box {width: calc(100vw - 50px);} }

				
				
		
			/* Site footer */
			
				footer {
					position: relative;
				}
				footer .footer {
					padding-top: 40px;
					background-color: var(--steel_extralight);
				}
				html[lang="ar"] footer .footer {
					background-image: url("../../images/creative/ar/2.png");
					background-repeat: repeat;
					background-size: 160px;
				}
				
				/* title and copies */
				
					.footer h2 {
						font-family: Prata;
						font-size:   1.4rem;
						line-height: 1.2;
						margin-bottom: 25px;
					}
					.footer h3 {
						font-size: 1.2rem;
						line-height: 1.2;
						text-transform: uppercase;
						letter-spacing: 1.5px;
						color: var(--steel);
						margin-bottom: 20px;				
					}
					.footer p {
						font-family: NunitoSans;
						font-weight: 200;
						font-size: 0.85rem;
						line-height: 1.6;
					}
					.footer a.inline-button {
						display: inline-block;
						position: relative;
						margin-top: 7px;
						background-color: transparent;
						color: var(--steel_dark);
						padding: 5px 15px;
						margin-left: -15px;
						border-radius: 15px;
						transition: all .3s ease;
					}
					.footer a.inline-button:hover {
						background-color:var(--steel);
						color: white;
					}
					.footer .background {
						background-color: var(--steel_light);
						padding: 15px 0 15px 0;
					}
				
				/* columns */
				
					.footer .columns {
						width: 100%;
						display: flex;
						flex-flow: row;
						XXXflex-direction: column;
						align-items: stretch;
					}
					.footer .columns > .column {
						padding-right: 25px;
						align-items: flex-start;
						
						&:nth-child(1) { background-color:rgba(240,255,255,0.0); }
						&:nth-child(2) { background-color:rgba(127,255,212,0.0); }
						&:nth-child(3) { background-color:rgba(244,164, 96,0.0); }
					}
					
					/*							*/
					/* upper footer elements 	*/
					/*							*/

					.footer .columns[data-label="top"] {
					
						& > .column[data-content="about-us"  ] { margin:0 0 25px 0; padding-right: 15px; }
						& > .column[data-content="contact-us"] { flex-shrink: 0; margin:0 0 25px 0; padding-right: 15px; } 
						& > .column[data-content="newsletter"] { flex-shrink: 0; }
						& > .column[data-content="contact-us"] {}
						& > .column[data-content="contact-us"] p { margin: 5px 0; }
						& > .column[data-content="contact-us"] p i {
							display: block;
							position: relative;
							font-size:      15px;
							line-height:    20px;
							width:          20px;
							height:         20px;
							margin-bottom: -20px;
							margin-right: 10px;
							color: var(--highlight);
						}
						& > .column[data-content="contact-us"] p em {
							display: block;
							position: relative;
							margin: 0 0 0 20px;
						}
					}

					/*							*/
					/* lower footer elements 	*/
					/*							*/

					.footer .columns[data-label="bottom"] {width: 100%; flex-direction: column; justify-content: space-between; }
					.footer .columns[data-label="bottom"][data-split="1/1/1"] {flex-direction: row;padding-bottom: 25px;margin-bottom: 15px;}
					.footer .columns[data-label="bottom"][data-split="1/1/1"] > .column {/* align-items: center; */align-self: normal;}
					.footer .columns[data-label="bottom"][data-split="1/1/1"] > .column { order: 0; }
					.footer .columns[data-label="bottom"][data-split="1/1/1"] > .column:nth-child(1) { order: 1; }
					.footer .columns[data-label="bottom"][data-split="1/1/1"] > .column:nth-child(2) { order: 3; }
					.footer .columns[data-label="bottom"][data-split="1/1/1"] > .column:nth-child(3) { order: 2; flex-shrink: 0; }

					/* registered real-estate agency logo */

					.footer .column[data-content="registered"] {
						outline: 1px solid red;
						outline: none;
					}
					.footer .column[data-content="registered"] .logo[data-label="apia"] {
						width: 330px;
						height: 70px;
						position: relative;
						text-align: center;
					}
					.footer .column[data-content="registered"] .logo[data-label="apia"] i {
						display: block;
						position: relative;
						width:  100px;
						height: 65px;
						margin: 0 0 -65px 0;
						background-size: contain;
						background-repeat: no-repeat;
						background-image:url("../../images/logo/apial-logo-positive.png");
						background-image:url("../../images/logo/apial-logo-positive-1color.png");
						opacity: 0.7;
					}
					.footer .column[data-content="registered"] .logo[data-label="apia"] em {
						display: block;
						position: absolute;
						bottom: 0;
						margin: 0 0 0 120px;
						padding-right: 15px;
						text-align: left;
						white-space: pre-line;
						overflow: hidden;
						font-size: 0.8rem;
						line-height: 1.2;
					}
					.footer .column[data-content="registered"] .logo[data-label="apia"] em:before { content:"Asociacion de agentes\a de la propiedad inmobiliaria\a y agentes inmobiliarios\a de la provincia de Alicante"; }

						/* copyright */

					.footer .column[data-content="copyright"] { padding-top: 25px; }
					.footer .column[data-content="copyright"] p { text-align: left; }
					.footer .column[data-content="copyright"] p.copyright-info:before { content:"© "; }
					.footer .column[data-content="copyright"] p.agent-ref {
						display: inline-block;
						margin-top: 5px;
						border-radius: 25px;
						background-color: white;
						padding: 0 10px 0 5px;
						color: black;
						font-size: 0.9rem;
						white-space: nowrap;
					}
					.footer .column[data-content="copyright"] p.agent-ref i {
						display: block;
						position: relative;
						width: 15px;
						height: 15px;
						margin: 0 0 -15px 0;
						border-radius: 15px;
						top: 3px;
						background-color:rgba(22,200,72,1.00);
						color: white;
						text-align: center;
						font-size: 13px;
						line-height: 15px;
					} 
					.footer .column[data-content="copyright"] p.agent-ref i:before { content:"\e93d"; }
					.footer .column[data-content="copyright"] p.agent-ref em {
						display: block;
						position: relative;
						margin: 0 0 0 20px;
						font-style: normal;
					}
					.footer .column[data-content="copyright"] p.agent-ref em .number { font-family: Prata; letter-spacing: 0.5pt; }
						
						/* privacy */
						
					.footer .column[data-content="privacy"] { text-align: right; padding-top: 25px; }
					.footer .column[data-content="privacy"] .inline-button { margin-top: -15px; }

					
					
						
						
						
					
					
					
					p[data-label="address"] i:before { content:"\e907" }
					p[data-label="phone"  ] i:before { content:"\e92c" }
					p[data-label="email"  ] i:before { content:"\e911" }
				
				/* form for newsletter */
				
					.footer form {
						white-space: nowrap;
						margin: 0; padding: 0;
						font-size: 0; line-height: 0;
					}
					.footer form i.email:before { content:""; }
					.footer form input[type="email"] {
						background-color: white;
						border: none;
						box-shadow: 0 0 0 1px var(--steel_light);
						outline: none;
						width: 150px;
						margin: 0;
						padding: 10px 10px 10px 25px;
						border-top-left-radius:    25px;
						border-bottom-left-radius: 25px;
					}
					.footer form input[type="submit"] {
						background-color: var(--steel_dark);
						color: var(--steel_extralight);
						border: none;
						outline: none;
						margin: 0;
						padding: 10px 15px;
						text-align: center;
						border-top-right-radius:    25px;
						border-bottom-right-radius: 25px;
						transition: background-color .3s ease;
						cursor: pointer;
					}
					.footer form input[type="submit"]:hover {
						background-color:var(--steel);
						color: white;
					}
				
					
				/* wide desktop */	@media screen and (min-width:1220px) and (max-width:1439px){
					.footer .columns {width: calc(100% - 150px); outline: 0px solid red; }
				}
				/* wide desktop */	@media screen and (min-width:1020px) and (max-width:1219px){
					.footer .columns {width: calc(100% - 200px); outline: 0px solid green; }
					.footer .columns[data-split="1/1"]   > .column { width:50%; }
					.footer .columns[data-split="1/1/1"] > .column { width:33%; }
					.footer h3 { font-size: 0.8rem; }
					.footer p { font-size: 0.7rem; }
				}
				/* desktop */	@media screen and (min-width:960px) and (max-width:1019px){
					.footer .columns {width: calc(100% - 300px);}
					.footer .columns[data-split="1/1"]   > .column { width:50%; }
					.footer .columns[data-split="1/1/1"] > .column:nth-child(1) { width:53.3%; }
					.footer .columns[data-split="1/1/1"] > .column:nth-child(2) { width:33.3%; }
					.footer .columns[data-split="1/1/1"] > .column:nth-child(3) { width:23.3%; }
					.footer h3 { font-size: 0.8rem; }
					.footer p { font-size: 0.7rem; }
				}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
					.footer .columns { display:block; width: calc(100% - 0px);}
					.footer .columns[data-split="1/1"]   > .column { width:100%!important; }
					.footer .columns[data-split="1/1/1"] > .column { width:100%!important; }
					.footer .columns > .column[data-content="newsletter"] { display: none; }
				}
				/* mobile */	@media screen and (min-width:550px) and (max-width:699px){
					.footer .columns { display:block; width: calc(100% - 0px);}
					.footer .columns[data-split="1/1"]   > .column { width:100%!important; }
					.footer .columns[data-split="1/1/1"] > .column { width:100%!important; }
					.footer > .columns .column[data-content="newsletter"] { display: none; }
				}
				/* narrow mobile */	@media screen and (max-width:549px){
					.footer .columns { display:block; width: calc(100% - 0px);}
					.footer .columns[data-split="1/1"]   > .column { width:100%!important; }
					.footer .columns[data-split="1/1/1"] > .column { width:100%!important; }
					.footer .columns > .column[data-content="newsletter"] { display: none; }
				}
					
			
				
		}
		
		
		/* agents */

			main .agents {
			}
			main .agents ul {
				display: grid;
				grid-template-rows:300px;
				column-gap: 10px;
				row-gap: 15px;
				align-items: start;
			}
			.tpl-startpage main .agents ul { grid-template-rows:auto; }
			
			main .agents[data-count="4"] ul {
			}
			main .agents ul li {
			}
			main .agents {
				padding-top:    25px;
				padding-bottom: 25px;
			}
			.tpl-startpage main .agents { padding:25px 0 0 0; }
			
			main .agents figure {
				display: block;
				position: relative;
				width:  120px;
				height: 120px;
				border-radius:100%;
				background-repeat: no-repeat;
				background-size: cover;
			}
			main .agents figcaption {
				position: relative;
				margin-left: 85px;
			}
			main .agents figcaption:before {
				content: "";
				display: block;
				position: absolute;
				width: 1px;
				left: -25px;
				top: 0;
				bottom: 0;
				background-color: var(--steel_extralight);
			}
			main .agents h3 {
				font-family: Prata;
				font-size: 1.2rem;
				line-height: 1.2;
				margin-top:    15px;
				margin-bottom:  5px;
				color: var(--steel);
			}
			main .agents p.title {
				font-size:   0.8rem;
				line-height: 1.2;
				text-transform: uppercase;
				letter-spacing: 1.5pt;
				padding-bottom:  15px;
				color: var(--steel);
			}
			main .agents ul li .about {
				line-clamp:3;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;  
				overflow: hidden;
				margin-bottom: 25px;
			}
			main .agents a.inline-button {
				display: inline-block;
				position: relative;
				margin-top: 7px;
				background-color: transparent;
				color: var(--highlight);
				padding: 5px 15px;
				margin-left: -15px;
				border-radius: 15px;
				transition: all .3s ease;
			}
			main .agents a.inline-button:hover {
				background-color: var(--steel);
				color: white;
			}
			main .agents a.inline-button em {}
			main .agents a.inline-button em:before { content:"View profile"; }
			html[lang="ar"] main .agents a.inline-button em:before { content:"عرض الصفحة الشخصية"; }

			main .agents figure {
				margin-bottom: -120px;
			}
			main .agents figcaption.main {
				margin-left:130px; 
				height: 120px;
			}
			main .agents figcaption.main .copies {
				position: relative;
				top: 50%;
				transform:translateY(-50%);
			}
			main .agents figcaption.main:before { display: none; }
			main .agents figcaption.additional {}
			
			
			.tpl-startpage main .services > ul.tab-contents li.tab-content .agents ul { margin: 0; padding: 0;}
			.tpl-startpage main .services > ul.tab-contents li.tab-content .agents ul li { list-style: none; margin: 0; padding: 0;}
			.tpl-startpage main .services > ul.tab-contents li.tab-content .agents ul li figure { width: 50px; height: 50px; margin-bottom: -50px; }
			.tpl-startpage main .services > ul.tab-contents li.tab-content .agents ul li figcaption { margin: 0 0 0 55px; }
			.tpl-startpage main .services > ul.tab-contents li.tab-content .agents ul li figcaption.main { height: 50px; }
			.tpl-startpage main .services > ul.tab-contents li.tab-content .agents ul li figcaption.additional { margin-left:50px; }
			.tpl-startpage main .services > ul.tab-contents li.tab-content .agents ul li figcaption.additional p.about {font-size: 0.8rem;}
			.tpl-startpage main .services > ul.tab-contents li.tab-content .agents ul li h3 { font-size: 1.1rem; margin-bottom: 5px;}
			.tpl-startpage main .services > ul.tab-contents li.tab-content .agents ul li p.title { font-size: 0.7rem; letter-spacing: 1pt; direction: ltr; }
			
			html[lang="ar"] .tpl-startpage main .services > ul.tab-contents li.tab-content .agents ul li figcaption.additional {text-align: center;}
			

				/* desktop */	@media screen and (min-width:960px){
					main .agents[data-count="3"] ul {grid-column: 3;grid-template-columns:1fr 1fr 1fr;}
					main .agents[data-count="4"] ul { grid-column: 4; grid-template-columns:1fr 1fr 1fr 1fr; }
					main .agents[data-count="5"] ul { grid-column: 5; grid-template-columns:1fr 1fr 1fr; }
					main .agents[data-count="6"] ul { grid-column: 6; grid-template-columns:1fr 1fr 1fr; }
				}
				/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
					main .agents[data-count="3"] ul { grid-column: 2; grid-template-columns:1fr 1fr; }
					main .agents[data-count="4"] ul { grid-column: 3; grid-template-columns:1fr 1fr; }
					main .agents[data-count="5"] ul { grid-column: 4; grid-template-columns:1fr 1fr; }
				}
				/* mobile */	@media screen and (max-width:699px){
					main .agents ul { display: block; }
					main .agents ul li { margin-bottom: 15px; }
					main .agents ul li .about { margin-bottom: 0; }
					main .agents[data-count="3"] ul { grid-column: 1; grid-template-columns:1fr; }
					main .agents[data-count="4"] ul { grid-column: 1; grid-template-columns:1fr; }
					main .agents[data-count="5"] ul { grid-column: 1; grid-template-columns:1fr; }
				}
		
		
		
		
		
		
		
		
		#admin-bar {
			position: fixed;
			z-index: 20000;
			background-color: rgba(0,0,0,0.5);
			left: 0; top: 0;
			right:calc(100% - 20px);
			height: 20px;
			overflow: hidden;
			transition:right 0.5s ease 5s;
			background-image: url("../../admin/pics/sprite/White/circle-rightarrow.png");
			background-size: 15px 15px;
			background-repeat: no-repeat;
			background-position: 3px 3px;
		}
		#admin-bar:hover {
			right:0;
			transition:right 0.5s ease 0s;
			background-image: url("../../admin/pics/sprite/White/circle-leftarrow.png");
		}
		#admin-bar ul.admin-menu {
			list-style: none;
			margin: 0; 
			padding: 0 25px;
			font-size: 0; line-height: 0;
		}
		#admin-bar ul.admin-menu li.am-menu,
		#admin-bar ul.admin-menu li.am-checkbox {
			display: inline-block;
			vertical-align: top; 
			font-size:12px; 
			line-height: 20px;
			margin-right: 10px;
		}
		#admin-bar ul.admin-menu li.am-menu a,
		#admin-bar ul.admin-menu li.am-checkbox a { 
			display: block;
			text-decoration: none;
			color: white;
			font-size: inherit;
			line-height: inherit;
		}
		#admin-bar ul.admin-menu li a i {
			display: block;
			position: relative;
			font-size:      16px;
			line-height:    20px;
			width:          20px;
			height:         20px;
			margin-bottom: -20px;
		}
		#admin-bar ul.admin-menu li.am-checkbox a i {
			border: 1px solid white;
			width:  10px;
			height: 10px;
			margin-bottom: -12px;
			top: 4px;
			left: 2px;
			font-size: 10px;
			line-height: 10px;
		}
		#admin-bar ul.admin-menu li.am-checkbox[data-checked="1"] a i { background-color: white; color: black; }
		#admin-bar ul.admin-menu li.am-checkbox[data-checked="1"] a i:before { content:"\e93d"; }
		
		#admin-bar ul.admin-menu li a em {
			display: block;
			position: relative;
			margin: 0 0 0 18px;
			font-size: inherit;
			line-height: inherit;
		}
		#admin-bar ul.admin-menu li[data-label="edit-page"]   a  i:before { content:"\e91b"; }
		#admin-bar ul.admin-menu li[data-label="edit-page"]   a em:before { content:"edit page"; }
		#admin-bar ul.admin-menu li[data-label="inline-edit"] a em:before { content:"inline edit allowed"; }

		/* Origin is ADMIN */
		
		html[data-origin="admin"] header,
		html[data-origin="admin"] footer { pointer-events: none!important; opacity:0.8; }
		html[data-origin="admin"] header *,
		html[data-origin="admin"] footer * { pointer-events: none!important; }
		
		
		






.Xmirror {
	outline: 1px dashed rgba(38,134,156,0.7);
}
.Xmirror:before {
	content:"";
	position: fixed;
	left: 50%;
	width: 0px;
	height: 100vh;
	border-right: 1px dashed green;
}
Xdiv {
	outline: 1px dotted rgba(99,156,37,0.7);
}
Xdiv:hover {
	outline: 1px dotted rgba(132,221,35,1.00);
}





/*	DEBUG  */

	/* not visible on live site */
	html[data-location="site"] form[name="trace"] { display: none!important; }
	
	html[data-location="development"] form[name="trace"] select[name="trace_position"] { appearance:none; -webkit-appearance:none; outline: none; background-color: green; color: white; width: 20px; text-align: center; border-radius: 30px; }

	html[data-location="development"][data-trace_position="bottom" ] form[name="trace"] { left: 50%; bottom: 0;  transform:               translateX(-50%      );                              border-top-left-radius:    10px; border-top-right-radius:    10px; }
	html[data-location="development"][data-trace_position="right"  ] form[name="trace"] { right: 0;  top:   50%; transform:rotate(-90deg) translate(  50%,-100%); transform-origin: top right; border-top-left-radius:    10px; border-top-right-radius:    10px; }
	html[data-location="development"][data-trace_position="left"   ] form[name="trace"] { left:  0;  top:   50%; transform:rotate(-90deg) translate( -50%,   0%); transform-origin: top left;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
	html[data-location="development"][data-trace_position="top"    ] form[name="trace"] { left: 50%; top:    0;  transform:               translateX(-50%      );                              border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

	html[data-location="development"][data-trace_position="bottom" ] form[name="trace"] select[name="trace_position"] { transform:rotate(0deg); }
	html[data-location="development"][data-trace_position="right"  ] form[name="trace"] select[name="trace_position"] { transform:rotate(90deg); }
	html[data-location="development"][data-trace_position="left"   ] form[name="trace"] select[name="trace_position"] { transform:rotate(90deg); }
	html[data-location="development"][data-trace_position="top"    ] form[name="trace"] select[name="trace_position"] { transform:rotate(0deg); }

	html[data-location="development"][data-trace_position="bottom" ][data-ua="idle"] form[name="trace"] { bottom:-100px; transition:bottom 0.5s ease 3s; }
	html[data-location="development"][data-trace_position="bottom" ][data-ua="busy"] form[name="trace"] { bottom:   0px; transition:bottom 0.5s ease; }
	html[data-location="development"][data-trace_position="right"  ][data-ua="idle"] form[name="trace"] { right: -100px; transition:right  0.5s ease 3s; }
	html[data-location="development"][data-trace_position="right"  ][data-ua="busy"] form[name="trace"] { right:    0px; transition:right  0.5s ease; }
	html[data-location="development"][data-trace_position="left"   ][data-ua="idle"] form[name="trace"] { left:  -100px; transition:left   0.5s ease 3s; }
	html[data-location="development"][data-trace_position="left"   ][data-ua="busy"] form[name="trace"] { left:     0px; transition:left   0.5s ease; }
	html[data-location="development"][data-trace_position="top"    ][data-ua="idle"] form[name="trace"] { top:   -100px; transition:top    0.5s ease 3s; }
	html[data-location="development"][data-trace_position="top"    ][data-ua="busy"] form[name="trace"] { top:      0px; transition:top    0.5s ease; }

	html[data-location="development"] form[name="trace"] {
		position: fixed;
		/*pointer-events: none;*/
		width: auto;
		padding: 5px;
		background-color: #FFFFFF;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.46);
		z-index: 99999;
		transform:translateX(-50%);
		font-family: NunitoSans;
		
		white-space: nowrap;
	}
	#SX,#SY { width:30px; text-align: center; }
	#MX,#MY { width:30px; text-align: center; }
	#K      { width:30px; text-align: center; }
	
	form[name="trace"] label {
		font-family: NunitoSans;
		font-size: 9px;
		line-height: 9px;
	}
	form[name="trace"] input {
		width: 40px;
		border:none;
		border-radius: 4px;
		background-color: #EEE;
		margin: 0 0 0 5px;
		font-size: 9px;
		line-height: 9px;
	}
	form[name="trace"] input[type="checkbox"] {
		width: 15px;
		top: 3px;
		position: relative;
	}
	
	/* not visible on live site */
	
	html[data-location="site"   ] #POINTER { display: none!important; }
	html[data-location="testing"] #POINTER { display: none!important; }
	
	html[data-location="development"] #POINTER {
		position: fixed;
		z-index: 9999;
		pointer-events:none;
		display: none;
	}
	html[data-location="development"][data-pm="1"] #POINTER { display:block; }
	
	#POINTER:before {
		content:"";
		display: block;
		position: absolute;
		width:  30px;
		height: 30px;
		margin: 10px 0 0 10px;
		border-radius: 30px;
		border: 5px solid rgba(255,255,255,0.5);
		box-shadow: 0 0 0 5px rgba(0,0,0,0.5);
		transition:margin .3s ease 0.3s, border 0.3s ease 0.3s, box-shadow 0.3s ease .3s;
	}
	html[data-pl="1"] #POINTER:before {
		margin: 5px 0 0 5px;
		border: 10px solid rgba(255,255,255,0.5);
		box-shadow: 0 0 0 10px rgba(0,0,0,0.5);
		transition:margin .15s ease, border 0.15s ease, box-shadow 0.15s ease;
	}
	
	#POINTER .ruler-H {
		position: fixed;
		left: 0;
		width: 100vw;
		height: 0px;
		margin-top:-1px;
		border-top: 1px dashed rgba(255,255,255,1.00);
		border-bottom: 1px dashed rgba(0,0,0,1.00);
		pointer-events:none;
		z-index: 999999;
	}
	#POINTER .ruler-V {
		position: fixed;
		top: 0;
		width: 0px;
		height: 100vw;
		margin-left:-1px;
		border-left: 1px dashed rgba(255,255,255,1.00);
		border-right: 1px dashed rgba(0,0,0,1.00);
		pointer-events:none;
		z-index: 999999;
	}
	
	html[data-location="testing"] form[name="trace"],
	html[data-location="site"] form[name="trace"] { display: none; }
	
	select[name="search_type"] { display: none; }
	.css.tpl-startpage select[name="search_type"] { display: block; }
	
	
	
	
	
	html[data-location="development"][data-pa="1"] .mirror:hover { outline: 1px dashed purple; }
	html[data-location="development"][data-pa="1"] .mirror:hover div { outline: 1px dotted blue; }
	html[data-location="development"][data-pa="1"] .mirror:hover p { outline: 1px dotted green; }
	html[data-location="development"][data-pa="1"] .mirror:hover li { outline: 1px dotted red; }
	html[data-location="development"][data-pa="1"] .mirror:hover a,
	html[data-location="development"][data-pa="1"] .mirror:hover input,
	html[data-location="development"][data-pa="1"] .mirror:hover button,
	html[data-location="development"][data-pa="1"] .mirror:hover select { outline: 2px solid orange; }