html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0;	padding:0; border:0; outline:0; font-size:100%;	background:transparent; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
.section { clear: both;	padding: 0px;	margin: 0px; }
.clear { clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}
.clearfix:after {	clear: both; content: ' ';	display: block;	font-size: 0;	line-height: 0;	visibility: hidden;	width: 0;	height: 0;}
.clearfix {	display: inline-block;}
* html .clearfix { height: 1%; }
.clearfix {	display: block;}


.container { clear: both;	padding: 0px; margin: 0px auto; width:100%; }
.col { display: block; float:left; margin: 0%; box-sizing:border-box;}
.col:first-child { margin-left: 0; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; margin: 0px auto; width: 100%; box-sizing:border-box;}

.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 { width: 100%; }


@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
}





body { color: #333;	background-color: #06091A; background-image: url(../images/hatter.jpg); background-position: center; font-family: Arial,Helvetica,sans-serif; }

h1, h2, h3 {  font-family: 'Poppins', sans-serif; font-weight:400;  line-height: 120%;  }

h1 { font-size: 28px; margin-top: 0px; color: #71694E;}
a { text-decoration:none; color: #A8ACBE; }
a:hover { text-decoration:underline; }

.align-right { text-align:right;}
.align-center { text-align:center;}


.anim { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.border { border: 1px solid #CCCCCC; padding: 10px; background-color: #FAFAFA; }
.rounded { }

.parallax { display:none;  }


.foslider { margin-bottom:20px; margin-top: 0px; z-index:80;}

#page { min-height: 500px; max-width:1200px; width:100%; margin-left: auto; margin-right: auto; background-color: #FBFCFF;  }




#fejlec { min-height: 100px; display: none;}
#fejlec .logo { padding: 10px;}
#fejlec .logo img {	width:100%; }
#fejlec .cim { padding-left: 20px; }
#fejlec .cim h1 { font-size: 25px; color: #151D52;     padding: 15px 0;  }
#fejlec .cim h2 { font-size: 20px; text-shadow: 0 0 5px #FFFFFF;  }



#mainmenu { 
	font-family: 'Poppins', sans-serif; font-weight:400; 
 }
 

.lang_menu { padding-top:70px; display: block; float: right; font-family: Arial, Helvetica, sans-serif; }

ul#mainmenu li { display:inline; float:left; position:relative; z-index:91; margin-right: 1px;}
ul#mainmenu li:last-child {margin-right:0px;}
ul#mainmenu a {display:block; text-decoration: none;}
ul#mainmenu ul  { position: absolute; padding: 0px; display:none; margin:0px; z-index:92;}
ul#mainmenu ul li { font-size:15px; display:block; width: 300px; background-color: #595D71; padding-left:20px; z-index:93; margin-right: 0; }
ul#mainmenu ul li a { padding:10px; }
ul#mainmenu ul li:hover {background-color: #464959;}
ul#mainmenu li:hover a, .nagyfej ul#mainmenu ul li a {color:#FFF;}
ul#mainmenu li:hover { background-color: #595D71; }
ul#mainmenu li:hover ul { display: block; }
ul#mainmenu:after {content:" "; clear:left; display: block;}





.mobilfejlec { display:block; }
.mobilfejlec {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 20px;
	padding-top: 70px;
	padding-right: 0px;
	padding-left: 0px;
}
.mobilfejlec h1 { font-size:28px;   font-size: 22px;   color: #A8ACBE;}
.mobilfejlec img { max-width: 200px;}

.hm { padding-left: 0px; width: 100%;}
.header_menu {background-color: #A8ACBE; color: #FFF; font-size: 16px;	position: relative; display: none; }

.header_menu a {color: #FFF; }
.header_menu ul {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: 2px;
	padding: 0;
	float: left;
	font-style: italic;
}
.header_menu ul li {display: inline; padding: 0px; margin-right: 1px; background-color: #A8ACBE; }
.header_menu ul li:last-child {margin-right:0px;}
.header_menu ul a {padding: 5px 10px; }
.header_menu ul a:hover { text-decoration:none; }


.mobilmenu { position:fixed; width: 100%;  z-index: 90;}
#mobilmenu { position: absolute; top: 0px; width:100%; padding-top:15px; display:none; }
#menunyit {  
	background-color: #A8ACBE;
    color: #333;
    font-size: 30px;
    line-height: 40px;
    border-radius: 40px;
    width: 40px;
    text-align: center;
	margin: 10px auto;
	cursor: pointer;
	opacity: 0.7;
	
}
#menuzar { padding:10px; text-align:center; color: #fff; cursor: pointer;}
#mobilmenu { background-color: #595D71;}
#mobilmenu .lang_menu {margin-right:10px; float:right; padding-bottom: 10px;}
#mm {clear:both;}
ul#mm a {display:block; text-decoration: none; padding:5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #A8ACBE; color: #FBFCFF;
}
ul#mm a:hover { background-color: #464959;  } 
ul#mm li { font-size:20px; font-style: italic; }
ul#mm ul li a{ font-size:18px;  }
ul#mm ul li a{ font-size:18px; padding-left:20px; }
.scrollmenu {display:none; }



.tartalom { padding: 20px; box-sizing:border-box; }

section {
	padding-top: 20px; padding-bottom: 20px;	
	box-sizing: border-box;
	color: #333333;	
}


section h1 {
	color: #969696;
	font-size: 25px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height: 150%;
	margin-top:0px;
	font-style: italic;
}

section h2 {color: #333; font-size: 23px; margin-bottom: 10px; line-height: 150%;}
section h3, 
section h4,
section h5,
section h6 {font-size: 18px; line-height: 150%; color: #AEAEAE; }
section p, section ol, section ul {  line-height: 150%; margin: 10px 0; }
section p:first-child { margin-top:0;}
section ol, section ul { padding-left: 30px; }
section li, section ul {padding-top: 5px; padding-bottom: 5px; }

section img {max-width:100%;}

section figure { text-align:center; margin-bottom:15px;}
section figure img {width: 100%;}
section figure p { font-size: 15px; font-style: italic; margin-top:10px; }

section .video { text-align:center; margin: 20px 0;}
section .video iframe { max-width:100%; }

section table { max-width: 100%;}
section table td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

article h1 { background-image: none; padding-left: 0px; color: #333; font-size: 20px; margin-top:0px;}

.tags { margin-top: 20px; padding: 0;}
.tags li { display: inline; padding:2px;}
.tags li a { background-color: #2DADE3; border-radius: 3px;  padding: 4px; color: #fff; font-size: 13px; }
.filter, .more{ background-color: #BEB8A8; padding: 4px; color: #333; font-size: 13px; }
.filter a, .more a { color: #333;}
.tree {	font-size:13px;	font-style: italic;	margin-top: 10px; margin-bottom: 10px;}

.news {}
.news article { margin-bottom: 15px;}
.news article h1 {font-size: 22px; margin:0px 0 10px; padding: 0;}
.news article h1 a {}
.news article h1 a:hover {text-decoration:none; color: #BEB8A8;}
.news figure { text-align: center; }
.news time { font-size: 13px;  font-style: italic;  font-weight: bold; }
.news figure img { max-width: 100%;  width: auto; }
.news .article {}
.news article p { text-align: justify; /*font-size: 15px;*/ }
.more {	font-style: italic; float:right; background-color: #FBFCFF;     margin-top: 10px;}

.gallery {}
.gallery .small { float:left; margin-right:1%; width: 32.66%; margin-bottom:15px;}
.gallery .small:nth-child(3n+0) {margin-right:0%; }

.gallery .big { float:left; margin-right:2%; width: 49%;}
.gallery .big:nth-child(2n+0) { margin-right:0%; }

.gallery .bigest { float:left; margin-right:2%; width: 49%;}
.gallery .bigest:nth-child(2n+0) { margin-right:0%; }

aside { display:none; box-sizing:border-box; margin-bottom: 20px; }
aside h1 { text-align:center; margin-bottom: 15px; margin-top:0px; color: #FFF; }

aside article {
	margin-bottom:15px;
	clear:both;
	padding-bottom: 15px;
	color: #A8ACBE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A8ACBE;
}
aside article:last-child {
	border:none;
}

aside article h1 { font-size: 22px;  border:none; padding: 0; background-color: transparent; color: #BEB8A8; }
aside article p { text-align:justify; font-size: 15px; line-height: 150%; }
aside article figure {}
aside article figure img { width: 100%;}

.sitemap {}
.sitemap ul {
	font-size: 15px;
	list-style-type: none;
	padding-left: 0px
}
.sitemap ul li {
	padding-left: 40px;
}


footer {	
	background-color: #595D71;	
}

footer .group {
	width: 100%;
	max-width: 1200px;
	margin-left: auto; margin-right: auto;
}

footer h1 {
    color: #FBFCFF;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 10px;
}


#labmenu { font-family: Arial, Helvetica, sans-serif;	list-style-type: none; }
ul#labmenu li {
	font-size:18px;
	list-style-type: none;
}
ul#labmenu a {
	display:block;
	padding: 10px;
	color:#FBFCFF;
	text-decoration: none;
	padding-left:0px;
	border-bottom-width: 1px;
	border-bottom-color: #595D71;
	border-bottom-style: solid;
}
ul#labmenu li a {padding-left: 5px;} 
ul#labmenu a:hover {background-color: #595D71; } 
ul#labmenu ul  { padding: 0px;  margin:0px; }
ul#labmenu ul li { font-size:16px; width:100%;}
#labmenu li ul li a { padding-left:15px; }
#labmenu li a:hover {  }
ul#labmenu li:hover a, ul#labmenu ul li a {  }
ul#labmenu ul li a {  color:#FBFCFF;  }
ul#labmenu li:hover a:hover, ul#labmenu ul li a:hover {   }
ul#labmenu li:hover {  }
ul#labmenu li:hover ul { display: block; }

.image-source-link { color: #98C3D1; }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }

#fel { position:fixed; width: 50px; height: 50px;  text-align: center; font-size: 30px; color: #333; background-color: #FBFCFF; opacity: 0.4; display:none; cursor:pointer; }
#fel i { line-height:50px; }
#fel:hover { opacity: 1; }

.oldalszam {
	float:left;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #A8ACBE;
	background-color: #595D71;
	margin-right: 10px; margin-bottom: 10px;
	text-align:center;
	font-size:12px;
	font-weight: bold;
}



.oldalszam a { color: #FFF; display:block; }
.oldalszam a:hover { background-color: #71694E; text-decoration: none; }
.news article .elozetes {
	font-style: italic;
	font-weight: bold;
}

.hirkep, .hirhir { width: 100%; }
.hirkep { margin-top:15px;}

.flex-caption { font-family: 'Poppins', sans-serif; font-weight:400;  line-height: 160%; font-size: 15px; margin-top:15px; text-align: center;}