/* ==========================================================================
Font
========================================================================== */ 

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

/* ==========================================================================
USER STYLE
========================================================================== */ 	


:root {
  --color01: #DDDDDD;
  --color02: #ee7f0c;
  --color03: #ee7f0c;
  --color04: #FFFFFF;
  --color05: #020307;
  --color06: #636564;
  --color07: #000000;
  --color08: #444444;
  --color09: #f5f5f5;
}

@media (min-width: 1400px) { .container { max-width: 1480px; }}
body {	font-family: "Inter", sans-serif;	color: var(--color08); line-height: 1.75;}
.body-none-scroll { overflow:hidden; }
a:link, .navbar-toggler { outline:none; }
a { color:var(--color02); }
.ah:hover { opacity:0.6; cursor:pointer; }
a, a:hover, a:focus { text-decoration:none;  }
a:hover, a:focus {  color:var(--color07); }
main {  margin-bottom:50px;  margin-top: 150px;}
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(--color02); }
h2, .h2 { font-size: 1.25rem;	font-weight: 500; margin-bottom: 1rem; color: var(--color07); }
.news_ng1 { font-size:26px; line-height:1.5; font-weight:500; display:block; color:var(--color03);}
.news_ng2 { font-size:20px; line-height:1.5; font-weight:300; display:block; color:var(--color02); }
.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;}
hr {	background-color: var(--color01);	opacity: .25; }
.btn { background-color: var(--color03); color:var(--color04); padding: 0.5rem 3rem; font-weight: 300; cursor:pointer; border: 0;  transition: all .15s ease-in-out;}
.btn:hover { background-color: var(--color03); opacity:0.9; }
.btn-big {	font-size: 1rem;	font-weight: 600;	border-radius: 8px;	padding: 0.75rem 3rem;	transition: all .15s ease-in-out; }
.btn-top {	padding: 0.5rem 1.5rem;	text-transform: uppercase;	font-weight: 600;	border-radius: 0;	margin-left: 2rem;}
button:focus:not(:focus-visible) {	outline: 0;	box-shadow: none; }
.homeText h1 { font-size: 2.5rem; font-weight: 800; margin-bottom: 1rem; margin-top: 1rem; color: var(--color05); font-family: "Manrope", sans-serif; }
.homeText h2 { font-size: 2rem;	font-weight: 600; margin-bottom: 1rem; color: var(--color03); font-family: "Manrope", sans-serif; }
.homeText h3 { font-size: 1.35rem;	font-weight: 400; margin-bottom: 1rem; color: var(--color03); font-family: "Manrope", sans-serif; }
.homeText p {  margin-bottom: 1rem; color: var(--color06); }
.homeFoto {
	max-width: 90%;
	border-radius: 2rem;
	height: auto;
	width: auto;
	display: block;
	margin: 1rem auto 0 auto;
}
.marker {	background: yellow;	font-weight: bold; }
.section {	padding: 5rem 0 5rem 0;}
.section-bg {	background-color: var(--color09);	padding: 5rem 0 5rem 0;}
.section-h {	text-align: center;	font-size: 3rem;	color: var(--color05);	font-weight: 800; }
.section-h span {	position: relative;	display: inline-block;	z-index: 1;}

