﻿
	/*Importowanie czcionek*/
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:100,300,400,700|Roboto:100,300,400,700|Open+Sans+Condensed:300:300,400,700|Roboto+Slab:100,300,400,700|Oswald:300:300,400,700|Anton|Lato:100,300,400,700|Courgette|Shadows+Into+Light+Two|Lobster|Play|Bree+Serif|Comfortaa|Rajdhani|Kaushan+Script|Marcellus|Titillium+Web|Great+Vibes&subset=latin-ext);
	
	/*Resetowanie wyglądu przycisku*/
	button:-moz-focus-inner,
	input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}
	

	/*Style uniwersalne dla wszystkich rodzajów wyświetlaczy i urządzeń*/
	*
	{margin:0px; padding:0px;}
	html
	{margin:0px auto; background:transparent; height:100%}
	body
	{margin:0px auto; background:transparent; height:100%; text-align: center; overflow-x: hidden; background-image: url('data/files/layout/body.png'); background-repeat: repeat; background-attachment:fixed;}
	strong, b, i, ul
	{font-family: inherit; color:inherit;}
	a
	{text-decoration:none; outline-style:none; font-family:inherit; color:inherit;}
	a:hover 
	{text-decoration:none; outline-style:none; font-family:inherit; color:inherit; cursor:pointer;}
	a span
	{font-family:inherit; color:inherit; text-align:left;}
	button 
	{border:0px none; display:inline-block; padding: 7px 7px 7px 7px; margin: 2px; background:#fff url('data/files/layout/button.png'); background-position:center; background-repeat: no-repeat; line-height: 20px; font-size:15px;}
	button:hover 
	{cursor: pointer;}
	img
	{border-style: none; outline-style: none; vertical-align: middle;}
	input 
	{padding: 4px; color: #111; border:1px; border-style:solid; border-color:#ccc; outline:none; font-size:15px;}
	textarea 
	{padding: 4px; color: #111; border:1px; border-style:solid; border-color:#ccc; overflow: hidden; outline:none; font-size:15px; resize: none; text-align: left;}
	select 
	{padding: 4px; color: #111; border:1px; border-style:solid; border-color:#ccc; outline:none; font-size:15px;}
	ul 
	{list-style:url(data/files/layout/li_style.png); display:block; list-style-position:outside; padding: 0px; font-family:inherit; cursor:default; text-align:left;}
	ol 
	{margin-left:5px; width:auto; list-style-position:outside; font-family:inherit; text-align:left;}
	li 
	{margin-left:20px; width:auto; color:inherit; padding:0px 2px 0px 4px; background-color:transparent; font-family:inherit; cursor:default; text-align:left;}
	li:hover
	{width:auto; margin-left:20px; padding:0px 2px 0px 4px; text-align:left;}
	p
	{margin:0px; font-family:inherit; color:inherit; height:auto; cursor:default;}
	span
	{font-family:inherit; color:inherit; text-align:left;}
	div
	{font-family:inherit; color:inherit; text-align:left;}
	hr
	{border:0; height:1px; background:#333; background-image:linear-gradient(to right, #ccc, #333, #ccc);}
	
	.mobile
	{display:none}
			
	/*Styl przycisków*/
	.button 
	{display:inline-block; padding:2%; line-height:100%; font-size:100%; cursor:pointer; background:url('data/files/layout/button.png'); background-size:100% 100%; background-position:center; background-repeat:repeat; border:0px none}
	.button:hover 
	{display:inline-block; padding:2%; line-height:100%; font-size:100%; cursor:pointer; background:url('data/files/layout/button.png'); background-size:100% 100%; background-position:center; background-repeat:repeat; border:0px none}

	.label_input
	{width:500px; display: inline-block; line-height:25px; margin-bottom:3px;}
	.field_input
	{width:300px; margin:2px; padding:2px; float:right;}

	/*Style kontenerów głównych*/
	.box_general 
	{position:static; width: 100%; background-color:transparent; background-image:url('data/files/layout/box_general.png'); background-position:top; background-repeat:repeat; overflow-x:hidden; overflow-y:hidden; margin:0px auto; text-align:left;}
	
	/*Style POPup i maski*/
	.box_popup 
	{justify-content:center; align-items:center; min-height:inherit; position:fixed; display:none; padding: 0; border: none; z-index: 99999; margin:0px auto; width:100%; overflow:auto; color: #111;}
	.popup_text
	{position:static; padding:0% 0% 0% 0%;}
	.popup_show
	{display:flex;}
	.box_popup_textfield
	{max-height:80vh; overflow:auto}
	.button_menu_popup_close
	{float:right; position:relative; z-index:99999; cursor: pointer}
	.zoom_popup 
	{position:fixed; display:none; width: auto; height: auto; border: none; z-index: 99999; margin:0px auto; color: #111; background-image: url('data/files/layout/popup_background.png'); background-position:center; background-repeat: no-repeat; background-repeat: repeat;}
	.zoom
	{cursor:pointer;}
	.close, .close_popup
	{right:0; top:0; position:fixed; cursor:pointer; z-index:1200; width:2vw; height:2vw; min-width:40px; min-height:40px}
	.cookie_bar
	{width:96%; z-index:9999; background:#ffffff; padding:1vw 2vw 1vw 2vw; position:fixed; bottom:0px; display:flex; display: -webkit-flex; justify-content:center; align-items:center; -webkit-align-items: center; border-top:1px solid #999999}
	.cookie_bar_info
	{color:#000000; text-align:center; font-size:11px; margin:0px; width:80%}
	.mask
	{position:fixed; background-repeat: repeat; background-position: top; z-index:99998; width:100%; height:10000px; opacity:0; display:none; text-align:center;}
		
	/* Menu górne */
	.box_menu_area 
		{margin: 0px auto; background-image: url('data/files/layout/menu_background.png'); background-position:center; background-repeat: repeat; text-align:left; z-index: 1500;}
	.scroll_up
		{width:100%; position:fixed; z-index:1500; top:0px; display:none; background-image: url('data/files/layout/scroll_up.png'); background-position:center; background-repeat: no-repeat;}
	.box_menu_reference 
		{position: absolute; background: transparent; z-index: 1200;}
	.box_more_reference 
		{position: relative; background: transparent; z-index: 1200; float:right;}
	.reference_menu 
		{text-align: center; display: inline-block; vertical-align: middle; min-width: 70px; padding: 0px 5px 0px 5px; margin: 0px; background-image:url('data/files/layout/menu_back.png'); background-position:top right;}
	.reference_menu_active 
		{background-image:url('data/files/layout/menu_active.png'); background-position:top right; font-weight:bold !important}
	.box_slidemenu_up
		{display:none; z-index:99998; position:absolute; padding:0px; height:auto; min-width:200px; overflow-y:auto; background-position:bottom center; background-attachment:scroll; background-repeat: repeat-x;}
	.box_slidemenu_right
		{display:none; z-index:99997; position:absolute; padding:0px; height:auto; min-width:200px; overflow-y:auto; background-position:bottom center; background-attachment:scroll; background-repeat: repeat-x;}
	.menu_list 
		{margin:0px; width: auto; text-align: left; display:block; padding:5%; display:list-item; color: inherit;}
	.menu_list:hover
		{margin:0px; width: auto; text-align: left; display:block; padding:5%; display:list-item; color: inherit;}
	.menu_list_right
		{margin:0px; width: auto; text-align: left; display:block; padding:5%; display:list-item; color: inherit;}
	.menu_list_right:hover 
		{margin:0px; width: auto; text-align: left; display:block; padding:5%; display:list-item; color: inherit;}
	
	/* Menu boczne */
	.box_menu_area_left
		{position:fixed; width:100%; z-index:99995; top:0px}
	.button_menu_left
		{float:left; z-index:99995; cursor: pointer}
	.button_menu_left_close
		{float:right; position:relative; z-index:99999; cursor: pointer}
	.mask_menu_left
		{opacity:0; position:fixed; background-repeat: repeat; background-position: top; z-index:99998; width:30%; min-height:100vh; display:block; left:-100%; top:0px;}
	.container_menu_left
		{position:absolute; display:flex; display: -webkit-flex; justify-content:center; align-items:center; -webkit-align-items: center; z-index:99998; min-height:100vh; width:100%;}
	.container_menu_left_inside
		{width:100%; text-align:center; z-index:99998;}
	.reference_menu_left
		{display:block; margin: 0px auto; font-size:90%; width:70%; padding:1.5vh 0vw 1.5vh 0vw; text-align:center;}
	.reference_menu_left:hover
		{display:block; margin: 0px auto; font-size:90%; width:70%; padding:1.5vh 0vw 1.5vh 0vw; text-align:center;}
	.box_slidemenu_left .reference_menu_left:hover
		{opacity:0.5}
	.box_slidemenu_left
		{position:relative; width:100%; display:none; z-index: 99998;}
	.box_slidemenu_left .reference_menu_left
		{text-align:left; opacity:1;}
		
	.right_menu_slide /*  Wyjazd menu z lewej strony */
		{animation:right_menu_slide 1s 1 forwards; -webkit-animation:right_menu_slide 1s 1 forwards;}
	@keyframes right_menu_slide
		{0% {opacity:0; left:-100%} 100% {opacity:1; left:0}}
	@-webkit-keyframes right_menu_slide
		{0% {opacity:0; left:-100%} 100% {opacity:1; left:0}}
		
	.left_menu_slide /* Ukrywanie menu po kliknięciu w przycisk close */
		{animation:left_menu_slide 1s 1 forwards; -webkit-animation:left_menu_slide 1s 1 forwards;}
	@keyframes left_menu_slide
		{0% {opacity:1; left:0} 100% {opacity:0; left:-100%}}
	@-webkit-keyframes left_menu_slide
		{0% {opacity:1; left:0} 100% {opacity:0; left:-100%}}
		
	.box_slidemenu_left_active /* Aktywacja podmenu podstron skojarzonych */
		{display:block; animation:box_slidemenu_left_active 0.5s 1 forwards; -webkit-animation:box_slidemenu_left_active 0.5s 1 forwards;}
	@keyframes box_slidemenu_left_active
		{0% {opacity:0;} 100% {opacity:1;}}
	@-webkit-keyframes box_slidemenu_left_active
		{0% {opacity:0;} 100% {opacity:1;}}
		
	.box_slidemenu_up_hover /* Animacja menu opuszczanego */
		{display:block; animation:box_slidemenu_up_hover 0.5s 1 forwards; -webkit-animation:box_slidemenu_up_hover 0.5s 1 forwards;}
	@keyframes box_slidemenu_up_hover
		{0% {z-index:9999; margin-top:-30px; opacity:0;} 100% {margin-top:0px; opacity:1; z-index:99998;}}
	@-webkit-keyframes box_slidemenu_up_hover
		{0% {z-index:9999; margin-top:-30px; opacity:0;} 100% {margin-top:0px; opacity:1; z-index:99998;}}
	
	/* Okna boczne */
	.box_popup_slide 
		{opacity:0; position:fixed; background-repeat: repeat; background-position: top; z-index:99999; min-height:100vh; display:block; left:-100%; top:0px}
	.popup_text_slide
		{width:100%; overflow-y:hidden; max-height:100vh; overflow-x: hidden}
	.right_popup_slide /*	 Wyjazd menu z lewej strony */
		{animation:right_popup_slide 1s 1 forwards; -webkit-animation:right_popup_slide 1s 1 forwards;}
	@keyframes right_popup_slide
		{0% {opacity:0; left:-100%} 100% {opacity:1; left:0}}
	@-webkit-keyframes right_popup_slide
		{0% {opacity:0; left:-100%} 100% {opacity:1; left:0}}
	.left_popup_slide /*	 Ukrywanie menu po kliknięciu w przycisk close */
		{animation:left_popup_slide 1s 1 forwards; -webkit-animation:left_popup_slide 1s 1 forwards;}
	@keyframes left_popup_slide
		{0% {opacity:1; left:0} 100% {opacity:0; left:-100%}}
	@-webkit-keyframes left_popup_slide
		{0% {opacity:1; left:0} 100% {opacity:0; left:-100%}}
	
	/* Style banerów */
	.box_baner 
		{position:relative; text-align:center; overflow-x: hidden; overflow-y: hidden; background-color: transparent; vertical-align: top}
	.box_baner_static
		{position:relative; text-align:center; overflow-x: hidden; overflow-y: hidden; background-color: transparent; vertical-align: top; background:#ffffff}
	.box_baner_pos
		{position:relative; width:auto; background:transparent;}
	.slide_static
		{vertical-align:top; display:inline-block; overflow:auto; overflow:hidden}
	.slide_onclick_mask
		{cursor:pointer; position:absolute; width:100%; height:100%; z-index:9999}
	.text_fade_box
		{margin: 0px auto; position:absolute; display:block; opacity:0; width:100%;}
	.slide_text_center
		{margin: 0px auto; position:relative; display:table; height:inherit; min-height:0px;}
	.baner_txt
		{position:relative; display:table-cell; height:100%; vertical-align:middle}
	.baner_txt_extra
		{position:relative; display:table-cell; height:100%; vertical-align:middle}
	.close_slide
		{right:0; top:0; position:absolute; cursor:pointer; z-index:9999; width:2vw; height:2vw; display:none}
	#square_actual_slide a
		{opacity:0.5;}
	.arr_left, .arr_right, .scroll_left, .scroll_right
		{opacity:1;}
	.arr_left, .arr_gal_left, .scroll_left
		{height:inherit; z-index:1500; position:absolute; cursor:pointer; background-image:url(data/files/layout/arrow.png); background-repeat:no-repeat; background-position:center;}
	.arr_right, .arr_gal_right, .scroll_right
		{height:inherit; z-index:1500; position:absolute; cursor:pointer; background-image:url(data/files/layout/arrow.png); background-repeat:no-repeat; background-position:center; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
	.arr_down
		{height:inherit; z-index:1000; position:absolute; cursor:pointer; background-image:url(data/files/layout/arrow.png); background-repeat:no-repeat; background-position:center; -ms-transform: translateX(-50%) rotate(270deg); -webkit-transform: translateX(-50%) rotate(270deg); transform: translateX(-50%) rotate(270deg); left:50%; bottom:-40%; opacity:0}
	.arr_left:hover, .arr_gal_left:hover, .arr_right:hover, .scroll_right:hover, .scroll_left:hover, .arr_gal_right:hover
		{opacity:0.5}
	
	.arr_down /* Pokazywanie strzałki dolnej */
		{animation:arr_down 4s 1 3s forwards; -webkit-animation:arr_down 3s 1 3s forwards;}
	@keyframes arr_down
		{0% {opacity:0;} 20% {opacity:1; bottom:-40%} 40% {opacity:0.2; bottom:-40%} 60% {opacity:1; bottom:-40%} 80% {opacity:0.2; bottom:-40%} 100% {opacity:1; bottom:-40%}}
	@-webkit-keyframes arr_down
		{0% {opacity:0;} 20% {opacity:1; bottom:-40%} 40% {opacity:0.2; bottom:-40%} 60% {opacity:1; bottom:-40%} 80% {opacity:0.2; bottom:-40%} 100% {opacity:1; bottom:-40%}}
	
	.arr_down_second /* Pokazywanie strzałki dolnej z każdym kolejnym razem*/
		{animation:arr_down 2s 1 0.5s forwards; -webkit-animation:arr_down 2s 1 0.5s forwards;}
	@keyframes arr_down
		{0% {opacity:1;} 50% {opacity:0.2; bottom:-40%} 100% {opacity:1; bottom:-40%}}
	@-webkit-keyframes arr_down
		{0% {opacity:1;} 50% {opacity:0.2; bottom:-40%} 100% {opacity:1; bottom:-40%}}
	
	.arr_down_hide /* Ukrywanie strzałki dolnej */
		{display:none}
	
	/* Pokazywanie zawartości ukrytej w polu tekstowym */	
	.show_more_hide 
		{display: none;}
	.show_more_show 
		{animation:show_more_show 2s 1 forwards; -webkit-animation:show_more_show 2s 1 forwards;}
	@keyframes show_more_show
		{0% {display:block; opacity:0;} 100% {display:block; opacity:1;}}
	@-webkit-keyframes show_more_show
		{0% {display:block; opacity:0;} 100% {display:block; opacity:1;}}

		      	     	
	/* Style galerii */
	.gallery_central 
		{position: static; text-align:left; margin: 0px auto; height:auto;}
	.box_gallery 
		{display:inline-block; margin:0px; text-align:center; background-position:50%;}
	.gallery_popup 
		{position:fixed; display:none; border: none; z-index: 99999; margin:0px auto; color: #111; background-image: url('data/files/layout/popup_background.png'); padding:0px; width:100%; max-width:100vw; height:100vh; max-height:100vh; background-size:auto auto; background-repeat:no-repeat; background-position:center;}
	.gallery_mask_name 
		{width:100%; height:auto; position:fixed; bottom:0px; left:0px; font-weight:normal; z-index:9999; padding:10px 0px 10px 0px; text-align:center}
	
	/* Style stopki */
	#box_footer 
		{position: relative; text-align: left; overflow-x: hidden; overflow-y: hidden; background: url('data/files/layout/box_footer.png'); background-position: top; background-repeat: repeat; font-size:90%}
	
	/* Pozostałe */
	.fb_share
		{z-index:1500; position:relative; bottom: 0px; margin-bottom:15px; width:auto; height:auto;}
	

/*=================> STYLE dla monitórów o szerokości powyżej 900 px*/
@media (min-width: 900px){
	
	/* Ukrycie menu mobilnego */
	.box_menu_area_mobile
		{display:none}
	
	/* Animacje elementów statycznych pól tekstowych */
	
	/* Shake */
		.effect_shake:hover 	
			{animation:effect_shake 0.3s 1 forwards; -webkit-animation:effect_shake 0.3s 1 forwards;}
		@keyframes effect_shake
			{0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 50% {-webkit-transform: rotate(2deg); transform: rotate(2deg);} 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}}
		@-webkit-keyframes effect_shake
			{0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 50% {-webkit-transform: rotate(2deg); transform: rotate(2deg);} 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}}
		
	/* Błysk */
		.effect_flash:hover 	
			{animation:effect_flash 0.5s 1 forwards; -webkit-animation:effect_flash 0.5s 1 forwards;}
		@keyframes effect_flash
			{0% {opacity:0.5;} 100% {opacity:1;}}
		@-webkit-keyframes effect_flash
			{0% {opacity:0.5;} 100% {opacity:1;}}
	
	/* Zoom */
		.effect_zoom:hover 
			{animation:effect_zoom 0.3s 1 forwards; -webkit-animation:effect_zoom 0.3s 1 forwards;}
		@keyframes effect_zoom
			{0% {-webkit-transform: scale(1); transform: scale(1); background-size:100%} 100% {-webkit-transform: scale(1.1); transform: scale(1.1); background-size:130%}}
		@-webkit-keyframes effect_zoom
			{0% {-webkit-transform: scale(1); transform: scale(1); background-size:100%} 100% {-webkit-transform: scale(1.1); transform: scale(1.1); background-size:130%}}
	
	/* Zoom pierwszego obrazka */	
		.effect_zoom_first_img:hover img:first-child 
			{animation:effect_zoom_first_img 0.3s 1 forwards; -webkit-animation:effect_zoom_first_img 0.3s 1 forwards;}
		@keyframes effect_zoom_first_img
			{0% {-webkit-transform: scale(1); transform: scale(1)} 100% {-webkit-transform: scale(1.2); transform: scale(1.2)}}
		@-webkit-keyframes effect_zoom_first_img
			{0% {-webkit-transform: scale(1); transform: scale(1)} 100% {-webkit-transform: scale(1.2); transform: scale(1.2)}}
		
	/* Rotacja */
		.effect_rotate:hover 
			{animation:effect_rotate 2s 1 forwards; -webkit-animation:effect_rotate 2s 1 forwards;}
		@keyframes effect_rotate
			{0% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}}
		@-webkit-keyframes effect_rotate
			{0% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}}
	
	/* Rotacja pierwszego obrazka */
		.effect_rotate_first_img:hover img:first-child 
			{animation:effect_rotate_first_img 2s 1 forwards; -webkit-animation:effect_rotate_first_img 2s 1 forwards;}
		@keyframes effect_rotate_first_img
			{0% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}}
		@-webkit-keyframes effect_rotate_first_img
			{0% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}}
		
	/* Pulsacja */
		.effect_pulse:hover 
			{animation:effect_pulse 0.3s 1 forwards; -webkit-animation:effect_pulse 0.3s 1 forwards;}
		@keyframes effect_pulse
			{0% {-webkit-transform: scale(1); transform: scale(1); background-size:100%} 50% {-webkit-transform: scale(1.1); transform: scale(1.1); background-size:120%} 100% {-webkit-transform: scale(1); transform: scale(1); background-size:100%}}
		@-webkit-keyframes effect_pulse
			{0% {-webkit-transform: scale(1); transform: scale(1); background-size:100%} 50% {-webkit-transform: scale(1.1); transform: scale(1.1); background-size:120%} 100% {-webkit-transform: scale(1); transform: scale(1); background-size:100%}}
		
	/* Pojawienie po najechaniu */	
		.effect_slide_down .slide_text_center
			{opacity:0; top:-100%}
		.slide_down_hide .slide_text_center
			{opacity:1; top:0%}
		.slide_down_hide .text_fade_box
			{opacity:0.8; height:100%}
		.slide_down_show .text_fade_box
			{animation:slide_down_show_back 0.5s 1 forwards; -webkit-animation:slide_down_show_back 0.5s 1 forwards;}
		@keyframes slide_down_show_back
			{0% {opacity:0; height:0px; bottom:0px} 100% {opacity:0.8; height:100%; bottom:0px}}
		@-webkit-keyframes slide_down_show_back
			{0% {opacity:0; height:0px; bottom:0px} 100% {opacity:0.8; height:100%; bottom:0px}}
		.slide_down_show .slide_text_center
			{animation:slide_down_show_txt 1s 1 0.6s forwards; -webkit-animation:slide_down_show_txt 1s 1 0.6s forwards;}
		@keyframes slide_down_show_txt
			{0% {opacity:0; top:-100%} 100% {opacity:1; top:0%}}
		@-webkit-keyframes slide_down_show_txt
			{0% {opacity:0; top:-100%} 100% {opacity:1; top:0%}}
		.slide_down_hide .text_fade_box
			{animation:slide_down_hide_back 1s 1 3s forwards; -webkit-animation:slide_down_hide_back 1s 1 forwards;}
		@keyframes slide_down_hide_back
			{0% {opacity:0.8; height:100%; bottom:0px} 100% {opacity:0; height:100%; bottom:0px}}
		@-webkit-keyframes slide_down_hide_back
			{0% {opacity:0.8; height:100%; bottom:0px} 100% {opacity:0; height:100%; bottom:0px}}
		.slide_down_hide .slide_text_center
			{animation:slide_down_hide_txt 0.5s 1 forwards; -webkit-animation:slide_down_hide_txt 0.5s 1 forwards;}
		@keyframes slide_down_hide_txt
			{0% {opacity:1; top:0%} 100% {opacity:0; top:-100%}}
		@-webkit-keyframes slide_down_hide_txt
			{0% {opacity:1; top:0%} 100% {opacity:0; top:-100%}}
	
	/* Pojawienie po najechaniu i ukrycie po opuszczeniu */	
		.effect_show_hide .slide_text_center
			{opacity:0; top:-100%}
		.effect_show_hide:hover .text_fade_box
			{animation:show_hide_back 0.5s 1 forwards; -webkit-animation:show_hide_back 0.5s 1 forwards;}
		@keyframes show_hide_back
			{0% {opacity:0; height:100%; top:0px} 100% {opacity:0.8; height:100%; top:0px}}
		@-webkit-keyframes show_hide_back
			{0% {opacity:0; height:100%; top:0px} 100% {opacity:0.8; height:100%; top:0px}}
		.effect_show_hide:hover .slide_text_center
			{animation:show_hide_txt 1s 1 0.2s forwards; -webkit-animation:show_hide_txt 1s 1 0.2s forwards;}
		@keyframes show_hide_txt
			{0% {opacity:0; top:-100%} 100% {opacity:1; top:0%}}
		@-webkit-keyframes show_hide_txt
			{0% {opacity:0; top:-100%} 100% {opacity:1; top:0%}}
		
	/* Wyjście z ukrycia */	
		.effect_show_view
			{opacity:0;}
		.effect_show_view .slide_text_center
			{opacity:0;}	
		.show_view_show
			{animation:show_view_show 2s 1 forwards; -webkit-animation:show_view_show 2s 1 forwards;}
		@keyframes show_view_show 
			{0% {opacity:0} 100% {opacity:1}}
		@-webkit-keyframes show_view_show
			{0% {opacity:0} 100% {opacity:1}}
		.show_view_show .text_fade_box
			{animation:show_view_show_back 1s 1 forwards; -webkit-animation:show_view_show_back 1s 1 forwards;}
		@keyframes show_view_show_back
			{0% {opacity:0; height:100%} 100% {opacity:0.8; height:100%}}
		@-webkit-keyframes show_view_show_back
			{0% {opacity:0; height:100%} 100% {opacity:0.8; height:100%}}
			
		.show_view_show .slide_text_center
			{animation:show_view_show_txt 2s 1 forwards; -webkit-animation:show_view_show_txt 2s 1 forwards;}
		@keyframes show_view_show_txt
			{0% {opacity:0; top:0%} 100% {opacity:1; top:0%}}
		@-webkit-keyframes show_view_show_txt
			{0% {opacity:0; top:0%} 100% {opacity:1; top:0%}}
	
		
	/* Animacje pozycji w galerii */
		.zoom .a_modal_gallery:hover
			{animation:zoom 0.3s 1 forwards; -webkit-animation:zoom 0.3s 1 forwards;}
		@keyframes zoom
			{0% {background-size:130%} 100% {background-size:150%}}  
		@-webkit-keyframes zoom
			{0% {background-size:130%} 100% {background-size:150%}}
		
		.shake .a_modal_gallery:hover
			{animation:shake 0.5s 1 forwards;-webkit-animation:shake 0.5s 1 forwards;}
		@keyframes shake
			{0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 50% {-webkit-transform: rotate(3deg); transform: rotate(3deg);} 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}}  
		@-webkit-keyframes shake
			{0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 50% {-webkit-transform: rotate(3deg); transform: rotate(3deg);} 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}}
		
		.light .a_modal_gallery:hover
			{animation:light 0.3s 1 forwards; -webkit-animation:light 0.3s 1 forwards;}
		@keyframes light
			{0% {opacity:1} 100% {opacity:0.9}}  
		@-webkit-keyframes light
			{0% {opacity:1} 100% {opacity:0.9}}
			
		.flash .a_modal_gallery:hover
			{animation:flash 0.3s 1 forwards; -webkit-animation:flash 0.3s 1 forwards;}
		@keyframes flash
			{0% {opacity:0.7} 100% {opacity:1}}  
		@-webkit-keyframes flash
			{0% {opacity:0.7} 100% {opacity:1}}

	/* Animacje podpisów zdjęć w galerii */
		.box_gallery .a_modal_gallery:hover > .gal_mask
			{animation:mask 1s 1 forwards; -webkit-animation:mask 1s 1 forwards;}
		@keyframes mask
			{0% {opacity:0;} 100% {opacity:0.8;}}  
		@-webkit-keyframes mask
			{0% {opacity:0;} 100% {opacity:0.8;}}
	
	/* Animacja podświetlenia identyfikatorów banerów */
		.div_ident_slide:hover
			{animation:ident 0.5s 1 linear forwards; -webkit-animation:ident 0.5s 1 linear forwards;}
		@keyframes ident
			{0% {opacity:0.5;} 100% {opacity:1;}}  
		@-webkit-keyframes ident
			{0% {opacity:0.5;} 100% {opacity:1;}}

	/* Animacja banerów dynamicznych */
		.fade
			{animation:fade 1s 1 forwards; -webkit-animation:fade 1s 1 forwards;}
		@keyframes fade
			{0% {opacity:0;} 100% {opacity:1;}}
		@-webkit-keyframes fade
			{0% {opacity:0;} 100% {opacity:1;}}
		
		.right
			{animation:right 1s 1 forwards; -webkit-animation:right 1s 1 forwards;}
		@keyframes right
			{0% {opacity:0; left:-100%;} 100% {opacity:1; left:0px;}}
		@-webkit-keyframes right
			{0% {opacity:0; left:-100%} 100% {opacity:1; left:0px}}
		
		.left
			{animation:left 1s 1 forwards; -webkit-animation:left 1s 1 forwards;}
		@keyframes left
			{0% {opacity:0; left:100%} 100% {opacity:1; left:0px}}
		@-webkit-keyframes left
			{0% {opacity:0; left:100%} 100% {opacity:1; left:0px}}

	/* Animacja pola tekstowego na banerze dynamicznym */
		.txt_active
			{animation:baner_txt 1s 1 1s forwards; -webkit-animation:baner_txt 1s 1 1s forwards;}
		@keyframes baner_txt
			{0% {opacity:0; -webkit-transform: scale(3) rotate(0deg); transform: scale(2) rotate(0deg); left:0px} 100% {opacity:1; -webkit-transform: scale(2) rotate(0deg); transform: scale(1) rotate(0deg); left:0px}}
		@-webkit-keyframes baner_txt
			{0% {opacity:0; -webkit-transform: scale(3) rotate(0deg); transform: scale(2) rotate(0deg); left:0px} 100% {opacity:1; -webkit-transform: scale(2) rotate(0deg); transform: scale(1) rotate(0deg); left:0px}}
	
	/* Animacje wybranych obiektów na banerach */
		.fx_zoom_pulse:hover, .fx_zoom_pulse *:hover
			{animation:fx_zoom_pulse 0.5s infinite forwards; -webkit-animation:fx_zoom_pulse 0.5s infinite forwards;}
		@keyframes fx_zoom_pulse
			{0% {-webkit-transform: scale(1); transform: scale(1);} 50% {-webkit-transform: scale(1.1); transform: scale(1.1);} 100% {-webkit-transform: scale(1); transform: scale(1);}}
		@-webkit-keyframes fx_zoom_pulse
			{0% {-webkit-transform: scale(1); transform: scale(1);} 50% {-webkit-transform: scale(1.1); transform: scale(1.1);} 100% {-webkit-transform: scale(1); transform: scale(1);}}
		
		.fx_zoom:hover, .fx_zoom *:hover
			{animation:fx_zoom 0.5s 1 forwards; -webkit-animation:fx_zoom 0.5s 1 forwards;}
		@keyframes fx_zoom
			{0% {-webkit-transform: scale(1); transform: scale(1);} 100% {-webkit-transform: scale(1.1); transform: scale(1.1);}}
		@-webkit-keyframes fx_zoom
			{0% {-webkit-transform: scale(1); transform: scale(1);} 100% {-webkit-transform: scale(1.1); transform: scale(1.1);}}
		
		.fx_flash_pulse:hover, .fx_flash_pulse *:hover
			{cursor:default; animation:fx_flash_pulse 0.7s infinite forwards; -webkit-animation:fx_flash_pulse 0.7s infinite forwards;}
		@keyframes fx_flash_pulse
			{0% {opacity:1;} 50% {opacity:0.8;} 100% {opacity:1;}}
		@-webkit-keyframes fx_flash_pulse
			{0% {opacity:1;} 50% {opacity:0.8;} 100% {opacity:1;}}
		
		.fx_flash:hover, .fx_flash *:hover
			{animation:fx_flash 0.5s 1 forwards; -webkit-animation:fx_flash 0.5s 1 forwards;}
		@keyframes fx_flash
			{0% {opacity:0.5;} 100% {opacity:1;}}
		@-webkit-keyframes fx_flash
			{0% {opacity:0.5;} 100% {opacity:1;}}
		
		.fx_zoom_rotate:hover, .fx_zoom_rotate *:hover
			{animation:fx_zoom_rotate 1.2s 1 forwards; -webkit-animation:fx_zoom_rotate 1.2s 1 forwards;}
		@keyframes fx_zoom_rotate
			{0% {-webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);} 50% {-webkit-transform: scale(1.1) rotate(0deg); transform: scale(1.1) rotate(0deg);} 100% {-webkit-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg);}}
		@-webkit-keyframes fx_zoom_rotate
			{0% {-webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);} 50% {-webkit-transform: scale(1.1) rotate(0deg); transform: scale(1.1) rotate(0deg);} 100% {-webkit-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg);}}

	/* Animacja startowa pozycji w menu */
		.reference_menu
			{animation:reference_menu 1s 1 2s forwards; -webkit-animation:reference_menu 1s 1 2s forwards;}
		@keyframes reference_menu
			{0% {padding:0px 5px 0px 5px;} 100% {padding:0px 15px 0px 15px;}}
		@-webkit-keyframes reference_menu
			{0% {padding:0px 5px 0px 5px;} 100% {padding:0px 15px 0px 15px;}}

	/* Animacja pozycji z listy menu */
		.menu_list:hover
			{animation:menu_list 0.5s 1 forwards; -webkit-animation:menu_list 0.5s 1 forwards;}
		@keyframes menu_list
			{0% {padding-left:15px;} 100% {padding-left:25px;}}
		@-webkit-keyframes menu_list
			{0% {padding-left:15px;} 100% {padding-left:25px;}}

	/* Animacja podświetleń */
		li a:hover, .slide_static a:hover, .close_slide:hover, button:hover, #arr_left:hover, #arr_right:hover, .button:hover, #box_menu_area a img:hover, .gallery_ident:hover, #box_footer a img:hover, .active a:hover, .active a img:hover, .slide a:hover, .slide a img:hover, .box_central a:hover, .box_central a span:hover, #box_footer a:hover, .arr_gal_left:hover, .arr_gal_right:hover
			{animation:hover 0.3s 1 forwards; -webkit-animation:hover 0.3s 1 forwards;}
		@keyframes hover
			{0% {opacity:1;} 100% {opacity:0.3;}}  
		@-webkit-keyframes hover
			{0% {opacity:1;} 100% {opacity:0.3;}}
			
}

