@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon/fonts/icomoon.eot?7axw64');
  src:  url('fonts/icomoon/fonts/icomoon.eot?7axw64#iefix') format('embedded-opentype'),
    url('fonts/icomoon/fonts/icomoon.ttf?7axw64') format('truetype'),
    url('fonts/icomoon/fonts/icomoon.woff?7axw64') format('woff'),
    url('fonts/icomoon/fonts/icomoon.svg?7axw64#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*, *::before, *::after { box-sizing: inherit; }
html { box-sizing: border-box; }

html, body { 
	margin: 0; 
	padding: 0; 
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	line-height: 1.4em;
	/*background: #e8e8e8;*/
	/*--pagewidth-max: 1150px;*/
	--pagewidth-max: 840px;
	--pagewidth: min(90vw, var(--pagewidth-max));
	--winwidth: calc(100vw);
	--prime-color: #0081b8;
	--second-color: #b2bb1c;
	--third-color: #44a4c0;
	--button-color: var(--prime-color);
	--link-color: var(--prime-color);
	--highlight-color: #db4437;
	--text-color: #666; 
	color: var(--text-color); 
}
.home { --pagewidth-max: 1150px; }
.page-galeria, .page-resztvevok:not(.contenturl) { --pagewidth-max: 100vw; }
@media (max-width: 1600px) { html { font-size: 100%; } }
@media (max-width: 1400px) { html { font-size: 100%; } }
img { border: 0; }
a:link { color: var(--link-color); text-decoration: none; }
a:visited { color: var(--link-color); text-decoration: none; }
a:hover { color: var(--highlight-color); text-decoration: none; }
h1, h2, h3, h4 { color: var(--prime-color); font-size: 2rem; line-height: 1em; font-weight: bold; font-family: "Open Sans"; }
h1 { font-size: 2.5rem; margin: 0.8em 0; }
h2 { font-size: 2rem; font-weight: normal; }
h3 { font-size: 1.5rem; font-weight: normal; }
h4 { font-size: 1.1rem; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre.pp { background-color: #DDD; }
big { font-size: 1.25rem; }

input[type=text], input[type=email], input[type=number], input[type=password], textarea, select {
	padding: 1.5% 2%;
	border: 1px #DBDBDB solid;
	transition: box-shadow .15s;
	-moz-transition: box-shadow .15s; 
	-webkit-transition: box-shadow .15s; 
	-o-transition: box-shadow .15s; 
	/* box-shadow: 0px 0px 20px 0px #DDD; */
	/* -webkit-box-shadow: 0px 0px 20px 0px #DDD; */
	/* -moz-box-shadow: 0px 0px 20px 0px #DDD; */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	outline: none;
	-webkit-outline: none;
	-moz-outline: none;
}
input[type=text]:hover, input[type=text]:focus, 
input[type=email]:hover, input[type=email]:focus, 
input[type=number]:hover, input[type=number]:focus, 
input[type=password]:hover, input[type=password]:focus, 
textarea:hover, textarea:focus, 
select:hover, select:focus {
	/* box-shadow: 0px 0px 20px 0px #B5B5B5;  */
	/* -webkit-box-shadow: 0px 0px 20px 0px #B5B5B5;  */
	/* -moz-box-shadow: 0px 0px 20px 0px #B5B5B5;  */
}
input[type=radio], input[type=checkbox] {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	margin-right: 3px;
	vertical-align: -1px;
}
input[readonly] {
	color: #999;
	background-color: #EEE;
	cursor: default;
	-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none;
}
button, a.button, input[type=button], input[type=submit] {
	display: inline-block;
	padding: 1.5% 3%;
	background-color: var(--button-color);
	text-transform: uppercase;
	font-size: 0.85rem;
	color: #FFF;
	border: 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
::-webkit-input-placeholder { color: #AAA; }
:-moz-placeholder { color: #AAA; }
:-ms-input-placeholder { color: #AAA; }
:hover::-webkit-input-placeholder { color: #CCC; }
:hover:-moz-placeholder { color: #CCC; }
:hover:-ms-input-placeholder { color: #CCC; }

/** class **************************************************************************************/

.overflowXH {
	overflow-x: hidden;
}
.pagewidth {
	width: var(--pagewidth);
	margin-left: auto;
	margin-right: auto;
}
.pagewidth .winwidth {
	width: var(--winwidth);
	max-width: var(--winwidth);
	transform: translateX(calc((var(--winwidth) - var(--pagewidth)) / -1.9));
}
.clear { clear: both; }
.table { display: table; }
.tr,.row { display: table-row; }
.td,.cell { display: table-cell; }
.positionr { position: relative; }
.displayb { display: block; }
.donly { display: none!important; }
.kiemelt { color: #0000FF; }
.raquo { font-size: 1.5rem; vertical-align: -2px; margin-left: 0.1em; }
.small, .apro { font-size: 0.85rem; line-height: 1.2em; }
.smaller, .aprobb, .xsmall { font-size: 0.70rem; line-height: 1.2em; }
.small .smaller { font-size: 0.80rem; line-height: 1.2em; }
.fontwn { font-weight: normal; }
.nowrap, .nowrap-d { white-space: nowrap; }
.clearfix::after { content: ""; clear: both; display: table; }
.opacity-50 { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
.opacity-25 { -moz-opacity:.25; filter:alpha(opacity=50); opacity:.25; }
.szurke { color: grey; }
.nagy, .large { font-size: 0.20rem; }
.gray, .gray:link, .gray:visited { color: gray; }
.halvany { opacity:0.65; filter:alpha(opacity=40); }
.halvanyabb, .halovany { opacity:0.4; filter:alpha(opacity=40); }
.alignc { text-align: center; }
.alignr { text-align: right; }
.hideempty:empty, .hide-empty:empty {display: none;}
.noselect {
  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
  -moz-user-select: none; -ms-user-select: none; user-select: none; 
}

.hoverline { position: relative; } 
.hoverline:after { content: ""; display: block; 
    border-top: 2px solid var(--prime-color); position: absolute; 
    left: 0; bottom: -8px; width: 0; height: 0; opacity: 1;
    transition: width 0.3s ease 0s, bottom 0.3s ease 0s, opacity 0.3s ease 0s;
}
#breadcrumb .hoverline:after,
#middle .hoverline:after {
	border-top: 2px solid var(--highlight-color);
}
.akt .hoverline:after, .hoverline.akt:after, .hoverline:hover:after { width: 100%; opacity: 1; }

.ajax_loader {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(images/loader.gif);
	position: relative; 
	top: 2px; 
}
.sprite-16 {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 0;
	background: url(images/sprite.png) no-repeat;
}
.sprite-16.user { background-position: -16px -16px; }
.sprite-16.search { background-position: -32px -16px; }
.shaddow {
	box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.05);
}
.shaddow2 {
	box-shadow: 0px 2px 18px 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 2px 18px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 2px 18px 1px rgba(0, 0, 0, 0.4);
}
.shaddow6 {
	box-shadow: 0px 2px 54px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 54px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 54px 0px rgba(0, 0, 0, 0.3);
}
.containbg {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.coverbg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.mobilhide { display: block; }
.mobilview { display: none; }
#ismobile, #istablet { display: none; }
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.one-third-inline {
	width: 30.6%;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	margin-left: 4%;
}
.one-third-inline:first-child {
	margin-left: 0;
}
@media (max-width: 768px)
{
	.one-third-inline {
		width: 100%;
		margin-left: 0;
	}
}

/**/
.m0{margin:0;}
.ml0{margin-left:0;}
.mr0{margin-right:0;}
.mt0{margin-top:0;}
.mb0{margin-bottom:0;}
.mh0{margin-left:0;margin-right:0;}
.mv0{margin-top:0;margin-bottom:0;}
.mah{margin-left:auto;margin-right:auto;}
.mav{margin-top:auto;margin-bottom:auto;}
.m1pc{margin:1%;}.m2pc{margin:2%;}.m3pc{margin:3%;}.m4pc{margin:4%;}.m5pc{margin:5%;}.m6pc{margin:6%;}.m7pc{margin:7%;}.m8pc{margin:8%;}.m9pc{margin:9%;}.m10pc{margin:10%;}.m15pc{margin:15%;}.m20pc{margin:20%;}.m25pc{margin:25%;}.m30pc{margin:30%;}
.m1px{margin:1px;}.m2px{margin:2px;}.m3px{margin:3px;}.m4px{margin:4px;}.m5px{margin:5px;}.m6px{margin:6px;}.m7px{margin:7px;}.m8px{margin:8px;}.m9px{margin:9px;}.m10px{margin:10px;}.m15px{margin:15px;}.m20px{margin:20px;}.m25px{margin:25px;}.m30px{margin:30px;}
.mh1pc{margin-left:1%;margin-right:1%;}.mh2pc{margin-left:2%;margin-right:2%;}.mh3pc{margin-left:3%;margin-right:3%;}.mh4pc{margin-left:4%;margin-right:4%;}.mh5pc{margin-left:5%;margin-right:5%;}.mh6pc{margin-left:6%;margin-right:6%;}.mh7pc{margin-left:7%;margin-right:7%;}.mh8pc{margin-left:8%;margin-right:8%;}.mh9pc{margin-left:9%;margin-right:9%;}.mh10pc{margin-left:10%;margin-right:10%;}.mh15pc{margin-left:15%;margin-right:15%;}.mh20pc{margin-left:20%;margin-right:20%;}.mh25pc{margin-left:25%;margin-right:25%;}.mh30pc{margin-left:30%;margin-right:30%;}
.mv1pc{margin-top:1%;margin-bottom:1%;}.mv2pc{margin-top:2%;margin-bottom:2%;}.mv3pc{margin-top:3%;margin-bottom:3%;}.mv4pc{margin-top:4%;margin-bottom:4%;}.mv5pc{margin-top:5%;margin-bottom:5%;}.mv6pc{margin-top:6%;margin-bottom:6%;}.mv7pc{margin-top:7%;margin-bottom:7%;}.mv8pc{margin-top:8%;margin-bottom:8%;}.mv9pc{margin-top:9%;margin-bottom:9%;}.mv10pc{margin-top:10%;margin-bottom:10%;}.mv15pc{margin-top:15%;margin-bottom:15%;}.mv20pc{margin-top:20%;margin-bottom:20%;}.mv25pc{margin-top:25%;margin-bottom:25%;}.mv30pc{margin-top:30%;margin-bottom:30%;}
.ml1pc{margin-left:1%;}.ml2pc{margin-left:2%;}.ml3pc{margin-left:3%;}.ml4pc{margin-left:4%;}.ml5pc{margin-left:5%;}.ml6pc{margin-left:6%;}.ml7pc{margin-left:7%;}.ml8pc{margin-left:8%;}.ml9pc{margin-left:9%;}.ml10pc{margin-left:10%;}.ml15pc{margin-left:15%;}.ml20pc{margin-left:20%;}.ml25pc{margin-left:25%;}.ml30pc{margin-left:30%;}
.mr1pc{margin-right:1%;}.mr2pc{margin-right:2%;}.mr3pc{margin-right:3%;}.mr4pc{margin-right:4%;}.mr5pc{margin-right:5%;}.mr6pc{margin-right:6%;}.mr7pc{margin-right:7%;}.mr8pc{margin-right:8%;}.mr9pc{margin-right:9%;}.mr10pc{margin-right:10%;}.mr15pc{margin-right:15%;}.mr20pc{margin-right:20%;}.mr25pc{margin-right:25%;}.mr30pc{margin-right:30%;}
.mt1pc{margin-top:1%;}.mt2pc{margin-top:2%;}.mt3pc{margin-top:3%;}.mt4pc{margin-top:4%;}.mt5pc{margin-top:5%;}.mt6pc{margin-top:6%;}.mt7pc{margin-top:7%;}.mt8pc{margin-top:8%;}.mt9pc{margin-top:9%;}.mt10pc{margin-top:10%;}.mt15pc{margin-top:15%;}.mt20pc{margin-top:20%;}.mt25pc{margin-top:25%;}.mt30pc{margin-top:30%;}
.mb1pc{margin-bottom:1%;}.mb2pc{margin-bottom:2%;}.mb3pc{margin-bottom:3%;}.mb4pc{margin-bottom:4%;}.mb5pc{margin-bottom:5%;}.mb6pc{margin-bottom:6%;}.mb7pc{margin-bottom:7%;}.mb8pc{margin-bottom:8%;}.mb9pc{margin-bottom:9%;}.mb10pc{margin-bottom:10%;}.mb15pc{margin-bottom:15%;}.mb20pc{margin-bottom:20%;}.mb25pc{margin-bottom:25%;}.mb30pc{margin-bottom:30%;}
.mh1px{margin-left:1px;margin-right:1px;}.mh2px{margin-left:2px;margin-right:2px;}.mh3px{margin-left:3px;margin-right:3px;}.mh4px{margin-left:4px;margin-right:4px;}.mh5px{margin-left:5px;margin-right:5px;}.mh6px{margin-left:6px;margin-right:6px;}.mh7px{margin-left:7px;margin-right:7px;}.mh8px{margin-left:8px;margin-right:8px;}.mh9px{margin-left:9px;margin-right:9px;}.mh10px{margin-left:10px;margin-right:10px;}.mh15px{margin-left:15px;margin-right:15px;}.mh20px{margin-left:20px;margin-right:20px;}.mh25px{margin-left:25px;margin-right:25px;}.mh30px{margin-left:30px;margin-right:30px;}
.mv1px{margin-top:1px;margin-bottom:1px;}.mv2px{margin-top:2px;margin-bottom:2px;}.mv3px{margin-top:3px;margin-bottom:3px;}.mv4px{margin-top:4px;margin-bottom:4px;}.mv5px{margin-top:5px;margin-bottom:5px;}.mv6px{margin-top:6px;margin-bottom:6px;}.mv7px{margin-top:7px;margin-bottom:7px;}.mv8px{margin-top:8px;margin-bottom:8px;}.mv9px{margin-top:9px;margin-bottom:9px;}.mv10px{margin-top:10px;margin-bottom:10px;}.mv15px{margin-top:15px;margin-bottom:15px;}.mv20px{margin-top:20px;margin-bottom:20px;}.mv25px{margin-top:25px;margin-bottom:25px;}.mv30px{margin-top:30px;margin-bottom:30px;}
.ml1px{margin-left:1px;}.ml2px{margin-left:2px;}.ml3px{margin-left:3px;}.ml4px{margin-left:4px;}.ml5px{margin-left:5px;}.ml6px{margin-left:6px;}.ml7px{margin-left:7px;}.ml8px{margin-left:8px;}.ml9px{margin-left:9px;}.ml10px{margin-left:10px;}.ml15px{margin-left:15px;}.ml20px{margin-left:20px;}.ml25px{margin-left:25px;}.ml30px{margin-left:30px;}
.mr1px{margin-right:1px;}.mr2px{margin-right:2px;}.mr3px{margin-right:3px;}.mr4px{margin-right:4px;}.mr5px{margin-right:5px;}.mr6px{margin-right:6px;}.mr7px{margin-right:7px;}.mr8px{margin-right:8px;}.mr9px{margin-right:9px;}.mr10px{margin-right:10px;}.mr15px{margin-right:15px;}.mr20px{margin-right:20px;}.mr25px{margin-right:25px;}.mr30px{margin-right:30px;}
.mt1px{margin-top:1px;}.mt2px{margin-top:2px;}.mt3px{margin-top:3px;}.mt4px{margin-top:4px;}.mt5px{margin-top:5px;}.mt6px{margin-top:6px;}.mt7px{margin-top:7px;}.mt8px{margin-top:8px;}.mt9px{margin-top:9px;}.mt10px{margin-top:10px;}.mt15px{margin-top:15px;}.mt20px{margin-top:20px;}.mt25px{margin-top:25px;}.mt30px{margin-top:30px;}
.mb1px{margin-bottom:1px;}.mb2px{margin-bottom:2px;}.mb3px{margin-bottom:3px;}.mb4px{margin-bottom:4px;}.mb5px{margin-bottom:5px;}.mb6px{margin-bottom:6px;}.mb7px{margin-bottom:7px;}.mb8px{margin-bottom:8px;}.mb9px{margin-bottom:9px;}.mb10px{margin-bottom:10px;}.mb15px{margin-bottom:15px;}.mb20px{margin-bottom:20px;}.mb25px{margin-bottom:25px;}.mb30px{margin-bottom:30px;}
/**/
.p0{padding:0;}
.pl0{padding-left:0;}
.pr0{padding-right:0;}
.pt0{padding-top:0;}
.pb0{padding-bottom:0;}
.ph0{padding-left:0;padding-right:0;}
.pv0{padding-top:0;padding-bottom:0;}
.p1pc{padding:1%;}.p2pc{padding:2%;}.p3pc{padding:3%;}.p4pc{padding:4%;}.p5pc{padding:5%;}.p6pc{padding:6%;}.p7pc{padding:7%;}.p8pc{padding:8%;}.p9pc{padding:9%;}.p10pc{padding:10%;}.p15pc{padding:15%;}.p20pc{padding:20%;}.p25pc{padding:25%;}.p30pc{padding:30%;}
.p1px{padding:1px;}.p2px{padding:2px;}.p3px{padding:3px;}.p4px{padding:4px;}.p5px{padding:5px;}.p6px{padding:6px;}.p7px{padding:7px;}.p8px{padding:8px;}.p9px{padding:9px;}.p10px{padding:10px;}.p15px{padding:15px;}.p20px{padding:20px;}.p25px{padding:25px;}.p30px{padding:30px;}
.ph1pc{padding-left:1%;padding-right:1%;}.ph2pc{padding-left:2%;padding-right:2%;}.ph3pc{padding-left:3%;padding-right:3%;}.ph4pc{padding-left:4%;padding-right:4%;}.ph5pc{padding-left:5%;padding-right:5%;}.ph6pc{padding-left:6%;padding-right:6%;}.ph7pc{padding-left:7%;padding-right:7%;}.ph8pc{padding-left:8%;padding-right:8%;}.ph9pc{padding-left:9%;padding-right:9%;}.ph10pc{padding-left:10%;padding-right:10%;}.ph15pc{padding-left:15%;padding-right:15%;}.ph20pc{padding-left:20%;padding-right:20%;}.ph25pc{padding-left:25%;padding-right:25%;}.ph30pc{padding-left:30%;padding-right:30%;}
.pv1pc{padding-top:1%;padding-bottom:1%;}.pv2pc{padding-top:2%;padding-bottom:2%;}.pv3pc{padding-top:3%;padding-bottom:3%;}.pv4pc{padding-top:4%;padding-bottom:4%;}.pv5pc{padding-top:5%;padding-bottom:5%;}.pv6pc{padding-top:6%;padding-bottom:6%;}.pv7pc{padding-top:7%;padding-bottom:7%;}.pv8pc{padding-top:8%;padding-bottom:8%;}.pv9pc{padding-top:9%;padding-bottom:9%;}.pv10pc{padding-top:10%;padding-bottom:10%;}.pv15pc{padding-top:15%;padding-bottom:15%;}.pv20pc{padding-top:20%;padding-bottom:20%;}.pv25pc{padding-top:25%;padding-bottom:25%;}.pv30pc{padding-top:30%;padding-bottom:30%;}
.pl1pc{padding-left:1%;}.pl2pc{padding-left:2%;}.pl3pc{padding-left:3%;}.pl4pc{padding-left:4%;}.pl5pc{padding-left:5%;}.pl6pc{padding-left:6%;}.pl7pc{padding-left:7%;}.pl8pc{padding-left:8%;}.pl9pc{padding-left:9%;}.pl10pc{padding-left:10%;}.pl15pc{padding-left:15%;}.pl20pc{padding-left:20%;}.pl25pc{padding-left:25%;}.pl30pc{padding-left:30%;}
.pr1pc{padding-right:1%;}.pr2pc{padding-right:2%;}.pr3pc{padding-right:3%;}.pr4pc{padding-right:4%;}.pr5pc{padding-right:5%;}.pr6pc{padding-right:6%;}.pr7pc{padding-right:7%;}.pr8pc{padding-right:8%;}.pr9pc{padding-right:9%;}.pr10pc{padding-right:10%;}.pr15pc{padding-right:15%;}.pr20pc{padding-right:20%;}.pr25pc{padding-right:25%;}.pr30pc{padding-right:30%;}
.pt1pc{padding-top:1%;}.pt2pc{padding-top:2%;}.pt3pc{padding-top:3%;}.pt4pc{padding-top:4%;}.pt5pc{padding-top:5%;}.pt6pc{padding-top:6%;}.pt7pc{padding-top:7%;}.pt8pc{padding-top:8%;}.pt9pc{padding-top:9%;}.pt10pc{padding-top:10%;}.pt15pc{padding-top:15%;}.pt20pc{padding-top:20%;}.pt25pc{padding-top:25%;}.pt30pc{padding-top:30%;}
.pb1pc{padding-bottom:1%;}.pb2pc{padding-bottom:2%;}.pb3pc{padding-bottom:3%;}.pb4pc{padding-bottom:4%;}.pb5pc{padding-bottom:5%;}.pb6pc{padding-bottom:6%;}.pb7pc{padding-bottom:7%;}.pb8pc{padding-bottom:8%;}.pb9pc{padding-bottom:9%;}.pb10pc{padding-bottom:10%;}.pb15pc{padding-bottom:15%;}.pb20pc{padding-bottom:20%;}.pb25pc{padding-bottom:25%;}.pb30pc{padding-bottom:30%;}
.ph1px{padding-left:1px;padding-right:1px;}.ph2px{padding-left:2px;padding-right:2px;}.ph3px{padding-left:3px;padding-right:3px;}.ph4px{padding-left:4px;padding-right:4px;}.ph5px{padding-left:5px;padding-right:5px;}.ph6px{padding-left:6px;padding-right:6px;}.ph7px{padding-left:7px;padding-right:7px;}.ph8px{padding-left:8px;padding-right:8px;}.ph9px{padding-left:9px;padding-right:9px;}.ph10px{padding-left:10px;padding-right:10px;}.ph15px{padding-left:15px;padding-right:15px;}.ph20px{padding-left:20px;padding-right:20px;}.ph25px{padding-left:25px;padding-right:25px;}.ph30px{padding-left:30px;padding-right:30px;}
.pv1px{padding-top:1px;padding-bottom:1px;}.pv2px{padding-top:2px;padding-bottom:2px;}.pv3px{padding-top:3px;padding-bottom:3px;}.pv4px{padding-top:4px;padding-bottom:4px;}.pv5px{padding-top:5px;padding-bottom:5px;}.pv6px{padding-top:6px;padding-bottom:6px;}.pv7px{padding-top:7px;padding-bottom:7px;}.pv8px{padding-top:8px;padding-bottom:8px;}.pv9px{padding-top:9px;padding-bottom:9px;}.pv10px{padding-top:10px;padding-bottom:10px;}.pv15px{padding-top:15px;padding-bottom:15px;}.pv20px{padding-top:20px;padding-bottom:20px;}.pv25px{padding-top:25px;padding-bottom:25px;}.pv30px{padding-top:30px;padding-bottom:30px;}
.pl1px{padding-left:1px;}.pl2px{padding-left:2px;}.pl3px{padding-left:3px;}.pl4px{padding-left:4px;}.pl5px{padding-left:5px;}.pl6px{padding-left:6px;}.pl7px{padding-left:7px;}.pl8px{padding-left:8px;}.pl9px{padding-left:9px;}.pl10px{padding-left:10px;}.pl15px{padding-left:15px;}.pl20px{padding-left:20px;}.pl25px{padding-left:25px;}.pl30px{padding-left:30px;}
.pr1px{padding-right:1px;}.pr2px{padding-right:2px;}.pr3px{padding-right:3px;}.pr4px{padding-right:4px;}.pr5px{padding-right:5px;}.pr6px{padding-right:6px;}.pr7px{padding-right:7px;}.pr8px{padding-right:8px;}.pr9px{padding-right:9px;}.pr10px{padding-right:10px;}.pr15px{padding-right:15px;}.pr20px{padding-right:20px;}.pr25px{padding-right:25px;}.pr30px{padding-right:30px;}
.pt1px{padding-top:1px;}.pt2px{padding-top:2px;}.pt3px{padding-top:3px;}.pt4px{padding-top:4px;}.pt5px{padding-top:5px;}.pt6px{padding-top:6px;}.pt7px{padding-top:7px;}.pt8px{padding-top:8px;}.pt9px{padding-top:9px;}.pt10px{padding-top:10px;}.pt15px{padding-top:15px;}.pt20px{padding-top:20px;}.pt25px{padding-top:25px;}.pt30px{padding-top:30px;}
.pb1px{padding-bottom:1px;}.pb2px{padding-bottom:2px;}.pb3px{padding-bottom:3px;}.pb4px{padding-bottom:4px;}.pb5px{padding-bottom:5px;}.pb6px{padding-bottom:6px;}.pb7px{padding-bottom:7px;}.pb8px{padding-bottom:8px;}.pb9px{padding-bottom:9px;}.pb10px{padding-bottom:10px;}.pb15px{padding-bottom:15px;}.pb20px{padding-bottom:20px;}.pb25px{padding-bottom:25px;}.pb30px{padding-bottom:30px;}
/**/
.w1pc{width:1%;}.w2pc{width:2%;}.w3pc{width:3%;}.w4pc{width:4%;}.w5pc{width:5%;}.w10pc{width:10%;}.w20pc{width:20%;}.w30pc{width:30%;}.w40pc{width:40%;}.w50pc{width:50%;}.w60pc{width:60%;}.w70pc{width:70%;}.w80pc{width:80%;}.w90pc{width:90%;}.w100pc{width:100%;}
.w1px{width:1px;}.w2px{width:2px;}.w3px{width:3px;}.w4px{width:4px;}.w5px{width:5px;}.w10px{width:10px;}.w20px{width:20px;}.w30px{width:30px;}.w40px{width:40px;}.w50px{width:50px;}.w60px{width:60px;}.w70px{width:70px;}.w80px{width:80px;}.w90px{width:90px;}.w100px{width:100px;}
/**/


/**/
.m10{margin:10px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}
.m50{margin:50px;}
.m60{margin:60px;}
.m70{margin:70px;}
.m80{margin:80px;}
.m90{margin:90px;}
.m100{margin:100px;}
.m0{margin:0px;}
.m0h{margin-left:auto;margin-right:auto;}
.m0v{margin-top:auto;margin-bottom:auto;}
/**/
.p10{padding:10px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p60{padding:60px;}
.p70{padding:70px;}
.p80{padding:80px;}
.p90{padding:90px;}
.p100{padding:100px;}
.p0{padding:0px;}
.p0h{padding-left:0;padding-right:0;}
.p0v{padding-top:0;padding-bottom:0;}
/**/
.w1{width:1%;}
.w2{width:2%;}
.w3{width:3%;}
.w4{width:4%;}
.w5{width:5%;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}

a.iconize[href*="facebook.com"]:before,
a.iconize[href*="instagram.com"]:before,
a.iconize[href*="twitter.com"]:before,
a.iconize[href*="linkedin.com"]:before,
a.iconize[href*="spotify.com"]:before,
a.iconize[href*="tumblr.com"]:before,
a.iconize[href*="mailto"]:before,
a.iconize[href*="tel"]:before,
a[href^="skype:"]:before {
	display: inline-block; font-style: normal; font-variant: normal; 
	text-rendering: auto; -webkit-font-smoothing: antialiased; 
	font-family: "Font Awesome 5 Brands"; font-weight: 400; 
	content: "\f082"; /*margin-right: 0.5em;*/
	--size: 16px;
	font-size: var(--size);
	width: var(--size);
	height: var(--size);
	line-height: var(--size);
}
a.iconize[href*="facebook.com"],
a.iconize[href*="instagram.com"],
a.iconize[href*="twitter.com"],
a.iconize[href*="linkedin.com"],
a.iconize[href*="spotify.com"],
a.iconize[href*="tumblr.com"],
a.iconize[href*="mailto"],
a.iconize[href*="tel"],
a[href^="skype:"] {
	--size: 30px;
	font-size: var(--size); width: var(--size); height: var(--size); line-height: var(--size); 
	overflow: hidden; display: inline-block; margin: 0;
}
a.iconize[href*="facebook.com"]:before { content: "\f39e"; }
a.iconize[href*="instagram.com"]:before { content: "\f16d"; }
a.iconize[href*="twitter.com"]:before { content: "\f099"; }
a.iconize[href*="linkedin.com"]:before { content: "\f0e1"; }
a.iconize[href*="spotify.com"]:before { content: "\f1bc"; }
a.iconize[href*="tumblr.com"]:before { content: "\f173"; }
a.iconize[href*="mailto"]:before { font-family: "Font Awesome 5 Free"; content: "\f0e0"; }
a.iconize[href*="tel"]:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3cd"; }
a.iconize.profile:before { font-family: "Font Awesome 5 Free"; content: "\f007"; }
a.iconize.search:before { font-family: "Font Awesome 5 Free"; content: "\f002"; font-weight: 900; }
a.iconize.inverse[href^="facebook.com"]:before { content: "\f082"; }
a.iconize.inverse[href^="instagram.com"]:before { content: "\e055"; }
a.iconize.inverse[href^="linkedin.com"]:before { content: "\f08c"; }
a[href^="skype:"]:before { content: "\f17e"; font-size: 0.35rem; vertical-align: -2px; }
a[href^="skype:"] { font-size: 1.125rem; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background-color: #00aff0; color: #FFF; padding: 5px 15px; }

[class^="sicon-"], [class*=" sicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  font-size: 0.80rem;
}
button [class^="sicon-"] { font-size: 0.85rem; }
.shop-steps [class^="sicon-"] { font-size: 0.70rem; }

.sicon-arrowr:before { content: "\e900"; margin-left: 12px; }
.sicon-arrowl:before { content: "\e901"; margin-right: 12px; }

.url-prepend-icon a[href^="https://www.facebook.com"]:before,
.url-prepend-icon a[href^="https://www.instagram.com"]:before,
.url-prepend-icon a[href^="https://www.twitter.com"]:before,
.url-prepend-icon a[href^="https://www.linkedin.com"]:before,
.url-prepend-icon a[href^="https://www.spotify.com"]:before,
.url-prepend-icon a[href^="mailto"]:before,
.url-prepend-icon a[href^="tel"]:before {
	display: inline-block; font-style: normal; font-variant: normal; 
	text-rendering: auto; -webkit-font-smoothing: antialiased; 
	font-family: "Font Awesome 5 Brands"; font-weight: 400; 
	content: "\f082"; margin-right: 0.5em;
}
#footer a[href^="https://www.facebook.com"],
#footer a[href^="https://www.instagram.com"],
#footer a[href^="https://www.twitter.com"],
#footer a[href^="https://www.linkedin.com"],
#footer a[href^="https://www.spotify.com"] {
	--size: 28px;
	font-size: var(--size); width: var(--size); height: var(--size); line-height: var(--size); 
	overflow: hidden; display: inline-block; margin-right: 2px; margin-top: 4px;
}
.url-prepend-icon a[href^="https://www.facebook.com"]:before { content: "\f082"; }
.url-prepend-icon a[href^="https://www.instagram.com"]:before { content: "\e055"; }
.url-prepend-icon a[href^="https://www.twitter.com"]:before { content: "\f081"; }
.url-prepend-icon a[href^="https://www.linkedin.com"]:before { content: "\f08c"; }
.url-prepend-icon a[href^="https://www.spotify.com"]:before { content: "\f1bc"; }
.url-prepend-icon a[href^="mailto"]:before { font-family: "Font Awesome 5 Free"; content: "\f0e0"; }
.url-prepend-icon a[href^="tel"]:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3cd"; }

/**/
table.hover-row tr:not(:nth-child(1)):hover { background-color: #3384d9;color: #FFFFFF;}
table.hover-row tr:nth-child(1) td { vertical-align: bottom;font-weight: bold;}
/**/
table.hover-col { border-spacing: 0; border-collapse: collapse; overflow: hidden; z-index: 1; }
table.hover-col td, table.hover-col th { position: relative; }
table.hover-col tr td:not(:nth-child(1)):hover::after { background-color: #3D9CFF; content: '\00a0'; height: 10000px; left: 0; position: absolute; top: -5000px; width: 100%; z-index: -1;  }

.fade-in {
	animation: fadeIn ease 0.25s;
	-webkit-animation: fadeIn ease 0.25s;
	-moz-animation: fadeIn ease 0.25s;
	-o-animation: fadeIn ease 0.25s;
	-ms-animation: fadeIn ease 0.25s;
}
.fade-out {
	animation: fadeOut ease 0.25s;
	-webkit-animation: fadeOut ease 0.25s;
	-moz-animation: fadeOut ease 0.25s;
	-o-animation: fadeOut ease 0.25s;
	-ms-animation: fadeOut ease 0.25s;
}
@keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-o-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@-ms-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-o-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }
@-ms-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } }

a.shorten {
    position: relative;
    max-width: 90%;
    display: inline-block;
    overflow: hidden;
    word-break: break-all;
    height: 1.3em;
}
a.shorten:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); 
}

.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);
	}

.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: -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: ":"; }

.draw-x { position: relative; --size: 30px; --color: #000; width: var(--size); height: var(--size); }
.draw-x:before, .draw-x:after { content: " "; width: 100%; position: absolute; display: block; margin-top: calc(var(--size) / 2); border-top: 2px 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: 16px; --color: #000; --line-width: 1px; width: var(--size); height: var(--size); box-sizing: border-box; }
.draw-arrow:before, .draw-arrow:after { content: " "; display: block; position: absolute; top: 0px; left: calc(var(--size) * 0.3); width: 69%; height: 69%; margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; }
.draw-arrow:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: top left; }
.draw-arrow:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: 0 0; top: calc(var(--size) - var(--line-width) * 0.7); margin-left: calc(var(--line-width) * -0.7); }
.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); }

.thinscrollbar { scrollbar-width: thin; }
.thinscrollbar::-webkit-scrollbar { width: 2px; }
.thinscrollbar::-webkit-scrollbar-track { box-shadow: inset 0 0 2px grey; border-radius: 10px; }
.thinscrollbar::-webkit-scrollbar-thumb { background: #000; border-radius: 10px; }
.thinscrollbar::-webkit-scrollbar-thumb:hover { background: #333; }

.error404 {
	padding: 60px 0;
	text-align: center;
	font-size: 0.80rem;
}
.error404 .title {
	font-size: 0.50rem;
}
.error404 .search {
	border-top: 1px #CCC solid;
	font-size: 0.00rem;
	margin: 50px 0;
	padding: 50px 0;
	text-align: center;
}

.default_form .ui-slider { /* kérdőívek modul */
		width: calc(70% - 3em);
		display: inline-block;
	}
	.default_form .ui-slider-handle {
		width: 3em;
		height: 1.6em;
		top: 50%;
		margin-top: -.8em;
		text-align: center;
		line-height: 1.6em;
	}
	.default_form [data-slider_id] {
		display: none;
	}

.donations input.amount-other {
	display: none;
}
.donations input:checked ~  input.amount-other {
	display: inline;
	width: 95px;
	padding: 7px 10px;
}
.donations input[name=amount][value=other]:checked ~ span {
    display: none;
}


/** spec **************************************************************************************/

#logo {
	width: 190px;
	display: block;
}
#top {
	display: none;
	text-align: center;
	padding: 10px 0;
}
#main {
	display: grid;
	grid-template-columns: 1fr;
	margin: 0 auto;
	overflow: auto;
	min-height: 550px;
	padding: 0 0 20px 0;
	background-color: #FFF;
	overflow: unset;
}
#main.is-right {
	grid-template-columns: 1fr 300px;
	grid-column-gap: 5%;
}
#main.is-left.is-right {
	grid-template-columns: 200px 1fr 300px;
	grid-column-gap: 3%;
}
#header {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 202px 1fr 50px;
	grid-column-gap: 10px;
	align-items: center;
	padding: 1rem 2rem;
	border-bottom: 3px solid var(--prime-color);
	position: fixed;
	z-index: 10;
	width: 100%;
	background-color: #FFFFFF;
	transition: padding 0.25s, border-width 0.25s, box-shadow 0.25s, -webkit-box-shadow 0.25s;
}
#header.fixed {
	-webkit-box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 20%); 
	box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 20%);
	border-width: 2px;
	padding: 0.5rem 2rem;
}
#header-spacer {
	position: relative;
	height: 95px;
}
#header h1 {
	margin: 0;
	padding: 0;
}

