/* 
@font-face {
	font-family: 'URWTopic';
	src: url('fonts/urwtopicurwtot-med-webfont.eot');
	src: url('fonts/urwtopicurwtot-med-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/urwtopicurwtot-med-webfont.woff') format('woff'),
		 url('fonts/urwtopicurwtot-med-webfont.ttf') format('truetype'),
		 url('fonts/urwtopicurwtot-med-webfont.svg#urwtopicmedium') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'URWTopicBold';
	src: url('fonts/urwtopicurwtot-bol-webfont.eot');
	src: url('fonts/urwtopicurwtot-bol-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/urwtopicurwtot-bol-webfont.woff') format('woff'),
		 url('fonts/urwtopicurwtot-bol-webfont.ttf') format('truetype'),
		 url('fonts/urwtopicurwtot-bol-webfont.svg#urwtopicbold') format('svg');
	font-weight: normal;
	font-style: normal;

}
 */

 /* font-family: 'Roboto Condensed', sans-serif; */
 

@font-face {
	font-family: 'URWTopic';
	src: url('fonts/URWTopicURWTOT-Med.otf');  
}
@font-face {
	font-family: 'URWTopicBold';
	src: url('fonts/URWTopicURWTOT-Bol.otf');  
}

html {
	--max-pagewidth: 1480px;
	/*--max-pagewidth: 1200px;*/
	--pagewidth: min(85vw, var(--max-pagewidth));
	font-size: 100%;
	line-height: 1.7;
	--color-gray: #404040;
	--color-lightgray: #909090;
	--color-black-alpha1: rgb(0 0 0 / 65%);
	--color-link: #5A82A5;
}

@media (max-width: 1200px)
{
	html { --pagewidth: min(90vw, var(--max-pagewidth)); }
}
@media (min-width: 1500px)
{
	html { font-size: 110%; }
}

.pp { line-height: 0.8em; }
.pp img { display: none; }
.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }
.nowrap { white-space: nowrap; }
.raquo { font-size: 1.4em; margin-left: 0.3em; }
#ismobile, #istablet { display: none; }

/* html, */
body {
	margin:0;
	padding:0;
	height: 100%;		
	z-index:0;
	font-family: sans-serif;
	/* background:#EEE url('images/hatter_1.png') repeat-x center 247px fixed; */
	/*background:#EEE url('images/hatter.png') repeat-x center top fixed;*/
}

a {
	color: var(--color-link);
	text-decoration: none;
}
h1 { font-size: 2.5rem; line-height: 1.1em; }
h2 { font-size: 2rem; line-height: 1.1em; }
h3 { font-size: 1.5rem; line-height: 1.1em; }
figure {
	display: inline;/*display: inline, mert a max-width nem érvényesűlt*/
	margin-block-start: 0px;margin-block-end: 0px;margin-inline-start: 0px;margin-inline-end: 0px;
	padding-block-start: 0px;padding-block-end: 0px;padding-inline-start: 0px;padding-inline-end: 0px;
}
figure img { width: 100%; }
figure figcaption { font-size: 0.9em; margin-top: 0.3em; }
input[type="text"], input[type="email"], input[type="password"], textarea {
	padding: 7px;
	box-sizing: border-box;
}

button, input[type="submit"], input[type="button"], a.button {
    background-color: #6D6E70;
    padding: 7px;
    border-style: none;
    color: white;
    margin: 0;
    line-height: 19px;
    vertical-align: middle;
}
a.button {
	/*padding: 9px 4px 7px 4px;*/
	/*height: 24px;	*/
}

h1 {
	font-family: URWTopicBold, 'Roboto Condensed';
	font-size: 2.8rem;
	line-height: 1.3;
	text-transform: uppercase;
	color: #5A82A5;
}

/* ========= LAYOUT ========= */

.center_page {
	position: relative;
	width: var(--pagewidth); 	
	margin: 0px auto;
	padding: 0px;	
	z-index: 0;
	/*overflow: hidden;*/
	display: grid;
	background-color: #FFF;
}
.center_page.ajanlo {
		padding-top: 10px;
	}
	.center_page.ajanlo a {
		color: #0E4472;
	}
	.center_page.ajanlo h2 {
		margin-bottom: 10px!important;
	}
	.center_page.ajanlo h2,
	.center_page.ajanlo p {
		line-height: 22px;
	}

#nav {
	clear: both;
	background-image: url(images/bluestrip.png);
	width: 100%;
	height: 57px;
	margin: 0px 0 2rem 0;
}

.grey_strip_top {
	background-color: #FFF;
	height: 100px;
	width: 100%; 	
	/*border-bottom: 10px #FFF solid;*/
}
.grey_strip_top .inner {
	/*background-color: #D1D2D4;*/
	height: 100px;
	width: var(--pagewidth); 	
	margin: 0 auto;
	padding: 5px 0;
}
.grey_strip_top .inner img {
	max-width: 100%;
	height: auto;
}
@media (max-width: 985px){ .grey_strip_top, .grey_strip_top .inner { width: 100%; } }
@media (max-width: 650px){ .grey_strip_top, .grey_strip_top .inner { width: 100%; height: 80px; } }
@media (max-width: 550px){ .grey_strip_top, .grey_strip_top .inner { width: 100%; height: 70px; } }
@media (max-width: 450px){ .grey_strip_top, .grey_strip_top .inner { width: 100%; height: 60px; } }
@media (max-width: 350px){ .grey_strip_top, .grey_strip_top .inner { width: 100%; height: 50px; } }

.blue_strip_top {
	background-color: #003263;
	/* background-color: #F00; */
	width: 100%;
	height: 8px;
	position: absolute;
	z-index: 1;
}
.blue_strip_2 {
	background-image: url(images/bluestrip.png);
	width: 100%;
	height: 57px;
	position: absolute;
	/*top: 190px;	*/
}
.strip_bottom_1 {
	clear: both;
	background-color: #4D4D4D;
	width: 100%;
	text-align: center;
	padding-top: 40px;
	height: 70px;
}
.strip_bottom_1 a {
	font-family: URWTopic, 'Roboto Condensed';
	font-size: 23.3px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;	
}
.strip_bottom_1 .delimeter {
	display: inline-block;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px #FFF solid;
	height: 30px;
}
.strip_bottom_1 a {
	position: relative;
	top: -7px;
}
.strip_bottom_2 {
	background-color: #5A82A5;
	width: 100%;
	
	color: white;
	text-align: center;
	/* height: 35px; */
	padding: 23px 0px 15px 0px;
	/*font-family: myriad pro;*/
	font-size: 15px;
}

.background_strip {
	/* background-image: url(images/hatter_1.png); */
	width: 100%;
	height: 625px;
	position: absolute;
	top: 247px;	
	z-index: -5;
}

.inner_background_strip {
	position: absolute;
	z-index: -1;
	/* top: 119px; */
	height: 575px;
	width: 100%;	
	/* background-color: #BBBDBF;	 */
}

