@charset "utf-8";
/* CSS Document */
div.profils_session_div {
	width: 100%;
	max-width: 1800px;
	margin: auto;
	padding: 0 20px;
}


div.profils_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.profils_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.profils_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.profils_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.profils_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.profils_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.profils_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.profils_text_div strong {font-weight: 500; FONT-FAMILY: var(--baseone-font);}
div.profils_text_div a {COLOR: #133E69; text-decoration: none;}
div.profils_text_div a:hover {text-decoration: underline;}
div.profils_text_div img, div.profils_text_div table {
	max-width: 100%;
}


/*filter*/

div.profils_title_container_div {
	position: relative;
	width: 100%;
	max-width: 1800px;
	margin: auto;
	padding: calc(15px + (50 - 15) * var(--alap-arany)) 10px;
}

div.profils_title_div {
	width: 100%;
}
div.profils_title_div h1 {
	font-size: calc(32px + (64 - 32) * var(--alap-arany)); font-style: normal; font-weight: normal; COLOR: #31577C; FONT-FAMILY: var(--basetwo-font); text-decoration: none; text-transform: uppercase;
	text-align: center;
}

div.profils_filter_mobile_icon_div {
	display: none;
}

div.profils_filter_mobile_icon_div.show {
	position: absolute;
	display: flex;
	width: calc(50px + (70 - 50) * var(--alap-arany));
	height: calc(40px + (60 - 40) * var(--alap-arany));
	transform: translateX(10px);
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 15px 0 0 15px;
	box-shadow: 0px 3px 6px #00000029, 0 3px 6px #00000029 inset;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	top: 100%;
	right: 0px;
	transform: translateY(-100%);
}

@media screen and (min-width: 680px) {
	div.profils_filter_mobile_icon_div.show {
		top: 50%;
		transform: translateY(-50%);
	}
}

div.profils_filter_mobile_icon_div.show img {
	width: 70%;
	height: 60%;
	object-fit: contain;
}

@media screen and (min-width: 1024px)
{
	div.profils_filter_mobile_icon_div.show {
		display: none;
	}
}


div.profils_filter_container_div {
	width: 100%;
	max-width: 1800px;
	margin: auto;
	padding: calc(15px + (50 - 15) * var(--alap-arany)) 10px;
}

div.profils_filter_container_div select {
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	background-image: url("data:image/svg+xml;utf8,<svg fill='rgb(49,87,124)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
	background-size: 40px;
	width: 100%;
	padding: 10px 15px;
	font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: normal; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none;
	background-color: #31577C1C;
	border: 1px solid #ffffff;
	border-radius: 25px;
	box-shadow: 0px 3px 6px #00000029, 0 3px 6px #00000029 inset;
}
div.profils_filter_container_div select option {
	COLOR: #31577C;
}


div.profils_filter_container_div input {
	width: 100%;
	padding: 10px 15px;
	font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: normal; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none;
	background-color: #31577C1C;
	border: 1px solid #ffffff;
	border-radius: 25px;
	box-shadow: 0px 3px 6px #00000029, 0 3px 6px #00000029 inset;
}

div.profils_filter_name_div {
	display: none;
	vertical-align: middle;
	width: 100%;
	padding: 10px 0;
}
div.profils_filter_name_div.show {
	display: inline-block;
}

div.profils_filter_country_div {
	display: none;
	vertical-align: middle;
	width: 100%;
	padding: 10px 0;
}
div.profils_filter_country_div.show {
	display: inline-block;
}

div.profils_filter_search_div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 10px 0;
}
div.profils_filter_search_torol_div {
	position: absolute;
	display: none;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-size: calc(20px + (28 - 20) * var(--alap-arany));
	COLOR: #ff0000;
	cursor: pointer;
}
div.profils_filter_search_torol_div.show {
	display: flex;
}


div.profils_filter_submit_div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 10px 0;	
}


