
/* Start Custom Fonts CSS */
@font-face {
	font-family: 'RedHat';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('red-hat.display-bold.otf') format('opentype');
}
@font-face {
	font-family: 'RedHat';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('red-hat.display-bold-italic.otf') format('opentype');
}
@font-face {
	font-family: 'RedHat';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('red-hat.display.otf') format('opentype');
}
@font-face {
	font-family: 'RedHat';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('red-hat.display-italic.otf') format('opentype');
}
@font-face {
	font-family: 'Europa';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('europa-bold.eot');
	src: url('europa-bold.eot?#iefix') format('embedded-opentype'),
		url('europa-bold-webfont-webfont.woff2') format('woff2'),
		url('europa-bold.woff') format('woff'),
		url('europa-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Europa';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('europa-bolditalic.eot');
	src: url('europa-bolditalic.eot?#iefix') format('embedded-opentype'),
		url('europa-bolditalic-webfont-webfont.woff2') format('woff2'),
		url('europa-bolditalic.woff') format('woff'),
		url('europa-bolditalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Europa';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('europa-regular.eot');
	src: url('europa-regular.eot?#iefix') format('embedded-opentype'),
		url('europa-regular-webfont-webfont.woff2') format('woff2'),
		url('europa-regular.woff') format('woff'),
		url('europa-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Europa';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('europa-regularitalic.eot');
	src: url('europa-regularitalic.eot?#iefix') format('embedded-opentype'),
		url('europa-regularitalic-webfont-webfont.woff2') format('woff2'),
		url('europa-regularitalic-webfont-webfont.woff') format('woff'),
		url('europa-regularitalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Europa';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('europa-light.eot');
	src: url('europa-light.eot?#iefix') format('embedded-opentype'),
		url('europa-light-webfont-webfont.woff2') format('woff2'),
		url('europa-light-webfont-webfont.woff') format('woff'),
		url('europa-light.ttf') format('truetype');
}
@font-face {
	font-family: 'Europa';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('europa-lightitalic.eot');
	src: url('europa-lightitalic.eot?#iefix') format('embedded-opentype'),
		url('europa-lightitalic-webfont-webfont.woff2') format('woff2'),
		url('europa-lightitalic-webfont-webfont.woff') format('woff'),
		url('europa-lightitalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */


/*
	Rétegsorrend az oldal 1. szintjén:
		#header_container                    ->     490
		body > .backToTop                    ->     480
		.footerStaticInfo (széchenyi logó)   ->      50
		#popup_container_global              ->     800
		#lightwindow_overlay                 ->     500
		#lightwindow                         ->   20999
		.lg-backdrop                         ->    1040
		.lg-outer                            ->    1050
*/



:root {
	--SCROLL: 0;
	--SCROLLBAR-WIDTH: 0px;
	--FOLDERPATH-MARGIN: 150px;


	/* Színek: var(--PRIMARY-COLOR) */

	--DEFAULT-BOOTSTRAP-DROPDOWN-SUBMENU: #CCCCCC;
  --DEFAULT-BOOTSTRAP-DROPDOWN-SUBMENU-HOVER: #FFFFFF;

	--WHITE-COLOR: #FFFFFF;
	--BLACK-COLOR: #000000;

  --PRIMARY-COLOR: #0000FF; /* rgba(0,0,255, 1) */
	--GRAY-COLOR: #6F6F6F; /* rgba(111,111,111, 1) */
	--GRAY-COLOR-LIGHT: #707070;

	--ERROR-COLOR: #EB5757; /* rgba(235,87,87, 1) */

	--TEXT-COLOR: #000000;
	--BACKGROUND-COLOR: #FFFFFF;

  --SHADOW-COLOR-OP2: rgba(0,0,0, 0.2);

  --SLIDESHOW-TRANSITION-DURATION: 1s, 15s;
}



/* START Bootstrap */

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: var(--DEFAULT-BOOTSTRAP-DROPDOWN-SUBMENU);
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: var(--DEFAULT-BOOTSTRAP-DROPDOWN-SUBMENU-HOVER);
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

.modal-content {
	border-radius: 0px;
}
.modal-header {
	padding: 18px 20px 18px 15px;
	background-color: var(--TEXT-COLOR);
}
.modal-title {
	color: var(--WHITE-COLOR);
	font-size: 18px;
	font-weight: 700;
	line-height: normal;
}
.modal-header .close {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url('../img/icon_collapse.svg');
	background-repeat: no-repeat;
	background-position: center center;	
	text-shadow: none;
	opacity: initial;
	filter: none;
}
.modal-header .close span {
	display: none;
}
.modal-body {
	padding-top: 0px;
}
.modal-footer {
	padding-bottom: 20px;
}
.modal-footer a {
	text-align: center;
}

.modal-backdrop.in {
	opacity: 0.1;
}
.modal.circle .modal-content {
	min-height: 600px;
	border-radius: 50%;
	box-shadow: none;
	border: 0px;
	background-image: none;
	background-color: var(--PRIMARY-COLOR);
}
.modal.circle .modal-header{
	background-color: transparent;
	padding: 0px;
	min-height: auto;
	border: 0px;
	position: relative;
	min-height: 70px;
}
.modal.circle .modal-header .modal-title {
	display: none;
}
.modal.circle .modal-header .close {
	float: none;
	display: block;
	width: 70px;
	height: 70px;
	padding: 10px;
	position: absolute;
	right: 0px;
	background-image: url('../img/icon_close_popup.svg');
	background-size: 50px 50px;
	background-color: white;
	border-radius: 50%;
	transition-duration: .3s;
  transition-property: transform;
}
.modal.circle .modal-header .close:hover {
	transform: scale(0.9);
	background-image: url('../img/icon_close_popup_hovered.svg');
}


@media (max-width: 767px) {
	.modal-footer {
		border-top-width: 0px;
	}
	.modal-footer a {
		display: inline-block;
		width: 100%;
		margin-top: 16px;
	}
	.modal-footer a:first-child {
		margin-top: 0px;
	}

	.modal.circle .modal-content {
		min-height: auto;
		border-radius: 0;
	}
}

/* END Bootstrap */



/* START Általános (cikk) formázások */

body {
	position: relative;
}

body, table, tr, td, input, select, textarea {
	font-family: 'RedHat', Arial, sans-serif;
	font-weight: 400;
}
body, input, select, textarea {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 3px;
	letter-spacing: 0.03em;
	color: var(--TEXT-COLOR);
	background-color: var(--BACKGROUND-COLOR);
}

input, select, textarea {
	padding: 16px 8px 16px 8px;
	border: 1px solid var(--PRIMARY-COLOR);
	border-radius: 0px;
	line-height: 20px;
	font-size: 14px;
}
label {
	font-size: 12px;
	font-weight: normal;
}
input::placeholder {
	color: var(--GRAY-COLOR);
}

input[type=button], input[type=submit], input[type=reset] {
	padding: 5px 15px 5px 15px;
	border-radius: 6px;
	background-color: var(--WHITE-COLOR);
	color: var(--PRIMARY-COLOR);
	line-height: normal;
}
input[type=button]:visited, input[type=submit]:visited, input[type=reset]:visited {
	border-color: var(--GRAY-COLOR-LIGHT);
	background-color: var(--WHITE-COLOR);
	color: var(--GRAY-COLOR-LIGHT);
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover 
,input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus 
{
	border-color: var(--BLACK-COLOR);
	background-color: var(--BLACK-COLOR);
	color: var(--WHITE-COLOR);
}
input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled 
,input[type=button].disabled, input[type=submit].disabled, input[type=reset].disabled 
{
	border-color: var(--GRAY-COLOR-LIGHT);
	background-color: var(--WHITE-COLOR);
	color: var(--GRAY-COLOR-LIGHT);
}

input[type="checkbox"] {
	margin: 0px 10px;
}
input[type=text]:focus {
	outline: 1px solid var(--PRIMARY-COLOR);
}
select:focus-visible {
	outline: 1px solid var(--PRIMARY-COLOR);
}

p {
	margin-bottom: 22px;
}

h1 {
	font-size: 36px;
	line-height: 44px;
	letter-spacing: 0.03em;
	margin: 0px;
}
h2 {
	font-size: 32px;
	line-height: 39px;
	letter-spacing: 0.03em;
	margin: 0px;
}
h3 {
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 0.03em;
	margin: 0px;
}
h4 {
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.03em;
	margin: 0px;
}

a, a:visited, a:active, a:hover {
	color: var(--PRIMARY-COLOR);
}
a:hover {
	color: var(--BLACK-COLOR);
	text-decoration: none;
}

.table_align_center {
	margin-left: auto;
	margin-right: auto;
}
.table_align_right {
	margin-left: auto;
}

.tablazatBox, .table-responsive {
	padding-bottom: 19px;
	min-height: .01%;
	overflow-x: auto;
}
.tablazatBox > table, .table-responsive > table {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.tablazatBox::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
	height: 3px;
}
.tablazatBox::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track {
	border-radius: 10px;
}
.tablazatBox::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
	border-radius: 10px;
}

img {
	max-width: 100%;
	height: auto;
	background-color: transparent;
	-webkit-box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	-moz-box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	border-radius: 2px;
}

hr {
	border: 0px;
	background-color: var(--PRIMARY-COLOR);
	min-height: 1px;
	margin: 30px 0px 30px 0px;
}

.szovegdoboz {
	padding: 15px 15px 15px 15px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	border-radius: 10px;
	background-color: var(--PRIMARY-COLOR);
	color: var(--WHITE-COLOR);
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;

	-webkit-box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	-moz-box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
}

.mediaTarolo {
	-webkit-box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	-moz-box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	border-radius: 2px;
}
.mediaTarolo iframe {
	height: 409px;
	width: 100%;
}

span a.lWOn img {
	max-width: 100%;
}

.image_caption_table {
	padding: 0px;
	border: 0px;
	margin: 0px;
	background-color: var(--WHITE-COLOR);
	-webkit-box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	-moz-box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	box-shadow: 0px 30px 35px -20px var(--SHADOW-COLOR-OP2);
	border-radius: 2px;
}
.image_caption_table td {
	padding: 0px;
	border: 0px;
	margin: 0px;
	text-align: center;
}
.image_caption_table_cell_0 img, .image_caption_table_cell_0 span a.lWOn img {
	width: 100%;
	border-radius: 2px 2px 0px 0px;
	box-shadow: none;
}
.image_caption_table_cell_1, .image_caption_table td.image_caption_table_cell_1 {
	padding: 30px 15px 30px 15px;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	word-break: break-word;
}
#alcim {
	font-size: 32px;
	line-height: 39px;
	letter-spacing: 0.03em;
	margin: 0px;
}

.fk_h {
	display: none;
}
.clear {
	clear: both;
	height: 0px;
}

.mainclear {
	width: 0;
	margin: 0;
	padding: 0;
}

.blockRelativePosition {
	position: relative;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
}

/* END Általános (cikk) formázások */



/* START Gombok, linkek */

.btnPrimary {
	display: inline-block;
	border: 1px solid var(--PRIMARY-COLOR);
	padding: 5px 15px 5px 15px;
	border-radius: 6px;
	background-color: var(--WHITE-COLOR);
	color: var(--PRIMARY-COLOR);
	line-height: normal;
}
.btnPrimary.round {
	padding: 10px 20px 10px 20px;
	border-radius: 22px;
}
.btnPrimary:visited {
	border-color: var(--GRAY-COLOR-LIGHT);
	background-color: var(--WHITE-COLOR);
	color: var(--GRAY-COLOR-LIGHT);
}
.btnPrimary:hover, .btnPrimary:focus {
	border-color: var(--BLACK-COLOR);
	background-color: var(--BLACK-COLOR);
	color: var(--WHITE-COLOR);
	text-decoration: none;
}
.btnPrimary:disabled, .btnPrimary.disabled {
	border-color: var(--GRAY-COLOR-LIGHT);
	background-color: var(--WHITE-COLOR);
	color: var(--GRAY-COLOR-LIGHT);
}

.btnPrimary.ver2 {
	border-radius: 0px;
	background-color: var(--PRIMARY-COLOR);
	color: var(--WHITE-COLOR);
	text-transform: uppercase;
}
.btnPrimary.ver2.round {
	border-radius: 22px;
}
.btnPrimary.ver2:visited {
	border-color: var(--GRAY-COLOR-LIGHT);
	background-color: var(--GRAY-COLOR-LIGHT);
	color: var(--WHITE-COLOR);
}
.btnPrimary.ver2:hover, .btnPrimary.ver2:focus {
	border-color: var(--BLACK-COLOR);
	background-color: var(--BLACK-COLOR);
	color: var(--WHITE-COLOR);
}
.btnPrimary.ver2:disabled, .btnPrimary.ver2.disabled {
	border-color: var(--GRAY-COLOR-LIGHT);
	background-color: var(--GRAY-COLOR-LIGHT);
	color: var(--WHITE-COLOR);
}

.icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	overflow: hidden;
	color: transparent;
	text-indent: 9999px;
}
.icon:visited, .icon:hover, .icon:focus, .icon:disabled {
	color: transparent;
}
.icon.v4 {
	background-image: url('../img/icon_v4.svg');
}
.icon.search {
	background-image: url('../img/icon_search.svg');
}
.icon.hamburger {
	background-image: url('../img/icon_hamburger_menu.svg');
}
.icon.x_twitter {
	background-image: url('../img/icon_x_twitter.svg');
}
.icon.rss {
	background-image: url('../img/icon_rss.svg');
}
.icon.up {
	background-image: url('../img/icon_arrow_top.svg');
}
.icon.close {
	background-image: url('../img/icon_collapse.svg');
}
.icon.gallery {
	background-image: url('../img/icon_gallery.svg');
}

.vgLogo {
	display: inline-block;
	width: 157px;
	height: 73px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url('../img/logo_visegrad_group.svg');
	overflow: hidden;
	color: transparent;
	text-indent: 9999px;
}
.vgLogo:visited, .vgLogo:hover, .vgLogo:focus, .vgLogo:disabled {
	color: transparent;
}
.vgLogo:hover {
	background-image: url('../img/logo_visegrad_group_hovered.svg');
}

.vgLogoCircle {
	display: inline-block;
	width: 135px;
	height: 135px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url('../img/logo_visegrad_group_circle.svg');
	overflow: hidden;
	color: transparent;
	text-indent: 9999px;
}
.vgLogoCircle:visited, .vgLogoCircle:hover, .vgLogoCircle:focus, .vgLogoCircle:disabled {
	color: transparent;
}
.vgLogoCircle:hover {
	background-image: url('../img/logo_visegrad_group_circle_hovered.svg');
}


@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
}

/* END Gombok, linkek */



/* START Cikk kifejtő */

.mainContent {
	padding-top: 140px;
	padding-bottom: 100px;
}
.newsimageScrollerContainer + .mainContent {
	padding-top: 60px;
}

.article_content .article_keywords,
.article_content_one_column .article_keywords {
	margin-top: 40px;
	color: transparent;
	line-height: normal;
}
.article_content .article_keywords:empty,
.article_content_one_column .article_keywords:empty {
	display: none;
}
.article_content .article_keywords a,
.article_content_one_column .article_keywords a {
	margin-right: 40px;
	margin-bottom: 20px;
}
.article_content .article_keywords a:last-child,
.article_content_one_column .article_keywords a:last-child {
	margin-right: 0px;
}

.article_content .article_intro,
.article_content_one_column .article_intro {
	margin-top: 20px;
	font-weight: bold;
	font-size: 20px;
	line-height: normal;
}
.article_content .article_intro:empty,
.article_content_one_column .article_intro:empty {
	display:none;
}
.article_content .article_txt,
.article_content_one_column .article_txt {
	margin-top: 40px;
}
.article_content .article_txt {
	columns: 3;
	column-gap: 30px;
}
.article_content .article_txt:empty,
.article_content_one_column .article_txt:empty {
	display: none;
}
.article_content .article_txt hr,
.article_content_one_column .article_txt hr {
	display: none;
}

@media (max-width: 1199px) {
	.article_content .article_txt {
		columns: 2;
	}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
	.article_content .article_txt {
		columns: auto;
		column-gap: normal;
	}
}

/* END Cikk kifejtő */



/* START Fejléc */

#header_container {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: var(--WHITE-COLOR);
	z-index: 490;
}

@keyframes headerViewTopAnimateOff {
	0% {
		height: auto;
		opacity: 1;
		overflow: auto;
	}
	100% {
		height: 0px;
		opacity: 0;
		overflow: hidden;
	}
}
#header_container .container {
	width: auto;
}
#header_container .viewTop {
	position: relative;

	height: auto;
	opacity: 1;
}
#header_container .viewTop.hideAnimate {
	animation-name: headerViewTopAnimateOff;
	animation-duration: 1s;
	animation-direction: normal;
	animation-fill-mode: both;
}
#header_container .viewTop .homeIcon {
	position: absolute;
	z-index: 1;
	left: 15px;
}