.rovat-label {
	text-transform: uppercase;
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

h1.delimeter {
	clear: both;
	width: var(--pagewidth);
	margin: 0 auto;	
	
	font-family: URWTopicBold, 'Roboto Condensed';
	font-size: 2.8rem;
	text-transform: uppercase;
	color: #5A82A5;	
	background-color: #FFF;
	padding-top: 30px;
	padding-left: 15px
}

hr.delimeter {
	width: var(--pagewidth);
	background-color: #5A82A5;
	height: 10px;
	margin: -12px auto 0px;
	border: none;
}


.inline-label { position: relative; }
.inline-label input, .inline-label textarea { position: relative; background-color: transparent; z-index: 1; padding-left: 0; transition: all .1s; -moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; }
.inline-label input:focus, .inline-label textarea:focus { padding-left: 10px; }
.inline-label input + label, .inline-label textarea + label { position: absolute; color: var(--light-font-color); z-index: 0; left: 0px; top: 2px; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; }
.inline-label input:focus + label, .inline-label textarea:focus + label,
.inline-label input:not(:placeholder-shown) + label, .inline-label textarea:not(:placeholder-shown) + label { font-size: 0.85rem; color: var(--light-font-color); top: -25px; left: 0; }
.inline-label input:focus + label:after, .inline-label textarea:focus + label:after,
.inline-label input:not(:placeholder-shown) + label:after, .inline-label textarea:not(:placeholder-shown) + label:after { content: ":"; }


.checkbox { display: block; position: relative; padding-left: 33px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox input[type=checkbox] { position: absolute; opacity: 0.1; cursor: pointer; height: 2px; /* > 0px a required funkció miatt "látszódjon"! */ width: 2px; /* > 0px a required funkció miatt "látszódjon"! */ }
.checkbox .checkmark { position: absolute; top: 5px; left: 0; height: 16px; width: 16px; background-color: transparent; border: 1px #FFF solid; /*border-radius: 5px;*/ /*-webkit-border-radius: 5px;*/ /*-moz-border-radius: 5px;*/ }
.checkbox:hover input:not([disabled]) ~ .checkmark { background-color: rgba(255, 255, 255, 0.2); transition: all  .25s; -moz-transition: all  .25s;  -webkit-transition: all  .25s;  -o-transition: all  .25s;  }
.checkbox input:checked ~ .checkmark { background-color: transparent; }
.checkbox .checkmark:after { content: ""; position: absolute; display: none; }
.checkbox input:checked ~ .checkmark:after { display: block; }
.checkbox .checkmark:after { left: 7px; top: 1px; width: 2px; height: 9px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.checkbox-swicher+span { --size: 0.8rem; position:relative; display: inline-block; width: calc(var(--size) * 2.5); height: var(--size); line-height: var(--size); background-color: var(--color-lightgray); -moz-border-radius: var(--size); -webkit-border-radius: var(--size); border-radius: var(--size); cursor: pointer; vertical-align: middle;}
.checkbox-swicher+span:before, .checkbox-swicher+span:after { content: "ki"; position:absolute; top: 0; left:calc(var(--size) * 0.3); right:calc(var(--size) * 0.55); text-transform: uppercase; font-size: calc(var(--size) * 0.7); line-height:calc(var(--size) * 1.1); -webkit-transition: all .25s; -moz-transition: all .25s; -o-transition: all .25s; transition: all .25s; }
.checkbox-swicher+span:before { left:unset; }
.checkbox-swicher+span:after { content: ""; top:0; left:0; width: var(--size); height: var(--size); border: 1px solid var(--color-lightgray); box-sizing: border-box; background-color: #FFFFFF; -moz-border-radius: var(--size); -webkit-border-radius: var(--size); border-radius: var(--size); }
.checkbox-swicher { position: absolute; width: calc(var(--size) * 2.5); height:3px; opacity:0.1; }
.checkbox-swicher:checked+span { background-color: green; color: #FFFFFF; }
.checkbox-swicher:checked+span:after { left:calc(100% - var(--size)); }
.checkbox-swicher:checked+span:before { content: "be"; left:calc(var(--size) * 0.35); right:unset; }
.checkbox-swicher+span:hover:after { opacity: 0.8; }

.radiobutton { display: block; position: relative; padding-left: 33px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.radiobutton input[type=radio] { position: absolute; opacity: 0.1; cursor: pointer; height: 2px; /* > 0px a required funkció miatt "látszódjon"! */ width: 2px; /* > 0px a required funkció miatt "látszódjon"! */ }
.radiobutton .radiomark { position: absolute; top: 5px; left: 0; height: 16px; width: 16px; background-color: transparent; border: 1px #FFF solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.radiobutton:hover input:not([disabled]) ~ .radiomark { background-color: rgba(255, 255, 255, 0.2); transition: all  .25s; -moz-transition: all  .25s;  -webkit-transition: all  .25s;  -o-transition: all  .25s;  }
.radiobutton input:checked ~ .radiomark { background-color: transparent; }
.radiobutton .radiomark:after { content: ""; position: absolute; display: none; }
.radiobutton input:checked ~ .radiomark:after { display: block; }
.radiobutton .radiomark:after { left: 3px; top: 3px; width: 0px; height: 0px; border: solid white; border-width: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

.radiobutton2 span { display: inline-block; position: relative; cursor: pointer; background-color: transparent; padding: 7px 10px; margin-right: 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid transparent; border-radius: 8px; -moz-transition: all  .25s;  -webkit-transition: all  .25s;  -o-transition: all  .25s;  transition: all  .25s; }
.radiobutton2:not([disabled]):hover span { background-color: #D79EAB; color: #FFF; }
.radiobutton2 input:checked ~ span { background-color: #d58a9c; color: #FFF; }
.radiobutton2 input[type=radio] { position: absolute; opacity: 0.1; cursor: pointer; height: 2px; width: 2px; }

.inline-label { position: relative; }
.inline-label input, .inline-label textarea { position: relative; background-color: transparent; z-index: 1; padding-left: 0; transition: all .1s; -moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; }
.inline-label input:focus, .inline-label textarea:focus { padding-left: 10px; }
.inline-label input + label, .inline-label textarea + label { position: absolute; color: var(--light-font-color); z-index: 0; left: 0px; top: 2px; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; }
.inline-label input:focus + label, .inline-label textarea:focus + label,
.inline-label input:not(:placeholder-shown) + label, .inline-label textarea:not(:placeholder-shown) + label { font-size: 0.85rem; color: var(--light-font-color); top: -1em; left: 0; }
.inline-label input:focus + label:after, .inline-label textarea:focus + label:after,
.inline-label input:not(:placeholder-shown) + label:after, .inline-label textarea:not(:placeholder-shown) + label:after { content: ":"; }

.draw-x { --size: 0.8em; --color: #000; width: var(--size); height: var(--size); --line-width: 1px; position: relative; display: inline-block; }
.draw-x:before, .draw-x:after { content: " "; width: 100%; position: absolute; display: block; margin-top: calc(var(--size) / 2); border-top: var(--line-width, 1px) var(--color) solid; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.draw-x:before {  -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.draw-x:after {  -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.draw-arrow { position: relative; display: inline-block; --size: 0.7em; --color: #000; --line-width: 1px; width: var(--size); height: var(--size); box-sizing: border-box; transform-origin: center; }
.draw-arrow:before, .draw-arrow:after { content: " "; display: block; position: absolute; top: 50%; left: 77%; width: 70%; height: 70%; margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; transition: border-color .25s; }
.draw-arrow:before { top: calc(15% - var(--line-width) * 0.14645); left: calc(-7.5% - var(--line-width) * 0.35355); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center; }
.draw-arrow:after { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); transform-origin: 0 0; }
.draw-arrow.arrow-top {  -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.draw-arrow.arrow-left {  -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.draw-arrow.arrow-bottom {  -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.draw-triangle { position: relative; --size: 16px; --color: #000; --line-width: 1px; width: var(--size); height: var(--size); border-left: var(--line-width) var(--color) solid; box-sizing: border-box; }
.draw-triangle:before, .draw-triangle:after { content: " "; display: block; position: absolute; top: 0; left: 0; width: var(--size); height: var(--size); margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; }
.draw-triangle:before { -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); transform-origin: top left; }
.draw-triangle:after { -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); transform-origin: 0 0; top: var(--size); left: calc(var(--line-width) * -1); }

.draw-triple { --size: 1rem; --color: #000; --line-width: 2px; border-bottom: var(--line-width) solid var(--color); position: relative; display: block; width: calc(var(--size) * 1.2); height: var(--size); }
.draw-triple:before, .draw-triple:after { content: ""; position: absolute; width: calc(var(--size) * 1.2); top: 0; border-bottom: var(--line-width) solid var(--color); }
.draw-triple:before { top: 50%; width: calc(var(--size) * 1.2); }

.draw-order-icon { --size: 1em; --color: #000; --line-width: 2px; border-bottom: var(--line-width) solid var(--color); position: relative; display: block; width: var(--size); height: var(--size); }
.draw-order-icon:before, .draw-order-icon:after { content: ""; position: absolute; width: calc(var(--size) / 1.5); top: 0; border-bottom: var(--line-width) solid var(--color); }
.draw-order-icon:before { top: 50%; width: calc(var(--size) * 1.2); }

.thinscrollbar { scrollbar-width: thin; }
.thinscrollbar::-webkit-scrollbar { width: 8px; }
.thinscrollbar::-webkit-scrollbar-track { box-shadow: inset 0 0 8px var(--color-lightestgray); border-radius: 10px; }
.thinscrollbar::-webkit-scrollbar-thumb { background: var(--color-gray); border-radius: 10px; }
.thinscrollbar::-webkit-scrollbar-thumb:hover { background: var(--color-darkgray); }

#scroll-to-top { display: none; position: fixed; width: 45px; height: 45px; right: 10px; bottom: 10px; cursor: pointer; background-color: var(--color-link); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
#scroll-to-top.show { display: block; }
#scroll-to-top .draw-arrow { --color: #FFFFFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg); }

.social-28 { position: absolute; right: 1.5rem; bottom: 1.5rem; }
.pp_social .social-28 { position: relative; top: -5px; }
.social-28  a { display: inline-block; width: 29px; height: 29px; background-image: url(images/social.png); margin: 0 2px; }
.social-28  a.twitter { background-position: -34px; }
.social-28  a.google { background-position: -67px; }
.social-28.b a { display: inline-block; width: 29px; height: 29px; background-image: url(images/social-b.png); }
.social-18 { display: inline-block; width: 18px; height: 18px; background-image: url(images/social-18.png); position: relative; top: 5px; }
.social-18.rss { background-position: -63px; }


#main .article .text figure[style*="float:left"],
#main .article .text figure[style*="float: left"],
#main .article .text figure[style*="float:right"],
#main .article .text figure[style*="float: right"],
#main .article .text img[style*="float:left"],
#main .article .text img[style*="float: left"],
#main .article .text img[style*="float:right"],
#main .article .text img[style*="float: right"] {
    margin-right: 1.2em;
    margin-top: 0.1em;
    margin-bottom: 0.3em;
}
#main .article .text figure[style*="float:right"],
#main .article .text figure[style*="float: right"],
#main .article .text img[style*="float:right"],
#main .article .text img[style*="float: right"] {
    margin-right: 0;
    margin-left: 1em;
}

/*  */
.imageAndCaption {
	width: 45%;
	max-width: 350px;
	font-size: 0.80rem;
	line-height: 1.5em;
	margin-top: 3px;;
	text-align: center;
	}
	.imageAndCaption img {
		display: block;
		width: 100%;
		/*min-height: 100px;*/
	}
	.imageAndCaption.alignl {
		float: left;
		margin-right: 3%;
	}
	.imageAndCaption.alignr {
		float: right;
		margin-left: 3%;
	}
	@media (max-width: 700px) {
		.imageAndCaption {
			width: 90%;
		}
		.imageAndCaption img {
			margin: auto;
		}
		.imageAndCaption.alignl,
		.imageAndCaption.alignr {
			float: none;
			margin: auto;
		}
	}

/*  */
.imageslines--x1 {
    width: 100%;
}
.imageslines--x1 td {
    padding: 0;
}
.imageslines--x1 figure {
    display: inline-block;
    vertical-align: top;
}
.imageslines--x1 figure a,
.imageslines--x1 figure img {
    margin: 0;
    width: 100%;
}
.imageslines--x1 a {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}
@media (max-width: 480px)
{
    .imageslines--x1 a { width: 100%; }
    /*.imageslines--x1 figure { width: unset!important; max-width: var(--pagewidth)!important; }*/
    .imageslines--x1 figure { width: 100%!important; max-width: 100%!important; }
}

/* ========= HEADER ========= */

#header {
	background-color: #FFF;
	width: 100%;	
	padding: 2rem 0 1rem 0;
	position: relative;
	border-bottom: 13px #FFF solid;
}
#header .inner {
	width: var(--pagewidth);
	margin: auto;
}
#info {
	color: #6D6E70;
	/*font-family: myriad pro;*/
	font-size: 13px;
	float: right;
	margin-top: 35px;
}
#info .delimeter {
	margin: 0 15px;
}
/*body.menubovitestesztoldal*/
#info {
	text-align: right;
	margin-top: 0;
}
/*body.menubovitestesztoldal*/
#info .delimeter {
	margin: 0 9px;
}

/* weather */
#info #tempMin {
	margin-right: 5px;
	color: #003263;
}
#info #tempMax {
	color: #EC1C24;	
}
#info img#weatherPic {
	margin: -7px 5px;
	width: 20px;
	height: 20px;
}
#info img.weatherSunny {
	background-image: url(images/weather.png);
	background-position: 0px 0px;	
}
#info img.weatherPartlyCloudy {
	background-image: url(images/weather.png);
	background-position: -62px 0px;	
}
#info img.weatherCloudy {
	background-image: url(images/weather.png);
	background-position: -30px 0px;	
}
#info img.weatherRainy {
	background-image: url(images/weather.png);
	background-position: -96px -32px;
}
#info img.weatherThunder {
	background-image: url(images/weather.png);
	background-position: -96px 0px;
}
#info img.weatherFreeze {
	background-image: url(images/weather.png);
	background-position: -62px -30px;
}

#header #login {
	color: #5A82A5;
	/*font-family: myriad pro;*/
	font-size: 13px;
	
	position: absolute;
	bottom: -3px;
	right: 0px;
}
#header #login a {
	margin-left: 10px;
}
#header .subscribe {
	display: inline-grid;
	grid-auto-flow: column;
}
#header .subscribe input {
	width: 130px;
	/*margin: 0px 3px;*/
	/*padding: 5px;*/
}
#header .subscribe .button:hover {
	background-color: #6D6E70!important;
}