#breadcrumb { padding: 1rem 2rem 2rem 2rem; display: grid; gap: 1%; grid-auto-flow: column; justify-content: start; align-items: center; }
#breadcrumb .draw-arrow { --size: 0.6em; --color: var(--text-color); }

#slider .item {
	display: block;
	width: 100%;
	height: 2px;
}

.mmSlider2 { padding-bottom: 130px; margin-top }
/*.home .mmSlider2-wrap { margin-top: -15px; }*/
.mmSlider2 .item { width: 100%!important; }
.mmSlider2 .item img { object-fit: cover; }
.mmSlider2 .close { display: none; }
.mmSlider2 .item.next { -webkit-transform: scale(0.96); -ms-transform: scale(0.96); transform: scale(0.96); }
.mmSlider2 .point { border: 5px solid #FFF; margin: 0; 
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	background-color: #AAAAAA; width: 35px; height: 15px; }
.mmSlider2 .points { position: absolute; bottom: 80px; padding: 0; z-index: 20; width: 100%; }
.mmSlider2 .arrows { display: none; }
.mmSlider2 .pagenum { display: none; }

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

#menu ul {
	padding: 0;
}
#menu a {
	color: var(--text-color);
	text-decoration: none;
	position: relative;
	font-size: 1.1rem;
}
#menu a:before {
	/*content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -4px;
	left: 0;
	background-color: var(--text-color);
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;*/
}
#menu a:hover:before {
	/*visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);*/
}

