@import url('https://fonts.googleapis.com/css2?family=Athiti:wght@300;400;500;600;700&display=swap');

html{
	font-size: 1em; 
}
body{
  font-family: "Athiti", sans-serif;
	margin:0px;
	font-size:calc(1.75vw + 11px);
	color:#000000;
	background: #4A6959;
background: linear-gradient(90deg, rgba(74, 105, 89, 1) 0%, rgba(206, 211, 192, 1) 20%, rgba(206, 211, 192, 1) 80%, rgba(74, 105, 89, 1) 100%);
}
#page{	
	width:100%;
	padding-top:70px;
}

#page_overlay{	
	position:absolute;
	display:none;
	width:98%;
	height:98%;
	z-index:1;
	left:0px;
	top:0px;
}
#header{
	width:100%;
	height:60px;
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	
	z-index:99999;	
	
	background: hsla(155, 33%, 23%, 1);

background: linear-gradient(0deg, hsla(155, 33%, 23%, 1) 0%, hsla(76, 18%, 79%, 1) 25%, hsla(76, 18%, 79%, 1) 75%, hsla(155, 33%, 23%, 1) 100%);
background: -moz-linear-gradient(0deg, hsla(155, 33%, 23%, 1) 0%, hsla(76, 18%, 79%, 1) 25%, hsla(76, 18%, 79%, 1) 75%, hsla(155, 33%, 23%, 1) 100%);
background: -webkit-linear-gradient(0deg, hsla(155, 33%, 23%, 1) 0%, hsla(76, 18%, 79%, 1) 25%, hsla(76, 18%, 79%, 1) 75%, hsla(155, 33%, 23%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#274D3D", endColorstr="#CED3C0", GradientType=1 );
	
	box-shadow: 0px 3px 6px 3px rgb(0 0 0 / 30%);	
}
#header_top{
	display:none;
}

#logolink{
	position:absolute;
	left:8px;
	top:6px;
	
	display:inline-block;	
	text-decoration:none;
	margin:0px auto;
	
	
	
	width:70px;
	height:70px;
	display:inline-block;	
	text-decoration:none;	
	text-indent:-99999px;
	background:url(/images/logo.png) center center no-repeat;
	background-size:contain;
	z-index: 999999;
    box-shadow: 0 0px 12px 6px rgb(52 84 82 / 40%);
	
}


.btnsmalltxt{
	font-size:0.8em;
	font-style:italic;
}

#loginbox{
	display:block;
	width:100%;
	height:0px;
	background:#FFFFFF;
	position:absolute;
	right:0px;
	top:75px;
	z-index:1;
	overflow:hidden;
}
#header_title_mobile{
	width:calc(100vw - 175px);
	margin:0px auto;
	height:60px;
	line-height:1;
	font-size:1em;
	display:flex;
	text-align:center;
    align-items: center;
}

#kepforgato{
	width:100%;
	height: auto;
	display:block;
	overflow:hidden;
	box-sizing:border-box;
    margin-top: -5px;
}

.theme-default{
	width:100% !important;
	height:auto !important;
}

.theme-default .nivo-controlNav {
	display:none;
}

.submenu > a{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:15px;
	box-sizing:border-box;
	text-align:left;
	display:block;
	font-weight:normal;
	font-size:0.8em !important;
	}
#headermenu_container{
	width:100%;	
	display:none;
	
	position:fixed;
	right:0px;
	left:auto;
	top:59px;	
	z-index:999;
	
	min-height:calc(100vh - 60px);
	
	overflow:auto;
	
	background-color:rgba(140,158,141,0.9);
	box-shadow: 0px 20px 10px 5px rgba(0, 0, 0, .4);
	padding-bottom:20px;
}

#headermenu_container li{
	list-style:none;
	margin-top:10px;
	margin-bottom:5px;
}
#headermenu_container li a{
	font-size:24px;
	color:#fff;
}
sep{
	display:none;
}

.contentmax{
	padding: 0px 8px;
	box-sizing:border-box;

}

#content{
	width:100%;
	display:block;
	min-height:95vh;
	/*font-size:14px;*/
	padding: 5px 0px;
	box-sizing:border-box;
	
}
#tartalom #content{
	padding: 5px 15px;

}
#tartalom #content img{
	max-width:100%;
}
#content li{
	list-style-image:url(images/bullet.png);
}

#tartalom img[style="float: left; margin: 0px 20px 10px 0px;"]{
	float:none !important;

}


.blokk{
	min-height:100px;
	margin:5px 0px;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	background: #89A58A;
background: linear-gradient(90deg, rgba(137, 165, 138, 1) 0%, rgba(226, 230, 212, 1) 20%, rgba(226, 230, 212, 1) 80%, rgba(137, 165, 138, 1) 100%);
}

.blokk2{
	min-height:100px;
	margin:10px 0px;
	width:100%;
	padding:15px;
	box-sizing:border-box;
}


.blokk3{
	min-height:100px;
	margin:10px 0px;
	width:100%;
	padding:15px;
	box-sizing:border-box;
	background: #385043;
background: linear-gradient(90deg, rgba(56, 80, 67, 1) 0%, rgba(144, 150, 136, 1) 25%, rgba(144, 150, 136, 1) 75%, rgba(56, 80, 67, 0) 100%);
}

.blokkcimaaa{
	background:url(images/blokkcim_bg.png) no-repeat center top;
	background-size:66px auto;
	min-width:140px;
	min-height:3.2em;
    width: auto;
	padding-top:14px;
	font-size:1.24em;
	letter-spacing:2px;
	color:#000;
	margin:0px auto;
	display:block;
	text-align:center;
}

