@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 { 
	margin: 0; 
	padding: 0; 
	height: 100%;
	font-size: 100%;
	--pagewidth-max: 1450px;
	--pagewidth2-max: 1024px;
	--pagewidth3-max: 750px;
	--pagewidth: min(90vw, var(--pagewidth-max));
	--pagewidth2: min(80vw, var(--pagewidth2-max));
	--pagewidth3: min(70vw, var(--pagewidth3-max));
	--winwidth: calc(100vw - 18px);
	--winwidth: 100vw;
	--winwidth-margin: 0;
	--section-gap: 2.75rem;
	--background-color: #000000;
	--prime-color: #0081b8;
	--second-color: #b2bb1c;
	--third-color: #44a4c0;
	--button-color: var(--prime-color);
	--link-color: var(--prime-color);
	--highlight-color: #db4437;
	--text-color: #333333; 
	color: var(--text-color); 
}
.white-bg {
	--link-color: #000000;
	--text-color: #000000;
	color: var(--text-color);
	--background-color: #FFFFFF;
	background: var(--background-color);
}
body { 
	margin: 0; 
	padding: 0; 
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
}
@media (max-width: 1600px) { html { font-size: 100%; } }
@media (max-width: 1400px) { html { font-size: 100%; } }
img { border: 0; max-width: 100%; }
figure {
	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; }
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: 2.5rem; line-height: 1.3em; font-weight: bold; font-family: "Open Sans"; }
h1 { font-size: 2.5rem; margin: 0.8em 0; }
h2 { font-size: 2rem; font-weight: bold; }
h3 { font-size: 1.5rem; font-weight: bold; }
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; font-size: 14px; line-height: 18px; }
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: 0.3em;
	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: 0.75em;
	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; }

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

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

.section {
	margin: var(--section-gap) auto;
}

.pagewidth { 
	width: var(--pagewidth); 
	max-width: var(--pagewidth-max);
	margin-left: auto;
	margin-right: auto;
}
.pagewidth2 { 
	width: var(--pagewidth2); 
	max-width: var(--pagewidth-max2);
	margin-left: auto;
	margin-right: auto;
}
.pagewidth3 { 
	width: var(--pagewidth3); 
	max-width: var(--pagewidth-max3);
	margin-left: auto;
	margin-right: auto;
}
.winwidth {
	width: var(--winwidth); 
	margin-left: var(--winwidth-margin)!important;
	box-sizing: border-box;
}
.pagewidth .winwidth    { --winwidth-margin:   calc((var(--winwidth)   - var(--pagewidth)) / -2); }
.pagewidth .pagewidth   { --pagewidth-margin:  0; --pagewidth-max: 100%; }
.pagewidth2 .winwidth   { --winwidth-margin:   calc((var(--winwidth)   - var(--pagewidth2)) / -2); }
.pagewidth2 .pagewidth  { --pagewidth-margin:  calc((var(--pagewidth)  - var(--pagewidth2)) / -2); }
.pagewidth3 .winwidth   { --winwidth-margin:   calc((var(--winwidth)   - var(--pagewidth3)) / -2); }
.pagewidth3 .pagewidth  { --pagewidth-margin:  calc((var(--pagewidth)  - var(--pagewidth3)) / -2); }
.pagewidth3 .pagewidth2 { --pagewidth2-margin: calc((var(--pagewidth2) - var(--pagewidth3)) / -2); }

.mobilhide { display: block; }
.mobilview { display: none; }
#ismobile, #istablet { display: none; }

.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; }
.prewrap { white-space: pre-wrap; }
.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);
	background-image: url(images/loading.svg);
	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.1);
	-webkit-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.1);
}
.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;
}
.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;}
.m1em{margin:1em;}
.mv1em{margin-top:1em;margin-bottom:1em;}
.mh1em{margin-left:1em;margin-right:1em;}
.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;}
/**/
.lh12em{line-height:1.2em;}
/**/


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

/** comp. **************************************************************************************/

