@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


:root {
  --color-Bg: #ffffff;
  --color-Text: #555555;  
  --font-Global: 'Inter', sans-serif;  
  --color-01: #5f0c0c; /* h1 - kolor główny */
  --color-02: #8a1f1f; /* h2 */
  --color-03: #6b3b3b; /* h3 */
  --color-04: #8b6b6b; /* h4 */
  --color-05: #ffffff; /* white */
  --color-06: #f2dede; /* hr, border, line */
  --color-07: #b91c1c; /* link */
  --color-08: #991b1b; /* link hover */
  --color-09: #f9f9f9; /* section background */
  --color-10: #222222; /* section background */
  --color-10: #54c4c;
  --color-11: #1b1b1b;
  --color-12: #e1e1e1;
}
.container { max-width: 1460px; }
body {	font-family: var(--font-Global);	color: var(--color-Text); background-color: var(--color-Bg); font-size: 1.15rem; font-weight: 300; line-height: 1.5; -webkit-text-size-adjust: 100%; }
a { color:var(--color-07); text-decoration:none;  }
a:hover, a:focus { text-decoration:none; color:var(--color-08); }
h1, .h1 {  font-size: 3rem;  font-weight: 700;  margin: 1rem 0;  color: var(--color-01);  line-height: 1.2;  letter-spacing: -0.02em;}
h2, .h2 {
	font-size: 1.75rem;
	font-weight: 600;
	margin: 1.5rem 0 1rem;
	color: var(--color-08);
	line-height: 1.25;
}
h3, .h3 {  font-size: 1.5rem;  font-weight: 600;  margin: 1.25rem 0 0.75rem;  color: var(--color-03);  line-height: 1.3;}
h4, .h4 {  font-size: 1.25rem;  font-weight: 500;  margin: 1rem 0 0.5rem;  color: var(--color-04);  line-height: 1.35;}
b, strong { font-weight: bolder; }
hr { border-color: var(--color-06);	opacity: 1;}
p {	margin-top: 0;	margin-bottom: 1rem; }
img { max-width:100%; }


a:link, .navbar-toggler { outline:none; }
.ah:hover { opacity:0.6; cursor:pointer; }
.body-none-scroll { overflow:hidden; }
main .container.invisible { display: none; }
.main-bottom-none { margin-bottom:0; }
.section { background-color: var(--color-09); padding:3rem 0; }
.margin-section {padding-top:50px; padding-bottom:50px;}
footer {	padding: 10px 0;	background-color: transparent;	font-weight: 300;	font-size: 12px; color: var(--color-05);	background-color: var(--color-01); border-top: 1px solid var(--color-02);}
footer a { color:var(--color-05);}
.nav-tabs > li > a { border-radius:0;  font-size:16px; }
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;}
.btn {
	background-color: var(--color-08);
	border: none;
	padding: 1rem 2.5rem;
	border-radius: 0;
	font-size: .8rem;
	color: #fff;
}
.news_ng1 { font-size:26px; line-height:1.5; font-weight:500; display:block; color:var(--color-03);}
.news_ng2 { font-size:18px; line-height:1.5; font-weight:300; display:block; color:var(--color-02); margin-bottom: 1rem; }
.btn:hover { background-color: var(--color-07); }
button:focus:not(:focus-visible) {	outline: 0;	box-shadow: none; }

.marker {	background: yellow;	font-weight: bold; }
#faq h2 { margin: 0; }
#faq .accordion-button:not(.collapsed) {	color: var(--color-01);	background-color: var(--color-09); }
.btn-top {	padding: 0.4rem 1.25rem;	text-transform: uppercase;	font-weight: 300;  }
.kontakt { font-size: 1.35rem; }
.kontakt hr {	width: 33%;	margin-top: 3rem;	margin-bottom: 2rem;	border-color: var(--color-08);	border-width: 2px;}
#sm {
	border-top: 1px solid #eee;
	padding: 2rem 0;
	background-image: url("../../../img/sm-bg.webp");
	background-color: #f9fbfe;
	background-repeat: no-repeat;
}
#sm img {
	width: 5rem;
	height: 5rem;
	padding: 1.35rem;
	background: #fff;
	border: 1px solid #eee;
	margin: .5rem;
	box-shadow: 0px 5px 5px #eee;
	border-radius: 20%;
}
.kontaktInfo p { font-size: 1.25rem;  }
.iconKontakt  { font-weight:500;   }
.iconKontakt img {	filter: invert(1);	width: 30px; margin-right: 1rem;}
.home-foto {
	max-width: calc(100% - 2rem);
	margin: 1rem;
}
.ng1 {
	position: relative;
	display: inline-block;
	padding-top: 25px;
	text-align: center;
	font-size: 3.5rem;
	line-height: 1.2;
	font-weight: 400;
	font-family: "Cormorant Garamond", serif;
	color: var(--color-10);
	font-style: italic;
}

