@charset "UTF-8";

@font-face {
  font-family: avenir;
  src: url('../fonts/AvenirNext-UltraLight-11.ttf');
}

html {
	text-rendering: geometricprecision;
	-webkit-font-smoothing: antialiased !important;
}

* :focus {
	background: transparent;
	background-color: transparent;
	box-shadow: none !important
}

:root {
  --red: rgb(227, 6, 20);
  --red-opacity: rgba(227, 6, 20, 0.8);
  --red-darker: #b30000;
  --grey: rgb(137, 135, 135);
  --grey2: rgb(73, 72, 72);
  --cut: polygon(0 50px,120px 0,100% 0,100% 100%,0 100%);
  --cut1: polygon(0 51px,121px 0,100% 0,100% 100%,0 100%);
  --title-size: 26px;
  --header-size: 30px;
  --date-size: 18px;
  --menu-size: 22px;
  --body-size: 18px;
  --aboutus-name-size: 50px;
  --input-grey: #333333;
  --gradient100: linear-gradient(90deg, #e30614 0%, transparent 100%);
  --gradientp66: linear-gradient(90deg, #9b030d 0%, transparent 100%);
}

/**/

@media screen and (max-width: 524px) {
	:root {
		--cut: polygon(0 25px,60px 0,100% 0,100% 100%,0 100%);
	}
}



html{scroll-behavior:smooth}

/* custom scrollbar */
  ::-webkit-scrollbar {
    width: 12px;
  }

  ::-webkit-scrollbar-track {
    background-color: transparent;
  }

  ::-webkit-scrollbar-thumb {
    background-color: rgba(100,100,100,0.4);
    backdrop-filter: blur(5px);
    border-radius: 12px;
    border: 3px solid transparent;
    background-clip: content-box;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
  }


pre {
  display: block;
  font-size: 75%;
  color: #212529;
  background: whitesmoke;
  line-height: 1em;
  padding: 10px 0;
  border-radius: 3px;
}

/*default*/
	
	a {
		color: white;
		text-decoration: none;
	}
	a:hover {
		color: var(--red);
		text-decoration: none;
	}
	a:focus {
    color: var(--red);
	}


	a,
	a:hover {
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}

	.backbutton {
    text-align: right;
    margin-top: 40px;
	}
	.backbutton a {
    display: inline-block;
	}
	.backbutton img {
    width: 14px;
    margin-right: 3px;
	}

	#wrapper {
		padding: 140px 0 0;
	}
	

	.form-control:focus {
		
		color: white;
	}

	.tck-blog .page-header h1,
	.tck-article .page-header h1,
	.archive .page-header h1 {
		margin: 0px 0px 50px 0px;
		font-size: var(--header-size);
		text-transform: uppercase;
		letter-spacing: 30px;
		line-height: 1.2;
	}

	.mainpage .tck-article .page-header h1 {
		margin: 0px 0px 80px 0px;
		font-size: var(--header-size);
		text-transform: uppercase;
		letter-spacing: 30px;
		line-height: 1.2;
	}

	#main > .page-header > h1 {
		margin: 0px 0px 60px 00px;
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 30px;
	}

	h3.tck-module-title {
		margin: 30px 0px 25px 0px;
    padding-bottom: 20px;
		font-size: var(--header-size);
		text-transform: uppercase;
		letter-spacing: 30px;
		line-height: 1.2;
		border-bottom: 2px solid var(--red);
	}

	.mainmodules.tck-module {
    margin-bottom: 100px;
	}

	.page-header h2 {
		font-size: var(--title-size);
		line-height: 1.2;
		text-transform: uppercase;
		font-weight: bold;
	}

	.blog-item .page-header {
		margin: 0;
		font-size: var(--title-size);
		line-height: 1.2;
		text-transform: uppercase;
		font-weight: bold;
	}
	.blog-item .page-header h2 {
		font-size: var(--body-size);
		line-height: 1.2;
		text-transform: uppercase;
		font-weight: bold;
	}


	mark, .mark {
    padding: 0em;
    background-color: var(--red);
    color: white;
	}

	.red {
		color: var(--red);
	}
	.clearboth {
		clear: both;
	}

	span.imgcaption {
		display: block;
		text-align: center;
		font-size: 14px;
		font-style: italic;
		padding-top: 6px;
		margin: 0 auto;
	}

/*embed*/
	.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
	.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.twitter-tweet {
    margin: 0 auto !important;
	}
	.instagram-media {
		margin: 0 auto !important;
	}

	hr {
		border-top: 1px solid var(--red);
	}

/*quote*/

	blockquote {
    padding: 0;
    text-align: left;
    position: relative;
    color: darkgrey;
    font-style: italic;
    padding-left: 20px;
    margin-left: 60px;
    width: calc(100% - 60px);
    border-left: 2px solid var(--red);
	}
	blockquote:before {
		content: '';
    display: block;
    color: var(--red);
    font-size: 60px;
    font-family: 'Roboto Condensed';
    position: absolute;
    left: -53px;
    top: 0px;
    background: url(/images/template/quote.png);
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	}

	.view-article .tck-article.com-content-article.item-page .tck-article-body a,
	.com-content-category-blog.blog.tck-blog a,
	.com-finder__results .com-content-category-blog__itemtext a {
		color: var(--red);
		text-decoration: none;
    background-image: linear-gradient(var(--red),var(--red));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .2s ease;
    padding-bottom: 1px;
	}
	.view-article .tck-article.com-content-article.item-page .tck-article-body a:hover,
	.com-content-category-blog.blog.tck-blog a:hover,
	.com-finder__results .com-content-category-blog__itemtext a:hover {
		text-decoration: none;
    background-size: 100% 2px;
  }

  .com-content-category-blog.blog.tck-blog.kvcv-blog a:hover {
  	text-decoration: none;
    background-size: 100% 0px;
  }



/*header*/
	
	div#headerwrapper > .inner,
	div#headerwrapper,
	#bannerrow,
	#bannerrow > .inner {
    height: 96px;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
	}

	body.komvezpage #wrapper {
		display: none;
	}	

	div#headerwrapper > .inner {
		
	}
	div#headerwrapper {
		z-index: 1000;
    position: fixed;
    top: 0;
    background: black;
	}

	#bannercolumn1 {
		position: relative;
    z-index: 2;
    width: calc( ((100% - 1290px) / 2) - 30px );
	}

	#bannercolumn2 {
		height: 96px;
		width: 1290px;
	}

	#bannercolumn3 {
		height: 96px;	
		width: calc( ((100% - 1290px) / 2) - 30px );
	}

	div#logo {
    margin-top: 20px;
	}
	.tck-logo-img {
		width: 100%;
		_margin: 0 auto;
	}

	#wrapper > .inner,
	#modulewrapper > .inner {
		padding-left: 30px;
    padding-right: 30px;
	}

	#logo > .inner {
		display: flex;
		justify-content: right;
	}

	#logo img {
		margin-left: auto;
		margin-right: 0;
		max-width: 195px;
	}
	

/*header scrolled*/
	
	
	
	div#headerwrapper.scrolled,
	div#headerwrapper.scrolled > .inner {
		height: 60px;
		-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}

	

	div#headerwrapper.scrolled #bannercolumn2,
	div#headerwrapper.scrolled #bannercolumn3div#headerwrapper.scrolled #bannercolumn4 {
		height: 30px;	
		-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}

	div#headerwrapper.scrolled #vkmenu div[id^=maximenuck] ul.maximenuck {
    height: 60px;
    padding-top: 	13px;
    padding-bottom: 13px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}
	div#headerwrapper.scrolled #search {
   	padding-top: 7px;
    padding-bottom: 2px
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}
	

	div#headerwrapper.scrolled #vkmenu div[id^=maximenuck] span.titreck-title {
		font-size: 18px;
		-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}
	div#headerwrapper.scrolled div#logo {
    margin-top: 0px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}
	div#headerwrapper.scrolled .tck-logo-img {
		width: 110px;
		-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}
	div#headerwrapper.scrolled form.mod-finder.js-finder-searchform.form-search.mainsearchmodule {
		top: 35px;
		-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}

	div#headerwrapper.scrolled #vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.item171.first.level1 a .titreck-title {
		font-size: 22px !important;
    line-height: 24px;
    top: -6px;
	}
	div#headerwrapper.scrolled > .inner,
	div#headerwrapper.scrolled,
	div#headerwrapper.scrolled #bannerrow,
	div#headerwrapper.scrolled #bannerrow > .inner {
		height: 60px;
	}

	
	

	div#headerwrapper,
	div#headerwrapper > .inner,
	div#headerwrapper #bannercolumn1,
	div#headerwrapper #bannercolumn2,
	div#headerwrapper #bannercolumn3,
	div#headerwrapper #vkmenu div[id^=maximenuck] ul.maximenuck,
	div#headerwrapper #search,
	div#headerwrapper #language,
	#vkmenu div[id^=maximenuck] span.titreck-title,
	div#logo,
	.tck-logo-img,
	#search input {
		-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}

	body.view-tag li.maximenuck.item163.level1 .titreck-title,
	body.cvsearchpage li.maximenuck.item163.level1 .titreck-title{
		color: var(--red) !important;
	}
	body.layout-kvchronology li.maximenuck.item164.level1 .titreck-title,
	body.chronologysearchpage li.maximenuck.item164.level1 .titreck-title {
		color: var(--red) !important;
	}

	body.structuresearchpage li.maximenuck.item165.level1 .titreck-title,
	body.committeesearchpage li.maximenuck.item166.level1 .titreck-title,
	body.secretariatsearchpage li.maximenuck.item167.level1 .titreck-title,
	body.kvkbsearchpage li.maximenuck.item168.level1 .titreck-title {
		color: var(--red) !important;
	}