#rezerwacja .btn-close { right: 1rem; position: absolute; top: 1rem; z-index: 9; }
#rezerwacja .rezerwacja_1 {	font-size: 2rem;	color: var(--color03);	padding: 0 0 2rem 0;}
#rezerwacja .rezerwacja_2 {	font-size: 1.05rem;	color: var(--color07);	padding: 0;}
#rezerwacja .rezerwacja_3 {	font-size: 1.05rem;	color: var(--color03);	padding: 0;	font-weight: 600;}
#rezerwacja img {	margin-bottom: 0.5rem;	width: 40px;	height: 40px;}
#kontakt p {}
#kontakt h3 {	font-size: 1.5rem;	color: #ee7f0c; font-weight:600;}
#kontakt .form-control {	border: 1px solid rgba(255,255,255,0.4);	margin: 10px 0;	background-color: rgba(00,00,00,0.1);	height: 40px;	padding: 25px;}
#kontakt textarea.form-control { height:172px; }
#kontakt .contact-btn {	font-size: 14px;	height: 40px;	width: 100%; }
#kontakt .form-alert { border:1px solid red; }
#kontakt .contact-container {	width: 80%;	margin: auto; }
#kontakt .contactInfo { font-size: .75rem; }
#usluga .usluga-avatar { border-radius: .5rem; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,.075); max-width:100%; top: 110px; position: sticky;}
#usluga h3, #onas h3, #fundacja h3 { font-size: 1.5rem;	color: var(--color03);	font-weight: 600; margin-bottom: 1.25rem; margin-top: 4rem;}
#usluga .section-h { margin-top:2rem; }
#onas img {	max-width: 80%;	border-radius: 2rem;	display: block;	margin: 1rem auto 5rem auto;}
.sliderTopContainer {  position:relative;  width:100%; height:650px; }
.sliderTop {	width: 100%;	max-width: 100%;	position: absolute;	left: 0;	top: 0;	object-fit: cover;	z-index: 1;	height: 100%;}
.sliderTopContainerNg {	display: block;	z-index: 2;	position: absolute;	left: 15rem;	top: 15rem;	line-height: 5rem;	text-shadow: 3px 4px rgba(0,0,0,0.5);}
.sliderTopContainer .ng1 {	font-size: 5.5rem;	font-weight: 900;	color: var(--color04);}
.sliderTopContainer .ng2 {	font-size: 4rem;	font-weight: 800;	color: var(--color03);}
.modalBtn {	display: inline-block;	border: 1px solid #ccc;	padding: 2rem 2rem;	height: 160px;	width: 90%;}
#kroki { margin: 5rem auto; }
#kroki .krok {	background: var(--color09); 	border-radius: 2rem;	padding: 4rem 2rem; text-align: center;}
#kroki .krok i { color: var(--color03); font-size: 2rem; }
#kroki .krok .avatar { width:80px; height:80px; }
#kroki .krok hr  {	background: var(--color03);	height: 6px;	opacity: 1;	width: 50px;	display: block;	margin: auto;	border-radius: 1rem;}
#kroki .krok h5 {	font-size: 1.45rem;	font-weight: 700;}
#kroki .krok p { font-size: 1.1rem;	font-weight: 300;}
h3.ng3 {	text-align: center;	margin-bottom: 2rem;	font-size: 2.5rem;	font-weight: 800;	color: var(--color03);}
.rezerwacjaBtn {	display: block;	margin: 1rem auto;	font-size: 1.35rem;	font-weight: 600;	padding: 1rem 5rem;}
#homeImg .home-img {	max-width: 100%;	border-radius: 1rem;	border: 1px solid #ddd;	height: 400px;	object-fit: cover;	width: 100%;}
#homeImg .swiper-pagination { bottom: 0; }
#homeImg .swiper-pagination-bullet {	width: 15px;	height: 15px;}
#homeImg .swiper-pagination-bullet-active {	background: var(--color03) ;}
#homeImg .swiper-wrapper {margin-bottom: 3rem;}

/* ==========================================================================
Swiper
========================================================================== */ 

.sliderHome { margin-top:150px; }
.sliderSwiper { width: 100%; }
.sliderSwiper .swiper-slide img {	display: block;	width: 100%;	height: auto;	object-fit: cover; }
.sliderSwiper .swiper-pagination-bullet { width: 100%;	height: 15px;	background: var(--color03);	border-radius: 15px;	transition: max-width .3s ease-in-out,background-color .3s ease-in-out;	max-width: 15px;}
.sliderSwiper .swiper-pagination-bullet-active {	max-width: 60px;}

@media (max-width: 992px) {
	.sliderHome { margin-top:0; }
	.sliderSwiper .swiper-slide img {height: 200px; 	}
	.sliderSwiper {	 height: auto;  }
	.sliderSwiper .swiper-wrapper { padding-bottom: 35px; }
}

/* ==========================================================================
Shop
========================================================================== */ 

.search-top-container .search-top-icon {	width: 100%;	height: 100%; }
.search-top-container { display: inline-block; width:30px; height:30px; cursor:pointer; margin: 0 1rem; }
.produkt-oferta {	background-color: var(--color04);	text-align: center;	display: inline-block;	padding: 1%;	margin: 0.2%;	width: 32.5%;	border: 1px solid var(--color01);}
.produkt-oferta-img { max-width:100%; }
.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%; }

