/* general css */

/* vars */
:root{
	--c-g:			#708090;
	--c-l:			#cbd3db;
	--c-ml:			#dbe3eb;
	--c-bar:		#eceef0;
	--c-headgrad:	#eef2f8;
	--c-xl:			#eef2f8;
	--c-xl2:		#f4f6f8;
	--c-xxl:		#f7f9fb;

	--c-blue:		#003fa0;

	--c-error:		#dc3545;
	--c-font:		#333;
	--c-hidden:		#a9a9a9;
	--c-i:			#003fa0;	/* control icon color in grids */
	--c-info:		#708090;
	--c-ok:			#24973e;
	--c-req:		#ffe2e2;
	--c-warn:		#f2b600;

	--c-frost:		rgb(215,235,255,.25);
	--c-frostinput:	rgb(0,0,0,.2);
	--c-loginbg:	#000;

	--c-f-tx:		var(--c-font);
	--c-f-cdonly:	var(--c-blue);

	--c-bobox:		var(--c-l);
	--c-hint:		var(--c-f-tx);

	--c-b-bg:			var(--c-xl2);
	--c-b-tx:			var(--c-font);
	--c-b2-bg:			var(--c-b-bg);
	--c-b2-tx:			var(--c-b-tx);
	--c-b-shadow:		rgb(0,0,0,.4);
	--c-b-bo:			var(--c-g);
	--c-b-round1-bg1:	#fff;
	--c-b-round1-bg2:	#f4f1ee;

	--h0-1:			0;
	--w0-1:			0;
	--h0-1px:		0;
	--w0-1px:		0;

	--w0xxs-1ms:	0;
	--w0md-1xl:		0;
	--w2xxs-1xs:	2;

	--w1-ms:		1;
	--w1md-:		0;

	--mv:			calc(.5em + .5em * var(--h0-1));
	--mh:			calc(1ch + .7ch * var(--w0-1));
	--m-v:			calc(-1 * var(--mv));
	--m-h:			calc(-1 * var(--mh));
	--mvh:			calc(var(--mv) / 2);
	--mhh:			calc(var(--mh) / 2);
	--m-vh:			calc(var(--m-v) / 2);
	--m-hh:			calc(var(--m-h) / 2);

	--mthead:		1em;
	--mbhead:		.5em;

	--b-x:			1;
	--b-icgap:		1ch;
	--b-txshift:	0em;
	--b-fw:			400;
	--b-fw2:		400;
	--b-fs:			1em;
	--b-bos:		solid;
	--b-bowd:		.08em;

	--boxbor:		0;
	--boxx:			1;
	--boxpt:		calc(.1em	+	var(--boxx) * .2em);
	--boxph:		calc(.5ch	+	var(--boxx) * 1ch);
	--boxpb:		calc(.16em	+	var(--boxx) * .34em);

	--finwdmin:		var(--wdmintx);

	--fw:			400;
	--fs:			calc(13px + 5px * var(--w0-1));
	--ls:			normal;
	--lh:			normal;

	--fwh1:700;	--fsh1:1.75em;	--fdh1:none;	--lsh1:normal;	--lhh1:normal;	--mth1:.7em;	--mbh1:.4em;
	--fwh2:700;	--fsh2:1.5em;	--fdh2:none;	--lsh2:normal;	--lhh2:normal;	--mth2:.7em;	--mbh2:.4em;
	--fwh3:700;	--fsh3:1.25em;	--fdh3:none;	--lsh3:normal;	--lhh3:normal;	--mth3:.7em;	--mbh3:.4em;
	--fwh4:700;	--fsh4:1.25em;	--fdh4:none;	--lsh4:normal;	--lhh4:normal;	--mth4:.4em;	--mbh4:.4em;
	--fwh5:700;	--fsh5:1.25em;	--fdh5:none;	--lsh5:normal;	--lhh5:normal;	--mth5:.4em;	--mbh5:.4em;
	--fwh6:700;	--fsh6:1.25em;	--fdh6:none;	--lsh6:normal;	--lhh6:normal;	--mth6:.4em;	--mbh6:.4em;

	--hintfs:		.9em;
	--hintopa:		.6;

	--hyl:			5;
	--hyr:			5;
	--hymin:		6;

	--fafont:		'Font Awesome 6 Pro';
	--ffdef:		'Segoe UI','Droid Sans','Helvetica Neue','Lucida Grande',Ubuntu,'Myriad Pro',Myriad,'Trebuchet MS',Calibri,Helvetica,Arial,sans-serif;
	--linkfd:		none;
	--linkhoverfd:	none;
	--tblx:			1;
	--wdminimg:		var(--wdmintx);
	--wdmintx:		24ch;
	--wdwebtx:		1170px;
	--wdwebcont:	1200px;
	--zmax:			99999;
}

.el_left,
.el_right,
.floatl,
.floatr{	margin-bottom:var(--mv)	}

/* min + (100vh - 360px) * (max - min) / (1080 - 360) */
/* min + (100vw - 480px) * (max - min) / (1200 - 480) */

@media(min-height:360px){	:root{	--h0-1px:	calc((100vh - 360px) / 720)	}	}
@media(min-height:376px){	:root{	--h0-1:		0.02	}	}
@media(min-height:408px){	:root{	--h0-1:		0.07	}	}
@media(min-height:440px){	:root{	--h0-1:		0.11	}	}
@media(min-height:472px){	:root{	--h0-1:		0.16	}	}
@media(min-height:504px){	:root{	--h0-1:		0.20	}	}
@media(min-height:536px){	:root{	--h0-1:		0.24	}	}
@media(min-height:568px){	:root{	--h0-1:		0.29		}	}
@media(min-height:600px){	:root{	--h0-1:		0.33	}	}
@media(min-height:632px){	:root{	--h0-1:		0.38	}	}
@media(min-height:664px){	:root{	--h0-1:		0.42	}	}
@media(min-height:696px){	:root{	--h0-1:		0.47	}	}
@media(min-height:728px){	:root{	--h0-1:		0.51	}	}
@media(min-height:768px){	:root{	--h0-1:		0.57	}
							.hidehsm-{	display:none !important	}	}
@media(min-height:792px){	:root{	--h0-1:		0.60	}	}
@media(min-height:824px){	:root{	--h0-1:		0.64	}	}
@media(min-height:856px){	:root{	--h0-1:		0.69		}	}
@media(min-height:888px){	:root{	--h0-1:		0.73	}	}
@media(min-height:920px){	:root{	--h0-1:		0.78	}	}
@media(min-height:952px){	:root{	--h0-1:		0.82	}	}
@media(min-height:984px){	:root{	--h0-1:		0.87	}	}
@media(min-height:1016px){	:root{	--h0-1:		0.91	}	}
@media(min-height:1048px){	:root{	--h0-1:		0.96	}	}
@media(min-height:1080px){	:root{	--h0-1:		1;
									--h0-1px:	1px		}	}
@media(max-height: 767px){	.hideh-sm{	display:none !important	}	}

@media(min-width:224px){	:root{	--w2xxs-1xs:1.89	}	}
@media(min-width:256px){	:root{	--w2xxs-1xs:1.78;
									--w0xxs-1ms:0.09	}	}
@media(min-width:288px){	:root{	--w2xxs-1xs:1.67;
									--w0xxs-1ms:0.18	}	}
@media(min-width:320px){	:root{	--w2xxs-1xs:1.56;
									--w0xxs-1ms:0.27	}	}
@media(min-width:352px){	:root{	--w2xxs-1xs:1.44;
									--w0xxs-1ms:0.36	}	}
@media(min-width:384px){	:root{	--w2xxs-1xs:1.33;
									--w0xxs-1ms:0.45	}	}
@media(min-width:416px){	:root{	--w2xxs-1xs:1.22;
									--w0xxs-1ms:0.55	}	}
@media(min-width:448px){	:root{	--w2xxs-1xs:1.11;
									--w0xxs-1ms:0.64	}	}
@media(min-width:480px){	:root{	--w0-1px:	calc((100vw - 480px) / 720);
									--w2xxs-1xs:1;
									--w0xxs-1ms:0.73	}
							.hidewxs-{	display:none !important	}	}
@media(min-width:512px){	:root{	--w0-1:		0.04;
									--w0xxs-1ms:0.82	}	}
@media(min-width:544px){	:root{	--w0-1:		0.09;
									--w0xxs-1ms:0.91	}	}
@media(min-width:576px){	:root{	--w0-1:		0.13;
									--w0xxs-1ms:1;
									--w1-ms:0	}
							.hidewms-{	display:none !important	}	}
@media(min-width:608px){	:root{	--w0-1:		0.18	}	}
@media(min-width:640px){	:root{	--w0-1:		0.22	}	}
@media(min-width:672px){	:root{	--w0-1:		0.27	}	}
@media(min-width:704px){	:root{	--w0-1:		0.31	}	}
@media(min-width:736px){	:root{	--w0-1:		0.36	}	}
@media(min-width:768px){	:root{	--w0-1:		0.4		}
							.hidewsm-{	display:none !important	}
							.el_left:before,
							.el_right:before,
							.floatl:before,
							.floatr:before{
								content:'';
								display:block;
								height:var(--top);
							}
							.el_left:before,
							.floatl:before{	float:left	}
							.el_right:before,
							.floatr:before{	float:right	}
							.el_left>*,
							.el_right>*,
							.floatl>*,
							.floatr>*{
								clear:both;
								float:left;
								width:var(--wd);
								margin:1em 3ch 1em var(--ml);
							}
							.el_left>*,
							.el_right>*{	margin:1em 3ch 1em var(--ml)	}
							.el_right>*,
							.floatr>*{	margin:1em var(--mr) 1em 3ch	}
							.floatl>*,
							.floatr>*{	padding:1em 3ch	}	}
@media(min-width:800px){	:root{	--w0-1:		0.44	}	}
@media(min-width:832px){	:root{	--w0-1:		0.49	}	}
@media(min-width:864px){	:root{	--w0-1:		0.53	}	}
@media(min-width:896px){	:root{	--w0-1:		0.58	}	}
@media(min-width:928px){	:root{	--w0-1:		0.62	}	}
@media(min-width:960px){	:root{	--w0-1:		0.67	}	}
@media(min-width:992px){	:root{	--w0-1:		0.71;
									--w1md-:	1		}
							.ht0md-{	height:0	}
							.hidewmd-{	display:none !important	}	}
@media(min-width:1024px){	:root{	--w0-1:		0.76;
									--w0md-1xl:	0.05	}	}
@media(min-width:1056px){	:root{	--w0-1:		0.8	;
									--w0md-1xl:	0.11	}	}
@media(min-width:1088px){	:root{	--w0-1:		0.84;
									--w0md-1xl:	0.16	}	}
@media(min-width:1120px){	:root{	--w0-1:		0.89;
									--w0md-1xl:	0.21	}	}
@media(min-width:1152px){	:root{	--w0-1:		0.93;
									--w0md-1xl:	0.26	}	}
@media(min-width:1184px){	:root{	--w0-1:		0.98;
									--w0md-1xl:	0.32	}	}
@media(min-width:1200px){	:root{	--w0-1:		1;
									--w0-1px:	1px		}
							.hidewlg-{	display:none !important	}	}
@media(min-width:1216px){	:root{	--w0md-1xl:	0.37	}	}
@media(min-width:1248px){	:root{	--w0md-1xl:	0.42	}	}
@media(min-width:1280px){	:root{	--w0md-1xl:	0.47	}	}
@media(min-width:1312px){	:root{	--w0md-1xl:	0.53	}	}
@media(min-width:1344px){	:root{	--w0md-1xl:	0.58	}	}
@media(min-width:1376px){	:root{	--w0md-1xl:	0.63	}	}
@media(min-width:1408px){	:root{	--w0md-1xl:	0.68	}	}
@media(min-width:1440px){	:root{	--w0md-1xl:	0.74	}	}
@media(min-width:1472px){	:root{	--w0md-1xl:	0.79	}	}
@media(min-width:1504px){	:root{	--w0md-1xl:	0.84	}	}
@media(min-width:1536px){	:root{	--w0md-1xl:	0.89	}	}
@media(min-width:1568px){	:root{	--w0md-1xl:	0.95	}	}
@media(min-width:1600px){	:root{	--w0md-1xl:	1		}	}

@media(max-width: 479px){	.hidew-xs{	display:none !important	}	}
@media(max-width: 575px){	.hidew-ms{	display:none !important	}	}
@media(max-width: 767px){	.hidew-sm{	display:none !important	}	}
@media(max-width: 991px){	.hidew-md{	display:none !important	}	}
@media(max-width:1199px){	.hidew-lg{	display:none !important	}	}

/* small smartphones, touchscreens, etc. */
@media(max-width:991px) and (hover:none) and (pointer:coarse)	{	.hidetouch{	display:none !important	}	}


*,*::before,*::after	{	box-sizing:border-box	}

html{
	height:100%;
}
html,body{
	color			:var(--c-font);
	font-family		:var(--ff);
	font-weight		:var(--fw);
	font-size		:var(--fs);
	letter-spacing	:var(--ls);
	line-height		:var(--lh);
	hyphens:auto;
	hyphenate-limit-chars:var(--hymin) var(--hyl) var(--hyr);
	-webkit-hyphenate-limit-before:var(--hyl); 
	-webkit-hyphenate-limit-after:var(--hyr);  
	overflow-wrap:break-word;
}

p	{	margin:0 0 .65em	}

.logoc,
.logor,
.logo{
	height:auto;
	max-height:100%;
	width:100%;
	max-width:100%;
	object-fit:contain;
	object-position:left;
}
.logoc	{	object-position:center	}
.logor	{	object-position:right	}

.mylist ul{
	list-style-position:inside;
	margin-right:1.4em;
}
.mylist li{
	position:relative;
	left:1.4em;
	text-indent:-1.4em;
}

lite-youtube				{	width:100%	}
lite-youtube>.lty-playbtn	{	height:calc(24px + 12px * var(--w0-1)) !important;	width:calc(34px + 17px * var(--w0-1)) !important	}

/* Bootstrap adjustment */
.row	{	clear:both	}

/* wow adjustment */
.wow	{	visibility:visible !important	}

/* jquery user interface adjustments */
.ui-button	{	font-family:var(--ff)	}

.ui-dialog{
	border:0;
	padding:0;
	display:flex;
	flex-direction:column;
	z-index:100001; /* > zmax and 20000 of dhtmlx */
}
.clockpicker-popover	{	z-index:100002	} /* > zmax && 21001 of ui-dialog */

.ui-dialog,
.ui-datepicker{
	max-height:100vh;
	font-family:inherit;
	box-shadow:0 0 8px 4px rgb(0,0,0,.1);
}

.ui-dialog-title{
	width:100% !important;
/*	overflow:visible !important;	*/
	color:#fff;
	font-size:1.2em;
	letter-spacing:.1em;
	text-shadow:.01em .01em .2em rgb(0,0,0,.6);
}

.ui-dialog:not(.wdfix)					{	width:100% !important;	max-width:fit-content !important	}

.ui-dialog .ui-dialog-buttonpane		{	padding:var(--mvh)	var(--mh)	}
.ui-dialog .ui-dialog-buttonpane button {	margin:0 0 0 1ch	}

.ui-dialog .ui-dialog-titlebar			{	padding:var(--mvh)	var(--mh)	}
.ui-dialog .ui-dialog-titlebar-close	{	right:var(--mh)	}

.ui-dialog .mcdlg-content				{	min-height:0 !important; padding:var(--mv) var(--mh)	}
.ui-dialog.noybar .mcdlg-content		{	overflow-y:hidden	}
.ui-dialog .mcdlg-content:not(.htfix)	{	flex:1	}
.ui-dialog .mcdlg-content p				{	margin:.6em 0	}
.ui-dialog .mcdlg-content .mcsel		{	z-index:22000	}