/*=================> ANIMACJE I STYLE dla monitórów o szerokości poniżej 1200 px	*/
@media (max-width: 1200px){
	.baner_txt_extra img
		{max-width: 40%; height: auto !important;}
}

/*=================> ANIMACJE I STYLE dla monitórów o szerokości poniżej 900 px	*/
@media (max-width: 900px){
	
	/* Ukrycie menu mobilnego */
		.box_menu_area_mobile
			{display:none}
	
	/* Style */
		.slide_text_center
			{font-size:100%}
		.active .slide_text_center
			{font-size:90%}
		.gallery_popup 
			{left:0px !important; right:0px !important; padding:0px; width:100%; max-width:100%; height:100vh; max-height:100vh; background-size:100% auto; background-repeat:no-repeat; background-position:center;}
		.close
			{right:0; top:0; position:fixed; cursor:pointer; z-index:99999; width:5vw; height:5vw}
		.mask_menu_left
			{width:50%;}
		.close, .close_popup
			{right:0; top:0; position:fixed; cursor:pointer; z-index:1200; width:5vw; height:5vw}
		.close_slide
			{right:0; top:0; position:absolute; cursor:pointer; z-index:9999; width:5vw; height:5vw; display:none}	

	/* Rozciągnięcie menu */
		.box_menu_area_inside
			{animation:box_menu_area_inside 0.6s 1 2s forwards; -webkit-animation:box_menu_area_inside 0.6s 1 2s forwards;}
		@keyframes box_menu_area_inside
			{0% {width:80%;} 100% {width:95%;}}
		@-webkit-keyframes box_menu_area_inside
			{0% {width:80%;} 100% {width:95%;}}
	

	/*Dostosowanie odrębnych boxów statycznych*/
		.back_width
			{opacity:0; animation:back_width 1s 1 forwards; -webkit-animation:back_width 1s 1 forwards;}
		@keyframes back_width
			{0% {opacity:0; width:100%; margin:0px; background-size:100% auto} 100% {opacity:1; width:100%; margin:0px; background-size:100% auto}}
		@-webkit-keyframes back_width
			{0% {opacity:0; width:100%; margin:0px; background-size:100% auto} 100% {opacity:1; width:100%; margin:0px; background-size:100% auto}}
		
		.back_orginal
			{opacity:0; animation:back_orginal 1s 1 forwards; -webkit-animation:back_orginal 1s 1 forwards;}
		@keyframes back_orginal
			{0% {opacity:0; width:100%; margin:0px; background-size:auto auto} 100% {opacity:1; width:100%; margin:0px; background-size:auto auto}}
		@-webkit-keyframes back_orginal
			{0% {opacity:0; width:100%; margin:0px; background-size:auto auto} 100% {opacity:1; width:100%; margin:0px; background-size:auto auto}}
		
		.back_tiled
			{opacity:0; animation:back_tiled 1s 1 forwards; -webkit-animation:back_tiled 1s 1 forwards;}
		@keyframes back_tiled
			{0% {opacity:0; width:100%; margin:0px; background-size:auto auto} 100% {opacity:1; width:100%; margin:0px; background-size:auto auto}}
		@-webkit-keyframes back_tiled
			{0% {opacity:0; width:100%; margin:0px; background-size:auto auto} 100% {opacity:1; width:100%; margin:0px; background-size:auto auto}}
		
		.back_paralax
			{opacity:0; animation:back_paralax 1s 1 forwards; -webkit-animation:back_paralax 1s 1 forwards;}
		@keyframes back_paralax
			{0% {opacity:0; width:100%; margin:0px; background-size:100% auto} 100% {opacity:1; width:100%; margin:0px; background-size:100% auto}}
		@-webkit-keyframes back_paralax
			{0% {opacity:0; width:100%; margin:0px; background-size:100% auto} 100% {opacity:1; width:100%; margin:0px; background-size:100% auto}}
	
		.extra_slide_zoom
			{opacity:0; animation:extra_slide_zoom 1s 1 forwards; -webkit-animation:extra_slide_zoom 1s 1 forwards;}
		@keyframes extra_slide_zoom
			{0% {opacity:0; width:100%; margin:0px; background-size:100% auto} 100% {opacity:1; width:100%; margin:0px; background-size:100% auto}}
		@-webkit-keyframes extra_slide_zoom
			{0% {opacity:0; width:100%; margin:0px; background-size:100% auto} 100% {opacity:1; width:100%; margin:0px; background-size:100% auto}}
		
		/* Pojawienie po najechaniu */	
			.effect_slide_down .slide_text_center
				{opacity:0; top:-100%}
			.slide_down_hide .slide_text_center
				{opacity:1; top:0%}
			.slide_down_hide .text_fade_box
				{opacity:0.8; height:100%}
			.slide_down_show .text_fade_box
				{animation:slide_down_show_back 0.5s 1 forwards; -webkit-animation:slide_down_show_back 0.5s 1 forwards;}
			@keyframes slide_down_show_back
				{0% {opacity:0; height:0px; bottom:0px} 100% {opacity:0.8; height:100%; bottom:0px}}
			@-webkit-keyframes slide_down_show_back
				{0% {opacity:0; height:0px; bottom:0px} 100% {opacity:0.8; height:100%; bottom:0px}}
			.slide_down_show .slide_text_center
				{animation:slide_down_show_txt 1s 1 0.6s forwards; -webkit-animation:slide_down_show_txt 1s 1 0.6s forwards;}
			@keyframes slide_down_show_txt
				{0% {opacity:1; top:-100%} 100% {opacity:1; top:0%}}
			@-webkit-keyframes slide_down_show_txt
				{0% {opacity:1; top:-100%} 100% {opacity:1; top:0%}}
			.slide_down_hide .text_fade_box
				{animation:slide_down_hide_back 1s 1 3s forwards; -webkit-animation:slide_down_hide_back 1s 1 forwards;}
			@keyframes slide_down_hide_back
				{0% {opacity:0.8; height:100%; bottom:0px} 100% {opacity:0; height:100%; bottom:0px}}
			@-webkit-keyframes slide_down_hide_back
				{0% {opacity:0.8; height:100%; bottom:0px} 100% {opacity:0; height:100%; bottom:0px}}
			.slide_down_hide .slide_text_center
				{animation:slide_down_hide_txt 0.5s 1 forwards; -webkit-animation:slide_down_hide_txt 0.5s 1 forwards;}
			@keyframes slide_down_hide_txt
				{0% {opacity:1; top:0%} 100% {opacity:0; top:-100%}}
			@-webkit-keyframes slide_down_hide_txt
				{0% {opacity:1; top:0%} 100% {opacity:0; top:-100%}}
	
		/* Pojawienie po najechaniu i ukrycie po opuszczeniu */	
			.effect_show_hide .slide_text_center
				{opacity:0; top:-100%}
			.effect_show_hide:hover .text_fade_box
				{animation:show_hide_back 0.5s 1 forwards; -webkit-animation:show_hide_back 0.5s 1 forwards;}
			@keyframes show_hide_back
				{0% {opacity:0; height:100%; top:0px} 100% {opacity:0.8; height:100%; top:0px}}
			@-webkit-keyframes show_hide_back
				{0% {opacity:0; height:100%; top:0px} 100% {opacity:0.8; height:100%; top:0px}}
			.effect_show_hide:hover .slide_text_center
				{animation:show_hide_txt 1s 1 0.2s forwards; -webkit-animation:show_hide_txt 1s 1 0.2s forwards;}
			@keyframes show_hide_txt
				{0% {opacity:1; top:-100%} 100% {opacity:1; top:0%}}
			@-webkit-keyframes show_hide_txt
				{0% {opacity:1; top:-100%} 100% {opacity:1; top:0%}}
			
		/* Wyjście z ukrycia */	
			.effect_show_view
				{opacity:0;}
			.effect_show_view .slide_text_center
				{opacity:0;}	
			.show_view_show
				{animation:show_view_show 2s 1 forwards; -webkit-animation:show_view_show 2s 1 forwards;}
			@keyframes show_view_show 
				{0% {opacity:0} 100% {opacity:1}}
			@-webkit-keyframes show_view_show
				{0% {opacity:0} 100% {opacity:1}}
			.show_view_show .text_fade_box
				{animation:show_view_show_back 1s 1 forwards; -webkit-animation:show_view_show_back 1s 1 forwards;}
			@keyframes show_view_show_back
				{0% {opacity:0; height:100%} 100% {opacity:0.8; height:100%}}
			@-webkit-keyframes show_view_show_back
				{0% {opacity:0; height:100%} 100% {opacity:0.8; height:100%}}
				
			.show_view_show .slide_text_center
				{animation:show_view_show_txt 2s 1 forwards; -webkit-animation:show_view_show_txt 2s 1 forwards;}
			@keyframes show_view_show_txt
				{0% {opacity:0; top:0%} 100% {opacity:1; top:0%}}
			@-webkit-keyframes show_view_show_txt
				{0% {opacity:0; top:0%} 100% {opacity:1; top:0%}}

	/* Dostosowanie boxów dynamicznych */
		.box_baner, .slide_dynamic
			{animation:slide_active_responsive 1s 1 forwards; -webkit-animation:slide_active_responsive 1s 1 forwards;}
		@keyframes slide_active_responsive
			{0% {width:100%; margin:0px;} 100% {width:100%; margin:0px;}}
		@-webkit-keyframes slide_active_responsive
			{0% {width:100%; margin:0px;} 100% {width:100%; margin:0px;}}
		.box_baner .slide_dynamic img
			{max-width: 70%; height: auto !important;}
		.baner_txt_extra img
			{max-width: 100%; height: auto !important; float:none !important; display:block !important; margin:0px auto !important; margin-top:3vh !important; margin-bottom:3vh !important;}
		.baner_txt_extra p
			{text-align:center;}
		

	/* Animacja banerów dynamicznych */
		.fade
			{animation:fade 1s 1 forwards;-webkit-animation:fade 1s 1 forwards;}
		@keyframes fade
			{0% {opacity:1; width:100%; margin:0px; min-height:40vh;} 100% {opacity:1; width:100%; margin:0px; min-height:40vh;}}
		@-webkit-keyframes fade
			{0% {opacity:1; width:100%; margin:0px; min-height:40vh;} 100% {opacity:1; width:100%; margin:0px; min-height:40vh;}}
	
		.right
			{animation:right 1s 1 forwards; -webkit-animation:right 1s 1 forwards;}
		@keyframes right
			{0% {opacity:0; left:-100%; width:100%; margin:0px; min-height:40vh;} 100% {opacity:1; left:0px; width:100%; margin:0px; min-height:40vh;}}
		@-webkit-keyframes right
			{0% {opacity:0; left:-100%; width:100%; margin:0px; min-height:40vh;} 100% {opacity:1; left:0; width:100%; margin:0px; min-height:40vh;}}
		
		.left
			{animation:left 1s 1 forwards; -webkit-animation:left 1s 1 forwards;}
		@keyframes left
			{0% {opacity:0; left:100%; width:100%; margin:0px; min-height:40vh;} 100% {opacity:1; left:0; width:100%; margin:0px; min-height:40vh;}}
		@-webkit-keyframes left
			{0% {opacity:0; left:100%; width:100%; margin:0px; min-height:40vh;} 100% {opacity:1; left:0; width:100%; margin:0px; min-height:40vh;}}
	
		/* Animacja pola tekstowego na banerze dynamicznym */
		.active .baner_txt
			{animation:baner_txt 1s 1 1s forwards; -webkit-animation:baner_txt 1s 1 1s forwards;}
		@keyframes baner_txt
			{0% {opacity:0;} 100% {opacity:1;}}
		@-webkit-keyframes baner_txt
			{0% {opacity:0;} 100% {opacity:1;}}

	/* Dostosowanie galerii */
		.gallery_central
			{animation:gallery_central 1s 1 forwards; -webkit-animation:gallery_central 1s 1 forwards;}
		@keyframes gallery_central
			{0% {width:100%; padding:0px} 100% {width:100%; padding:0px}}
		@-webkit-keyframes gallery_central
			{0% {width:100%; padding:0px} 100% {width:100%; padding:0px}}
		.box_gallery
			{width:25% !important; height:25vw !important;}

	/* Animacje obiektów na banerach */
		.fx_zoom_pulse:hover, .fx_zoom_pulse *:hover
			{animation:fx_zoom_pulse 0.5s infinite forwards; -webkit-animation:fx_zoom_pulse 0.5s infinite forwards;}
		@keyframes fx_zoom_pulse
			{0% {-webkit-transform: scale(1); transform: scale(1);} 50% {-webkit-transform: scale(1.1); transform: scale(1.1);} 100% {-webkit-transform: scale(1); transform: scale(1);}}
		@-webkit-keyframes fx_zoom_pulse
			{0% {-webkit-transform: scale(1); transform: scale(1);} 50% {-webkit-transform: scale(1.1); transform: scale(1.1);} 100% {-webkit-transform: scale(1); transform: scale(1);}}
			
		.fx_zoom:hover, .fx_zoom *:hover
			{animation:fx_zoom 0.5s 1 forwards; -webkit-animation:fx_zoom 0.5s 1 forwards;}
		@keyframes fx_zoom
			{0% {-webkit-transform: scale(1); transform: scale(1);} 100% {-webkit-transform: scale(1.1); transform: scale(1.1);}}
		@-webkit-keyframes fx_zoom
			{0% {-webkit-transform: scale(1); transform: scale(1);} 100% {-webkit-transform: scale(1.1); transform: scale(1.1);}}
			
		.fx_flash_pulse:hover, .fx_flash_pulse *:hover
			{cursor:default; animation:fx_flash_pulse 0.7s infinite forwards; -webkit-animation:fx_flash_pulse 0.7s infinite forwards;}
		@keyframes fx_flash_pulse
			{0% {opacity:1;} 50% {opacity:0.8;} 100% {opacity:1;}}
		@-webkit-keyframes fx_flash_pulse
			{0% {opacity:1;} 50% {opacity:0.8;} 100% {opacity:1;}}
			
		.fx_flash:hover, .fx_flash *:hover
			{animation:fx_flash 0.5s 1 forwards; -webkit-animation:fx_flash 0.5s 1 forwards;}
		@keyframes fx_flash
			{0% {opacity:0.5;} 100% {opacity:1;}}
		@-webkit-keyframes fx_flash
			{0% {opacity:0.5;} 100% {opacity:1;}}
			
		.fx_zoom_rotate:hover, .fx_zoom_rotate *:hover
			{animation:fx_zoom_rotate 1.2s 1 forwards; -webkit-animation:fx_zoom_rotate 1.2s 1 forwards;}
		@keyframes fx_zoom_rotate
			{0% {-webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);} 50% {-webkit-transform: scale(1.1) rotate(0deg); transform: scale(1.1) rotate(0deg);} 100% {-webkit-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg);}}
		@-webkit-keyframes fx_zoom_rotate
			{0% {-webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg);} 50% {-webkit-transform: scale(1.1) rotate(0deg); transform: scale(1.1) rotate(0deg);} 100% {-webkit-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg);}}
		
}