.page-overlay-underlay {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	z-index: 11;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	transition: visibility 0s 0.2s, opacity 0.2s linear;
}
.page-overlay.open + .page-overlay-underlay {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.2s linear;
}
.page-overlay {
	display: block;
	background-color: rgba(255, 255, 255, 1.0);
	width: 500px;
	max-width: 80%;
	min-height: 250px;
	position: fixed;
	z-index: 12;
	top: 35%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.2s, top 0.2s, opacity 0.2s linear;
}
.page-overlay.open {
	top: 40%;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, top 0.2s, opacity 0.2s linear;
}

.search-opener {
	margin-left: 1em;
}
#search {
	top: 36%;
	min-height: 75px;
}
#search.open {
	top: 35%;
}
#search .search-outer  {
	width: 100%;
	height: 100%;
	position: absolute;
	padding: 12px;
	z-index: 10;
	background-color: #FFFFFF;
}
#search .search-inner {
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 19px;
	grid-column-gap: 10px;
}
#search button {
	border: 0;
	background-color: transparent;
	outline: none;
	cursor: pointer;
	color: var(--text-color);
}
#search input {
	border: 0;
	padding: 3px;
	/*background-color: #e5e5e5;*/
	font-size: 0.85rem;
}

#middle {
	/*width: 94%;
	padding: 3%;*/
}
#left { /* main/left */
	width: 150px;
	padding: 15px;
	vertical-align: top;
	/*border-right: 1px #DBDBDB solid;*/
	/*background-color: rgba(0, 0, 255, 0.15);*/
}
#right { /* main/right */
	width: 30%;
	min-width: 300px;
	padding: 0;
	float: right;
	vertical-align: top;
	/*border-left: 1px #DBDBDB solid;*/
	/*background-color: rgba(255, 0, 0, 0.15);*/
	}