/* showhidden: cketemplate */
.showhidden {
	width: 100%;
}
.showhidden .showhidden-content {
	position: relative;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 0.75em;
}
.showhidden .showhidden-content > *:not(.opener) {
	display: none;
}
.showhidden .showhidden-link {
	cursor: pointer;
	position: relative;
}
.showhidden .showhidden-link p {
	margin: 0;
}
.showhidden .opener {
	background-image: url(images/icon-plus-white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	position: absolute;
	right: 0.5em;
	bottom: 0.75em;
	width: 25px;
	height: 25px;
	cursor: pointer;
}
.showhidden.show .opener {
	background-image: url(images/icon-minus-white.svg);
}


.editor-questions-answers {
	margin: -1em 0 1em 0;
}
.editor-questions-answers ul ul,
.editor-questions-answers ul ol,
.editor-questions-answers ol ul,
.editor-questions-answers ol ol {
	padding: 0.9em 0 0.4em 0;
	margin-right: 1.2em;
}
.editor-questions-answers ul,
.editor-questions-answers ol {
	list-style-type: none;
}
.editor-questions-answers > ul > li,
.editor-questions-answers > ol > li {
	cursor: pointer;
	font-size: 1.1em;
}
.editor-questions-answers ul li > ul, 
.editor-questions-answers ul li > ol, 
.editor-questions-answers ol li > ul, 
.editor-questions-answers ol li > ol {
	display: none;
	font-size: 0.9em;
	text-indent: 0;
}
.editor-questions-answers > ul,
.editor-questions-answers > ol {
	padding: 0.3em 0;
}
.editor-questions-answers > ul > li,
.editor-questions-answers > ol > li {
	position: relative;
	border-bottom: 1px solid #DDD;
	padding-bottom: 0.8em;
	padding-top: 0.8em;
	padding-left: 1.9em;
	padding-right: 25px;
	text-indent: -1.3em;
	line-height: 1.3em;
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
.editor-questions-answers > ul > li:hover,
.editor-questions-answers > ol > li:hover {
	color: #000000;
	background-color: #f0fafe;
}
.editor-questions-answers > ul > li:after,
.editor-questions-answers > ol > li:after {
	content: " ";
	border: solid #ACAEAF;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 17px;
	transition: all .25s;
	-moz-transition: all .25s; 
	-webkit-transition: all .25s; 
	-o-transition: all .25s; 
}
.editor-questions-answers > ul > li:hover:after,
.editor-questions-answers > ol > li:hover:after {
	border-color: #666666;
}
.editor-questions-answers > ul > li.open:after,
.editor-questions-answers > ol > li.open:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.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: 30px; --color: #000; width: var(--size); height: var(--size); 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: 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: 0.6em; --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(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.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) / 2); 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: 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; }

.rateing { --font-size: 0.75rem; font-size: var(--font-size); color: lightgray; height: calc(var(--font-size) * 1.7);
	width: fit-content; display: grid; grid-template-columns: auto auto; grid-column-gap: 0.5em;
}
.rateing.inline { display: inline-grid; vertical-align: middle; }
.rateing-text { white-space: nowrap; }
.rateing-text:empty { display: none; }
.rateing-stars { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; min-width: 100px; }
.rateing-stars .s { position: relative; font-size: calc(var(--font-size) * 1.5); }
.rateing-stars .s:before { content: "★"; display: inline-block; position: absolute; font-style: normal; }
.rateing-stars .s1 { order: 1; }
.rateing-stars .s2 { order: 2; }
.rateing-stars .s3 { order: 3; }
.rateing-stars .s4 { order: 4; }
.rateing-stars .s5 { order: 5; }
.rateing-stars .s1:hover:before,
.rateing-stars .s2:hover:before,.rateing-stars .s2:hover+.s1:before,
.rateing-stars .s3:hover:before,.rateing-stars .s3:hover+.s2:before,.rateing-stars .s3:hover+.s2+.s1:before,
.rateing-stars .s4:hover:before,.rateing-stars .s4:hover+.s3:before,.rateing-stars .s4:hover+.s3+.s2:before,.rateing-stars .s4:hover+.s3+.s2+.s1:before,
.rateing-stars .s5:hover:before,.rateing-stars .s5:hover+.s4:before,.rateing-stars .s5:hover+.s4+.s3:before,.rateing-stars .s5:hover+.s4+.s3+.s2:before,.rateing-stars .s5:hover+.s4+.s3+.s2+.s1:before { color: gold; }

.radio-input:checked + .radio-label:hover, 
.radio-input:checked + .radio-label:hover ~ .radio-label,
.radio-input:checked ~ .radio-label:hover,
.radio-input:checked ~ .radio-label:hover ~ .radio-label,
.radio-label:hover ~ .radio-input:checked ~ .radio-label {
	color: darkgoldenrod;
}

#totop, #scroll-to-top {
	position: fixed; z-index: 1;
	opacity: 0; visibility: hidden;
	bottom: 1em; right: 1em; width: 3rem; height: 3rem;
	text-align: center; line-height: 3em;
	background-color: var(--prime-color);
	border: 1px solid background-color: rgba(0, 0, 0, 0.8); -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;
	-webkit-transition: transform .25s, background-color .25s, opacity .4s, visibility .4s;
	-moz-transition: transform .25s, background-color .25s, opacity .4s, visibility .4s;
	-o-transition: transform .25s, background-color .25s, opacity .4s, visibility .4s;
	transition: transform .25s, background-color .25s, opacity .4s, visibility .4s;
	cursor: pointer;
}
#totop .draw-arrow, #scroll-to-top .draw-arrow {
	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);
	--color: #FFFFFF;
}
#totop:hover, #scroll-to-top:hover { background-color: background-color: #FFFFFF; }
#totop:hover .draw-arrow, #scroll-to-top:hover .draw-arrow { --color: #333333; }
#totop.show, #scroll-to-top.show { opacity: 1; visibility: visible; }