/*mainmenu*/
	
	#vkmenu div[id^=maximenuck] {
		font-size: 22px;
		line-height: 33px;
	}

	#vkmenu div[id^=maximenuck] ul.maximenuck {
		height: 96px;
		padding-top: 40px;
    padding-bottom: 20px;
    display: flex !important;
    justify-content: space-between;
	}
	#vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1 {
		margin: 0;
		line-height: 33px;
		position: relative;
		/*
		display: flex;
		justify-content: space-between;
		flex: 1 1 auto;
		align-items: center;
		position: relative;
		*/
	}
	#vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1:not(:last-child):after {
	  /*
	  content: "";
	  border: 1px solid var(--red);
	  height: 30px;
	  margin: auto;
	  */
	}
	#vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1:last-child {
		/*
		flex: 0;
		*/
	}

	#vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1 > a,
	#vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1 > span.separator {
		padding: 0;
		line-height: 33px;
	}

	#vkmenu div[id^=maximenuck] span.titreck-title {
    font-size: 22px;
    line-height: 33px;
    text-transform: uppercase;
    color: white;
    font-weight: bolder;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
	}
	#vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1.current span.titreck-title {
		color: var(--red);
	}
	#vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.level1:hover > a > span > span > span.titreck-title {
		color: var(--red);
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}

	#vkmenu div[id^=maximenuck] ul.maximenuck:after {
		content: none;
	}

	span.separatorline {
    display: block;
    width: 1px;
    background: red;
	}

	#vkmenu div[id^=maximenuck] ul.maximenuck span.separatorline:last-of-type {
		display: none;
	}

	
	#vkmenu li div.floatCK,
	#vkmenu li div.floatck {
		background-color: var(--red);
		__display: block !important;
		box-shadow: none;
		moz-box-shadow: none;
    webkit-box-shadow: none;
	}
	#vkmenu li.parent {
		__background-color: var(--red);
	}

	#vkmenu div[id^=maximenuck] div.floatck {
    position: absolute;
    display: none;
    padding: 0;
    margin: 0;
    text-align: left;
    width: auto;
    z-index: 9999;
    cursor: auto;
    transform-origin: 50% 50%;
    transform: translate(-50%, 0%);
    top: 100%;
    left: 50%;
	}

	#vkmenu div[id^=maximenuck] ul.maximenuck li ul.maximenuck2 li.maximenuck:hover,
	#vkmenu div[id^=maximenuck] ul.maximenuck2 li.maximenuck:hover {
		background: var(--red-darker);
	}

	#vkmenu div[id^=maximenuck] ul.maximenuck2 li.maximenuck:hover a span.titreck-title {
		color: white;
	}

	#vkmenu div[id^=maximenuck] ul.maximenuck li.level1.parent > a:after,
	#vkmenu div[id^=maximenuck] ul.maximenuck li.level1.parent > span.separator:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    vertical-align: top;
    top: 13px;
    left: 8px;
    border-style: solid;
    border-width: 7px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
	#vkmenu div[id^=maximenuck] ul.maximenuck li.level1.parent:hover > a:after,
	#vkmenu div[id^=maximenuck] ul.maximenuck li.level1.parent:hover > span.separator:after {
		border-color: var(--red) transparent transparent transparent;
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}


	#vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.item171.first.level1 a .titreck-title {
    font-size: 30px !important;
    width: 190px;
    display: block;
    white-space: normal;
    text-align: right;
  	letter-spacing: 2px;
    font-weight: bold !important;
    position: relative;
    top: -15px;
	}
	#vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.item171.first.level1 a .titreck-title::first-line {
		color: var(--red) !important;
	}


/*mobilemenu*/

	#vkmenu div[id^=maximenuck] .mobilemenuck-bar-title,
	#vkmenu div[id^=maximenuck] .mobilemenuck-title {
		background: transparent;
		text-transform: uppercase;
    margin-left: 47px;
    padding-top: 3px;
	}
	span.komm {
    margin-right: 6px;
    color: var(--red);
	}

	#vkmenu div[id^=maximenuck] .mobilemenuck-bar-button {
		padding-top: 5px;
		background: transparent;
	}

	#vkmenu div[id^=maximenuck].mobilemenuck {
		background: transparent;
	}
	#vkmenu div[id^=maximenuck].mobilemenuck .mobilemenuck-topbar .mobilemenuck-title {
		background: transparent;
	}
	#vkmenu div[id^=maximenuck].mobilemenuck .mobilemenuck-item {
    background: var(--red);
	}

	#vkmenu div[id^=maximenuck].mobilemenuck div.mobilemenuck-item:first-of-type div {
		padding-top: 50px;
		clip-path: var(--cut);
	}

	#vkmenu div[id^=maximenuck].mobilemenuck .mobilemenuck-item > .level1 {
		background: transparent;
		margin: 0;
	}
	#vkmenu div[id^=maximenuck].mobilemenuck .mobilemenuck-item span.titreck-title:hover,
	#vkmenu div[id^=maximenuck].mobilemenuck .mobilemenuck-item .current span.titreck-title{
		color: black;
	}



/*search*/


	#search {
		padding-top: 30px;
    padding-bottom: 30px;
	}

	#search > .inner {
		max-width: 195px;
    display: flex;
    justify-content: space-around;
	}
	.search.tck-module {
    
	}

	.searchfocus {
    cursor: pointer;
	}
	.searchfocus img {
    width: 32px;
	}

	form.mod-finder.js-finder-searchform.form-search.mainsearchmodule.opacity0 {
		opacity: 0;
		-webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}

	form.mod-finder.js-finder-searchform.form-search.mainsearchmodule {
    opacity: 1;
    position: absolute;
    top: 33px;
    right: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
	}

	.awesomplete ul[role="listbox"] {
		display: none !important;
	}

	#search .awesomplete {
		width: 100%;
		padding-right: 0px;
	}

	#search input,
	#search input:focus {
		width: 300px;
    background-color: var(--red);
    border: none;
    cursor: auto;
    border-radius: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    box-shadow: inset 2px 2px 10px -3px #000000;
	}


	#search input::placeholder {
		color: whitesmoke;
		text-transform: lowercase;
		text-align: left;
	}

/*language*/

	.mod-languages button[id^=language_btn] {
		background: transparent;
    color: var(--red);
    font-size: 22px;
    line-height: 20px;
    font-weight: bolder;
	}
	.mod-languages button[id^=language_btn]:after {
		content: none;
	}
	.mod-languages button[id^=language_btn]:focus {
		border-color: transparent;
		border: 0;
    box-shadow: none;
	}

	.mod-languages button[id^=language_btn]:after {
		content: '';
    color: white;
    margin: 0;
    top: 2px;
    position: relative;
	}

	ul.lang-block.dropdown-menu {
		background: var(--red);
    border-radius: 0;
    border-color: transparent;
    border: none;
    padding: 0;
	}
	div.mod-languages ul.lang-block li {
		border-radius: 0;
		padding: 0;
		margin: 0;
	}
	div.mod-languages ul.lang-block li.lang-active {
    background-color: transparent;
    padding: 0;
		margin: 0;
	}
	div.mod-languages ul.lang-block li a {
		line-height: 33px;
		font-size: 20px;
		display: block;
		text-transform: uppercase;
    color: white;
	}
	div.mod-languages ul.lang-block li a:hover {
		color: white;
		background: var(--red-darker);
	}