.ui-dialog .mcdlg-title-error			{	color:#fff;background-color:var(--c-error)	}
.ui-dialog .mcdlg-title-warn			{	color:#000;background-color:var(--c-warn)	}

.ui-dialog .mcdlg-content .mcwaves		{	margin:var(--m-v) var(--m-h); padding:var(--mv) var(--mh)	}

.mcdlg-info{
	border-radius:var(--mybor);
	width:max-content !important;
	max-width:90vw;
	min-width:15ch;
	padding:.6em;
	background-color:#ffc;
	color:#444;
	z-index:11000;
	transition:all .5s ease;
}

.ui-progressbar .ui-progressbar-value	{	margin:0	}

.ui-widget			{	outline:none	}
.ui-widget *		{	font-family:inherit	!important	}
.ui-widget-header	{	border:0	}

.ui-widget-overlay{
	z-index:21000;
	opacity:.2;
	background-color:#000;
}

/* date/time */
.dt						{	display:flex;	justify-content:space-between;	column-gap:var(--mhh)	}
.dt>b					{	display:inline-block;	font-weight:normal;	white-space:nowrap	}
.dt>b>i					{	display:inline-block;	font-style:normal	}
.dt>b>i:nth-child(1)	{	font-size:max(80%,var(--fsmin));	width:3ch;	text-align:left	}
.dt>b>i:nth-child(2)	{	font-size:120%;	margin-top:-.2em;	width:2ch;	text-align:right;	font-weight:700	}
.dt>b>i:nth-child(3)	{	font-size:max(80%,var(--fsmin));	margin-left:.5ch	}

/* table */
:root{
	--c-tbldef:		var(--c-g);
	--c-trbo:		var(--c-l);
	--c-tr:			var(--c-xxl);

	--tdx:1;
	--mvtbl:.5em;
}
.tbldef{
	--pvth:calc(.4em + (.2em * var(--tdx)));
	--pvtd:calc(.2em + (.3em * var(--tdx)));
	--phtd:calc(.4ch + (.3ch * var(--tdx)));

	border:1px solid var(--c-tbldef);
	border-collapse:collapse;
}
.tbldef.xs							{	--tdx:0		}
.tbldef.s							{	--tdx:.5	}
.tbldef.l							{	--tdx:1.5	}
.tbldef.xl							{	--tdx:2		}
.tbldef thead	tr					{	background-color:var(--c-tbldef);	color:#fff	}
.tbldef 			th				{	padding:var(--pvth) var(--phtd)	}
.tbldef 				td			{	padding:var(--pvtd) var(--phtd)	}
.tbldef tbody	tr					{	border-bottom:1px solid var(--c-trbo)	}
.tbldef tbody	tr:nth-of-type(even){	background-color:var(--c-tr)	}
.tbldef tbody	tr.active-row		{	font-weight:bold;color:var(--c-trbo)	}

/* responsive table */
:root{
	--tblv1:		0;
	--tblh1:		1;
	--tblphmin:		.5ch;
	--tblphmax:		1.7ch;
	--tblpvmin:		.1em;
	--tblpvmax:		.7em;
	--tblvalign:	middle;
	--tblwdmax:		100%;
	--tblwdtag:		12ch;
}
.tbl{
	--tblfsmin:		max(13px,var(--fsmin));
	--tblph:		calc(var(--tblphmin) + (var(--tblphmax) - var(--tblphmin)) * var(--w0-1) * var(--tblx));
	--tblpv:		calc(var(--tblpvmin) + (var(--tblpvmax) - var(--tblpvmin)) * var(--h0-1) * var(--tblx));
	--tblmb:		calc(.5em +  .5em * var(--h0-1));
	--tblfs:		calc(var(--tblfsmin) + (1em - var(--tblfsmin)) * var(--w0-1));
}
.tbl.xs	{	--tblx:0	}
.tbl.s	{	--tblx:.5	}
.tbl.l	{	--tblx:1.5	}
.tbl.xl	{	--tblx:2	}

.tbl											{	border-collapse:collapse;
													width:100%;
													max-width:var(--tblwdmax);
													font-size:var(--tblfs);
													margin-bottom:var(--tblmb);	}
.tbl	caption									{	margin-bottom:1em;	font-weight:bold;	text-align:center	}
.tbl	thead									{	display:table-row-group;
													position:relative;
													clip:auto;
													padding:0;
													border:0;
													height:auto;
													width:auto;
													overflow:auto;	}
.tbl	tbody									{	display:table-row-group	}

.tbl			tr								{	display:table-row	}
.tbl:not(.v)	tr .c							{	white-space:nowrap	}
.tbl				th,
.tbl					td						{	display:table-cell;	vertical-align:var(--tblvalign);	max-width:var(--wm);	padding:var(--tblpv) var(--tblph)	}
.tbl					td						{	text-align:var(--a,center)	}
.tbl					td[data-type=currency]	{	text-align:var(--a,right)	}
.tbl					td:not(:last-child)		{	border-bottom:1px solid var(--c-tbl)	}

.tbl	thead		th							{	box-sizing:content-box;
													border:1px solid var(--c-tbl);
													background-color:var(--c-tbl);
													color:var(--c-tbltit);
													font-weight:normal;
													width:var(--w);
													text-align:var(--a,center);	}
.tbl	thead		th:first-of-type			{	text-align:var(--a,left)	}


.tbl	tbody	tr								{	border:1px solid var(--c-tbl)	}
.tbl	tbody	tr:not(:last-of-type)			{	margin-bottom:1em	}
.tbl	tbody	tr:nth-of-type(even)			{	background-color:var(--c-tblrow)	}
.tbl	tbody		th							{	font-weight:inherit	}
.tbl	tbody		th							{	text-align:var(--a,left)	}

.tbl .tblver									{	display:none	}
.tbl .tblwd13									{	width:13ch	}

.tbl.v											{	--tblv1:1;--tblh1:0	}
.tbl.v	.wdnowrap								{	width:auto;	white-space:unset !important	}
.tbl.v	.flex,
.tbl.v	.flexw									{	justify-content:flex-end	}

.tbl.v	.tblhor									{	display:none	}
.tbl.v	.tblver									{	display:unset	}
.tbl.v	.tblwd13								{	width:unset	}

.tbl.v	thead									{	position:absolute;	clip:rect(1px,1px,1px,1px);	height:1px;	width:1px;	overflow:hidden	}
.tbl.v	tbody,
.tbl.v			tr,
.tbl.v				th,
.tbl.v					td						{	display:block	}
.tbl.v	tbody	tr								{	border-width:2px	}
.tbl.v	tbody	tr:nth-of-type(even)			{	background-color:unset	}
.tbl.v	tbody		th							{	font-weight:700;		--wm:unset !important;	--a:left !important	}
.tbl.v	tbody		th[scope="row"]				{	color:var(--c-tbltit);	background-color:var(--c-tbl)	}
.tbl.v	tbody		th[scope="row"]>*			{	color:var(--c-tbltit)	}
.tbl.v					td						{	width:auto !important;	--wm:unset !important;	--a:right !important	}
.tbl.v					td[data-title]::before	{	content:attr(data-title);
													float:left;
													margin-right:.7ch;
													min-width:var(--tblwdtag);
													opacity:.75;
													text-align:left !important;	}

/* borders */
												.curled,	.curl,							.curled-xl,	.curl-xl,
												.curledl,	.curll,							.curledl-xl,.curll-xl,
												.curledr,	.curlr,							.curledr-xl,.curlr-xl,
.lifted-xs,	.lift-xs,	.lifted-s,	.lift-s,	.lifted,	.lift,	.lifted-l,	.lift-l,	.lifted-xl,	.lift-xl,
.shaded-xs,	.shade-xs,	.shaded-s,	.shade-s,	.shaded,	.shade,	.shaded-l,	.shade-l,	.shaded-xl,	.shade-xl	{	padding:var(--mv) var(--mh)	}

.lifted-xs,	.lift-xs:hover	{	box-shadow:0  .06em  .19em rgb(0,0,0,.12),	0 .06em .13em rgb(0,0,0,.24)	}
.lifted-s,	.lift-s:hover	{	box-shadow:0  .19em  .38em rgb(0,0,0,.16),	0 .19em .38em rgb(0,0,0,.23)	}
.lifted,	.lift:hover		{	box-shadow:0  .63em 1.25em rgb(0,0,0,.19),	0 .38em .38em rgb(0,0,0,.23)	}
.lifted-l,	.lift-l:hover	{	box-shadow:0  .88em 1.75em rgb(0,0,0,.25),	0 .63em .63em rgb(0,0,0,.22)	}
.lifted-xl,	.lift-xl:hover	{	box-shadow:0 1.19em 2.38em rgb(0,0,0,.30),	0 .94em .75em rgb(0,0,0,.22)	}

.shaded-xs,	.shade-xs:hover	{	box-shadow:0 0  .1em rgb(0,0,0,.12), 0 0  .24em rgb(0,0,0,.12)	}
.shaded-s,	.shade-s:hover	{	box-shadow:0 0  .3em rgb(0,0,0,.16), 0 0  .72em rgb(0,0,0,.16)	}
.shaded,	.shade:hover	{	box-shadow:0 0  .5em rgb(0,0,0,.19), 0 0 1.20em rgb(0,0,0,.19)	}
.shaded-l,	.shade-l:hover	{	box-shadow:0 0  .8em rgb(0,0,0,.25), 0 0 1.92em rgb(0,0,0,.25)	}
.shaded-xl,	.shade-xl:hover	{	box-shadow:0 0 1.2em rgb(0,0,0,.30), 0 0 2.88em rgb(0,0,0,.30)	}
/* .shaded-xl,	.shade-xl:hover	{	box-shadow:0 0 calc(var(--shade-xl) / 2) rgb(0,0,0,.30), 0 0 var(--shade-xl) rgb(0,0,0,1)	} */

.curled,	.curl,	.curled-xl,	.curl-xl,
.curledl,	.curll,	.curledl-xl,.curll-xl,
.curledr,	.curlr,	.curledr-xl,.curlr-xl	{	position:relative;	background-color:#fff	}

.curled::before,	.curl::before,		.curled::after,		.curl::after,
.curledl::before,	.curll::before,		.curledr::after,	.curlr::after,
.curled-xl::before,	.curl-xl::before,	.curled-xl::after,	.curl-xl::after,
.curledl-xl::before,.curll-xl::before,	.curledr-xl::after,	.curlr-xl::after	{	z-index:-1;	position:absolute;	max-width:30ch;	content:""	}

.curl::before,		.curl::after,	.curll::before,		.curlr::after,
.curl-xl::before,	.curl-xl::after,.curll-xl::before,	.curlr-xl::after	{	width:0	}

.curled::before,.curl:hover::before,.curledl::before,	.curll:hover::before			{	left:1ch;	transform:rotate(-3deg)	}
.curled::after,	.curl:hover::after,	.curledr::after,	.curlr:hover::after				{	right:1ch;	transform:rotate(3deg)	}
.curled::before,.curl:hover::before,.curledl::before,	.curll:hover::before,
.curled::after,	.curl:hover::after,	.curledr::after,	.curlr:hover::after				{	top:calc(100% - 3em);	bottom:1em;		box-shadow:0 1em .67em rgb(0,0,0,.5)	}
.curled::before,.curl:hover::before,.curledl::before,	.curll:hover::before,
.curled::after,	.curl:hover::after,	.curledr::after,	.curlr:hover::after				{	width:calc(50% - 1.2ch)	}

.curled-xl::before,	.curl-xl:hover::before,	.curledl-xl::before,.curll-xl:hover::before	{	left:1ch;	transform:rotate(-8deg)	}
.curled-xl::after,	.curl-xl:hover::after,	.curledr-xl::after,	.curlr-xl:hover::after	{	right:1ch;	transform:rotate(8deg)	}
.curled-xl::before,	.curl-xl:hover::before,	.curledl-xl::before,.curll-xl:hover::before,
.curled-xl::after,	.curl-xl:hover::after,	.curledr-xl::after,	.curlr-xl:hover::after	{	top:calc(100% - 3.67em);bottom:1.67em;	box-shadow:0 2.33em 1.33em rgb(0,0,0,.5)	}
.curled-xl::before,	.curl-xl:hover::before,	.curledl-xl::before,.curll-xl:hover::before,
.curled-xl::after,	.curl-xl:hover::after,	.curledr-xl::after,	.curlr-xl:hover::after	{	width:calc(50% - 1.4ch)	}

.curled,	.curl,
.curledl,	.curll,
.curledr,	.curlr		{	margin-bottom:.8em	}
.curled-xl,	.curl-xl,
.curledl-xl,.curll-xl,
.curledr-xl,.curlr-xl	{	margin-bottom:2.2em	}

.lifted-xs,	.lift-xs	{	margin-top:.1em	}
.lifted-s,	.lift-s		{	margin-top:.15em	}
.lifted,	.lift		{	margin-top:.2em	}
.lifted-l,	.lift-l		{	margin-top:.25em	}
.lifted-xl,	.lift-xl	{	margin-top:.3em	}

.lifted-xs,	.lift-xs	{	margin-bottom:.3em	}
.lifted-s,	.lift-s		{	margin-bottom:.49em	}
.lifted,	.lift		{	margin-bottom:.9em	}
.lifted-l,	.lift-l		{	margin-bottom:1.4em	}
.lifted-xl,	.lift-xl	{	margin-bottom:1.8em	}

.lifted-xs,	.lift-xs	{	margin-left:.2em;	margin-right:.2em	}
.lifted-s,	.lift-s		{	margin-left:.35em;	margin-right:.35em	}
.lifted,	.lift		{	margin-left:.45em;	margin-right:.45em	}
.lifted-l,	.lift-l		{	margin-left:.55em;	margin-right:.55em	}
.lifted-xl,	.lift-xl	{	margin-left:.7em;	margin-right:.7em	}

:root{
	--shade-xs:.2em;
	--shade-s:.35em;
	--shade:.5em;
	--shade-l:.7em;
	--shade-xl:.9em;
}

.shaded-xs,	.shade-xs	{	margin-top:var(--shade-xs)	}
.shaded-s,	.shade-s	{	margin-top:var(--shade-s)	}
.shaded,	.shade		{	margin-top:var(--shade)	}
.shaded-l,	.shade-l	{	margin-top:var(--shade-l)	}
.shaded-xl,	.shade-xl	{	margin-top:var(--shade-xl)	}

.shaded-xs,	.shade-xs	{	margin-bottom:var(--shade-xs)	}
.shaded-s,	.shade-s	{	margin-bottom:var(--shade-s)	}
.shaded,	.shade		{	margin-bottom:var(--shade)	}
.shaded-l,	.shade-l	{	margin-bottom:var(--shade-l)	}
.shaded-xl,	.shade-xl	{	margin-bottom:var(--shade-xl)	}

.shaded-xs,	.shade-xs	{	margin-left:var(--shade-xs);	margin-right:var(--shade-xs)	}
.shaded-s,	.shade-s	{	margin-left:var(--shade-s);		margin-right:var(--shade-s)	}
.shaded,	.shade		{	margin-left:var(--shade);		margin-right:var(--shade)	}
.shaded-l,	.shade-l	{	margin-left:var(--shade-l);		margin-right:var(--shade-l)	}
.shaded-xl,	.shade-xl	{	margin-left:var(--shade-xl);	margin-right:var(--shade-xl)	}

 .curl0:hover::before,
 .curl0:hover::after,
.curll0:hover::before,
.curlr0:hover::after,
 .lift0:hover,
 .lift0-a:active,
.shade0:hover,
.shade0-a:active	{	box-shadow:none	}

.curl0::before,							.curl::before,				.curl-xl::before,
.curl0::after,							.curl::after,				.curl-xl::after,
.curll0::before,						.curll::before,				.curll-xl::before,
.curlr0::after,							.curlr::after,				.curlr-xl::after,
.lift0,			.lift-xs,	.lift-s,	.lift,			.lift-l,	.lift-xl,
.shade0,		.shade-xs,	.shade-s,	.shade,			.shade-l,	.shade-xl	{	transition:all 0.3s cubic-bezier(.25,.8,.25,1)	}

.circled{
	vertical-align:middle;
	text-align:center;
	border-radius:50%;
	margin:auto;
	min-width:1em;
}

.circled2{
	border-radius:50%;
	position:relative;
	overflow:hidden;
}
.circled2-content{
	height:100%;
	text-align:center;
	hyphens:auto;
}
.circled2-content ul{
	list-style-position:inside;
}
.circled2-content li{
	text-align:left;
}
.circled2::before,
.circled2-content::before{
	content:"";
	height:100%;
	width:50%;
}
.circled2::before{
	float:left;
	shape-outside:polygon(
		0 0, 100% 0, 60% 4%, 40% 10%, 20% 20%, 10% 28.2%, 5% 34.4%, 0 50%,
		5% 65.6%, 10% 71.8%, 20% 80%, 40% 90%, 60% 96%, 100% 100%, 0 100%
	);
}
.circled2-content::before{
	float:right;
	shape-outside:polygon(
		100% 0, 0 0, 40% 4%, 60% 10%, 80% 20%, 90% 28.2%, 95% 34.4%, 100% 50%,
		95% 65.6%, 90% 71.8%, 80% 80%, 60% 90%, 40% 96%, 0 100%, 100% 100%
	);
}

/* buttons */

/* must be declared before buttons */
.bglight{
	background:linear-gradient(to bottom,
		rgb(255,255,255,0)		0%,
		rgb(255,255,255,.1)	15%,
		rgb(255,255,255,.3)	30%,
		rgb(251,252,255,.5)	50%,
		rgb(255,255,255,.3)	70%,
		rgb(255,255,255,.1)	85%,
		rgb(255,255,255,0)		100%
	)
}

/* prachtige in/out button: https://codepen.io/minustalent/pen/GzuCa */

/* underline coming from center on hover, see menu on https://www.triodos.nl/sparen/internet-rendement-rekening
.mcbuttonline2 a:hover:after{
	width:100%;
	right:0;
}
.mcbuttonline2 a:after{
	content:"";
	position:absolute;
	bottom:-2px;
	right:50%;
	height:2px;
	width:0;
	background-color:#00006b;
	transition:width .17s linear,right .17s linear;
}*/

.mcbutton0{
	font:inherit;
	line-height:normal;
}
.mcbutton{
	--b-icgap:calc(.6ch + .4ch * var(--b-x));
	--b-pvtx:calc(.1em + .13em * var(--b-x));
	--b-pvtx2:calc(.1em + .5 * var(--b-pvtx));

	border:0;
	min-width:var(--b-wdmin);
	background-color:inherit;
	color:inherit;
	font:inherit;
	font-size:var(--b-fs);
	line-height:normal;
	padding:var(--b-pt,var(--b-pv)) var(--b-ph) var(--b-pb,var(--b-pv,var(--b-pt)));

	flex:none!important;
	border-radius:var(--mybor);
	cursor:pointer;
	position:relative;
	transition:all .2s;
}
.mcbutton,
.mcbutton>*:has(.mcbuttontext){
	display:inline-flex;
	column-gap:var(--b-icgap);
	align-items:center;
	justify-content:center;
	text-align:center;
}
.mcbutton.xs	{	--b-x:0		}
.mcbutton.s		{	--b-x:.5	}
.mcbutton.l		{	--b-x:1.5	}
.mcbutton.xl	{	--b-x:2		}
/*
.mcbutton:hover{
	background-color:inherit;
	color:inherit;
}
*/
.mcbutton:focus		{	box-shadow:0 0 1em .1em var(--c-b-shadow);	outline:0;	filter:brightness(105%)	}
.mcbutton:active	{	transition:all .2s;	transform:scale(.9)	}
.mcbuttontext{
	line-height:1;
	padding:calc(var(--b-pvtx) - var(--b-txshift)) 0 calc(var(--b-pvtx) + var(--b-txshift));
	text-decoration:none!important;
	user-select:none;
	font-weight:var(--b-fw);
}
:not(.mcbuttonround1content)>.mcbuttontext:not(.btwrap)	{	white-space:nowrap	}
.mcbuttontext2{
	display:block;
	padding-top:var(--b-pvtx2);
	font-size:max(85%,var(--fsmin));
	font-weight:var(--b-fw2);
}
.mcbutton:disabled{
	opacity:.5;
	cursor:not-allowed;
	box-shadow:none !important;
	text-shadow:none !important;
	filter:none !important;
}

.mcbutton svg					{	font-size:var(--b-ics)	}
.mcbutton svg:not(.fa-inverse)	{	color:var(--b-icc)	}

/* link as button */
.mcbutton.mcbuttonlink				{	--b-icgap:.5ch	}

.mcbutton.mcbuttonlink:focus		{	box-shadow:none;	text-shadow:0 0 0.3em #fff, 0 0 .6em #fff, 0 0 1.2em var(--c-b-bg), 0 0 1.9em var(--c-b-bg)	}
.mcbutton.mcbuttonlink:active		{	transform:none	}

.mcbuttonlink		{	color:var(--c-link)	}
.mcbuttonlink:hover,
.mcbuttonlink:focus	{	color:var(--c-linkhover)	}
.mcbuttonlink		{	text-decoration:var(--linkfd) !important	}
.mcbuttonlink:hover	{	text-decoration:var(--linkhoverfd) !important	}

/* link with animated underline as button */
.mcbutton.mcbuttonlinkline			{	--b-icgap:.5ch	}

.mcbutton.mcbuttonlinkline:focus	{	box-shadow:none;	text-shadow:0 0 0.3em #fff, 0 0 .6em #fff, 0 0 1.2em var(--c-b-bg), 0 0 1.9em var(--c-b-bg)	}

.mcbuttonlinkline .mcbuttontext{
	line-height:1.2;
	margin-bottom:.5em;
	background:linear-gradient(currentColor,currentColor) 0% 100%/25% .06em no-repeat;
	transition:background-size cubic-bezier(0,.5,0,1) .5s;
}
.mcbuttonlinkline .mcbuttontext:hover,
.mcbuttonlinkline .mcbuttontext:focus	{	background-size:100% .06em	}
																		 
/* button met animated svg stroke */
.mcbutton.mcbuttonline:focus	{	box-shadow:none;	text-shadow:0 0 0.3em #fff, 0 0 .6em #fff, 0 0 1.2em var(--c-b-bg), 0 0 1.9em var(--c-b-bg)	}

.mcbuttonline								{	margin-bottom:.8em	}
.mcbuttonline:hover .mcbuttonline-stroke2	{	stroke-dashoffset:0	}
.mcbuttonline-stroke{
	transition:stroke-dashoffset .6s ease-out;
	display:block;
	position:absolute;
	top:calc(100% + .1em);
	stroke-width:0.22em;
	width:100%;
	stroke:var(--c-b-bg);
}
.mcbuttonline-stroke2{
	stroke-dasharray:40.625em;
	stroke-dashoffset:40.625em;
	stroke:var(--c-mn-hovbg,rgb(0,0,0,.4));
/*	stroke-width:0.2em; */
}

/* icon as button (inline-flex won't align vertically) */
.mcbuttonicon	{	display:inline-block	}
.mcbuttonicon:hover{
	z-index:9;
	border:0;
/*	transform:scale(1.25); */
/*	filter:brightness(175%); */
/*	text-shadow:0 0 .5em rgb(0,0,0,.3); */
	animation:mcbuttoniconpop .3s linear 1;
/*	transform:rotate(360deg); */
/*	transform:rotateX(360deg); */
/*	transform:rotate(-20deg); */
}
@keyframes mcbuttoniconpop	{	50%	{transform:scale(1.25)}	}
.mcbuttonicon>.fab,
.mcbuttonicon>.fad,
.mcbuttonicon>.fal,
.mcbuttonicon>.far,
.mcbuttonicon>.fas	{	transition:all 0.5s ease	}

/* rounded border button with moving edges and pointer */
.mcbutton2,
.mcbutton2f{
	border:.25ch solid;
	border-radius:2em;
	background-color:rgb(0,0,0,.05);
	color:var(--c-b-bg);
	padding:calc(.4em + .4em * var(--b-x)) calc(1em + 1em * var(--b-x));
	letter-spacing:.1ch;
}
.mcbutton2{
	--b-fw:700;
	--b-fs:calc(.4em + 1vw);
}
@media(max-width:575px)		{	.mcbutton2{--b-fs:calc(.4em + 5.76px)	}	}
@media(min-width:1200px)	{	.mcbutton2{--b-fs:calc(.4em + 12px)		}	}
.mcbutton2f					{	--b-fw:500	}
.mcbutton2:hover,
.mcbutton2f:hover{
	--b-ph:calc(.5em + var(--b-ph));
	padding:calc(.4em + .4em * var(--b-x)) calc(1.5em + 1em * var(--b-x));
	margin-left:-.5em;
	margin-right:-.5em;
}
.mcbutton2 .x::after,
.mcbutton2f .x::after{
	font-family:var(--fafont);
	font-weight:900;
	content:"\f0da";
	opacity:0;
	position:relative;
	margin-left:-1ch;
	right:0;
	transition:all .5s;
}
.mcbutton2:hover .x::after,
.mcbutton2f:hover .x::after{
	opacity:1;
	right:calc(-1em - 1em * var(--b-x));
}

/* rectangular buttons */
.mcbutton4,
.mcbutton5{
	--b-pv:calc(.1em + .2em * var(--b-x) * (.5 + .5 * var(--h0-1)));
	--b-ph:calc(.5ch + 1ch * var(--b-x) * (.5 + .5 * var(--w0-1)));

	border:var(--b-bos) var(--b-bowd) var(--c-b-bo);
	background-color:var(--c-b-bg);
	color:var(--c-b-tx);
}
.mcbutton4.s2,
.mcbutton5.s2{
	border:var(--b2-bos) var(--b2-bowd) var(--c-b2-bo);
	background-color:var(--c-b2-bg);
	color:var(--c-b2-tx);
}
.mcbutton4:hover,
.mcbutton5:hover			{	filter:brightness(1.05) drop-shadow(0 0 .32em var(--c-b-shadow))	}
.mcbutton4 .mcbuttontext,
.mcbutton5 .mcbuttontext	{	--b-fw:500	}

/* 5 glinsterend */
.mcbutton5	{	transition:background 0.15s ease-in-out	}
.mcbutton5 .x{
	position:absolute;
	top:0;
	left:0;
	width:15%;
	height:100%;
	opacity:0;
	background:linear-gradient(
		to right,
		rgb(255, 255, 255, 0) 0%,
		rgb(255, 255, 255, 0.03) 1%,
		rgb(255, 255, 255, 0.6) 30%,
		rgb(255, 255, 255, 0.85) 50%,
		rgb(255, 255, 255, 0.85) 70%,
		rgb(255, 255, 255, 0.85) 71%,
		rgb(255, 255, 255, 0) 100%);
	/* forming the shine element, play around with the width, skew and gradient to get different effects */
	transform:skew(-10deg, 0deg);
	/* animating it */
	animation:sheen 2s ease-in-out 1s infinite;
}
@keyframes sheen{
	  0% { left:0;	opacity:0; }
	  5% {			opacity:0; }
	 48% {			opacity:.2; }
	 80% {			opacity:0; }
	100% { left:82%; }
}

/* ronde button 1 */
.mcbuttonround1{
	transition:all .1s linear;
	position:relative;
	display:inline-block;
	box-shadow:0 .5em .625em 0 rgb(0,0,0,.3), inset 0 .25em .0625em .0625em var(--c-b-round1-bg1), inset 0 -.1875em .0625em .0625em rgb(204,198,197,.5);
	border-radius:50%;
	background-image:linear-gradient(var(--c-b-round1-bg1),var(--c-b-round1-bg2));
/*	min-height:4.375em; */
/*	min-width:4.375em; */
	aspect-ratio:1/1;
}
.mcbuttonround1:focus{
	filter:none;
	box-shadow:0 .5em .625em 0 rgb(0,0,0,.3), inset 0 .25em .0625em .0625em var(--c-b-round1-bg1), inset 0 -.1875em .0625em .0625em rgb(204,198,197,.5), 0 0 1em .1em rgb(0,0,0,.4);
}
.mcbuttonround1content{
	display:flex;
	justify-content:center;
	align-items:center;
/*	min-height:4.375em; */
/*	padding-bottom:calc(50% - 2.1875em); */
/*	padding-top:calc(50% - 2.1875em); */
	height:100%;
	padding:1em;
/*	aspect-ratio:1/1; */
}
.mcbuttonround1:hover{
	background-image:linear-gradient(var(--c-b-round1-bg2),var(--c-b-round1-bg1));
	color:#0088cc;
}
.mcbutton.mcbuttonround1:active	{	box-shadow:none	}

/* 3d button, see https://jsfiddle.net/meetaaronsilber/RN63Y */
.mcbutton.mcbutton3d:active	{	transform:none	}

.mcbutton3d{
	border-radius:10px;
	box-shadow:
		/* gradient effects */
		0 3px rgb(128,128,128,1),
		0 4px rgb(118,118,118,1),
		0 5px rgb(108,108,108,1),
		0 6px rgb(98,98,98,1),
		0 7px rgb(88,88,88,1),
		0 8px rgb(78,78,78,1),
		/* shadow */
		0 14px 6px -1px rgb(128,128,128,1);
	transition:box-shadow .1s ease-in-out;
	margin-bottom:.2em;
}
.mcbutton3d:focus{
	filter:none;
	box-shadow:
		/* gradient effects */
		0 3px rgb(128,128,128,1),
		0 4px rgb(118,118,118,1),
		0 5px rgb(108,108,108,1),
		0 6px rgb(98,98,98,1),
		0 7px rgb(88,88,88,1),
		0 8px rgb(78,78,78,1),
		/* shadow */
		0 14px 6px -1px rgb(128,128,128,1),
		/* focus glow */
		0 0 1em .1em rgb(0,0,0,.4);
}
.mcbutton3d .x{
	display:inline-flex;
	align-items:center;
	background-color:#E8E8E8;

	background-image: 
		/* gloss gradient */
		-webkit-gradient(
			linear, 
			left bottom, 
			left top, 
			color-stop(50%,rgba(255,255,255,0)), 
			color-stop(50%,rgba(255,255,255,0.3)), 
			color-stop(100%,rgba(255,255,255,0.2))),
		
		/* dark outside gradient */
		-webkit-gradient(
			linear, 
			left top, 
			right top, 
			color-stop(0%,rgba(210,210,210,0.3)), 
			color-stop(20%,rgba(210,210,210,0)), 
			color-stop(80%,rgba(210,210,210,0)), 
			color-stop(100%,rgba(210,210,210,0.3))),
		
		/* light inner gradient */
		-webkit-gradient(
			linear, 
			left top, 
			right top, 
			color-stop(0%,rgba(255,255,255,0)), 
			color-stop(20%,rgba(255,255,255,0.5)), 
			color-stop(80%,rgba(255,255,255,0.5)), 
			color-stop(100%,rgba(255,255,255,0))),        
		
		/* diagonal line pattern */
		-webkit-gradient(
			linear, 
			0% 100%, 
			100% 0%, 
			color-stop(0%,rgba(255,255,255,0)), 
			color-stop(40%,rgba(255,255,255,0)), 
			color-stop(40%,#D2D2D1), 
			color-stop(60%,#D2D2D1), 
			color-stop(60%,rgba(255,255,255,0)), 
			color-stop(100%,rgba(255,255,255,0)));

	box-shadow:
		/* top highlight */
		0 -1px #fff,
		/* bottom edge */
		0 1px 1px #fff;

	background-size:100%, 100%, 100%, 4px 4px;

	border-radius:10px;
	transition:transform .1s ease-in-out;

	padding:.25em 1.5ch .25em 1.5ch;

	color:#3A474D;

	text-align:center;
	text-shadow:0 1px #fff, 0 -1px #262F33;
}
.mcbutton3d .x:hover{
	color:var(--c-h1);
	text-shadow:0 -1px var(--c-h1);
}
.mcbutton3d:active{
	box-shadow:
		0 3px rgb(128,128,128,1),
		0 4px rgb(118,118,118,1),
		0 5px rgb(108,108,108,1),
		0 6px rgb(98,98,98,1),
		0 7px rgb(88,88,88,1),
		0 8px rgb(78,78,78,1),
		/* shadow */
		0 10px 2px 0 rgb(128,128,128,.6);
}
							/* depth of button press */
.mcbutton3d:active .x	{	transform:translate(0, 5px)	}

/* inverted colors */
:is(.mcbutton2,.mcbutton2f,.mcbutton4,.mcbutton5).i{
	--b-bos:solid;
	--c-b-bo:var(--c-b-bg);
	background-color:var(--c-b-tx);
	color:var(--c-b-bg);
}

/* help */
.helpdoc{
	overflow-y:auto;
	background-color:#fff;
	padding:var(--mv) var(--mh);
}
.helpdoc h1:first-of-type	{	margin-top:0	}
.helpdoc p,
.helpdoc h2,
.helpdoc h3					{	margin:1ch 0 0	}
.chapter					{ 	font-weight:500	}

/* notes */
.note,
.noter{
	display:inline-block;
	text-decoration:none;
	margin:0;
	padding:0;
}
.note{
	font-size:75%;
	margin-left:.3ch;
	transform:translate(0,-.4em);
}
.notel{
	display:inline-block;
	visibility:hidden;
	height:50vh;
	margin-top:-50vh;
}
.noter	{	margin-right:.75ch;	}
.note::before,
.noter::before	{	content:"[";	}
.note::after,
.noter::after	{	content:"]";	}
.note:hover,
.noter:hover	{	text-decoration:none;	color:inherit;	background-color:#fafad2;	}
.note:hover		{	transform:scale(1.5) translate(0,-.5em);	}
.noter:hover	{	margin-left:-1.2ch;	padding-right:1.2ch;	}
.notet,
.noter:target		{	text-decoration:none;	background-color:#D2FAFA;	font-weight:700;	color:#000	}
.notet:hover,
.noter:target:hover	{	background-color:#fafad2;	}

/* move html anchor to just below top of page instead of tight at the top, see also .notel example for centered on page */
/* this prevents the anchor to become hidden behind the top menu */
.anchort10{
	display:block;
	visibility:hidden;
	height:10vh;
	margin-top:-10vh;
}

/* waves */
.mcwaves{
	overflow:hidden;
	position:relative;
	background-color:var(--c-wavebg);
	z-index:-2;
}
.mcwavesea{
	position:absolute;
	bottom:0;
	left:0;
	height:var(--htwavesea);
	width:100%;
	overflow-x:clip;
	z-index:-1;
}
.mcwave{
	background:var(--wave) repeat-x;
	position:absolute;
	top:calc(-1 * var(--htwave));
	height:var(--htwave);
	width:calc(4 * var(--wdwave));
	transform:translate3d(0,0,0);
	animation:mcwave 7s cubic-bezier(.36,.45,.63,.53) infinite;
}
.mcwave:nth-of-type(2){
	opacity:1;
	top:calc(var(--htwavesea) - var(--htwave));
	animation:mcwave2 7s ease -1.25s infinite;
}
@keyframes mcwave{
	0%	{	margin-left:0	}
	100%{	margin-left:calc(-1 * var(--wdwave))	}
}
@keyframes mcwave2{
	0%,100%	{	transform:translate3d(0,calc(-1 * var(--htwavesea)),0)	}
	50%		{	transform:translate3d(0,0,0)	}
}

/* windows */
.mcwin0{
	display:		flex;
	flex-direction:	column
}
.mcwin{
	overflow:	auto;
	color:		var(--c-font);
	height:		100%;
	padding:	var(--mvh)	var(--mh);
}

/* fields */
:root{
	/* controls */
	--c-f-bo	:#b8b8b8;
	--c-f-bg	:#fff;
	--c-f-dis	:#fcfcfc;
	--c-f-tip	:#9098a0;
	--c-f-tag	:var(--c-font);

	--f-bor		:.25em;
	--f-bowd	:.005em;
	--f-ptin	:.17em;
	--f-pbin	:.32em;
	--f-plin	:1ch;
	--f-prinic	:0ch;
	--f-prin	:1ch;
	--f-wdin	:.4ch;
	--f-wdadd	:0ch;

	--f-cblh	:1.25em;
	--f-cbmt	:.1em;
	--f-cbhw	:.9em;
	--f-cbmr	:.3em;
	--f-cbwd	:calc(var(--f-cbhw) + var(--f-cbmr));

	--f-tatag	:right;
	--f-mbtag	:.15em;
	--f-mltag	:10px;
	--f-mrtag	:6px;
	--f-tagchar	:15;
	--f-wdtag	:calc(var(--f-tagchar) * var(--rch));

	--f-fstitle	:1.2em;
	--f-fwlab	:normal;
	--f-fwtag	:normal;
	--f-fstag	:max(90%,var(--fsmin));

	/* gaps */
	--f-gv		:.4em;
	--f-gh		:.8ch;

	/* the following formulas can be omitted here if all fields are within the f_group class */
	--f-htin	:calc(1em + var(--f-ptin) + var(--f-pbin) + 2 * var(--f-bowd));
	--f-ht		:calc(var(--f-htin) + .5em);
	--f-lh		:calc(var(--f-htin) + .8em);
	--f-httop	:calc(var(--f-ht) / 2);
}
form{
	color:	var(--c-font);
}
.f_group{
	--c-f-tag:	var(--c-font);

	--f-htin:	calc(1em + var(--f-ptin) + var(--f-pbin) + 2 * var(--f-bowd));
	--f-ht:		calc(var(--f-htin) + .5em);
	--f-lh:		calc(var(--f-htin) + .5em);
	--f-httop:	calc(.65 * var(--f-ht) - var(--f-gv));

	--f-mltag:	0;
	--f-mrtag:	calc(.5 * var(--rch));

	--f-gvm:	calc(var(--f-gv) / -2);
	--f-gvp:	calc(var(--f-gv) / 2);
	--f-ghm:	calc(var(--f-gh) / -2);
	--f-ghp:	calc(var(--f-gh) / 2);
}
.f_tiny{
	--f-gv:		.3em;
	--f-ptin:	.15em;
	--f-pbin:	.3em;
	--f-plin:	.6ch;
	--f-prin:	.6ch;
	--f-mbtag:	.1em;
	--f-ht:		var(--f-htin);
	--f-lh:		var(--f-ht);
}

/* Chrome autofill adjustment */
form.pwdform input:-webkit-autofill,
form.pwdform input:-webkit-autofill:hover, 
form.pwdform input:-webkit-autofill:focus, 
form.pwdform input:-webkit-autofill:active,
form.pwdform input:-webkit-autofill:first-line{
	color-scheme:dark;
	transition:background-color 5000s ease-in-out 0s;
}
/*
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
input:-webkit-autofill:first-line{
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:var(--c-f-tx);
	transition:background-color 5000s ease-in-out 0s;
	box-shadow:inset 0 0 20px 20px var(--c-f-bg);
	caret-color:var(--c-f-tx);
}
*/

/* Bootstrap adjustment */
/* Note PJ: the line below is global and definitely not Bootstrap-only! */
/* It globally (!) hides the focus outline when tabbing through these inputs in form elements */
/* input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus	{	outline:0	} */

.inputtitle{
	color:var(--c-f-tag);
	font-weight:var(--f-fwtag);
	font-size:var(--f-fstag);
	margin-top:var(--mv);
	margin-bottom:var(--f-mbtag);
}

select, input, textarea, div.multiselect2, option{
	font-family:inherit;
	font-size:1em;
	color:inherit;
}
select, input, textarea, .cke, div.multiselect2, .select2-container{
	--f-wdadd:calc(2 * var(--f-bowd) + var(--f-plin) + var(--f-wdin) + var(--f-prinic) + var(--f-prin));
}
select, input, textarea, .cke, div.multiselect2{
	border:var(--f-bowd) solid var(--c-f-bo);
	border-radius:var(--f-bor);
}
input[type=number]	{	--f-wdin:3ch	}

.f_val input,
.f_val select,
.f_val .select2-container .select2-selection,
.f_val textarea,
.f_valmulti select,
.memodummy,
.memodiv,
.memodiv2{
	background-color:var(--c-f-bg);
	padding:var(--f-ptin) calc(var(--f-prinic) + var(--f-prin)) var(--f-pbin) var(--f-plin);
/*	box-shadow:2px 2px 5px var(--c-l); */
	border:var(--f-bowd) solid var(--c-f-bo);
	border-radius:var(--f-bor);
	line-height:normal;
	color:inherit;
}

.f_val input,
.f_val select,
.f_val .select2-container .select2-selection,
.f_valmulti select,
.memodummy,
.memodiv,
.memodiv2			{	height:var(--f-ht)	}
.f_val:has(textarea){	min-height:var(--f-ht)	}
.f_val select,
.f_valmulti select	{	padding-left:.5ch	}

.f_val .select2-container .select2-selection{
	display:flex !important;
	align-items:center;
}
.cke_editable.reqy:not(:focus),
.f_val select.reqy+.select2-container .select2-selection,
.f_val .reqy:not(:focus)	{	background-color:var(--c-req) !important	}

.select2	{	max-width:100% !important	}
.select2-container--open	{	z-index:var(--zmax)	}
.select2-container--default .select2-selection--single .select2-selection__rendered	{	padding:0 6px 0 0;line-height:normal	}
.select2-container--default .select2-selection--single .select2-selection__arrow	{	height:calc(var(--f-ht) - 2px)	}
.select2-container--default .select2-selection--single .select2-selection__rendered	{	color:inherit	}
.select2-container--default .select2-selection--single .select2-selection__clear{
	height:auto;
	font-weight:400;
	margin:auto calc((var(--f-prinic) + var(--f-prin)) / 1.5) auto calc(var(--f-plin) / -2);
	padding:0;
	display:flex;
	align-items:center;
}
.select2-container--default .select2-selection--single .select2-selection__clear>*{
	color:var(--c-l);
	font-size:1.7em;
	line-height:0;
	margin-top:.15em;
}

input[type=checkbox],
input[type=radio]{
	position:relative;
	top:var(--f-cbmt);
	height:var(--f-cbhw);
	width:var(--f-cbhw);
	margin:0 var(--f-cbmr) 0 0;
	padding:0;
	accent-color:var(--c-accent,auto);
}
/* indent label next to checkbox and radio button */
.f_cb, .f_rb{
	display:inline-block;
	color:var(--c-f-tag);
	font-weight:var(--f-fwlab);
	line-height:normal;
	padding-left:var(--f-cbwd);
	text-indent:calc(-1 * var(--f-cbwd));
}

.f_val label{
	color:var(--c-f-tag);
}

/*--------------------------------*/

.f_head{
	clear:left;
	width:100%;
	padding:var(--mthead) 0 var(--mbhead) !important;
	display:flex;
	gap:.4ch;
	align-items:center;
	font-variant:small-caps;
	font-weight:700;
	font-size:110%;
	letter-spacing:calc(.07ch * var(--w0-1));
	white-space:nowrap;
}
.f_head hr{
	display:inline-block;
	margin:.75em 0 0 .5ch;
	width:100%;
	opacity:.4;
}
.f_head div.hr{
	display:inline-block;
	margin-top:.25em;
	height:1px;
	width:100%;
	background-color:var(--c-l);
}

.f_fa{
	display:inline-block;
	margin-left:4px;
	font-size:1.2em;
	color:#7D8998;
	cursor:pointer;
}

.f_img{
	display:inline-block;
	margin-left:4px;
}
.f_img img{
	vertical-align:middle;
	margin-bottom:2px;
	margin-right:5px;
}
.f_group .f_img{
	height:100%;
	line-height:0;
	margin-left:0;
	display:flex;
	column-gap:var(--f-gh);
	align-items:center;
}
.f_group .f_img>*	{	margin:0;	padding:0	}

.f_icon{
	line-height:var(--f-lh);
	margin-top:6px;
	margin-left:5px;
	cursor:pointer;
	border:0;
}

/*--------------------------------*/

.f_div,
.f_divhalf,
.f_divin,
.f_divtop,
.f_divtopin{
	float:left;
	display:table-cell;
	max-width:100%;
	color:var(--c-f-tx);
}

.f_div{
	clear:left;
	vertical-align:middle;
	line-height:var(--f-lh);
}

.f_divhalf{
	clear:left;
	min-height:var(--f-httop);
}

.f_divin{
	line-height:var(--f-lh);
	vertical-align:middle;
}

.f_divtop{
	vertical-align:top;
	clear:left;
	margin-top:3px;
}

.f_divtopin{
	vertical-align:top;
	margin-top:3px;
}

.f_divin .f_cb,
.f_divin .f_rb,
.f_divtopin .f_cb,
.f_divtopin .f_rb{
	margin-left:4px;
}

.f_tag,
.f_tagno,
.f_tagin,
.f_taginno,
.f_tagtop,
.f_tagtopno,
.f_tagtopin,
.f_tagtopinno{
	display:inline-block;
	color:var(--c-f-tag);
	font-weight:var(--f-fwtag);
	margin-right:var(--f-mrtag);
	text-align:var(--f-tatag);
}
.f_tag,
.f_tagno{
	width:var(--f-wdtag);
}
.f_tagin,
.f_taginno{
	margin-left:var(--f-mltag);
}
.f_tagtop,
.f_tagtopno,
.f_tagtopin,
.f_tagtopinno{
	margin-top:4px;
	vertical-align:top;
	width:var(--f-wdtag);
}

.f_tagno{
	margin-left:0;
}
.f_taginno, .f_tagtopno, .f_tagtopinno{
	margin-right:2px;
	margin-left:0;
}

.f_tagml{
	margin			:0 calc(var(--f-mrtag) - var(--f-gh)) 0 calc(-1 * var(--f-wdtag1));

	min-height		:var(--f-ht);
	width			:calc(var(--f-wdtag));
	line-height		:normal;

	display			:flex;
	flex-wrap		:wrap;
	align-items		:center;
	justify-content	:flex-end;
}
.f_tagml>div{
	color			:var(--c-f-tag);
	font-weight		:var(--f-fwtag);
	font-size		:var(--f-fstag);
}

.f_reqx .f_req .f_tag::after,
.f_reqx .f_req .f_tagin::after,
.f_reqx .f_req .f_tagtop::after,
.f_reqx .f_req .f_tagtopin::after{
	content:'*';
}

.f_val{
	overflow:visible !important;
	display:inline-flex;
	align-items:center;
}
.f_divtop .f_tip	{	align-self:start	}

.f_valmulti, .f_valmultiin{
	display:inline-block;
	margin-bottom:4px;
	margin-top:4px;
	vertical-align:middle;
}

.f_valtop{
	display:inline-block;
	width:500px;
}

:is(.f_val,.f_valmulti,.f_valmultiin) :is(input[readonly],select[disabled],textarea[readonly]),
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control{
	background-color:var(--c-f-dis);
	cursor:not-allowed;
	opacity:1;
}
.f_val input.flatpickr-input+input,
.f_val input.flatpickr-input{
	background-color:var(--c-f-bg);
	cursor:unset;
	font-weight:inherit;
	opacity:unset;
}

.f_val .f_elr{
	margin:0 0 0 calc(-1 * var(--f-elrwd));
	height:var(--f-ht);
	width:var(--f-elrwd);
}
.f_val .f_elr>*{
	display:flex;
	height:100%;
	width:100%;
	border:var(--f-bowd) solid var(--c-f-bo);
	border-radius:0 var(--f-bor) var(--f-bor) 0;
}

.f_tip{
	display:inline-flex;
	margin:0 .5ch;
	color:var(--c-f-tip);
}
/* center Font Awesome tip icon */
.f_tip .mctip	{	display:inline-flex	}

.f_divtop > .f_tip,
.f_divtopin > .f_tip{
	vertical-align:top;
	margin-top:3px;
}

.f_add{
	float:left;
	padding-bottom:calc(var(--f-pbin) - var(--f-ptin));
	display:inline-flex;
	align-items:center;
}
.f_add.b	{	margin-left:var(--f-ghm)	}

.f_group.f_ver .f_more	{	margin-top:calc(-1.3 * var(--f-gv))	}
.f_group.f_ver .f_more+*{	margin-top:calc(-.75 * var(--f-gv));	margin-bottom:calc(.75 * var(--f-gv))	}
.f_group.f_hor .f_more{
	position:absolute;
	margin-top:calc(-1 * var(--f-ht) - var(--f-gvp));
	height:var(--f-ht);
	display:flex;
	align-items:center;
}
.f_more>a{
	hyphens:none;
	text-decoration:none;
	font-size:var(--f-fstag);
}

/*--------------------------------*/

.f_wd	{	width:calc(var(--w) + var(--f-wdadd))	}

.f_tiny select	{	padding:0	}

.f_ops:has(div.f_div):not(:has(div.f_div:not([style*="display: none"])))	{	display:none	}
.f_opstitle{
	opacity:.6;
	min-height:.4em;
	margin:var(--f-gvm) 0;
}

.f_group *	{	clear:both;	float:none	}
.cke,.cke *	{	clear:unset;float:unset	}

/*
.f_group .f_val input:not([type=checkbox]):not([type=radio]), .f_group .f_val textarea{
	width:100%;
}
*/

.f_group{
	--f-wdtag	:calc(var(--f-tagchar) * var(--rch));
	margin:	var(--f-gvm) 0;
}

.f_group+.f_group	{	margin-top:var(--f-gvp)	}
.f_group.mttop		{	margin-top:calc(var(--f-httop) + var(--f-gvm))	}
.f_group:empty		{	margin:	0	}
.f_group>*			{	padding:var(--f-gvp) 0	}
.f_group>*:empty	{	padding:0	}

.f_group .cb		{	padding:0 !important	}

.f_group .f_div,
.f_group .f_divin,
.f_group .f_divtop,
.f_group .f_divtopin{
	display:flex;
	vertical-align:unset;
}
.f_group .f_divtop,
.f_group .f_divtopin{
	vertical-align:unset;
	margin-top:0;
}
.f_group :is(.f_cb,.f_rb)		{	margin-bottom:calc(1em - var(--f-cblh));line-height:var(--f-cblh)	}
.f_group .f_row :is(.f_cb,.f_rb){	margin-bottom:var(--f-cbmt)	}
.f_group :is(.f_divin,.f_divtopin) :is(.f_cb,.f_rb)	{	margin-left:0	}

.f_group :is(.f_tag,.f_tagin,.f_tagno,.f_taginno,.f_tagtop,.f_tagtopno,.f_tagtopin,.f_tagtopinno){
	display:block;
	font-size:var(--f-fstag);
	width:fit-content;
	line-height:normal;
}
.f_group :is(.f_tagno,.f_taginno,.f_tagtopno,.f_tagtopinno)	{	display:none	}

.f_group .f_val	{	flex:1	}

.f_group .f_valmulti,
.f_group .f_valmultiin{
	display:unset;
	margin:0;
	vertical-align:unset;
}

.f_group .f_tip	{	margin-right:0	}

.f_group .f_set,
.f_group .f_row{
	--f-gvm:	calc(var(--f-gv) / -2);
	--f-gvp:	calc(var(--f-gv) / 2);
	--f-ghm:	calc(var(--f-gh) / -2);
	--f-ghp:	calc(var(--f-gh) / 2);
}
.f_group .f_row .f_set{
	--f-gvm:	0;
	--f-gvp:	0;
}

.f_group .f_row,
.f_group .f_row .f_set{
	display:flex;
	flex-wrap:wrap;
}

.f_group .f_row	{	gap:var(--f-gv) var(--f-gh)	}

.f_group .f_set			{	margin:var(--f-gvm) var(--f-ghm)	}
.f_group .f_set.mttop	{	margin-top:calc(var(--f-httop) + var(--f-gvm))	}
.f_group .f_set:empty	{	margin:0	}
.f_group .f_set>*		{	padding:var(--f-gvp) var(--f-ghp)	}
.f_group .f_set>*:empty	{	padding:0	}

/*--------------------------------*/

.f_ver{
	--f-httag:var(--f-httagv);
	--f-tatag:left;
}

.f_ver :is(.f_div,.f_divin,.f_divtop,.f_divtopin){
	flex-direction:column;
	justify-content:center;
	min-height:var(--f-ht);
}
.f_ver .f_divtop .f_tip	{	align-self:unset	}

.f_ver :is(.f_tag,.f_tagin,.f_tagno,.f_taginno,.f_tagtop,.f_tagtopno,.f_tagtopin,.f_tagtopinno)	{	margin:0 0 var(--f-mbtag) 0	}
.f_tx.f_div,
.f_tx.f_divin	{	--f-lh:normal;--f-mbtag:0	}

.f_ver .f_add	{	min-height:var(--f-lh)	}

.f_ver .f_row{
	--f-alignv:	end;

	align-items:var(--f-alignv);
}

.f_ver .f_row .f_set .f_val:has(.f_cb){
	max-height:var(--f-ht);
	margin-top:auto;
}

/*--------------------------------*/

.f_hor,
.f_row,
.f_set	{	--f-wdtag1:calc(var(--f-wdtag) + var(--f-mrtag))	}

.f_hor :is(.f_div,.f_divin)							{	align-items:center	}
.f_hor :is(.f_divtop:not(:has(.cke)),.f_divtopin)	{	align-items:baseline	}
.f_hor :is(.f_div,.f_divtop)						{	padding-left:var(--f-wdtag1)	}
.f_hor .f_set :is(.f_div,.f_divtop)					{	padding-left:calc(var(--f-ghp) + var(--f-wdtag1))	}

.f_hor :is(.f_tag,.f_tagno,.f_tagtop,.f_tagtopno){
	--f-wdtag:calc(var(--f-tagchar) * var(--rch));
	width:var(--f-wdtag);
	flex:0 0 var(--f-wdtag);
	margin:0 var(--f-mrtag) 0 calc(-1 * var(--f-wdtag1));
}
.f_hor :is(.f_tagin,.f_taginno,.f_tagtopin,.f_tagtopinno)	{	margin:0 var(--f-mrtag) 0 0	}

.f_hor .f_wd:not(.r)		{	flex:0 1 calc(var(--w) + var(--f-wdadd))	}
.f_hor textarea.f_wd:not(.r){	width:unset	}

.f_hor .f_row									{	padding-left:var(--f-wdtag1)	}
.f_hor .f_row			:is(.f_div,.f_divtop)	{	padding-left:0	}
.f_hor .f_row			:is(.f_div,.f_divin)	{	min-height:var(--f-ht)	}
.f_hor .f_row .f_set	:is(.f_div,.f_divtop)	{	padding-left:var(--f-ghp)	}

/*--------------------------------*/

input.f_fit	{	width:calc(max(var(--m),1px * var(--w,0)) + 2 * var(--f-bowd) + var(--f-wdin))	}

.f_group .din	{	display:none	}

.f_group .mttop	{	margin-top:var(--f-httop)	}

.f_htmin0 .f_div,
.f_htmin0 .f_divin,
.f_htmin0 .f_divtop,
.f_htmin0 .f_divtopin,
.f_htmin0 .f_row .f_div,
.f_htmin0 .f_row .f_divin,
.f_htmin0 .f_row .f_divtop,
.f_htmin0 .f_row .f_divtopin	{	min-height:unset	}

.f_mrtip:has(.f_tip) input:not(:has(+ .f_tip))	{	margin-right:calc(.5ch + 1em)	}

.f_cdonly{
	--c-f-tx:	var(--c-f-cdonly);
	--c-f-bo:	var(--c-f-cdonly);
	--c-f-tag:	var(--c-f-cdonly);
}
.f_cdonly .f_head	{	color:var(--c-f-cdonly)	}

/*--------------------------------*/


/* app */
.aproute b	{	font-weight:600	}

/* progress bar */
.mcprogressbg{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.mcprogress{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	clip-path:inset(0 0 0 var(--to));
	-webkit-clip-path:inset(0 0 0 var(--to));
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	/* transition:clip-path 1s linear; */
}

/* custom select */
.mcsel{
	--seln:		16;
	--selpv:	calc(var(--h0-1) * .15em);
	--selhtmax:	calc((.5 * var(--seln) + .5 * var(--seln) * var(--h0-1)) * (1.43em + 2 * var(--selpv)));

	line-height:normal;
}
.mcsels	{	--selpv:calc(var(--h0-1) * .1em)	}
.mcselxs{	--selpv:calc(var(--h0-1) * .05em)	}
.mcsel0	{	--selpv:0em	}
.mcsel>.select2-results>.select2-results__options								{	max-height:var(--selhtmax)	}
.mcsel .select2-results__group,
.mcsel .select2-results__option													{	padding-top:var(--selpv);	padding-bottom:var(--selpv)	}
.mcsel .select2-results__message												{	padding-bottom:.5em	}
.mcsel .select2-results__group													{	font-weight:400;opacity:.8;font-size:max(90%,13px)	}
.mcsel .select2-results__option--group .select2-results__option:last-of-type	{	margin-bottom:.6em	}
.mcsel .select2-results__options--nested										{	color:#000	}

/* adion - accordion */
:root{
	--adionspace:	1;
	--adiondtalign:	center;
	--adionicfw:	700;
	--adionicfs:	clamp(1rem, 1em, 1.5rem);
}
.adion{
	position:relative;
	margin-block-start:0;
	margin-block-end:0;
	width:100%;
}
.adion>div	{	padding:0	}
.adion dt{
	cursor:pointer;
	font-size:var(--adiondtfs);
	margin:var(--adiondtmv,.2em) 0;
	line-height:normal;
	display:flex;
	align-items:var(--adiondtalign);
	transition:all .6s cubic-bezier(.55, 0, .1, 1);
}
.adion dt:first-of-type	{	margin-top:0	}
.adion dt:last-of-type	{	margin-bottom:0	}

.adion dt.dtmb05:not(.adion-active)		{	margin-bottom:.5em	}
.adion dt.dtmb-05:not(.adion-active)	{	margin-bottom:-.5em	}

.adion dt:before{
	font-family:var(--fafont);
	font-weight:var(--adionicfw);
	font-size:var(--adionicfs);
	font-style:normal;
	color:var(--c-adionic);
	margin:var(--adiondtmv,0) var(--adionicmr,.4em) 0 0;
	content:var(--adionico,"\f13a");
	transform-origin:center;
	transform:rotate(0deg);
	transition:all .6s cubic-bezier(.55, 0, .1, 1);
}
.adion dt.adion-active:before{
	content:var(--adionicc,"\f139");
	transform:rotate(360deg);
}
.adion dt a{
	z-index:1;
	transform:translateY(-.03em);
}
.adion dt a:not(.h1,.h2,.h3,.h4,.h5,.h6){
	font-family:var(--adiondtfont);
	font-weight:var(--adiondtfw,700);
	text-decoration:none;
	line-height:var(--adiondtlh);
	color:var(--c-adiondt);
}
.adion dt:hover a{
	color:var(--c-adiondthover,var(--c-adiondt));
	text-decoration:none;
}
.adion dt a ~ div{
	flex-grow:1;
	height:var(--adionfillht,1px);
	margin:.2em 0 0 var(--adionfillml,.5ch);
	background-color:var(--c-adionfill,var(--c-l));
}

.adionlined dt	{	border-top:solid 1px var(--c-l)	}
.adionlined dt:first-of-type	{	border-top:0	}

.adion dd{
	margin:0;
	color:var(--c-adiondd);
	font-family:var(--adionddfont);
	font-weight:var(--adionddfw);
	font-size:var(--adionddfs);
	line-height:var(--adionddlh);
}
.adion>dd>div{
	padding-top:var(--adionddpt,.3em);
	margin-bottom:var(--adionddmb);
}
.adion>div>dt,
.adion>div>dd>div	{	padding:calc(var(--mv) * var(--adionspace)) calc(var(--mh) * var(--adionspace))	}
.adion>div>dt		{	background-color:var(--adiondtbg)	}
.adion>div>dd>div	{	background-color:var(--adionddbg)	}

.adion dd:not(._keepmt)>div:first-child>*:first-child,
.adion dd:not(._keepmt)>div:first-child>div:first-child>*:first-child	{	margin-top:0	}

/* flipping element: perspective 1500px, translateZ 90px (6%), scale .94 (100% - 6%) */
.flip{
	--fliptime:.6s;
	--fliptrans:transform var(--fliptime) cubic-bezier(.75, 0, .85, 1);

	perspective:1500px;
	height:100%;
}

.flip *::-webkit-scrollbar				{	width:5px	}
.flip *::-webkit-scrollbar-track		{	background-color:var(--c-xl)	}
.flip *::-webkit-scrollbar-thumb		{	background-color:var(--c-l)	}
.flip *::-webkit-scrollbar-thumb:hover	{	background-color:var(--c-g)	}

.flip>div{
	position:relative;
	height:100%;
	width:100%;
	transform-style:preserve-3d;
	transition:var(--fliptrans);
}

/* with button */
.flip>input				{	display:none	}
.flip>input:checked~div	{	transform:rotateY(180deg)	}

/* with hover */
.flip>div:hover	{	transform:rotateY(180deg)	}

.flip>div>div{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	backface-visibility:hidden;
	transform-style:preserve-3d;
}
.flip>div>div>div{
	height:100%;
	padding:1.5em;
	transform:translateZ(90px) scale(.94);
}

.flip>div>div:nth-child(1){
/*	background-color:#fff; */
}

.flip>div>div:nth-child(2){
	background-color:#fff;
	transform:rotateY(180deg);
}

/* headers and boxes */
.headdiv{
	padding:var(--mvh) var(--mhh);
	background:linear-gradient(var(--c-xxl) 0%, var(--c-xxl) 1%, var(--c-xl) 6%, var(--c-ml) 48%, var(--c-ml) 95%, var(--c-l) 100%);
	display:flex;
	align-items:center;
	vertical-align:middle;
}
div.boxgrad{
	border:1px solid var(--c-bobox);
	border-radius:var(--boxbor);
	background:linear-gradient(180deg, var(--c-headgrad,var(--c-xl)) 0%, #fff 2em);
	padding:var(--boxpt) var(--boxph) var(--boxpb);
}
div.boxgrad.xs	{	--boxx:0	}
div.boxgrad.s	{	--boxx:.5	}
div.boxgrad.l	{	--boxx:1.5	}
div.boxgrad.xl	{	--boxx:2	}
div.boxgrad.a	{	--boxpb:0;--f-bowd:0	}
div.boxgrad.a>div:nth-child(2){
	border-top:calc(1px / 3) solid var(--c-bobox);
	margin:-.2em calc(-1 * var(--boxph)) 0;
}

div.boxgrad>div:first-child
/*,div.boxgrad>div.boxgradtit*/
{
	color:var(--c-title,#000);
	margin-bottom:.5em;
}
div.boxgradtit{
	font-weight:	var(--boxfw,700);
	font-size:		var(--boxfs,1.25em);
}

/* h1 to h6 */
h1,.h1,.h1font{	color:var(--c-h1);font-family:var(--ffh1,var(--ff));font-weight:var(--fwh1);font-size:var(--fsh1);text-decoration:var(--fdh1);letter-spacing:var(--lsh1)}
h2,.h2,.h2font{	color:var(--c-h2);font-family:var(--ffh2,var(--ff));font-weight:var(--fwh2);font-size:var(--fsh2);text-decoration:var(--fdh2);letter-spacing:var(--lsh2)}
h3,.h3,.h3font{	color:var(--c-h3);font-family:var(--ffh3,var(--ff));font-weight:var(--fwh3);font-size:var(--fsh3);text-decoration:var(--fdh3);letter-spacing:var(--lsh3)}
h4,.h4,.h4font{	color:var(--c-h4);font-family:var(--ffh4,var(--ff));font-weight:var(--fwh4);font-size:var(--fsh4);text-decoration:var(--fdh4);letter-spacing:var(--lsh4)}
h5,.h5,.h5font{	color:var(--c-h5);font-family:var(--ffh5,var(--ff));font-weight:var(--fwh5);font-size:var(--fsh5);text-decoration:var(--fdh5);letter-spacing:var(--lsh5)}
h6,.h6,.h6font{	color:var(--c-h6);font-family:var(--ffh6,var(--ff));font-weight:var(--fwh6);font-size:var(--fsh6);text-decoration:var(--fdh6);letter-spacing:var(--lsh6)}

h1,.h1{	margin:var(--mth1) 0 var(--mbh1);line-height:var(--lhh1)}
h2,.h2{	margin:var(--mth2) 0 var(--mbh2);line-height:var(--lhh2)}
h3,.h3{	margin:var(--mth3) 0 var(--mbh3);line-height:var(--lhh3)}
h4,.h4{	margin:var(--mth4) 0 var(--mbh4);line-height:var(--lhh4)}
h5,.h5{	margin:var(--mth5) 0 var(--mbh5);line-height:var(--lhh5)}
h6,.h6{	margin:var(--mth6) 0 var(--mbh6);line-height:var(--lhh6)}

/* inp - inputs */
.inp1icon{
	position:relative;
}/* spacing: 1ch 1em .7ch */
.inp1icon input{
	width:100%;
	padding:.2em calc(1em + 1.7ch) .3em .7ch;
	min-height:2em;
}
.inp2icon{
	position:relative;
}/* spacing: 1ch 1em .2ch 1em .7ch */
.inp2icon input{
	width:100%;
	padding:.2em calc(2em + 1.9ch) .3em .7ch;
	min-height:2em;
}
.inp2icon .inpicon1{
	position:absolute;
	right:calc(1rem + .9ch);
	top:calc(50% - .6rem);
}
.inp1icon .inpicon1,
.inp2icon .inpicon2{
	position:absolute;
	right:.7ch;
	top:calc(50% - .6rem);
}

/* link */
.linktdn a{
	text-decoration:none !important;
	color:inherit !important
}
.linktxstroke a{
	text-decoration:none;
	color:inherit;
	background:linear-gradient(currentColor,currentColor) 0% 100%/0% .08em no-repeat;
	transition:background-size cubic-bezier(0,.5,0,1) .5s;
}
.linktxstroke a:active,
.linktxstroke a:hover,
.linktxstroke a:focus{
	text-decoration:none;
	color:inherit;
	background-size:100% .08em;
}

/* app styles */
.appstyle :is(h1,.h1):not(.defstyle *)	{	--mth1:0;--mbh1:0;--lhh1:normal;--fsh1:2em	}
.appstyle :is(h2,.h2):not(.defstyle *)	{	--mth2:0;--mbh2:0;--lhh2:normal;--fsh2:1.5em	}
.appstyle :is(h3,.h3):not(.defstyle *)	{	--mth3:0;--mbh3:0;--lhh3:normal;--fsh3:1.2em	}

.expired,	.expired a	{	color:red	}
.future,	.future a	{	color:blue	}


/* ic - icons */
.ic,
.icl{
	cursor:pointer;
	font-size:16px;
	text-align:center;
}
.ic:not(.fa-inverse),
.icl					{	color:var(--c-i)	}
.ici:not(.fa-inverse)	{	color:inherit	}

:not(.shicons) > .shicon	{	font-size:var(--fsshicon)	}
.shicons{
	font-size:var(--fsshicon);
	margin-left:-.25ch;
	margin-right:-.25ch;
	white-space:nowrap;
}
.shicons>*{
	margin-left:.25ch;
	margin-right:.25ch;
}
.shiconsv{
	display:flex;
	flex-direction:column;
	font-size:var(--fsshicon);
	margin-top:-.25em;
	margin-bottom:-.25em;
	white-space:nowrap;
}
.shiconsv>*{
	margin-top:.25em;
	margin-bottom:.25em;
}

:not(.smicons) > .smicon	{	font-size:var(--fssmicon)	}
.smicons{
	font-size:var(--fssmicon);
	margin-left:-.25ch;
	margin-right:-.25ch;
	white-space:nowrap;
}
.smicons>*{
	display:inline-block;
	margin-left:.25ch;
	margin-right:.25ch;
}
.smiconsv{
	display:flex;
	flex-direction:column;
	font-size:var(--fssmicon);
	margin-top:-.25em;
	margin-bottom:-.25em;
	white-space:nowrap;
}
.smiconsv>*{
	margin-top:.25em;
	margin-bottom:.25em;
}

/* miscellaneous */
.brhalf		{	display:block;margin-top:.5em	}
.dead		{	pointer-events:none	}
.off		{	pointer-events:none;	opacity:.2	}
.off0		{	pointer-events:none;	opacity:0	}

/* article images */
.atxi{
	--atxifit:contain;

	align-self:flex-start;
/*	box-sizing:content-box;	*/
	margin:0 auto;
	max-width:100%;
	display:flex;
}
.atxi img{
	display:inline-block;
	max-height:100%;
	width:100%;
	max-width:100%;
	object-fit:var(--atxifit);
}

/* image effects */
.bwall *	{	background:inherit !important;	color:var(--c-font) !important	}

.bw,.bwclr					{	filter:grayscale(1);	transition:all .15s ease-in-out	}
.bwclr:hover				{	filter:grayscale(0)	}
.blursharp					{	filter:blur(3px);		transition:all .15s ease-in-out	}
.blursharp:hover			{	filter:blur(0)	}
.blursharp:is(.bw,.bwclr)	{	filter:grayscale(1) blur(3px)	}
.blursharp.bw:hover			{	filter:grayscale(1) blur(0)	}
.blursharp.bwclr:hover		{	filter:grayscale(0) blur(0)	}

.grow{
	z-index:0;
	transition:all .15s ease-in-out;
}
.grow:hover{
	z-index:1;
	transform:scale(1.06);
	box-shadow:4px 4px 8px 0 rgb(0,0,0,0.2), 6px 6px 10px 0 rgb(0,0,0,0.19);
}
.cup .grow:active{
	transform:none;
}

/* scroll bars */
.sb05g::-webkit-scrollbar				{	width:.5ch	}
.sb05g::-webkit-scrollbar-track			{	background-color:var(--c-xl)	}
.sb05g::-webkit-scrollbar-thumb			{	background-color:var(--c-l)	}
.sb05g::-webkit-scrollbar-thumb:hover	{	background-color:var(--c-g)	}

/* fullscreen overlay */
.mcoverlay{
	z-index:999;
	position:fixed;
	overflow-x:hidden;
	font-size:1.2em;
	height:100%;
	width:0;
	top:0;
	left:0;
	background-color:var(--c-bg);
	transition:.5s;
}
.mcoverlay-content{
	position:relative;
	white-space:nowrap;
	top:20px;
	width:100%;
	margin-top:30px;
	padding:10px 10px 40px;
}
.mcoverlay-bottom-content{
	position:sticky;
	bottom:0;
	width:100%;
}
.mcoverlay-bottom-content button{
	white-space:nowrap;
	font-weight:bold;
	height:60px;
	width:100%;
	background-color:var(--c-b-bg);
	color:var(--c-b-tx);
	border:0;
}
.mcoverlay a.closebtn{
	display:block;
	text-decoration:none;
	color:#818181;
	font-size:36px;
	padding:8px;
	transition:.3s;
}
.mcoverlay a.closebtn:hover, .mcoverlay a.closebtn:focus	{	color:#f1f1f1	}
.mcoverlay .closebtn{
	position:absolute;
	top:10px;
	right:10px;
	font-size:60px;
	line-height:30px;
}
@media screen and (max-height:449px){
	.mcoverlay a {font-size:20px}
	.mcoverlay .closebtn{
		font-size:40px;
		top:15px;
		right:35px;
	}
}

/* text overlay */
.txon0{
	--c-txonh:var(--c-h1);
	--c-txont:#fff;

	--txonscale:1.1;
	--txondur:.35s;
	--txonbg:var(--c-txonbg);

	--txonhfs:max(min(12px,1em),.8em + .2em * var(--w0-1));
	--txonhbg:var(--c-txonhbg);

	--txontfs:var(--txonhfs);
	--txontm:var(--mv) var(--mh);
	--txontbg:var(--c-txontbg);

	overflow:hidden;
	display:inline-block;
	position:relative;
	flex:1;
}

.txon{
	overflow:hidden;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	padding:var(--txonp,0);
	background:var(--txonbg);
	text-align:center;
}

.txon>div{
	border:var(--txonbo);
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:var(--txonjust);
}

.txon0 img,
.txon,
.txon *,
.txon *::after{
	transition-property:		box-shadow,	transform,			filter,	opacity;
	transition-duration:		.2s,		var(--txondur);
	transition-timing-function:	ease-in-out;
}

.txon .h,
.txon .t{
	opacity:0;
	margin:0;
	line-height:normal;
	text-decoration:none;
}

.txon .h{
	border:		var(--txonhbo);
	margin:		var(--txonhm,0);
	padding:	var(--txonhp,0);
	background:	var(--txonhbg);
	font-size:	var(--txonhfs);
	color:		var(--c-txonh);
}

.txon .t{
	overflow:auto;
	display:inline-block;
	align-self:center;
	text-transform:none;
	transition-delay:0s,.2s;
	border:		var(--txontbo);
	margin:		var(--txontm,0);
	padding:	var(--txontp,0);
	background:	var(--txontbg);
	font-size:	var(--txontfs);
	color:		var(--c-txont);
}
.txon .t::-webkit-scrollbar			{	width:4px	}
.txon .t::-webkit-scrollbar-track	{	background-color:var(--c-txontbg)	}
.txon .t::-webkit-scrollbar-thumb	{	background-color:var(--c-txont)	}

.txon:hover,
.txon:hover .h,
.txon:hover .t	{	opacity:1	}

/* text overlay type 1 */
.txon1{
	--c-txonbg:rgb(0,0,0,.6);
	--c-txonhbg:rgb(255,255,255,.6);
	--txonhp:.6em;
	--txontm:auto;
	--txontp:.3em 1.2ch;
	--txontbo:1px solid #fff;
}
.txon1:hover img			{	transform:scale(var(--txonscale))	}
.txon1       .txon .h		{	transform:translatey(-9em)	}
.txon1:hover .txon .h		{	transform:translatey(0)	}
.txon1       .txon .t:hover	{	box-shadow:0 0 .3em #fff	}

/* text overlay type 2 */
.txon2{
	--c-txonbg:rgb(66,176,120,40%);
	--txonjust:center;
	--txonp:1em;
	--txonmh:calc(10ch * (var(--txonscale) - 1) / 2);
	--txon-mh:calc(-1 * var(--txonmh));
	--txontm:var(--mvh) 0 0;
}
.txon2 .txon .h{
	opacity:1;
	position:relative;
	padding-bottom:.5em;
}
.txon2 .txon .h::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	background-color:#fff;
	transform:translate3d(-200%,0,0);
}
.txon2       img			{	transform:translate3d(var(--txon-mh),0,0);	margin-left:var(--txon-mh);	width:calc(100% + calc(2 * var(--txonmh)));	}
.txon2:hover img			{	transform:translate3d(var(--txonmh),0,0)	}
.txon2:hover .txon .h::after{	transform:translate3d(0,0,0)	}
.txon2       .txon .t		{	transform:translate3d(100%,0,0)	}
.txon2:hover .txon .t		{	transform:translate3d(0,0,0)	}

/* text overlay type 3 */
.txon3{
	--c-txonh:#fff;
	--c-txonhbg:rgb(0,0,0,.6);
	--c-txontbg:rgb(0,0,0,.4);
	--txontxscale:0;
	--txonhp:.6em;
	--txontm:auto;
	--txontp:.3em 1.2ch;
	--txontbo:1px solid #fff;
}
.txon3:hover img			{	transform:scale(var(--txonscale));filter:grayscale(1) blur(3px)	}
.txon3       .txon .h,
.txon3       .txon .t		{	transform:scale(var(--txontxscale))	}
.txon3:hover .txon .h,
.txon3:hover .txon .t		{	transform:scale(1)	}
.txon3       .txon .t:hover	{	box-shadow:0 0 .3em #fff	}

/* text overlay type 4 */
.txon4{
	--c-txonbg:rgb(0,0,0,.6);
	--c-txonh:#fff;
	--txonp:1.5em;
	--txonbo:2px solid #fff;
	--txonhm:1em 0 .5em;
	--txontm:auto;
	--txontp:0 0 var(--mv);
}
.txon4       .txon>div	{	border-left:0;	border-right:0	}
.txon4       .txon>div	{	transform:scale(0,1)	}
.txon4:hover .txon>div	{	transform:scale(1)	}
.txon4       .txon .h	{	transform:translate3d(0,-100%,0)	}
.txon4       .txon .t	{	transform:translate3d(0,100%,0);	transition-delay:0s	}
.txon4:hover .txon .t,
.txon4:hover .txon .h	{	transform:translate3d(0,0,0)	}


/* ---------------- BELOW BASIC STYLES ---------------- */

/* my - custom styles */
.mybor	{	border-radius:var(--mybor,.25em)	}

/* ar - aspect ratio */
.ar11	{	aspect-ratio:1/1	}

/* bg - background */
.bgmetal	{	background:linear-gradient(-72deg,var(--c-metal),#fff 16%,var(--c-metal) 21%,#fff 24%,var(--c-metald) 27%,var(--c-metal) 36%,#fff 45%,#fff 60%,var(--c-metal) 72%,#fff 80%,var(--c-metal) 84%,var(--c-metald))	}

.frosted{
	overflow:hidden;
	background:var(--c-frost);
	border-radius:1em;
	box-shadow:0 .25em 2em rgb(0,0,0,.1);
	backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	border:1px solid var(--c-frost);
}

.bgb	{	background-color:#000	}
.bgg	{	background-color:var(--c-g)	}
.bgl	{	background-color:var(--c-l)	}
.bgxl	{	background-color:var(--c-xl)	}
.bgxxl	{	background-color:var(--c-xxl)	}
.bgw	{	background-color:#fff	}
.bgred	{	background-color:var(--c-error)	}
.bgbar	{	background-color:var(--c-bar)	}
.bgt	{	background-color:transparent	}

.bg1	{	background-color:var(--c-1)	}
.bg2	{	background-color:var(--c-2)	}
.bg3	{	background-color:var(--c-3)	}
.bg4	{	background-color:var(--c-4)	}
.bg5	{	background-color:var(--c-5)	}
.bg6	{	background-color:var(--c-6)	}
.bg7	{	background-color:var(--c-7)	}
.bg8	{	background-color:var(--c-8)	}
.bg9	{	background-color:var(--c-9)	}
.bg10	{	background-color:var(--c-10)	}
.bg11	{	background-color:var(--c-11)	}
.bg12	{	background-color:var(--c-12)	}
.bg13	{	background-color:var(--c-13)	}
.bg14	{	background-color:var(--c-14)	}
.bg15	{	background-color:var(--c-15)	}
.bg16	{	background-color:var(--c-16)	}
.bg17	{	background-color:var(--c-17)	}
.bg18	{	background-color:var(--c-18)	}
.bg19	{	background-color:var(--c-19)	}
.bg20	{	background-color:var(--c-20)	}
.bg21	{	background-color:var(--c-21)	}
.bg22	{	background-color:var(--c-22)	}
.bg23	{	background-color:var(--c-23)	}
.bg24	{	background-color:var(--c-24)	}
.bg25	{	background-color:var(--c-25)	}
.bg26	{	background-color:var(--c-26)	}
.bg27	{	background-color:var(--c-27)	}
.bg28	{	background-color:var(--c-28)	}
.bg29	{	background-color:var(--c-29)	}
.bg30	{	background-color:var(--c-30)	}
.bg31	{	background-color:var(--c-31)	}
.bg32	{	background-color:var(--c-32)	}

.bgxlt3	{	background:linear-gradient(180deg, var(--c-xl2) 0%, #fff 3em)	}

.bgalt2>*:nth-child(2n+1)	{	background-color:var(--c-bg1)	}
.bgalt2>*:nth-child(2n)		{	background-color:var(--c-bg2)	}
.bgalt3>*:nth-child(3n+1)	{	background-color:var(--c-bg1)	}
.bgalt3>*:nth-child(3n+2)	{	background-color:var(--c-bg2)	}
.bgalt3>*:nth-child(3n)		{	background-color:var(--c-bg3)	}
.bgalt4>*:nth-child(4n+1)	{	background-color:var(--c-bg1)	}
.bgalt4>*:nth-child(4n+2)	{	background-color:var(--c-bg2)	}
.bgalt4>*:nth-child(4n+3)	{	background-color:var(--c-bg3)	}
.bgalt4>*:nth-child(4n)		{	background-color:var(--c-bg4)	}

/* back - back settings */
.backhide	{	backface-visibility:hidden	}

/* bo - border */
.bo0	{	border:none	}
.bo1	{	border:1px solid	}
.bo1b	{	border:1px solid #000	}
.bo1g	{	border:1px solid var(--c-g)	}
.bo1l	{	border:1px solid var(--c-l)	}
.bo1xl	{	border:1px solid var(--c-xl)	}
.bo1xxl	{	border:1px solid var(--c-xxl)	}
.bo1w	{	border:1px solid #fff	}
.bo1red	{	border:1px solid red	}
.bob1	{	border-bottom:	1px solid	}
.bob1b	{	border-bottom:	1px solid #000	}
.bob1g	{	border-bottom:	1px solid var(--c-g)	}
.bob1l	{	border-bottom:	1px solid var(--c-l)	}
.bob1w	{	border-bottom:	1px solid #fff	}
.bot12	>*:not(:first-child),
.bot1	{	border-top:		1px solid	}
.bot1b2	>*:not(:first-child),
.bot1b	{	border-top:		1px solid #000	}
.bot1g2	>*:not(:first-child),
.bot1g	{	border-top:		1px solid var(--c-g)	}
.bot1l2	>*:not(:first-child),
.bot1l	{	border-top:		1px solid var(--c-l)	}
.bot1w2	>*:not(:first-child),
.bot1w	{	border-top:		1px solid #fff	}
.boh1	{	border-top:		1px solid;				border-bottom:1px solid	}
.boh1b	{	border-top:		1px solid #000;			border-bottom:1px solid #000	}
.boh1g	{	border-top:		1px solid var(--c-g);	border-bottom:1px solid var(--c-g)	}
.boh1l	{	border-top:		1px solid var(--c-l);	border-bottom:1px solid var(--c-l)	}
.boh1w	{	border-top:		1px solid #fff;			border-bottom:1px solid #fff	}
.bob	{	border-color:#000	}
.bow	{	border-color:#fff	}
.bor0	{	border-radius:0	}
.bor3px	{	border-radius:3px	}
.bor03	{	border-radius:.3em	}
.bor05	{	border-radius:.5em	}
.bor1	{	border-radius:1em	}
.bor2	{	border-radius:2em	}
.bor50	{	border-radius:50%	}
.boin	{	box-sizing:border-box	}
.boout	{	box-sizing:content-box	}

/* col - columns */
.col20	{	columns:20ch	}
.col25	{	columns:25ch	}
.col30	{	columns:30ch	}
.col33	{	columns:33ch	}
.col44	{	columns:44ch	}
.col66	{	columns:66ch	}

/* cu - cursors */
.cua	{	cursor:auto	}
.cuna	{	cursor:not-allowed	}
.click,
.cup	{	cursor:pointer	}

/* hint - placeholder */
::placeholder{
	color:var(--c-hint);
	opacity:var(--hintopa);
	font-size:max(var(--hintfs),var(--fsmin));
	font-weight:normal;
}
::placeholder,.select2-selection__placeholder	{	font-size:max(var(--hintfs),var(--fsmin))	}
.hints::placeholder,.hints :is(::placeholder,.select2-selection__placeholder)	{	font-size:max(80%,var(--fsmin))	}
.hintr::placeholder,.hintr :is(::placeholder,.select2-selection__placeholder)	{	text-align:right	}
.hintoff::placeholder,.hintoff ::placeholder	{	opacity:0	}

/* vis - visibility */
.vis	{	visibility:visible	}
.visc	{	visibility:collapse	}
.vish	{	visibility:hidden	}
.vis0	{	visibility:hidden;position:absolute;opacity:0;height:0;width:0;overflow:hidden	}

/* di - display */
.didef	{	display:initial	}
.dib	{	display:block	}
.difr	{	display:flow-root	}
.diib_d div,
.diib	{	display:inline-block	}
.flexinl,
.diif	{	display:inline-flex	}
.dii	{	display:inline	}
.mchide,
.din	{	display:none	}
.dix	{	position:absolute;	left:-99999px	}

/* fil - filters */
.filb25			{	filter:brightness(25%);	}
.filb50			{	filter:brightness(50%);	}
.filb75			{	filter:brightness(75%);	}
.filb100,
.filbh100:hover,
.filbh100:active{	filter:brightness(100%);}
.filb125		{	filter:brightness(125%);}
.filb150		{	filter:brightness(150%);}
.filds			{	filter:drop-shadow(0 0 3em rgb(0,0,0,.5)) }
.fildsw			{	filter:drop-shadow(0 0 3em rgb(255,255,255,.5)) }

/* fl/fr - float left/right */
.fl	{	float:left	}
.flc{	float:left;clear:left	}
.fr	{	float:right	}
.frc{	float:right;clear:right	}
.cb	{	clear:both	}
.cl	{	clear:left	}
.cr	{	clear:right	}

/* fin - float left/right inside element */
.fin						{	display:grid	}
.fin>div					{	overflow:hidden	}
.fin.l>div>*:first-child	{	float:left	}
.fin.r>div>*:first-child	{	float:right	}
.fin>div>*:nth-child(2n)	{
	position:relative;
	top:50%;
	transform:translateY(-50%);
}
.fin>div>*:nth-child(2n):before{
	content:"";
	overflow:hidden;
	display:block;
	width:calc(var(--finwdmin) / var(--w2xxs-1xs));
}

/* flex - flex */
.flexht,
.flexfix,
.flexible,
.flexgrow,
.flexshrink,
.flex			{	display:flex	}
.flexw			{	display:flex;flex-wrap:wrap	}
.flexwl			{	display:flex;flex-wrap:wrap;justify-content:flex-start	}
.flexwm			{	display:flex;flex-wrap:wrap;justify-content:space-between	}
.flexh			{	display:flex;justify-content:center	}
.flexv			{	display:flex;align-items:center	}
.flexc			{	display:flex;align-items:center;justify-content:center	}
.flext			{	display:flex;align-items:flex-start	}
.flexbase,.flexu{	display:flex;align-items:baseline	}
.flexb			{	display:flex;align-items:flex-end	}
.flexr			{	display:flex;justify-content:flex-end	}

.flexht>*		{	flex:1 0 auto	}
.flexfix>*		{	flex:0 0 100%	}
.flexible>*		{	flex:1 1	}
.flexgrow>*		{	flex:1 0	}
.flexshrink>*	{	flex:0 1 auto	}

.flexrow		{	flex-direction:row	}
.flexrowrev		{	flex-direction:row-reverse	}
.flexht,
.flexcol		{	flex-direction:column	}
.flexcolrev		{	flex-direction:column-reverse	}

.flextb			{	display:flex;justify-content:space-between;flex-direction:column	}

.flex2tm,
.flex2t			{	display:flex;gap:var(--gv,var(--mv)) 0;flex-direction:column-reverse	}
.flex2bm,
.flex2b			{	display:flex;gap:var(--gv,var(--mv)) 0;flex-direction:column	}
.flex2lm,
.flex2l			{	display:flex;gap:0 var(--gh,var(--mh));flex-direction:row-reverse;justify-content:flex-end	}
.flex2rm,
.flex2r			{	display:flex;gap:0 var(--gh,var(--mh));flex-direction:row	}

.wrap			{	flex-wrap:wrap	}

.flexvca{	align-content:space-around	}
.flexvcb{	align-content:flex-end	}
.flexvcc{	align-content:center	}
.flexvce{	align-content:space-evenly	}
.flexvcm{	align-content:space-between	}
.flexvcs{	align-content:stretch	}
.flexvct{	align-content:flex-start	}

.flexvb{	align-items:flex-end	}
.flexvc{	align-items:center	}
.flexvs{	align-items:stretch	}
.flexvt{	align-items:flex-start	}
.flexvu{	align-items:baseline	}
.flexvu1{	align-items:first baseline	}
.flexvul{	align-items:last baseline	}

.flexaround,
.flexha	{	justify-content:space-around	}
.flexhc	{	justify-content:center	}
.flexeven,
.flexhe	{	justify-content:space-evenly	}
.flexhl	{	justify-content:flex-start	}
.flexwmax,
.flex2tm,
.flex2bm,
.flex2lm,
.flex2rm,
.flexhm,
.flexhmc{	justify-content:space-between	}
.flexhmc>*{	margin-left:auto;	margin-right:auto	}
.flexhr	{	justify-content:flex-end	}

.flexiauto{	align-self:auto	}
.flexib	{	align-self:flex-end	}
.flexic	{	align-self:center	}
.flexis	{	align-self:stretch	}
.flexit	{	align-self:flex-start	}
.flexiu	{	align-self:baseline	}

.flexno	{	flex:none	}
.flex01	{	flex:0 1	}
.flex1	{	flex:1	}
.flex11	{	flex:1.1	}
.flex12	{	flex:1.2	}
.flex13	{	flex:1.3	}
.flex14	{	flex:1.4	}
.flex15	{	flex:1.5	}
.flex2	{	flex:2	}
.flex25	{	flex:2.5	}
.flex3	{	flex:3	}
.flex4	{	flex:4	}
.flex5	{	flex:5	}
.flexa	{	flex:auto	}

.flexiwd100	{flex-basis:100%	}

.flexhbr{
	flex-basis:100%;
	height:0;
	margin:0 !important;
	padding:0 !important;
}
.flexvbr{
	flex-basis:100%;
	width:0;
	margin:0 !important;
	padding:0 !important;
}

/* shade - drop shadow */
.shade1b		{	filter:drop-shadow(0 0 1px #000)	}
.shade1w		{	filter:drop-shadow(0 0 1px #fff)	}
.shade15b		{	filter:drop-shadow(0 0 1.5px #000)	}
.shade15w		{	filter:drop-shadow(0 0 1.5px #fff)	}
.shade2b		{	filter:drop-shadow(0 0 2px #000)	}
.shade2w		{	filter:drop-shadow(0 0 2px #fff)	}

/* tx - text */
.txb		{	color:#000	}
.txf		{	color:var(--c-font)	}
.txg		{	color:var(--c-g)	}
.txi		{	color:inherit	}
.txt		{	color:transparent	}
.txw		{	color:#fff	}
.txerror	{	color:var(--c-error);	font-weight:700	}
.txhidden	{	color:var(--c-hidden)	}
.txok		{	color:var(--c-ok)	}
.txred		{	color:var(--c-error)	}
.txblue		{	color:var(--c-blue)	}

.tx1		{	color:var(--c-1)	}
.tx2		{	color:var(--c-2)	}
.tx3		{	color:var(--c-3)	}
.tx4		{	color:var(--c-4)	}
.tx5		{	color:var(--c-5)	}
.tx6		{	color:var(--c-6)	}
.tx7		{	color:var(--c-7)	}
.tx8		{	color:var(--c-8)	}
.tx9		{	color:var(--c-9)	}
.tx10		{	color:var(--c-10)	}
.tx11		{	color:var(--c-11)	}
.tx12		{	color:var(--c-12)	}
.tx13		{	color:var(--c-13)	}
.tx14		{	color:var(--c-14)	}
.tx15		{	color:var(--c-15)	}
.tx16		{	color:var(--c-16)	}
.tx17		{	color:var(--c-17)	}
.tx18		{	color:var(--c-18)	}
.tx19		{	color:var(--c-19)	}
.tx20		{	color:var(--c-20)	}
.tx21		{	color:var(--c-21)	}
.tx22		{	color:var(--c-22)	}
.tx23		{	color:var(--c-23)	}
.tx24		{	color:var(--c-24)	}
.tx25		{	color:var(--c-25)	}
.tx26		{	color:var(--c-26)	}
.tx27		{	color:var(--c-27)	}
.tx28		{	color:var(--c-28)	}
.tx29		{	color:var(--c-29)	}
.tx30		{	color:var(--c-30)	}
.tx31		{	color:var(--c-31)	}
.tx32		{	color:var(--c-32)	}

.txcaps				{	font-variant:small-caps	}
.txcase,	.lower	{	text-transform:lowercase	}
.txCaSe,	.upper1	{	text-transform:capitalize	}
.txCASE,	.upper	{	text-transform:uppercase	}

.txblur,		.blurred		{	text-shadow:1px 1px 2px rgb(  0,  0,  0,.8), 0 0 .5em rgb(  0,  0,  0,.4), 0 0 0.2em rgb(  0,  0,  0,.6)	}
.txblurw						{	text-shadow:1px 1px 2px rgb(255,255,255,.8), 0 0 .5em rgb(255,255,255,.4), 0 0 0.2em rgb(255,255,255,.6)	}
.txbreak,		.wsn			{	word-break:break-word	}
.txcur,.txdef,	.defval,.italic	{	font-style:italic	}
.txcut							{	word-break:break-all	}
.txdel							{	text-decoration:line-through	}
.txhypa							{	hyphens:auto			}
.txhypm							{	hyphens:manual			}
.txhypn							{	hyphens:none			}
.txline							{	text-decoration:underline	}
.txlineh:hover,
.txnormal,		.normal			{	font-weight:400;font-style:normal;text-decoration:none;text-shadow:none	}
a.txnormal						{	color:inherit	}
a.txnormal:focus,
a.txnormal:hover				{	color:unset;text-decoration:unset	}
.txnoshadow						{	text-shadow:none !important	}
.txnowrap						{	white-space:nowrap !important	}
.txwrap							{	white-space:normal	}
.txold							{	background:linear-gradient(to left top, transparent 46%, var(--c-line,currentColor) 49%, var(--c-line,currentColor) 51%, transparent 54%)	}
.txspaces						{	white-space:pre	}
.txspacesw						{	white-space:pre-wrap	}
.txtrunc,		.ell			{	overflow:hidden;white-space:nowrap;text-overflow:ellipsis	}

.txstroke{
	background:linear-gradient(currentColor,currentColor) 0% 100%/0% .08em no-repeat;
	transition:background-size cubic-bezier(0,.5,0,1) .5s;
}
.txstroke:hover	{	background-size:100% .08em	}

.txn{
	font-weight:var(--fw);
	font-size:var(--fs);
	letter-spacing:var(--ls);
	line-height:var(--lh);
}

.vab	{	vertical-align:baseline	}
.vabl	{	vertical-align:bottom	}
.vam	{	vertical-align:middle	}
.vat	{	vertical-align:top	}
.vatt	{	vertical-align:text-top	}

/* fs - font-size */
.fs1	{	font-size:1rem	}
.fs2	{	font-size:2rem	}
.fs3	{	font-size:3rem	}
.fs4	{	font-size:4rem	}
.fs5	{	font-size:5rem	}
.fs6	{	font-size:6rem	}
.fs7	{	font-size:7rem	}
.fs8	{	font-size:8rem	}

.fs10px	{	font-size:10px	}
.fs11px	{	font-size:11px	}
.fs12px	{	font-size:12px	}
.fs13px	{	font-size:13px	}
.fs14px	{	font-size:14px	}
.fs145px{	font-size:14.5px	}
.fs15px	{	font-size:15px	}
.fs16px	{	font-size:16px	}

.fs50	{	font-size:max(50%,var(--fsmin))	}
.fs60	{	font-size:max(60%,var(--fsmin))	}
.fs70	{	font-size:max(70%,var(--fsmin))	}
.fs75	{	font-size:max(75%,var(--fsmin))	}
.fs80	{	font-size:max(80%,var(--fsmin))	}
.fs85	{	font-size:max(85%,var(--fsmin))	}
.fs90	{	font-size:max(90%,var(--fsmin))	}
.fs95	{	font-size:max(95%,var(--fsmin))	}
.fs100	{	font-size:100%	}
.fs105	{	font-size:105%	}
.fs110	{	font-size:110%	}
.fs115	{	font-size:115%	}
.fs120	{	font-size:120%	}
.fs125	{	font-size:125%	}
.fs130	{	font-size:130%	}
.fs140	{	font-size:140%	}
.fs150	{	font-size:150%	}
.fs175	{	font-size:175%	}
.fs200	{	font-size:200%	}
.fs250	{	font-size:250%	}
.fs300	{	font-size:300%	}

.fs9-11		{	font-size:calc( .9em +  .2em * var(--w0-1))	}
.fs10-12	{	font-size:calc(  1em +  .2em * var(--w0-1))	}
.fs10-15	{	font-size:calc(  1em +  .5em * var(--w0-1))	}
.fs10-20	{	font-size:calc(  1em +   1em * var(--w0-1))	}
.fs12-15	{	font-size:calc(1.2em +  .3em * var(--w0-1))	}
.fs15-20	{	font-size:calc(1.5em +  .5em * var(--w0-1))	}
.fs20-25	{	font-size:calc(  2em +  .5em * var(--w0-1))	}
.fs20-30	{	font-size:calc(  2em +   1em * var(--w0-1))	}
.fs30-45	{	font-size:calc(  3em + 1.5em * var(--w0-1))	}
.fs45-60	{	font-size:calc(4.5em + 1.5em * var(--w0-1))	}

.fs12-15px	{	font-size:calc(12px + 3px * var(--w0-1))	}
.fs15-18px	{	font-size:calc(15px + 3px * var(--w0-1))	}

.fsftitle	{	font-size:var(--f-fstitle)	}
.fstag		{	font-size:var(--f-fstag)	}
.fsmin		{	font-size:var(--fsmin)	}
.fstt		{	font-size:calc(var(--tblv1) * 1rem + var(--tblh1) * clamp(var(--ttfsmin), 9px + 6px * var(--w0-1) + 7px * var(--w0md-1xl), var(--ttfsmax)))	}
.fsttinfo	{	font-size:calc(var(--tblv1) * 1rem + var(--tblh1) * max(var(--ttfsmin),11px + 3px * var(--w0-1)))	}

.fs			{	font-size:var(--fs)	}


/* fw - font weight */
.fw100		{	font-weight:100	}
.fw200		{	font-weight:200	}
.fw300		{	font-weight:300	}
.fw400		{	font-weight:400	}
.fw500		{	font-weight:500	}
.fw600		{	font-weight:600	}
.bold,
.fw700h:hover,
.fw700h:active,
.fw700		{	font-weight:700	}
.fw800		{	font-weight:800	}
.fw900h:hover,
.fw900h:active,
.fw900		{	font-weight:900	}
.fwb		{	font-weight:bolder	}
.fwl		{	font-weight:lighter	}

.fw			{	font-weight:var(--fw)	}
.fwn		{	font-weight:normal	}

/* img - image */
.imgb20		{	box-shadow:inset 0 0 0 99vw rgb(0,0,0,.2)	}
.imgb		{	box-shadow:inset 0 0 0 99vw rgb(0,0,0,.5)	}
.imgw20		{	box-shadow:inset 0 0 0 99vw rgb(255,255,255,.2)	}
.imgw		{	box-shadow:inset 0 0 0 99vw rgb(255,255,255,.5)	}
.imgr		{	height:auto;max-width:100%	}
.imgstretch	{	object-fit:fill	}
.imgfull	{	object-fit:contain	}
.imgcover	{	object-fit:cover	}
.imgdown	{	object-fit:scale-down	}
.imgnofit	{	object-fit:none	}
.imgpost	{	object-position:top	}
.imgposb	{	object-position:bottom	}
.imgposl	{	object-position:left	}
.imgposr	{	object-position:right	}

/* vid - video	*/
.vidbg{
/*	z-index:0;	*/
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
}

/* list - list	*/
.listnomark	{	list-style:none	}

/* opa - opacity */
.opa0	{	opacity:0	}
.opa1	{	opacity:1	}
.opa10	{	opacity:.1	}
.opa20	{	opacity:.2	}
.opa30	{	opacity:.3	}
.opa40	{	opacity:.4	}
.opa50	{	opacity:.5	}
.opa60	{	opacity:.6	}
.opa70	{	opacity:.7	}
.opa80	{	opacity:.8	}
.opa90	{	opacity:.9	}

.opahover100:hover,
.opahover100:active,
.opa1h:hover,
.opa1h:active	{	opacity:1	}

/* ov - overflow */
.ova	{	overflow:auto	}
.ovh	{	overflow:hidden	}
.ovv	{	overflow:visible	}
.ovya	{	overflow-y:auto	}
.ovyh	{	overflow-y:hidden	}
.ovxa	{	overflow-x:auto	}
.ovxh	{	overflow-x:hidden	}

/* pos - position */
.posa	{	position:absolute	}
.posf	{	position:fixed	}
.posr	{	position:relative	}
.poss	{	position:sticky	}
.posc	{	top:50%;	left:50%	}
.posct	{	top:0;				left:0;	right:0	}
.poscb	{			bottom:0;	left:0;	right:0	}
.pos0	{	top:0;	bottom:0;	left:0;	right:0	}
.postl	{	top:0;				left:0			}
.postr	{	top:0;						right:0	}
.posbl	{			bottom:0;	left:0			}
.posbr	{			bottom:0;			right:0	}

/* ta - alignment */
.alignl,
.tal	{	text-align:left	}
.alignc,
.tac	{	text-align:center	}
.alignr,
.tar	{	text-align:right	}
.taj	{	text-align:justify	}

/* unordered list */
.ulhmenu{
	--ulvgap:calc(var(--mv) * (.5 + var(--h0-1)));
	--ulhgap:calc(var(--mh) * ( 1 + var(--w0-1)));

	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:var(--ulvgap) var(--ulhgap);
	justify-content:center;
}
.ulhmenu li	{	display:inline-block	}
.ulhmenu a{
	color:var(--c-ul);
	text-decoration:none;
	transition:color .3s ease-in-out;
}
.ulhmenu a:hover{	color:var(--c-ulhov)	}

/* zoom - zoom */
.zoom12:hover	{	transform:scale(1.2)	}
.zoom15:hover	{	transform:scale(1.5)	}
.zoom2:hover	{	transform:scale(2)	}
.zoom3:hover	{	transform:scale(3)	}
.zoom4:hover	{	transform:scale(4)	}
.zoom1:hover	{	transform:scale(1)	}


/* spacing */
.lh3	{	line-height:3	}
.lh25	{	line-height:2.5	}
.lh2	{	line-height:2	}
.lh19	{	line-height:1.9	}
.lh18	{	line-height:1.8	}
.lh17	{	line-height:1.7	}
.lh16	{	line-height:1.6	}
.lh15	{	line-height:1.5	}
.lh14	{	line-height:1.4	}
.lh13	{	line-height:1.3	}
.lh12	{	line-height:1.2	}
.lh11	{	line-height:1.1	}
.lh1	{	line-height:1	}
.lh09	{	line-height:0.9	}
.lh08	{	line-height:0.8	}
.lh05	{	line-height:0.5	}
.lh0	{	line-height:0	}

.lh		{	line-height:var(--lh)	}
.lhn	{	line-height:normal	}

.ls8	{	letter-spacing:.4ch	}
.ls7	{	letter-spacing:3.5ch	}
.ls6	{	letter-spacing:.3ch	}
.ls5	{	letter-spacing:.25ch	}
.ls4	{	letter-spacing:.2ch	}
.ls3	{	letter-spacing:.15ch	}
.ls2	{	letter-spacing:.1ch	}
.ls1	{	letter-spacing:.05ch	}
.ls0	{	letter-spacing:0	}
.ls-4	{	letter-spacing:-.2ch	}
.ls-3	{	letter-spacing:-.15ch	}
.ls-2	{	letter-spacing:-.1ch	}
.ls-1	{	letter-spacing:-.05ch	}

.ls		{	letter-spacing:var(--ls)	}
.lsn	{	letter-spacing:normal	}

/* gap/margin/padding */
.g0		{	 gap:0	}
.g03	{	 gap:calc(var(--mv) * .3)	}
.g05	{	 gap:var(--mvh)	}
.g1		{	 gap:var(--mv)	}
.g15	{	 gap:calc(var(--mv) * (1 + var(--h0-1) * .5))	}
.g2		{	 gap:calc(var(--mv) * (1 + var(--h0-1)))	}
.g25	{	 gap:calc(var(--mv) * (1 + var(--h0-1) * 1.5))	}
.g3		{	 gap:calc(var(--mv) * (1 + var(--h0-1) * 2))	}
.g4		{	 gap:calc(var(--mv) * (1 + var(--h0-1) * 3))	}
.g5		{	 gap:calc(var(--mv) * (1 + var(--h0-1) * 4))	}
.g6		{	 gap:calc(var(--mv) * (1 + var(--h0-1) * 5))	}

.g12	{	 gap:var(--mv) calc(var(--mv) * (1 + var(--h0-1)))	}

.gv0	{	 row-gap:0	}
.gv03	{	 row-gap:calc(var(--mv) * .3)	}
.gv05	{	 row-gap:var(--mvh)	}
.gv1	{	 row-gap:var(--mv)	}
.gv15	{	 row-gap:calc(var(--mv) * (1 + var(--h0-1) * .5))	}
.gv2	{	 row-gap:calc(var(--mv) * (1 + var(--h0-1)))	}
.gv25	{	 row-gap:calc(var(--mv) * (1 + var(--h0-1) * 1.5))	}
.gv3	{	 row-gap:calc(var(--mv) * (1 + var(--h0-1) * 2))	}
.gv4	{	 row-gap:calc(var(--mv) * (1 + var(--h0-1) * 3))	}
.gv5	{	 row-gap:calc(var(--mv) * (1 + var(--h0-1) * 4))	}
.gv6	{	 row-gap:calc(var(--mv) * (1 + var(--h0-1) * 5))	}

.gh1ch	{	 column-gap:1ch	}
.gh1rsp	{	 column-gap:var(--rsp)	}
.gh0	{	 column-gap:0	}
.gh03	{	 column-gap:calc(var(--mh) * .3)	}
.gh05	{	 column-gap:var(--mhh)	}
.gh1	{	 column-gap:var(--mh)	}
.gh15	{	 column-gap:calc(var(--mh) * (1 + var(--w0-1) * .5))	}
.gh2	{	 column-gap:calc(var(--mh) * (1 + var(--w0-1)))	}
.gh25	{	 column-gap:calc(var(--mh) * (1 + var(--w0-1) * 1.5))	}
.gh3	{	 column-gap:calc(var(--mh) * (1 + var(--w0-1) * 2))	}
.gh4	{	 column-gap:calc(var(--mh) * (1 + var(--w0-1) * 3))	}
.gh5	{	 column-gap:calc(var(--mh) * (1 + var(--w0-1) * 4))	}
.gh6	{	 column-gap:calc(var(--mh) * (1 + var(--w0-1) * 5))	}

.dv0	{	 margin-top:0;												 margin-bottom:0	}
.dv0>*	{	padding-top:0;												padding-bottom:0	}
.dv03	{	 margin-top:calc(var(--m-vh) * .3);							 margin-bottom:calc(var(--m-vh) * .3)	}
.dv03>*	{	padding-top:calc(var(--mvh)  * .3);							padding-bottom:calc(var(--mvh)  * .3)	}
.dv05	{	 margin-top:calc(var(--m-vh) / 2);							 margin-bottom:calc(var(--m-vh) / 2)	}
.dv05>*	{	padding-top:calc(var(--mvh)  / 2);							padding-bottom:calc(var(--mvh)  / 2)	}
.dv1	{	 margin-top:var(--m-vh);									 margin-bottom:var(--m-vh)	}
.dv1>*	{	padding-top:var(--mvh);										padding-bottom:var(--mvh)	}
.dv15	{	 margin-top:calc(var(--m-vh) * (1 + var(--h0-1) * .5));		 margin-bottom:calc(var(--m-vh) * (1 + var(--h0-1) * .5))	}
.dv15>*	{	padding-top:calc(var(--mvh)  * (1 + var(--h0-1) * .5));		padding-bottom:calc(var(--mvh)  * (1 + var(--h0-1) * .5))	}
.dv2	{	 margin-top:calc(var(--m-vh) * (1 + var(--h0-1)));			 margin-bottom:calc(var(--m-vh) * (1 + var(--h0-1)))	}
.dv2>*	{	padding-top:calc(var(--mvh)  * (1 + var(--h0-1)));			padding-bottom:calc(var(--mvh)  * (1 + var(--h0-1)))	}
.dv25	{	 margin-top:calc(var(--m-vh) * (1 + var(--h0-1) * 1.5));	 margin-bottom:calc(var(--m-vh) * (1 + var(--h0-1) * 1.5))	}
.dv25>*	{	padding-top:calc(var(--mvh)  * (1 + var(--h0-1) * 1.5));	padding-bottom:calc(var(--mvh)  * (1 + var(--h0-1) * 1.5))	}
.dv3	{	 margin-top:calc(var(--m-vh) * (1 + var(--h0-1) * 2));		 margin-bottom:calc(var(--m-vh) * (1 + var(--h0-1) * 2))	}
.dv3>*	{	padding-top:calc(var(--mvh)  * (1 + var(--h0-1) * 2));		padding-bottom:calc(var(--mvh)  * (1 + var(--h0-1) * 2))	}
.dv4	{	 margin-top:calc(var(--m-vh) * (1 + var(--h0-1) * 3));		 margin-bottom:calc(var(--m-vh) * (1 + var(--h0-1) * 3))	}
.dv4>*	{	padding-top:calc(var(--mvh)  * (1 + var(--h0-1) * 3));		padding-bottom:calc(var(--mvh)  * (1 + var(--h0-1) * 3))	}
.dv5	{	 margin-top:calc(var(--m-vh) * (1 + var(--h0-1) * 4));		 margin-bottom:calc(var(--m-vh) * (1 + var(--h0-1) * 4))	}
.dv5>*	{	padding-top:calc(var(--mvh)  * (1 + var(--h0-1) * 4));		padding-bottom:calc(var(--mvh)  * (1 + var(--h0-1) * 4))	}
.dv6	{	 margin-top:calc(var(--m-vh) * (1 + var(--h0-1) * 5));		 margin-bottom:calc(var(--m-vh) * (1 + var(--h0-1) * 5))	}
.dv6>*	{	padding-top:calc(var(--mvh)  * (1 + var(--h0-1) * 5));		padding-bottom:calc(var(--mvh)  * (1 + var(--h0-1) * 5))	}

.dh0	{	 margin-left:0;												 margin-right:0	}
.dh0>*	{	padding-left:0;												padding-right:0	}
.dh03	{	 margin-left:calc(var(--m-hh) * .3);						 margin-right:calc(var(--m-hh) * .3)	}
.dh03>*	{	padding-left:calc(var(--mhh)  * .3);						padding-right:calc(var(--mhh)  * .3)	}
.dh05	{	 margin-left:calc(var(--m-hh) / 2);							 margin-right:calc(var(--m-hh) / 2)	}
.dh05>*	{	padding-left:calc(var(--mhh)  / 2);							padding-right:calc(var(--mhh)  / 2)	}
.dh1	{	 margin-left:var(--m-hh);									 margin-right:var(--m-hh)	}
.dh1>*	{	padding-left:var(--mhh);									padding-right:var(--mhh)	}
.dh15	{	 margin-left:calc(var(--m-hh) * (1 + var(--w0-1) * .5));	 margin-right:calc(var(--m-hh) * (1 + var(--w0-1) * .5))	}
.dh15>*	{	padding-left:calc(var(--mhh)  * (1 + var(--w0-1) * .5));	padding-right:calc(var(--mhh)  * (1 + var(--w0-1) * .5))	}
.dh2	{	 margin-left:calc(var(--m-hh) * (1 + var(--w0-1)));			 margin-right:calc(var(--m-hh) * (1 + var(--w0-1)))	}
.dh2>*	{	padding-left:calc(var(--mhh)  * (1 + var(--w0-1)));			padding-right:calc(var(--mhh)  * (1 + var(--w0-1)))	}
.dh25	{	 margin-left:calc(var(--m-hh) * (1 + var(--w0-1) * 1.5));	 margin-right:calc(var(--m-hh) * (1 + var(--w0-1) * 1.5))	}
.dh25>*	{	padding-left:calc(var(--mhh)  * (1 + var(--w0-1) * 1.5));	padding-right:calc(var(--mhh)  * (1 + var(--w0-1) * 1.5))	}
.dh3	{	 margin-left:calc(var(--m-hh) * (1 + var(--w0-1) * 2));		 margin-right:calc(var(--m-hh) * (1 + var(--w0-1) * 2))	}
.dh3>*	{	padding-left:calc(var(--mhh)  * (1 + var(--w0-1) * 2));		padding-right:calc(var(--mhh)  * (1 + var(--w0-1) * 2))	}
.dh4	{	 margin-left:calc(var(--m-hh) * (1 + var(--w0-1) * 3));		 margin-right:calc(var(--m-hh) * (1 + var(--w0-1) * 3))	}
.dh4>*	{	padding-left:calc(var(--mhh)  * (1 + var(--w0-1) * 3));		padding-right:calc(var(--mhh)  * (1 + var(--w0-1) * 3))	}
.dh5	{	 margin-left:calc(var(--m-hh) * (1 + var(--w0-1) * 4));		 margin-right:calc(var(--m-hh) * (1 + var(--w0-1) * 4))	}
.dh5>*	{	padding-left:calc(var(--mhh)  * (1 + var(--w0-1) * 4));		padding-right:calc(var(--mhh)  * (1 + var(--w0-1) * 4))	}
.dh6	{	 margin-left:calc(var(--m-hh) * (1 + var(--w0-1) * 5));		 margin-right:calc(var(--m-hh) * (1 + var(--w0-1) * 5))	}
.dh6>*	{	padding-left:calc(var(--mhh)  * (1 + var(--w0-1) * 5));		padding-right:calc(var(--mhh)  * (1 + var(--w0-1) * 5))	}

.m05	{	margin:var(--mvh)	var(--mhh)	}
.m051	{	margin:var(--mvh)	var(--mh)	}
.m-05	{	margin:var(--m-vh)	var(--m-hh)	}
.m-051	{	margin:var(--m-vh)	var(--m-h)	}
.m1		{	margin:var(--mv)	var(--mh)	}
.m-1	{	margin:var(--m-v)	var(--m-h)	}
.m15	{	margin:calc(var(--mv)  * (1 + var(--h0-1) * .5))	calc(var(--mh)  * (1 + var(--w0-1) * .5))	}
.m-15	{	margin:calc(var(--m-v) * (1 + var(--h0-1) * .5))	calc(var(--m-h) * (1 + var(--w0-1) * .5))	}
.m2		{	margin:calc(var(--mv)  * (1 + var(--h0-1)))			calc(var(--mh)  * (1 + var(--w0-1)))	}
.m-2	{	margin:calc(var(--m-v) * (1 + var(--h0-1)))			calc(var(--m-h) * (1 + var(--w0-1)))	}
.m25	{	margin:calc(var(--mv)  * (1 + var(--h0-1) * 1.5))	calc(var(--mh)  * (1 + var(--w0-1) * 1.5))	}
.m-25	{	margin:calc(var(--m-v) * (1 + var(--h0-1) * 1.5))	calc(var(--m-h) * (1 + var(--w0-1) * 1.5))	}
.m3		{	margin:calc(var(--mv)  * (1 + var(--h0-1) * 2))		calc(var(--mh)  * (1 + var(--w0-1) * 2))	}
.m-3	{	margin:calc(var(--m-v) * (1 + var(--h0-1) * 2))		calc(var(--m-h) * (1 + var(--w0-1) * 2))	}
.m4		{	margin:calc(var(--mv)  * (1 + var(--h0-1) * 3))		calc(var(--mh)  * (1 + var(--w0-1) * 3))	}
.m-4	{	margin:calc(var(--m-v) * (1 + var(--h0-1) * 3))		calc(var(--m-h) * (1 + var(--w0-1) * 3))	}
.m0		{	margin:0	}

.p05	{	padding:var(--mvh)	var(--mhh)	}
.p051	{	padding:var(--mvh)	var(--mh)	}
.p1		{	padding:var(--mv)	var(--mh)	}
.p15	{	padding:calc(var(--mv) * (1 + var(--h0-1) * .5))	calc(var(--mh) * (1 + var(--w0-1) * .5))	}
.p2		{	padding:calc(var(--mv) * (1 + var(--h0-1)))			calc(var(--mh) * (1 + var(--w0-1)))	}
.p25	{	padding:calc(var(--mv) * (1 + var(--h0-1) * 1.5))	calc(var(--mh) * (1 + var(--w0-1) * 1.5))	}
.p3		{	padding:calc(var(--mv) * (1 + var(--h0-1) * 2))		calc(var(--mh) * (1 + var(--w0-1) * 2))	}
.p4		{	padding:calc(var(--mv) * (1 + var(--h0-1) * 3))		calc(var(--mh) * (1 + var(--w0-1) * 3))	}
.p0		{	padding:0	}

.mv,
.mv05d	{	margin-top:var(--mvh);	margin-bottom:var(--mvh)	}
.mv-05d	{	margin-top:var(--m-vh);	margin-bottom:var(--m-vh)	}
.mv1d	{	margin-top:var(--mv);	margin-bottom:var(--mv)	}
.mv-1d	{	margin-top:var(--m-v);	margin-bottom:var(--m-v)	}
.mv15d	{	margin-top:calc(var(--mv)  * (1 + var(--h0-1) * .5));	margin-bottom:calc(var(--mv)  * (1 + var(--h0-1) * .5))	}
.mv-15d	{	margin-top:calc(var(--m-v) * (1 + var(--h0-1) * .5));	margin-bottom:calc(var(--m-v) * (1 + var(--h0-1) * .5))	}
.mv2d	{	margin-top:calc(var(--mv)  * (1 + var(--h0-1)));		margin-bottom:calc(var(--mv)  * (1 + var(--h0-1)))	}
.mv-2d	{	margin-top:calc(var(--m-v) * (1 + var(--h0-1)));		margin-bottom:calc(var(--m-v) * (1 + var(--h0-1)))	}
.mv25d	{	margin-top:calc(var(--mv)  * (1 + var(--h0-1) * 1.5));	margin-bottom:calc(var(--mv)  * (1 + var(--h0-1) * 1.5))}
.mv-25d	{	margin-top:calc(var(--m-v) * (1 + var(--h0-1) * 1.5));	margin-bottom:calc(var(--m-v) * (1 + var(--h0-1) * 1.5))}
.mv3d	{	margin-top:calc(var(--mv)  * (1 + var(--h0-1) * 2));	margin-bottom:calc(var(--mv)  * (1 + var(--h0-1) * 2))	}
.mv-3d	{	margin-top:calc(var(--m-v) * (1 + var(--h0-1) * 2));	margin-bottom:calc(var(--m-v) * (1 + var(--h0-1) * 2))	}
.mv4d	{	margin-top:calc(var(--mv)  * (1 + var(--h0-1) * 3));	margin-bottom:calc(var(--mv)  * (1 + var(--h0-1) * 3))	}
.mv-4d	{	margin-top:calc(var(--m-v) * (1 + var(--h0-1) * 3));	margin-bottom:calc(var(--m-v) * (1 + var(--h0-1) * 3))	}

.mt03d	{	margin-top:calc(var(--mvh) * .3)	}
.mt05d	{	margin-top:var(--mvh)	}
.mt-05d	{	margin-top:var(--m-vh)	}
.mtv,
.mt1d	{	margin-top:var(--mv)	}
.mt-1d	{	margin-top:var(--m-v)	}
.mt15d	{	margin-top:calc(var(--mv)  * (1 + var(--h0-1) * .5))	}
.mt-15d	{	margin-top:calc(var(--m-v) * (1 + var(--h0-1) * .5))	}
.mt2d	{	margin-top:calc(var(--mv)  * (1 + var(--h0-1)))	}
.mt-2d	{	margin-top:calc(var(--m-v) * (1 + var(--h0-1)))	}
.mt25d	{	margin-top:calc(var(--mv)  * (1 + var(--h0-1) * 1.5))	}
.mt-25d	{	margin-top:calc(var(--m-v) * (1 + var(--h0-1) * 1.5))	}
.mt3d	{	margin-top:calc(var(--mv)  * (1 + var(--h0-1) * 2))	}
.mt-3d	{	margin-top:calc(var(--m-v) * (1 + var(--h0-1) * 2))	}
.mt4d	{	margin-top:calc(var(--mv)  * (1 + var(--h0-1) * 3))	}
.mt-4d	{	margin-top:calc(var(--m-v) * (1 + var(--h0-1) * 3))	}

.mb03d	{	margin-bottom:calc(var(--mvh) * .3)	}
.mb05d	{	margin-bottom:var(--mvh)	}
.mb-05d	{	margin-bottom:var(--m-vh)	}
.mbv,
.mb1d	{	margin-bottom:var(--mv)	}
.mb-1d	{	margin-bottom:var(--m-v)	}
.mb15d	{	margin-bottom:calc(var(--mv)  * (1 + var(--h0-1) * .5))	}
.mb-15d	{	margin-bottom:calc(var(--m-v) * (1 + var(--h0-1) * .5))	}
.mb2d	{	margin-bottom:calc(var(--mv)  * (1 + var(--h0-1)))	}
.mb-2d	{	margin-bottom:calc(var(--m-v) * (1 + var(--h0-1)))	}
.mb25d	{	margin-bottom:calc(var(--mv)  * (1 + var(--h0-1) * 1.5))	}
.mb-25d	{	margin-bottom:calc(var(--m-v) * (1 + var(--h0-1) * 1.5))	}
.mb3d	{	margin-bottom:calc(var(--mv)  * (1 + var(--h0-1) * 2))	}
.mb-3d	{	margin-bottom:calc(var(--m-v) * (1 + var(--h0-1) * 2))	}
.mb4d	{	margin-bottom:calc(var(--mv)  * (1 + var(--h0-1) * 3))	}
.mb-4d	{	margin-bottom:calc(var(--m-v) * (1 + var(--h0-1) * 3))	}

.pv05d	{	padding-top:var(--mvh);		padding-bottom:var(--mvh)	}
.pv,
.pv1d	{	padding-top:var(--mv);		padding-bottom:var(--mv)	}
.pv15d	{	padding-top:calc(var(--mv) * (1 + var(--h0-1) * .5));	padding-bottom:calc(var(--mv) * (1 + var(--h0-1) * .5))	}
.pv2d	{	padding-top:calc(var(--mv) * (1 + var(--h0-1)));		padding-bottom:calc(var(--mv) * (1 + var(--h0-1)))	}
.pv25d	{	padding-top:calc(var(--mv) * (1 + var(--h0-1) * 1.5));	padding-bottom:calc(var(--mv) * (1 + var(--h0-1) * 1.5))}
.pv3d	{	padding-top:calc(var(--mv) * (1 + var(--h0-1) * 2));	padding-bottom:calc(var(--mv) * (1 + var(--h0-1) * 2))	}
.pv4d	{	padding-top:calc(var(--mv) * (1 + var(--h0-1) * 3));	padding-bottom:calc(var(--mv) * (1 + var(--h0-1) * 3))	}

.pt05d	{	padding-top:var(--mvh)	}
.pt1d	{	padding-top:var(--mv)	}
.pt15d	{	padding-top:calc(var(--mv) * (1 + var(--h0-1) * .5))	}
.pt2d	{	padding-top:calc(var(--mv) * (1 + var(--h0-1)))	}
.pt25d	{	padding-top:calc(var(--mv) * (1 + var(--h0-1) * 1.5))	}
.pt3d	{	padding-top:calc(var(--mv) * (1 + var(--h0-1) * 2))	}
.pt4d	{	padding-top:calc(var(--mv) * (1 + var(--h0-1) * 3))	}

.pb05d	{	padding-bottom:var(--mvh)	}
.pb1d	{	padding-bottom:var(--mv)	}
.pb15d	{	padding-bottom:calc(var(--mv) * (1 + var(--h0-1) * .5))	}
.pb2d	{	padding-bottom:calc(var(--mv) * (1 + var(--h0-1)))	}
.pb25d	{	padding-bottom:calc(var(--mv) * (1 + var(--h0-1) * 1.5))	}
.pb3d	{	padding-bottom:calc(var(--mv) * (1 + var(--h0-1) * 2))	}
.pb4d	{	padding-bottom:calc(var(--mv) * (1 + var(--h0-1) * 3))	}

.mh,
.mh05d	{	margin-left:var(--mhh);		margin-right:var(--mhh)	}
.mh-05d	{	margin-left:var(--m-hh);	margin-right:var(--m-hh)	}
.mh1d	{	margin-left:var(--mh);		margin-right:var(--mh)	}
.mh-1d	{	margin-left:var(--m-h);		margin-right:var(--m-h)	}
.mh15d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * .5));	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * .5))	}
.mh-15d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * .5));	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * .5))	}
.mh2d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1)));		margin-right:calc(var(--mh)  * (1 + var(--w0-1)))	}
.mh-2d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1)));		margin-right:calc(var(--m-h) * (1 + var(--w0-1)))	}
.mh25d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 1.5));	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 1.5))	}
.mh-25d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 1.5));	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 1.5))	}
.mh3d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 2));	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 2))	}
.mh-3d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 2));	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 2))	}
.mh4d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 3));	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 3))	}
.mh-4d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 3));	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 3))	}
.mh5d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 4));	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 4))	}
.mh-5d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 4));	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 4))	}
.mh6d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 5));	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 5))	}
.mh-6d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 5));	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 5))	}

