
/*################ MOBILE VERSION ##################*/
@CHARSET "UTF-8";



@import url('https://fonts.googleapis.com/css?family=Montserrat:light,regular,bold,black&subset=latin-ext');

.iui_public_mobile
{
	background-color: #FFF;
	font-size: 5vw;
	font-family: 'Montserrat'; 
	font-weight: 400;

}

.iui_public_mobile [data-aid='empty']
{
	background-image: none;
	padding: 4vw;
	margin: 0px;
}
.iui_public_mobile [data-aid='empty'] h1
{
	font-size: 4vw;
	font-family: 'Montserrat'; 
	font-weight: 400;
	margin: 0vw;

}


.iui_public_mobile .h1_layout
{
	width: 100%;	

}




.iui_public_mobile .h1_layout_center
{
	display: inline-block;	/*Azért, hogy szöveg jelleggel középrekerüljön.*/
}

.iui_public_mobile a
{
	display: inline;
	color: inherit;
}

/*############################## FŐmenü beállításai ####################################*/




/*A  főmenü beállításai */
.iui_public_mobile [data-aid='container_menu']
{	
	/*width: 100%*/
	display: block;
	padding: 0px;
	text-align: left;
	background-color: #FFF;
}


.iui_public_mobile [data-aid='container_menu'] [data-aid='menu']
{
	height: 16vw;
	width: 100%;
	display: grid;
	grid-template-areas: 'logo menu_lang menu_button';
	grid-template-columns: 4fr 1fr 1fr;
	grid-template-rows: 1fr;
}

.iui_public_mobile [data-aid='container_menu'] [data-aid='menu'] [data-aid='logo']
{
	/*height: 8vw;
	width: 43vw;*/
	grid-area: logo;
	background-image: url('../background/h1_logo.svg');
	background-repeat: no-repeat;
	background-size: 65%;
	background-position: 6vw center;
	display: block;
	cursor: pointer;

}
.iui_public_mobile [data-aid='container_menu'] [data-aid='menu'] [data-aid='menu_lang']
{
	/*height: 8vw;
	width: 8vw;*/
	
	grid-area: menu_lang;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	display: block;
	cursor: pointer;
	border: 18px solid #FFF;

}

.iui_public_mobile [data-aid='container_menu'] [data-aid='menu'] [data-aid='menu_lang'].h1_lang_en
{
	background-image: url('../background/lang_en.png');
}

.iui_public_mobile [data-aid='container_menu'] [data-aid='menu'] [data-aid='menu_lang'].h1_lang_hu
{
	background-image: url('../background/lang_hu.png');
}



.iui_public_mobile [data-aid='container_menu'] [data-aid='menu'] [data-aid='menu_button']
{
	/*height: 8vw;
	width: 8vw;*/
	
	grid-area: menu_button;
	background-image: url('../icon/iui_button_menu_mobile.svg');
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center center;
	display: block;
	cursor: pointer;
	border: 15px solid #FFF;

}
.iui_public_mobile [data-aid='container_menu'] [data-aid='menu_dropdown']
{
	display: none;

}

.iui_public_mobile [data-aid='container_menu'] [data-aid='menu_dropdown'].iui_visible
{
	display: inline-block;
	width: 100%;
	background-color: #EEE;
	text-align: center;
	vertical-align: center;

}

.iui_public_mobile [data-aid='container_menu'] [data-aid='menu_dropdown'] a
{
	width: 100%;
	display: inline-block;
	font-size: 5vw;
	padding-top:3vw;
	padding-bottom:3vw;
}
.iui_public_mobile [data-aid='container_menu'] [data-aid='menu_dropdown'] a:nth-child(4)
{
	background-color: #444;
	color: #FFF;
	background-image: url(../background/h1_cv.svg);
	background-repeat: no-repeat;
	background-position: 30% center;
	background-size: 5vw;
	padding-left: 5%;
}

/*############################## FŐOLDAL, MAIN_PUBLIC ####################################*/



/*############################################ about #####################################################*/

.iui_public_mobile h1
{
	text-transform: uppercase;
	font-size: 6vw;
	margin-top: 5vw;
	margin-bottom: 5vw;
}

.iui_public_mobile h2
{
	font-size: 5vw;
	margin-top: 3vw;
	margin-bottom: 3vw;
}