@media screen and (min-width: 1024px)
{
	div.profils_filter_name_div {
		display: inline-block;
		vertical-align: middle;
		width: 25%;
		padding: 10px 10px 10px 10px;
	}
	div.profils_filter_country_div {
		display: inline-block;
		vertical-align: middle;
		width: 25%;
		padding: 10px 10px 10px 10px;
	}
	div.profils_filter_search_div {
		display: inline-block;
		vertical-align: middle;
		width: 30%;
		padding: 10px 10px 10px 10px;
	}

	div.profils_filter_submit_div {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 20%;
		padding: 10px;
	}
}



div.profils_submit_inside_div {
	position: relative;
	width: max-content;
	margin-top: calc(10px + (30 - 10) * var(--alap-arany));
	margin: auto 0;
	cursor: pointer;
}
div.profils_submit_inside_div.left {
	margin: auto 0;
	margin-top: calc(10px + (30 - 10) * var(--alap-arany));
}
div.profils_submit_inside_div.inline {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 25px;
}
div.profils_submit_div {
	position: relative;
	display: block;
	width: max-content;
	background-color: #ffffff;
	COLOR: #31577C;
	border: 2px solid #31577C;
	border-radius: calc(20px + (40 - 20) * var(--alap-arany));
	transition: all 0.5s ease;
}
div.profils_submit_div span.text {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: calc(7.5px + (12.5 - 7.5) * var(--alap-arany)) calc(15px + (30 - 15) * var(--alap-arany));
	font-size: calc(14px + (18 - 14) * var(--alap-arany)); font-style: normal; font-weight: 600; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; text-transform: uppercase;
	line-height: 1;
}
div.profils_submit_hover_div {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	width: max-content;
	max-width: 0px;
	transition: all 0.5s ease;
	overflow: hidden;
}
div.profils_submit_hover_div div.profils_submit_div {
	position: relative;
	display: block;
	width: max-content;
	background-color: #31577C;
	COLOR: #ffffff;
	border: 3px solid #ffffff;
	border-radius: calc(20px + (40 - 20) * var(--alap-arany));
	transition: all 0.5s ease;
}
div.profils_submit_hover_div div.profils_submit_div span.text {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: calc(7.5px + (12.5 - 7.5) * var(--alap-arany)) calc(15px + (30 - 15) * var(--alap-arany));
	font-size: calc(14px + (18 - 14) * var(--alap-arany)); font-style: normal; font-weight: 600; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; text-transform: uppercase;
	line-height: 1;
}
div.profils_submit_inside_div:hover div.profils_submit_hover_div {
	max-width: 100%;
}


/*filter end*/


/* profile list */

div.profils_container_div {
	width: 100%;
	max-width: 1800px;
	margin: auto;
	padding: calc(15px + (50 - 15) * var(--alap-arany)) 10px;
}


div.profils_item_div {
	display: inline-flex;
	vertical-align: top;
	width: 100%;
	border: 1px solid #31577C;
	background-color: #ffffff;
	padding: 0;
	align-items: stretch;
	margin: 0 0 15px 0;
}

@media screen and (min-width: 650px) {
	div.profils_item_div {
		width: 49%;
		margin: 0 0 2% 0;
	}
	div.profils_item_div:not(:nth-child(2n)) {
		margin-right: 2%;
	}
}

@media screen and (min-width: 1024px) {
	div.profils_item_div, div.profils_item_div:not(:nth-child(2n)) {
		width: 32%;
		margin: 0 0 2% 0;
	}
	div.profils_item_div:not(:nth-child(3n)) {
		margin-right: 2%;
	}	
}

div.profils_photo_div {
	position: relative;
	display: inline-flex;
	vertical-align: top;
	width: 150px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	z-index: 1;
}
div.profils_photo_div:before {
	position: absolute;
	content: '';
	width: 50%;
	height: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url(../images/profils_photo_background.webp) no-repeat center center;
	background-size: cover;
	z-index: -1;
}
div.profils_photo_container_div {
	position: relative;
	width: 75%;
	padding-top: 75%;
	border: 2px solid #ffffff;
	border-radius: 50%;
	margin: 12.5%;
}
div.profils_photo_container_div img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

