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

div.registration_session_div {
	width: 100%;
}


/*header*/

div.registration_header_div {
	display: flex;
	width: 100%;
	padding: 0 calc(10px + (20 - 10) * var(--alap-arany));
	background: #31577C url(../images/profil_header_photo.webp) no-repeat center center;
	background-size: cover;
	min-height: 10vh;
	align-items: center;
	justify-content: center;
}

div.registration_header_inside_div {
	width: 100%;
	max-width: 1800px;
	margin: calc(40px + (80 - 40) * var(--alap-arany)) auto calc(40px + (80 - 40) * var(--alap-arany)) auto;
}

div.registration_header_title_div {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #ffffff;
}

div.registration_header_title_div h1 {
	text-align: left;
	font-size: calc(32px + (72 - 32) * var(--alap-arany)); font-style: normal; font-weight: 500; COLOR: #FFFFFF; FONT-FAMILY: var(--basetwo-font); text-decoration: none; text-transform: uppercase;
	padding: 10px;
	margin: 0px;
}

div.registration_header_subtitle_div {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 10px;
}

div.registration_header_subtitle_div h2 {
	text-align: left;
	font-size: calc(24px + (56 - 24) * var(--alap-arany)); font-style: normal; font-weight: 500; COLOR: #FFFFFF; FONT-FAMILY: var(--basetwo-font); text-decoration: none;
	padding: 10px;
	margin: 0px;
}

@media screen and (min-width: 1024px) {
	div.registration_header_inside_div {
		display: flex;
		align-items: stretch;
		justify-content: content-start;
		margin: calc(40px + (80 - 40) * var(--alap-arany)) auto 0 auto;
	}
	
	div.registration_header_title_div {
		width: max-content;
		border: none;
		border-right: 1px solid #ffffff;
		padding: 0 calc(10px + (30 - 10) * var(--alap-arany)) calc(40px + (80 - 40) * var(--alap-arany)) 10px;
	}

	div.registration_header_subtitle_div {
		width: max-content;
		padding: 0 10px 0 calc(10px + (30 - 10) * var(--alap-arany));
	}
}

/*header end*/


/*main*/

div.registration_main_div {
	width: 100%;
	padding: 0 calc(10px + (20 - 10) * var(--alap-arany));
}

div.registration_main_inside_div {
	width: 100%;
	max-width: 1800px;
	margin: auto;
}

div.registration_main_row_div {
	width: 100%;
	padding: calc(10px + (30 - 10) * var(--alap-arany)) 0;
}

div.registration_main_row_div h2 {
	text-align: left;
	font-size: calc(20px + (32 - 20) * var(--alap-arany)); font-style: normal; font-weight: 500; COLOR: #31577C; FONT-FAMILY: var(--basetwo-font); text-decoration: none;
	padding: 0px;
	margin: 0px;
}