.ng1::before {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	width: 350px;
	height: 1px;
	background: var(--color-01);
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	animation: lineDraw 1s ease forwards .3s;
}


@keyframes lineDraw {
    from {
        transform: translateX(-50%) scaleX(0);
    }

    to {
        transform: translateX(-50%) scaleX(1);
    }
}

.ng2 {
	display: block;
	font-size: 2.5rem;
	color: var(--color-11);
	font-weight: 600;
	position: relative;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	line-height: 1.25;
}
.ng2::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 6rem;
	height: 5px;
	background: var(--color-02);
}

.ng3 {	text-align: center; }
.ng3::after {left: calc(50% - 3rem);}

.homeBox {
	text-align: center;
	background-color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.1) 3px 5px 25px 0px;
	padding: 1rem;
	width: calc(50% - 3rem);
	display: inline-block;
	margin: 1rem;
	vertical-align: top;
}
.homeBox img {
	width: 5rem;
	height: 5rem;
	object-fit: scale-down;
	margin-top: 2rem;
}
.inwestycja-item { position:relative; text-align:center; overflow:hidden;  display: inline-block; width: calc(50% - 2.5rem); height:390px; margin: 1rem; }
.inwestycja-item img { position:absolute; left:0; top:0; width:100%; height:100%; transform: scale(1);   transition: transform 1.2s cubic-bezier(.22, 1, .36, 1); object-fit: cover; }
.inwestycja-item span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 1rem;
	background: rgba(95, 12, 12, 0.8);
	font-size: 1.5rem;
	transition: padding .35s ease;
	font-weight: 500;
}
.inwestycja-item a:hover span { padding: 3rem 1rem; }
.inwestycja-item a:hover img { transform: scale(1.08); }


.oferta-item {
	overflow: hidden;
	display: inline-block;
	width: calc(50% - 2.5rem);
	height: auto;
	margin: 1rem;
	border: 1px solid #cdcdcd;
	padding: 1rem;
	vertical-align: top;
}
.oferta-item img {
	width: 100%;
	height: auto;
}
.oferta-item h2 { font-size: 2rem; color: var(--color-01); margin: 1rem; }

.oferta-item p { margin: 0 1rem; }
.oferta-item hr {
	margin: 2rem 1rem;
	border-color: var(--color-01);
	border-top-width: .2rem;
	width: 50%;
}

.homeInfoContainer {
	background: rgba(95, 12, 12, 0.93);
	position: absolute;
	width: 100%;
	z-index: 10;
	bottom: 20px;
	left: 0;
}

.infoIconItem {
	width: 15%;
	text-align: center;
	color: #fff;
	display: inline-block;
	vertical-align:top;
	padding: 1rem;
}
.infoIconItem img {
	display: block;
	margin: 1rem auto 0.5rem auto;
	width: 50px;
	height: 50px;
	object-fit: scale-down;
}
.infoIconItem span {
	text-transform: uppercase;
	font-size: .9rem;
	font-weight: 500;
	line-height: 1.5;
	display: block;
}
.infoIconItem p {
	font-size: .75rem;
}
.homeText b { font-weight:500; }


/* ==========================================================================
Swiper
========================================================================== */ 