div.profils_info_div {
	display: inline-block;
	width: calc(100% - 150px);
	vertical-align: top;
	padding: calc(10px + (20 - 10) * var(--alap-arany));
}
div.profils_name_div {
	width: 100%;
	margin-bottom:  calc(5px + (10 - 5) * var(--alap-arany));
}
div.profils_name_div span {
	font-size: calc(24px + (32 - 24) * var(--alap-arany)); font-style: normal; font-weight: 400; COLOR: #000000; FONT-FAMILY: var(--basetwo-font); text-decoration: none;
	line-height: 1.2;
}
div.profils_country_div {
	width: 100%;
	margin-bottom:  calc(5px + (10 - 5) * var(--alap-arany));
}
div.profils_country_div span {
	font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: 400; COLOR: #000000; FONT-FAMILY: var(--baseone-font); text-decoration: none;
	line-height: 1.2;
}

div.profils_tovabb_inside_div {
	position: relative;
	width: max-content;
	margin-top: calc(10px + (30 - 10) * var(--alap-arany));
	margin: auto 0;
	cursor: pointer;
}
div.profils_tovabb_inside_div.left {
	margin: auto 0;
	margin-top: calc(10px + (30 - 10) * var(--alap-arany));
}
div.profils_tovabb_inside_div.inline {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 25px;
}
div.profils_tovabb_div {
	position: relative;
	display: block;
	width: max-content;
	background-color: #ffffff;
	COLOR: #416991;
	border: 1px solid #416991;
	border-radius: calc(20px + (40 - 20) * var(--alap-arany));
	transition: all 0.5s ease;
}
div.profils_tovabb_div span.text {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: calc(5px + (10 - 5) * var(--alap-arany)) calc(15px + (30 - 15) * 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: lowercase;
	line-height: 1;
}
div.profils_tovabb_hover_div {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	width: max-content;
	max-width: 0px;
	transition: all 0.5s ease;
	overflow: hidden;
}
div.profils_tovabb_hover_div div.profils_tovabb_div {
	position: relative;
	display: block;
	width: max-content;
	background-color: #416991;
	COLOR: #ffffff;
	border: 2px solid #ffffff;
	border-radius: calc(20px + (40 - 20) * var(--alap-arany));
	transition: all 0.5s ease;
}
div.profils_tovabb_hover_div div.profils_tovabb_div span.text {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: calc(5px + (10 - 5) * var(--alap-arany)) calc(15px + (30 - 15) * 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: lowercase;
	line-height: 1;
}
div.profils_tovabb_inside_div:hover div.profils_tovabb_hover_div {
	max-width: 100%;
}

/* profile list end */



/*profiles navigation*/

div.profils_navigation_div {
	position: relative;
	width: 100%;
	max-width: 1790px;
	margin: auto;
	padding: calc(15px + (50 - 15) * var(--alap-arany)) 10px;
}

div.profils_navigation_elozo_div {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-right: calc(15px + (50 - 15) * var(--alap-arany));
}

div.profils_navigation_elozo_icon_div {
	display: inline-flex;
	vertical-align: middle;
	width: calc(35px + (50 - 35) * var(--alap-arany));
	height: calc(35px + (50 - 35) * var(--alap-arany));
	margin-right: calc(15px + (50 - 15) * var(--alap-arany));
	align-items: center;
	justify-content: center;
	font-size: calc(14px + (22 - 14) * var(--alap-arany)); COLOR: #ffffff;
	background-color: #2E7888;
	box-shadow: 0 3px 6px transparent;
	border-radius: 50%;
	transition: all 0.5s ease;
}

div.profils_navigation_elozo_div:hover div.profils_navigation_elozo_icon_div {
	box-shadow: 0 3px 6px #2E7888;
	transform: scale(1.1);
}

div.profils_navigation_elozo_texts_div {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - calc(35px + (50 - 35) * var(--alap-arany)) - calc(15px + (50 - 15) * var(--alap-arany)));
	height: auto;
	text-align: left;
}

div.profils_navigation_elozo_texts_indicator_div {
	width: 100%;
}
div.profils_navigation_elozo_texts_indicator_div span {
	font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: 400; COLOR: #000000; FONT-FAMILY: var(--baseone-font); text-decoration: none; text-transform: uppercase;
}


div.profils_navigation_kovetkezo_div {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-left: calc(15px + (50 - 15) * var(--alap-arany));
}

div.profils_navigation_kovetkezo_icon_div {
	display: inline-flex;
	vertical-align: middle;
	width: calc(35px + (50 - 35) * var(--alap-arany));
	height: calc(35px + (50 - 35) * var(--alap-arany));
	margin-left: calc(15px + (50 - 15) * var(--alap-arany));
	align-items: center;
	justify-content: center;
	font-size: calc(14px + (22 - 14) * var(--alap-arany)); COLOR: #ffffff;
	background-color: #2E7888;
	box-shadow: 0 3px 6px transparent;
	border-radius: 50%;
	transition: all 0.5s ease;
}

div.profils_navigation_kovetkezo_div:hover div.profils_navigation_kovetkezo_icon_div {
	box-shadow: 0 3px 6px #2E7888;
	transform: scale(1.1);
}

div.profils_navigation_kovetkezo_texts_div {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - calc(35px + (50 - 35) * var(--alap-arany)) - calc(15px + (50 - 15) * var(--alap-arany)));
	height: auto;
	text-align: right;
}