@keyframes headerViewScrollingAnimateOn {
	0% {
		height: 0px;
		opacity: 0;
		overflow: hidden;
	}
	100% {
		height: auto;
		opacity: 1;
		overflow: auto;
	}
}
#header_container .viewScrolling {
	display: none;
	height: 0px;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	width: 100%;
	padding: 10px 15px;
	top: 0px;
	background-image: linear-gradient(180deg, var(--WHITE-COLOR) 60%, #00000000 100%);
	z-index: 490;
}
#header_container .viewScrolling.showAnimate {
	display: block;
	animation-name: headerViewScrollingAnimateOn;
	animation-duration: 1s;
	animation-direction: normal;
	animation-fill-mode: both;
}
#header_container .viewScrolling.showAnimate .row {
	padding-bottom: 15px;
}
#header_container .viewScrolling .menuMain {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: normal;
}
#header_container .viewScrolling .menuMain ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 0px;
}
#header_container .viewScrolling .menuMain ul > li {
	display: inline-block;
	margin-right: 15px;
	font-size: 14px;
}
#header_container .viewScrolling .menuMain ul > li:last-child {
	margin-right: 0px;
}
#header_container .viewScrolling .menuMain .aural {
	display: none;
}

#header_container .viewScrolling .backToTop {
	text-align: right;
}

