::selection {
    background: url('images/background.png') important;
    color: #fff!important;
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #E8B9A2!important;
    color: #fff!important; 
    /* Gecko Browsers */
}

*{
	margin:0;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:baseline;
word-break:break-word;
overflow-wrap:break-word}

html{
	font-size:62.5%;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
scroll-behavior:smooth
}

body{
	font-size:1.6rem;
	background: url('https://ookami.hu/wp-content/themes/ookami2024/images/bg.png') top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color:#222;
	line-height:1.5;
		font-family: 'Archivo', sans-serif;
	width:100%;
	height:100%;
	max-width:100%;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
	}
	
a{
	color:#222;
	text-decoration:none
}

i,
italic,
e,
em {
color: #3949ac !important;
	letter-spacing: 1px;
	line-height: 25px;
	font-size: 12px;
}

u, 
underline {
	color: #000;
    text-decoration: none;
    padding-bottom: 2px;
    line-height: 28px;
}

u b i {
    color: #000;
}

.fa {
	 display:inline-block;
	 font:normal normal normal 14px/1 FontAwesome;
	 font-size:inherit;
	 text-rendering:auto;
	 -webkit-font-smoothing:antialiased;
	 -moz-osx-font-smoothing:grayscale;
	 transform:translate(0, 0);
	 color: #ae0807;
}


		
img{
	height:auto;
	min-height:1px;
	min-width:1px;
	max-width:100%;
	opacity: 1;
			}
			
img:hover{
	opacity: 0.8;
	transition:0.4s;
	border: 0px;
	}
			
video,iframe{
	max-width:100%
	}
	
dfn,cite,em,i{
	font-style:italic
	}
	
b,strong{
	font-weight:700
	}
	
