/* ==========================================================================
Font
========================================================================== */ 
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900&subset=latin,latin-ext);

/* ==========================================================================
USER STYLE
========================================================================== */ 	
body { background-attachment: fixed;  background-image: url("../img/home-bg.jpg"); background-position: top right;  background-size: contain; background-repeat: no-repeat; }
a:link, .navbar-toggler { outline:none; }
a { color:#258abc; }
a:hover, a:focus { text-decoration:none; color:#fff; }
main { margin-top: 90px;}
main .container.invisible { display: none; }
.main-ps {	margin-top: 0px;	padding:25px 0;	background-color: #eee;}
.main-bottom-none { margin-bottom: 0px; }
#carousel_top { margin-top:81px; }
.carousel-control.right, .carousel-control.left { background-image:none; }
.carousel-caption { padding-bottom:50px; font-size:30px; display:none; }
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { background-image:none; text-shadow:none; box-shadow:none; border:0; border-radius:0px;}
.margin-section {padding-top:50px; padding-bottom:50px;}
footer { padding:6px 0; background-color:#258abc; font-family: 'Oswald', sans-serif; font-weight:300; text-transform: uppercase; color:#FFF; font-size:12px;}
footer a { color:#FFF;}
#go_up { background-color:#258abc; border-radius:5px; position:fixed; right:20px; bottom:20px; padding:10px; opacity:0.9; cursor:pointer; display:none; }

.nav-tabs > li > a { border-radius:0; font-family:"Oswald",sans-serif; font-size:16px; }
#ikona_01, #ikona_02, #ikona_03, #ikona_04 { fill: #258abc; }
pre {  font-family: Verdana;  margin: 0;  padding: 0; background-color:transparent; font-size:inherit; border:none;  }
.select a { color:#FFF !important; opacity:0.5; }
.btn-primary {  background-color: #258abc; }
.btn-primary:hover {  background-color: #258abc; opacity:0.8; }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {  background-color: #258abc;   border:0;  color: #fff; }
.logotypy_box { margin:20px 0 40px 0; padding:0; }
.logotypy_box li { display:inline-block; margin:0 3px; }
.color-bg { background-color:#eee; }
.body_icon { text-align:center; font-size:25px; }
.socialmedia { background-color:#258abc; text-align:center; }
.socialmedia img { margin:20px; }
.socialmedia img:hover { opacity:0.8; }
h1, .h1 { font-size: 30px; color: #000; border-bottom: 1px solid #000; width:100%; text-align:left; margin-bottom: 35px; }
X1, .X1 { font-size: 30px; color:#fff; text-align:left; border-bottom: 1px solid #fff; width:100%;}
X2, .X2 { font-size: 30px; color:#000; text-align:left; border-bottom: 1px solid #000; width:100%;  margin-bottom: 35px; }

/* ==========================================================================
HOME ITEM
========================================================================== */ 

.home-item-bg { background-color: #404040; padding-top:50px; padding-bottom:50px; color:#fff; text-align:center; }
.home-avatar img { max-width:100%; margin-top: 50px;}
.home-ng {  color:#fff; margin-bottom:10px;	background-color: #258abc;	padding: 10px;	font-size: 26px;	font-weight: 600;}
.home-opis .btn {	font-size: 14px;	padding: 5px 20px;	display: block;	margin: 10px auto;}
.home-avatar:hover {opacity:0.5; transition: .4s ease;}

/* ==========================================================================
NEWS
========================================================================== */ 

.news {	display: block; min-height:  200px; background:#fff;border:1px solid #ccc; padding: 10px; color:#000; margin-bottom: 20px;}
.news a { position: absolute;
  bottom: 10px;
  right: 10px;}
.news a:hover {color: #000; }
.news img {position: top left; margin-right: 10px; float:left; border: 1px solid #ccc; }

.news_ng1 { width: 49%; display: inline-block; text-align: left; font-size:26px; font-family:"Oswald",sans-serif; color:#000;}
.news_ng2 { width: 49%; display:  inline-block;  text-align: right; font-size:14px; color: #258abc; font-family:"Oswald",sans-serif;}
/* ==========================================================================
BREADCRUMB
========================================================================== */ 

.breadcrumb {	background-color: transparent;	border-radius: 0px;	border-bottom: 1px solid #eee; width:100%;}

/* ==========================================================================
KONTAKT
========================================================================== */ 

.contact-bg { background-color: #eee;  }
.contact-bg .kontakt_div { border:0;}
.contact-bg #ikona_01, .contact-bg #ikona_02, .contact-bg #ikona_03, .contact-bg #ikona_04 { fill: #FFF; }
.kontakt_div {   border: 1px solid #ccc; text-align:center; padding:25px 0; margin-top:15px; }
.form-control-div { width:100%; display:inline-block; vertical-align: top; }
.form-control { border: 1px solid #ccc; margin:6px 0; border-radius:0; background-color:rgba(255,255,255,0.8); color:#999; height:40px; width:100%; }
.btn { margin-top: 15px; cursor:pointer; }
textarea.form-control { height:132px; }

.contactbuttons {margin: 0 auto; text-align: center; margin-bottom: 12px; ; }

.contactbutton {  color:#fff;	background-color: #258abc;	padding: 20px;	font-size: 19px;  display: inline-block; width: 352px; margin: 12px; }
.contactbuttons a:hover { opacity: 0.5; transition: .4s ease; }
.contactbutton pre { color:#fff; font-family: 'Oswald', sans-serif; }
.contactbutton img { width: 60px; height: 60px; margin-bottom: 10px; }
}


.produkt-opis { margin-top: 20px; margin-left: 20px; margin-right: 20px;}
.produkt-opis div#red-box { background-color: #258abc; padding: 10px 15px 2px 15px; color: #fff;}
.produkt-opis table { display: inline; float: left; vertical-align: top; width: 70%; }
.produkt-opis table th { padding: 5px 15px 5px 15px; }
.produkt-opis table td { padding: 5px 15px 5px 15px; }
.tabela img { display: inline; float: right; height: auto; margin-top:20px; width:30%; }
.avatar-menu-produkt { background-color: #fff; }
.avatar-menu-produkt img { height: 300px; object-fit: cover; width: 100%; }


@media (max-width:  768px) { .form-control-div { width:100%; margin-top:15px; } .kontakt_div {  padding:15px 0; margin:5px 0} .form-control{font-size:14px; height: 30px;} #kontakt .btn { font-size: 16px;	 padding: 5px 0 7px 0;} footer {font-size: 14px;	padding: 5px 0;}  }

/* ==========================================================================
COOKIES INFO
========================================================================== */ 

    #cookies-message
	{
	-webkit-border-radius: 25px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 25px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 25px;
	border-bottom-left-radius: 0;
	padding: 25px 0px;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	position: fixed;
	bottom: 20px;
	left:20px;
	background-color: #258abc;
	width: 300px;
	z-index: 999;
	color:#FFF;
	}		
	
	#accept-cookies-checkbox
	{
	background-color: #000; 
	padding:10px; 
	color: #FFF; 
	display: inline-block; 
	margin-left: 10px; 
	text-decoration: none; 
	cursor: pointer;
	}
	
/* ==========================================================================
SLIDER OWL
========================================================================== */ 

.owl-slider-item { position: relative; }
.owl-slider-item .owl-slider-caption {	display: block;	position: absolute;width:100%;	bottom: 50px;	color: #FFF;	font-size: 30px; text-align:center; }

@media (max-width: 992px) {	.owl-slider-item .owl-slider-caption { display:none; } }
	
/* ==========================================================================
DOWNLOAD
========================================================================== */ 

.download-box {	margin: 5px 0;	border: 1px solid #ddd;	padding: 5px 20px; }
.katalogi img:hover {opacity:0.8; }
/* ==========================================================================
FACEBOOK
========================================================================== */ 

	 #fb_box
	{
	 background-image:url('../img/fb_bg.png');
	 width:290px;
	 height:72px;
	 padding:0 0 0 70px;
	 position: fixed;
	 right: -223px;
	 top: 200px;
	 z-index: 100;
	 cursor:pointer;
	}	
	
/* ==========================================================================
GALERIA COLUMN
========================================================================== */ 



#galeria_col {
  line-height: 0;
   
  -webkit-column-count: 4;
  -webkit-column-gap:   0px;
  -moz-column-count:    4;
  -moz-column-gap:      0px;
  column-count:         4;
  column-gap:           0px;  
}

#galeria_col img {
  width: 99% !important;
  height: auto !important;
  margin:0.5%;
}


@media (max-width: 992px) {
  #galeria_col {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 600px) {
  #galeria_col {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 300px) {
  #galeria_col {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}



/* ==========================================================================
GALERIA
========================================================================== */ 
    .galeria {text-align: center;}

	.foto_galeria span {  background-color: #258abc;  bottom: 0;  color: #fff;  display: block;  margin-top: -20px;  position: absolute;  text-align: center;  width: 100%; }
	
	.foto_galeria {
	  display:inline-block;
	}
	
	.foto_galeria img
	{
	 opacity:1;
	 height:200px;
     width:200px;
     object-fit: cover;
     margin: 5px;
	}
	
	.foto_galeria img:hover
	{
	 opacity:0.6;
	}
	
	@media (max-width:  992px) { 
        
    .foto_galeria img { height:140px; width:140px;}
    }


/* ==========================================================================
KOMUNIKAT FORM
========================================================================== */ 

	#komunikat_zwrotny {
	position: absolute;
	width: 100%;
	min-height: 20px;
	color:#fff;
	text-align:center;
	z-index: 99;
	background-color: #258abc;	
	padding:25px 0;
	font-family:"Oswald",sans-serif;
	font-size: 30px;
	}
			

/* ==========================================================================
MENU LEFT
========================================================================== */ 

.menu_left ul { padding:0; margin:0; list-style-type:none;}
.menu_left li {	padding: 0.5% 0;	margin: 1%;	color: #FFF;	font-family: "Oswald",sans-serif;	font-size: 18px;	background-color: #258abc;	display: inline-block;	width: 31%;	text-align: center;}
.menu_left li li { background-color:#009ee0; padding:0px 0px 0px 15px;}
.menu_left li li a, .menu_left li li span { color:#FFF}
.menu_left li a { color:#FFF; padding:0px 0 5px 0px; display:block; }
.avatar-menu-produkt a { color:#FFF; padding:0 !important; display:block; }
.menu_left li span { color:#FFF; padding:0; display:block; }
.menu_left li a:hover { color:rgba(255,255,255,0.8); }
.poziom_0 ul { display:block; position: absolute; left: 100%; background-color:#FFF; min-width: 200px; z-index: 2; top:0; display:none; }
.poziom_0 { display:block; position: relative; }

@media (max-width: 600px) {	 .menu_left li {	width: 99%; }}

/* ==========================================================================
MENU TOP
========================================================================== */ 


.navbar-nav > li > a { color:#FFF; padding:10px; text-transform: uppercase; border-top:3px solid rgba(204,0,0,0) }
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color:#fff; border-top:5px solid #258abc }
#navbar-top > li ul { display:none; list-style-type:none; padding:0; margin:5px 0 0 0; background-color:rgba(15,15,15,0.7); position:absolute; }
#navbar-top > li > ul > li a { color:#FFF; padding:10px; display:block; width:200px; white-space: nowrap; overflow:hidden; border-top:none; }
#navbar-top > li > ul > li a:hover { border-top: 3px solid #258abc; color:#FFF; border-top:none; background-color:#258abc; }
#navbar-top > li ul li ul { position:absolute; margin-left:200px; margin-top:-33px; }

.navbar-mini .navbar-brand  { height:auto; padding:5px; }
.navbar-mini .navbar-brand  img { width:65%; }
.navbar-mini  .navbar-nav > li > a { padding:10px; }
.navbar-max .navbar-brand  { height:auto; padding:10px; }
.navbar-max .navbar-brand  img { width:100%; }
.navbar-max  .navbar-nav > li > a{ padding:10px; 		color: #fff; margin: 0 8px;}
.navbar-mini { padding:0rem 1rem; background-color: rgba(0,0,0,0.7) !important; }
.navbar-max { background-color: rgba(0,0,0,0.7) !important; }
.navbar-toggler {	border: 0px solid transparent; }

@media (max-width: 992px) {	
    .navbar-max .navbar-brand img {	width: 50%; }
	.navbar-max .navbar-nav > li > a {	padding: 7px 0;	width: 100%;	display: block; margin:0; border:none; }
	.navbar-max .navbar-nav > li  {	padding: 0;	margin:0; }
	.navbar-max .navbar-brand {	height: 50%;	padding: 0; max-width: 75%; }
	.navbar-light .navbar-toggler-icon {	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
	.navbar-max .navbar-nav > li > a:hover {	background-color:#258abc; border:none; }	
	.navbar-mini .navbar-nav > li > a {	padding: 5px 0;	width: 100%;	display: inline-block;	border: 0; }
}

/* ==========================================================================
OWL
========================================================================== */


.oferty_slider { height:350px; text-align:center; cursor:pointer;}
.oferty_slider:hover { opacity:0.5;}
.oferty_slider span {color:#FFF;}
.realizacje_all {  background-color: #258abc;  color: #FFF;  margin:0;  padding: 2px 0; }


.owl-produkty-home { padding: 10vh 0; background-attachment: fixed;  background-color: transparent;  background-image: url("../img/kontakt-bg.jpg");  background-position: center top;  background-size: cover;  }
.owl-slider-top { margin-bottom: -121px; padding: 0vh 0vh 0vh 0vh; }
.owl-slider-top-m {	padding: 50vh 0 0vh 0; }
.owl-home-item {width:100%; text-align:center; }
.owl-home-item1 { background-image: url("../img/owl-home-01.jpg");  background-position: center top;   }
.owl-home-item2 { background-image: url("../img/owl-home-02.jpg");  background-position: center top;   }
.owl-home-item3 { background-image: url("../img/owl-home-03.jpg");  background-position: center top;   }
.owl-theme .owl-nav.disabled + .owl-dots {	margin-top: -40px;	position: relative; }
.owl-home-bg {	background-color: rgba(255,255,255,0.7);	padding: 5vh;	margin: 5vh auto;	display: inline-block;	width: 60%; min-height: 500px; }
.owl-home-col {	display: inline-block;	vertical-align: top; width: 49%; text-align:left; }
.owl-home-col-avatar {height: 450px; overflow: hidden; }
.owl-home-col img {	width:auto !important; max-width:100%; margin: auto; }
.owl-home-ng {	font-size: 32px;	font-weight: bold;	line-height: 28px;	margin-bottom: 20px;	color: #258abc; }
.owl-home-col button {	display: block;	font-size: 10px;	text-transform: uppercase;	padding: 5px 20px;	margin: 10px 0;	font-weight: bold;}
.owl-theme .owl-dots .owl-dot span {	width: 15px;	height: 15px; margin: 5px 5px ;	background: transparent;	display: block;	-webkit-backface-visibility: visible;	transition: opacity .2s ease;	border-radius: 30px;	border: 2px solid #fff; }    
.owl-theme .owl-dots .owl-dot.active span, .owl-theme { margin-top: 0px;} 
.owl-dots .owl-dot:hover span {	background: solid #258abc ; }
.owl-theme .owl-nav.disabled + .owl-dots {	 margin-top: 0px;  }

/* ==========================================================================
OFERTA HOME
========================================================================== */ 

.oferta_bg {  background-attachment: fixed;  background-color: transparent;  background-image: url("../img/home-bg.jpg");  background-position: center top;  background-size: cover;  color: #fff; }
.oferta_home_box { width:100%; margin-top:30px; cursor:pointer; }
.oferta_home_box span{  font-family:"Oswald",sans-serif; font-size:30px; font-weight:200; text-transform: uppercase; color:#FFF;  }
.oferta_home_box_opis1 { background-color:#fff; padding:10px; }
.oferta_home_box_opis2 { background-color:#e2ab37; padding:10px; }
.oferta_home_box_foto { width:100%; height:270px; }
.oferta_home_box:hover {opacity:0.6; cursor:pointer; transform: scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); }
.hover_div {  background: rgba(0, 0, 0, 0) url("../img/zoom_icon.png") no-repeat scroll bottom center;  height: 100%;  opacity: 0;  width: 100%; }
.hover_div:hover {  opacity:1;  background: rgba(0, 0, 0, 0) url("../img/zoom_icon.png") no-repeat scroll center center; }

@media (max-width: 1200px) { .oferta_home_box_foto { height:200px; } }
@media (max-width:  992px) { .oferta_home_box_foto { height:250px; } .oferta_home_box span {font-size:24px;} .oferta_home_box_opis1 { padding: 5px; } }


/* ==========================================================================
TRANSITIONS
========================================================================== */

	.navbar-mini .navbar-brand,
	.navbar-mini .navbar-brand  img,
	.navbar-mini .navbar-nav > li > a,
	.navbar-max .navbar-brand,
	.navbar-max .navbar-brand  img,
	.navbar-max .navbar-nav > li > a,
	.navbar-mini,
	.navbar-max,
	.navbar-mini #szukaj-top,
	.navbar-max #szukaj-top,
	.szukaj-top-close,
	.foto_galeria img,
	.foto_galeria img:hover,
	.oferta_home_box:hover,
	.oferta_home_box,
	.oferty_slider,
	.oferty_slider:hover,
	.blog-img img,
	.blog-img img:hover,
	.blog-container a,
	.blog-container a:hover
	{	
		transition: all 0.4s;
		-moz-transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-o-transition: all 0.4s;
	}
	
	
	.hover_div,
	.hover_div:hover,
	.ogloszenia:hover,
	.ogloszenia
	{	
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
	}

/* ==========================================================================
PHONE
========================================================================== */ 
   
@media (max-width: 992px) {
body {	background-attachment: absolute; background-position: 0px 54px; background-size: contain; margin-top: 54px; }
    
main {	margin-top: 20px; }
.margin-section {	padding-top: 25px;	padding-bottom: 25px; }
.carousel_top { margin-top:51px; }
.foot_mobile { text-align:center !important; }
.foot_mobile img { max-width:100%; }
h1, .h1 { font-size:30px; }
h2, .h2 { font-size:22px; }
.flex-direction-nav { display:none; }
.news { min-height:  220px; }
.news_ng1 { font-size:21px; display: block; width: 100%;}
.news_ng2 { font-size:18px; display: block; width: 100%; text-align: left;}
#fb_box { display:none; }
.poziom_0 ul {  display: block !important;  left: 0;  position:inherit;  width: 100%; }
#flag_box ul {	padding: 5px 0 !important;	margin: 0 !important; }
.owl-slider-top { margin-bottom: -51px; padding: 0; }
.owl-slider-top-m { padding: 15vh 0 0vh 0; }
.owl-produkty-home {	padding: 5vh 0; }
.owl-home-bg {	padding: 1%;	margin: 5% auto;	width: 90%; }
.owl-home-col {	width: 100%;	padding: 5%; }
.owl-home-col img { max-width:60%; }
.owl-home-ng {	font-size: 25px;	line-height: 30px;	margin-bottom: 50px;	color: #258abc; }
.owl-home-opis { font-size:14px; }
.owl-theme .owl-nav.disabled + .owl-dots {	 margin-top: 0px;  }
#kontakt { font-size:14px; }
    
.home-ng { margin: auto; max-width: 413px ; margin-bottom:10px;	background-color: #258abc;	padding: 10px;	font-size: 26px;	font-weight: 600; display:block; }
.home-opis .btn { font-size: 14px;	padding: 5px 20px;	display: block;	margin: 10px auto;}  
    
.produkt-opis { margin-top: 10px; margin-left: 10px; margin-right: 10px;}
.produkt-opis table { font-size: 10px; display: block; float: inherit; vertical-align: top; width: 100%; }
.produkt-opis table th {font-size: 10px; padding-right: 3px; }
.produkt-opis table td {font-size: 10px; padding-right: 3px; }
.tabela img { display: block; float: inherit; margin-top:10px; width:100%; }    


}