/* Jobb felső menü */

.subMenuTop {
	text-align: right;
}
.subMenuTop > ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.subMenuTop > ul > li {
	display: inline-block;
}

/* Morzsa menü */

#header_container .crumbMenu .folderpathContainer {
	margin-left: var(--FOLDERPATH-MARGIN);
}
.folderpathContainer {
	text-transform: uppercase;
	font-size: 0px;
}
.folderpathContainer a {
	font-size: 16px;
	line-height: 32px;
}
.folderpathContainer a:last-child {
	color: var(--BLACK-COLOR);
}
.folderpathContainer a:before {
	content: '»';
	display: inline-block;
	padding: 0px 5px;
}
.folderpathContainer a:first-child:before {
	display: none;
}
.folderpathContainer img {
	display: none;
}

/* Menü popup */

#main_menu_popup .modal-body-inner {
	width: 320px;
	margin: 0px auto;
}
#main_menu_popup .modal-body-inner-head {
	text-align: center;
	margin-bottom: 25px;
}
#main_menu_popup .modal-footer {
	display: none;
}

#main_menu_popup .logo {
}
#main_menu_popup .logo > svg {
	width: 80%;
	fill: var(--WHITE-COLOR);
}

#main_menu_popup .menuMain {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: normal;
}
#main_menu_popup .menuMain ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main_menu_popup .menuMain ul > li {
	margin-bottom: 5px;
	font-weight: 700;
}
#main_menu_popup .menuMain ul > li > a {
	display: block;
	padding: 10px 15px;
	border-radius: 25px;
	background-color: var(--WHITE-COLOR);
	letter-spacing: 1.2px;
	transition-duration: .3s;
  transition-property: transform;
}
#main_menu_popup .menuMain ul > li > a:hover {
	transform: scale(0.9);
}
#main_menu_popup .menuMain .aural {
	display: none;
}