.ml05d	{	margin-left:var(--mhh)	}
.ml-05d	{	margin-left:var(--m-hh)	}
.ml1d	{	margin-left:var(--mh)	}
.ml-1d	{	margin-left:var(--m-h)	}
.ml15d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * .5))	}
.ml-15d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * .5))	}
.ml2d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1)))	}
.ml-2d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1)))	}
.ml25d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 1.5))	}
.ml-25d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 1.5))	}
.ml3d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 2))	}
.ml-3d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 2))	}
.ml4d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 3))	}
.ml-4d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 3))	}
.ml5d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 4))	}
.ml-5d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 4))	}
.ml6d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 5))	}
.ml-6d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 5))	}
.ml7d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 6))	}
.ml-7d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 6))	}
.ml8d	{	margin-left:calc(var(--mh)  * (1 + var(--w0-1) * 7))	}
.ml-8d	{	margin-left:calc(var(--m-h) * (1 + var(--w0-1) * 7))	}

.mr05d	{	margin-right:var(--mhh)	}
.mr-05d	{	margin-right:var(--m-hh)	}
.mr1d	{	margin-right:var(--mh)	}
.mr-1d	{	margin-right:var(--m-h)	}
.mr15d	{	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * .5))	}
.mr-15d	{	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * .5))	}
.mr2d	{	margin-right:calc(var(--mh)  * (1 + var(--w0-1)))	}
.mr-2d	{	margin-right:calc(var(--m-h) * (1 + var(--w0-1)))	}
.mr25d	{	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 1.5))	}
.mr-25d	{	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 1.5))	}
.mr3d	{	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 2))	}
.mr-3d	{	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 2))	}
.mr4d	{	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 3))	}
.mr-4d	{	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 3))	}
.mr5d	{	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 4))	}
.mr-5d	{	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 4))	}
.mr6d	{	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 5))	}
.mr-6d	{	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 5))	}
.mr7d	{	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 6))	}
.mr-7d	{	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 6))	}
.mr8d	{	margin-right:calc(var(--mh)  * (1 + var(--w0-1) * 7))	}
.mr-8d	{	margin-right:calc(var(--m-h) * (1 + var(--w0-1) * 7))	}