.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: 750px;
	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 {
	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 .inner {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 202px 1fr 50px;
	grid-column-gap: 10px;
	align-items: center;
}
#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;
}
#header .slogen {
	font-size: 1rem;
	font-weight: normal;
}

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

.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 .list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	grid-gap: 2em;
}
.content-list.members .item {
	text-align: center;
}
.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"] {
	height: 95px;
	width: 95px;
}
.content-list.members .text .title {
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.content-list.members .date,
.content-list.members .more {
	display: none;
}

.content.members .image {
	width: 50%;
	max-width: 350px;
	float: right;
	margin: 0 0 1em 2em;
}
.content.members .image img {
	max-width: 100%;
}
.content.members::after {
	content: "";
	clear: both;
	display: table;
}

.content-list.partners .date,
.content-list.partners .more {
	display: none;
}

.content.exhibitors .date-writer,
.content.programs .date-writer,
.content.partners .date-writer {
	display: none;
}

.content-list.exhibitors .date,
.content-list.exhibitors .more {
	display: none;
}

.slidetoggle-list {

}
.slidetoggle-list .block-title {
	position: relative;
	background-color: #FFFFFF;
	padding: 1rem 1.5rem;
	cursor: pointer;
}
/* from draw arrow: */
.slidetoggle-list .block-title .mark { position: relative; display: inline-block; --size: 0.6em; --color: #000; --line-width: 1px; width: var(--size); height: var(--size); box-sizing: border-box; transform-origin: center; }
.slidetoggle-list .block-title .mark:before, .slidetoggle-list .block-title .mark: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; }
.slidetoggle-list .block-title .mark: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; }
.slidetoggle-list .block-title .mark:after { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); transform-origin: 0 0; }
/* /from draw arrow */
.slidetoggle-list .block-title .mark {
	--line-width: 2px;
	--color: var(--prime-color);
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	-webkit-transition: transform .400s;
	-moz-transition: transform .400s;
	-o-transition: transform .400s;
	transition: transform .400s;
}
.slidetoggle-list .block-title.open .mark {
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}
.slidetoggle-list .block-title, .slidetoggle-list .list .item .title {
	/* jQuery slide effect ne pattogjon */
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0.75em;
	padding-top: 0.75em;
}