/*slideshow slickck*/
	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.slick-dotted.slick-slider button.slick-next,
	.slick-dotted.slick-slider button.slick-prev {
		display: none !important;
	}


	.slickck-item {
		position: relative;
	}

	.slickck-desc {
    max-width: 1290px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	}

	.slickck-descinner {
    position: absolute;
    top: 33%;
    bottom: 20%;
    left: 0%;
    right: 60%;
    width: 392px;
    height: 242px;
	}

	.slickck-text {
    font-size: 28px;
    line-height: 1.2em;
    font-weight: bolder;
    background: var(--red);
    text-align: right;
    padding: 30px 30px 30px 84px;
    clip-path: var(--cut);
    position: absolute;
    bottom: 0;
	}

	.slickck-text span {
    display: block;
    font-weight: 800;
    font-size: 40px;
    line-height: 1.2em;
	}

	.slickck-title {
		display: block;
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    right: -33px;
    bottom: -33px;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1em;
	}

	.slickck-title span.horizontal {
    display: block;
    text-transform: uppercase;
    position: absolute;
    right: 0px;
    bottom: 0;
	}

	.slickck-title span.vertical {
    transform: rotate(271deg);
    transform-origin: 0 100%;
    position: absolute;
    bottom: 33px;
    display: inline-block;
    left: 100%;
    white-space: nowrap;
	}

	ul.slick-dots {
		text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
	}
	ul.slick-dots li {
    background: transparent;
    background-image: url(/images/template/star-white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    margin: 0px 14px 0 14px;
    padding: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
	ul.slick-dots li.slick-active,
	ul.slick-dots li:hover {
    background-image: url(/images/template/star-red.png);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
	.slick-dots li button:before {
		color: transparent !important;
	}



/*slideshow*/

	div#slideshow {
    padding-top: 41px;
	}

	.cameraContent {
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}

	.camera_target_content {
    max-width: 1290px;
    margin: 0 auto;
	}

	.camera_caption {
    position: absolute;
    top: 33%;
    bottom: 20%;
    left: 0%;
    right: 60%;
    width: 392px;
    height: 242px;
	}

	.camera_caption > div {
    background: transparent;
    padding: 0;
	}

	.camera_caption_desc {
    font-size: 28px;
    line-height: 1.2em;
    background: var(--red-opacity);
    text-align: right;
    padding: 30px 30px 30px 84px;
    clip-path: var(--cut);
    position: absolute;
    bottom: 0;
	}

	.camera_caption_desc span {
    display: block;
    font-weight: 800;
    font-size: 40px;
    line-height: 1.2em;
	}

	.camera_caption_title {
		display: block;
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    right: -33px;
    bottom: -33px;
	}

	.camera_caption_title span.horizontal {
    display: block;
    text-transform: uppercase;
    position: absolute;
    right: 0px;
    bottom: 0;
	}

	.camera_caption_title span.vertical {
    transform: rotate(271deg);
    transform-origin: 0 100%;
    position: absolute;
    bottom: 33px;
    display: inline-block;
    left: 100%;
    white-space: nowrap;
	}

	/*slideshow pagination*/

	.camera_wrap .camera_pag .camera_pag_ul {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	}
	.camera_wrap .camera_pag .camera_pag_ul li {
    background: transparent;
    background-image: url(/images/template/star-white.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 46px;
    height: 46px;
    margin: 0px 4px 0 4px;
    padding: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
	.camera_wrap .camera_pag .camera_pag_ul li span {
		display: none;
	}
	.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
	.camera_wrap .camera_pag .camera_pag_ul li:hover {
    background: transparent;
    background-image: url(/images/template/star-red.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 46px;
    height: 46px;
    margin: 0px 4px 0 4px;
    padding: 4px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}

/*newsflash*/
	.mod-articlesnews.newsflash {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 0 50px;
	}
	.mod-articlesnews__item {
    flex: 1;
	}



	/**/
	.mod-articlesnews__item-0 {
    width: 100%;
    flex: initial;
    margin-bottom: 20px;
	}
	.mod-articlesnews__item-0 {
    display: flex;
    gap: 0px;
	}
	.mod-articlesnews__item-0 .newsflash-image {
    flex: 1;
	}
	.mod-articlesnews__item-0 .newsflash-data {
    flex: 2;
    background: var(--gradientp66);
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
	}
	.mod-articlesnews__item-0 .newsflash-date {
		color: white;
		font-weight: bold;
	}
	.mod-articlesnews__item-0 .newsflash-title a {
		margin-bottom: 0;
		color: white !important;
	}


	.newsflash-title {
		margin: 10px 0;;
		padding: 0;
		text-transform: uppercase;
    font-weight: bold;
	}
	.newsflash-title a {
		font-size: var(--title-size);
	}
	.newsflash-date {
		padding: 0 0 6px 0;
		margin: 0;
		color: var(--grey);
		text-transform: uppercase;
	}

	.newsflash-image {
    position: relative;
    overflow: hidden;
    clip-path: var(--cut);
  }
  .newsflash-image:before {
    content: "";
    display: block;
    padding-top: 75%;
  }

  .mainpage .onlyoneevent .newsflash-image:before {
    content: "";
    display: block;
    padding-top: 32.5%;
	}

  .newsflash-image img {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
  .newsflash-text,
  .newsflash-text * {
  	text-align: left !important;
  	font-weight: lighter !important;
  }

  .newsflash-text p {
    padding: 0;
    margin: 0;
	}

  .newsflash-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
	}

	.newsflash-readmore {
    text-align: right;
    display: none;
	}
	.newsflash-readmore a {
    display: inline-block;
    line-height: 30px;
	}

  .readmore-arrow:before {
    content: '';
    display: block;
    width: 14px;
    height: 30px;
    margin-left: 7px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/images/template/chevron-right.png');
    float: right;
	}

/*greetingspage*/
	

	.mainpage #wrapper {
		background-image: url('/images/template/koszonto-01.jpg');
		background-repeat: no-repeat;
		background-position: top center;
	}

	.mainpage .tck-article-body {
    
    max-width: 70%;
	}

	.mainpage .greetings-sign {
    display: inline-block;
    text-align: center;
    float: right;
    margin-right: -34px;
    margin-top: 70px;
	}
	.mainpage .greetings-sign img {
		margin-bottom: -20px;
	}
	.mainpage .greetings-name {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 30px;
	}
	.mainpage .greetings-title {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 120px;
	}



/*footer*/

	div#footerwrapper {
    background: var(--red);
	}
	div#footerwrapper > .inner {
    padding: 50px 0;
	}

	#footer a,
	#footer a:hover {
		color: white;
		font-weight: 100;
	}
	#footer strong {
		font-weight: normal;
		letter-spacing: 3px;
	}

	#footer h3.tck-module-title {
    letter-spacing: inherit;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 4px;
	}

	#footer #footercolumn1 {
		display: flex;
    align-items: center;
    justify-content: center;
	}

	#footer .flexiblecolumn {
    padding: 0 36px;
    border-right: 1px solid rgb(255 255 255 / 80%);
	}
	#footer .flexiblecolumn:last-child {
		border-right: none;
	}
	#footercolumn1 {
		flex: 1;
	}
	#footercolumn2 {
		flex: 1;
	}
	#footercolumn3 {
		flex: 1;
	}
	#footercolumn4 {
		flex: 1;
	}
	.footer-social {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
	}
	.footer-social img {
    padding: 5px 2px;
    width: 40px;
	}
	.kkttka {
		text-align: center;
		padding-top: 10px;
	}
	.kkttka img {
		max-width: 200px;
	}

	
	#footer2 ul.mod-menu li ul.mod-menu__sub {
		margin: 0 0 0 20px;
    padding: 0;
    font-size: 100%;
	}
	

	#footer p {
    padding: 0;
    margin: 0;
    font-weight: 100;
	}

	


/*aboutus*/

	.aboutus-header {
    display: flex;
    gap: 30px;
    justify-content: space-around;
	}

	.member {
		position: relative;
		text-align: center;
	}
	

	.member-image figure {
		margin-bottom: 0;
	}
	.member-image img {
		filter: grayscale(1);
		max-width: 273px;
    margin-top: 35px;
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
	.member a:hover .member-image img {
		filter: grayscale(0);
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}

	.member-data {
    position: absolute;
    top: 0;
    left: 0;
	}

	
	.member-name {
		text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 10px;
    color: white !important;
	}
	.member-nagme span.red {
		color: var(--red) !important;
	}
	.member-title-short {
		text-align: left;
		color: white !important;
		font-weight: bolder;
	}
	.member-title-short img {
    width: 14px;
    margin-left: 10px;
	}

	.aboutus-items {
    padding-top: 100px;
	}
	.aui-member {
    display: flex;
    gap: 30px;
    scroll-margin-top: 80px;
	}
	.aui-left {
    width: 30%;
	}
	.tck-article.com-content-article.item-page.aboutuspage .aui-left .aui-image {
		margin-top: 0px;
	}
	.aui-right {
    width: 70%;
	}
	.aui-member-name {
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.2;
	}
	.aui-member-title-long {
    margin-bottom: 10px;
    font-weight: bolder;
	}
	.aui-member-socials {
    text-align: right;
	}
	.aboutusflash {
		display: flex;
    gap: 30px;
    justify-content: space-around
  }

/*news*/

	.newspage #wrapper {
    
	}

	.newspage .com-content-category-blog__item.blog-item.tck-article {
		margin-bottom: 40px;
	}

	.newspage .tck-blog figure.item-image {
		float: none;
		clip-path: var(--cut);
		position: relative;
    overflow: hidden;
    margin-bottom: 12px;
	}

  .newspage .tck-blog  figure.item-image:before {
    content: "";
    display: block;
    padding-top: 75%;
  }
  .hasvideo a:after {
    content: '';
    display: block;
    width: 120px;
    height: 120px;
    background-image: url(/images/template/icon-play.png);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 106px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    border-radius: 50%;
    padding: 20px;
    background-color: rgb(255,255,255, 0.5);
	}
  .newspage .tck-blog  figure.item-image img {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }

  .newspage .page-header h2.tck-article-title {
  	margin-bottom: 0;
  }


  .newspage .news-publish_up {
  	color: var(--grey);
  }

  .newspage .items-leading {
  	margin-bottom: 100px;	
  }

  .newspage .items-leading .tck-article .leadingimage {
  	display: inline-block;
  	width: calc((100% / 3 ) - 30px );
  	margin-right: 30px;
  }

  .newspage .items-leading .tck-article .item-content {
  	display: inline-block;
    width: calc( ((100% / 3 ) * 2) - 4px );
    vertical-align: top;
  }
  .newspage .items-leading .tck-article .item-content .page-header h2.tck-article-title {
  	font-size: 30px;
  	text-transform: uppercase;
  }

  .featuredmodules {
    margin-bottom: 50px; 
	}

	.featuredmodules .moduletable {
    border-bottom: 2px solid var(--red);
	}

  .featuredmodules .mod-articlesnews.newsflash {
  	display: block;
  }
  .featuredmodules .mod-articlesnews__item {
    width: 100%;
    display: flex;
    gap: 0px;
	}
	.featuredmodules .mod-articlesnews__item .newsflash-image {
		flex: 1;
	}
	.featuredmodules .mod-articlesnews__item .newsflash-data {
		flex: 2;
		background: var(--gradientp66);
		padding-left: 30px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
	}
	.featuredmodules .mod-articlesnews__item .newsflash-data a {
		color: white !important;
	}

	.newspage .blog-item .tck-article-body p,
	.newspage .blog-item .tck-article-body strong {
		margin: 0;
		padding: 0;
		text-align: left !important;
		font-weight: lighter !important;
	}
	.newspage .blog-item .tck-article-body {
		display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
  }

