@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
	


@media only screen and (max-width: 768px) {
	
	#nomobile { display:none;}
	#mobile { display:block;}
	
	body, html {width: 100%!important; overflow-x: hidden!important;}

	body { font-size: 3.8vw; }
	h1 { font-size: 9vw; margin:0; padding:0; }
	h2 { font-size: 7vw; margin:0; padding:0; }
	h3 { font-size: 4.5vw; margin:0; padding:0; }
	h4,h5,h6 { font-size: 4.5vw; margin:0; padding:0; }
	input, textarea, select, button {font-size: 3.8vw; }
	
	#loader {  background: url("/img/total_gyorsettermek.png") no-repeat scroll center center #000;  position: fixed;  height: 100%;   width: 100%; z-index:9999999; background-size:50%;}
	#loader img { width:10%; position:absolute; bottom:10%; left:45%; animation: loading 1s infinite ease-in-out;}
	#scroll_a_tetore{ width:8vw; height:8vw; text-align:center; position:fixed; bottom:1%; left:46%; display:none; background: url('/img/icon_nyilfel.png') no-repeat; opacity: 0.5; z-index:9000; background-size: cover;}
	#scroll_a_tetore:hover { opacity:1.0;}
	
/*slider*/
	#slider_container {position: relative; overflow: hidden; width:100%; height:100vh; background:url(/img/bg_slider.jpg); background-size:cover;}
	#slider {width:100%; margin:0; height:100vh; text-align:center; }	
	#slider_container_p {position: relative; overflow: hidden; width:100%; height:20vh; background:url(/img/bg_slider.jpg); background-size:cover;}
	#slider_p {width:100%; margin:0; height:20vh; text-align:center; }	
	
	#felsosav { position:fixed; width:100%; height:15vw; background-image:url('/img/arny1.png'); background-size: cover; background-position: bottom center; z-index:5000; background-repeat:no-repeat; }
	
	#menu { position:fixed; top:0; right:0; width: 15vw; height:15vw; z-index:9999;}
	#menu svg {position:fixed; top:2vw; right:1vw; width: 8vw; height:8vw; z-index:9999;}
	.menu_pre { position: fixed; top:0; right:-100%; width: 15vw; height:15vw; z-index:9999; transition-duration: 0.6s;}
	.menu_pre.o { position: fixed; top:0; right:0; width: 15vw; height:15vw; z-index:9999; transition-duration: 0.3s;}
	#menu_pre svg { position:absolute; top:2vw; right:1vw; width: 8vw; height:8vw; z-index:9999;}
	#menu_close { position: absolute; width: 10vw; height:10vw;  right:0; background:#e91e09;  padding: 1.0vw}
	#menu_close svg { z-index:9999;}
	

	.hidemenu { top:0; right: -100%; background-color:#e91e09; position: fixed;  transition-duration: 0.6s; z-index:999999; width:100%; height:100vh; }
	.hidemenu.o { top:0; right: 0; background-color:#000; position: fixed; transition-duration: 0.3s;  z-index:999999; width:100%; height:100vh; overflow: scroll; }
	
	#nagymenu_container { padding:10vh 5% 10vh 5%; width:90%; height:200vh; display:flex; flex-wrap: wrap;}
	#nagymenu_item_01 { width:100%;}
	#nagymenu_item_02 { width:100%; padding:0 0 0 0; text-align:center; margin: 10vw 0 0 0;}
	#nagymenu_item_03 { width:100%; text-align: center; margin: 10vw 0 0 0;}
	#nagymenu_container h3, #nagymenu_container h3 a, #nagymenu_container h2, #nagymenu_container h3, #nagymenu_container h4 a, #nagymenu_container h5,#nagymenu_container div { color:#fff;}
	#nagymenu_container h3 a:hover { color:#e91e09;}
	#nagymenu_container h3 { font-size: 5.5vw; display:block; padding:1.5% 0;}
	#nagymenu_container h4 { font-size:2.8vw; text-transform: uppercase; display:inline-block; margin: 2vw 0 0 0;}
	#nagymenu_container h5 { font-size:3.9vw;  display:inline-block; margin: 1% 0 0 0;}
	
	#nagymenu_item_etelek { width:33.333%; height:26vw; float:left; position:relative; overflow:hidden; }
	#nagymenu_item_etelek img { width:100%; opacity:0.5;}
	#nagymenu_item_etelek .nagymenu_item_kep { position:absolute; top:0; left:0; z-index:100; }
	#nagymenu_item_etelek:hover img { transform:scale(1.2,1.2); opacity:1; }
	#nagymenu_item_etelek h1 { color:#fff; font-size: 4vw;text-shadow: 0 0 100px #fff; text-align:center;}
	#nagymenu_item_etelek:hover h1 { color:#e91e09; transform:scale(2.4,2.4);text-shadow: 0 0 100px #fff; opacity:0; transition-duration: 1.5s;}
	#nagymenu_item_etelek .nagymenu_item_szoveg { display:flex; align-items: center; justify-content:center; width:100%; height:100%; position:absolute; z-index:200;}
	
	.hidekereses { bottom:-100vh; left:25%; background:rgba(0,0,0,0.8); position:fixed;  transition-duration: 0.7s; z-index:99999; width:50%; height:0; }
	.hidekereses.o { bottom:0; left: 0; background:rgba(0,0,0,0.8); position:fixed; transition-duration: 0.3s;  z-index:99999; width:100%; height:100vh; }
	#kereses_container {display:flex; color:#fff; align-items: center; text-align:center; height:100vh; width:100%; text-align:center;  }
	#kereses_item { width:100%; background-color:#000; z-index:999999;}
	#kereses_item input {font-family: "Roboto", sans-serif; font-weight: 100; font-style: normal; text-transform: uppercase; font-size: 10vw; padding:2vw 0; background:none; color:#fff; border:none; text-align:center; border-bottom:1px solid #fff; border-top:1px solid #fff; width:100%;}
	
	.hidelogin { bottom:-100vh; left:25%; background:rgba(0,0,0,0.8); position:fixed;  transition-duration: 0.7s; z-index:99999; width:50%; height:0; }
	.hidelogin.o { bottom:0; left: 0; background:rgba(0,0,0,0.8); position:fixed; transition-duration: 0.3s;  z-index:99999; width:100%; height:100vh; }
	#login_container {display:flex; color:#fff; align-items: center; text-align:center; height:100vh; width:100%; text-align:center;  }
	#login_item { width:75%; margin:auto;}
	#login_item a { color:#fff;}
	#login_item a:hover { color:#e91e09;} 
	#login_item input { width:auto;}
	#login_item .loginmezo { background:none; color:#fff; border:none; text-align:center; border:1px solid #fff; border-radius: 8vw; width:100%; font-size:5vw; width:100%;}
	#login_item img { width:10%;}
	
	#logo {top:1%; margin:0 0 0 1vw; z-index:99999; position:relative;}
	#logo img {max-width: 100%; position: absolute; top: 0; left: 0;}
	#logo:hover img { transform:scale(1.2,1.2);}
	.logo_scrollmeret {width:28%; transition-duration:1s;}
	.logo_scrollmeret_o {width:15%; transition-duration: 1s;}
	#logo_fade_01 {animation: logo_anim_01 14s infinite ease-in-out;}
	#logo_fade_02 {animation: logo_anim_02 14s infinite ease-in-out;}
	#logo_fade_03 {animation: logo_anim_03 14s infinite ease-in-out;}
	#logo_fade_04 {animation: logo_anim_04 14s infinite ease-in-out;}
	
	#pontshop_logo {bottom:3%; right:-3%; position:fixed; width:18%; z-index:100; transition-duration:1s;}
	#pontshop_logo img {width: 100%; opacity:0.8;  text-shadow: 0 0 10px #000000;}
	#pontshop_logo:hover { right:1%; opacity:1; transform:scale(1.2,1.2); transition-duration:0.5s;}
	#pontshop_logo img:hover { opacity:1;}
	
	#hirlevel_logo {bottom:3%; left:-3%; position:fixed; width:18%; z-index:9999; transition-duration:1s;}
	#hirlevel_logo img {width: 100%; opacity:0.8;  text-shadow: 0 0 10px #000000;}
	#hirlevel_logo:hover { left:1%; opacity:1; transform:scale(1.2,1.2); transition-duration:0.5s;}
	#hirlevel_logo img:hover { opacity:1;}
	
	#headermenu { position:fixed; top:2.5vw; right:15vw; width: 60%; height:13vw; z-index:9999; white-space:nowrap; text-align:right;}
	#headermenu svg { height:6vw; vertical-align: middle;}
	#headermenu a { margin:0 0 0 3%; color:#fff;}
	#headermenu_telefonszam { display:none;}
	
	#kosar_szamlalo { position: absolute; right:7.3vw; top:4.5vw; width:3.3vw; height:3.3vw; font-size:2.5vw;  border-radius: 30px; background:#e91e09; color:#fff; text-align:center; }
	.kosar_gomboszlop { width:10%;}
	.kosar_evoeszkozbox {width:92%; margin: 2vw 0; padding:4% 4% 15% 4%; background:url(/img/kosar_evoeszk_bg.png); background-size: contain; background-repeat:no-repeat; background-position: bottom center; animation: evoeszkoz 5s infinite ease-in-out;}
	
	#nevnap_top {position: relative; bottom:10vw; width:100%; height:10vw;  background-image:url('/img/arny2.png'); background-size: cover; background-position: top center; z-index:1000; }
	#nevnap {padding:2vh 0 5vh 0; color:#fff; font-size: 3vw; background:#000; margin:-10vw 0 0 0;}

	#nyito_kiemelt_container { width:100%; background:url(/img/bg01.jpg); background-size:cover; display:flex; align-items:center; position:relative; flex-wrap: wrap; flex-direction:  column-reverse;}
	#nyito_kiemelt_szoveg { width:100%; padding:2%; color:#fff;}
	#nyito_kiemelt_szoveg .kiemelthatter { position: absolute; top: 2%; left:2%; opacity:0.1; color:#fff; font-size:10vw; font-weight:400;}
	#nyito_kiemelt_szoveg .kiemeltar { font-size: 10vw;}
	#nyito_kiemelt_szoveg .kiemeltkosar { width:90%; text-align:right; margin:0 0 2vw 0;}
	#nyito_kiemelt_szoveg h2 { font-size:10vw; margin:0 0 2vw 0;}
	#nyito_kiemelt_kep { width:100%;}
	
	
	#nyito_kiemeltkat_container {width:100%; background:#000!important; display: flex; flex-wrap: wrap; }
	
	#nyito_kiemeltkat_fokat_inner { width: 100%; }
	#nyito_kiemeltkat_fokat_item_imgcontainer {width: 100%; aspect-ratio: 10 / 5; overflow: hidden; display: flex; align-items: center; justify-content: center;}
	#nyito_kiemeltkat_fokat_item img {  min-width: 100%;  min-height: 100%; transition-duration: 0.3s;}
	#nyito_kiemeltkat_fokat_item:hover img { transform:scale(1.05,1.05); opacity:1; transition-duration: 0.3s;}
	
	#nyito_kiemeltkat_etelek_inner { width: 100%; display: flex; flex-wrap: wrap; align-items: stretch;}
	
	#nyito_kiemeltkat_etelek_item { width:48%;  overflow:hidden; text-align:center; margin: 0 1% 2% 1%; background: #282828;}
	#nyito_kiemeltkat_etelek_item_imgcontainer {width: 100%; aspect-ratio: 16 / 9; overflow: hidden; display: flex; align-items: center; justify-content: center;}
	#nyito_kiemeltkat_etelek_item img {  min-width: 100%;  min-height: 100%; width: 100%; height: 100%;}
	#nyito_kiemeltkat_etelek_item:hover img { transform:scale(1.05,1.05); opacity:1; }
	#nyito_kiemeltkat_etelek_item h4 { color:#fff; text-shadow: 0 0 30px #fff; transition-duration: 0.3s; }
	#nyito_kiemeltkat_etelek_item:hover h4 {  transform:scale(0.95,0.95);text-shadow: 0 0 100px #fff; opacity:1; transition-duration: 0.3s;}
	#nyito_kiemeltkat_etelek_item h5  { opacity:0; position: absolute; top:0%; left:0; right:0; z-index:300; text-align:center; padding: 0.5vw; transition-duration: .3s;}
	#nyito_kiemeltkat_etelek_item h5 p, #nyito_kiemeltkat_etelek_item h5 span, #nyito_kiemeltkat_etelek_item h5 div, #nyito_kiemeltkat_etelek_item h5 a { padding:0; margin:0;}
	#nyito_kiemeltkat_etelek_item:hover h5, #nyito_kiemeltkat_etelek_item:hover h5 a { opacity:1; color:#fff; background:rgba(233,30,9,0.8); top:18%; transition-duration: .3s;}
	#nyito_kiemeltkat_etelek_item_ar { width: 10vw; height:  10vw; border-radius: 100%; position: absolute; top: 0.2vw; right: 0.2vw; background: #e91e09; display: flex; justify-content: center; align-items: center; box-shadow: -5px 5px 20px 0px #666; color: #fff; z-index: 100;  transition-duration: .6s; font-size: 2.5vw;}
	#nyito_kiemeltkat_etelek_item:hover nyito_kiemeltkat_etelek_item_ar {width: 3.0vw; height:  3.0vw; transition-duration: .3s; font-size: 75%;}
	#nyito_kiemeltkat_etelek_item .etelek_szoveg { width:90%;  padding: 5%; }
	
	#nyito_kat_container {width:100%; background:#000!important; display: flex; flex-wrap: wrap; text-align: center; justify-content: center;}
	#nyito_kat_inner { width: 100%; }
	#nyito_kat_item_imgcontainer {width: 100%; aspect-ratio: 10 / 5; overflow: hidden; display: flex; align-items: center; justify-content: center;}
	#nyito_kat_item img {  min-width: 100%;  min-height: 100%;  width: 100%; height: 100%; transition-duration: 0.3s;}
	#nyito_kat_item:hover img { transform:scale(1.05,1.05); opacity:1; transition-duration: 0.3s;}
	
	.nyito_kiemeltkat_button {position: relative; bottom: 5.5vw; left: 10%;}
	.nyito_kiemeltkat_button svg {height: 3vw!important;}
	.nyito_kat_button { position: relative; bottom: 5.5vw; }
	
	#nyito_uzletek_container {width:100%; background:url(/img/bg02.jpg); background-size:cover; background-position: bottom center; padding:0 0 5vw 0;}
	#nyito_uzletek_container h6 { font-size:4vw; color:#fff; text-align:center; margin:0 0 2vw 0;}
	#nyito_uzletek_gyros { display:flex; color:#fff; margin:auto; align-items: center; flex-wrap:wrap;}
	#nyito_uzletek_gyros img { width:100%;}
	#nyito_uzletek_gyros div { width:100%; padding:1%; text-align:center; margin:0 0 2vw 0;}
	#nyito_uzletek_pizza { display:flex; color:#fff; margin:auto; align-items: center; flex-wrap:wrap; flex-direction:  column-reverse;}
	#nyito_uzletek_pizza img { width:100%;}
	#nyito_uzletek_pizza div { width:100%; padding:1%; text-align:center;}
	
	#nyito_galeria_container {width:100%; background:url(/img/bg-galeria.jpg); background-size:500%; background-position: 0 0; }
	#nyito_galeria_inner { text-align:center; padding:15vw 0;}

	#nyito_szallitas_container {width: 100%; margin: auto; padding:2vw 0; display:flex; flex-wrap:wrap;}
	#nyito_szallitas_container h2 { text-align: center; color:#e91e09;}
	.nyito_szallitas_kep img { width:100%;}
	.nyito_szallitas_kep { width:100%;}
	.nyito_szallitas_szoveg { width:96%; margin:auto;}
	.nyito_szallitas_szoveg div { text-align: center;}
	
	#aloldalcim_container {width:100%; background:url(/img/bg-aloldalcim.jpg); background-size:cover; background-repeat: no-repeat; background-position: 0 0; }
	#aloldalcim_container h3, #aloldalcim_container h3 a {color:#000; text-align:center; font-size: 6vw; text-transform:uppercase;padding:25vw 0 5vw 0; font-weight: 300;}
	#aloldalcim_container h3 a:hover { color:#e91e09;}
	.aloldalcim_hatterbetu {position: absolute; top: -5%; left:3%; opacity:0.1; color:#fff; font-size:10vw!important; font-weight:400;}
	#aloldalcim_container_bott {width:100%; background:url(/img/arny2.png); background-size:cover; background-position: top center; height:2.2vw;}

	#etelek_container { width:100%; background:#000!important; background:url(/img/bg01X.jpg); background-size:cover; background-position: center; background-attachment:fixed; display: flex; flex-wrap: wrap; align-items: stretch!important;}
	#etelek_item { width:47%;  overflow:hidden; text-align:center; margin: 1.5%; background: #282828;}
	#etelek_item_imgcontainer {width: 100%; aspect-ratio: 16 / 9; overflow: hidden; display: flex; align-items: center; justify-content: center;}
	#etelek_item img {  min-width: 100%;  min-height: 100%;}
	#etelek_item:hover img { transform:scale(1.05,1.05); opacity:1; }
	#etelek_item h4 { padding:0; margin: 0!important; color:#fff; text-shadow: 0 0 30px #fff; transition-duration: 0.3s; }
	#etelek_item:hover h4 {  transform:scale(0.95,0.95);text-shadow: 0 0 100px #fff; opacity:1; transition-duration: 0.3s;}
	#etelek_item h5  { opacity:0; position: absolute; top:0%; left:0; right:0; z-index:300; text-align:center; padding: 1.5vw; transition-duration: .3s;}
	#etelek_item h5 p, #etelek_item h5 span, #etelek_item h5 div, #etelek_item h5 a { padding:0; margin:0;}
	#etelek_item:hover h5, #etelek_item:hover h5 a { opacity:1; color:#fff; background:rgba(233,30,9,0.8); top:28%; transition-duration: .3s;}
	#etelek_item .etelek_szoveg { width:90%;  padding: 5%; }
	#etelek_item_ar { width: 10vw; height:  10vw; border-radius: 100%; position: absolute; top: 0.2vw; right: 0.2vw; background: #e91e09; display: flex; justify-content: center; align-items: center; box-shadow: -5px 5px 20px 0px #666; color: #fff; z-index: 100;  transition-duration: .6s; font-size: 2.5vw;}
	#etelek_item:hover #etelek_item_ar {width: 9.0vw; height:  9.0vw; transition-duration: .3s; font-size: 60%;}

	
	#etelek_szallitasblokk_container {width: 100%; margin: auto; padding:5vw 0;}
	#etelek_szallitasblokk {width:100%; }
	#etelek_szallitasblokk_szoveg { width:100%;}

	#etel_bg {width:100%; background:url(/img/bg02.jpg); background-size:cover; background-position:center;}
	#etel_container {  display:flex; align-items:center; flex-wrap: wrap; }
	#etel_szoveg { width:100%; padding:2%; color:#fff;}
	#etel_szoveg .etelar { font-size: 8vw; }
	#etel_kedvenc svg { height: 6vw;}
	.menu_etelar { color: #fff; font-size: 5vw; }
	#etel_szoveg h2 { font-size:10vw; margin:0 0 5vw 0;}
	#etel_kep { width:100%;}
	#etel_feltet { width:100%;}
	#etel_feltet h3 { color:#e91e09; font-size:5vw; padding:5vw; margin-top: 10vw;}
	
	#etel_feltetlista_container { width:100%; margin: 5vw 0 0 0;}
	#etel_feltetlista_inner { width:100%; margin: auto; display: flex; flex-wrap: wrap;}
	#etel_feltetlista_item { text-transform:uppercase; font-size:4vw; color:#fff;width:96%; padding:0 2%; float:left;}
	#etel_feltetlista_item input { transform:scale(1.5,1.5); width:auto!important;}
	#etel_feltetlista_item img { height:18vw; vertical-align:middle; margin: 0 0.7vw;}
	#etel_feltetlista_item span { color:#e91e09;}
	#etel_feltetlista_item label { cursor:pointer;text-transform:capitalize!important; }
	
	#etel_etelek_container { width:100%; background:#000; background:url(/img/bg2.jpg); background-size:cover; background-position: center; background-attachment:fixed; }
	#etel_etelek_container h3  { margin: 0vw 0 5vw 0;}
	#etel_etelek_inner { align-items: stretch!important; width:100%; margin: auto; display: flex; flex-wrap: wrap;}
	#etel_etelek_item { width:49%; margin:0.5%;   overflow:hidden!important; text-align:center; background: #000;}
	#etel_etelek_item h4  { text-align:center; padding: 2vw; margin: 0;}
	#etel_etelek_kep {width: 100%; aspect-ratio: 16 / 9;}
	#etel_etelek_ar { width: 10vw; height:  10vw; border-radius: 100%; position: absolute; top: 0.2vw; right: 0.2vw; background: #e91e09; display: flex; justify-content: center; align-items: center; box-shadow: -5px 5px 20px 0px #666; font-size: 2.5vw;}
	#etel_etelek_item input { transform:scale(1.5,1.5); width:auto!important; margin-right: 2.5vw;}
	#etel_etelek_item label { cursor:pointer;}
	.etel_etelek_toggle {height: 450px; overflow-y: hidden!important;}
	.etel_etelek_toggle.o {height: auto;}
	.etel_etelek_osszes {display: block;}
	.etel_etelek_osszes.o {display: none;}
	.etelkosar {background: #000; padding: 10vw 0;}
	
	.hirlevel_input {width: 90%;  margin: 1vw 0 0 0;}
	
	#tartalom_container {width: 96%;margin: auto; padding:2vw 0;}
	
	.galeriak_inner { display: flex; flex-wrap: wrap; margin: 0 0 10vw 0; }
	.galeriak_item { width: 50%; aspect-ratio: 16 / 9; overflow: hidden;}
	.galeriak_item img {width: 100%; }
	
	.galeria_inner { display: flex; flex-wrap: wrap; margin: 0 0 3vw 0;}
	.galeria_item { width: 100%; padding: 2% 0%; }
	.galeria_item img {width: 100%; }
	
	.hirek_item { width: 100%; margin: 0 0 10vw 0; }
	.hirek_szoveg {width: 100%;}
	.hirek_kep { width: 100%; margin: 0 0 5vw 0;}
	.hirek_kep img { width: 100%;}
	.hirek_datum {opacity: 0.5;}
	
	.hir_tartalomkep { width: 100%; margin: 5vw 0;}
	.hir_galeria_inner { width: 100%; margin: 0 0 3vw 0; display: flex; flex-wrap: wrap;}
	.hir_galeria_item { width: 100%; margin: 0 0 5vw 0;}
	.hir_galeria_item img {width: 100%; }
	
	
	#galeria_leiras * {all: unset;}
	#galeria { width:100%; }
	#galeria img { width:100%; margin:0 0 2vw 0;}
	
	#uzletek { width:100%; text-align:center;}
	#uzletek .kapcskep { width:75%; padding:0; margin:0 auto 2vw auto;}
	

	#pontshop_nev { position: fixed; color:#000!important; line-height:12vw; right:2%; top:0;  z-index:9999;}
	#pontshop_felsosav { position:fixed; width:100%; height:15vw; background-image:url('/img/arny1_pontshop.png'); background-size: cover; background-position: bottom center; z-index:5000; background-repeat:no-repeat;}
	#pontshop_felsosav #logo { width:20%;}
	#pontshop_nyitolap { width:100%; height:100vh; display:flex; justify-content: center; align-items:center; background-image:url('/img/pontshop_nyito_bg.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;}
	#pontshop_nyitolap div { width:80%; padding:4vw; background:rgba(255,255,255,0.1); border:1px solid #fff; color:#fff; }
	#pontshop_nyitolap a { text-transform: uppercase; text-decoration:none;  background: #ffd504; color:#000; cursor:pointer;transition-duration: 1.2s; border: 0.3vw solid #000; padding:3vw; display:block; font-weight:700;}
	#pontshop_nyitolap a:hover { background:none; color:#fff; border: 0.3vw solid #fff;}
	
	
	.tiltott_kategoria_container {width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999998; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center;}
	.tiltott_kategoria { padding: 6% 10%; background: #fff; box-shadow: 0 0 90px 00px #f00; position: fixed; z-index: 9999999; width: 60%;}
	
	
	#footer_container {width:100%; background:url(/img/footer_bg01.jpg); background-size:cover; background-position: top center; padding:10vw 0 8vw 0; }
	#footer_container * { color:#fff;}
	#footer_container a:hover { color:#000;}
	
	#footer_logok {width: 100%; margin: auto; }
	#footer_logok div { padding:0 0 5vw 0; width:100%; text-align:center;}
	#footer_logok img { width:35%;}
	#footer_logok img:hover { transform:scale(1.3,1.3);}
	
	#footer_buksi { width:40%; margin: 4vw auto 0 auto; display:flex; align-items:center;}
	#footer_buksi div { width:1; }
	#footer_buksi svg { width:15vw;}
	
	#footer_menu { width:100%; text-align:center; margin: 2vw 0;}
	#footer_menu a { display:block;}
	
	#footer_uzlet_container {width: 100%;  margin: auto;}
	#footer_uzlet_item {width: 100%; text-align: center; margin: 5vw 0 5vw 0;}
		
	.hr_fekete { border:none; display:block; width: 100%; height:2vw; background:url(/img/elv1.png); background-position: center center; background-size: 200%; background-repeat:no-repeat;}
	.hr_feher { border:none; display:block; width: 100%; height:2vw; background:url(/img/elv2.png); background-position: center center; background-size: cover; background-repeat:no-repeat;}
	
	.arny1 {width:100%; background:url(/img/arny1.png); background-size:cover; background-position: bottom center; height:2.2vw;}
	.arny2 {width:100%; background:url(/img/arny2.png); background-size:cover; background-position: top center; height:2.2vw;}

	.butt1 {border: 1px solid #fff; box-shadow: 0px 5px 10px 1px #666;}
	.butt2 {border: 1px solid #e91e09; box-shadow: 0px 5px 10px 1px #666;}
	.butt3 {border: 1px solid #e91e09; box-shadow: 0px 5px 15px 0px #999;}
	.butt1, .butt2, .butt3 { padding:2.5vw 5vw; display: inline-block; text-align:center; margin:1vw 0; border-radius: 8vw;}
	
	
	.butt2 svg { width:4vw; vertical-align: baseline;}
	
	.mb-1 {margin-bottom: 3vw;}
	.mt-1 {margin-top: 3vw;}
	
	.inner-container {min-width:100%; margin: auto;}
	.rounded {border-radius: 4vw; border: 1px solid #ccc;}
	.rounded-2 {border-radius: 8vw; border: 1px solid #ccc;}
	
	input, textarea, select { padding: 3% 4.5%; width: 91%; }
	.input_nem100 {width: auto;}
	.reg_input100 {width: auto;}
	
	.footermsbt {width:21vw;}
	
	#cookie_box {	width:100%;	padding: 1vw;	background-color:rgba(0,0,0,0.7);	color:#FFF;	position: fixed;	bottom: -100%;	transition: bottom 0.25s ease;	z-index: 9999;	font-size: 2.8vw;}
	#cookie_box.open {	bottom: 0px;} .bezar {	cursor: pointer;}
	
	#totalsef_container { width:70%; position:fixed; left:-100%; bottom:0%; z-index:1000;}
	.totalsef_anim { animation: totalsef_anim_01 15s forwards ease-in-out;}
	#totalsef { width:100%;}
	#totalsef img { width:100%;}
	#totalsef_bezar { width:100%; text-align:right;}
	#totalsef_bezar img { width:15%;}
}


@media only screen and (min-width: 769px) {
	
	#mobile { display:none;}
	#nomobile { display:inline;}

	body { font-size: 1.2vw; }
	h1 { font-size: 2.5vw; margin:0; padding:0; }
	h2 { font-size:1.875vw; margin:0; padding:0; }
	h3 { font-size: 1.45vw; margin:0; padding:0; }
	h4 { font-size: 1.35vw; margin:0; padding:0; }
	h5 { font-size: 1.2vw; margin:0; padding:0; }
	input, textarea, select, button {font-size: 1.0vw;  }
	
	#loader {  background: url("/img/total_gyorsettermek.png") no-repeat scroll center center #000; position: fixed;  height: 100%;   width: 100%; z-index:9999999;}
	#loader img { width:5%; position:absolute; bottom:5%; left:47.5%; animation: loading 1s infinite ease-in-out;}
	#scroll_a_tetore{ width:60px; height:60px; text-align:center; position:fixed; bottom:1%; right:1%; display:none;  opacity: 0.5; z-index:9000; }
	#scroll_a_tetore:hover { opacity:1.0;}
	
/*slider*/
	#slider_container {position: relative; width: 100%; overflow: hidden; width:100%; height:100vh; background:url(/img/bg_slider.jpg); background-size:cover;}
	#slider {width:100%; margin:0; height:100vh; text-align:center; }
	
	#slider_container_p {position: relative; width: 100%; overflow: hidden; width:100%; height:50vh; background:url(/img/bg_slider.jpg); background-size:cover;}
	#slider_p {width:100%; margin:0; height:50vh; text-align:center; }
	
	
	#felsosav { position:fixed; width:100%; height:12vh; background-image:url('/img/arny1.png'); background-size: cover; background-position: bottom center; z-index:100; background-repeat:no-repeat;}
	
	#menu { position:fixed; top:0; right:0; width: 4vw; height:4vw; z-index:200;}
	#menu svg {position:fixed; top:0.5vw; right:0.5vw; width: 3vw; height:3vw; z-index:200;}
	#menu_pre { position: absolute; width: 4vw; height:4vw; top:0.5vw; right:0.0vw; }
	#menu_pre svg { width: 3vw; height:3vw; z-index:9999;}
	#menu_close { position: absolute; width: 4.0vw; height:4.0vw; right:0; background:#e91e09; padding: 1.0vw;}
	#menu_close svg { z-index:9999;}
	
	.hidemenu { top:0; right: -100%; background-color:#e91e09; position:fixed;  transition-duration: 0.6s; z-index:600; width:100%; height:100vh; }
	.hidemenu.o { top:0; right: 0; background: rgba(0,0,0,0.99); position:fixed; transition-duration: 0.3s;  z-index:600!important; width:100%; height:100vh; }
	
	#nagymenu_container { padding:10vh 5% 10vh 5%; width:90%; height:80vh; display:flex; z-index: 500;}
	#nagymenu_item_01 { width:43.33%;}
	#nagymenu_item_02 { width:31.33%; padding:0 0 0 2%;}
	#nagymenu_item_03 { width:23.33%; text-align:right;}
	#nagymenu_item_03 h3 { }
	#nagymenu_container h3, #nagymenu_container h3 a, #nagymenu_container h2, #nagymenu_container h3, #nagymenu_container h4 a, #nagymenu_container h5,#nagymenu_container div { color:#fff;}
	#nagymenu_container h3 a:hover { color:#e91e09;}
	#nagymenu_container h3 { font-size: 2.5vw; display:block; padding:1.5% 0;}
	#nagymenu_container h4 { font-size:1.0vw;  display:inline-block; margin:0 1% 0 0;}
	#nagymenu_container h5 { font-size:1.1vw;  display:inline-block; margin:0 1% 0 0;}
	
	#nagymenu_item_etelek { width:33.33%; height: 16vh; float:left; position:relative; overflow:hidden; }
	#nagymenu_item_etelek img { width:100%; opacity:0.5;}
	#nagymenu_item_etelek .nagymenu_item_kep { position:absolute; top:0; left:0; z-index:100; }
	#nagymenu_item_etelek:hover img { transform:scale(1.2,1.2); opacity:1; }
	#nagymenu_item_etelek h1 { color:#fff; font-size: 1.6vw;text-shadow: 0 0 100px #fff; text-align:center;}
	#nagymenu_item_etelek:hover h1 { color:#e91e09; transform:scale(2.4,2.4);text-shadow: 0 0 100px #fff; opacity:0; transition-duration: .6s;}
	#nagymenu_item_etelek .nagymenu_item_szoveg { display:flex; align-items: center; justify-content:center; width:100%; height:100%; position:absolute; z-index:200;}
	
	.hidekereses { top:200vh; left:25%; background:rgba(0,0,0,0.5); position:fixed;  transition-duration: 0.6s; z-index:99999; width:50%; height:0; }
	.hidekereses.o { top:0; left: 0; background:rgba(0,0,0,0.9); position:fixed; transition-duration: 0.3s;  z-index:99999; width:100%; height:100vh; }
	#kereses_container {display:flex; color:#fff; align-items: center; text-align:center; height:100vh; width:100%; text-align:center;  }
	#kereses_item { width:100%; background-color:#000; z-index:999999;}
	#kereses_item input {font-family: "Roboto", sans-serif; font-weight: 100; font-style: normal; text-transform: uppercase; font-size: 2vw;  background:none; color:#fff; border:none; text-align:center; border-bottom:1px solid #fff; border-top:1px solid #fff; width:100%; padding: 1em 0;}
	
	.hidelogin { top:200vh; left:25%; background:rgba(0,0,0,0.5); position:fixed;  transition-duration: 0.6s; z-index:99999; width:50%; height:0; }
	.hidelogin.o { top:0; left: 0; background:rgba(0,0,0,0.9); position:fixed; transition-duration: 0.3s;  z-index:99999; width:100%; height:100vh; }
	#login_container {display:flex; color:#fff; align-items: center; text-align:center; height:100vh; width:100%; text-align:center;  }
	#login_item { width:50%; margin:auto;}
	#login_item a { color:#fff;}
	#login_item a:hover { color:#e91e09;} 
	#login_item input { width:auto; font-family: "Roboto", sans-serif; font-weight: 100; font-style: normal; }
	#login_item .loginmezo { background:none; color:#fff; border:none; text-align:center; border:1px solid #fff; border-radius: 2vw;  width:90%; font-size: 1.6vw;}
	#login_item img { width: 7%;}
	
	#logo {top:1%; left: 1%;  z-index:99999!important; position: relative;}
	#logo img {max-width: 100%; position: absolute; top: 0; left: 0;}
	.logo_scrollmeret {width:17%; transition-duration: .6s;}
	.logo_scrollmeret_o {width:7%; transition-duration: .6s;}
	#logo:hover img { transform:scale(0.9,0.9); transition-duration: .3s;}
	#logo_fade_01 {animation: logo_anim_01 14s infinite ease-in-out;}
	#logo_fade_02 {animation: logo_anim_02 14s infinite ease-in-out;}
	#logo_fade_03 {animation: logo_anim_03 14s infinite ease-in-out;}
	#logo_fade_04 {animation: logo_anim_04 14s infinite ease-in-out;}
	
	#pontshop_logo {bottom:9%; right:-3%; position:fixed; width:12%; z-index:100; transition-duration:.6s;}
	#pontshop_logo img {width: 100%; opacity:0.8;  text-shadow: 0 0 10px #000000;}
	#pontshop_logo:hover { right:1%; opacity:1; transform:scale(1.2,1.2); transition-duration:0.3s;}
	#pontshop_logo img:hover { opacity:1;}
	
	#hirlevel_logo {bottom:9%; left:-3%; position:fixed; width:12%; z-index:100; transition-duration:.6s;}
	#hirlevel_logo img {width: 100%; opacity:0.8;  text-shadow: 0 0 10px #000000;}
	#hirlevel_logo:hover { left:1%; opacity:1; transform:scale(1.2,1.2); transition-duration:0.5s;}
	#hirlevel_logo img:hover { opacity:1;}

	
	#headermenu { position:fixed; top:1vw; right:5.5vw; width: 75%; height:4vw; z-index:500; white-space:nowrap; text-align:right;}
	#headermenu svg { height:2vw; vertical-align: middle;}
	#headermenu img { height:2vw; vertical-align: middle;}
	#headermenu a { margin:0 0 0 3%; color:#fff;}
	
	#kosar_szamlalo { position: absolute; right:3.6vw; top:1.5vw; width:1.3vw; height:1.3vw; font-size:1vw;  border-radius: 30px; background:#e91e09; color:#fff; text-align:center; }
	.kosar_gomboszlop { width:4%;}
	.kosar_evoeszkozbox {width:96%; margin: 1vw 0; padding:2% 2% 8% 2%; background:url(/img/kosar_evoeszk_bg.png); background-size: contain; background-repeat:no-repeat; background-position: bottom center; animation: evoeszkoz 5s infinite ease-in-out;}
	
	#nevnap_top {position: relative; bottom:4vw; width:100%; height:4vw;  background-image:url('/img/arny2.png'); background-size: cover; background-position: top center; z-index:1; }
	#nevnap {padding:2vh 0 2vh 0; color:#fff; background:#000; margin:-4vw 0 0 0;}
	
	#nyito_kiemelt_container { width:100%; background:url(/img/bg01.jpg); background-size:cover!important; display:flex;  align-items:flex-start; position:relative; padding:0 0 2% 0;}
	#nyito_kiemelt_szoveg { width:50%; padding:2%; color:#fff;}
	#nyito_kiemelt_szoveg .kiemeltar { font-size: 4vw; float:left;}
	#nyito_kiemelt_szoveg .kiemeltkosar { float:right;}
	#nyito_kiemelt_szoveg h2 { font-size:5vw; margin:0 0 2vw 0;}
	#nyito_kiemelt_kep { width:50%;}
	#nyito_kiemelt_container_arny {width:100%; background:url(/img/arny2.png); background-size:cover; background-position: top center; height:2.2vw; margin-top: -2.2vw; position: absolute; z-index: 1;}
	

	#nyito_kiemeltkat_container {width:100%; background:#000!important; display: flex; align-items: flex-start; }
	
	#nyito_kiemeltkat_fokat_inner { width: 55%; }
	#nyito_kiemeltkat_fokat_item_imgcontainer {width: 100%; aspect-ratio: 10 / 5; overflow: hidden; display: flex; align-items: center; justify-content: center;}
	#nyito_kiemeltkat_fokat_item img {  min-width: 100%;  min-height: 100%; transition-duration: 0.3s;}
	#nyito_kiemeltkat_fokat_item:hover img { transform:scale(1.05,1.05); opacity:1; transition-duration: 0.3s;}
	
	#nyito_kiemeltkat_etelek_inner { width: 45%; display: flex; flex-wrap: wrap; align-items: stretch;}
	
	#nyito_kiemeltkat_etelek_item { width:49%;  overflow:hidden; text-align:center; margin: 0 0 1% 1%; background: #282828;}
	#nyito_kiemeltkat_etelek_item_imgcontainer {width: 100%; aspect-ratio: 16 / 9; overflow: hidden; display: flex; align-items: center; justify-content: center;}
	#nyito_kiemeltkat_etelek_item img {  min-width: 100%;  min-height: 100%;}
	#nyito_kiemeltkat_etelek_item:hover img { transform:scale(1.05,1.05); opacity:1; }
	#nyito_kiemeltkat_etelek_item h4 { color:#fff; text-shadow: 0 0 30px #fff; transition-duration: 0.3s; }
	#nyito_kiemeltkat_etelek_item:hover h4 {  transform:scale(0.95,0.95);text-shadow: 0 0 100px #fff; opacity:1; transition-duration: 0.3s;}
	#nyito_kiemeltkat_etelek_item h5  { opacity:0; position: absolute; top:0%; left:0; right:0; z-index:300; text-align:center; padding: 0.5vw; transition-duration: .3s;}
	#nyito_kiemeltkat_etelek_item h5 p, #nyito_kiemeltkat_etelek_item h5 span, #nyito_kiemeltkat_etelek_item h5 div, #nyito_kiemeltkat_etelek_item h5 a { padding:0; margin:0;}
	#nyito_kiemeltkat_etelek_item:hover h5, #nyito_kiemeltkat_etelek_item:hover h5 a { opacity:1; color:#fff; background:rgba(233,30,9,0.8); top:25%; transition-duration: .3s;}
	#nyito_kiemeltkat_etelek_item_ar { width: 4vw; height:  4vw; border-radius: 100%; position: absolute; top: 0.2vw; right: 0.2vw; background: #e91e09; display: flex; justify-content: center; align-items: center; box-shadow: -5px 5px 20px 0px #666; color: #fff; z-index: 100;  transition-duration: .6s;  font-size: 1vw;}
	#nyito_kiemeltkat_etelek_item:hover #nyito_kiemeltkat_etelek_item_ar {width: 3.0vw; height:  3.0vw; transition-duration: .3s; font-size: 65%;}
	#nyito_kiemeltkat_etelek_item .etelek_szoveg { width:95%;  padding: 2.5%; }
	
	#nyito_kat_container {width:100%; background:#000!important; display: flex; flex-wrap: wrap; text-align: center; justify-content: center;}
	#nyito_kat_inner { width: 33.3333%; }
	#nyito_kat_item_imgcontainer {width: 100%; aspect-ratio: 10 / 5; overflow: hidden; display: flex; align-items: center; justify-content: center;}
	#nyito_kat_item img {  min-width: 100%;  min-height: 100%; transition-duration: 0.3s;}
	#nyito_kat_item:hover img { transform:scale(1.05,1.05); opacity:1; transition-duration: 0.3s;}
	
	.nyito_kiemeltkat_button {position: relative; bottom: 2.5vw; left: 10%;}
	.nyito_kiemeltkat_button svg {height: 1.2vw!important;}
	.nyito_kat_button { position: relative; bottom: 2.5vw; }
	

	#nyito_uzletek_container {width:100%; background:url(/img/bg02.jpg); background-size:cover; background-position: bottom center; padding:0 0 5vw 0;}
	#nyito_uzletek_container h6 { font-size:1.1vw; color:#fff; text-align:center;}
	#nyito_uzletek_gyros { display:flex; color:#fff; max-width:1150px; margin:auto; align-items: center;}
	#nyito_uzletek_gyros img { width:100%;}
	#nyito_uzletek_gyros div { width:33.33%; padding:1%; text-align:center;}
	#nyito_uzletek_pizza { display:flex; color:#fff; max-width:1150px; margin:auto; align-items: center;}
	#nyito_uzletek_pizza img { width:100%;}
	#nyito_uzletek_pizza div { width:33.33%; padding:1%; text-align:center;}
	
	#nyito_galeria_container {width:100%; background:url(/img/bg-galeria.jpg); background-size:cover; background-attachment: fixed; background-position: 0 0; }
	#nyito_galeria_inner { text-align:center; padding:15vh 0;}
	
	#nyito_szallitas_container {width: 100%; max-width:1200px; margin: auto; padding:2vw 0; display:flex; justify-content: center; align-items: center;}
	.nyito_szallitas_kep img { width:100%;}
	.nyito_szallitas_kep { width:50%;}
	.nyito_szallitas_szoveg { width:50%;}
	.nyito_szallitas_szoveg div { text-align:center;}
	
	#aloldalcim_container {width:100%; background:url(/img/bg-aloldalcim.jpg); background-size:cover; background-position: 0 0; }
	#aloldalcim_container h3, #aloldalcim_container h3 a {color:#000; text-align:center; text-transform:uppercase; padding:11vw 0 1vw 0; font-size: 2.5vw; font-weight: 300;}
	#aloldalcim_container h3 a:hover { color:#e91e09; text-shadow: 0 0 20px #fff;}
	#aloldalcim_container_bott {width:100%; background:url(/img/arny2.png); background-size:cover; background-position: top center; height:2.2vw;}

	#etelek_container { width:100%; margin: auto; background:#000!important; background:url(X/img/bg01.jpg); background-size:cover; background-position: center; background-attachment:fixed; display: flex; flex-wrap: wrap; align-items: stretch!important;}
	#etelek_item { width:24%;  overflow:hidden; text-align:center; margin: 0.5%; background: #282828;}
	#etelek_item_imgcontainer {width: 100%; aspect-ratio: 16 / 9; overflow: hidden; display: flex; align-items: center; justify-content: center;}
	#etelek_item img {  min-width: 100%;  min-height: 100%;}
	#etelek_item:hover img { transform:scale(1.05,1.05); opacity:1; }
	#etelek_item h4 { color:#fff; text-shadow: 0 0 30px #fff; transition-duration: 0.3s; }
	#etelek_item:hover h4 {  transform:scale(0.95,0.95);text-shadow: 0 0 100px #fff; opacity:1; transition-duration: 0.3s;}
	#etelek_item h5  { opacity:0; position: absolute; top:0%; left:0; right:0; z-index:300; text-align:center; padding: 0.5vw; transition-duration: .3s;}
	#etelek_item h5 p, #etelek_item h5 span, #etelek_item h5 div, #etelek_item h5 a { padding:0; margin:0;}
	#etelek_item:hover h5, #etelek_item:hover h5 a { opacity:1; color:#fff; background:rgba(233,30,9,0.8); top:18%; transition-duration: .3s;  font-size: 1vw;}
	#etelek_item .etelek_szoveg { width:95%;  padding: 2.5%; }
	#etelek_item_ar { width: 4vw; height:  4vw; border-radius: 100%; position: absolute; top: 0.2vw; right: 0.2vw; background: #e91e09; display: flex; justify-content: center; align-items: center; box-shadow: -5px 5px 20px 0px #666; color: #fff; z-index: 100;  transition-duration: .6s; font-size: 1vw;}
	#etelek_item:hover #etelek_item_ar {width: 3.0vw; height:  3.0vw; transition-duration: .3s; font-size: 65%;}
	
	
	#etelek_szallitasblokk_container {width: 100%; max-width:1200px; margin: auto; padding:2vw 0;}
	#etelek_szallitasblokk {width:100%;}
	#etelek_szallitasblokk_szoveg { width:100%;}
	
	
	#etel_bg {width:100%; background:url(/img/bg02.jpg); background-size:cover; background-position:center;}
	#etel_container { align-items:center;  width:100%;  display: flex; flex-wrap: nowrap;}
	#etel_szoveg { width:50%; padding:2%; color:#fff;}
	#etel_kedvenc svg { height: 2vw;}
	#etel_szoveg .etelar { font-size: 4vw; }
	.menu_etelar { color: #fff; font-size: 1.6vw;}
	#etel_szoveg h2 { font-size:5vw; margin:0 0 1vw 0;}
	#etel_kep { width:50%;}
	#etel_feltet { width:100%;}
	
	#etel_feltetlista_container { width:100%; text-align: left!important;}
	#etel_feltetlista_inner { width:100%; max-width: 1200px; margin: auto; display: flex; flex-wrap: wrap;}
	#etel_feltetlista_item { color:#fff;width:29.33%; padding:0.5% 2%; }
	#etel_feltetlista_item input { transform:scale(1.5,1.5); width:auto!important;}
	#etel_feltetlista_item img { width:3vw; vertical-align:middle; margin: 0 0.2vw;}
	#etel_feltetlista_item span { color:#e91e09;}
	#etel_feltetlista_item label { cursor:pointer;text-transform:capitalize!important; }
	
	#etel_etelek_container { width:100%; background:#000; background:url(/img/bg2.jpg); background-size:cover; background-position: center; background-attachment:fixed; }
	#etel_etelek_inner { align-items: stretch!important; width:100%; max-width: 1200px; margin: auto; display: flex; flex-wrap: wrap;}
	#etel_etelek_item { width:32.33%; margin:0.5%;   overflow:hidden!important; text-align:center; background: #000;}
	#etel_etelek_item h4  { text-align:center; padding: 1vw; margin: 0;}
	#etel_etelek_kep {width: 100%; aspect-ratio: 16 / 9;}
	#etel_etelek_ar { width: 4vw; height:  4vw; border-radius: 100%; position: absolute; top: 0.2vw; right: 0.2vw; background: #e91e09; display: flex; justify-content: center; align-items: center; box-shadow: -5px 5px 20px 0px #666; font-size: 1vw;}
	#etel_etelek_item input { transform:scale(1.5,1.5); width:auto!important; margin-right: 0.5vw;}
	#etel_etelek_item label { cursor:pointer;}
	.etel_etelek_toggle {height: 800px; overflow-y: hidden!important;}
	.etel_etelek_toggle.o {height: auto;}
	.etel_etelek_osszes {display: block;}
	.etel_etelek_osszes.o {display: none;}
	.etelkosar {background: #000; padding: 3vw 0;}
	
	.hirlevel_input {width: 50%;  margin: 1vw 0 0 0;}
	
	#tartalom_container {width: 100%; max-width:1200px; margin: auto; padding:2vw 0; }
	
	.galeriak_inner { display: flex; margin: 0 0 3vw 0; }
	.galeriak_item { width: 25%; aspect-ratio: 16 / 9; overflow: hidden;}
	.galeriak_item img {width: 100%; }
	
	.galeria_inner { display: flex; flex-wrap: wrap; margin: 0 0 3vw 0;}
	.galeria_item { width: 18%; padding: 2% 1%; aspect-ratio: 16 / 9; overflow: hidden;}
	.galeria_item img {width: 100%; }
	
	.hirek_item { width: 100%; margin: 0 0 3vw 0; display: flex; flex-wrap: wrap;}
	.hirek_szoveg {width: 70%;}
	.hirek_kep { width: 27%; margin: 0 3% 0 0;}
	.hirek_kep img { width: 100%;}
	.hirek_datum {opacity: 0.5;}
	
	.hir_tartalomkep { width: 60%; margin: 3vw 0;}
	.hir_galeria_inner { width: 100%; margin: 0 0 3vw 0; display: flex; flex-wrap: wrap;}
	.hir_galeria_item { width: 31.33%; padding: 2% 1%; aspect-ratio: 16 / 9; overflow: hidden;}
	.hir_galeria_item img {width: 100%; }
	
	#galeria_leiras * {all: unset;}
	#galeria { width:20%; float:left;}
	#galeria img { width:100%; border:1px solid #fff;}
	
	#uzletek { width:100%; text-align:center;}
	#uzletek .kapcskep { width:32.9%; display: inline-block; padding:0; margin:0;}
	
	#blog_container { display:flex;}
	#blog_img { width:35%;}
	#blog_lead { width:63%; padding:0 0 0 2%;}
	

	#pontshop_nev { position: fixed; color:#000!important; line-height:8vh; right:2%; top:0;  z-index:9999;}
	#pontshop_felsosav { position:fixed; width:100%; height:12vh; background-image:url('/img/arny1_pontshop.png'); background-size: cover; background-position: bottom center; z-index:5000; background-repeat:no-repeat;}
	#pontshop_felsosav #logo { width:8%;}
	#pontshop_nyitolap { width:100%; height:100vh; display:flex; justify-content: center; align-items:center; background-image:url('/img/pontshop_nyito_bg.jpg'); background-size: cover; background-position: center; background-repeat:no-repeat;}
	#pontshop_nyitolap div { width:50%; padding:2vw; background:rgba(255,255,255,0.1); border:1px solid #fff; color:#fff; }
	#pontshop_nyitolap a { text-transform: uppercase; text-decoration:none;  background: #ffd504; color:#000; cursor:pointer;transition-duration: 1.2s; border: 0.1vw solid #000; padding:2vw; display:block; font-weight:700;}
	#pontshop_nyitolap a:hover { background:none; color:#fff; border: 0.1vw solid #fff;}
	
	.popkosar_hide {transition-duration:1s;	height:100vh; width:100%; top:0; left:0; background-color:rgba(233,30,9,0.8); position: fixed; z-index:999999;}
	.popkosar_hide_o { display: none; }
	.popkosar_belso_o {display: none;}
	.popkosar_hide * { color:#fff!Important; }
	.popkosar_belso {	position: absolute; top:0; bottom:0; left:0; right:0; margin:auto;	width:70vw; height: 65vh;	background: url(/img/bg_slider.jpg); z-index:5000; box-shadow: 0 0 2vw 2vw rgba(0,0,0,0.8); font-weight: 400;	padding:1vw;}
	
	.kosar_szallitas {  display: flex;  justify-content: center;}
	.kosar_szallitas div { margin: 0 0.2vw;}
	
	.tiltott_kategoria_container {width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999998; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center;}
	.tiltott_kategoria { padding: 2% 5%; background: #fff; box-shadow: 0 0 90px 00px #f00; position: fixed; z-index: 9999999; max-width: 50%;}
	
	
	#footer_container {width:100%; background:url(/img/footer_bg01.jpg); background-size:cover; background-position: top center; padding:5vw 0 1vw 0; }
	#footer_container * { color:#fff;}
	#footer_container a:hover { color:#000;}
	
	#footer_logok {width: 75%; max-width:1200px; margin: auto; display:flex;}
	#footer_logok div { padding:0 3%}
	#footer_logok img { width:100%;}
	#footer_logok img:hover { transform:scale(1.3,1.3);}
	
	#footer_buksi { width:130px; margin: auto; display:flex; align-items:center;}
	#footer_buksi div { width:1; white-space: nowrap; }
	#footer_buksi svg { width:90%;}
	
	#footer_menu { width:100%; text-align:center; margin: 2vw 0;}
	
	#footer_uzlet_container {width: 100%; max-width:1500px; margin: auto; display:flex;}
	#footer_uzlet_item {width: 33.33%; text-align: center; }
	
		
	.hr_fekete { display:block; width: 100%; height:10px;  border: none; border-bottom: dotted 1px #666;}
	.hr_feher { border:none; display:block; width: 100%; height:2vw; background:url(/img/elv2.png); background-position: center center; background-size: cover; background-repeat:no-repeat;}
	
	.arny1 {width:100%; background:url(/img/arny1.png); background-size:cover; background-position: bottom center; height:2.2vw;}
	.arny2 {width:100%; background:url(/img/arny2.png); background-size:cover; background-position: top center; height:2.2vw;}

	.butt1, .butt2, .butt3 { }
	.butt1 {border: 1px solid #fff; box-shadow: 0px 5px 10px 1px #666;}
	.butt2 {border: 1px solid #e91e09; box-shadow: 0px 5px 10px 1px #666;}
	.butt3 {border: 1px solid #e91e09; box-shadow: 0px 5px 15px 0px #999;}
	.butt1, .butt2, .butt3 { padding:1vw 2vw; display: inline-block; text-align:center; margin:1vw 0; border-radius: 2vw;}
	.butt2 svg { height:1.2vw; vertical-align: baseline; margin-right: 0.3vw;}
	
	.mb-1 {margin-bottom: 1vw;}
	.mt-1 {margin-top: 1vw;}
	
	.inner-container {min-width:100%; max-width: 1200px; margin: auto;}
	.rounded {border-radius: 1vw; border: 1px solid #ccc;}
	.rounded-2 {border-radius: 2vw; border: 1px solid #ccc;}
	
	input, textarea, select { padding: 1.5% 3%; width: 94%; }
	.input_nem100 {width: auto;}
	.reg_input100 {width: 94%;}
	
	.footermsbt {width:7vw;}
	
	#cookie_box {	width:100%;	padding: 1vw;	background-color:rgba(0,0,0,0.7);	color:#FFF;	position: fixed;	bottom: -7vw;	transition: bottom 0.25s ease;	z-index: 9999;	font-size: 0.8vw;}
	#cookie_box.open {	bottom: 0px;} .bezar {	cursor: pointer;}
	
	#totalsef_container { width:20%; position:fixed; left:-100%; bottom:0%; z-index:1000;}
	.totalsef_anim { animation: totalsef_anim_01 15s forwards ease-in-out;}
	#totalsef { width:100%;}
	#totalsef img { width:100%;}
	#totalsef_bezar { width:100%; text-align:right;}
	#totalsef_bezar img { width:10%;}
}

@media only screen and (min-width: 1500px) {
	
	#mobile { display:none;}
	#nomobile { display:inline;}

	body { font-size: 1.2vw; }
	h1 { font-size: 2.0vw; margin:0; padding:0; }
	h2 { font-size:1.5vw; margin:0; padding:0; }
	h3 { font-size: 1.3vw; margin:0; padding:0; }
	h4 { font-size: 1.1vw; margin:0; padding:0; }
	input, textarea, select, button {font-size: 0.8vw;  }
	#footer_buksi { width:230px; margin: auto; display:flex; align-items:center;}
}

@keyframes totalsef_anim_01 { 0% {left:-100%; } 5% { left:-100%; } 10% { left:0%;} 85% { left:0%;} 95% { left:-100%; } 100% { left:-100%; }}
@keyframes logo_anim_01 { 0% { opacity:1; } 15% { opacity:1; } 25% { opacity:0;} 40% { opacity:0;} 50% { opacity:0;} 65% { opacity:0;} 75% { opacity:0;} 90% { opacity:0;} 100% { opacity:1;}}
@keyframes logo_anim_02 { 0% { opacity:0; } 15% { opacity:0; } 25% { opacity:1;} 40% { opacity:1;} 50% { opacity:0;} 65% { opacity:0;} 75% { opacity:0;} 90% { opacity:0;} 100% { opacity:0;}}
@keyframes logo_anim_03 { 0% { opacity:0; } 15% { opacity:0; } 25% { opacity:0;} 40% { opacity:0;} 50% { opacity:1;} 65% { opacity:1;} 75% { opacity:0;} 90% { opacity:0;} 100% { opacity:0;}}
@keyframes logo_anim_04 { 0% { opacity:0; } 15% { opacity:0; } 25% { opacity:0;} 40% { opacity:0;} 50% { opacity:0;} 65% { opacity:0;} 75% { opacity:1;} 90% { opacity:1;} 100% { opacity:0;}}
@keyframes evoeszkoz { 0% {box-shadow: 0 0 30px 2px rgba(167,161,0,1); }  100% { box-shadow: 0 0 30px 2px rgba(167,161,0,0); }}
@keyframes loading { 0% { transform:rotate(0deg); }  100% { transform:rotate(360deg); }}

/* CSS Document */

* {	outline: none;}

body  {	margin:0;	padding:0; background-color: #fff; -webkit-tap-highlight-color:transparent; tap-highlight-color:transparent;}
body,td,th,div,p,span, input {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 100; }


h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;}


a, a img {	color:#2b2b2b; text-decoration:none;	outline: none;	padding:0;	transition-duration: 0.6s;}
a:hover, a img:hover {	color: #e91e09; transition-duration: 0.3s; text-decoration:none;}
a img:hover { opacity: 0.8;}

b, strong { font-weight:400;}



.butt1 { text-transform: uppercase; text-decoration:none; background: none; color:#FFF; cursor:pointer;}
.butt1:hover { background: #fff; color:#000; cursor:pointer;}

.butt2 { text-transform: uppercase; text-decoration:none;  background: #e91e09; color:#fff; cursor:pointer;}
.butt2:hover {background: #5d120a; color:#fff; cursor:pointer; border-color: #5d120a;}

.butt3 { text-transform: uppercase; text-decoration:none; background: none; color:#e91e09; cursor:pointer;}
.butt3:hover { background: #e91e09; color:#fff; cursor:pointer;}

.cl_bth { clear:both;}

.nowrap {white-space: nowrap;}

.hiba { background:#f00; color:#fff; padding:1vw; animation: hiba_anim 5s 1 ease-in-out; opacity:0.2;}
.ok { background:#0f0; color:#fff; padding:3vw 1vw;}
@keyframes hiba_anim { 0% {opacity:1;} 80% {opacity:1;} 100% {opacity:0.5;}}


.piros, .piros a {color:#e91e09!important;}
.feher, .feher a {color:#fff!important;}