.verseny_kategoriak_wrapper 													{ position: relative; width: 100%; }
.verseny_kategoriak_wrapper.margin_top 											{ margin-top: 50px; }
.verseny_kategoriak_wrapper.margin_bottom 										{ margin-bottom: 50px; }
.verseny_kategoriak_wrapper .verseny_kategoria_title							{ text-align: center; padding: 50px; }
.verseny_kategoriak_wrapper .verseny_kategoria_holder .item						{ position: relative; float: left; width: calc(25% - 10px); margin-left: 5px; margin-right: 5px; margin-bottom: 10px; background-color: black; border-radius: 10px; overflow: hidden; }
.verseny_kategoriak_wrapper .verseny_kategoria_holder .item .image				{ position: relative; width: 100%; opacity: .7; transition: all 0.5s ease !important; }
.verseny_kategoriak_wrapper .verseny_kategoria_holder .item:hover .image		{ opacity: 1; }
.verseny_kategoriak_wrapper .verseny_kategoria_holder .item .text 				{ position: absolute; width: 100%; padding: 20px; left: 0; bottom: 0; color: white;}
.verseny_kategoriak_wrapper .verseny_kategoria_holder a 						{ font-weight: normal !important; }
.verseny_kategoriak_wrapper .verseny_kategoria_holder .item .text .name			{ line-height: 24px; }
.verseny_kategoriak_wrapper .verseny_kategoria_holder .item .text .car			{ font-size: 14px; line-height: 24px;}


@media only screen and (max-width : 1600px) {
	.verseny_kategoriak_wrapper .verseny_kategoria_holder .item		{ width: calc(33.33% - 10px); }
}

@media only screen and (max-width : 1280px) {
	.verseny_kategoriak_wrapper .verseny_kategoria_holder .item		{ width: calc(50% - 10px); }
}

@media only screen and (max-width : 820px) {
	.verseny_kategoriak_wrapper .verseny_kategoria_holder .item		{ width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; }
}

@media only screen and (max-width : 960px) {
	
	.verseny_kategoriak_wrapper 			{ }

}

@media only screen and (max-width : 768px) {
	.verseny_kategoriak_wrapper.margin_top 			{ margin-top: 25px; }
	.verseny_kategoriak_wrapper.margin_bottom 		{ margin-bottom: 25px; }
}

@media only screen and (max-width : 480px) {
	.verseny_kategoriak_wrapper 			{  }
}





.verseny_kategoriak_image_unit 							{ position: relative; width: 100%; height: 100vh; background-color: black; overflow: hidden; }
.verseny_kategoriak_image_unit .image_holder			{ width: 100%; height: 100vh; overflow: hidden; background-position: center; background-size: cover; opacity: .5; }
.verseny_kategoriak_image_unit .image_holder img		{ vertical-align: top; }
.verseny_kategoriak_image_unit .mobile_image			{ display: none; }

.verseny_kategoriak_image_unit .main_text 				{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding-left: 20px; padding-right: 20px;}
.verseny_kategoriak_image_unit .main_text .wrap 		{ text-align: center; color: white; }
.verseny_kategoriak_image_unit .main_text_mobile		{ display: none; text-align: center; padding: 20px; }

.verseny_kategoriak_image_unit a:link               	{ border-bottom: 2px dotted; }

.verseny_kategoriak_image_unit .show_arrow_icon_holder						{ position: absolute; width: 100%; height: auto; left: 0; bottom: 0; text-align: center; padding: 50px; }
.verseny_kategoriak_image_unit .show_arrow_icon_holder .icon				{ width: 100%; }
.verseny_kategoriak_image_unit .show_arrow_icon_holder .icon img			{ width: 15%; max-width: 50px; opacity: .9; cursor: pointer; transition: opacity .3s ease; }
.verseny_kategoriak_image_unit .show_arrow_icon_holder .icon img:hover		{ opacity: 1; }


.verseny_kategoriak_video_unit 							{ position: relative; width: 100%; height: 100vh; background-color: black; overflow: hidden; }
.verseny_kategoriak_video_unit .video_player			{ position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; opacity: .7; }
.verseny_kategoriak_video_unit .video_player_mobile		{ display: none; }

.verseny_kategoriak_video_unit .main_text 				{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding-left: 20px; padding-right: 20px;}
.verseny_kategoriak_video_unit .main_text .wrap 		{ text-align: center; color: white; }
.verseny_kategoriak_video_unit .main_text_mobile		{ display: none; text-align: center; padding: 20px; }

.verseny_kategoriak_video_unit a:link               	{ border-bottom: 2px dotted; }

.verseny_kategoriak_video_unit .show_arrow_icon_holder						{ position: absolute; width: 100%; height: auto; left: 0; bottom: 0; text-align: center; padding: 50px; }
.verseny_kategoriak_video_unit .show_arrow_icon_holder .icon				{ width: 100%; }
.verseny_kategoriak_video_unit .show_arrow_icon_holder .icon img			{ width: 15%; max-width: 50px; opacity: .9; cursor: pointer; transition: opacity .3s ease; }
.verseny_kategoriak_video_unit .show_arrow_icon_holder .icon img:hover		{ opacity: 1; }




.verseny_kategoriak_text 		{ width: 75%; margin-left: 12.5%; margin-top: 25px; margin-bottom: 25px; }

@media only screen and (max-width : 768px) {
	
	.verseny_kategoriak_image_unit 							{ width: 100% !important; height: auto !important; margin-left: 0 !important; background-color: white; }
	.verseny_kategoriak_image_unit .main_text 				{ display: none; }
	.verseny_kategoriak_image_unit .main_text_mobile		{ display: block; }
	.verseny_kategoriak_image_unit .show_arrow_icon_holder	{ display: none; }
	.verseny_kategoriak_image_unit .mobile_image			{ display: block; }
	.verseny_kategoriak_image_unit .image_holder			{ display: none; }

	.verseny_kategoriak_video_unit 							{ width: 100% !important; height: auto !important; margin-left: 0 !important; background-color: white; }
	.verseny_kategoriak_video_unit .video_player			{ display: none; }
	.verseny_kategoriak_video_unit .video_player_mobile		{ display: block; width: 100vw; }
	.verseny_kategoriak_video_unit .main_text 				{ display: none; }
	.verseny_kategoriak_video_unit .main_text_mobile		{ display: block; }
	.verseny_kategoriak_video_unit .show_arrow_icon_holder	{ display: none; }

	.verseny_kategoriak_text 		{ width: 100%; margin-left: 0; margin-top: 0; margin-bottom: 0; padding: 20px; padding-top: 0; }
}