/* ========= MENU ========= */

#tmenu {
	float: left;
}
#tmenu .menu-item {
	display: inline-block;
	float: left;
	height: 34px;
	padding: 23px 11px 0 11px;
	font-size: 1.7rem;
	line-height: 1.4rem;
}
#tmenu .menu-item > a {
	position: relative;
	color: #FFFFFF;
	font-family: URWTopic, 'Roboto Condensed';
	text-transform: uppercase;
	text-decoration: none;	
}
#tmenu .menu-item.selected, #tmenu .menu-item:hover {
	background-color: #FFFFFF;
	/*opacity: 0.8;*/
}
#tmenu .menu-item.selected a, #tmenu .menu-item:hover a {
	color: #4C4C4C;	
}
@media (min-width: 901px)
{
	#tmenu .menu-item:hover { height: 32px; border-bottom: 2px solid white; }
}
#tmenu mark {
	display: inline-block;
	position: absolute;
	font-size: 11px;
	padding: 1px 6% 2px 7%;
	top: 100%;
	right: 5px;
	font-family: arial;
	text-transform: none;
	text-align: center;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.35);
	box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.35);
}
#tmenu .insight {
	position: absolute;
	z-index: 100;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: start;
	column-gap: 2%;
	visibility: hidden;
	opacity: 0;
	left: 0;
	top: 100%;
	width: var(--pagewidth);
	margin: 0 0 0 0;
	padding: 10px;
	box-sizing: border-box;
	background-color: #FFF;
}
@media (min-width: 901px)
{
	#tmenu .menu-item:hover .insight {
		visibility: visible;
		opacity: 1;
		-webkit-box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 65%); 
		box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 65%);
	}
}
@media (max-width: 901px)
{
	#tmenu .menu-item .insight { display: none; }
}
#tmenu .insight-item {
	display: grid;
	grid-auto-flow: row;
	color: #5A82A5;
	color: #4C4C4C;
	font-family: 'Roboto Condensed';
	position: relative;
	font-size: 0.95rem;
}
#tmenu .insight-item * {
	color: #5A82A5;
	color: #4C4C4C;
	font-family: sans-serif;
	text-transform: unset;
}
#tmenu .insight-item .image {
	overflow: hidden;
	position: relative;
}
#tmenu .insight-item img {
	width: 100%;
	height: calc(var(--pagewidth) / 6);
	object-fit: cover;
	transition: all .35s;
	-moz-transition: all .35s; 
	-webkit-transition: all .35s; 
	-o-transition: all .35s; 
}
/* moderált portré */
#tmenu .insight-item.article-4716 img, 
#tmenu .insight-item.article-4584 img {
	object-fit: contain;
	object-position: left;
}
#tmenu .insight-item:hover img {
	transform: scale(1.1);
}
#tmenu .insight-item .text {
	padding: 0.5em 0.3em 1em 1em;
	line-height: 1.3;
}
#tmenu .insight-item .title {
	font-weight: bold;
	position: absolute;
    color: #FFFFFF;
    top: 0.5em;
    margin: 0;
    padding: 0.2em 0.5em;
    display: block;
    font-size: 1.7em;
}
#tmenu .insight-item.article-4899 .title,
#tmenu .insight-item.article-5101 .title {
    top: 40%;
}
#tmenu .insight-item.text-align-bottom .title {
    top: unset;
    bottom: 0.5em;
}
#tmenu .insight-item .title * {
    font-family: URWTopicBold, 'Roboto Condensed';
    color: #FFFFFF;
	line-height: 1.3em;
	text-transform: unset;
	background-color: rgba(64,64,64,0.7);
	padding: 2px 0px;
	box-shadow: 0.5em 0 0 rgb(64 64 64 / 70%), -0.5em 0 0 rgb(64 64 64 / 70%);
	-moz-box-shadow: 0.5em 0 0 rgba(64,64,64,0.7),-0.5em 0 0 rgba(64,64,64,0.7);
	-webkit-box-shadow: 0.5em 0 0 rgb(64 64 64 / 70%), -0.5em 0 0 rgb(64 64 64 / 70%);
	transition: all .2s;
	-moz-transition: all .2s; 
	-webkit-transition: all .2s; 
	-o-transition: all .2s; 
}
#tmenu .insight-item:hover .title * {
	background-color: rgba(40,40,40,0.9);
	box-shadow: 0.5em 0 0 rgb(40 40 40 / 90%), -0.5em 0 0 rgb(40 40 40 / 90%);
	-moz-box-shadow: 0.5em 0 0 rgba(40,40,40,0.7),-0.5em 0 0 rgba(40,40,40,0.7);
	-webkit-box-shadow: 0.5em 0 0 rgb(40 40 40 / 90%), -0.5em 0 0 rgb(40 40 40 / 90%);
}