.slidetoggle-list .list {
	display: none;
}

.content.exhibitors .date-writer {
	display: none;
}

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

.album-type-default {
	--col-num: 6;
	display: grid;
	grid-template-columns: repeat(var(--col-num), 1fr);
	grid-gap: 1.5em;
}
.album-type-default .album-item {
	font-size: 0.8em;
}
.album-type-default .album-item img {
	width: 100%;
	height: calc(var(--pagewidth) / (var(--col-num) + 1.5));
	object-fit: contain;
	object-position: left center;
	margin-bottom: 0.5em;
}
@media (max-width: 950px) { .album-type-default { --col-num: 6; } }
@media (max-width: 850px) { .album-type-default { --col-num: 5; } }
@media (max-width: 750px) { .album-type-default { --col-num: 4; } }
@media (max-width: 650px) { .album-type-default { --col-num: 3; } }
@media (max-width: 550px) { .album-type-default { --col-num: 2; } }
@media (max-width: 450px) { .album-type-default { --col-num: 1; } }

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

/*  */
.inprogress, .may-inprogress {
	position: relative;
}
.inprogress:after, .may-inprogress:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0.7);
	background-image: url(images/loader.gif);
	background-image: url(images/inprogress.svg);
	background-image: url(images/loading.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 2em;
	transition: visibility 0.1s, opacity 0.1s linear;
	visibility: hidden;
	opacity: 0;
}
.inprogress:after {
	visibility: visible;
	opacity: 1;
}

/*  */
.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 + .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.closed + .dialogbox-underlay {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.4s, opacity 0.4s;
}
.dialogbox.size-auto {
	height: auto;
}
.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%;
}

.quizzes {

}
.quizzes .evaluation,
.quizzes .questions .answer,
.quizzes .questions .question,
.quizzes.completed .numbers,
.quizzes.questions-count-1 .numbers {
	display: none;
}
.quizzes .questions .question.akt {
	display: block;
}
.quizzes .evaluation {
	background-color: #E5E5E5;
	padding: 1.5em;
}
.quizzes.completed .evaluation {
	display: block;
}
.quizzes .questions .question .image {
	width: 100%;
	height: 50vh;
	min-height: 250px;
}
.quizzes .questions .question .image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.quizzes .options label {
	display: block;
	padding: 0.5em;
}
.quizzes .good_answer {
	color: green;
	background-color: rgba(0, 255, 0, 0.1);
}
.quizzes .wrong_answer {
	color: red;
	background-color: rgba(255, 0, 0, 0.1);
}
.quizzes .next {
	padding-top: 1em;
}
.quizzes .next .button {
	cursor: pointer;
}

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

.pager {
	padding: 20px;
	text-align: center;
}
.pager:empty {
	display: none;
}
.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: 300px;
	background: var(--prime-color);
	margin-top: 4rem;
}

