/*=================>	STYLE dla URZĄDZEŃ MOBILNYCH **/
@media (max-device-width: 1000px){
	
	/*=================>	Orientacja pionowa*/	
	@media (orientation:portrait){
		
		
		/*Wyłączenie menu stacjonarnego*/
		.box_menu_area
			{display:none}
		
		.mobile_vertical_off
			{display:none}
		
		/*Aktywacja i style menu mobilnego*/
		.box_menu_area_mobile
			{position:relative; width:100%; height:15vw; display:block; background-image: url('data/files/layout/menu_background.png'); background-position:center; background-repeat: repeat;}
		.container_menu_mobile
			{position:fixed; display:flex; display: -webkit-flex; justify-content:center; align-items:center; -webkit-align-items: center; min-height:100vh; width:100vw;}
		.container_menu_mobile_inside
			{width:100%; text-align:center}
		.button_menu_popup_close
			{float:right; position:relative; z-index:99999; cursor: pointer; min-height:15vw !important}
		.reference_menu_mobile
			{display:block; margin: 0px auto; font-size:4vw; width:70%; padding:3vw 0vw 3vw 0vw; text-align:center;}
		.reference_menu_mobile:hover
			{display:block ; margin: 0px auto; font-size:4vw; width:70%; padding:3vw 0vw 3vw 0vw; text-align:center;}
		.box_slidemenu_mobile
			{position:relative; width:100%; display:none; z-index: 99999;}
		.box_slidemenu_mobile .reference_menu_mobile
			{text-align:left; opacity:1;}
		.logo_menu_mobile img
			{height:15vw; left:15vw; float:left; position:relative; z-index:9998}
		.button_menu_mobile
			{height:15vw; float:right; position:fixed; z-index:9999; left:0px}
		.facebook_menu_mobile img
			{height:15vw; float:right; position:relative; z-index:9998}
		.mask_mobile
			{opacity:0; position:fixed; background-repeat: repeat; background-position: top; z-index:99997; width:100%; min-height:10000px; display:block; left:-100%;}
	
		.button 
			{display:inline-block; padding: 5% 10% 5% 10%; 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: 5% 10% 5% 10%; 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}	
		.box_popup 
			{width:100%; min-height:100vh; max-height:100vh;}
		#popup_kontakt
			{min-width:100%}
		#button_check
			{font-size: 220%; padding:2vw}
		.arr_left
			{min-width:10vw !important; background-size: 10vw 10vw !important; min-height:inherit;}
		.arr_right
			{min-width:10vw !important; background-size: 10vw 10vw !important; min-height:inherit;}
		.arr_gal_left
			{min-width:10vw !important; background-size: 10vw 10vw !important; min-height:inherit; max-height:100vh;}
		.arr_gal_right
			{min-width:10vw !important; background-size: 10vw 10vw !important; min-height:inherit; max-height:100vh;}
		.gallery_popup 
			{padding:0px; width:100vw; max-width:100vw; height:100vh; max-height:100vh; background-size:90% auto; background-repeat:no-repeat; background-position:center;}
		.close, .close_popup
			{right:0; top:0; position:fixed; cursor:pointer; z-index:99999; width:10vw !important; height:10vw !important}
		.close_slide
			{right:0; top:0; position:absolute; cursor:pointer; z-index:9999; width:10vw !important; height:10vw !important; display:none}	
		.show_more
			{width:20%; cursor:pointer}
		.box_baner_menu
			{display:none}
		.box_menu_area_left, .mask_menu_left
			{display:none}
	
		.baner_txt_extra
			{max-width:100%;}
		.slide_text_center
			{font-size:200%; max-width:100%}
		.active .slide_text_center
			{font-size:150%}
		.box_popup_slide
			{width:100% !important}
			
			
		/*Dostosowanie boxów dynamicznych*/
		.box_baner, .slide
			{animation:slide_responsive 1s 1 forwards; -webkit-animation:slide_responsive 1s 1 forwards;}
		@keyframes slide_responsive
			{0% {width:100%; margin:0px;} 100% {width:100%; margin:0px;}}
		@-webkit-keyframes slide_responsive
			{0% {width:100%; margin:0px;} 100% {width:100%; margin:0px;}}
		
		.active .slide_text_center, active .slide_text_center img
			{animation:slide_active_responsive 1s 1 forwards; -webkit-animation:slide_active_responsive 1s 1 forwards;}
		@keyframes slide_active_responsive
			{0% {max-height:90vh; } 100% {max-height:90vh}}
		@-webkit-keyframes slide_active_responsive
			{0% {max-height:90vh} 100% {max-height:90vh}}
		
		.box_baner .slide_dynamic img
			{min-width: 20%; height: auto !important;}
		.baner_txt_extra img
			{min-width: 20%; height: auto !important; float:none !important; display:block !important; margin:0px auto !important; margin-top:3vh !important; margin-bottom:3vh !important;}
		.slide_static
			{border:0px none !important;}
		.slide_text_center img
			{min-width: 20%; height: auto !important; float:none !important; display:block !important; margin:0px auto !important; margin-top:3vh !important; margin-bottom:3vh !important;}
		
		.baner_txt_extra .x1, .box_baner .slide_dynamic .x1
			{zoom: 110%; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
		.baner_txt_extra .x2, .box_baner .slide_dynamic .x2
			{zoom: 120%; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
		.baner_txt_extra .x3, .box_baner .slide_dynamic .x3
			{zoom: 130%; -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3);}
		.baner_txt_extra .x4, .box_baner .slide_dynamic .x4
			{zoom: 140%; -moz-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4);}
		.baner_txt_extra .x5, .box_baner .slide_dynamic .x5
			{zoom: 150%; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);}
		.baner_txt_extra .x6, .box_baner .slide_dynamic .x6
			{zoom: 160%; -moz-transform: scale(1.6); -webkit-transform: scale(1.6); transform: scale(1.6);}
		.baner_txt_extra .x7, .box_baner .slide_dynamic .x7
			{zoom: 170%; -moz-transform: scale(1.7); -webkit-transform: scale(1.7); transform: scale(1.7);}
		.baner_txt_extra .x8, .box_baner .slide_dynamic .x8
			{zoom: 180%; -moz-transform: scale(1.8); -webkit-transform: scale(1.8); transform: scale(1.8);}
		.baner_txt_extra .x9, .box_baner .slide_dynamic .x9
			{zoom: 190%; -moz-transform: scale(1.9); -webkit-transform: scale(1.9); transform: scale(1.9);}
		.baner_txt_extra .x10, .box_baner .slide_dynamic .x10
			{zoom: 200%; -moz-transform: scale(2); -webkit-transform: scale(2); transform: scale(2);}
		.baner_txt_extra .full, .box_baner .slide_dynamic .full
			{min-width: 100%; height: auto !important; float:none !important;}
		
			
		/*Animacja banerów dynamicznych*/
		.fade
			{animation:fade 2s 1 forwards; -webkit-animation:fade 2s 1 forwards;}
		@keyframes fade
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
		@-webkit-keyframes fade
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
			
		.right
			{animation:right 1s 1 forwards; -webkit-animation:right 1s 1 forwards;}
		@keyframes right
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
		@-webkit-keyframes right
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
		
		.left
			{animation:left 1s 1 forwards; -webkit-animation:left 1s 1 forwards;}
		@keyframes left
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
		@-webkit-keyframes left
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
			
			
		/*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:cover} 100% {opacity:1; width:100%; margin:0px; background-size:cover}}
		@-webkit-keyframes back_width
			{0% {opacity:0; width:100%; margin:0px; background-size:cover} 100% {opacity:1; width:100%; margin:0px; background-size:cover}}
		
		.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:cover} 100% {opacity:1; width:100%; margin:0px; background-size:cover}}
		@-webkit-keyframes back_orginal
			{0% {opacity:0; width:100%; margin:0px; background-size:cover} 100% {opacity:1; width:100%; margin:0px; background-size:cover}}
			
		.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: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:cover; background-attachment:fixed;} 100% {opacity:1; width:100%; margin:0px; background-size:cover; background-attachment:fixed;}}
		@-webkit-keyframes extra_slide_zoom
			{0% {opacity:0; width:100%; margin:0px; background-size:cover; background-attachment:fixed;} 100% {opacity:1; width:100%; margin:0px; background-size:cover; background-attachment:fixed;}}
		
		.text_fade_box
			{opacity:0.7 !important; height:100% !important}
		.slide_text_center
			{opacity:1 !important; top:0px !important;}
			
		/* 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;}
			
	}
	
	
	/*=================>	Orientacja pozioma*/	
	@media (orientation:landscape){
		
		.mobile_orizontal_off
			{display:none}
					
		/* Menu */
		.box_menu_area
			{display:none}
		.box_menu_area_mobile
			{position:relative; width:100%; height:8vw; display:block; ; background-image: url('data/files/layout/menu_background.png'); background-position:center; background-repeat: repeat;}
		.container_menu_mobile
			{position:fixed; display:flex; display: -webkit-flex; justify-content:center; align-items:center; -webkit-align-items: center; height:100%; width:50vw; overflow-y: auto}
		.container_menu_mobile_inside
			{width:100%; text-align:center}
		.button_menu_popup_close
			{float:right; position:relative; z-index:99999; cursor: pointer; height:15vw}
		.reference_menu_mobile
			{display:block; margin: 0px auto; font-size:2vw; width:65%; padding:1.3vw 0vw 1.3vw 0vw; text-align:center;}
		.reference_menu_mobile:hover
			{display:block ; margin: 0px auto; font-size:2vw; width:65%; padding:1.3vw 0vw 1.3vw 0vw; text-align:center;}
		.box_slidemenu_mobile
			{position:relative; width:50%; display:none; z-index: 99999;}
		.box_slidemenu_mobile .reference_menu_mobile
			{text-align:left; opacity:1;}	
		.logo_menu_mobile img
			{height:8vw; left:8vw; float:left; position:relative; z-index:9998}
		.button_menu_mobile
			{height:8vw; float:right; position:fixed; z-index:9999; left:0px}
		.button_menu_mobile_close
			{height:8vw; float:right; position:absolute; z-index:99999}
		.facebook_menu_mobile img
			{height:8vw; float:right; position:relative; z-index:9998}
		.kontakt_menu_mobile
			{height:8vw; float:right; position:relative; z-index:9998}
		.mask_mobile
			{opacity:0; position:fixed; background-repeat: repeat; background-position: top; z-index:99997; width:50vw; height:10000px; display:block; left:-100%;}
		
		.box_popup 
			{width:100%; min-height:100vh; max-height:100vh;}
		#button_check
			{font-size: 220%; padding:2vw}
		.arr_left
			{min-width:10vw !important; background-size: 10vw 10vw !important; min-height:inherit;}
		.arr_right
			{min-width:10vw !important; background-size: 10vw 10vw !important; min-height:inherit;}
		.arr_gal_left
			{min-width:10vw !important; background-size: 10vw 10vw !important; min-height:inherit; max-height:100vh;}
		.arr_gal_right
			{min-width:10vw !important; background-size: 10vw 10vw !important; min-height:inherit; max-height:100vh;}
		.gallery_popup 
			{padding:0px; width:100vw; max-width:100vw; height:100vh; max-height:100vh; background-size:auto 100%; background-repeat:no-repeat; background-position:center;}
		.close, .close_popup
			{right:0; top:0; position:fixed; cursor:pointer; z-index:99999; width:8vw; height:8vw}
		.show_more
			{width:15%; cursor:pointer}
		.box_baner_menu
			{display:none}
		.box_menu_area_left, .mask_menu_left
			{display:none}
		.baner_txt_extra img
			{max-width: 30%; height: auto !important;}
		.box_popup_slide
			{width:100% !important}
		
		/*Dostosowanie boxów dynamicznych*/
		.box_baner, .slide
			{animation:slide_responsive 1s 1 forwards; -webkit-animation:slide_responsive 1s 1 forwards;}
		@keyframes slide_responsive
			{0% {width:100%; margin:0px;} 100% {width:100%; margin:0px;}}
		@-webkit-keyframes slide_responsive
			{0% {width:100%; margin:0px;} 100% {width:100%; margin:0px;}}
		
		.active .slide_text_center, active .slide_text_center img
			{animation:slide_active_responsive 1s 1 forwards; -webkit-animation:slide_active_responsive 1s 1 forwards;}
		@keyframes slide_active_responsive
			{0% {max-height:90vh; } 100% {max-height:90vh}}
		@-webkit-keyframes slide_active_responsive
			{0% {max-height:90vh} 100% {max-height:90vh}}
		
		.box_baner .slide_dynamic img
			{min-width: 20%; height: auto !important;}
		.baner_txt_extra img
			{min-width: 20%; height: auto !important; float:none !important; display:block !important; margin:0px auto !important; margin-top:3vh !important; margin-bottom:3vh !important;}
		.slide_static
			{border:0px none !important;}
		.slide_text_center img
			{min-width: 20%; height: auto !important; float:none !important; display:block !important; margin:0px auto !important; margin-top:3vh !important; margin-bottom:3vh !important;}
		
		.baner_txt_extra .x1, .box_baner .slide_dynamic .x1
			{zoom: 110%; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
		.baner_txt_extra .x2, .box_baner .slide_dynamic .x2
			{zoom: 120%; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
		.baner_txt_extra .x3, .box_baner .slide_dynamic .x3
			{zoom: 130%; -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3);}
		.baner_txt_extra .x4, .box_baner .slide_dynamic .x4
			{zoom: 140%; -moz-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4);}
		.baner_txt_extra .x5, .box_baner .slide_dynamic .x5
			{zoom: 150%; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5);}
		.baner_txt_extra .x6, .box_baner .slide_dynamic .x6
			{zoom: 160%; -moz-transform: scale(1.6); -webkit-transform: scale(1.6); transform: scale(1.6);}
		.baner_txt_extra .x7, .box_baner .slide_dynamic .x7
			{zoom: 170%; -moz-transform: scale(1.7); -webkit-transform: scale(1.7); transform: scale(1.7);}
		.baner_txt_extra .x8, .box_baner .slide_dynamic .x8
			{zoom: 180%; -moz-transform: scale(1.8); -webkit-transform: scale(1.8); transform: scale(1.8);}
		.baner_txt_extra .x9, .box_baner .slide_dynamic .x9
			{zoom: 190%; -moz-transform: scale(1.9); -webkit-transform: scale(1.9); transform: scale(1.9);}
		.baner_txt_extra .x10, .box_baner .slide_dynamic .x10
			{zoom: 200%; -moz-transform: scale(2); -webkit-transform: scale(2); transform: scale(2);}
		.baner_txt_extra .full, .box_baner .slide_dynamic .full
			{min-width: 100%; height: auto !important; float:none !important;}
		
		/*Animacja banerów dynamicznych*/
		.fade
			{animation:fade 2s 1 forwards; -webkit-animation:fade 2s 1 forwards;}
		@keyframes fade
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
		@-webkit-keyframes fade
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
			
		.right
			{animation:right 1s 1 forwards; -webkit-animation:right 1s 1 forwards;}
		@keyframes right
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
		@-webkit-keyframes right
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
		
		.left
			{animation:left 1s 1 forwards; -webkit-animation:left 1s 1 forwards;}
		@keyframes left
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
		@-webkit-keyframes left
			{0% {opacity:1; width:100%; margin:0px} 100% {opacity:1; width:100%; margin:0px}}
			
			
		/*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}}
		
		.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}}
			
		.text_fade_box
			{opacity:0.7 !important; height:100% !important}
		.slide_text_center
			{opacity:1 !important; top:0px !important;}
			
		/* 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;}
		
			
	}
	
	
	/*		=================>	Orientacja uniwersalna */		
	
		#square_actual_slide
			{display:none}
		.reference_menu_mobile_active	
			{font-weight:600;color:#FFFFFF;}
		.cookie_bar_info
			{color:#333333; text-align:center; font-size:2.8vw; margin:0px}
		#box_menu_area
			{display:none;}
		.box_menu_area_mobile
			{display:block;}
		#p_infotip
			{font-size:2vw}
		.footer_info_text
			{font-size: 120%;}
		.pan_log
			{display: none}
		
		/*	Wyjazd menu z lewej strony */
		.right_menu_mobile
			{animation:right_menu_mobile 1s 1 forwards; -webkit-animation:right_menu_mobile 1s 1 forwards;}
		@keyframes right_menu_mobile
			{0% {opacity:0; left:-100%} 100% {opacity:1; left:0}}
		@-webkit-keyframes right_menu_mobile
			{0% {opacity:0; left:-100%} 100% {opacity:1; left:0}}
	
		/*	Ukrywanie menu po kliknięciu w przycisk close */
		.left_menu_mobile
			{animation:left_menu_mobile 0.5s 1 forwards; -webkit-animation:left_menu_mobile 0.5s 1 forwards;}
		@keyframes left_menu_mobile
			{0% {opacity:1; left:0} 100% {opacity:0; left:-100%}}
		@-webkit-keyframes left_menu_mobile
			{0% {opacity:1; left:0} 100% {opacity:0; left:-100%}}
		
		/*	Aktywacja podmenu podstron skojarzonych */
		.box_slidemenu_mobile_active
			{display:block; animation:box_slidemenu_mobile_active 0.5s 1 forwards; -webkit-animation:box_slidemenu_mobile_active 0.5s 1 forwards;}
		@keyframes box_slidemenu_mobile_active
			{0% {margin-top:-100px; opacity:0;} 100% {margin-top:0px; opacity:1;}}
		@-webkit-keyframes box_slidemenu_mobile_active 
			{0% {margin-top:-100px; opacity:0;} 100% {margin-top:0px; opacity:1;}}
		
		/*Dociąganie strzałki lewej*/
		.arr_left
			{animation:arr_left 1s 1 forwards; -webkit-animation:arr_left 1s 1 forwards;}
		@keyframes arr_left
			{0% {left:0} 100% {left:0}}
		@-webkit-keyframes arr_left
			{0% {left:0} 100% {left:0}}
		
		/*Dociąganie strzałki prawej*/
		.arr_right
			{animation:arr_right 1s 1 forwards; -webkit-animation:arr_right 1s 1 forwards;}
		@keyframes arr_right
			{0% {right:0} 100% {right:0}}
		@-webkit-keyframes arr_right
			{0% {right:0} 100% {right:0}}
		
}