.ph05d	{	padding-left:var(--mhh);	padding-right:var(--mhh)	}
.ph,
.ph1d	{	padding-left:var(--mh);		padding-right:var(--mh)	}
.ph15d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * .5));	padding-right:calc(var(--mh) * (1 + var(--w0-1) * .5))	}
.ph2d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1)));		padding-right:calc(var(--mh) * (1 + var(--w0-1)))		}
.ph25d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * 1.5));	padding-right:calc(var(--mh) * (1 + var(--w0-1) * 1.5))	}
.ph3d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * 2));	padding-right:calc(var(--mh) * (1 + var(--w0-1) * 2))	}
.ph4d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * 3));	padding-right:calc(var(--mh) * (1 + var(--w0-1) * 3))	}
.ph5d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * 4));	padding-right:calc(var(--mh) * (1 + var(--w0-1) * 4))	}
.ph6d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * 5));	padding-right:calc(var(--mh) * (1 + var(--w0-1) * 5))	}

.pl05d	{	padding-left:var(--mhh)	}
.pl1d	{	padding-left:var(--mh)	}
.pl15d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * .5))	}
.pl2d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1)))	}
.pl25d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * 1.5))	}
.pl3d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * 2))	}
.pl4d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * 3))	}
.pl5d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * 4))	}
.pl6d	{	padding-left:calc(var(--mh) * (1 + var(--w0-1) * 5))	}

