body {padding-top: 90px;}
#supercont{padding: 8px 18%}

#przeslaniacz{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background:#000; z-index: 65551}

.th_link{border:1px solid black; position: absolute; top: 5px; right: 5px; z-index: 151; display: block; background: #fff; 	
         opacity: 0;
         filter: alpha(opacity=0);
         }

.turntosearch{cursor: pointer; position: relative}
/* menu */
	#bk_navigate_container {position: fixed; top: 0px; left: 0px; width: 100%; height: 60px; background-color: #222222;z-index: 900}
	#bk_localmenu{position: absolute; bottom: 0px; left: 0px; width: 100%; height: 26px; background-color: #000;}
	#bk_logo{display: block; border: 0px; height: 60px; width: 60px; background: url(../images/bk_logo.jpg) center center; position: absolute; top: 0px; left: 0px;z-index: 65590;
	         background-size: cover;}
	
	#bk_btt_smallmenu{display: none; border: 0px; height: 34px; width: 44px; background: url(../images/btt_smallmenu.png) 0 0; 
									  position: absolute; top: 25px; right: 20px;z-index: 250; cursor: pointer}
	
	.bk_menu { display: block; font-size: 14px; float: left; color: #ccc; margin: 4px 50px 0 0; text-decoration: none !important; cursor: pointer;} /* color: #7F8A8A */
	.bk_menu:hover {color: #fff}
	.bk_frstmenu{margin-left: 100px}
	
	#temp-info{color: #CCC; font-size: 18px; position: absolute; top: 19px; right: 280px;}
	#temp-info_for_small {display: none;}
	
	#bk_social_bar{display: block; border: 0px; height: 32px; width: 200px; position: absolute; top: 15px; right: 30px;}
	  .bk_social_facebook{display: block; width: 30px; height: 30px; background: url(../images/bk_social.png) 0px 0px; position: absolute; top: 0px; left:0px}
	  .bk_social_twitter {display: block; width: 30px; height: 30px; background: url(../images/bk_social.png) 90px 0px; position: absolute; top: 0px; left:50px}
	  .bk_social_youtube {display: block; width: 30px; height: 30px; background: url(../images/bk_social.png) 60px 0px; position: absolute; top: 0px; left:100px}
	  .bk_social_google  {display: block; width: 30px; height: 30px; background: url(../images/bk_social.png) 30px 0px; position: absolute; top: 0px; left:150px}
	
	  .bk_social_facebook:hover{background: url(../images/bk_social.png) 0px 30px; }
	  .bk_social_twitter:hover {background: url(../images/bk_social.png) 90px 30px; }
	  .bk_social_youtube:hover {background: url(../images/bk_social.png) 60px 30px; }
	  .bk_social_google:hover  {background: url(../images/bk_social.png) 30px 30px; }
		
	#bk_btt_naszeprodukty{display: block; border: 0px; height: 40px;  position: absolute; top: 15px; left: 90px; color: #fff; cursor: pointer
						   width: 350px; font-size: 20px; }
												
	.bk_separator {display: block; height: 7px ; width:150px ; background-color: #B08A43; border: 0px; margin: 25px 0px ; clear: both;}
							

	/* smallmenu*/
	#bk_panel_smallmenu {position: fixed; top: 85px; left: 0px; width: 100%;z-index: 65590; display: none; background: #000; }
	.bk_small_menu {display: block; width: 100%; height: 50px; text-align: center; font-size: 20px; text-decoration: none; 
	               border-bottom: 1px solid #222; clear: both; color: #fff; padding-top: 10px}
	.bk_small_menu:hover {text-decoration: none; color: #B08A43}
	
	
	
/* slider */
#bk_slider{margin: 0; padding: 0px}/* margin: -20px 0 0 0 */
  .sl-bar-it{border-color:#fff !important; background:#fff !important; padding: 0 10px !important; display: block}
	
  .bk_item_cont{border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 2px solid #999; border-bottom: 2px solid #999; display: block}
  .bk_item_txt1{font-size: 15px; margin: 10px; line-height: 100%; color: #828A8A}
  .slider_small_spacer{background: #B08A43; margin: 10px ; width: 70%; height: 1px; padding-left:5px}
	.bk_item_txt2{font-size: 11px;  margin: 10px; line-height: 100%; color: #999;}

    .bk_promo_txt {width: 90%; float:right; text-align: right; padding-bottom: 10px}
	
    /*
	.bk_fst_line{font-size: 50px; display: block; width: 70%; margin: 0px; padding: 0px; background: url(../images/bg_transparent.png)} 
	.bk_scn_line{font-size: 25px; display: block; width: 60%; margin: 0px; padding: 0px; background: url(../images/bg_transparent.png)} 
	.spacer_slider{margin: 5px 0px; padding: 0px}
	*/
	
    .bk_fst_line{font-size: 45px; display: block; width: 100%; margin: 0 0px 0 0; padding: 0px; background: url(../images/bg_transparent.png); float:right; text-align: left} 
	.bk_scn_line{font-size: 25px; display: block; width: 100%; margin: 0 0px 0 0;; padding: 0px; background: url(../images/bg_transparent.png); float:right; text-align: left}
	
	.spacer_slider{ padding: 0px; width: 50%; float:left; text-align: right; margin: 5px 10px !important }
	
	/** animowane buttony **/

.animated-bttn{background: #B08A43}
.animated_bg_promo{position: absolute; bottom: 0px; left: 0px; width: 0px; height: 65px; background: #CA9E4D}

.text_on_bg{display: block; color: #fff; text-align: left; font-size: 25px; margin-left: 1px; float: left;
			position: relative; top: 50%; transform: translateY(-50%);  
			 -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
			font-family: 'Righteous', Arial; line-height: 100%;}
.text_on_bg2{display: block; color: #fff; text-align: right; font-size: 45px; margin-right: 1px; float: right;
			position: relative; top: 50%; transform: translateY(-50%);  
			 -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
			font-family: 'Righteous', Arial; line-height: 100%;}


#bk_btt_for_small{display: none;margin: 5px}
#bk_btt_for_small_img{width: 100%}
	

.btt-metryka{width:100%; height: 65px; margin-bottom: 5px; position: relative; background: #B08A43; float: right;}
.animated_bg_metr{position: absolute; top: 0px; left: 0px; width: 0px; height: 65px; background: #CA9E4D}		
.text_on_bg3{display: block; color: #fff; text-align: left; font-size: 25px; margin-left: 20px; float: left; max-width: 80%;
			position: relative; top: 50%; transform: translateY(-50%);  
			 -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
			font-family: 'Righteous', Arial; line-height: 100%;}
.text_on_bg4{display: block; color: #fff; text-align: right; font-size: 45px; margin-right: 20px; float: right;
			position: relative; top: 50%; transform: translateY(-50%);  
			 -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
			font-family: 'Righteous', Arial; line-height: 100%;}

.btt-metryka_over{width:100%; height: 65px; margin-bottom: 5px; position: relative; background: #000; float: right;}
.text_on_bg3_over{display: block; color: #B08A43; text-align: center; font-size: 25px; float: none;;
			position: relative; top: 50%; transform: translateY(-50%);  
			 -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
			font-family: 'Righteous', Arial; line-height: 100%;}		
/* searcher */


#wyszukiwarka {
	width: 100%;
	position: fixed; top: 60px; left: 0px; width: 100%; background-color: #222222;z-index: 910;
	background: #222222;
	margin: 0; padding: 0;
	}

	.bk_main_txt {color: #fff; font-size: 40px; display: block; margin: 0; padding: 0}
	.bk_search_info {font-size: 16px; color: #ddd}
	
	#bk_user_cont{ width: 100%; margin: 0; padding: 0 50px 0 0;}
	.bk_user_inf1{ display: block; margin: 0 auto; color:#fff; font-size: 16px; padding: 14px 0}
	.bk_user_inf1_1{ display: block; margin: 0 auto; color:#fff; font-size: 19px; padding: 10px 0}
	.bk_user_inf2{ color:#B08A43; }
	.bk_user_inf3{ color:#9FA6A6; }
					
	.search_inp {width: 67%; float: left; height: 40px; background: #fff; text-align: center; border: 0px; font-size: 16px;}
	
	.btt_szukaj {border: 0px; width: 33%; height: 40px; background: #B08A43; cursor: pointer; position: relative; padding: 0; margin: 0; 
	display: inline-block ; text-align: center; color: #fff; font-size: 18px; padding-top: 12px; } 
	
	.animated_bg_szukaj{position: absolute; top: 0px; left: 0px; width: 0px; height: 55px; background: #CA9E4D}
	
     .txt_szukaj {display: block; color:#fff; font-size:25px;  position: relative; 
	               top: 50%; transform: translateY(-50%);  
			      -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
			      line-height: 100%;} 
	.pion-poz {position: relative;  top: 50%; transform: translateY(-50%);  
			   -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}

/* wyszukiwarka popup */

    #wyszukiwarka_przeslaniacz {position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 100000; display: none; }
	#popup-body-searcher {background: #000; margin: 40vh auto 0; width: 50%; padding: 50px; position: relative}
   	.popup-body-desc {color: #fff; font-size: 25px; font-family: 'Righteous', Arial; padding: 0 0 20px 0}
    .closebox_popup{ position: absolute; top: 20px; right: 20px; cursor: pointer; color: #fff; font-size: 20px;}

/* mapa */
	#bk_mapa {width: 100%;background-color: #fff;}
	.bk_img_partner{display: block; border: 5px #aaa solid; clear: both; float: none; margin: 0px auto 5px auto; 
	 overflow: hidden; cursor: pointer; position: relative;}
	.activ_partner{border: 5px #B08A43 solid; overflow: hidden}
	.klik {position: absolute; bottom: 0; left: 0; width: 100%;display: none;}
	#mapa {border: 1px solid #000; margin: 0 10px}
	
	/* .img_promo{width: 100%; height: 100%} */

	.opis_poz{display: block; color: #aaa; text-align: center; 
							 position: relative; top: 50%; transform: translateY(-50%);  
						 -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
						 font-family: 'Righteous', Arial; line-height: 100%;
						 }
						 
	.zachetka{ width: 100%; height:100%; background-color: rgba(0,0,0,0.8); position: absolute; top:-100%; left: 0px; transition: ease 0.5s; font-size: 20px; line-height: 90%;}
	.zachetka:after{display: block; margin: 20px auto; content: "KLIKNIJ ABY ZOBACZYĆ WIĘCEJ"; color: #fff; width: 90%;
					text-align: center; font-family: 'Righteous', Arial;
	                position: relative; top: 70%; transform: translateY(-50%);  
					-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}	
	
	.bk_img_partner:hover .zachetka { top:0px;}
		
/* metryka */
	#bk_metryka {width: 100%; min-height: 1px; background-color: #222222; position: relative;}
		.bk_cmp_foto{width: 100%; margin-bottom: 2%; position: relative;}
		#bk_cmp_foto_img{width: 100%;}
		
	  .bk_nazwafirmy{color:#fff; font-size: 30px}
		.bk_malynaglowek{color:#B08A43; font-size: 18px}
		.bk_adres{color:#eee; font-size: 18px}
		.bk_opisfirmy{color:#eee; font-size: 14px}
		.bk_buttonarea{float: right; clear: both; margin: 5px 0 0 5px; width: 100%}
		
		#mapa2 {border: 1px solid black; background: gray; margin:0;}
	
		#bk_cmp_slider{width: 100%; height: 210px; overflow: hidden; position: relative; margin: 20px 0px 0 0px;}
		#bk_cmp_left {position: absolute; top: 0px; left: 0px; height: 150px; color: #fff; font-size: 20px; z-index: 100; cursor: pointer}
		#bk_cmp_right{position: absolute; top: 0px; right: 0px;  height: 150px; color: #fff; font-size: 20px;  z-index: 101; cursor: pointer}
		
		#bk_cmp_cont {position: absolute; left: 0px; padding: 0; margin: 0}
		#bk_cmp_cont ul {list-style-type: none; white-space: nowrap; padding: 0; display: block; margin: 0 auto}
		#bk_cmp_cont ul li {display: inline-block;; padding: 0; margin: 0 5px}
		.bk_cmp_img{width: 159px; height: 207px}

		#pokaz_trase{cursor: pointer}
		#pokaz_oferta{cursor: pointer}
		
	 #bk_map_cont{position: relative;}
	 #bk_cmp_info{height: auto; overflow: hidden}
     .pozycje-w-sliderze{float: left; margin: 5px;}
	
	/* przewijalny slider */
	.nag_slider_item {cursor: pointer;}
	
	#prod-item-layer {display: none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.7); top: 0; left: 0; z-index: 2500}
	
	.prod-item-container {border-radius: 20px; background: #fff; text-align: center; position: relative; }
	.prod-item-photo {}
	.prod-item-desc {display: block; padding: 18px; text-align: left; padding-right: 60px; height: 70px; font-size: 12px; color:#666666; 
	overflow: hidden; text-overflow: ellipsis; position: relative;}
	.prod-item-closebox {width: 50px; height: 50px; cursor: pointer; position: absolute; top:20px; right: 20px; font-size: 30px; z-index: 55000;}
	
	#left-click,
	#right-click{position: absolute; top: 0px; background-color: rgba(255,255,255,0.5); cursor: pointer;}
	
	#left-click span,
	#right-click span{ top: 50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
	              color: #fff; font-size: 40px;}	
	
    .menu_pos{position: absolute; bottom: 0px; left:0px; width: 100%; height: 100px;}
	.to_print{position: absolute; bottom: 25px; left:25px;}
	.to_save{position: absolute; bottom: 25px; right:25px;}
	.ico {display:block; width: 80px; height: 80px; background: #333; color: #fff; border-radius: 15%;
		 font-size: 26px; text-align: center; transition: ease 0.5s; padding: 5px;}
	.ico span {display:block; color: #fff; line-height: 40px;}
	.ico:hover span{color: #333;}
	.ico:hover  {background: #fff; text-decoration: none;}
	.ico-txt {color:#fff; font-size: 15px; font-family: 'Righteous', Arial; 
	           display: block; margin: 5px auto; cler: both;}
	.ico:hover .ico-txt{color: #333;}
	
/* ikony w metryce */
.ico_panel{color:#fff; font-size: 28px; font-family: 'Righteous', Arial; background-color: #B08A43; padding: 5px 10px 5px 10px; float: left; margin: 5px}
.ico_panel_rev{color:#B08A43; font-size: 28px; font-family: 'Righteous', Arial; background-color: #fff; padding: 5px 10px 5px 10px; float: left; margin: 5px}
#ikona_nagrobkow{cursor: pointer}

/* wspolpracujace */
	#bk_wspolpracujace {width: 100%;background-color: #fff;}
	.bk_coop_item {display: block; color: #aaa; text-align: center; font-size: 12px;
							 position: relative; top: 50%; transform: translateY(-50%);  
						 -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
						 }

/* partnerzy */
	#bk_partnerzy {width: 100%; background-color: #fff;}
	#slider_limiter{width: 100%; overflow: hidden; height: 120px;}
	.any-class li a img {margin: 0 0px; height: 120px; width: 150px}
	.part_sld {overflow: hidden; float: left; width: 230px; height: 120px;}
	
/* artykuly */
   .artykul_short{margin: 10px 20px}
   .artykul_a{color: #666; text-decoration: none;}
   .artykul_a:hover{color: #000; text-decoration: none;}
/* footer */
	#bk_stopka {width: 100%; min-height: 350px; background-color: #222222;}
	
	#bk_socjal_footer{width: 100%; height: 45px; margin: 0 0; position: relative} 
	 #bk_socjal_footer_subcon{display: block; height: 30px; width: 200px; position: absolute; top: 15px; right: 30px;} 
	
	#bk_info{}
	#bk_copyright{width: 100%; height: 50px; color: #666;  text-align: right; font-size: 12px; display: block; text-decoration: none; color: #666}
    #bk_copyright:hover{color: #fff}

	.bk_ft_collaps{display: block; color: #818A8A; font-size: 13px; text-decoration: none; 
	               background: url(../images/arr_foot.png) left center no-repeat; padding-left: 20px}
	.bk_ft_collaps:hover{color: #fff; text-decoration: none}
	.bk_ft_collaps:visited{color: #818A8A; text-decoration: none}
	.bk_ft_collaps:focus{color: #818A8A; text-decoration: none}
	
	.bk_foot_para{color: #666; font-size: 10px; display: block; margin: 5px 0 0 20px}
	

	.ft_menu {font-size: 14px; color: #CCC; text-decoration: none; display: block; margin: 0 0 30px 0}
	.ft_menu:hover {font-size: 14px; color: #fff; text-decoration: none; display: block; margin: 0 0 30px 0}
	 
	 
/* produkty */
	#bk_panel_zacheta {position: fixed; top: 60px; left: 100px; z-index: 1010; cursor: pointer; display: none; border: 3px solid black}  /* width: 260px; height: 346px; */
	#bk_panel_naszeprodukty {position: fixed; top: 65px; left: 0px;z-index: 1000; display: none} /* position: absolute; */
	#bk_container_naszeprodukty {width: 90%; margin: 0px 85px; background: #000; padding: 1px 0 10px 0; position: relative; }
	#bk_closer_panel{position: absolute; right: 0px; top: 0px; color: #fff; font-size: 14px; padding-left: 20px; margin: 5px 10px; 
	                 background: url(../images/arr_up.png) left center no-repeat; z-index: 1500; cursor: pointer}
					 
	.bk_closer_panel_full{color: #fff; font-size: 18px; margin: 0px auto; width: 99%; background-color: #000; border-top: 1px solid #999; border-bottom: 1px solid #999;
                          text-align: center; clear: both; float: none; cursor: pointer}
	
	.bk_naszprodukt_item {display: block; margin: 30px 10px 0px 10px; float: left; overflow: hidden; text-decoration: none;}
	.bk_naszprodukt_item:hover {text-decoration: none;}
	.bk_naszprodukt_item_img {border: 0px; width: 106px; height: 148px }
	.bk_naszprodukt_item_opis {display: block; border-left: 5px solid #B08A43; width: 100px; overflow: hidden; margin: 5px 0;
		              font-size: 12px; line-height: 100%; color: #fff; text-decoration: none; padding-left: 5px ; min-height: 35px; max-height: 35px;}
	 
	/* ******** */
	.bk_head_txt{font-size: 35px; color: #202020; display: block; margin: 0 0 35px 0}
	.bk_fontext{font-family: 'Righteous', Arial;}
	.bk_container{width: 90%; margin: 0px auto; padding: 20px 0px 30px 0px;}
	.bk_over{overflow: auto}
	
	.btt_1{width: 100%; margin: 0 0 10px 0}
	.btt_2{width: 100%}
	
	.article_link{font-size: 16px; color: #000; text-decoration: none;}
	.article_link:hover{color: #004080; text-decoration: none;}			
	
	.dateautor_info {display: block; width: 100%; font-size: 11px; font-style: italic; text-align: right; padding: 0; margin: 0}
	
	.bk_fontext {font-family: 'Righteous', Arial;}
	.marg5 {margin-bottom: 5px}
	.marg25 {margin-bottom: 25px}
	.separator-stand{width: 100%; height:1px; margin: 0px; clear: both;}
	
	
@media screen and (max-width: 540px) {

.prod-item-desc {font-size: 10px}
	
body {padding-top: 179px;}
#supercont{padding:0}
#temp-info{display: none}
#temp-info_for_small {display: block; font-size: 18px; color: #666; width: 100%; text-align: center; margin: 10px 0 5px 0}
	
/* produkty */
	#bk_panel_naszeprodukty {}
	#bk_container_naszeprodukty {margin: 5px}

/*naglowek */
#bk_localmenu{display: none}
#bk_social_bar{display: none;}
#bk_btt_naszeprodukty{display: none;}
#bk_btt_smallmenu{display: block;}
.pointer{display: none} 
#bk_btt_for_small{display: block}

#bk_user_cont{ width: 100%; margin: 0; padding: 0 0 0 0;}

/* slider */
.carousel-control{display: none;} 
#bk_slider_nav{display: none;}
  .spacer_slider{display: none}
	.bk_fst_line{font-size: 18px;  line-height: 100%;}
	.bk_scn_line{display: none;}
	
.bk_promo_txt {width: 100%; float:right; text-align: left; padding-bottom: 0px; margin-bottom: -60px; margin-left: 0px}
			
/*searcher */

.bk_user_inf1{ font-size: 11px; padding: 10px 0; border: 0px;}
.bk_user_inf1_1{ font-size: 12px; padding: 15px 0}
	
.search_inp {font-size: 15px; border: 0px;}
.btt_szukaj {font-size: 15px; padding-top: 10px}

#popup-body-searcher {background: #000; margin: 40vh auto 0; width: 90%; padding: 15px; position: relative}
.popup-body-desc {color: #fff; font-size: 18px; font-family: 'Righteous', Arial; padding: 0 0 15px 0}
.closebox_popup{ position: absolute; top: 10px; right: 10px; cursor: pointer; color: #fff; font-size: 20px;}	

/* mapa */
.zachetka:after{top: 40%;}	

/*metryka */
.bk_nazwafirmy{font-size: 20px}
.bk_malynaglowek{font-size: 16px}
.bk_adres{color:#eee; font-size: 13px}
.bk_opisfirmy{color:#eee; font-size: 12px}


	.text_on_bg3{margin-left:10px;	}
	.text_on_bg3{font-size:16px;	 }
	.text_on_bg4{margin-right:10px;	}
	.text_on_bg4{font-size:40px;	}

.bk_buttonarea{margin: 5px 0 0 0px;}

/* ikony w metryce */
.ico_panel{ font-size: 16px; font-family: 'Righteous', Arial;padding: 5px 0px 5px 0px; float: none; width: 100%; text-align: center}
	
/* ******** */
.bk_head_txt{font-size: 25px; margin: 10px 0 25px 0}
.bk_container{padding: 15px 0px 15px 0px}

/****/
/* kontakt */
/******/

.small-cont{font-size: 14px !important;}
.larg-cont{font-size: 19px !important;}

}


@media screen and (min-width: 541px) and (max-width: 767px) {
body {padding-top: 193px;}
#supercont{padding:0}
/*menu*/
#temp-info{color: #CCC; font-size: 11px;  top: 38px;  left: 92px;} /* top: 40px;  */

/*naglowek */
.bk_menu {margin-right: 35px;}
#bk_btt_naszeprodukty{width: 300px; font-size: 16px; }

/*slider */
//.carousel-control{display: none;}
.sl-bar-it{padding: 0 1px !important;}
  .bk_item_txt1{font-size: 12px; margin: 5px;}
	.bk_fst_line{font-size: 28px;}
	.bk_scn_line{font-size: 17px; margin-bottom: -30px;}
	.spacer_slider{margin: 15px 0px;}
	
.bk_promo_txt {width: 90%; float:right; text-align: right; padding-bottom: 0px}
	
/*searcher */
#bk_searcher{position: relative !important; top: 0px !important;}
#panel_wysz{width: 100%; background: #fff; border-bottom: 1px solid #000}
#panel_wysz_dec {width: 34%; float: left; }
.text_on_bg{font-size: 15px}
#bk_main_inp{width: 65%;float: right; padding: 0 !important; }
.inp_szukaj{float: left; width: 50%; height: 75px; padding: 0; margin: 0; clear:none; font-size: 18px}
.onsearch{height: 75px}
.txt_szukaj {font-size: 18px}
.text_on_bg2 {display: none}
 
 #popup-body-searcher {background: #000; margin: 40vh auto 0; width: 75%; padding: 20px; position: relative}
.popup-body-desc {color: #fff; font-size: 22px; font-family: 'Righteous', Arial; padding: 0 0 20px 0}
.closebox_popup{ position: absolute; top: 15px; right: 15px; cursor: pointer; color: #fff; font-size: 20px;}	

/* mapa */
.zachetka:after{top: 60%;}	

/*metryka */
	.bk_nazwafirmy{ font-size: 25px}
	.bk_malynaglowek{ font-size: 16px}
	.bk_adres{ font-size: 14px}
	.bk_opisfirmy{font-size: 13px}

	.text_on_bg3{margin-left:15px;	}
	.text_on_bg3{font-size:18px;	 }
	.text_on_bg4{margin-right:15px;	}
	.text_on_bg4{font-size:43px;	}
.bk_buttonarea{margin: 5px 0 0 0px;}	

/* ikony w metryce */
.ico_panel{font-size: 19px; padding: 5px 10px 5px 10px;}
	  	
/* ******** */
.bk_head_txt{font-size: 30px;}


}


@media screen and (min-width:768px) and (max-width:992px)  {	
body {padding-top: 193px;}
#supercont{padding:0}
/*menu*/
/* #temp-info{color: #CCC; font-size: 13px;  top: 21px;  right: 240px;} */
#temp-info{color: #CCC; font-size: 11px;  top: 38px;  left: 92px;} 
/*naglowek */
#bk_btt_naszeprodukty{width: 300px; font-size: 16px; }
						   
/*slider */
	.bk_fst_line{font-size: 37px;}
	.bk_scn_line{font-size: 20px; margin-bottom: -20px;}
	.spacer_slider{margin: 25px 0px;}
.bk_promo_txt {width: 90%; float:right; text-align: right; padding-bottom: 10px}
	
/*searcher */
#bk_searcher{position: relative !important; top: 0px !important;}
#panel_wysz{width: 100%; background: #fff; border-bottom: 1px solid #000}
#panel_wysz_dec {width: 34%; float: left; }
.text_on_bg{font-size: 20px}
#bk_main_inp{width: 65%;float: right; padding: 0 !important; }
.inp_szukaj{float: left; width: 50%; height: 75px; padding: 0; margin: 0; clear:none; font-size: 20px}
.onsearch{height: 75px}
.txt_szukaj {font-size: 20px}
 .text_on_bg {font-size: 19px}
 .text_on_bg2 {font-size: 32px}
  
/*metryka */
	.text_on_bg3{margin-left:15px;	}
	.text_on_bg3{font-size:22px;	 }
	.text_on_bg4{margin-right:15px;	}
	.text_on_bg4{font-size:43px;	}
	
/* ikony w metryce */
.ico_panel{font-size: 22px; padding: 5px 10px 5px 10px;}


/*mapa */
/*
.opis_poz{font-size: 14px}
*/

} 

@media screen and (min-width:993px) and (max-width:1250px){	
body {padding-top: 95px;}
#supercont{padding:0}
/* #temp-info{color: #CCC; font-size: 13px;  top: 21px;  right: 240px;} */
#temp-info{color: #CCC; font-size: 11px;  top: 38px;  left: 92px;} 

   /*slider */
	.spacer_slider{margin: 35px 0px;}
 .bk_promo_txt {width: 90%; float:right; text-align: right; padding-bottom: 10px}
 
/*searcher */
 .text_on_bg {font-size: 25px}
 .text_on_bg2 {font-size: 45px}
#bk_searcher{position: relative !important; top: 0px !important;}
#panel_wysz{width: 100%; background: #fff; border-bottom: 1px solid #000}
#panel_wysz_dec {width: 34%; float: left}
#bk_main_inp{width: 65%;float: right; padding: 0 !important; }
.inp_szukaj{float: left; width: 50%; height: 75px; padding: 0; margin: 0; clear:none}
.onsearch{height: 75px}

.bk_user_inf1{ display: block; margin: 0 auto; color:#fff; font-size: 13px; padding: 17px 0}
.bk_user_inf1_1{ display: block; margin: 0 auto; color:#fff; font-size: 14px; padding: 17px 0}
	
/*metryka */
	.bk_nazwafirmy{font-size: 35px}
	.bk_malynaglowek{ font-size: 22px}
	.bk_adres{font-size: 20px}
	.bk_opisfirmy{font-size: 16px}
	.bk_buttonarea{margin: 15px 15px 0 0}
	
	.text_on_bg3{margin-left:15px;	}
	.text_on_bg3{font-size:25px;	 }
	.text_on_bg4{margin-right:15px;	}
	.text_on_bg4{font-size:43px;	}
	
	.bk_buttonarea{ margin: 15px 0px 0 20px}
	
/* ikony w metryce */
.ico_panel{font-size: 25px; padding: 5px 10px 5px 10px;}

/*mapa */
/*
.opis_poz{font-size: 20px}	
*/
 }
 
@media screen and (min-width:1251px) and (max-width:1450px) {	
   /*slider */
	.spacer_slider{margin: 35px 0px;}
 .bk_promo_txt {width: 90%; float:right; text-align: right; padding-bottom: 10px}
 
	/*searcher */
 .bk_main_txt {font-size: 32px;}
 .bk_search_info {font-size: 14px;}
 .text_on_bg {font-size: 22px}
 .text_on_bg2 {font-size: 35px}
 
	/*metryka */
	.bk_nazwafirmy{font-size: 45px}
	.bk_malynaglowek{font-size: 30px}
	.bk_adres{font-size: 28px}
	.bk_opisfirmy{ font-size: 18px}
	.bk_buttonarea{ margin: 30px 0px 0 20px}

/*mapa */
/*
.opis_poz{font-size: 25px}	
*/
 }
 
 
 @media screen and (min-width:1451px) {	

	/*metryka */
	.bk_nazwafirmy{ font-size: 50px}
	.bk_malynaglowek{font-size: 35px}
	.bk_adres{font-size: 30px}
	.bk_opisfirmy{font-size: 25px}
	.bk_buttonarea{ margin: 40px 0px 0 20px}

.opis_poz{font-size: 30px}	
 }
 
 
 
 /***********************************/
 /*  ustal koordynaty  **/
 /************************************/
 
 #wsp_read {width: 100%;; font-size: 16px; text-align: center; border: 1px solid black; padding: 3px 0; margin: 10px 0; font-weight: bold;}
 #mapa_wsp{ width: 100%; height: 600px; border: 1px solid black; cursor: none !important}
 #wyniki {width: 150px; margin:0; z-index: 65000; position: absolute}
 #wsp{width: 150px; margin:0; border: 1px solid #000}
 
 
  /***********************************/
 /*  kontakt **/
 /************************************/
 
 
.small-cont{font-size: 16px; color: #888; display: block; margin: 20px 0 5px 0}
.larg-cont{font-size: 19px; color: #000; display: block; margin: 0px 0px 25px 0px}
#mapKontakt{max-height: 500px;min-height: 500px;}
 
 
 /******/
 /* animacja  */
 .cmn-t-pulse {
  animation: pulse 1s ease infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}
 
.stop-pulse  {
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;

 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;

 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}
 
 /* wymuszenie wielkosci zamykacza */
 .featherlight-close-icon{font-size: 40px !important; margin: 20px 20px 0 0;}
 
 /* cioasteczka */
#ciasteczka_x {position:relative; width: 100%;  background: #000; padding: 50px; display: none;}
#ciasteczka_x p {color: #fff; font-size: 12px; margin: 0px 50px 0px 0px; font-family: 'Righteous', Arial;}
#ciasteczka_x a {position:absolute; top:8px; right: 8px; font-family: 'Righteous', Arial; 
font-size: 20px; display: block; color: #fff; text-decoration: none; cursor: pointer; ;}
/* fallback: hide overlay after 3s even if JS fails */
@keyframes hideOverlay { from { opacity: 1; } to { opacity: 0; visibility: hidden; } }
#przeslaniacz { animation: hideOverlay 0.5s ease 3s forwards; }