/*eventspage*/

	h3.participants-header {
    display: block;
    font-size: var(--title-size);
    font-weight: bold;
    text-transform: uppercase;
    color: var(--red);
	}

	.event-date.past {
    color: var(--grey);
	}
	.event-date.actual {
    color: var(--red);
	}
	.event-date.future {
    color: var(--red);
	}

	.featuredmodules .event-date.past,
	.featuredmodules .event-date.actual,
	.featuredmodules .event-date.future {
    color: white;
    font-weight: bold;
	}
	.featuredmodules .newsflash-title {
		margin-bottom: 0;
	}

	.eventspage .item-content {
		position: relative;
	}

	.event-date {
		display: block;
    font-size: var(--date-size);
    text-transform: uppercase;
	}

	.event-header {
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
    background: url(/images/template/blackpoint.jpg), var(--gradient100);
    background-repeat: no-repeat;
    
	}
	.event-image {
    flex: 2;
    clip-path: var(--cut);
	}
	.event-data {
    flex: 3;
	}
	.event-header .event-data .page-header h2 {
		margin-top: 20px;
	}

	.event-image figure {
		margin-bottom: 0;
	}
	.event-image .event-date {
		color: white !important;
		font-weight: bold;
	}
	.event-image .event-date.event-icon {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    clear: both;
	}
	.event-image .event-date.event-icon * {
  	margin-top: 0;
  	margin-bottom: 0;
  	padding-top: 0;
  	padding-bottom: 0;
  }
  .event-image .event-date.event-icon img {
		margin-right: 20px;
	}

	
	.tck-article.com-content-article.item-page .tck-article.com-content-article.item-page {
		width: 90%;
		padding: 10px 20px;
		margin: 0 auto 30px;
		display: block;
		border: 1px solid white;
	}
	.tck-article.com-content-article.item-page .tck-article.com-content-article.item-page .page-header h1 {
		display: none;
	}

	.tck-article.com-content-article.item-page .tck-article.com-content-article.item-page .page-header h2.tck-article-title {
		font-size: 40px;
	}
	.tck-article.com-content-article.item-page .tck-article.com-content-article.item-page figure.item-image {
		float: left;
		width: 20%;
		margin-right: 30px;
	}
	.tck-article.com-content-article.item-page .tck-article.com-content-article.item-page .tck-article-body:after {
		content: "";
		display: block;
		clear: both;
	}

	.event-data .event-icon {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
	}
	.event-data .event-icon * {
  	margin-top: 0;
  	margin-bottom: 0;
  	padding-top: 0;
  	padding-bottom: 0;
  }
  .event-data .event-icon img {
		margin-right: 20px;
	}
	span.reg {
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
	span.reg:hover {
    color: var(--red);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}

	ul.fields-container {
    margin: 0;
    padding: 0;
    list-style: none;
	}
  

	/*performers*/

	.performers {
    display: flex;
    gap: 30px;
    flex-direction: row;
    justify-content: flex-start;
	}

	.performer {
    width: 25%;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
	}
	.performer-inner {
		margin: 15px;
		padding: 10px;
    _border: 1px solid rgb(255 255 255 / 80%);
    box-sizing: border-box;
	}

	.performers-title {
		font-size: var(--title-size);
		text-transform: uppercase;
		font-weight: bold;
		text-align: center;
	}
	.performer a {
		display: block;
		text-align: center;
		background-size: 0 !important;
	}

	.performer img.performer-image {
		
		filter: grayscale(1);
		
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;


	}

	.performer:hover img.performer-image {
		filter: grayscale(0);
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}

	




	.performer h2.performer-title {
		font-size: var(--title-size);
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 0;
		text-align: center;
	}
	.performer div.performer-intro {
		text-align: center;
		color: white;
		font-weight: bolder;
	}
	.performer div.performer-intro img.performer-readmore {
		display: inline-block;
		width: 14px;
    margin-left: 10px;
	}
	.performer div.performer-intro * {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
		padding-top: 0 !important;
		display: contents;
	}
	.performer div.performer-intro:after {
		content: "";
		display: block;
		clear: both;
	}


	.participantspage .com-content-category-blog__item.blog-item.tck-article figure.item-image img {
		border: 1px solid white;
	}


	.participantslist ul.fields-container li {
    width: 25%;
    display: inline-block;
	}
	.participantslist ul.fields-container li .performer {
    width: 100%;
  }


  	
/*search*/
	
	div#search-form {
    display: none;
	}

	form.mod-finder,
	#search-form .form-inline {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	.mod-finder__search.input-group {
    justify-content: flex-end;
    width: 250px;
    float: right;
	}

	div#search-form label[for="q"] {
		display: none;
	}
	
	form.mod-finder input[name="q"],
	#search-form input#q {
		width: 250px;
		border-radius: 0;
		background: var(--red);
		color: white;
		border-color: var(--red);
		z-index: 1;
	}
	form.mod-finder input[name="q"]::placeholder,
	#search-form input#q::placeholder {
		color: whitesmoke;
	}

	form.mod-finder button.btn,
	#search-form button.btn {
    content: none;
    border: none;
    background: #e30614 !important;
    color: transparent;
    text-transform: uppercase;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    border-radius: 0;
    font-size: 0;
    display: none;
	}
	form.mod-finder button.btn span.icon-search.icon-white:before,
	#search-form button.btn span.icon-search.icon-white:before {
		content: '';
    font-size: 20px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/images/template/search.png);
    background-size: contain;
    background-repeat: no-repeat;
	}

	.com-finder * {
		margin-bottom: 0.5rem;
	}
	.com-finder>*+*,
	.com-finder__results>*+* {
		margin-top: 0;
	}



	ol#search-result-list {
		_display: flex;
		flex-wrap: wrap;
	}

	.result__item {
    _display: flex;
    _flex: 0 0 33.333333%;
    gap: 30px;
    margin-bottom: 40px;
	}
	.result__item.collapseresult {
		display: block;
		flex: 0 0 100%;
	}

	.result__item + .result__item {
		border-top: none;
		margin-top: 0;
    padding-top: 0;
	}

	

	.blog-item.tck-article .result__item {
		margin-bottom: 6px;
	}


	.resultimage {
    width: 20%;
	}
	.resultimage + .resultdata {
    width: 80%;
	}
	.result__title a {
		font-size: var(--title-size);
    font-weight: 800;
    text-transform: uppercase;
  }
  .result__title-link {
    display: block;
  }

  .result__item figure.item-image {
		float: none;
		
		position: relative;
    overflow: hidden;
    margin-bottom: 12px;
	}

  .result__item figure.item-image:before {
    content: "";
    display: block;
    padding-top: 75%;
  }
  .result__item figure.item-image.hasvideo a:after {
    content: '';
    display: block;
    width: 142px;
    height: 142px;
    background-image: url(/images/template/icon-play.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
	}
  .result__item figure.item-image img {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }

  .com-finder__pagination {
    text-align: center;
	}
	.search-pages-counter {
    text-align: center;
	}


	.awesomplete > ul {
		background: var(--red);
    color: white;
    border-radius: 0;
    padding-top: 20px;
    _clip-path: var(--cut);
    box-shadow: none;
    border-color: transparent;
	}
	.awesomplete mark {
    background: var(--grey);
	}

	/*
	.awesomplete > ul[hidden], .awesomplete > ul:empty {
    opacity: 1 !important;
    transform: scale(1) !important;
    display: block !important;
  }
	*/





/*pagination*/

	.com-content-category-blog__pagination {
    text-align: center;
	}

	nav.pagination {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
	}
	ul.tck-pagination.pagination {
		margin-left: 0;
		margin-bottom: 0;
		border-radius: 0;
	}
	

	.page-link {
    position: relative;
    display: block;
    color: white;
    font-size: 30px;
    line-height: 33px;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid black;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}
	.page-item.disabled .page-link {
    pointer-events: none;
    background-color: transparent;
    border-color: black;
    color: var(--grey);
	}
	.page-link:hover {
    z-index: 2;
    color: white;
    background-color: transparent;
    border-color: black;
	}
	.page-item.active .page-link {
    z-index: 3;
    color: var(--red);
    background-color: transparent;
    border-color: black;
	}
	.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	}
	.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	}

	.icon-angle-double-left:before,
	.icon-angle-left:before,
	.icon-angle-right:before,
	.icon-angle-double-right:before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-size: cover;
	}

	.disabled .icon-angle-double-left:before,
	.disabled .icon-angle-left:before,
	.disabled .icon-angle-right:before,
	.disabled .icon-angle-double-right:before{
		filter: brightness(0.5);	
	}

	

	.icon-angle-double-left:before {
		background-image: url(/images/template/pag-first.png);
	}
	.icon-angle-left:before {
		background-image: url(/images/template/pag-prev.png);
	}
	.icon-angle-right:before {
		background-image: url(/images/template/pag-next.png);
	}
	.icon-angle-double-right:before {
		background-image: url(/images/template/pag-last.png);
	}
	


	.page-link:focus {
    z-index: 3;
    color: white;
    background-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(#112855, 0.25);
	}


/*latoszog blog, muzeum*/
	
	.partners {
		display: flex;
		gap: 30px;
		_margin: 100px 0 100px;
	}
	.partner {
		position: relative;
    _padding-top: 25px;
	}

	.partner h3.tck-module-title {
		letter-spacing: 10px;
		margin-top: 0;
	}

	.partner img {
    clip-path: var(--cut);
	}
	.partner a {
		display: block;
		position: relative;
	}
	.partner a:before {
		content: '';
    display: inline-block;
    margin-left: 0px;
    margin-top: 0px;
    width: 14px;
    vertical-align: middle;
    height: 30px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/images/template/chevron-right.png);
    position: absolute;
    top: 0px;
    left: 0;
	}

	
	span.overlaybox {
    font-size: 20px;
    line-height: 1.2em;
    font-weight: bolder;
    background: var(--red);
    text-align: right;
    padding: 20px 20px 20px 60px;
    clip-path: var(--cut);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
	}
	.communistleaders.partner a {
		color: white !important;
	}




	


/*modal*/

	.modal-dialog.jviewport-width50 {
    width: 600px !important;
    max-width: 100%;
  }
  .jviewport-height60 {
    height: 420px !important;
	}

	.modal.fade .modal-dialog {
		top: 50%;
    transform: translate(0, -50%);
	}

	.modal-content {
    background: black;
    border-radius: 0;
    box-shadow: 0px 0px 0px 1px white, 3px 3px 0px 3px black, 6px 6px 0px 1px white, 9px 9px 0px 3px black, 12px 12px 0px 1px white;
	}
	.modal-header {
		border-bottom: transparent;
	}
	.modal-body {
		padding: 2rem;
		padding-top: 2rem !important;
	}

	.modal-content:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    background: transparent;
    background-image: url(/images/template/reg-80.png);
    background-size: contain;
    top: -49px;
    left: calc(50% - 40px);
    z-index: 100000000;
	}
	.modal-title {
    display: none;
    border-bottom: transparent;
  }
  .btn-close,
  .btn-close:hover {
    background: transparent;
    background-image: url(/images/template/close.png);
    position: absolute;
    top: 5px;
    right: 13px;
    width: 20px;
    height: 20px;
    padding: 0 !important;
    background-size: cover;
    z-index: 20000;
	}


