body{
	margin:0px;
	padding:0px;
	background: white;
	/*background: rgba(248, 174, 34, 0.1);*/
	color: #F8AE22;
	font-family: 'Poppins', sans-serif;
	position:relative;
	font-weight: 400;
	font-size:15px;
	letter-spacing: 0.12rem;
}

.topnav{
	display:none;
}

	
#fo_tartalom{ 
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
}

h1{
	font-weight: 900;
	font-size: 3.5rem;
	line-height: 4.5rem;
	text-transform: uppercase;
	padding:0px;
	margin:0px;
	text-align:left;
}

h2{
	font-weight:900;
	font-size: 2.1rem;
	line-height: 3rem;
	text-transform: uppercase;
	color:black;
	padding:0px;
	margin:0px;
}
h4{
	font-weight:900;
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 38px; 
	letter-spacing: 0.07rem;
	text-transform: uppercase; 
	color: #FFFFFF;
}
h6{
	font-weight:900;
	text-transform: uppercase; 
	line-height: 2rem;
	font-size:1rem;
	letter-spacing: 0.07rem;
	color:#F8AE22;
	margin:0px;
	padding:0px;
}

 
a{
	color:#ffd99b;
	text-decoration:none;
}

.p_20{
	padding:1.2rem;
}
.p_40{
	padding:2.3rem;
}
.p_50{
	padding:2.9rem;
}
.p_70{
	padding:4.1rem;
}
.p_120{
	padding:8rem;
	padding-top:4rem;
}


.head{
	position:relative;
	height:84px; 
	background-color:#000000;
	text-align:right;
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.head .logo{
	position:absolute;  
	left:50px;
	height:65px;
	margin-top:10px;
	z-index:999999999;
}
 
.head .menu{
	float:right;
}


.head .menu ul{   
	float:left;
	margin:0px;
	padding:0px;
 	margin-right:20px;
	min-height:84px;
	line-height:84px;
	vertical-align:middle; 
}
.head .menu .li{ 
	display:inline;
	font-weight:600;
	font-size: .9rem; 
	margin-left:0.2rem;
	margin-right:0.2rem;
}
	
.head .menu .a{  
	color:white;
	height:2.2rem;
	line-height:2.2rem;
	vertical-align:middle;
	padding-left:0.8rem;
	padding-right:0.8rem;
	margin-top:1rem; 
}  
.head .menu .menu_link_last{ 
	margin-right:20px;
	line-height:2rem;
} 
 
.head .menu .menu_link{  
	/*border-top: 4px solid black;*/
} 
.head .menu .menu_link:hover{ 
	color : #F8AE22;
	/*border-top: 4px solid #F8AE22;*/
} 
.head .menu .menu_link_selected{ 
	color : #F8AE22;
	/*border-top: 4px solid #F8AE22;*/
}  
.floating_menu ul{
	padding:5px !important; 
}

.floating_menu{  
	position:absolute; 
	top:1.3rem; 
	left:2px; 
	z-index:9999999999; 
	text-align:left; 
	background-color: #F8AE22;
 	white-space:nowrap; 
	display:none;
} 

.sub_floating_menu{ 
	background-color: #F8AE22; 
	z-index:99999999999999; 
	position:absolute; 
	top:-.9rem; 
	left:2.5rem;
	display:none;
}  


.head .menu .float_li{
	margin:0px;
	padding:0px;
	list-style-type: none;  
	line-height: 2.6rem;
	vertical-align:top; 
}
 
.head .menu .float_li a{
	color:black;
	font-weight:600;
	font-size: 1rem;
	margin:0px;
	padding:0px;
}
 
.head .menu .float_li a:hover{
	text-decoration:underline;
}
 
.header_content{
	background-color : #000000;
	color:white;
	min-height:370px;
}

.header_content_index{
	background-color : #000000;
	color:white;
	min-height:706px;
}

.header_content_text{
}

.header_content_text h2{
	color:white;
	font-size:2.4rem;
	font-weight:normal;
} 
 
 
.content{
	min-height:200px;
	background-color:white;  
	color:black;
}

.blog_index{
	float:left;
	width: 300px;
	height: 425px;
	position:relative;
	background-color:white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 4px 4px 0px #00000040;
	margin:1rem;
}

.blog_index h2{
	text-align:left;
	font-size: 1.2rem;
	line-height: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.12rem;
}
.blog_datum{
	position:absolute;
	bottom:10px;
	font-size: 1rem;
}

.a25_ev_csik{ 
	background: rgba(248, 174, 34, 0.1); 
}
		
.gomb{
	background: #E52F1F;
	font-weight: 600;
	font-size: 1.2rem;
	line-height: 2.2rem;
	text-align: center;
	color: #FFFFFF;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	display: inline-block;
	margin-left:auto;
	margin-right:auto;
	padding-right:0.7rem;
	padding-left:0.7rem;
}


.rolunk_felsorolas{
	font-weight: 400;
	font-size: 0.9rem;
	line-height: 1.8rem;
}
.box{
	display: flex;
	align-items:center;
}

.e_box{
	text-align:center;
	font-size: 2.2rem;
	line-height: 5rem;
	color:#BE1818;
	padding:0px;
	margin:0px;
}
 
.content_text{
	/*background-color:#FFF7E9;*/
	background-color:white;
	padding-bottom:120px; /* footer miatt kell */
	min-height:100px; 
}


a{
	color:black;
	text-decoration:none;
}
 
.input{
	border:1px solid silver;
	font-size:1.2rem;
	padding:.8rem;
	padding-top:1rem;
	padding-bottom:1rem;
	width:100%;
	border-radius: 0.2rem;
  box-sizing: border-box;
}
 
 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: silver;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: silver;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: silver;
}