div.registration_text_div {
	position: relative;
	width: 100%;
	text-align: left;
	FONT-FAMILY: var(--baseone-font);
	COLOR: #31577C;
	font-size: calc(14px + (24 - 14) * var(--alap-arany));
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
}
div.registration_text_div h1 {font-size: calc(20px + (32 - 20) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: 500; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none; margin: 0; padding: 0;}
div.registration_text_div h2 {font-size: calc(18px + (28 - 18) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: 500; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none; margin: 0; padding: 0;}
div.registration_text_div h3 {font-size: calc(16px + (26 - 16) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: 500; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none; margin: 0; padding: 0;}
div.registration_text_div h4 {font-size: calc(16px + (26 - 16) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: normal; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none; margin: 0; padding: 0;}
div.registration_text_div h5 {font-size: calc(14px + (24 - 14) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: 500; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none; margin: 0; padding: 0;}
div.registration_text_div p {font-size: calc(14px + (24 - 14) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: normal; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none;}
div.registration_text_div strong {font-weight: 500; FONT-FAMILY: var(--baseone-font);}
div.registration_text_div a {COLOR: #133E69; text-decoration: none;}
div.registration_text_div a:hover {text-decoration: underline;}
div.registration_text_div img, div.registration_text_div table {
	max-width: 100%;
}

@media screen and (min-width: 1024px) {
	div.registration_text_div {
		line-height: 1.75em;
	}
}

div.registration_main_row_div label {
	font-size: calc(14px + (24 - 14) * var(--alap-arany)); line-height: 1.4em; font-style: normal; font-weight: normal; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none;
}
div.registration_main_row_div input:not([type=checkbox]) {
	display: inline-block;
	vertical-align: center;
	width: 100%;
	font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: normal; COLOR: #666666; FONT-FAMILY: var(--baseone-font); text-decoration: none;
	background-color: transparent;
	border: none;
	border-bottom: 3px solid #31577C;
	padding: 10px;
	margin: 5px 0;
}
div.registration_main_row_div input.invalid {
	box-shadow: 0px 0px 5px #ff0000;
}
div.registration_main_row_div input.valid {
	box-shadow: 0px 0px 5px #00ff00;
}



/*button*/

div.registration_button_inside_div {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: max-content;
	margin-bottom: calc(15px + (30 - 15) * var(--alap-arany));
	margin-right: calc(15px + (30 - 15) * var(--alap-arany));
	margin: auto;
	cursor: pointer;
}
div.registration_button_div {
	position: relative;
	display: block;
	width: auto;
	background-color: #ffffff;
	COLOR: #000000;
	border: 1px solid #000000;
	border-radius: calc(20px + (40 - 20) * var(--alap-arany));
	transition: all 0.5s ease;
}
div.registration_button_div span.text {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: calc(5px + (10 - 5) * var(--alap-arany)) calc(10px + (20 - 10) * var(--alap-arany));
	font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: 400; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; text-transform: uppercase;
}

div.registration_button_hover_div {
	display: none;
}

@media screen and (min-width: 1024px) {
	div.registration_button_div {
		width: max-content;
	}
	div.registration_button_hover_div {
		position: absolute;
		display: block;
		top: 50%;
		left: -1px;
		transform: translateY(-50%);
		display: block;
		width: max-content;
		max-width: 0px;
		transition: all 0.5s ease;
		overflow: hidden;
	}
	div.registration_button_hover_div div.registration_button_div {
		position: relative;
		display: block;
		width: max-content;
		background-color: #133E69;
		COLOR: #ffffff;
		border: 3px solid #ffffff;
		border-radius: calc(20px + (40 - 20) * var(--alap-arany));
		transition: all 0.5s ease;
	}
	div.registration_button_hover_div div.registration_button_div span.text {
		display: inline-block;
		position: relative;
		vertical-align: middle;
		padding: calc(5px + (10 - 5) * var(--alap-arany)) calc(10px + (20 - 10) * var(--alap-arany));
		font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: 400; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; text-transform: uppercase;
	}
	div.registration_button_inside_div:hover div.registration_button_hover_div {
		max-width: 100%;
	}

}


div.registration_main_row_div button {
	width: auto;
	padding: 10px 20px;
	border: 1px solid #000000;
	font-size: calc(18px + (28 - 18) * var(--alap-arany)); font-style: normal; font-weight: 500; COLOR: #000000; FONT-FAMILY: var(--baseone-font); text-decoration: none;
	background: transparent;
	border-radius: 35px;
	cursor: pointer;
	margin-right: calc(15px + (30 - 15) * var(--alap-arany));
	margin-bottom: calc(15px + (30 - 15) * var(--alap-arany));
}

@media screen and (min-width: 1024px) {
	div.registration_main_row_div button {
		width: max-content;
	}
}

/*button end*/

div.registration_main_row_div:not(.input) label {
	width: 100%;
	display: inline-block;
	padding: calc(2px + (3 - 2) * var(--alap-arany));
	font-size: calc(16px + (22 - 16) * var(--alap-arany)); font-style: normal; font-weight: normal; COLOR: #000000; FONT-FAMILY: var(--baseone-font); text-decoration: none;
}
div.registration_main_row_div:not(.input) label a {
	display: inline-block;
	font-size: calc(16px + (22 - 16) * var(--alap-arany)); font-style: normal; font-weight: normal; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none;
}
div.registration_main_row_div:not(.input) label a:hover {
	text-decoration: underline;
}
div.registration_main_row_div:not(.input) label input[type=checkbox]{
	display: inline-block; vertical-align: center;
}
div.registration_main_row_div:not(.input) label input[type=checkbox].valid{
	box-shadow: 0px 0px calc(2px + (3 - 2) * var(--alap-arany)) #00ff00, 0px 0px calc(5px + (10 - 5) * var(--alap-arany)) #00000029 inset;
}
div.registration_main_row_div:not(.input) label input[type=checkbox].invalid{
	box-shadow: 0px 0px calc(2px + (3 - 2) * var(--alap-arany)) #ff0000, 0px 0px calc(5px + (10 - 5) * var(--alap-arany)) #00000029 inset;
}