/* cyrillic-ext * /
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w0aXpsog.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic * /
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w9aXpsog.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese * /
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w2aXpsog.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext * /
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w3aXpsog.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin * /
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 */ 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&display=swap');

body{
	margin:0px;
	padding:0px;
	background-color: #12182B;
	color: #ffd99b;
	font-family: 'Montserrat', sans-serif;
	position:relative;
	font-size:14px;
}

.arnyek_vekony{
	box-shadow: 4px 4px 4px #796869;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(121, 104, 105, 0.7);
}


.mobil_menu_lista_elvalaszto{
	display:none;
}
.p_50{
	padding:50px;
}
.p_40{
	padding:40px;
}
.p_20{
	padding:20px;
}
	.topnav{
		display:none;
	}
.radius{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.radius_left{
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.radius_right{
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.radius_top_left{
	-webkit-border-top-left-radius: 2px;
 	-moz-border-radius-topleft: 2px;
 	border-top-left-radius: 2px;
 }
.radius_top_right{
	-webkit-border-top-right-radius: 2px;
 	-moz-border-radius-topright: 2px;
 	border-top-right-radius: 2px;
 }
.radius_bottom_left{
 	-webkit-border-bottom-left-radius: 2px;
 	-moz-border-radius-bottomleft: 2px;
 	border-bottom-left-radius: 2px;
}
.radius_bottom_right{
 	-webkit-border-bottom-right-radius: 2px;
 	-moz-border-radius-bottomright: 2px;
 	border-bottom-right-radius: 2px;
}

h1{
	font-size:1.4em;
}

.kosar{
	position:fixed;
	top:10px;
	right:10px;
	width:60px;
	height:60px;
	background-color:black;
	border:1px solid #2a3041; 
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	z-index:9999999;
}

.kosarhoz_ad{
	height:1.6em;
}

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

.head{
	position:relative;
	height:80px; 
	background-color:#0b0f1c;
}
.head .logo{
	position:absolute; 
	top:30px;
	left:50px;
	width:133px;
	z-index:999999999;
}

.head .iranyitoszam{
	position:absolute; 
	left : 230px;
	top:30px;
}

.head .menu ul{
	float:right;
	margin-right:200px;
	line-height:15px;
	vertical-align:middle;
	height:15px;
	margin-top:25px;
}
.head .menu li{
	display:inline;
	padding-left:20px;
	padding-right:20px;
	font-size:1.2em;
}	
.reg_be{	 
	font-size:1em;  
	font-weight:bold;
}

.head .menu li .ikon{ 
	height:20px;
    vertical-align: middle;
	padding-right:5px;
}	

.head .menu .a{
	padding:6px;
	padding-left:15px;
	padding-right:15px;
}
.head .menu li .a:hover{
	background-color:#ffd99b;
	color:black;
}

.head .menu .s{
	background-color: #ffd99b; 
	color:black; 
}

.header_content_page{

}

.header_content_page .menu ul{
	float:right;
	margin-right:200px;
	line-height:15px;
	vertical-align:middle;
	height:15px;
	margin-top:25px;
}
.header_content_page .menu li{
	display:inline;
	padding-left:20px;
	font-size:1.2em;
	font-weight:bold;
}	
.header_content_page .menu li .a{
	padding:8px; 
	padding-left:20px;
	padding-right:20px;
}
.header_content_page .menu li .a:hover{
	background-color: #ffd99b;
	color:black;
}


.header_content{
	height:700px;
	background-image: url(../_img/background_pic.png);  
}
.header_content h1{
	font-size:4em; 
	margin-bottom:10px;
}
.header_content h2{
	padding:0px;
	font-size:1.3em;
	padding-left:100px;
}
.menu_ar{ 
	padding:0px;
	padding-left:100px;
	font-size:2em;
	font-weight:bold; 
}
.tajekoztato{ 
	padding:0px;
	padding-left:100px; 
	font-size:1.2em;
}

.napi_menu_button{  
	background-color:#FFD99B;
	color:black;
	padding:10px;
}

.content_title{
	padding:0px;
	margin:0px;
	padding-left:100px;
	padding-top:100px;
}

.header_content .menu ul{
	float:right;
	margin-right:200px;
	line-height:15px;
	vertical-align:middle;
	height:15px;
	margin-top:25px;
}
.header_content .menu li{
	display:inline;
	padding-left:20px;
	font-size:1.2em;
	font-weight:bold;
}	
.header_content .menu li .a{
	padding:8px; 
	padding-left:20px;
	padding-right:20px;
}
.header_content .menu li .a:hover{
	background-color: #ffd99b;
	color:black;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.content{
	min-height:100px;
	background-image: url(../_img/content_background.jpg); 
	font-size:1.2em; 
}

.lebego_arlap{
	display:inline;
}

.etel_megnevezes{
	font-size:0.8em; 
}	
.content_text{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	background-color: rgba(18, 24, 43, 0.85);
}
.content_text_2{ 
	background-color: rgba(18, 24, 43, 0.85);
}

.content_text_2 .label{
	font-size:1.2em;
	margin-bottom:5px;
}

.content .menu ul{
	line-height:15px;
	vertical-align:middle;
	height:15px;;
}
.content .menu li{
	display:inline; 
	font-size:1.2em;
	font-weight:bold;
	margin-left:2px;
	margin-right:2px;
}	
.content .menu li a{
	padding:8px; 
	padding-left:10px;
	padding-right:10px;
}
.content .menu li a:hover{
	background-color: #ffd99b;
	color:black;
}
.content .menu .s{
	background-color: #ffd99b !important; 
	color:black; 
}

.content_input{
	width:100%;
	font-size:1.3em;
	padding:10px;
	padding-right:7px;
	border:1px solid white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.content_input_select{
	width:100%;
	font-size:1.3em;
	padding:10px;
	padding-right:25px;
	border:1px solid white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.content_button{ 
	background-color:#FFD99B;
	font-size:1.3em;
	padding:10px;
	font-weight:bold;
	border:1px solid #FFD99B;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color:black;
	cursor:hand;
	cursor:pointer;
}

.content_button_mini{ 
	background-color:#FFD99B;
	font-size:.9em;
	padding:4px;
	font-weight:bold;
	border:1px solid #FFD99B;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color:black;
	cursor:hand;
	cursor:pointer;
}

.etel_bemutato_lap{
	width:500px;
}

.etel_nev_alap{
	width:65%;
}
.etel_nev_alap_v2{
	width:100%;
}
	
.lebego_arlap_tarolo{
	bottom:30px; 
	right:30px;
}

.kapcsolat a{
	color:black;
}

.footer{
	text-align:center;
	background-color: #0b0f1c;
}
}

.footer h1{  
	text-align:center;
	padding:20px;
	
}

.footer .menu ul{  
	line-height:15px;
	vertical-align:middle;
	height:15px;  
}
.footer .menu li{
	display:inline;
	padding-left:20px;
	font-size:1.5em;
	text-decoration:nonte;
}	

.footer-logo{
	width:150px
}
.menu_nap_kartya{ 
	/*
	box-shadow: 4px 4px 4px black;
	-webkit-box-shadow: 4px 4px 4px 0px rgba(39, 39, 39, 0.7);
	background-color: #ffffff21;
	*/
}

.menu_leiras{
	margin :10px;
	padding:10px;
	
}

.link_display{
	text-decoration:underline;
	cursor:hand;
	cursor:pointer;
}


.cim_karbantartas_gomb{
	cursor:hand;
	cursor:pointer;
	height:30px; 
	line-height:30px; 
	vertical-align:middle; 
	text-align:center;
}
.cim_karbantartas_gomb:hover{
	background-color:#ffd99b;
	color:black;
}


.asz_adt_ablak{
	z-index:999999999999;
	position:absolute; 
	background-color:#12182B;
	color:white;
	border:1px solid white;
	width:820px; 
	height:440px;
	overflow:hidden;
}
.asz_adt_content{
	z-index:999999999999;
	position:absolute; 
	background-color:#12182B;
	color:white;
	border:1px solid black;
	width:800px; 
	height:400px;
	overflow-y:scroll;
}



.tooltipClass{
	background-color:black;
    box-shadow: 0 0 37px black;
}

.etel_kep{
	display:none;
}

/* globális box shadow */
.bs{
box-shadow: 4px 4px 4px black;
}

/* kék-alapszín */
.mc-blue{
background-color: #12182B;
}

/* bézs-alapszín */
.mc-beige{
background-color: #FFD99B;
}

/* világosabb kék szín */
.lc-blue{
background-color: #4D515F;
}

/* sötétebb kék szín */
.dc-blue{
background-color: #090C16;
}

/* bézs keret */
.beige-border{
border-style: solid;
border-width: 1px;
}


@media only screen and (max-width: 1600px) {
	body{
		font-size:12px;
	} 	 
}
@media only screen and (max-width: 1340px){
	body{
		font-size:10px;
	}
	.head .logo{
		position:absolute; 
		top:50px;
		left:50px;
		width:100px;
		z-index:999999999;
	}
	.lebego_arlap{
		display:block;
		margin-bottom:10px;
	} 
	
	.header_content{
		height:500px;
		background-image: url(../_img/background_pic.png); 
		background-size : contain;
	}
	
	.etel_ikonok{
		display:none;
	}
	.etel_nev_div{
		width:100%;
		border: 1px solid red;
	} 
	.head .menu ul{
		float:right;
		margin-right:100px;
		line-height:15px;
		vertical-align:middle;
		height:15px;
		margin-top:25px;
	}
	.kosarhoz_ad{
		min-width:15px;
	}
}

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

	body{
		font-size:10px;
	}
	.head .logo{
		position:absolute; 
		top:50px;
		left:50px;
		width:100px;
		z-index:999999999;
	}
	.header_content h1{
		font-size:2em; 
	}
	.header_content h2{
		padding:0px;
		font-size:1em;
		padding-left:130px;
	}

	.lebego_arlap{
		margin-bottom:10px;
	} 
	.lebego_arlap img{
		height:15px;
	}
	.lebego_arlap_tarolo{
		right:10px;
		bottom:5px;
	} 

	.menu_ikonok{
		height:20px !important;
	}
	.header_content{
		height:300px;
		background-image: url(../_img/background_pic.png); 
		background-size : contain;
	}
	
	.etel_ikonok{
		display:none;
	}
	.etel_nev_div{
		width:100%;
		border: 1px solid red;
	} 
	.head .menu ul{
		float:right;
		margin-right:100px;
		line-height:15px;
		vertical-align:middle;
		height:15px;
		margin-top:25px;
	}
	.kosarhoz_ad{
		min-width:15px;
	}
}



@media only screen and (max-width: 600px){
	body{
		font-size:12px;
		margin:0px;
		padding:0px; 
	}
	.akcio_div{
		width:96%;
		left:2% !important;
	}
	.telepules_reg{
		width:96%;
		left:2% !important;
	}
	.iranyito_input{ 
		margin-bottom:10px; 
	}
	.iranyito_submit{
		text-align:center !important;
	}
	.head .logo{
		display:none;
	} 
	.footer-logo{
		width:120px
	}
	
	
	.footer .menu li{
		display:inline;
		padding-left:0px;
		padding:5px;
		font-size:0.8em;
		text-decoration:none;
	}	
	
	.header_content{
		height:220px;
		background-image: url(../_img/background_pic.png); 
		background-size : contain;
	}
	
	.menu_title{
		font-size:0.8em;
	} 
	.content_title{
		padding:0px;
		margin:0px;
		padding-left:15px;
		padding-top:40px;
	}
	.header_content h1{
		font-size:1.2em; 
		margin-bottom:5px;
		margin-top:-20px;
	}
	.header_content h2{
		padding:0px;
		font-size:0.8em;
		padding-left:15px;
	}

	.menu_ar{ 
		padding:0px;
		padding-left:15px;
		font-size:0.9em;
		font-weight:bold; 
	}
	.tajekoztato{ 
		padding:0px;
		padding-left:15px;
		font-size:0.8em;
		
	}

	.napi_menu_button{  
		background-color:#FFD99B;
		color:black;
		padding:5px;
	}
	
	#tanyer_kep{
		height:70% !important;
	}

	.asz_adt_ablak{ 
		width:90%;  
	}
	.asz_adt_content{ 
		width:90%;  
	}

	.head{
		display:none;
	}
	.header_content .menu{
		display:none;
	}
	.header_content_page .menu{
		display:none;
	}

 
	.lebego_arlap_tarolo{ 
		position:relative !important;
		width:90%;
		margin:auto;
		right:0px;
		bottom:0px;
		font-size:0.9em;
	}
	.lebego_arlap{
		display:inline;
		font-size:0.7em;
	}
	
	.menu_osszeallitas_tarolo{ 
	
		width:90% !important;
		margin:auto;
	
	}
	.menu_osszeallitas{
		/*
		display:block;
		width:100% !important;
		margin-bottom:5px;
		*/
	}
	
	.etlap_tipusok{
		font-size:0.9em;
	}
	
	ul{
		padding-inline-start : 0px;
	}

	.mobil_etel{ 
	}
	
	.etel_bemutato_lap{
		width:96%;
	}
	
	.etel_nev_alap{
		display:block;
		width:100%;
	}
	
	.etel_elvalaszto{
		display:none; 
	}
	.kosarhoz_ad{
		margin-bottom:5px; 
		width:33.3% !important;
		font-size:1.5em !important;
	}
	
	.mobil_div{
		width:400% !important;
	}
	
	.content_text{
		width:98%;
		margin-left:auto;
		margin-right:auto;
		background-color: rgba(18, 24, 43, 0.85);
		font-size:0.6em;
	}
	.p_40{
		padding:20px !important;
	}
	.p_20{
		padding:10px !important;
	}

	.kapcsolat{
		font-size:10px;
	}
	.kapcsolat_float_div{
		display:block !important;
		width:100% !important;		 
	}
	.kapcsolat_ikon{
		width:100px !important;
	}
	
	.p_50{
		padding:10px;
	}
	
	.reg_remove_div{
		display:none;
	}
	.div_sep{
		display:none;
	}
	.login_div{
		width:100% !important;
	}
	.reg_div{
		width:100% !important;
		padding:10px;
	}
	.reg_select{
		max-height:300px;
	}
	
	.reg_input_div{
		display:block !important;
		width:100% !important;		
		margin-bottom:3px;
	}
	.content_input{
		width:95%;
	}
	
	
	.etel_megnevezes{
		font-size:1.1em;  
	}	

	.mobil_menu_lista_elvalaszto{
		display:block;
	}
	
	
	.etel_kep{
		display:block;
	}

	
	/* 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;
		  top:0px;
		  background-color:#FFD99B;
		  display: none; 
		  min-height:1000px;
		}
		
		.topnav hr{
			border-top: 1px dotted black;
		}
		
		/* Style navigation menu links */
		.topnav .radius{
		  color: black;
		  text-decoration: none;
		  font-size: 1.2em;
		  display: block;
		  min-width:300px;
		}

		/* Style the hamburger menu */
		.topnav a.icon {
		  background: #12182B;
		  display: block;
		  position: absolute;
		  left: 0;
		  top: 0; 
		}

		/* Add a grey background color on mouse-over */
		.topnav a { 
			margin-bottom:15px; 
			height:25px;
			line-height:25px;
			vertical-align:middle;
		}
		/* Add a grey background color on mouse-over */
		.topnav a:hover { 
		}
 
		.mobil_menu_img{
			vertical-align:middle;
			height:24px;
			padding-right:10px;
			padding-bottom:3px;
		}
		.akcio_div{
			width:90% !important;
			left : 5% !important;
		}
		
		large{
			font-size : .8rem !important;
		}
}