.sarga_tablak h4{
	font-weight:900;
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1.9rem; 
	letter-spacing: 0.07rem;
	text-transform: uppercase; 
	color: black;
	margin:0px;
	padding:0px;
}


.kartya{
	float:left;
	width:31%;
	margin:1%;
	border:1px solid #F8AE22;
	font-size:0.9rem;
	line-height:1.4rem;
	letter-spacing: 0.04rem;
	text-align:justify;
}

.kartya h1{
	font-size:1.6rem;
	line-height:2.2rem;
	letter-spacing: 0.07rem;
	text-transform: uppercase; 
}
.feher_hatter{
	background-color:white;
	color:black;
}
.sarga_hatter{
	background-color:#F8AE22;
	color:white;
}


.pick_and_drive_pont_kartya{
	background-color:#F8AE22;
	color:black;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	min-height:270px; 
	font-size:1rem;
	line-height:1.4rem;
	letter-spacing: 0.04rem;  
}

.pick_and_drive_pont_kartya h1{
	font-size:1.3rem;
	line-height:1.8rem;
	letter-spacing: 0.07rem;
	text-transform: uppercase; 
}

.pick_and_drive_pontok{
	background-color:black;
	color:white;
	border-radius: 0.5rem;
	padding:.3rem;
	text-align:center;
}


.rendelesi_pont_kartya{
	background-color:#F8AE22;
	color:black;
	width:23%;
	margin:1%;
	min-height:270px;
	float:left;
	font-size:0.9rem;
	line-height:1.4rem;
	letter-spacing: 0.04rem;
	text-align:left;
	position:relative;
}

.rendelesi_pont_kartya h1{
	font-size:1.3rem;
	line-height:1.8rem;
	letter-spacing: 0.07rem;
	text-transform: uppercase; 
}

.rendelesi_pont_kartya .right_arrow{
	font-size:3em;
	font-weight:900;
	position:absolute;
	left:0.9rem;
	bottom:0.9rem;
	cursor:hand;
	cursor:pointer;
}
.rendelesi_pont_kartya .right_arrow a{
	color:black;
}

.width_50{
	width:50%;
}
.kinalat_lista{
	position:relative;
	float:left;
	width:31%;
	margin-left:1%;
	margin-right:1%; 
	margin-bottom:5%;
} 
.kinalat_lista_text_div{
	position:absolute;
	top: 92%; 
	width:100%;
}
.kinalat_lista_text{ 
	width:80%;
	margin-left:auto;
	margin-right:auto;
	background-color:white; 
 }

