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

/*							*/
/*	Copies 					*/
/*							*/


		main section.intro {
			position: fixed;
			display: block;
			width: 100vw;
			height: 100vh;
			background-color: #EEE;
			background-image: url("../../images/creative/624335422.webp");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: top center;
		}
		main section.intro .dim {
			position: absolute;
			inset:0;
			background-color: rgba(0,0,0,0.20);
		}
		main .intro-placeholder {
			width: 100vw;
			height: 100vh;
		}
		main section.intro .mirror {
			height: inherit;
			position: relative;
		}
		main section.intro figure {
			display: block;
			position: absolute;
			width: calc(50vw - 100px);
			right: 0;
			Xtop: calc(50% - 50px);
			Xtransform:translateY(-50%);
			top: 0px;
			outline: 0px dashed blue;
			padding: 50px 50px;
			background-color: rgba(0,0,0,0.32);
			backdrop-filter:blur(5px);
		}
		/* desktop */	    @media screen and (min-width:960px)                      {}
		/* tablet */	    @media screen and (min-width:700px) and (max-width:959px){ main section.intro figure { width:calc(50vw - 80px); padding:40px; } }
		/* mobile */	    @media screen and (min-width:550px) and (max-width:699px){ main section.intro figure { width:calc(50vw - 60px); padding:30px; } }
		/* narrow mobile */	@media screen and (max-width:549px)                      { main section.intro figure { width:calc(50vw - 40px); padding:20px; } }
		
		main section.intro figure h1,
		main section.intro figure p {
			color: white;
		}
		main section.intro figure h1 span {
			display: block;
		}
		main section.intro figure h1 {
			text-align: right;
			position: absolute;
		}
		html[lang="en"] main section.intro figure h1 { transform:translate(calc(-100% - 80px)); font-size: 4rem; }
		html[lang="ar"] main section.intro figure h1 { transform:translate(calc(-100% - 80px)); font-size: 2.5rem; }
		
		/* desktop */	    @media screen and (min-width:960px)                      {}
		/* tablet */	    @media screen and (min-width:700px) and (max-width:959px){ html[lang="en"] main section.intro figure h1 { transform:translate(calc(-100% - 80px)); font-size:2rem; } }
		/* mobile */	    @media screen and (min-width:550px) and (max-width:699px){ html[lang="en"] main section.intro figure h1 { transform:translate(calc(-100% - 60px)); font-size:2rem; } }
		/* narrow mobile */	@media screen and (max-width:549px)                      { html[lang="en"] main section.intro figure h1 { transform:translate(calc(-100% - 40px)); font-size:2rem; } }

		/* desktop */	    @media screen and (min-width:960px)                      {}
		/* tablet */	    @media screen and (min-width:700px) and (max-width:959px){ html[lang="ar"] main section.intro figure h1 { transform:translate(calc(-100% - 80px)); font-size:2rem; } }
		/* mobile */	    @media screen and (min-width:550px) and (max-width:699px){ html[lang="ar"] main section.intro figure h1 { transform:translate(calc(-100% - 60px)); font-size:2rem; } }
		/* narrow mobile */	@media screen and (max-width:549px)                      { html[lang="ar"] main section.intro figure h1 { transform:translate(calc(-100% - 40px)); font-size:2rem; } }

		html main section.intro figure h1 span.line-1 { font-size:1em; }
		html main section.intro figure h1 span.line-2 { font-size:1.8em; }
		html main section.intro figure h1 span.line-3 { font-size:1em; }


		main .lead {}
		main .lead p {
			font-size: 1.3rem;
			line-height: 2rem;
		}
		/* desktop */	    @media screen and (min-width:960px)                      {}
		/* tablet */	    @media screen and (min-width:700px) and (max-width:959px){ main .lead p { font-size:1.0rem; line-height:1.3rem; } }
		/* mobile */	    @media screen and (min-width:550px) and (max-width:699px){ main .lead p { font-size:0.9rem; line-height:1.2rem; } }
		/* narrow mobile */	@media screen and (max-width:549px)                      { main .lead p { font-size:0.8rem; line-height:1.1rem; } }
		
		main section.main-services {
			position: relative;
			z-index: 1;
			padding: 100px 0;
			margin: 0;
		}
		html[lang="en"] main section.main-services { background-color: var(--highlight_dim); }
		html[lang="ar"] main section.main-services { background-color: var(--highlight_dim); }

		main section.main-services h2 {
			font-size: 3.0rem;
		}
		/* desktop */	    @media screen and (min-width:960px)                      {}
		/* tablet */	    @media screen and (min-width:700px) and (max-width:959px){ main section.main-services .columns { display:block; } main section.main-services h2 { margin-bottom:25px; } }
		/* mobile */	    @media screen and (min-width:550px) and (max-width:699px){ main section.main-services .columns { display:block; } main section.main-services h2 { margin-bottom:25px; } }
		/* narrow mobile */	@media screen and (max-width:549px)                      { main section.main-services .columns { display:block; } main section.main-services h2 { margin-bottom:25px; } }
		

	/* activities */

		main .activities {
			position: relative;
			z-index: 2;
			background-color: white;
			padding: 15px 0;
		}
		main .activities ul {
			display: grid;
			grid-template-rows:auto;
			column-gap: 10px;
			row-gap: 15px;
			align-items: start;
		}
		main .activities ul li {
			position: relative;
			z-index: 1;
		}
		main .activities ul li:before {
			content:"";
			display: block;
			position: absolute;
			background-color: var(--steel_extralight);
			width:  100px;
			height:  80px;
			opacity: 0.3;
			z-index: -1;
		}
		main .activities ul li:nth-child(1):before { border-radius: 50px 100px 30px 100px; transform:rotate(-15deg); }
		main .activities ul li:nth-child(2):before { border-radius: 70px  50px 90px  50px; transform:rotate(-10deg); }
		main .activities ul li:nth-child(3):before { border-radius: 50px  30px 60px  80px; transform:rotate(  5deg); }
		main .activities ul li:nth-child(4):before { border-radius: 90px 100px 30px  50px; transform:rotate( -5deg); }
		main .activities ul li figure {
			display: block;
			position: relative;
			width:60px;
			aspect-ratio:1 / 1;
			background-size: contain;
		}
		main .activities ul li figcaption {
			display: block;
			position: absolute;
			left: 70px;
			right: 0;
			top: 50%;
			transform:translateY(-50%);
			text-align: left;
			text-wrap:balance;
			font-size: 1.4rem;
			line-height: 1.4;
		}
		main .activities ul li[data-label="asset-sourcing"       ] figure { background-image: url("../../images/picto/AdobeStock_303308308.png"); }
		main .activities ul li[data-label="real-estate-advisory" ] figure { background-image: url("../../images/picto/AdobeStock_557319107.png"); }
		main .activities ul li[data-label="administrative-issues"] figure { background-image: url("../../images/picto/AdobeStock_490433817.png"); }
		main .activities ul li[data-label="no-eu-clients"        ] figure { background-image: url("../../images/picto/AdobeStock_483780795.png"); }
		main .activities ul li[data-label="asset-sourcing"       ] figure { background-image: url("../../images/icon/activities/asset-sourcing.png"); }
		main .activities ul li[data-label="real-estate-advisory" ] figure { background-image: url("../../images/icon/activities/real-estate-advisory.png"); }
		main .activities ul li[data-label="administrative-issues"] figure { background-image: url("../../images/icon/activities/administrative-issues.png"); }
		main .activities ul li[data-label="no-eu-clients"        ] figure { background-image: url("../../images/icon/activities/no-eu-clients.png"); }
		/* desktop */	@media screen and (min-width:960px){
			main .activities[data-count="3"] ul { grid-column: 3; grid-template-columns:1fr 1fr 1fr; }
			main .activities[data-count="4"] ul { grid-column: 4; grid-template-columns:1fr 1fr 1fr 1fr; }
			main .activities[data-count="5"] ul { grid-column: 5; grid-template-columns:1fr 1fr 1fr 1fr 1fr; }
		}
		/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
			main .activities[data-count="3"] ul { grid-column: 2; grid-template-columns:1fr 1fr; }
			main .activities[data-count="4"] ul { grid-column: 2; grid-template-columns:1fr 1fr; }
			main .activities[data-count="5"] ul { grid-column: 2; grid-template-columns:1fr 1fr; }
		}
		/* mobile */	@media screen and (max-width:699px){
			main .activities[data-count="3"] ul,
			main .activities[data-count="4"] ul,
			main .activities[data-count="5"] ul { grid-column: 1; grid-template-columns:1fr; }
		}
	


	/*					*/
	/* 	lifestyles 		*/
	/*					*/
	
		main section.lifestyle {
			position: relative;
			z-index: 2;
			background-color: white;
			padding: 50px 0;
		}
		main section.lifestyle h2 {
			font-size: 3.0rem;
		}
		html[lang="ar"] main section.lifestyle h2 {
			padding-right: 20px;
			text-align: right;
		}
		
		.property-types {}
		.property-types ul {
			margin: 0; padding: 0;
			font-size: 0; line-height: 0;
		}
		.property-types ul li {
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: 33.3%;
			aspect-ratio:1/1;
			border-top-right-radius: 30px;
			border-bottom-left-radius: 30px;
			overflow: hidden;
		}
		.property-types ul li figure {
			position: absolute;
			inset:0;
			width: 100%;
			aspect-ratio:1/1;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.property-types ul li figure:before {
			position: absolute;
			content:"";
			width: 8px;
			height: 100%;
		}
		
		.property-types ul li figcaption {
			position: absolute;
			width: 100%;
			font-size: 2rem;
			line-height: 1.2;
			text-align: center;
			color: white;
			top: 50%;
			transform:translateY(-50%);
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 3pt;
			text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px rgba(0,0,0,0.75), 0 0 4px rgba(0,0,0,0.50), 0 0 5px rgba(0,0,0,0.25);
		}
		
		.property-types ul li[data-label="golf"]       figure { background-image:url("../../images/creative/lifestyle/golf.webp"); }
		.property-types ul li[data-label="sea-view"]   figure { background-image:url("../../images/creative/lifestyle/sea-view.webp"); }
		.property-types ul li[data-label="waterfront"] figure { background-image:url("../../images/creative/lifestyle/sea-front.webp"); }
		
		.property-types ul li[data-label="golf"]       figure:before {background-color: #85bc22;}
		.property-types ul li[data-label="sea-view"]   figure:before {background-color: #b8ddf3;}
		.property-types ul li[data-label="waterfront"] figure:before {background-color: #f8ce99;}
		
		/* desktop */	    @media screen and (min-width:960px)                      {}
		/* tablet */	    @media screen and (min-width:700px) and (max-width:959px){ main section.lifestyle .columns { display:block; } main section.lifestyle h2 { margin-bottom:25px; } .property-types ul li figcaption { font-size: 1.2rem; } }
		/* mobile */	    @media screen and (min-width:550px) and (max-width:699px){ main section.lifestyle .columns { display:block; } main section.lifestyle h2 { margin-bottom:25px; } .property-types ul li figcaption { font-size: 1.1rem; } }
		/* narrow mobile */	@media screen and (max-width:549px)                      { main section.lifestyle .columns { display:block; } main section.lifestyle h2 { margin-bottom:25px; } .property-types ul li figcaption { font-size: 0.9rem; } }
	


	/*					*/
	/* 	app qr code 	*/
	/*					*/
	
		main section.application {
			display: block;
			position: relative;
			z-index: 2;
			background-color: white;
			padding: 50px 0;
			height: auto;
		}
		main section.application a {
			display: block;
			min-height: 150px;
		}
		main section.application figure.qr {
			display: block;
			position: relative;
			width:       100px;
			height:      100px;			
			margin: 0 0 -100px 0;
			background-image: url(../../images/email/app-qrcode.jpg);
			background-size: contain;
			background-repeat: no-repeat;
		}
		main section.application figcaption {
			display: block;
			position: relative;
			margin: 0 0 0 130px;
		}
		main section.application h2 {
			font-size: 3.0rem;
		}
		main section.application figcaption h3 {
			font-size: 2.0rem;
			line-height: 1.2;
		}
		main section.application figcaption h4 {
			font-size: 1.3rem;
			line-height: 1.4;
			font-weight: 600;
			margin-bottom: 15px;
			color: var(--highlight);
			text-wrap: balance;
			text-transform: uppercase;			
		}
		@media screen and (min-width:700px) and (max-width:959px){ main section.application .columns { display:block; } main section.application figure.qr { margin:0 auto 15px auto; } main section.application figcaption { margin:0; } main section.application figcaption h3 { text-align:center; font-size:1.5rem; } main section.application figcaption h4 { text-align:center; font-size:1.5rem; } }
		@media screen and (min-width:550px) and (max-width:699px){ main section.application .columns { display:block; } main section.application figure.qr { margin:0 auto 15px auto; } main section.application figcaption { margin:0; } main section.application figcaption h3 { text-align:center; font-size:1.5rem; } main section.application figcaption h4 { text-align:center; font-size:1.5rem; } }
		@media screen and (max-width:549px)                      { main section.application .columns { display:block; } main section.application figure.qr { margin:0 auto 15px auto; } main section.application figcaption { margin:0; } main section.application figcaption h3 { text-align:center; font-size:1.5rem; } main section.application figcaption h4 { text-align:center; font-size:1.5rem; } }
		
		
		
	/*					*/
	/* 	services 		*/
	/*					*/

		main .services {
			padding: 15px 0;
		}
		main .services ul.tabs {
			display: grid;
			grid-template-rows:auto;
			column-gap: 10px;
			row-gap: 15px;
			align-items: start;
		}
		main .services ul.tabs li,
		main .services ul.tab-contents li {
			position: relative;
			z-index: 1;
		}
		main .services ul.tabs         li {}
		main .services ul.tab-contents li { margin-bottom: 30px; }
		
		main .services ul.tabs li:before {
			content:"";
			display: block;
			position: absolute;
			background-color: var(--steel_extralight);
			width:  100px;
			height:  80px;
			opacity: 0.3;
			z-index: -1;
		}
		main .services ul.tabs li:nth-child(1):before { border-radius: 50px 100px 30px 100px; transform:rotate(-15deg); }
		main .services ul.tabs li:nth-child(2):before { border-radius: 70px  50px 90px  50px; transform:rotate(-10deg); }
		main .services ul.tabs li:nth-child(3):before { border-radius: 50px  30px 60px  80px; transform:rotate(  5deg); }
		main .services ul.tabs li:nth-child(4):before { border-radius: 90px 100px 30px  50px; transform:rotate( -5deg); }
		main .services ul.tabs li i {
			display: block;
			width: calc(100% + 0px);
			margin: -20px 0 0 -10px;
			height: 130px;
			position: absolute;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			visibility: hidden;
			pointer-events: none;
			Xbackground-color: white;
			background-image: linear-gradient(to bottom, white 0%, rgba(255,255,255,0.33) 100%);
			box-shadow: 0 -5px 5px 0 rgba(0,0,0,0.05);
			opacity: 0;
		}
		main .services ul.tabs         li figure.picto,
		main .services ul.tab-contents li figure.picto {
			display: block;
			position: relative;
			aspect-ratio:1 / 1;
			background-size: contain;
		}
		main .services ul.tabs         li figure.picto {
			width: 100px;
			filter:grayscale(1) sepia(50%) hue-rotate(50%);
			opacity: 0.5;
			transform-origin: center;
			transform: scale(0.9,0.9);
			transition:transform 0.3s ease;
		}
		main .services ul.tab-contents li figure.picto {
			width: 80px;
			margin: 0 0 -80px 0;
			top:   -5px;
			left: -10px;
		}
		
		main .services ul.tabs         li figcaption.picto-label,
		main .services ul.tab-contents li figcaption.picto-label {
			display: block;
			text-align: left;
			text-wrap:balance;
			line-height: 1.15;
		}
		main .services ul.tabs         li figcaption.picto-label {
			position: absolute;
			font-size: 2rem;
			left: 115px;
			right: 0;
			top: 50%;
			transform-origin: center;
			transform: scale(0.9,0.9) translateY(-50%);
			transition:transform 0.3s ease;
			opacity: 0.5;
		}
		main .services ul.tab-contents li figcaption.picto-label {
			display: block;
			position: relative;
			font-size: 3.2rem;
			line-height: 1.0;
			height: 70px;
			margin: 0 0 0 80px;
		}
		main .services ul.tab-contents li figcaption.picto-label em {
			display: block;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			font-weight: 600;
		}
		
		main .services ul.tabs         li[data-label="sale"    ] figure.picto,
		main .services ul.tab-contents li[data-label="sale"    ] figure.picto { background-image: url("../../images/icon/services/sale.png"); }
		main .services ul.tabs         li[data-label="legal"   ] figure.picto,
		main .services ul.tab-contents li[data-label="legal"   ] figure.picto { background-image: url("../../images/icon/services/legal.png"); }
		main .services ul.tabs         li[data-label="rent"    ] figure.picto,
		main .services ul.tab-contents li[data-label="rent"    ] figure.picto { background-image: url("../../images/icon/services/rent.png"); }
		main .services ul.tabs         li[data-label="interior"] figure.picto,
		main .services ul.tab-contents li[data-label="interior"] figure.picto { background-image: url("../../images/icon/services/interior.png"); }
		
		main .services[data-current="sale"]     ul.tabs li[data-label="sale"]     i,
		main .services[data-current="rent"]     ul.tabs li[data-label="rent"]     i,
		main .services[data-current="legal"]    ul.tabs li[data-label="legal"]    i,
		main .services[data-current="interior"] ul.tabs li[data-label="interior"] i {
			opacity: 1;
			visibility: visible;
		}
		main .services[data-current="sale"]     ul.tabs li[data-label="sale"]     figure.picto,
		main .services[data-current="rent"]     ul.tabs li[data-label="rent"]     figure.picto,
		main .services[data-current="legal"]    ul.tabs li[data-label="legal"]    figure.picto,
		main .services[data-current="interior"] ul.tabs li[data-label="interior"] figure.picto {
			transform: scale(1,1);
			filter:none;
			opacity: 1;
		}
		main .services[data-current="sale"]     ul.tabs li[data-label="sale"]     figcaption.picto-label,
		main .services[data-current="rent"]     ul.tabs li[data-label="rent"]     figcaption.picto-label,
		main .services[data-current="legal"]    ul.tabs li[data-label="legal"]    figcaption.picto-label,
		main .services[data-current="interior"] ul.tabs li[data-label="interior"] figcaption.picto-label {
			transform: scale(1,1) translateY(-50%);
			filter:none;
			opacity: 1;
		}
		li.tab-content[data-label="interior"] figure.mike-van-emmerik,
		li.tab-content[data-label="legal"   ] figure.pellicer-and-heredia {
			display: block;
			position: relative;
			border-top-right-radius: 15px;
			border-bottom-left-radius: 15px;
			background-repeat: no-repeat;
			background-size: cover;
		}
		li.tab-content[data-label="interior"] figure.mike-van-emmerik     { width: 200px; aspect-ratio:4/4; float: left;  margin: 0 25px 55px 0;    background-image: url(../../images/page/startpage/mike-van-emmerik.webp); }
		li.tab-content[data-label="legal"   ] figure.pellicer-and-heredia { width: 300px; aspect-ratio:5/4; float: right; margin: 0  0   15px 15px; background-image: url(../../images/page/startpage/pellicer-and-heredia.webp); }
		li.tab-content[data-label="rent"    ] figure.moonkey-rental       { width: 400px; aspect-ratio:5/4; float: right; margin: 0  0   15px 15px; background-image: url(../../images/page/startpage/moonkey-rental.webp); }

		/* desktop */	@media screen and (min-width:960px){
		}
		/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
		}
		/* mobile */	@media screen and (min-width:550px) and (max-width:699px){
			li.tab-content[data-label="interior"] figure.mike-van-emmerik     { width: 100%; float:none; margin: 0 0 65px 0; }
			li.tab-content[data-label="legal"   ] figure.pellicer-and-heredia { width: 100%; float:none; margin: 0 0 65px 0; }
			li.tab-content[data-label="rent"    ] figure.moonkey-rental       { width: 100%; float:none; margin: 0 0 15px 0; }
		}
		/* narrow mobile */	@media screen and (max-width:549px){
			li.tab-content[data-label="interior"] figure.mike-van-emmerik     { width: 100%; float:none; margin: 0 0 65px 0; }
			li.tab-content[data-label="legal"   ] figure.pellicer-and-heredia { width: 100%; float:none; margin: 0 0 65px 0; }
			li.tab-content[data-label="rent"    ] figure.moonkey-rental       {width: calc(100% + 100px);float:none;margin: 0 0 15px -50px;}
		}

		
		li.tab-content[data-label="interior"] figure.mike-van-emmerik     figcaption,
		li.tab-content[data-label="legal"]    figure.pellicer-and-heredia figcaption {
			position: absolute;
			left: 0; right: 0;
			top:calc(100% + 12px);
			text-align: right;
			color: var(--steel);
		}
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent { margin: 0; padding: 0; }
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li { margin: 0; padding: 0; list-style: none; }
		main .services ul.tab-contents li.tab-content[data-label="rent"] p.title {
			margin-bottom: 5px;
		}
		main .services ul.tab-contents li.tab-content[data-label="rent"] p.title i {
			display: block;
			position: relative;
			width: 30px;
			height: 30px;
			margin-bottom: -30px;
			background-size: 25px 25px;
			top: -3px;
		}
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="high-performance"] p.title i { background-image:url("../../images/page/startpage/pictos/high-performance.svg"); }
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="visibility"      ] p.title i { background-image:url("../../images/page/startpage/pictos/visibility.svg"); }
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="ease"            ] p.title i { background-image:url("../../images/page/startpage/pictos/ease.svg"); }

		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="index-1"         ] p.title i { background-image:url("../../images/page/startpage/pictos/index-1.svg"); }
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="index-2"         ] p.title i { background-image:url("../../images/page/startpage/pictos/index-2.svg"); }
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="index-3"         ] p.title i { background-image:url("../../images/page/startpage/pictos/index-3.svg"); }

		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="listings"        ] p.title i { background-image:url("../../images/page/startpage/pictos/listings.svg"); }
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="hospitality"     ] p.title i { background-image:url("../../images/page/startpage/pictos/hospitality.svg"); }
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="housekeeping"    ] p.title i { background-image:url("../../images/page/startpage/pictos/housekeeping.svg"); }
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="maintenance"     ] p.title i { background-image:url("../../images/page/startpage/pictos/maintenance.svg"); }
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="verification"    ] p.title i { background-image:url("../../images/page/startpage/pictos/verification.svg"); }
		main .services > ul.tab-contents li.tab-content[data-label="rent"] ul.no-indent li[data-label="price"           ] p.title i { background-image:url("../../images/page/startpage/pictos/price.svg"); }
		
		main .services ul.tab-contents li.tab-content[data-label="rent"] p.title em {
			display: block;
			position: relative;
			margin: 0 0 0 35px;
			font-weight: 600;
			color: var(--green);
			color: var(--steel);
			font-size: 1.4rem;
		}
		main .services ul.tab-contents li.tab-content[data-label="rent"] p.details  {
			display: block;
			position: relative;
			margin: 0 0 10px 35px;
			font-size: 1.0rem;
		}
		main .services ul.tab-contents li.tab-content p.selling {
			margin: 15px 0 -5px 0;
			padding: 15px 25px;
			border:1px solid var(--steel_light);
			border-radius: 4px;
			text-align: center;
		}
		
		main .services ul.tab-contents li.tab-content .tab-chooser-mobile {
			margin-bottom: 25px;
		}
		main .services ul.tab-contents li.tab-content .tab-content-wrapper {
			outline: 2px solid red;
			outline: none;
		}
		
		/* desktop */	@media screen and (min-width:960px){
			main .services[data-count="3"] ul.tabs { grid-column: 3; grid-template-columns:1fr 1fr 1fr; }
			main .services[data-count="4"] ul.tabs { grid-column: 4; grid-template-columns:1fr 1fr 1fr 1fr; }
			main .services[data-count="5"] ul.tabs { grid-column: 5; grid-template-columns:1fr 1fr 1fr 1fr 1fr; }
		}
		/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
			main .services[data-count="3"] ul.tabs { grid-column: 2; grid-template-columns:1fr 1fr; }
			main .services[data-count="4"] ul.tabs { grid-column: 2; grid-template-columns:1fr 1fr; }
			main .services[data-count="5"] ul.tabs { grid-column: 2; grid-template-columns:1fr 1fr; }
		}
		/* mobile */	@media screen and (max-width:699px){
			main .services[data-count="3"] ul.tabs,
			main .services[data-count="4"] ul.tabs,
			main .services[data-count="5"] ul.tabs { display:none; grid-column: 1; grid-template-columns:1fr; }
		}
		main .services ul.tab-contents {
			position: relative;
			width: calc(100% - 40px);
			margin: 0 0 0 -10px;
			padding: 25px 15px 25px 25px;
			border-radius: 10px;
			background-image: linear-gradient(to top, white 0%, rgba(255,255,255,0.33) 100%);
		}
		html[lang="ar"] main .services ul.tab-contents {
			margin-top: 10px;
		}
		main .services ul.tab-contents li.tab-content {
			position: relative;
			padding: 25px;
		}
		main .services ul.tab-contents li.tab-content p {
			font-size: 1.15rem;
			line-height: 1.4;
			margin-bottom: 5px;
		}
		main .services ul.tab-contents li.tab-content ul {
			font-size: 1.15rem;
			line-height: 1.4;
			padding-left: 1.5em;
			margin-bottom: 5px;
		}
		main .services ul.tab-contents li.tab-content ul li {
			font-size: 1.15rem;
			line-height: 1.4;
			padding-left: 0.5em;
			list-style: disc;
		}
		/* desktop */	@media screen and (min-width:960px){
		
			main .services ul.tab-contents li.tab-content {
				position: relative;
				display: none;
				opacity: 0;
				pointer-events: none;
			}
			main .services[data-current="sale"]     ul.tab-contents li.tab-content[data-label="sale"],
			main .services[data-current="rent"]     ul.tab-contents li.tab-content[data-label="rent"],
			main .services[data-current="legal"]    ul.tab-contents li.tab-content[data-label="legal"],
			main .services[data-current="interior"] ul.tab-contents li.tab-content[data-label="interior"] {
				display: block;
				opacity: 1;
				pointer-events: all;
			}
		}
		
		/* Services */
		
			main .services > ul.tab-contents li.tab-content h3 {
				font-size: 2rem;
				text-wrap:balance;
				margin-bottom: 20px;
			}
			main .services > ul.tab-contents li.tab-content h4 {
				font-size: 1.3rem;
				line-height: 1.4;
				font-weight: 600;
				margin-bottom: 15px;
				color: var(--highlight);
				text-wrap:balance;
				text-transform: uppercase;
			}
			main .services > ul.tab-contents li.tab-content ul,
			main .services > ul.tab-contents li.tab-content ol {
				margin: 0 0 15px 1em;
				padding: 0 0 0 0;
			}
			main .services > ul.tab-contents li.tab-content ol li {
				list-style: decimal;
				margin: 0 0 0 0.9em;
				padding: 0 0 0 1em;
			}
			main .services > ul.tab-contents li.tab-content ul li {
				list-style:disc;
				margin: 0 0 0 0.5em;
				padding: 0 0 0 0.5em;
			}
			
		/* Tab chooser mobile */
			
		@media screen and (min-width: 700px) and (max-width:9999px) {
			.tab-chooser-mobile { display: none; }
		}
		@media screen and (min-width:   0px) and (max-width: 699px) {
			main .services > ul.tab-contents li.tab-content h3,
			main .services > ul.tab-contents li.tab-content h4 { }
		}
		
		






