body{
	font-family: 'Poppins', sans-serif;
	font-size:15px;
	margin:0px;
	padding:0px;
	position:relative;
	color:#696969;
}

.mobil_soremeles{
	display:none;
}


.kereso_elrejtes{
	display:none;
}

.hianyos{
	background-color:#fbd0c1 !important;
}

.termek_bemutato_ablak{
	position:fixed;
    top:calc(50vh - 100px);
	left:0px;
	width:600px;
	background-color:white;
	margin-left: calc( 50% - 300px );
	border:3px solid #3db6a0;
	height:400px;
    -webkit-appearance: none;
    -webkit-border-radius: 0.7rem;
	-moz-border-radius: 0.7rem;
	border-radius: 0.7rem;
}
.termek_bemutato_ablak_termek_nev{
    height: 2.5vw;
}
.termek_bemutato_ablak_leiras{
    height: 15vw;
	overflow:auto;
}
.termek_bemutato_ablak_leiras p{
	font-size: .8rem;
	line-height: 1rem;
}
.termek_bemutato_ablak_ar{
	float:left;
	width:35%;
	height:2.4rem;
	line-height:2.4rem;
	vertical-align:middle;
}
.termek_bemutato_ablak_kosar{
	float:left;
	width:65%;
}
.termek_bemutato_ablak_img{ 
	width:100%;
    height: 18vw;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center; /* Center the image */ 
}
.kosarba_rakom{ 
	background-color:#3db6a0;
	background-image:url(_img/kosarba_rakom.svg);  
	background-size: contain 80%;
    background-position:.4rem 0.3rem;
	background-repeat: no-repeat;
	color:white;
    -webkit-appearance: none;
    -webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
	border-radius: 0.3rem;
	height:2.4rem;
	line-height:2.4rem;
	vertical-align:middle;
}
#termek_bemutato_ablak_termek_kartya_felirat h1{ 
	font-size: 1rem;
	line-height: 1.2rem;
 	text-align: left;
}


.arnyek{
	box-shadow: 0.4rem 0.4rem 1rem 0px rgba(0,0,0,0.39);
	-webkit-box-shadow: 0.4rem 0.4rem 1rem 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 0.4rem 0.4rem 1rem 0px rgba(0,0,0,0.39);
}

.w50{
	width:50% !important;
}
.szines_felirat{
	color:#3db6a0 !important;
}


.topnav{
	display:none;
}
	
a{
	text-decoration:none;
	color:black;
}
a:visited{
	text-decoration:none;
	color:black;
}
p{
	font-size:1rem; 
	line-height:1.5rem;
	text-align:justify;
}

.border_shadow{ 
	border:1px solid silver;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;

	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
}

#header{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	height:4rem;
	line-height:4rem;
	vertical-align:middle; 
	position:relative;
}

	#header .header_logo{
		float:left;
		width:15%; 
		height:4rem;
		overflow:hidden;
		margin-top:0.4rem
	}
	 
	#header .header_menu{
		float:left;
		width:46%;
		text-align:center;
	}

	#header .header_menu ul{
		margin:0px;
		padding:0px;
	}
	#header .header_menu li{ 
		margin:0px;
		padding:0px;
		
		display:inline;
		padding-left:1em;
		padding-right:1em;
		font-size:1em;
	}	 
	 

	#header .kapcoslat_felvetel{ 
		text-align:center;
		float:left;
		width:25%;  
	}
	#header .ugyfel_belepes{ 
		text-align:center;
		float:left;
		width:14%;  
	}

		#header .kapcoslat_felvetel .kapcoslat_felvetel_button{ 
			float:left;
			text-align:center;
			font-size:1rem;
			height:2.4rem;
			margin-top:0.5rem;
			line-height:2.4rem; 
			background-color:#3db6a0;
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
			color:white;
			cursor:hand;
			cursor:pointer;
			
			float:right;

			box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
			-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
		}

/*---------------*/


#fooldal_kep{
	height:33em; 
	vertical-align:middle;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
	.fooldal_szoveg{
		width:40%;
		margin-left:auto;
		margin-right:auto;
		padding-top:5rem;
		color:white;
		text-align:center;
	}

	#fooldal_kep h1{ 
		margin:0px;
		padding:0px;
		font-size:2.2rem; 
		line-height:3rem;  
		text-align:center;
	}

	#fooldal_kep h1 .kiemelt{  
		color:#3DB6A0;
		background-color:white;
	}

	#fooldal_kep h2{ 
		margin:0px;
		padding:0px;
		font-size:1.3rem; 
		line-height:1.3em; 
		font-weight:500;
		text-align:center;
	}
	#fooldal_kep h3{ 
		margin:0px;
		padding:0px;
		font-size:1rem; 
		line-height:1.3em; 
		font-weight:400;
		text-align:center;
	}