/* ========= SEARCH ========= */

#search {
	/*margin-top: 20px;*/
}
#search input[type="text"] {
	border: 1px solid #6D6E70;
/*	margin: 0 5px;*/
	/* height: 24px; */
	/* padding: 5px; */
	/*padding: 5px 5px;*/
	color: #6D6E70;
/*	width: 125px;*/
}
#search input[type="submit"] {
	border-style: none;
	color: white;
	background-color: #6D6E70;
	margin: 0;
	/*height: 25px;*/
}
#search p.decor {
	color: #5A82A5;
	font-size: 20px;
	text-align: center;
}
#nav #search {
	float: right;
}
#articles_list #search {
	/*margin-left: 20px;*/
}
#articles_list #search input {
	margin-left: 0;
}
/*body.menubovitestesztoldal*/
#search {
	/*margin-top: -8px;*/
	/*margin-bottom: 8px;*/
}
/*body.menubovitestesztoldal*/
#search form {
    display: inline-grid;
    grid-auto-flow: column;
}
#header #search form {
    grid-template-columns: 1fr 30px;
}
/*body.menubovitestesztoldal*/
#search input {
	/*padding: 3px 5px;*/
	border-color: #acacac;
/*	width: 132px;*/
}
/*body.menubovitestesztoldal*/
#search button {
	/*width: 23px;*/
	/*height: 23px;*/
	background-image: url(images/search.png);
	background-size: 70%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	vertical-align: middle;
	/*margin-top: -2px;*/
}
#search button {
	width: 30px;
}
#header #search input[type="text"] {
	margin-right: 0;
/*	width: 130px;*/
}

/* ========= MAIN (articles_mozaic, articles_list)  ========= */

/*{*/
#main {
	float: left;
	width: calc(100% - 345px);
}
#main mark {
    color: inherit;
	padding: 2px 1px 1px 1px;
	background-color: #ffff0060;
}

.mmSlider2 .item .text {
	background-color: var(--color-black-alpha1);
    padding: 1.3rem 1rem;
    margin: 1.5rem;
	transition: all .75s;
	-moz-transition: all .75s; 
	-webkit-transition: all .75s; 
	-o-transition: all .75s; 
}
.mmSlider2 .item.text-align-bottom .text {
	top: unset;
	bottom: 7%;
}
@media (min-width: 1100px)
{
	.mmSlider2 .item.text-align-bottom .title {
	    font-size: 2.2rem;
	    line-height: 1.1em;
	}
}
.mmSlider2 .item .category {
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mmSlider2 .item.prev .text {
	/*margin-left: 102.3%;*/
}
.mmSlider2 .item.next .text {
	/*margin-left: -97.7%;*/
}
.mmSlider2 .item.next {
	opacity: 0;
}
.mmSlider2 .points {
    background-color: #dedede;
    padding: 0;
    margin-bottom: 2em;
    border-top: 1px solid #00000036;
}
.mmSlider2 .point {
	position: relative;
	opacity: 0.3;
	width: 150px;
	max-width: 20%;
	height: 80px;
	margin: 0.5em;
	cursor: default;
	border: 0;
	-moz-border-radius: unset;
	-webkit-border-radius: unset;
	border-radius: unset;
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
.mmSlider2 .point.akt {
	opacity: 1;
}
.mmSlider2 .point img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mmSlider2 .arrows {
	position: absolute;
	top: 4%;
	left: 1.5rem;
}
.mmSlider2 .arrows .prev,
.mmSlider2 .arrows .next {
	padding: 12px;
	cursor: pointer;
	background-color: var(--color-black-alpha1);
	display: inline-block;
	margin-right: 40px;
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
.mmSlider2 .arrows .prev:hover,
.mmSlider2 .arrows .next:hover {
	background-color: rgba(0, 0, 0, 0.4);
}
.mmSlider2 .arrows .prev .draw-arrow,
.mmSlider2 .arrows .next .draw-arrow {
	--size: 17px;
	--color: #FFFFFF;
	--line-width: 1px;
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
.mmSlider2 .close,
.mmSlider2 .pagenum {
	display: none;
}

/* slider mod 2023 10 */

	.mmSlider2 .item .text {
		top: -3%;
		width: 70%;
		-webkit-transform: unset;
		-ms-transform: unset;
		transform: unset;
	}
	.mmSlider2 .arrows {
	    top: unset;
	    bottom: 120px;
	}
	.mmSlider2 .item-id-4969 img {
	    object-position: center 33%;
	}
	@media (min-width: 1400px)
	{
		.mmSlider2 .item .text {
			top: 0%;
		}
	}
	@media (max-width: 1400px)
	{
		.mmSlider2 .item .text .lead {

		}
	}

#articles_mozaic {
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 4%;
}
#articles_mozaic .article_box {
	/*width: 315px;*/
	/*float: left;*/
	/*margin-right: 20px;*/
	/* margin-top: 15px; */
	position: relative;
}
#articles_mozaic .article_box.c1,
#articles_mozaic .article_box.c2 {
	margin-bottom: 15px;
}
#articles_mozaic .article_box img {
	width: 100%;
	height: calc(var(--pagewidth) / 5);
	margin: 0;
	padding: 0;
}
#articles_mozaic .article_box.id-3871 img {
	object-position: 0 -10px;
}
#articles_mozaic .article_box.id-3942 h2 {
	top: 110px;
}
#articles_mozaic .article_box .image {
	display: block;
	position: relative;
}
#articles_mozaic .article_box h2 {
	position: absolute;
	font-weight: normal;
	top: 0px;
	margin: 1em 15px;
	padding: 0;
	color: white;
	font-family: URWTopicBold, 'Roboto Condensed';
	font-size: 1.8rem;
}
#articles_mozaic .article_box.text-align-bottom h2 {
	top: unset;
	bottom: 0;
}
#articles_mozaic .article_box h2 span {
	background-color: rgba(64,64,64,0.7);
	padding: 2px 0px;
	line-height: 34px;
	box-shadow: 0.5em 0 0 rgba(64,64,64,0.7),-0.5em 0 0 rgba(64,64,64,0.7);
	-moz-box-shadow: 0.5em 0 0 rgba(64,64,64,0.7),-0.5em 0 0 rgba(64,64,64,0.7);
	-webkit-box-shadow: 0.5em 0 0 rgba(64,64,64,0.7),-0.5em 0 0 rgba(64,64,64,0.7);
	/*transition: all .25s;*/
	/*-moz-transition: all .25s; */
	/*-webkit-transition: all .25s; */
	/*-o-transition: all .25s; */
}
#articles_mozaic .article_box p {
	/*height: 70px;*/
	padding: 15px 20px;
	margin: 0;
	background-color: white;
	color: #4C4C4C;
	/*font-family: myriad pro;*/
	/*font-size: 15px;*/
}
#articles_mozaic .article_box .arrow {
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 18px;
	color: #5A82A5;
	font-size: 20px;
}
#articles_mozaic .article_box .mark-video {
	position: absolute;
	right: 17px;
	bottom: 82px;
	width: 50px;
	height: 50px;
	background-image: url(images/youtube-arrow.png);
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: all  0.25s;
	-moz-transition: all  0.25s; 
	-webkit-transition: all  0.25s; 
	-o-transition: all  0.25s; 
}
#articles_mozaic .article_box:hover .mark-video {
	margin-top: -5px;;
	transform: scale(1.1);
}
#articles_mozaic .article_box:hover h2 span {
	/*background-color: rgba(64,64,64,1); */
	/*box-shadow: 0.5em 0 0 rgba(64,64,64,1),-0.5em 0 0 rgba(64,64,64,1);*/
	/*-moz-box-shadow: 0.5em 0 0 rgba(64,64,64,1),-0.5em 0 0 rgba(64,64,64,1);*/
	/*-webkit-box-shadow: 0.5em 0 0 rgba(64,64,64,1),-0.5em 0 0 rgba(64,64,64,1);*/
}

