@import url('https://fonts.googleapis.com/css?family=Poppins:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=latin-ext');
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700");
:root{
	--max-width: 1200px;
	--fekete: #191919;
	--fekete2: #222222;
	--fekete3: #333333;
	--sotet-fekete: #090909;;
	--vilagoskek: #2abed4;
	--okker: #b99a30;
	--sotetkek: #083fa0;
}
@font-face {
    font-family: Sora-Regular;
    font-style: normal;
    src: url("Sora-Regular.ttf") format('truetype');
}
@font-face {
    font-family: Sora-Light;
    font-style: normal;
    src: url("Sora-Light.ttf") format('truetype');
}
@font-face {
    font-family: Sora-SemiBold;
    font-style: normal;
    src: url("Sora-SemiBold.ttf") format('truetype');
}
@font-face {
    font-family: Sora-Bold;
    font-style: normal;
    src: url("Sora-Bold.ttf") format('truetype');
}
@font-face {
    font-family: Comfortaa-Bold;
    font-style: normal;
    src: url("Comfortaa-Bold.ttf") format('truetype');
}
@font-face {
    font-family: Comfortaa-SemiBold;
    font-style: normal;
    src: url("Comfortaa-SemiBold.ttf") format('truetype');
}
@font-face {
    font-family: Comfortaa-Regular;
    font-style: normal;
    src: url("Comfortaa-Regular.ttf") format('truetype');
}
*{
  	font-family:'Poppins',sans-serif;
	padding: 0;
	margin: 0;
	outline: none;
	font-size: 15px;
	box-sizing: border-box;
}
body{
	line-height: 1.42857143;
	color: var(--fekete3)
}
header{
	display: flex;
	width: 100%;
	flex-flow: column nowrap;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
}
#szechenyi_2020_esba {
    min-width: 150px;
    width: 10vw;
    position: fixed;
    z-index: 1001;
    right: 0;
    bottom: 0;
}
#Szechenyi-terv-plusz-logo-banner-scaled{
    min-width: 150px;
    width: 10vw;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;    
}
@media screen and (max-width:1199px)
{
    #Szechenyi-terv-plusz-logo-banner-scaled{left: 30%;}
}

.nyil{
	display: inline flow-root list-item;
	font-size: 11px;
	transform: translateY(-2px);
	width: fit-content;
}
.nyil.jobbra{
	transform: rotate(-90deg);
}
article{
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	width: 100%;
	margin-top: 112px;
}
.feher-menu-sav{
	display: flex;
	flex-flow: row nowrap;
	background: #fff;
	border-bottom: 1px solid #fff;
	align-items: center;
	justify-content: center;
	height: 72px;
}
.feher-menu-sav .sima-link{
	text-decoration: none;
	color: var(--fekete);
	background-color: transparent;
	font-size: 86%;
	font-weight: bold;
	line-height: 1.42857143;
}
.sima-link:hover{
	cursor:pointer;
	text-decoration: underline;
}
.logo 
{
	display: block;
	position: relative;
	cursor: pointer;
}
.logo img {
position: fixed;
  top: 0px;
  height: 114px;
  background-image: linear-gradient(180deg,#fff 50%,#ccc);
  padding: 10px 25px;
}
.menu-belso{
	display: flex;
	flex-flow: row nowrap;
	max-width: var(--max-width);
	width: 100%;
}
.menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
	flexf-flow: row nowrap;
	
}

/* Főmenü listák (vízszintesen elrendezve) */
.menu > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
	grid-gap:10px;
}
.menu > ul li{
	position: relative;
}
.menu > ul > li {
  position: relative; /* A benne lévő almenühöz kell */
}

/* Főmenü linkek */
.menu > ul > li > a {
	display: block;
	padding: 11px 0px;
	color: #fff; /* Fehér szöveg */
	text-decoration: none;
	background-color: #2abed4; /* Módosítva */
	transition: background 0.3s;
	font-family: Sora-SemiBold;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
}
.menu > ul > li > div > a{
	display: inline-block;
	padding: 11px 0px;
	color: #fff; /* Fehér szöveg */
	text-decoration: none;
	background-color: #2abed4; /* Módosítva */
	transition: background 0.3s;
	font-family: Sora-SemiBold;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
}
.menu > ul > li > div .nyil{
	color: #fff;
	font-size: 10px;
	margin-left: 3px;
}
.menu > ul > li:hover > div > a {
  color: #000 ; /* Kicsit sötétebb árnyalat */
}
/* Főmenü hover */
.menu > ul > li:hover > a,.menu > ul > li:hover > div > .nyil {
  color: #000; /* Kicsit sötétebb árnyalat */
}

/* Almenük, alapértelmezetten rejtve */
.menu ul ul {
  display: none; 
  position: absolute;
  top: 100%;
  left: 0; 
  min-width: 280px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #2abed4; /* Módosítva */
  z-index: 999;
}

/* Almenü linkek */
.menu ul ul li a{
  display: inline-block;
  padding: 11px 16px;
  color: #fff; /* Fehér szöveg */
  text-decoration: none;
  background-color: #2abed4; /* Módosítva */
/* word-break: break-all;*/
	font-family: Sora-SemiBold;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: normal;
}
.menu ul ul li > div{
	display:flex;
	align-items: center;
}
.menu ul ul li > div .nyil{
	color: #fff;
	font-size: 10px;
	margin-left: 3px;
}
/* Almenü linkek hover */
.menu ul ul li:hover > a,.menu ul ul li:hover > div > a,.menu ul ul li:hover > div .nyil{
  color: #000; /* Kicsit sötétebb árnyalat */
}