.sliderSwiper { height:100vh; }
.sliderSwiper .swiper-slide img {    display: block;    width: 100%;    height:100vh;	filter: brightness(50%); object-fit: cover;}
.sliderSwiper .swiper-button-next, .sliderSwiper .swiper-button-prev {	color: #fff; opacity: .75; }
.sliderSwiper .swiper-button-next {	margin-right:1rem; }
.sliderSwiper .swiper-button-prev {	margin-left:1rem; }
.homeSlidNg {    position: absolute;    left: 5rem;    right: 5rem;    top: 0;    height: 100vh;    z-index: 10;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    text-align: center;    color: #fff;    font-size: 4rem;    font-weight: 800; text-shadow: 0 0px 0px rgba(0,0,0,.55), 0 0px 20px rgba(0,0,0,.65);}
.homeSlidNg span {	display: block;	font-size: 2.75rem;	font-weight: 300; text-shadow: 0 2px 8px rgba(0,0,0,.45);}
.sliderSwiper .swiper-slide {    overflow: hidden;}
.sliderSwiper .swiper-slide img {    transform: scale(1);    transition: transform 6s linear;}
.sliderSwiper .swiper-slide-active img {    transform: scale(1.08);}

@keyframes zoomSlide {
    from {
        transform: translate3d(0,0,0) scale(1);
    }
    to {
        transform: translate3d(0,0,0) scale(1.08);
    }
}

#ps .sliderSwiper {	height: auto; }
#ps .sliderSwiper .swiper-slide-active img {	transform: none; }
#ps .sliderSwiper .swiper-slide img {	transform: none;	transition: none; }
#ps .sliderSwiper .swiper-slide img {	height:auto; }

/* ==========================================================================
Shop
========================================================================== */ 

.search-top-container .search-top-icon {	width: 25px;	height: 25px;	padding-top: 2px;}
.search-top-container { display: inline-block; width:30px; height:30px; cursor:pointer; margin: 0 5px; }
.produkt-oferta {	background-color: var(--color-05);	text-align: center;	display: inline-block;	padding: 1%;	margin: 0.2%;	width: 32.5%; height: 315px; }
.produkt-oferta-img { width:100%; height:100%; object-fit: scale-down; }
.produkt-oferta-info { height:75px; overflow:hidden;}
.produkt-oferta-nazwa {  text-align:center; display:inline-block; font-size:16px; margin-top: 10px; line-height: 18px;  }
.produkt-oferta-cena {  text-align:center; display:inline-block; font-size:16px; margin-bottom:10px;  }
.produkt-oferta-cena-rabat { opacity: 0.6;	text-decoration: line-through; text-align:center; display:inline-block; font-size:14px; margin-bottom:10px;  }
.produktyWkategorii { display:block; margin:10px ; }
.produkt-oferta-produktyWkategorii { width:95%; }
.produkt-oferta:nth-child(3n+2)::before {
	left: 0;
	content: '';
	display: block;
	height: 290px;
	background-color: #c8c8c8;
	width: 1px;
	position: absolute;
	top: 50px;
}

.produkt-oferta:nth-child(3n+2)::after {
	right: 0;
	content: '';
	display: block;
	height: 290px;
	background-color: #c8c8c8;
	width: 1px;
	position: absolute;
	top: 50px;
}

#zapytajOprodukt .form-control, #zamowprodukt .form-control {
	font-size: 14px;
	border-radius: 0;
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #606060;
}

.produktThumbs .swiper-slide {
  opacity: 0.5;
  cursor: pointer;
}

.produktThumbs .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid var(--color-07);
}

.produktySwiper .swiper-slide {
  height: auto;
}

.produktySwiper .produkt-oferta {
  width: 100%;
}

@media (max-width: 992px) { .produkt-oferta { padding:1%; margin:0.2%; width:99%; } }

.produkt_img_box { overflow:hidden; padding:1rem; border:1px solid var(--color01); }
.produktThumbs img {
	max-width: 100%;
	height: 100px;
	object-fit: cover;
	width: 100%;
}
.produktSwiper img {
	max-width: 100%;
    width: 100%;
	height: 500px;
	object-fit: scale-down;
}
.produkt_img_box {
	overflow: hidden;
	padding: 1rem;
	border:1px solid var(--color-12);
}
.produkt_cena_box { font-size:22px;  font-weight:300; }
.produkt_cena_box span { font-size: 32px;	padding: 0;	margin: 0;	display: block;}
.produkt_cena_box strike { font-size: 20px; opacity:0.6;	padding: 0;	margin: 0;	display: block;}
.produkt-niedostepny { display:block; font-size:16px; color:red; }

#opis-charakterystyka img { max-width: 15%; }

@media (max-width: 500px) { #opis-charakterystyka img { max-width: 25%; } }

.mapa { padding:1rem; border:1px solid var(--color-12); display: inline-block; }

#tabela-inwestycja { font-size:1rem; }
#tabela-inwestycja table th {
	white-space: normal;
    vertical-align: top;
    overflow-wrap: break-word;
    text-align: center;
}
#tabela-inwestycja table td { text-align: center; }


.inwestycjeSwiper {
    width: 100%;
    overflow: hidden;
}

.inwestycjeSwiper .swiper-slide {
    height: 500px;
}

.inwestycjeSwiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* strzałki */
.inwestycjeSwiper .swiper-button-next,
.inwestycjeSwiper .swiper-button-prev {
    width: 45px;
    height: 45px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
}

.inwestycjeSwiper .swiper-button-next:after,
.inwestycjeSwiper .swiper-button-prev:after {
    font-size: 18px;
    color: #fff;
}

#kontaktCta { color:#fff; max-width:60%; margin: 0 auto 5rem auto; }
#kontaktCta h2 { color:#fff; }
#kontaktCta .btn-zapytajoprodukt {
	color: #fff;
	display: block;
	margin: auto;
	font-size: 1.5rem;
	border-radius: .5rem;
	font-weight: 300;
	padding: .75rem 4rem;
}


@media(max-width: 768px) {

    .inwestycjeSwiper .swiper-slide {
        height: 300px;
    }

}


.investment-schedule {
    padding: 1rem 0;
}

.investment-schedule h2 {
    margin-bottom: 20px;
}