/*
	.modal-content {
    background: black;
    border-radius: 0;
    box-shadow: 0px 0px 0px 2px white, 3px 3px 0px 3px black, 6px 6px 0px 2px white, 9px 9px 0px 3px black, 12px 12px 0px 2px white;
	}
	.modal-content:before {
    content: '';
    display: block;
    width: calc(100% + 10px);
    height: 106px;
    position: absolute;
    background: transparent;
    background-image: url(/images/template/reg-top.png);
    background-size: cover;
    top: -107px;
    left: -7px;
	}
	.modal-body {
    padding: 0 2rem;
    padding-top: 0rem !important;
	}
*/

/*contact*/
	
	.contact {
	  background-image: url(/images/template/topleftcorner.png);
    background-repeat: no-repeat;
    padding: 104px 63px 30px;
    border: 1px solid #bebebe;
    clip-path: polygon(2px 2px, 194px 2px, 199px 0, 100% 0, 100% 100%, 0 100%, 0 62px, 2px 62px);
    max-width: 520px;
    margin: 0 auto;
	}

	.contact h4 {
    font-weight: bold;
    color: var(--red);
    padding-left: 54px;
    margin-bottom: 22px;
	}
	.contact div {
		display: flex;
    gap: 30px;
    flex-direction: row;
    align-items: center;
    margin-bottom: 22px;
	}
	.contact div p {
		padding: 0;
		margin: 0;
	}

/*archive*/

	a.archivelink {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
    font-size: var(--header-size);
	}
	a.archivelink:before {
    content: '';
    background-image: url(/images/template/archive-icon.png);
    display: inline-block;
    width: 40px;
    margin-top: -6px;
    height: 40px;
    vertical-align: middle;
    margin-right: 20px;
    background-size: contain;
	}
	a.archivelink:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    margin-top: -6px;
    width: 14px;
    vertical-align: middle;
    height: 30px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/images/template/chevron-right.png);
	}
	body.com_content.view-article.layout-mainnews a.archivelink {
		display: none;
	}

	.archive #adminForm {
		background: transparent;
		font-family: "Roboto Condensed";
	}
	.archive .form-inline {
		justify-content: center;
    gap: 20px;
    flex-flow: row nowrap;
    display: flex;
    align-items: stretch;
	}

	.me-2.archiveform1 {
    width: calc(100% - (3 * 120px));
	}
	.me-2.archiveform2 {
    width: 120px;
	}
	.me-2.archiveform3 {
    width: 120px;
	}
	.me-2.archiveform4 {
    width: 120px;
	}
	img.archive-icon {
    display: inline-block;
    width: 45px;
    margin-right: 20px;
	}

	.archive #adminForm input[type="text"] {
		height: auto;
    background: var(--input-grey);
    border: transparent;
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 10px;
    padding-left: 8px;
    border-radius: 0;
    color: white;
    width: calc(100% - 68px);
    max-width: 100%;
    min-height: 1px;
    font-size: 18px;
    line-height: 26px;
	}

	.archive #adminForm .form-select,
	.archive #adminForm .custom-select,
	.archive #adminForm .form-select:focus,
	.archive #adminForm .custom-select:focus {
		appearance: none;
    max-width: 100%;
    width: 120px;
    cursor: pointer;
    border-radius: 0;
    color: white;
    border: none;
    background: url(/images/template/archive-month.png) no-repeat right 9px top 6px, linear-gradient(to left, rgba(255, 255, 255, 0.3) 3em, var(--input-grey) 2em);
    min-height: 1px;
    background-size: unset;
    text-transform: lowercase;
    padding: 11px 18px;
	}

	.archive #adminForm #month.form-select {
		background: url(/images/template/archive-month.png) no-repeat right 9px top 6px, linear-gradient(to left, rgba(255, 255, 255, 0.3) 3em, var(--input-grey) 2em);
	}
	.archive #adminForm #year.form-select {
		background: url(/images/template/archive-year.png) no-repeat right 9px top 6px, linear-gradient(to left, rgba(255, 255, 255, 0.3) 3em, var(--input-grey) 2em);
	}
	.archive #adminForm .form-select option {
		background: var(--input-grey);
		color: white;
	}
	.archive #adminForm .form-select option:hover {
		background: var(--red);
	}

	.archive #adminForm .btn {
    background: transparent;
    padding: 10px 15px;
    border: none;
    border-radius: 0;
    color: white;
    text-shadow: none;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    vertical-align: middle !important;
    white-space: nowrap;
    margin-bottom: -1px;
	}

	.archive #adminForm .btn:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    margin-top: -6px;
    width: 20px;
    vertical-align: middle;
    height: 30px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/images/template/chevron-right.png);
	}

	#archive-items dl.article-info {
    margin-bottom: 0;
	}

	.com-content-archive__pagination {
    text-align: center;
	}

	.archive #adminForm .archiveform1 label {
		display: none !important;
	}




	input:focus-visible {
		outline: none;
	}



	

/*tags*/

	.kvh-tags {
    margin: 20px 0 40px;
	}

	.kvh-tags .mod-tagspopular.tagspopular ul {
		list-style: none;
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
    padding: 50px 0;
	}

	.kvh-tags .mod-tagspopular.tagspopular ul li {
		display: inline-block;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
	}
	#kvtagsleft .mod-tagspopular.tagspopular ul {
		list-style: none;
		margin-left: 0;
		margin-top: 0;
    padding-top: 0;
	}

	#kvtagsleft .mod-tagspopular.tagspopular ul li {
		text-align: left;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
	}

	.mod-tagspopular.tagspopular ul li.red a {
		color: var(--red);
		
	}
	#kvtagsleft .mod-tagspopular.tagspopular ul li.red a {
		padding: 10px 0;
    display: inline-block;
	}

/*cv page*/


	.blog-item h2.tck-article-title {
		cursor: pointer;
		position: relative;
		display: block;
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
	.blog-item h2.tck-article-title[aria-expanded="true"],
	.blog-item .page-header[aria-expanded="true"],
	.blog-item h2.tck-article-title:hover {
		color: var(--red);
		-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
	}
	.blog-item h2.tck-article-title {
		display: inline-block;
		margin-bottom: 0;
	}
	#maximenuck178 .maximenuck {
		padding-top: 0;
		margin-right: 25px !important;
	}
	#maximenuck178 .maximenuck li {
		position: relative !important;
		margin-right: 0 !important;
	}
	#maximenuck178 .maximenuck li .titreck-title {
		font-size: 30px;
    line-height: 30px;
    font-weight: bold;
	}
	#maximenuck178 .maximenuck li.current .titreck-title {
		color: var(--red);
	}
	.blog-item .item-content {
		position: relative;

	}
	#maximenuck178 .maximenuck li.current:after,
	.blog-item h2.tck-article-title[aria-expanded="true"]:after,
	.blog-item .page-header[aria-expanded="true"]:after {
		content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0px;
    top: 7px;
    background-color: white;
    border-radius: 50%;
    z-index: 10000;
    cursor: default;
	}
	#maximenuck178 ul.maximenuck {
		background: linear-gradient(
			to right, 
			transparent 0%, 
			transparent calc(100% - 10px), 
			white calc(100% - 10px), 
			white calc(100% - 8px),
			transparent calc(100% - 8px), 
			transparent 100%);
	}

	.blog-item h2.tck-article-title span {
		font-size: 18px;
	}

	div#accordionblog,
	div#accordioncommittee,
	div#accordionkvkb,
	div#accordionsecretariat {
    position: relative;
    display: flex;
    gap: 30px;
	}
	.itemtitles {
		flex: 2;
	}
	.itemtexts {
		flex: 4;
	}

	.kvtagsleft div#maximenuck178 ul.maximenuck,
	.itemtitles,
	.itemtexts {
		max-height: calc(100vh - 260px);
		overflow-y: overlay !important;
    overflow-x: clip !important;
	}

	.komvezpage .itemtitles,
	.komvezpage .itemtexts { 
		max-height: 420px;
	}
	
	.itemtitles {
		background: linear-gradient(
			to right, 
			transparent 0%, 
			transparent calc(100% - 10px), 
			white calc(100% - 10px), 
			white calc(100% - 8px),
			transparent calc(100% - 8px), 
			transparent 100%);
	}
	/* custom scrollbar */
  .kvtagsleft div#maximenuck178 ul.maximenuck::-webkit-scrollbar,
  .tagspopular::-webkit-scrollbar,
	.itemtitles::-webkit-scrollbar {
    width: 0px;
  }
  .kvtagsleft div#maximenuck178 ul.maximenuck::-webkit-scrollbar-track,
  .tagspopular::-webkit-scrollbar-track,
	.itemtitles::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .kvtagsleft div#maximenuck178 ul.maximenuck::-webkit-scrollbar-thumb,
  .tagspopular::-webkit-scrollbar-thumb,
	.itemtitles::-webkit-scrollbar-thumb {
    background-color: transparent;
    backdrop-filter: blur(5px);
    border-radius: 12px;
    border: 0px solid transparent;
    background-clip: content-box;
  }
  .kvtagsleft div#maximenuck178 ul.maximenuck::-webkit-scrollbar-thumb:hover,
  .tagspopular::-webkit-scrollbar-thumb:hover,
	.itemtitles::-webkit-scrollbar-thumb:hover {
    background-color: transparent;
  }


  /* custom scrollbar */

	.itemtexts::-webkit-scrollbar {
    width: 18px;
  }

	.itemtexts::-webkit-scrollbar-track {
    background: linear-gradient(
			to right, 
			transparent 0%, 
			transparent 8px, 
			white 8px, 
			white 10px,
			transparent 10px, 
			transparent 100%);
  }

	.itemtexts::-webkit-scrollbar-thumb {
    background-color: white;
    backdrop-filter: blur(5px);
    border-radius: 9px;
    border: 5px solid transparent;
    background-clip: content-box;
  }

	.itemtexts::-webkit-scrollbar-thumb:hover {
    background-color: white;
  }