#articles_list {
	clear: both;
	background-color: white;
	margin-right: 20px;
	/* margin-top: 16px; */
	padding-top: 1px;
}
#articles_list.pagewidth {
	padding-top: 20px;
}

#articles_list .article_box, .article .article_box {
	display: grid;
	grid-template-columns: 38% 58%;
	column-gap: 4%;
	padding-top: 2em;
	border-top: 1px solid #CCCCCC;
	margin-top: 2em;
}
#articles_list .article_box:first-child, .article .article_box:first-child  {
	margin-top: 0px;
}
#articles_list .article_box img, .article .article_box img  {
	/*width: 210px;*/
	/*height: 120px;*/
	/*float: left;*/
	width: 100%;
	margin: 0;
	padding: 0;
}
#articles_list .article_box h2, .article .article_box h2  {
	margin: 0;
	color: #5A82A5;
	font-family: 'Roboto Condensed';
	display: inline-block;
}
.article .article_box h2  {
	/*width: 380px;*/
}
#articles_list .article_box p, .article .article_box p  { 	
	/*width: 425px;*/
	/*position: absolute;*/
	/*left: 222px;*/
	background-color: white;
	color: #4C4C4C;
	/*font-family: myriad pro;*/
	font-size: 1rem;
}
.article .article_box p  { 	
	left: 240px;
	width: 380px;	
}
#articles_list .article_box .date { 	
	display: block;
	position: relative;
	top: -5px;
}
#articles_list .article_box .date_s { 	
	font-size: 0.9rem;
	color: #4C4C4C;
	/*font-family: myriad pro;*/
	font-weight: normal;
	white-space: nowrap;
}
#articles_list .article_box .fa-clock { 	
	margin-right: 0.5em;
}
#articles_list .article_box .mark-video {
	position: absolute;
	left: 151px;
	bottom: 5px;
	width: 45px;
	height: 45px;
	background-image: url(images/youtube-arrow.png);
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: all  0.25s;
	-moz-transition: all  0.25s; 
	-webkit-transition: all  0.25s; 
	-o-transition: all  0.25s; 
}
#articles_list .article_box:hover .mark-video {
	margin-top: -5px;;
	transform: scale(1.1);
}

#articles_list .article_box .image {
	overflow: hidden;
}
#articles_list .article_box .image img {
	width: 100%;
	transition: all .4s;
	-moz-transition: all .4s; 
	-webkit-transition: all .4s; 
	-o-transition: all .4s;
}
/* moderált portré */
#articles_list .article_box.article-4716 .image img,
#articles_list .article_box.article-4584 .image img {
	max-height: 300px;
	object-fit: contain;
	object-position: left;
}
#articles_list .article_box:hover .image img {
	transform: scale(1.1);
}

body.home #articles_list .article_box {
	display: grid;
	grid-template-columns: 49% 50%;
	column-gap: 4%;
}
body.home #articles_list .article_box .image img {
	width: 100%;
}
body.home #articles_list .article_box:nth-child(odd) .image {
	order: 2;
}

.pager {
    margin: 2rem 2rem 2rem 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
    grid-auto-columns: 1fr;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    justify-items: center;
}
.pager .akt { 	
	background-color: #5A82A5;
	color: #FFFFFF;
	padding: 0.3rem 0.5rem;
}

/* ========= RECOMMENDS ========= */

.bottom-recommends table {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	width: 100%;
	margin-left: 0px;
}
.bottom-recommends table .article_box {
	width: 33%;
	/* float: left; */
	margin-right: 20px;
	margin-top: 15px;
	/* position: relative; */
	vertical-align: top;
	padding-bottom: 20px;
}
.bottom-recommends table .article_box img {
	width: 93%;
	/* height: 115px; */
	margin: 0;
	padding: 0;
	/*height: 180px;*/
	object-fit: cover;
}
.bottom-recommends table .article_box h2 {
	/*width: 190px;*/
	margin: 5px 20px;
	padding: 0px;
	opacity: 0.7;
	color: 5A82A5;
	font-family: URWTopic, 'Roboto Condensed';
	/* font-family: 'Roboto Condensed', 'sans-serif; */
	font-size: 22px;
	font-weight: normal;
	color: #4d4d4e;
}
.bottom-recommends table .article_box p {
	padding: 0 20px;
	background-color: white;
	color: #4C4C4C;
	font-size: 15px;
	font-style: italic;
}
.bottom-recommends .subtitle {
	display: inline-block; margin-left: 100px;font-size: 60%
}


/* ========= RIGHT ========= */

#right {
	float: right;
	width: 300px;
}
#right .box {
	width: 300px;
	margin: 2.3em auto;		
}
#right .box-title {
    width: fit-content;
    margin: 1.2em 0;
    color: #ffff2b;
    padding: 15px 10px 14px 10px;
    line-height: 0;
    font-size: 1.1rem;
    position: relative;
    text-transform: uppercase;
    font-family: URWTopicBold, 'Roboto Condensed';
    background-color: var(--color-link);
}
#right .box-title:nth-of-type(1) {
	margin-top: 0;
}
#right .box-title:after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: "";
	width: 300px;
	border-bottom: 2px solid var(--color-link);
}

#right .see h2 {
	color: #5A82A5;
	font-family: URWTopicBold, 'Roboto Condensed';
	font-size: 23px;
	margin: 10px 0;
}
#right .see p {
	margin: 0px;
	paddding: 0px;
}
#right .see .title {
	color: #4C4C4C;
	/*font-family: myriad pro;*/
	font-weight: bold;
	font-size: 15px;
}
#right .see .date {
	color: #5A82A5;
	/*font-family: myriad pro;*/
	font-size: 14px;
	margin-bottom: 8px;
}


