html, body						{ font-family: 'Barlow', sans-serif; height: 100%; line-height: 28px; font-size: 18px; color: black; font-style: normal; }

h1,h2,h3,h4                     { font-weight: 300; font-style: normal; }

h1                              { font-size: 48px; line-height: 52px; }
h2                              { font-size: 36px; line-height: 42px; }
h3                              { font-size: 26px; line-height: 32px; }

.bold							{ font-weight: 700; }
.full_width_img 				{ width: 100%; height: auto; }
.full_height_img 				{ width: auto; height: 100%; }
.btn 							{ padding: 12px; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; display: inline-block; font-weight: 700; transition: all .5s ease;}
.btn.white						{ color: white; border: 2px solid rgba(255,255,255,.4); background-color: rgba(255,255,255,.1);}
.btn.white:hover				{ border: 2px solid rgba(255,255,255,1); background-color: rgba(255,255,255,0);}
.btn.black						{ color: black; border: 2px solid rgba(0,0,0,.4); }
.btn.black:hover				{ border: 2px solid rgba(0,0,0,1); }
.btn.green						{ color: white; background-color: rgba(105,130,0,.8); border-radius: 20px; }
.btn.green:hover				{ background-color: rgba(105,130,0,1);}

a:link                          { text-decoration: none; color: inherit; transition: all .3s ease; }
a:visited                       { text-decoration: none; color: inherit; }
a:hover                         { text-decoration: none; color: inherit; }
a:active                        { text-decoration: none; color: inherit; }


#mobile_top_placeholder			{ display: none; position: relative; width: 100%; height: 170px; background-color: rgba(125,115,30,1); }
@media only screen and (max-width : 1180px) {
	#mobile_top_placeholder			{ display: block; }
}