/* Kereső popup */

#search_popup .modal-body-inner {
	width: 460px;
	margin: 0px auto;
}
#search_popup .modal-body-inner-head {
	text-align: center;
	margin-bottom: 25px;
}
#search_popup .modal-footer {
	display: none;
}

#search_popup .modal-body-inner-head {
}
#search_popup .modal-body-inner-head > div {
}
#search_popup .logo {
	width: 80px;
	margin: 0px auto;
}
#search_popup .logo > svg {
	fill: var(--WHITE-COLOR);
}
#search_popup .modal-body-inner-head .title {
	margin-top: 20px;
	color: var(--WHITE-COLOR);
}
#search_popup .modal-body-inner-head .title h2 {
	font-size: 18px;
}

#search_popup .search .search_container_detailed #searchbox_title,
#search_popup .search .search_container_detailed label,
#search_popup .search .date_to_pre, 
#search_popup .search .date_to2_pre, 
#search_popup .search .searchbox_formlabel_minimal_charcount,
#search_popup .search br,
#search_popup .search .searchbox_fieldseparator,
#search_popup .search .listazo_sor {
	display: none;
}
#search_popup .search input,
#search_popup .search select {
	padding: 8px 16px;
	margin-bottom: 15px;
}
#search_popup .search #searchStr {
	width: 99%;
}
#search_popup .search #eventbeginyear {
	width: 48%;
	margin-right: 3%;
}
#search_popup .search #eventendyear {
	width: 48%;
}
#search_popup .search #searchFolder {
	width: 66%;
	margin-right: 2%;
}
#search_popup .search #pagesize {
	width: 30%;
}
#search_popup .search .search_button_container_detailed {
	text-align: center;
}
#search_popup .search .search_button_container_detailed input {
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 0px;
	background-color: var(--BLACK-COLOR);
	color: var(--WHITE-COLOR);
	line-height: 30px;
}
#search_popup .search .search_button_container_detailed input:hover,
#search_popup .search .search_button_container_detailed input:focus {
	background-color: var(--WHITE-COLOR);
	color: var(--PRIMARY-COLOR);
}
#search_popup .search .search_tag_container_item {
	display: inline-block;
	border: 1px solid var(--PRIMARY-COLOR);
	background-color: var(--WHITE-COLOR);
	color: var(--PRIMARY-COLOR);
	line-height: normal;
	padding: 10px;
	border-radius: 22px;
	margin-bottom: 15px;
	margin-right: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 145px;
	white-space: nowrap;
}
#search_popup .search .search_tag_container_item:visited {
	border-color: var(--GRAY-COLOR-LIGHT);
	background-color: var(--WHITE-COLOR);
	color: var(--GRAY-COLOR-LIGHT);
}
#search_popup .search .search_tag_container_item:hover,
#search_popup .search .search_tag_container_item:focus {
	border-color: var(--BLACK-COLOR);
	background-color: var(--BLACK-COLOR);
	color: var(--WHITE-COLOR);
	text-decoration: none;
}
#search_popup .search .search_tag_container_item:disabled,
#search_popup .search .search_tag_container_item.disabled {
	border-color: var(--GRAY-COLOR-LIGHT);
	background-color: var(--WHITE-COLOR);
	color: var(--GRAY-COLOR-LIGHT);
}
#search_popup .search .autocomplete_popupdiv ul li {
	border: 1px solid #aaaaff;
	border-top: none;
	list-style-type: none;
}
#search_popup .search_tag_delete {
	background-image: url('../../../img/admin_light/list-delete.png');
	background-position: center center;
	background-repeat: no-repeat;
	padding: 8px;
	margin: 1px;
	float: right;
	cursor: pointer;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #0000ff;
	background: #ffffff;
	font-weight: bold;
	color: #0000ff;
}
.ui-widget-header,
.ui-state-hover, 
.ui-widget-header .ui-state-hover {
	border: 1px solid #0000ff;
	background: #0000ff;
}
.ui-widget-header .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
	background-image: url(/mods/jquery/css/ui-lightness/images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #0000ff;
	background: none;
}