code,kbd,tt,var,samp,pre{font-family:Inconsolata, monospace}pre{font-family:"Courier 10 Pitch", Courier, monospace;line-height:1.6;margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;color:#ddd;background:#272822}address{margin:0 0 24px}blockquote{margin:16px 0;padding:8px 20px}blockquote:before,blockquote:after{font-family:Georgia, serif;content:"\201c";color:#d0d0d0;font-size:8rem;height:48px;width:28px;line-height:1;display:block;text-align:center}blockquote:after{content:"\201d";margin-left:auto;margin-top:8px}blockquote cite{display:block;font-style:normal;font-weight:600;text-align:right;margin-top:8px}fieldset{padding:20px 28px}dt{font-weight:bold}dd{padding-left:24px}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.3rem}sup{top:-0.7rem}hr{margin:36px auto}table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%;margin:16px auto 32px}th{font-weight:700}

th,td{
	
	    border: 1px solid #e6e6e6;
    padding: 11px;
    text-align: left;
    padding: 10px 10px 10px 10px;
    border-top: 5px solid #ffffff;
    background-image: linear-gradient(#fdfbf8, #f1f1f1);
    color: #000;
	    font-family: times;
    border-bottom: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    border-left: 5px solid #5563ba;

}tbody tr:nth-child(odd){background:#e6e6e6}select{border:1px solid #bbb;border-radius:3px;height:48px;max-width:100%}label{display:block;font-weight:800;margin-bottom:8px}input[type="search"]{-webkit-appearance:none}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{-webkit-appearance:none;color:#555;background:#fff;border:1px solid #d0d0d0;border-radius:4px;display:block;padding:8px 12px;width:100%;margin:8px 0;font-size:1.6rem}button,input[type="button"],input[type="submit"]{-webkit-appearance:none;background:#fff;color:#555;border:1px solid #e6e6e6;border-radius:4px;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.4rem;font-weight:800;line-height:1;padding:8px 16px;text-shadow:none}button:hover,input[type="button"]:hover,input[type="submit"]:hover{border-color:#a0a5aa;background:#f1f3f4}#wp-calendar{width:100%;max-width:390px;min-width:254px;display:table}.widget_calendar td,.widget_calendar th{line-height:2.3;text-align:center;padding:0}.widget_calendar tbody a{background:#5f6368;color:#fff;display:block;font-weight:700}.widget_calendar tbody a:hover,.widget_calendar tbody a:focus{background:#222;color:#fff}.wp-calendar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:390px;margin:8px 0}.search_form{position:relative;display:block;overflow:hidden;width:100%}.search_form:focus{outline:none}.search_field{border:solid 1px #e6e6e6;border-radius:4px;padding:14px;display:inline-block;width:100%}input::-webkit-input-placeholder{color:#ababab}input:focus::-webkit-input-placeholder{color:transparent}.search_submit{position:absolute;right:3px;border:none;height:40px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tagcloud a{border-radius:4px;display:inline-block;border:1px solid #e6e6e6;margin:0 8px 4px 0;padding:4px 8px}.tagcloud a:before{content:"#"}.tagcloud a:hover{border-color:#a0a5aa}.aligncenter{display:block;margin:0 auto;clear:both}.alignleft{display:inline;float:left;margin-right:24px}.alignright{display:inline;float:right;margin-left:24px}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#ddd;clip:auto;-webkit-clip-path:none;clip-path:none;color:#222;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.logged-in-as{margin:12px 0}#comments ul{list-style:none}.comment-list ul.children{padding-left:32px}.comment-form input[type="submit"]{width:100%;-webkit-appearance:button}.comment-notes{margin:1em 0}.comment_avatar{width:60px;height:60px}.comment_text{padding:8px 8px 16px 64px}.comment_text>div{border-bottom:1px solid #d0d0d0;padding-bottom:32px}.comment_text p{margin:0 0 22px}.comment_reply{margin-top:24px}.comment-reply-link{border:1px solid #d0d0d0}.comment-reply-link:hover{border-color:#a0a5aa}.bypostauthor{width:auto}.chat_text{border:1px solid #d0d0d0;max-width:100%}.chat_text:before,.chat_text:after{content:"";position:absolute;left:12px;border:10px solid transparent}.chat_text:before{top:-20px;border-bottom-color:#d0d0d0}.chat_text:after{top:-18px;border-bottom-color:#fff}.chat_R .chat_text:before,.chat_R .chat_text:after{right:12px;left:auto}.nav-links .page-numbers{display: inline-block;
    width: 40px;
    height: 47px;
    line-height: 48px;
    text-align: center;}.nav-links .number:hover{background:#f1f3f4}.nav-links li:last-child{margin-right:0}.nav-links .current{background:#f1f3f4}.nav-links .prev,.nav-links .next,.nav-links .dots{width:auto}.navigation{margin:32px auto;text-align:center}.wp-caption{text-align:center;margin:10px auto 20px;padding:10px;max-width:100%}.post_body figure.wp-caption a{border:none}.post_body figure.wp-caption a:hover{border:none}.wp-caption-text{text-align:center}.gallery-item{display:inline-block;text-align:center;vertical-align:top;margin:0 0 24px;padding:0 16px 0 0;width:100%}.gallery-item img:hover{opacity:0.7; border: 0;}.gallery-caption{padding:0 10px 0 0;margin-bottom:0}.wp-caption img,.gallery img{-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.5);box-shadow:3px 3px 5px rgba(0,0,0,0.5)}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption{display:none}.svg_icon{fill:currentColor}.svg10 svg{height:10px;width:10px}.svg12 svg{height:12px;width:12px}.svg16 svg{height:16px;width:16px}.svg18 svg{height:18px;width:18px}.svg24 svg{height:24px;width:24px}.svg32 svg{height:32px;width:32px}.main_fc{color:#222}.sub_fc{color:#5f6368}.fc_fff{color:#fff}.bg_fff{background:#fff}.fs10{font-size:1rem}.fs12,.fsS{font-size: 1.4rem;
  margin-top: 10px;
  margin-left: 5px;}.fs13{font-size:1.3rem}.fs14,.fsMS{font-size:1.4rem}.fs16,.fsM{font-size:1.6rem}.fs18,.fsML{font-size:1.8rem}.fs20,.fsL{font-size:2rem}.fs22{font-size:2.2rem}.fs24,.fsXL{font-size:2.4rem}.fs32{font-size:3.2rem}.fw8,.fw_bold{font-weight:bold}.lh_1{line-height:1}.lh_12{line-height:1.2}.lh_15{line-height:1.5}.lh_2{line-height:2}.ta_l{text-align:left}.ta_c{text-align:center}.ta_r{text-align:right}.m0{margin:0}.m4{margin:4px}.m8{margin:8px}.m12{margin:12px}.m16{margin:16px}.mt2{margin-top:2px}.mt4{margin-top:4px}.mr4{margin-right:4px}.mr8{margin-right: 4px;
    font-size: 13px;}.mr16{margin-right:16px}.mb2{margin-bottom:2px}.mb4,.mb_S{margin-bottom:4px}.mb6{margin-bottom:6px}.mb8,.mb_M{margin-bottom:8px}.mb16,.mb_L{margin-bottom: 22px;}.ml4{margin-left:4px}.ml8{margin-left:8px}.mla{margin-left:auto}.mra{margin-right:auto}.m0a{margin:0 auto}.p4,.p_S{padding:4px}.p8,.p_M{padding:8px}.p12{padding:12px}.p16,.p_L{padding:16px}.pb8{padding-bottom:8px}.p4_8{padding:4px 8px}.p16_0{padding:16px 0}.w100{width:100%}.h100{height:100%}
  
  .br50{border-radius: 15%;
    width: auto;
    height: 50px;
    border: 0px;
    padding: 0px;}
  
  .br3{border-radius:3px}.br4{border-radius:4px}.relative{position:relative}.absolute{position:absolute}.left0{left:0}.right0{right:0}.top0{top:0}.bottom0{bottom:0}.of_h{overflow:hidden}.lsn{list-style:none}.db{display:block}.dib{display:inline-block}.dn{display:none}.vam{vertical-align:middle}.line_clamp{display:block;display:-webkit-box;-webkit-box-orient:vertical}.lc1{-webkit-line-clamp:1;max-height:1.5em}.lc2{-webkit-line-clamp:2;max-height:3em}.lc3{-webkit-line-clamp:3;max-height:4.5em}.z1{z-index:1}.z2{z-index:2}.z5{z-index:5}.tap_no{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.fit_box_img_wrap{position:relative;overflow:hidden}.fit_box_img_wrap:before{content:"";display:block;padding-top:calc(9 / 16 * 100%)}.fit_box_img_wrap img{position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;margin:auto;display:block;height:100%;min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover}.f_box,.searchform div,#cse-search-box,.nav-links{display:-webkit-box;display:-ms-flexbox;display:flex}.f_col,.f_col101,.f_col110{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.f_wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.ai_c,#cse-search-box,.nav-links{-webkit-box-align:center;-ms-flex-align:center;align-items:center; padding-top: 10px;
}}.jc_c,.nav-links{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.jc_fs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.jc_fe{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ai_str{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.jc_sb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.f_row_r,.author.comment_data{-ms-flex-direction:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.f_10a{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.f_auto{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.f_0a{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.flex_70{-webkit-box-flex:1;-ms-flex:1 1 70%;flex:1 1 70%}.f_1{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.f_2{-webkit-box-flex:0;-ms-flex:0 0 48%;flex:0 0 48%}.flex_30,.f_3{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%}.f_4{-webkit-box-flex:0;-ms-flex:0 0 22%;flex:0 0 22%}.menu_s li{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;text-align:center;margin:0 0 4px}.menu_s li a{padding:4px 8px}.o_s_t{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.o_s_t::-webkit-scrollbar{height:4px}.o_s_t::-webkit-scrollbar-track{background:#d0d0d0}.o_s_t::-webkit-scrollbar-thumb{background:#222;border-radius:5px}.sstx{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.ssac{scroll-snap-align:center}.wrap_frame{max-width:1400px;margin:0 auto}.main_wrap{min-height:calc(100vh - 160px)}.main_contents{background:#fff}.h_wrap{top: 0;
  position: relative;
  margin-top: -50px;}.h_top{padding:8px}
  
  .header_logo{
	max-width: 100%;
    z-index: 10;
    position: relative;
  }
  
img.header_logo{
opacity: 1;
    background: #ffffff70;
    margin-bottom: -20px;
  }
  
.header_logo img{
opacity: 1;
  }
  
 img.header_logo:hover{
opacity: 1;
  }
  
.header_logo img:hover{
opacity: 1;
  }
   
  
  .header_icon{max-width:60px}.title_text{color:#333}.h_widget{margin:0;padding:0}.f_widget_wrap{padding:24px 0}.f_credit{background:#fff;border-bottom:3px solid #adadad}.f_credit a{color:#222}#menu_f{background:#fff}.sticky_icon{font-size:2rem}.index_frame{border: 1px solid #ddd;
  padding: 16px 20px 20px 20px;
      border-bottom: 8px solid #f1d3a6;
  background: #fff;
    font-family: times;
  border-radius: 10px;
width: 100%;}
  
  .index_frame figure{
	  margin-top:-17px
	  }
	  
.index_thum{
    overflow:hidden;
    max-height:250px
}
		  
.fit_index{
	margin-left:-20px;
	margin-right:-20px
	}

.index_comment{
	margin:0 0 8px
	}

.index_title{
overflow-wrap: break-word;
  background: #dcdcdc;
  padding: 2px 10px 0px 10px;
  clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
  color: #3e3e3e;
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  text-align: left;
  border-left: 10px solid #ef6451;
	}

.sidebar{
	padding:20px 0
	}
	
.widget{
	margin-bottom:16px;
	padding:8px 12px
	}
	
.widget .fit_widget{
	margin:-8px -12px
	}
	
.s_widget,.f_widget{
	background-color:#fff;
	padding:15px 15px;
	border-bottom:1px solid #e6e6e6
	}
	
.s_widget .fit_widget,.f_widget .fit_widget{
	margin:-16px -20px
	}
	
.f_widget{
	border-top:1px solid #e6e6e6
	}
	
.widget_title{
	color:#222
	}
	
.widget ul{
	list-style:none;
	margin:0
	}
	
.widget select{
	width:100%
	}

.widget_rss li .rsswidget{
	font-size:2.2rem;
	font-weight:300;
	line-height:1.4
	}
	
.widget_rss .rss-date{
	margin:8px 0 24px;
	padding:0
	}
	
.widget_rss .rss-date,.widget_rss li cite{
	color:#767676;
	display:block;
	font-size:1rem;
	font-weight:800;
	letter-spacing:2px
}

.widget_rss .rssSummary{
	margin-bottom:8px
	}
	
.widget_rss ul li:first-child{
	border-top:none;
	padding-top:0
	}
	
.widget_rss ul li{
	padding:34px 0
	}
	
.widget ul li,.widget ol li{
	margin:16px 0
	}
	
.widget ul li ul{
	margin:0 0 -1px;
	padding:0;
	position:relative
	}
	
.widget ul li li{
	border:none;
	padding-left:24px
	}
	
.menu_base{
	overflow-y:hidden;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch
	}
	
.menu_base::-webkit-scrollbar{
	height:4px
	}
	
.menu_base::-webkit-scrollbar-track{
	background:#ccc
	}
	
.menu_base::-webkit-scrollbar-thumb{
	background:#00000026
	}
	
.menu_s .sub-menu{
	display:none
	}
	
.menu_s li:hover a{
	color:#222
	}
	
.menu_a li:hover>a{
	color:#222
	}
	
.menu_h li a{
	padding:20px 12px
	}
	
.menu_h .sub-menu{
	-webkit-box-shadow:0 10px 25px 0 rgba(0,0,0,0.2);
	box-shadow:0 10px 25px 0 rgba(0,0,0,0.2);
	top:100%;
	right:0;
	pointer-events:none;
	opacity:0;
	border-radius:0 0 4px 4px;
	-webkit-transition:opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),-webkit-filter 0.4s;
	transition:opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),-webkit-filter 0.4s;
	transition:opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),filter 0.4s;
	transition:opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),filter 0.4s,-webkit-filter 0.4s;
	-webkit-filter:blur(20px);
	filter:blur(20px);
	z-index:3
	}
	
.menu_h .sub-menu li{
	background:#fff;
	-webkit-transition:0.6s;
	transition:0.6s
	}
	
.menu_h .sub-menu li:hover{
	-webkit-box-shadow:0 10px 25px 0 rgba(0,0,0,0.2);
	box-shadow:0 10px 25px 0 rgba(0,0,0,0.2);
	background:#f1f3f4
	}
	
.menu_h .caret_wrap>a{
	width:80%;
	}
	
#menu_credit a{
	font-weight:normal;
	font-size:1.2rem;
	}
	
.drop_icon{
	padding:8px 16px;
	font-size:2.6rem;
	background-color:#e6e6e6;
	-webkit-transition:-webkit-transform 0.3s;
	transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
	transition:transform 0.3s, -webkit-transform 0.3s
	}
	
	#sw_wrap{
		opacity:0;
		height:100vh;
		width:100vw;
		-webkit-transform:scale(0);
		transform:scale(0);
		position:fixed;
		background:rgba(0,0,0,0.9);
		-webkit-animation:sw_out 0.5s linear;
		animation:sw_out 0.5s linear;
		-webkit-filter:blur(20px);
		filter:blur(20px);
		-webkit-transition:all 0.5s;
		transition:all 0.5s
		}
		
input#sw:checked ~ #sw_wrap{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-filter:blur(0);
	filter:blur(0);
	-webkit-animation:sw_in 0.5s linear;
	animation:sw_in 0.5s linear
	}
	
.sw_inner{
	top:50%;
	left:50%;
	-webkit-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	width:80%;
	max-width:540px;
	}
	
.sw_open{
	-webkit-animation:sw_open 0.5s linear;
	animation:sw_open 0.5s linear
	}

.post_contents{
	padding:0 16px;
	background: #fff;
	}
	
.post{
    border-radius: 0%;
	}
	
.post_frame{
	margin:0 0 20px;
	padding:0 20px 20px;
	}
	
.post_title{
	margin:30px 0 15px;
	color:#333;
	}
	
.post_thum{
	max-height: 190px;
	}
	
.post_body>p{
font-size: 1.5rem;
    line-height: 1.6;
    margin: 24px 0;
    margin-top: 24px;
    color: #000;
    text-align: justify;
	}
	
.post_body>p:first-of-type{
	margin-top:0;
	}
	
.post_body a:not([class]){
	display:inline-block;
	position:relative;
	text-decoration:none;
	}
	
.post_body a:not([class]):before,.post_body a:not([class]):after{
	content:"";
	position:absolute;
	left:0;
	bottom:3px;
	width:100%;
	height:2px;
	}
	
.post_body a:not([class]):after{
	bottom:4px;
	-webkit-transform:scale(0, 1);
	transform:scale(0, 1);
	-webkit-transition:0.4s;
	transition:0.4s;
	}
	
.post_body a:not([class]):hover:after{
	-webkit-transform:scale(1);
	transform:scale(1);
	}
	
.post_body h2,.post_body h3,.post_body h4,.post_body h5,.post_body h6{
	font-weight:bold;
	line-height:1.75;
	color:#333;
	}
	
.post_body h1 {
    background: #ef6451;
    padding: 5px 5px 5px 0px;
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    color: #fff;
    font-family: arial;
    text-transform: uppercase;
    font-size: 17px;
    text-align: center;
}

.post_body h2 {
    background: #5e78ad;
    padding: 5px 5px 5px 0px;
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    color: #fff;
    font-family: arial;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
}

.post_body h3 {
    border-bottom: 2px solid #5563ba;
    padding: 5px 5px 5px 0px;
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    color: #000;
    font-family: arial;
    text-transform: uppercase;
    font-size: 17px;
    text-align: center;
}
	
.post_body h4{
	font-size:1.6rem;
	margin:12px 0;
	}
	
.post_body h5{
	font-size:1.4rem;
	margin:10px 0;
	}
	
.post_body h6{
	font-size:1.2rem;
	margin:8px 0;
	}
	
.post_body ul,.post_body ol{
	padding:4px 8px 4px 32px;
	}
	
.post_body ul ul{
	margin-top:8px;
	margin-bottom:0;
	padding:0 0 0 32px;
	}
	
.post_body ul ul li:last-child{
	padding-bottom:0;
	}
	
.post_body ul li,.post_body ol li{
	line-height:1.875;
	padding:0 0 8px;
	}
	
.post_body blockquote p{
	margin-bottom:0;
	}
	
.post_body hr{
	height:1px;
	background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.15)), to(rgba(0,0,0,0)));
	background-image:linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.15) 50%, rgba(0,0,0,0) 100%);
	border:none;
	}
	