/* További szint (al-almenü) alapértelmezetten jobbra nyílik (left: 100%) */
.menu ul ul ul {
  top: 0;
  left: 100%;
}

/* Ha nincs hely jobbra, akkor balra igazítjuk */
.left-open {
  left: auto !important;
  right: 100% !important;
}

/* Hover eseménynél mutassa a benne lévő sub-UL-t */
.menu li:hover > ul {
  display: block;
}
.ahol-text{
	font-family: Comfortaa-SemiBold;
	font-size: 22px;
	color: var(--sotetkek);
	white-space: nowrap;
	margin-left: 214px;
}
.feher-menu-sav .mini-ikon{
	cursor: pointer;
}.feher-menu-sav .mini-ikon img{
	cursor: pointer;
	height: 17px;
	transform: translateY(3px);
	border: 0.5px solid #ccc;
}
.feher-menu-sav .mini-ikon svg{
	width: 25px;
	height: 25px;
	fill: var(--vilagoskek);
	transform: translateY(3px);
}
.feher-menu-sav .mini-ikon.transy8 svg
{
	transform: translateY(8px);
}
.feher-menu-sav .mini-ikon img.yt{
	height: 26px;
	border: 0;
}
.row{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	width: 100%;
	position: relative;
}
.row.right{
	justify-content: flex-end;
}
.row.center{
	justify-content: center;
}
.kek-menu-sav{
	display: flex;
	flex-flow: row nowrap;
	background: var(--vilagoskek);
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 900;
	
}
.menu-space{
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

small{
	font-size: 86%;
}
.main-container{
	display: flex;
	margin-top: 50px;
	width: 100%;
	max-width: var(--max-width);
	flex-flow: column;
}
.main-container.w100{
	max-width: unset;
}
.main-container.p30{
	box-sizing: border-box;
	padding: 10px 30px;
}

.kartyak{
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	align-items: flex-start;
	background-color: rgba(0,0,0,0.03);
	border: 1px solid rgba(0,0,0,0.125);
	border-radius: 2px;
}
.kartya{
	display: flex;
	flex-flow: column;
	width: calc(100% / 6 - 1px);
	max-width: calc(var(--max-width) / 6);
	word-wrap: break-word;
	border-right: 1px solid #ddd;
}
.kartya:last-child{
	border-right: unset;
}
.kartya-kep{
	padding: 0.75rem 1.25rem;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.kartya-kep img{
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	padding: 4px;
	border: 1px solid #ddd;
}
.kartya-tartalom{
	display: flex;
	flex-flow: column;
	padding: 0.75rem 1.25rem;
	width: 100%;
	grid-gap: 10px;
	min-height: 250px;
}
.kartya-cim{
	color: var(--fekete);
	font-weight: 900;
	text-decoration: none;
	text-align: center;
	user-select: none;
	margin-bottom: 10px;
}
.kartya-cim:hover{
	cursor: pointer;
	color: var(--okker);
	text-decoration: none;
}
.kartya-tartalma{
	color: var(--fekete);
	text-align: center;
}
.text-center,.text-align-center{
	text-align: center;
}
.alert{
	display: flex;
	flex-flow: column nowrap;
	font-weight: 600;
  	font-size: 24px;
	width: 100%;
	padding: 20px;
	border-radius: 2px;
	text-align: center;
}
.mt10{
	margin-top: 10px !important;
}
.mt20{
	margin-top: 20px !important;
}
.mt30{
	margin-top: 30px !important;
}
.mt40{
	margin-top: 40px !important;
}
.mt50{
	margin-top: 50px !important;
}
.mb50{
	margin-bottom: 50px !important;
}

.alert-success{
	border: 1px solid #a3cfbb;
	background-color: #d1e7dd;
	color: #0a3622;
}
.alert-danger{
	background-color:#f8d7da;
	color: #58151c;
	border: 1px solid #f1aeb5;
}
.alert-warning{
	border: 1px solid #FDAC41;
	color: #FDAC41;
	background-color: #fff;
	
}
h2{
	font-family: "Source Sans Pro",Calibri,Candara,Arial,sans-serif;
	font-size: 32px;
	margin-top: 21px;
  	margin-bottom: 10.5px;
	font-weight: 300;
  	line-height: 1.1;
	color: inherit;
}
img {
  max-width:100%;
}
strong.kek{
	color: var(--sotetkek);
}
sup{
	font-size: 80%;
}

footer{
	display: flex;
	width: 100%;
	flex-flow: row nowrap;
	background: var(--vilagoskek);
	justify-content: center;
	align-items: center;
	padding: 30px 0px;
}
footer *{
	color: #fff;
}
.footer{
	display: flex;
	width: 100%;
	max-width: var(--max-width);
	justify-content: space-between;
	flex-flow: column;
}
.foot{
	display: flex;
	flex-flow: column;
	width: 33.3%;
	padding: 0px 15px;
	grid-gap: 20px;
}
.foot.center{
	align-items: center;
}
.foot-link{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	font-family: Sora-Bold;
}
.foot-link:not(.nl):hover{
	text-decoration: underline;
}
.foot-link.light{
	font-family: Sora-Regular;
}
.foot-link.absolute{
	position:absolute;
	right: 0;
}
.foot-link .gorget{
	transform: rotate(-90deg);
	margin-left: 5px;
	display: inline-block;
}
.foot-hr{
	height: 1px;
	width: 100%;
	background: #58cde2;
}
.nyilonyil{
	display: none;
}
img {
  max-width:100%;
}
label{
	max-width: 100%;
	font-weight: 700;
}
label.nowrap{
	white-space: nowrap;
}
blockquote {
	padding: 10.5px 21px;
	margin: 0 0 21px;
	font-size: 18.75px;
	border-left: 5px solid #e6e6e6;
}
.form{
	display: flex;
	flex-flow: column;
	width: 100%
}
.select-space{
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 10px;
}
.dotted{
    border-top: 1px dotted #e5e5e5;
    border-bottom: 1px dotted #e5e5e5;
    padding: 20px 0px;   
}
.select-space .oszlop{
	display: flex;
	flex-flow: column nowrap;
	width: calc(50% - 10px);
}
.select-space .oszlop.w35{
	width: calc(35% - 20px);
}
.select-space .oszlop.w65{
	width: calc(65% - 20px);
}
.select-space .oszlop.w40{
	width: calc(40% - 20px);
}
.select-space .oszlop.w60{
	width: calc(60% - 50px);
    margin-right: 50px;
}
.select-space.harmas .oszlop{
	width: calc(100% / 3 - 1.7rem);
}
.select-space.negyes .oszlop{
	width: calc(25% - 1.7rem);
}
.select-space.otos .oszlop{
	width: calc(100% / 5 - 1.7rem);
}
.select-space.hatos .oszlop{
	width: calc(100% / 6 - 1.7rem);
}
.select-space .oszlop.rem7{
	width: calc(50% - 0.7rem);
}
.select-space.nomargin{
	margin-bottom: 0 !important;
}
.select-space.nomargin .oszlop .mezo{
	margin-bottom: 0 !important;
}
.select-space.vcenter{
	align-items:center;
}
.floating-tooltip {
	position: absolute;
	background-color: var(--sotet-fekete);
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	display: none;
	max-width: 300px;
	z-index: 9999;
	word-wrap: break-word;
}
.help {
	display: block;
	width: 18px;
	height: 18px;
	text-align: center;
	vertical-align: baseline;
	color: #fff;
	border: 2px solid #bbb;
	border-radius: 50%;
	background: #bbb;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	justify-content: center;
	align-items: center;
	float: right;
}
.help:hover{
	cursor: help;
	color: #fff;
	border-color: #0074bd;
	background: #0074bd;
}
.red{
	color: red;
	width: fit-content;
}
.green{
	color: green;
}
.checkbox-keret{
	margin: 15px 0px;
	/*display: inherit;*/
}
.checkbox-keret .form-checkbox{
	margin-right: 5px;
	width: 20px;
	height: 20px;
}
.select-wrapper{
	display: inline-block;
	position: relative;
	width: 100%;
}
.select-wrapper::after {
  color: #2780e3;
  content: '▼';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-top: -.5em;
  padding-right: .5em;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
}
.select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 2em;
}
.upper{
	text-transform: uppercase;
}
.lower{
	text-transform: lowercase;
}
.modal {
    display: none;
    position: fixed;
    bottom: 0; 
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
	z-index: 1000;
}

.modal-content {
    background-color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#acceptCookie {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}
.bezar{
	background: #fff;
	border-radius: 50%;
	color: red;
	border: 1px solid #ddd;
	box-sizing: border-box;
	width: 35px;
	height: 35px;
	font-size: 17px;
	font-weight: 900;
	cursor: pointer;
	transition: .3s;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bezar:hover{
	background: red;
	border-color: red;
	color: #fff;
}
.rejtett{
	display: none;
	width: 100%;
}

.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.carousel-keret{
	width: 100%;
	display: block;
	position: relative;
}
.carousel-lebego-keret{
	display: flex;
	top: 50px;
	position: absolute;
	justify-content: center;
	width: 100%;
	z-index: 1;
	background: transparent;
}
.carousel-lebego-keret .maxw{
	display: flex;
	justify-content: flex-end;
	
}
.carousel-lebego{
	display: flex;
	border-radius: 10px;
	background: #fff;
	box-sizing: border-box;
	width: 400px;
	padding: 20px;
	z-index:1;
	flex-flow: column;
	position: relative;
	grid-gap: 10px 0px;
}
.carousel-lebego a{
	text-decoration: none;
	cursor: pointer;
}
.carousel-cim{
	font-family: Comfortaa-Bold;
	font-size: 18px;
	width: 100%;
	text-align: left;
	padding-bottom: 3px;
	border-bottom: 1px solid #063f9f;
	color:#063f9f;
	font-weight: 600;
	text-decoration: none;
	
}
.carousel-cim-fekete{
	font-family: Comfortaa-Bold;
	font-size: 20px;
	width: 100%;
	text-align: left;
	padding-bottom: 3px;
	color:#000;
	font-weight: 600;
	text-decoration: none;
}
.carousel-szoveg{
	margin-top: 5px;
	width: 100%;
	text-decoration: none;
}
.carousel-szoveg p{
	font-family: Sora-Light;
	font-size: 17px;
	max-width: 80%;
	color: #000;
}
.carousel-gomb{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	padding: 0px 8px;
	height: 30px;
	background: var(--vilagoskek);
	font-size: 14px;
	transition: .3s;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 20px;
	bottom: 10px;
	border-radius: 6px;
}
.carousel-gomb:hover{
	filter: brightness(0.8);
}
.carousel img {
  height: 400px; 
  object-fit: cover; 
  width: 100%;
}

.maxw{
	display: block;
	width: 100%;
	max-width: var(--max-width);
}
.oldal-cim-keret{
	display: flex;
	position: absolute;
	bottom: -6%;
	width: 100%;
	justify-content: center;
}
.oldal-cim{
	background: var(--vilagoskek);
	border-radius: 5px;
	padding: 20px 15px 15px 15px;
	color: #fff;
	font-family: Comfortaa-Regular;
	font-size: 25px;
	width: 300px;
	text-transform: uppercase;
	
}
.hireink{
	display: flex;
	width: 100%;
	flex-flow: column;
	align-items: flex-start;
	justify-content: flex-start;
	grid-gap: 20px;
	margin-top: 20px;
}
.hir-keret{
	display: flex;
	width: 100%;
	flex-flow: row nowrap;
	grid-gap: 20px;
	align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.hir-keret:last-child{
    border-bottom: unset;
}
.hir-kep{
	width: 250px;
	aspect-ratio: 1;
}
.hir-kep img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    border-radius: 4px;
}
.hir-column{
	display: flex;
	flex-flow: column;
	width: 100%;
	grid-gap: 10px;
}
.hir-cim{
	width: 100%;
	line-height: 1.2em;
	font-family: Comfortaa-Bold;
	color: #093fa1;
	font-size: 20px;
	text-decoration: none;
	cursor: pointer;
}
.hir-tartalom{
	width: 100%;
	height: 100%;
	
	font-family: Sora-Regular;
	color: #1f1f1f;
	font-size: 14px;
}
.hir-tovabb{
	text-decoration: none;
	color: #093fa1;
	font-family: Sora-SemiBold;
	font-size: 14px;
	transition: .3s;
	cursor: pointer;
}
.hir-tovabb:hover{
	color: var(--vilagoskek);
}
.oldalsav{
	display: flex;
	flex-flow: column;
	width: 100%;
	align-items: center;
	position: relative;	
}
.oldalsav img{
    margin: 8px 0px;
}
.oldalsav-head{
	padding: 13px 20px 10px 20px;
	background: var(--vilagoskek);
	color: #fff;
	text-align: left;
	/*text-transform: uppercase;*/
	font-family: Comfortaa-Regular;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 22px;
    font-weight: bold;
}
.oldalsav .oldalsav-head{
    text-transform: uppercase !important;
    text-align: center !important;
}

.oldalsav-head.left{
	text-align: left;
}
.oldalsav-head img{
	position: absolute;
	height: 121px;
	left: -36px;
	top: -40px;
}
.oldalsav-body{
	background: #f9f9f9;
	padding: 0px 50px 20px 50px;
	display: flex;
	width: 100%;
	box-sizing: border-box;
	flex-flow: column;
}

.oldalsav-sor{
	display: flex;
	flex-flow: column;
	grid-gap:5px;
	padding: 20px 0px;
	border-top: 1px solid #ccc;
	width: 100%;
}
.oldalsav .oldalsav-sor:first-child{
	border-top:0;
}
.oldalsav-sor .olink{
	text-decoration: none;
	width: 100%;
	line-height: 1.2em;
	font-family: Comfortaa-Regular;
	font-size: 16px;
	color: var(--sotetkek);
	cursor: pointer;
	transition: .3s;
}
.oldalsav-sor .olink.flex{
	display: flex;
	align-items: center;
}
.oldalsav-sor .olink:hover{
	color: var(--vilagoskek);
}
.oldalsav .osszes-hir{
	font-family: Sora-SemiBold;
	font-size: 14px;
	color: var(--sotetkek);
	text-decoration: none;
	text-align: right;
	cursor: pointer;
	transition: .3s;
	width: 100%;
	padding: 5px;
}
.oldalsav .osszes-hir:hover{
	color: var(--vilagoskek);
}
.oldalsav-sor .odatum{
	color: #555555;
	font-family: Sora-Regular;
	font-size: 12px;
	line-height: 1.2em;
	text-align: left;
	width: 100%;
}
.oldalsav-body.p5{
	padding: 0px 5px;
}
.oldalsav-body.feher{
	background: #fff;
}
.oldalsav-body.vastag .oldalsav-sor .olink{
	font-family: Sora-SemiBold;
}
.oldalsav-body.center .oldalsav-sor .odatum, .oldalsav-body.center .oldalsav-sor .olink{
	text-align: center;
}
.oldalsav-body.dokumentumtar .oldalsav-sor .olink{
	text-align:left;
	line-height: 1.5em;
	font-family: Sora-SemiBold;
}
.oldalsav-body.dokumentumtar{
	background: #fff;
	padding: 0;
}
.oldalsav-body.dokumentumtar .oldalsav-sor{
	padding: 5px 0px;
	padding-bottom: 15px;
}
.ggap5{
	grid-gap: 5px;
}
.ggap5.column{
	flex-flow: column;
}
.ggap15{
	grid-gap: 15px;
}
.ggap20{
	grid-gap: 20px;
}
.ggap30{
	grid-gap: 30px;
}
.ggap40{
	grid-gap: 40px;
}
.ggap15.column{
	flex-flow: column;
}
.gomb{
	padding: 13px 20px 10px 20px;
	width: fit-content;
	color: #fff;
	background-color: var(--vilagoskek);
	font-size: 16px;
	border-radius: 5px;
	font-family: Sora-Regular;
	transition: .3s;
	text-decoration: none;
	cursor: pointer;
}
.gomb:hover{
	background-color: var(--sotetkek);
}
.gomb.kicsi{
	font-size: 12px;
	padding: 5px 10px;
}
h3{
	width: 100%;
	text-align: left;
	line-height: 1.2em;
	font-family: Comfortaa-Bold;
	color: var(--sotetkek);
	/*font-size: 22px;*/
	font-size: 19px;
	margin:0;
	padding: 10px 0px;
	font-weight: 100;
}
h3.nopad{
	padding: 0;
}
h2{
	width: 100%;
	text-align: left;
	line-height: 1.2em;
	font-family: Comfortaa-Bold;
	color: var(--sotetkek);
	font-size: 28px;
	margin:0;
	padding: 10px 0px;
	
}
.szurkeszoveg{
	color: #333;
	font-family: Sora-Light;
	font-size: 14px;
	line-height: 25px;
	width: 100%;
}

.link{
	text-decoration: none;
	color: var(--vilagoskek);
	font-family: Sora-Light;
	font-size: 15px;
	cursor: pointer;
	transition: .3s;
}
.link:hover{
	color: var(--sotetkek);
}
.szurkebox-body{
	color: #333;
	font-family: Sora-Light;
	font-size: 16px;
	line-height: 25px;
	width: 100%;
	padding: 10px 0px;
}
.szurkebox-body .link{
	font-size: 16px;
}
.szurkebox-head{
	background-color:#e7e8ea;
	padding: 10px 20px;
	text-align: center;
	width: 100%;
	color: #000;
	position: relative;
	font-family: Sora-Regular;
}
.szurkebox-head img{
	position: absolute;
	left:20px;
	top:5px;
	height: 30px;
	
}
.galeriatitle{
	padding: 10px 20px;
	background: var(--vilagoskek);
	text-transform: uppercase;
	font-family: Comfortaa-Bold;
	border-radius: 5px 5px 0px 0px;
	width: fit-content;
	color: #fff;
	font-size: 24px;
}
.kisgaleria-keret{
	display: block;
	width: 100%;
	background: var(--vilagoskek);
	padding: 50px;
}
.kisgaleria{
	margin: 0 auto;
	width: 100%;
	max-width: var(--max-width);
}
.kisgaleria .kep{
	background: #fff;
	padding: 5px;
	width: calc(var(--max-width) / 3 - 30px);
}
.kisgaleria .kep img{
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.galeria-cim{
	color: var(--sotetkek);
	width: 100%;
	padding: 5px 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Comfortaa-Bold;
	text-decoration: none;
	cursor:pointer;
}
.felhivas{
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	align-items: center;
	grid-gap: 15px;
}

.felhivaskep{
	max-height: 250px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.felhivas .gomb{
	font-size: 12px;
    padding: 10px 20px 10px 20px;
}
.felhivas-szoveg{
	font-size: 14px;
	font-family: Sora-Light;
	color: #333;
	width: 100%;
}
.felhivas-szoveg strong{
	font-size: 14px;
	font-family: Sora-Bold;
	color: #333;
	font-weight: 100;
}
.oldalsav-kep{
	width: 180px;
	margin: 0 auto;
}
.olink svg{
	transform: translateY(10px);
	width: 35px;
	height: 35px;
	fill: var(--vilagoskek);
	transition: .3s;
}
.page-header{
	background-color: transparent;
	width: 100%;
	display: flex;
	flex-flow: column;
	margin-bottom: 20px;
}
.page-header h1{
	font-family: Comfortaa-Bold;
	padding-bottom: 10px;
	width: 100%;
	text-align: left;
	font-size: 40px;
	color: var(--vilagoskek);
	font-weight: 100;
}
.utvonalak{
	width: 100%;
	padding: 10px 20px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	background-image: linear-gradient(#eee,#fff);
	align-items: center;
	grid-gap: 10px;
}
.utvonalak span{
	font-size: 14px;
	color: #666666;
	font-family: Comfortaa-Bold;
}
.utvonalak .utvonal{
	text-decoration: none;
	color: var(--vilagoskek);
	font-family: Comfortaa-Bold;
	font-weight: 100;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 14px;
}
.utvonalak .utvonal.active{
	color: #666666;
	cursor: default;
}
.galeriaboxok{
	display: flex;
	width: 100%;
	justify-content: flex-start;
	flex-flow: row wrap;
	grid-gap: 30px 0px;
}
.galeriabox{
	display: flex;
	width: calc(100% / 3 - 20px);
	margin: 0px 10px;
	flex-flow: column;
	text-decoration: none;
	cursor: pointer;
}
.galeriabox img{
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.galeriabox-cim{
	padding: 5px 20px;
	background-color: var(--vilagoskek);
	font-family: Comfortaa-Regular;
	font-size: 15px;
	width: fit-content;
	color: #fff;
	text-decoration: none;
}
.carousel.shadow{
	position: relative;
}
.carousel.shadow::before{
	position: absolute;
	height: calc(100% / 5);
	width: 100%;
	background-image: linear-gradient(transparent,rgba(201, 201, 201,0.3)) ;
	content: '';
	bottom: 0;
	z-index: 1;
}
h5{
	color: var(--sotetkek);
	font-size:  18px;
	width: 100%;
	line-height: 1.5em;
	font-family: Comfortaa-Bold;
}
.oszlop.w60 p{
	font-family: Sora-Light;
	font-size: 16px;
	color: #333;
}
.kiskep{
	width: 40px;
	aspect-ratio: 1;
	object-fit: cover;
	margin: 0px 10px 0px 0px !important;
}
.oldalsav-sor .kiskep,.latnivalo-link .kiskep{
	
	margin-right: 10px;
}
.latnivalo-lapozo{
	display: flex;
	flex-flow: row wrap;
	grid-gap: 20px;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}
.latnivalo-link{
	display: flex;
	color: #333;
	font-family: Sora-Light;
	font-size: 16px;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
}
.latnivalo-link span{
	font-size: 16px;
	color:#333;
	font-family: Sora-Light;
}
.latnivalo-link.forditva{
	flex-flow: row-reverse;
}
.latnivalo-link.forditva .kiskep{
	margin: 0px 0px 0px 10px !important;
}
.dokumentumbox{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	grid-gap: 20px 0px;
	width: 100%;
}
.dokumentumbox .dokumentum{
	width: calc(100% / 3 - 30px);
	margin: 0px 10px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	text-decoration: none;
}
.dokumentum .folder{
	height: 30px;
	width: 30px;
	margin-right: 10px;
}
.dokumentum .dokumentum-cim{
	font-size: 16px;
	font-family: Sora-Regular;
	color: var(--sotetkek);
	transition: .3s;
	cursor: pointer;
	text-decoration: none;
	word-wrap: anywhere;
  	word-break: break-all;
	width: 100%;
}
.dokumentum .dokumentum-cim:hover{
	color: var(--vilagoskek);
}
.hr-szurke{
	width: 100%;
	height: 1px;
	background-color: #ccc;
}
.szallasok{
	display: flex;
	width: 100%;
	justify-content: flex-start;
	flex-flow: row wrap;
	grid-gap: 30px 0px;
}
.szallasbox{
	display: flex;
	width: calc(100% / 3 - 20px);
	margin: 0px 10px;
	flex-flow: column;
}
.szallasbox img{
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}
.szallasbox-cim{
	width: 100%;
	text-align: left;
	line-height: 1.2em;
	font-family: Comfortaa-Bold;
	color: #093fa1;
	font-size: 20px;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 0px;
}
.szallasbox p{
	font-family: Comfortaa-Regular;
	color: #000;
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.5em;
}
.szallasbox strong{
	font-family: Comfortaa-Bold;
	color: #000;
	font-size: 14px;
	text-align: left;
}
.lapozo-keret{
	display: flex;
	flex-flow: row nowrap;
	width: 100%;
	align-items: center;
	justify-content: center;
}
.lapozo{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	grid-gap: 0px 25px;
}
.lap-gomb{
	font-size: 18px;
	font-family: Comfortaa-Regular;
	color: #333;
	text-decoration: none;
	cursor: pointer;
	transition: .3s;
}
.lap-gomb.active,.lap-gomb-selected{
	color: var(--vilagoskek);
}
.lap-gomb:hover{
	color: var(--sotetkek);
}
.lap-gomb.elso{
	margin-right: 15px;
}
.lap-gomb.utolso{
	margin-left: 15px;
}
.intezmeny-keret{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.intezmeny-keret.reverse{
	flex-flow: row-reverse nowrap;
} 
.intezmeny-keret .intezmenykep{
	width: 65%;
	object-fit: cover;
	aspect-ratio: 3/2;
	border-radius: 5px;
}
.intezmeny-column{
	display: flex;
	flex-flow: column;
	width: calc(35% - 20px);
	grid-gap: 15px;
	
}
.intezmeny-cim{
	color: var(--vilagoskek);
	font-size: 20px;
	font-family: Comfortaa-Regular;
	width: 100%;
}
.intezmeny-column p{
	font-family: Sora-Regular;
	color: #333;
	font-size: 16px;
	width: 100%;
	text-align: left;
	/*max-height: 120px;*/
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
}
.nyelvek{
	width: fit-content;
}
.ham{
	display: none;
}
.nyelv-keret,.nyelv-kiskeret{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 100%;
    transition: 0.5s;
    justify-content: center;
	position: relative;
}
.nyelv-keret .nyelv{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: 0.5s;
}
.nyelv-kiskeret:hover{
    cursor: pointer;
}
.nyelv-kiskeret .link{
	padding: 0px 5px;
}
.nyelv-kiskeret:hover .nyelv{
    filter: brightness(0.8);
}
.nyelv-kiskeret:hover .nyelvlenyilo{

    color: var(--sarga);
}
.nyelvmenu{
    display: flex;
    flex-flow: column nowrap;
    position: absolute;
    top: 28px;
    width: fit-content;;
    height: 0px;
    background: #fff;
    z-index: 2;
    overflow: hidden;
	padding: 0px 5px;
}
/*Egy elem 56px magas*/
.nyelvmenu .link{
    width: 100%;
	padding: 0px;
    margin: 0px 0px 6px 0px;
    text-align: center;
	border: 1px solid #ccc;
}
img.pad20{
	padding: 0px 20px;
}
.szurke-hr{
	width: 100%;
	height: 1px;
	background: #ECECEC;
	margin: 20px 0px;
}
.onk-img{
	aspect-ratio: 3/2;
	width: 100%;
	object-fit: cover;
}
table{
	border-collapse: collapse;
	width: 100%;
	max-width: 100%;
	border: 1px solid #ccc;
	color: #000;
}
table tr{
	border-bottom: 1px solid #ccc;
}

table tr th,table tr td{
	border-right: 1px solid #ccc;
}

table tr th{
	font-family: Sora-SemiBold;
	padding: 5px;
	font-size: 14px;
}
table tr td{
	font-family: Sora-Regular;
	padding: 5px;
	font-size: 14px;
}
table strong{
	font-family: Sora-SemiBold;
	font-size: 14px;
}
.img-lead-bal {
	margin: 0px 20px 5px 0px !important;
  float: left;
  width: 350px;
}
.img-lead-jobb {
	margin: 0px 0px 5px 20px !important;
  
  float: right;
  width: 350px;
}
.hirsav{
	width: 100%;
}
.hirsav p{
	margin-bottom: 10px;
}
.hirsav a{
	text-decoration: none;
	color: var(--vilagoskek);
	font-family: Sora-Light;
	font-size: 15px;
	cursor: pointer;
	transition: .3s;
}
.hirsav a:hover{
	color: var(--sotetkek);
}
.esemenynaptar{
	display:flex;
	flex-flow: column;
	width: 100%;
}
.esemeny-fejek{
	display:flex;
	width: 100%;
	align-items: center;
	flex-flow: row nowrap;
	border-bottom: 1px solid #eee;
}
.esemeny-fejek:first-child{
	
	border-bottom: 0px;
}
.esemeny-oszto{
	display: flex;
	flex-flow: row nowrap;
	width: calc(100% - 50px);
	align-items: center;
}
.esemeny-fej{
	padding: 13px 20px 10px 20px;
	  background: var(--vilagoskek);
	  color: #fff;
	  text-align: center;
	  font-family: Comfortaa-Regular;
	display: flex;
	flex-flow: row;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	text-decoration: none;
}
.esemeny-fej.w100{
	width: calc(100% - 135px);
}
.esemeny-fej.w135px{
	width: 135px;
}
.esemeny-fej.szurke{
	background-color: #F6F6F6;
	padding: 7px 20px 4px 20px;
}
.esemeny-fej.left{
	justify-content: flex-start;
	text-align:left;
}
.esemeny-fej.atlatszo{
	background-color: transparent;
	color: #000;
	font-size: 14px;
	
}
.google-calender-img{
	width: 40px;
	height: 40px;
	margin: 0 !important;
}
.google-calender-img-plus{
	width: 30px;
	height: 30px;
	margin: 0 !important;
	cursor: pointer;
}
@media screen and (max-width:1250px)
{
	:root{
		--max-width: 95%;
	}
}
@media screen and (max-width:1199px)
{
	.ham{
		display: flex;
		background: var(--sotetkek);
		padding: 5px;
		border-radius: 3px;
		color: #fff;
		height: 35px;
		width: 35px;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.ham .ham1,.ham .ham2, .ham .ham3{
		background-color: #fff;
	}
	.ham.forgat .ham1,.ham.forgat .ham2,.ham.forgat .ham3{
		position: absolute;
	}
	.ham.forgat .ham1{
		transform: rotate(-45deg);
	}
	.ham.forgat .ham2{
		opacity: 0;
	}
	.ham.forgat .ham3{
		transform: rotate(45deg);
	}
	.ham1, .ham2, .ham3 {
	  display: block;
	  width: 25px;
	  height: 1px;
	  margin: 3px 0px;
	  transition: 0.5s;
	  border-radius: 20px;
	}
	
	.footer{
		flex-flow: row wrap;
	}
	.foot{
	width: 50%;
	}
	.floating-tooltip {
		max-width: 100vw; /* Maximális szélesség mobilon */
		left: 0;
		right: 0;
		margin: 0 auto; /* Középre igazítva */
		bottom: 10px;
		 position: fixed;
	}
	.checkbox-keret{
		display: unset;
	}
	label{
		display: unset;
	}
	article{
		margin-top: 60px;
	}
	footer .foot-link,footer .row{
		text-align: center;
	}
	.foot-link.absolute {
	  position: relative;
	  right: 0;
	}
	.foot{
	width: 100%;
	}
	footer, .footer, footer .row{
		flex-flow: column;
	}
	.menu{
		display: flex;
		flex-flow: column;
	}
	.menu-space{
		justify-content: center;
	}
	.menu-link{
		width: 100%;
		text-align: left;
		position: relative;
	}
	.select-space{
		flex-flow: column;
	}
	.select-space .oszlop {
		width: 100%;
	}
	.mobil-megjelenit{
		display: flex;
	}
	.carousel-lebego-keret{
		top: unset;
		bottom: 50px;
	}
	.mhide{
		display: none;
	}
	.mshow{
		display: block;
	}
	.feher-menu-sav{
		height: 60px;
	}
	.feher-menu-sav .menu-belso{
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	.logo{
		position: absolute;
	}
	.logo img{
		position: relative;
		height: 50px;
		padding: 0;
		background: transparent;
		z-index: 1;
		margin: 10px 0px 0px 0px;
	}
	.kek-menu-sav{
		position: fixed;
		height: 100%;
		max-height: calc(100% - 60px);
		overflow: auto;
		top: 60px;
		width: 100%;
		left: 100%;
		transition: left .3s;
		align-items: flex-start;
	}
	.kek-menu-sav.show{
		left:0%;
	}
	.kek-menu-sav .menu-space{
		flex-flow: column;
		width: 100%;
	}
	.menu > ul{
		width: 100%;
		flex-flow: column;
	}
	.nyil.jobbra {
	  transform: rotate(0deg);
	}
	.select-space .oszlop.w65,.select-space .oszlop.w35,.select-space .oszlop.w60,.select-space .oszlop.w40{
		width: 100%;
	}
	.hir-kep {
	  width: 100px;
	  aspect-ratio: 1;
	}
	.row.mcenter{
		justify-content: center;
	}
	.oldalsav-body{
		padding: 0px 20px;
	}
	.select-space.vilagoskek{
		background-color: #e7f8fb;
		border-radius: 10px;
	}
	.select-space.pad20{
		padding: 10px 20px 20px 20px;
	}
	.kisgaleria .kep {
	  
	  width: 100%;
	}
	.felhivas {
	  flex-flow: column;
	}
	.foot-hr {
	  width: calc(100% - 100px);
	  margin: 0px 50px;
	}
	.oldalsav.mrow,.select-space.mrow{
		flex-flow: row nowrap;
	}
	.menu > ul > li > div .nyil,.nyil {
	 transition: .3s;
	  margin-left: 15px;
		font-size: 14px;
	}
	.menu > ul > li:hover > div > .nyil,.menu ul ul li:hover > div .nyil{
		border-color: #000;
	}
	.menu ul ul{
		position: relative;
		top: unset;
	}
	.menu ul ul ul{
		left: 0;
		margin-left: 16px;
		top: unset;
	}
	.menu li:hover > ul:not(.avtive){
		display: none;
	}
	.menu li:hover > ul.avtive{
		display: block;
	}
	.nyil.forgat{
		color: #000;
		transform: rotate(180deg);
	}
	.oldal-cim-keret {
	  bottom: -5%;
	}
	.oldal-cim {
	  padding: 10px 15px;
	  min-width: 200px;
		width: fit-content;
	}
	.carousel-lebego-keret .maxw {
	  display: flex;
	  justify-content: center;
	}
	.galeriabox {
	  display: flex;
	  width: calc(100% / 2 - 20px);
	  margin: 0px 10px;
	  flex-flow: column;
		
	}
	.galeriaboxok{
		margin-bottom: 20px;
	}
	.galeriabox-cim {
	  padding: 5px 0px;
	  background-color: transparent;
		color: var(--sotetkek);
		width: 100%;
		word-break: break-all;
	}
	.dokumentumbox .dokumentum{
		width: calc(100% - 30px);
	}
	.intezmeny-keret,.intezmeny-keret.reverse{
	  flex-flow: column;
	}
	.intezmeny-keret .intezmenykep,.intezmeny-column{
		width: 100%;
	}
	.intezmeny-cim{
		margin-top: 15px;
	}
	.select-space.harmas .oszlop {
	  width: 100%;
	}
	.mobil-mt50{
		margin-top:50px;
	}
	.select-space.mobil-reverse{
		flex-flow: column-reverse;
	}
	.szallasbox {
	  width: calc(100% / 2 - 20px);
	}
	.page-header h1{
		font-size: 16px;
	}
	.esemeny-fej {
	  padding: 8px 10px 5px 10px;
	  font-size: 14px;
		text-align: left;
	}
	.esemeny-fej.szurke {
	  padding: 7px 10px 4px 10px;
	}
	.esemeny-fej.atlatszo span{
		font-size: 12px;
		text-align: left;
		width: 100%;
	}
	.esemeny-fej.atlatszo {
	  font-size: 12px;
		text-align: left;
	}
	.oldalsav-head {
	  font-size: 16px;
	}
	.hir-cim {
	  font-size: 16px;
	}
	.oldal-cim{
		font-size: 22px;
	}
	h5 {
	  font-size: 15px;
	}
	.intezmeny-column p {
	  font-size: 14px;
	}
	.gomb {
	  padding: 10px 15px 7px 15px;
	  font-size: 14px;
	}
	.szallasbox-cim {
	  font-size: 14px;
	}
	.szallasbox p {
	 font-size: 12px;
	}
	h3{
		font-size: 16px;
	}
	.hir-tartalom{
		font-size: 14px;
	}
	.carousel-cim-fekete {
	  font-size: 16px;
	}

	.carousel-cim{
		font-size: 16px;
	}
	.carousel-szoveg p{
		font-size: 15px;
	}
	.bogacs_ujsag_img{
		width: 100%;
	}
	.bogacs_ujsag_img img{
		width: 70%;
		margin: 0 15%;
	}
}