/*szervezeti*/

	h2.tck-article-title.szervezetititle {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
	}
	h2.tck-article-title.szervezetititle:after {
		content: none !important;
	}
	h2.tck-article-title.szervezetititle span {
		font-size: 24px;
	}
	h2.tck-article-title.szervezetititle span.fromdate {
    width: 48%;
    text-align: right;
	}
	h2.tck-article-title.szervezetititle span.separatedate {
    width: 2%;
    text-align: center;
	}
	h2.tck-article-title.szervezetititle span.todate {
    width: 48%;
    text-align: left;
	}
	.blog-items .item-content .tck-article-body.szervezetitext {
		padding-left: 0px;
	}


	/* ==========================================================================
   Timeline
   ========================================================================== */
	.timeline {
	  border-collapse: collapse;
	  border-spacing: 0;
	  display: table;
	  position: relative;
	  table-layout: fixed;
	  width: 100%;
	  margin-bottom: 40px;
	}
	.timeline .time-layer {
	  margin-right: -40px;
	  margin-top: 30px;
	  position: relative;
	  margin-bottom: 30px;
	  width: 200%;
	}
	.timeline:before {
	  background-color: #d8d9df;
	  bottom: 0px;
	  content: "";
	  left: 50%;
	  position: absolute;
	  top: 30px;
	  width: 1px;
	  z-index: 0;
	}
	h3.timeline-title {
	  margin: 0;
	  color: #C8CCD7;
	  font-size: 20px;
	  font-weight: 400;
	  margin: 0 0 5px;
	  text-transform: uppercase;
	}
	.timeline-layer .panel .panel-heading {
	  margin-top: -8px;
	}
	.timeline-layer .panel .panel-heading h4 i {
	  color: #bdc3c7;
	}
	.timeline-item:before,
	.timeline-item.left:after {
	  content: "";
	  display: block;
	  width: 50%;
	}
	.timeline-item {
	  display: table-row;
	}
	.timeline-layer {
	  display: table-cell;
	  vertical-align: top;
	  width: 50%;
	}
	.timeline-layer h4 {
	  font-size: 16px;
	  font-weight: 300;
	  margin: 0 0 5px;
	}
	.timeline-layer .panel {
	  display: block;
	  margin-left: 45px;
	  position: relative;
	  text-align: left;
	  
	}
	.timeline-layer .panel ul {
	  margin: 0;
	  padding: 15px;
	}
	.timeline-item .timeline-layer .arrow {
	  border-bottom: 8px solid transparent;
	  border-top: 8px solid transparent;
	  display: block;
	  height: 0;
	  left: -7px;
	  position: absolute;
	  top: 13px;
	  width: 0;
	}
	.timeline-item .timeline-layer .arrow {
	  border-right: 8px solid #fff;
	}
	.timeline-item.left .timeline-layer .arrow-left {
	  border-bottom: 8px solid transparent;
	  border-top: 8px solid transparent;
	  display: block;
	  height: 0;
	  right: -7px;
	  position: absolute;
	  top: 13px;
	  width: 0;
	  left: auto;
	}
	.timeline-item.left .timeline-layer .arrow-left {
	  border-left: 8px solid #fff;
	}
	.timeline .timeline-icon {
	  left: -50px;
	  position: absolute;
	  top: 5px;
	}
	.timeline .timeline-icon {
	  background: #bdc3c7;
	}
	.timeline .timeline-icon {
	  -webkit-border-radius: 50%;
	  -moz-border-radius: 50%;
	  -ms-border-radius: 50%;
	  -o-border-radius: 50%;
	  border-radius: 50%;
	  display: block;
	  height: 10px;
	  width: 10px;
	  text-align: center;
	  color: #fff;
	}
	.timeline .timeline-icon i {
	  margin-top: 9px;
	}
	.timeline-item.left .timeline-icon {
	  left: auto;
	  right: -51px;
	}
	.timeline .time-icon:before {
	  font-size: 16px;
	  margin-top: 5px;
	}
	.timeline .timeline-date {
	  left: -245px;
	  position: absolute;
	  text-align: right;
	  top: 12px;
	  width: 150px;
	  display: none;
	}
	.timeline-item.left .timeline-date {
	  left: auto;
	  right: -245px;
	  text-align: left;
	  display: none;
	}
	.timeline-item.left:before {
	  display: none;
	}
	.timeline-layer p {
	  font-size: 14px;
	  margin-bottom: 0;
	  color: #999;
	}
	.timeline-layer .panel {
	  margin-bottom: 5px;
	}
	.timeline-layer .album {
	  margin-top: 20px;
	}
	.timeline-item.left .timeline-layer .album {
	  margin-top: 20px;
	  float: right;
	}
	.timeline-layer .notification {
	  margin-top: 20px;
	  padding: 4px;
	}
	.timeline-item.left .panel {
	  margin-left: 0;
	  margin-right: 45px;
	}
	.timeline-item.left h4,
	.timeline-item.left p {
	  text-align: right;
	}


	span.not-label {
    background: var(--red);
    padding: 2px 10px;
    color: white;
	}







	.blog-items .item-content .tck-article-body {
		padding-left: 68px;
	}
	.blog-items .item-content .tck-article-body p {
		margin-bottom: 0;
		padding-top: 0;
	}

	.blog-items .item-content .tck-article-body strong,
	.blog-items .item-content .tck-article-body b {
		padding-top: 6px;
		padding-bottom: 6px;
		display: block;
	}


	/*eletrajzok*/


	.blog-items.masonry-3, .blog-items.columns-3 {
    column-gap: 30px;
	}

	.kvcv-blog .blog-items .blog-item {
		margin-bottom: 50px;
		display: flex;
		align-items: stretch;
		gap: 0;
	}

	.kvcv-blog .blog-items .blog-item figure.item-image {
		float: none !important;
		margin-bottom: 0;
		width: 80px;
	}

	.kvcv-blog .blog-items .blog-item figure img {
		__clip-path: var(--cut);
		width: 80px;
		
	}
	.kvcv-blog .blog-items .blog-item .item-content {
		width: calc(100% - 80px);
		height: 80px;
		background: var(--gradient100);
		margin-top: 0;
	}
	.kvcv-blog .blog-items .blog-item .item-content .page-header {
		display: block;
		height: 80px;
	}

	.kvcv-blog .blog-items .blog-item .item-content .page-header h2 {
		padding: 10px 20px;
	}
	.kvcv-blog .blog-items .blog-item .item-content .page-header h2 a {
		color: white !important;
		font-size: 24px;
		font-weight: normal;
	}
	.kvcv-blog .blog-items .blog-item .item-content .page-header h2 span.cvtitlebold {
		display: block !important;
		font-weight: bold;
		font-size: 24px;
	}




	/*kvcv page*/

	.tck-article.com-content-article.item-page.kvcv .cvimage {
    display: flex;
    width: 100%;
    align-items: flex-end;
    background: var(--gradient100);
    clip-path: var(--cut);
	}
	.tck-article.com-content-article.item-page.kvcv .cvimage figure {
    margin-bottom: 0;
	}
	.tck-article.com-content-article.item-page.kvcv .com-content-article__body.tck-article-body {
		margin-top: 35px;
	} 

	.tck-article.com-content-article.item-page.kvcv .cvdatas {
    clear: both;
    display: flex;

    display: block;
	}
	.tck-article.com-content-article.item-page.kvcv .segedkonyv {
    width: 50%;
    border-right: 1px solid white;
    padding-right: 30px;
    width: 49%;
    display: inline-block;
    border-right: none;
    vertical-align: top;
    position: sticky;
    top: 64px;
    bottom: 0;
    
	}
	

	.tck-article.com-content-article.item-page.kvcv .newdata {
    width: 50%;
    padding-left: 30px;

    width: 49%;
    display: inline-block;
    border-left: 1px solid white;
	}
	.tck-article.com-content-article.item-page.kvcv .page-header h2.tck-article-title {
		font-size: 46px;
    letter-spacing: 16px;
    font-weight: 300;
    margin: 10px 20px 20px 30px;
	}
	.tck-article.com-content-article.item-page.kvcv .page-header h2.tck-article-title span.cvtitlebold {
		display: block;
		font-weight: bold;
	}





/*covermodule*/

	.kvcover {
		position: relative;
    height: 50vw;
    overflow: hidden;
    margin-bottom: 20px;
	}

	.kvcover .kvcovertext {
		position: absolute;
    top: 0;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    max-width: 1350px;
	}
	.kvcover .kvcovertext .kvcoverdetail {
		width: 500px;
    background: var(--red-opacity);
    padding: 16px 30px 0px;
    position: absolute;
    bottom: 10%;
    font-weight: 400;
    font-size: 20px;
	}

	.kvcfooter .kvcover .kvcovertext .kvcoverdetail {
		width: 800px;
    max-width: 100%;
    background: url(/images/template/felhivas_csillag.png), linear-gradient(180deg, rgba(255,255,255,0) 25px, rgba(227,6,20,0.8) 25px, rgba(227,6,20,0.8) 100%);
    background-repeat: no-repeat;
    background-position: top right 20px, center;
    padding: 101px 235px 0px 40px;
    position: absolute;
    top: 20%;
    bottom: initial;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-weight: 400;
    font-size: 20px;
	}
	.kvcoverdetail h2 {
		text-transform: uppercase;
		font-weight: bold;
	}

	.komvezpopup .kvcover .kvcovertext .kvcoverdetail {
		width: 800px;
    max-width: 100%;
    background: url(/images/template/felhivas_csillag.png), linear-gradient(180deg, rgba(255,255,255,0) 24px, rgba(227,6,20,0.8) 24px, rgba(227,6,20,0.8) 100%);
    background-repeat: no-repeat;
    background-position: top right 20px, center;
    padding: 101px 235px 0px 40px;
    position: absolute;
    top: 20%;
    bottom: initial;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-weight: 400;
    font-size: 20px;
	}

	.kvcoverdetail a {
		color: white;
		text-decoration: none;
    background-image: linear-gradient(white, white);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .2s ease;
    padding-bottom: 1px;
	}
	.kvcoverdetail a:hover {
		color: white;
		text-decoration: none;
    background-size: 100% 2px;
	}

	.covermodule.kvc1,
	.covermodule.kvcfooter,
	.covermodule.komvezpopup {
    margin-bottom: 10px;
	}

	/*scroll-arrow*/

	.scroll-arrow {
    position: absolute;
    text-align: center;
    bottom: 50px;
    left: 0;
    right: 0;
	}
	.scroll-arrow img {
		cursor: pointer;
	}