#right h1,
#right h2,
#right h3 {
	font-family: URWTopicBold, 'Roboto Condensed';
}
#right h2 {
	font-size: 1.6rem;
	margin: 0.6em 0;
}
#right .box.ajanlo:first-child h2 {
	margin-top: 0;
}
#right h3 {
	color: #333;
	font-size:28px; 
	margin: 10px 0px; 
	padding: 10px 0px; 
	border-bottom: 1px #AAA solid
}
#right {
	/*font-family: myriad pro;*/
	font-size: 15px;
}

.page-folyoirat #right {
	display: none;
}
.page-folyoirat #main {
	width: 100%;
}
#folyoiratok {
	font-family: "myriad pro", arial;
	margin: 0px 2%;
}
#folyoiratok h1 {
	color: #000;
	font-size: 30px;
}
#folyoiratok .archive-title {
	margin-top: 30px;
	margin-bottom: 30px;
}
#folyoiratok .item h2 {
	margin-top: 0px;
}
#folyoiratok .item.rendelheto {
	width: 100%;
}
#folyoiratok .item .borito {
	width: 335px;
	max-width: 100%;
}
#folyoiratok .item .lead img {
	max-width: 585px;
}
#folyoiratok .item.archive {
	width: 32%;
	margin: 0 1% 55px 0;
	display: inline-block;
	vertical-align: top;
}
#folyoiratok .download {
	width: 10%;
	margin: 3% 3% 0 3%;
}
#folyoiratok .archive .download {
	width: 19%;
	max-width: 40px;
}
#folyoiratok h1,
#folyoiratok h2,
#folyoiratok h3 {
	font-family: URWTopicBold, 'Roboto Condensed';
}
#folyoiratok .order-opener {
	padding: 12px 30px 10px 30px;
	box-sizing: border-box;
	background: #eef2f6;
	border: 2px #5a82a5 solid;
	color: #5a82a5;
	text-transform: uppercase;
	font-family: URWTopicBold, 'Roboto Condensed';
	font-size: 22px;
	cursor: pointer;
	float: right;
	position: relative;
	top: -35px;
	left: -10px;
}
#folyoiratok .order-opener .raquo {
	font-size: 130%;
}
#folyoiratok #order {
	padding: 20px;
	background: #E5E5E5;
	border: 1px #D1DCE4 solid;
	margin-top: 10px;
}
#folyoiratok #order table {
	margin: auto;
	width: 90%;
}
#folyoiratok #order td {
	padding: 5px;
	vertical-align: top;
}
#folyoiratok #order tr td:first-child {
	width: 40%;
}
#folyoiratok #order textarea,
#folyoiratok #order input[type=text],
#folyoiratok #order input[type=email] {
	padding: 3%;
	width: 100%;
	border: 1px #B0C3D2 solid;
	box-sizing: border-box;
}
#folyoiratok #order textarea {
	min-height: 62px;
}
#folyoiratok #order input[type="submit"] {
	background: #6a8aa7;
	height: auto;
	padding: 15px;
}


/* ========= GALLERY ========= */

.gallery_slider {
	overflow: hidden;	
	height: 156px;
	background-color: #7D7E80;	
}
.gallery_slider h2 {
	color: white;
	font-family: URWTopic, 'Roboto Condensed';
	font-weight: normal;
	font-size: 22px;
	margin: 5px 20px;
}
.gallery_slider div, .gallery_slider img {
	
}
.gallery_slider li {
	list-style: none;
	color: white;
}

.gallery_slider .inner {
	width: 300px;
	background-color: #504E50;		
}

.gallery_slider .arrow {
	width: 21px;
	text-align: center;	
	color: white;
	font-family: URWTopic, 'Roboto Condensed';
	font-size: 22px;
	background-color: #504E50;
	height: 80px;	
}
.gallery_slider .arrow img {	
	margin-top: 28px;	
}
.gallery_slider .pic {
	position: relative;
}
.gallery_slider .pic span {
	position: absolute;
	left: 3px;	
	top: 85px;
	width: 300px;
	/*font-family: myriad pro;*/
	color: white;
	font-size: 13px;
	display: block;
	width: 80px;
}
.gallery_slider .pic  {
	width: 80px;
	height: 120px;	
	float: left;
	margin-right: 5px;
		position: relative;
}
.gallery_slider .pic img {
	width: 80px;
	height: 80px;			
}
.gallery_slider .pic div  {
	position: relative;
		bottom: 0px;
		padding: 3px 0;
		line-height: 14px;
		font-size: 13px;
		text-align: center;
}
.gallery_slider .pic div a  {
	color: white;
}

/* touchtouch */

#galleryOverlay {
	background-color: rgba(0,0,0,0.9);
}

/* ========= CONTENT (article, video_list, info) ========= */

/*, .video_list, .info*/

.article {
	margin: 0;
	background-color: white;
	color: #4C4C4C;
	position: relative;
	padding-left: 27%;
}
.article-head {
    position: relative;
}
.article-head .bg {
    background-color: var(--color-black-alpha1);
    position: absolute;
    top: 5%;
    top: 2rem;
    padding: 1.4rem 135px 1.4rem 1.5rem;
    z-index: 1;
    width: 80%;
    margin-left: -35%;
}
.article-head.text-align-bottom .bg {
    top: unset;
	bottom: 7%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.article .article-head.text-align-bottom h1 {
	margin-top: 2%;
}
.tesztoldal-cikk2 .article-head {
    width: 56%;
    margin-left: -2.5%;
}
.article-head .inner * {
	color: #FFF;
}
.article-head .inner a i,
.article-head .inner a {
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
.article-head .inner a:hover i,
.article-head .inner a:hover {
	color: var(--color-link);
}
.article .featured-image {
    width: 137%;
    max-width: 137%;
    min-height: 400px;
    margin: 0px 0 1em -37%;
}
.article h1 {
    margin: 0.7em 0 0.1em 0;
	font-size: 3.3rem; 
    line-height: 1em;
    font-weight: normal;
	text-transform: initial;
}
.article  h2, .article  h3  {
	font-family: URWTopic, 'Roboto Condensed';
}
.article .date {
	font-family: URWTopicBold, 'Roboto Condensed';
	font-size: 0.9rem;
	margin: 0;
}
.article .fas {
	width: 20px;
	text-align: center;
	font-size: 0.9rem;
	margin-right: 0.7em;
}
.article .tags {
	margin: 0;
	color: #5A82A5;
	font-family: URWTopicBold, 'Roboto Condensed';
	font-size: 1.2em;
}
.article .tags .delimeter {
	margin: 0 5px;
}
.article .share-links {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 1em;
    position: absolute;
    right: 1.5rem;
    bottom: 1.2rem;
}
.article .lead {
	clear: both;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 0.8em;
	margin-bottom: 1em;
}
.article img {
	max-width: 100%;
}
.touchTouch {
	position: relative;
	display: block; /* block: cikk kisebb fejléckép width: 100% miatt */
}
#folyoiratok .touchTouch, 
.article .text .touchTouch {
	position: relative;
	display: inline-block;
}
.mark-image-clickable {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    border: 1px solid rgba(100, 100, 100, 0.1);
    padding: 7px;
    font-size: 25px;
    background-color: rgba(255, 255, 255, 0.9);
    transform: rotate(90deg);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: rgba(16, 110, 180, 1);
    filter: grayscale(1);
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: #fff !important;
    -webkit-transition: background-color .15s;
	-moz-transition: background-color .15s;
	-o-transition: background-color .15s;
	transition: background-color .15s;
}
.mark-image-clickable:hover {
    background-color: rgba(255, 255, 255, 0.9);
}
#folyoiratok .mark-image-clickable {
    right: -20px;
}
#folyoiratok .archive .mark-image-clickable {
    top: 5px;
    right: -50px;
    transform: rotate(90deg) scale(0.9);
}
.article .text > p {
	text-align: left!important;
}
.article .text h2, .article .text h3 {
    position: absolute;
    margin-top: 0;
    margin-left: -27%;
    width: 20%;
    box-sizing: border-box;
    padding-top: 1rem;
    /* border-top: 1px solid #AAA; */
}
.article .text h3 {
    width: 17%;
}
.article .text h2 + p,
.article .text h3 + p,
.article .text h2 + div,
.article .text h3 + div {
    margin-top: 2rem;
}
.article .img_descr {
	margin-top: 5px;
	font-style: italic;
}
.article .video_descr {
	width: 622px;
	margin-top: 0;
	padding: 20px 15px 30px 15px;
	margin: 0px -20px;	
	background-color: #231F20;
	color: white;
	font-weight: bold;
}
.article .orig {
	color: #5A82A5;
}