@media (max-width: 992px) { .produkt-oferta { padding:1%; margin:0.2%; width:99%; } }

.produkt_img_box { overflow:hidden; width:40%; padding:5px; border:1px solid var(--color01); float:left; text-align: center;}
.produkt_img_box img { max-width:100%; }
.produkt_opis_box { float:left; margin:0 0 0 2%; width:58%; }
.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; }
@media (max-width: 600px) { .produkt_img_box { height:auto; width:100%; padding:5px; border:1px solid var(--color01); } .produkt_opis_box { margin:3% 1% 2% 1%; width:98%; } }
 
 
.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: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: 6.5rem auto 1rem auto;	padding: 1.5rem 0; position:relative;}
.breadcrumb-container  { overflow: hidden;	height: 40px;	overflow-x: auto;}
.breadcrumb {	margin: 1rem 0 0 0;	font-size: 0.8rem;	font-weight: 400;	width: max-content;	background: var(--color09);	padding: 0.25rem 1.25rem;	border-radius: .5rem;}
.container-ps-ng, .container-ps-ng a { color: var(--color07); }
 .breadcrumb-item.active { color: var(--color02); }
.container-ps-ng a:hover { opacity:0.8; }
.container-ps-ng h1 {	color: var(--color05);	font-weight: 900; }
.container-ps-ng h2 {	color: var(--color06);	font-weight: 300;}
.container-ps-ng hr {	margin: 2rem 0 0 0; }
.breadcrumb-item + .breadcrumb-item::before { color: rgb(86, 89, 115);	content: "/"; }
.close { cursor: pointer; }
.line {
	width: 100px;
	height: 5px;
	background: var(--color03);
	margin-bottom: 1rem;
}



/* ==========================================================================
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: 7px 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: 3px;width: 50%;background: var(--color03);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; } }


/* ==========================================================================
Footer
========================================================================== */ 

.footer-container {	background-color: #252422;	color: var(--color04);	background-image: url("../img/roxrent-footerBg.svg");	background-size: 100% auto;	background-repeat: no-repeat;	padding: 300px 0 100px 0;	background-position: 0 -5px; font-size: 0.9rem;}
.footer-container .footer {	display: grid;	grid-template-columns: 1fr 1fr 1fr 1fr;	grid-gap: 20px;	padding: 15px;}
.footer-container .footerLogo {	margin: 10px 0; }
.footer-container img {	width: 30px;	height: 30px;	margin-right: 0.75rem;}
.footer-container .footer h6 {	cursor: pointer;	font-size: 20px;	margin: 0;	color: var(--color03);	font-weight: 600;	position: relative;	display: block;	margin-bottom: 0;	user-select: none;}
.footer-container .footerCol {	max-height: none;	overflow: hidden;	transition: max-height 0.2s ease-out; margin: .5rem 0 1rem 0;}
.footer-container ul { padding: 0;	list-style: none;}
.footer-container a { color: var(--color04); }
.footer-container a:hover { color: var(--color01); }
.footer-container p { margin: 0; }

@media (max-width: 1400px) {
	.footer-container {	padding: 200px 0 50px 0;}
}	
@media (max-width: 992px) {
	.footer-container .footer {	grid-template-columns: 1fr; grid-gap: 0;}
	.footer-container .footerCol {	max-height: 0;}
	.footer-container {	padding: 50px 0 25px 0; }
.footer-container .footer h6::before {
	content: '+';
	color: #ee7f0c;
	font-size: 26px;
	position: absolute;
	right: 10px;
	top: 2px;
	font-weight: 400;
	line-height: 1rem;
}
	.footer-container .footer h6.active::before {	content: '-'; }
}

/* ==========================================================================
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;}
	

	
/* ==========================================================================
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; }	
	
/* ==========================================================================
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
========================================================================== */ 

.foto_galeria span {
	color: var(--color05);
	display: block;
	text-align: center;
	width: 100%;
	font-size: 0.9rem;
	line-height: 1.25rem;
	padding: 0.25rem 0.75rem;
}
.foto_galeria {
	height: 300px;
	margin: 0 .5% .5% 0;
	overflow: hidden;
	position: relative;
	width: 19%;
	display: inline-block;
}
.foto_galeria img {
	opacity: 1;
	width: 100%;
	object-fit: contain;
	height: 250px;
	border-radius: .5rem;
	border: 1px solid var(--color01);
}
	.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:260px; } .foto_galeria img { height:210px; } .foto_galeria span { font-size: 0.75rem;	line-height: 1rem; }}
	@media (max-width: 1200px) { .gallery-category { width:31%; } .foto_galeria { height:230px; } .foto_galeria img { height:180px; }   }
	@media (max-width:  992px) { .gallery-category { width:48%; } .foto_galeria {	width: 32%; } .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 { height: 240px; } }
	@media (max-width:  450px) { .gallery-category { width:98%; } .foto_galeria { width:48%;  } }
	@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: 300px;      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: absolute;	width: 100%;	min-height: 20px;	color:var(--color04);	text-align:center;	z-index: 10003;	background-color: var(--color02);		padding:5px 0;		font-size: 25px;	}