.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-color0,
.appendix {
	--bg-color: #FFFFFF;
	--text-color: #000000;
	--head-color: #888888;
	--border-color: #CCCCCC;
	--head-text-color: #FFFFFF;
	--head-color2: #ff8300;
	--head-text-color2: #FFFFFF;
	--bg-color2: #dbdbdb;
	--bg-color3: #ff8300;
	--bg-color4: #dbdbdb;
	border: 1px solid var(--border-color);
	background: var(--bg-color);
	overflow: hidden;
	padding-bottom: 5px;
}
.appendix-color0 {
	--border-color: #888888;
	padding: 1em;
}
.appendix-color4,
.appendix-color3 {
	border: 0;
}
.appendix-color4.narrow,
.appendix-color3.narrow,
.appendix-color2.narrow,
.appendix-color1.narrow,
.appendix-color0.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-color0.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-color0.narrow::after,
.appendix.narrow::after {
	content: "";
	clear: both;
	display: table;
}
.appendix-color4.wide,
.appendix-color3.wide,
.appendix-color2.wide,
.appendix-color1.wide,
.appendix-color0.wide,
.appendix.wide {
	margin: 1em 0;
}
.appendix-color4.wide img,
.appendix-color3.wide img,
.appendix-color2.wide img,
.appendix-color1.wide img,
.appendix-color0.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-color0 p, .appendix-color0 div,*/
.appendix p, .appendix div {
	font-size: 0.90rem;
	line-height: 1.5em;
	margin: 1em;
	padding: 0.8em 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-color0.narrow p, .appendix-color0.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-color0.narrow p, .appendix-color0.narrow div,
.appendix.narrow p, .appendix.narrow div {
	margin: 1em;
}
.appendix-color4 div,
.appendix-color3 div,
.appendix-color2 div,
.appendix-color1 div,
.appendix-color0 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-color0 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-color0 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-color0.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-color0 p:first-child,*/
/*.appendix-color0 div:first-child,
.appendix-color0 h2:first-child,
.appendix-color0 h3:first-child,
.appendix-color0 h4:first-child,
.appendix-color0 h5:first-child,
.appendix-color0 h6:first-child,*/
.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-color0 p:first-child,*/
.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-color0 div:first-child,
.appendix-color0 h2:first-child,
.appendix-color0 h3:first-child,
.appendix-color0 h4:first-child,
.appendix-color0 h5:first-child,
.appendix-color0 h6:first-child {
	margin-top: 0;
}
.appendix-color0 div:last-child,
.appendix-color0 h2:last-child,
.appendix-color0 h3:last-child,
.appendix-color0 h4:last-child,
.appendix-color0 h5:last-child,
.appendix-color0 h6:last-child {
	margin-bottom: 0;
}
.appendix-color0 > p:first-child { margin-top: 0; }
.appendix-color0 > p:last-child { margin-bottom: 0; }
.appendix-color1 > p:first-child { margin-top: 0; }
.appendix-color1 > p:last-child { margin-bottom: 0; }
.appendix-color2 > p:first-child { margin-top: 0; }
.appendix-color2 > p:last-child { margin-bottom: 0; }
.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-color0.narrow,
	.appendix.narrow
	.appendix-color4.narrow.float-left,
	.appendix-color3.narrow.float-left,
	.appendix-color2.narrow.float-left,
	.appendix-color1.narrow.float-left,
	.appendix-color0.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; }
}

/* success / failure error */
.message-bar { margin: 1.5em 0; padding: 0.75em; 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); }

.box-view {
	margin: auto;
	padding: 1.5rem;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.125);
	-webkit-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.125);
}