@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
	#header_container .viewTop .crumbMenu .folderpathContainer {
		display: none;
	}
	#header_container .viewScrolling .menuMain {
		display: none;
	}

	#main_menu_popup .modal-body-inner {
		padding-bottom: 50px;
	}

	#search_popup .modal-body-inner {
		padding-bottom: 50px;
	}
}

/* Kapcsolat popup */

#contact_popup .contact .v4_send_box_separator,
#contact_popup .modal-footer  {
	display: none;
}
#contact_popup .logo svg {
	width: 250px;
	fill: var(--WHITE-COLOR);
	margin-left: 135px
}
#contact_popup .contact {
	color: var(--WHITE-COLOR);
}
#contact_popup .contact #v4_send_box {
	width: 420px;
	margin: 0px auto;
}
#contact_popup .contact #v4_send_box_head {
	padding: 10px 20px;
	font-size: 14px;
	text-align: center;
}
#contact_popup .contact .v4_send_name_container,
#contact_popup .contact .v4_send_email_container,
#contact_popup .contact .v4_send_comment_container {
	display: inline-block;
	margin-bottom: 10px;
}
#contact_popup .contact .v4_send_name_container {
	width: 48%;
	margin-right: 2%;
}
#contact_popup .contact .v4_send_email_container {
	width: 48%;
}
#contact_popup .contact .v4_send_comment_container {
	width: 99%;
}
#contact_popup .contact #v4_send_box_main_left input,
#contact_popup .contact #v4_send_box_main_left textarea {
	padding: 8px 16px;
	width: 100%;
}
#contact_popup .contact textarea {
	padding: 8px 16px;
	height: 120px;
}
#contact_popup .contact #v4_send_box_main_right {
	text-align: center;
}
#contact_popup .contact #v4_send_box_main_right input {
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 0px;
	background-color: var(--BLACK-COLOR);
	color: var(--WHITE-COLOR);
	line-height: 30px;
}
#contact_popup .contact #v4_send_box_main_right input:hover,
#contact_popup .contact #v4_send_box_main_right input:focus {
	background-color: var(--WHITE-COLOR);
	color: var(--PRIMARY-COLOR);
}


