/* ==========================================================================
Font
========================================================================== */ 

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* ==========================================================================
USER STYLE
========================================================================== */ 	


:root {
  --color01: #e2e5f1;
  --color02: #A82A00;
  --color03: #A82A00;
  --color04: #FFFFFF;
  --color05: #00377a;
  --color06: #2f2f2f;
  --color07: #00377a;
  --color08: #FF983C;
  --fontGlobal: 'Montserrat', sans-serif;
}
.container { max-width: 1600px; }
body {	font-family: var(--fontGlobal);	color: var(--color06); font-size: 1.15rem;	}
.body-none-scroll { overflow:hidden; }
a:link, .navbar-toggler { outline:none; }
a { color:var(--color02); }
.ah:hover { opacity:0.9; cursor:pointer; }
a, a:hover, a:focus { text-decoration:none; }
main {  margin-bottom:50px; }
main .container.invisible { display: none; }
.main-bottom-none { margin-bottom:0; }
.margin-section {padding-top:50px; padding-bottom:50px;}
footer {	padding: 10px 0;	background-color: transparent;	font-weight: 300;	font-size: 12px; color: var(--color04);	background-color: var(--color05);}
footer a { color:var(--color04);}
h1, .h1 { font-size: 3rem; font-weight: 700; margin-bottom: 1rem; margin-top: 1rem; color:var(--color04); }
pre {  font-family: Verdana;  margin: 0;  padding: 0; background-color:transparent; font-size:inherit; border:none;  }
.body_icon { text-align:center; font-size:25px; }
.form-control:disabled, .form-control[readonly] {	background-color: transparent; }
.form-control:focus {	color: #495057;	background-color: rgba(255,255,255,0.85);	border-color: inherit;	outline: 0;	box-shadow: none; }
.logo-container {	height: 120px;}
.logo-container img {	width: auto !important;	margin: auto;}
hr { background-color: var(--color01); opacity: 1; }
.btn { background-color: var(--color05); color:var(--color04); padding: 0.5rem 3rem; font-weight: 400; cursor:pointer; border: 0;}
.btn:hover {  color:var(--color01); }
button:focus:not(:focus-visible) {	outline: 0;	box-shadow: none; }
.sliderTop {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
}
.sliderTopContainer { position:relative; width: 100%;	height: 100vh; background: #000;  }
.sliderTopContainerNg { 
	line-height: 1.2;
	text-align: center;
	z-index: 1;
	padding-top: 50vh;
	display: block;
	position: absolute;
	width: 100%;
	text-transform: uppercase;
	color:var(--color04);  
	}
.sliderTopContainer .ng1 {
	font-size: 4rem;
	font-weight: 600;
}
.sliderTopContainer .ng1 span { color:var(--color08); }
.sliderTopContainer .ng2 {
	font-size: 2rem;
	font-weight: 400;
}
.homeFoto {
	max-width: 90%;
	width: auto;
	height: 100%;
	border-radius: 5px;
	margin: 0 5%;
}
.homeText h3 { color:var(--color05); font-size:3rem; font-weight: 600;}
.homeText h4 { color:var(--color02); font-size:2rem; font-weight: 600;}
.homeText p { line-height: 1.8; }

#infoIcon img { width:100%; height:100%; }
#infoIcon .infoIconAvatar {
	border: 3px solid var(--color05);
	padding: 40px;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	margin-bottom: 20px;
}
#infoIcon div {
	font-size: 2.25rem;
	color: var(--color05);
	font-weight: 800;
	line-height: 1.2;
	margin: auto;
}
#infoIcon span { color:var(--color02); display:block; }

#galeriaHome {
	background-attachment: fixed;
	background-color: #000;
	background-image: url("../img/home-gallery.webp");
	background-position: center top;
	background-size: cover;
	color: #fff;
	padding-top: 10vh;
	padding-bottom: 10vh;
}