#right .box {
	border: 1px #DBDBDB solid;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: auto auto 35px auto;
	/*width: 300px;*/
	/*overflow: auto;*/
	}
	#right .box img {
		max-width: 100%;
	}
	#right .box .body {
		padding: 0 5%;
		/*width: 90%;*/
	}
	#right .box .head {
		padding: 2% 5%;
		text-transform: uppercase;
		font-size: 0.25rem;
		color: #666;
		border-bottom: 1px #ebebeb solid;
		background: #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff));
		background: -webkit-linear-gradient(#f2f2f2, #ffffff);
		background: -moz-linear-gradient(center top, #f2f2f2 0%, #ffffff 100%);
		background: -moz-gradient(center top, #f2f2f2 0%, #ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#f2f2f2, endColorstr=#ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f2f2f2, endColorstr=#ffffff)";
		box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: inset 0 1px 0 #ffffff, 0 -1px 3px rgba(0, 0, 0, 0.1);
	}

#right .box.newsletter {
		
	}
	#right .box.newsletter ::-webkit-input-placeholder { color: #444444; }
	#right .box.newsletter :-moz-placeholder { color: #444444; }
	#right .box.newsletter :-ms-input-placeholder { color: #444444; }
	#right .box.newsletter :active::-webkit-input-placeholder { color: #DDD; }
	#right .box.newsletter :active:-moz-placeholder { color: #DDD; }
	#right .box.newsletter :active:-ms-input-placeholder { color: #DDD; }
	#right .box.newsletter :focus::-webkit-input-placeholder { color: #DDD; }
	#right .box.newsletter :focus:-moz-placeholder { color: #DDD; }
	#right .box.newsletter :focus:-ms-input-placeholder { color: #DDD; }
	#right .box.newsletter .body {
		padding: 4%;
		margin: 0 5%;
		width: 90%;
		box-sizing: border-box;
	}
