@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;
	
	--color_1:          #bc6202;
	--color_2:          #f2a540;
	--color_3:          #75b9ee;
	
	--cookie_icon_size: 100px;
	--navigation_icon_size:  40px;
	--navigation_icon_space: 20px;
}
html[lang="en"] {
}
html[lang="en"] {
	--steel:            #BE9E44;
	--steel_dark: #96875e;
	--steel_light:      #E3C263;
	--steel_extralight: #e9e0c6;
	--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:#57524C;}
	
	XXXhtml[lang="en"] p                 { direction: ltr; }
	XXXhtml[lang="ar"] p[data-lang="ar"] { direction: rtl; }
	
	
	html {
		width: 100vw;
		min-height:100vh;
		overscroll-behavior:contain;
		margin:0;
		padding:0;
		overflow:hidden;
		overflow-x: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 { direction:ltr; text-align: start; }
	html[lang="ar"] h1[data-lang="ar"],h2[data-lang="ar"],h3[data-lang="ar"],h4[data-lang="ar"],h5[data-lang="ar"],h6[data-lang="ar"], p[data-lang="ar"],ul[data-lang="ar"],ol[data-lang="ar"],a[data-lang="ar"],input[data-lang="ar"],textarea[data-lang="ar"],select[data-lang="ar"],em[data-lang="ar"] { direction:rtl; text-align: start; }
	div[lang="en"] h1,
	div[lang="en"] h2,
	div[lang="en"] p { direction: ltr; text-align: start;  }
	div[lang="ar"] h1[data-lang="ar"],
	div[lang="ar"] h2[data-lang="ar"],
	div[lang="ar"] p[data-lang="ar"] { direction: rtl; 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:20px;}
	big {height:40px;}
	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; }
	ul.bigger li { font-size:1.25rem; line-height:1.2; margin-bottom:5px; }
	ul.biggest li { font-size:2.0rem;  line-height:1.2; margin-bottom:10px; }
	
	main h1.centered,
	main h2.centered,
	main h3.centered { text-align: center; }
	
	ul > li > .emoji { font-size: 1.5em; display: inline-block; margin-right: 10px; }
	
	
	.lead p {
		font-size: 1.25rem; line-height: 1.5;
	}
	.indent-left {
		padding-left:3.5em;
	}
	.inset {
		padding: 0 15px;
	}
	
	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 .inset-left {
		padding-left: 25px;
	}
	
	.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-1"] {}
	.columns[data-split="1-1"] > .column:nth-child(1) { width:50%; }
	.columns[data-split="1-1"] > .column:nth-child(2) { width:50%; }
	
	.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%; }
	
	.columns[data-split="4-1"] {}
	.columns[data-split="4-1"] > .column:nth-child(1) { width:80%; }
	.columns[data-split="4-1"] > .column:nth-child(2) { width:20%; }
	
	.columns[data-split="3-1"] {}
	.columns[data-split="3-1"] > .column:nth-child(1) { width:75%; }
	.columns[data-split="3-1"] > .column:nth-child(2) { width:25%; }

	.columns[data-split="2-1"] {}
	.columns[data-split="2-1"] > .column:nth-child(1) { width:66.666%; }
	.columns[data-split="2-1"] > .column:nth-child(2) { width:33.333%; }

	.columns[data-split="2-3"] {}
	.columns[data-split="2-3"] > .column:nth-child(1) { width:40%; }
	.columns[data-split="2-3"] > .column:nth-child(2) { width:60%; }

	.columns[data-split="3-2"] {}
	.columns[data-split="3-2"] > .column:nth-child(1) { width:60%; }
	.columns[data-split="3-2"] > .column:nth-child(2) { width:40%; }

	.columns[data-split="3-4"] {}
	.columns[data-split="3-4"] > .column:nth-child(1) { width:42.8571428571%; }
	.columns[data-split="3-4"] > .column:nth-child(2) { width:57.1428571429%; }

	.columns[data-split="4-5"] {}
	.columns[data-split="4-5"] > .column:nth-child(1) { width:44.4444444444%; }
	.columns[data-split="4-5"] > .column:nth-child(2) { width:55.5555555556%; }

	.columns[data-split="1-1-1"]   > .column { width:33.333%; }
	.columns[data-split="1-1-1-1"] > .column { width:25%; }

	.columns[data-split="1"] > .column,
	.columns[data-columns="1"] > .column { width:100%; }

	/* 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;  }
	}
	.columns > .column > .padding-right {
		padding-right: 25px;
	}
	
	/* hidden on mobile  */	@media screen and (min-width:  0px) and (max-width: 699px) { [data-mobile="0"] { display: none; } }
	/* hidden on desktop */	@media screen and (min-width:700px) and (max-width:9999px) { [data-desktop="0"] { display: none; } }
	
	
	
	a.own-link { font-family:NunitoSans; font-weight:600; color:var(--highlight); display: inline-block; }
	a.foreign-link { font-weight: 700; color:#153572; }
	main p.bold, main p b, main p strong { font-weight: 700; }
	.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; }
	
	ul.simple-list {
		list-style:square;
		margin: 5px 0 5px 1.25em;
	}
	ul.simple-list li {
		list-style:disc;
	}


		.mirror {
			position: relative;
			left: 50%;
			transform: translateX(-50%);
			overflow: visible;
		}
		header .mirror {
	position: absolute;
	bottom: 0;
}
		@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;
		}
		main h1 {
			font-family: Prata;
			color: var(--steel);
			text-align: left;
		}
		main h2 {
			margin-top: 30px;
			margin-bottom: 10px;
			margin: 0;
			color: var(--steel);
		}
		main h1 ~ div.columns {
		}
		
		.chapter {
			font-family: Prata;
			font-size: 7rem;
			line-height: 1.0;
			margin-left: -.15em;
			text-transform: uppercase;
		}
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { .chapter { margin-top:100px; font-size: 6rem; } }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { .chapter { margin-top:100px; font-size: 6rem; } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { .chapter { margin-top:100px; font-size: 6rem; } }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { .chapter { margin-top:100px; font-size: 5rem; } }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { .chapter { padding-top:300px; font-size: 4rem; } }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { .chapter { padding: 0; font-size: 3.5rem; color: white; line-height: 4.2rem;} }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { .chapter { padding: 0; font-size: 2.5rem; color: white; line-height: 1.25;} }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { .chapter { padding: 0; font-size: 2.2rem; color: white; line-height: 1.2;} }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { .chapter { padding: 0; font-size: 2.0rem; color: white; line-height: 1.2;} }
		
		.section-title {
			font-family: Prata;
			font-size: 4.5rem;
			line-height: 1.2;
			margin-left: -.15em;
		}
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { html[lang="en"] .section-title { font-size: 3rem; text-align: center; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { html[lang="en"] .section-title { font-size: 3rem; text-align: center; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { html[lang="en"] .section-title { font-size: 3rem; text-align: center; } }

		.event-title {
			font-family: Prata;
			font-size: 3.0rem;
			line-height: 1.2;
			margin-left: -.15em;
		}
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { html[lang="en"] .event-title { font-size: 2rem; text-align: center; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { html[lang="en"] .event-title { font-size: 2rem; text-align: center; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { html[lang="en"] .event-title { font-size: 2rem; text-align: center; } }

		.main-title {
			font-size: 2.5rem;
			line-height: 1.2;
			margin-left: -.15em;
		}
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { .main-title { font-size: 2.2rem; } }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { .main-title { font-size: 2.0rem; } }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { html[lang="en"] .main-title { margin: 0!important; text-align: center; font-size: 2rem; text-wrap:balance; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { html[lang="en"] .main-title { margin: 0!important; text-align: center; font-size: 2rem; text-wrap:balance; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { html[lang="en"] .main-title { margin: 0!important; text-align: center; font-size: 2rem; text-wrap:balance; } }

		.title {
			font-size: 1.8rem;
			line-height: 1.2;
			margin-left: -.15em;
		}
		.subtitle {
			font-size: 1.5rem;
			line-height: 1.2;
			margin-left: -.15em;
			margin-bottom: 10px;
		}
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {}
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { .subtitle { text-align: center; } }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { .subtitle { text-align: center; } }

		.buttons {
			display: block;
			margin: 10px 0;
		}
		.buttons[data-align="left"] {
			text-align: left;
		}
		.buttons[data-align="right"] {
			text-align: right;
		}
		.buttons a.button {
			display: inline-block;
			background-color: var(--steel);
			background-color: rgba(18,170,233,1.00);
			color: white;
			text-align: center;
			padding: 3px 15px;
			border-radius: 15px;
			opacity: 0.5;
			transition: opacity 0.3s ease;
		}
		.buttons a.button:hover { opacity: 1; }
		
		.buttons a.button[data-size="bigger"] {
			font-size: 1.5rem;
			border-radius: 25px;
			padding: 15px 30px;
		}
	
	
		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; */
		}
		
		img.small-map,
		iframe.small-map {
		}
		img.full-map,
		iframe.full-map {
			width: 100%;
			height: auto;
			aspect-ratio:2/1;
			border:none;
			margin: 0 0 15px 0;
		}
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {}
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { img.full-map, iframe.full-map { aspect-ratio:1/1; } }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { img.full-map, iframe.full-map { aspect-ratio:1/1; } }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { img.full-map, iframe.full-map { aspect-ratio:1/1; } }
		
		
		
	/* 						*/
	/* 						*/
	/* 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%); */
				background-color: var(--color_1);
				background-color: #a28134;
				/* box-shadow: 0 5px 25px 0px #00000040; */
				/* opacity: 0.9; */
				/* background-image:url("../../images/page/startpage/1.webp"); */
				background-repeat: no-repeat;
				background-position: center -5vw;
				background-size: contain;
				background-attachment: fixed;
			}
			/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {}
			/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {}
			/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {}
			/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {}
			/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {}
			/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {}
			/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {}
			/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { .header-background {background-position: center -5vh;background-size: cover;} }
			/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { .header-background {background-position: center -5vh;background-size: cover;} }
			/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { .header-background {background-position: center -5vh;background-size: cover;} }
			/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { .header-background {background-position: center -5vh;background-size: cover;} }
			
			header .site-title {
				font-size: 0.75rem;
				letter-spacing: 0.25pt;
				color: white;
				opacity: .8;
				position: absolute;
				left: -200px;
				width: 600px;
				transform:translateY(-100%);
				background-color: rgba(0,0,0,0.57);
				background-color: transparent;
				text-align: center;
				pointer-events: none;
				/* text-transform: uppercase; */
				bottom: -21px;
			}
			.site-title .st-left  { display: inline-block; }
			.site-title .st-delimiter {
				display: inline-block;
				overflow: hidden;
				text-indent: -1000em;
				width: 24px;
			}
			.site-title .st-right { display: inline-block; }

			
			
			.XXXlogo a span[data-type="positive"] {opacity: 1;visibility: visible;}
			.XXXlogo a span[data-type="negative"] { opacity: 0; }
			.XXXlogo a span[data-type="white"   ] {opacity: 0;}
						
			.menu-placeholder {height: 100px;}
			.menu-placeholder {height: 135px;}
			XXhtml main { padding-top: 50px; }
			
			/* desktop */	@media screen and (min-width:960px)                      {
				.tpl-startpage  .menu-placeholder {height: 100px;}
			}
			/* tablet */	@media screen and (min-width:700px) and (max-width:959px){
				.tpl-startpage  .menu-placeholder {height: 100px;}
			}
			/* mobile */	@media screen and (min-width:550px) and (max-width:699px){
				.tpl-startpage  .menu-placeholder {height: 100px;}
			}
			/* narrow mobile */	@media screen and (max-width:549px)                  {
				.tpl-startpage  .menu-placeholder {height: 100px;}
			}
			
		
		/* 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 - 440px); }
		footer {min-height: 270px;/* min-height: 370px; */}
	

	/* 						*/
	/* 						*/
	/*	HEADER				*/
	/* 						*/
	/* 						*/
	
	header {}
		
		@media screen /* and inside header */ {
			
			header {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				pointer-events: none;
				backdrop-filter: blur(20px);
			}
			.header-background {
				position: fixed;
				top: 0;
				left: 0;
				width:  100vw;
				height: 100px;
				z-index: 190;
				/* opacity: 0.5; */
			}
			
			
			
			
			.quick-links {
				display: block;
				position: fixed;
				z-index: 200;
				left: 0; right: 0;
				top: 100px;
				height: 35px;
				background-color: #BF9E48;
				background-color: var(--steel_light);
				background-color: rgba(18,170,233,0.70);
				text-align: center;
				backdrop-filter:blur(5px);
			}
			.quick-links > .mirror > ul {
				display: inline-block;
				position: relative;
				font-size: 0.8rem;
				line-height: 1.2;
				text-transform: uppercase;
				letter-spacing: 1.5pt;
				color: white;
				padding: 8px 0 0 0;
			}
			.quick-links > .mirror > ul > li {
				display: inline-block;
				vertical-align: middle;
			}
			.quick-links > .mirror > ul > li:first-child { margin-right: 25px; }
			.quick-links > .mirror > ul > li > a {
				display: inline-block;
				vertical-align: top;
				border-radius: 25px;
				padding: 3px 15px;
				background-color: #FFFFFF88;
				color:var(--steel_light);
				color: rgba(18,170,233,1.0);
				font-weight: 600;
				letter-spacing: 0.75pt;
				transition: background-color 0.3s ease;
			}
			.quick-links > .mirror > ul > li > a:hover {
				background-color: #FFFFFFFF;
			}
			.quick-links > .mirror > ul > li > em {
				display: inline-block;
				vertical-align: top;
				padding: 3px 0;
			}
			html                      .quick-links { transition:opacity 0.3s ease 0.5s, transform 0.5s ease 0.5s; }
			html[data-quicklinks="0"] .quick-links { opacity:0; transform:translateY(-55px); }
			html[data-quicklinks="1"] .quick-links { opacity:1; transform:translateY(0px); }

			/* XXXXL   */ @media screen and (min-width:1600px)                        { }
			/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { }
			/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { }
			/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { }
			/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { }
			/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { }
			/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { }
			/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { }
			/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { }
			/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { }
			/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { }
			/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { }

			/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { }
			/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { }
			/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { }
			/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { }
			/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { }
			/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { }
			/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { }
			/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { }
			/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { }
			/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { }
			/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { }
			/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { }
			
			/*    -MS   */ @media screen and (min-width: 0px) and (max-width: 859px) {
			
				.quick-links {
					height: 65px;
				}
				.quick-links > .mirror > ul {
					font-size: 0.9rem;
					text-transform: none;
					letter-spacing: 0.2pt;
					padding: 0;
					width: 100%;
					text-align: center;
					display: block;
					padding: 7px 0 0 0;
				}
				.quick-links > .mirror > ul > li {
					position: absolute;
					position: relative;
					display: block;
					display: inline-block;
					vertical-align: top;
					width: 100%;
					width: calc(50% - 10px);
					margin: 0;
					padding: 0;
					opacity: 0;
					opacity: 1;
					z-index: 1;
					text-align: center;
					transition:opacity 0.5s ease, z-index 0.5s linear;
					animation: tween_links 10s linear infinite;
				}
				.quick-links > .mirror > ul > li:first-child {
					margin: 0 0 5px 0;
				}
				.quick-links > .mirror > ul > li:last-child {
					margin: 0 0 0 0;
				}
				.quick-links > .mirror > ul > li > a {
					background-color: white;
					padding-inline:10px;
					margin-right: 5px;
				}
				.quick-links > .mirror > ul > li em {
					text-align: center;
				}
				
				/*
				.quick-links > .mirror > ul > li:nth-child(1) { animation-delay: 0s; z-index:1; }
				.quick-links > .mirror > ul > li:nth-child(2) { animation-delay: 5s; z-index:-10; }
				@keyframes tween_links {
					0%   { opacity: 0; z-index:-10; }
					5%   { opacity: 1; z-index: 1; }
					45%  { opacity: 1; z-index: 1; }
					50%  { opacity: 0; z-index:-10; }
					100% { opacity: 0; z-index:-10; }
				}
				*/
			}
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			/*				*/
			/* menus 		*/
			/*				*/
			
				/* logo */
				
					header .logo {
						display: block;
						position: fixed;
						left:         50%;
						top: 10px;
						width: 250px;
						margin-left: -100px;
						height: 70px;
						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;
						XXvisibility: hidden;
						XXopacity: 0;
						pointer-events: none;
					}
					XXXheader .logo a span[data-type="negative"] { background-image: url(../../images/logo/en/sup2025-full-logo-horizontal-negative.svg); }
					XXXheader .logo a span[data-type="positive"] { background-image: url(../../images/logo/en/sup2025-full-logo-horizontal-positive.svg); }
					XXXheader .logo a span[data-type="white"   ] { background-image: url(../../images/logo/en/sup2025-full-logo-horizontal-white.svg); }
					
					header .logo a span[data-type="white"   ] { background-image: url(../../images/logo/en/sup2025-full-logo-horizontal-white.svg); }
			
				/* 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="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% - 140px);
						outline: 0px solid red;
					}
					header nav[data-devices="desktop"].global {
						left: 50%;
						transform: translate( calc(-100% - 150px),0% );
						bottom: 10px;
						position: absolute;
					}
					header nav[data-devices="desktop"].local {
						right: 0;
						transform: translate( 0,0% );
						text-align: right;
						bottom: 10px;
						position: absolute;
					}
					header nav[data-devices="desktop"] ul.menu {
						text-transform: uppercase;
						letter-spacing: 1.25pt;
						font-size: 0.7rem;
						margin: auto auto;
						line-height: 1.5;
						/* top: 50%; */
						/* transform: translateY(-50%); */
						position: relative;
					}
					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;
						position: relative;
						vertical-align: bottom;
						margin-right: 0px;
						text-shadow: 0 0 1px white;
						text-align: center;
					}
					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;
						text-align: center;
					}
					header nav[data-devices="desktop"] ul.menu li a       {
						background-color: rgba(255,255,255,0.00);
						color: #FFFFFF88;
					}
					header nav[data-devices="desktop"] ul.menu li a:hover {
						background-color: white;
						color: var(--color_1);
					}
					header nav ul.menu li a em .highlight { color: #FFEC5B; font-weight: 900; }
					header nav ul.menu li a:hover em .highlight { color: #D48917; }
					
					
					/* desktop wider   */	@media screen and (min-width:1240px)                      { }
					/* desktop wide   */	@media screen and (min-width:1040px) and (max-width:1239px){ header nav[data-devices="desktop"] ul.menu { letter-spacing:1pt;                  } header nav[data-devices="desktop"] ul.menu li a { padding-inline:5px; } }
					/* desktop wide   */	@media screen and (min-width: 960px) and (max-width:1039px){ header nav[data-devices="desktop"] ul.menu { letter-spacing:1pt; margin-top:32px; } header nav[data-devices="desktop"] ul.menu li a { padding-inline:5px; } }
					/* desktop normal */	@media screen and (min-width: 700px) and (max-width: 959px){ header nav[data-devices="desktop"] ul.menu { letter-spacing:2pt; margin-top:32px; } header nav[data-devices="desktop"] ul.menu li a { padding-inline:10px; } }
					/* desktop narrow */	@media screen and (min-width: 550px) and (max-width: 699px){ }
					
					/* two lines */
					
					/* desktop wider   */	@media screen and (min-width:1240px)                      {		header nav[data-devices="desktop"] ul.menu li[data-label="training-camps"] .nl { display: block;} 
																											header nav[data-devices="desktop"] ul.menu li[data-label="home"] { top: 2px; } 
											}

				
				
				/* 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(--color_1);
						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 {
	position: relative;
}
		
		@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: 15px;
				}
				
				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 {
				/* opacity: 0.5; */
				}



		}

	/* 						*/
	/* 						*/
	/*	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;
				}
				
				html                 .popups .buttons { display: none; }
				html[data-popup="1"] .popups .buttons { display: block; }
				
				
				.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; 
				}

				


			/* 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: #b75a19;
					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: 0px;
					margin-top: 100px;
					background-color: var(--steel_extralight);
				}
				footer .footer:before {
					content:"";
					display: block;
					position: absolute;
					inset:0;
					border: 0;
					/*
					background-image: url("../../images/elements/wave-cover.white.webp");
					filter: sepia(100) contrast(0.76) saturate(2.4) hue-rotate(-13deg);
					*/
					background-image: url("../../images/elements/wave-cover.sand.webp");
					background-size: 100% 100%;
					width: 200vw;
					height: 80px;
					transform:translateY(-100%);
					/* background-image: url("../../images/elements/wave-cover.white.svg#svgView(preserveAspectRatio(none))"); url(
					../../images/elements/x.svg#svgView(preserveAspectRatio(none)));url(
					../../images/elements/x.svg#svgView(preserveAspectRatio(none)));
					*/
				}
				
				
				/* 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;
					}
					footer .footer .background:before {
						content:"";
						display: block;
						position: absolute;
						left: 0;
						right: 0;
						bottom: -25px;
						border: 0;
						background-image: url("../../images/elements/wave-cover.sand-dark.webp");
						/*
						background-image: url("../../images/elements/wave-cover.white.webp");
						filter: sepia(100) contrast(0.53) saturate(11.5) hue-rotate(-15deg);
						*/
						background-size: 150% 100%;
						width: 300vw;
						height: 50px;
						transform:translate(-30%,-210%);
						transform: translate(-30%,-250%);
						/*background-image: url("../../images/elements/wave-cover.white.svg#svgView(preserveAspectRatio(none))");*/
					}
				
				/* 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="chat"      ] { 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;
						}
					}
					
					.footer .social-links {}
					.footer .social-links p {
						display: inline-block;
						vertical-align: top;
						margin-right: 15px!important;
					}
					.footer .social-links p a {
						text-decoration: none;
						color: #BE9E44;
					}
					.footer .social-links p i {
						display: inline-block!important;
						vertical-align: top;
						width: 15px;
						height: 15px;
						background-size: contain;
						background-repeat: no-repeat;
					}
					.footer .social-links p em {
						display: inline-block!important;
						vertical-align: top;
						font-style:normal;
						margin:0!important;
					}
					.footer .social-links p[data-label="fb"] i { background-image: url("../../images/pictos/social/facebook.svg"); }
					.footer .social-links p[data-label="yt"] i { background-image: url("../../images/pictos/social/youtube.svg"); }
					.footer .social-links p[data-label="ig"] i { background-image: url("../../images/pictos/social/instagram.svg"); }

					.footer .social-links p[data-label="fb"] em:before { content:"Facebook"; }
					.footer .social-links p[data-label="yt"] em:before { content:"YouTube"; }
					.footer .social-links p[data-label="ig"] em:before { content:"Instagram"; }

					/*							*/
					/* 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"] .logos[data-label="organizers"] {
						width: 330px;
						height: 70px;
						position: relative;
						text-align: center;
					}
					.footer .column[data-content="registered"] .logo[data-label="organizers"] i {
						display: block;
						position: relative;
						width: 300px;
						height: 70px;
						margin: 0 0 -70px 0;
						background-size: contain;
						background-repeat: no-repeat;
						background-position: center;
						background-image:url("../../images/logo/en/organizers.color.webp");
						background-image:url("../../images/logo/en/organizers.negative.webp"); opacity: 1;
						background-image:url("../../images/logo/en/organizers.positive.webp"); opacity: .75;
					}
					.footer .column[data-content="registered"] .logo[data-label="organizers"] i:before {
						content:"";
						display: block;
						position: absolute;
						inset:0;
						background-size: contain;
						background-repeat: no-repeat;
						background-position: center;
						background-image:url("../../images/logo/en/organizers.color.webp");
					}
					.footer .column[data-content="registered"] .logo[data-label="organizers"]       i:before { opacity: 0; transition:opacity .3s ease; }
					.footer .column[data-content="registered"] .logo[data-label="organizers"]:hover i:before { opacity: 1; }
					
					
					.footer .column[data-content="registered"] .logo[data-label="organizers"] 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="organizers"] em {}

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

		
		
	/* 						*/
	/* 						*/
	/* COUNTERS 			*/
	/* 						*/
	/* 						*/
	
		.counters-container {
			position: fixed;
			left: -3vw;
			right: 0;
			bottom: 0px;
			height: 50px;
			font-family: NunitoSans;
			font-weight: 300;
			/*text-transform: uppercase;*/
			/*letter-spacing: 0.3pt;*/
			background-color: var(--steel_light);
			background-color: #a28134;
			z-index: 1;
			/* height: 150px; */
		}
		.counters-container:after {
			content: "";
			display: block;
			position: absolute;
			inset: 0;
			border: 0;
			background-image: url("../../images/elements/wave-cover.sand-darkest.webp");
			background-size: 100% 100%;
			width: 200vw;
			height: 80px;
			transform: translateY(-80%);
			z-index: -1;
		}
		.counters-container ul.counters {
			display: block;
			position: relative;
			height: inherit;
			margin: 0;
			padding: 0;
			white-space: nowrap;
			font-size: 0;
			line-height: 0;
			text-align: center;
			top: -5px;
			color: white;
		}
		.counters-container ul.counters li {
			display: inline-block;
			position: relative;
			width:  auto;
			height: auto;
			font-size: 1.0rem;
			line-height: 1.1;
			white-space: normal;
			margin: 0 5px;
	}
		.counters-container ul.counters li[data-label="duc"] { }
		.counters-container ul.counters li[data-label="atr"] { }
		.counters-container ul.counters li[data-label="pna"] { }
		
		.counters-container ul.counters li[data-label="duc"] span.c-l:before { content:""; }
		.counters-container ul.counters li[data-label="atr"] span.c-l:before { content:""; }
		.counters-container ul.counters li[data-label="pna"] span.c-l:before { content:""; }
		
		.counters-container ul.counters li i {}
		.counters-container ul.counters li span {}
		.counters-container ul.counters li span.c-l {
			display: inline-block;
			vertical-align: middle;
			text-align: right;
			max-width: 110px;
			padding-right: 5px;
		}
		.counters-container ul.counters li span.c-v {
			display: inline-block;
			vertical-align: middle;
			text-align: left;
			font-size: 2.8rem;
			line-height: 1;
			font-weight: 700;
		}
		footer .footer {
			padding-bottom: 50px;
		}
		/* mobile */	@media screen and (max-width:699px){
			.counters-container ul.counters li span.c-l {
				Xdisplay: block;
				max-width: 200px; 
				Xfont-size: 0.8rem; 
				Xtext-align: center; 
			}
			.counters-container ul.counters li span.c-v {
				Xdisplay: block;
				Xfont-size: 1.5rem;
				Xtext-align: center; 
			}
		}
		
		#remaining-time {
			display: block;
			position: relative;
			font-size: 2.4rem;
			line-height: 1;
			top: 0;
			margin: 0; padding: 0;
			white-space: nowrap;
			letter-spacing: 0;
			height: auto;
		}
		#remaining-time .counter-value {
			display: flex;
			font-size: 2.4rem;
			transform:scale(0.85,1);
			transform:none;
			transform-origin: left top;
			margin: 0;
			padding: 0;
			white-space: nowrap;
		}
		#remaining-time .counter-label {
			display: flex;
			margin: 0;
			padding: 0;
		}

		#remaining-time .counter-value .c-b,
		#remaining-time .counter-value .c-s,
		#remaining-time .counter-value .c-g,
		#remaining-time .counter-value .c-d {
			display: inline-block;
			vertical-align: top;
			position: relative;
			margin: 0 0 0 0;
			padding: 0;
			text-align: center;
			font-weight: 400;
			font-size: 20px;
		}
		#remaining-time .counter-label .c-b,
		#remaining-time .counter-label .c-s,
		#remaining-time .counter-label .c-g,
		#remaining-time .counter-label .c-g {
			font-weight: 300;
			font-size: 11px;
			text-align: center;
			opacity: 0.75;
		}

		#remaining-time .counter-value .c-b {width: 40px;opacity: 0.75;font-weight: 800;}
		#remaining-time .counter-value .c-s { width: 40px; }
		#remaining-time .counter-value .c-d {width: 0px;}
		#remaining-time .counter-value .c-g {width: 3px;}
		#remaining-time .counter-label .c-b { width: 40px; }
		#remaining-time .counter-label .c-s { width: 40px; }
		#remaining-time .counter-label .c-d {width: 0px;}
		#remaining-time .counter-label .c-g {width: 3px;}

		/* XXXXL   */ @media screen and (min-width:1600px)                        { }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { .counters-container ul.counters { transform: scale(0.85); }}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { .counters-container ul.counters { transform: scale(0.85); }}
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { .counters-container ul.counters { transform: scale(0.85); }}
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { .counters-container ul.counters { transform: scale(0.85); }}
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { .counters-container ul.counters { transform: scale(0.85); }}

		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { }

		/*    -MS   */ @media screen and (min-width: 0px) and (max-width: 859px) {
			.counters-container {
				
			}
			.counters-container ul.counters {
				position: relative;
			}
			.counters-container ul.counters li {
				position: absolute;
				display: block;
				opacity: 0;
				left: 50%;
				transform:translateX(-50%);
				animation: tween_counters 9s linear infinite;
				transition-duration: 0.5s;
			}
			.counters-container ul.counters li:nth-child(1) { animation-delay: 0s; }
			.counters-container ul.counters li:nth-child(2) { animation-delay: 3s; }
			.counters-container ul.counters li:nth-child(3) { animation-delay: 6s; }
			@keyframes tween_counters {
				0% { opacity: 0; }
				5% { opacity: 1; }
				30% { opacity: 1; }
				35% { opacity: 0; }
				100% { opacity: 0; }
			}
		}
		
		
		
		
		
	/*							*/
	/*							*/
	/* 	 	NOTIFICATION		*/
	/*							*/
	/*							*/
	
		#notifications {
			position: fixed;
			right: 0;
			bottom: 0;
			width: 400px;
			height: 100vh;
			outline: 1px dashed green;
			pointer-events: none;
			outline: none;
			z-index: 95000;
		}
		#notifications .n-items {
			position: absolute;
			bottom: 10px;
			right:  10px;
			width: 100%;
		}
		#notifications .n-items .n-item {
			display: block;
			position: relative;
			opacity: 1;
			left: 0;
			width: 100%;
			max-height: 1000px;
			overflow: visible;
			overflow: hidden;
			transition: opacity 0.5s ease 0s, left 0s ease, max-height 0.5s ease 0s;
			pointer-events: all;
			user-select: none;
		}
		#notifications .n-items .n-item[data-hidden="1"] {
			opacity: 0;
			max-height: 0;
			left: 400px;
			transition: opacity 0.5s ease 0.5s, left 0.5s ease, max-height 0.25s ease 0.25s;
		}
		#notifications .n-items .n-item .n-content {
			position: relative;
			z-index: 1;
			margin: 10px 10px 10px 10px;
			padding: 25px 20px 20px 60px;
			border-radius: 5px;
			background-color: rgba(44,193,255,1.00);
			background-color: inherit;
			box-shadow: 0 3px 10px 0 rgba(0,0,0,0.23);
		}
		#notifications .n-items .n-item .n-content .n-title {
			font-family: Prata;
			font-weight: 600;
			font-size:1.3rem;
			line-height:1.2;
			color:white;
			color: inherit;
			margin-bottom:10px;
		}
		#notifications .n-items .n-item .n-content .n-copy {
			font-family: NunitoSans;
			font-weight: 300;
			font-size:1.0rem;
			line-height:1.25;
			user-select: none;			
			color:white;
			color: inherit;
		}
		
		#notifications .n-items .n-item .n-content .n-button a:empty { display: none; }
		#notifications .n-items .n-item .n-content .n-button a {
			display: inline-block;
			margin: 15px 0 0 0;
			padding: 3px 15px 5px 15px;
			border-radius: 15px;
			background-color: white;
			color: rgba(31,152,202,1.00);
			text-decoration: none;
			font-family: NunitoSans;
			font-weight: 800;
			box-shadow: 0 0 0 0 white;
			transition: box-shadow 0.5s ease;
		}
		#notifications .n-items .n-item .n-content .n-button a:hover {
			box-shadow: 0 0 55px 5px white;
		}
		/* color scheme */
		
		#notifications .n-items .n-item[data-scheme="0"] .n-content .n-button a       { background-color:black; color: white; }
		#notifications .n-items .n-item[data-scheme="0"] .n-content .n-button a:hover { box-shadow: 0 0 55px 5px white; }
		#notifications .n-items .n-item[data-scheme="1"] .n-content .n-button a       { background-color:white; color: black; }
		#notifications .n-items .n-item[data-scheme="1"] .n-content .n-button a:hover { box-shadow: 0 0 55px 5px white; }
		
		
		#notifications .n-items .n-item .n-picto {
			float: left;
			display: block;
			position: relative;
			z-index: 20;
			width:       45px;
			height:      45px;
			margin: 0 0 -45px 0;
			left: 20px;
			top: 25px;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
		}
		#notifications .n-items .n-item[data-type="1"][data-scheme="0"] .n-picto { background-image: url("../../images/notification/positive/ad.svg"); }
		#notifications .n-items .n-item[data-type="2"][data-scheme="0"] .n-picto { background-image: url("../../images/notification/positive/info.svg"); }
		#notifications .n-items .n-item[data-type="3"][data-scheme="0"] .n-picto { background-image: url("../../images/notification/positive/locked.svg"); }
		#notifications .n-items .n-item[data-type="4"][data-scheme="0"] .n-picto { background-image: url("../../images/notification/positive/checked.svg"); }

		#notifications .n-items .n-item[data-type="1"][data-scheme="1"] .n-picto { background-image: url("../../images/notification/negative/ad.svg"); }
		#notifications .n-items .n-item[data-type="2"][data-scheme="1"] .n-picto { background-image: url("../../images/notification/negative/info.svg"); }
		#notifications .n-items .n-item[data-type="3"][data-scheme="1"] .n-picto { background-image: url("../../images/notification/negative/locked.svg"); }
		#notifications .n-items .n-item[data-type="4"][data-scheme="1"] .n-picto { background-image: url("../../images/notification/negative/checked.svg"); }

		#notifications .n-items .n-item .n-close-button {
			float: right;
			display: block;
			position: relative;
			z-index: 20;
			width:       20px;
			height:      20px;
			margin: 0 0 -20px 0;
			top:  15px;
			left: -15px;
			background-color: white;
			background-image: url("../../images/notification/positive/clear.svg");
			background-size: 15px;
			background-position: center;
			border-radius: 15px;
			pointer-events: all;
			cursor: pointer;
			opacity: 0.25;
			transition: opacity 0.3s ease;
		}
		#notifications .n-items .n-item[data-scheme="0"] .n-close-button {
			background-color:black;
			background-image: url("../../images/notification/negative/clear.svg");
		}
		#notifications .n-items .n-item[data-scheme="1"] .n-close-button {
			background-color:white;
			background-image: url("../../images/notification/positive/clear.svg");
		}
		
		#notifications .n-items .n-item:hover .n-close-button {
			opacity: 1;
		}
		
		
		/* XXXXL   */ @media screen and (min-width:1600px)                        { }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { }
		
		/*    -S   */ @media screen and (min-width:   0px) and (max-width: 699px) {
			#notifications .n-items {
				bottom: 10px;
				right:  auto;
			}
			#notifications .n-items .n-item .n-content {
				box-shadow: 0 3px 10px 0 rgba(0,0,0,0.3);
			}
			html[data-cookie_consent="1"] #notifications {
				display: none;
			}
		}
		
		
		
		
		
		
		
		
		
		
		
		
		#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; }
		
		
		#admin-bar { display: none; }
 
		
		
		
		ul.bulleted-list {
			padding-left: 1em;
		}
		ul.bulleted-list li {
			list-style:disc;
			padding-left: 0.75em;
		}
		ol.roman-numbered-list {
			padding-left: 1em;
		}
		ol.roman-numbered-list li {
			list-style: decimal;
			padding-left: 0.75em;
		}
		
		figure.custom-map {
			width: 100%;
			aspect-ratio:20/11;
			border-radius: 5px;
			background-size: cover;
			background-repeat: no-repeat;
		}