.pr05d	{	padding-right:var(--mhh)	}
.pr1d	{	padding-right:var(--mh)	}
.pr15d	{	padding-right:calc(var(--mh) * (1 + var(--w0-1) * .5))	}
.pr2d	{	padding-right:calc(var(--mh) * (1 + var(--w0-1)))		}
.pr25d	{	padding-right:calc(var(--mh) * (1 + var(--w0-1) * 1.5))	}
.pr3d	{	padding-right:calc(var(--mh) * (1 + var(--w0-1) * 2))	}
.pr4d	{	padding-right:calc(var(--mh) * (1 + var(--w0-1) * 3))	}
.pr5d	{	padding-right:calc(var(--mh) * (1 + var(--w0-1) * 4))	}
.pr6d	{	padding-right:calc(var(--mh) * (1 + var(--w0-1) * 5))	}

.aligna,
.ma		{	margin:auto	}

.mva		{	margin-top:auto;	margin-bottom:auto	}
.mvp75 p	{	margin-top:.75em;	margin-bottom:.75em	}
.mvp0 p:first-child	{	margin-top:0	}
.mvp0 p:last-child	{	margin-bottom:0	}

.mv0	{	margin-top:0;		margin-bottom:0	}
.mv03	{	margin-top:.3em;	margin-bottom:.3em	}
.mv05	{	margin-top:.5em;	margin-bottom:.5em	}
.mv-05	{	margin-top:-.5em;	margin-bottom:-.5em	}
.mv1	{	margin-top:1em;		margin-bottom:1em	}
.mv-1	{	margin-top:-1em;	margin-bottom:-1em	}
.mv15	{	margin-top:1.5em;	margin-bottom:1.5em	}
.mv-15	{	margin-top:-1.5em;	margin-bottom:-1.5em	}
.mv2	{	margin-top:2em;		margin-bottom:2em	}
.mv-2	{	margin-top:-2em;	margin-bottom:-2em	}
.mv25	{	margin-top:2.5em;	margin-bottom:2.5em	}
.mv-25	{	margin-top:-2.5em;	margin-bottom:-2.5em	}
.mv3	{	margin-top:3em;		margin-bottom:3em	}
.mv-3	{	margin-top:-3em;	margin-bottom:-3em	}
.mv4	{	margin-top:4em;		margin-bottom:4em	}
.mv-4	{	margin-top:-4em;	margin-bottom:-4em	}