.etlap_lista{
	float:left; 
	width:31%; 
	margin:1%; 
	background-color:white; 
	text-align:center;
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
}

.kinalat_lista_text h1{
	text-align:center;
	font-weight: 900;
	font-size: 1.2em;
	line-height: 3rem; 
	text-align: center;
	letter-spacing: 0.07em;
	text-transform: uppercase; 
}

.kinalatunk{
	background-color: #FFF7E9;
}

.etlap_lista h1{
	font-weight: 500;
	line-height:1.8em;
	font-size: 1.6em;	
	padding:0px;
	margin:0px; 
}

.etlap_lista .img{
	border-radius: 10px;
}

.etlap_lista .price_tag{
	height: 4.3em;
	background: #F8AE22;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
}

.etlap_lista .price{ 
	font-weight: 500;
	float:left; 
	width:60%; 
	line-height:2.5em;
	vertical-align:middle;
	font-size:1.7em;
	text-align:center;	
	padding:0px;
	margin:0px;
}

.etlap_lista .basket{
	height:4.3em;
	float:left; 
	width:40%;
	background: #000000;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 10px;
}
.footer{
	position:relative;
	text-align:center;
	background-color: #0b0f1c;
	font-size:1rem;
	font-weight
}

.footer_logo{
	height: 5rem;
}

.footer .table{
	position:absolute;
	top:-80px;
	left:5%;
	width:90%; 
	height:346px;
	background-color:#F8AE22;
	color:white;
	text-align:left;
}
.footer .table .logo_table{
	position:absolute;
	top:-80px;
	left:5%;
	width:90%; 
	background-color:white;
}
 
.footer_table_next{
	margin-top:6rem;
}
 
.footer_text{
	color:white;
	padding-top:210px;
	font-size:.9rem;
}


.footer_text ul{   
	float:left;
	margin:0px;
	padding:0px;
 	margin-right:20px;
	min-height:84px;
	line-height:84px;
	vertical-align:middle; 
}

.footer_text .li{ 
	display:inline;
	font-weight:600;
	font-size: .9rem; 
	margin-left:0.2rem;
	margin-right:0.2rem;
}


.footer_navbar{
	text-align:left;
}

.footer_text a{
	font-weight: 400;
	font-size: 17px;
	height:26px;
	line-height: 26px;
	color: #FFFFFF;
}
.footer_navbar a{
	font-weight: 400;
	font-size: 17px;
	height:26px;
	line-height: 26px;
	color: #FFFFFF;
}

.footer h1{
	text-align:center;
	font-size:3rem;
}

.jog_nav{
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: #FFFFFF;
}


@media only screen and (max-width: 1340px){
	body{
		font-size:13px;
	}
}


@media only screen and (max-width: 1600px) {
	body{
		font-size:12px;
	} 	 
}
@media only screen and (max-width: 1340px){
	body{
		font-size:10px;
	} 
}

@media only screen and (max-width: 1000px) { 

	body{
		font-size:10px;
	} 
}