.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; }
	
	#XXXPOINTER: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"] #XXXPOINTER: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;
	}
	
	html[data-location="development"][data-pc="1"] section { outline: 1px dashed rgba(255,0,255,1.00);}
	html[data-location="development"][data-pc="1"] section > .mirror { outline: 1px solid rgba(27,171,255,1.00);}
	html[data-location="development"][data-pc="1"] small,
	html[data-location="development"][data-pc="1"] big { background-color: aquamarine; }
	html[data-location="development"][data-pc="1"] div { background-color: rgba(0,255,255,0.2); }
	html[data-location="development"][data-pc="1"] div > div { background-color: rgba(0,255,96,0.20); }
	html[data-location="development"][data-pc="1"] div > div > div { background-color: rgba(219,255,0,0.20); }
	
	
	
	#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; }
	
	
	
	
	
	
	
	/* responsives */

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

	/* XXXXL   */ @media screen and (min-width:1600px)                        { html[data-location="development"]:before { content:" XXXXL 1600px- ";     border-left-color:#F8FF20; } }
	/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { html[data-location="development"]:before { content:" XXXL  1440-1599px "; border-left-color:#00FF1B; } }
	/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { html[data-location="development"]:before { content:" XXL   1240-1439px "; border-left-color:#0085AA; } }
	/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { html[data-location="development"]:before { content:" XL    1040-1139px "; border-left-color:#02CEB5; } }
	/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { html[data-location="development"]:before { content:" L      960-1039px "; border-left-color:#0ED773; } }
	/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { html[data-location="development"]:before { content:" M      860- 959px ";  border-left-color:#44D70E; } }
	/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { html[data-location="development"]:before { content:" MS     700- 859px ";  border-left-color:#A0D70E; } }
	/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { html[data-location="development"]:before { content:" S      580- 699px ";  border-left-color:#D7CC0E; } }
	/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { html[data-location="development"]:before { content:" XS     520- 579px ";  border-left-color:#D7A60E; } }
	/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { html[data-location="development"]:before { content:" XXS    440- 519px ";  border-left-color:#BDD70E; } }
	/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { html[data-location="development"]:before { content:" XXXS   330- 439px ";  border-left-color:#B1570B; } }
	/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { html[data-location="development"]:before { content:" XXXXS    0- 329px ";  border-left-color:#B10B6D; } }

	/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { html[data-location="development"]:before { content:" XXL   1240-1439px (XXL4 1400-1439px)"; border-left-color:#2CD0FF; } }
	/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { html[data-location="development"]:before { content:" XXL   1240-1439px (XXL3 1340-1399px)"; border-left-color:#A34FFF; } }
	/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { html[data-location="development"]:before { content:" XXL   1240-1439px (XXL2 1300-1339px)"; border-left-color:#FF1594; } }
	/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { html[data-location="development"]:before { content:" XXL   1240-1439px (XXL1 1240-1299px)"; border-left-color:#00E47C; } }
	/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { html[data-location="development"]:before { content:" XL    1040-1239px (XL4  1200-1239px)"; border-left-color:#19FDE1; } }
	/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { html[data-location="development"]:before { content:" XL    1040-1239px (XL3  1140-1199px)"; border-left-color:#0BB8FF; } }
	/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { html[data-location="development"]:before { content:" XL    1040-1239px (XL2  1100-1139px)"; border-left-color:#006CFF; } }
	/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { html[data-location="development"]:before { content:" XL    1040-1239px (XL1  1040-1099px)"; border-left-color:#3500FF; } }
	/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { html[data-location="development"]:before { content:" M      860-959    (M2    900- 959px)"; border-left-color:#0EC2D7; } }
	/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { html[data-location="development"]:before { content:" M      860-959    (M1    860- 899px)"; border-left-color:#0ED7A5; } }
	/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { html[data-location="development"]:before { content:" XXXS   330- 439px (XXXS2 400- 439px)"; border-left-color:#E77616; } }
	/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { html[data-location="development"]:before { content:" XXXS   330- 439px (XXXS1 330- 399px)"; border-left-color:#F2C512; } }

	Xhtml[data-location="development"] .column {
		outline: 1px dashed #12CE8D;
	}