/*=================> STYLE dla monitórów o szerokości poniżej 600 px */
@media (max-width: 600px){	
	
	/*	 Menu z lewej strony */
	.mask_menu_left
		{width:100%;}			
	
	/* Zmiana menu */
	#box_menu_area
		{display:none}	
	.box_popup 
		{width:100%; min-height:100vh; max-height:100vh;}
	.arr_left, .arr_gal_left,
		{min-width:10vw; background-size: 10vw 10vw; min-height:inherit}
	.arr_right, .arr_gal_right,
		{min-width:10vw; background-size: 10vw 10vw; min-height:inherit}
	.gallery_popup 
		{padding:0px; width:100%; max-width:100%; height:100vh; max-height:100vh; background-size:100% auto; background-repeat:no-repeat; background-position:center;}
	.close
		{right:0; top:0; position:fixed; cursor:pointer; z-index:99999; width:10vw; height:10vw}	
	p
		{text-align:center; word-break: break-all;}
	
}
@media print{

	/* Dostosowanie obszarów drukowanych */
	*
		{display:block; width:100%; hright:auto; flaot:none}
	.box_baner_menu, .box_menu_area, .box_baner_footer, .box_menu_area_mobile
		{display:none;}
	.box_baner_content .slide_static
		{height:100%; overflow: hidden; display:block;}
	td
		{-webkit-print-color-adjust: exact;}
	img
		{zoom:30%; max-height:90vh; display:inline;}

}


/* 	EFEKTY ANIMACJI
	 *		Przejście 					0% {opacity:0} 100% {opacity:1}
	 *		Przejście + obrót		0% {opacity:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);} 100% {opacity:1; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	 *		Wjazd z lewej			0% {opacity:0; left:-100%;} 100% {opacity:1; left:0px;}
	 *		Wjazd z prawej		0% {opacity:0; left:100%} 100% {opacity:1; left:0}
	 * 		Wahadło					0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 50% {-webkit-transform: rotate(2deg); transform: rotate(2deg);} 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	 *		Zoom							0% {background-size:45vh} 100% {background-size:55vh}
	 * 		Błysk							0% {opacity:0.5} 100% {opacity:1}
*/

.se h1, .se h2, .se h3, .se p{margin: 15px 0;}
.se p {text-align:justify;}
.se ul {margin-left:30px;}