/* ==========================================================================
Wyszukiwarka TOP
========================================================================== */ 

#szukaj-top {	display: block;	z-index: 2;	position: absolute;	background: rgba(240, 240, 240, 0.95);	width: 100%;	text-align: center;	margin: 0;	padding: 40px 0;	left: 0;	top: 0;	margin-top:-150px; height: 150px;}
.navbar-mini #szukaj-top { padding: 5px 0; height: 90px; }
#szukaj-top.szukaj-top-active {	margin-top:0;}
.navbar-mini #szukaj-top.szukaj-top-active { margin-top:0;	padding:20px 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 1.5rem;	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(--color02);	color: var(--color04); 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; fill:#513b34;}
.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;	color: #000;	opacity: 0.5;	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: #333;    display: block;    outline: none;    text-decoration: none;}
.menu-vertical li > a > span {    float: right;    font-size: 27px;    font-weight: bolder;}
.menu-vertical li > a:hover > span {    color: var(--color04);}
.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(--color02);    color: var(--color04);}
.menu-vertical > li.active > a  {    background-color: #4D90FE;}
.menu-vertical li a {	border-bottom: 1px solid var(--color01); padding: 10px 10px 10px 25px; }
.menu-vertical li li li a {	padding: 10px 10px 10px 50px; }
.menu-vertical > li > a {	font-size: 16px;	line-height: 22px;	padding: 10px 10px;	border: 1px solid var(--color01);	color: var(--color05);}
.menu-vertical .select { color: var(--color04); background-color: var(--color02); }
.menu-vertical .openMenu { display:block; }
.menu-vertical .submenu span:before {	content: '\25be';	position: absolute;	top: 1px;	right: 1px;	font-size: 27px;	height: 42px;	width: 42px;	text-align: center;	cursor:pointer; }
.menu-vertical .submenu span.open:before { content: '\25b4'; }
.menu-vertical .submenu span:hover:before{ background-color:#eee; }

@media (max-width: 992px) {
.menu-vertical .submenu span::before {	right: 1px;	font-size: 22px;	height: 32px;	width: 40px; }
.menu-vertical li a {	padding: 8px 10px 8px 25px; }
.menu-vertical > li > a {	font-size: 12px;	padding: 5px 10px;}
}

/* ==========================================================================
MENU TOP
========================================================================== */ 

.navbar-max { height:150px; }
.navbar-mini { height:110px; }
.nav-column-1 { display:inline-block; width:18%; text-align: left; vertical-align: middle;}  
.nav-column-2 { display:inline-block; width:82%; 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; max-height:45px;}
.navbar-max .navbar-brand img {	max-width: 100%; height: auto;	width: auto;	max-height: 75px;}
.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,.15); flex-flow: wrap; padding:0;}
.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: 3px 3px 3px 0px rgba(0,0,0,0.1); }
.main-navigation ul li a { display: block;	padding: 0.5rem 1.5rem;	text-decoration: none;	white-space: nowrap;	color: var(--color07);	font-size: 1.1rem;	text-align: left;	font-weight: 500;	margin: 0;}
.main-navigation ul li a { padding: 0.5rem 1rem; }
.main-navigation ul li a:hover { background: var(--color02); 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; }