.blokkcim{
	min-width:90%;
    width: max-content;
	font-size:20px;
  	font-weight: 600;
	color:#274D3D;
	display:block;
	text-align:left;
	margin-bottom:15px;
	
}
.vonal{
	height:6px;
	width:100%;
	display:block;
	background: #274D3D;
background: linear-gradient(90deg, rgba(39, 77, 61, 1) 0%, rgba(39, 77, 61, 1) 40%, rgba(249, 249, 247, 1) 70%, rgba(249, 249, 247, 0) 100%);

}


#footer{
	width:100%;
	height:auto;
	text-align:center;
	font-size: 0.9em;
	color:#fff;
	display:block;
	position:relative;
	margin:0px auto;
	
	padding-top:10px;
	background:#274d3d;
}

#footer a{
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
	display:block;
} 
#footer_content div{
	line-height:2;
}

#footer_content .col2 div{
	padding-bottom:16px;

}
#footer_content .col2 i{
	width:30px;
	text-align:center;
	display:inline-block;

}
#footer_bottom a{
	padding-top:16px;

}
#footer_bottom{
	box-sizing:border-box;
	padding:10px;
	background:#333;

}
#footer_bottom span{
display:none
}

.menubtn{
}


#mobile_menu{
	width:55px;
	height:60px;
	position:absolute;
	right:5px;
	top:0px;
	display:block;
	background:url(/images/mobile_menu.png?v=2) center center no-repeat;
	cursor:pointer;		
	
	
	z-index:99999;
}
#mobilemenu_bottom{
	display:block;
	width:auto;
	height:10px;
	border-bottom:3px solid #DADADA;
	}
#menuoff{
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:350;
}



#content_inner{
	display:block;
	box-siziing:border-box;
	padding:0px 8px;
}
@media (orientation: portrait) {
.attekintes{
}		
.attekintes div{
	padding-top:12px;
	text-align:left;
	font-weight:bold;
}	
.attekintes div span{
	width:auto;
	padding-right:10px;
	display:block;
	font-weight:normal;
	color:#666;
}
}

@media (orientation: landscape) {


}
*/


h1,h2,h3{
	font-size:inherit;
	font-weight:inherit;
	
}

/*

h1,h2,h3{
	font-size:inherit;
	font-weight:inherit;
	padding:0px;
	margin:0px;
}

p{
	padding:0px;
	margin:0px;
}
*/
a{
	text-decoration:none;
	color:#000000;
}


/* ---- */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}



.media_container{
	display:flex;
    flex-wrap: wrap;
	justify-content:space-between;	
}
.media_box{
	width:408px;
	max-width:100%;
	min-height:150px;
	vertical-align:top;
	background:#fff;
	display:block;
	margin:20px auto;
	text-align:center;	
	font-size:18px;
	font-weight:500;
	box-sizing:border-box;
	padding:20px 10px;	
	line-height:1.1;
	
}
.media_box img{
	max-width:100%;
	
}
.kapcs_left{
	width:90%;
	margin:5px auto;
	display:block;
	box-sizing:border-box;
	padding:0px 10px 10px 10px;
	vertical-align:top;
	font-size:.9em;
	line-height:1;

}
.kapcs_right{
	width:90%;
	margin:5px auto;
	display:block;
	box-sizing:border-box;
	padding:10px;
	vertical-align:top;

}
#footer_form{
	background:#a1b69e;
	box-sizing:border-box;
	padding:40px 25px;
	color:#365a49;
	font-size:18px;
	margin-top:8px;
	border:2px solid #fff;
}
#footer_form form label{
	font-size:16px;
}
#footer_form  input[type=checkbox]{
	zoom:1.5;
	vertical-align:sub;
}
#footer_form input[type=text], #footer_form textarea{
	width:100%;
    box-sizing: border-box;
	font-family: "Athiti", sans-serif;
	font-weight: 400;
	font-style: normal;
	padding:2px;
	font-size:16px;
	border:0px;
	margin-bottom:16px;
}

#footer_form  input[type=submit]{
	display:block;
	width:max-content;
	margin:25px 0px 10px 0px;
	padding:4px 10px;
	background:#e7eae0;
	color:#365a49;
	border:0px;
	font-size:18px;
	cursor:pointer;

}


.szolg_row{
	display:blcok;
	
}
.szolg_box{
	width:100%;
	max-width:408px;
	/*min-height:590px;*/
	vertical-align:top;
	display:block;
	margin:20px auto;	
	
}
.szolg_box img{
	max-width:100%;
}
.szolg_box_title{
	width:100%;
	height:70px;
	overflow:hidden;
	line-height:1;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	font-size:26px;
	font-weight:500;	
}
.szolg_box_txt{
	width:100%;
	line-height:1.2;
	display:block;
	text-align:center;
	font-size:22px;
	font-weight:400;
	margin-top:8px;	
}
.szolg_box_frame1{	
	width:100%;
	min-height:540px;
	background:#fff;
	box-sizing:border-box;
	padding:22px;
	
}
.szolg_box_frame2{	
	width:100%;
	min-height:580px;
	background:#fff;
	box-sizing:border-box;
	padding:22px;
	
}
#nyito_kuldetes ul{
	margin-left:25px;
}
.kurlapsent{
	text-align: center;
    padding-top: 30px;
	font-size:1em;
	font-weight:bold;
	color:#009900;
}