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

.form-wrapper {
	margin: 0 0 0 0;
	padding: 25px;
	border-radius: 5px;
	background-color: var(--yellow);
}

.form-wrapper
	.form {
	}
	
.form
	.form-item {
		display:inline-block;
		font-size:0;
		margin:0 0 0 0;
		padding:0;
	}
.form .form-group .grid-item.rule-above .form-item.fi-text1row,
.form .form-group .grid-item.rule-above .form-item.fi-text3rows,
.form .form-group .grid-item.rule-above .form-item.fi-select,
.form .form-group .grid-item.rule-above .form-item.fi-radios,
.form .form-group .grid-item.rule-above .form-item.fi-checkboxes 
{
	border-top:1px dotted #25408e;
	padding-top: 5px;
}
.form .form-group .grid-item.rule-above[data-ruletype="half"] .form-item.fi-text1row,
.form .form-group .grid-item.rule-above[data-ruletype="half"] .form-item.fi-text3rows,
.form .form-group .grid-item.rule-above[data-ruletype="half"] .form-item.fi-select,
.form .form-group .grid-item.rule-above[data-ruletype="half"] .form-item.fi-radios,
.form .form-group .grid-item.rule-above[data-ruletype="half"] .form-item.fi-checkboxes {
	
}
.form .form-group .group-ruler {
	width: calc(100% - 0px);
	height: 5px;
	margin-left: 0px;
	border-top:1px solid #A7ACBB;
	padding-top: 5px;
}
	@media screen and (min-width:1000px){
		.form .form-group .group-ruler[data-rulertype="80"] {width: 80%;}
		.form .form-group .group-ruler[data-rulertype="75"] {width: 75%;}
		.form .form-group .group-ruler[data-rulertype="70"] {width: 70%;}
		.form .form-group .group-ruler[data-rulertype="65"] {width: 65%;}
		.form .form-group .group-ruler[data-rulertype="60"] {width: 60%;}
		.form .form-group .group-ruler[data-rulertype="55"] {width: 55%;}
		.form .form-group .group-ruler[data-rulertype="50"] {width: 50%;}
		.form .form-group .group-ruler[data-rulertype="45"] {width: 45%;}
		.form .form-group .group-ruler[data-rulertype="40"] {width: 40%;}
		.form .form-group .group-ruler[data-rulertype="35"] {width: 35%;}
		.form .form-group .group-ruler[data-rulertype="30"] {width: 30%;}
		.form .form-group .group-ruler[data-rulertype="25"] {width: 25%;}
		.form .form-group .group-ruler[data-rulertype="20"] {width: 20%;}
	}

.form
	.form-break {
		display:block;
		width:100%;
		height:0px;
	}
.form .grid-item.s-100 .form-item.spacer { width: 100%; height: 15px; }
.form .form-item.fi-text1row {}
.form .form-item.fi-text3rows {}
.form .form-item.fi-select {}
.form .form-item.fi-radios {}

.form .form-item .fl,
.form .form-item .fi,
.form .form-item .fs {
	display:inline-block;
	min-height:0;
	vertical-align:top;
	font-size:15px;
	line-height:21px;
	color:#4A4A4A;
}
.form .form-item .fl,
.tabs-wrapper .label-tabs {
	font-size:15px;
	line-height:21px;
}
.form .form-item .fl,
.form .form-item .fs {
	text-align:right;
	text-align: left;
}
.form .form-item .fl em,
.form .form-item .fi em,
.form .form-item .fs em {
	display:inline-block;
	position:relative;
	padding:0 20px 0 25px;
	padding:0 20px 0 0;
	font-style:normal;
}

	/* DESKTOP */		@media screen and (min-width:  1000px) {
						}
	
	/* MOBILE */		@media screen and (max-width:  999px) {
							.form .form-item .fl em,
							.form .form-item .fi em,
							.form .form-item .fs em {
								display:block;
								padding:0 0 0 0;
							}
							.form .grid-item .form-item[data-formlabel="0"] .fl { display: none; }
							.form .grid-item .form-item[data-formlabel="0"] { margin-top: -5px; margin-top: 0px; }
							.form .grid-item .form-item.fi-checkboxes[data-formlabel="0"] { margin-top: 5px; }
						}
						
.form .form-item.fh-sr .fl em {
	/* label for single row */
	display: block;
	height: auto;
	position: relative;
	top: 20px;
	transform:translateY(-50%);
	color: inherit;
}

.form .form-item.fi-text1row 	.fl em { /*max-height:40px;*/ }
.form .form-item.fi-text3rows 	.fl em { /*max-height:40px;*/ }
.form .form-item.fi-select 		.fl em { /*max-height:40px;*/ }
.form .form-item.fi-radios 		.fl em { /*max-height:40px;*/ }

.form .form-item .fl em .notes {
	display:block;
	font-size:0.8em;
	opacity:0.5;
	margin-top:5px;
}

.form .form-item .fs {
	margin:0;
	padding:0;
}
.form .form-item .fs em {  }
.form .form-item .fs.a-l em { padding-left:5px; text-align:left; }
.form .form-item .fs.a-c em { padding-left:5px; padding-right:5px; text-align:center; }
.form .form-item .fs.a-r em { padding-right:5px; text-align:right; }

.form .form-item .fl em {  }
.form .form-item .fl.a-l em { padding-right:10px; text-align:left; }
.form .form-item .fl.a-c em { padding-left:5px; padding-right:5px; text-align:center; }
.form .form-item .fl.a-r em { padding-left:10px; text-align:right; }


.form .form-item .ff {
	display:inline-block;
	vertical-align:top;
	font-size:1.5rem;
	line-height: 2rem;
	outline:none;
	text-align: left;
}
.form .form-item .ff .fc {
	position: relative;
	float: right;
	width: 300px;
	height: 30px;
	margin: 0 -300px -30px 0;
	left: -300px;
	top: -18px;
	text-align: right;
	font-size: 0.65rem;
	line-height: 1.2rem;
	font-style: italic;
	pointer-events: none;
}
.form .form-item .ff .fc .num {
	display: inline-block;
	text-align: center;
	font-size: inherit;
	line-height: inherit;
	color: #BF0000;
}


.form .form-item .ff .fc .num:empty { display: none; }
.form .form-item .ff .fc .num:before { color:black; content:"Még "; }
.form .form-item .ff .fc .num:after { color:black; content:" karaktert írhat ebbe a mezőbe."; }