#image_div{
	height:26.5em;
	line-height:26.5em;
	vertical-align:middle;
	text-align:center;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
  
 	
#content{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	min-height:15rem;
	position:relative;
}

#content .fooldal_miert .list{ 
	width:80%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	font-size:1rem; 
	line-height:1.4rem; 
	font-weight:400;
	border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
	-webkit-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
	-moz-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

#content .fooldal_miert .list_border{ 
	border:1px solid #c1e5d6;
}


#content .fooldal_miert .list ul {
	margin-left:0.5rem;
	padding:0px;
}
#content .fooldal_miert .list li {
  background: url(_img/felsorolas_pipa.svg) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 0.2rem 0px 0.2rem 2rem;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}


		#content .button{ 
			text-align:center;
			font-size:1rem;
			height:2.4rem; 
			padding:.6rem;
			line-height:2.4rem; 
			background-color:#3db6a0;
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
			color:white;
			cursor:hand;
			cursor:pointer;
			font-weight:bold; 
		}
		
		
		
#zold_fejlec{
	height:8rem;
	background-color:#3db6a0;
}

#zold_fejlec h1{
	color:white;
	text-align:center;
}

#content h1{ 
	margin:0px;
	padding:0px;
	font-size:2.2rem; 
	line-height:2.2rem; 
	font-weight:500;
	text-align:left;
}
 

#content h2{ 
	margin:0px;
	padding:0px;
	font-size:2.2rem; 
	line-height:2.2rem; 
	font-weight:500;
	text-align:center;
}
#content h4{ 
	margin:0px;
	padding:0px;
	font-size:1.1rem; 
	line-height:1.1rem;
	font-weight:500;
	text-align:left;
}


.termek_kartya{
	position:relative;
	float:left;
	outline-color: #edf1ef;
	outline-style: solid;
	outline-width: thin;
	border-radius: 0.8rem;
	width:23%;
	margin:1%;
    height: 20vw;  
	background-color:white;
}

.termek_kartya .p_1{ 
	padding:0.6rem;
} 
#termek_kartya_felirat h2{ 
	font-size: 1rem;
	line-height: 1.2rem;
 	text-align: center;
}

#termek_link{ 
	background-color:white;
	position:absolute;
	width: calc( 100% - 2.5rem );
	bottom:0.5rem;
	font-size: 1rem;
	line-height: 1.2rem;
	height: 1.2rem;
	text-align: center;
	outline-color: #3db6a0;
	outline-style: solid;
	outline-width: thin;
	border-radius: 0.5rem;
	padding:0.6rem;
	cursor:hand;
	cursor:pointer;
}

.termek_kartya .img{ 
	width:100%;
    height: 14vw;  
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center; /* Center the image */
}


#footer{
	width:80%; 
	margin-left:auto;
	margin-right:auto;
/*
	border-top:0.2rem solid #3db6a0;
	border-bottom:2rem solid #3db6a0;
*/	
}


	#footer .social_media{
		text-align:left;
		float:left;
		width:30%;
	}
	#footer .services{
		text-align:left;
		float:left; 
		width:25%;
	}
	#footer .links{
		text-align:left;
		float:left; 
		width:25%;
	} 
	#footer .contact{
		text-align:left;
		float:left; width:20%;
	}
	
	
	#footer h1{
		font-size:1.4rem;	
		text-align:left;
	}
	#footer p{
		font-size:1rem;	
		text-align:left;
	}
	#footer a{
		text-decoration:none;
	}
	#footer .logo{
		text-align:center;
		float:left; width:20%;
	}



	#footer .button{ 
		text-align:center;
		font-size:1rem;
		height:2.4rem; 
		padding:.6rem;
		line-height:2.4rem; 
		background-color:#3db6a0;
		-webkit-border-radius: 0.2rem;
		-moz-border-radius: 0.2rem;
		border-radius: 0.2rem;
		color:white;
		cursor:hand;
		cursor:pointer;
		font-weight:bold; 
	}
		 
select { 
  padding: 10px;
  border: none;
  background:white;
  background-size: 10%;
  background: url(_img/select.svg);
  background-repeat: no-repeat;
	background-position: right 3px center;
    -webkit-appearance: none;
    -webkit-border-radius: 0.7rem;
	-moz-border-radius: 0.7rem;
	border-radius: 0.7rem;
	font-size:1rem; 
}
input[type=date]{ 
  padding: 10px;
  border: none;
  background:white;
  background-size: 10%;
  background: url(_img/input_calendar.svg);
  background-repeat: no-repeat;
	background-position: right 3px center;
  -webkit-appearance: none;
  font-size:1rem;
  height:1.1rem; 
} 
 