.main_menu												{ position: relative; width: 100%; padding-top: 25px; z-index: 20000; }
.main_menu .logo										{ position: absolute; width: 150px; height: 100%; left: 10px; top: 0; display: flex; align-items: center; justify-content: center; }
.main_menu .items_holder 								{ display: flex; align-items: center; justify-content: center; text-align: center; }
.main_menu .items_holder .dropdown 						{ position: relative; display: inline-block; }
.main_menu .items_holder .dropdown .dropbtn 			{ font-weight: 700; padding: 16px; font-size: 16px; border: none; cursor: pointer;}
.main_menu .items_holder .dropdown .dropbtn img			{ margin-left: 5px; }
.main_menu .items_holder .dropdown .colorline 			{ position: absolute; width: 100%; height: 7px; left: 0; bottom: 0; background-color: #7e7a21; }
.main_menu .items_holder .dropdown .dropdown-content 	{ font-size: 16px; text-align: left; display: none; position: absolute; left: auto; background-color: white; min-width: 250px; z-index: 1; }

.main_menu .items_holder .dropdown .dropdown-content a 			{ color: black; padding: 6px 16px; text-decoration: none; display: block; }
.main_menu .items_holder .dropdown .dropdown-content a:hover 	{ background-color: #f1f1f1; }
.main_menu .items_holder .dropdown:hover .dropdown-content 		{ display: block; }
.main_menu .items_holder .dropdown:hover .dropbtn 				{ color: #7e7a21; }

@media only screen and (max-width : 1280px) {
	.main_menu .items_holder .dropdown .dropbtn 		{ padding: 10px; }
}

@media only screen and (max-width : 1180px) {
	.main_menu 											{ display: none; }
	#main_page_logo_holder 								{ display: none !important; }
}	

#menu_chooser_holder 					{ position: relative; width: 100%; height: 100%; }
#menu_chooser_holder .col				{ position: relative; float: left; width: 33.33%; height: 100%; overflow: hidden; background-color: black; }
#menu_chooser_holder .col .bg			{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; transition: all .5s ease; opacity: .3;}
#menu_chooser_holder .col:hover .bg		{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity: .5; }
#menu_chooser_holder .col:hover .btn_holder .btn		{ border: 2px solid rgba(255,255,255,1); background-color: rgba(255,255,255,0); }
#menu_chooser_holder .col .btn_holder	{ position: absolute; width: 100%; height: 33.33%; bottom: 0; display: flex; align-items: center; justify-content: center; }

@media only screen and (max-width : 1180px) {
	#menu_chooser_holder .col 				{ width: 100%; height: 33.33%; }
	#menu_chooser_holder .col .btn_holder	{ width: 100%; height: 100%; left: 0; bottom: 0; }

}	


#main_page_logo_holder 		{ position: fixed; left: 0; top: 0; width: 100%; height: 33.33%; display: flex; align-items: center; justify-content: center; }
#main_page_logo_holder img 	{ height: 50%; max-height: 150px; }



#mobile_main_menu_btn 					{ display: none; position: fixed; width: 75px; height: 75px; right: 50px; top: 50px; z-index: 29000; cursor: pointer; }
#mobile_main_menu_btn:hover .bg			{ background-color: rgba(235,235,235,.7); -webkit-transform:scale(1.1); transform:scale(1.1); }
#mobile_main_menu_btn .icon 			{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#mobile_main_menu_btn .bg 				{ width: 100%; height: 100%; background-color: rgba(235,235,235,.5); border-radius: 50%; transition: all .3s ease;}
#mobile_main_menu_btn.active 			{ position: fixed; right: -50px; }

#mobile_main_menu_close_btn 				{ position: fixed; width: 75px; height: 75px; right: 50px; top: 50px; z-index: 29000; cursor: pointer; }
#mobile_main_menu_close_btn:hover .bg		{ background-color: rgba(235,235,235,.7); -webkit-transform:scale(1.1); transform:scale(1.1); }
#mobile_main_menu_close_btn .icon 			{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#mobile_main_menu_close_btn .bg 			{ width: 100%; height: 100%; background-color: rgba(235,235,235,.5); border-radius: 50%; transition: all .3s ease;}

#mobile_logo 								{ display: none; position: fixed; width: 175px; height: 70px; left: 50px; top: 50px; z-index: 29000; cursor: pointer; transition: all .5s; }
#mobile_logo.small							{ position: fixed; width: 100px; height: 40px; left: 0; top: 0; background-color: rgba(125,115,30,1); }

#mobile_main_menu 															{ display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: #7e7a21; z-index: 30000; overflow: auto; }
#mobile_main_menu .holder 													{ position: relative; width: 70%; margin-left: 15%; padding-top: 10vh; padding-bottom: 10vh; }
#mobile_main_menu .holder .left												{ float: left; width: 50%; color: white; }
#mobile_main_menu .holder .left .items_holder								{  }
#mobile_main_menu .holder .left .items_holder .item							{ padding-top: 20px; padding-bottom: 20px; padding-left: 30px; }
#mobile_main_menu .holder .left .items_holder .item:hover .main				{ opacity: 1; }
#mobile_main_menu .holder .left .items_holder .item_line					{ width: 100%; height: 1px; background-color: rgba(255,255,255,.2); }
#mobile_main_menu .holder .left .items_holder .item .main					{ font-size: 36px; line-height: 36px; opacity: .8; transition: opacity .5s; }
#mobile_main_menu .holder .left .items_holder .item .has_submenus			{ cursor: pointer; }
#mobile_main_menu .holder .left .items_holder .item .sub					{ display: none; margin-top: 15px; font-size: 24px; line-height: 24px; }
#mobile_main_menu .holder .left .items_holder .item .sub .item				{ opacity: .8; transition: opacity .5s; }
#mobile_main_menu .holder .left .items_holder .item .sub .item:hover		{ opacity: 1; }
#mobile_main_menu .holder .right											{ float: left; width: 50%; padding-left: 10%; color: white; font-size: 20px; }
#mobile_main_menu .holder .right .items_holder								{ padding-left: 30px; padding-top: 10px; }
#mobile_main_menu .holder .right .items_holder .item						{ margin-bottom: 10px; opacity: .8; transition: opacity .5s; }
#mobile_main_menu .holder .right .items_holder .item:hover					{ opacity: 1; }
#mobile_main_menu .holder .right .items_holder .social						{ margin-top: 40px; }
#mobile_main_menu .holder .right .items_holder .social	.socialitem			{ float: left; width: 45px; height: 45px; margin-right: 5px; opacity: .8; transition: opacity .5s; }
#mobile_main_menu .holder .right .items_holder .social	.socialitem:hover	{ opacity: 1; }


@media only screen and (max-width : 1180px) {
	#mobile_main_menu_btn 			{ display: block; }
	#mobile_logo  					{ display: block; }
}

@media only screen and (max-width : 1100px) {
	#mobile_main_menu .holder .left					{ width: 100%; }
	#mobile_main_menu .holder .right				{ width: 100%; padding-left: 0; padding-top: 50px; }

	html, body						{ font-size: 20px; line-height: 32px; } 
}

@media only screen and (max-width : 720px) {

	#mobile_logo 													{ width: 150px; height: 100px; left: 30px; top: 30px; }
	#mobile_main_menu_btn 											{ right: 30px; top: 30px; }
	#mobile_main_menu_close_btn 									{ right: 30px; top: 30px; }

	#mobile_main_menu .holder 										{ width: 90%; margin-left: 5%; }
	#mobile_main_menu .holder .left .items_holder .item .main		{ font-size: 24px; line-height: 36px; }
	#mobile_main_menu .holder .left .items_holder .item .sub		{ font-size: 20px; }

}

.full_page_header 													{ position: relative; width: 100%; height: 100vh; background-color: black; background-size: cover; background-repeat: no-repeat; background-position: center; }		
.full_page_header .video_player										{ position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }

.full_page_header .text_holder 										{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,.5); }	
.full_page_header .text_holder .text								{ color: white; text-align: center; width: 70%; }
.full_page_header .text_holder .text h1								{ }

.full_page_header .text_holder_video 								{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }	
.full_page_header .text_holder_video .text							{ color: white; text-align: center; width: 70%; }
.full_page_header .text_holder_video .text h1						{ }

.full_page_header .buttons															{ position: absolute; width: 100%; height: 33.33%; top: 66.66%; left: 0; display: flex; align-items: center; justify-content: center; text-align: center; }
.full_page_header .buttons .play_film_btn_holder .play_film_btn:hover .text			{ color: rgba(255,255,255,1); }
.full_page_header .buttons .view_content_btn_holder 								{}
.full_page_header .buttons .view_content_btn_holder .view_content_btn 				{ display: inline-block; cursor: pointer; }


#video_or_image_header 								{ position: relative; width: 100%; height: 70%; background-color: black; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; }
#video_or_image_header .video_player 				{ position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
#video_or_image_header .video_player.dark 			{ opacity: .7; }
#video_or_image_header .text_holder_video 			{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,.4); }	
#video_or_image_header .text_holder_video .text		{ color: white; text-align: center; width: 70%; }
#video_or_image_header .image_holder 				{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }
#video_or_image_header .image_holder.dark 			{ opacity: .6; }

#gyorslinkek_header 				{ width: 100%; text-align: center; }
#gyorslinkek 						{ position: relative; width: 100%; display: flex; align-items: center; justify-content: center; }
#gyorslinkek .center .item 			{ display: inline-block; width: 150px; opacity: .7; transition: all .5s ease; }
#gyorslinkek .center .item:hover 	{ opacity: 1; }

@media only screen and (max-width : 720px) {
	#gyorslinkek .center .item 			{ width: 50%; opacity: .7; transition: all .5s ease; margin-left: 25%; }
}

#linkek_holder 						{ position: relative; margin: 0 auto; width: 100%; max-width: 1280px; }
#linkek_holder .item1				{ text-align: center; padding: 50px; font-size: 20px; }
#linkek_holder .item1 h1			{ font-weight: 700; }
#linkek_holder .item1 h2			{ color: #7e7a21; }

#linkek_holder .item2				{ position: relative; float: left; width: calc(50% - 10px); margin: 5px; height: 60vh; text-align: center; font-size: 20px; background-size: cover; background-position: center; color: white;}
#linkek_holder .item2 .bg 			{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); }
#linkek_holder .item2 .content 		{ position: absolute; left: 0; bottom: 5vh; width: 100%; padding: 25px; }
#linkek_holder .item2 h1			{ font-weight: 700; }
#linkek_holder .item2 h2			{ color: #7e7a21; }

@media only screen and (max-width : 1180px) {
	#linkek_holder .item2			{ width: 100%; margin: 0; height: 75vh; margin-bottom: 10px; }
}

#linkek_holder 						{ position: relative; margin: 0 auto; width: 100%; max-width: 1280px; }
#linkek_holder .item3				{ text-align: center; padding: 50px; padding-bottom: 0; font-size: 20px; }
#linkek_holder .item3 h1			{ font-weight: 700; }
#linkek_holder .item3 h2			{ color: #7e7a21; }

@media only screen and (max-width : 720px) {
	#linkek_holder .item1				{ padding: 15px; }
	#linkek_holder .item3				{ padding: 15px; }
}

.youtube_holder										{ position: relative; background-color: white; }
.youtube_holder .youtube_video						{ position: relative; margin: 0 auto; max-width: 1280px; }
.youtube_holder .youtube_video .placeholder			{ position: relative; }
.youtube_holder .youtube_video .video				{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.youtube_holder .youtube_video .video .videoframe	{ width: 100%; height: 100%; }

@media only screen and (max-width : 1040px) {
	.youtube_video	{ width: 720px; height: 405px; }
}

@media only screen and (max-width : 768px) {
	.youtube_video	{ width: 560px; height: 315px; }
}

@media only screen and (max-width : 560px) {
	.youtube_video					{ width: 320px; height: 180px; }
	.youtube_video_holder			{ padding: 20px; }
}



.mozaik_image_holder								{ position: relative; margin: 0 auto; width: 100%; max-width: 1280px; }
.mozaik_full_width_image_holder						{ position: relative; width: 100%; }
.mozaik_full_width_image_holder.dark				{ background-color: black; }
.mozaik_full_width_image_holder.dark img			{ opacity: .5; }
.mozaik_full_width_image_holder.dark .text_holder 	{ color: white; }
.mozaik_full_width_image_holder .text_holder		{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 25px; }

.mozaik_text_holder 								{ position: relative; margin: 0 auto; width: 100%; max-width: 1280px; padding: 30px; }

@media only screen and (max-width : 720px) {
	.mozaik_text_holder 							{ padding: 25px; }
}

.almenuk_holder 													{ position: relative; margin: 0 auto; width: 100%; max-width: 1280px; margin-top: 15px; }
.almenuk_holder .item												{ width: 100%; margin-bottom: 5px; }
.almenuk_holder .elvalaszto 										{ margin-top: 25px; margin-bottom: 25px; }
.almenuk_holder .item .title										{ width: 100%; padding: 15px; border: 1px solid rgba(200,200,200,.1); background-color: rgba(200,200,200,.1); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; }
.almenuk_holder .item .title:hover									{ border: 1px solid rgba(0,0,0,1); background-color: rgba(255,255,255,1); }
.almenuk_holder .item .content										{ width: 100%; display: none; padding: 15px; }
.almenuk_holder .item .content .image_holder						{ position: relative; width: 100%; margin-bottom: 15px; }
.almenuk_holder .item .content .image_holder.dark					{ background-color: black; }
.almenuk_holder .item .content .image_holder.dark img				{ opacity: .5; }
.almenuk_holder .item .content .image_holder.dark .text_holder 		{ color: white; }
.almenuk_holder .item .content .text_holder							{ width: 100%; margin-bottom: 15px; }
.almenuk_holder .item .content .text_holder	em 						{ background-color: rgba(105,130,0,1); font-style: normal; font-weight: 700; color: white;}

.almenuk_type_2_holder 												{ position: relative; margin: 0 auto; width: 100%; max-width: 1280px; margin-top: 15px; }
.almenuk_type_2_holder .item 										{ width: 100%; margin-bottom: 5px; }
.almenuk_type_2_holder .item .lead_holder							{ width: 100%; }
.almenuk_type_2_holder .item .lead_holder .image					{ position: relative; float: left; width: 50%; }
.almenuk_type_2_holder .item .lead_holder .lead						{ position: relative; float: left; width: 50%; padding: 15px; }
.almenuk_type_2_holder .item .content								{ width: 100%; display: none; padding: 15px; padding-bottom: 40px; }
.almenuk_type_2_holder .item .content .text_holder a				{ padding: 12px; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 700; background-color: rgba(126,122,33,.8); color: white; }
.almenuk_type_2_holder .item .content .text_holder a:hover			{ background-color: rgba(126,122,33,1); }
.almenuk_type_2_holder .elvalaszto 									{ margin-top: 25px; margin-bottom: 25px; }

@media only screen and (max-width : 900px) {
	.almenuk_type_2_holder .item .lead_holder .image					{ width: 100%; }
	.almenuk_type_2_holder .item .lead_holder .lead						{ width: 100%; }
}

.simple_text_holder 						{ position: relative; margin: 0 auto; width: 100%; max-width: 1280px; padding: 25px; }

@media only screen and (max-width : 1180px) {
	.almenuk_holder 			{ padding: 25px; }
	.almenuk_type_2_holder 		{ padding: 25px; }
}


.flickity-carousel 							{ height: 75vh; }
.flickity-carousel-cell 					{ height: 100%; margin-right: 10px; }
.desktop-carousel							{ display: block; }
.mobile-carousel							{ display: none; }

@media only screen and (max-width : 1180px) {
	.desktop-carousel							{ display: none; }
	.mobile-carousel							{ display: block; text-align: center; }
	.mobile-carousel .main						{}
	.mobile-carousel .main .item 				{ width: 100%; position: relative; }
	.mobile-carousel .main .item .vizjel		{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
	.mobile-carousel .main .item .vizjel img 	{ height: 75%; max-height: 400px; opacity: .3; }
	.mobile-carousel .content					{ display: none; }
	.mobile-carousel .content .item				{ margin-bottom: 10px; position: relative; }
	.mobile-carousel .content .item .vizjel		{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
	.mobile-carousel .content .item .vizjel img { height: 75%; max-height: 400px; opacity: .3; }
	.mobile-carousel-btn						{ margin-top: 20px; margin-bottom: 20px; font-weight: bold; }
}







#youtube_video_player										{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; z-index: 50000; display: flex; align-items: center; justify-content: center; visibility: hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity: 0;}
#youtube_video_player .youtube_video_wrapper				{ position: relative; width: 100%; }
#youtube_video_player .youtube_video_wrapper .placeholder	{ position: relative; width: 100%;  }
#youtube_player 											{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
#youtube_video_player .close_btn							{ position: absolute; right: 25px; top: 25px; width: 30px; height: 30px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer;}
#youtube_video_player .close_btn:hover 						{ opacity: .7; }
#youtube_close_btn 					{ position: fixed; width: 75px; height: 75px; right: 50px; top: 50px; z-index: 29000; cursor: pointer; }
#youtube_close_btn:hover .bg		{ background-color: rgba(235,235,235,.7); -webkit-transform:scale(1.1); transform:scale(1.1); }
#youtube_close_btn .icon 			{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#youtube_close_btn .bg 				{ width: 100%; height: 100%; background-color: rgba(235,235,235,.5); border-radius: 50%; transition: all .3s ease;}

.centered_text_holder	{ width: 50%; margin: 0 auto; text-align: center; margin-top: 50px; margin-bottom: 50px; }
.left_text_holder		{ width: 50%; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; }

.centered_text_holder a:link                  { font-weight: 700; color: #465440; opacity: .8; }
.centered_text_holder a:visited               { font-weight: 700; color: #465440; opacity: .8; }
.centered_text_holder a:hover                 { font-weight: 700; color: #465440; opacity: 1; }
.centered_text_holder a:active                { font-weight: 700; color: #465440; opacity: .8; }

.left_text_holder a:link                      { font-weight: 700; color: #465440; opacity: .8; }
.left_text_holder a:visited                   { font-weight: 700; color: #465440; opacity: .8; }
.left_text_holder a:hover                     { font-weight: 700; color: #465440; opacity: 1; }
.left_text_holder a:active                    { font-weight: 700; color: #465440; opacity: .8; }

.image_gallery								{ position: relative; width: 100%; height: 65%; overflow: hidden; cursor: grab; }
.image_gallery .content						{ position: absolute; display: flex; width: auto; height: 100%; }
.image_gallery .content .item				{ float: left; width: auto; height: 100%; margin-right: 10px; }
.image_gallery .tutorial 					{ opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.4); display: flex; align-items: center; justify-content: center; transition: all .3s ease; font-size: 13px; font-weight: 700; color: white; text-align: center; letter-spacing: 2px; }
.image_gallery .tutorial.active 			{ opacity: 1; }

.sectiontitle			{ text-align: center; padding: 50px; }

.blog_masonry 											{ width: 100%; background-color: rgba(0,0,0,0);}
.blog_masonry .item_holder 								{ width: 25%; }
.blog_masonry .item_holder:hover .item .image 			{ opacity: 1; }
.blog_masonry .item_holder:hover .item .image img		{ -webkit-transform:scale(1); transform:scale(1); }
.blog_masonry .item_holder:hover .item .more 			{ opacity: 1; }
.blog_masonry .item_holder .item 						{ width: 100%; background-color: white; padding: 20px; }
.blog_masonry .item_holder .item .image 				{ margin-bottom: 15px; opacity: .9; transition: opacity .3s ease; overflow: hidden; background-color: black; }
.blog_masonry .item_holder .item .image img				{ transition: all .3s ease; vertical-align: top; -webkit-transform:scale(1.1); transform:scale(1.1);  }
.blog_masonry .item_holder .item .title 				{ }
.blog_masonry .item_holder .item .date 					{ margin-bottom: 15px; font-size: 14px; }
.blog_masonry .item_holder .item .lead 					{ margin-bottom: 15px; }
.blog_masonry .item_holder .item .more 					{ opacity: .2; transition: opacity .3s ease; }

.top_placeholder 		{ width: 100%; height: 80px; }

.keplista 											{ width: 100%; background-color: rgba(0,0,0,0);}
.keplista .item_holder 								{ width: 25%; }
.keplista .item_holder .item 						{ width: 100%; background-color: white; padding: 20px; }
.keplista .item_holder .item .image 				{ margin-bottom: 15px; opacity: .9; transition: opacity .3s ease; overflow: hidden; background-color: black; }
.keplista .item_holder .item .image img				{ transition: all .3s ease; vertical-align: top; -webkit-transform:scale(1); transform:scale(1); }
.keplista .item_holder .item .title 				{ }
.keplista .item_holder .item .lead 					{ margin-bottom: 15px; }
.keplista .item_holder .item .lead a:link        	{ font-weight: 700; color: #465440; opacity: .8; }
.keplista .item_holder .item .lead a:visited     	{ font-weight: 700; color: #465440; opacity: .8; }
.keplista .item_holder .item .lead a:hover       	{ font-weight: 700; color: #465440; opacity: 1; }
.keplista .item_holder .item .lead a:active      	{ font-weight: 700; color: #465440; opacity: .8; }

.dokumentumlista 					{ width: 100%; text-align: center; }
.dokumentumlista .item				{ padding: 12px; opacity: .7; transition: all .3s; }
.dokumentumlista .item:hover		{ opacity: 1; background-color: rgba(0,0,0,.02); }
.dokumentumlista .item_line			{ width: 100%; height: 1px; background-color: rgba(0,0,0,.1); }
.dokumentumlista .item .name		{ font-weight: bold; }
.dokumentumlista .item .text		{}

.youtube_video_gallery 						{ width: 70%; margin-left: 15%; margin-top: 50px; }
.youtube_video_gallery .item				{ position: relative; width: 70%; margin-left: 15%; margin-bottom: 50px; }
.youtube_video_gallery .item .placeholder	{ position: relative; width: 100%; height: auto; }
.youtube_video_gallery .item .iframe		{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }


@media only screen and (max-width : 1100px) {

	.blog_masonry .item_holder 				{ width: 50%; }
	.keplista .item_holder 					{ width: 50%; }

	.centered_text_holder					{ width: 70%; }
	.left_text_holder						{ width: 70%; }

	.youtube_video_gallery 					{ width: 90%; margin-left: 5%; }
	.youtube_video_gallery .item			{ width: 90%; margin-left: 5%; }

}

@media only screen and (max-width : 900px) {

	.full_page_header .text_holder .text 	{ width: 90%; }

	.centered_text_holder					{ width: 80%; }
	.left_text_holder						{ width: 80%; }

	.youtube_video_gallery 					{ width: 100%; margin-left: 0; }
	.youtube_video_gallery .item			{ width: 100%; margin-left: 0; }

}


@media only screen and (max-width : 720px) {

	h1                              { font-size: 32px; line-height: 42px; }
	h2                              { font-size: 20px; line-height: 28px; }
	h3                              { font-size: 18px; line-height: 24px; }


	.blog_masonry .item_holder 								{ width: 100%; }
	.keplista .item_holder 									{ width: 100%; }

	.full_page_header .buttons .view_content_btn_holder 	{ width: 100%; }

	.no_mobile 												{ display: none; }

	.centered_text_holder					{ width: 90%; }
	.left_text_holder						{ width: 90%; }

	.almenuk_holder .item .content										{ padding-left: 5px; padding-right: 5px; }

}


#footer             { position: relative; padding: 30px; font-size: 12px; text-align: left; background-color: white; }
#siteby				{ position: absolute; width: 205px; height: 45px; background-color: black; opacity: 0.9; right: 5%; bottom: 0; cursor: pointer; background-image:url(../img/siteby.png); }