.mha	{	margin-left:auto;	margin-right:auto	}
.mh-gh	{	margin-left:calc(-1 * var(--f-gh));	margin-right:calc(-1 * var(--f-gh))	}
.mh-ghm	{	margin-left:calc(var(--f-gh) / -2);	margin-right:calc(var(--f-gh) / -2)	}

.mh0	{	margin-left:0;		margin-right:0	}
.mh05	{	margin-left:.5ch;	margin-right:.5ch	}
.mh-05	{	margin-left:-.5ch;	margin-right:-.5ch	}
.mh1	{	margin-left:1ch;	margin-right:1ch	}
.mh-1	{	margin-left:-1ch;	margin-right:-1ch	}
.mh15	{	margin-left:1.5ch;	margin-right:1.5ch	}
.mh-15	{	margin-left:-1.5ch;	margin-right:-1.5ch	}
.mh2	{	margin-left:2ch;	margin-right:2ch	}
.mh-2	{	margin-left:-2ch;	margin-right:-2ch	}
.mh25	{	margin-left:2.5ch;	margin-right:2.5ch	}
.mh-25	{	margin-left:-2.5ch;	margin-right:-2.5ch	}
.mh3	{	margin-left:3ch;	margin-right:3ch	}
.mh-3	{	margin-left:-3ch;	margin-right:-3ch	}
.mh4	{	margin-left:4ch;	margin-right:4ch	}
.mh-4	{	margin-left:-4ch;	margin-right:-4ch	}
.mh5	{	margin-left:5ch;	margin-right:5ch	}
.mh-5	{	margin-left:-5ch;	margin-right:-5ch	}
.mh6	{	margin-left:6ch;	margin-right:6ch	}
.mh-6	{	margin-left:-6ch;	margin-right:-6ch	}