.investment-schedule > .container > p {
    max-width: 700px;
    margin-bottom: 50px;
}

.schedule-items {
    display: flex;
    justify-content: space-between;
    position: relative;
    gap: 30px;
}

.schedule-items::before {
    content: "";
    position: absolute;
    top: 35px;
    left: 10%;
    right: 10%;
    height: 2px;
    background: #ddd;
}

.schedule-item {
    flex: 1;
    text-align: center;
    position: relative;
}

.schedule-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 25px;
    border-radius: 50%;
    background: #5f0c0c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.schedule-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.schedule-content p {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
.table td,
.table th {
    white-space: nowrap;
}


@media(max-width: 768px) {
    .schedule-items {
        display: block;
    }

    .schedule-items::before {
        display: none;
    }

    .schedule-item {
        margin-bottom: 40px;
    }
}

@media (max-width: 600px) { 
.produkt_img_box { height:auto; width:100%; padding:5px; } 
.produkt_opis_box { margin:3% 1% 2% 1%; width:98%; } 
.produktThumbs img { height: 60px; }
.produktSwiper img {	height: 300px; }
}
 
 
.btn-zapytajoprodukt {	display: block;	margin: 15px 0;}
.btn-zapytajoprodukt:hover { opacity:0.8; }
.modal-dialog {	max-width: 600px;}
.modal-content {	border: 0;	padding: 30px;	font-size: 14px; border-radius:0; }
.form-control {	font-size: 14px; padding: 10px;}
.form-group {	margin-bottom: 0; }
.star { color:red; }

@media (max-width: 768) { 
.modal-content {	padding: 10px;	font-size: 12px; } 
.form-control {	font-size: 12px;	padding: 5px 10px; } 
.h5, h5 {	font-size: 1rem; }
}
 

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

.anim {  opacity:; -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, 60px, 0);
        transform: translate3d(0, 60px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 0.85s;
    animation-duration: 0.85s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.16, 1, .3, 1);
    animation-timing-function: cubic-bezier(.16, 1, .3, 1);
}@-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: 0 auto 1rem auto;	padding: 1.5rem 0 0 0; position:relative;}
.breadcrumb-container  { overflow: hidden;	height: 40px;	overflow-x: auto;}
.breadcrumb {	margin: 0;	font-size: .9rem;	font-weight: 400;	width: max-content;	display: inline-flex;}
.container-ps-ng, .container-ps-ng a { color: var(--color-10); }
 .breadcrumb-item.active { color: var(--color-07); }
.container-ps-ng a:hover { opacity:0.8; }
.container-ps-ng h1 {	color: var(--color-11);	font-weight: 800; }
.container-ps-ng h2 {	color: var(--color-02);	font-weight: 400; margin-bottom: 0; }
.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(--color-05);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;}

/* ==========================================================================
PASSWORD
========================================================================== */ 