.iui_public_mobile [data-aid='container_rotator']
{
	display: block;
	width: 100%;
	background-image: url('../background/rotator_n7.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 4vw;
	padding-bottom: 12vw;
}
.iui_public_mobile [data-aid='container_rotator'] [data-aid='container_search']
{

	
}

.iui_public_mobile [data-aid='container_rotator'] [data-aid='container_search'] [data-aid='tab_header']
{
	background-color: #FFF;
	filter:Alpha(opacity=80);
	opacity: 0.8;
	width: 50%;
	text-align: center;
	padding: 2vw;
	border-bottom: 2vw solid #ea6708;
	font-weight: bold;
}

.iui_public_mobile [data-aid='container_rotator'] [data-aid='container_search'] [data-aid='tab_body']
{
	
	display: inline-block;
	background-color: #FFF;
	filter:Alpha(opacity=80);
	opacity: 0.8;
	padding: 4vw;
}

.iui_public_mobile [data-aid='container_rotator'] [data-aid='container_search'] [data-aid='tab_body'] .h1_list_element
{
	display: inline-block;
	float: left;
	width: 100%;
	padding-left: 4vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	text-align: left;
	cursor: pointer;
	background-image: url('../background/h1_triangle.svg');
	background-size: 3vw 3vw;
	background-position: 0vw center;
	background-repeat: no-repeat;
}

/*######################################################## MIÉRT REGISZTRÁLJON? #################################################*/
[data-aid="container_register"]
{
	text-align: center;
	padding: 8vw;

}


/*######################################################## CONTAINER ABOUT #################################################*/
[data-aid="container_about"]
{
	text-align: center;
	padding: 8vw;
	background-color: #ea6708;/*ideiglenesen*/
	color: #FFF;

}
[data-aid="container_about"] h1
{
	text-transform: uppercase;
	font-size: 6vw;
}

/*######################################################## CONTAINER NUMBERS #################################################*/
[data-aid="container_numbers"]
{
	text-align: center;
	padding: 8vw;
	background-color: #FFF;
	color: #444;

}
[data-aid="container_numbers"] h1
{
	text-transform: uppercase;
	font-size: 6vw;
}
[data-aid="container_numbers"] div.number
{
	font-size: 26vw;
}


/*######################################################## CONTAINER OPINION #################################################*/
[data-aid="container_opinion"]
{
	text-align: justify;
	font-size: 4vw;
	padding: 4vw;
	padding-top: 8vw;
	padding-bottom: 8vw;
	background-color: #ea6708;
	color: #FFF;
}

[data-aid="container_opinion"] div.sign
{
	font-size: 3vw;
	text-align: right;
	padding-top: 4vw;
}



/*####################################################### FOOTER ############################################################*/
[data-aid="container_footer"] h1
{
	text-transform: uppercase;
	font-size: 5vw;
}
.iui_public_mobile [data-aid='container_footer'] 
{
	background-color: #444;
	color: #FFF;
	font-size: 4vw;
	/*text-align: center;*/
}
.iui_public_mobile [data-aid='container_footer'] div.topic
{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-bottom: 4vw;
}
.iui_public_mobile [data-aid='container_footer'] div.topic:nth-child(1) div.logo
{
	width: 60vw;
	height: 10vw;
	margin-top: 10vw;
	background-image: url('../background/h1_logo_footer.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
	display: block;

}
.iui_public_mobile [data-aid='container_footer'] div.topic .map
{
	width: 80vw;
	height: 60vw;
	background-color: #EEE;
	margin-top: 10vw;


}

.iui_public_mobile [data-aid='container_footer'] div.topic:nth-child(4) div
{
	margin-top: 2.5vw;
	margin-bottom: 2.5vw;
	

}

 
/*############################## ÁLLÁSKERESŐ OLDAL ####################################*/
div[data-aid="form_field_container"] [data-aid="element_label"], tr[data-aid="form_field_container"] [data-aid="element_label"] {
    height: 5vw;
    font-size: 4vw;
}

.iui_public_mobile [data-aid='container_ad_list']
{
	padding: 4vw;
}
.iui_public_mobile [data-aid='form_toggle']
{
	background-color: #444;
	display: block;
	width: 100%;
	padding: 4vw;
	
	
}
.iui_public_mobile [data-aid='form_toggle'] h1
{
	display: inline;
	color: #FFF;
	text-transform: uppercase;
	font-size: 5vw;
	font-weight: bold;
	
}

.iui_public_mobile [data-aid='form_toggle'] [data-aid='form_button']
{
	display: inline-block;
	float: right;
	width: 8vw;
	height: 6vw;
	background-image: url('../icon/iui_button_arrow_down.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.iui_public_mobile [data-aid='form_toggle'].iui_open [data-aid='form_button']
{

	background-image: url('../icon/iui_button_arrow_up.svg');

}

.iui_public_mobile [data-aid='container_ad_list'] [data-aid='container_form']
{
	display: none;
	background-color: #f5f5f5;
	border-bottom: 1px solid #444;
	margin-bottom: 5vw;
	padding: 4vw;

}

.iui_public_mobile [data-aid='container_ad_list'] [data-aid='container_form'].iui_visible
{
	display: block;
}


.iui_public_mobile [data-aid='container_ad_list'] [data-aid='container_form'] input 
{

}

.iui_public_mobile [data-aid='container_ad_list'] [data-aid='container_form'] select 
{
	width: 100%;
	font-size: 5vw;
	height: 10vw;
}
.iui_public_mobile [data-aid='container_ad_list'] [data-aid='container_form'] .tagger
{
	width: 100%;
}

.iui_public_mobile [data-aid='container_ad_list'] [data-aid='container_form'] .tagger input[type='text']
{
	width: 100%;
}

.iui_public_mobile [data-aid='container_ad_list'] [data-aid='container_form'] input[type='button']
{
 	height: 10vw;
 	width: 40vw;
	text-align: center;
	color: #FFF;
	background-color: #ea6708;
	font-size: 5vw;
	border: none; 
	float: right;
}
.iui_public_mobile [data-aid='container_ad_list'] [data-aid='container_form'] .tag.tag-multi
{
/* 	margin: 4px;
	height: 22px;
	font-size: 14px; */

}

.iui_public_mobile [data-aid='container_ad_list'] [data-aid='container_list']
{
/* width: 845px; 
	padding-left: 35px;
	padding-right: 55px;
	text-align: left;
	display: block;
	float: left; */
}

.iui_public_mobile .h1_ad_list_element
{
	background-color: #f5f5f5;
	display: block;
	cursor: pointer;
	font-size: 5vw;
	margin-bottom: 5vw;
	padding: 5vw;


}



.iui_public_mobile .h1_ad_list_element .h1_divider
{
 	width: 2px;
	height: 4vw;
	border-left: 1px solid #000;
	margin-left: 4vw;
	margin-right: 4vw;
	display: inline-block;
	vertical-align: middle; 
	
}

.iui_public_mobile .h1_ad_list_element [data-aid='s_shell_name']
{
	font-size: 5vw;
	font-family: montserrat; font-weight: 400; 
	font-weight: 700;
	margin-bottom: 3vw; 
}

.iui_public_mobile .h1_ad_list_element [data-aid='detail']
{
	font-size: 4vw;
}

.iui_public_mobile .h1_ad_list_element [data-aid='detail'] span
{
	
}

div.iui_select
{
	width: 100%;
}
div.iui_select.disabled
{
 /*Lásd disabled*/
}
div.iui_select [data-aid='node_widget']
{
	/*width: 100%;*/
	padding-top: calc( var(--size_input_padding_tb) + 1px ) ;
	padding-bottom: calc( var(--size_input_padding_tb) + 1px ) ;
	padding-left: var(--size_input_padding_lr);
	padding-right: calc( var(--size_input_padding_lr) + 20px );
	border: 1px var(--color_border) solid;
	color: var(--color_font_text);
	margin: 1px;
	font-size: 13px;
	border-radius: 3px;
	box-shadow: 0px 0px 2px #E0E0E0;	
	background-color: var(--color_bg_text);

	background-size: 11px 11px;
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
}

div.iui_select.iui_select_button_list [data-aid='node_widget']
{
	background-image: url('../icon/iui_select_arrow_down.svg');
}
div.iui_select.iui_select_button_context [data-aid='node_widget']
{
	background-image: url('../icon/iui_button_contextmenu.svg');
}
div.iui_select.iui_select_button_click [data-aid='node_widget']
{
	background-image: url('../icon/iui_button_module.svg');
}

div.iui_select.iui_select_button_list.iui_select_open [data-aid='node_widget']
{
	background-image: url('../icon/iui_select_arrow_up.svg');
}


div.iui_select.iui_select_multi [data-aid='node_widget']
{
	min-height: var(--size_input_height);

}
div.iui_select.iui_select_single [data-aid='node_widget']
{
	height: var(--size_input_height);
}



div.iui_select.iui_select_loading [data-aid='node_widget']
{
	background-image: url('../icon/iui_progress.svg');
	background-size: 10px 10px;
	background-color: inherit;
	background-position: calc(100% - 10px) center;
}
div.iui_select.iui_select_focus [data-aid='node_widget']
{
	border-color: var(--color_main) !important;
}
div.iui_select [data-aid='node_list']
{
	margin-top: -2px;
	margin-left: 1px;
	max-height: 300px;
	background-color: var(--color_bg_work);
	border: 1px var(--color_border) solid;
	color: var(--color_font_text);
	font-size: 13px;
	border-radius: 3px;
	box-shadow: 0px 0px 2px var(--color_shadow);
}

div.iui_select.iui_select_open [data-aid='node_list']
{
	position: fixed;
	
	left: 5px !important;
	right: 5px !important;
	bottom: 5px !important;
}
div.iui_select [data-aid='node_list'],
div.iui_select.iui_select_open [data-aid='node_list']:empty
{

}


div.iui_select [data-aid='node_list'] div.iui_select_optgroup_open
{
	text-transform: uppercase;
	border-top: 1px solid #AAA;
	padding: calc( var(--size_input_padding_tb) + 6px ) var(--size_input_padding_lr) ;
	height: calc( var(--size_input_height) - 5px);
	font-weight: bold;
}
div.iui_select [data-aid='node_list'] div.iui_select_optgroup_close
{
	min-height: 0px;
	padding-top: 0px;
	height: 0px;
	border-bottom: 0px;
}
div.iui_select [data-aid='node_list'] div
{
	min-height: 35px;
	padding-top: 3px;
	padding-left: 20px;
	border-bottom: 1px solid var(--color_bg_window);
}
div.iui_select [data-aid='node_list'] div span
{
    padding-top: 5px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 5px;	
}


div.iui_select [data-aid='node_list'] div.iui_select_option
{
	cursor: pointer;

}
div.iui_select [data-aid='node_list'] div.iui_select_option.free
{
	color: red;
}

div.iui_select [data-aid='node_list'] div.iui_select_option:hover
{
	background-color: var(--color_bg_hover_sec);
}

div.iui_select [data-aid='node_list'] div.iui_select_option.selected
{
	background-image: url('../icon/iui_select_selected.svg');
	background-size: 12px 12px;
	background-position: 7px center;
}
div.iui_select .iui_select_null
{
	color: var(--color_font_aux) !important;
}	
div.iui_select [data-aid='node_list'] div.iui_select_option.designated
{
	background-color: var(--color_bg_select);
	color: var(--color_font_select);
}
div.iui_select span
{

}
div.iui_select span[data-aid='node_labels']
{
    
}
div.iui_select span[data-aid='node_labels'] span
{
	padding-right: 5px;
	text-decoration: underline;
}

div.iui_select.iui_select_multi span[data-aid='node_labels'] span
{
	
	padding-right: 15px;
	background-repeate: no-repeat;
	background-image: url('../icon/iui_select_remove.svg');
	background-size: 7px 7px;
	background-position: calc(100% - 6px) calc(50% + 1px);
}



div.iui_select span[data-aid='node_input']
{
	color:  var(--color_font_text);
}

div.iui_select.iui_select_nosearch span[data-aid='node_input']
{
	color:  var(--color_bg_text);
}

div.iui_select.iui_select_single.iui_select_search span[data-aid='node_labels']
{
	display: none;
}

div.iui_select span[data-aid='node_input']:empty
{

}

div.iui_select span[data-aid='node_placeholder']
{
	color: var(--color_font_aux);
	/*height:  var(--size_input_height);*/
	
}

div.iui_select span[data-aid='node_complete']
{
	background-color: var(--color_bg_select);
	color: var(--color_font_select);
}

.iui_checklist, .iui_radiolist
{
	padding: 0.3rem;
	min-height: var(--size_input_height);
	max-height: calc( var(--size_input_height) * 3 );
	overflow-y: auto;
	background-color: var(--color_bg_text);
	border: 1px var(--color_border) solid;
	color: var(--color_font_text);
	margin: 1px;
	font-size: 16px;
	border-radius: 3px;
	clear: both;
}

.iui_checklist input[type="checkbox"]
{
	width: 20px;
	height: 20px;
	
}
.iui_subbuttons
{
	display: block;
	clear: all;
}
.iui_subbuttons .iui_subbutton
{
	float: right;
	font-size: 0.80em;
	padding-left: 5px;	
	color: var(--color_font_aux);
	cursor: pointer;
}

.iui_checklist tr, .iui_radiolist tr
{
	margin-bottom: 2px;
}

.iui_checklist td:nth-child(1), .iui_radiolist td:nth-child(1)
{
	width: 20px;
}
/*######################### SUBPAGE ##################################*/
.iui_public_mobile [data-aid='container_subpage_text']
{
	text-align: center;
	padding: 4vw;
}
.iui_public_mobile [data-aid='container_subpage_text'] h1
{

}

.iui_public_mobile [data-aid='container_subpage_text'] li
{
	text-align: left;
}

.iui_public_mobile [data-aid='container_subpage_text'] div.h1_divider
{
	background-image: url('../background/h1_divider.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;

	display: block;
	color: #FFF;
	font-size: 5vw;
	font-style: italic;
	text-transform: uppercase;
	padding-top: 10vw;
	padding-bottom: 10vw;
	font-family: Montserrat; 
	font-weight: 900;
	position: absolute;
	left: 0px;
	right: 0px;
}

.iui_public_mobile [data-aid='container_subpage_text'] div.h1_layout_center table.h1_layout_4 td.col2
{
	padding-bottom: 50px;
}

/*.iui_public_mobile [data-aid='container_subpage_text'] div
{
	font-size: 18px;
}

.iui_public_mobile [data-aid='container_subpage_text'] div.h1_
center h1
{
	font-size: 30px;
	text-transform: uppercase;
}

.iui_public_mobile [data-aid='container_subpage_text'] div.h1_layout_center h2
{
	font-size: 22px;
	text-transform: uppercase;
	font-style: italic;
	text-align: left;
}

.iui_public_mobile [data-aid='container_subpage_text'] div.h1_layout_center h3
{
	font-size: 18px;
	text-transform: uppercase;
	color: #ea6708;
	text-align: left;
}

.iui_public_mobile [data-aid='container_subpage_text'] div.h1_layout_center h4
{
	font-size: 18px;
	text-transform: uppercase;
	color: #ea6708;
}

.iui_public_mobile [data-aid='container_subpage_text'] p
{
	text-align: justify;
}

.iui_public_mobile [data-aid='container_subpage_text'] ul, .iui_public_mobile [data-aid='container_subpage_text'] ol
{
	text-align: left;
	line-height: 25px;
}

.iui_public_mobile [data-aid='container_subpage_text'] input[button]
{
	text-align: center;
	font-size: 12px;
}





.iui_public_mobile [data-aid='container_subpage_text'] div.h1_divider
{
	background-image: url('../background/h1_divider.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	height: 180px;
	position: absolute;
	left: 0px;
	right: 0px;
	min-width: 1155px;
	display: block;
	color: #FFF;
	font-size: 38px;
	font-style: italic;
	text-transform: uppercase;
	padding-top: 60px;
	font-family: Montserrat; 
	font-weight: 900;
}*/
/*
.iui_public_mobile [data-aid='container_subpage_text'] div.h1_layout_center table td:nth-child(odd)
{
	vertical-align: top;
	width: 290px;
}

.iui_public_mobile [data-aid='container_subpage_text'] div.h1_layout_center table td:nth-child(odd) img
{
	display: block;
	margin: auto;
}

.iui_public_mobile [data-aid='container_subpage_text'] div.h1_layout_center table td:nth-child(odd) h2
{
	margin: auto;
	text-align: center;
}


.iui_public_mobile [data-aid='container_subpage_text'] div.h1_layout_center table h2
{
	font-size: 18px;
	text-transform: uppercase;
	font-family: Montserrat-Regular;
	font-style: normal;
}
*/
/*
.iui_public_mobile [data-aid='container_subpage_text'] div.h1_divider
{
	background-image: url('../background/h1_divider.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	height: 180px;
	position: absolute;
	left: 0px;
	right: 0px;
	min-width: 1155px;
	display: block;
	color: #FFF;
	font-size: 38px;
	font-style: italic;
	text-transform: uppercase;
	padding-top: 60px;
	font-family: Montserrat; 
	font-weight: 900;
}*/