.mta	{	margin-top:auto	}
.mth0 :is(h1,h2,h3,h4,h5,h6):first-child	{	margin-top:0	}
.mtp0 p:first-child	{	margin-top:0	}
.mttag	{	margin-top:var(--f-httag)	}
.mttop	{	margin-top:var(--f-httop)	}
.mt-gv	{	margin-top:calc(-1 * var(--f-gv))	}
.mt-gvh	{	margin-top:calc(-.5 * var(--f-gv))	}
.mt6md-	{	margin-top:calc(var(--w1md-) * 6em)	}

.mt0	{	margin-top:0	}
.mt-01	{	margin-top:-.1em	}
.mt-02	{	margin-top:-.2em	}
.mt03	{	margin-top:.3em	}
.mt-03	{	margin-top:-.3em	}
.mt-04	{	margin-top:-.4em	}
.mt05	{	margin-top:.5em	}
.mt-05	{	margin-top:-.5em	}
.mt1	{	margin-top:1em	}
.mt-1	{	margin-top:-1em	}
.mt15	{	margin-top:1.5em	}
.mt-15	{	margin-top:-1.5em	}
.mt2	{	margin-top:2em	}
.mt-2	{	margin-top:-2em	}
.mt25	{	margin-top:2.5em	}
.mt-25	{	margin-top:-2.5em	}
.mt3	{	margin-top:3em	}
.mt-3	{	margin-top:-3em	}
.mt4	{	margin-top:4em	}
.mt-4	{	margin-top:-4em	}

