@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body
{
	margin: 0px;
	padding: 0px;
	font-family: 'Roboto Condensed';
	top:0px!important;
}
strong, b
{
	font-family: 'Roboto Condensed';
	font-weight: 700;
}
i, em
{
	font-family: 'Roboto Condensed';
	font-weight: 400;
	font-style: italic;
}
b i, b em, i b, em b, strong i, strong em, i strong, em strong
{
	font-family: 'Roboto Condensed';
	font-weight: 700;
	font-style: italic;
}
li ul
{
	padding-top:11px;
}
a
{
	color: #23668b;
	font-weight: 700;
}
.onlymobile
	{
		display: none;
	}
	#hamburger
	{
		display: none;
	}
#container
{
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
.szurke
{
	position: fixed;
	left:0px;
	top:0px;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100vh;
	z-index: 200;
	backdrop-filter: blur(1px);
}
#fejlec
{
	position: relative;	
	background: url(img/light-wall.png);
	background-size: cover;
	background-position: bottom left;
	background-repeat: no-repeat;
	
}
.fejlec_cont
{
	display: flex;
	justify-content: space-between;
	padding: 0px 20px 0px 50px;
	max-width: 1920px;
	margin: 0px auto;
}
.lablec_cont
{
	max-width: 1920px;
	margin: 0px auto;
}
#fejlec .fejlec_jobb
{
	display: block;
	text-align: right;
	padding:20px;
}
#fejlec .fejlec_bal
{
	display: flex;
    align-items: center;
    color: white;
    font-weight: 600;
}
.lablec .fejlec_bal
{
	display: inline-block;
	width: 300px;
}
.lablec .lablec_text
{
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	margin-top:20px;
}
.name
{
	font-size: 20px;
}
.lablec .fejlec_bal .name
{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.lablec .fejlec_bal .logo
{
	display: inline-block;
	vertical-align: middle;
	height: 110px;
	margin-left: -20px;
}
.kozossegi
{
	display: inline-block;
	margin: 0px 10px;
}
.lablec .kozossegi
{
	margin-top:15px;
}
.dropdownlist, .dropdown_gap
{
    display:none;    
}
#menusor
{
	background: #23668b;
	display: flex;
	justify-content: center;
	position: webkit-sticky;
	position: sticky;
	top: -1px;
	z-index: 100;
}
.menu
{
	display: inline-block;
	color: white;
	margin: 0px 15px;
	cursor: pointer;
	position: relative;
	padding: 10px 0px;
	font-size: 18px;
}
.menu a, a.menu
{
	color: white;
	text-decoration: none;
	font-weight: 400;
}
.dropdownlist a
{
	color: #23668b;
}
.dropdownback
{
	display: none;
}
.menu.hasdropdown::after
{
	content: '\f078';
	position: relative;
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 8px;
	font-size: 9px;
	top:-2px;
}
.menu.hovered .dropdownlist
{
	display: block;
	position: absolute;
	background: rgb(213,215,223);
background: linear-gradient(45deg, rgba(213,215,223,1) 0%, rgba(255,255,255,1) 100%);
	border-radius: 10px;
	padding:20px 0px;
	min-width: 250px;
	width: max-content;
	z-index: 20;
	top: 55px;
	opacity: 0.95;
}
.menu.hovered .dropdownlist.megamenu
{
	display: flex;
	left: -360px;
}
table.colored-table tr.fejlec td
{
	border: none;
    background: rgb(80, 80, 80)!important;
    padding: 8px!important;
    color: white!important;
}
table.colored-table tr:nth-child(odd) td
{
	background: transparent;
	padding:0px 5px;
}
table.colored-table tr:nth-child(even) td
{
	background: rgb(110, 124, 146);
	color: white;
	padding:0px 5px;
}
@media (max-width: 768px)
{
	table.colored-table p
	{
		margin: 0px;
		padding-bottom: 8px;
		padding-top: 5px;
	}
}
@media (min-width: 997px)
{
	.menu.hovered .dropdownlist:not(.megamenu)
	{
		max-width: 300px;
	}
	.megamenu_item.kiemelt:nth-child(2)
	{
		border-radius: 10px 0px 0px 10px;
	}
	.megamenu_item.kiemelt
	{
		background: #23668b;
		margin-top:-20px;
		margin-bottom: -20px;
		border-right: 1px solid white;
		padding-top:20px;
	}
	.megamenu_item.kiemelt .megamenu_cim
	{
		color:white!important;
	}
	.megamenu_item.kiemelt a
	{
		color:white!important;
	}
}

@media (max-width: 1460px) and (min-width: 997px)
{
	.menu.hovered .dropdownlist.megamenu
	{
		flex-wrap: wrap;
		left: -20vw;
		width: 90vw;
	}
	.megamenu .megamenu_item 
	{
		margin-bottom: 20px;
	}
}
.megamenu .megamenu_cim
{
	color:#23668b;
	    padding: 4px 24px;
    padding-bottom: 10px;
    font-weight: 700;
}
.megamenu .megamenu_item
{
	width: 160px;
	border-right: 1px solid #a2a2a2;
}
.megamenu_item.noborder
{
	border-right:0px;
}
.menu.hovered .dropdown_gap
{
	display: block;
	position: absolute;
	top:38px;
	height: 25px;
	z-index: 19;
	width: 250px;
}
.dropdownlistelem
{
	padding: 4px 24px;

}
.fade
{
	display: none;
}
#content
{
	position: relative;
	background: url(img/elterulo_hatter.png), #eff2f4;
	min-height: calc(100vh - 80px - 40px - 270px);
	background-size: 100% auto;
	background-position: 0px -60px;
	background-repeat: no-repeat;
}

#content.blured::before, .rendkivuli.blured::before
{
	content:'';
	position: absolute;
	left:0px;
	top:0px;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	z-index: 10;
	backdrop-filter: blur(1px);
}
.logo
{
	
	height: 80px;
	
}
.logo img
{
	height: 100%;
}
.button
{
	background: transparent;
    text-decoration: none;
    color: #23668b;
    padding: 15px;
    border-radius: 40px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.kereso
{
	display: inline-block;
	position: relative;
	z-index: 250;
}
.search_button
{
	cursor: pointer;
	color: white;
	font-size: 16px;
	margin: 0px 10px;
	display: inline-block;
	background: transparent;
	padding: 0px;
	border: none;
}
.kereso_button, #kereso_sav
{
	display: none;
}
.kereso_button
{
	cursor: pointer;
	color: white;
	background: transparent;
	border: none;
	font-size: 16px;
	padding: 0px;
	margin: 0px 10px;
}
#kereso_sav
{
	width: 0px;
    padding: 10px;
    border: 0px;
    transition: all 0.3s;
    border-radius: 5px;
}
#kereso_sav.showed
{
	display: inline-block!important;
}
.kereso form
{
	display: inline-block;
}
input,select,textarea,button
{
	outline:none!important;
	font-family: 'Roboto Condensed';
}
.kozossegi a
{
	color: white;
	font-size: 18px;
}
.lablec .kozossegi a
{
	font-size: 25px;
}
.lablec a
{
	font-weight: 400;
}
.login-button
{
	margin:0px 15px;
}
.rendkivuli
{
	padding: 20px 100px;
	background: white;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	position: relative;
	z-index: 1;
}
.rendkivuli p
{
	margin: 0px;
	padding: 0px;
}
.rendkivuli_flex
{
	display: flex;
	align-items: end;
}
.rendkivuli_img, .rendkivuli_btn
{
	flex: 1;
	flex-grow: 1;
}
.rendkivuli_img
{
	text-align: right;
}
.rendkivuli_cont
{
	flex:1;
	flex-grow:3;
}
h2, h3, h4, h5, h6
{
	color: #23668b;
	font-weight: 700;	
	margin: 10px 0px;
}
.button, .button_rendeles
{
	color: #23668b;
	border: 2px solid #23668b;
	padding: 10px 20px;
	font-weight: 700;
	background: transparent;
	border-radius: 40px;
	cursor: pointer;
	transition: all 0.5s;
}
.button.button-white
{
	background: white;
}
.button.button-light
{
	background: transparent;
}
.button.button-without-border
{
	border:0px;
}
.button.button-blue
{
	background: #23668b;
	color: white;
}
.button.button-small
{
	font-size: 12px;
    padding: 4px 10px;
}
.button:hover, .button_rendeles:hover
{
	color: white;
	background: #23668b;
}
.button.button-blue:hover
{
	background: white;
	color: #23668b;
}
.button-white:not(.button-without-border):hover
{
	border: 2px solid white;
}
.clear
{
	clear: both;
}
.fooldal_cikk, .cikk
{
	margin: 0px 50px;
	padding: 50px 0px;
	box-sizing: border-box;
	width: calc(100% - 100px);
	max-width: 1700px;
}
.cikk.cikk-blue
{
	background:#23668b;

}
table, table tr, table td
{
	border: none;
}
.lablec
{
	background:#0d3043;
	color: white!important;
	padding: 50px;
}
.cimke
{
	display: inline-block;
    padding: 10px;
    background: white;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #23668b;
    text-transform: capitalize;
}
.active-cimke
{
	color:white;
	background: #23668b;
}
.breadcrumb
{
	color: #8a9bb6;
	font-size: 12px;
}
.breadcrumb a.breadcrumb
{
	text-decoration: none;
	color: #23668b;
}
.lapozo_cont .lapozo.hir
{
	color: #8a9bb6;
	display: inline-block;
	margin: 0px 10px;
}
.lapozo_cont .lapozo.hir.active
{
	color: #23668b;
}
.lapozo_cont
{
	text-align: center;
	margin: 10px 0px 50px 0px;
}
.lapozo_cont a
{
	text-decoration: none;
	color: #8a9bb6;
}
.lapozo_nyil
{
	display: inline-block;
    color: #23668b;
    border: 2px solid #23668b;
    padding: 11px;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    margin: 0px 20px;
    cursor: pointer;
}
.lapozo_nyil.inactive
{
	color: #8a9bb6;
    border: 2px solid #8a9bb6;
    cursor: auto;
}
.online_esemenyek
{
	background: url(img/kiemelt.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 40px;
}
.online_esemenyek.szervezet
{
	background: #e8ebf0;
}
.rendezveny_keresosav
{
	display:flex; 
	justify-content:space-between
}
@media (max-width: 1137px)
{
 .online_esemenyek .cikk
 {
 	width: calc(50% - 40px);
 }
 .online_esemenyek .cikk .img_block
 {
 	max-width: 100%;
 }

 .fooldal_hirek .cikk.dupla
 {
 	width:calc(25% - 40px)!important;
 }
}
.hirek_kereso
{
	display: inline-block;
	float: right;
}
.hirek_kereso #kereses
{
	background: white;
	padding: 10px;
	border-radius: 0px 5px 5px 0px;
	border: none;
	display: inline-block;
	width: 160px;
}
.hirek_kereso .search_icon
{
	color: #23668b;
	border: none;
    padding: 10.5px 0px 11.5px 10px;
    font-size: 14px;
    border-radius: 5px 0px 0px 5px;
    background: white;
}
.online_esemenyek .cimsor:not(.cikk .cimsor)
{
	padding-left: 20px;
    font-size: 26px;
    color: white;
    display: inline-block;
}
.online_esemenyek.szervezet .cimsor:not(.cikk .cimsor)
{
	color: #23668b;

}
.fooldal_hirek .cimsor:not(.cikk .cimsor)
{
	padding-left: 20px;
    font-size: 26px;
    color: #23668b;
    display: block;
    font-weight: 700;
}
.online_esemeny_lapozo
{
	float: right;
	margin-right: 17px;
}
.online_esemeny_lapozo .lapozo_nyil
{
	margin: 0px 3px;
}
.online_esemeny_lapozo .lapozo_nyil:not(.inactive)
{	
	color: white;
	border-color: white;
}
.szervezet .online_esemeny_lapozo .lapozo_nyil:not(.inactive)
{
	color: #23668b;
	border-color: #23668b;
}
.mw-cont
{
	max-width: 1720px;
	margin: 0px auto;
}
.lablec_jobb
{
	display: flex;
	float: right;
}
.lablec_menu
{
	width: 200px;
}
@media (max-width: 1135px)
{
	.lablec_menu
{
	width: fit-content;
	padding-right:20px;
}
}
.lablec_menu a, .simplepay
{
	color: white;
	text-decoration: none;
	font-size: 16px;
	display: block;
	margin-bottom: 20px;
}
.cikk_cimke
{
	background: #dbebff;
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 5px;
	display: inline-block;
	margin-right: 5px;
	color: #23668b;
}
.cikk.cikk-blue .cikk_cimke
{
	background: #23668b;
	color: white;
}
.datum
{
	color: #23668b;
	font-size: 12px;
	margin: 10px 0px;
	padding: 0px 10px;
}
.breadcrumb:has(+ .onecikk), .breadcrumb:has(+ .menu_cim)
{
	padding: 50px;
	padding-bottom: 0px;
}
.breadcrumb.ffx
{
	padding: 50px;
	padding-bottom: 0px;
}
.onecikk .datum
{
	padding-left: 0px;
	color: #8a9bb6;
	font-size: 14px;
	font-weight: 700;
}
.onecikk
{
	padding: 10px 50px 50px 50px;	
}
#main
{
	padding-bottom: 20px;	
	margin: 0px auto;
}
#main:has(.onecikk)
{
	margin: 0px auto;
	max-width: 1720px;
}
#main.ffx
{
	margin: 0px auto;
	max-width: 1720px;
}
#main.maxw
{
	max-width: 1720px;
}
h1
{
	margin-top: 0.2em;
	color: #23668b;
}
h2,h3,h4,h5,h6
{
	color: #23668b;
}
.onecikk .cikk_cimke
{
	padding: 5px 10px;
	background: #dbebff;	
	color: #23668b;
}
.onecikk h1
{
	/*width: 50%;*/
}
.onecikk:has(~ .ajanlott_tartalom)
{
	display: inline-block;
	width: calc(75% - 200px);
	vertical-align: top;
}
.onecikk.ffx
{
	display: inline-block;
	width: calc(75% - 200px);
	vertical-align: top;
}
.hirdetes
{
	margin: 20px;
	width: 100%;
	border-radius: 5px;
	min-width: 220px;
}
.hirdetes:hover
{
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.hirdetes img
{
	width: 100%;
	border-radius: 5px;
}
.ajanlott_tartalom
{
	display: inline-block;
	width: calc(25% - 40px);
	vertical-align: top;
	margin: 60px 50px 50px 50px;
	float: right;
}
.ajanlott_tartalom .cikk, .hirdetes
{
	width: 100%!important;
	margin-left: 0px!important;
}

.bovebben
{
	font-weight: 700;
	text-align: right;
	padding-right: 10px;
	font-size: 13px;
}
.bovebben a
{
	text-decoration: none;
	color: #23668b;
}
.cikk.cikk-blue .bovebben a
{
	color: white!important;
}
.bovebben a i
{
	transition: all 0.3s;
}
.bovebben:hover i
{
	margin-left: 5px;
}
input,select,textarea
{
	padding: 10px;
    border: 0px;
    border-radius: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
input[type=checkbox], input[type=radio]
{
	display: inline-block;
	width: 20px;
	height: 20px;
}
textarea
{
	min-width: 100%;
	max-width: 100%;
}
label
{
	color: #23668b;
	display: block;
	font-size:12px;
	font-weight: 700;
}
.hirlevel_cont
{
	color: white;
	background: #23668b;	
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	display: flex;
}
.hirlevel_cont h2, .hirlevel_cont label
{
	color:white;
}
.hirlevel_tartalom
{
	width: 50%;
	padding: 24px;
	box-sizing: border-box;
}
.hirlevel_pic
{
	background: url(img/hirlevel_subscribe.jpg);
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	width: 50%;
}
.oktatas_pic
{
	/*background: url(img/pexels-buro-millennial-1438072.jpg);*/
	background: url(img/pzs.jpg);
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	width: 50%;	
}
.valtozas_pic
{
	/*background: url(img/pexels-buro-millennial-1438072.jpg);*/
	background: url(img/167132.jpg);
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	width: 50%;	
}
.legyen_pic
{
	background: url(files/images/pexels-pixabay-327533.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 50%;
}
.partolo_pic
{
	background: url(files/images/pexels-sora-shimazaki-5668834.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 50%;
	
}
.contact_cont
{
	color: #23668b;
	background: white;	
	width: 100%;	
	margin: 0px auto;
	display: flex;
}


.contact_pic
{
	background: url(img/terkep.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 50%;
}
form.kapcsolat
{
	width: 100%;
	max-width: 500px;
}

form input, form select, form textarea
{
	border: 1px solid #23668b;
	margin:5px 0px 10px 0px;
}
input.error, select.error, textarea.error
{
	border:1px solid #f46036;
	margin-bottom: 5px;
}
.error_message
{
	font-size: 12px;
	color:#f46036;
	display: none;
	margin-bottom: 10px;
}
.cikk
{
  display: flex;
  width: calc(100% - 100px);
  margin: 20px 50px;
  padding: 0px;
  background: white;
  border-radius: 5px;
  min-height: 400px;
  min-width: 220px;
  position: relative;
}
.cikk.half
{
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 75px);
	margin: 20px 0px 20px 50px;
	max-width: calc(850px - 25px);
}
.cikk.half:not(.noimage) .img_block.top_image
{
	width: 100%;
	max-width: none;
	height: 200px;
	border-radius: 5px 5px 0px 0px;
	display: block;
}
.cikk.half:not(.noimage) .img_block.top_image .cimsor
{
	display: none;
}
.cikk.half .img_block.left_image
{
	display: none!important;
}
.cikk.half .bovebben
{
	display: block;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.cikk.half .lead
{
	width: 100%;
	padding-right:0px;
}
.cikk.half .bovebben.intartalom
{
	display: none;
}

.cikk.half.withimage .img_block.top_image
{
	display: inline-block;
	width: 100%;
	border-radius: 5px 5px 0px 0px;
	height: 150px;
	position: relative;
	max-width: 100%;
	box-sizing: border-box;
	padding: 10px;
}
.cikk.half.withimage .img_block.top_image::before
{
	content: '';
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(2,0,36,0.7) 0%, rgba(255,255,255,0) 100%);
}
.cikk.half.withimage .img_block.top_image .cimsor
{
	color: white;
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	left:10px;
	bottom:10px;
	margin: 0px;
}
.cikk.half.withimage .center_tartalom
{
	display: none;
}
.cikk:hover
{
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

.cikk .img_block
{
	border-radius: 5px 0px 0px 5px;
	height: auto;
	width: 50%;
	max-width: 420px;
	display: inline-block;
}
.cikk .img_block.left_image
{
	display: inline-block;
}
.cikk .img_block.left_image .cimkek
{
	display: none;
}
.cikk.noimage .img_block.left_image
{
	display: none;
}
.cikk.nominheight
{
	min-height: auto;
}
.cikk .img_block.top_image
{
	display: none;
}
.cikk.video .img_block::after
{
	content:'\f03d';
	font-family:"Font Awesome 5 Free";
	font-weight: 700;
	color: white;
	width: 20px;
	height: 20px;
	border: 2px solid white;
	border-radius: 50%;
	position: absolute;
    right: 5px;
    top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px;
    font-size: 13px;
	
}
.cikk.video.inverz .img_block::after
{
	background: #23668b;
}
.cikk .cimsor
{
	font-size: 26px;
	font-weight: 700;
	color: #23668b;
	margin: 20px 0px;

}
.notitle .cimsor
{
	display: none;
}
.cikk .datum
{
	color: #8a9bb6;
	font-size: 14px;
	padding:0px;
}
.cikk.cikk-blue .datum
{
	color: white!important;
}
.lead
{
	
	text-overflow: ellipsis;
	overflow: hidden;
    position: absolute;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    padding: 0px;
	width: calc(100% - 20px);
	padding-right: 20px;
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
.lead p
{
	margin: 0px;
	padding: 0px;
}
.cikk:hover .lead
{
	color: #23668b;
}
.cikk.cikk-blue .lead
{
	color: white!important;
}
.cikk .tartalom
{
	
	width: calc(70% - 40px);
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	position: relative;
}
.cikk .tartalom.full, .cikk.noimage .tartalom
{
	width: calc(100% - 40px);
}
.cikk.half .tartalom
{
	width: calc(100% - 40px);
}
.cikk .center_tartalom
{
	display: block;
}
.cikk .bvbn
{
	display: none;
}
.bovebben
{
	display: none;
}
.bovebben.intartalom
{
	display: block;
	position: absolute;
	bottom:20px;
	right: 20px;
}
.nodate .datum
{
	display: none;
}
.nodate .lead
{
	margin-top:34px;
}
.menu_cim
{
	margin: 10px 50px;
}
.gjs-lory-slide, .gjs-lory-frame
{
	width: 100vw!important;
	overflow-x: hidden;
}
.gjs-lory-slide
{
	padding: 40px;
	height: 500px!important;
}
.gjs-lory-slides
{
	height: 500px!important;
	width: 520vw!important;
}
.gjs-lory-slide div:nth-child(1)
{
	position: absolute;
	bottom:40px;
	width: 100%;
	max-width: 700px;
}
.gjs-lory-next svg, .gjs-lory-prev svg
{
	display: none;
}
.gjs-lory-next
{
	position: relative;
	width: 40px;
	height: 40px;
	
	top:auto!important;
	bottom:80px!important;
	right: 40px!important;
}
.gjs-lory-next::before
{
	content:'\f061';
	font-family:"Font Awesome 5 Free";
	font-weight: 700;
	color: white;
	width: 40px;
	height: 40px;
	border: 2px solid white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gjs-lory-prev
{
	position: relative;
	width: 40px;
	height: 40px;
	left:auto!important;
	top:auto!important;
	bottom:80px!important;
	right: 90px!important;
}
.gjs-lory-prev::before
{
	content:'\f060';
	font-family:"Font Awesome 5 Free";
	font-weight: 700;
	color: white;
	width: 40px;
	height: 40px;
	border: 2px solid white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.js_dots
{
	position: absolute;
	bottom:40px;
	width: 100%;
	height: 20px;
	left:40px;
}
.js_dots li
{
	width: 20px;
    display: inline-block;
    height: 8px;
    background: rgba(255,255,255,0.3);
    margin: 0px 5px;
    border-radius: 10px;
    transition: all 0.2s;
}
.js_dots li.active
{
	width: 30px;
	background: white;
}
.lory_slider
{
	width: 100%!important;
}
.custom-select {
  position: relative;
  font-family: Arial;
}
.custom-select.small-select
{
	width: 100px;
}

.custom-select select {
  display: none; 
}

.select-selected {
  background-color: white;
  border-radius: 5px;
  border: 1px solid #23668b;
    margin: 5px 0px 10px 0px;
}
.no-border .select-selected
{
	border:0px;
}

.select-selected:after {
  position: absolute;
  content: "\f078";
  font-family:"Font Awesome 5 Free";
	font-weight: 900;
  top: 14px;
  right: 10px;
  width: 10px;
  height: 10px;
  color:#23668b;
  font-size: 12px;
}

.select-selected.select-arrow-active:after {
  position: absolute;
  content: "\f077";
  font-family:"Font Awesome 5 Free";
	font-weight: 900;
  top: 14px;
  right: 10px;
  width: 10px;
  height: 10px;
  color:#23668b;
  font-size: 12px;
}

.select-items div,.select-selected {
  color: black;
  padding: 10px 16px;
  font-family: 'Roboto Condensed';
  font-size: 13px;
  cursor: pointer;
  user-select: none;
}

.select-items {
  position: absolute;
  background-color: white;
  top: calc(100% + 10px);
  box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 5px;
  max-height: 300px;
  overflow-y: scroll;
}

.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.accordion
{
	background: white!important;
	color: #23668b!important;
	font-size: 20px!important;
	font-weight: 700!important;
	padding-top:24px!important;
	padding-bottom:24px!important;
	position: relative;
}
.accordion-container
{
	position: relative;
	margin-bottom: 10px;
}
.accordion-container .accordion::before
{
	content:'';
	position: absolute;
	right: 25px;
	top:30px;
	height: 12px;
	width: 2px;
	font-family: 'serif';
	font-size: 40px;
	background: #23668b!important;
}
.accordion-container .accordion::after
{
	content:'';
	position: absolute;
	right: 20px;
	top:35px;
	height: 2px;
	width: 12px;
	font-family: 'serif';	
	background: #23668b!important;
}
.accordion-container .accordion:has(.accordion-title)::before
{
	top:40px;
}
.accordion-container .accordion:has(.accordion-title)::after
{
	top:45px;
}
.accordion-container.accordion-active .accordion::before
{
	display: none;
}
.accordion-container .accordion.ffx::before
{
	top:40px;
}
.accordion-container .accordion.ffx::after
{
	top:45px;
}
.accordion-container.accordion-active .accordion
{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.accordion-content
{
	border:0px!important;
	background: white!important;
	margin-right:10px!important;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	color: #23668b!important;
	position: relative;
}
.accordion-content::after
{
	content: '';
	position: absolute;
	top:0px;
	z-index: 1;
	width: calc(100% - 40px);
	left:20px;
	height: 1px;
	background: #e2e2e2;
}
.accordion-content li > span
{
	display: inline-block;
	position: relative;
	width: calc(100% - 10px);
}
.accordion-content li > span:hover, span.bolder 
{
	font-weight: bold;
}
.accordion-content li > span:hover + a
{
	background: #23668b;
	color: white;
}
.accordion-content a.button
{
	position: absolute;
    right: 10px;
}
.accordion-title
{
	font-size: 12px;
	color: #8a9bb6;
}
.accordion-content li
{
	margin-bottom:10px;
}
.accordion-content li:has(a)
{
	padding-right: 90px;
}
.accordion-content li:has(ul)
{
	padding-right: 0px;
}
ul
{
	padding-left: 20px;
}
li
{
	position: relative;
}

blockquote
{
	color: #347ad7;
	font-style:italic;
	position: relative;
	min-height: 88px;
	margin: 10px 0px;
}
blockquote p
{
	margin-left: 100px;
	font-size: 20px;
}
blockquote::before
{
	content: '\f10d';
	position: absolute;left:0px;
	top:0px;
	font-size: 80px;
	color:#c3ceda;
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	background: linear-gradient(#c3ceda 0%, rgba(0,0,0,0) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
}
.logged
{
	display: inline-block;
}
.logged_in
{
	font-size:13px;
	color:white;
	padding-right: 20px;
	display: block;
	margin-bottom: 10px;
	margin-top:-10px;
}
.fizetendo
{
	text-align: right;
	position: relative;
	padding-right: 20px;
}
.fizetendo~.penznem
{
	position: absolute;
    right: 5px;
    top: 10px;
    color: #23668b;
    font-size: 15px;
}
.hibauzenet
{
	background: rgb(255,162,162);
background: linear-gradient(0deg, rgba(125,0,0,1) 0%, rgba(219,25,25,1) 100%);
text-align: center;
padding:24px;
margin: 40px;
color: white;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
border-radius: 5px;
}
.sikeresuzenet
{
	background: rgb(223,255,222);
background: linear-gradient(0deg, rgba(13,94,0,1) 0%, rgba(0,182,39,1) 100%);
text-align: center;
padding:24px;
margin: 40px;
color: white;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
border-radius: 5px;
}
.webshop_item
{
	background: white;
	border-radius: 5px;
	position: relative;
	width: 250px;
	box-sizing: border-box;
	height: 300px;
	display: inline-block;
	vertical-align: top;
	margin: 20px;

}
.webshop_item:has(a)
{
	cursor: pointer;
}
.webshop_item.ffx
{
	cursor: pointer;
}
.webshop_cont
{
	margin: 0px 30px;
}

.webshop_item .cim
{
	font-size: 20px;
	padding: 15px;
	color: #23668b;
	font-weight: 700;
}
.webshop_item .leiras
{
	padding: 0px 15px;
	    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.webshop_item.repi .leiras
{
	
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.webshop_item .leiras p 
{
	margin-top: 0px;
}
.webshop_item .ar
{
	font-size: 24px;
    margin: 0px 5px;
    color: #d60000;
    position: absolute;
    bottom: 50px;
    right: 5px;
}
.webshop_item .toWebshop
{
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 160px;
}
.webshop_input
{
	    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    width: 65px;
    left: 5px;
    position: absolute;
    bottom: 5px;
    font-size: 16px;
}
.borito
{
	width: 100%;
	height: 150px;
	border-radius:5px 5px 0px 0px;
}
.kosar
{
	    position: sticky;
    top: 170px;
    display: inline-block;
    float: right;
    margin-top: -85px;
    background: white;
    z-index: 5;
    border-radius: 0px 0px 0px 5px;
}
.onecikk~.kosar
{
	margin-top:0px;
}
.kosar_button
{
	position: absolute;
    right: 0px;
    background: #23668b;
    color: white;
    padding: 10px;
    padding-right: 20px;
    top: 0px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 50px 0px 0px 50px;
}
.kosar.showed .kosar_button
{
	right: 320px;
}
.kosar_count
{
	position: absolute;
    top: -5px;
    left: -5px;
    background: red;
    font-size: 13px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kosar_row
{
	border-bottom: 1px solid #a2a2a2;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.kosar_row .termek_nev
{
	width: 220px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}
.kosar_row .termek_mennyiseg
{
	width: 60px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.kosar_row .termek_del
{
	font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
    color: #a2a2a2;
    cursor: pointer;
}
.kosar_row .termek_del:hover
{
	color: black;
}
.kosar_row .termek_mennyiseg i
{
	font-size:13px;
	cursor: pointer;
	color: #a2a2a2;
}
.kosar_row .termek_mennyiseg i:hover
{
	color:black;
}
.mny
{
	display: inline-block;
	text-align: center;
	width:20px;
}
.kosar_content
{
	background: white;
    z-index: 5;
    position: absolute;
    width:300px;
    padding:10px;
    min-height: 250px;
    display: none;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.4);
    border-radius:0px 0px 0px 5px;
}
.kosar.showed .kosar_content
{
	display: block;
	right:0px;
	padding-bottom: 50px;
}
div:where(.swal2-icon) .swal2-icon-content
{
	font-size:1em!important;
}
.cc_container .cc_btn
{
	background-color: white!important;
	border-radius: 50px!important;
	color:#23668b!important;
}
.cikk.esemeny
{
	width:100%!important;
	max-width: 1200px!important;
	margin: 10px auto!important;	
	height: 125px!important;
	min-height: 100px!important;
	display: flex!important;
}
.cikk.esemeny .img_block.left_image
{
	display: block!important;
	border-radius: 5px 0px 0px 5px!important;
	width: 30%!important;
}
.cikk.esemeny .img_block.top_image
{
	display: none!important;
}
.cikk.esemeny .bovebben
{
	position: absolute!important;
	top: 24px!important;
    right: 10px!important;
}
.cikk.esemeny .cimsor
{
	font-size: 20px!important;
	padding-right: 120px!important;
}
.cikk.esemeny .tartalom
{
	padding-left:20px!important;
	width: 70%!important;
}
.cikk.esemeny .datum
{
	display: none!important;
}
.cikk.esemeny .center_tartalom
{
	display: block!important;
}
.cikk.esemeny .center_tartalom .cimkek
{
	display: none!important;
}
.cikk.esemeny .img_block.left_image .cimkek
{
	display: block!important;
}
.cikk.esemeny .lead
{
	padding:0px!important;
	color: #23668b!important;
}
.cikk.esemeny .img_block::before
{
	display: none!important;
}
.cikk.esemeny .img_block
{
	height: 125px!important;
}
.upperfirst
{
	text-transform: capitalize;
}
.noshow, .cikk.esemeny.noshow
{
	display: none!important;
}
.talalat
{
	padding: 32px 0px;
	text-align: center;
	font-size: 26px;
	
}
.kereso_szoveg
{
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	padding: 20px 50px;
}
.kereso_szoveg.nincs
{
	display: block;
	text-align: center;
}
.cikk.jellap
{
	display: block;
	padding: 20px;
}
.jellap .halfdiv
{
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 20px);
}
.jellap .halfdiv.mdiv
{
	margin-left:40px;
}
.jellap .label
{
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
	margin-right: 10px;
}
.jellap label
{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	padding-top: 8px;
	max-width: calc(100% - 50px);
	font-size: 14px;
	font-weight: 400;
}
.jellap .mj
{
	display: block;
	margin-top: -20px;
}
.jellap #captcha
{
	width: 200px;
	margin: 0px auto;
}
.center
{
	text-align: center;
}
.inline
{
	display: inline-block;
	vertical-align: top;
}
.lapozo:not(.hir), .aktivlapozo
{
	width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    border: 1px solid;
    border-radius: 50%;
    margin: 0px 5px;
    float: left;
    color: #23668b;
}
.aktivlapozo
{
	background: #23668b;
	color: white!important;
}
iframe#tar
{
	height: 500px;
}
.video-cont-wrap{
  overflow: hidden;
}
.video-wrapper
{
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.video-wrapper iframe
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cikk.fullcontent .lead
{
	position: relative!important;
	
	display: block!important;
}
.cikk.fullcontent .bovebben
{
	display: none!important;
}
.cikk.elektrotechnika
{
	cursor:pointer;
}
.cikk.elektrotechnika .sr
{
	z-index:1;
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(2,0,36,0.7) 0%, rgba(255,255,255,0) 50%);
}
.cikk.elektrotechnika .et_cim
{
	position: absolute;
	bottom:10px;
	left:10px;
	font-size: 24px;
	font-weight: 700;
	color: white;
	z-index:2;
}
.cikk.clickable
{
	cursor: pointer;
}
.kepzes-table td
{
	border-left: 1px solid silver;
	padding:0px 10px;
}
.kepzes-table td:nth-child(1)
{
 border-left:0px;
}
@media (min-width: 997px)
{
	.logged .button
	{
		margin: 0px 10px;
	}
}
@media (max-width: 1248px) and (min-width:1132px)
{
	.menu
	{
		margin: 0px 10px;
	}
}
@media (max-width: 1131px) and (min-width:997px)
{
	.menu
	{
		font-size:16px;
	}
}
@media (min-width: 1176px)
{
	h1
	{
		font-size: 64px;
		line-height: 72px;
	}
	h2
	{
		font-size: 48px;
		line-height: 56px;
	}
	h3
	{
		font-size: 40px;
		line-height: 48px;
	}
	h4
	{
		font-size: 32px;
		line-height: 40px;
	}
	h5
	{
		font-size: 24px;
		line-height: 32px;
	}
	h6
	{
		font-size: 16px;
		line-height: 24px;
	}
}
@media (min-width: 769px) and (max-width: 1175px)
{
	h1
	{
		font-size: 56px;
		line-height: 64px;
	}
	h2
	{
		font-size: 48px;
		line-height: 56px;
	}
	h3
	{
		font-size: 40px;
		line-height: 48px;
	}
	h4
	{
		font-size: 32px;
		line-height: 40px;
	}
	h5
	{
		font-size: 24px;
		line-height: 32px;
	}
	h6
	{
		font-size: 16px;
		line-height: 24px;
	}
}
@media (max-width: 768px)
{
	h1
	{
		font-size: 48px;
		line-height: 56px;
	}
	h2
	{
		font-size: 40px;
		line-height: 48px;
	}
	
	h3
	{
		font-size: 32px;
		line-height: 40px;
	}
	h4
	{
		font-size: 24px;
		line-height: 32px;
	}
	h5
	{
		font-size: 16px;
		line-height: 24px;
	}
	h6
	{
		font-size: 12px;
		line-height: 16px;
	}
}
.flex_kepzesek
{
	display: flex;
}
.kepzes_group
{
	position: relative;
	width: calc(100% - 10px);
	margin: 5px;
	max-width: 300px;
	background: white;
	box-sizing: border-box;
	padding: 8px;
	border-radius: 5px;
	color: #23668b;
	padding-bottom: 40px;
	font-size: 18px;
	font-weight: 700;
	transition: all 0.5s;
}
.kepzes_group:hover
{
	box-shadow:0px 0px 20px rgba(0,0,0,0.1);
}
.kepzes_group .button
{
	    position: absolute;
    bottom: 8px;
    width: calc(100% - 18px);
    box-sizing: border-box;
    text-align: center;

}
.kepzes_group ul li
{
	color: black;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	list-style: none;
	margin-bottom: 8px;
}
.noshowtable
{
	display: none;
}
.shadow
{
	box-shadow:0px 0px 20px rgba(0,0,0,0.3);
}
@media (max-width: 768px)
{
	.flex_kepzesek
	{
		flex-direction: column;
	}
	.kepzes_group
	{
		max-width: 500px;
		margin:5px auto;
	}
}
#google_translate_element, .skiptranslate
{
display: none!important;
}
.current_lang
{
	cursor: pointer;
	display: block;
	margin-top:7px;
}
.lang_div img
{
	height: 17px;
	border-radius: 2px;
}
.lng_dropdown
{
	display: none;
	position: absolute;
	background: white;
	padding: 8px;
	border-radius: 10px;
    left: -8px;
    top: 27px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
.lang_elem
{
	cursor: pointer;
}
.lang_elem:nth-child(1)
{
	margin-bottom:8px;
}
.lang_div
{
	display: inline-block;
    vertical-align: middle;
    height: 37px;
    position: relative;
    z-index: 102; 
    margin-right: 8px;  
}
.lng_szurke
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.3);
	z-index: 101;
}
/*@media (min-width: 1750px)
{
	.menu
	{
		font-size:24px;
	}
	.lablec_menu a, .simplepay
	{
		font-size: 18px;
	}
	.megamenu .megamenu_item
	{
		width: 200px;
	}
	.logo
	{
		height: 120px;
	}
	.name
	{
		font-size: 32px;
	}
}*/