.navbar-max .headerNav { height:100px; }
.navbar-mini .headerNav { height:60px; }
.headerContact, .navbar-max .headerContact {	width: 100%;	text-align: right;	background: var(--color04);	border-bottom: 1px solid #eee;	padding: 0.5rem;}
.headerContact img {	width: 22px;	margin-right: 0.5rem;	height: 22px;}
.headerContact .head-info span { margin-right: 1.5rem; }
.headerContact .head-info {	height: 30px;	font-weight: 600;	font-size: 0.8rem;	align-items: center;	display: flex;}
.headerContact .head-info a {	color: var(--color05);	font-weight: 400;}
.headerContact .head-info a:hover { opacity:0.8; }

@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 #eee;	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 #eee;	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;}
.navbar-max .navbar-brand img, .navbar-mini .navbar-brand img {	width: auto;	height: 18px;	padding: 0;	position: absolute;	left: 15px;	top: 22px;}
.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: 0;	right: 10%;	font-size: 23px; line-height: 3rem;	height: 48px;	width: 45px;	text-align: center;	cursor: pointer;	border-left: 1px solid #eee;}
.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;}
.main-navigation ul li ul li a { padding-left: 2.5rem; }
}


/* ==========================================================================
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; object-position: center;}
.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(--color02);	padding: 0.25rem 1rem;	font-size: 0.8rem;	color: var(--color02); }
.blog .card {	border-radius: .5rem; box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,.075); }
.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; }
#blog h2 {	font-size: 1.5rem;	font-weight: 700;	color: var(--color03); }
#blog h3 {	font-size: 1.35rem;	font-weight: 700;	color: var(--color05);}

@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; } }




/* ==========================================================================
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,
	.oferta-home:hover ,
	.oferta-home,
	.oferta-home .btn,
	.oferta-home:hover .btn
	.oferta-home img,
	.oferta-home:hover img,
	.kadraItem:hover,
	.kadraItem
	{	
		transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
	}
	

/* ==========================================================================
PHONE
========================================================================== */ 
   
@media (max-width: 1600px) {
	.sliderTopContainer {	height: 600px; }
	.sliderTopContainer .ng1 {	font-size: 5rem;}
	.sliderTopContainer .ng2 {	font-size: 3.6rem;}
	.sliderTopContainerNg {	left: 10rem;	top: 13rem; }
}  
 
@media (max-width: 1400px) {
	body {font-size: .9rem;}
	.homeText h1 {	font-size: 2rem; }
	.homeText h2 {	font-size: 1rem; }
	.homeText p {	font-size: 0.8rem;}
	.btn {	font-size: .9rem; }	
	h1, .h1 {	font-size: 2.7rem;}
	h2, .h2 {	font-size: 1.1rem;}
	.contact-bg .h1 {	font-size: 2.25rem; }
	.main-navigation ul li a {	font-size: .9rem; }
	.section-h { font-size: 2.5rem; }
	.sliderTopContainer {	height: 500px; }
	.sliderTopContainer .ng1 {	font-size: 4rem;}
	.sliderTopContainer .ng2 {	font-size: 2.9rem;}
	.sliderTopContainerNg {	left: 8rem;	top: 10rem; }
	.headerContact .head-info {	height: 20px;	font-size: 0.7rem;}
	.headerContact img {	width: 18px;	margin-right: 0.25rem;	height: 18px;}
	.container-ps-ng {	margin: 6.5rem auto 0 auto; }
	#onas img {	max-width: 85%;	margin: 1rem auto 4rem auto;}
	#onas h3 {	font-size: 1.35rem;	margin-bottom: 1rem;	margin-top: 2rem; }
	#kroki { margin: 3rem auto; }
	h3.ng3 {	font-size: 2rem; }
	#kroki .krok {	padding: 3rem 1rem; }
	#kroki .krok i { font-size: 1.5rem; }
	#kroki .krok .avatar {	width: 65px;	height: 65px;}
	#kroki .krok h5 {	font-size: 1.25rem; }
	#kroki .krok p {	font-size: 1rem;}
}