#galeriaHome img {
	width: 75px;
	height: 75px;
	vertical-align: bottom;
	margin-right: 20px;
}
#galeriaHome a { color: var(--color04); }
#galeriaHome div {
	display: inline-block;
	font-size: 3rem;
	font-weight: 600;
}
#galeriaHome div span { color:var(--color08); }
.h3, h3 {	font-size: 1.6rem;	font-weight: 600;	color: #A82A00;}
.ofirmie-foto {
	max-width: 100%;
	margin: 0 5%;
	border-radius: 5px;
	width: 90%;
}
.oferta-foto {	max-width: 100%; border-radius: 5px; margin: 2rem 0 3rem 0; }
.homeTxt h1 { color: var(--color05); font-size:2rem; }
.homeTxt h2 { color: var(--color05); font-size:1.5rem; }
.homeTxt h3 { font-size: 1.25rem; }
.homeTxt p {   font-size:1rem; }
.fb_box {	background: #00377a;	text-align: center;	padding: 25px 0; margin: 5vh 0 0 0;}
.fb_box img {	max-width:50%; }
.eu-img { max-width:100%; margin-bottom: 3rem; }
.Znak_UE {
	width: 400px;
	margin-top: 2rem;
	max-width:80%;
}

/* ==========================================================================
Animation
========================================================================== */ 

.anim {  opacity:0; -webkit-animation-duration: 0.8s;  animation-duration: 0.8s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;} 
@-webkit-keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 150%, 0);    transform: translate3d(0, 150%, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}
@keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 150%, 0);    transform: translate3d(0, 150%, 0);  }  to {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}
.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}
@-webkit-keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}
@keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}
.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn;}


/* ==========================================================================
Modal HOME
========================================================================== */ 

#modalHome img { max-width:100%; }
#modalHome .modal-content {	border: 0;	padding: 0;	border-radius: 0;}
#modalHome .modal-dialog {	max-width: 90%;	width: 1000px;	margin: auto;}
#modalHome .btn-close {	font-size: 1.5rem;	position: absolute;	right: 1rem;	top: 1rem;}

@media (max-width: 767px) { #modalHome .btn-close {	font-size: 1rem;	right: 0.25rem;	top: 0.25rem;} }

/* ==========================================================================
Podstrona
========================================================================== */ 

.container-ps-ng {	margin: 11rem auto 1rem auto;	padding: 3rem 0; position:relative; background:var(--color07); }
.container-ps-ng {
	background-attachment: fixed;
	background-color: #000;
	background-image: url("../../../img/home-slid.webp");
	background-position: center top;
	background-size: cover;
}
.breadcrumb-container  { overflow: hidden;	height: 40px;	overflow-x: auto;}
.breadcrumb {	margin: 1rem 0 0 0;	font-size: 0.9rem;	font-weight: 400; width: max-content;}
.container-ps-ng, .container-ps-ng a { color: var(--color04); }
.breadcrumb-item.active { color: var(--color01); }
.container-ps-ng a:hover { opacity:0.8; }
.container-ps-ng h1 {	color: var(--color08);	font-weight: 800; margin: 0; }
.container-ps-ng h2 {	color: var(--color04);	font-weight: 400; font-size: 1.25rem;}
.container-ps-ng hr {	margin: 2rem 0 0 0; }
.breadcrumb-item + .breadcrumb-item::before { color: rgb(86, 89, 115);	content: "/"; }
.close { cursor: pointer; }


/* ==========================================================================
HAMBURGER MENU
========================================================================== */ 

.navbar-light .navbar-toggler {	outline: none; cursor:pointer; }
.hamburger_nav{ overflow: hidden; margin:0; padding:0; outline: none !important; border:none;}

#nav-mhweb-hamburger { display:block; width: 30px;height: 25px;position: relative;margin: 5px 0px 0px 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-mhweb-hamburger span {display: block;position: absolute;height: 2px;width: 50%;background: var(--color02);opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-mhweb-hamburger.open span{margin-left:3px;margin-top:-4px;}
#nav-mhweb-hamburger span:nth-child(even) {left: 50%;}
#nav-mhweb-hamburger span:nth-child(odd) {left:0px;}
#nav-mhweb-hamburger span:nth-child(1), #nav-mhweb-hamburger span:nth-child(2) {top: 0px;}
#nav-mhweb-hamburger span:nth-child(3), #nav-mhweb-hamburger span:nth-child(4) {top: 8px; width: 100%; left:-5px; }
#nav-mhweb-hamburger span:nth-child(5), #nav-mhweb-hamburger span:nth-child(6) {top: 16px;}
#nav-mhweb-hamburger.open span:nth-child(1), #nav-mhweb-hamburger.open span:nth-child(6) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-mhweb-hamburger.open span:nth-child(2),#nav-mhweb-hamburger.open span:nth-child(5) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-mhweb-hamburger.open span:nth-child(1) {left: 0px;top: 9px;}
#nav-mhweb-hamburger.open span:nth-child(2) {left: calc(50% - 5px);top: 9px;}
#nav-mhweb-hamburger.open span:nth-child(3) {left: -50%;opacity: 0;}
#nav-mhweb-hamburger.open span:nth-child(4) {left: 100%;opacity: 0;}
#nav-mhweb-hamburger.open span:nth-child(5) {left: 0px;top: 19px;}
#nav-mhweb-hamburger.open span:nth-child(6) {left: calc(50% - 5px);top: 19px;}


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

.kontakt {
	font-size: 1.1rem;
	font-weight: 500;
	background: #f3f7f9;
	padding: 4rem 0;
}
.kontakt a { color: var(--color06); }
.kontakt h4, #kontakt h4, .kontakt h3, #kontakt h3 {
	font-size: 2.25rem;
	font-weight: 600;
	color: var(--color05);
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.kontakt h4::after, #kontakt h4::after, .kontakt h3::after, #kontakt h3::after {
	content: '';
	width: 75px;
	height: 7px;
	background-color: var(--color02);
	position: absolute;
	bottom: 0;
	left: 0;
}
.container-ps-ng { margin-bottom:5rem }
#kontakt .form-check label { font-size:12px;  }
#kontakt .form-check { margin: 10px 0 20px 0; }

