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

.form-wrapper {
	margin: 0 0 0 0;
	padding: 25px 35px 35px 35px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-size: cover;
	
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
}
	@media screen and (min-width:1000px){
		                      .form-wrapper { background-image:url("../../images/form/background.desktop.jpg?v=3"); background-position: right top;  }
		.css.tpl-registration .form-wrapper { background-image:url("../../images/form/background.desktop.jpg?v=3"); background-position: right top;  }
	}
	@media screen and (max-width:999px) {
		                      .form-wrapper { background-image:url("../../images/form/background.mobile.jpg?v=3");  background-position: center top; }
		.css.tpl-registration .form-wrapper { background-image:url("../../images/form/background.mobile.jpg?v=3" );  background-position: center top; }
	}
	@media screen and (min-width: 960px) and (max-width: 999px) { .css.tpl-registration .form-wrapper { padding-top:25px; }}
 	@media screen and (min-width: 860px) and (max-width: 959px) { .css.tpl-registration .form-wrapper { padding-top:25px; }}
 	@media screen and (min-width: 700px) and (max-width: 859px) { .css.tpl-registration .form-wrapper { padding-top:25px; }}
 	@media screen and (min-width: 580px) and (max-width: 699px) { .css.tpl-registration .form-wrapper { padding-top:25px; }}
 	@media screen and (min-width: 310px) and (max-width: 579px) { .css.tpl-registration .form-wrapper { padding-top:25px; }}
	