#right .hird {
	text-align: center;
	margin-bottom: 35px;
}
#right .box.search {
		
	}
	#right .box.search form {
		position: relative;
	}
	#right .box.search input {
		width: 100%;
		box-sizing: border-box;
	}
	#right .box.search button {
		right: 2px;
		font-size: 0.25rem;
		position: absolute;
		background-color: transparent;
		cursor: pointer;
	}
	#right .box.search button:before {
		content: "\f002";
		font-family: FontAwesome;
		color: #AAA;
	}
#content {
	padding: 0;
	margin: 0 3% 30px 0;
	float: left;
	vertical-align: top;
	width: 67%;
}
@media (max-width: 1230px){ #content { width: 67%; } }
@media (max-width: 1200px){ #content { width: 66%; } }
@media (max-width: 1160px){ #content { width: 65%; } }
@media (max-width: 1125px){ #content { width: 64%; } }
@media (max-width: 1095px){ #content { width: 63%; } }
@media (max-width: 1065px){ #content { width: 62%; } }
@media (max-width: 1035px){ #content { width: 61%; } }
@media (max-width: 1010px){ #content { width: 60%; } }
@media (max-width: 980px ){ #content { width: 59%; } }
#content table {
	border-collapse: collapse;
}
#content h1:first-child {
	margin-top: 0;;
}


.content-list.articles .item {
	margin-bottom: 2.5rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px #DDD solid;
}

.content-list-1 .item {
	}
	.content-list-1 .item {
		border-bottom: 1px #DDD solid;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.content-list-1 .item img {
		width: 150px;
		float: right;
	}

.content-list-mozaik .item {
	}
	.content-list-mozaik .item {
		width: 47.5%;
		display: inline-block;
		vertical-align: top;
		margin-left: 5%;
		padding-bottom: 30px;
	}
	.content-list-mozaik .item.odd {
		margin-left: 0;
	}
	.content-list-mozaik .item img {
		width: 97%;
		max-height: 200px;
		object-fit: cover;
		border: 1px #e6e6e6 solid;
		padding: 3px;
		margin-left: 0px;
	}
	.content-list-mozaik .item .title {
		font-weight: normal;
	}
	.content-list-mozaik .item .date {
		font-size: 0.90rem;
	}
	.content-list-mozaik .item .more {
		text-align: right;
		display: block;
		float: right;
		margin-right: 5px;
	}
	.content-list-mozaik .tags {
		display: none;
		font-size: 0.75rem;
		margin-top: 15px;
		width: 70%;
		height: 45px;
		overflow: hidden;
	}
	.content-list-mozaik .tags a {
		display: inline-block;
		margin-right: 5px;
		color: #AAA;
	}
	.content-list-mozaik .tags a:first-child {
		padding-left: 10px;
	}
	@media (max-width: 550px){
		.content-list-mozaik .item {
			width: 100%;
			margin-left: 0;
		}
	}

#touchTouchItemTitle { display: none; }
#galleryOverlay { background-color: #000000; }

.members img[src$="files/1/person.png"],
.members img[src$="files/1/person-400x.png"],
.members img[src$="files/1/person-800x.png"] {
	opacity: 0.2;
}

.content-list.search2 .list {

}
.content-list.search2 .item {
	display: grid;
	grid-auto-flow: column;
	justify-content: start;
	grid-column-gap: 3%;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #DDDDDD;
}
.content-list.search2 .title {
	font-size: 1.2rem;
	margin-top: 0;
}
.content-list.search2 .image img {
	height: 100px;
	width: 100px;
	max-width: 100%;
	object-fit: cover;
}
.content-list.search2 .date,
.content-list.search2 .more {
	display: none;
}

.content-list.members .block-title {
	text-align: center;
	margin: 0.5em 1em 1.5em 1em;
}
.content-list.members .list {
	display: flex;
	gap: 2%;
	flex-wrap: wrap;
  justify-content: center;
}
.content-list.members .item {
	text-align: center;
	width: 210px;
	margin-bottom: 30px;
}
.content-list.members .image img {
	height: 175px;
	width: 175px;
	object-fit: cover;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.content-list.members .image img[src$="files/1/person-400x.png"] {
	padding: 30px;
}
.content-list.members .text .title {
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.content-list.members .text .lead {
	width: 80%;
	margin: auto;
	font-size: 0.9em;
}
.content-list.members .text .lead p {
	margin-top: 0;
	margin-bottom: 0.5em;
}
.content-list.members .date,
.content-list.members .more {
	display: none;
}
.content-list.members.hideimages .image {
	display: none;
}

.content.members {
	
}
.content.members .image {
	width: 50%;
	max-width: 350px;
	float: right;
	margin: 0 0 1em 2em;
}
.content.members .date-writer {
	display: none;
}
.content.members .lead {
	font-weight: bold;
	padding-left: 1em;
	border-left: 1px solid #AAA;
	max-width: 38%;
}
.content.members .image img {
	max-width: 100%;
}
.content.members::after {
	content: "";
	clear: both;
	display: table;
}

@media (max-width: 550px)
{
	.content.members .image {
		float: unset;
		margin: 1em 0 1em 0;
	}
	.content.members .lead {
		max-width: unset;
	}
}

#content .content-body img {
	max-width: 100%!important;
	height: auto!important;
}
#content .content-body iframe {
	max-width: 100%!important;
}
#content .content-body .lead {
	font-weight: bold;
}

#content .addthis_toolbox {
	float: right;
	overflow: auto;
}

/* contents */
.content.image-cover .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* recommends list */
.content.recommends .list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-gap: 3%;
}

/* recommend */
.content.recommends .item {
	position: relative;
}
.content.recommends .image img {
	width: 100%;
	height: auto;
	display: block;
}
.content.recommends .texts {
	position: absolute;
	box-sizing: border-box;
	padding: 1em;
	width: 100%;
	bottom: 0;
	left: 0;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(177deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(177deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(177deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.content.recommends .texts * {
	color: #FFFFFF;
	text-decoration: none;
}
.content.recommends .texts .title {
	margin: 0 0 0.5em 0;
	line-height: 1.2;
}
.content.recommends .text {
	max-height: 3em;
    overflow: hidden;
}
.content.recommends .item:hover .text {
	max-height: unset;
}

.content.texts.is-image {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 4%;
}
.content.texts img {
	max-width: 100%;
}

.block-title, .content.texts .title:nth-of-type(1) {
	margin-top: 0;
}

@media (max-width: 700px)
{
	.content.texts.is-image { grid-template-columns: 1fr; }
	.block-title, .content.texts .title:nth-of-type(1) { margin-top: 0.7em; }
}

#tags a {
	display: inline-block;
	padding: 0 15px 2px 0;
	}
	#tags a span {
		color: grey;
	}
	#tags .raquo {
		display: inline-block;
		margin: 0 10px;
	}

.popup {
	/*display: none;*/
	position: fixed;
	padding: 20px;
	top: 19%;
	left: 25%;
	width: 50%;
	max-width: 480px;
	z-index: 1000;
	background-color: #FFF;
	border: 0px rgb(138, 138, 138) solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
	.popup .close {
		position: absolute;
		z-index: 1001;
		top: 0px;
		right: 0px;
		padding: 5px 10px;
		cursor: pointer;
		background: #FFF;
		text-align: center;
		font-size: 1.125rem;
		border: 0px #ea5fa9 solid;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	}
	.popup p {
		margin-top: 0px;
	}
	.popup.closed {
		opacity: 0;
		top: -100%;
		animation: popupOut 1s;
		-webkit-animation: popupOut 1s;
	}
	@-webkit-keyframes popupOut {
		0%   { opacity: 1; top: 19%; }
		99%   { opacity: 0; top: 19%; }
		100% { opacity: 0; top: -100%;  }
	}  
	@keyframes popupOut {
		0%   { opacity: 1; top: 19%; }
		99%   { opacity: 0; top: 19%; }
		100% { opacity: 0; top: -100%;  }
	}

.popup.right-bottom {
	top: auto;
	left: auto;
	right: 15px;
	bottom: 10px;
	width: 40%;
	max-width: 370px;
	min-width: 290px;
	padding: 10px;
	border: 5px rgba(234, 95, 169, 1) solid;
	}
	.popup.right-bottom.closed {
		opacity: 1;
		min-width: 0;
		width: 0;
		height: 0;
		right: 20px;
		padding: 0px;
		animation: none !important;
		-webkit-animation: none !important;
	}
	.popup.right-bottom .item {
		clear: both;
		display: none;
	}
	.popup.right-bottom .item:nth-child(2) {
		display: block;
	}
	.popup.right-bottom .title {
		font-size: 0.10rem;
		line-height: 130%;
		margin: 0;
	}
	.popup.right-bottom img {
		width: 100px;
		height: 85px;
		object-fit: cover;
		float: left;
		margin: 0 10px 0 0;

	}
	.popup.right-bottom.closed img,
	.popup.right-bottom.closed .inner,
	.popup.right-bottom.closed .title,
	.popup.right-bottom.closed .text,
	.popup.right-bottom.closed .next,
	.popup.right-bottom.closed .prev,
	.popup.right-bottom.closed .state {
		display: none;
	}
	.popup.right-bottom .prev,
	.popup.right-bottom .next {
		display: inline-block;
		padding: 0px 8px;
		cursor: pointer;
		margin-left: 20%;
		position: absolute;
		right: 10px;
		bottom: 5px;
		font-size: 0.50rem;
		line-height: 30px;
		color: #0ab3df;
		background: #ffffff;
	}
	.popup.right-bottom .prev:hover,
	.popup.right-bottom .next:hover {
		color: var(--highlight-color);
	}
	.popup.right-bottom .prev {
		right: 30px;;
	}
	.popup.right-bottom .state {
		color: #dcd3cb;
		font-size: 0.90rem;
		position: absolute;
		bottom: 9px;
		right: 60px;
		background: white;
		padding: 1px 3px;
	}
	@media (max-width: 750px) {
		.page-fooldal .popup.right-bottom.closed,
		.page-fooldal .popup.right-bottom {
			display: none!important;
		}
	}

.dialogbox {
	position: fixed;
	width: 40%;
	min-width: 350px;
	max-width: 550px;
	height: 550px;
	max-height: 98vh;
	overflow: auto;
	padding: 35px;
	z-index: 1001;
	top: 35%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-35%);
	-ms-transform: translateX(-50%) translateY(-35%);
	transform: translateX(-50%) translateY(-35%);
	background-color: #FFF;
	--border-radius:  5px;
	-moz-border-radius: var(--border-radius);
	-webkit-border-radius: var(--border-radius);
	border-radius: var(--border-radius);
	box-sizing: border-box;
	margin-top: 0;
	transition: top .45s, bottom .45s;
	-moz-transition: top .45s, bottom .45s; 
	-webkit-transition: top .45s, bottom .45s; 
	-o-transition: top .45s, bottom .45s;
	-webkit-box-shadow: 0px 8px 63px 0px rgb(0 0 0 / 39%); 
	box-shadow: 0px 8px 63px 0px rgb(0 0 0 / 39%);
}
.dialogbox.closed {
	top: -550px;
}
.dialogbox p {
	margin: 2em 0 2em 0;
}
.dialogbox p:last-child {
	margin-bottom: 0;
}
.dialogbox input[type=text], .dialogbox input[type=email], .dialogbox input[type=password], .dialogbox input[type=submit],
.dialogbox textarea, .dialogbox select {
	width: 100%;
}
.dialogbox input[type=text], .dialogbox input[type=email], .dialogbox input[type=password], .dialogbox input[type=file], 
.dialogbox textarea, .dialogbox select {
	border: 0;
	border-bottom: 1px solid #000000;
}
.dialogbox .form-wrap {
	display: none;
	line-height: 2em;
}
.dialogbox .close {
	position: absolute;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 10px;
	padding: 0;
	font-size: 1.5em;
	line-height: 1px;
	cursor: pointer;
	right: 0;
  top: 0;
  --color: #999999;
  --size: 20px;
}
.dialogbox .close:hover {
	--color: #000;
}
.dialogbox .or {
	font-size: 0.80rem;
	margin-bottom: .7em;
	display: none;
}
.dialogbox .other-links {
	margin-top: -0.5em;
	line-height: 1.5em;
	text-align: center;
}
.dialogbox .progress {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.2s, opacity 0.2s linear;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
	-moz-border-radius: var(--border-radius);
	-webkit-border-radius: var(--border-radius);
	border-radius: var(--border-radius);
}
.dialogbox .in-progress .progress {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.2s linear;
}
.dialogbox .in-progress .progress:before {
	--size: 30px;
	content: "\f110";
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	top: 50%;
	left: 50%;
	font-size: var(--size);
	width: var(--size);
	height: var(--size);
	line-height: var(--size);
	margin-top: calc(var(--size) / -2);
	margin-left: calc(var(--size) / -2);
}
.dialogbox .other-links a {
	display: inline-block;
	width: fit-content;
	margin: 5px 0;
}
.dialogbox .is-success .css-hide-if-success {
	display: none;
}
.dialogbox.size-normal + .dialogbox-underlay {
	content: "";
	display: block;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .4s; 
	-moz-transition: all .4s; 
	-o-transition: all .4s; 
	transition: all .4s;
}
.dialogbox.size-normal.closed + .dialogbox-underlay {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.4s, opacity 0.4s;
}
.dialogbox.size-small-bottom {
	top: unset;
	bottom: -10px;
  min-width: 300px;
  max-width: 400px;
  min-height: 100px;
	padding: 10px 1px 15px 50px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}
.dialogbox.size-small-bottom .close {
	display: none;
}
.dialogbox.size-small-bottom.closed {
	bottom: -200px;
}
.dialogbox .myinspirations-action-message {
	display: grid;
	grid-template-columns: 70px 1fr 1fr;
	grid-column-gap: 5%;
	align-items: center;
	margin-top: 5px;
}
.dialogbox .item.error {
	color: red;
}
.dialogbox .myinspirations-action-message img {
	width: 70px;
	height: 70px;
	object-fit: cover;
}
.dialogbox .myinspirations-action-message .button {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}
@media (max-width: 900px)
{
	.dialogbox.size-small-bottom {
		width: 95%;
		padding: 10px 15px 15px 35px;
	}
	.dialogbox .myinspirations-action-message {
		grid-template-columns: 40px 1fr auto;
		grid-column-gap: 4%;
		line-height: 1.2em;
	}
	.dialogbox .myinspirations-action-message img {
		width: 40px;
		height: 40px;
	}
	.dialogbox .myinspirations-action-message .button {
		padding-left: 10px;
		padding-right: 10px;
	}
}

.alternate { width: 100%; border-spacing: 0px; }
.alternate .alternate-t { width: 33%; margin: 0; padding: 0; border-spacing: 0px; }
.alternate .alternate-i { width: 100%; height: auto; }
.alternate .alternate-it { font-size: 0.80rem; }
.alternate .alternate-c2 .alternate-t { float: right; margin-left: 2%; margin-bottom: 1%; }
.alternate .alternate-c1 .alternate-t { float: left; margin-right: 2%; margin-bottom: 1%; }

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


.crumb-menu {
	margin-bottom: 20px;
}

.pager {
	padding: 20px;
	text-align: center;
	}
	.pager .nav,
	.pager .item {
		display: inline-block;
		padding: 4px 8px;
		margin: 2px;
		background-color: #EEE;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.pager .item.akt {
		color: #AAA;
		background-color: #FFF;
	}

.hover-show-inner {
	position: relative;
}
.hover-show-inner:hover .inner {
	visibility: visible; opacity: 1; padding: 10px 10px 10px 11px;
}
.hover-show-inner .inner {
	position: absolute; z-index: 10; display: block; visibility: hidden;
	opacity: 0; transition: visibility 0s, opacity 0.3s, padding 0.3s; padding: 0 10px 0 11px; 
}

/*comments*/
#content .comments {
	clear: both;
	padding-top: 15px;
	font-family:Verdana;
	}
	#content .comments .count {
		color:#ab266b;
		font-weight:bold;
		font-size: 0.75rem;
		float: right;
	}
	#content .comments .title {
		color:#ab266b;
		font-weight:bold;
		font-size: 0.75rem;
		padding: 10px 0px 10px 0px;
		margin-bottom: 15px;
		border-bottom: 5px #c4c4c4 solid;
	}
	#content .comments .show_all {
		font-size: 0.85rem;
		font-weight:bold;
		margin-left: 85px;
	}
	#content .comments form textarea {
		width: 96%;
		height: 100px;
	}
	#content .comments .list .item {
		overflow: auto;
		}
		#content .comments .list .item img {
			float: left;
			margin: 20px 8px 8px 0px;
			border: 1px #c4c4c4 solid;
			width: 20%;
		}
		#content .comments .list .item .text {
			float:right;
			width: 75%;
			min-height: 90px;
			padding-bottom: 15px;
		}
		#content .comments .list .item .date {
			float:right;
			font-size: 0.625rem;
		}
		#content .comments .list .item .username {
			font-style:italic;
			font-family:Georgia;
			font-size: 1.125rem;
		}
	