@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
}

/* END Fejléc */



/* START Kereső */

.mainContent .search_container_detailed .listazo_resultnum {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mainContent .listazo_resulttags {
	margin-top: 40px;
	color: transparent;
	line-height: normal;
}
.mainContent .listazo_resulttags:empty {
	display: none;
}
.mainContent .listazo_resulttags a {
	margin-right: 40px;
	margin-bottom: 20px;
}
.mainContent .listazo_resulttags a:last-child {
	margin-right: 0px;
}
.mainContent .search_pager_container a {
	padding-right: 30px;
}


@media (max-width: 1199px) {
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
}
/* END Kereső */



/* START Partnerek */

.partnersBlock {
	margin-bottom: 90px;
}
.partnersContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	align-items: center;
	gap: 15px 30px;
	justify-content: space-evenly; /* space-between */
}
.partnersContainer p {
	width: calc((100%/4) - (30px*3/4));
	margin-bottom: 0px;
	text-align: center;
}
.partnersContainer p img {
	width: 100%;
	box-shadow: none;
}


@media (max-width: 1199px) {
	.partnersContainer p {
		width: calc((100%/4) - (30px*3/4));
	}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
	.partnersContainer p {
		width: calc((100%/2) - (30px*1/2));
	}
}

/* END Fejléc */


/* START Lábléc */

.footerTop {
	margin-bottom: 50px;
}
.footerTop p {
	margin: 0px;
}
.footerTop img {
	box-shadow: none;
}
.footerTop .footerLeft .article_intro {
	margin-bottom: 20px;
}
.footerTop .quickLinks h2 {
	font-size: 16px;
	line-height: normal;
	margin-bottom: 20px;
	margin-left: 100px;
}
.footerTop .quickLinks .links {
	margin-left: 100px;
	text-transform: uppercase;
}
.footerTop .quickLinks .links ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.footerTop .quickLinks .links ul > li {
	margin-bottom: 4px;
}
.footerTop .quickLinks .aural {
	display: none;
}
.footerTop .footerRight {
	text-align: right;
}
.footerTop .footerRight > div {
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}
.footerTop .footerRight > div:last-child {
	margin-left: 8px;
	margin-right: 0px;
}

.footerBottom p {
	margin: 0px;
}
.footerBottom {
	padding-top: 30px;
	padding-bottom: 35px;
	text-align: center;
	background-color: var(--PRIMARY-COLOR);
	color: var(--WHITE-COLOR);
}
.footerBottom .copyright {
	margin-bottom: 24px;
}
.footerBottom .pageView {
	font-size: 12px;
}


@media (max-width: 1199px) {
}