.mba					{	margin-bottom:auto	}
.mb-cb					{	margin-bottom:calc(-1 * var(--f-cbmt))	}
.mbp0 p:last-child		{	margin-bottom:0	}
.mb-gv					{	margin-bottom:calc(-1 * var(--f-gv))	}
.mb-gvh					{	margin-bottom:calc(-.5 * var(--f-gv))	}
.mb0lastp p:last-child	{	margin-bottom:0 !important	}
.mb-br:has(+ br)		{	margin-bottom:-1em	}

.mb0	{	margin-bottom:0	}
.mb03	{	margin-bottom:.3em	}
.mb-03	{	margin-bottom:-.3em	}
.mb05	{	margin-bottom:.5em	}
.mb-05	{	margin-bottom:-.5em	}
.mb1	{	margin-bottom:1em	}
.mb-1	{	margin-bottom:-1em	}
.mb15	{	margin-bottom:1.5em	}
.mb-15	{	margin-bottom:-1.5em	}
.mb2	{	margin-bottom:2em	}
.mb-2	{	margin-bottom:-2em	}
.mb25	{	margin-bottom:2.5em	}
.mb-25	{	margin-bottom:-2.5em	}
.mb3	{	margin-bottom:3em	}
.mb-3	{	margin-bottom:-3em	}
.mb4	{	margin-bottom:4em	}
.mb-4	{	margin-bottom:-4em	}

.mla	{	margin-left:auto	}
.mlcb	{	margin-left:var(--f-cbwd)	}
.ml-gh	{	margin-left:calc(-1 * var(--f-gh))	}
.mltag	{	margin-left:calc(var(--f-wdtag) + var(--f-mrtag))	}
.ml-tag	{	margin-left:calc(-1 * var(--f-wdtag) - var(--f-mrtag))	}
.ml1-4	{	margin-left:calc(var(--mh) * (1 + var(--w0-1) * 3))	}

.ml0	{	margin-left:0	}
.ml03	{	margin-left:.3ch	}
.ml-03	{	margin-left:-.3ch	}
.ml05	{	margin-left:.5ch	}
.ml-05	{	margin-left:-.5ch	}
.ml1	{	margin-left:1ch	}
.ml-1	{	margin-left:-1ch	}
.ml15	{	margin-left:1.5ch	}
.ml-15	{	margin-left:-1.5ch	}
.ml2	{	margin-left:2ch	}
.ml-2	{	margin-left:-2ch	}
.ml25	{	margin-left:2.5ch	}
.ml-25	{	margin-left:-2.5ch	}
.ml3	{	margin-left:3ch	}
.ml-3	{	margin-left:-3ch	}
.ml4	{	margin-left:4ch	}
.ml-4	{	margin-left:-4ch	}
.ml5	{	margin-left:5ch	}
.ml-5	{	margin-left:-5ch	}
.ml6	{	margin-left:6ch	}
.ml-6	{	margin-left:-6ch	}
.ml7	{	margin-left:7ch	}
.ml-7	{	margin-left:-7ch	}
.ml8	{	margin-left:8ch	}
.ml-8	{	margin-left:-8ch	}

.mra	{	margin-right:auto	}

.mr0	{	margin-right:0	}
.mr03	{	margin-right:.3ch	}
.mr-03	{	margin-right:-.3ch	}
.mr05	{	margin-right:.5ch	}
.mr-05	{	margin-right:-.5ch	}
.mr1	{	margin-right:1ch	}
.mr-1	{	margin-right:-1ch	}
.mr15	{	margin-right:1.5ch	}
.mr-15	{	margin-right:-1.5ch	}
.mr2	{	margin-right:2ch	}
.mr-2	{	margin-right:-2ch	}
.mr25	{	margin-right:2.5ch	}
.mr-25	{	margin-right:-2.5ch	}
.mr3	{	margin-right:3ch	}
.mr-3	{	margin-right:-3ch	}
.mr4	{	margin-right:4ch	}
.mr-4	{	margin-right:-4ch	}
.mr5	{	margin-right:5ch	}
.mr-5	{	margin-right:-5ch	}
.mr6	{	margin-right:6ch	}
.mr-6	{	margin-right:-6ch	}
.mr7	{	margin-right:7ch	}
.mr-7	{	margin-right:-7ch	}
.mr8	{	margin-right:8ch	}
.mr-8	{	margin-right:-8ch	}

.pv0	{	padding-top:0;		padding-bottom:0	}
.pv03	{	padding-top:.3em;	padding-bottom:.3em	}
.pv05	{	padding-top:.5em;	padding-bottom:.5em	}
.pv1	{	padding-top:1em;	padding-bottom:1em	}
.pv15	{	padding-top:1.5em;	padding-bottom:1.5em	}
.pv2	{	padding-top:2em;	padding-bottom:2em	}
.pv25	{	padding-top:2.5em;	padding-bottom:2.5em	}

.pv3p	{	padding-top:3%;		padding-bottom:3%	}

.ph0	{	padding-left:0;		padding-right:0	}
.ph03	{	padding-left:.3ch;	padding-right:.3ch	}
.ph05	{	padding-left:.5ch;	padding-right:.5ch	}
.ph1	{	padding-left:1ch;	padding-right:1ch	}
.ph15	{	padding-left:1.5ch;	padding-right:1.5ch	}
.ph2	{	padding-left:2ch;	padding-right:2ch	}
.ph25	{	padding-left:2.5ch;	padding-right:2.5ch	}

.ph3p	{	padding-left:3%;	padding-right:3%	}

.ph5p	{	display:inline-block;	padding-left:5%;	padding-right:5%	}
.ph10p	{	display:inline-block;	padding-left:10%;	padding-right:10%	}
.ph15p	{	display:inline-block;	padding-left:15%;	padding-right:15%	}
.ph20p	{	display:inline-block;	padding-left:20%;	padding-right:20%	}
@media(max-width:575px){
	.ph5p,
	.ph10p,
	.ph15p,
	.ph20p	{	padding-left:0;padding-right:0	}
}

.pt0	{	padding-top:0	}
.pt03	{	padding-top:.3em	}
.pt05	{	padding-top:.5em	}
.pt1	{	padding-top:1em	}
.pt15	{	padding-top:1.5em	}
.pt2	{	padding-top:2em	}
.pt25	{	padding-top:2.5em	}
.pt3	{	padding-top:3em	}
.pt4	{	padding-top:4em	}
.pt5	{	padding-top:5em	}
.pt6	{	padding-top:6em	}
.pt7	{	padding-top:7em	}
.pt8	{	padding-top:8em	}

.pb0	{	padding-bottom:0	}
.pb03	{	padding-bottom:.3em	}
.pb05	{	padding-bottom:.5em	}
.pb1	{	padding-bottom:1em	}
.pb15	{	padding-bottom:1.5em	}
.pb2	{	padding-bottom:2em	}
.pb25	{	padding-bottom:2.5em	}
.pb3	{	padding-bottom:3em	}
.pb4	{	padding-bottom:4em	}
.pb5	{	padding-bottom:5em	}
.pb6	{	padding-bottom:6em	}
.pb7	{	padding-bottom:7em	}
.pb8	{	padding-bottom:8em	}

.pl0	{	padding-left:0	}
.pl0_i	{	padding-left:0!important	}
.pl03	{	padding-left:.3ch	}
.pl05	{	padding-left:.5ch	}
.pl1	{	padding-left:1ch	}
.pl15	{	padding-left:1.5ch	}
.pl2	{	padding-left:2ch	}
.pl25	{	padding-left:2.5ch	}
.pl3	{	padding-left:3ch	}
.pl4	{	padding-left:4ch	}
.pl5	{	padding-left:5ch	}
.pl6	{	padding-left:6ch	}
.pl7	{	padding-left:7ch	}
.pl8	{	padding-left:8ch	}
.pl9	{	padding-left:9ch	}
.pl10	{	padding-left:10ch	}

.pr0	{	padding-right:0	}
.pr0_i	{	padding-right:0!important	}
.pr03	{	padding-right:.3ch	}
.pr05	{	padding-right:.5ch	}
.pr1	{	padding-right:1ch	}
.pr15	{	padding-right:1.5ch	}
.pr2	{	padding-right:2ch	}
.pr25	{	padding-right:2.5ch	}
.pr3	{	padding-right:3ch	}
.pr4	{	padding-right:4ch	}
.pr5	{	padding-right:5ch	}
.pr6	{	padding-right:6ch	}
.pr7	{	padding-right:7ch	}
.pr8	{	padding-right:8ch	}
.pr9	{	padding-right:9ch	}
.pr10	{	padding-right:10ch	}

/* height/width */
.sq1		{	height:1em;		width:1em	}
.sq2		{	height:2em;		width:2em	}
.sq3		{	height:3em;		width:3em	}
.sq4		{	height:4em;		width:4em	}
.sq125		{	height:1.25em;	width:1.25em	}
.sq150		{	height:1.5em;	width:1.5em	}
.sq175		{	height:1.75em;	width:1.75em	}

.htauto		{	height:auto	}
.htinput	{	height:var(--f-lh)	}
.htnav		{	height:calc(60px + 40px * var(--w0-1))	}

.htfit		{	height:fit-content	}
.htmin		{	height:min-content	}
.htmin0		{	min-height:0	}
.htminbody	{	min-height:100vh	}

.htmax80	{	max-height:80%	}
.htmax80d	{	max-height:calc(100% - 20% * var(--h0-1))	}
.htmax90	{	max-height:90%	}
.htmax90d	{	max-height:calc(100% - 10% * var(--h0-1))	}
.ht100all *,
.ht100next>*,
.htmax100	{	max-height:100%	}

.htwd{
	height:auto;
	width:100%;
}
.wdht{
	height:100%;
	width:auto;
}
.ontop{
	overflow:hidden;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
}
.ontop>*{
	min-height:100%;
	min-width:100%;
}

.ht0	{	height:0	}
.ht03	{	height:.3em	}
.ht05	{	height:.5em	}
.ht1	{	height:1em	}
.ht15	{	height:1.5em	}
.ht2	{	height:2em	}
.ht25	{	height:2.5em	}
.ht3	{	height:3em	}
.ht35	{	height:3.5em	}
.ht4	{	height:4em	}
.ht5	{	height:5em	}
.ht6	{	height:6em	}
.ht7	{	height:7em	}
.ht8	{	height:8em	}
.ht9	{	height:9em	}
.ht10	{	height:10em	}
.ht11	{	height:11em	}
.ht12	{	height:12em	}
.ht80	{	height:80%	}
.ht90	{	height:90%	}
.ht1002,
.ht1002>*,
.ht1003,
.ht1003>*,
.ht1003>*>*,
.ht100-3>*>*,
.ht1004,
.ht1004>*,
.ht1004>*>*,
.ht1004>*>*>*,
.ht100	{	height:100%	}
.htu	{	height:unset	}

.wdauto		{	width:auto	}
.wdfit		{	width:fit-content	}

.wdmin		{	width:min-content	}
.wdmintx	{	min-width:calc(var(--wdmintx) / var(--w2xxs-1xs))	}
.wdminimg	{	min-width:calc(var(--wdminimg) / var(--w2xxs-1xs))	}
.wdmini		{	min-width:inherit	}
.wdmin100	{	min-width:100%		}
.wdmin15ch	{	min-width:15ch	}
.wdmin20ch	{	min-width:20ch	}
.wdmin25ch	{	min-width:25ch	}
.wdmin30ch	{	min-width:calc(30ch / var(--w2xxs-1xs))	}
.wdmin35ch	{	min-width:calc(35ch / var(--w2xxs-1xs))	}
.wdmin40ch	{	min-width:calc(40ch / var(--w2xxs-1xs))	}
.wdmin45ch	{	min-width:calc(45ch / var(--w2xxs-1xs))	}

.wdmax		{	width:max-content	}
.wdmax25	{	max-width:25%	}
.wdmax40	{	max-width:40%	}
.wdmax45	{	max-width:45%	}
.wdmax50	{	max-width:50%	}
.wdmax80	{	max-width:80%	}
.wdmax80d	{	max-width:calc(100% - 20% * var(--w0-1))	}
.wdmax90	{	max-width:90%	}
.wdmax90d	{	max-width:calc(100% - 10% * var(--w0-1))	}
.wd100all *,
.wd100next > *,
.wdmax100	{	max-width:100%	}
.wdmaxtext	{	max-width:70ch	}
.wdmaxhalf	{	max-width:35ch	}
.wdnowrap	{	width:min-content;	white-space:nowrap !important	}
@media(max-width:384px){
	.wdnowrap{	width:auto!important;	white-space:normal!important	}
}

.wdtag	{	width:var(--f-wdtag)	}
.wdtxmin{	width:var(--wdmintx)	}

.wd05em	{	width:.5em	}
.wd1em	{	width:1em	}
.wd15em	{	width:1.5em	}
.wd2em	{	width:2em	}

.wd15ch	{	width:15ch	}
.wd20ch	{	width:20ch	}
.wd25ch	{	width:25ch	}
.wd30ch	{	width:30ch	}
.wd40ch	{	width:40ch	}

.wd0	{	width:0	}
.wd03	{	width:.3ch	}
.wd05	{	width:.5ch	}
.wd1	{	width:1ch	}
.wd15	{	width:1.5ch	}
.wd2	{	width:2ch	}
.wd25	{	width:2.5ch	}
.wd3	{	width:3ch	}
.wd35	{	width:3.5ch	}
.wd4	{	width:4ch	}
.wd5	{	width:5ch	}
.wd6	{	width:6ch	}
.wd7	{	width:7ch	}
.wd8	{	width:8ch	}
.wd9	{	width:9ch	}
.wd10	{	width:10ch	}
.wd11	{	width:11ch	}
.wd12	{	width:12ch	}

.wd50p	{	width:50%	}
.wd75p	{	width:75%	}
.wd90p	{	width:90%	}
.wd1003,
.wd1003>*,
.wd1003>*>*,
.wd1002,
.wd1002>*,
.wd100	{	width:100%	}
.wdu	{	width:unset	}

.up1	{	height:inherit;	margin-top:calc(var(--w1md-) * -1em)	}
.up2	{	height:inherit;	margin-top:calc(var(--w1md-) * -2em)	}
.up3	{	height:inherit;	margin-top:calc(var(--w1md-) * -3em)	}
.up4	{	height:inherit;	margin-top:calc(var(--w1md-) * -4em)	}
.up5	{	height:inherit;	margin-top:calc(var(--w1md-) * -5em)	}
.up6	{	height:inherit;	margin-top:calc(var(--w1md-) * -6em)	}
.up7	{	height:inherit;	margin-top:calc(var(--w1md-) * -7em)	}
.up8	{	height:inherit;	margin-top:calc(var(--w1md-) * -8em)	}
.down1	{	height:inherit;	margin-top:calc(var(--w1md-) * 1em)	}
.down2	{	height:inherit;	margin-top:calc(var(--w1md-) * 2em)	}
.down3	{	height:inherit;	margin-top:calc(var(--w1md-) * 3em)	}
.down4	{	height:inherit;	margin-top:calc(var(--w1md-) * 4em)	}
.down5	{	height:inherit;	margin-top:calc(var(--w1md-) * 5em)	}
.down6	{	height:inherit;	margin-top:calc(var(--w1md-) * 6em)	}
.down7	{	height:inherit;	margin-top:calc(var(--w1md-) * 7em)	}
.down8	{	height:inherit;	margin-top:calc(var(--w1md-) * 8em)	}

.posfree{
	position:relative;
	padding:0;
	top:calc(-6em * var(--w1md-) - 6em * var(--w0md-1xl));
/*
	height:0;
	margin-top:calc(var(--w1md-) * -9em);
*/
}

.wdfull{
	position:relative;
	width:100vw;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
}

/* res - resize */
.resb	{	resize:both	}
.resh	{	resize:horizontal	}
.resv	{	resize:vertical	}

/* z - z-index */
.z-1	{	z-index:-1	}
.z0		{	z-index:0	}
.z1		{	z-index:1	}
.zmax-1	{	z-index:calc(var(--zmax) - 1)	}
.zmax	{	z-index:var(--zmax)	}

/* PJ test: show max. 4 text lines in the first p element and hide all other p elements */
.linmax4 p:first-of-type{
	display:-webkit-box;
	line-clamp:4;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.linmax4 p:not(:first-of-type){
	display:none;
}

/* Bootstrap adjustments */
.clearfix	{	padding:0	}

/* Printing adjustments */
@media print{
	body.bgl,
	body.bgxl,
	body.bgxxl	{	background-color:#fff	}
	.nobreak	{	break-inside:avoid		}
	.noprint	{	display:none !important	}
}

/* animations */
@keyframes mcprogress	{	from{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}	}

/* used in generate.mchil (certificates); also used in CKeditor in CD app */
.pagewatermark{
	padding:0;
	margin:0;
	position:absolute;
	top:10cm;
	font-family:arial;
	font-size:110pt;
	font-weight:bold;
	z-index:1;
	opacity:0.1;
	transform:rotate(-45deg);
	text-align:center;
}
.pageA4{
	width:21cm;
	min-height:29.7cm;
}
.pageA4landscape{
	width:29.7cm;
	min-height:21cm;
}
.page{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
}
.pagebreak{
	page-break-after:always;
	position:relative;
}
.redborder{
	border:1px red solid;
}