div.profils_navigation_kovetkezo_texts_indicator_div {
	width: 100%;
}
div.profils_navigation_kovetkezo_texts_indicator_div span {
	font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: 400; COLOR: #000000; FONT-FAMILY: var(--baseone-font); text-decoration: none; text-transform: uppercase;
}

div.pagination{
	position: absolute;
	width: 50%;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	margin: 0px auto;
	text-align: center;	
	font-family: var(--baseone-font);
	font-size: calc(14px + (20 - 14) * var(--alap-arany));
	font-style: normal; font-weight: 400; COLOR: #000000;
	text-decoration: none;
}
div.pagination ul{
	list-style-type: none;
	padding: 0;
}

div.pagination ul li{
	display: inline-block;
	padding: 0 1em;
}

div.pagination ul li a{
	text-decoration: none;
	color: #31577C;
}

div.pagination ul li.currentpage a{
	font-size: calc(20px + (20 - 14) * var(--alap-arany));
	font-weight: 600;
}

/*profiles navigation end*/


/* profile */


div.profil_filter_container_div {
	width: 100%;
	max-width: 1800px;
	margin: auto;
	padding: calc(15px + (50 - 15) * var(--alap-arany)) 10px;
}

div.profil_filter_container_div select {
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
	background-image: url("data:image/svg+xml;utf8,<svg fill='rgb(49,87,124)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"), linear-gradient(to left, #31577C1C, #31577C1C), linear-gradient(to left, #ffffff, #ffffff);
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
	background-size: 40px, 100%, 100%;
	width: 100%;
	padding: 10px 15px;
	font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: normal; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none;
	border: 1px solid #ffffff;
	border-radius: 25px;
	box-shadow: 0px 3px 6px #00000029, 0 3px 6px #00000029 inset;
}
div.profil_filter_container_div select option {
	COLOR: #31577C;
}


div.profil_filter_container_div input {
	width: 100%;
	padding: 10px 15px;
	font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: normal; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none;
	background: linear-gradient(to left, #31577C1C, #31577C1C), linear-gradient(to left, #ffffff, #ffffff);
	border: 1px solid #ffffff;
	border-radius: 25px;
	box-shadow: 0px 3px 6px #00000029, 0 3px 6px #00000029 inset;
}

div.profil_filter_name_div {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 10px 0;
}

div.profil_filter_country_div {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 10px 0;
}

div.profil_filter_search_div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 10px 0;
}
div.profil_filter_search_torol_div {
	position: absolute;
	display: none;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-size: calc(20px + (28 - 20) * var(--alap-arany));
	COLOR: #ff0000;
	cursor: pointer;
}
div.profil_filter_search_torol_div.show {
	display: flex;
}

div.profil_filter_submit_div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 10px 0;	
}