.info h1 {
	color: white;
	font-family: URWTopicBold, 'Roboto Condensed';
	font-size: 28px;
}

.info h1 span {
	display: inline-block;
	background-color: #7A7A7A;
	padding: 2px 65px 0 5px;
}

/* ========= VIDEO LIST ========= */

.video_list {
	overflow: hidden;
}

.video_list .box {
	width: 275px;
	float: left;	
	margin-top: 15px;
	
	/*font-family: myriad pro;*/
	color: #4C4C4C;
	font-size: 15px;	
}

.video_list div:nth-child(odd) {
	margin-right: 60px;
}

.video_list .box img {
	width: 275px;
	height: 165;
}
.video_list h2 {
	color: #5A82A5;
	font-family: URWTopicBold, 'Roboto Condensed';
	font-size: 21px;
	margin: 5px 0;	
}
.video_list p {
	margin: 5px 0;	
}


/* APPENDIX */
.appendix-color4,
.appendix-color3,
.appendix-color2,
.appendix-color1,
.appendix {
	--bg-color: #FFFFFF;
	--text-color: #000000;
	--head-color: #888888;
	--border-color: #CCCCCC;
	--head-text-color: #FFFFFF;
	--head-color2: #83a1ba;
	--head-text-color2: #FFFFFF;
	--bg-color2: #d1dce6;
	--bg-color3: #83a1ba;
	--bg-color4: #d1dce6;
	border: 1px solid var(--border-color);
	background: var(--bg-color);
	overflow: hidden;
	padding-bottom: 5px;
}
.appendix-color4,
.appendix-color3 {
	border: 0;
}
.appendix-color4.narrow,
.appendix-color3.narrow,
.appendix-color2.narrow,
.appendix-color1.narrow,
.appendix.narrow {
	margin: 0 0 5px 15px;
	width: 146px;
	width: 270px;
	float: right;
    box-sizing: border-box;
}
.appendix-color4.narrow.float-left,
.appendix-color3.narrow.float-left,
.appendix-color2.narrow.float-left,
.appendix-color1.narrow.float-left,
.appendix.narrow {
	margin: 0 15px 5px 0;
	float: left;
}
.appendix-color4.narrow::after,
.appendix-color3.narrow::after,
.appendix-color2.narrow::after,
.appendix-color1.narrow::after,
.appendix.narrow::after {
	content: "";
	clear: both;
	display: table;
}
.appendix-color4.wide,
.appendix-color3.wide,
.appendix-color2.wide,
.appendix-color1.wide,
.appendix.wide {
	margin: 1em 0;
}
.appendix-color4.wide img,
.appendix-color3.wide img,
.appendix-color2.wide img,
.appendix-color1.wide img,
.appendix.wide img {
	float: left;
	margin: 0 10px 0 0;
}
.appendix-color4 p, .appendix-color4 div,
.appendix-color3 p, .appendix-color3 div,
.appendix-color2 p, .appendix-color2 div,
.appendix-color1 p, .appendix-color1 div,
.appendix p, .appendix div {
	font-size: 0.90rem;
	line-height: 1.5em;
	margin: 1em;
}
.appendix-color4.narrow p, .appendix-color4.narrow div,
.appendix-color3.narrow p, .appendix-color3.narrow div,
.appendix-color2.narrow p, .appendix-color2.narrow div,
.appendix-color1.narrow p, .appendix-color1.narrow div,
.appendix.narrow p, .appendix.narrow div {
	
}
.appendix-color2.narrow p, .appendix-color2.narrow div,
.appendix-color1.narrow p, .appendix-color1.narrow div,
.appendix.narrow p, .appendix.narrow div {
	margin: 1em;
}
.appendix-color4 div,
.appendix-color3 div,
.appendix-color2 div,
.appendix-color1 div,
.appendix div {
	margin: 0 1.3em;
}
.appendix-color4 p, .appendix-color4 div,
.appendix-color3 p, .appendix-color3 div {
	margin-left: 0;
	margin-right: 0;
}
.appendix-color4 h6,
.appendix-color3 h6,
.appendix-color2 h6,
.appendix-color1 h6,
.appendix h6 {
	background: var(--bg-color);
	border-bottom: 1px solid #999999;
	padding: 5px;
	color: var(--text-color);
	text-transform: uppercase;
	margin: 0;
	font-size: 0.90rem;
}
.appendix-color4 p.percent,
.appendix-color3 p.percent,
.appendix-color2 p.percent,
.appendix-color1 p.percent,
.appendix p.percent {
	font-size: 5rem!important;
	height: 50px;
	padding: 30px 0px 0 18px;
	float: left;
	background: var(--bg-color)!important;
}
.appendix-color4.wide p.percent,
.appendix-color3.wide p.percent,
.appendix-color2.wide p.percent,
.appendix-color1.wide p.percent,
.appendix.wide p.percent {
	padding: 30px 15px 0 5px !important;
}
.appendix-color2 {
	border: 0px solid #999999;
	background: var(--bg-color2);
}
.appendix-color2 h6 {
	background: var(--bg-color);
	border-bottom: 0px solid #e9e9e9;
}
.appendix-color1 p:first-child,
.appendix-color1 div:first-child,
.appendix-color1 h2:first-child,
.appendix-color1 h3:first-child,
.appendix-color1 h4:first-child,
.appendix-color1 h5:first-child,
.appendix-color1 h6:first-child,
.appendix-color2 p:first-child,
.appendix-color2 div:first-child,
.appendix-color2 h2:first-child,
.appendix-color2 h3:first-child,
.appendix-color2 h4:first-child,
.appendix-color2 h5:first-child,
.appendix-color2 h6:first-child,
.appendix-color3 {
    padding: 0.8em 1em;
    color: var(--head-text-color2);
    margin: 0;
}
.appendix-color1 p:first-child,
.appendix-color1 div:first-child,
.appendix-color1 h2:first-child,
.appendix-color1 h3:first-child,
.appendix-color1 h4:first-child,
.appendix-color1 h5:first-child,
.appendix-color1 h6:first-child,
.appendix-color2 p:first-child,
.appendix-color2 div:first-child,
.appendix-color2 h2:first-child,
.appendix-color2 h3:first-child,
.appendix-color2 h4:first-child,
.appendix-color2 h5:first-child,
.appendix-color2 h6:first-child {
    font-size: 0.90rem;
}
.appendix-color2 p:first-child,
.appendix-color2 div:first-child,
.appendix-color2 h2:first-child,
.appendix-color2 h3:first-child,
.appendix-color2 h4:first-child,
.appendix-color2 h5:first-child,
.appendix-color2 h6:first-child {
    background-color: var(--head-color2);
}
.appendix-color3 {
    background-color: var(--bg-color3);
}
.appendix-color4 {
    background-color: var(--bg-color4);
    border-color: var(--bg-color4);
}
.appendix-color4,
.appendix-color3 {
	padding: 1em;
}
.appendix-color3 > p:first-child { margin-top: 0; }
.appendix-color3 > p:last-child { margin-bottom: 0; }
.appendix-color4 > p:first-child { margin-top: 0; }
.appendix-color4 > p:last-child { margin-bottom: 0; }

.appendix-color1 p:first-child,
.appendix-color1 div:first-child {
    background-color: var(--head-color);
}