.page_link_next{
	border:1px solid #e6e6e6;
	border-left:none;
	border-right:none;
	}
	
.next_arrow{
	top:-16px;
	padding-left:8px;
	}
	
.current .page-number{
	background:#e6e6e6;
	}
	
.post_cat,.post_tag{
	display:inline-block;
	border:1px solid #d0d0d0;
	}
	
.post_cat:hover,.post_tag:hover{
	border-color:#a0a5aa;
	background:#f1f3f4;
	}
	
.adjacents{
	margin-top:24px;
	border-bottom:1px solid #d0d0d0;
	}
	
.adjacent_sep{
	height:1px;
	background:#d0d0d0;
	}
	
.adjacent{width:50%}.adjacent:hover{background:#f1f3f4}.adjacent_info{top:-12px}.adjacent_prev{padding-right:8px}.adjacent_next{padding-left:8px}.about_author{border:1px solid #e6e6e6}.aa_avatar{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.post_widget .widget{padding:0}.post_widget .widget:last-child{margin-bottom:0}.post_widget .ad_autorelaxed{padding:0 8px}.breadcrumb li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.chat_row .chat_text>p{margin:0}.blog_card{border:1px solid #d0d0d0;border-radius:4px;-webkit-transition:all .3s;transition:all .3s}.blog_card:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);background:#f1f3f4}.bc_thum{height:170px;border-radius:0 4px 4px 0}.bc_thum:before{padding-top:50%}.bc_entry{padding:8px 12px}.bc_read_more{border-bottom:1px dashed}.bc_summary,.bc_domain{color:#5f6368}.cta_box_wrap{position:relative}.cta_box_thum{width:100%;height:100%;position:absolute;z-index:0}.cta_box_like{background:rgba(39,39,39,0.5);width:100%;padding:18px 9px;text-align:center;border-radius:3px;z-index:1}p.cta_box_like_text{color:#fff;margin-bottom:0}.cta_box_fa,.cta_box_tw,.cta_box_fe{margin:10px auto}.pf_bg{height:160px;border-radius:4px 4px 0 0}.mb_M .pf_bg.fit_widget{margin-bottom:0}.has_bg{margin-bottom:50px}.pf_img{height:120px;width:120px;border:5px solid rgba(255,255,255,0.5)}.pf_sns_wrap{border-top:1px solid #d0d0d0;padding:8px 0 0}.post_list_box{margin:0 auto}ul li.post_list_border{border-top:1px dotted #999;padding:7px 0}ul li.post_list_border:last-child{border-bottom:1px dotted #999}.pl_rank{background:rgba(0,0,0,0.6);-webkit-box-flex:0;-ms-flex:0 0 30px;flex:0 0 30px;width:30px}li:nth-child(1) .pl_rank{background:rgba(242,133,0,0.8)}li:nth-child(2) .pl_rank{background:rgba(115,134,120,0.8)}li:nth-child(3) .pl_rank{background:rgba(123,63,0,0.8)}.pl_tt_title{background:rgba(0,0,0,0.25)}.pl_tt_title>span{padding:4px 8px;line-height:1.4}.pl_thum_title{padding:5px;line-height:1.4;max-height:4.5em}.pl_thum_box{height:170px}.post_list_thum{margin:0 8px 0 0;-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px}#toc a{text-decoration:none}.toc{background:#f2f2f2;padding:16px}.toc_lab{margin:0;cursor:pointer}.toc_caret{width:14px;margin-right:3px}#tog_toc{display:none}#tog_toc:not(:checked) ~ div .toc_hide,#tog_toc:checked ~ div .toc_view{display:block}#tog_toc:checked ~ div .toc_hide,#tog_toc:not(:checked) ~ div .toc_view{display:none}#tog_toc:not(:checked) ~ .toc_ul *{height:auto}#tog_toc:checked ~ .toc_ul{padding:0}#tog_toc:checked ~ .toc_ul *{height:0;overflow:hidden}.toc ul,.toc li{list-style:none;padding:0}.toc ul ul{margin:0}ul.toc_ul li{padding:0}ol.toc_ol{padding-left:24px}ol.toc_ol li{padding:0;list-style-type:decimal}.toc_widget{border:none}.toc_widget::-webkit-scrollbar{width:2px}.toc_widget::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.1)}.sidebar .toc_sticky{position:-webkit-sticky;position:sticky;top:20px;z-index:5}.toc_sticky .toc_widget{overflow-y:scroll;max-height:calc(100vh - 90px);padding:0 12px 0 0}.sitemap_list li{list-style:none}.sitemap_list>li{margin:0 0 5px 0}.sitemap_list>li>a{font-weight:bold}.ad_box{margin:0 auto}.post_body .ad_inarticle{margin:30px 0}.ad_labeling{text-align:right}.ad_rectangle{min-width:300px;max-width:336px}.ya_ad_widget{background:transparent}#cse-search-box input[type="text"]{height:32px}.post_body .gsc-control-cse tr{background:transparent}.post_body .gsc-control-cse td{padding:0}.post_body .gsc-control-cse a,.post_body .gsc-control-cse a:hover,.post_body .gsc-control-cse td{border:none}.dd_widget{border:1px solid #e6e6e6;padding:8px}.dd_label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:5px}.dd_widget ul{-webkit-box-shadow:0 10px 25px 0 rgba(0,0,0,0.2);box-shadow:0 10px 25px 0 rgba(0,0,0,0.2);background:#fff}.dd_widget ul li a{margin:0;padding:8px;cursor:pointer}.dd_widget ul li a:hover{background:#f1f3f4}.dd_widget>input:checked ~ ul{display:block;max-height:500px;overflow-y:scroll;margin:8px 0 0 -8px}.dd_widget>input:checked ~ label .caret_right{display:none}.dd_widget>input:checked ~ label .caret_down{display:block}.dd_widget>input:checked ~ .dd_dummy{display:block;width:100vw;height:100vh;left:0;top:0;position:fixed;background:rgba(0,0,0,0.1)}.ya_lozad{opacity:0;-webkit-transition:opacity 1s ease-out;transition:opacity 1s ease-out}.ya_lozad.is_loaded{opacity:1}.icon_rec:after{font-size:1.2rem;content:attr(title);padding-left:6px;line-height:1}.sns_tooltip:hover:before{content:"";top:-12px;left:5px;border:5px solid;background:transparent;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;display:block;position:absolute;z-index:1}.sns_tooltip:hover:after{left:0;top:-40px;width:auto;line-height:25px;font-size:1.4rem;color:#fff;content:attr(title);display:block;padding:2px 10px;position:absolute;white-space:nowrap;border-radius:3px}ul.sns_link_icon li{margin:0;padding:4px 8px 4px 0;border:none}ul.sns_link_icon li:last-child{padding-right:0}ul.sns_link_icon li:hover .ry360{-webkit-animation:ry360 0.8s;animation:ry360 0.8s}ul.sns_link_icon li:last-child .sns_tooltip:hover:before{left:auto;right:5px}ul.sns_link_icon li:last-child .sns_tooltip:hover:after{right:0;left:auto}.sns_opacity a:hover{opacity:0.7}iframe.twitter-timeline{min-width:100% !important;width:1px !important}.alu .f_1 .art_img{max-height:200px}.hp_p{padding:4px 8px}.sidebar .fit_widget,.f_widget .fit_widget{margin:-16px -20px}

.ultp-builder-container.ultp-widget-right {
    display: grid;
    grid-column-gap: 30px;
    grid-template-columns: 70% auto;
    padding-top: 40px;
}


.gabumon{
    position: absolute;
    z-index: 2;
    margin-top: -170px;
    width: 170px;
    margin-left: 650px;
}

.gabumon img:hover{
opacity: 1;
}

.matt{
    position: absolute;
    z-index: 2;
    margin-top: 0px;
    width: 400px;
    margin-left: 640px;
}

.matt img:hover{
opacity: 1;
}
 
.gabumon div.desc{ /* felugró doboz */
position: absolute;
    width: 300px;
    bottom: 0;
    padding: 10px;
    background: #5e78ad;
    opacity: 0;
    -moz-border-radius: 0 9px 0 9px;
    -webkit-border-radius: 0 9px 0 9px;
    border-radius: 0 9px 0 9px;
    -moz-box-shadow: 0 0 6px #858585;
    -webkit-box-shadow: 0 0 6px #858585;
    box-shadow: 0 0 6px #858585;
    right: 170px;
    margin-top: 300px;
}
 
.gabumon div.desc a{ /* link színe */
color: #F9D536;}
 
.gabumon:hover div.desc{ /*a szöveg színe */
   color: #ffffff;
   opacity: 1;}
 
.gabumon div.upslide{ /* a doboz felül */
   top:0;
   bottom:auto;
   padding-bottom:5px;
   -moz-border-radius: 0 9px 0 9px; /* keret */
   -webkit-border-radius: 0 9px 0 9px; /* keret */
   border-radius: 0 9px 0 9px; /* keret */}
 
.gabumon:hover div.upslide{
   -moz-transform: translate(0, -100%);
   -webkit-transform: translate(0, -100%);}

.gomb {
    width: 100%;
    height: auto;
    background: #eaeaea;
    text-align: left;
    padding-top: 8px;
    margin: 10px 0px 10px 0px;
    border-radius: 2%;
    border-left: 10px solid #f1d3a6;
    padding-left: 10px;
    font-family: 'Roboto';
    padding-bottom: 10px;
    padding-top: 10px;
}

	.gomb:hover{
	-webkit-box-shadow:0 10px 25px 0 rgba(0,0,0,0.2);
	box-shadow:0 10px 25px 0 rgba(0,0,0,0.2);
	background:#f1f3f4;
}

	.gomb a:hover{
	color: #5e78ad;
		-webkit-transition:0.6s;
	transition:0.6s
}

@media screen and (max-width: 560px){
	
		.project{
	background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 10px 10px 20px 10px;
	}
	
	.projectcim{
	color: #5e78ad; font-size: 1.8rem; font-weight: bold; display: block;font-family: arial;padding-left: 5px;
	}

.projectresz{
	color: #000; font-size: 1.4rem; font-weight: bold; display: block;font-family: arial;padding: 5px;
	}

.projectgomb{
	padding: 5px; display: inline;line-height: 5px;font-family: arial;font-size: 1.3rem;color: #3d3d3d;
	}

.kiadas{
	color: #ff4a31; font-family: arial; font-size: 1.3rem;padding-top: 10px;font-weight: bold;
	}
	
		.tablazatalcim{
background: #fff;
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
		}
	
			    a.szerkesztolink {
        padding: 5px 10px 6px 10px;
        border: 1px solid;
        line-height: 40px;
        background: #d84949;
        color: #fff;
        font-size: 14px;
        font-size: 12px;
        font-weight: bold;
        font-family: arial;
    }

    a.szerkesztolink2 {
        padding: 5px 10px 6px 10px;
        border: 1px solid;
        line-height: 40px;
        background: #5563ba;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        font-family: arial;
    }

    a.szerkesztolink2:hover {
        padding: 5px 10px 6px 10px;
        border: 1px solid #5563ba;
        line-height: 40px;
        background: #fff;
        color: #000;
    }

.szerkesztonev {
        background: transparent;
        border: 0px solid #ededed;
        color: #5563ba;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 30px;
        font-family: arial;
    }

.szerkesztoprofil {
        background: transparent;
        border: 0px solid #ededed;
        filter: grayscale(0);
        width: 130px;
        height: 110.5px;
        float: left;
        margin-right: 10px;
        opacity: 1;
        object-fit: cover;
        border-radius: 10%;
    }

.terjedelem {
        display: inline-table;
        background: #ef6451;
        width: 49.5%;
        text-align: center;
        padding: 6px;
        color: #fff;
        font-size: 0.9em;
        font-family: arial;
        letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 0%;
    }
	
	.kotetszam {
        display: inline-table;
        background: #5563ba;
        width: 49.5%;
        text-align: center;
        padding: 6px;
        color: #fff;
        font-size: 0.9em;
        font-family: arial;
        letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
	
	    .contenttext {
        color: #707070;
        text-align: justify;
    }
	
	.index_frame {
    border: 1px solid #ddd;
    padding: 16px 20px 20px 20px;
    border-bottom: 8px solid #f1d3a6;
    background: #fff;
    font-family: times;
    border-radius: 10px;
    width: 100%;
	margin-bottom: 20px;
}

.tartalom {
        border: 1px solid #cfcfcf;
        padding: 10px;
        color: #4f4f4f;
        font-family: times;
    }
	
	    .megnezemgomb {
        width: 32%;
display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #e7b37f;
        background-image: linear-gradient(to top, #e7b37f 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
    }
	
		    .megnezemgomb:hover{
        color: #fff;
        background-position: bottom;
    }
	
	.letoltomgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #d54d4d;
        background-image: linear-gradient(to top, #d54d4d 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
		font-family: times;
    }
	
		.letoltomgomb:hover {
        color: #fff;
        background-position: bottom;
}
	
	.adatlapgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #5563ba;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
		font-family: times;
    }
	
		    .adatlapgomb:hover {
        color: #fff;
        background-position: bottom;
}
	
	    .megnezemgomb2 {
        width: 49.5%;
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #e7b37f;
        background-image: linear-gradient(to top, #e7b37f 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
		font-family: times;
    }
	
	    .megnezemgomb2:hover {
        color: #fff;
        background-position: bottom;
}
	
	.adatlapgomb2 {
        width: 49.5%;
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #5563ba;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
		font-family: times;
    }
	
		.adatlapgomb2:hover {
        color: #fff;
        background-position: bottom;
}
	
	  .sorok2 {
    width: 56%;
    padding-bottom: 10px;
  }
  
  		
			.terjedelem2 {
    width: 44.6%;
    display: inline-table;
    background: #ef6451;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 0.9em;
    font-family: arial;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 0%;
  }
  
   .kotetszam2 {
    width: 44%;
    display: inline-table;
    background: #5563ba;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 0.9em;
    font-family: arial;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
			
	.kotetszam{
display: inline-table;
  background: #5563ba;
  width: 49.5%;
  text-align: center;
  padding: 6px;
  color: #fff;
  font-size: 0.9em;
  font-family: arial;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
		}	
		
.felnott{
border: 1px solid #a00000;
  display: inline-table;
  background: #fff;
  width: 10%;
  text-align: center;
  padding: 6px;
  color: #d84949;
  font-size: 0.9em;
  font-family: arial;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 0%;
}

	.terjedelem2{
width: 44.6%;
  display: inline-table;
  background: #ef6451;
  text-align: center;
  padding: 6px;
  color: #fff;
  font-size: 0.9em;
  font-family: arial;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 0%;
		}
		
	.kotetszam2{
width: 44%;
  display: inline-table;
  background: #5563ba;
  text-align: center;
  padding: 6px;
  color: #fff;
  font-size: 0.9em;
  font-family: arial;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
		}	
		
		
	.tartalom{
border: 1px solid #cfcfcf;
  padding: 10px;
   color: #4f4f4f;
        font-family: times;
		}
		
		
	.tablazatkep{
width: 42%;
  height: 190px;
  border-radius: 5%;
  object-fit: cover;
  object-fit: cover;
    padding: 6px;
    border: 1px solid #a70303;
    object-position: 3%;
		}
		
	.tablazatkep2{
	margin-top: 10px;
  width: 42%;
  height: 190px;
  border-radius: 5%;
  }
		

	.tablazatkep{
width: 42%;
  height: 190px;
  border-radius: 5%;
  object-fit: cover;
  object-fit: cover;
    padding: 6px;
    border: 1px solid #a70303;
    object-position: 3%;
		}
	
	.felnott {
        border: 1px solid #a00000;
        display: inline-table;
        background: #fff;
        width: 10%;
        text-align: center;
        padding: 6px;
        color: #d84949;
        font-size: 0.9em;
        font-family: arial;
        letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 0%;
    }

	
	.news{
		display: none;
	}
	
	.ticker-wrap{
		display: none;
	}
	
	.f_col100{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.jc_c100{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f_col_r100{-ms-flex-direction:column-reverse;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.f_123,.f_2,.f_3,.f_4{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.f_2.f_col,.f_3.f_col,.f_4.f_col{-webkit-box-flex:0;-ms-flex:0 0 48%;flex:0 0 48%}.h_top>div{width:100%}.s_widget .ad_responsive,.f_widget .ad_responsive{margin:0 -20px}.dn100{display:none}.rp_box_tt li{-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%}.blog_card{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bc_thum{width:100%;border-radius:4px 4px 0 0}}
	
	@media screen and (min-width: 561px){
			.project{
	background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 10px 10px 20px 10px;
	}
		
		.projectcim{
	color: #5e78ad; font-size: 1.8rem; font-weight: bold; display: block;font-family: arial;padding-left: 5px;
	}

.projectresz{
	color: #000; font-size: 1.4rem; font-weight: bold; display: block;font-family: arial;padding: 5px;
	}

.projectgomb{
	padding: 5px; display: inline;line-height: 5px;font-family: arial;font-size: 1.3rem;color: #3d3d3d;
	}

.kiadas{
	color: #ff4a31; font-family: arial; font-size: 1.3rem;padding-top: 10px;font-weight: bold;
	}
		
		    a.szerkesztolink {
        padding: 5px 10px 6px 10px;
        border: 1px solid;
        line-height: 40px;
        background: #d84949;
        color: #fff;
        font-size: 14px;
        font-size: 12px;
        font-weight: bold;
        font-family: arial;
    }

    a.szerkesztolink2 {
        padding: 5px 10px 6px 10px;
        border: 1px solid;
        line-height: 40px;
        background: #5563ba;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        font-family: arial;
    }

    a.szerkesztolink2:hover {
        padding: 5px 10px 6px 10px;
        border: 1px solid #5563ba;
        line-height: 40px;
        background: #fff;
        color: #000;
    }

.szerkesztonev {
        background: transparent;
        border: 0px solid #ededed;
        color: #5563ba;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 30px;
        font-family: arial;
    }

.szerkesztoprofil {
        background: transparent;
        border: 0px solid #ededed;
        filter: grayscale(0);
        width: 130px;
        height: 110.5px;
        float: left;
        margin-right: 10px;
        opacity: 1;
        object-fit: cover;
        border-radius: 10%;
    }

.terjedelem {
        display: inline-table;
        background: #ef6451;
        width: 49.5%;
        text-align: center;
        padding: 6px;
        color: #fff;
        font-size: 0.9em;
        font-family: arial;
        letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 0%;
    }
	
	.kotetszam {
        display: inline-table;
        background: #5563ba;
        width: 49.5%;
        text-align: center;
        padding: 6px;
        color: #fff;
        font-size: 0.9em;
        font-family: arial;
        letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
	
	    .contenttext {
        color: #707070;
        text-align: justify;
    }
	
	.index_frame {
    border: 1px solid #ddd;
    padding: 16px 20px 20px 20px;
    border-bottom: 8px solid #f1d3a6;
    background: #fff;
    font-family: times;
    border-radius: 10px;
    width: 100%;
	margin-bottom: 20px;
}

.tartalom {
        border: 1px solid #cfcfcf;
        padding: 10px;
		 color: #4f4f4f;
        font-family: times;
    }
	
	    .megnezemgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 32%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #e7b37f;
        background-image: linear-gradient(to top, #e7b37f 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
        font-family: times;
    }
	
	.letoltomgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #d54d4d;
        background-image: linear-gradient(to top, #d54d4d 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
		font-family: times;
    }
	
	.adatlapgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #5563ba;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
		font-family: times;
    }
	
	  .sorok2 {
    width: 56%;
    padding-bottom: 10px;
  }

	.tablazatkep{
width: 42%;
  height: 190px;
  border-radius: 5%;
  object-fit: cover;
  object-fit: cover;
    padding: 6px;
    border: 1px solid #a70303;
    object-position: 3%;
		}
	
	.felnott {
        border: 1px solid #a00000;
        display: inline-table;
        background: #fff;
        width: 10%;
        text-align: center;
        padding: 6px;
        color: #d84949;
        font-size: 0.9em;
        font-family: arial;
        letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 0%;
    }
		
					.sidebar_right {
    display: none;}
		
			.news{
		display: none;
	}
	
	.ticker-wrap{
		display: none;
	}
		
		.f_box011{display:-webkit-box;display:-ms-flexbox;display:flex}.f_wrap011{-ms-flex-wrap:wrap;flex-wrap:wrap}.jc_sb011{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.dn011{display:none}.fsS{font-size: 1.5rem;
    font-family: times;
    color: #5c5c5c;}.fsMS{font-size:1.6rem}.fsM{font-size:1.8rem}.fsML{font-size:2rem}.fsL{font-size:2.4rem}.fsXL{font-size:2.8rem}.mb_S{margin-bottom:8px}.mb_M{margin-bottom:16px}.mb_L{margin-bottom: 22px;}.post_contents{}.post_contents .ad_rectangle{min-width:336px}.h_top{padding:12px 20px 0;min-height:64px}.header_logo{max-width:100%}.no_menu{padding:12px 20px}
	
	.s_widget{
	border: 1px solid #ddd;
    border-radius: 10px;
    font-family: times;
    color: #4f4f4f;
	}
	
	.f_widget{border:none}.f_widget .ad_responsive{margin:0 -12px}.f_widget_block{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.f_widget_inner{padding:0 20px}.f_widget_C{margin:0 20px}.h_widget{margin-left:8px;padding:8px 0 8px 12px}.menu_a li{font-size:1.6rem}.drop_icon{margin:0 0 0 8px;font-size:2rem}.single_flame .index_thum{max-height:240px}main.list 
	
	
	.index_frame{width:100%; border-bottom: 8px solid #f1d3a6; margin-bottom: 20px;}
	
	
	
	main.grid .index_frame{width:48%}main.lg .index_frame:nth-child(n+2){width:48%}main.lgl .index_frame{width:48%}main.lgl .index_frame:nth-child(3n+1){width:100%}.index_double>article{min-width:50%}.index_double>article:nth-child(odd){padding-right:8px}.index_double>article:nth-child(even){padding-left:8px}.index_double .fit_index{margin-left:0;margin-right:0}.index_title{font-size:2rem}.post_title{font-size: 2rem;
    margin: 36px 0 18px;
    overflow-wrap: break-word;
    background: #dcdcdc;
    padding: 2px 10px 0px 10px;
    clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
    color: #3e3e3e;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    text-align: left;
    border-left: 10px solid #ef6451;}.post_body>p{font-size: 1.5rem;
    line-height: 1.7;
    margin: 24px 0;
    margin-top: 24px;
    font-family: times;}.post_body h1{margin:28px 0}.post_body h2{margin:24px 0}.post_body h3{margin:20px 0}.post_body h4{font-size:2rem;margin:16px 0}.post_body h5{font-size:1.8rem;margin:14px 0}.post_body h6{font-size:1.6rem;margin:12px 0}.post_body ul li,.post_body ol li{line-height:2;font-size:1.8rem}.post_thum{max-height: 250px;
    max-width: 900px;}.fit_content{margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -15px;}.cta_box_thum{width:60%;height:auto;border-radius:4px 0 0 4px;position:relative}.cta_box_like{border-radius:0 4px 4px 0;background:#272727}.widget_ya_dd{border:none}.hp_contents div[id^="ya_carousel-"]:first-child{margin-top:-16px}}
	
	@media screen and (min-width: 561px) and (max-width: 959px){
		
			.project{
	background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 10px 10px 20px 10px;
	}
		
		.projectcim{
	color: #5e78ad; font-size: 1.8rem; font-weight: bold; display: block;font-family: arial;padding-left: 5px;
	}

.projectresz{
	color: #000; font-size: 1.4rem; font-weight: bold; display: block;font-family: arial;padding: 5px;
	}

.projectgomb{
	padding: 5px; display: inline;line-height: 5px;font-family: arial;font-size: 1.3rem;color: #3d3d3d;
	}

.kiadas{
	color: #ff4a31; font-family: arial; font-size: 1.3rem;padding-top: 10px;font-weight: bold;
	}
	
			.terjedelem2 {
    width: 44.6%;
    display: inline-table;
    background: #ef6451;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 0.9em;
    font-family: arial;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 0%;
  }
  
   .kotetszam2 {
    width: 44%;
    display: inline-table;
    background: #5563ba;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 0.9em;
    font-family: arial;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
	
		.f_col101{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.f_123{-webkit-box-flex:0;-ms-flex:0 0 49%;flex:0 0 49%}.menu_h{margin:0 20px}.sidebar{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.s_widget{width:49%;height:-webkit-max-content;height:-moz-max-content;height:max-content}.f_widget .ad_responsive{min-width:250px}.rp_box_tt li{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%}
	
	
	.sidebar_right {
    display: none;}
}
		@media screen and (max-width: 959px){
			
				.project{
	background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 10px 10px 20px 10px;
	}
			
			.projectcim{
	color: #5e78ad; font-size: 1.8rem; font-weight: bold; display: block;font-family: arial;padding-left: 5px;
	}

.projectresz{
	color: #000; font-size: 1.4rem; font-weight: bold; display: block;font-family: arial;padding: 5px;
	}

.projectgomb{
	padding: 5px; display: inline;line-height: 5px;font-family: arial;font-size: 1.3rem;color: #3d3d3d;
	}

.kiadas{
	color: #ff4a31; font-family: arial; font-size: 1.3rem;padding-top: 10px;font-weight: bold;
	}
	
  a.more-link{
        background: #eaeaea;
        color: #000;
        float: right;
        padding: 13px 25px 10px 25px;
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
        border-bottom: 5px solid #5563ba;
        letter-spacing: 1px;
        font-size: 14px;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        margin-top: 30px;
  
   }
   
  	a.more-link:hover{
color: #fff;
        transition: 0.4s ease-in-out;
        background-position: bottom;
	}
	
	  .more-link a{
        background: #eaeaea;
        color: #000;
        float: right;
        padding: 13px 25px 10px 25px;
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
        border-bottom: 5px solid #5563ba;
        letter-spacing: 1px;
        font-size: 14px;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        margin-top: 30px;
  
   }
   
  	.more-link a:hover{
color: #fff;
        transition: 0.4s ease-in-out;
        background-position: bottom;
	}
	
	  .more-link{
        background: #eaeaea;
        color: #000;
        float: right;
        padding: 13px 25px 10px 25px;
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
        border-bottom: 5px solid #5563ba;
        letter-spacing: 1px;
        font-size: 14px;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        margin-top: 30px;
  
   }
   
  	.more-link:hover{
color: #fff;
        transition: 0.4s ease-in-out;
        background-position: bottom;
	}
	
	.terjedelem2 {
    width: 44.6%;
    display: inline-table;
    background: #ef6451;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 0.9em;
    font-family: arial;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 0%;
  }
  
   .kotetszam2 {
    width: 44%;
    display: inline-table;
    background: #5563ba;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 0.9em;
    font-family: arial;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
	
			.f_col110{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.jc_c110{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dn110{display:none}.drop_icon .fa-caret-right:before{content:"\f0d7"}.main_contents{border-radius:0 0 4px 4px}.nav_h,#header_widget{-webkit-transform:scaleY(0);transform:scaleY(0);max-height:0;-webkit-filter:blur(20px);filter:blur(20px);-webkit-transition:all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);transition:all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1)}#mh:checked ~ .nav_h,#mh:checked ~ div #header_widget{-webkit-transform:scaleY(1);transform:scaleY(1);max-height:5000px;-webkit-filter:blur(0);filter:blur(0)}.menu_h li{width:100%; margin: 0; text-transform: uppercase;
    font-size: 14px;
    background: #fff;
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
    padding: 0px 20px 0px 20px;}
	
	
.menu_h>li:hover{
	background: #fc9;
	}
	
.menu_h>li>.sub-menu{
	width:100%
	}
	
.menu_h input[type="checkbox"]:checked ~ div label{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
	}
	
.menu_h input[type="checkbox"]:checked ~ .sub-menu{
	opacity:1;
	pointer-events:all;
	-webkit-filter:blur(0);
	filter:blur(0);
	-webkit-transition:opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),-webkit-filter 0.4s;
	transition:opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),-webkit-filter 0.4s;
	transition:opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),filter 0.4s;
	transition:opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),filter 0.4s,-webkit-filter 0.4s
	}
	
.menu_h .sub-menu li:hover .drop_icon{
	color:#222;
	background: #fc9;
	}
	
.h_logo_wrap{
	text-align:center;
	max-width:80%;
	margin:0 auto;
	}
	
	
.post_contents{
	overflow-x:hidden;
	position:relative;
	}
	
.mh_wrap{
	width:100%;
	}
	
.rp_box_tt{
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	}
	
			.sidebar_right {
    display: none;}
}
	
@media screen and (min-width: 960px){
	
	.csapatgomb{
		padding: 10px; background: linear-gradient(#627baf, #83a0db); border-radius: 10px; text-align: center;
	}
	
	.csapatgomb:hover{
		background: linear-gradient(#83a0db, #627baf);
	}
	
	
		.project{
	background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 10px 10px 20px 10px;
	}
	
	.projektcsapat{
	            color: #858585;
            font-size: 1.3rem;
            font-weight: bold;
            display: block;
            font-family: arial;
            padding: 5px;
			        margin-top: -10px;
			}
	
	.projectcim{
	color: #5e78ad; font-size: 1.8rem; font-weight: bold; display: block;font-family: arial;padding-left: 5px;
	}

.projectresz{
	color: #000; font-size: 1.4rem; font-weight: bold; display: block;font-family: arial;padding: 5px;
	}

.projectgomb{
	padding: 5px; display: inline;line-height: 5px;font-family: arial;font-size: 1.3rem;color: #3d3d3d;
	}

.kiadas{
	color: #ff4a31; font-family: arial; font-size: 1.3rem;padding-top: 10px;font-weight: bold;
	}
	
	#button {
  display: inline-block;
  background-color: rgba(239,100,81,1);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
@media (min-width: 500px) {
	
		.project{
	background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 10px 10px 20px 10px;
	}
	
	.projectcim{
	color: #5e78ad; font-size: 1.8rem; font-weight: bold; display: block;font-family: arial;padding-left: 5px;
	}

.projectresz{
	color: #000; font-size: 1.4rem; font-weight: bold; display: block;font-family: arial;padding: 5px;
	}

.projectgomb{
	padding: 5px; display: inline;line-height: 5px;font-family: arial;font-size: 1.3rem;color: #3d3d3d;
	}

.kiadas{
	color: #ff4a31; font-family: arial; font-size: 1.3rem;padding-top: 10px;font-weight: bold;
	}
	
  .content {
    width: 43%;
  }
  #button {
    margin: 30px;
  }
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;
}
	
	.hoverinfo {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 15px;
  color: #ffffff;
  cursor: pointer;
}

.hoverinfo p {
        display: none;
        color: #000000;
        position: absolute;
        left: -300px;
        margin-top: 50px;
        padding: 10px;
        width: 300px;
}

.hoverinfo:hover p {
border-radius: 10px;
        background: #5e78ad;
  display: block;
}
	
	
	  a.more-link{
        background: #eaeaea;
        color: #000;
        float: right;
        padding: 13px 25px 10px 25px;
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
        border-bottom: 5px solid #5563ba;
        letter-spacing: 1px;
        font-size: 14px;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        margin-top: 30px;
  
   }
   
  	a.more-link:hover{
color: #fff;
        transition: 0.4s ease-in-out;
        background-position: bottom;
	}
	
	  .more-link a{
        background: #eaeaea;
        color: #000;
        float: right;
        padding: 13px 25px 10px 25px;
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
        border-bottom: 5px solid #5563ba;
        letter-spacing: 1px;
        font-size: 14px;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        margin-top: 30px;
  
   }
   
  	.more-link a:hover{
color: #fff;
        transition: 0.4s ease-in-out;
        background-position: bottom;
	}
	
	  .more-link{
        background: #eaeaea;
        color: #000;
        float: right;
        padding: 13px 25px 10px 25px;
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
        border-bottom: 5px solid #5563ba;
        letter-spacing: 1px;
        font-size: 14px;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        margin-top: 30px;
  
   }
   
  	.more-link:hover{
color: #fff;
        transition: 0.4s ease-in-out;
        background-position: bottom;
	}
	
	    a.szerkesztolink {
        padding: 5px 10px 6px 10px;
        border: 1px solid;
        line-height: 40px;
        background: #d84949;
        color: #fff;
        font-size: 14px;
        font-size: 12px;
        font-weight: bold;
        font-family: arial;
    }

    a.szerkesztolink2 {
        padding: 5px 10px 6px 10px;
        border: 1px solid;
        line-height: 40px;
        background: #5563ba;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        font-family: arial;
    }

    a.szerkesztolink2:hover {
        padding: 5px 10px 6px 10px;
        border: 1px solid #5563ba;
        line-height: 40px;
        background: #fff;
        color: #000;
    }

.szerkesztonev {
        background: transparent;
        border: 0px solid #ededed;
        color: #5563ba;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 30px;
        font-family: arial;
    }

.szerkesztoprofil {
        background: transparent;
        border: 0px solid #ededed;
        filter: grayscale(0);
        width: 130px;
        height: 110.5px;
        float: left;
        margin-right: 10px;
        opacity: 1;
        object-fit: cover;
        border-radius: 10%;
    }

.terjedelem {
        display: inline-table;
        background: #ef6451;
        width: 49.5%;
        text-align: center;
        padding: 6px;
        color: #fff;
        font-size: 0.9em;
        font-family: arial;
        letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 0%;
    }
	
	.kotetszam {
        display: inline-table;
        background: #5563ba;
        width: 49.5%;
        text-align: center;
        padding: 6px;
        color: #fff;
        font-size: 0.9em;
        font-family: arial;
        letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
	
	    .contenttext {
        color: #707070;
        text-align: justify;
    }
	
	.index_frame {
    border: 1px solid #ddd;
    padding: 16px 20px 20px 20px;
    border-bottom: 8px solid #f1d3a6;
    background: #fff;
    font-family: times;
    border-radius: 10px;
    width: 100%;
}

.tartalom {
        border: 1px solid #cfcfcf;
        padding: 10px;
		 color: #4f4f4f;
        font-family: times;
    }
	
	    .megnezemgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 32%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #e7b37f;
        background-image: linear-gradient(to top, #e7b37f 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
		font-family: times;
    }
	
	    .megnezemgomb:hover {
        color: #fff;
        background-position: bottom;
    }
	
	.letoltomgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #d54d4d;
        background-image: linear-gradient(to top, #d54d4d 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
		font-family: times;
    }
	
	    .letoltomgomb:hover {
        color: #fff;
        background-position: bottom;
    }
	
	.adatlapgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #5563ba;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
		font-family: times;
    }
	
	.adatlapgomb:hover {
        color: #fff;
        background-position: bottom;
    }
	
	    .megnezemgomb2 {
        width: 49.5%;
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #e7b37f;
        background-image: linear-gradient(to top, #e7b37f 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
    }
	
	.megnezemgomb2:hover {
        color: #fff;
        background-position: bottom;
    }
	
	.adatlapgomb2 {
        width: 49.5%;
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #5563ba;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
    }
	
	.adatlapgomb2:hover {
        color: #fff;
        background-position: bottom;
    }
	
	.tablazatalcim {
    background: #fff;
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
	font-family: times;
	color: #4f4f4f;
  }
	
    .tablazatkep {
        width: 42%;
        height: 190px;
        border-radius: 5%;
        object-fit: cover;
        object-fit: cover;
    }
	
	.felnott {
        border: 1px solid #a00000;
        display: inline-table;
        background: #fff;
        width: 10%;
        text-align: center;
        padding: 6px;
        color: #d84949;
        font-size: 0.9em;
        font-family: arial;
        letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 0%;
    }
	
				.terjedelem2 {
    width: 44.6%;
    display: inline-table;
    background: #ef6451;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 0.9em;
    font-family: arial;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 0%;
  }
  
   .kotetszam2 {
    width: 44%;
    display: inline-table;
    background: #5563ba;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 0.9em;
    font-family: arial;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
	
	    .contenttext {
        color: #707070;
        text-align: justify;
    }
	
	.index_frame {
    border: 1px solid #ddd;
    padding: 16px 20px 20px 20px;
    border-bottom: 8px solid #f1d3a6;
    background: #fff;
    font-family: times;
    border-radius: 10px;
    width: 100%;
}

.tartalom {
        border: 1px solid #cfcfcf;
        padding: 10px;
		 color: #4f4f4f;
        font-family: times;
    }
	
	/*    .megnezemgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 32%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #e7b37f;
        background-image: linear-gradient(to top, #e7b37f 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
    }
	
	.letoltomgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #d54d4d;
        background-image: linear-gradient(to top, #d54d4d 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
    }
	
	.adatlapgomb {
        display: inline-table;
        background: #e3e3e3;
        padding: 5px 50px 5px 50px;
        width: 33%;
        text-align: center;
        margin-top: 10px;
        border-bottom: 4px solid #5563ba;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        padding: 14px 10px 10px 10px;
    } */
	
	    .tablazatkep {
        width: 42%;
        height: 190px;
        border-radius: 5%;
        object-fit: cover;
        object-fit: cover;
    }
	
	  .sorok2 {
    width: 56%;
    padding-bottom: 10px;
  }
	
	/*.felnott {
        border: 1px solid #a00000;
        display: inline-table;
        background: #fff;
        width: 10%;
        text-align: center;
        padding: 6px;
        color: #d84949;
        font-size: 0.9em;
        font-family: arial;
        letter-spacing: 1px;
        margin-bottom: 10px;
        margin-top: 10px;
        border-radius: 0%;
    }*/
	
	td.menukcim{
background: #f3c074;
    color: #000;
     text-align: center;
    font-family: calibri;
    margin: 0px;
	transition: .3s;
	    font-size: 1em;
    letter-spacing: 0.4px;
	}
	
	td.menukcim:hover{
    background: linear-gradient(#5e78ad, #c1c1c1);
    color: #000;
    font-family: calibri;
    margin: 0px;
	transition: .3s;
	}

td.menukcim a{
    color: #000;
	background: none;
	transition: .3s;
	}
	
td.menukcim a:hover{
    background: none;
	 color: #fff;
	 transition: .3s;
	}
	
	
	
	
	
		td.adatlapcim{
        background: rgb(241 211 166);
        border-radius: 20px 0px;
        border-left: 0px;
        text-align: center;
        text-transform: uppercase;
        font-family: roboto;
        letter-spacing: 1px;
        font-size: 14px;
        font-weight: 500;
        color: #000000;
	}
	
	td.adatlapcim:hover{
    background: linear-gradient(#5e78ad, #c1c1c1);
    color: #000;
        letter-spacing: 1px;
        font-size: 14px;
        font-weight: 500;
    font-family: roboto;
    margin: 0px;
	transition: .3s;
	}

td.adatlapcim a{
    color: #000;
	background: none;
	transition: .3s;
	}
	
td.adatlapcim a:hover{
    background: none;
	 color: #fff;
	 transition: .3s;
	}


	.header2{
background: #ffffff70;
margin-bottom: -27px;
border-radius: 40px;
  }
  
  .header2 img:hover{
opacity: 1;
  }
	
	
	
		.news{
background: #5e78ad;
    font-size: 11px;
    text-transform: uppercase;
    font-family: arial black;
    color: #fff;
    padding: 7px 15px 8px 15px;
    z-index: 5000;
    position: absolute;
    top: 50px;
    border: 2px solid #fff;
    left: 0;
	display: block;
  }
  
  		.news2{
background: #fc9;
    font-size: 11px;
    text-transform: uppercase;
    font-family: arial black;
    color: #000;
    padding: 7px 15px 8px 15px;
    z-index: 5000;
    position: absolute;
    top: 0;
    border: 2px solid #fff;
    left: 0;
	display: block;
  }
	   .ticker-wrap {
        width: 100%;
		height: 40px;
		padding-left: 100%;
		display: block;
		margin-top: 40px;
    }

    
    @keyframes ticker {
        0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
    
    .ticker-move {
        display: inline-block;
        white-space: nowrap;
        padding-right: 100%;
        animation: ticker 100s infinite;
		color: #000;
		font-size: 14px;
		font-family: myanmar;
		padding-top: 7px;
		 -webkit-animation-iteration-count: infinite; 
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
   -webkit-animation-name: ticker;
           animation-name: ticker;
    -webkit-animation-duration: $duration;
            animation-duration: $duration;
    }
    
    .ticker-move:hover {
        animation-play-state: paused;
    }
    
    .ticker-item {
        display: inline-block;
        padding: 0 15px;
font-size: 14px;
    }
	b.ticker-date{
color: #fff;
background-color: #d84949;
font-family: arial;
font-size: 13px;
padding: 5px 5px 5px 5px;
margin-right: -15px;
}


.f_col001,.f_col101{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
	}
	
.f_col110{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.f_wrap001{-ms-flex-wrap:wrap;flex-wrap:wrap}.jc_c001{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f_123{-webkit-box-flex:0;-ms-flex:0 1 32%;flex:0 1 32%}.dn001{display:none}

.main_contents{width: 100%;
    max-width: 810px;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
	background: transparent;}
	
.post_contents{
width: 100%;
    max-width: 810px;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    background: #fff;
    border: 1px solid #ddd;}
	
	.main_contents .post_thum:first-child{}.main_wrap{
		padding:40px 0
		}
		
	.wrap_frame:not(.nav_h){
		padding-left:20px;
		padding-right:20px}
	
	.nav_h{
font-family: arial;
    text-align: center;
    /* margin-top: 0px; */
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    margin-bottom: -20px;
    text-transform: uppercase;
    width: 100%;
    /* left: 29%; */
    align-items: center;
    display: flex;
    /* vertical-align: middle; */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
}
	
.sidebar{
		width:340px;
		max-width:340px;
		padding:0;
		height:auto;
		-webkit-box-flex:1;
		-ms-flex:1 0 340px;
		flex:1 0 340px; 
		font-size: 14px;
		}
		
.sidebar_right{
	margin:0 0 0 30px;
	display: block;
	}
	
.sidebar_left{
	margin:0 30px 0 0;
	-webkit-box-ordinal-group:0;
	-ms-flex-order:-1;
	order:-1; 
}

.fix_sidebar{
	position:-webkit-stickyl;
	position:-webkit-sticky;
	position:sticky;top:20px
}

.h_top{
display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 0px;
	}
	
.h_widget{
	margin-bottom:0
}

.no_menu{
	padding:16px 0
	}
	
.f_widget_inner{
	padding:0
	}
	
.f_widget_block{
	min-width:300px
	}
	
.index_thum{
	border-radius:4px
	}
	
.post_frame{
	margin:0 0 24px;
	padding:0 0 20px
	}
	
.menu_h{
margin: 0 auto;
    position: relative;
	}
	
.menu_h>li{
font-size: 14px;
    border-bottom: 8px solid #f1d3a6;
    padding: 0px 30px 0px 30px;
    background: #eaeaea;
    background-position-x: 0%;
    background-position-y: 0%;
    background-image: none;
    background-size: auto;
    /* clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); */
    background-image: linear-gradient(to top, #f1d3a6 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease-in-out;
    line-height: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5% 5% 5% 5%;
}
	
	.menu_h>li:hover{
		background-position: bottom;
		color: #000;

}
	
.menu_h>li>a{
	  background-image: linear-gradient(to top, #5e78ad 50%, transparent 50%);
  background-size: 100% 200%;
  background-position: top;
  transition: background-position 0.4s ease-in-out; /** I've changed the time for demo purposes **/
  color: #000;
}

.menu_h>li>a:hover{
	background-position: bottom;
	color: #000;
}

	
.menu_h>li label{
	margin-left:8px
	}
	
.menu_h>li>a,.menu_h>li>div>a{
	padding:16px 0
	}
	
.menu_h>li:last-child .sub-menu label{
	-webkit-transform:scale(-1, 1);
	transform:scale(-1, 1)}
	
.menu_h>li:last-child .sub-menu div{
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse
	}
	
.menu_h>li:last-child .sub-menu .sub-menu{
		right:100%;
		left:auto
		}
		
.menu_h .sub-menu{
	margin:0;
	right:auto;
	left:0
	}
	
.menu_h .menu_s_a{
	white-space:nowrap
	}
	
	.menu_h .menu_s_a:hover{
	color: #000;
	transition: 0.4s ease-in-out;
	
	}
	
.menu_h input[type="checkbox"]:checked ~ .sub-menu{
	opacity:0
	}
	
.menu_h li:hover>input[type="checkbox"] ~ .sub-menu{
	opacity:1;
	-webkit-filter:blur(0);
	filter:blur(0);
	pointer-events:all
	}
	
.menu_h .caret_wrap>a{
	width:auto
	}
	
.sub-menu .drop_icon{
	margin-right:8px
	}
	
.sub-menu .caret_wrap>a{
	width:100%
	}
	
.sub-menu .sub-menu{
	top:0;
	left:100%;
	}
	
.sub-menu .has_ch{
	-webkit-transform:rotate(-90deg);
	transform:rotate(-90deg);
	}
	
.drop_icon{
	font-size:1.6rem;
	background:transparent;
	padding:0;
	}
	
#header_widget{
		margin-left:auto}
		
}

@media (prefers-color-scheme: dark){
	.o_s_t::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{
		border-radius:8px;
		background:#a0a5aa
		}
		
body,a,.post_contents,.post_body h2,.post_body h3,.post_body h4,
.post_body h5,.post_body h6,.post_title,.widget_title,.bc_summary,
.bc_domain,.sub_fc,.nav-links .number:not(.current),.f_credit a,
.menu_a li:hover>a,.index_title,.main_fc{}.page-numbers.current{
	color:#222
	}
	
body,.f_widget_wrap,.main_contents,
.adjacent_info>div,.next_arrow,
.drop_icon,.o_s_t::-webkit-scrollbar-track,::-webkit-scrollbar{
	
}

.h_wrap,.menu_h .sub-menu li,#menu_f,.about_author,.s_widget,.f_widget,
.index_card,.archive_header,.wp-caption,.post_cat,.post_tag,
.nav-links .number:not(.current),.dd_widget ul .blog_card,
.toc,.f_credit,tbody tr:nth-child(odd){
	
}

.menu_h>li:hover>a:before,.menu_h>li:hover>div a:before,.menu_h .sub-menu li:hover,
.blog_card:hover,.adjacent:hover,.post_cat:hover,
.post_tag:hover,button:hover,input[type="button"]:hover,input[type="submit"]:hover{background:#7985d2}.post_contents a,
.s_widget a,.f_widget a{
	
}

svg{
	fill:#d84949;
	}
	
.svg_icon{
	fill:#d84949;
	}
	
.widget_search .svg_icon{
	fill:#222
}

input[type],textarea,button[type="submit"]{
    background: #efefef;
    color: #404040;
	}
	
main img{
    width: 100%;
    height: 315px;
    object-fit: cover;
    padding: 6px;
    border: 0px solid #a70303;
    object-position: 3%;
	}
	
	.fit_box_img_wrap img {
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: auto;
    display: block;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0;
    border: 0px;
	
.dd_widget svg,.widget_ya_cse input[type="submit"]{
	-webkit-filter:invert(100);
	filter:invert(100)
	}
	
.ya_ad_widget{
	background:transparent
	}
	
.dd_widget>input:checked ~ .dd_dummy{
	background:rgba(0,0,0,0.6)
	}
	


// progress bar appearance
$background-color:#3d5980;
$bar-empty:#55708d;
$bar-color:#cfd6dd;

$glow-width:60px;
$glow-radius:10px;
$glow-color:#04bfff;

.progress-bar {
  height:3px;
  width:100%;
  position:relative;
  z-index:10;

  background-color:$bar-empty;
  
  .progress {
    position:relative;
    height:100%;
    background-color:$bar-color;
    transition:width 0.5s ease-out;
    border-radius: 0px 2px 2px 0px;
  }
  .glow {
    width:$glow-width;
    max-width:100%;
    height:100%;
    float:right;

  }
  .glow::before,
  .glow::after {
    content:'';
    display:block;
    position:relative;
    border-radius:0px 2px 2px 0px;
  }
  .glow::before {
    background:transparent;
    height:100%;
    box-shadow:0px 0px $glow-radius $bar-color, 0px 0px $glow-radius $glow-color;
    z-index:-5;
  }
  .glow::after {
    background:linear-gradient(to right, $background-color 0%, transparent 100%);
    height:calc(100% + #{$glow-radius} + #{$glow-radius});
    width:calc(100% + #{$glow-radius});
    top:(-$glow-radius);
    left:(-$glow-radius);
    z-index:-3;
  }
}

// messages 
.label {
  font-family:Poppins;
  color:white;
  text-shadow:0px 0px 2px $bar-color;
  font-size:24px;
}

// animations
.fill-1 {
  animation:fill-1 0.5s ease-out 0s;
  animation-fill-mode:forwards;    
  width:0%;
}
.fill-2 {
  animation:fill-2 0.5s ease-out 0.5s;
  animation-fill-mode:forwards;   
  width:0%;
}
.fill-3 {
  animation:fill-3 0.5s ease-out 1s;
  animation-fill-mode:forwards;   
  width:0%;
}
@keyframes fill-1 {
  0% { width:0%; }
  100% { width:70%; }
}
@keyframes fill-2 {
  0% { width:0%; }
  100% { width:40%; }
}
@keyframes fill-3 {
  0% { width:0%; }
  100% { width:90%; }
}
.label.one {
  animation:label 0.5s ease-out 0s;
  animation-fill-mode:forwards;   
  opacity:0;
}
.label.two {
  animation:label 0.5s ease-out 0.5s;
  animation-fill-mode:forwards;   
  opacity:0;
}
.label.three {
  animation:label 0.5s ease-out 1.0s;
  animation-fill-mode:forwards;
  opacity:0;
}
@keyframes label {
  0% { opacity:0; transform:translateY(10px); }
  100% { opacity:0.9; transform:translateY(0); }
}

// demo layout
html, body { width:100%; height:100%; margin:0; background-color:$background-color; box-sizing:border-box; }
body { 
  padding: 60px 0px 20px 0px;
  }
  
  .wrapper {
    max-width:600px;
    margin:0 auto;
    
    .container {
      padding:20px;
      > * {
        margin-bottom:10px;
      }
    } 
  }
}

.szerkesztok{
width: 100%;
}

.szerkesztodoboz {

	color: #000;
}

.szerkesztoprofil {
background: transparent;
  border: 0px solid #ededed;
  filter: grayscale(0);
  width: 130px;
  height: 110.5px;
  float: left;
  margin-right: 10px;
  opacity: 1;
  object-fit: cover;
  border-radius: 10%;
}

.szerkesztoprofil:hover {
background: transparent;
    border: 0px solid #ededed;
    filter: grayscale(0);
    float: left;
      margin-right: 10px;
	opacity: 0.8;
}

.szerkesztonev {
    background: transparent;
    border: 0px solid #ededed;
    color: #5563ba;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
	line-height: 30px;
	font-family: arial;
}

a.szerkesztolink{
padding: 5px 10px 6px 10px;
    border: 1px solid;
    line-height: 40px;
    background: #d84949;
    color: #fff;
    font-size: 14px;
    font-size: 12px;
    font-weight: bold;
    font-family: arial;
}

a.szerkesztolink:hover{
    padding: 5px 10px 6px 10px;
    border: 1px solid #d84949;
    line-height: 40px;
    background: #fff;
    color: #000;
}

a.szerkesztolink2{
padding: 5px 10px 6px 10px;
    border: 1px solid;
    line-height: 40px;
    background: #5563ba;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    font-family: arial;
}

a.szerkesztolink2:hover{
    padding: 5px 10px 6px 10px;
    border: 1px solid #5563ba;
    line-height: 40px;
    background: #fff;
    color: #000;
}


.menupont{
    width: 100%;
    height: 40px;
    text-align: left;
    background: #f2f2f2;
    padding-left: 12px;
    padding-top: 10px;
    border-left: 7px solid #da9355;
    margin-bottom: 10px;
	font-size: 12px;
text-transform: uppercase;
font-family: arial;
letter-spacing: 0.4px;
}

.projekt { 
width: 33%;
display: inline-block;
    padding: 4px;
}

.projektkep img{ 
padding: 5px;
border: 1px solid #d84949;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        opacity: 0.7;
        margin: 0 10px 5px 0;
		background: #fff;
}

.projektkep img:hover { 
padding: 5px;
border: 1px solid #d84949;
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -o-transform:scale(1.1);
        opacity: 1;
		z-index: 2;
		background: #fff;
}

.projektcim { 
font-family: arial;
font-size: 13px;
color: #fff;
padding: 3px;
text-align: center;
   z-index: 1;
   background: #d84949;
   font-weight: bold;
   text-transform: uppercase;
   
}

.projektcim1 { 
font-family: arial;
font-size: 13px;
color: #fff;
padding: 3px;
text-align: center;
   z-index: 1;
   background: #2f40ac;
   font-weight: bold;
   text-transform: uppercase;
   
}

.projektcim2 { 
font-family: arial;
font-size: 11px;
color: #404040;
padding: 3px;
text-align: center;
z-index: 1;
background: #fff;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #2f40ac;
}

.projektcim3 { 
font-family: arial;
font-size: 11px;
color: #404040;
padding: 3px;
text-align: center;
z-index: 1;
background: #fff;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #d84949;
}

/*.more-link a{
     background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease-in-out;
    line-height: 5px; /** I've changed the time for demo purposes
  }*/
  
  .more-link{
        background: #eaeaea;
        color: #000;
        float: right;
        padding: 13px 25px 10px 25px;
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
        border-bottom: 5px solid #5563ba;
        letter-spacing: 1px;
        font-size: 14px;
        background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
        background-size: 100% 200%;
        background-position: top;
        transition: background-position 0.4s ease-in-out;
        line-height: 5px;
        margin-top: 30px;
  
   }
   
  	.more-link:hover{
color: #fff;
        transition: 0.4s ease-in-out;
        background-position: bottom;
	}
	
		
	.contenttext{
		color: #707070;
  text-align: justify;
		}
		
		
	.tablazatalcim{
background: #fff;
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
		}
		
		
	.terjedelem{
display: inline-table;
  background: #ef6451;
  width: 49.5%;
  text-align: center;
  padding: 6px;
  color: #fff;
  font-size: 0.9em;
  font-family: arial;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 0%;
		}
			
			.terjedelem2 {
    width: 44.6%;
    display: inline-table;
    background: #ef6451;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 0.9em;
    font-family: arial;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 0%;
  }
  
   .kotetszam2 {
    width: 44%;
    display: inline-table;
    background: #5563ba;
    text-align: center;
    padding: 6px;
    color: #fff;
    font-size: 0.9em;
    font-family: arial;
    letter-spacing: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
			
	.kotetszam{
display: inline-table;
  background: #5563ba;
  width: 49.5%;
  text-align: center;
  padding: 6px;
  color: #fff;
  font-size: 0.9em;
  font-family: arial;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
		}	
		
.felnott{
border: 1px solid #a00000;
  display: inline-table;
  background: #fff;
  width: 10%;
  text-align: center;
  padding: 6px;
  color: #d84949;
  font-size: 0.9em;
  font-family: arial;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 0%;
}

	.terjedelem2{
width: 44.6%;
  display: inline-table;
  background: #ef6451;
  text-align: center;
  padding: 6px;
  color: #fff;
  font-size: 0.9em;
  font-family: arial;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 0%;
		}
		
	.kotetszam2{
width: 44%;
  display: inline-table;
  background: #5563ba;
  text-align: center;
  padding: 6px;
  color: #fff;
  font-size: 0.9em;
  font-family: arial;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
		}	
		
		
	.tartalom{
border: 1px solid #cfcfcf;
  padding: 10px;
   color: #4f4f4f;
        font-family: times;
		}
		
		
	.tablazatkep{
width: 42%;
  height: 190px;
  border-radius: 5%;
  object-fit: cover;
  object-fit: cover;
    padding: 6px;
    border: 1px solid #a70303;
    object-position: 3%;
		}
		
	.tablazatkep2{
	margin-top: 10px;
  width: 42%;
  height: 190px;
  border-radius: 5%;
  }
		
		
	.megnezemgomb{
display: inline-table;
  background: #e3e3e3;
  padding: 5px 50px 5px 50px;
  width: 32%;
  text-align: center;
  margin-top: 10px;
  border-bottom: 4px solid #e7b37f;
         background-image: linear-gradient(to top, #e7b37f 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease-in-out;
    line-height: 5px; /** I've changed the time for demo purposes **/
	padding: 14px 10px 10px 10px;
	font-family: times;
		}
		
	.megnezemgomb:hover{
color: #fff;
background-position: bottom;
		}
		
	.letoltomgomb{
display: inline-table;
  background: #e3e3e3;
  padding: 5px 50px 5px 50px;
  width: 33%;
  text-align: center;
  margin-top: 10px;
  border-bottom: 4px solid #d54d4d;
           background-image: linear-gradient(to top, #d54d4d 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease-in-out;
    line-height: 5px; /** I've changed the time for demo purposes **/
	padding: 14px 10px 10px 10px;
	font-family: times;
		}
		
	.letoltomgomb:hover{
color: #fff;
background-position: bottom;
		}
		
	.adatlapgomb{
display: inline-table;
  background: #e3e3e3;
  padding: 5px 50px 5px 50px;
  width: 33%;
  text-align: center;
  margin-top: 10px;
  border-bottom: 4px solid #5563ba;
    background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease-in-out;
    line-height: 5px; /** I've changed the time for demo purposes **/
	padding: 14px 10px 10px 10px;
		}
		
	.adatlapgomb:hover{
color: #fff;
background-position: bottom;
		}
		
	.adatlapgomb:hover{
color: #fff;
background-position: bottom;
		}
		
	.megnezemgomb2{
		  width: 49.5%;
		  display: inline-table;
  background: #e3e3e3;
  padding: 5px 50px 5px 50px;
  text-align: center;
  margin-top: 10px;
  border-bottom: 4px solid #e7b37f;
         background-image: linear-gradient(to top, #e7b37f 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease-in-out;
    line-height: 5px; /** I've changed the time for demo purposes **/
	padding: 14px 10px 10px 10px;
		}
		
	.adatlapgomb2{
		  width: 49.5%;
		  display: inline-table;
  background: #e3e3e3;
  padding: 5px 50px 5px 50px;
  text-align: center;
  margin-top: 10px;
  border-bottom: 4px solid #5563ba;
    background-image: linear-gradient(to top, #5563ba 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.4s ease-in-out;
    line-height: 5px; /** I've changed the time for demo purposes **/
	padding: 14px 10px 10px 10px;
		}
		
	.megnezemgomb2:hover{
color: #fff;
background-position: bottom;
		}
		
.adatlapgomb2:hover{
color: #fff;
background-position: bottom;
		}
		
  .sorok2 {
    width: 56%;
    padding-bottom: 10px;
  }
  
  	.projektelvalaszto{
height: 2px;
  background: #e3e3e3;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
  }
 
  .sorok3{
  width: 55%;
  padding: 10px;
  border: 1px solid #ddd;
  margin-top: 10px;
  float: right;
  }
	}