@media screen and (min-width: 1024px)
{
	div.profil_filter_name_div {
		display: inline-block;
		vertical-align: middle;
		width: 20vw;
		max-width: 450px;
		padding: 10px 10px 10px 10px;
	}
	div.profil_filter_country_div {
		display: inline-block;
		vertical-align: middle;
		width: 20vw;
		max-width: 450px;
		padding: 10px 10px 10px 10px;
	}
	div.profil_filter_search_div {
		display: inline-block;
		vertical-align: middle;
		width: 20vw;
		max-width: 450px;
		padding: 10px 0 10px 10px;
	}
	div.profil_filter_submit_div {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 100%;
		padding: 10px;	
	}
}



div.profil_submit_inside_div {
	position: relative;
	width: max-content;
	margin-top: calc(10px + (30 - 10) * var(--alap-arany));
	margin: auto 0;
	cursor: pointer;
}
div.profil_submit_inside_div.left {
	margin: auto 0;
	margin-top: calc(10px + (30 - 10) * var(--alap-arany));
}
div.profil_submit_inside_div.inline {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 25px;
}
div.profil_submit_div {
	position: relative;
	display: block;
	width: max-content;
	background-color: #31577C;
	COLOR: #ffffff;
	border: 2px solid #ffffff;
	border-radius: calc(20px + (40 - 20) * var(--alap-arany));
	transition: all 0.5s ease;
}
div.profil_submit_div span.text {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: calc(5px + (10 - 5) * var(--alap-arany)) calc(15px + (30 - 15) * var(--alap-arany));
	font-size: calc(14px + (18 - 14) * var(--alap-arany)); font-style: normal; font-weight: 600; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; text-transform: uppercase;
	line-height: 1;
}
div.profil_submit_hover_div {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	width: max-content;
	max-width: 0px;
	transition: all 0.5s ease;
	overflow: hidden;
}
div.profil_submit_hover_div div.profil_submit_div {
	position: relative;
	display: block;
	width: max-content;
	background-color: #ffffff;
	COLOR: #31577C;
	border: 3px solid #31577C;
	border-radius: calc(20px + (40 - 20) * var(--alap-arany));
	transition: all 0.5s ease;
}
div.profil_submit_hover_div div.profil_submit_div span.text {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: calc(5px + (10 - 5) * var(--alap-arany)) calc(15px + (30 - 15) * var(--alap-arany));
	font-size: calc(14px + (18 - 14) * var(--alap-arany)); font-style: normal; font-weight: 600; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; text-transform: uppercase;
	line-height: 1;
}
div.profil_submit_inside_div:hover div.profil_submit_hover_div {
	max-width: 100%;
}








div.profil_session_div {
	width: 100%;
}

div.profil_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.profil_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.profil_header_title_div {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #ffffff;
}

div.profil_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.profil_header_subtitle_div {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 10px;
}

div.profil_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.profil_header_inside_div {
		display: flex;
		align-items: stretch;
		justify-content: content-start;
		margin: calc(40px + (80 - 40) * var(--alap-arany)) auto 0 auto;
	}
	
	div.profil_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.profil_header_subtitle_div {
		width: max-content;
		padding: 0 10px 0 calc(10px + (30 - 10) * var(--alap-arany));
	}
}


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

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

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