@media (max-width: 700px) {
	.appendix-color4.narrow,
	.appendix-color3.narrow,
	.appendix-color2.narrow,
	.appendix-color1.narrow,
	.appendix.narrow
	.appendix-color4.narrow.float-left,
	.appendix-color3.narrow.float-left,
	.appendix-color2.narrow.float-left,
	.appendix-color1.narrow.float-left,
	.appendix.narrow.float-left {
		margin: auto;
		margin-bottom: 1em;
		float: unset;
	}
}

.auth {
	background-color: white;
	/*font-family: myriad pro;*/
	color: #666;
	width: 400px;
	margin: auto;
	
}
.auth form {
	width: 350px;
	margin: auto;
	padding: 40px;
}
.auth h2 {
	font-family: URWTopic, 'Roboto Condensed';
}
.auth input {
	padding: 5px;
}

#main {
	/*margin-top: 16px;*/
	line-height: 1.5em;
	}

#main .album {
	/* background-color: white; */
	}
	#main .album .images img {
		width: 32%;
	}

.album-images {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 0.5rem;
	row-gap: 0.5rem;
/*	row-gap: 1rem;*/
	margin: 2rem 0;
}
.album-images img {
	aspect-ratio: 265 / 185;
	object-fit: cover;
}

#main .comments {
	margin-top: 15px;
	/*font-family: myriad pro;*/
	}
	#main .comments .count {
		/* color:#ab266b; */
		font-weight:bold;
		font-size:12px;
		float: right;
	}
	#main .comments h2 {
		font-family: URWTopic, 'Roboto Condensed';
	}
	#main .comments .title {
		color:#ab266b;
		font-weight:bold;
		font-size:12px;
		padding: 10px 0px 10px 0px;
		margin-bottom: 15px;
		border-bottom: 5px #c4c4c4 solid;
	}
	#main .comments .show_all {
		font-size:14px;
		font-weight:bold;
		margin-left: 85px;
	}
	#main .comments form textarea {
		width: 99%;
		height: 70px;
	}
	#main .comments .list .item {
		overflow: auto;
		}
		#main .comments .list .item img {
			float: left;
			margin: 20px 8px 8px 0px;
			border: 1px #c4c4c4 solid;
			width: 20%;
		}
		#main .comments .list .item .head {
			background-color: #EEE;
			padding: 3px 5px;
		}
		#main .comments .list .item .body {
			padding-bottom: 15px;
			padding: 5px;
		}
		#main .comments .list .item .date {
			float:right;
			font-size: 10px;
			/*font-family: myriad pro;*/
			position: relative;
			top: -3px;
		}
		#main .comments .list .item .username {
			/* font-style:italic; */
			font-size:15px;
		}

.clear {
	clear: both;
}

.box.legujabb-lapszam {
	/*background:#EEE url('/files/4/legujabb-szam.png') no-repeat center center;
	background:#EEE url('/files/4/meg-kaphato-elso-szam.png') no-repeat center center;*/
	width: 300px;
	height: 300px;
	position: relative;
}

.box.legujabb-lapszam img {
	position: absolute;
	/*right: 20px;*/
	bottom: 15px;
	-moz-box-shadow: 0 0 30px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0 0 30px rgba(255,255,255,0.5);
	box-shadow: 0px 0px 30px rgba(255,255,255,0.5);
}

.more-images {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}
.more-images .mark-image-clickable {
	display: none;
}

#right .box.ajanlo {
	width: 300px;
}
#right .box.ajanlo:first-child {
	margin-top: 0;
}
#right .box.ajanlo img {
	max-width: 300px;
}



#menu-opener {
	position: absolute;
	right: 1rem;
	width: 30px;
	margin: 1% 0 1% auto;
	padding: 5px 0;
	text-align: center;
	font-size: 0.30rem;
	color: #0ab3df;
}
#menu-opener i {
    display: block;
    width: 28px;
    height: 1px;
    margin: 5px 0;
    border-top: 3px #444 solid;
}
#menu-opener div {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}

@media (min-width: 901px)
{
	.mobilview { display: none; }
	.deskhide { display: none; }

}
@media (max-width: 900px)
{
	.mobilhide { display: none; }
	#ismobile, #istablet { display: block; position: absolute; width: 1px; height: 1px; }
	.grey_strip_top, .grey_strip_top .inner { height: unset; }
	#header { border-bottom: 0; }
	#header .logo { max-width:70%; }
	/*body.menu #nav { display: block; }*/
	.blue_strip_2 { display: none; }
	#tmenu { float: unset; }
	#tmenu .menu-item { float: unset; display: block; height: unset; padding: 10px 4px; font-size: 1.5rem; }
	#tmenu .menu-item > a { color: var(--color-link); }
	#tmenu .first { position: relative!important; }
	#nav { height: auto; display: none; margin-top: 0.5em; background-image: unset; }
	#info { text-align: unset; display: none; float: unset; margin-bottom: 2em; }
	#info .inputs { display: grid; grid-auto-flow: row; grid-gap: 1em; margin: 1.5em 0; }
	#search input[type="text"] { margin: 0; width: 100%; }
	#search form, #info .subscribe { display: grid; grid-template-columns: 42% 57%; grid-auto-flow: column; grid-column-gap: 2%; }
	#tmenu mark { top: -5px; right: -30px; padding: 0px 7% 0px 6%; }
	.mmSlider2-wrap { overflow-x: hidden; margin-left: -6%; width: 111.5%; }
	#articles_mozaic { grid-template-columns: 1fr; }
	#articles_list .article_box,
	body.home #articles_list .article_box { grid-template-columns: 1fr; }
	body.home #articles_list .article_box:nth-child(odd) .image { order: unset; }
	#articles_list .article_box h2 { margin-top: 0.5em; }
	#articles_mozaic .article_box img { height: auto; }
	.bottom-recommends table, .bottom-recommends tbody, .bottom-recommends tr, .bottom-recommends td { display: block; width: 100%!important; }
	.bottom-recommends .subtitle { margin-left: 0; margin-bottom: 1em; }
	.article .featured-image { margin-left: -6%; width: 111.5%; height: auto; min-height: unset; }
	.article-head .bg {  background-color: transparent; position: relative; top: 1rem; margin-top: 0; width: unset; padding: unset; margin: auto; }
	.article-head .inner * { color: #000000; }
	.article-head .inner h1 { margin-top: 0; color: var(--color-link); font-size: 2.8rem; margin-top: 0.5rem; }
	.article { padding-left: 0; }
	.article .lead { padding: 0; margin: 0.5em 0 1em 0; }
	.article .date, .article .tags, .article .share-links { line-height: 1.5rem; }
	.article .tags { margin: 0; margin-left: 30px; }
	.article .tags .fas { margin-left: -30px; }
	.article .tags .delimeter { display: none; }
	.article .tags .tag { margin-right: 15px; display: inline-block; }
	.article .fas { margin-right: 0.5em; }
	.article .share-links {
		display: grid;
		grid-auto-flow: column;
		grid-gap: 1em;
		width: 78px;
		padding: 2em 2em 3em 2em;
		position: relative;
		right: unset;
		bottom: unset;
		margin: auto;
	}
	.mark-image-clickable { display: none; }
	.strip_bottom_1 { padding-bottom: 40px; }
	.strip_bottom_1 .delimeter { display: none; }
	.strip_bottom_1 a { margin: 10px; }
	#right {  margin-top: 3em; }
	#folyoiratok .order-opener { float: unset;  position: relative; display: inline-block; margin: 2rem auto; top: unset;  left: unset;  }
	#folyoiratok .item.archive { width: unset; margin: unset; display: unset; vertical-align: unset; }
	.archive-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; }
}

@media (max-width: 800px)
{
	#main, #right, .pager { float: unset; margin-left: auto; margin-right: auto; }
	#main { width: var(--pagewidth); }
}

@media (max-width: 500px)
{
	.archive-list { grid-template-columns: 1fr; }
	#folyoiratok .archive-list h2 { margin-top: 1.5em; margin-bottom: 0.5em; }
	#folyoiratok .archive .download { width: 40px; }
}