/*covermodule innerwidht*/

	.covermodule.innerwidth.tck-module {
    max-width: 1350px;
    margin: 0px auto;
    padding: 50px 30px 50px;
    margin-bottom: 20px;
	}

	.titleunderline {
		border-bottom: 2px solid var(--red);
	}

	#covermodule #kvtags .mod-tagspopular.tagspopular ul {
		padding: 20px 0;
	}





/*headers*/

	.kvheader {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid var(--red);
    margin-bottom: 30px;
	}
	/*kvpageheader*/

	.kvheader .kvh-title h1 {
		margin: 0px 0px 0px 0px;
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 30px;
	}
	.kvheader .kvh-title p {
		margin: 0 !important;
		padding: 0 !important;
	}
	.kvheader .kvh-search {
    position: relative;
	}














/*readmore*/
	.kvreadmore {
		margin-top: 10px;
	}
	.kvreadmore.structureradmore {
    text-align: center;
	}
	.kvreadmore a {
		font-size: var(--title-size);
		text-transform: uppercase;
		font-weight: bold;
	}
	.kvreadmore a img {
    width: 14px;
    margin-left: 10px;
    margin-top: -6px;
	}




















/*woth*/
	
	div#footerwrapper {
    margin-top: 80px;
	}

	.woy {
    text-align: center;
    position: relative;
    margin-top: -100px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
	}
	.woy img {
		padding: 0px 70px;
    box-sizing: content-box;
	}















@media screen and (max-width: 1600px) {
	#bannercolumn1 {
    width: 119px;
	}
	#bannercolumn2 {
    width: calc(100% - (2 * 129px));
	}
	#bannercolumn3 {
    width: 119px;
	}
	#wrapper > .inner,
	#modulewrapper > .inner,
	#coverwrapper .innerwidth {
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 119px;
		margin-right: 119px;
		width: calc(100% - (2 * 119px));
	}
	.komvezpopup .kvcover .kvcovertext .kvcoverdetail,
	.kvcfooter .kvcover .kvcovertext .kvcoverdetail {
		padding: 46px 233px 0px 20px;
		top: 16%;
	}

}


@media screen and (max-width: 1400px) {
	h4, .h4 {
    font-size: 1.3rem;
	}
	#vkmenu div[id^=maximenuck] ul.maximenuck li.maximenuck.item171.first.level1 a .titreck-title {
		font-size: 22px !important;
	}
	#vkmenu div[id^=maximenuck] span.titreck-title {
		font-size: 18px;
	}
	.kvheader .kvh-title h1 {
		font-size: 28px;
    letter-spacing: 10px;
	}
	.blog-item h2.tck-article-title,
	.blog-item h2.tck-article-title span {
		font-size: 16px;
	}
	#maximenuck178 .maximenuck li.current:after {
		top: 6px;
	} 
	.blog-item h2.tck-article-title[aria-expanded="true"]:after {
		top: 1px;
	}
	.page-header h2 {
    font-size: 20px;
  }
  .kvh-tags .mod-tagspopular.tagspopular ul li {
  	font-size: 22px;
  }
  .kvcv-blog .blog-items .blog-item .item-content .page-header h2 a,
  .kvcv-blog .blog-items .blog-item .item-content .page-header h2 span.cvtitlebold {
  	font-size: 22px;
  }
  .tck-article.com-content-article.item-page.kvcv .page-header h2.tck-article-title {
  	font-size: 34px;
    letter-spacing: 10px;;
  }
  #maximenuck178 .maximenuck li .titreck-title {
  	font-size: 22px;
  }
  .kvreadmore a {
  	font-size: 20px;
  }
  .kvreadmore a img {
  	margin-top: -2px;
  }

  .scroll-arrow {
  	bottom: 20px;
  }

}



@media screen and (max-width: 1300px) {
	#bannerrow,
	#bannerrow > .inner {
		height: 46px;
	}
	#bannercolumn1 {
		width: 56px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		height: 46px;
	}
	#bannercolumn2 {
		width: 100%;
		position: absolute;
		height: 41px;
	}
	#bannercolumn3 {
		position: absolute;
    top: 0;
    right: 100px;
    z-index: 1000;
    height: 41px;
	}
	#bannercolumn4 {
		position: absolute;
    top: 0;
    right: 50px;
    z-index: 1000;
    height: 41px;
	}
	div#headerwrapper > .inner, div#headerwrapper {
		height: 46px;
	}

	#bannercolumn1 #logo {
		margin-top: 0;
	}
	div#headerwrapper.scrolled #bannercolumn1 .tck-logo-img {
		width: 100%;
	}
	#bannercolumn3 #search {
    padding-top: 7px;
    padding-bottom: 5px;
	}
	#bannercolumn4 #language {
    padding-top: 5px;
    padding-bottom: 5px;
	}
	#wrapper > .inner,
	#modulewrapper > .inner,
	#coverwrapper .innerwidth {
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 0px;
		margin-right: 0px;
		width: calc(100% - (2 * 0px));
	}

	.tck-blog .page-header h1,
	.tck-article .page-header h1,
	.archive .page-header h1 {
		margin: 0px 0px 60px 00px;
		font-size: 30px;
		text-transform: uppercase;
		letter-spacing: 30px;
	}
	.mainpage .tck-article-body {
    max-width: 60%;
	}
	.mainpage #wrapper {
    background-position: top right -207px;
	}



	.komvezpopup .kvcover .kvcovertext .kvcoverdetail,
	.kvcfooter .kvcover .kvcovertext .kvcoverdetail {
    background: url(/images/template/felhivas_csillag_70.png), linear-gradient(180deg, rgba(255,255,255,0) 9px, rgba(227,6,20,1) 9px, rgba(227,6,20,1) 100%);
    background-repeat: no-repeat;
    background-position: top right 20px, center;
    padding: 19px 10px 0px 10px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
    top: 12%;
	}
	.kvcoverdetail h2 {
		font-size: 22px;
		padding-right: 90px;
	}
	.kvcoverdetail p {
		margin-bottom: 0px;
		font-size: 16px;
	}
	


}

@media screen and (max-width: 1100px) {
	.mainpage #wrapper {
    padding-top: 40px;
	}
	.mainpage .tck-article .page-header h1 {
		margin-bottom: 40px;
	}
	.mainpage .tck-article-body {
    max-width: calc(100% - 420px);
	}
	.kvcover .kvcovertext .kvcoverdetail {
		bottom: initial;
		top: 10%;
		width: 600px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}


@media screen and (max-width: 900px) {
	.mainpage #wrapper {
		background-size: contain;
    background-position: top;
    padding-top: 23vw;
	}
	.mainpage .tck-article-body {
    max-width: 100%;
	}
	.mainpage .tck-article .page-header h1 {
		margin-bottom: 23vw !important;
	}
	.mainpage .greetings-sign {
    margin-right: 0px;
    margin-top: 0px;
	}
	.mainpage .greetings-sign img {
    margin-bottom: 0px;
    max-width: 152px;
	}
	.mainpage .greetings-name {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0px;
    text-align: right;
    padding-right: 7px;
	}
	.mainpage .greetings-title {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    text-align: right;
    padding-right: 7px;
	}

}