@media (max-width: 1200px) {
	.btn {	font-size: .75rem;	padding: 0.4rem 1rem; height: 30px; }
	.search-top-container {	width: 26px; height: 26px; }
	.main-navigation ul li a {	padding: 0.4rem .5rem; }
	.section-h {	font-size: 2rem;}
	.sliderTopContainer {	height: 400px; }
	.sliderTopContainer .ng1 {	font-size: 3rem;}
	.sliderTopContainer .ng2 {	font-size: 2.5rem;}
	.sliderTopContainerNg {	left: 6rem;	top: 8rem; text-shadow: 2px 2px rgba(0,0,0,0.5); line-height: 3rem; }
	#kroki { margin: 2rem auto; }
	h3.ng3 {	font-size: 1.6rem; }
	#kroki .krok {	padding: 2rem 1rem; }
	#kroki .krok i { font-size: 1.2rem; }
	#kroki .krok .avatar {	width: 50px;	height: 50px;}
	#kroki .krok h5 {	font-size: 1rem; }
	#kroki .krok p {	font-size: .85rem;}
	.homeText h1 {	font-size: 1.5rem; }
}

@media (max-width: 992px) {
body {font-size: .85rem;}
.navbar-max { height: 60px; }
.navbar-mini {	height: 60px; }
main { margin-top:60px; margin-bottom:20px; }
.margin-section {	padding-top: .5rem;	padding-bottom: .5rem; }
.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; }
.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: 65px auto 10px auto;	padding: 10px 0; }
.container-ps-ng hr {	margin: 1rem 0 0 0; }
.formularz_btn { display:none; }
.nav-top-icon {	right: 70px;	position: fixed;	top: 15px;}
h1, .h1 {	font-size: 2rem; }
h2, .h2 {	font-size: 1rem; }
.contact-bg .h1 { font-size: 1.5rem; }
.homeText h1 {	font-size: 1.25rem; }
.homeFoto { display:none; }
.btn {	padding: 0.3rem 2rem; font-size: .75rem; }
.btn-big {	border-radius: 5px;	box-shadow: 0 1px 5px rgb(246, 208, 189); }
.contact-btn { height: 35px;	width: 100%;}
.breadcrumb { font-size: 0.6rem;}
#owl-slider {	margin-top: 60px; }
.headerContact, .navbar-max .headerContact { display: none; }
.section {	padding: 2rem 0 2rem 0;}
.oferta-home {	margin: 2rem .5rem 0.5rem .5rem; }
.section-h { font-size: 1.75rem; margin: 0 1rem; }
#rezerwacja .rezerwacja_3 {	margin-bottom: 1rem; }
.main-navigation ul li a {	padding: 10px 1px 12px 10px; border-radius: 0;}
.uslugi-home .btn {	width: 40px;	bottom: -20px;	height: 40px;	font-size: 25px; }
.oferta-home .btn {	bottom: -15px; padding: 0; font-size: 1rem;}
.uslugi-home .btn img {	width: 40px;	height: 40px;	padding: 10px;}
.modal-content {padding: 5px;}
.kadraItem { width: 90%;}
#usluga .usluga-avatar { display:none; }
.oferta-home {	margin-top: 2rem;	margin-bottom: 2rem;	width: 90%;}
#onas .onas img{  margin: 2rem 0;}
#usluga h3, #onas h3, #fundacja h3 {font-size: 1.25rem;	margin-bottom: .5rem; }
.btn-top {	margin-left: 0; }
.sliderTopContainer {	height: 200px; }
.sliderTopContainerNg {	left: 0;	top: 5rem;	text-shadow: 1px 1px rgba(0,0,0,0.5);	line-height: 2rem;	text-align: center;	width: 100%;}
.sliderTopContainer .ng1 {	font-size: 2rem; }
.sliderTopContainer .ng2 {	font-size: 1.75rem; }
.modalBtn {	padding: 1rem 0 0 0;	width: 90%;	margin: 1rem 0 0 0;	height: auto; }
#rezerwacja .btn-close { right: 0.5rem;	top: 0.5rem; }
.line {	width: 80px;	height: 3px;	margin-bottom: .5rem;}
.mobileNone { display:none !important; }
#onas img {	max-width: 95%;	margin: 1rem auto 1rem auto; border-radius: 1rem; }
#kroki .krok hr {	height: 3px;	width: 40px;  }
#kroki .krok {	border-radius: 1rem; padding: 1rem 1rem;  }
h3.ng3 {	font-size: 1.35rem; }
.sl-wrapper .sl-image .sl-caption {	padding: 2px 10px;	font-size: 0.75rem; text-align: center;}
#blog h2 { font-size: 1.25rem;}
#blog h3 {	font-size: 1.05rem; }
}