.password-card {	margin: 5% auto;	width: 100%; max-width:600px; text-align: center;	color: #555;	padding: 4% 2%;}
.password-card h3 {	text-transform: uppercase;	font-weight: 300;	margin-bottom: 2rem; }
.password-card ion-icon { font-size:80px; color:#555; }
.password-card .btn {	width: 100%;	margin-top: 10px;}
@media (max-width:  768px) { .password-card .alert-danger {	font-size: 13px;	padding: 5px;} .password-card h3 { font-size:22px; }.password-card ion-icon {	font-size: 60px; } }


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

.contact-bg {
	color: var(--color-05);
	padding-top: 3rem;
	padding-bottom: 3rem;
	background-color: var(--color-01);
	}
.contact-bg .h1 {	color: var(--color-05);	font-weight: 200;	margin-bottom: 20px;	display: block; font-size: 2.5rem;}
.contact-bg .form-control {	border: 1px solid rgba(255,255,255,0.4);	margin: 10px 0;	background-color: rgba(00,00,00,0.1);	color: var(--color-05);	height: 40px;	padding: 25px;}
.contact-bg textarea.form-control, .contact-bg .contact-bg textarea.form-control { height:172px; }
.contact-bg contact-btn {	font-size: 14px;	height: 40px;	width: 100%; }
.contact-bg .form-alert { border:1px solid red; }
.contact-bg .contact-container {	width: 80%;	margin: auto; padding-top: 1rem; }
.contact-bg .contact-container img {width:50px; margin-right: 1rem;}
.contact-bg .contact-container a {color:#fff;}
.contact-bg .contactInfo { font-size: .75rem; }

@media (max-width:  768px) { 
.contact-bg {	padding-top: 5vh;	padding-bottom: 5vh; }
.contact-bg .h1 {	margin-bottom: 10px;	font-size: 24px; margin-top: 20px; }
.contact-bg .form-control {	padding: 20px;	font-size: 14px; }
}

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

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

/* ==========================================================================
DOWNLOAD
========================================================================== */ 

.download-box {  float: left;  height: 160px;  margin: 0 1px 1px 0;  overflow: hidden;  position: relative;  text-align: center;  width: 140px; }
.download-box span { font-weight:bold; }	

/* ==========================================================================
FORMULARZ WYCENY
========================================================================== */

.wycena_container {position:fixed;top:0;z-index: 10000;}
.wycena_container_bg {  background-color: rgba(42, 42, 42, 0.6);  display: none;  height: 100%;  margin: 0 auto;  position: fixed;  text-align: center;  width: 100%;  z-index: 10001;}
.wycena_container_content {  background-color: rgba(42, 42, 42, 0.9);  border-right: 10px solid var(--color-02);  display: block;  font-size: 13px;  padding: 20px;  position: fixed;  width: 100%;  height:100%;  z-index: 10002;  color:var(--color-05);  left:-100%;}
.wycena_form {  float: left;  margin: 0 0 30px;  position: relative;  width: 100%;}
.wycena_form_text {  color: var(--color-02);  float: left;    font-size: 22px;  font-weight: 300;  left: 0;  margin: 0;  position: relative;  text-align: right;  top: 0;  width: 30%;}
.wycena_input {  padding: 10px 0 8px 10px; background: transparent;  border-color: #515252 #515252 #515252;  border-style: solid;  border-width: 0 0 1px;  float: right;    font-weight: 300;  font-size: 20px;  width: 65%;  color:#AAA;}
.wycena_select {  background: transparent;  border-color: #515252 #515252 #515252;  border-style: solid;  border-width: 1px;  float: right;    font-weight: 300;  font-size: 20px;  width: 65%;  padding:5px 10px;  color:#AAA;}
.wycena_textarea {  background: transparent;  border-color: #515252 #515252 #515252;  border-style: solid;  border-width: 1px;  float: right;    font-weight: 300;  font-size: 20px;  width: 65%;  padding:5px 10px;  color:#AAA;}
select.wycena_select > option {	  padding:5px 10px;}
.wycena_container_ng {  color:var(--color-05);	    font-weight: 300;  font-size: 32px;  text-transform: uppercase;  text-align:right;  margin:15px 0;  color:#5f5f5f;  padding-top: 50px;}	
.formularz_btn {  cursor: pointer;  display: block;  position: absolute;  right: -47px;  text-align: right;  top: 40%;}
.formularz_close_btn {	cursor:pointer;	display:block;	float:right;	position:relative;	margin:-20px -20px 0 0;	width:50px;	height:50px;}
.formularz_close_btn img {max-width:100%;}
.wycena_submit {  background: var(--color-02) none repeat scroll 0 0;  border: 0;  color: var(--color-05);  cursor: pointer;  float: right;    font-size: 16px;  font-weight: 300;  margin: 0;  padding: 10px 40px;  text-transform: uppercase;}

@media (max-height: 800px) {	
	.wycena_container_ng {  font-size: 26px;  margin: 5px 0; }
	.wycena_select {  font-size: 16px;  padding: 2px 10px;  width: 65%; }
	.wycena_form_text, .wycena_input, .wycena_textarea { font-size: 18px; }
	.wycena_form { margin-bottom:5px; }
	.wycena_submit { padding: 5px 40px 3px 40px; font-size:12px; }	
}

@media (max-width: 700px) { 
.wycena_form_text, .wycena_select {	font-size: 14px; width: 95%; }
.wycena_container_ng {	font-size: 22px; padding-top: 30px; }
.wycena_form_text, .wycena_input, .wycena_textarea {	font-size: 14px; padding:3px 0 3px 3px;}
.wycena_textarea, .wycena_input { width:95%; }
 }


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

	.foto_galeria span {  background-color: var(--color-02);  bottom: 0;  color: var(--color-05);  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: 2rem; }
	.gallery-category span {	position: absolute;	display: block;	width: 90%;	bottom: 15%;	background: rgba(9, 9, 9, 0.65);	color: var(--color-05);	font-size: 1.15rem;	padding: 10px 20px;	text-align: center;	font-weight: 600;	margin: 0 5%;	border-radius: 1rem;}
	
	@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: 250px;      object-fit: cover;      max-width: 100%;      min-width: 100%;      vertical-align: bottom; border-radius: 2rem; }
	.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; border-radius: 0.5rem; }
		.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(--color-05);
	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;}
}



/* ==========================================================================
Wyszukiwarka TOP
========================================================================== */ 

#szukaj-top {	display: block;	z-index: 2;	position: absolute;	background: var(--color-05);	width: 100%;	text-align: center;	margin: 0;	padding: 25px 0;	left: 0;	top: 0;	margin-top:-100px; height: 100px;}
.navbar-mini #szukaj-top { padding: 5px 0; height: 60px; }
#szukaj-top.szukaj-top-active {	margin-top:0;}
.navbar-mini #szukaj-top.szukaj-top-active { margin-top:0;	padding: 5px 0;}
.navbar-mini #szukaj-top.szukaj-top-active .szukaj-top-close {	top:0;}
.szukaj-top-input {	width: 50%;	display: inline-block;	height: 3rem;	padding: 0.5rem 1rem; font-size:1rem;	margin: 0;	vertical-align: middle; border: 1px solid #ced4da; border-radius: 0;}
.szukaj-top-input:focus { border: 1px solid #ced4da; }
.szukaj-top-btn { padding: 0 1rem; display: inline-block; vertical-align: middle;	text-transform: uppercase;	margin-left: -5px;	height: 48px;	border-radius: 0; border: 0; background-color: var(--color-02);	color: var(--color-05); font-weight: 300;	cursor: pointer; font-size: 1rem; }

.szukaj-top-close {	box-sizing: content-box;	width: 1.5em;	height: 1.5em;	padding: .25em .25em;	color: #000;	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;	border: 0;	border-radius: 0;	opacity: .5;	vertical-align: middle;	font-size: 1.5rem;}
.szukaj-top-icon {	font-size:30px;	color:#777;	margin:0 20px;	cursor:pointer;}
.szukaj-top-icon:hover, .szukaj-top-close:hover {	opacity:0.5;}
.szukaj-top-search {	display: inline-block;	width: 35px;	height: 40px;	vertical-align: middle;	margin-right: 10px;}
.szukaj-container {text-align:center;	font-size:24px;margin-bottom:200px}
.szukaj-container span {display:block;margin:20px;	font-size:52px;}
.szukaj-container p { display:block;font-size:20px;	}
.szukaj-container  #szukaj-top { position: inherit;	background: transparent;	margin: 0;	margin-top: 0px; }
.szukaj-container .szukaj-top-close { display:none; }
.szukaj-wynik-01 { font-size:24px; }
.szukaj-wynik-02 {	padding: 1.5rem;	border: 1px solid #EEE;	margin: 1rem 0; }
.szukaj-wynik-03 {	font-size: 1.2rem;	margin-bottom: 1rem;	padding-bottom: .5rem;}

@media (max-width: 768px) {	
#szukaj-top.szukaj-top-active {	padding: 5px 0;	height: auto;}
.szukaj-top-search {display:none;}
.szukaj-top-input {	width: calc(90% - 120px);	padding: 5px 10px;	margin: 5%;	height: 35px;}
.szukaj-top-btn {	padding: 5px 10px;	width: 80px;	margin: 0 0 0 -3rem;	height: 35px;}
.szukaj-wynik-01 {	font-size: 18px; }
.szukaj-container p {	font-size: 16px; }
.szukaj-container span {	margin: 10px;	font-size: 38px; }
.szukaj-container #szukaj-top {	padding:0; font-size: 20px;  }
}			

/* ==========================================================================
MENU VERTICAL
========================================================================== */ 

.menu-vertical, .menu-vertical ul, .menu-vertical li {    list-style: none;}
.menu-vertical ul {    padding: 0; display:none; }
.menu-vertical {    padding: 4px;    margin: 0px;}
.menu-vertical > li {    margin: 4px 0; position: relative;}
.menu-vertical > li li {    margin: 2px 0; position: relative;}
.menu-vertical a {  color: var(--color-01); display: block;    outline: none; font-size:0.9rem;   text-decoration: none; background-color: var(--color-09); border-radius: .25rem;	font-weight: 400; padding: 10px 20px; height: 45px;}
.menu-vertical li > a > span {    float: right;    font-size: 27px;    font-weight: bolder;}
.menu-vertical li > a:hover > span {    color: var(--color-05);}
.menu-vertical li > a > span:after {    content: '\25be';}
.menu-vertical li.open > a > span:after {    content: '\25b4';}
.menu-vertical a:hover, .menu-vertical li.active > a {    background-color: var(--color-02);    color: var(--color-05);}
.menu-vertical > li.active > a  {    background-color: #4D90FE;}
.menu-vertical li li a { padding: 10px 10px 10px 50px; }
.menu-vertical li li li a {	padding: 10px 10px 10px 70px; }
.menu-vertical .select { color: var(--color-05); background-color: var(--color-07); }
.menu-vertical .openMenu { display:block; }
.menu-vertical .submenu span:before {	content: '';	position: absolute;	top: 0;	right: 1px;	font-size: 27px;	height: 45px;	width: 45px;	text-align: center;	cursor:pointer; color: var(--color-01); border-radius:.25rem; }
.menu-vertical .submenu span:before {
	background: no-repeat center / contain;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5'/%3E%3C/svg%3E");
	transform: rotate(0deg);
    transition: transform 0.2s ease;
	background-size: 50%;
}
.menu-vertical .submenu span.open:before { content: ''; transform: rotate(180deg); }
.mv-mobile-btn { font-size: 14px;	line-height: 22px;	padding: 10px 10px;	border: 1px solid var(--color-01);	color: var(--color-01);	cursor: pointer;	text-align: center;	position:relative;	display:none;}
.mv-mobile-btn:before {	content: '\25be';	position: absolute;	top: 10px;	right: 1px;	font-size: 27px;	height: 45px;	width: 45px;	text-align: center;	cursor:pointer;  border-radius:.25rem; }
.mv-mobile-btn-open:before { content: '\25b4'; }

@media (max-width: 992px) {
.menu-vertical .submenu span::before {	right: 1px;	font-size: 22px;	width: 40px; }
.menu-vertical li a {	padding: 8px 10px 8px 25px; }
.menu-vertical > li > a {	font-size: 12px;	padding: 5px 10px;}
.mv-container { display:none; }
.mv-container-open { display:block; }
.textMargin { margin-top:1rem; }
.mv-mobile-btn { display:block; }
}

/* ==========================================================================
MENU TOP
========================================================================== */ 
.bg-light {	background: var(--color-01) !important;	 box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);}
.navbar-max { height:125px; }
.navbar-max {
	background: transparent !important;
	border-bottom: 1px solid rgba(255,255,255,.25);
	box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
}
.navbar-mini { height:60px; }
.nav-column-1 { display:inline-block; width:30%; text-align: center; vertical-align: middle;}  
.nav-column-2 { display:inline-block; width:35%; text-align: center; vertical-align: middle; }
.nav-column-3 { display:inline-block; width:35%; text-align: right; vertical-align: middle; }
.main-navigation, .nav-top-icon {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.15rem;
	font-weight: 500;
}
.main-navigation, .nav-top-icon a { color: #fff; }
.navbar-mini .navbar-brand  { height:auto; }
.navbar-mini .navbar-brand img { max-width: 50%;	padding: 0.15rem 0;	height: auto;	width: 100px;}
.navbar-max .navbar-brand  img { max-width:100%; padding: 0.75rem 0; height: auto;	width: 200px;  background: #5c0f0d; padding: 10px;}
.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; }
.main-navigation ul li a {
	display: block;
	padding: 10px .85rem;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	font-size: 1.15rem;
	text-align: left;
	font-weight: 500;
	position: relative;
}
.main-navigation ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
    opacity: 0.8;
}

.main-navigation ul li a:hover::after { transform: scaleX(1);}
.main-navigation ul li a:hover { background: transparent; color:var(--color-05); }
.main-navigation li:hover li { float: none; }
.main-navigation li:hover a { background: var(--color-09); }
.main-navigation li:hover li a:hover { background: var(--color-02); color:var(--color-05); }
.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; }
.iconTop {	width: 30px;	margin: 0 .25rem 0 2rem;}

@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(--color-01);	width: 100%;	top: 0;	z-index: 999;	margin-right: 60px;	padding: 60px 0px 20px 60px;	border-right: 1px solid var(--color-03);	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(--color-06);	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: '';	position: absolute;	top: 5px;	right: 10%;	font-size: 23px;	height: 37px;	width: 45px;	text-align: center;	cursor: pointer;	border-left: 1px solid var(--color-06);}
.main-navigation .submenu span.open:before { content: ''; }
.main-navigation .submenu span::before {
	background: no-repeat center / contain;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5'/%3E%3C/svg%3E");
	transform: rotate(0deg);
	background-size: 50%;
}
.main-navigation .submenu span.open:before { content: ''; transform: rotate(180deg); 	border-right: 1px solid var(--color-06); 	border-left:0; }

.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; }
}



/* ==========================================================================
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,
	.iconTop,
	.navbar-mini .iconTop
	{	
		transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
	

/* ==========================================================================
PHONE
========================================================================== */ 
   
@media (max-width: 1450px) {
	.btn {	font-size: .9rem; }
	h1, .h1 {	font-size: 2.7rem;}
	h2, .h2 {	font-size: 1.5rem;}
	.contact-bg .h1 {	font-size: 2.25rem; }
	.main-navigation ul li a {	font-size: 1rem; padding: 10px .75rem; }
	.main-navigation, .nav-top-icon { font-size: 1rem; }
	.iconTop {	width: 25px;}
	.homeSlidNg { font-size: 3.2rem; }
	.homeSlidNg span {	font-size: 2.2rem;}
	.infoIconItem img {	width: 40px;	height: 40px; }
	.infoIconItem span { font-size: .8rem; }
	.ng2 {	font-size: 2.4rem; }
	body {	font-size: 1rem; }
	.btn {	padding: .8rem 2rem;	font-size: .8rem; }
	.oferta-item h2 { font-size: 1.6rem; }
	.inwestycja-item span {	font-size: 1.2rem; }
	.ng2::after {	height: 4px; }
	.kontaktInfo p { font-size: 1.2rem; }
	.lead {	font-size: 1rem;}
}

@media (max-width: 1300px) {
	.main-navigation ul li a {	font-size: .9rem; padding: 10px .5rem; }
	.main-navigation, .nav-top-icon { font-size: .9rem; }
}
	
@media (max-width: 992px) {
body {font-size: .9rem;}
.navbar-max { height: 60px; backdrop-filter: none; background: var(--color-01) !important; }
main { margin-top:60px; }
.margin-section {	padding-top: 25px;	padding-bottom: 25px; }
.carousel_top { margin-top:51px; }
.foot_mobile { text-align:center !important; font-size: .55rem; }
.foot_mobile img { max-width:100%; }
footer { font-size:12px; padding:5px 0; }
.flex-direction-nav { display:none; }
#cookies-message {	padding: 10px;	bottom: 0;	left: 0;	width: 100%;}
.container-ps-ng {	margin: 0 auto 10px auto;	padding: 0 0 0 0; }
.container-ps-ng hr {	margin: 1rem 0 0 0; }
.formularz_btn { display:none; }
.nav-top-icon {	width: 110px;	position: fixed;	top: 15px;	right: 80px;}
.nav-top-icon span { display:none; }
h1, .h1 {    font-size: 2rem;    line-height: 1.15;    margin: 0.75rem 0;  }
h2, .h2 {    font-size: 1.35rem;    line-height: 1.2;    margin: 1.25rem 0 0.75rem;  }
h3, .h3 {    font-size: 1.25rem;    line-height: 1.25;    margin: 1rem 0 0.5rem;  }
h4, .h4 {    font-size: 1.125rem;    line-height: 1.3;    margin: 0.75rem 0 0.5rem;  }
.homeFoto { display:none; }
.btn {	padding: 0.3rem 2rem; font-size: .75rem; }
.contact-btn { height: 35px;	width: 100%;}
.breadcrumb { font-size: 0.75rem; margin-top: 1rem;}
.btn-top {	padding: 0.4rem 1.25rem;	position: absolute;	right: 120px;}
.kontaktInfo p {font-size: 1rem; }
.iconTop {	width: 30px;	margin: 0 .5rem; }
.main-navigation ul li a {	font-size: 1.5rem;	border-bottom: 0;}
.sliderSwiper .swiper-button-prev {	margin-left: 0; }
.sliderSwiper .swiper-button-next {	margin-right: 0;}
.sliderSwiper .swiper-button-next::after, .sliderSwiper .swiper-button-prev::after { font-size: 1.5rem; }
.ng1 {	font-size: 1.5rem; }
.ng1::before {	bottom: -20px;	width: 150px; }
.ng2 {	font-size: 1.5rem; }
.section {	padding: 1rem 0; }
.homeBox {	padding: 1rem;	width: calc(100% - 1rem);	margin: 0.5rem;}
.homeBox img {	width: 3rem;	height: 3rem;	object-fit: scale-down;	margin-top: 1rem; }
.contact-bg .contact-container {	padding-top: 1rem;	text-align: center; }
.footer-logo {	display: block;	margin: auto; margin-bottom: 1rem; }
.inwestycja-item {	border-radius: 1rem;	width: calc(100% - 2rem);	height: 300px;	margin: 0.5rem 1rem;}
.contact-bg .contact-container img { width: 40px; }
.infoIconItem { display:none; }
.homeSlidNg span {	font-size: 1.25rem; }
.homeSlidNg {	left: 3rem;	right: 3rem;	height: 250px;	font-size: 1.5rem;	margin-top: 3.5rem;}
.sliderSwiper .swiper-slide img {	height: 250px; }
.oferta-item {	width: calc(100% - 2rem); }
.inwestycja-item span {	font-size: 1rem; }
.mapa {	padding: .25rem;	width: 100%; }
.mapa iframe {	max-width: 100%; }
#kontaktCta {	max-width: 90%;	margin: 0 auto 2rem auto; }
.lead {	font-size: .9rem; }
#kontaktCta .btn-zapytajoprodukt {	font-size: 1.1rem;	border-radius: .25rem;	padding: .5rem 2rem; }
.kontakt { font-size: 1.05rem; }
#sm { background-image: initial; text-align:center; }
#sm img {	width: 4rem;	height: 4rem;	padding: 1rem;}
.news_ng1 { font-size:21px; }
.news_ng2 { font-size:18px; }
}