.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: 100%;
	height: 5px;
	border-top:1px dotted #25408e;
	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-family:Metro;
	font-size:1.0rem;
	line-height:1.2rem;
	color:#333;
}
.form .form-item .fl,
.tabs-wrapper .label-tabs {
	font-size:1.5rem;
	line-height:2.0rem;
}
.form .form-item .fl,
.form .form-item .fs {
	text-align: left;
	text-align:right;
}
.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;
	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; }
							.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;
	outline:none;
}
.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-family:Metro;
	font-size:2.0rem;
	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 2px #22A3F980;
	box-shadow:0 0 10px 2px #22A3F980;
}


	/* TEXTFIELDS */
	
	.form .form-item.fi-text1row .ff input {
		width:calc(100% - 22px);
		height:40px;
		padding:0 10px 0 10px;
		border:1px solid #AAA;
		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: 13px;
		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-family: Metro;
		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-family: Metro;
		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);
		height:42px;
		padding:0 10px 0 10px;
		border:1px solid #AAA;
		background-color:white;
		background-image:url(../../images/form/select-arrow.black.png);
		background-repeat:no-repeat;
		background-position:center right;
		cursor:context-menu;
		font-size: 0.9rem;
	}
	.form .form-item.fi-select select:valid + .placeholder { visibility: hidden!important; }      

	.form .form-item.fi-select .placeholder {
		display:block;
		position: relative;
		width: 200px;
		height: 40px;
		margin: 0 -200px -40px 0;
		font-family: Metro
		opacity: 0.4;
		font-style: italic;
		font-size: 0.4em;
		top: -20px;
		left: 15px;
		pointer-events:none;
	}

	/* RADIOS */
	
	.form .form-item.fk-toggle									{	min-height:0px;} 
	.form .form-item.fk-toggle label							{	cursor:pointer; display: inline-block; position:relative; top:-5px; margin:0 10px 0 0; padding:5px 0 15px 0; background-color: #9CF80755; background-color: transparent; color: inherit;} 
	.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; }
	.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 #AAA; 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; }
	.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 0 0 25px;
		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; }
	
	

	/* DESCRIPTIONS */
	
	.form .form-item.fi-text3rows textarea {
	}
	.form-item-description {
		display: block;
		position: relative;
		padding: 5px 0 10px 0px;
		font-family: Metro;
		font-weight: normal;
		font-style: italic;
		font-size: 1.5rem;
		line-height: 2.0rem;
		pointer-events: none;
	}
	.form-item-description:empty { padding-bottom: 5px; }
	
	.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;
	}

	
	
	/* 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-family: Metro-Black;
		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: inline-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: Metro;
		font-size: 2.2rem;
		line-height: 32px;
		color: inherit;
		color:#BF0000;
		background-color: transparent;
		pointer-events: 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-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-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-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-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%; }

		/* 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 .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 .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: 0.6em;
	top: 8px;
}



	/* BUTTON */

		.button-wrapper {
		}
		.button-wrapper button {
			appearance:none;
			resize:none;
			display: block;
			text-decoration: none;
			position: relative;
			margin: 0;
			background-color: #0064fe;
			color: white !important;
			text-align: center;
			padding: 7px 25px 10px 25px;
			margin: 0px 0 15px 0;
			border: none;
			border-radius: 4px;
			font-family: Metro;
			font-weight: bold;
			font-size: 2.0rem;
			line-height: 2.5rem;
			text-decoration: none;
			cursor: pointer;
			box-shadow: 0 0 0 0 #0064fe;
			transition: all 0.6s ease;
			transition: background-color 0.5s ease, box-shadow 0.5s ease;
			cursor: pointer;
		}
		
		.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.button-type-is-submit {
			user-select: none;
			-webkit-user-select:none;
			outline: none;
		}
		form[name="registration"][data-approved] button.button-type-is-fake   { display: none; }
		form[name="registration"][data-approved] button.button-type-is-submit { display: none; }
		
		form[name="registration"][data-approved="1"] button.button-type-is-fake   { display: none; }
		form[name="registration"][data-approved="0"] button.button-type-is-submit { display: none; }

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

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

		/* CTA BUTTONS */
		
		.button-wrapper a.button {
			resize:none;
			display: block;
			text-decoration: none;
			position: relative;
			margin: 0;
			padding: 10px 55px 10px 55px;
			background-color: #25408f;
			border-radius: 4px;
			text-align: center;
			color: white !important;
			font-family: Metro;
			font-weight: bold;
			font-size: 2.0rem;
			line-height: 2.5rem;
			letter-spacing: 0.05rem;
			box-shadow: 0 0 0 0px #0064fe;
			transition: all 0.3s ease;
			cursor: pointer;
		}
		.button-wrapper a.button.button-type-is-inline {
			display: inline-block;
			background-color: #0064fe;
		}
		.button-wrapper a.button {
			user-select: none;
			-webkit-user-select:none;
			outline: none;
		}
		.button-wrapper a.button:focus {
			box-shadow:none;
		}
		.button-wrapper a.button:hover {
			box-shadow: 0 0 0 5px #0064fe;
		}
		.button-wrapper a.button.button-type-is-cta:hover {
			background-color: #247DFF;
			box-shadow: inset 0 0 45px 0px rgba(255,255,255,0.1), 0 0 15px 3px rgba(255,255,255,0.7), 0 0 25px 0px #89B9FF;
		}



	/*						*/
	/*	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: block;
			position: relative;
			z-index: 999;
			width: calc(100% - 50px);
			height: auto;
			padding: 15px 25px 15px 25px;
			margin: 0 0 0 0;
			top: 20px;
			left: 50%;
			text-align: center;
			opacity: 0.9;
			background-color: #F6E372;
			border: 1px solid #968312;
			color: #333333;
			border-radius: 8px;
			font-family: Metro;
			font-weight: normal;
			font-size: 1.5rem;
			line-height: 1.7rem;
			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: relative;
				width: calc(100% - 70px);
				height:auto;
				top: 20px;
				left: 50%;
				}
		}

		.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: #F6E372;;
			border-width: 10px;
			margin-left: -10px;
		}
		.form .grid-items .grid-item[data-invalid="1"] .form-item .fw:before {
			border-color:#00000000;
			border-top-color: #968312;
			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;
		} 
		
		.restaurant-data {
			text-align: left;
			color: black;
			width: 100%;
		}
		.restaurant-data .rd-image {
			margin: 0 10px 0 0;
			display: inline-block;
			vertical-align: top;
			width:  96px;
			height: 96px;
			border-radius: 4px;
			box-shadow: 0 0 0 1px gray;
			background-color: gray;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}
		.restaurant-data .rd-copy {
			margin: 0;
			padding: 0;
			display: inline-block;
			width: calc(100% - 150px);
		}
		.restaurant-data .rd-copy p {
			display: block;
			margin: 0;
			padding: 0;
			color: black;
			font-size: 1.9rem;
			line-height: 1.3;
		}

		.restaurant-data .rd-copy .rdc-title   { font-weight: bold; }
		.restaurant-data .rd-copy .rdc-address { }
		.restaurant-data .rd-copy .rdc-phone   { }
		.restaurant-data .rd-copy .rdc-descr   { }

		.restaurant-data .rd-copy .rdc-title i,
		.restaurant-data .rd-copy .rdc-address i,
		.restaurant-data .rd-copy .rdc-phone i,
		.restaurant-data .rd-copy .rdc-descr i {
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: 50px;
			top: 6px;
			color:#666;
			font-size: 0.8em;
			text-align: right;
			padding-right: 5px;
			font-family: Metro;
			font-style: normal;
		}
		
		.restaurant-data .rd-copy .rdc-title   i:before   { content:"Név: "; }
		.restaurant-data .rd-copy .rdc-address i:before { content:"Cím: "; }
		.restaurant-data .rd-copy .rdc-phone   i:before   { content:"Telefon: "; }
		.restaurant-data .rd-copy .rdc-descr   i:before   { content:"Leírás: "; }

		.restaurant-data .rd-copy .rdc-title   em,
		.restaurant-data .rd-copy .rdc-address em,
		.restaurant-data .rd-copy .rdc-phone   em,
		.restaurant-data .rd-copy .rdc-descr   em {
		}
		.form .form-item .fi .restaurant-data .rd-copy em {
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: calc(100% - 105px);
			font-style: normal;
			margin: 0; padding: 0;
		}
		.restaurant-data .rd-copy .rdc-descr   em { font-size: 0.8em; line-height: 1.18; top: 5px; }
		
		@media screen and (min-width:1440px)                        {}
		@media screen and (min-width:1240px) and (max-width:1439px) {}
		@media screen and (min-width:1040px) and (max-width:1239px) {}
		@media screen and (min-width: 960px) and (max-width:1039px) {}
		@media screen and (min-width: 860px) and (max-width: 959px) {}
		@media screen and (min-width: 700px) and (max-width: 859px) {}
		@media screen and (min-width: 580px) and (max-width: 699px) { .restaurant-data .rd-image { margin: 0 10px 15px 0; width: 100%; height: auto; padding:67% 0 0 0; } .restaurant-data .rd-copy { width:calc(100% - 10px) }   } 
		@media screen and (min-width: 310px) and (max-width: 579px) { .restaurant-data .rd-image { margin: 0 10px 15px 0; width: 100%; height: auto; padding:67% 0 0 0; } .restaurant-data .rd-copy { width:calc(100% - 10px) }   } 
		@media screen and (min-width:   0px) and (max-width: 309px) { .restaurant-data .rd-image { margin: 0 10px 15px 0; width: 100%; height: auto; padding:67% 0 0 0; } .restaurant-data .rd-copy { width:calc(100% - 10px) }   }  

		





	/*						*/
	/*	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 { }
.form .form-item .fi em { }