/*							*/
/* 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; } }


	.tpl-startpage h3 i,em { font-style: normal; }
	.tpl-startpage h3 i  { 
		display: inline-block;
		position: relative;
		width:       30px;
		height:      30px;
		margin: 0 0 -30px 0;
		top: 3px;
	}
	.tpl-startpage h3 i:before {
		display: block;
		position: relative;
		width:       30px; 
		height:      30px;
		font-size:   30px;
		line-height: 30px;
		text-align: center;
	}
	.tpl-startpage h3 em { 
		display: inline-block;
		margin: 0 0 0 10px;
	}
	.multiple-templates[data-template="processing"] h3,
	.multiple-templates[data-template="succeeded"] h3,
	.multiple-templates[data-template="failed"] h3 { }

	.multiple-templates[data-template="form"]       .template-item[data-label="form"]       i:before { content:""; }
	.multiple-templates[data-template="processing"] .template-item[data-label="processing"] i:before { content:"\E9E7"; }
	.multiple-templates[data-template="succeeded"]  .template-item[data-label="succeeded"]  i:before { content:"\EA4D"; }
	.multiple-templates[data-template="failed"]     .template-item[data-label="failed"]     i:before { content:"\EA51"; }

	.multiple-templates[data-template="processing"] .template-item[data-label="processing"] i:before {
		animation: processing 1s infinite;
		animation-timing-function:linear;
	}
	@keyframes processing {
		from { transform:rotate(0deg); }
		to   { transform:rotate(360deg); }
	}

	/* 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"] #contact-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: 25px; height: 25px; margin-bottom: -25px; font-size: 25px; line-height: 25px; }
	.multiple-templates[data-template="form"] .template-item[data-label="form"] .error-message em { display: inline-block; margin-left: 10px; font-family: 'TeamCompass'; font-size: 1.6rem; line-height: 25px; font-style: italic; }
	.multiple-templates[data-template="form"] .template-item[data-label="form"] .error-message i:before { content:"\E900";}








	/* 						*/
	/* 	Search and filter 	*/
	/* 						*/
	
		
		section.search-and-filter {
			z-index: 1;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100vw;
			height: 80px;
			outline: 0px dashed red;
			white-space: nowrap;
		}
		section.search-and-filter .dim {
			position: absolute;
			inset: 0;
			background-color: rgba(0,0,0,0.20);
			background-color: white;
		}
	
		section.search-and-filter .form-global-label {
			display: inline-block;
			position: absolute;
		}
		/* desktop */	    @media screen and (min-width:960px)                      {}
		/* tablet */	    @media screen and (min-width:700px) and (max-width:959px){ section.search-and-filter .form-global-label { display: none; } }
		/* mobile */	    @media screen and (min-width:550px) and (max-width:699px){ section.search-and-filter .form-global-label { display: none; } }
		/* narrow mobile */	@media screen and (max-width:549px)                      {
			section.search-and-filter .form-global-label {
				position: fixed;
				right: 25px;
				top: -40px;
			}
		}
		
		section.search-and-filter .form-global-label i {
			display: inline-block;
			position: relative;
			vertical-align: top;
			font-size:   80px;
			line-height: 80px;
			margin: 0 0 -80px 0;
			top: -30px;
			color: var(--highlight);
		}
		section.search-and-filter .form-global-label i:before { position: relative; }
		section.search-and-filter .form-global-label i:after {
			content:"";
			position: relative;
			display: block;
			z-index: -1;
			width:          100px;
			height:         100px;
			margin-bottom: -100px;
			border-radius:  100px;
			background-color: white;
			top: -88px;
			left: -15px;
		}
		/* desktop */	    @media screen and (min-width:960px)                      {}
		/* tablet */	    @media screen and (min-width:700px) and (max-width:959px){ section.search-and-filter .form-global-label i:before {} }
		/* mobile */	    @media screen and (min-width:550px) and (max-width:699px){ section.search-and-filter .form-global-label i:before {} }
		/* narrow mobile */	@media screen and (max-width:549px)                      {section.search-and-filter .form-global-label i:before { width:50px;height:50px;margin-bottom:-50px;border-radius:50px;font-size:50px;line-height:50px;top:-5px;left:15px;} }

		section.search-and-filter .form-global-label i:before {z-index: 2; content:"\e93e"; }
		section.search-and-filter .form-global-label em {}
		XXXsection.search-and-filter .form-global-label em:before { content:"Search properties:"}

		section.search-and-filter .form-elements {
			display: inline-block;
			vertical-align: top;
			white-space: nowrap;
		}
		section.search-and-filter #search {
			display: inline-block;
			vertical-align: top;
			position: relative;
			left: 50%;
			top: 50%;
			transform:translate(-50%,-50%);
			text-align: left;
		}
		section.search-and-filter #search .form-element {
			display: inline-block;
			vertical-align: top;
			font-family: NunitoSans;
			font-weight: 300;
			font-size: 1.0rem;
		}
		section.search-and-filter #search .form-element .form-label {
			display: inline-block;
			position: relative;
			vertical-align: middle;
			font-size: 0.8rem;
			line-height: 1.1;
			text-align: right;
			padding-right: 5px;
			text-transform: uppercase;
		}
		/* narrow mobile */	@media screen and (max-width:549px) {
			section.search-and-filter #search .form-element .form-label { 
				display:none; 
			}
			section.search-and-filter #search {
				/*text-align: center;*/
				padding: 0;
				margin: 0;
				font-size: 0;
				line-height: 0;
			}
		}

		section.search-and-filter #search .form-element .form-value {
			display: inline-block;
			vertical-align: middle;
		}
		section.search-and-filter #search .form-element .form-value .input-wrapper {
			display: inline-block;
			vertical-align: middle;
			outline: 0px solid red;
		}
		section.search-and-filter #search .form-element .form-value .input {
			padding: 0px 10px;
			border: 1px solid #999;
			border-radius: 5px;
			box-sizing:content-box;
			font-size: 0.9rem;
			appearance:none;
		}


		section.search-and-filter #search .form-element[data-type="text"]     .form-value .input { height:15px; }
		section.search-and-filter #search .form-element[data-type="dropdown"] .form-value .input { height: 35px;
			background-image: url("../../images/icon/common/84-arrow-line-down-thick.svg");
			background-size: 16px 16px;
			background-repeat: no-repeat;
			background-position: calc(100% - 3px) center;
		}

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

		
		
		section.search-and-filter #search .form-dash {
			display: inline-block;
			vertical-align: middle;
			text-align: center;
		}
		section.search-and-filter #search .form-spacer {
			display: inline-block;
			vertical-align: top;
			width: 0px;
			height: 10px;
		}
		section.search-and-filter #search .form-divider {
			display: inline-block;
			vertical-align: top;
			width: 65px;
		}
		section.search-and-filter #search .form-element[data-type="button"] {}
		section.search-and-filter #search .form-element[data-type="button"] a.form-button {
			display: inline-block;
			vertical-align: top;
			position: relative;
			font-size: 1.0rem;
			line-height: 28px;
			padding: 5px 10px 5px 15px;
			margin-right: 20px;
			height: 27px;
			background-color: var(--steel);
			color: white;
			border-radius: 5px;
			border-top-right-radius: 25px;
			border-bottom-right-radius: 25px;
		}
		section.search-and-filter #search .form-element[data-type="button"] a.form-button i {
			font-size: 28px;
			line-height: 28px;
			float:right;
		}
		section.search-and-filter #search .form-element[data-type="button"] a.form-button i:before { content:"\e955"; }
		section.search-and-filter #search .form-element[data-type="button"] a.form-button em {}
		section.search-and-filter #search .form-element[data-type="button"] a.form-button em:before { content:"Start"; }
		html[lang="ar"] section.search-and-filter #search .form-element[data-type="button"] a.form-button em:before { content:"يبحث"; }
		
		/* desktop */	    @media screen and (min-width:960px)                      {
		
		}
		/* tablet */	    @media screen and (min-width:700px) and (max-width:959px){
			section.search-and-filter #search .form-element[data-type="dropdown"][data-values="prices"] { XXXdisplay: none; }
		}
		/* mobile */	    @media screen and (min-width:550px) and (max-width:699px){
			section.search-and-filter #search .form-element[data-type="dropdown"][data-values="prices"] { XXXdisplay: none; }
		}
		/* narrow mobile */	@media screen and (max-width:549px)                      {
			section.search-and-filter .form-elements {
				display: block;
				white-space: normal; 
			}
			section.search-and-filter #search .form-elements .form-spacer[data-id="1"] {
				display: block;
				height: 5px;
			}
			section.search-and-filter #search .form-element[data-type="dropdown"][data-values="prices"]   {
				/*display: none;*/
				/*display: block;*/
			}
			section.search-and-filter #search .form-element[data-type="dropdown"][data-values="bedrooms"] {
				/*display: none;*/
				/*display: block;*/
			}
			section.search-and-filter #search .form-element .form-value .input[name="prf"] { width: 70px;}
			section.search-and-filter #search .form-element .form-value .input[name="prt"] { width: 70px;}
			section.search-and-filter #search .form-element .form-value .input[name="bdr"] { width: 45px; margin-right: 10px; margin-left: 10px; }
			section.search-and-filter #search .form-element .form-value .input[name="sea"] {width: calc(100vw - 60px); }
			section.search-and-filter #search .form-element[data-type="button"] a.form-button {
				padding: 5px 5px 5px 10px;
				margin-right: 0px;
			}
			section.search-and-filter #search .form-element .form-value .dropdown-placeholder {
				width: 85px;
				margin: 0 -85px -35px 0;
			}
		}
		
		
		
		
		
		
		/* Appearances */
		
			/* type 1 */
			
				html[data-search_type="1"] section.search-and-filter {
					position: relative;
					margin-top: -180px;
				}
				html[data-search_type="1"] section.search-and-filter .dim {
					box-shadow: 0 -5px 15px 0 rgba(0,0,0,0.41);
				}
			
			/* type 2 */
			
				html[data-search_type="2"] section.search-and-filter {
					position: fixed;
				}
				html[data-search_type="2"] section.search-and-filter .dim {
					box-shadow: 0 -5px 15px 0 rgba(0,0,0,0.41);
				}

			/* type 3 */
			
				html[data-search_type="3"] section.search-and-filter {
					position: fixed;
					z-index: 1;
					left: 50%;
					top: 50%;
					right: auto;
					bottom: auto;
					transform:translate(-50%,-50%);
					width: auto;
				}
				html[data-search_type="3"] section.search-and-filter .dim {
					box-shadow: 0 0 15px 0 rgba(0,0,0,0.41);
					border-radius: 89px;
				}
				html[data-search_type="3"] section.search-and-filter .form-global-label i {

				}
				html[data-search_type="3"] section.search-and-filter .form-global-label i:before {
					left: 3px;
					top: 11px;
					font-size: 70px;
				}
				html[data-search_type="3"] section.search-and-filter .form-global-label i:after {
					top: -82px;
					left: -32px;
					display: none;
				}
				
			/* type 4 */
			
				html[data-search_type="4"] section.search-and-filter {
					position: fixed;
					z-index: 200;
					left: 0;
					top: 80px;
					right: 0;
					bottom: auto;
					height: 60px;
				}
				html[data-search_type="4"] section.search-and-filter .dim { box-shadow: 0 15px 15px 0 rgba(0,0,0,0.2); }
				html[data-search_type="4"] section.search-and-filter i:after { display: none; }
				html[data-search_type="4"] section.intro {margin-top: 40px; margin-top: 0;}

		/* narrow mobile */	@media screen and (max-width:549px)                      {
			html[data-search_type="4"] section.search-and-filter { height: 90px; }
		}