@media screen and (max-width: 758px) {
	#wrapper {
		padding: 60px 0;
	}
	.mod-articlesnews.newsflash {
		display: block;
	}
	.mod-articlesnews__item {
		width: 100%;
		margin-bottom: 70px;
	}
	#footer1 > .inner {
		position: relative;
	}
	.footerleft .footer-social {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.footer4 img {
		max-width: 200px;
	}
	

	.aboutus-header {
		display: block;
	}
	.member-image {
    text-align: center;
	}
	.member {
    margin-bottom: 80px;
	}
	.member-image img {
    width: 50%;
    margin-top: 20px;
	}
	.member-name {
		font-size: 22px;
		margin-bottom: 4px;
	}

	.blog-items.masonry-3, .blog-items.columns-3 {
    column-gap: 2em;
	}


	.aui-member {
		display: block;
		margin-bottom: 40px;
	}
	.aui-left {
		width: 100%;
	}
	.aui-left img {
		width: 50%;
		margin: 0 auto;
		display: block;
	}
	.aui-right {
		width: 100%;
	}
	.aui-member-name {
    font-size: 26px;
    line-height: 1.2rem;
  }

	.greetingspage .tck-article-body {
		margin-left: 0;
		max-width: 100%;
	}

	/*slidewhow slick*/

	.slickck-desc {
		position: relative;
	}
	.slickck-descinner {
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto 30px;
		width: 300px;
    height: 110px;
	}
	.slickck-text {
		font-size: 16px;
		padding: 10px 20px 10px 90px;
		width: 100%;
	}
	.slickck-text span {
		font-size: 26px;
	}
	.slickck-title {
		right: -16px;
    bottom: -16px;
    font-size: 12px;
	}
	.slickck-title span.vertical {
		bottom: 16px;
	}
	ul.slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0px 10px 0 10px;
    padding: 4px;
  }

	/*slideshow*/
		.camera_wrap {
	    height: calc(60vw + 150px) !important;
		}
		.camera_target {
			padding-top: 150px;
		}
		.camera_target_content {
			height: 150px;
		}
		.cameraContent {
	    bottom: 0;
	    display: none;
	    left: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 100%;
		}
		.camera_caption {
	    position: absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	    bottom: 0;
	    margin: 0 auto;
	    height: 120px;
	    width: 300px;
		}
		.camera_caption_desc {
	    font-size: 16px;
	    line-height: 1.2em;
	    background: var(--red-opacity);
	    text-align: right;
	    padding: 20px 20px 20px 60px;
	    clip-path: var(--cut);
	    position: absolute;
	    bottom: 0px;
	    top: 0;
		}
		.camera_caption_desc span {
	    display: block;
	    font-weight: 800;
	    font-size: 18px;
	    line-height: 1.2em;
		}
		.camera_caption_title {
	    display: block;
	    text-transform: uppercase;
	    text-align: right;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: -16px;
	    bottom: -16px;
	    font-size: 12px;
		}
		.camera_caption_title span.horizontal {
	    display: block;
	    text-transform: uppercase;
	    position: absolute;
	    right: 0px;
	    bottom: 0;
		}
		.camera_caption_title span.vertical {
	    transform: rotate(271deg);
	    transform-origin: 0 100%;
	    position: absolute;
	    bottom: 16px;
	    display: inline-block;
	    left: 100%;
	    white-space: nowrap;
		}

		.camera_wrap .camera_pag .camera_pag_ul {
			zoom: 0.5;
		}

		.covermodule .kvcv-blog .blog-item:nth-child(7),
		.covermodule .kvcv-blog .blog-item:nth-child(8),
		.covermodule .kvcv-blog .blog-item:nth-child(9) {
			display: none;
		}

	/*slideshow end*/

	body {
		font-size: 16px;
		line-height: 1.2em;
	}

	.tck-blog .page-header h1,
	.tck-article .page-header h1,
	.archive .page-header h1,
	.mainpage .tck-article .page-header h1,
	h3.tck-module-title {
		margin: 0px 0px 50px 0px;
		letter-spacing: 10px;
		font-size: 26px;
	}
	h4 {
		line-height: 1.2rem;
	}
	.newsflash-title a {
    font-size: 18px;
    line-height: 1.2rem;
	}

	.blog-item .page-header h2 {
    font-size: 18px;
  }

  .featuredmodules .mod-articlesnews__item {
  	display: block;
  }

  .page-header h2 {
    font-size: 18px;
  }

  blockquote {
  	padding-left: 10px;
  	margin-left: 30px;
  	width: calc(100% - 30px);
  }
  blockquote:before {
  	width: 22px;
    height: 22px;
    left: -30px;
  }

	.event-date {
    font-size: 16px;
  }
  .event-header {
  	display: block;
  }
  .event-data .event-date, .event-data .event-location, .event-data .event-link, .event-data .event-pdf, .event-data .event-registration {
  	white-space: nowrap;
  	overflow: hidden;
  }
  .event-data .event-date img, .event-data .event-location img, .event-data .event-link img, .event-data .event-pdf img, .event-data .event-registration img {
    margin-right: 6px;
    width: 20px;
	}

	.aa-events-title {
    font-size: 18px;
  }
  .performer {
    width: 50%;
  }
  .participantslist ul.fields-container li {
    width: 50%;
  }


  .modal.fade .modal-dialog {
  	margin: 0 2px;
  }
  .modal-content {
    width: calc(100% - 16px);
  }
  .modal-body {
    padding: 0.2rem;
  }
  .jviewport-height60 {
    height: 460px !important;
	}

	form.mod-finder.js-finder-searchform.form-search.mainsearchmodule {
		top: 33px;
    width: 100%;
	}
	.result__title a {
    font-size: 18px;
  }
  .result__item {
    display: flex;
    gap: 5px;
	}
	.page-link {
		padding: 5px;
	}


	

	.mod-articlesnews.newsflash {
		margin: 26px 0;
	}
	h3.tck-module-title {
		margin-bottom: 10px;
    padding-bottom: 10px;
	}






	.archive .form-inline {
		flex-wrap: wrap;
	}
	.me-2.archiveform1 {
		width: 100%;
	}
	.me-2.archiveform2,
	.me-2.archiveform3,
	.me-2.archiveform4 {
		flex: 1;
		text-align: left;
	}
	.me-2.archiveform2 {
		margin-left: 69px;
	}

	#footer .flexiblecolumn {
		margin-bottom: 20px;
		border-right: none;
	}
	div#footerwrapper > .inner {
    padding: 0px 0;
	}

	.partner {
    padding-top: 16px;
	}
	.partner:before {
		top: 16px;
	}

	.partners {
		display: block;
	}
	.partner {
    padding-top: 16px;
    padding-bottom: 40px;
	}

	.partner h3.tck-module-title {
		letter-spacing: 4px;
		font-size: 20px;
		margin-bottom: 14px;
    padding-bottom: 8px;
	}

	span.overlaybox {
    font-size: 15px;
    padding: 5px 10px 5px 98px;
    width: 100%;
	}


	.kvh-tags .mod-tagspopular.tagspopular ul {
		gap: 10px;
		flex-wrap: wrap;
		justify-content: flex-start;
		padding: 0px;
	}
	.kvheader .kvh-title h1 {
    font-size: 22px;
    letter-spacing: 4px;
    line-height: 22px;
	}
	.kvheader {
		flex-wrap: wrap;
	}

	.tck-article.com-content-article.item-page.kvcv .cvimage {
		display: flex;
    align-items: flex-start;
    flex-direction: column;
	}
	.tck-article.com-content-article.item-page.kvcv .page-header h2.tck-article-title {
		font-size: 22px;
		letter-spacing: 6px;
	}
	.tck-article.com-content-article.item-page.kvcv .segedkonyv {
		width: 100%;
		padding-right: 0;
		display: block;
		position: relative;
		top: 0;
	}
	.tck-article.com-content-article.item-page.kvcv .newdata {
		width: 100%;
		padding-left: 0;
		display: block;
		border-left: 0px solid;
	}

	.kvtagsleft div#maximenuck178 ul.maximenuck,
	.itemtitles,
	.itemtexts {
		max-height: initial;
		overflow-y: initial !important;
		overflow-x: initial !important;
	}
	#kvtagsleft div#maximenuck178 ul.maximenuck {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    background: none;
    margin-right: 0 !important;
	}
	div#maximenuck178.maximenuckv ul.maximenuck li.maximenuck.level1 {
    display: inline-block !important;
    width: auto !important;
	}
	div#maximenuck178 ul.maximenuck li.maximenuck.level1 > a,
	div#maximenuck178 ul.maximenuck li.maximenuck.level1 > span.separator {
		display: inline-block !important;
		margin: 0 10px!important;
	}
	div#maximenuck178 ul.maximenuck li.maximenuck.current:after {
		content: none;
	}
	div#maximenuck178 ul.maximenuck .separatorline {
		display: none;
	}

	div#accordionblog,
	div#accordioncommittee,
	div#accordionkvkb,
	div#accordionsecretariat {
		display: block;
	}
	.kvtagsleft div#maximenuck178 ul.maximenuck,
	.itemtitles,
	.itemtexts {
		background: transparent !important;
	}
	div#accordionblog .com-content-category-blog__itemtext,
	div#accordioncommittee .com-content-category-blog__itemtext,
	div#accordionkvkb .com-content-category-blog__itemtext,
	div#accordionsecretariat .com-content-category-blog__itemtext {
		padding-left: 46px;
		margin-bottom: 20px;
	}
	div#accordionblog .com-content-category-blog__itemtext .page-header,
	div#accordioncommittee .com-content-category-blog__itemtext  .page-header,
	div#accordionkvkb .com-content-category-blog__itemtext  .page-header,
	div#accordionsecretariat .com-content-category-blog__itemtext  .page-header {
		display: none;
	}
	div#accordionblog .com-content-category-blog__itemtext p,
	div#accordioncommittee .com-content-category-blog__itemtext p,
	div#accordionkvkb .com-content-category-blog__itemtext p,
	div#accordionsecretariat .com-content-category-blog__itemtext p {
		margin-bottom: 2px;
	}
	#maximenuck178 .maximenuck li.current:after,
	.blog-item h2.tck-article-title[aria-expanded="true"]:after,
	.blog-item .page-header[aria-expanded="true"]:after {
		content: none;
	}

	.komvezpage .itemtitles,
	.komvezpage .itemtexts {
		max-height: initial !important;
	}

	.kvcover {
    height: auto;
  }

	.kvcover .kvcovertext {
		position: relative;
	}
	.kvcover .kvcovertext .kvcoverdetail {
    width: 100%;
    background: var(--red);
    padding: 2px 10px 0;
    position: relative;
    bottom: 0;
    font-weight: 400;
    font-size: 16px;
	}
	.komvezpopup .kvcover .kvcovertext,
	.kvcfooter .kvcover .kvcovertext {
		top: -9px;
	}
	.komvezpopup .kvcover .kvcovertext .kvcoverdetail,
	.kvcfooter .kvcover .kvcovertext .kvcoverdetail {
    width: 100%;
    max-width: 100%;
    background: url(/images/template/felhivas_csillag_70.png), linear-gradient(180deg, rgba(255,255,255,0) 9px, rgba(227,6,20,1) 9px, rgba(227,6,20,1) 100%);
    background-repeat: no-repeat;
    background-position: top right 20px, center;
    padding: 19px 10px 0px 10px;
    position: relative;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
	}
	.kvcoverdetail h2 {
		font-size: 22px;
		padding-right: 90px;
	}
	.scroll-arrow {
		display: none;
	}
	.woy {
    top: -50px;
	}
	.woy img {
		padding: 0px 50px;
	}
	div#footerwrapper {
    margin-top: 160px;
	}

}


@media screen and (max-width: 524px) {
	.contact {
		padding: 104px 15px;
	}

	.archive .form-inline {
		display: block;
	}
	.me-2.archiveform2,
	.me-2.archiveform3,
	.me-2.archiveform4 {
		width: 100%;
		margin-left: 68px;
	}
	.me-2.archiveform1 {
		margin-bottom: 4px;
	}
	.me-2.archiveform2,
	.me-2.archiveform3,
	.me-2.archiveform4 {
		margin-bottom: 6px;
	}
	.archive #adminForm .form-select {
		width:	calc(100% - 68px);
	}

	.partner a:before {
		width: 12px;
		height: 20px;
	}
	span.overlaybox {
		position: relative;
		clip-path: none;
		padding: 5px 10px;
		display: block;
    text-align: left;
	}
	.mainmodules.tck-module {
    margin-bottom: 0px;
	}
	.mod-articlesnews__item-0 {
    display: block;
	}
	.woy {
    margin-top: -30px;
	}
	.woy img {
		padding: 0px 20px;
	}
	div#footerwrapper {
    margin-top: 80px;
	}

}