.form .form-item.fi-text1row .ff {
}
.form .form-item .ff input,
.form .form-item .ff textarea,
.form .form-item .ff radio,
.form .form-item .ff checkbox,
.form .form-item .ff select {
	font-size:1.9rem;
	line-height:2.5rem;
	color:#333;
	outline:none;
	-webkit-appearance: none;
}
.form .form-item .ff input:focus,
.form .form-item .ff textarea:focus,
.form .form-item .ff select:focus,
.button:focus,
.form .form-item.fi-checkboxes label input:focus ~ a i,
.form .form-item.fi-radios     label input:focus ~ a i {
	box-shadow:0 0 0 1px #22A3F980;
	box-shadow:0 0 5px 1px #22A3F980;
}


	/* TEXTFIELDS */
	
	.form .form-item.fi-text1row .ff input {
		width: calc(100% - 0px);
		height:50px;
		padding:0 10px 0 10px;
		border:1px solid #cecece;
		border-radius:3px;
		background-color:white;
	}
	.form .form-item.fi-text1row .ff.a-c input { text-align:center; }
	.form .form-item .post-tag {
		position: relative;
		display: block;
		float: right;
		width: 100px;
		height: 20px;
		margin: 0 -100px -20px 0;
		left: -120px;
		top: 18px;
		text-align: right;
		pointer-events: none;
	}

	/*						*/
	/*	City helper			*/
	/*						*/

	div[data-key_helper="hidden"] .ce {
		opacity: 0;
	}
	
	.form .form-item.fi-text1row .ff .ce {
		float: right;
		display: block;
		position: relative;
		width: 250px;
		height: 16px;
		margin: 0 -250px -16px 0;
		padding: 0px;
		left: -180px;
		top: 12px;
		font-size: 0.7rem;
		line-height: 16px;
		color: #000000AA;
		pointer-events:none;
		transition:opacity 0.5s ease;
	}
	.form .form-item.fi-text1row .ff .ce .key {
		border: 1px solid #00000055;
		border-radius: 20px;
		box-shadow: 0 2px 0 0 #00000055;
		color: #00000055;
		text-align: center;
		overflow: hidden;
		padding: 2px 10px 2px 10px;
		font-size: 0.7rem;
		line-height: 16px;
		font-weight: bold;
	}
	
	
	.form .form-item.fi-text3rows textarea,
	.form .form-item.fi-text4rows textarea,
	.form .form-item.fi-text5rows textarea,
	.form .form-item.fi-text6rows textarea,
	.form .form-item.fi-text7rows textarea,
	.form .form-item.fi-text8rows textarea,
	.form .form-item.fi-text9rows textarea {
		width:calc(100% - 22px);
		resize:vertical;
		padding:10px 10px 10px 10px;
		border:1px solid #AAA;
		border-radius:3px;
		background-color:white;
	}
	.form .form-item.fi-text3rows textarea { height: 60px; }
	.form .form-item.fi-text4rows textarea { height: 80px; }
	.form .form-item.fi-text5rows textarea { height:100px; }
	.form .form-item.fi-text6rows textarea { height:120px; }
	.form .form-item.fi-text7rows textarea { height:140px; }
	.form .form-item.fi-text8rows textarea { height:160px; }
	.form .form-item.fi-text9rows textarea { height:180px; }

	/* SELECTS */
	
	.form .form-item.fi-select select {
		appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none;
		border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px;
		width:calc(100% - 10px);
		width:calc(100% - 0px);
		height:52px;
		padding:0 10px 0 10px;
		border:1px solid #cecece;
		background-color:white;
		background-image:url(../../images/form/select-arrow.black.png);
		background-repeat:no-repeat;
		background-position:center right;
		cursor:context-menu;
	}
	.form .form-item.fi-select select[data-has_selected="1"] + .placeholder { visibility: hidden; }
	.form .form-item.fi-select select[data-has_selected="0"] + .placeholder { visibility: visible; }

	.form .form-item.fi-select select + .placeholder {
		display:block;
		position: relative;
		width: 200px;
		height: 40px;
		margin: 0 -200px -40px 0;
		opacity: 0.4;
		font-style: italic;
		font-size: 11px;
		top: -24px;
		left: 10px;
		pointer-events:none;
	}
	form .form-item.fi-select .post-tag {
		left: -120px;
		top: -35px;
	}

	/* RADIOS */
	
	.form .form-item.fk-toggle									{	min-height:0px;} 
	.form .form-item.fk-toggle label							{	cursor:pointer; display: inline-block; position:relative; top:0px; margin:0 10px 0 0; padding:5px 0 15px 0; background-color: #9CF80755; background-color: transparent; color: #333333;} 
	.form .form-item.fk-toggle label input						{	opacity:0; position:absolute; cursor:pointer; }
	.form .form-item.fk-toggle label input ~ a					{	display:inline-block; pointer-events:none; position:relative; text-decoration:none; color:inherit; margin:0; top:0px; color: inherit; font-size: inherit; line-height: inherit; }
	.form .form-item.fk-toggle label input ~ a i				{	display:block; position:relative; width:16px; height:16px; margin:0 -18px -18px 0; border:1px solid #cecece; background-color:white; background-image:url(../../images/form/form-checked.white.png); background-repeat:no-repeat; background-position:center center; background-size:0px;}
	.form .form-item.fk-toggle label input:checked ~ a i		{	background-color:#25408f; background-size:12px; }
	.form .form-item.fk-toggle label input ~ a em				{	display:inline-block; position:relative; margin:0 0 0 25px; padding:0; font-style:normal; color: inherit; user-select: none; }
	.form .form-item.fk-toggle.fi-newlines 						{	margin-bottom: 10px; } 
	.form .form-item.fk-toggle.fi-newlines label				{	display: block; padding: 5px 0 0 0; } 

	.form .form-item.fi-radios label input ~ a i				{	border-radius:8px;}

	/* CHECKBOXES */
	
	.form .form-item.fk-toggle.fi-checkboxes.allowed			{   }
	.form .form-item.fk-toggle.fi-checkboxes.prohibited			{	display:none; }

	.form .form-item.fk-toggle.fi-checkboxes.allowed .fi.ff label    						{	user-select: none; }
	.form .form-item.fk-toggle.fi-checkboxes.allowed .fi.ff label    input[type=checkbox]	{	}
	.form .form-item.fk-toggle.fi-checkboxes.allowed .fi.ff label    a.action i				{	}
	.form .form-item.fk-toggle.fi-checkboxes.prohibited .fi.ff label						{	cursor:default; }
	.form .form-item.fk-toggle.fi-checkboxes.prohibited .fi.ff label input[type=checkbox]	{	display:none; pointer-events:none; }
	.form .form-item.fk-toggle.fi-checkboxes.prohibited .fi.ff label a.action i				{	display:none; }
	.form .form-item.fk-toggle.fi-checkboxes.prohibited .fi.ff label input ~ a.action em	{	margin:0 25px 0 0; }
	.form .form-item.fk-toggle.fi-newlines 						{	margin-bottom: 10px; } 
	.form .form-item.fk-toggle.fi-newlines label				{	display: block; padding: 5px 0 0 0; } 
	
	.form .form-item.fi-checkboxes label input ~ a.action i		{	border-radius:0px;}
	.form .form-item .fi.unfilled em							{	color:red; }
	.form .form-item.fi-checkboxes a.reference 	{
		display: block;
		position: relative;
		padding: 0;
		font-size:1.3rem;
		line-height: 1.5rem;
		color: #25408f;
	}
	.form .form-item.fi-checkboxes a.reference:hover { text-decoration: underline!important; }
	
	.form .form-item.fk-toggle[data-label="c_adatkezeles"] label { height: 20px; padding-bottom: 0px; }
	.form .form-item.fk-toggle[data-label="c_email"]       label { height: 20px; padding-bottom: 0px; }

	/* CHECKBOXES > SPECIAL > BOXED */

	.form .form-item.fk-toggle[data-items="2"] { font-size: 0; line-height: 0; }
	.form .form-item.fk-toggle[data-items="2"] .labels {
		display: block;
		white-space: nowrap;
		width: calc(100% - 1px);
		margin-left: 1px;
		margin-bottom: 8px;
		height:55px;
	}
	.form .form-item.fk-toggle[data-items="2"] .labels label { display: block; float: left; width: 50%; margin: 0; padding: 0; }
	.form .form-item.fk-toggle[data-items="2"] .labels label { }
	.form .form-item.fk-toggle[data-items="2"] .labels label a { display: block; background-color:#ffffff; border-radius: 0px; text-align: center; padding: 15px 0 15px 0; border: 2px solid #7fb1fc }
	.form .form-item.fk-toggle[data-items="2"] .labels label:first-child a { border-right: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
	.form .form-item.fk-toggle[data-items="2"] .labels label:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
	.form .form-item.fk-toggle[data-items="2"] .labels label a i { display: none; }
	.form .form-item.fk-toggle[data-items="2"] .labels label a em { margin: 0; color:#276bd2;  }
	.form .form-item.fk-toggle[data-items="2"] .labels label input:checked ~ a { background-color:#e7efff; }
	.form .form-item.fk-toggle[data-items="2"] .labels label input:checked ~ a em { font-weight: bold; }
	

	/* DESCRIPTIONS */
	
	.form .form-item.fi-text3rows textarea {
	}
	.form-item-description {
		display: block;
		position: relative;
		padding: 5px 0 10px 0px;
		font-weight: normal;
		font-style: italic;
		font-size: 1.5rem;
		line-height: 2.0rem;
		pointer-events: none;
	}
	.form-item-description:empty {
		padding: 2px 0 2px 0;
		font-size: 0;
		line-height: 0;
	}
	
	.form-item-description .important {
		font-size: inherit;
		font-style: inherit;
		font-weight: inherit;
		line-height: inherit;
		color:#BF0000;
	}
	.form-item-description.span-to-2-blocks {
		display: block;
		width: 200%;
	}
	.form-item[data-description="side"] .fi .form-item-description {
		display: block;
		float: right;
		width: 50%;
		position: absolute;
		left: 50%;
		margin-top: -45px;
	}
	
	/* special inputs */
	
	.form .grid-item[data-label="invoice_number"] .form-item.fi-text1row .ff input {
		position: relative;
		z-index: 10;
		background-color: transparent;
		border:none;
		font-size: 2.5rem;
		line-height: 50px;
		padding: 0 0 0 2px;
	}
	.form .grid-item[data-label="invoice_number"] .form-item.fi-text1row .ff input:focus {
		box-shadow:none;
	}
	
	.grid-item[data-label="invoice_number"] input::placeholder {
		font-family: Lato;
	}
	.grid-item[data-label="invoice_number"] .fh {
		display: block;
		position: relative;
		font-size: 1.9rem;
		line-height: 50px;
		white-space: pre;
		width: 100%;
		height: 50px;
		margin: 0 0 -50px 0;
		padding: 0 10px 0 1px;
		opacity: 0.9;
		pointer-events: none;
		z-index: 10;
		background-color: var(--yellow);
		background-color: white;
		/* background-color: transparent; */
		border: 1px solid #cecece;
	}
	.grid-item[data-label="invoice_number"] .fh:before,
	.grid-item[data-label="invoice_number"] .fh:after {
		display: block;
		position: relative;
		height: 50px;
		margin: 0 0 -50px 0;
	}
	.grid-item[data-label="invoice_number"] input,
	.grid-item[data-label="invoice_number"] .fh:before,
	.grid-item[data-label="invoice_number"] .fh:after {
		font-family: monospace;
		white-space: pre;
		letter-spacing: 5px;
		font-size: 2.5rem;
		line-height: 50px;
	}
	
	.grid-item[data-label="invoice_number"] .fh:before { content:"    - / (  )    /      (   -       )"; }
	.grid-item[data-label="invoice_number"] .fh:after  { content:"████ █ █ ██ ████ ██████ ███ ███████";  }
	
	.grid-item[data-label="invoice_number"] .fh:after { content:""; }
	
	.grid-item[data-label="invoice_number"] .fh:after  {
		z-index: -1;
		/* color: rgba(255,232,3,0.64); */
		/* color: rgba(255,232,3,1); */
		font-weight: normal;
		transform:scale(1,1);
		text-indent:0.33em;
		text-indent: 0;
		top: 25px;
		transform: scale(1,1.75);
		top: -3px;
		color: var(--yellow);
		color: white;
		text-shadow: 0 0 1px #888, 1px 0 1px #EEE, -1px 0 1px #EEE;
	}
	.grid-item[data-label="invoice_number"] .fh:after {
		content:"";
		transform: scale(1,1);
		line-height: 1.2;
	}
	input[type="number"]::-webkit-inner-spin-button, 
	input[type="number"]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
	
	
	
	.XXXgrid-item[data-label="invoice_number"]:has(input[name="invoice_number"]:empty) .fh {opacity: 0;}
	.XXXgrid-item[data-label="invoice_number"][data-status=""] .fh {opacity: 0;}


	.grid-item[data-label="invoice_number"] .fh:before { }


	/* Character counter */
	
	.char-counter {
		position: relative;
		display: block;
		z-index: 99;
		text-align: right;
		top:-35px;
		left: -10px;
		float: right;
		width: 100px;
		height: 20px;
		margin: 0 0 -20px 0;
		font-size: 12px;
		line-height: 20px;
		color: #000000;
	}
	.css.skn-2 .char-counter,
	.css.skn-2 .char-counter * { color: #000000; }

	.char-counter i {
		display: inline-block;
		vertical-align: top;
		position: relative;
		width:         25px;
		height:        25px;
		margin:   0 0 -25px 0;
		line-height:   25px;
		border-radius: 25px;
		font-size: 12px;
		top: -3px;
		left: -5px;
		z-index: 1;
		color: white;
		text-align: center;
	}
	.char-counter i:before {
		display: block;
		width: 100%;
		height: 100%;
		line-height: inherit;
	}

	.grid-item[data-label="invoice_number"][data-status="0"] .char-counter > i { background-color: #BF0000; }
	.grid-item[data-label="invoice_number"][data-status="1"] .char-counter > i { background-color: #21C831; }
	.grid-item[data-label="invoice_number"][data-status="0"] .char-counter > i:before { content:"\EA7B"; }
	.grid-item[data-label="invoice_number"][data-status="1"] .char-counter > i:before { content:"\EA7C"; }





	/* helper popups */
	
	a.form-item-description {
		color: #003d7c;
		cursor:help;
		position: relative;
		pointer-events: all;
		z-index: 1;
	}
	a.form-item-description i {
		display: block;
		position: relative;
		width: 20px;
		height: 20px;
		background-image: url("../../images/form/help.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin: 0 0 -20px 0;
		top: 1px;
	}
	.form .form-item .fi a.form-item-description em {
		font-style: italic;
		display: block;
		padding-left:25px;
	}
	.helper-popups {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1000000;
	}
	.helper-popups.hidden {
		z-index: -1;
		width: 0;
		height: 0;
		display: none;
	}
	.helper-popups .helper-popup-pagecover {
		position: fixed;
		left: -5000px; top: -5000px;
		width: 10000px; height: 10000px;
		background-color: rgba(0,0,0,0.4);
	}
	.helper-popups .helper-popup {
		position: fixed;
		left: 50%;
		top: 50%;
		width: 700px;
		height: 500px;
		max-width: 100%;
		max-height: 100%;
		background-color: white;
		border-radius: 8px;
		box-shadow: 0 5px 25px 0 rgba(0,0,0,0.5);
		transform: translate(-50%,-50%);
		background-size: contain;
		background-position: top center;
	}
	.helper-popups .helper-popup.hidden {
		display: none; 
	}
	.helper-popups .helper-popup[data-label="szamla"] {
		background-image: url("../../images/pages/registration/szamla.jpg");
	}
	.helper-popups .helper-popup[data-label="napijegy"] {
		background-image: url("../../images/pages/registration/napijegy.jpg");
	}
	.helper-popups .helper-popup a {
		float: right;
		display: block;
		position: relative;
		width: 20px;
		height: 20px;
		margin: 0 0 -20px 0;
		border-radius: 20px;
		background-color: black;
		color: white;
		font-size: 18px;
		line-height: 20px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		left: -10px;
		top: 10px;
		opacity: 0.5;
	}
	.helper-popups .helper-popup a:hover {
		opacity: 1;
	}
	.helper-popups .helper-popup a:before {
		display: block;
		width: 100%;
		height: 100%;
		content:"×";
	}
	
	
	

	
	
	/* UPLOAD */
	
	.form .form-item.fi-uploads        { margin-top: -13px; margin-bottom: -8px; }
	.form .form-item.fi-uploads .fi.ff { 
		display: inline-block;
	}
	.form .form-item.fi-uploads .fi.ff .upload-field {
		width: 100%;
		height: 40px;
	}
	.form .form-item.fi-uploads[data-helper_frame="1"] iframe[data-helper="2"] { display: none; }
	.form .form-item.fi-uploads[data-helper_frame="2"] iframe[data-helper="1"] { display: none; }
	





	/*					*/
	/*	QUESTION INDEX  */
	/*					*/
	
	.grid-item .fi.fl:before {
		display: block;
		position: relative;
		float: left;
		width: 20px;
		height: 20px;
		margin: 0 0 -20px 0;
		font-weight: normal;
		text-align: center;
		font-size: 12px;
		line-height: 20px;
		top: 0px;
		background-color: #25408e;
		color: white;
		border-radius: 30px;
	}
	.form .conditional-section .grid-item .form-item .fi.fl:before { left: 7px; }
	
		/* DESKTOP */
		@media screen and (min-width:  1000px) {
			.grid-item .fi.fl:before { left: -2px; }
		}
		/* MOBILE */
		@media screen and (max-width:  999px) {
			.grid-item .fi.fl:before { left: -25px; }
		}
	

	.grid-item[data-index="1"] .fi.fl:before { content:"1"; }
	.grid-item[data-index="2"] .fi.fl:before { content:"2"; }
	.grid-item[data-index="3"] .fi.fl:before { content:"3"; }
	.grid-item[data-index="4"] .fi.fl:before { content:"4"; }
	.grid-item[data-index="5"] .fi.fl:before { content:"5"; }
	.grid-item[data-index="6"] .fi.fl:before { content:"6"; }
	.grid-item[data-index="7"] .fi.fl:before { content:"7"; }
	.grid-item[data-index="8"] .fi.fl:before { content:"8"; }
	.grid-item[data-index="9"] .fi.fl:before { content:"9"; }
	
	.grid-item[data-index="10"] .fi.fl:before { content:"10"; }
	.grid-item[data-index="11"] .fi.fl:before { content:"11"; }
	.grid-item[data-index="12"] .fi.fl:before { content:"12"; }
	.grid-item[data-index="13"] .fi.fl:before { content:"13"; }
	.grid-item[data-index="14"] .fi.fl:before { content:"14"; }
	.grid-item[data-index="15"] .fi.fl:before { content:"15"; }
	.grid-item[data-index="16"] .fi.fl:before { content:"16"; }
	.grid-item[data-index="17"] .fi.fl:before { content:"17"; }
	.grid-item[data-index="18"] .fi.fl:before { content:"18"; }
	.grid-item[data-index="19"] .fi.fl:before { content:"19"; }
	
	.grid-item[data-index="20"] .fi.fl:before { content:"20"; }
	.grid-item[data-index="21"] .fi.fl:before { content:"21"; }
	.grid-item[data-index="22"] .fi.fl:before { content:"22"; }
	.grid-item[data-index="23"] .fi.fl:before { content:"23"; }
	.grid-item[data-index="24"] .fi.fl:before { content:"24"; }
	.grid-item[data-index="25"] .fi.fl:before { content:"25"; }
	.grid-item[data-index="26"] .fi.fl:before { content:"26"; }
	.grid-item[data-index="27"] .fi.fl:before { content:"27"; }
	.grid-item[data-index="28"] .fi.fl:before { content:"28"; }
	.grid-item[data-index="29"] .fi.fl:before { content:"29"; }
	
	.grid-item[data-index="30"] .fi.fl:before { content:"30"; }
	.grid-item[data-index="31"] .fi.fl:before { content:"31"; }
	.grid-item[data-index="32"] .fi.fl:before { content:"32"; }
	.grid-item[data-index="33"] .fi.fl:before { content:"33"; }
	.grid-item[data-index="34"] .fi.fl:before { content:"34"; }
	.grid-item[data-index="35"] .fi.fl:before { content:"35"; }
	.grid-item[data-index="36"] .fi.fl:before { content:"36"; }
	.grid-item[data-index="37"] .fi.fl:before { content:"37"; }
	.grid-item[data-index="38"] .fi.fl:before { content:"38"; }
	.grid-item[data-index="39"] .fi.fl:before { content:"39"; }
	
	.grid-item[data-index="40"] .fi.fl:before { content:"40"; }
	.grid-item[data-index="41"] .fi.fl:before { content:"41"; }
	.grid-item[data-index="42"] .fi.fl:before { content:"42"; }
	.grid-item[data-index="43"] .fi.fl:before { content:"43"; }
	.grid-item[data-index="44"] .fi.fl:before { content:"44"; }
	.grid-item[data-index="45"] .fi.fl:before { content:"45"; }
	.grid-item[data-index="46"] .fi.fl:before { content:"46"; }
	.grid-item[data-index="47"] .fi.fl:before { content:"47"; }
	.grid-item[data-index="48"] .fi.fl:before { content:"48"; }
	.grid-item[data-index="49"] .fi.fl:before { content:"49"; }
	
	.grid-item[data-index="50"] .fi.fl:before { content:"50"; }
	.grid-item[data-index="51"] .fi.fl:before { content:"51"; }
	.grid-item[data-index="52"] .fi.fl:before { content:"52"; }
	.grid-item[data-index="53"] .fi.fl:before { content:"53"; }
	.grid-item[data-index="54"] .fi.fl:before { content:"54"; }
	.grid-item[data-index="55"] .fi.fl:before { content:"55"; }
	.grid-item[data-index="56"] .fi.fl:before { content:"56"; }
	.grid-item[data-index="57"] .fi.fl:before { content:"57"; }
	.grid-item[data-index="58"] .fi.fl:before { content:"58"; }
	.grid-item[data-index="59"] .fi.fl:before { content:"59"; }
	
	.grid-item[data-index="60"] .fi.fl:before { content:"60"; }
	.grid-item[data-index="61"] .fi.fl:before { content:"61"; }
	.grid-item[data-index="62"] .fi.fl:before { content:"62"; }
	.grid-item[data-index="63"] .fi.fl:before { content:"63"; }
	.grid-item[data-index="64"] .fi.fl:before { content:"64"; }
	.grid-item[data-index="65"] .fi.fl:before { content:"65"; }
	.grid-item[data-index="66"] .fi.fl:before { content:"66"; }
	.grid-item[data-index="67"] .fi.fl:before { content:"67"; }
	.grid-item[data-index="68"] .fi.fl:before { content:"68"; }
	.grid-item[data-index="69"] .fi.fl:before { content:"69"; }
	





	/*					*/
	/*	MANDATORY FIELDS*/
	/*					*/
	
	
	.grid-item .mandatory-tag,
	.grid-item[data-mandatory=""] .mandatory-tag,
	.grid-item[data-mandatory="0"] .mandatory-tag {
		display: none;
	}
	.grid-item[data-mandatory="1"] .mandatory-tag {
		display: block;
		float: left;
		position: relative;
		z-index: 1;
		width: 32px;
		height: 32px;
		margin: 0 -32px -32px 0;
		overflow: hidden;
		left: -37px;
		top: -3px;
		text-align: right;
		content:"*";
		font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-weight: normal;
		font-size: 2.0rem;
		line-height: 32px;
		color: inherit;
		color:#BF0000;
		background-color: transparent;
		pointer-events: none;
	}
	.grid-item[data-mandatory="1"] .form-item[data-formlabel="0"] .mandatory-tag {
		float: none;
	}

	.grid-item[data-mandatory="1"] .mandatory-tag:before { content:"*"; }

	/*					*/
	/*		WARNINGS	*/
	/*					*/
	
	.form .form-item .fe { 
		display: block;
		visibility: hidden; 
		position: relative;
		width: calc(100% - 33px);
		height: 40px;
		border: 1px solid #BF0000;
		border-radius: 4px;
		background-color: white;
		box-shadow: 0 2px 15px 0 #00000055;
		z-index: 20000;
		pointer-events:none;
		padding: 10px 15px 10px 15px;
		margin: 0 0 -62px 0;
		top: -68px;
		text-align: center;
		opacity: 0;
		transition: opacity 0.5s ease, visibility 0s linear 3s;
	}
	.form .form-item.fi-warning .fe {
		display: block;
		
	}
	.form .grid-items .grid-item             .form-item.fi-warning .fe { opacity:0; visibility: hidden; }
	.form .grid-items .grid-item:first-child .form-item.fi-warning .fe { display: block; opacity: 1; visibility: visible; }
	
	.form .fe:before {
	}
	.form .fe:after, .form .fe:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.form .fe:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 10px;
		margin-left: -10px;
	}
	.form .fe:before {
		border-color: rgba(0, 0, 0, 0);
		border-top-color: #BF0000;
		border-width: 11px;
		margin-left: -11px;
	}
	
	.form             { font-family: Lato; font-weight: normal; font-size:0; line-height: 0; margin: 0; padding: 0; }
	.form .grid-items {  font-size:0; line-height: 0; margin: 0; padding: 0; }
	.form .grid-item  { display: inline-block; font-size:0; line-height: 0; margin: 0; padding: 0; }
	
	.form .grid-item.s-5   { width:  5%; }
	.form .grid-item.s-10  { width: 10%; }
	.form .grid-item.s-15  { width: 15%; }
	.form .grid-item.s-20  { width: 20%; }
	.form .grid-item.s-25  { width: 25%; }
	.form .grid-item.s-30  { width: 30%; }
	.form .grid-item.s-35  { width: 35%; }
	.form .grid-item.s-40  { width: 40%; }
	.form .grid-item.s-45  { width: 45%; }
	.form .grid-item.s-50  { width: 50%; }
	.form .grid-item.s-55  { width: 55%; }
	.form .grid-item.s-60  { width: 60%; }
	.form .grid-item.s-65  { width: 65%; }
	.form .grid-item.s-70  { width: 70%; }
	.form .grid-item.s-75  { width: 75%; }
	.form .grid-item.s-80  { width: 80%; }
	.form .grid-item.s-85  { width: 85%; }
	.form .grid-item.s-90  { width: 90%; }
	.form .grid-item.s-95  { width: 95%; }
	.form .grid-item.s-100 { width:100%; }

	.form .form-item {
		width: 100%;
	}
	.form .grid-item .form-item .fi.s-1   { width:  1%; }
	.form .grid-item .form-item .fi.s-2   { width:  2%; }
	.form .grid-item .form-item .fi.s-3   { width:  3%; }
	.form .grid-item .form-item .fi.s-4   { width:  4%; }
	.form .grid-item .form-item .fi.s-5   { width:  5%; }
	.form .grid-item .form-item .fi.s-6   { width:  6%; }
	.form .grid-item .form-item .fi.s-7   { width:  7%; }
	.form .grid-item .form-item .fi.s-8   { width:  8%; }
	.form .grid-item .form-item .fi.s-9   { width:  9%; }
	.form .grid-item .form-item .fi.s-10  { width: 10%; }
	.form .grid-item .form-item .fi.s-11  { width: 11%; }
	.form .grid-item .form-item .fi.s-12  { width: 12%; }
	.form .grid-item .form-item .fi.s-13  { width: 13%; }
	.form .grid-item .form-item .fi.s-14  { width: 14%; }
	.form .grid-item .form-item .fi.s-15  { width: 15%; }
	.form .grid-item .form-item .fi.s-16  { width: 16%; }
	.form .grid-item .form-item .fi.s-17  { width: 17%; }
	.form .grid-item .form-item .fi.s-18  { width: 18%; }
	.form .grid-item .form-item .fi.s-19  { width: 19%; }
	.form .grid-item .form-item .fi.s-20  { width: 20%; }
	.form .grid-item .form-item .fi.s-21  { width: 21%; }
	.form .grid-item .form-item .fi.s-22  { width: 22%; }
	.form .grid-item .form-item .fi.s-23  { width: 23%; }
	.form .grid-item .form-item .fi.s-24  { width: 24%; }
	.form .grid-item .form-item .fi.s-25  { width: 25%; }
	.form .grid-item .form-item .fi.s-26  { width: 26%; }
	.form .grid-item .form-item .fi.s-27  { width: 27%; }
	.form .grid-item .form-item .fi.s-28  { width: 28%; }
	.form .grid-item .form-item .fi.s-29  { width: 29%; }
	.form .grid-item .form-item .fi.s-30  { width: 30%; }
	.form .grid-item .form-item .fi.s-31  { width: 31%; }
	.form .grid-item .form-item .fi.s-32  { width: 32%; }
	.form .grid-item .form-item .fi.s-33  { width: 33%; }
	.form .grid-item .form-item .fi.s-333 { width: 33.333%; }
	.form .grid-item .form-item .fi.s-34  { width: 34%; }
	.form .grid-item .form-item .fi.s-35  { width: 35%; }
	.form .grid-item .form-item .fi.s-36  { width: 36%; }
	.form .grid-item .form-item .fi.s-37  { width: 37%; }
	.form .grid-item .form-item .fi.s-38  { width: 38%; }
	.form .grid-item .form-item .fi.s-39  { width: 39%; }
	.form .grid-item .form-item .fi.s-40  { width: 40%; }
	.form .grid-item .form-item .fi.s-41  { width: 41%; }
	.form .grid-item .form-item .fi.s-42  { width: 42%; }
	.form .grid-item .form-item .fi.s-43  { width: 43%; }
	.form .grid-item .form-item .fi.s-44  { width: 44%; }
	.form .grid-item .form-item .fi.s-45  { width: 45%; }
	.form .grid-item .form-item .fi.s-46  { width: 46%; }
	.form .grid-item .form-item .fi.s-47  { width: 47%; }
	.form .grid-item .form-item .fi.s-48  { width: 48%; }
	.form .grid-item .form-item .fi.s-49  { width: 49%; }
	.form .grid-item .form-item .fi.s-50  { width: 50%; }
	.form .grid-item .form-item .fi.s-51  { width: 51%; }
	.form .grid-item .form-item .fi.s-52  { width: 52%; }
	.form .grid-item .form-item .fi.s-53  { width: 53%; }
	.form .grid-item .form-item .fi.s-54  { width: 54%; }
	.form .grid-item .form-item .fi.s-55  { width: 55%; }
	.form .grid-item .form-item .fi.s-56  { width: 56%; }
	.form .grid-item .form-item .fi.s-57  { width: 57%; }
	.form .grid-item .form-item .fi.s-58  { width: 58%; }
	.form .grid-item .form-item .fi.s-59  { width: 59%; }
	.form .grid-item .form-item .fi.s-60  { width: 60%; }
	.form .grid-item .form-item .fi.s-61  { width: 61%; }
	.form .grid-item .form-item .fi.s-62  { width: 62%; }
	.form .grid-item .form-item .fi.s-63  { width: 63%; }
	.form .grid-item .form-item .fi.s-64  { width: 64%; }
	.form .grid-item .form-item .fi.s-65  { width: 65%; }
	.form .grid-item .form-item .fi.s-66  { width: 66%; }
	.form .grid-item .form-item .fi.s-666 { width: 66.66%; }
	.form .grid-item .form-item .fi.s-67  { width: 67%; }
	.form .grid-item .form-item .fi.s-68  { width: 68%; }
	.form .grid-item .form-item .fi.s-69  {width: 69%;}
	.form .grid-item .form-item .fi.s-70  { width: 70%; }
	.form .grid-item .form-item .fi.s-71  { width: 71%; }
	.form .grid-item .form-item .fi.s-72  { width: 72%; }
	.form .grid-item .form-item .fi.s-73  { width: 73%; }
	.form .grid-item .form-item .fi.s-74  { width: 74%; }
	.form .grid-item .form-item .fi.s-75  { width: 75%; }
	.form .grid-item .form-item .fi.s-76  { width: 76%; }
	.form .grid-item .form-item .fi.s-77  { width: 77%; }
	.form .grid-item .form-item .fi.s-78  { width: 78%; }
	.form .grid-item .form-item .fi.s-79  { width: 79%; }
	.form .grid-item .form-item .fi.s-80  { width: 80%; }
	.form .grid-item .form-item .fi.s-81  { width: 81%; }
	.form .grid-item .form-item .fi.s-82  { width: 82%; }
	.form .grid-item .form-item .fi.s-83  { width: 83%; }
	.form .grid-item .form-item .fi.s-84  { width: 84%; }
	.form .grid-item .form-item .fi.s-85  { width: 85%; }
	.form .grid-item .form-item .fi.s-86  { width: 86%; }
	.form .grid-item .form-item .fi.s-87  { width: 87%; }
	.form .grid-item .form-item .fi.s-88  { width: 88%; }
	.form .grid-item .form-item .fi.s-89  { width: 89%; }
	.form .grid-item .form-item .fi.s-90  { width: 90%; }
	.form .grid-item .form-item .fi.s-91  { width: 91%; }
	.form .grid-item .form-item .fi.s-92  { width: 92%; }
	.form .grid-item .form-item .fi.s-93  { width: 93%; }
	.form .grid-item .form-item .fi.s-94  { width: 94%; }
	.form .grid-item .form-item .fi.s-95  { width: 95%; }
	.form .grid-item .form-item .fi.s-96  { width: 96%; }
	.form .grid-item .form-item .fi.s-97  { width: 97%; }
	.form .grid-item .form-item .fi.s-98  { width: 98%; }
	.form .grid-item .form-item .fi.s-99  { width: 99%; }
	.form .grid-item .form-item .fi.s-100 { width:100%; }
	
	.form .grid-item.gap-after .form-item .fi.s-75  { width: calc(75% - 20px); margin-right: 20px; }
	
	

		/* DESKTOP */
		@media screen and (min-width:  600px) {
		}
		/* MOBILE */
		@media screen and (max-width:  599px) {
			.form .form-item .fi { width: calc(100% - 20px) !important; text-align: left; min-height: 20px; 	}
			.form .form-item .fi.fs { display: none; }
			.form-item[data-description="side"] .fi .form-item-description { float: none; position: relative; left:0; margin: 0 0 -10px 0; width: 100%; }
			.form .form-item.fh-sr .fl em { top: -5px; }
			
			.form .grid-item { width: 100%!important; display: block; }
			.form .grid-item .form-item { display: block!important; }
			.form .grid-item .form-item .fi { width: 100%!important; }
			.form .grid-item .form-item .fi.ff {min-height: 30px;}
			.form .form-item .ff { display: block!important; }
			.form .form-item .fl, .form .form-item .fs { text-align: left; margin:5px 0 5px 0; font-weight: bold; }
			.form .form-item.fh-sr .fl em { top: 10px; text-align: left; }
			.form .grid-item.s-100 .form-item.spacer { height: 0px; }
			.form .form-item.fk-toggle label { padding-bottom: 0; }
		}
		@media screen and (min-width:  600px) and (max-width: 999px) {
			.form .grid-item .form-item .fi.s-30 { width: 80%; }
			.form-item[data-description="side"] .fi .form-item-description { float: none; position: relative; left:0; margin-top: 0; width: 100%; }
			
			.form .grid-item { width: 100%!important; display: block; }
			.form .grid-item .form-item { display: block!important; }
			.form .grid-item .form-item .fi { width: 100%!important; }
			.form .grid-item .form-item .fi.ff { min-height: 30px; }
			.form .form-item .ff { display: block!important; }
			.form .form-item .fl, .form .form-item .fs { text-align: left; margin:5px 0 5px 0; font-weight: bold; }
			.form .form-item.fh-sr .fl em { top: 10px; text-align: left; }
			.form .grid-item.s-100 .form-item.spacer { height: 0px; }
			.form .form-item.fk-toggle label { padding-bottom: 0; }
		}
		

		.form:before {
			display: block;
			position: relative;
			float: right;
			width: 300px;
			height: 200px;
			margin: 0 0 -200px 0;
			overflow: hidden;
			pointer-events: none;
		}
		
		.form .grid-items .grid-item[data-invalid="1"].warning-visible .form-item .fw.notice-popup {
			display: block;
			position: relative;
			top: -15px;
			left: -18px;
			z-index: 999;
			width: 220px;
			height: 220px;
			margin: 0 0 -222px 0;
			padding: 0 30px 0 30px;
			text-align: center;
			background-color: #F6E372;
			border: 1px solid #968312;
			box-shadow: 0 10px 15px 0 #00000033;
			border-radius: 3px;
			transform:translate(0,-100%);
		}
		.notice-popup .np-icon {
			background-image: url("../../images/form/notice.png");
			background-size: contain;
			background-repeat: no-repeat;
			width: 100%;
			height: 50px;
			margin: 10px 0 5px 0;
		}
		.notice-popup .np-title {
			text-align: center;
			font-weight: bold;
			font-size: 2.5rem;
			line-height: 3rem;
			margin: 0 0 10px 0;
		}
		.notice-popup .np-body {
			text-align: center;
			font-weight: normal;
			font-size: 1.7rem;
			line-height: 2rem;
			margin: 0 0 0 0;
		}
		.notice-popup.hidden {
			display: none;
		}
		.notice-popup:after, .notice-popup:before {
			top: 100%;
			left: 25px;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}
		.notice-popup:after {
			border-color: rgba(255, 255, 255, 0);
			border-top-color: #F6E372;
			border-width: 10px;
			margin-left: -10px;
		}
		.notice-popup:before {
			border-color: rgba(0, 0, 0, 0);
			border-top-color: #968312;
			border-width: 11px;
			margin-left: -11px;
		}
		
		

::placeholder {
	position: relative;	
	opacity: 0.5;
	font-style: italic;
	font-size: 11px;
	top: 8px;
}



	/* BUTTON */


		.button-wrapper .button.button-type-is-fake,
		.button-wrapper .button.button-type-is-fake {
			/*pointer-events: none;*/
			user-select: none;
			-webkit-user-select:none;
			/*opacity: 0.33;*/
			outline: none;
		}
		.button-wrapper .button-type-is-submit {
			user-select: none;
			-webkit-user-select:none;
			outline: none;
		}
		form[name="registration"][data-approved] .button-type-is-fake   { display: none; }
		form[name="registration"][data-approved] .button-type-is-submit { display: none; }
		
		form[name="registration"][data-approved="1"] .button-type-is-fake   { display: none; }
		form[name="registration"][data-approved="0"] .button-type-is-submit { display: none; }

		form[name="registration"][data-approved="0"] .button-type-is-fake   { display: inline-block; }
		form[name="registration"][data-approved="1"] .button-type-is-submit { display: inline-block; }

		.button-wrapper .button-type-is-submit:hover {
		}
		.form .form-item.fi-text9rows .ff textarea[name="description"] {
			resize:none;
			margin-top:6px;
		}
		.button-wrapper button:focus,
		.button-wrapper .button:focus {
			box-shadow:none;
		}

		/* CTA BUTTONS */
		
		.button-wrapper {
			text-align: center;
		}
		.button-wrapper.span-to-left {
			text-align: left;
		}
		.button-wrapper .button {
			resize:none;
			display: inline-block;
			text-decoration: none;
			position: relative;
			margin: 0;
			padding: 16px 90px 16px 90px;
			background-color: #173C7B;
			border-radius: 4px;
			text-align: center;
			color: white !important;
			font-family: Lato, sans-serif;
			font-weight: normal;
			font-size: 15px;
			line-height: 21px;
			cursor: pointer;
			border: none;
			box-shadow: 0 4px 10px 0 rgb(0 0 0 / 10%);
		}
		.button-wrapper .button {
			user-select: none;
			-webkit-user-select:none;
			outline: none;
		}
		.button-wrapper .button:focus {
			box-shadow:none;
		}
		.button-wrapper .button:hover,
		.button-wrapper .button.button-type-is-cta:hover {
		}
		button {
		}
		
		.buttons.metro-brand[data-label="yes-no"] {
			text-align: left;
		}
		.buttons.metro-brand[data-label="yes-no"] .button-wrapper { display: inline-block; text-align: left; }
		.buttons.metro-brand[data-label="yes-no"] .button { background-color: #0063ff;  }




	/*						*/
	/*	Form errors			*/
	/*						*/

		.form .grid-items .grid-item[data-invalid="1"] .form-item .form-element,
		.form .grid-items .grid-item[data-invalid="1"]:first-child .form-item .form-element {
			border-color:red;
		}
		.form .grid-items .grid-item[data-invalid="1"] .form-item .fi.fl {
			color: red;
			}
		.form .grid-items .grid-item[data-invalid="1"] .form-item .fw { display: none; }
		.form .grid-items .grid-item[data-invalid="1"]:first-child .form-item .fw { display: block; }
		
		.form .grid-items .grid-item[data-invalid="1"] .form-item .fw {
			position: absolute;
			display: block;
			float: left;
			z-index: 999;
			width: 300px;
			height: auto;
			padding: 15px 25px 15px 25px;
			margin: -35px 0 0 10px;
			/*top: 20px;
			left: 50%;*/
			text-align: center;
			opacity: 0.9;
			background-color: #FF5D00;
			border: 1px solid white;
			color: white;
			border-radius: 8px;
			font-weight: bold
			font-size: 1.3rem;
			line-height: 1.6rem;
			transform: translate(-50%, -25px);
			pointer-events: none;
			box-shadow: 0 10px 15px 0 #00000033;
		}
		@media screen and (min-width:  0px) and (max-width: 600px) {
			.form .grid-items .grid-item[data-invalid="1"] .form-item .fw {
				display: block;
				position: absolute;
				width: calc(100% - 70px);
				height:auto;
				left: 50%;
				margin: -35px 0 0 0;
			}
		}

		.form .grid-items .grid-item[data-invalid="1"] .form-item .fw:after,
		.form .grid-items .grid-item[data-invalid="1"] .form-item .fw:before {
			top: 100%;
			left: 50%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}
		.form .grid-items .grid-item[data-invalid="1"] .form-item .fw:after {
			border-color:#00000000;
			border-top-color: #FF5D00;;
			border-width: 10px;
			margin-left: -10px;
		}
		.form .grid-items .grid-item[data-invalid="1"] .form-item .fw:before {
			border-color:#00000000;
			border-top-color: white;
			border-width: 11px;
			margin-left: -11px;
		}
		.form .grid-items .grid-item[data-invalid="1"]                 .form-item .fw { visibility: hidden;  opacity: 0; transition: visibility 0s linear 0.5s, opacity 0.5s ease; }
		.form .grid-items .grid-item[data-invalid="1"].warning-visible .form-item .fw { visibility: visible; opacity: 1; transition: visibility 0s linear 0.0s, opacity 0.5s ease; }
		.form .grid-items .grid-item[data-invalid="0"] .form-item .fw { display: none; }
		



	/*						*/
	/*	Custom styles		*/
	/*						*/

		form input::-webkit-validation-bubble-message, 
		form select::-webkit-validation-bubble-message,
		form textarea::-webkit-validation-bubble-message {
			display:none;
		} 



	/*						*/
	/*	Progress pagecover	*/
	/*						*/

		.progress-pagecover.hidden {
			display: none;
			width: 0;
			height: 0;
			cursor:default;
		}
		.progress-pagecover {
			display: block;
			z-index: 400000;
			position: fixed;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: #00000055;
			background-color: #FFFFFF00;
			cursor:wait;
		}



.form .form-item .fi {outline: 1px solid #ff000030;outline: none;}
.form .form-item .fi em { }



.form .form-item .fi .field {
	display: block;
	width: calc(100% - 10px); 
	padding: 0 0 0 10px;
	height: 40px;
	background-color: #F5F5F5;
	border-radius: 2px;
	font-size: 2.0rem;
	line-height: 40px;
	color: #999999;
}



	/*						*/
	/*	Cities				*/
	/*						*/

		.cities-helper-wrapper {
			display: block;
			position: absolute;
			margin: 5px 0 0 0;
			padding: 0;
			width:calc(100% - 22px);
			width: 250px;
			height: auto;
			min-height: 0px;
			max-height: 305px;
			padding:5px 0px 5px 0px;
			border:1px solid #AAA;
			border-radius:4px;
			background-color:white;
			box-shadow: 0 10px 15px 0 #00000055;
			z-index: 9999;
		}
		.cities-helper-wrapper.hidden { display: none; }

		ul.cities-helper {
			display:block;
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			overflow-y: auto;
			height: 100%;
			max-height: 300px;
		}

		ul.cities-helper:before, ul.cities-helper:after {
			bottom: 100%;
			left: 30px;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}
		ul.cities-helper:after {
			border-color:#00000000;
			border-bottom-color: #FFFFFF;;
			border-width: 10px;
			margin-left: -10px;
		}
		ul.cities-helper:before {
			border-color:#00000000;
			border-bottom-color: #666;
			border-width: 11px;
			margin-left: -11px;
		}

		ul.cities-helper li {
			list-style: none;
			display: block;
			cursor: pointer;
			margin: 0;
			padding: 0 10px 0 20px;
			height: 29px;
			overflow: hidden;
			border-bottom: 1px solid #00000011;
			font-size: 13px;
			line-height: 29px;
		}
		ul.cities-helper li {
			display: none;
		}
		ul.cities-helper li.valid {
			display: block;
		}
		.cities-helper-wrapper.no-key-event ul.cities-helper li.valid:hover,
		ul.cities-helper li.valid.current {
			background-color: #0064fe;
			color: white;
			box-shadow: inset 0 5px 10px 0 #00000008;
		}

		ul.cities-helper li:last-child {
			border-bottom: none;
		}

		
		
		.form-item.fi-button.fi-left .button-wrapper {
			text-align: left;
		}
		.form-item.fi-button.fi-center .button-wrapper,
		.form-item.fi-button.fi-centered .button-wrapper {
			text-align: center;
		}
		.form-item.fi-button.fi-right .button-wrapper {
			text-align: right;
		}
		
		
		
		
		ul.store-addresses {
			display: block;
			margin: 0; 
			padding: 0;
		}
		ul.store-addresses li.store-address {
			list-style: none;
			margin: 0; padding: 0;
		}
		ul.store-addresses li.store-address{ display: none; }
		ul.store-addresses li.store-address.selected { display: block; }
		
		
		
		

		
		
		
			
			/* GENERAL TERMS AND CONDITIONS */

			html[data-page="conditions"] .conditions {
				display:block;
				background-color:#FFFFFF;
				width:100%;
			}
			html[data-page="registration"] .conditions {
				display:block;
				background-color:#FFFFFF;
				box-shadow: 0 0 0 1px #CCC, inset 0 0 10px 0 rgba(0,0,0,0.3);
				border-radius:4px;
				border-radius: 4px 0 0 4px;
				padding:15px 25px 15px 25px;
				margin:0px 0px 15px 0px;
				width: 100%;
				max-height:400px;
				overflow:scroll;
				overflow-x:hidden;
			}

			.conditions .section {
				font-weight:normal;
				font-size:14px;
				line-height:18px;
				margin:0px;
				padding:20px 0px 10px 50px;
			}
				.conditions .section .index {
					width:40px;
					height:20px;
					margin:0px -40px -20px 0px;
					overflow:hidden;
					left:-50px;
					display:block;
					position:relative;
					font-size:13px;
					line-height:17px;
					text-align:left;
					color:#999999;

				}
				.conditions .section .copy {
					margin:0px 0px 5px 0px !important;
					padding:0px 0px 0px 0px !important;
					font-weight: normal;
					font-weight: bold;
				}

			.conditions .list {
				font-weight:normal;
				font-size:14px;
				line-height:18px;
				text-align:justify;
				color:#333333;
				margin:0px;
				padding:0px 0px 0px 70px;
			}
				.conditions .list .index {
					width:40px;
					height:20px;
					margin:0px -40px -20px 0px;
					overflow:hidden;
					text-align:right;
					left:-50px;
					display:block;
					position:relative;
				}
				.conditions .list .copy {
					margin:0px 0px 5px 0px !important;
					padding:0px 0px 0px 0px !important;
				}

			.conditions .list-option {
				font-weight:lighter;
				font-size:14px;
				line-height:18px;
				text-align:justify;
				color:#333333;
				margin:0px;
				padding:0px 0px 0px 90px;
			}
			.conditions .copy-option {
				font-weight:lighter;
				font-size:13px;
				line-height:17px;
				text-align:justify;
				color:#999999;
				margin:0px;
				padding:0px 0px 5px 70px;
			}
				.conditions .list-option .index {
					width:40px;
					height:20px;
					margin:0px -40px -20px 0px;
					overflow:hidden;
					text-align:right;
					left:-50px;
					display:block;
					position:relative;
				}
				.conditions .copy-option .index {
					width:20px;
					height:20px;
					margin:0px -20px -20px 0px;
					overflow:hidden;
					text-align:left;
					left:-20px;
					display:block;
					position:relative;
				}
				.conditions .list-option .copy {
					margin:0px 0px 0px 0px !important;
					padding:0px 0px 0px 0px !important;
				}
				.conditions .copy-option .copy {
					/*margin:0px 0px 0px 10px !important;*/
					padding:0px 0px 0px 0px !important;
				}
			.conditions .list-copy {
				font-weight:lighter;
				font-size:14px;
				line-height:18px;
				text-align:justify;
				color:#333333;
				padding:0px 0px 0px 70px;
				-webkit-margin-before:0px;
				-webkit-margin-after:0px;
			}
			.conditions .copy {
				font-weight:lighter;
				font-size:13px;
				line-height:17px;
				text-align:justify;
				color:#999999;
				padding:0px 0px 5px 50px;
				-webkit-margin-before:0px;
				-webkit-margin-after:0px;
			}
			.conditions a.owner-site-link {
				color:#00457F;
				color:#999999;
				text-decoration: underline;
			}
			.conditions p {
				-webkit-hyphens: auto;
					-ms-hyphens: auto;
						hyphens: auto;
			}

				@media screen and (min-width: 1600px) {
					/* XXL */
					.conditions .contract-bbox { display:block; }
					.conditions .contract-bbox-alter { display:none; }
				}
				@media screen and (min-width: 1200px) and  (max-width: 1599px) {
					/* XL */
					.conditions .contract-bbox { display:block; }
					.conditions .contract-bbox-alter { display:none; }
				}
				@media screen and (min-width: 1000px) and  (max-width: 1199px) {
					/* L */
					.conditions .contract-bbox { display:block; }
					.conditions .contract-bbox-alter { display:none; }
				}
				@media screen and (min-width: 800px) and (max-width: 999px) {
					/* M */

					.conditions .contract-bbox { display:none; }
					.conditions .contract-bbox-alter { display:block; }
					.page .conditions h1.title {
						display:block;
						width:100%;
						text-align:center;
						margin:15px 0px 10px 0px !important;
						padding:0px;
					}
					.conditions .valid-until { 
						display:block; 
						width:100%; 
						text-align:center; 
						margin:0px 0px 15px 0px;; 
						padding:0px;
					}
				}
				@media screen and (min-width: 600px) and (max-width: 799px) {
					/* S */
					.form #PostalAddress { max-height:15em; }

					.conditions .contract-bbox { display:none; }
					.conditions .contract-bbox-alter { display:block; }
					.page .conditions h1.title {
						display:block;
						width:100%;
						text-align:center;
						margin:15px 0px 10px 0px !important;
						padding:0px;
					}
					.conditions .valid-until { 
						display:block; 
						width:100%; 
						text-align:center; 
						margin:0px 0px 15px 0px;; 
						padding:0px;
					}
				}
				@media screen and (min-width: 400px) and (max-width: 599px) {
					/* XS */
					.conditions .contract-bbox { display:none; }
					.conditions .contract-bbox-alter { display:block; }
					.page .conditions h1.title {
						display:block;
						width:100%;
						text-align:center;
						margin:15px 0px 10px 0px !important;
						padding:0px;
					}
					.conditions .valid-until { 
						display:block; 
						width:100%; 
						text-align:center; 
						margin:0px 0px 15px 0px;; 
						padding:0px;
					}
				}
				@media screen and (max-width: 399px) {
					/* XXS */
					.conditions .contract-bbox { display:none; }
					.conditions .contract-bbox-alter { display:block; }
					.page .conditions h1.title {
						display:block;
						width:100%;
						text-align:center;
						margin:15px 0px 10px 0px !important;
						padding:0px;
					}
					.conditions .valid-until { 
						display:block; 
						width:100%; 
						text-align:center; 
						margin:0px 0px 15px 0px;; 
						padding:0px;
					}

				}
			
			
			
			.conditions {
				max-height:none;
				overflow: visible;
				padding: 0;
				margin: 25px 0;
				border:none;
				box-shadow: none;
				font-family: Lato;
			}
			.conditions h2.title {
				font-family: Metro;
				font-weight: 900;
				font-size: 5rem;
				line-height: 1.3;
				color: var(--blue);
				word-spacing: 0.05em;
				font-kerning: normal;			
				text-transform: uppercase;
				text-align: center;
				text-wrap:balance;
				margin-bottom: 10px;
			}
			.conditions p.valid-until {
				font-size:2rem;
				line-height:1.3;
				text-align: center;
				margin-bottom: 30px;
			}
			.conditions p.important-note {
				display: block;
				position: relative;
				font-size:2rem;
				line-height:1.3;
				text-align: center;
				text-wrap:balance;
				max-width: 600px;
				left: 50%;
				transform:translateX(-50%);
			}
			.conditions p {
				font-size: var(--level1_copy);
				line-height: 1.3;
			}

			.conditions small { display: block; height: 10px; }

			
			
			.conditions b {
				font-weight: normal;
				font-weight: bold;
			}

			
			.conditions ol {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			.conditions ol li {
				padding:0 0 0 40px;
				text-align: justify;
			}
			.conditions ol li.level0-body {
				padding-left: 0;
			}
			.conditions ol li.level0-body[data-value="1"] {
				
			}
			.conditions ol li.level1-body {
				
			}
			.conditions ol li.level1-body,
			.conditions ol li.level2-body,
			.conditions ol li.level3-body {
			}
			.conditions ol li.level1-title,
			.conditions ol li.level2-title,
			.conditions ol li.level3-title {
				margin-bottom: 5px;
			}
			.conditions ol li.level1-title > ol,
			.conditions ol li.level2-title > ol,
			.conditions ol li.level3-title > ol {
				margin-top: 5px;
			}
			.conditions li.spacer {
				width: 100%;
				height: 10px;
			}
			.conditions li {
				word-break: break-word;
				-webkit-hyphens: auto;
				-ms-hyphens: auto;
				hyphens: auto;
				/* Only hyphenate words with >= 6 characters, leave at least 3 characters before the hyphen and at least 2 after it */
				hyphenate-limit-chars: 1 2 2;
			}
			.conditions ol li ol,
			.conditions ol li ol li ol { margin-left: 40px; }
			
			.conditions ol li ol li,
			.conditions ol li ol li ol li,
			.conditions ol li ol li ol li ol li {
				padding-left: 0px;
			}
			.conditions ol li > i,
			.conditions ol li ol li > i {
				font-family: inherit;
				display: block;
				position: relative;
				height: 20px;
				margin: 0 0 -20px 0;
			}
			.conditions .level2-list {
				list-style: none;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				font-weight: normal;
			}
			.conditions .level2-list[data-value=""] {
				list-style: disc;
			}
			.conditions ol.short-list {
				margin-left: 20px;
			}
			.conditions .level2-list > i {
				display: block;
				position: relative;
				width: 40px;
				left: -40px;
				height: 20px;
				margin: 0 0 -20px 0;
			}
			.conditions ol.short-list .level2-list > i {
				width: 20px;
				left: -20px;
			}
			.conditions ol li.level1-title {
				font-weight: bold;
			}
			.conditions ol li i {
				width: 40px;
				left: -40px;
				background-color: rgba(216,216,63,0.64);
				background-color: transparent;
			}
			.conditions ol li.level1-title > i {
				font-weight: bold;
			}
			.conditions ol li ol li i {
				width: 40px;
				left: -40px;
				background-color:rgba(245,222,179,0.48);
				background-color: transparent;
			}
			.conditions ol li ol li ol li > i {
				width: 40px;
				left: -40px;
				background-color:rgba(216,191,216,0.55);
				background-color: transparent;
			}
			
			.level1-body i:before {
				font-weight: bold;
				margin: 10px 0 5px 0;
			}
			.level1-body[data-value="1"] i:before { content:"1."; }
			.level1-body[data-value="2"] i:before { content:"2."; }
			.level1-body[data-value="3"] i:before { content:"3."; }
			.level1-body[data-value="4"] i:before { content:"4."; }
			.level1-body[data-value="5"] i:before { content:"5."; }
			.level1-body[data-value="6"] i:before { content:"6."; }
			.level1-body[data-value="7"] i:before { content:"7."; }
			.level1-body[data-value="8"] i:before { content:"8."; }
			.level1-body[data-value="9"] i:before { content:"9."; }
			.level1-body[data-value="10"] i:before { content:"10."; }
			.level1-body[data-value="11"] i:before { content:"11."; }
			.level1-body[data-value="12"] i:before { content:"12."; }
			.level1-body[data-value="13"] i:before { content:"13."; }
			.level1-body[data-value="14"] i:before { content:"14."; }
			.level1-body[data-value="15"] i:before { content:"15."; }
			.level1-body[data-value="16"] i:before { content:"16."; }

			.conditions ol li.level0-title {
				margin: 10px 0 5px 0;
				padding: 0 0 0 0;
			}
			.level1-title {
				margin: 10px 0 5px 0;
			}
			.level1-title[data-value="1"] i:before { content:"1."; }
			.level1-title[data-value="2"] i:before { content:"2."; }
			.level1-title[data-value="3"] i:before { content:"3."; }
			.level1-title[data-value="4"] i:before { content:"4."; }
			.level1-title[data-value="5"] i:before { content:"5."; }
			.level1-title[data-value="6"] i:before { content:"6."; }
			.level1-title[data-value="7"] i:before { content:"7."; }
			.level1-title[data-value="8"] i:before { content:"8."; }
			.level1-title[data-value="9"] i:before { content:"9."; }
			.level1-title[data-value="10"] i:before { content:"10."; }
			.level1-title[data-value="11"] i:before { content:"11."; }
			.level1-title[data-value="12"] i:before { content:"12."; }
			.level1-title[data-value="13"] i:before { content:"13."; }
			.level1-title[data-value="14"] i:before { content:"14."; }
			.level1-title[data-value="15"] i:before { content:"15."; }
			.level1-title[data-value="16"] i:before { content:"16."; }
			.level1-title[data-value="17"] i:before { content:"17."; }
			.level1-title[data-value="18"] i:before { content:"18."; }
			.level1-title[data-value="19"] i:before { content:"19."; }
			.level1-title[data-value="20"] i:before { content:"20."; }
			
			.level1-title:first-child {
				margin-top: 0px;
			}
			.level2-title {
				margin: 5px 0 5px 0;
			}

			.level1-title[data-value="1"] .level2-title[data-value="1" ] > i:before { content:"1.1."; }
			.level1-title[data-value="1"] .level2-title[data-value="2" ] > i:before { content:"1.2."; }
			.level1-title[data-value="1"] .level2-title[data-value="3" ] > i:before { content:"1.3."; }
			.level1-title[data-value="1"] .level2-title[data-value="4" ] > i:before { content:"1.4."; }
			.level1-title[data-value="1"] .level2-title[data-value="4" ] > i:before { content:"1.4."; }
			.level1-title[data-value="1"] .level2-title[data-value="5" ] > i:before { content:"1.5."; }
			.level1-title[data-value="1"] .level2-title[data-value="6" ] > i:before { content:"1.6."; }
			.level1-title[data-value="1"] .level2-title[data-value="7" ] > i:before { content:"1.7."; }
			.level1-title[data-value="1"] .level2-title[data-value="8" ] > i:before { content:"1.8."; }
			.level1-title[data-value="1"] .level2-title[data-value="9" ] > i:before { content:"1.9."; }
			.level1-title[data-value="1"] .level2-title[data-value="10"] > i:before { content:"1.10."; }
			.level1-title[data-value="1"] .level2-title[data-value="11"] > i:before { content:"1.11."; }
			.level1-title[data-value="1"] .level2-title[data-value="12"] > i:before { content:"1.12."; }
			.level1-title[data-value="1"] .level2-title[data-value="13"] > i:before { content:"1.13."; }
			.level1-title[data-value="1"] .level2-title[data-value="14"] > i:before { content:"1.14."; }
			.level1-title[data-value="1"] .level2-title[data-value="15"] > i:before { content:"1.15."; }
			
				.level1-title[data-value="1"] .level2-title[data-value="1"] .level3-title[data-value="1"] > i:before { content:"1.1.1."; }
				.level1-title[data-value="1"] .level2-title[data-value="1"] .level3-title[data-value="2"] > i:before { content:"1.1.2."; }
				.level1-title[data-value="1"] .level2-title[data-value="1"] .level3-title[data-value="3"] > i:before { content:"1.1.3."; }
				.level1-title[data-value="1"] .level2-title[data-value="1"] .level3-title[data-value="4"] > i:before { content:"1.1.4."; }
				.level1-title[data-value="1"] .level2-title[data-value="1"] .level3-title[data-value="5"] > i:before { content:"1.1.5."; }
				.level1-title[data-value="1"] .level2-title[data-value="1"] .level3-title[data-value="6"] > i:before { content:"1.1.6."; }
				.level1-title[data-value="1"] .level2-title[data-value="1"] .level3-title[data-value="7"] > i:before { content:"1.1.7."; }
				.level1-title[data-value="1"] .level2-title[data-value="1"] .level3-title[data-value="8"] > i:before { content:"1.1.8."; }
				.level1-title[data-value="1"] .level2-title[data-value="1"] .level3-title[data-value="9"] > i:before { content:"1.1.9."; }
				.level1-title[data-value="1"] .level2-title[data-value="2"] .level3-title[data-value="1"] > i:before { content:"1.2.1."; }
				.level1-title[data-value="1"] .level2-title[data-value="2"] .level3-title[data-value="2"] > i:before { content:"1.2.2."; }
				.level1-title[data-value="1"] .level2-title[data-value="2"] .level3-title[data-value="3"] > i:before { content:"1.2.3."; }
				.level1-title[data-value="1"] .level2-title[data-value="2"] .level3-title[data-value="4"] > i:before { content:"1.2.4."; }
				.level1-title[data-value="1"] .level2-title[data-value="2"] .level3-title[data-value="5"] > i:before { content:"1.2.5."; }
				.level1-title[data-value="1"] .level2-title[data-value="2"] .level3-title[data-value="6"] > i:before { content:"1.2.6."; }
				.level1-title[data-value="1"] .level2-title[data-value="2"] .level3-title[data-value="7"] > i:before { content:"1.2.7."; }
				.level1-title[data-value="1"] .level2-title[data-value="2"] .level3-title[data-value="8"] > i:before { content:"1.2.8."; }
				.level1-title[data-value="1"] .level2-title[data-value="2"] .level3-title[data-value="9"] > i:before { content:"1.2.9."; }
				.level1-title[data-value="1"] .level2-title[data-value="3"] .level3-title[data-value="1"] > i:before { content:"1.3.1."; }
				.level1-title[data-value="1"] .level2-title[data-value="3"] .level3-title[data-value="2"] > i:before { content:"1.3.2."; }
				.level1-title[data-value="1"] .level2-title[data-value="3"] .level3-title[data-value="3"] > i:before { content:"1.3.3."; }
				.level1-title[data-value="1"] .level2-title[data-value="3"] .level3-title[data-value="4"] > i:before { content:"1.3.4."; }
				.level1-title[data-value="1"] .level2-title[data-value="3"] .level3-title[data-value="5"] > i:before { content:"1.3.5."; }
				.level1-title[data-value="1"] .level2-title[data-value="3"] .level3-title[data-value="6"] > i:before { content:"1.3.6."; }
				.level1-title[data-value="1"] .level2-title[data-value="3"] .level3-title[data-value="7"] > i:before { content:"1.3.7."; }
				.level1-title[data-value="1"] .level2-title[data-value="3"] .level3-title[data-value="8"] > i:before { content:"1.3.8."; }
				.level1-title[data-value="1"] .level2-title[data-value="3"] .level3-title[data-value="9"] > i:before { content:"1.3.9."; }
				.level1-title[data-value="1"] .level2-title[data-value="4"] .level3-title[data-value="1"] > i:before { content:"1.4.1."; }
				.level1-title[data-value="1"] .level2-title[data-value="4"] .level3-title[data-value="2"] > i:before { content:"1.4.2."; }
				.level1-title[data-value="1"] .level2-title[data-value="4"] .level3-title[data-value="3"] > i:before { content:"1.4.3."; }
				.level1-title[data-value="1"] .level2-title[data-value="4"] .level3-title[data-value="4"] > i:before { content:"1.4.4."; }
				.level1-title[data-value="1"] .level2-title[data-value="4"] .level3-title[data-value="5"] > i:before { content:"1.4.5."; }
				.level1-title[data-value="1"] .level2-title[data-value="4"] .level3-title[data-value="6"] > i:before { content:"1.4.6."; }
				.level1-title[data-value="1"] .level2-title[data-value="4"] .level3-title[data-value="7"] > i:before { content:"1.4.7."; }
				.level1-title[data-value="1"] .level2-title[data-value="4"] .level3-title[data-value="8"] > i:before { content:"1.4.8."; }
				.level1-title[data-value="1"] .level2-title[data-value="4"] .level3-title[data-value="9"] > i:before { content:"1.4.9."; }
				
			.level1-title[data-value="2"] .level2-title[data-value="1" ] > i:before { content:"2.1."; }
			.level1-title[data-value="2"] .level2-title[data-value="2" ] > i:before { content:"2.2."; }
			.level1-title[data-value="2"] .level2-title[data-value="3" ] > i:before { content:"2.3."; }
			.level1-title[data-value="2"] .level2-title[data-value="4" ] > i:before { content:"2.4."; }
			.level1-title[data-value="2"] .level2-title[data-value="5" ] > i:before { content:"2.5."; }
			.level1-title[data-value="2"] .level2-title[data-value="6" ] > i:before { content:"2.6."; }
			.level1-title[data-value="2"] .level2-title[data-value="7" ] > i:before { content:"2.7."; }
			.level1-title[data-value="2"] .level2-title[data-value="8" ] > i:before { content:"2.8."; }
			.level1-title[data-value="2"] .level2-title[data-value="9" ] > i:before { content:"2.9."; }
			.level1-title[data-value="2"] .level2-title[data-value="10"] > i:before { content:"2.10."; }
			.level1-title[data-value="2"] .level2-title[data-value="11"] > i:before { content:"2.11."; }
			.level1-title[data-value="2"] .level2-title[data-value="12"] > i:before { content:"2.12."; }
			.level1-title[data-value="2"] .level2-title[data-value="13"] > i:before { content:"2.13."; }
			.level1-title[data-value="2"] .level2-title[data-value="14"] > i:before { content:"2.14."; }
			.level1-title[data-value="2"] .level2-title[data-value="15"] > i:before { content:"2.15."; }
			
				.level1-title[data-value="2"] .level2-title[data-value="1"] .level3-title[data-value="1"] > i:before { content:"2.1.1."; }
				.level1-title[data-value="2"] .level2-title[data-value="1"] .level3-title[data-value="2"] > i:before { content:"2.1.2."; }
				.level1-title[data-value="2"] .level2-title[data-value="1"] .level3-title[data-value="3"] > i:before { content:"2.1.3."; }
				.level1-title[data-value="2"] .level2-title[data-value="1"] .level3-title[data-value="4"] > i:before { content:"2.1.4."; }
				.level1-title[data-value="2"] .level2-title[data-value="1"] .level3-title[data-value="5"] > i:before { content:"2.1.5."; }
				.level1-title[data-value="2"] .level2-title[data-value="1"] .level3-title[data-value="6"] > i:before { content:"2.1.6."; }
				.level1-title[data-value="2"] .level2-title[data-value="1"] .level3-title[data-value="7"] > i:before { content:"2.1.7."; }
				.level1-title[data-value="2"] .level2-title[data-value="1"] .level3-title[data-value="8"] > i:before { content:"2.1.8."; }
				.level1-title[data-value="2"] .level2-title[data-value="1"] .level3-title[data-value="9"] > i:before { content:"2.1.9."; }
				.level1-title[data-value="2"] .level2-title[data-value="2"] .level3-title[data-value="1"] > i:before { content:"2.2.1."; }
				.level1-title[data-value="2"] .level2-title[data-value="2"] .level3-title[data-value="2"] > i:before { content:"2.2.2."; }
				.level1-title[data-value="2"] .level2-title[data-value="2"] .level3-title[data-value="3"] > i:before { content:"2.2.3."; }
				.level1-title[data-value="2"] .level2-title[data-value="2"] .level3-title[data-value="4"] > i:before { content:"2.2.4."; }
				.level1-title[data-value="2"] .level2-title[data-value="2"] .level3-title[data-value="5"] > i:before { content:"2.2.5."; }
				.level1-title[data-value="2"] .level2-title[data-value="2"] .level3-title[data-value="6"] > i:before { content:"2.2.6."; }
				.level1-title[data-value="2"] .level2-title[data-value="2"] .level3-title[data-value="7"] > i:before { content:"2.2.7."; }
				.level1-title[data-value="2"] .level2-title[data-value="2"] .level3-title[data-value="8"] > i:before { content:"2.2.8."; }
				.level1-title[data-value="2"] .level2-title[data-value="2"] .level3-title[data-value="9"] > i:before { content:"2.2.9."; }
				.level1-title[data-value="2"] .level2-title[data-value="3"] .level3-title[data-value="1"] > i:before { content:"2.3.1."; }
				.level1-title[data-value="2"] .level2-title[data-value="3"] .level3-title[data-value="2"] > i:before { content:"2.3.2."; }
				.level1-title[data-value="2"] .level2-title[data-value="3"] .level3-title[data-value="3"] > i:before { content:"2.3.3."; }
				.level1-title[data-value="2"] .level2-title[data-value="3"] .level3-title[data-value="4"] > i:before { content:"2.3.4."; }
				.level1-title[data-value="2"] .level2-title[data-value="3"] .level3-title[data-value="5"] > i:before { content:"2.3.5."; }
				.level1-title[data-value="2"] .level2-title[data-value="3"] .level3-title[data-value="6"] > i:before { content:"2.3.6."; }
				.level1-title[data-value="2"] .level2-title[data-value="3"] .level3-title[data-value="7"] > i:before { content:"2.3.7."; }
				.level1-title[data-value="2"] .level2-title[data-value="3"] .level3-title[data-value="8"] > i:before { content:"2.3.8."; }
				.level1-title[data-value="2"] .level2-title[data-value="3"] .level3-title[data-value="9"] > i:before { content:"2.3.9."; }
				.level1-title[data-value="2"] .level2-title[data-value="4"] .level3-title[data-value="1"] > i:before { content:"2.4.1."; }
				.level1-title[data-value="2"] .level2-title[data-value="4"] .level3-title[data-value="2"] > i:before { content:"2.4.2."; }
				.level1-title[data-value="2"] .level2-title[data-value="4"] .level3-title[data-value="3"] > i:before { content:"2.4.3."; }
				.level1-title[data-value="2"] .level2-title[data-value="4"] .level3-title[data-value="4"] > i:before { content:"2.4.4."; }
				.level1-title[data-value="2"] .level2-title[data-value="4"] .level3-title[data-value="5"] > i:before { content:"2.4.5."; }
				.level1-title[data-value="2"] .level2-title[data-value="4"] .level3-title[data-value="6"] > i:before { content:"2.4.6."; }
				.level1-title[data-value="2"] .level2-title[data-value="4"] .level3-title[data-value="7"] > i:before { content:"2.4.7."; }
				.level1-title[data-value="2"] .level2-title[data-value="4"] .level3-title[data-value="8"] > i:before { content:"2.4.8."; }
				.level1-title[data-value="2"] .level2-title[data-value="4"] .level3-title[data-value="9"] > i:before { content:"2.4.9."; }
				
			.level1-title[data-value="3"] .level2-title[data-value="1" ] > i:before { content:"3.1."; }
			.level1-title[data-value="3"] .level2-title[data-value="2" ] > i:before { content:"3.2."; }
			.level1-title[data-value="3"] .level2-title[data-value="3" ] > i:before { content:"3.3."; }
			.level1-title[data-value="3"] .level2-title[data-value="4" ] > i:before { content:"3.4."; }
			.level1-title[data-value="3"] .level2-title[data-value="5" ] > i:before { content:"3.5."; }
			.level1-title[data-value="3"] .level2-title[data-value="6" ] > i:before { content:"3.6."; }
			.level1-title[data-value="3"] .level2-title[data-value="7" ] > i:before { content:"3.7."; }
			.level1-title[data-value="3"] .level2-title[data-value="8" ] > i:before { content:"3.8."; }
			.level1-title[data-value="3"] .level2-title[data-value="9" ] > i:before { content:"3.9."; }
			.level1-title[data-value="3"] .level2-title[data-value="10"] > i:before { content:"3.10."; }
			.level1-title[data-value="3"] .level2-title[data-value="11"] > i:before { content:"3.11."; }
			.level1-title[data-value="3"] .level2-title[data-value="12"] > i:before { content:"3.12."; }
			.level1-title[data-value="3"] .level2-title[data-value="13"] > i:before { content:"3.13."; }
			.level1-title[data-value="3"] .level2-title[data-value="14"] > i:before { content:"3.14."; }
			.level1-title[data-value="3"] .level2-title[data-value="15"] > i:before { content:"3.15."; }
			
				.level1-title[data-value="3"] .level2-title[data-value="1"] .level3-title[data-value="1"] > i:before { content:"3.1.1."; }
				.level1-title[data-value="3"] .level2-title[data-value="1"] .level3-title[data-value="2"] > i:before { content:"3.1.2."; }
				.level1-title[data-value="3"] .level2-title[data-value="1"] .level3-title[data-value="3"] > i:before { content:"3.1.3."; }
				.level1-title[data-value="3"] .level2-title[data-value="1"] .level3-title[data-value="4"] > i:before { content:"3.1.4."; }
				.level1-title[data-value="3"] .level2-title[data-value="1"] .level3-title[data-value="5"] > i:before { content:"3.1.5."; }
				.level1-title[data-value="3"] .level2-title[data-value="1"] .level3-title[data-value="6"] > i:before { content:"3.1.6."; }
				.level1-title[data-value="3"] .level2-title[data-value="1"] .level3-title[data-value="7"] > i:before { content:"3.1.7."; }
				.level1-title[data-value="3"] .level2-title[data-value="1"] .level3-title[data-value="8"] > i:before { content:"3.1.8."; }
				.level1-title[data-value="3"] .level2-title[data-value="1"] .level3-title[data-value="9"] > i:before { content:"3.1.9."; }
				.level1-title[data-value="3"] .level2-title[data-value="2"] .level3-title[data-value="1"] > i:before { content:"3.2.1."; }
				.level1-title[data-value="3"] .level2-title[data-value="2"] .level3-title[data-value="2"] > i:before { content:"3.2.2."; }
				.level1-title[data-value="3"] .level2-title[data-value="2"] .level3-title[data-value="3"] > i:before { content:"3.2.3."; }
				.level1-title[data-value="3"] .level2-title[data-value="2"] .level3-title[data-value="4"] > i:before { content:"3.2.4."; }
				.level1-title[data-value="3"] .level2-title[data-value="2"] .level3-title[data-value="5"] > i:before { content:"3.2.5."; }
				.level1-title[data-value="3"] .level2-title[data-value="2"] .level3-title[data-value="6"] > i:before { content:"3.2.6."; }
				.level1-title[data-value="3"] .level2-title[data-value="2"] .level3-title[data-value="7"] > i:before { content:"3.2.7."; }
				.level1-title[data-value="3"] .level2-title[data-value="2"] .level3-title[data-value="8"] > i:before { content:"3.2.8."; }
				.level1-title[data-value="3"] .level2-title[data-value="2"] .level3-title[data-value="9"] > i:before { content:"3.2.9."; }
				.level1-title[data-value="3"] .level2-title[data-value="3"] .level3-title[data-value="1"] > i:before { content:"3.3.1."; }
				.level1-title[data-value="3"] .level2-title[data-value="3"] .level3-title[data-value="2"] > i:before { content:"3.3.2."; }
				.level1-title[data-value="3"] .level2-title[data-value="3"] .level3-title[data-value="3"] > i:before { content:"3.3.3."; }
				.level1-title[data-value="3"] .level2-title[data-value="3"] .level3-title[data-value="4"] > i:before { content:"3.3.4."; }
				.level1-title[data-value="3"] .level2-title[data-value="3"] .level3-title[data-value="5"] > i:before { content:"3.3.5."; }
				.level1-title[data-value="3"] .level2-title[data-value="3"] .level3-title[data-value="6"] > i:before { content:"3.3.6."; }
				.level1-title[data-value="3"] .level2-title[data-value="3"] .level3-title[data-value="7"] > i:before { content:"3.3.7."; }
				.level1-title[data-value="3"] .level2-title[data-value="3"] .level3-title[data-value="8"] > i:before { content:"3.3.8."; }
				.level1-title[data-value="3"] .level2-title[data-value="3"] .level3-title[data-value="9"] > i:before { content:"3.3.9."; }
				.level1-title[data-value="3"] .level2-title[data-value="4"] .level3-title[data-value="1"] > i:before { content:"3.4.1."; }
				.level1-title[data-value="3"] .level2-title[data-value="4"] .level3-title[data-value="2"] > i:before { content:"3.4.2."; }
				.level1-title[data-value="3"] .level2-title[data-value="4"] .level3-title[data-value="3"] > i:before { content:"3.4.3."; }
				.level1-title[data-value="3"] .level2-title[data-value="4"] .level3-title[data-value="4"] > i:before { content:"3.4.4."; }
				.level1-title[data-value="3"] .level2-title[data-value="4"] .level3-title[data-value="5"] > i:before { content:"3.4.5."; }
				.level1-title[data-value="3"] .level2-title[data-value="4"] .level3-title[data-value="6"] > i:before { content:"3.4.6."; }
				.level1-title[data-value="3"] .level2-title[data-value="4"] .level3-title[data-value="7"] > i:before { content:"3.4.7."; }
				.level1-title[data-value="3"] .level2-title[data-value="4"] .level3-title[data-value="8"] > i:before { content:"3.4.8."; }
				.level1-title[data-value="3"] .level2-title[data-value="4"] .level3-title[data-value="9"] > i:before { content:"3.4.9."; }
				
			.level1-title[data-value="4"] .level2-title[data-value="1" ] > i:before { content:"4.1."; }
			.level1-title[data-value="4"] .level2-title[data-value="2" ] > i:before { content:"4.2."; }
			.level1-title[data-value="4"] .level2-title[data-value="3" ] > i:before { content:"4.3."; }
			.level1-title[data-value="4"] .level2-title[data-value="4" ] > i:before { content:"4.4."; }
			.level1-title[data-value="4"] .level2-title[data-value="5" ] > i:before { content:"4.5."; }
			.level1-title[data-value="4"] .level2-title[data-value="6" ] > i:before { content:"4.6."; }
			.level1-title[data-value="4"] .level2-title[data-value="7" ] > i:before { content:"4.7."; }
			.level1-title[data-value="4"] .level2-title[data-value="8" ] > i:before { content:"4.8."; }
			.level1-title[data-value="4"] .level2-title[data-value="9" ] > i:before { content:"4.9."; }
			.level1-title[data-value="4"] .level2-title[data-value="10"] > i:before { content:"4.10."; }
			.level1-title[data-value="4"] .level2-title[data-value="11"] > i:before { content:"4.11."; }
			.level1-title[data-value="4"] .level2-title[data-value="12"] > i:before { content:"4.12."; }
			.level1-title[data-value="4"] .level2-title[data-value="13"] > i:before { content:"4.13."; }
			.level1-title[data-value="4"] .level2-title[data-value="14"] > i:before { content:"4.14."; }
			.level1-title[data-value="4"] .level2-title[data-value="15"] > i:before { content:"4.15."; }
			
				.level1-title[data-value="4"] .level2-title[data-value="1"] .level3-title[data-value="1"] > i:before { content:"4.1.1."; }
				.level1-title[data-value="4"] .level2-title[data-value="1"] .level3-title[data-value="2"] > i:before { content:"4.1.2."; }
				.level1-title[data-value="4"] .level2-title[data-value="1"] .level3-title[data-value="3"] > i:before { content:"4.1.3."; }
				.level1-title[data-value="4"] .level2-title[data-value="1"] .level3-title[data-value="4"] > i:before { content:"4.1.4."; }
				.level1-title[data-value="4"] .level2-title[data-value="1"] .level3-title[data-value="5"] > i:before { content:"4.1.5."; }
				.level1-title[data-value="4"] .level2-title[data-value="1"] .level3-title[data-value="6"] > i:before { content:"4.1.6."; }
				.level1-title[data-value="4"] .level2-title[data-value="1"] .level3-title[data-value="7"] > i:before { content:"4.1.7."; }
				.level1-title[data-value="4"] .level2-title[data-value="1"] .level3-title[data-value="8"] > i:before { content:"4.1.8."; }
				.level1-title[data-value="4"] .level2-title[data-value="1"] .level3-title[data-value="9"] > i:before { content:"4.1.9."; }
				.level1-title[data-value="4"] .level2-title[data-value="2"] .level3-title[data-value="1"] > i:before { content:"4.2.1."; }
				.level1-title[data-value="4"] .level2-title[data-value="2"] .level3-title[data-value="2"] > i:before { content:"4.2.2."; }
				.level1-title[data-value="4"] .level2-title[data-value="2"] .level3-title[data-value="3"] > i:before { content:"4.2.3."; }
				.level1-title[data-value="4"] .level2-title[data-value="2"] .level3-title[data-value="4"] > i:before { content:"4.2.4."; }
				.level1-title[data-value="4"] .level2-title[data-value="2"] .level3-title[data-value="5"] > i:before { content:"4.2.5."; }
				.level1-title[data-value="4"] .level2-title[data-value="2"] .level3-title[data-value="6"] > i:before { content:"4.2.6."; }
				.level1-title[data-value="4"] .level2-title[data-value="2"] .level3-title[data-value="7"] > i:before { content:"4.2.7."; }
				.level1-title[data-value="4"] .level2-title[data-value="2"] .level3-title[data-value="8"] > i:before { content:"4.2.8."; }
				.level1-title[data-value="4"] .level2-title[data-value="2"] .level3-title[data-value="9"] > i:before { content:"4.2.9."; }
				.level1-title[data-value="4"] .level2-title[data-value="3"] .level3-title[data-value="1"] > i:before { content:"4.3.1."; }
				.level1-title[data-value="4"] .level2-title[data-value="3"] .level3-title[data-value="2"] > i:before { content:"4.3.2."; }
				.level1-title[data-value="4"] .level2-title[data-value="3"] .level3-title[data-value="3"] > i:before { content:"4.3.3."; }
				.level1-title[data-value="4"] .level2-title[data-value="3"] .level3-title[data-value="4"] > i:before { content:"4.3.4."; }
				.level1-title[data-value="4"] .level2-title[data-value="3"] .level3-title[data-value="5"] > i:before { content:"4.3.5."; }
				.level1-title[data-value="4"] .level2-title[data-value="3"] .level3-title[data-value="6"] > i:before { content:"4.3.6."; }
				.level1-title[data-value="4"] .level2-title[data-value="3"] .level3-title[data-value="7"] > i:before { content:"4.3.7."; }
				.level1-title[data-value="4"] .level2-title[data-value="3"] .level3-title[data-value="8"] > i:before { content:"4.3.8."; }
				.level1-title[data-value="4"] .level2-title[data-value="3"] .level3-title[data-value="9"] > i:before { content:"4.3.9."; }
				.level1-title[data-value="4"] .level2-title[data-value="4"] .level3-title[data-value="1"] > i:before { content:"4.4.1."; }
				.level1-title[data-value="4"] .level2-title[data-value="4"] .level3-title[data-value="2"] > i:before { content:"4.4.2."; }
				.level1-title[data-value="4"] .level2-title[data-value="4"] .level3-title[data-value="3"] > i:before { content:"4.4.3."; }
				.level1-title[data-value="4"] .level2-title[data-value="4"] .level3-title[data-value="4"] > i:before { content:"4.4.4."; }
				.level1-title[data-value="4"] .level2-title[data-value="4"] .level3-title[data-value="5"] > i:before { content:"4.4.5."; }
				.level1-title[data-value="4"] .level2-title[data-value="4"] .level3-title[data-value="6"] > i:before { content:"4.4.6."; }
				.level1-title[data-value="4"] .level2-title[data-value="4"] .level3-title[data-value="7"] > i:before { content:"4.4.7."; }
				.level1-title[data-value="4"] .level2-title[data-value="4"] .level3-title[data-value="8"] > i:before { content:"4.4.8."; }
				.level1-title[data-value="4"] .level2-title[data-value="4"] .level3-title[data-value="9"] > i:before { content:"4.4.9."; }
				
			.level1-title[data-value="5"] .level2-title[data-value="1" ] > i:before { content:"5.1."; }
			.level1-title[data-value="5"] .level2-title[data-value="2" ] > i:before { content:"5.2."; }
			.level1-title[data-value="5"] .level2-title[data-value="3" ] > i:before { content:"5.3."; }
			.level1-title[data-value="5"] .level2-title[data-value="4" ] > i:before { content:"5.4."; }
			.level1-title[data-value="5"] .level2-title[data-value="5" ] > i:before { content:"5.5."; }
			.level1-title[data-value="5"] .level2-title[data-value="6" ] > i:before { content:"5.6."; }
			.level1-title[data-value="5"] .level2-title[data-value="7" ] > i:before { content:"5.7."; }
			.level1-title[data-value="5"] .level2-title[data-value="8" ] > i:before { content:"5.8."; }
			.level1-title[data-value="5"] .level2-title[data-value="9" ] > i:before { content:"5.9."; }
			.level1-title[data-value="5"] .level2-title[data-value="10"] > i:before { content:"5.10."; }
			.level1-title[data-value="5"] .level2-title[data-value="11"] > i:before { content:"5.11."; }
			.level1-title[data-value="5"] .level2-title[data-value="12"] > i:before { content:"5.12."; }
			.level1-title[data-value="5"] .level2-title[data-value="13"] > i:before { content:"5.13."; }
			.level1-title[data-value="5"] .level2-title[data-value="14"] > i:before { content:"5.14."; }
			.level1-title[data-value="5"] .level2-title[data-value="15"] > i:before { content:"5.15."; }
			
				.level1-title[data-value="5"] .level2-title[data-value="1"] .level3-title[data-value="1"] > i:before { content:"5.1.1."; }
				.level1-title[data-value="5"] .level2-title[data-value="1"] .level3-title[data-value="2"] > i:before { content:"5.1.2."; }
				.level1-title[data-value="5"] .level2-title[data-value="1"] .level3-title[data-value="3"] > i:before { content:"5.1.3."; }
				.level1-title[data-value="5"] .level2-title[data-value="1"] .level3-title[data-value="4"] > i:before { content:"5.1.4."; }
				.level1-title[data-value="5"] .level2-title[data-value="1"] .level3-title[data-value="5"] > i:before { content:"5.1.5."; }
				.level1-title[data-value="5"] .level2-title[data-value="1"] .level3-title[data-value="6"] > i:before { content:"5.1.6."; }
				.level1-title[data-value="5"] .level2-title[data-value="1"] .level3-title[data-value="7"] > i:before { content:"5.1.7."; }
				.level1-title[data-value="5"] .level2-title[data-value="1"] .level3-title[data-value="8"] > i:before { content:"5.1.8."; }
				.level1-title[data-value="5"] .level2-title[data-value="1"] .level3-title[data-value="9"] > i:before { content:"5.1.9."; }
				.level1-title[data-value="5"] .level2-title[data-value="2"] .level3-title[data-value="1"] > i:before { content:"5.2.1."; }
				.level1-title[data-value="5"] .level2-title[data-value="2"] .level3-title[data-value="2"] > i:before { content:"5.2.2."; }
				.level1-title[data-value="5"] .level2-title[data-value="2"] .level3-title[data-value="3"] > i:before { content:"5.2.3."; }
				.level1-title[data-value="5"] .level2-title[data-value="2"] .level3-title[data-value="4"] > i:before { content:"5.2.4."; }
				.level1-title[data-value="5"] .level2-title[data-value="2"] .level3-title[data-value="5"] > i:before { content:"5.2.5."; }
				.level1-title[data-value="5"] .level2-title[data-value="2"] .level3-title[data-value="6"] > i:before { content:"5.2.6."; }
				.level1-title[data-value="5"] .level2-title[data-value="2"] .level3-title[data-value="7"] > i:before { content:"5.2.7."; }
				.level1-title[data-value="5"] .level2-title[data-value="2"] .level3-title[data-value="8"] > i:before { content:"5.2.8."; }
				.level1-title[data-value="5"] .level2-title[data-value="2"] .level3-title[data-value="9"] > i:before { content:"5.2.9."; }
				.level1-title[data-value="5"] .level2-title[data-value="3"] .level3-title[data-value="1"] > i:before { content:"5.3.1."; }
				.level1-title[data-value="5"] .level2-title[data-value="3"] .level3-title[data-value="2"] > i:before { content:"5.3.2."; }
				.level1-title[data-value="5"] .level2-title[data-value="3"] .level3-title[data-value="3"] > i:before { content:"5.3.3."; }
				.level1-title[data-value="5"] .level2-title[data-value="3"] .level3-title[data-value="4"] > i:before { content:"5.3.4."; }
				.level1-title[data-value="5"] .level2-title[data-value="3"] .level3-title[data-value="5"] > i:before { content:"5.3.5."; }
				.level1-title[data-value="5"] .level2-title[data-value="3"] .level3-title[data-value="6"] > i:before { content:"5.3.6."; }
				.level1-title[data-value="5"] .level2-title[data-value="3"] .level3-title[data-value="7"] > i:before { content:"5.3.7."; }
				.level1-title[data-value="5"] .level2-title[data-value="3"] .level3-title[data-value="8"] > i:before { content:"5.3.8."; }
				.level1-title[data-value="5"] .level2-title[data-value="3"] .level3-title[data-value="9"] > i:before { content:"5.3.9."; }
				.level1-title[data-value="5"] .level2-title[data-value="4"] .level3-title[data-value="1"] > i:before { content:"5.4.1."; }
				.level1-title[data-value="5"] .level2-title[data-value="4"] .level3-title[data-value="2"] > i:before { content:"5.4.2."; }
				.level1-title[data-value="5"] .level2-title[data-value="4"] .level3-title[data-value="3"] > i:before { content:"5.4.3."; }
				.level1-title[data-value="5"] .level2-title[data-value="4"] .level3-title[data-value="4"] > i:before { content:"5.4.4."; }
				.level1-title[data-value="5"] .level2-title[data-value="4"] .level3-title[data-value="5"] > i:before { content:"5.4.5."; }
				.level1-title[data-value="5"] .level2-title[data-value="4"] .level3-title[data-value="6"] > i:before { content:"5.4.6."; }
				.level1-title[data-value="5"] .level2-title[data-value="4"] .level3-title[data-value="7"] > i:before { content:"5.4.7."; }
				.level1-title[data-value="5"] .level2-title[data-value="4"] .level3-title[data-value="8"] > i:before { content:"5.4.8."; }
				.level1-title[data-value="5"] .level2-title[data-value="4"] .level3-title[data-value="9"] > i:before { content:"5.4.9."; }
				
			.level1-title[data-value="6"] .level2-title[data-value="1" ] > i:before { content:"6.1."; }
			.level1-title[data-value="6"] .level2-title[data-value="2" ] > i:before { content:"6.2."; }
			.level1-title[data-value="6"] .level2-title[data-value="3" ] > i:before { content:"6.3."; }
			.level1-title[data-value="6"] .level2-title[data-value="4" ] > i:before { content:"6.4."; }
			.level1-title[data-value="6"] .level2-title[data-value="5" ] > i:before { content:"6.5."; }
			.level1-title[data-value="6"] .level2-title[data-value="6" ] > i:before { content:"6.6."; }
			.level1-title[data-value="6"] .level2-title[data-value="7" ] > i:before { content:"6.7."; }
			.level1-title[data-value="6"] .level2-title[data-value="8" ] > i:before { content:"6.8."; }
			.level1-title[data-value="6"] .level2-title[data-value="9" ] > i:before { content:"6.9."; }
			.level1-title[data-value="6"] .level2-title[data-value="10"] > i:before { content:"6.10."; }
			.level1-title[data-value="6"] .level2-title[data-value="11"] > i:before { content:"6.11."; }
			.level1-title[data-value="6"] .level2-title[data-value="12"] > i:before { content:"6.12."; }
			.level1-title[data-value="6"] .level2-title[data-value="13"] > i:before { content:"6.13."; }
			.level1-title[data-value="6"] .level2-title[data-value="14"] > i:before { content:"6.14."; }
			.level1-title[data-value="6"] .level2-title[data-value="15"] > i:before { content:"6.15."; }
			
				.level1-title[data-value="6"] .level2-title[data-value="1"] .level3-title[data-value="1"] > i:before { content:"6.1.1."; }
				.level1-title[data-value="6"] .level2-title[data-value="1"] .level3-title[data-value="2"] > i:before { content:"6.1.2."; }
				.level1-title[data-value="6"] .level2-title[data-value="1"] .level3-title[data-value="3"] > i:before { content:"6.1.3."; }
				.level1-title[data-value="6"] .level2-title[data-value="1"] .level3-title[data-value="4"] > i:before { content:"6.1.4."; }
				.level1-title[data-value="6"] .level2-title[data-value="1"] .level3-title[data-value="5"] > i:before { content:"6.1.5."; }
				.level1-title[data-value="6"] .level2-title[data-value="1"] .level3-title[data-value="6"] > i:before { content:"6.1.6."; }
				.level1-title[data-value="6"] .level2-title[data-value="1"] .level3-title[data-value="7"] > i:before { content:"6.1.7."; }
				.level1-title[data-value="6"] .level2-title[data-value="1"] .level3-title[data-value="8"] > i:before { content:"6.1.8."; }
				.level1-title[data-value="6"] .level2-title[data-value="1"] .level3-title[data-value="9"] > i:before { content:"6.1.9."; }
				.level1-title[data-value="6"] .level2-title[data-value="2"] .level3-title[data-value="1"] > i:before { content:"6.2.1."; }
				.level1-title[data-value="6"] .level2-title[data-value="2"] .level3-title[data-value="2"] > i:before { content:"6.2.2."; }
				.level1-title[data-value="6"] .level2-title[data-value="2"] .level3-title[data-value="3"] > i:before { content:"6.2.3."; }
				.level1-title[data-value="6"] .level2-title[data-value="2"] .level3-title[data-value="4"] > i:before { content:"6.2.4."; }
				.level1-title[data-value="6"] .level2-title[data-value="2"] .level3-title[data-value="5"] > i:before { content:"6.2.5."; }
				.level1-title[data-value="6"] .level2-title[data-value="2"] .level3-title[data-value="6"] > i:before { content:"6.2.6."; }
				.level1-title[data-value="6"] .level2-title[data-value="2"] .level3-title[data-value="7"] > i:before { content:"6.2.7."; }
				.level1-title[data-value="6"] .level2-title[data-value="2"] .level3-title[data-value="8"] > i:before { content:"6.2.8."; }
				.level1-title[data-value="6"] .level2-title[data-value="2"] .level3-title[data-value="9"] > i:before { content:"6.2.9."; }
				.level1-title[data-value="6"] .level2-title[data-value="3"] .level3-title[data-value="1"] > i:before { content:"6.3.1."; }
				.level1-title[data-value="6"] .level2-title[data-value="3"] .level3-title[data-value="2"] > i:before { content:"6.3.2."; }
				.level1-title[data-value="6"] .level2-title[data-value="3"] .level3-title[data-value="3"] > i:before { content:"6.3.3."; }
				.level1-title[data-value="6"] .level2-title[data-value="3"] .level3-title[data-value="4"] > i:before { content:"6.3.4."; }
				.level1-title[data-value="6"] .level2-title[data-value="3"] .level3-title[data-value="5"] > i:before { content:"6.3.5."; }
				.level1-title[data-value="6"] .level2-title[data-value="3"] .level3-title[data-value="6"] > i:before { content:"6.3.6."; }
				.level1-title[data-value="6"] .level2-title[data-value="3"] .level3-title[data-value="7"] > i:before { content:"6.3.7."; }
				.level1-title[data-value="6"] .level2-title[data-value="3"] .level3-title[data-value="8"] > i:before { content:"6.3.8."; }
				.level1-title[data-value="6"] .level2-title[data-value="3"] .level3-title[data-value="9"] > i:before { content:"6.3.9."; }
				.level1-title[data-value="6"] .level2-title[data-value="4"] .level3-title[data-value="1"] > i:before { content:"6.4.1."; }
				.level1-title[data-value="6"] .level2-title[data-value="4"] .level3-title[data-value="2"] > i:before { content:"6.4.2."; }
				.level1-title[data-value="6"] .level2-title[data-value="4"] .level3-title[data-value="3"] > i:before { content:"6.4.3."; }
				.level1-title[data-value="6"] .level2-title[data-value="4"] .level3-title[data-value="4"] > i:before { content:"6.4.4."; }
				.level1-title[data-value="6"] .level2-title[data-value="4"] .level3-title[data-value="5"] > i:before { content:"6.4.5."; }
				.level1-title[data-value="6"] .level2-title[data-value="4"] .level3-title[data-value="6"] > i:before { content:"6.4.6."; }
				.level1-title[data-value="6"] .level2-title[data-value="4"] .level3-title[data-value="7"] > i:before { content:"6.4.7."; }
				.level1-title[data-value="6"] .level2-title[data-value="4"] .level3-title[data-value="8"] > i:before { content:"6.4.8."; }
				.level1-title[data-value="6"] .level2-title[data-value="4"] .level3-title[data-value="9"] > i:before { content:"6.4.9."; }
				
			.level1-title[data-value="7"] .level2-title[data-value="1" ] > i:before { content:"7.1."; }
			.level1-title[data-value="7"] .level2-title[data-value="2" ] > i:before { content:"7.2."; }
			.level1-title[data-value="7"] .level2-title[data-value="3" ] > i:before { content:"7.3."; }
			.level1-title[data-value="7"] .level2-title[data-value="4" ] > i:before { content:"7.4."; }
			.level1-title[data-value="7"] .level2-title[data-value="5" ] > i:before { content:"7.5."; }
			.level1-title[data-value="7"] .level2-title[data-value="6" ] > i:before { content:"7.6."; }
			.level1-title[data-value="7"] .level2-title[data-value="7" ] > i:before { content:"7.7."; }
			.level1-title[data-value="7"] .level2-title[data-value="8" ] > i:before { content:"7.8."; }
			.level1-title[data-value="7"] .level2-title[data-value="9" ] > i:before { content:"7.9."; }
			.level1-title[data-value="7"] .level2-title[data-value="10"] > i:before { content:"7.10."; }
			.level1-title[data-value="7"] .level2-title[data-value="11"] > i:before { content:"7.11."; }
			.level1-title[data-value="7"] .level2-title[data-value="12"] > i:before { content:"7.12."; }
			.level1-title[data-value="7"] .level2-title[data-value="13"] > i:before { content:"7.13."; }
			.level1-title[data-value="7"] .level2-title[data-value="14"] > i:before { content:"7.14."; }
			.level1-title[data-value="7"] .level2-title[data-value="15"] > i:before { content:"7.15."; }

				.level1-title[data-value="7"] .level2-title[data-value="1"] .level3-title[data-value="1"] > i:before { content:"7.1.1."; }
				.level1-title[data-value="7"] .level2-title[data-value="1"] .level3-title[data-value="2"] > i:before { content:"7.1.2."; }
				.level1-title[data-value="7"] .level2-title[data-value="1"] .level3-title[data-value="3"] > i:before { content:"7.1.3."; }
				.level1-title[data-value="7"] .level2-title[data-value="1"] .level3-title[data-value="4"] > i:before { content:"7.1.4."; }
				.level1-title[data-value="7"] .level2-title[data-value="1"] .level3-title[data-value="5"] > i:before { content:"7.1.5."; }
				.level1-title[data-value="7"] .level2-title[data-value="1"] .level3-title[data-value="6"] > i:before { content:"7.1.6."; }
				.level1-title[data-value="7"] .level2-title[data-value="1"] .level3-title[data-value="7"] > i:before { content:"7.1.7."; }
				.level1-title[data-value="7"] .level2-title[data-value="1"] .level3-title[data-value="8"] > i:before { content:"7.1.8."; }
				.level1-title[data-value="7"] .level2-title[data-value="1"] .level3-title[data-value="9"] > i:before { content:"7.1.9."; }
				.level1-title[data-value="7"] .level2-title[data-value="2"] .level3-title[data-value="1"] > i:before { content:"7.2.1."; }
				.level1-title[data-value="7"] .level2-title[data-value="2"] .level3-title[data-value="2"] > i:before { content:"7.2.2."; }
				.level1-title[data-value="7"] .level2-title[data-value="2"] .level3-title[data-value="3"] > i:before { content:"7.2.3."; }
				.level1-title[data-value="7"] .level2-title[data-value="2"] .level3-title[data-value="4"] > i:before { content:"7.2.4."; }
				.level1-title[data-value="7"] .level2-title[data-value="2"] .level3-title[data-value="5"] > i:before { content:"7.2.5."; }
				.level1-title[data-value="7"] .level2-title[data-value="2"] .level3-title[data-value="6"] > i:before { content:"7.2.6."; }
				.level1-title[data-value="7"] .level2-title[data-value="2"] .level3-title[data-value="7"] > i:before { content:"7.2.7."; }
				.level1-title[data-value="7"] .level2-title[data-value="2"] .level3-title[data-value="8"] > i:before { content:"7.2.8."; }
				.level1-title[data-value="7"] .level2-title[data-value="2"] .level3-title[data-value="9"] > i:before { content:"7.2.9."; }
				.level1-title[data-value="7"] .level2-title[data-value="3"] .level3-title[data-value="1"] > i:before { content:"7.3.1."; }
				.level1-title[data-value="7"] .level2-title[data-value="3"] .level3-title[data-value="2"] > i:before { content:"7.3.2."; }
				.level1-title[data-value="7"] .level2-title[data-value="3"] .level3-title[data-value="3"] > i:before { content:"7.3.3."; }
				.level1-title[data-value="7"] .level2-title[data-value="3"] .level3-title[data-value="4"] > i:before { content:"7.3.4."; }
				.level1-title[data-value="7"] .level2-title[data-value="3"] .level3-title[data-value="5"] > i:before { content:"7.3.5."; }
				.level1-title[data-value="7"] .level2-title[data-value="3"] .level3-title[data-value="6"] > i:before { content:"7.3.6."; }
				.level1-title[data-value="7"] .level2-title[data-value="3"] .level3-title[data-value="7"] > i:before { content:"7.3.7."; }
				.level1-title[data-value="7"] .level2-title[data-value="3"] .level3-title[data-value="8"] > i:before { content:"7.3.8."; }
				.level1-title[data-value="7"] .level2-title[data-value="3"] .level3-title[data-value="9"] > i:before { content:"7.3.9."; }
				.level1-title[data-value="7"] .level2-title[data-value="4"] .level3-title[data-value="1"] > i:before { content:"7.4.1."; }
				.level1-title[data-value="7"] .level2-title[data-value="4"] .level3-title[data-value="2"] > i:before { content:"7.4.2."; }
				.level1-title[data-value="7"] .level2-title[data-value="4"] .level3-title[data-value="3"] > i:before { content:"7.4.3."; }
				.level1-title[data-value="7"] .level2-title[data-value="4"] .level3-title[data-value="4"] > i:before { content:"7.4.4."; }
				.level1-title[data-value="7"] .level2-title[data-value="4"] .level3-title[data-value="5"] > i:before { content:"7.4.5."; }
				.level1-title[data-value="7"] .level2-title[data-value="4"] .level3-title[data-value="6"] > i:before { content:"7.4.6."; }
				.level1-title[data-value="7"] .level2-title[data-value="4"] .level3-title[data-value="7"] > i:before { content:"7.4.7."; }
				.level1-title[data-value="7"] .level2-title[data-value="4"] .level3-title[data-value="8"] > i:before { content:"7.4.8."; }
				.level1-title[data-value="7"] .level2-title[data-value="4"] .level3-title[data-value="9"] > i:before { content:"7.4.9."; }

			.level1-title[data-value="8"] .level2-title[data-value="1" ] > i:before { content:"8.1."; }
			.level1-title[data-value="8"] .level2-title[data-value="2" ] > i:before { content:"8.2."; }
			.level1-title[data-value="8"] .level2-title[data-value="3" ] > i:before { content:"8.3."; }
			.level1-title[data-value="8"] .level2-title[data-value="4" ] > i:before { content:"8.4."; }
			.level1-title[data-value="8"] .level2-title[data-value="5" ] > i:before { content:"8.5."; }
			.level1-title[data-value="8"] .level2-title[data-value="6" ] > i:before { content:"8.6."; }
			.level1-title[data-value="8"] .level2-title[data-value="7" ] > i:before { content:"8.7."; }
			.level1-title[data-value="8"] .level2-title[data-value="8" ] > i:before { content:"8.8."; }
			.level1-title[data-value="8"] .level2-title[data-value="9" ] > i:before { content:"8.9."; }
			.level1-title[data-value="8"] .level2-title[data-value="10"] > i:before { content:"8.10."; }
			.level1-title[data-value="8"] .level2-title[data-value="11"] > i:before { content:"8.11."; }
			.level1-title[data-value="8"] .level2-title[data-value="12"] > i:before { content:"8.12."; }
			.level1-title[data-value="8"] .level2-title[data-value="13"] > i:before { content:"8.13."; }
			.level1-title[data-value="8"] .level2-title[data-value="14"] > i:before { content:"8.14."; }
			.level1-title[data-value="8"] .level2-title[data-value="15"] > i:before { content:"8.15."; }
			
				.level1-title[data-value="8"] .level2-title[data-value="1"] .level3-title[data-value="1"] > i:before { content:"8.1.1."; }
				.level1-title[data-value="8"] .level2-title[data-value="1"] .level3-title[data-value="2"] > i:before { content:"8.1.2."; }
				.level1-title[data-value="8"] .level2-title[data-value="1"] .level3-title[data-value="3"] > i:before { content:"8.1.3."; }
				.level1-title[data-value="8"] .level2-title[data-value="1"] .level3-title[data-value="4"] > i:before { content:"8.1.4."; }
				.level1-title[data-value="8"] .level2-title[data-value="1"] .level3-title[data-value="5"] > i:before { content:"8.1.5."; }
				.level1-title[data-value="8"] .level2-title[data-value="1"] .level3-title[data-value="6"] > i:before { content:"8.1.6."; }
				.level1-title[data-value="8"] .level2-title[data-value="1"] .level3-title[data-value="7"] > i:before { content:"8.1.7."; }
				.level1-title[data-value="8"] .level2-title[data-value="1"] .level3-title[data-value="8"] > i:before { content:"8.1.8."; }
				.level1-title[data-value="8"] .level2-title[data-value="1"] .level3-title[data-value="9"] > i:before { content:"8.1.9."; }
				.level1-title[data-value="8"] .level2-title[data-value="2"] .level3-title[data-value="1"] > i:before { content:"8.2.1."; }
				.level1-title[data-value="8"] .level2-title[data-value="2"] .level3-title[data-value="2"] > i:before { content:"8.2.2."; }
				.level1-title[data-value="8"] .level2-title[data-value="2"] .level3-title[data-value="3"] > i:before { content:"8.2.3."; }
				.level1-title[data-value="8"] .level2-title[data-value="2"] .level3-title[data-value="4"] > i:before { content:"8.2.4."; }
				.level1-title[data-value="8"] .level2-title[data-value="2"] .level3-title[data-value="5"] > i:before { content:"8.2.5."; }
				.level1-title[data-value="8"] .level2-title[data-value="2"] .level3-title[data-value="6"] > i:before { content:"8.2.6."; }
				.level1-title[data-value="8"] .level2-title[data-value="2"] .level3-title[data-value="7"] > i:before { content:"8.2.7."; }
				.level1-title[data-value="8"] .level2-title[data-value="2"] .level3-title[data-value="8"] > i:before { content:"8.2.8."; }
				.level1-title[data-value="8"] .level2-title[data-value="2"] .level3-title[data-value="9"] > i:before { content:"8.2.9."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="1"] > i:before { content:"8.3.1."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="2"] > i:before { content:"8.3.2."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="3"] > i:before { content:"8.3.3."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="4"] > i:before { content:"8.3.4."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="5"] > i:before { content:"8.3.5."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="6"] > i:before { content:"8.3.6."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="7"] > i:before { content:"8.3.7."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="8"] > i:before { content:"8.3.8."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="9"] > i:before { content:"8.3.9."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="1"] > i:before { content:"8.4.1."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="2"] > i:before { content:"8.4.2."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="3"] > i:before { content:"8.4.3."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="4"] > i:before { content:"8.4.4."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="5"] > i:before { content:"8.4.5."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="6"] > i:before { content:"8.4.6."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="7"] > i:before { content:"8.4.7."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="8"] > i:before { content:"8.4.8."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="9"] > i:before { content:"8.4.9."; }
				
			.level1-title[data-value="9"] .level2-title[data-value="1" ] > i:before { content:"9.1."; }
			.level1-title[data-value="9"] .level2-title[data-value="2" ] > i:before { content:"9.2."; }
			.level1-title[data-value="9"] .level2-title[data-value="3" ] > i:before { content:"9.3."; }
			.level1-title[data-value="9"] .level2-title[data-value="4" ] > i:before { content:"9.4."; }
			.level1-title[data-value="9"] .level2-title[data-value="5" ] > i:before { content:"9.5."; }
			.level1-title[data-value="9"] .level2-title[data-value="6" ] > i:before { content:"9.6."; }
			.level1-title[data-value="9"] .level2-title[data-value="7" ] > i:before { content:"9.7."; }
			.level1-title[data-value="9"] .level2-title[data-value="8" ] > i:before { content:"9.8."; }
			.level1-title[data-value="9"] .level2-title[data-value="9" ] > i:before { content:"9.9."; }
			.level1-title[data-value="9"] .level2-title[data-value="10"] > i:before { content:"9.10."; }
			.level1-title[data-value="9"] .level2-title[data-value="11"] > i:before { content:"9.11."; }
			.level1-title[data-value="9"] .level2-title[data-value="12"] > i:before { content:"9.12."; }
			.level1-title[data-value="9"] .level2-title[data-value="13"] > i:before { content:"9.13."; }
			.level1-title[data-value="9"] .level2-title[data-value="14"] > i:before { content:"9.14."; }
			.level1-title[data-value="9"] .level2-title[data-value="15"] > i:before { content:"9.15."; }
			
				.level1-title[data-value="9"] .level2-title[data-value="1"] .level3-title[data-value="1"] > i:before { content:"9.1.1."; }
				.level1-title[data-value="9"] .level2-title[data-value="1"] .level3-title[data-value="2"] > i:before { content:"9.1.2."; }
				.level1-title[data-value="9"] .level2-title[data-value="1"] .level3-title[data-value="3"] > i:before { content:"9.1.3."; }
				.level1-title[data-value="9"] .level2-title[data-value="1"] .level3-title[data-value="4"] > i:before { content:"9.1.4."; }
				.level1-title[data-value="9"] .level2-title[data-value="1"] .level3-title[data-value="5"] > i:before { content:"9.1.5."; }
				.level1-title[data-value="9"] .level2-title[data-value="1"] .level3-title[data-value="6"] > i:before { content:"9.1.6."; }
				.level1-title[data-value="9"] .level2-title[data-value="1"] .level3-title[data-value="7"] > i:before { content:"9.1.7."; }
				.level1-title[data-value="9"] .level2-title[data-value="1"] .level3-title[data-value="8"] > i:before { content:"9.1.8."; }
				.level1-title[data-value="9"] .level2-title[data-value="1"] .level3-title[data-value="9"] > i:before { content:"9.1.9."; }
				.level1-title[data-value="9"] .level2-title[data-value="2"] .level3-title[data-value="1"] > i:before { content:"9.2.1."; }
				.level1-title[data-value="9"] .level2-title[data-value="2"] .level3-title[data-value="2"] > i:before { content:"9.2.2."; }
				.level1-title[data-value="9"] .level2-title[data-value="2"] .level3-title[data-value="3"] > i:before { content:"9.2.3."; }
				.level1-title[data-value="9"] .level2-title[data-value="2"] .level3-title[data-value="4"] > i:before { content:"9.2.4."; }
				.level1-title[data-value="9"] .level2-title[data-value="2"] .level3-title[data-value="5"] > i:before { content:"9.2.5."; }
				.level1-title[data-value="9"] .level2-title[data-value="2"] .level3-title[data-value="6"] > i:before { content:"9.2.6."; }
				.level1-title[data-value="9"] .level2-title[data-value="2"] .level3-title[data-value="7"] > i:before { content:"9.2.7."; }
				.level1-title[data-value="9"] .level2-title[data-value="2"] .level3-title[data-value="8"] > i:before { content:"9.2.8."; }
				.level1-title[data-value="9"] .level2-title[data-value="2"] .level3-title[data-value="9"] > i:before { content:"9.2.9."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="1"] > i:before { content:"9.3.1."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="2"] > i:before { content:"9.3.2."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="3"] > i:before { content:"9.3.3."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="4"] > i:before { content:"9.3.4."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="5"] > i:before { content:"9.3.5."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="6"] > i:before { content:"9.3.6."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="7"] > i:before { content:"9.3.7."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="8"] > i:before { content:"9.3.8."; }
				.level1-title[data-value="8"] .level2-title[data-value="3"] .level3-title[data-value="9"] > i:before { content:"9.3.9."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="1"] > i:before { content:"9.4.1."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="2"] > i:before { content:"9.4.2."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="3"] > i:before { content:"9.4.3."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="4"] > i:before { content:"9.4.4."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="5"] > i:before { content:"9.4.5."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="6"] > i:before { content:"9.4.6."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="7"] > i:before { content:"9.4.7."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="8"] > i:before { content:"9.4.8."; }
				.level1-title[data-value="8"] .level2-title[data-value="4"] .level3-title[data-value="9"] > i:before { content:"9.4.9."; }
				

			.level2-list[data-value="•"] > i:before { content:"•"; }

			.level2-list[data-value="a"] > i:before { content:"(a)"; }
			.level2-list[data-value="b"] > i:before { content:"(b)"; }
			.level2-list[data-value="c"] > i:before { content:"(c)"; }
			.level2-list[data-value="d"] > i:before { content:"(d)"; }
			.level2-list[data-value="e"] > i:before { content:"(e)"; }
			.level2-list[data-value="f"] > i:before { content:"(f)"; }
			
			.conditions ol li li.level2-table.table-head {
				padding: 0px 0 0 0;
				margin: 10px 0 0 0.8rem;
				font-weight: bold;
				border-top: 1px solid black; 
			}
			.conditions ol li li.level2-table {
				display: block;
				margin: 0 0 0 0.8rem;
				padding: 0;
			}
			.level2-table span { display: inline-block; margin: 0; padding: 3px 0 3px 0; border-bottom: 1px solid black;  }
			.level2-table span:nth-child(1) { width: calc(100% - 200px); }
			.level2-table span:nth-child(2) { width: 200px; text-align: right;}
			
			
			.conditions table {
				border: 1px solid black;
				border-collapse: collapse;
				font-weight: normal;
				margin: 10px 0;
				padding: 0;
				width: 100%;
				text-align: left;
			}
			.conditions table thead {
				border-bottom: 1px solid black;
			}
			.conditions table thead tr th {
				border-right: 1px solid black;
				padding: 5px;
			}
			.conditions table tbody tr {
				border-bottom: 1px solid black;
			}
			.conditions table tbody tr td {
				border-right: 1px solid black;
				padding: 5px;
			}
			.conditions table td:nth-child(1) {width: 114px;}
			.conditions table td:nth-child(2) {width: 95px;}
			.conditions table td:nth-child(3) {width: 145px;}
			.conditions table td:nth-child(4) {width: auto;}
			.conditions table td:nth-child(5) {width: 90px;text-align: center;}
			.conditions table td:nth-child(6) { width: 170px; text-align: center; }



		/* font sizes */
		
			.level0-title,
			.level1-title,
			.level2-title {
				font-weight: normal;
				line-height: 1.3;
			}
			.level1-title {
				font-size: var(--level1_title);
				line-height: 1.3;
			}
			.level2-title {
				font-size: var(--level1_copy);
				line-height: 1.3;
			}
			
			.level1-body,
			.level2-body,
			.level3-body {
				font-weight: normal;
				font-size: var(--level1_copy);
				line-height: 1.3;
			}
			.level1-body i:before,
			.level2-body i:before,
			.level3-body i:before {
				font-weight: normal;
				font-size: var(--level1_copy);
				line-height: 1.3;
			}
			
			.level0-list,
			.level1-list,
			.level2-list,
			.level3-list {
				font-size: var(--level1_copy);
				line-height: 1.3;
			}


		.form-copies {
			text-align: left;
			margin: 0 0 25px 0;
		}
		
		

		html[data-page="comditions"] {
			h2.title {}
			h3.subtitle {
			}
			p {
			}
			p.valid-until {
			}
			p.important-note {
			}
		}

		html[data-page="registration"] {
		
			h2.title {
				font-weight: 900;
				font-size: 4.5rem;
				line-height: 1.1;
				color: var(--blue);
				margin-bottom: 5px;
				word-spacing: 0.05em;
				font-kerning: normal;	
				text-align: center;
				text-transform: uppercase;
			}
			.conditions {
				h2.title {
					font-family: Lato;
					font-size: 1.8rem;
					font-weight: 900;
					text-transform: none;
					color: black;
				}
				.valid-until {
					font-family: Lato;
					font-size: 1.8rem;
					font-weight: 500;
					text-transform: none;
					color: black;
				}
				.important-note {
					font-family: Lato;
					font-size: 1.8rem;
					font-weight: 500;
					text-transform: none;
					color: black;
					max-width: none;
				}
			}
			h3.subtitle {
				font-weight: 700;
				font-size: 3.5rem;
				line-height: 1.1;
				color: var(--blue);
				margin-bottom: 10px;
				word-spacing: 0.05em;
				font-kerning: normal;	
				text-align: center;
			}
			XXXp {
				font-family: Lato;
				font-size: 1.3rem;
				line-height: 1.2;
			}
			p.valid-until {
				margin-bottom: 15px;
			}
			p.important-note {
				margin-bottom: 15px;
				font-weight: bold;
			}
		}


			
		/* XXXXL   */ @media screen and (min-width:1600px)                        {  }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {  }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {  }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {  }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {  }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { .form .grid-item[data-label="invoice_number"] .form-item.fi-text1row .ff input, .grid-item[data-label="invoice_number"] .fh:before, .grid-item[data-label="invoice_number"] .fh:after { font-size:2.0rem; letter-spacing:5px; }  }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { .form .grid-item[data-label="invoice_number"] .form-item.fi-text1row .ff input, .grid-item[data-label="invoice_number"] .fh:before, .grid-item[data-label="invoice_number"] .fh:after { font-size:1.8rem; letter-spacing:2px; }  }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { .form .grid-item[data-label="invoice_number"] .form-item.fi-text1row .ff input, .grid-item[data-label="invoice_number"] .fh:before, .grid-item[data-label="invoice_number"] .fh:after { font-size:1.7rem; letter-spacing:1px; }  }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { .form .grid-item[data-label="invoice_number"] .form-item.fi-text1row .ff input, .grid-item[data-label="invoice_number"] .fh:before, .grid-item[data-label="invoice_number"] .fh:after { font-size:1.6rem; letter-spacing:1px; }  }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { .form .grid-item[data-label="invoice_number"] .form-item.fi-text1row .ff input, .grid-item[data-label="invoice_number"] .fh:before, .grid-item[data-label="invoice_number"] .fh:after {font-size: 1.5rem;letter-spacing: 2px;} .char-counter {top: -75px;left: 0;}  }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {
							.char-counter {top: -75px;left: 0; }
		}
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {
							.char-counter {top: -75px;left: 0;}
							.form .grid-item[data-label="invoice_number"] .form-item.fi-text1row .ff input,
							.grid-item[data-label="invoice_number"] .fh:before,
							.grid-item[data-label="invoice_number"] .fh:after {
								font-size: 1.2rem;
								letter-spacing: 0.05px;
								transform:scale(1,1.8);
							}
		}
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) {  }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) {  }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) {  }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) {  }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) {  }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) {  }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) {  }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) {  }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) {  }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) {  }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) {
							.form .grid-item[data-label="invoice_number"] .form-item.fi-text1row .ff input,
							.grid-item[data-label="invoice_number"] .fh:before,
							.grid-item[data-label="invoice_number"] .fh:after {
								font-size: 1.5rem;
								letter-spacing: 0.5px;
								transform:scale(1,1.8);
							}
		}
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) {
							.form .grid-item[data-label="invoice_number"] .form-item.fi-text1row .ff input,
							.grid-item[data-label="invoice_number"] .fh:before,
							.grid-item[data-label="invoice_number"] .fh:after {
								font-size: 1.2rem;
								letter-spacing: 0.05px;
								transform:scale(1,1.8);
							}
		}

		/* XXXXL   */ @media screen and (min-width:1600px)                        {  }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {  }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {  }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {  }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {  }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { .form .os { display:block; }  }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { .form .os { display:block; }  }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { .form .os { display:block; }  }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { .form .os { display:block; }  }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { .form .os { display:block; }  }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { .form .os { display:block; }  }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { .form .os { display:block; } .simple-table { margin-left: -50px; }  }
		
		/*   XXS   */ @media screen and (min-width:   0px) and (max-width: 519px) { 
			html[data-page="registration"] .conditions { padding: 10px; }
			.conditions .level1-title,
			.conditions .level1-body,
			.conditions .level2-list,
			.conditions .level2-title,
			.conditions .level2-body,
			.conditions .level2-list {font-size: 1.2rem; }
			.conditions ol li i,
			.conditions ol li ol li i { width: auto; left: 0; margin: 0 5px 0 0; display: inline-block; }
			.conditions ol li { padding: 0px; }
			.conditions ol li ol,
			.conditions ol li ol li ol { margin-left: 0; }
			
		}