/* profil, login */
.auth-box {
	width: 350px;
	max-width: 90%;
	font-weight: 300;
	margin: auto;
	padding: 1.5em;
	position: absolute;
	background-color: #FFFFFF;
	top: 42%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.auth-box p, .auth-box h2 {
	margin: 0.5em auto;
	margin: 1em auto;
}
.auth-box h2 {
	font-size: 1.75em;
	margin: 0;
}
.auth-box h2:first-letter {
	text-transform:uppercase;
}
body.floatpage .auth-box .failure-bar,
body.floatpage .auth-box .success-bar {
	display: none;
}
.auth-box table {
	width: 100%;
	box-sizing: border-box;
}
.auth-box input[type=text],
.auth-box input[type=password],
.auth-box input[type=email],
.auth-box input[type=submit],
.auth-box select {
	width: 100%;
	box-sizing: border-box;
	padding: 0.75em;
}
.auth-box .ajax-message {
	display: none;
	margin: 1em 0;
	padding: 0.5em;
}
.auth-box .or, #shop .or { font-size: 0.75rem; width: 100%; text-align: center; box-sizing: border-box; margin: 0; /*padding: 1em 0 2em 0;*/ }
.auth-box .or span, #shop .or span { display: inline-block; padding: 2px 5px; color: #AAA; background-color: var(--content-background-color); }
.auth-box .or:after, #shop .or:after { content: ""; height: 1px; display: block; border-bottom: 1px solid #CCC; margin-top: -16px; }
.auth-box:not(.is-success) .css-show-if-success,
.auth-box.is-success .css-hide-if-success {
	display: none!important;
}
.auth-box.status {
	text-align: center;
}
.auth-state .auth-box {
	width: 350px;
}
.auth-state .auth-box h2 {
	font-size: 1em;
}
.auth-state .auth-box p {
	
}
.auth-state .auth-box .or {
	display: none;
}
.auth-state .auth-box table td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.auth-state .auth-box table tr:last-child td {
	padding-bottom: 0;
	border-bottom: 0;
}

/*  */
.auth-state {
	position: fixed;
	top: 0.5em;
	right: 0.5em;
	z-index: 100;
}
.auth-state .outer {
	position: absolute;
	top: 0;
	right: 0;
	white-space: nowrap;
	display: grid;
	grid-auto-flow: column;
	column-gap: 0.2em;
}
.auth-state .outer > * {
	height: 1.7rem;
	vertical-align: top;
	background-color: rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.5);
	color: #FFFFFF;
	cursor: pointer;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-o-transition: background-color .25s;
	transition: background-color .25s;
}
.auth-state .outer > *:hover {
	background-color: rgba(0, 0, 0, 0.8);
/*    border: 1px solid rgba(255, 255, 255, 0.8);*/
}
.auth-state .outer .txt {
	padding: 0 0.85em;
	font-size: 0.8rem;
	line-height: 1.6rem;
	font-weight: normal;
	text-transform: uppercase;
}
.auth-state .outer img {
	width: 1.7rem;
	height: 100%;
	padding: 0;
	object-fit: cover;
	object-position: center;
}
.auth-state .outer .fa-user {
	font-size: 0.7rem;
}
.auth-state .state-inner {
	display: none;
	position: absolute;
	top: 2rem;
	right: 0;
	background-color: rgba(0, 0, 0, 0.85);
	color: rgb(255, 255, 255);
	min-width: 175px;
	row-gap: 0.7em;
}
.auth-state .state-inner > * {
	display: block;
}
/*.auth-state .state-inner form {*/
	.auth-state .state-inner > * {
		display: block;
		padding: 0.4em 1.3em 0.4em 1.3em;
	}
	.auth-state .state-inner > *:first-child {
		margin-top: 0.4em;
	}
	.auth-state .state-inner > *:last-child {
		margin-bottom: 0.4em;
	}
	.auth-state .state-inner a {
		color: inherit;
		-webkit-transition: background-color .25s;
		-moz-transition: background-color .25s;
		-o-transition: background-color .25s;
		transition: background-color .25s;
	}
	.auth-state .state-inner a:hover {
		background-color: rgba(255, 255, 255, 0.1);
	}
	.auth-state .state-inner .icon {
		margin-right: 0.5em;
		font-size: 0.9em;
	}
	.auth-state .message-bar.success {
		color: #FFFFFF;
		background-color: transparent;
		margin: 0;
	}
	.auth-state .message-bar.failure {
		color: #FFFFFF;
		background-color: transparent;
		margin: 0;
	}
	.auth-state .follow i {
		margin-right: 0.25em;
	}

/* .fa-user: "\f007" */
/* .fa-user-plus: "\f234" */
/* .fa-check: "\f00c" */
/* .fa-times: "\f00d" */
.auth-state .follow i.fas:before { display: inline-block; min-width: 15px; text-align: center; }
/*.auth-state .follow i.fas:before { content: "\f007"; }*/
.auth-state .follow i.fas:before { content: "\f234"; }
.auth-state .is-followed i.fas:before { content: "\f00c"; }
.auth-state .is-followed:hover i.fas:before { content: "\f00d"; }
.auth-state .follow.inprogress:after, .auth-state .follow.may-inprogress:after { background-size: 1.5em; }

@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; }
	h2 { font-size: 1.75rem; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1.25rem; }
	#ismobile, #istablet { 
		display: block;
		position: absolute;
		width: 1px; 
		height: 1px; 
	}
	#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; }
}