#foot {
	margin: auto;
	padding: 30px 30px 50px 30px;
	clear: both;
	font-size: 0.7rem;
	color: #777;
	}
	#foot p {
		margin: 0;
	}
	#foot a {
		color: #444;
	}

.module-message {
		padding: 10%; 
		margin: auto;
		max-width: 550px;
		box-sizing: border-box;
		background-color: #eeeeee;
		border-radius: 10px; 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	.module-message .form_item {
		padding: 0 10%;
	}
	.module-message .form_item textarea,
	.module-message .form_item input {
		width: 100%;
		box-sizing: border-box;
	}
	.module-message .form_item_label,
	.module-message .form_item_body {
		width: 25%;
		display: inline-block;
		box-sizing: border-box;
		vertical-align: top;
	}
	.module-message .form_item_body {
		width: 70%;
		margin-left: 0;
		padding-left: 2%;
	}

/* .lapozo: ckeditor template*/
.lapozo {
	position: relative;
	width: 100%;
	border: 1px #DDD solid;
	overflow: hidden;
}
.lapozo,
.lapozo .i {
	height: 500px;
}
.lapozo,
.lapozo .body,
.lapozo .i,
.lapozo td {
	display: block;
}
.lapozo .i {
	position: absolute;
	display: none;
	width: 100%;
	background-color: #FFF;
}
.lapozo .i:first-child {
	display: block;
}

.lapozo .arrow {
	position: absolute;
	z-index: 10;
	width: 0;
	height: 0;
	top: 40%;
	left: 0;
	border-style: solid;
	border-width: 40px 20px 40px 0;
	border-color: transparent #8db1bd transparent transparent;
}
.lapozo .arrow.prev {
	right: 0%;
}
.lapozo .arrow.next {
	left: 97%;
	border-width: 40px 0 40px 20px;
	border-color: transparent transparent transparent #8db1bd;
}

/*
<div class="flip-card">
  <div class="flip-card-inner">
    <div class="flip-card-front">
      <img src="" alt="" style="width:300px;height:300px;">
    </div>
    <div class="flip-card-back">
      <h1>...</h1> 
      <p>.....</p> 
    </div>
  </div>
</div>
 */
.flip-card {
	background-color: transparent;
	perspective: 1000px;
}
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-card-back {
	transform: rotateY(180deg);
}

#aside-btn {
	position: fixed;
	top: 153px;
	left: 0;
	width: 50px;
}
.aside-btn  {
	display: block;
	width: 58px;
	height: 50px;
	padding: 0 15px 0 0;
	margin-bottom: 1px;
	text-align: right;
	line-height: 50px;
	font-family: FontAwesome;
	font-size: 1.375rem;
	background: #BBB;
	color: #FFF!important;
	position: relative;
	left: -15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 250ms;
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
}
.aside-btn:hover {
	left: 0;
	text-decoration: none;
}
.aside-btn.fb {background: #3b5998;}
.aside-btn.fb:before {content: "\f09a";}
.aside-btn.yt {background: #e62117;}
.aside-btn.yt:before {content: "\f167";}
.aside-btn.ln {background: #0077b5;}
.aside-btn.ln:before {content: "\f08c";}
.aside-btn.gp {background: #db4437;}
.aside-btn.gp:before {content: "\f0d5";}
.aside-btn.tw {background: #1da1f2;}
.aside-btn.tw:before {content: "\f099";}
.aside-btn.pi {background: #cb2027;}
.aside-btn.pi:before {content: "\f0d2";}
.aside-btn.rs {background: #e2c357;}
.aside-btn.rs:before {content: "\f09e";}
.aside-btn.in {background: #c82d95;}
.aside-btn.in:before {content: "\f16d";}
@media (max-width: 900px)
{
	#aside-btn {
		position: relative;
		top: 0;
		width: auto;
		margin: auto;
		text-align: center;
	}
	.aside-btn  {
		display: inline-block;
		padding: 0;
		text-align: center;
		left: 0;
		top: 15px;
	}
	.aside-btn.hide  {
		display: none;
	}
	.aside-btn:hover {
		top: 0;
		height: 65px;
		text-decoration: none;
	}
}

/**********/

.content.shop .button {
	width: 150px;
	margin: 20px 0;
}

#product .cart-add {
		margin: 10px 0px;
		text-transform: uppercase;
	}
	#product .cart-add a {
		text-decoration: none;
		width: 148px;
		text-align: center;
	}
	#product .cart-add img {
		height: 35px;
		margin: 0px 15px -10px 0px;
	}
	#product .cart-add input {
		width: 35px;
		padding: 3px 5px;
		margin-right: 15px;
		
	}
#cart-added-dialog {
	display: none;
}
.cart-box {
	padding: 10px 20px 20px 20px;
	background-color: #FFF;
	list-style-type: none;
	overflow: auto;
	text-align: left;
	clear: both;
	}
	.page-megrendeles .cart-box {
		padding: 10px 100px 50px 100px;
		margin-top: 50px;
	}
	.cart-box .boxtitle {
		text-align: center;
	}
	.cart-box .boxtitle img {
		height: 40px;
		margin: 0px 10px -10px 0px;
	}
	.cart-box .boxtitle.empty {
	}
	.cart-box .boxtitle.empty img {
		text-align: center;
		height: 60px;
	}
	.cart-box .items {
		margin: 25px 0px;
		}
		.cart-box .item {
			display: inline-block;
			width: 100px;
			height: 175px;
			padding: 15px;
			background-color: #FFF;
			margin: 0px 20px 20px 0px;
			border: 1px #CCC solid;
			position: relative;
			text-align: center;
			float: left;
			}
			.cart-box .item img {
				height: 75px;
			}
	.cart-box .summ {
		clear: both;
		position: relative;
		padding: 20px 0px;
		font-weight: bold;
	}
	.cart-box .form {
		clear: both;
	}
	.cart-box .form .inputs {
		margin-top: 15px;
		padding-top: 10px;
		border-top: 1px #333 solid; 
		}
		.cart-box .form .inputs table {
			width: 100%; 
		}
		.cart-box .form .inputs table td {
			width: 50%;
			padding-left: 20px;
			vertical-align: top;
		}
		.cart-box .form .inputs table td:first-child {
			padding-left: 0;
			padding-right: 20px;
		}
	.cart-box input,
	.cart-box textarea {
		width: 98%;
	}

.minicart { position: fixed; top: 0; right: -350px; width: 350px; height: 100%; background-color: #FFF; z-index: 100; transition: all  0.35s; -moz-transition: all  0.35s;  -webkit-transition: all  0.35s;  -o-transition: all  0.35s;  }
.minicart.active { right: 0; }
.minicart-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 90; }
.minicart .title { height: 20px; background-color: #333; color: #FFFFFF; padding: 35px; font-size: 1.125rem; }
.minicart .title * { color: #FFFFFF; }
.minicart .close { height: 24px; font-size: 2.3rem; line-height: 10px; margin-right: 100px; display: inline-block; vertical-align: middle; cursor: pointer; }
.minicart .items { height: 60%; overflow: auto; /*background-color: #AAA;*/ }
.minicart .item { clear: both; height: auto; margin: 35px; font-size: 1.9rem; }
.minicart .item img { float: left; margin-right: 10px; margin-bottom: 15px; object-fit: contain; width: 87px; height: 100px; }
.minicart .item-title { }
.minicart .item-db { font-weight: bold; }
.minicart .item-price { font-weight: bold; }
.minicart .item .del { font-size: 0.75rem; float: right; cursor: pointer; }
.minicart .items-price { width: 100%; padding: 15px 0 83px 35px; position: absolute; bottom: 0; background-color: #FFF; }
.minicart .items-order { display: block; position: absolute; bottom: 0; width: 75%; background-color: #f5e76b; margin: 20px 35px; text-align: center; padding: 10px; }


#cart-modifed-dialog svg {
	width: 40px;
	height: 40px;
	margin-left: 15px;
	vertical-align: middle;
}

#footer {
	min-height: 200px;
	background: var(--prime-color);
	margin-top: 4rem;
}
#footer *, #footer a {
	color: #ffffffbf;
}

.rating {
	/*display: inline-block;*/
	}
	.rating-wrap {
		
	}
	.rating-text {
		display: inline-block;
		padding-left: 10px;
	}
	.rating .fa {
		font-size: 1.5rem;
		padding: 2px;
	}
	.rating .fa:first-child {
		padding-left: 0;
	}


.content_social {
		float: right;
		margin: 15px 15px 0px 5px;
	}
	.content_social a {
		background-image: url('images/social2.png');
		width: 35px;
		height: 35px;
		float: left;
		margin-left: 10px;
		cursor: pointer;	
	}
	.content_social .google { background-position: -42px 0px;}
	.content_social .twitter { background-position: -82px 0px;}
	.content_social .linkedin { background-position: -122px 0px;}
	.content_social .uacode-url { background-position: -202px 0px;}
	.content_social .uacode-email { background-position: -162px 0px;}
	.content_social .uacode-url { 
		/*background: #EEE url('images/icon-share-link.png'); */
		/*background-size: 75%;*/
		/*background-position: center;*/
		/*background-repeat: no-repeat;*/
		/*border-radius: 30px;*/
		/*-webkit-border-radius: 30px;*/
		/*-moz-border-radius: 30px;*/
		/*margin-top: 2px;*/
	}
	.content_social.bottom {
		padding-top: 7px;
	}
	.content_social.bottom {
		padding-top: 7px;
	}

#uacode-url-dialog,
#uacode-email-dialog {
		display: none;
	}
	#uacode-url-dialog input,
	#uacode-email-dialog input,
	#uacode-email-dialog textarea {
		width: 95%;
		margin-top: 5px;
	}
	#uacode-url-dialog input[name=url],
	#uacode-email-dialog input[name=url] {
		border-color: transparent;
	}
	#uacode-url-dialog .form_item_body,
	#uacode-email-dialog .form_item_body {
		margin-left: 0;;
	}
	#uacode-url-dialog #save .form_item_body,
	#uacode-email-dialog #save .form_item_body {
		text-align: right;
		padding-top: 15px;
	}