input[type=text]{ 
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left:3rem;
  border: 1px solid #3db6a0;
  width: calc( 100% - 3rem );
  background:white; 
  font-size:1.3rem;
  height:1.5rem; 
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
	background-repeat: no-repeat !important;
	background-position: left 0.3rem center !important;
} 
input[type=password]{ 
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left:3rem;
  border: 1px solid #3db6a0 !important;
  width: calc( 100% - 3rem );
  background:white; 
  font-size:1.3rem;
  height:1.5rem; 
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
	background-repeat: no-repeat !important;
	background-position: left 0.3rem center !important;
} 
textarea{ 
  padding: 0.5rem;
  border: 1px solid #3db6a0 !important;
  width: calc( 100% - 1rem );
  background:white; 
  font-size:1rem;
  height:1.1rem; 
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
	background-repeat: no-repeat !important;
	background-position: left 0.3rem center !important;
} 
.no_padding{
  padding-left:.5rem !important;
  width: calc( 100% - .5rem ) !important;
}
placeholder {
  color: #8f8f8f;
}
 input:focus::placeholder {
	 color:transparent;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.fo_kereso_div{
	width:30%;
	max-width:400px;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
}

.fo_kereso{  
	padding-left:0.4rem !important;
	background-color:transparent !important;
	-webkit-border-radius: 0rem !important;
	-moz-border-radius: 0rem !important;
	border-radius: 0rem !important;
	border:1px solid transparent !important;
	
}

.kereso_image{
	cursor:hand;
	cursor:pointer;
}


input:focus + .input_label {
  display: block; /* vagy flex, ha flexbox-ot használsz */
}
 
.input_label {
  position: absolute; 
  top: -0.7rem;
  left:2rem;
  background-color:white;
  display:none; 
}	


.kereso_pozicio{
	position:absolute; 
	z-index:3000;
	width:20rem;
	top:-3rem;
	right:-18rem;
	display: flex;
}
.kereso_tabla{ 
	position:fixed; 
	background-color:white;
	flex: 1;	
	width:20rem;
	max-height: 80vh;
	overflow:auto;
	font-size:.8rem;
	line-height:1.3rem;
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
}
	
.termek_karegoria{
	width:calc( 100% - 1rem );
	padding:0.5rem;
	border :1px solid #3db6a0; 
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	text-align:right;
	background-color:white;
	cursor:hand;
	cursor:pointer;
}
.valasztott_karegoria{
	background-color:#349b88;
}

.kijelolt_web_alcsoport_1{
	font-weight:bold;
}
.kijelolt_web_alcsoport_2{
	font-weight:bold;
}
.kijelolt_web_alcsoport_3{
	font-weight:bold;
}

.updown{ 
	background-repeat:no-repeat; 
	background-position: left 1rem center; 
}
.down{
	background-image:url(_img/select_down.png); 
}
.up{
	background-image:url(_img/select_up.png); 
}

.kategoria_tarolo_valaszto{ 
	margin-bottom:0.8em; 
}
.web_alcsoport_1_valaszto{
	margin-left:2rem;
	margin-bottom:0.8em;
	width: calc( 100% - 3rem);
}
.web_alcsoport_2_valaszto{
	margin-left:4rem;
	margin-bottom:0.8em;
	width: calc( 100% - 5rem);
}
.web_alcsoport_3_valaszto{
	margin-left:6rem;
	margin-bottom:0.8em;
	width: calc( 100% - 7rem);
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}

[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.calendar_mobil_content{
	float:left;
}
.calendar_button{ 
	font-size:1rem;
	height:2.4rem;
	line-height:2.4rem;
	float:left;
	background-color:#3db6a0;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
	color:white;
	cursor:hand;
	cursor:pointer;

	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
}
 
.calendar_button input[type=submit]{
	background-color:transparent;
	border:0px;
	font-size:1rem;
	color:white;
}
.calendar_input{ 
	float:left;
	background-color:white;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
	text-align:left;
	padding-right:1rem;
}
 



.lapozo_gomb{
	float:left;
	padding:0.4rem;
	cursor:hand;
	cursor:pointer;
}




.atvetel_valaszto{
	float:left;
	width:45%;
	border:1px solid gray;
	margin:1%;
	cursor:hand;
	cursor:pointer;
}
.atvetel_tajekoztato{
	margin-top:15px;
	font-size:0.9em;
}
input[type="radio"] {
  margin-top: -2px;
  vertical-align: middle;
}
.p_10{
	padding:0.8em;
}

.fizetesi_mod_valaszto{
	float:left;
	width:45%;
	border:1px solid gray;
	margin:1%;
	cursor:hand;
	cursor:pointer;
}



.page_title_mobil{
	display:none;
}

@media only screen and (max-width: 1600px){
	.calendar_content{
		width:70%; 
	}
}
@media only screen and (max-width: 1200px){
	.calendar_content{
		width:90%; 
	}
}
@media only screen and (max-width: 1000px){ 
	body{
		font-size:10px;  
	}

	p{
		font-size:.7rem !important; 
		line-height:1.2rem;
		text-align:justify;
	}

		#fooldal_kep{
			width:100%;
			vertical-align:middle;
			background-position:center center;
			background-repeat:no-repeat;
			background-size:cover;
		}
			.fooldal_szoveg{
				width:80%;
				margin-left:auto;
				margin-right:auto;
				padding-top:2rem;
				color:white;
				text-align:center;
			}

			#fooldal_kep h1{ 
				margin:0px;
				padding:0px;
				font-size:1.2rem; 
				line-height:2rem;  
				text-align:center;
			}

			#fooldal_kep h1 .kiemelt{  
				color:#3DB6A0;
				background-color:white;
			}

			#fooldal_kep h2{ 
				margin:0px;
				padding:0px;
				font-size:.9rem; 
				line-height:.9em; 
				font-weight:500;
				text-align:center;
			}
			#fooldal_kep h3{ 
				margin:0px;
				padding:0px;
				font-size:.9rem; 
				line-height:1.1em; 
				font-weight:400;
				text-align:center;
			}



	#image_div{ 
	} 
	
	.page_title{
		display:none;
	}
	
	.page_title_mobil{
		display:block;
	}
		
	.page_title_mobil h1{ 
		margin:0px;
		padding:0px;
		font-size:1.3rem; 
		line-height:1.3rem; 
		text-align:center;
	}
	.page_title_mobil h2{    
		margin:0px;
		padding:0px;
		font-size:.8rem;
		font-weight:500;		
		text-align:center;
		max-width:60%;
		margin-left:auto;
		margin-right:auto;
		margin-top:0.5rem;
	}

	#header{ 
		display:none;
	}
	.header_logo{ 
		display:block;
		width:100%;
		text-align:center;
		height:8rem;
	}
	.logo{
		height:5rem;
		margin-top:1rem;
	}
	
	select { 
	  padding: 0.4rem; 
	  background-size: 11% !important; 
		background-position: right 2px center; 
		-webkit-border-radius: 0.7rem;
		-moz-border-radius: 0.7rem;
		border-radius: 0.7rem;
		font-size:.7rem; 
	}
	input[type=date]{ 
	  padding: 0.4rem; 
	  padding-left: 0.2rem; 
	  padding-right: 0.2rem; 
	  background-size: 13% !important; 
		background-position: right 2px center;
	  -webkit-appearance: none;
	  font-size:.5rem;
	  height:.8rem;
	} 
	.mobil_br{
		float: none;
		clear:both;
		height:0.6rem;
	}
	
	#content{ 
		 
	}
	
	
	
	#content{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		background-color:white; 
		position:relative;
	}
 
		#content .button{ 
			text-align:center;
			font-size:.8rem;
			height:2rem; 
			padding:.5rem;
			line-height:1.8rem; 
			background-color:#3db6a0;
			-webkit-border-radius: 0.2rem;
			-moz-border-radius: 0.2rem;
			border-radius: 0.2rem;
			color:white;
			cursor:hand;
			cursor:pointer;
			font-weight:bold; 
		}
		
	.kep_miatti_emeles{
		height:1rem !important;
	}

	#footer{
		border-top:0.2rem solid #3db6a0;
		border-bottom:2rem solid #3db6a0;
		padding-left:1rem;
		padding-right:1rem;
	} 
	
	
	#footer .contact{
		text-align:center;
		float:left; width:50%;
	}
	#footer .links{
		text-align:center;
		float:left; width:50%;
		
	} 
	#footer .information{
		text-align:center;
		float:left; width:50%;
	}
	#footer .social_media{
		text-align:right;
		float:left; width:100%;
	}
	
	#footer .social_media img{
		width:6%;
	}
	
	 
	#footer h1{
		font-size:1rem;	
		text-align:left;
	} 
	#footer p{
		font-size:0.6rem;	
		line-height:0.7rem;	
		text-align:left;
	}
	#footer a{
		text-decoration:none;
	} 

	/* Style the navigation menu */
		.topnav {
		  display:inline; 
		  overflow: hidden; 
		  position: relative;
		  z-index:9999999999999;
		  font-size:1.3em; 
		}

		/* Hide the links inside the navigation menu (except for logo/home) */
		.topnav #myLinks { 
		  position:fixed;
		  width:50%;
		  top:20px;
		  left:20px;
		  background: white;
		  color:black;
		  border:1px solid gray;
		  display: none;  
			-webkit-border-radius: 0.4rem;
			-moz-border-radius: 0.4rem;
			border-radius: 0.4rem;
		  z-index:9999999999999;
		  
		  
		}
		 
		
		/* Style navigation menu links */
		.topnav .radius{
		  text-decoration: none;
		  font-size: 1.2em;
		  display: block;
		  min-width:300px;
		}
 

		/* Add a grey background color on mouse-over */
		.topnav .a{ 
			width:100%;
			font-size:1rem;
			height:2rem;
			line-height:2rem;
			font-weight:400;
			vertical-align:middle;
			border-bottom:1px solid white;
			color:black !important;
		}
		.topnav a{  
			color:black !important;
		}
		/* Add a grey background color on mouse-over */
		.topnav a:hover { 
			/*background-color:white;*/
		}
   
		
		.mobil_box{
			width:100% !important;
			position:relative !important;
			top : 0px !important;
		}
		
		.mobil_elvalaszto{
			clear:both;
			height:1rem;
		}
		
		.center{
			text-align : center !important;
		}
		 
		.kiemelt_szolgaltatasok{
			font-size:.8rem;
		}
		
		
		.belepes_ablak{
			width:90% !important;
		}
		
		
				
		.termek_kartya{
			position:relative;
			float:left;
			outline-color: #edf1ef;
			outline-style: solid;
			outline-width: thin;
			border-radius: 0.8rem;
			width:48%;
			margin:1%;
			height: 40vw;  
			background-color:white;
		}

		.termek_kartya .p_1{ 
			padding:0.3rem;
		}
		#termek_kartya_felirat h1{ 
			font-size: .8rem;
			line-height: 1rem;
			text-align: center;
		}

		#termek_link{ 
			background-color:white;
			position:absolute;
			width: calc( 100% - 1.5rem );
			bottom:0.5rem;
			font-size: .7rem;
			line-height: .9rem;
			height: 1.1rem;
			text-align: center;
			outline-color: #3db6a0;
			outline-style: solid;
			outline-width: thin;
			border-radius: 0.5rem;
			padding:0.4rem;
			cursor:hand;
			cursor:pointer;
		}

		.termek_kartya .img{ 
			width:100%;
			height: 14vw;  
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center; /* Center the image */
		}

		.mobil_hide{
			display:none;
		}
		
		.fo_kereso_div{
			width:95% !important;
		}
		
		
	.termek_bemutato_ablak{
		position:fixed;
		top:calc(50vh - 100px);
		left:0px;
		width:90%;
		background-color:white;
		margin-left:5%;
		margin-right:auto;
		border:3px solid #3db6a0;
		height:400px;
		-webkit-appearance: none;
		-webkit-border-radius: 0.7rem;
		-moz-border-radius: 0.7rem;
		border-radius: 0.7rem;
	}

	.termek_bemutato_ablak_termek_nev{
		height: 4vw;
	}
	.termek_bemutato_ablak_img{  
		height: 30vw; 
	}
	.termek_bemutato_ablak_leiras{ 
		height: 45vw ;
		overflow:auto;
	}
	
	
	.termek_foto{
		width:50% !important;
		margin-left:25%;
	}
	
	.kosar_termek_foto{
		height:35vw !important; 
	}
	
	.mobil_soremeles{
		clear:both;
		display:block;
		height:0px;
	}
	
	.mobil_egysegar{
		width:30% !important;
		font-weight:bold;
	}
	.mobil_ar_frissites{
		width:15% !important;
	}
	.osszesito_oldal_db{
		width:15% !important;
	}
	
	
	.kereso_pozicio{
		position:relatie; 
		z-index:3000;
		width:20rem;
		top:-3rem;
		right:0rem;
		display: flex;
	}

	.kereso_elrejtes{
		position:absolute;
		top:12px;
		right:10px;
		font-size:2rem;
	}
	.kereso_elrejtes{
		display:block;
	}

	.kereso_lista{
		display: none;
	}
}