#kontakt .kontakt { background:#fff; padding: 1rem 0 5rem 0; }

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

#cookies-message {	padding: 25px;	font-size: 12px;	line-height: 15px;	text-align: center;	position: fixed;	bottom: 20px;	left: 20px;	background-color: var(--color05);	width: 25%;	z-index: 9999;	color: var(--color04); border-radius: .5rem;}		
#accept-cookies-checkbox, #accept-cookies-info {	background-color: var(--color03);	padding: 8px 25px;	color: var(--color04);	display: inline-block;	text-decoration: none;	cursor: pointer;	border-radius: .25rem;	font-size: 12px;	margin: .5rem;}


/* ==========================================================================
GALERIA
========================================================================== */ 

	.foto_galeria span {  background-color: var(--color02);  bottom: 0;  color: var(--color04);  display: block;  margin-top: -20px;  position: absolute;  text-align: center;  width: 100%; }
	.foto_galeria {	border: 0 solid #eee;	height: 250px;	margin: 0 .5% .5% 0;	overflow: hidden;	position: relative;	width: 19%;	display: inline-block;	border-radius: .5rem;}
	.foto_galeria img {		opacity: 1;		width: 100%;		object-fit: cover;		height: 100%;	}
	.foto_galeria img:hover	{	 opacity:0.6;	}
	
	.gallery-category { position:relative; width:23%; margin:0.7%; overflow:hidden; display: inline-block; }
	.gallery-category img { width:100%; height:300px; object-fit: cover; border-radius: .5rem; }
	.gallery-category span {	position: absolute;	display: block;	width: 90%;	bottom: 15%;	background: rgba(9, 9, 9, 0.5);	color: var(--color04);	font-size: 22px;	padding: 10px 20px;	text-align: center;	font-weight: 600;	margin: 0 5%;	border-radius: .5rem;}
	
	@media (max-width: 1400px) {  .foto_galeria { height:210px; } }
	@media (max-width: 1200px) { .gallery-category { width:31%; } .foto_galeria { height:175px; } }
	@media (max-width:  992px) { .gallery-category { width:48%; } .foto_galeria {	width: 24%;	height: 180px; } .gallery-category span {font-size: 18px;	padding: 5px 10px;	border-radius: .25rem;} }
	@media (max-width:  768px) { .gallery-category img { width:100%; height:220px } .foto_galeria { width: 32%;	height: 180px; } }
	@media (max-width:  450px) { .gallery-category { width:98%; } .foto_galeria { width:48%;  height:180px; } }
	@media (max-width:  300px) { .foto_galeria { width:99.8%; margin:0.1%; height:176px; } }

/* ==========================================================================
GALERIA GRID
========================================================================== */ 

	.flexbin {  display: flex;  overflow: hidden;  flex-wrap: wrap;  margin: -2.5px; }
	.flexbin:after {    content: '';    flex-grow: 999999999;       height: 0; }
	.flexbin > * {  max-width: 50%;  position: relative;    display: block;       margin: .5rem;    flex-grow: 1; }
	.flexbin > * > img {      height: 260px;      object-fit: cover;      max-width: 100%;      min-width: 100%;      vertical-align: bottom; border-radius: .5rem; }
	.flexbin.flexbin-margin {    margin:0; }
	
  @media (max-width: 980px) {
		.flexbin {      display: flex;      overflow: hidden;      flex-wrap: wrap;      margin: -2.5px; }
        .flexbin:after {        content: '';        flex-grow: 999999999;               height: 0; }
        .flexbin > * {      max-width: 100%;  position: relative;        display: block;              margin: 2.5px;        flex-grow: 1; }
        .flexbin > * > img {          height: 200px;          object-fit: cover;          max-width: 100%;          min-width: 100%;          vertical-align: bottom; }
		.flexbin.flexbin-margin {        margin: 2.5px; } 
		}
		
  @media (max-width: 400px) {
      .flexbin {      display: flex;      overflow: hidden;      flex-wrap: wrap;      margin: -2.5px; }
      .flexbin:after {        content: '';        flex-grow: 999999999;                height: 0; }
      .flexbin > * {        position: relative;        display: block;            margin: 2.5px;        flex-grow: 1; }
      .flexbin > * > img {          height: 100px;          object-fit: cover;          max-width: 100%;          min-width: 100%;          vertical-align: bottom; }
      .flexbin.flexbin-margin {        margin: 2.5px; } 
	  }


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


#komunikat_zwrotny {
	position: fixed;
	text-align: center;
	z-index: 10003;
	padding: 1rem 5rem;
	font-size: 0.9rem;
	border-radius: .25rem;
	right: 1rem;
	bottom: 1rem;
	color: var(--color04);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    animation-name: form-fadeInOut;
    animation-duration: 5s;
    animation-fill-mode: forwards;
}