.file-attachments .item {
		width: 32%;
		margin-left: 1%;
		display: inline-block;
		vertical-align: top;
	}
	.file-attachments .item:first-child,
	.file-attachments .item:nth-child(4) {
		margin-left: 0%;
	}
	.file-attachments .item img {
		width: 100%;
		height: 190px;
		object-fit: cover;
	}

.quote {
	background: #fce3ef;
	/*border-left: 10px solid var(--highlight-color);*/
	margin: 1.5em 0px;
	padding: 1.5em 10px 1.5em 19px;
	quotes: "\201C""\201C""\201C""\201C";
	}
	.quote:before {
		color: var(--highlight-color);
		content: open-quote;
		font-size: 6em;
		line-height: 0.1em;
		margin-right: 0.15em;
		vertical-align: -0.4em;
		position: relative;
		top: 0px;
	}
	.quote p {
		display: inline;
	}

/* APPENDIX */
.appendix-color4,
.appendix-color3,
.appendix-color2,
.appendix-color1,
.appendix {
	border: 2px solid #e9e9e9;
	background: #e9e9e9;
	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(--lighttextcolor);
	border-bottom: 1px solid #e9e9e9;
	padding: 5px;
	color: #fff;
	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: #e9e9e9 !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,
.appendix.orange {
	border: 0px solid #e9e9e9;
	background: #e9e9e9;
}
.appendix-color2 h6,
.appendix.orange h6 {
	background: var(--processblue);
	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: #FFF;
    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,
.appendix-color3 {
    background-color: var(--processblue);
}
.appendix-color4 {
    background-color: #e9e9e9;
    border-color: #e9e9e9;
}
.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(--lighttextcolor);
}

@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;
	}
}

.largesttext {
		font-size: 3em;
	}

.quote {
	background: rgba(247,148,30,0.24);
	border-left: 10px solid #F7941E;
	margin: 1.5em 0px;
	/*padding: 0.5em 10px 0.5em 15px;*/
	padding: 1.5em 10px 1.5em 19px;
	/*quotes: "\201C""\201D""\2018""\2019";*/
	quotes: "\201C""\201C""\201C""\201C";
	}
	.quote:before {
		color: #f7941e;
		content: open-quote;
		font-size: 6em;
		line-height: 0.1em;
		margin-right: 0.15em;
		vertical-align: -0.4em;
		position: relative;
		top: 0px;
	}
	.quote p {
		display: inline;
	}

.kiemelt1 {
	/*background: rgba(233, 95, 170, 0.21);*/
	background: -moz-linear-gradient(left,  rgba(251,223,237,0.9) 0%, rgba(251,223,237,0.6) 100%);
	background: -webkit-linear-gradient(left,  rgba(251,223,237,0.9) 0%,rgba(251,223,237,0.6) 100%);
	background: linear-gradient(to right,  rgba(251,223,237,0.9) 0%,rgba(251,223,237,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bafbdfed', endColorstr='#4afbdfed',GradientType=1 );
	border-left: 10px solid var(--highlight-color);
	margin: 1.5em 0px;
	padding: 1.5em 10px 1.5em 19px;
	}
	.kiemelt1 p {
		display: inline;
	}

.imagelist01 td {
	min-width: 300px;
	}
	.imagelist01 tr td:first-child {
		padding-right: 2%;
	}

.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 a {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}
@media (max-width: 480px)
{
    .imageslines--x1 a { width: 100%; }
}

.hird {
	text-align: center;
	}
	.hird_top_1 {
		padding: 5px!important;
	}
	.hird_top_2 {
		margin-top: 2%;
	}
	.hird_content_1,
	.hird_content_2 {
		margin: 3% 0;
		text-align: left;
	}
	.page-fooldal .hird_content_1 {
		margin-top: 0;
	}

#content .related {
		padding-bottom: 20px;
	}
	#content .related ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#content .related li {
		margin: 0;
		padding: 10px 0;
		clear: left;
		overflow: auto;
	}
	#content .related img {
		float: left;
		margin-top: 3px;
		margin-right: 3%;
		width: 35%;
		max-width: 150px;
	}
	/* korábbi stílus miatt */
	#content .content-body .related img {
		max-width: 150px!important;
	}