div.profil_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.profil_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.profil_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.profil_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.profil_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.profil_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.profil_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.profil_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.profil_text_div strong {font-weight: 500; FONT-FAMILY: var(--baseone-font);}
div.profil_text_div a {COLOR: #133E69; text-decoration: none;}
div.profil_text_div a:hover {text-decoration: underline;}
div.profil_text_div img, div.profil_text_div table {
	max-width: 100%;
}

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


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

div.profil_main_personal_left_div {
	width: 100%;
}
div.profil_main_personal_left_inside_div {
	width: 100%;
	max-width: 300px;
	margin: auto;
}
div.photo_container {
	position: relative;
	width: 90%;
	padding-top: 90%;
	margin: calc(15px + (30 - 15) * var(--alap-arany)) auto;
}
div.profil_main_personal_left_div img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 2px solid #31577C;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

div.profil_main_personal_right_div {
	width: 100%;
}

@media screen and (min-width: 1024px) {
	div.profil_main_personal_left_div {
		display: inline-block;
		vertical-align: top;
		width: 20%;
		max-width: none;
	}

	div.profil_main_personal_right_div {
		display: inline-block;
		vertical-align: top;
		width: 80%;
		padding-left: calc(15px + (30 - 15) * var(--alap-arany));
	}	
}

div.profil_main_row_div div.name {
	width: 100%;
}
div.profil_main_row_div div.name.edit {
	margin: calc(15px + (30 - 15) * var(--alap-arany)) 0;
}
div.profil_main_row_div div.name span {
	font-size: calc(24px + (36 - 24) * var(--alap-arany)); font-style: normal; font-weight: 600; COLOR: #31577C; FONT-FAMILY: var(--basetwo-font); text-decoration: none;
}

div.profil_main_row_div div.country {
	width: 100%;
}
div.profil_main_row_div div.country.edit {
	margin: calc(15px + (30 - 15) * var(--alap-arany)) 0;
}
div.profil_main_row_div div.country span {
	font-size: calc(14px + (20 - 14) * var(--alap-arany)); font-style: normal; font-weight: 500; COLOR: #31577C; FONT-FAMILY: var(--baseone-font); text-decoration: none;
}

div.profil_main_personal_right_div div.line {
	width: 100%;
	height: 3px;
	background-color: #31577C;
	margin: calc(15px + (30 - 15) * var(--alap-arany)) 0;
}

div.profil_main_personal_right_div div.title {
	width: 100%;
}
div.profil_main_personal_right_div div.title.edit {
	margin: calc(15px + (30 - 15) * var(--alap-arany)) 0;
}
div.profil_main_personal_right_div div.title img {
	display: inline-block;
	vertical-align: middle;
	width: calc(30px + (50 - 30) * var(--alap-arany));
	margin-right: 20px;
}
div.profil_main_personal_right_div div.title span {
	display: inline-block;
	vertical-align: middle;
	width: max-content;
	font-size: calc(20px + (32 - 20) * var(--alap-arany)); font-style: italic; font-weight: 500; COLOR: #31577C; FONT-FAMILY: var(--basetwo-font); text-decoration: none;
}

div.profil_main_personal_right_div div.email {
	width: 100%;
	font-size: calc(14px + (24 - 14) * var(--alap-arany)); line-height: 1.4em; font-style: normal; font-weight: normal; COLOR: #000000; FONT-FAMILY: var(--baseone-font); text-decoration: none;
	padding: calc(15px + (30 - 15) * var(--alap-arany)) 0 0 0;
}

div.profil_main_personal_right_div div.phone {
	width: 100%;
	font-size: calc(14px + (24 - 14) * var(--alap-arany)); line-height: 1.4em; font-style: normal; font-weight: normal; COLOR: #000000; FONT-FAMILY: var(--baseone-font); text-decoration: none;
	padding: calc(5px + (15 - 5) * var(--alap-arany)) 0;
}

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

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



/*button*/

div.profil_button_inside_div {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: max-content;
	margin: auto;
	margin-bottom: calc(15px + (30 - 15) * var(--alap-arany));
	margin-right: calc(15px + (30 - 15) * var(--alap-arany));
	cursor: pointer;
}
div.profil_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.profil_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.profil_button_hover_div {
	display: none;
}

@media screen and (min-width: 1024px) {
	div.profil_button_div {
		width: max-content;
	}
	div.profil_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.profil_button_hover_div div.profil_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.profil_button_hover_div div.profil_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.profil_button_inside_div:hover div.profil_button_hover_div {
		max-width: 100%;
	}

}



div.profil_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.profil_main_row_div button {
		width: max-content;
	}
}


/*button end*/