#komunikat_zwrotny.danger { background: var(--bs-danger); }
#komunikat_zwrotny.success { background: var(--bs-success); }

@keyframes form-fadeInOut {
    0% { opacity: 0; right:-5rem; }
	5% { opacity: 1; right:1rem; }
    90% { opacity: 1; right:1rem; }
    100% { opacity: 0; right:-1rem;}
}

		



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

.navbar-max {  padding:0; }
.navbar-mini { padding: 0px 0; }
.headerContact, .navbar-max .headerContact { width: 100%; text-align: right; background: var(--color02); color:var(--color04);}
.headerContact img { padding: 0 .3rem; }
.headerContact .head-info span { margin-right: 1.5rem; }
.headerContact .head-info {	height: 40px;	font-weight: 600;	font-size: 0.9rem;	justify-content: end;	align-items: center;	display: flex;}
.headerContact .head-info a { color:#fff; }
.headerContact .head-info a:hover { opacity:0.8; }
.navbar-max .headerNav { height: 140px; }
.navbar-mini .headerNav { height: 60px; }
.nav-column-1 { display:inline-block; width:15%; text-align: left; vertical-align: middle;}  
.nav-column-2 { display:inline-block; width:85%; text-align: right; vertical-align: middle; }
.main-navigation, .nav-top-icon { display:inline-block; vertical-align: middle; }
.navbar-mini .navbar-brand  { height:auto; }
.navbar-mini .navbar-brand img { max-width: 65%;	padding: 0.15rem 0;	height: auto;	width: auto;}
.navbar-max .navbar-brand  img { max-width:100%; height: auto;	width: auto;}
.bg-light {	background-color: var(--color04) !important; box-shadow: 0 .275rem 1.25rem rgba(11,15,25,.05),0 .25rem .5625rem rgba(11,15,25,.03);  flex-flow: wrap;}
.navbar-toggler {	border: 0px solid transparent; }
.main-navigation ul {  list-style: none;  padding: 0;  margin: 0;}
.main-navigation ul li {  display: block;  position: relative;  float: left;}
.main-navigation li ul { display: none; box-shadow:0px 0px 50px 0px rgba(82, 63, 105, 0.2); }
.main-navigation ul li a {  display: block;  padding: 10px 30px;  text-decoration: none;  white-space: nowrap;  color: var(--color07); font-size: 1.25rem; text-align: left; font-weight: 600; border-radius: 5px; }
.main-navigation ul li a:hover { background: var(--color07); color:var(--color04); }
.main-navigation li:hover li { float: none; }
.main-navigation li:hover a { background: #eee; }
.main-navigation li:hover li a:hover { background: var(--color02); color:var(--color04); }
.main-navigation li ul li { border-top: 0; }
.main-navigation ul ul ul {  left: 100%;  top: 0;}
.main-navigation ul:before, .main-navigation ul:after {  content: " ";   display: table; }
.main-navigation ul:after { clear: both; }
.main-navigation ul li ul li a { min-width:120px; }
.mobile-bg { display: none; }

@media (min-width:  992px) {	
.main-navigation li:hover > ul {  display: block;  position: absolute;}
}

@media (max-width:  992px) { 
.navbar-toggler {	right: 5px;	position: fixed;	top: 10px;}
.main-navigation {	left: -100%;	display: block;	position: fixed;	background-color: var(--color04);	width: 100%;	top: 0;	z-index: 999;	margin-right: 60px;	padding: 60px 0px 20px 60px;	border-right: 1px solid var(--color01);	height: 100%;	overflow-y: scroll;}
.main-navigation-active { left:-60px; text-align: left; }
.main-navigation ul li a {	padding: 10px 1px 12px 10px;	font-size: 16px;	white-space: inherit;	border-bottom: 1px solid var(--color01);	margin: 0 10%;}
.main-navigation ul li {	float: inherit; }
.main-navigation li ul {  box-shadow:none; font-size: 13px;}
.main-navigation li:hover > ul {  position: relative;}
.main-navigation li:hover a { background: transparent; }
.main-navigation ul ul ul {	left: inherit; }
.main-navigation ul ul a {	padding-left: 40px;}
.main-navigation ul ul ul a {	padding-left: 60px;}
.main-navigation ul ul ul ul a {	padding-left: 80px;}
.navbar-max .navbar-brand img {	width: auto;	height: 40px;	padding: 0;	position: absolute;	left: 15px;	top: 10px;}
.nav-column-1 { width:75%; text-align: left; }
.nav-column-2 { width:25%; text-align: left; }
.main-navigation .submenu span::before {	content: '\25be';	position: absolute;	top: 5px;	right: 10%;	font-size: 23px;	height: 37px;	width: 45px;	text-align: center;	cursor: pointer;	border-left: 1px solid var(--color01);}
.main-navigation .submenu span.open:before { content: '\25b4'; }
.main-navigation .submenu span:hover:before{ background-color:#eee; }
.mobile-bg { background: rgba(0,0,0,0.4);	position: fixed;	left: 0;	top: 60px;	width: 100%;	height: 100%;	z-index: 1;	display: none;}
.db { display:block; }
}


/* ==========================================================================
OGŁOSZENIA
========================================================================== */ 

.ogloszenia .img-thumbnail { border-radius:0; margin-bottom:0; height:175px; overflow:hidden; }
.ogloszenia { width:48%; border:1px solid var(--color01); vertical-align:top; padding:1%; background-color:rgba(255,255,255,0.8); margin:5px 1%; display:inline-block; overflow:hidden; }
.ogloszenia:hover { background-color:#eee; }
.ogloszenia_foto { width:33%; display:inline-block; height:100%; vertical-align:top; margin:2% 0; }
.ogloszenia_tresc { width:64%; margin-left:2%; display:inline-block; height:100%; vertical-align:top; }
.ogloszenia_ng { color:#333; font-size:30px;  font-weight:300; }
.ogloszenia_data { color:var(--color02); font-size:15px;  font-weight:400; }
.ogloszenia_opis { font-size:13px; }
.btn-ogloszenia { margin: 0.5rem auto;	width: 60%;	padding: 0.5rem;}

@media (max-width: 1200px) { .ogloszenia .img-thumbnail  { height:140px; } }
@media (max-width: 991px) { .ogloszenia { width:98%; margin-left:auto; margin-right:auto; } }
@media (max-width: 500px) { .ogloszenia .img-thumbnail {	height: auto; } .ogloszenia { width:98%; } .ogloszenia_tresc { width:94%; margin:3%; } .ogloszenia_foto { width:100%; } .ogloszenia_ng { font-size:25px; } }

/* ==========================================================================
MAPA / PRZEDSTAWICIELE
========================================================================== */

.mapa-box { color:#666; border-bottom:1px solid var(--color01); padding:10px 20px; }
.mapa-box:hover { background-color:#f5f5f5; }
.mapa-box strong { color:var(--color02); font-size:16px; }
.mapa-box a { font-size:13px; }
.mapa-container, .mapa-menu { width:100%; height:600px; overflow:hidden; }
#szukaj_input {	padding: 10px;	color: #666;	min-width: 15%;	border: 1px solid var(--color01);	margin: 2px; }
.mapa-reset { padding: 10px;	color: #666; background-color:var(--color01);  border: 1px solid var(--color01);	margin: 2px; display:inline-block; }
.mapa-reset:hover { background-color:#CCC; }

@media (max-width: 767px) { #szukaj_input {	min-width: 98%; padding:5px; } .mapa-reset { min-width: 98%; padding:5px; text-align:center; } .mapa-container, .mapa-menu { height:300px; } }


/* ==========================================================================
BLOG
========================================================================== */

.blog a { color: var(--color05); }
.blog-img img:hover { transform: scale(1.2); }
.blog-img { width:100%; overflow:hidden; height:auto; }
.blog-img-big img {	max-width: 100%;	width: 100%;	height: 50vh;	border-radius: 1rem;	margin-bottom: 1rem;	object-fit: cover;}
.blog-img img { max-width:100%; }
.blog-title { color:var(--color02); line-height: 1.4; font-size: 1.25rem; }
.blog-content { font-size:12px; line-height:22px; }
.blog-data { font-size: .8rem; }
.blog-tags { font-size:13px; color:#AAA; margin-top:10px; }
.blog-tags a:hover { color:#666; }
.blog-tags span { margin-right:10px; }
.blog-tags-big { font-size:16px; }
.blog-tags a {	margin: 0 5px 5px 0;	display: inline-block;	border-radius: .25rem;	border: 1px solid var(--color01);	padding: 0.25rem 1rem;	font-size: 0.8rem;	color: var(--color02); }
.blog .card {	border-radius: .5rem; }
.blog .card-img, .card-img-top { border-top-left-radius: calc(.5rem - 1px);	border-top-right-radius: calc(.5rem - 1px);	height: 300px;	object-fit: cover;}
.blog .badge { background-color:var(--color02); color:var(--color04); }
.blog .badge-big {	font-size: 1rem;	margin-right: 1rem; }
.blog-data-big {	font-size: 16px;	margin-left: 0.75rem; }


@media (max-width: 1400px) { .blog .card-img, .card-img-top { height: 250px; } }
@media (max-width: 1200px) { .blog .card-img, .card-img-top { height: 200px; } .blog-title { font-size: 1rem; } }
@media (max-width: 996px) { .blog-tags a {font-size: 0.7rem;} .blog-data { font-size: 0.7rem; } .blog-img-big img {	height: 200px; border-radius: .5rem; } .blog .badge-big {	font-size: .8rem;	margin-right: 1rem; } }


/* ==========================================================================
Komentarze
========================================================================== */

.text-comment { font-size: .9rem; padding-right: 6rem; }
.name-comment {font-size: 1.25rem; color: var(--color03);  font-weight: 600;}
.badge-comment { background-color: var(--color02);	color: #fff;	padding: .1rem .5rem;	font-size: .75rem;	border-radius: .25rem;}
.item-comment{	width: 100% !important;	background-color: #f8f9ff;	border-radius: 1rem;	padding: .5rem 1rem;}
.avatar-comment {	margin: 0 1rem;	opacity: .2;	width: 60px;	height: 60px;}
.add-comment {	padding: 2rem 3rem;	background: #f8f9ff;	margin: 0 2rem 2rem 2rem;	border-radius: 1rem;}
.add-comment .form-control {	padding: 15px;	color: var(--color05);	border-color: var(--color01);	margin: 1rem 0;}
.container-comment  {	border: 1px solid var(--color01);	border-radius: .5rem; }


@media (max-width: 1200px) { 
.add-comment {	padding: 1rem 2rem;	margin: 0 1rem 1rem 1rem;	border-radius: .5rem;}
.text-comment {	font-size: .75rem;	}
.name-comment {	font-size: 1rem; }
.avatar-comment {	margin: 0 .5rem;	width: 45px;	height: 45px;}
.item-comment {	border-radius: .5rem; }
.add-comment {	border-radius: .5rem; }
}

@media (max-width: 996px){
.add-comment .form-control { padding: 10px;	margin: .5rem 0; }
.add-comment {	padding: 1rem 1rem;}
.avatar-comment {	margin: 0 .5rem 0 0;	width: 30px;	height: 30px; }
.text-comment {	font-size: .7rem;	padding-right: 0;	margin-bottom: 0;}
.badge-comment { font-size: .6rem; }
.name-comment {	margin-top: 1rem; }
.badge-comment { margin-top: -1rem; }
}

/* ==========================================================================
SimpleLightbox v2.13.0
========================================================================== */

body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:10060;color:#000;font-size:1rem}.sl-wrapper .sl-download{display:none;position:fixed;bottom:5px;width:100%;text-align:center;z-index:10060;color:#fff;font-size:1rem}.sl-wrapper .sl-download a{color:#fff}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}


/* ==========================================================================
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,
	.ah,
	.ah:hover,
	.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,
	.main-navigation,
	#owl-slider .owl-nav [class*="owl-"],
	#owl-slider .owl-nav [class*="owl-"]:hover,
	.navbar-max .headerNav,
	.navbar-mini .headerNav
	{	
		transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
	

/* ==========================================================================
PHONE
========================================================================== */ 
   
@media (max-width: 1600px) {
.homeText h1 {	font-size: 1.5rem;}
.homeText h2 {	font-size: 2.5rem; }
.ofertaHomeItem {	padding: 10px;	font-size: 1.25rem; }
.contact-bg .kontakt-ng-1 {	font-weight: 300;	font-size: 1.25rem; }
.contact-bg .kontakt-ng-2 {	font-size: 2.5rem; }
.navbar-max .headerNav { height: 100px; }
.main-navigation ul li a { font-size: 1.1rem; }
.sliderTopContainer .ng1 { font-size: 3.5rem; }
.sliderTopContainer .ng2 { font-size: 1.75rem;}
#infoIcon .infoIconAvatar {	border: 2px solid var(--color05);	padding: 30px;	width: 135px;	height: 135px;}
.homeText h3 {	font-size: 2.4rem; }
.homeText h4 {	font-size: 1.6rem; }
#infoIcon div {	font-size: 1.75rem; }
#kontakt h4 {	font-size: 1.8rem; }
#kontakt {	font-size: 1rem; }
}   

@media (max-width: 1200px) {
.main-navigation ul li a {	padding: 5px 20px;	font-size: 1rem; }
.homeText p { font-size: .9rem;}
.navbar-max .headerNav { height: 70px; }
.sliderTopContainer .ng1 { font-size: 3rem; }
.sliderTopContainer .ng2 { font-size: 1.5rem;}
}

@media (max-width: 992px) {
body {font-size: .9rem;}
.navbar-max { height: 60px; }
main { margin-top:60px; margin-bottom:20px; }
.margin-section {	padding-top: 25px;	padding-bottom: 25px; }
.carousel_top { margin-top:51px; }
.foot_mobile { text-align:center !important; font-size: .75rem; }
.foot_mobile img { max-width:100%; }
footer { font-size:12px; padding:5px 0; }
.flex-direction-nav { display:none; }
.news_ng1 { font-size:21px; }
.news_ng2 { font-size:18px; }
#fb_box { display:none; }
#cookies-message {	padding: 10px;	bottom: 0;	left: 0;	width: 100%;}
.container-ps-ng {	margin: 60px auto 10px auto;	padding: 25px 10px; }
.container-ps-ng hr {	margin: 1rem 0 0 0; }
.formularz_btn { display:none; }
.nav-top-icon {	width: 110px;	position: fixed;	top: 15px;	right: 55px;}
h1, .h1 {	font-size: 2rem; }
h2, .h2 {	font-size: 1.5rem; }
.h3, h3 {	font-size: 1.1rem;	color: var(--color02); }
.contact-bg .h1 { font-size: 1.5rem; }
.homeText h1 {	font-size: 2rem; }
.homeFoto { display:none; }
.btn {	padding: 0.3rem 2rem; font-size: .75rem; }
.contact-btn { height: 35px;	width: 100%;}
.breadcrumb { font-size: 0.75rem;}
.homeText h2 {	font-size: 2rem; }
.homeText h1 {	font-size: 1.25rem; }
.ofertaHomeItem {	padding: 10px;	font-size: 1rem;	width: 90%;	margin: 5px auto; }
.contact-bg .kontakt-ng-1 {	font-size: 1rem; }
.contact-bg .kontakt-ng-2 {	font-size: 2rem; }
.main-navigation ul li a { padding: 12px 10px; }
.main-navigation ul li ul li a {	padding-left: 30px; }
.slider-ps { height: 125px;	margin-bottom: 25px; }
.container-ps-ng h2 {	font-size: 1rem; }
.sliderTop { height: 300px; }
.headerContact { display:none; }
.sliderTopContainerNg {	padding-top: 50px; }
.sliderTopContainer .ng1 { font-size: 1.8rem; }
.sliderTopContainer .ng1 span {	display:block ; }
.sliderTopContainer .ng2 { font-size: 0.9rem; }
.homeFoto { display:none; }
.sliderTopContainer { height: auto; }
.homeText { margin-top: 300px; text-align: center; }
.homeText h3 {	font-size: 1.8rem; }
.homeText h4 {	font-size: 1.35rem; }
#infoIcon .infoIconAvatar {	border: 1px solid var(--color05);	padding: 20px;	width: 100px;	height: 100px;}
#infoIcon div {	font-size: 1.5rem;	margin-bottom: 1rem; }
#galeriaHome div {	display: inline-block; font-size: 2rem; line-height: 1;}
#galeriaHome img {	width: 50px;	height: 50px;	margin-right: 0;	margin-bottom: 10px;}
#galeriaHome {	padding-top: 5vh;	padding-bottom: 5vh; }
#kontakt, .kontakt {	font-size: 1rem;}
#kontakt h4 { font-size: 1.5rem; }
#kontakt h4, .kontakt h4 {	font-size: 1.5rem;	font-weight: 600;	color: var(--color05);	position: relative;	padding-bottom: 10px;	margin-bottom: 10px;	margin-top: 25px;}
#kontakt h4::after, .kontakt h4::after {	width: 50px;	height: 5px; }
#kontakt {	margin: 0px; }
.contact-container { margin-left: 15px; }
#kontakt  .contact-container {	margin-left: -20px; }
.pt-5 {	padding-top: 0 !important; }
.oferta-foto {	margin: 1rem 0 2rem 0;	height: 150px;	object-fit: cover;	width: 100%; }
.homeTxt h1 {	font-size: 1rem; }
.homeTxt h2 {	font-size: 1rem; }
.homeTxt p {	font-size: .8rem; }
.homeTxt h3 {	font-size: .9rem; }
}