@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Caveat+Brush:wght@300;400;600;700&family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined');


/*.material-symbols-outlined {visibility:invisible; aspect-ratio:1;}*/
@font-face {font-family: 'Material Symbols Outlined'; src: url('https://fonts.gstatic.com/s/materialsymbolsoutlined/v48/...');}
/*.material-symbols-outlined {font-family:'Material Symbols Outlined', sans-serif; visibility:visible;}*/


.material-symbols-outlined{font-family:'Material Symbols Outlined', sans-serif; display:inline-block; vertical-align:middle; font-size:1em; font-style:normal; font-weight:normal; width:1em; aspect-ratio:1; line-height:1; font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; font-family:'Material Symbols Outlined', sans-serif; font-style:normal; font-weight:normal; letter-spacing:normal; white-space:nowrap; text-transform:none; direction:ltr; visibility:visible;}


body, p {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering:optimizeLegibility;}

html			{scroll-behavior:smooth; margin:0; padding:0;}
body			{margin:60px 0 0 0; padding:0; font-family:'Poppins', sans-serif, Arial, Tahoma, Verdana; font-size:18px; font-weight:300; background:#fff; color:#222; line-height:30px;}
body.black		{background:#fff; color:#222;}
td, tr, table	{font-family:'Poppins', sans-serif, Arial, Tahoma, Verdana; font-size:100%; color:#222; padding:0; margin:0;}
a				{margin:0; padding:0; text-decoration:none; outline-color:invert; outline-style:none; outline-width:medium;}
a:visited,a:link{text-decoration:none; color:#222;}
a:hover			{text-decoration:underline;}
form			{word-spacing:0; text-indent:0; padding:0; margin:0;}
img, a img 		{margin:0; padding:0; border:0;}
input, select, 
textarea 		{font-family:'Poppins', sans-serif, Arial, Tahoma, Verdana; font-size:100%; padding:4px; background:#fff; box-sizing:border-box; border:1px solid #222;}
input:focus, select:focus, textarea:focus{outline:none !important;}
label			{cursor:pointer; margin:0; padding:0; border:0;}
input[type=button],input[type=submit]{background:#ddd;}
select, input	{box-sizing:border-box;}
sup				{font-size:67%; font-weight:bold; line-height:100%;}
b				{font-weight:600;}

ul, li			{list-style-type:none; text-indent:0; margin:0; padding:0;}

.c, .o_980		{float:left; clear:left; width:100%;}

.c				{text-align:center;}
.m				{margin:25px 0;}
.m1				{margin-top:25px !important;}
.m2				{margin-bottom:25px !important;}
.mx				{margin:40px 0;}
.m1x			{margin-top:40px !important;}
.m2x			{margin-bottom:40px !important;}
.pad_left_20	{padding-left:20px;}

.handwrite		{font-family:'Caveat Brush', 'Poppins', sans-serif, Arial, Tahoma, Verdana;}
.comic			{font-family:'Comic Neue', 'Poppins', sans-serif, Arial, Tahoma, Verdana;}

.color_blue		{color:#3b9cff !important;}
.color_green	{color:#9cff3b !important;}
.color_red		{color:#d00 !important;}
.h2_x			{font-size:36px !important; line-height:48px;}
.fw_400			{font-weight:400;}

h1				{font-size:36px; color:#222; font-weight:500; margin:0 0 10px 0; padding:0; line-height:54px;}
h2				{font-size:24px; font-weight:500; margin:6px 0; padding:0; line-height:36px; text-align:center;}
h3				{font-size:20px; font-weight:500; margin:6px 0 0 0; padding:0; line-height:30px;}

body.black h1, body.black h2	{color:#d00;}

div.e			{float:left; clear:left; width: calc(100% - 30px); background:#f00; color:#fff; font-weight:bold; padding:4px 15px;}
span.e		 	{color:#f00 !important;}

.h1_x			{font-size:48px !important; color:#fff;}

input[type="checkbox"][disabled][checked] {filter: invert(100%) hue-rotate(18deg) brightness(0);}



.full	 							{float:left; width:100%; background:#fff !important; margin-top:20px;}
body.black .full					{background:#fff !important;}
.center								{float:none; margin:0 auto; height:auto; max-width:1200px; width: calc(100% - 40px); padding:0 20px;}
body.black .full .center			{max-width:640px;}
.center2							{float:none; margin:0 auto; height:auto; max-width:1200px; width:100%; padding:0;}

#big_blank							{display:none; position:fixed; top:-40px; left:0; width:100%; height: calc(100% + 40px); z-index:9998; background:none;}


#header								{position:fixed; top:0; z-index:9000; background-color:rgba(248, 248, 248, 0.98) !important;/*9cff3b*/ color:#222; height:40px; padding:10px 0; margin-top:0;}
#content							{margin:20px 0; min-height:800px;}
#content a							{color:#369; text-decoration:underline;}
.folytatas							{float:left; width:100%; position:fixed; top:58px; z-index:9001; background-color:rgba(48, 48, 48, 0.98) !important; color:#000; height:42px; padding:10px 0; margin-top:0; text-align:center;}
.folytatas button					{height:32px; line-height:24px; height:40px;}
.folytatas button span.material-symbols-outlined{font-size:150%; margin-bottom:3px;}
.folytatas button.tovabb span.material-symbols-outlined{margin-right:5px;}
.body_folyt							{margin-top:100px !important;}

body.black #header					{background-color:rgba(221, 0, 0, 0.98) !important;}
#header .logo						{float:left; width: calc(75% - 10px); padding-right:10px;}
#header .logo a						{display:inline-block; color:#d00; text-decoration:none; margin-top:4px;}
#header .logo a img					{float:left; height:38px; aspect-ratio:1; margin-right:10px;}
#header .logo a b					{float:left; line-height:20px !important; text-align:left !important; color:#000 !important; font-size:16px; font-weight:600;}
#header .logo a b span				{font-weight:bold; color:#d00 !important;}
#header .menu						{float:right; text-align:right; max-width: calc(25% - 10px); padding-left:10px; position:relative;}
#header .menu a						{float:left;}

#header .nyomozas					{float:left; clear:left; width:100%; height:40px;}
#header .nyomozas .kopf				{float:left; width:40px; padding-right:5px;}
#header .nyomozas .kopf a img		{height:38px; aspect-ratio:143/140;}
#header .nyomozas .title			{display:flex; align-items:center; justify-content:center; text-align:center; height:40px; font-size:15px; line-height:20px; padding-right:45px; font-weight:600; color:#fff;}


.mm									{visibility:hidden; opacity:0; position:absolute; z-index:9999; top:40px; right:-1200px; transition: right .3s ease, visibility 0s .3s, opacity .3s ease;  max-height: calc(100vh - 20px) !important; background:#fff; overflow-y:auto !important; scroll-snap-type: y mandatory; scroll-behavior:smooth; scrollbar-color: #3b9cff #f0f0f0; scrollbar-width:5px; min-width:290px; max-width:480px; padding:20px 0; -moz-box-shadow: 0 0 14px 6px #ccc; -webkit-box-shadow: 0 0 14px 6px #ccc; box-shadow: 0 0 14px 6px #ccc;}
.mm .kontener						{float:left; width:100%; height:auto; max-height:100%; background:#fff; text-align:left;}
.mm:hover							{display:block;}
.mm a								{display:table-cell; width: calc(100% - 50px) !important; text-decoration:none; color:#222; background:#fff !important; padding:0 25px; margin:5px 0; min-height:32px; line-height:32px; transition:all;}
.mm a:hover							{background:#d00 !important; color:#fff !important;}

.visible_menu						{visibility:visible; opacity:1; right:0; transition: right .3s ease, visibility 0s, opacity .3s ease;}


.hamb								{display:inline-block; cursor:pointer; z-index:99999;}
.bar1, .bar2, .bar3					{width:35px; height:5px; background-color:#222; margin:6px 0; transition:0.4s;}
.change .bar1						{background-color:#d00; transform: translate(0, 11px) rotate(-45deg);}
.change .bar2						{opacity:0;}
.change .bar3						{background-color:#d00; transform: translate(0, -11px) rotate(45deg); transition: right .3s ease;}




#footer								{margin-top:0; padding-top:20px; text-align:center; background:#222 !important; color:#eee !important;}
/*#footer a							{background:#fff !important; color:#222 !important; display:inline-block; margin:0 10px; color:#d00;}*/
body.black #footer					{padding-bottom:20px; border-top:3px solid #d00 !important; text-align:left;}
body.black #footer .f1				{float:left; width:140px; margin-right:40px; font-size:16px; line-height:20px; text-align:left;}
body.black #footer .f1 b			{font-weight:600;}
body.black #footer .f1 span			{font-weight:600; color:#d00;}
body.black #footer .f1 img			{float:left; height:38px; aspect-ratio:1; margin-right:8px;}
body.black #footer .f2				{float:left; width: calc(100% - 180px); padding-top:6px;}
.pad_bot_70							{padding-bottom:70px;}		



#footer								{}
#footer .center .f25				{float:left; width: calc(25% - 20px); padding:10px; text-align:left;}
#footer .center .f25:nth-of-type(1)	{font-size:16px; font-weight:400; line-height:20px;}
#footer .center .f25 a				{clear:left; width: calc(100% - 12px); margin:3px 0 3px 12px; display:block; color:#eee; text-decoration:none !important;}
#footer .center .f25 b				{}
#footer .center .f25 span			{color:#d00;}
#footer .center .f25 img			{float:left; height:38px; aspect-ratio:1; margin-right:8px;}

#footer .center p					{clear:left; width:100%; text-align:center;}
@media only screen and (max-width: 639px){
	#footer .center .f25				{width:100%; padding:0;}
	#footer .center .f25:nth-of-type(1)	{padding-bottom:20px; text-align:center;}
}












button.go							{border:1px solid #900; border-radius:5px; padding:5px 18px; margin:5px 2px; color:#fff !important; background:#d00; font-size:16px; font-weight:600;}
button.nogo							{border:1px solid #222; border-radius:5px; padding:5px 18px; margin:5px 2px; color:#222; background:#fff; font-size:16px; font-weight:600;}
button.go:hover						{border-color:#000;}
button.nogo:hover					{background:#ccc; color:#000;}
a button.go							{color:#fff !important; cursor:pointer;}

									
.my_button							{display:inline-block; background:#d00 !important; border:1px solid #a00; border-radius:5px; color:#fff !important; margin:5px 2px; min-width:100px; cursor:pointer; font-weight:600; /*padding:3px 15px;*/ padding:6px 20px; text-decoration:none !important;/* -moz-box-shadow: 2px 2px 4px 1px #999; -webkit-box-shadow: 2px 2px 4px 1px #999; box-shadow: 2px 2px 4px 1px #999;*/}
.gray								{background:#777 !important; color:#fff !important; border-color:#999 !important;}
.my_button:hover					{background:#d00 !important;  /*-moz-box-shadow: 2px 2px 3px 1px #aaa; -webkit-box-shadow: 2px 2px 3px 1px #aaa; box-shadow: 2px 2px 3px 1px #aaa;*/}
.gray:hover							{background:#f0f0f0 !important; color:#555 !important;}
.my_button:disabled					{background:#ccc; cursor:not-allowed;}


.welcome							{background:url(../images/bg_circles.png?3) repeat 0 0, linear-gradient(to bottom, #d00 0%, #c00 75%, #fff 25%) !important; color:#fff !important; margin-top:0;}
.welcome h1							{font-size:40px; color:#fff !important; font-size: clamp(24px, 5vw, 40px); line-height:1.2;}
.welcome .o_980						{text-align:center !important; background:url(../images/kalandjatek-mobilon.png) no-repeat calc(100% - 50px) center; background-size:auto 90%; min-height:400px; width: calc(100% - 500px); padding:30px 350px 30px 150px; font-size: clamp(16px, 2.5vw, 20px); line-height:1.5;}

@media only screen and (max-width: 979px) {
	.welcome .o_980					{width: calc(100% - 300px); padding:30px 250px 30px 50px; background-position:right center;}
	}
@media only screen and (max-width: 719px) {
	.welcome h1						{font-size:32px; line-height:36px;}
	.welcome .o_980					{width: calc(100% - 220px); padding:30px 220px 30px 0; background-size:200px auto;}
	}
@media only screen and (max-width: 479px) {
	.welcome h1						{font-size:24px; line-height:30px;}
	.welcome .o_980					{width: calc(100% - 140px); padding:20px 120px 0 20px; background-size:150px auto; background-position: calc(100% + 25px) 50px; min-height:480px;}
	}




.hirlevelre							{display:flex; justify-content:center; align-items:center; color:#fff; background:#005f89 url(../images/logo_blank_980x254.png) no-repeat center 10px; width: calc(100% - 40px); margin-top:20px; padding:20px;}
.hirlevelre input					{border:1px solid #55509f;}
.hirlevelre input.cb				{display:inline-block; width:auto; background-color:#eee !important; margin:0 10px 0 0; padding:0;}
.hirlevelre b						{display:block; font-size:95%;}
.hirlevelre b span					{font-size:125%; font-weight:600;}
.hirlevelre label					{font-size:90%; color:#fff !important;}
.hirlevelre	input[type=submit]		{box-shadow:none; border:1px solid #222;}
.dino								{display:none;}
.hirlevelre strong					{display:block; padding-left:20px;}
.hirlevelre strong span				{display:inline-block; vertical-align:middle; font-size:120%; color:#f90;}

@media only screen and (max-width: 799px) {
	.hirlevelre						{display:block; width: calc(100% - 40px); padding:20px; background-size:auto 100%; background-position:-30px 20px;}
	.hirlevelre	input[type=text]	{width:100%; margin:5px 2px;}
	.hirlevelre	input[type=submit]	{width:100%; margin-top:10px;}
	}





.szoveges							{float:left; clear:left; width:calc (100% - 100px); padding:50px; margin:40px 0; background:#f2d388; color:#000;}
.cv									{column-count:3; column-gap:50px;}
.cv h2								{margin-top:40px; break-inside:avoid-column; text-align:left; margin-top:0;}
.cv img 							{float:left; margin:8px 20px 20px 0; width:150px; height:auto;}

@media only screen and (max-width: 799px) {
	.cv								{column-count:2;}
	}			
@media only screen and (max-width: 639px) {
	.cv								{column-count:1;}
	}

/*.badalamenti						{display:flex; align-items:stretch; width:100%; gap:20px; min-height:200px; }
.badalamenti .portrait				{display:block; flex-shrink:0; border:5px solid #f70; border-radius:50%; background:url(../kepek/badalamenti_1024x1024.jpg) no-repeat center center;}
.badalamenti .portrait img 			{height:100%; aspect-ratio:1;}
.badalamenti .text					{flex-grow:1; min-width:400px; max-width:800px; max-height:240px; background-color:#ddd;}
*/


.nyomozo							{float:left; clear:left; width: calc(100% - 16px); height:310px;  position:relative;}
.nyomozo .portrait					{position:absolute; height: calc(100% - 10px); aspect-ratio:1; border:5px solid #2e6073; border-radius:50%; background-size:cover !important; background:url(../kepek/spacer.png) no-repeat center center;}
.nyomozo p							{position:absolute; top:50%; transform:translate(320px, -50%); margin:0 25px 0 50px; padding:0; width: calc(100% - 395px); font-size:20px; line-height:32px;}
.nyomozo p a						{text-decoration:none !important; display:block; color:#000 !important;}
.nyomozo p b						{font-weight:700; font-size:24px; line-height:36px;}


#badalamenti						{z-index:5; transform:rotate(-0.5deg); transform-origin:center; border-right:#fff 16px dotted; background:linear-gradient(to bottom, transparent 0, transparent 30px, #a4cadc 30px, #a4cadc calc(100% - 30px), transparent calc(100% - 30px), transparent 100%);}
#badalamenti .portrait				{left:10px; background-color:#608f99; background-image:url(../kepek/badalamenti_1024x1024.jpg), url(../kepek/badalamenti_32x32.jpg); background-blend-mode:normal; transition:background 0.5s ease-in-out;}

#christensen						{margin-top:-25px; transform:rotate(1deg); transform-origin:center; border-left:#fff 16px dotted; background:linear-gradient(to bottom, transparent 0, transparent 30px, #c8a2c8 30px, #c8a2c8 calc(100% - 30px), transparent calc(100% - 30px), transparent 100%);}
#christensen .portrait				{right:10px; background-color:#819b9b; background-image:url(../kepek/christensen_1024x1024.jpg), url(../kepek/christensen_32x32.jpg); border-color:#946994;}
#christensen p						{transform:translate(0, -50%);}

@media only screen and (max-width: 979px) {
	.nyomozo						{height:250px; /*background:linear-gradient(to bottom, transparent 0, transparent 15px, #a4cadc 15px, #a4cadc calc(100% - 15px), transparent calc(100% - 15px), transparent 100%);*/}
	#christensen					{margin-top:-15px; width: calc(100% - 26px);}
	#badalamenti .portrait			{left:-26px;}
	#christensen .portrait			{right:-26px;}
	.nyomozo p						{transform:translate(220px, -50%);  width: calc(100% - 274px);}
	#badalamenti p					{margin:0 10px 0 20px;}
	#christensen p					{margin:0 20px 0 10px;}
	}


@media only screen and (max-width: 799px) {
	.nyomozo						{height:auto; border-top:16px dotted #fff; }
	#badalamenti					{background:#a4cadc; margin-bottom:40px !important; margin-top:-40px !important; border-right:0;}
	#christensen					{background:#c8a2c8; border-left:0; z-index:5; margin-bottom:50px;}
	.nyomozo .portrait				{position:absolute; top:-50px; left:50% !important; transform: translateX(-50%); height:250px;}
	.nyomozo p, 
	#badalamenti p, #christensen p	{position:static; float:left; clear:left; top:0; margin:225px 10px 20px 10px; width: calc(100% - 20px); transform:none; font-size:18px; line-height:30px; text-align:center;}
	.nyomozo p b					{font-size:22px;}
	
	
	}


.frm								{overflow:auto; clear:left; width:100%; max-width:800px; margin:15px auto;}
.frm .l								{float:left; clear:left; width:100%;}
.frm .r								{float:left; width:100%;}
.frm .r input[type=text], .frm .r textarea, .frm .r select {float:left; width:100%; border:1px solid #222;}

.frm input[type=checkbox].h			{accent-color:#f00 !important;}
.frm .r input:read-only				{background:#eee; color:#555;}
.frm input.cb						{display:inline-block; width:auto; background-color:#eee !important; margin:0 10px 0 0; padding:0;}
.frm .r .ml10						{margin-left:10px;}
.frm input[type=radio].h,
.frm input[type=checkbox].h			{box-shadow:0 0 1px 1px #f00;}
 
.frm .r input[type=text].inp_50		{width:50%;}

.frm .r input#irszam				{width:100px; margin-right:10px;}
.frm .r input#varos					{width: calc(100% - 111px);}
.frm .r input#adoszam				{display:none;}
.frm .r input#kupon					{display:none; text-transform:uppercase;}

b#vegosszeg							{font-size:24px; color:#d00; font-weight:600;}

img.captcha							{vertical-align:middle; width:100px; height:30px;}
.input_captcha						{font-weight:bold; font-size:110%; width:100px;}
.cap								{background:#f5f5f5; display:inline-block; padding:20px; border-radius:5px; border:1px solid #eee;}

.h .r input, .h .r textarea, .h .r select {border-color:#f00 !important;}

.feladat_kep						{text-align:center;}
.feladat_kep img					{width:100%; max-width:1200px; aspect-ratio:100/50;}

.feladat_megoldas					{display:flex; flex-direction:column; align-items:center; position:relative; width:100%; max-width:640px; left:50%; transform:translateX(-50%); padding:0 0 30px 0; background:url(../images/bg_circles.png?2) repeat bottom center, linear-gradient(to bottom right, #d00 0%, #c00 50%, #b00 100%); background-size:100% auto, 100%; color:#fff; border-radius:5px;}
.feladat_megoldas input[type=text]	{border:1px solid #d00; text-transform:uppercase; height:40px; border-radius:5px; max-width: calc(100vw - 160px);}
.feladat_megoldas .my_button		{min-width:50px; border-color:#000; background-color:#f00;}

.feladat_megoldas span.my_m			{font-weight:bold; font-size:120%; text-transform:uppercase; /*color:#d00; background:#fff; padding:2px 10px; border-radius:4px; border:1px solid #000; min-width:100px; max-width: calc(100% - 40px);*/ text-align:center; }
.feladat_megoldas .wrapper			{display:flex; flex-direction:column; align-items:center; width:100%;}
.feladat_megoldas .wrapper .form_group{display:flex; justify-content:center; align-items:center; width:980px; max-width: calc(100vw - 60px);} 
.feladat_megoldas .wrapper_radio	{float:left; clear:left; width:100%; margin:4px 0; min-width:175px; line-height:30px; text-align:left;}
.feladat_megoldas .wrapper_radio .my_button{min-width:150px;}
.feladat_megoldas .wr2				{text-align:center;}

.feladat_megoldas .custom-select-container{max-width:240px; width: calc(100% - 250px);}

.feladat_megoldas .hoch				{display:block; position:relative; top:-24px; height:48px; width:48px; border-radius:24px; text-align:center; color:#d00; background:#fff;}
.feladat_megoldas .hoch	span		{font-size:40px; padding-top:4px;}


.feladat_segitseg					{width:100%; max-width:640px; line-height:32px; margin:0 auto;}
.feladat_segitseg div				{clear:left; width:100%; margin:10px 0; padding:10px 0; border-bottom:1px solid #e8e8e8;}




.step_by_step 						{display:flex; flex-direction:column; justify-content:center; align-items:center; margin:40px 0;}
.step_by_step div					{position:relative; width:100%; max-width:600px; text-align:center; }
.step_by_step .odd					{background:url(../images/step_by_step_2.png?5) no-repeat 0 0; background-size:100% auto;}
.step_by_step .even					{background:url(../images/step_by_step_1.png?5) no-repeat 0 0; background-size:100% auto;}
.step_by_step .number				{position:absolute; top:-10px; font-size:15px; width:30px; height:30px; line-height:30px; border-radius:50%; text-align:center; font-weight:bold; color:#d00; border:2px solid #d00; background:#fff;}
.step_by_step .odd .number			{left:-10px;}
.step_by_step .even .number			{right:-10px;}
.step_by_step div .one				{margin-top:30px; width: calc(100% - 65px); padding:15px 15px 25px 15px;}
.step_by_step .odd .one				{padding-right:50px; text-align:left; }
.step_by_step .even .one			{padding-left:50px; text-align:right;}
.step_by_step .last					{padding-bottom:35px; background:url(../images/step_by_step_0.png?5) no-repeat top center; background-size:98% auto;}
.step_by_step span.material-symbols-outlined{display:inline-block; vertical-align:middle; font-size:24px; line-height:30px; height:30px; color:#d00; margin-right:6px;}
.spanos span.material-symbols-outlined{display:inline-block; vertical-align:middle; font-size:18px; line-height:30px; height:30px; color:#d00; margin-right:6px;}


h2.h2_center						{font-size:18px; margin:20px 0 10px 0; padding:0; border-bottom:2px solid #e8e8e8; text-align:center;}
h2.h2_center b						{display:inline; position:relative; margin-top:0; border-right:0 solid #fff; border-left:0 solid #fff; border-bottom:2px solid #d00; padding:0 18px 5px 18px; background:#fff;}
h2.h2_center b span					{display:inline; vertical-align:middle; font-weight:bold; color:#d00; margin-right:6px; line-height:100%;}

/*body.black 	h2.h2_center			{border-color:#333;}
body.black h2.h2_center b			{background:#000; border-color:#fff;}
body.black h2.h2_center b span		{color:#fff;}*/

/*b.number							{font-size:13px; display:inline-block; text-align:center !important; width:24px; height:24px; line-height:24px; border-radius:50%; margin:0 8px 0 0; background-color:#fff; text-align:center; color:#d00; border:1px solid #d00;}*/
b.number							{font-size:13px; font-weight:700; display:inline-block; text-align:center !important; width:26px; height:26px; line-height:26px; border-radius:50%; margin:0 8px 0 0; background-color:#d00; text-align:center; color:#fff;}


a.igen								{display:inline-block; margin-top:15px; background:#eee;}
/*a.igen button.go					{border-color:#d00; background:#fff; color:#d00 !important; margin:10px 0;}
a.igen:hover button.go				{background:#d00; color:#fff !important;}
*/

/*
.nav								{background:#3b9cff; padding:25px 0 50px 0; color:#fff;}
.nav h2								{font-size:18px; margin-bottom:15px; line-height:27px;}
.nav a								{text-decoration:none; width:auto;}
.nav a button.go					{width:100px; height:30px; color:#fff; font-weight:bold; border-radius:12px; cursor:pointer; margin:0;}
.nav a.prev button.go,
.nav a.next button.go				{background:#3b9cff; border:2px solid #fff;}
.nav a.akt button.go				{margin-left:20px; background:#228B22; border:2px solid #fff;}
.nav a.prev2 button.go				{border-radius:14px 0 0 14px; margin-right:1px !important;}
.nav a.next2 button.go				{border-radius:0 14px 14px 0; margin-left:0 !important;}

.nav a.prev:hover button.go,
.nav a.next:hover button.go			{background:#fff; color:#3b9cff !important;}
.nav a.akt:hover button.go			{background:#fff; color:#228B22 !important;}
*/







.stats_container					{text-align:left; margin:0 auto; background: linear-gradient(to right bottom, #333, #1e1e1e); border:2px solid #d00; border-radius:5px; padding:10px 15px; max-width:606px;}
.stats_list							{list-style:none;}
.stats_list li						{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;font-size:16px; padding:8px 0; border-bottom:1px solid #444; color:#fff; overflow:hidden;}
.stats_list li:last-child			{border-bottom:none;}
.stats_list .material-symbols-outlined{font-size:20px; color:#d00; margin-right:10px;}
.stats_list li strong				{flex: 1 1 0; word-break:break-word; margin-left:15px; font-weight:600; text-align:right;}
.stats_list li em					{flex: 0 0 auto; font-style:normal;}
.stats_list li span					{color:#fff !important;}

.stats_chart_wrapper				{display:flex; justify-content:center; margin-top:10px;}
.stats_chart						{position:relative; display:flex; width:60px; height:60px; border-radius:50%; background:conic-gradient(#040 0% 75%, #ccc 75% 100%); justify-content:center; align-items:center; font-size:14px; font-weight:bold; color:#fff;}
.stats_chart::before				{content:""; width:45px; height:45px; border-radius:50%; background:#222; position:absolute;}
.stats_chart span					{position:absolute; z-index:2;}





.slider_container					{position:relative; width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.slider_container .slider_track		{display:flex; transition: transform 0.4s ease; will-change:transform;}
.slider_container a.slide			{text-decoration:none !important; flex:0 0 auto; width:200px; margin:0 20px; color:#222 !important; text-align:center;}
.slider_container a.slide img		{object-fit:cover; display:block; width:100%; aspect-ratio:2;}
.slider_container a.slide strong	{display:inline-block; font-weight:bold; text-align:center; margin-top:5px;}
.slider_container a.slide b			{display:inline-block; color:#d00 !important; font-size:120%; font-weight:700;}
.slider_container a.slide span		{display:inline-block; font-weight:400; font-size:95%; line-height:30px;}
.slider_container .nav_button		{display:flex; justify-content:center; align-items:center; position:absolute; z-index:10; top:50%; transform: translateY(-50%); border:0; color:#fff; width:32px; height:32px; cursor:pointer; border-radius:50%;}
.slider_container .nav_left			{left:5px; background:#d00 url(../images/grid_prev.png) no-repeat 7px center; background-size:16px;}
.slider_container .nav_right		{right:5px; background:#d00 url(../images/grid_next.png) no-repeat 9px center; background-size:16px;}
.dots_container						{display:flex; justify-content:center; margin-bottom:35px; padding:15px 0 25px; gap:6px;}
.dot								{width:10px; height:10px; background:#ccc; border-radius:5px; transition: all 0.3s ease;}
.dot.active							{width:20px; background: #d00;}
.slider_container a.slide span ul	{float:left; clear:left; width: calc(100% - 40px); padding:0 20px;}
.slider_container a.slide span ul li{float:left; width:100%; margin:2px 0; text-align:left; font-size:16px;}
.slider_container a.slide span ul li span{float:left; color:#d00; margin-right:5px; line-height:30px; font-size:16px;}









.nav								{margin:50px 0 15px 0;}

.grid_container						{position:relative; display:grid; grid-template-columns:1fr; width: calc(100% - 20px); padding:0 10px; max-width:1180px;}
.grid_container .artikels			{position:relative; width:100%; overflow-x:scroll; scroll-snap-type: x mandatory; scroll-behavior:smooth; overflow-y:hidden; white-space:nowrap; transition: all 0.2s; transform: scale(1); will-change:transform; user-select:none; /*cursor:pointer;*/ background:linear-gradient(to bottom, transparent 14px, #d00 14px, #d00 16px, transparent 1px);}
.grid_container .artikel			{display:inline-block; min-width:180px; padding:0 10px; white-space:normal; scroll-snap-align:start;}
.grid_container .overflow_x_hidden	{overflow-x:hidden !important; }

.grid_container .artikels::-webkit-scrollbar		{width:5px;}
.grid_container .artikels::-webkit-scrollbar-track	{background:#f0f0f0;}
.grid_container .artikels::-webkit-scrollbar-thumb	{background:#ccc;}
.grid_container .artikels::-webkit-scrollbar-thumb:hover {background:#555;}
.grid_container .artikels							{scrollbar-color: #ccc #f0f0f0; scrollbar-width:5px;}

.grid_container .btn				{position:absolute; top:140px; height:32px; width:32px; background-repeat:no-repeat; z-index:100; }
.grid_container .btn.prev			{left:0; background:#d00 url(../images/grid_prev.png) no-repeat 6.5px center; background-size:50%; border-radius:50%; border:2px solid #fff;}
.grid_container .btn.next			{right:0; background:#d00 url(../images/grid_next.png) no-repeat 9.5px center; background-size:50%; border-radius:50%; border:2px solid #fff;}

.grid_container .stats-list li		{padding:0; border:0;}
.grid_container .stats-list li strong{margin:0;}

.no_bg								{background:#fff !important;}


.step 								{float:left; width:180px; padding:0 10px; height:360px;}
.step2								{height:390px;}
.clear								{background:url(../images/bg_nav_clear_2.png) no-repeat center 40px; background-size:100% auto !important; background-origin:content-box;}
.step a								{display:grid; grid-template-rows: auto auto auto 1fr auto; width:100%; position:relative; height:100%; text-decoration:none !important; text-align:center; color:#222 !important;}		
.step a img							{width:100%; height:auto; margin:0 0 4px 0; font-size:60%; line-height:12px; color:#999;}
.step a:hover, .step a:hover p.nev	{color:#d00 !important;}
.step a p							{margin:0; padding:0; width:100%; max-width:180px; font-weight:600; text-decoration:none !important; overflow:hidden;}
.step a p.num						{line-height:30px; margin-bottom:10px;}
.step a p.num b						{display:inline-block; border-radius:15px; background:#444; color:#fff !important; font-weight:bold; font-size:100%; width:30px; height:30px;}
.step a p.nev						{color:#d00; min-height:56px;}
.step a p.egyebek					{font-size:16px; line-height:22px !important; font-weight:300; margin-top:2px;}
.step a p.egyebek b					{font-weight:600;}
.step a p.pict						{text-align:center !important; /*font-size:95%;*/ font-weight:300; width:100%; margin-bottom:12px;}
.step a span.preis					{color:#d00 !important; font-weight:700; font-size:18px; line-height:27px;}
.step a span.preis strike			{color:#444; font-size:80%; font-weight:normal;}
.step a ul							{float:left; clear:left; width: calc(100% - 40px); padding:0 20px;}
.step a ul li						{float:left; width:100%; margin:2px 0; text-align:left; font-size:16px;}
.step a ul li span					{float:left; color:#d00; margin-right:5px; line-height:30px; font-size:16px;}


.no a p.num b						{background:#d00;}
.no a:hover, .no a:hover p.nev		{color:#222 !important;}	
.most a p.num						{line-height:26px !important;}
.most a p.num b						{background:#f5f5f5; border:2px solid #d00; color:#d00 !important; width:26px !important; height:26px !important;}
.clear a p.num b					{background:#f5f5f5;}

/*
.step a p.pipa						{position:absolute; bottom:0;}
.step a p.pipa b					{display:inline-block; font-size:16px; font-weight:700; color:#fff !important; width:22px; height:22px; background:#228B22; border-radius:11px;}
*/

.the_end							{padding:25px 0; text-align:center; background:linear-gradient(to right, transparent calc(50% - 1px), #d00 calc(50% - 1px), #d00 calc(50% + 1px), transparent calc(50% + 1px));}
.the_end a							{color:#222 !important; text-decoration:none !important;}
.the_end .lepes						{clear:left; overflow-y:visible !important;  z-index:5; width:100%; line-height:32px; padding:10px 0 0 0; margin-bottom:-10px;}
.the_end .lepes b					{display:inline-block;  border-radius:16px; background:#d00; color:#fff !important; font-weight:bold; font-size:100%; width:32px; height:32px;}
.the_end .history					{float:left; clear:left; width:100%; background:#000; padding:10px 0;}
.the_end .history a b				{color:#fff !important;}
.the_end .history a p				{font-size:80%; margin:-5px 0 0 0 !important; padding:0 !important;}
.first_step							{padding-bottom:0; margin-bottom:25px;}



.kalandok							{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
.kalandok .kaland					{flex:0 0 calc(33.33% - 20px); overflow:hidden; text-align:left; margin:40px 0; background:#f6f6f6;}
.kalandok .kaland:hover				{background:#f0f0f0;}
.kalandok .kaland:hover	.buts		{background:#aaa;}
.kalandok .kaland a					{display:grid; grid-template-rows: auto auto auto 1fr auto; text-decoration:none !important; margin:0; color:#222 !important; height: calc(100% - 62px);}
.kalandok .kaland a p.kep			{position:relative; width:100% !important; aspect-ratio:100/50; font-size:18px; margin:0; padding:0 !important; background:url(../kepek/0.jpg) no-repeat center top; background-size:auto 100%; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25), -1px 1px 0 rgba(0, 0, 0, 0.25), 1px -1px 0 rgba(0, 0, 0, 0.25), -1px -1px 0 rgba(0, 0, 0, 0.25);}
/*.kalandok .kaland a p.kep b			{position:absolute; bottom:10px; left:10px; padding-left:27px; padding-right:4px; color:#fff !important; background:url(../images/marker.png) no-repeat 3px center; background-size:24px auto; background-color:rgba(68, 68, 68, 0.5); border-radius:2px;}*/
.kalandok .kaland a p.kep b			{position:absolute; bottom:10px; left:10px; padding:0 4px; color:#fff !important; background-color:rgba(0, 0, 0, 0.5); border-radius:2px;}
.kalandok .kaland a p.kep b	span	{margin:0 5px 5px 0;}
.kalandok .kaland a h2				{float:left; width: calc(100% - 20px); padding:0 10px; min-height:96px; line-height:48px; font-size:32px; font-weight:bold; text-transform:uppercase; margin-top:20px;}
.kalandok .kaland a p				{float:left; clear:left; width: calc(100% - 20px); text-align:left; padding:0 10px;}

p.megbizo							{position:relative; background-color:#eee; font-size:13px; width:100% !important; padding:0 !important; margin:0; font-weight:600; color:#000; height:36px; display:flex; align-items:center;}
p.megbizo .mb, p.megbizo .mb_nev	{flex:1; height:36px; display:flex; align-items:center; overflow:hidden;}
p.megbizo .mb						{justify-content: flex-end; padding-right:36px;}
p.megbizo .mb_nev					{justify-content: flex-start; padding-left:36px; line-height:17px;}
p.megbizo .mb_kep					{position:absolute; left:50%; transform:translateX(-50%); width:48px; height:48px; background:#999; border-radius:50%; border:2px solid #777; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); }

p.mb_badalamenti					{background-color:#a4cadc;}
p.mb_christensen					{background-color:#c8a2c8;}
p.mb_badalamenti .mb_kep			{border-color:#2e6073; background:#608f99 url(../kepek/badalamenti_1024x1024.jpg) no-repeat center center / cover;}
p.mb_christensen .mb_kep			{border-color:#946994; background:#819b9b url(../kepek/christensen_1024x1024.jpg) no-repeat center center / cover;;}

p.ar 								{margin:25px 0 !important; text-align:center !important; height:60px; display:flex; align-items:flex-end; justify-content:center;}
p.ar span							{font-size:32px; font-weight:bold; color:#d00; line-height:32px;}
p.ar strike							{font-size:18px; color:#222; font-weight:600;}


.kalandok .kaland a ul				{float:left; clear:left; width: calc(100% - 40px); padding:0 20px;}
.kalandok .kaland a ul li			{float:left; width: calc(50% - 10px); margin:5px; text-align:left; font-size:85%;}
.kalandok .kaland a ul li span		{color:#d00; margin:0 5px 5px 0;}
.kalandok .kaland .buts				{/*float:left; clear:left;*/  background:#bbb; width:100%; text-align:center; height:70px;}
.kalandok .kaland .buts	.my_button	{min-width:120px; width: calc(50% - 23px); font-size:16px; margin-top:12px;}

/*.kalandok .kaland .buts	a:hover button{-moz-box-shadow: 2px 2px 3px 1px #aaa; -webkit-box-shadow: 2px 2px 3px 1px #aaa; box-shadow: 2px 2px 3px 1px #aaa;}*/


/*.kalandok .kaland a	div				{display:flex; flex-direction:column; justify-content:flex-end; height:100%;}
.kalandok .kaland a	div	h2			{font-size:30px; font-weight:bold; text-transform:uppercase;}
.kalandok .kaland a b				{position:absolute; top:15px;}
.kalandok .kaland a span			{text-align:center; font-weight:bold; font-size:32px;}
*/


/*
.reszletes							{display:flex; flex-wrap:wrap; justify-content:space-between; width:100%;}
.reszletes .kaland					{flex:0 0 calc(33.33% - 25px); overflow:hidden; text-align:left; flex-direction:column; justify-content:flex-end; display:flex;}
.reszletes .kaland ul				{float:left; clear:left; width:100%;}
.reszletes .kaland ul li			{float:left; width:100%; margin:10px 0; padding-left:30px; text-align:left; font-weight:700; background:url(../images/spacer.png) no-repeat 0 2px; background-size:20px 20px;}
.reszletes .kaland ul li span		{font-weight:300; font-size:90%;}
.o3 p.ar							{margin-bottom:0 !important;}


@media only screen and (max-width: 979px) {
	.kalandok .kaland				{flex:0 0 calc(50% - 20px);}
	.reszletes .kaland				{flex:0 0 calc(50% - 25px);}
	.reszletes .o3					{flex:none; clear:left; float:left; width:100%; text-align:center;}
	.reszletes .kaland ul			{margin:20px 0;}
	.reszletes .kaland ul li		{float:left; width: calc(33% - 40px); margin:5px; padding-left:30px;}
	}

@media only screen and (max-width: 639px) {
	.reszletes .o3					{clear:none; float:none;}
	.reszletes .o3,
	.kalandok .kaland,
	.reszletes .kaland				{flex:0 0 100%;}
	.kalandok .kaland a h2			{min-height:0 !important;}
	.reszletes .kaland ul			{margin:20px; width: calc(100% - 40px);}
	.reszletes .kaland ul li		{width:100%; margin:10px 0;}
	}
*/

@media only screen and (max-width: 979px) {
	.kalandok .kaland				{flex:0 0 calc(50% - 20px);}
	}

@media only screen and (max-width: 639px) {
	.kalandok .kaland				{flex:0 0 100%;}
	.kalandok .kaland a h2			{min-height:0 !important;}
	}


.reszletes							{float:left; clear:left; width:100%;}
.reszletes img						{aspect-ratio:100/50; width:100%;}
.reszletes .dupla					{float:left; width: calc(66.6% - 40px); padding:10px 0 25px; margin-right:40px;}
.reszletes .o3						{float:left; width: calc(33.3%); position:sticky; top:50px;}
.reszletes .o3 ul					{float:left; clear:left; width:100%;}
.reszletes .o3 ul li				{float:left; width:100%; line-height:32px; margin:10px 0; text-align:left; font-weight:600;}
.reszletes .o3 ul li span			{float:left; color:#d00; line-height:32px; margin:0 5px 0 0;}
.reszletes .o3 ul li b				{float:left; font-weight:300; color:#d00; margin-right:5px;}
.reszletes .o3 p.ar 				{float:left; clear:left; margin-top:25px; color:#d00; font-size:32px; font-weight:400;}
.reszletes .o3 div#map				{float:left; width: calc(100% - 2px); aspect-ratio:1; max-width:480px; border:1px solid #d00; border-radius:4px;}

p.bevez								{float:left; width:100%; display:block; white-space:normal; word-break:break-word;}
p.bevez span						{float:left; display:block; width:80px; aspect-ratio:1; margin-right:20px; margin-top:5px; border-radius:50%; border:5px solid #222; background-color:#ccc; background-blend-mode:normal; transition:background 0.5s ease-in-out; background-size:cover !important;}
/*p.bevez b							{float:left; display:block; width: calc(100% - 110px);}*/
p#bev_badalamenti span				{border-color:#2e6073; background-color:#608f99; background-image:url(../kepek/badalamenti_1024x1024.jpg), url(../kepek/badalamenti_32x32.jpg);}
p#bev_christensen span				{border-color:#946994; background-color:#819b9b; background-image:url(../kepek/christensen_1024x1024.jpg), url(../kepek/christensen_32x32.jpg);}


span.idezet 						{float:left; display:block; width: calc(100% - 92px); transform:rotate(-0.5deg); transform-origin:center; font-family:'Caveat Brush', 'Poppins', sans-serif, Arial, Tahoma, Verdana; font-style:italic; font-weight:200; background:#f9f9f9; border-left:6px solid #369; padding:16px 20px; margin:20px 0 30px 40px; color:#369; font-size:1.25em; line-height:1.6; box-shadow:0 2px 4px rgba(0, 0, 0, 0.5);}
span.tipp 							{float:left; display:block; width:100%; font-weight:300; border-top:1px solid #666; margin:10px 0; color:#666; font-size:0.9em;}




@media only screen and (max-width: 979px) {
	.reszletes .dupla,
	.reszletes .o3					{clear:left; width:100%; margin-right:0;}
	.reszletes .o3 ul				{margin:20px 0;}
	.reszletes .o3 ul li			{float:left; width: calc(50% - 20px); margin-left:20px;}
	.reszletes .o3 p.ar 			{text-align:center; width:100%;}
	.reszletes .o3 div#map			{position:relative; left:50%; transform:translateX(-50%);}
	}
@media only screen and (max-width: 639px) {
	.reszletes .o3 ul				{margin:20px; width: calc(100% - 40px);}
	.reszletes .o3 ul li			{width: calc(100% - 20px);}
	}



.bigpic								{justify-content:flex-start !important;}
/*.o3									{justify-content:center !important;}*/
.bigpic img							{aspect-ratio:100/50;}





.modal_window				{visibility:hidden; position:fixed; background-color:rgba(0, 0, 0, 0.75); top:0; right:0; bottom:0; left:0; z-index:9001; opacity:0; pointer-events:none; transition: all 0.3s;}
.modal_window_visible		{visibility:visible; opacity:1; pointer-events:auto;}
.modal_window > div			{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:2em; background:#fff;}
.modal_close				{color:#aaa; position:absolute; right:0; top:0; width:70px; text-decoration:none;}
.modal_window .close		{position:absolute; z-index:9002; cursor:pointer; right:1px; top:1px; background:url(../images/close.png) no-repeat center center; height:28px; width:28px; background-size:28px auto;}


.modal_window .col			{float:left; clear:left; width:100%; line-height:24px; margin:15px 0;}
.modal_window .c_info		{line-height:20px; color:#666; margin:5px 0 6px 0; border-top:1px solid #999;}
.modal_window .c_info a		{color:#f50 !important;}
.modal_window .button		{min-width:60px;}

.modal_window #modal_uzenet {padding:0; /*background:#f0f0f0;*/ border:2px solid #000; min-width:200px; width: calc(100% - 50px); max-width:480px; min-height:240px; max-height: calc(100vh - 60px); color:#222;}
.modal_window #modal_uzenet div#f{float:left; clear:left; width: calc(100% - 70px); padding:20px 10px 10px 60px; border-bottom:1px solid #222; background:#fff url(../images/logo.png) no-repeat 10px 10px; background-size:40px; height:40px;}
.modal_window #modal_uzenet div#l{float:left; clear:left; width: calc(100% - 20px); height:40px; padding:10px 10px 20px 10px; border-top:1px solid #222; background:#fff; text-align:center;}
.modal_window #modal_uzenet p{float:left; clear:left; background:#fff; width: calc(100% - 72px); padding:20px; /*border:1px solid #444; border-radius:3px;*/}
.modal_window #modal_uzenet span{float:left; clear:left; display:block; font-size:75%; width: calc(100% - 40px); padding:0 20px; margin:0 0 25px 0; text-align:right;}

.modal_window #modal_terkep {padding:0; background:#ddd; border:2px solid #444; border-radius:5px; width: calc(100% - 54px); max-width:980px; height: calc(100% - 80px); color:#222;}
.modal_window #modal_terkep #map_head	{float:left; width:100%; height:50px; background:#888; color:#fff; text-align:center;}
.modal_window #modal_terkep #map_head input[type=button]{width: calc(100% - 30px); max-width:350px;}
.modal_window #modal_terkep #map						{float:left; width:100%; height: calc(100% - 70px);}
.modal_window #modal_terkep #status						{float:left; width:100%; text-align:center; font-size:50%; line-height:20px; height:20px;}

.modal_window #modal_akta	{padding:10px; background:#ddd; border-radius:5px; text-align:center; width: calc(100% - 80px); max-width:980px; height: calc(100% - 80px); overflow-y:auto; padding-bottom:40px;}
.modal_window #modal_akta img{max-width:100%; height:auto; margin:10px 0;}	


/*.abra								{text-align:center;}
.abra img							{min-width:100px; aspect-ratio:1; background-color:#eee;}*/

.abra 								{display:grid; grid-template-columns:repeat(2, 1fr); gap:2px; max-width:800px; margin:0 auto; width:100%;}
.abra a								{display:block; width:100%; aspect-ratio:1;}
.abra img 							{width:100%; height:100%; object-fit:cover; display:block;}



input[type=radio]					{display:none; float:left; width:20px; margin-left:20px; text-align:left;}
.custom_radio 						{width:16px; height:16px; border:2px solid #fff; border-radius:50%; margin:6px 12px 0 20px; top:3px; display:inline-block; position:relative; cursor:pointer; background-color:transparent; box-shadow: 0 0 5px rgba(255, 255, 255, 0.5); transition:background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;}
.custom_radio:hover 				{box-shadow:0 0 10px rgba(255, 255, 255, 0.8);}
input[type=radio]:checked + .custom_radio {background-color:#fff; border-color: #f88; box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);}
input[type=radio]:checked + .custom_radio::after {content: ''; position:absolute; width:10px; height:10px; background-color:#d00; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%);}



input[type="checkbox"]				{display:none !important;}
input[type="checkbox"] + label		{display:inline-block; cursor:pointer; position:relative; vertical-align:top; padding-left:30px; color:#333; font-size:16px;}
input[type="checkbox"] + label::before{content:''; width:20px; height:20px; border:2px solid #aaa; left:0; top:0; border-radius:4px; background-color:#fff; position:absolute; left:0; top:3px; transition:background-color 0.3s ease, border-color 0.3s ease;}
input[type="checkbox"] + label:hover::before{border-color:#d00;}
input[type="checkbox"]:checked + label::before{background-color:#d00; border-color:#d00;}
input[type="checkbox"]:checked + label::after{content:''; width:6px; height:12px; border:solid #fff; border-width:0 2px 2px 0; position:absolute; left:8px; top:7px; transform: rotate(45deg);}




.apro								{font-size:90%; color:#666; border-top:1px solid #ccc; padding:10px 0;}
body.black .apro					{color:#555;}


.tudtad 							{display:flex; flex-direction:column; align-items:left; position:relative; left:50%; transform:translateX(-50%); width: calc(100% - 45px); max-width:600px; color:#222; background:#eef7ff; border-left:5px solid #07c; padding:15px 20px; margin:25px 0; font-size:1rem; line-height:1.6; border-radius:5px;}
.tudtad h3							{margin:0 0 10px; font-size:1.2rem; color:#d00;}
.tudtad h3 span						{display:inline-block; vertical-align:middle;}




.custom-select-container			{position:relative; /*max-width:300px; width: calc(100% - 250px);*/ flex:1; text-align:left;}
.custom-select						{width:100%; cursor:pointer; user-select:none;}
.selected-option					{height:26px; padding:4px 10px; background-color:#fff; border:1px solid #f00; border-radius:5px;}
.options 							{display:none; position:absolute; top:100%; left:0; right:0; border:1px solid #ccc; background-color:#fff; z-index:10000; max-height:200px; overflow-y: auto;}
.option								{padding:10px; cursor:pointer;}
.option:hover						{background-color:#f0f0f0; color:#d00;}
.custom-select.open .options 		{display:block ;}
.custom-select::after				{content:''; position:absolute; right:10px; top:50%; transform:translateY(-3px); border:6px solid transparent; border-top-color:#d00; transition:transform 0.3s;}
.custom-select.open::after			{transform:translateY(-6px) rotate(180deg);}
.options::-webkit-scrollbar			{width:8px;}
.options::-webkit-scrollbar-thumb	{background-color:#ccc; border-radius:4px;}
.options::-webkit-scrollbar-thumb:hover{background-color:#b3b3b3;}


a.link_map							{display:inline-block; color:#d00 !important; text-decoration:none !important;}
a.link_map span						{float:left; line-height:30px; margin-right:3px;}



/*googlemap*/
.gm-ui-hover-effect					{position:absolute !important; top:0; right:0; cursor:pointer;}
.gm-style-mtc						{transform: scale(0.66); transform-origin:top right; gap:1px !important; margin:0 !important;}
.gm-style-mtc button 				{margin:1px 0 !important; padding:4px 10px !important;}
.gm-style-mtc-bbw {color:#f00 !important; width:auto !important;}

/*.kalandok .kaland:nth-child(3n)		{margin-right:0;}
.kalandok .kaland:nth-child(3n+1)	{margin-left:0;}*/




.help_container 					{position:fixed; bottom:0; left:0; width:100%; z-index:9999; pointer-events:none;}
.help_container .help_panel			{width: calc(100% - 30px); background:#fff; display:flex; justify-content:center; gap:20px; padding:20px 0 30px 0; margin-left:14px; transform:translateY(calc(100% - 8px)) rotate(-0.75deg); transform-origin:center; transition:transform 0.5s ease; pointer-events:all; height:50px !important; border-left:#fff 16px dotted;}
.help_container .help_button		{pointer-events:all; position:absolute; bottom:-8px; left: calc(50% + 15px); width:120px; height:60px; background:#d00; border-radius:60px 60px 0 0; border:none; color:#000; cursor:pointer; display:flex; justify-content:center; align-items:center; transform:translateX(-50%) rotate(-0.75deg); transform-origin:center; transition:bottom 0.5s ease;}
.help_container .help_button span	{font-size:30px; line-height:30px;}
.bg_badalamenti .help_panel,
.bg_badalamenti .help_button		{background:#a4cadc;}
.bg_christensen .help_panel,
.bg_christensen .help_button		{background:#c8a2c8;}
.help_container .help_panel input[type=button]{min-width:160px;}


.homokora							{display:inline-block; float:right; text-align:right; font-family:monospace;}
.homokora b#ho2						{font-size:90%; margin-left:15px;}
.code								{display:inline; font-size:20px; margin:20px 0;}



.blogok					{float:left; clear:left; width:100%; max-width:1200px; height:auto; display:flex; flex-direction:wrap; justify-content:space-start; gap:30px; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.blogok .blog			{width: calc(33% - 30px); max-width:370px; margin:20px 0; line-height:28px;} 
.blogok .blog p			{float:left; clear:left; width:100%; margin:0; padding:0;}
.blogok b.infok			{display:block; padding:0 0 5px 0; font-weight:normal !important;}
.blogok b.infok .szerzo	{font-size:90%; color:#333;}
.blogok b.infok .olvido	{font-size:90%; color:#333; padding-left:20px; background:url(../images/olv_ido.png) no-repeat left center; background-size:auto 100%;}
.blogok b.infok .date	{font-size:90%; color:#333;}
.blogok .blog h3		{margin:0 0 10px 0; color:#d00 !important;}
.blogok .blog a			{display:block; text-decoration:none !important; color:#f50;}
.blogok .blog img		{background-color:#f0f0f0; max-width:370px; width:100%; height:auto; margin-bottom:15px;}
.blogok sup				{vertical-align:middle; padding-bottom:4px;}
.blogok .blog a.secr	{display:inline; color:#333 !important;}
.f0f0f0					{background:#f0f0f0;}
.f0f0f0 img				{display:block; margin:0 auto;}

@media only screen and (max-width: 639px) {
	.blogok				{justify-content:center;}
	.blogok .blog		{width:100%; max-width:370px; margin:20px 0;} 
	}

img.blog_big_picture	{width:100%; max-width:980px; height:auto;}

@media only screen and (max-width: 369px) {
	.blogok .blog img	{width:100%; max-width:370px; height:auto;}
}

ul.blog_ul				{float:left; clear:left; width:100%; margin:0; padding:0;}
ul.blog_ul li			{float:left; clear:left; list-style-image: url(../images/bg_li.png); margin:0 0 0 30px; padding:0 0 0 5px;}


a.facebook, a.viber, a.whatsapp, a.messenger,
a.twitter, a.pinterest, a.teams		{display:inline-block; line-height:30px; height:30px; width:30px; margin:15px 5px 0 5px; background:#eee; border:1px solid #ccc; border-radius:4px;}
a.viber								{background:#eee url(../images/but_viber_40x40.png) no-repeat center center; background-size:100%;}
a.whatsapp							{background:#eee url(../images/but_whatsapp_40x40.png) no-repeat center center; background-size:100%;}
a.twitter							{background:#eee url(../images/but_x_40x40.png) no-repeat center center; background-size:100%;}
a.pinterest							{background:#eee url(../images/but_pinterest_40x40.png) no-repeat center center; background-size:100%;}
a.messenger							{background:#eee url(../images/but_messenger_40x40.png) no-repeat center center; background-size:100%;}
a.teams								{background:#eee url(../images/but_teams_40x40.png) no-repeat center center; background-size:100%;}
a.facebook							{background:#eee url(../images/but_facebook_40x40.png) no-repeat center center; background-size:100%;}



a.cimke					{float:left; display:inline-block; padding:0 7px; margin:1px; background:#eee; color:#000 !important; font-size:75%; font-weight:400;}



.navi					{float:left; clear:left; box-sizing:border-box; width:100%; text-align:center; background:#f0f0f0; margin-bottom:15px; padding:15px 10px;}
.navi ul				{float:left; list-style:none; width:100%; margin:0; padding:0;}
.navi ul li				{float:left; list-style:none; margin:0; padding:0; line-height:26px;}
.navi ul li a			{display:block; min-width:16px; padding:0 4px; margin:0 2px; background:#d9d9d9; color:#222 !important; text-decoration:none !important;}
.navi ul li a:hover		{background:#d00; color:#fff !important; }
.navi ul li.akt_lap		{background:#d00; color:#fff; min-width:16px; padding:0 4px; margin:0 1px; font-weight:bold;}
.navi ul li.ures		{background:#fff; color:#333; min-width:16px; padding:0 4px; margin:0 1px;}
.navi select			{float:right; min-width:140px; width:20%; max-width:200px; font-size:90%; height:24px; background:#fff; border:1px solid #d00;}

.navi_osszes			{float:left; clear:left; background:#f0f0f0; padding:15px 0 2px 0;}
.navi_osszes div		{float:left; padding:0 10px;}
.navi_osszes p			{background:#d00; color:#fff; margin:0; padding:4px 15px; font-weight:bold;}
.navi_osszes a			{float:left; display:block; color:#222 !important; background:#d9d9d9; text-decoration:none; padding:4px 15px; font-weight:bold; text-decoration:none !important;}
.navi_osszes a:hover	{background:#d00; color:#fff !important;}

@media only screen and (max-width: 359px) {
	.navi_osszes		{width:100%;}
	.navi_osszes div	{clear:left;}
	.navi_osszes a		{margin-top:3px;}
	.navi select		{float:left; clear:left; margin-top:3px;}
	}


.banner_text			{text-align:center; padding:5px 20px; background:#f50 !important; color:#fff !important; font-weight:bold; font-size:100%; margin:10px 0;}



.document {background:#f2ece5 url(../images/bg_document.png?1) no-repeat center top; background-size:100% auto; color:#333; padding:30px; max-width:600px; margin:40px auto; border-radius:6px; box-shadow:0 0 20px rgba(0,0,0,0.3); font-family: "Courier New", monospace;}
.document-header {border-bottom:2px solid #d00; margin-bottom:15px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
.document-content {font-size:20px; line-height:1.6; letter-spacing:2px;}
.document-content .hidden {color:#bbb;}
.document-content .revealed{color: #222; transition: color 0.3s ease-in;}