@media only screen and (max-width: 600px){
	body{
		font-size:10px;
		margin:0px;
		padding:0px; 
	}
	
	
	.menu{
		display:none;
	}
	
	.head .logo{
		position:absolute;  
		left:5px;
		top:10px;
		height:40px;
		margin-top:0px;
		z-index:999999999;
	}


	.p_20{
		padding:1rem;
	}
	.p_40{
		padding:1rem;
	}
	.p_50{
		padding:1.2rem;
	}
	.p_70{
		padding:2.1rem;
	}
	.p_120{
		padding:3rem;
		padding-top:2rem;
	}


		h1{
			font-weight: 900;
			font-size: 1.2rem;
			line-height: 1.4rem;
			text-transform: uppercase;
			padding:0px;
			margin:0px;
		}

		h2{
			font-weight:900;
			font-size: 1rem;
			line-height: 1.1rem;
			text-transform: uppercase;
			color:black;
			padding:0px;
			margin:0px;
		}
		h4{
			font-weight:900;
			text-transform: uppercase;
			font-size: .8rem;
			line-height: 1rem; 
			letter-spacing: 0.07rem;
			text-transform: uppercase; 
			color: #FFFFFF;
		}
		h6{
			font-weight:900;
			text-transform: uppercase; 
			line-height: 2rem;
			font-size:1rem;
			letter-spacing: 0.07rem;
			color:#F8AE22;
			margin:0px;
			padding:0px;
		}

		.width_50{
			width : 100%;
		}
	
	
		/*
		.fooldal_szoveg{
			width:70% !important;
		}
		
		.fooldal_logo{
			width:30% !important;
		}
		*/
	
	
		.header_content{
			min-height:100px;
		}

		.header_content_index{
			min-height:526px;
			width:100%;	
		}

		.header_content_text h2{
			color:white;
			font-size:1rem;
			font-weight:normal;
		} 

		.rendelesi_pont_kartya{
			background-color:#F8AE22;
			color:black;
			width:48%;
			margin:1%;
			min-height:300px;
			float:left;
			font-size:0.8rem;
			line-height:1.2rem;
			letter-spacing: 0.04rem;
			text-align:left;
			position:relative;
		}

		.rendelesi_pont_kartya h1{
			font-size:1.1rem;
			line-height:1.3rem;
			letter-spacing: 0.07rem;
			text-transform: uppercase; 
		}

		.rendelesi_pont_kartya .right_arrow{
			font-size:3em;
			font-weight:900;
			position:absolute;
			left:0.9rem;
			bottom:0.5rem;
			cursor:hand;
			cursor:pointer;
		}
		.rendelesi_pont_kartya .right_arrow a{
			color:black;
		}

		.rolunk_felsorolas{
			font-weight: 400;
			font-size: 0.7rem;
			line-height: 1.8rem;
		}

		.kartya{
			width:98%;
		}

		.kartya h1{
			font-size:1rem;
			line-height:1.2rem;
			letter-spacing: 0.07rem;
			text-transform: uppercase; 
		}


		.kinalat_lista{ 
			margin-bottom:6%;
		} 

		.kinalat_lista_text_div{
			top: 90%; 
		}

		.kinalat_lista_text h1{
			text-align:center;
			font-weight: 900;
			font-size: .9em;
			line-height: 1.1rem; 
			text-align: center;
			letter-spacing: 0.07em;
			text-transform: uppercase; 
		}

		.footer .table{
			height:310px;
		}
		.footer_logo{
			width:70%;
		}

		.footer h1{
			text-align:center;
			font-size:1rem;
		}

		.footer_table_next{
			margin-top:8rem;
		}


		.footer_text{
			color:white;
			padding-top:200px;
			font-size:.8rem;
		}

		
		.jog_nav{ 
			font-size: .6rem;
			line-height: .8rem;
			letter-spacing: 0.1rem; 
		}

	
		.mobil_div{
			width:100% !important;
		}
		.mobil_hide{
			display:none;
		}
		
		
		.head{
			position:relative;
			height:60px; 
			text-align:left;
			background-color:#000000; 
			border-bottom: 1px solid transparent !important;
		}
		

		.head .logo{
			position:absolute;  
			left:80%; 
			margin-top:0px;
			z-index:999999999;
		}

 		.topnav {
			display:inline; 
		  overflow: hidden; 
		  position: relative;
		  z-index:9999999999999;
		  font-size:1.3em;
		  
		}

 		.topnav #myLinks { 
		  position:fixed;
		  top:0px;
		  background-color:black;
		  display: none; 
		  min-height:1000px;
		}
		 
		
 		.topnav .radius{
		 color:white;
		  text-decoration: none;
		  font-size: 1.2em;
		  display: block;
		  min-width:300px;
		}

 		.topnav a.icon {
		  background: #12182B;
		  display: block;
		  position: absolute;
		  left: 0;
		  top: 0; 
		}

 		.topnav a { 
			margin-bottom:15px; 
			height:25px;
			line-height:25px;
			vertical-align:middle;
		}
 		.topnav a:hover { 
		}
 
		.mobil_menu_img{
			vertical-align:middle;
			height:24px;
			padding-right:10px;
			padding-bottom:3px;
		}
	
}