@media (max-width: 991px) {
	.footerTop .footerRight .rssContainer {
		margin-right: 0px;
	}
	.footerTop .footerRight .contactContainer {
		display: block;
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	.footerTop .footerLeft {
		margin-bottom: 40px;
	}
	.footerTop .quickLinks h2 {
		margin-left: 0px;
	}
	.footerTop .quickLinks .links {
		margin-left: 0px;
	}
}

/* END Lábléc */



/* START Objektum listázó */

.mainContent .objectlist_keywords {
	margin-top: 40px;
	color: transparent;
	line-height: normal;
}
.mainContent .objectlist_keywords:empty {
	display: none;
}
.mainContent .objectlist_keywords a {
	margin-right: 40px;
	margin-bottom: 20px;
}
.mainContent .objectlist_keywords a:last-child {
	margin-right: 0px;
}

.mainContent .lister,
.mainContent .lister_one_column {
	margin-top: 40px;
}
.mainContent .lister {
	columns: 3;
	column-gap: 30px;
}
.mainContent .lister .listItem,
.mainContent .lister_one_column .listItem {
	margin-bottom: 20px;
	line-height: normal;
	break-inside: avoid-column;
}
.lister .listItem .listItemTitle,
.lister_one_column .listItem .listItemTitle {
	overflow: hidden;
	word-wrap: break-word;
}

@media (max-width: 1199px) {
	.mainContent .lister {
		columns: 2;
	}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
	.mainContent .lister {
		columns: auto;
		column-gap: normal;
	}
}

/* END Objektum listázó */






/**
 * See: http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */

/**
 * Styling the container (the wrapper)
 * 
 * position is used to make this box a containing block (it becomes a reference for its absolutely positioned children). overflow will hide part of the images moving outside of the box.
 */

.newsimageScrollerContainer .slideshow {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 45vh;
	min-height: 300px;
	max-height: 600px;
}

/**
 * Styling the images
 *
 * position:absolute is to put all images in a stack. Dimensions are set to increase the size of these images so their edges do not appear in the parent box when we move them inside the said box.
 * Because the images are now larger than their parent container, we use top, left and margin values to align them in the center of the box.
 * Finally, we set the transition (property and duration). Note that duration values are different for opacity and transform as we want the "fade-in" effect to be faster than the "panning" effect.
 */

.newsimageScrollerContainer .slideshow img {
	position:absolute;
	width:100%;
	opacity:0;
	bottom:0;
	-webkit-transition-property: opacity, -webkit-transform;
	-webkit-transition-duration: var(--SLIDESHOW-TRANSITION-DURATION);
	   -moz-transition-property: opacity, -moz-transform;
	   -moz-transition-duration: var(--SLIDESHOW-TRANSITION-DURATION);
	    -ms-transition-property: opacity, -ms-transform;
	    -ms-transition-duration: var(--SLIDESHOW-TRANSITION-DURATION);
	     -o-transition-property: opacity, -o-transform;
	     -o-transition-duration: var(--SLIDESHOW-TRANSITION-DURATION);
	        transition-property: opacity, transform;
	        transition-duration: var(--SLIDESHOW-TRANSITION-DURATION);
}

/**
 * We change the point of origin using four corners so images do not move in the same direction. 
 * This technique allows us to create various paths while applying the same translate() values to all images (see the 'fx' class further below).
 */

.newsimageScrollerContainer .slideshow img  {
	-webkit-transform-origin: center;
	   -moz-transform-origin: center;
	    -ms-transform-origin: center;
	     -o-transform-origin: center;
	        transform-origin: center;
}

/**
 * Because of the stacking context, we need to make sure that the first image (in source) is not hidden by the last one. 
 * The rule below moves all images past the second one down the stack. 
 * This is because the second image needs to show on top of the first one when it transitions in.
 */

.newsimageScrollerContainer .slideshow .fx:first-child + img ~ img  {
	z-index:-1;
}

/**
 * Because images are styled with a different point of origin, the following rule will create different panning effects.
 */

.newsimageScrollerContainer .slideshow .fx {
	opacity:1;
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
	}

.newsimageScrollerContainer .slideshow div {
	position: relative;
	z-index: 1;
	margin: 80px 25% 0px 25%;
	padding: 10px;
	background-color: #00000059;
}
.newsimageScrollerContainer .slideshow div h2 {
	color: var(--WHITE-COLOR);
	line-height: 1.2em;
	letter-spacing: 0.2px;
	word-spacing: 0px;
	-webkit-text-stroke-width: 0px;
	stroke-width: 0px;
	-webkit-text-stroke-color: #000;
	stroke: #000;
}
.newsimageScrollerContainer .slideshow a.icon.gallery {
	position: absolute;
	z-index: 1;
	right: 50px;
	bottom: 20px;
	width: 20px;
	height: 20px;
}
.newsimageScrollerContainer .slideshow .mainslideshowtitle {
	position: absolute;
	z-index: 1;
	right: 70px;
	bottom: 20px;
	color: var(--WHITE-COLOR);
	font-size: 12px;
	padding-right: 10px;
}


@media (max-width: 991px) {
	.newsimageScrollerContainer .slideshow {
		height: 35vh;
		min-height: 300px;
		max-height: 500px;
	}
}

@media (max-width: 767px) {
	.newsimageScrollerContainer .slideshow {
		height: 300px;
		min-height: auto;
		max-height: auto;
	}
	.newsimageScrollerContainer .slideshow div {
		margin: 100px 20px 0px 20px;
	}
	.newsimageScrollerContainer .slideshow a.icon.gallery {
		right: 20px;
	}
	.newsimageScrollerContainer .slideshow .mainslideshowtitle {
		right: 40px;
	}
}





/* START image lightbox */

.imagelightboxgallery {
	margin-top: -70px;
}
.imagelightboxgallery > div {
	background-color: var(--BLACK-COLOR);
}
.imagelightboxgallery img:hover {
	opacity: 0.7;
}
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

#imagelightbox
{
	cursor: pointer;
	position: fixed;
	z-index: 10000;

	-ms-touch-action: none;
	touch-action: none;

	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
	border-radius: 50%;
}
#imagelightbox-loading
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 0.625em; /* 10 */
	margin: -1.25em 0 0 -1.25em; /* 20 */

	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
	#imagelightbox-loading div
	{
		width: 1.25em; /* 20 */
		height: 1.25em; /* 20 */
		background-color: #fff;

		-webkit-animation: imagelightbox-loading .5s ease infinite;
		animation: imagelightbox-loading .5s ease infinite;
	}

	@-webkit-keyframes imagelightbox-loading
	{
		from { opacity: .5;	-webkit-transform: scale( .75 ); }
		50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
		to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
	}
	@keyframes imagelightbox-loading
	{
		from { opacity: .5;	transform: scale( .75 ); }
		50%	 { opacity: 1;	transform: scale( 1 ); }
		to	 { opacity: .5;	transform: scale( .75 ); }
	}


/* OVERLAY */

#imagelightbox-overlay
{
	background-color: #000;
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* "CLOSE" BUTTON */

#imagelightbox-close
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	text-align: left;
	background-color: #000;
	border-radius: 50%;
	position: fixed;
	z-index: 10002;
	top: 2.5em; /* 40 */
	right: 2.5em; /* 40 */
	border: 0px;

	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}
#imagelightbox-close:hover,
#imagelightbox-close:focus { background-color: #111; }

	#imagelightbox-close:before,
	#imagelightbox-close:after
	{
		width: 2px;
		background-color: #fff;
		content: '';
		position: absolute;
		top: 20%;
		bottom: 20%;
		left: 50%;
		margin-left: -1px;
	}
	#imagelightbox-close:before
	{
		-webkit-transform: rotate( 45deg );
		-ms-transform: rotate( 45deg );
		transform: rotate( 45deg );
	}
	#imagelightbox-close:after
	{
		-webkit-transform: rotate( -45deg );
		-ms-transform: rotate( -45deg );
		transform: rotate( -45deg );
	}


/* CAPTION */

#imagelightbox-caption
{
	text-align: center;
	color: #fff;
	background-color: #000;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
	font-size: 16px;
	font-weight: 700;
}


/* NAVIGATION */

#imagelightbox-nav
{
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	border-radius: 20px;
	position: fixed;
	z-index: 10001;
	left: 50%;
	bottom: 3.75em; /* 60 */
	padding: 0.313em; /* 5 */

	-webkit-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	transform: translateX( -50% );
}
	#imagelightbox-nav button
	{
		width: 1em; /* 20 */
		height: 1em; /* 20 */
		background-color: transparent;
		border: 1px solid #fff;
		border-radius: 50%;
		display: inline-block;
		margin: 0 0.313em; /* 5 */
	}
	#imagelightbox-nav button.active
	{
		background-color: #fff;
	}


/* ARROWS */

.imagelightbox-arrow
{
	width: 2em; /* 60 */
	height: 7.5em; /* 120 */
	background-color: #000;
	vertical-align: middle;
	display: none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	margin-top: -3.75em; /* 60 */
	border: 0px;
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus	{ background-color: rgba( 0, 0, 0, .75 ); }
.imagelightbox-arrow:active { background-color: #111; }

	.imagelightbox-arrow-left	{ left: 3%; padding-left: 0px; padding-right: 0px; }
	.imagelightbox-arrow-right	{ right: 3%; padding-left: 0px; padding-right: 0px; }

	.imagelightbox-arrow:before
	{
		width: 0;
		height: 0;
		border: 1em solid transparent;
		content: '';
		display: inline-block;
		margin-bottom: -0.125em; /* 2 */
	}
		.imagelightbox-arrow-left:before
		{
			border-left: none;
			border-right-color: #fff;
			margin-left: -0.313em; /* 5 */
		}
		.imagelightbox-arrow-right:before
		{
			border-right: none;
			border-left-color: #fff;
			margin-right: -0.313em; /* 5 */
		}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}
	@-webkit-keyframes fade-in
	{
		from	{ opacity: 0; }
		to		{ opacity: 1; }
	}
	@keyframes fade-in
	{
		from	{ opacity: 0; }
		to		{ opacity: 1; }
	}


/* lightgallery override */
.lg-outer .lg-toolbar #lg-share.lg-icon {
	display: none;
}



@media only screen and (max-width: 41.250em) /* 660 */
{
	#container
	{
		width: 100%;
	}
	#imagelightbox-close
	{
		top: 1.25em; /* 20 */
		right: 1.25em; /* 20 */
	}
	#imagelightbox-nav
	{
		bottom: 1.25em; /* 20 */
	}

	.imagelightbox-arrow
	{
		width: 2em; /* 40 */
		height: 3.75em; /* 60 */
		margin-top: -2.75em; /* 30 */
	}
	.imagelightbox-arrow-left	{ left: 2%; }
	.imagelightbox-arrow-right	{ right: 2%; }
}

@media only screen and (max-width: 20em) /* 320 */
{
	.imagelightbox-arrow-left	{ left: 1%; }
	.imagelightbox-arrow-right	{ right: 1%; }
}

/* END image lightbox */