#content .content-body .imageslines--x1 img {
	max-width: 49%!important; 
}

/* kérdőívek, progress view */
ul.sp-state {
	list-style-type: none;
	background: #44a4c0;
	display: block;
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 1px 1px;
	/* border: 1px #44a4c0 solid; */
	border-radius: 13px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 13px;
	text-align: center;
	color: white;
}
ul.sp-state.bottom {
	margin-top: 20px;
}
ul.sp-state li {
	display: inline-block;
	margin: 0px 12px;
}
ul.sp-state li.akt {
	background: white;
	padding: 3px 8px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	color: black;
	margin-top: -4px;
	margin-bottom: -4px;
	border: 1px #44a4c0 solid;
}
ul.sp-state .ok {
	background: #e8f4f7;
	height: 15px;
	margin: 0px;
	display: block;
	border-radius: 13px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 13px;
}


.mmAudio {
    padding: 1.7em 0 2em 0;
}
.mmAudio audio {
    width: 100%;
    outline: 0;
    background: #f1f3f4;
}
.mmAudio .title {
    color: #666;
    font-size: 1.125rem;
    font-weight: 600;
}
.mmAudio .control {
    margin: 0 0 1em 0;
    border-bottom: 1px solid #ddd;
    padding: 4px 0 8px 20px;
    box-sizing: border-box;
    -moz-opacity:.60;
    filter:alpha(opacity=60);
    opacity:.60;
}
.mmAudio .control:hover {
    -moz-opacity:1;
    filter:alpha(opacity=100);
    opacity:1;
}
.mmAudio .control > * {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mmAudio .control .jump,
.mmAudio .control .share,
.mmAudio .control x {
    font-size: 0.80rem;
    color: #888;
    display: inline-block;
    padding: 0px 4px;
    margin: 0 3px 0 0;
    cursor: pointer;
    text-align: center;
    transition: all 0.35s;
    -moz-transition: all 0.35s; 
    -webkit-transition: all 0.35s; 
    -o-transition: all 0.35s; 
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    vertical-align: middle;
}
.mmAudio .control space {
    min-width: 18px;
    display: inline-block;
}
.mmAudio .control .jump:hover,
.mmAudio .control .share:hover,
.mmAudio .control x.akt,
.mmAudio .control x:hover {
    color: #FFF;
    background-color: #000;
    text-decoration: none;
}
.mmAudio .control .jump {
    font-size: 1.25rem;
    line-height: 12px;
    min-width: 25px;
    height: 16px;
}
.mmAudio .control .share {
    float: right;
}
.mmAudio.bg {
    margin-bottom: 1.5em;
    background: #f1f3f4;
    /*background: rgb(194,194,194);
    background: -moz-linear-gradient(0deg, rgba(194,194,194,0) 0%, rgba(241,243,244,1) 45%, rgba(241,243,244,1) 70%, rgba(194,194,194,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(194,194,194,0) 0%, rgba(241,243,244,1) 45%, rgba(241,243,244,1) 70%, rgba(194,194,194,0) 100%);
    background: linear-gradient(0deg, rgba(194,194,194,0) 0%, rgba(241,243,244,1) 45%, rgba(241,243,244,1) 70%, rgba(194,194,194,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c2c2c2",endColorstr="#c2c2c2",GradientType=1);*/
}
.mmAudio.bg .title {
    margin-left: 22px;;
}
.mmAudio.bg .control {
    border: 0;
    padding: 0 0 0 40px;
    margin-bottom: 0;
}
.mmAudio.bg .share {
    margin-right: 18px;
}
@media (max-width: 480px)
{
    .mmAudio { width: 106%; margin-left: -3%; }
    .mmAudio .control { text-align: center; }
    .mmAudio .control .jump, .mmAudio .control .share, .mmAudio .control x { padding: 7px; }
    .mmAudio .control .jump { height: unset; }
    .mmAudio .control space { display: none; }
    .mmAudio .control .speed { display: block; margin: 5px; }
    .mmAudio .control .share { float: unset; }
    .mmAudio.bg .control { padding: 0; }
    .mmAudio.bg .control .share { margin-right: 0; }
}

/* messages bar */
/*
.success-bar, .failure-bar, .message-bar {
	display: block;
	position: relative;
	margin: 1em 0;
	padding: 0.5em;
	background-color: #75bd7c;
	color: white;
	padding-left: 38px;
}
.failure-bar { background-color: #ff6b6b; }
.message-bar { background-color: #DDD; color: var(--text-color); }
.success-bar:empty, .failure-bar:empty, .message-bar:empty { display: none; }
.success-bar:before, .failure-bar:before, .message-bar:before {
	display: inline-block;
	position: absolute;
	left: 17px;
	top: 0.8em;
	margin-right: 10px;
	content: "\f00c";
	line-height: 1;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 0.95rem;
}
.failure-bar:before { content: "\f12a"; }
.message-bar:before { content: "\f075"; left: 14px; }
*/

.message-bar {
	margin: 1.5em 0;
	padding: 0.3em 0.6em;
	background-color: #DDD;
}
.message-bar:empty {
	display: none;
}
.message-bar.success {
	color: green;
	background-color: rgba(0, 255, 0, 0.1);
}
.message-bar.failure {
	color: red;
	background-color: rgba(255, 0, 0, 0.1);
}


.auth-box {
	width: 350px;
	max-width: 100%;
	margin: 2em auto;
}
body.floatpage .auth-box .failure-bar,
body.floatpage .auth-box .success-bar {
	display: none;
}
.auth-box table,
.auth-box input[type=text],
.auth-box input[type=password],
.auth-box input[type=email],
.auth-box select {
	width: 100%; box-sizing: border-box; padding: 3%;
}
.auth-box .ajax-message {
	margin: 1em 0; padding: 0.5em; display: none;
}
.auth-box .or, #shop .or { font-size: 0.75rem; width: 100%; text-align: center; padding: 1em 0 2em 0; box-sizing: border-box; }
.auth-box .or span, #shop .or span { display: inline-block; padding: 2px 5px; color: #BBB; background-color: #FFF; }
.auth-box .or:after, #shop .or:after { content: ""; height: 1px; display: block; border-bottom: 1px solid #E5E5E5; margin-top: -16px; }
.auth-box:not(.is-success) .css-show-if-success,
.auth-box.is-success .css-hide-if-success {
	display: none!important;
}

.auth-state {
	position: relative;
	display: inline-block;
	margin-right: 1.5em;
	font-weight: normal;
}
.auth-state .user-icon {
	color: var(--text-color);
	margin-right: 0.3em;
	font-size: 1.375rem;
}
.auth-state .inner {
	display: none;
	position: absolute;
	z-index: 10;
	left: 0px;
	box-sizing: border-box;
	padding: 10px 15px 10px 15px;
	min-width: 150px;
	font-size: 0.80rem;
	margin-top: 10px;
	background-color: #FFF; /*line-height: 2em;*/
	text-align: left;
	font-size: 1em;
	
}
.auth-state .user-icon,
.auth-state .user-name {
	cursor: pointer;
}
.auth-state .inner > * {
	display: grid;
	grid-template-columns: 1fr 20px;
	grid-column-gap: 5px;
}
.auth-state .inner a:last-child {
	margin-bottom: 0.1em;
}
.auth-state .inner a,
.auth-state .inner .icon {
	color: var(--text-color);
}
.auth-state .inner * {
	line-height: 2em; /*ikonok miatt*/
}
#header .auth-state .registration {
	display: none;
}

img[style*="float:left"],
img[style*="float:right"],
img[style*="float: left"],
img[style*="float: right"] {
    margin-right: 1.2em;
    margin-top: 0.2em;
    margin-bottom: 0.3em;
}
img[style*="float:right"],
img[style*="float: right"] {
    margin-left: 1em;
}

@media (min-width: 900px)
{
	.monly { display: none!important; }
}

@media (max-width: 900px)
{
	.donly { display: none!important; }
	.mW, .mW tbody { width: 100%; display: block; min-width: unset; }
	#logo {
		width: 145px;
		/*margin-top: -5px;*/
		margin-left: -5px;
	}
	h1 {
		font-size: 2rem;
		/*font-weight: bold;*/
	}
	#ismobile, #istablet { 
		display: block;
		position: absolute;
		width: 1px; 
		height: 1px; 
	}
	.pagewidth { width: calc(100% - 2.5rem); }
	#header, #header.fixed, #breadcrumb { padding-left: 1.25rem; padding-right: 1.25rem; }
	#breadcrumb { padding-bottom: 1rem; }
	#main { padding: 0; }
	#middle, #left, #content, #right {
		/*width: 100%;
		padding: 0;
		float: none;
		height: auto!important;*/
	}
	#content, #right {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.popup.right-bottom,
	.popup {
		left:6%;
		width:55%;
	}
	.popup.right-bottom .prev,
	.popup.right-bottom .next {
		font-size: 2.50rem;
	}
	#jssor_1 {
		width: 100%;
		margin-left: -5%!important;
	}
	.mobilhide { display: none; }
	.mobilview { display: block; }
	#menu {
		position: absolute;
		visibility: hidden;
		opacity: 0;
		padding: 0rem 1rem;
		left: 0;
		top: calc(100% - 10px);
		width: 100%;
		z-index: 10;
		background-color: #FFF;
		transition: all .25s;
		-moz-transition: all .25s; 
		-webkit-transition: all .25s; 
		-o-transition: all .25s;
		-webkit-box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 20%); 
		box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 20%);
	}
	body.menu #menu {
		visibility: visible;
		opacity: 1;
		top: calc(100% + 3px);
	}
	#menu .search-opener {
		margin-left: 0;
	}
	#menu ul, #menu li {
		display: block!important;
	}
	#menu ul {
		position: relative;
	}
	#menu .i.l2 {
		padding: 15px;
	}
	#menu .i.l2.ischild::before {
		display: none;
	}
	.hird_top_2 {
		margin-bottom: 3%;
	}
}
@media (max-width: 750px)
{
	.imagelist01 table,
	.imagelist01 tbody,
	.imagelist01 tr,
	.imagelist01 td {
		display: block;
	}
	.content-list-mozaik .item img {
		width: 100%;
		padding: 0;
	}
	.content-list-mozaik .item .title {
		margin: 0.5em 0;
	}
	#content .related img {
		margin-right: 4%;
	}
}

@media print {
	#left, #right, #foot, #top, #header { display: none!important; }
	#content, #main { width: 100%!important; }
}