@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);

html { width:100%; height:100%; margin:0; padding:0; border:none; }

body { width:100%; height:100%; margin:0; padding:0; border:none; font-family:'Open Sans', sans-serif; font-size:100%; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; color:#525252; text-decoration:none; text-align:left; background:#dedede; }

h1 { font-size:180%; color:#333; text-align:center; }
h2 { font-size:160%; color:#444; }
h3 { font-size:120%; display:inline; }

a { color:#0068BD; text-decoration:none; }
a:hover { color:#333; }

iframe { width:100%; }

table { border-collapse:collapse; }
table, th, td { width:auto; border:1px solid #7E7E7E; padding:5px; }
td p { margin:0; }

hr { color:#b2b2b2; }
img { border:none; }

:focus { outline:none; }
::-moz-focus-inner { border:0; }

.br { clear:both; height:0; }
.center { text-align:center; }
.right { text-align:right; }

.fluid { float:left; width:50%; }

.kerek { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }



#lap { position:relative; width:99%; max-width:1500px; min-height:100%; margin:0 auto; background:#fff; -webkit-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.79); -moz-box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.79); box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.79); }


#fej { position:relative; width:100%;  }
	#fej #menuhat { width:100%; height:40px; }
		#fej #menu { width:100%; height:40px; margin:0 auto; text-align:center; }
		#fej #menu .show { display:none; }
		#fej .fejlogo { display:block; position:absolute; z-index:100; left:20px; top:50px; width:auto; height:300px; }
		
		#fej #translate { position:absolute; right:10px; bottom:10px; z-index:1000; }
			#translate a { display:block; float:left; width:0px; height:20px; padding-left:30px; margin-left:5px; overflow:hidden; }
			#translate a.en { background:url('flags.png') no-repeat 0 0; }
				#translate a.en:hover { background:url('flags.png') no-repeat -100px 0; }
			#translate a.de { background:url('flags.png') no-repeat 0 -100px; }
				#translate a.de:hover { background:url('flags.png') no-repeat -100px -100px; }
			#translate a.ru { background:url('flags.png') no-repeat 0 -200px; }
				#translate a.ru:hover { background:url('flags.png') no-repeat -100px -200px; }
			#translate a.il { background:url('flags.png') no-repeat 0 -300px; }
				#translate a.il:hover { background:url('flags.png') no-repeat -100px -300px; }

#info { background:#f8f8f8; padding:5px 0; font-size:19px; text-align:center; border-bottom:1px solid #eee; }
	#info div { display:inline-block; }
	#info a { display:inline-block; height:20px; line-height:20px; margin:0 15px; padding-left:27px; color:#555; background:url(social.png); background-image:url(social.svg), none; background-repeat:no-repeat; }
	#info .icon { width:0; padding-left:20px; overflow:hidden; }
	#info .fb { background-position:0 0; }
	#info .yt { background-position:0 -50px; }
	#info .tw { background-position:0 -100px; }
	#info .ig { background-position:0 -150px; }
	#info .gp { background-position:0 -300px; }
	#info .mail { background-position:0 -200px; }
	#info .tel { background-position:0 -250px; }
@media screen and (min-width: 767px) { a[href*="tel:"] { pointer-events:none; } }


#tart { position:relative; width:100%; padding-bottom:50px; margin-top:30px; background-color:rgba(255, 255, 255, 0.75); }
	#tart #cont { display:block; padding:10px; }


#lab { position:absolute; left:0; bottom:0; width:100%; height:50px;
	-webkit-box-shadow:0px -2px 7px -3px rgba(0, 0, 0, 0.79); -moz-box-shadow:0px -2px 7px -3px rgba(0, 0, 0, 0.79); box-shadow:0px -2px 7px -3px rgba(0, 0, 0, 0.79);
	background:-webkit-linear-gradient(top, rgb(255,255,255), rgb(200,200,200)); background:-o-linear-gradient(bottom, rgb(255,255,255), rgb(200,200,200)); background:-moz-linear-gradient(bottom, rgb(255,255,255), rgb(200,200,200)); background:linear-gradient(to bottom, rgb(255,255,255), rgb(200,200,200)); }
	#lab h3 { display:block; line-height:50px; margin:0; padding:0; font-size:90%; color:#555; text-align:center; overflow:hidden; }
	
#nevjegy { display:block; position:absolute; z-index:10; width:81px; height:34px; right:0; bottom:6px; overflow:hidden; }
#nevjegy img { border:none !important; width:81px; height:34px; }


#slider, #fslide { display:block; width:100%; height:auto !important; max-height:450px; list-style:none outside none; padding:0; margin:0; }
	#slider img, #fslide img { display:block; width:100%; height:auto; border-bottom:1px solid #000; }
	
#fejslide { position:relative; width:100%; overflow:hidden; }
#fslidetext { position:absolute; z-index:100; left:25px; top:25px; font-size:300%; line-height:1.2; color:#dcea66; text-shadow:2px 2px 0px rgba(0,0,0,0.75); }


#galeria { margin:10px; }
#galeria a { display:block; position:relative; float:left; width:19%; padding-bottom:14%; margin:0.5%; background:#fcfcfc;
	-webkit-box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.79); -moz-box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.79); box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.79);
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#galeria a:hover { background:#f4f4f4; -webkit-box-shadow:0px 0px 2px 0px rgba(50, 50, 50, 0.79); -moz-box-shadow:0px 0px 2px 0px rgba(50, 50, 50, 0.79); box-shadow:0px 0px 2px 0px rgba(50, 50, 50, 0.79); }
#galeria a img { display:block; position:absolute; max-width:96%; max-height:86%; left:0; right:0; top:0; margin:2% auto; border:none;
	-webkit-box-shadow:0px 0px 1px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 0px 1px 0px rgba(50, 50, 50, 0.5); box-shadow:0px 0px 1px 0px rgba(50, 50, 50, 0.5); }
#galeria a .cimke { position:absolute; width:100%; height:20px; left:0; bottom:0; background: rgba(255, 255, 255, 0.6); line-height:20px; overflow:hidden; text-align:center; font-style:italic; color:#666; }
#galeria a:hover .cimke { background:none; }



img.max {
	width:expression(this.width > 148 && (this.width/this.height) > 1 ? 148 :true);
	height:expression(this.height > 132 && (this.width/this.height) <= 1 ? 132 :true); 
	max-width:90%;
	max-height:132px;
}

.autok {  }
	.autok a { display:block; float:left; width:38%; margin:1% 2%; padding:2% 4%; background:#fff; text-align:center; color:#373737; transition:all 0.3s ease 0s; }
	.autok a:hover { transform:translate(0, -20px); }
	.autok a img { width:80%; height:auto; max-height:217px; border:none; }
	.autok a h3 { color:#555; margin:15px; }
	.autok:after { content: ''; display: block; clear: both; }

#order { display:block; margin:0 auto; width:100%; max-width:1226px; padding:10px 0; border:0; background:-webkit-linear-gradient(top, rgb(225,225,225), rgb(200,200,200)); background:-o-linear-gradient(bottom, rgb(225,225,225), rgb(200,200,200)); background:-moz-linear-gradient(bottom, rgb(225,225,225), rgb(200,200,200)); background:linear-gradient(to bottom, rgb(225,225,225), rgb(200,200,200)); }
.tip { text-align:center; padding:5px 0; }
	.tip a { display:inline-block; padding:5px 0px 5px 80px; margin:5px; width:210px; height:70px; text-align:left; color:#e4e4e4; font-size:20px; line-height:35px; text-shadow:1px 1px 0px rgba(0,0,0,0.75); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; transition:all 0.2s linear; }
	.tip a.aktiv { color:#fff; -webkit-box-shadow:0px 0px 3px 2px rgba(0, 255, 0, 0.9); -moz-box-shadow:0px 0px 3px 2px rgba(0, 255, 0, 0.9); box-shadow:0px 0px 3px 2px rgba(0, 255, 0, 0.9); }
		.tip a#airport { background:#949494 url(icon.png) 0 -200px no-repeat; }
		.tip a#ship { background:#949494 url(icon.png) 0 0 no-repeat; }
		.tip a#train { background:#949494 url(icon.png) 0 -100px no-repeat; }
		.tip a#other { background:#949494 url(icon.png) 0 -300px no-repeat; }
	
	#order div { }
		#order div.opc { margin:1% 1%; background:#b8b8b8; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	#order .s { width:99%; margin:1% 0.5%; }
	#order .d { width:49%; margin:1% 0.5%; float:left; }
	
	#order label { display:block; width:100%; height:35px; margin:0; font-size:16px; line-height:35px; background:#015db6; color:#fff; text-align:center;
	-moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; }
	#order input, #order textarea, #order select, #order .inputdiv { width:100%; height:45px; background:#fff; border:0; margin:0; padding:0; font-size:20px; text-indent:8px; line-height:35px; color:#949494; 
	-moz-border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-box-shadow:0px 2px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow:0px 2px 2px 0px rgba(50, 50, 50, 0.2); box-shadow:0px 2px 2px 0px rgba(50, 50, 50, 0.2);  }
		#order input.c, #order textarea.c, #order select.c,  #order .inputdiv.c { text-indent:0; text-align:center; }
	#order textarea { box-sizing:border-box; height:75px; text-indent:0px; padding:8px; line-height:normal; }
	
	#order .hiba { -webkit-box-shadow:0px 0px 3px 1px rgba(255, 0, 0, 0.3); -moz-box-shadow:0px 0px 3px 2px rgba(255, 0, 0, 0.3); box-shadow:0px 0px 3px 1px rgba(255, 0, 0, 0.3); }

		
	#order .inputdiv { line-height:45px; height:auto; min-height:45px; }
	
	#order .nostyle { width:auto; height:auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	#order .button { width:200px; margin:0 auto; cursor:pointer; }
	
	
	.type a { display:block; float:left; width:49%; height:150px; margin:0.5%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.2); }
		.type a img { float:left; width:200px; height:auto; margin:0 10px; }
		.type a span { display:block; line-height:20px; height:45px; text-indent:0; }
		.type a span.name { font-weight:bold; margin-top:15px; }
		.type a span.age { font-size:14px; color:#929292; }

	.type a:hover { -webkit-box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.4); box-shadow:0px 0px 1px 0px rgba(0, 0, 0, 0.4); }
	.type a.aktiv { -webkit-box-shadow:0px 0px 3px 2px rgba(0, 255, 0, 0.9); -moz-box-shadow:0px 0px 3px 2px rgba(0, 255, 0, 0.9); box-shadow:0px 0px 3px 2px rgba(0, 255, 0, 0.9); }
	
	.intl-tel-input { width:100% !important; }


/* form */

.form { display:block; padding:15px; background:#f0f0f0; border:1px solid #dddddd; }
.form label { float:left; width:35%; text-align:right; font-weight:bold; line-height:normal; margin:6px 5px 4px 0; }
.form input, .form textarea, .form select { width:35%; margin:5px 0; padding:5px 0; font-family:arial; text-indent:5px; font-size:100%; }
	.form select { width:36%; text-indent:0; }
	.form textarea { height:50px; }

.form br.form { clear:left; }
.form .hiba { border:2px solid #f9ce1f; }

.button { display:block; clear:both; width:250px; max-width:95%; text-align:center; padding:8px 0; margin:25px auto; background:#e0e0e0; border:5px solid #d0d0d0; cursor:pointer; color:#333; font-weight:bold;
-moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; }
	.button:hover { color:#fff; background:#d2d2d2; }



/* menu */
.ddmenu ul { padding:0; margin:0 auto; list-style-type:none; display:inline-block; }

.ddmenu li { position:relative; width:148px; }
.ddmenu.horizontal li { float:left; }

.ddmenu a { display:block; height:40px; line-height:40px; text-indent:10px; font-size:95%; text-decoration:none; text-align:left; color:#4e4e4e; font-weight:bold; background:#fff; transition:background 0.15s; overflow:hidden; }
.ddmenu.horizontal a { text-indent:0px; text-align:center; }
.ddmenu a:hover, .ddmenu li:hover > a { color:#000; background:#eee; transition:background 0.25s; }
.ddmenu.horizontal a:hover, .ddmenu.horizontal li:hover > a {  }

.ddmenu a.aktiv { color:#1e1e1e; }
.ddmenu a.sarga { background:#ffcc00; }


.ddmenu .show a { text-align:right !important; font-size:85%; }
.ddmenu .show a img { width:16px; height:16px; border:none; padding:0 8px; vertical-align:middle; }

/* style sub level links */
.ddmenu ul ul a { height:34px; line-height:34px; margin:0; }

.ddmenu.horizontal ul ul a {  }
.ddmenu.horizontal ul ul a:hover, .ddmenu.horizontal ul ul li:hover > a { }


.ddmenu ul ul, .ddmenu.horizontal ul ul ul { width:150px; position:absolute; z-index:1000; padding:40px 150px 80px 10px; left:138px; top:-38px; visibility:hidden; opacity:0; -webkit-transform:translateX(5%); -ms-transform:translateX(5%); -moz-transform:translateX(5%); -o-transform:translateX(5%); transform:translateX(5%); } /* függőleges 2. és 3+ szint pozicio (minus the overrun) */
.ddmenu.horizontal ul ul { top:40px; left:-10px; padding:0px 150px 80px 10px; } /* vizszintes 2. pozicio (minus the overrun) */

.ddmenu.horizontal ul li.left ul { padding:0px 10px 80px 10px; } /* position the third+ level flyout menuh for a left flyout */
.ddmenu.horizontal ul li.left ul ul { top:-38px; left:-298px; padding:40px 10px 80px 150px; } /* position the third+ level flyout menuh for a left flyout */



/* -webkit csak régi safarihoz (chrome frissiti magat igy nincs regi) -webkit-transition:all = safari bug;    transition:visibility 1s linear = google app bug transition:visibility 0s linear jó + greywyvern. com/?post=337 */
.ddmenu ul.gombok, .ddmenu ul :hover ul, .ddmenu ul ul :hover ul, .ddmenu ul ul ul :hover ul, .ddmenu ul ul ul ul :hover ul, .ddmenu ul ul ul ul ul :hover ul, .ddmenu ul ul ul ul ul ul :hover ul { -moz-transition:transform 0.1s linear, opacity 0.2s linear, visibility 0s linear; -o-transition:transform 0.1s linear, opacity 0.2s linear, visibility 0s linear; transition:transform 0.1s linear, opacity 0.2s linear, visibility 0s linear; } /* make sub levels to 6 visible when hover on previous level list OR link */
.ddmenu ul.gombok.latszik, .ddmenu ul ul, .ddmenu ul :hover ul ul, .ddmenu ul ul :hover ul ul, .ddmenu ul ul ul :hover ul ul, .ddmenu ul ul ul ul :hover ul ul, .ddmenu ul ul ul ul ul :hover ul ul { -moz-transition:transform 0.3s linear, opacity 0.3s linear, visibility 0s linear 0.2s; -o-transition:transform 0.3s linear, opacity 0.3s linear, visibility 0s linear 0.2s; transition:transform 0.3s linear, opacity 0.3s linear, visibility 0s linear 0.2s; } /* keep the sub level hidden */



.ddmenu ul :hover ul { visibility:visible; opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); } /* make the second level visible when hover on first level list OR link */
.ddmenu ul :hover ul ul { visibility:hidden; opacity:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } /* keep the third level hidden when you hover on first level list OR link */
.ddmenu ul ul :hover ul{ visibility:visible; opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); } /* make the third level visible when you hover over second level list OR link */
.ddmenu ul ul :hover ul ul{ visibility:hidden; opacity:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.ddmenu ul ul ul :hover ul { visibility:visible; opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }
.ddmenu ul ul ul :hover ul ul { visibility:hidden; opacity:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.ddmenu ul ul ul ul :hover ul { visibility:visible; opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }
.ddmenu ul ul ul ul :hover ul ul { visibility:hidden; opacity:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.ddmenu ul ul ul ul ul :hover ul { visibility:visible; opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }
.ddmenu ul ul ul ul ul :hover ul ul { visibility:hidden; opacity:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.ddmenu ul ul ul ul ul ul :hover ul { visibility:visible; opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }





@media all and (max-width: 1280px) {
	   /*  desktop view */
	#fslidetext { font-size:250%; margin:5px -5px; }
	
	#fej .fejlogo { height:200px; }

	#lap { width:99%; }
		
	#galeria a { width:24%; padding-bottom:18%; }
}

@media all and (max-width: 1024px) {
	   /*  laptop view */
	#fslidetext { font-size:200%; margin:10px -10px; }
	
	#fej .fejlogo { height:150px; }
	
	#lap { width:99%; }
	
	.ddmenu ul { width:100%; }
	.ddmenu li { width:20%; }
	.ddmenu ul ul li { width:100%; }
	.ddmenu a { text-indent:0; font-size:90%; border:none; }
	
	#galeria a { width:32.3%; padding-bottom:24%; }
}

@media all and (max-width: 768px) {
	   /* Tablet view */
	table { display:block; overflow-x:auto; }
	
	#fslidetext { font-size:150%; margin:15px -15px; }
	
	#fej .fejlogo { height:100px; left:0; right:0; margin:0 auto; }
	
	.fluid { width:100%; }
	
	#lap { width:100%; }
	
	#tart #cont img { max-width:100%; height:auto !important; }
	
	#lab h3 { font-size:80%; }
	
	#fej #menu { height:40px; }
	#fej #menu .show { display:block; }
	
	.ddmenu ul.gombok { visibility:hidden; opacity:0; background:#aaa; -webkit-box-shadow:0px 8px 8px rgba(50, 50, 50, 0.79); -moz-box-shadow:0px 8px 8px rgba(50, 50, 50, 0.79); box-shadow:0px 8px 8px rgba(50, 50, 50, 0.79); -moz-transition:transform 0.2s linear, opacity 0.2s linear, visibility 0s linear 0.3s; -o-transition:transform 0.2s linear, opacity 0.2s linear, visibility 0s linear 0.3s; transform:translateY(-150%); transition:transform 0.2s linear, opacity 0.2s linear, visibility 0s linear 0.3s; }
	.ddmenu ul.gombok.latszik { visibility:visible; opacity:1; transform:translateY(0px); transition-delay:0s; }
	
	.ddmenu li { width:100%; float:none !important; }
	.ddmenu ul.gombok ul { left:0 !important; top:0 !important; padding:0 !important; margin:0 !important; visibility:visible !important; opacity:1 !important; -webkit-transform:none !important; -ms-transform:none !important; -moz-transform:none !important; -o-transform:none !important; transform:none !important; }
	
	.ddmenu ul { width:100% !important; z-index:1000; position:relative !important; }
	.ddmenu ul a { text-indent:10px !important; font-size:100%; text-align:left !important; border-left:none !important; border-right:none !important; border-top:none !important; border-bottom:1px solid #eee; }
	.ddmenu ul ul a { text-indent:20px !important; font-size:95%; }
	.ddmenu ul ul ul a { text-indent:25px !important; font-size:90%; }
	.ddmenu ul ul ul ul a { text-indent:30px !important; font-size:85%; }
	.ddmenu ul ul ul ul ul a { text-indent:35px !important; font-size:80%; }
	.ddmenu ul ul ul ul ul ul a { text-indent:40px !important; font-size:75%; }
	
	#galeria a { width:48%; padding-bottom:37%; margin:1%; }
	
	#tart .responsive { display:none; }
	
	#order .s, #order .d { width:99%; float:none; margin:3% 0.5%; }
	.type a { width:99%; height:auto; min-height:75px; margin:1%; }
	.type a img { width:100px; }
	.type a span { height:auto; margin:0; }
	
	.autok a { width:88%; margin:3% 2%; }
	.autok a:hover { transform:translate(0, -15px); }
}


@media all and (max-width: 400px) {
	   /* Smartphone view */
	#fslidetext { font-size:125%; margin:20px -20px; }
	
	#fej .fejlogo { height:80px; }
	
	#lap { width:100%; }
	
	#lab h3 { font-size:70%; }
	
	#tart #cont { padding:10px 5px; font-size:90%; }
	
	#galeria { margin:10px 0; }
	#galeria a { width:98%; padding-bottom:72%; margin:1%; }
	
	h1 { font-size:140%; }
	h2 { font-size:120%; }
	h3 { font-size:100%; }

	label { float:none; width:100%; margin:6px 0; }
	input, textarea, select { width:100%; }
	
	.type a span { font-size:14px; }
}