body {
--bs-link-color:#142142;
--bs-body-font-family: 'Montserrat', sans-serif;
--dodatkowy-kolor:#4b99a4;
--dodatkowy-kolor2:#c1d9dc;
--tlo:#4b99a4;
--bs-body-font-size: 18px;
--bs-body-font-weight:300;
--bs-body-line-height: 2em;
--kol-2: 20vw;
}
.container-100 {	padding-right: calc(var(--bs-gutter-x) * 0);  padding-left: calc(var(--bs-gutter-x) * 0);}

body p {
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);}

body {
	width: 100vw;
	height: 100vh;
	margin-top: 200px;}

body.glowna  {
	margin-top: 0px;}

html {
    scroll-behavior: smooth;}



.srodek {
	display: flex;
    justify-content: center;
    align-items: center;}

.b {
	border: 0px solid red!important;}

p {
	text-align: left;}

a:hover {
  color: #142142;}

.cookiehead {
	display: none!important;}

.mt-100-glowna {
	height:100vh;
	position: relative;}

h1, .h1, h2, .h2 {
	margin-top: 20px;
	margin-bottom: 30px;}	


h3, .h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height:1.5em;
	font-size: 1.3rem;
	font-weight: 500;}
	
h4 {
	text-align:left;
	font-size: 1.8rem;
	font-weight: 200;}		

.h1, h1 {
	font-size: 4rem;
	font-weight: 100;
	text-align: center;}

h2 {
	color: #142142;
	font-weight: 400;
	font-size: 2.5rem;
	font-variant: all-petite-caps;}

.menu  {
	color: #DBB6A8;
	font-weight: 400;
	font-size: 23px;
	line-height: initial;}

hr {
	width: 30%;
	margin: 2.5rem auto;
	color: inherit;
	border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
	border-top: 1px solid;
	opacity: .5;
	text-align: center;}

.hr2 {
	width: 100%;
	color: inherit;
	margin: 10px 0;
	border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
	border-top: 1px solid;
	opacity: .5;
	text-align: left;}

hr.menu {
	width: 60%;
	margin: 4rem 0;
	color: inherit;
	border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
	border-top: 2px solid;
	text-align: left;
	color: #DBB6A8;}

.krstop{
	width: 70%;
	border: 1px solid #4b99a4;
}


.znak {
	margin: 0 2vh;}
	
.mt-30 {
	margin-top: 8vh;}

.mt-5 {
	margin-top: 5vh;}

.opis {
	line-height: 1.5rem;
	padding: 10px 0px 0px 0;
	text-align: left;
	font-weight: 300;
	font-size: 18px;}
	
.bold {
	font-weight: 500;}	
	
.kreska {
  border-left: 1px solid #000;
}

.kreska p {
  padding-left: 50px;
  line-height: 1.5em;
}	

/*galeria*/
.gal-rest {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(4, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	width: 100vw;
	height: auto;
}

.gal-rest >*{
	border: 0px solid #F60;
}


.gal-rest img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gal-rest .div1 { grid-area: 1 / 1 / 2 / 3; height:var(--kol-2);}
.gal-rest .div2 { grid-area: 2 / 1 / 5 / 3; height:calc(var(--kol-2)*3);}
.gal-rest .div3 { grid-area: 1 / 3 / 3 / 5; height:calc(var(--kol-2)*2);}
.gal-rest .div4 { grid-area: 3 / 3 / 5 / 5; height:calc(var(--kol-2)*2);}
.gal-rest .div5 { grid-area: 1 / 5 / 3 / 6; height:calc(var(--kol-2)*2);}
.gal-rest .div6 { grid-area: 3 / 5 / 4 / 6; height:var(--kol-2);}
.gal-rest .div7 { grid-area: 4 / 5 / 5 / 6; height:var(--kol-2);}

.blok {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 5px 5px 5px rgba(229, 229, 229, 0.5);
	padding-bottom: 20px;}

.fab {
	color: var(--dodatkowy-kolor);
}

.wyroznienie {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 1.5rem;
  color: var(--dodatkowy-kolor);}

.wyroznienie2 {
	font-size: 4em;
	font-weight: 100;
	line-height:1em;}

.cards {
	margin: 0px 5vw;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(4, 1fr);
	padding: 20px 0px;}

.card {
	padding: 30px;
	border-radius: 0px;}

.margines {
	padding-left: 5vw;
	padding-right: 5vw;}	

.margines .col {
	padding: 1em;
	margin: 2em;}
	
#animacja1 .animated {
	animation-delay:1s;}	
	
.tlo {
	background-color: var(--tlo);
	color: #fff;
	padding: 5px 20px;
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 1.4rem;
	margin-top: 20px;}

.tlo  p{
	font-size: 1.3em;
	margin: 0 0 0px 0;
	font-weight: 400;
	text-align: center;}

p.kolor, .kolor {
	color: var(--dodatkowy-kolor);}

.kolor2  {
	color: var(--dodatkowy-kolor2);}

#podmenu {
  font-weight: 400;
  font-size: 23px;}

#podmenu li::before  {
	color: #000;
	content: "/";
	margin: 0 2vh;}

#podmenu  li.item-143::before,  #podmenu  li.item-147::before {
	display:none;}

#podmenu
	{margin: auto;
    margin-right: auto;
	width: max-content;}

.center {
	text-align: center;}
	
.left p, .left {
	text-align: left;}

a {
	color: var(--dodatkowy-kolor);
	text-decoration: none;}
	
img {
	max-width: 100%;}
	
#header .logo img {
	height: 8vw;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;}

#header .logo {
	margin: auto;
	position: relative;
	width: 20vw;
	display: flex;
	margin: 0 auto;}

.shrink.header .logo img {
	width: 15vw;}

#menu {
	display: flex;
	justify-content: center;
	height: 55px;}

#menu.shrink {
	display: flex;
	justify-content: end;
	width: 80vw;}



.podstrona #menu-glowne {
	top: 2.5vh;
	margin-left: 15vw;
	padding: 0px 25px;
	z-index: 9999;
	height: 40px;
	width: 85vw;
	top: 3vh;}

.podstrona .shrink#menu-glowne {
	top: 3vh;}

.podstrona .shrink#menu {
	display: flex;
	justify-content: end;
	width: 80vw;
	font-size: 1.2rem!important;}

.podstrona #menu {
	display: flex;
	justify-content: center;
	height: 55px;}

.podstrona #header {
	top: 0vh;
	left: 0;
  right: 0;
  z-index: 999;
  position: fixed;
  background-color: #fff;
}

.podstrona #header .logo img {
	height: 3vw;
	top: 2vh;
	left: 3vh;
	position: fixed;
	width: auto;}
	
  
.podstrona .sm-simple a, .podstrona .sm-simple a:hover, .podstrona .sm-simple a:focus, .podstrona .sm-simple a:active, .podstrona .sm-simple a.highlighted {
	color: #000;}

.podstrona .slider .camera_caption_title {
	font-size: 7vh;
	font-weight: 300;
	line-height: 1.2em;
	color: #fff;
	text-transform: uppercase;}
	
.podstrona .shrink#header {
	background-color: #fff;
	color: #000;}

.slider .camera_caption {
	color: #fff!important;}

#header {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	margin-top: 0vw;
	top: 45vh;
	left: 0;
	right: 0;
	z-index: 999;
	position: fixed;
	width: 100%;}

button.accordion::before {
	content: '\002B';
	color: var(--dodatkowy-kolor);
	font-weight: bold;
	float: left;
	margin-right: 15px;
	font-size: 30px;
	font-weight: 100;}
	
button.accordion {
	background-color: #fff;
	color: #000;
	cursor: pointer;
	padding: 10px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 20px;
	font-weight: 300;
	transition: 0.4s;}

.accordion {
	background-color: var(--dodatkowy-kolor2);
	color: #fff;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;}

.accordion:hover {
	background-color: var(--dodatkowy-kolor2);}

.panel {
	padding: 10px 18px;
	display: none;
	background-color: white;
	overflow: hidden;
	text-align: left;}

.panel p {
	border-bottom: 1px solid #000;
	padding-bottom: 20px;}

.anchor {margin-top:-180px; padding-top:180px;}	

#go-zakres {
	margin-top: 20vh;}



.shrink#header {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	top: 0vw;
	margin-top: 0vw;
	height: 5vw;
	background-color: #fff;
	color: #000;}

.shrink#header .logo img {
	height:2vw;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	top: 3vh;
	left: 5vh;
	position: fixed;
	width: auto;}

.glowna .shrink#header .logo-black  {
	display: block;
	top: 2vh;
	margin-left: 0%;}

#glowna, .podstrona {
	margin-top: 8vw;}

.glowna .header .logo-black, .podstrona .header .logo-black {
	display: block;}

#menu-glowne {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	margin: auto;
	position: fixed;
	top: 3vh;
	display: flex;
	height: 55px;} 

.shrink#menu-glowne {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	top: 2vh;
	margin-left: 15vw;
	padding: 0px 25px;
	z-index: 9999;
	height: 40px;
	width: 85vw;} 

#main-menu a{
	font-size: 27px!important;
	text-transform: uppercase;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 300;
	color: var(--dodatkowy-kolor);
	line-height: inherit;}

.sm-simple ul {
    border: 0px solid #bbbbbb!important;
    background: #fff;
    box-shadow: none!important;
	padding: 10px 0!important;}
	
.sm-simple ul:hover {
	background-color: var(--tlo);}
	
#main-menu ul a:hover {
	color: #fff!important;}
	
#main-menu, .podstrona .shrink #main-menu {
	top: 0vh!important;}



/*slider*/
#camera_wrap_117 {
	display; none;}

 .camera_pag {
	display: none;}

.camera_wrap {
	margin-bottom: 0px!important;}

.slider .camera_caption {
	top: 20vh;
	width:45vw;
	left: 10vw;
	color: #000;}

.slider .camera_caption_desc {
	font-size: 1.5em;
	line-height: 1.3em;
	padding-top: 20px;}

.slider .camera_caption_title {
	font-size: 7vh;
	font-weight: 300;
	line-height: 1.2em;
	color: #000;
	text-transform: uppercase;}

.container-fluid.slider, .container-fluid.slider-mobile  {	margin-top: 80px;}
	
.slider .camera_caption > div {
	background: none;}


.stopka p{
	font-weight: 400;}

.logo-mobile {
	display: none;}
	
.slider-mobile{
	display: none;}
	
#mod-custom121 {
	display: none;}




@media (max-width: 1920px) {
	.shrink#header {
	height: 8vw;}
}.h1, h1 {  font-size: 3rem;}
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {    padding: 5px 15px!important;  }.shrink#menu-glowne {  top: 3vh;  margin-left: 12vw;  padding: 0px 20px;  z-index: 9999;  height: 40px;  width: 90vw;}#main-menu a {font-size: 24px !important;}.shrink#menu-glowne {margin-left: 11vw;}.podstrona #menu-glowne {  top: 2.5vh;  margin-left: 11vw;  padding: 0px 25px;  z-index: 9999;  height: 40px;  width: 90vw;  top: 3vh;}
/* Large devices (desktops, less than 1200px)*/

@media (max-width: 1440px) {
  body {
    --bs-body-font-size: 1.7vh;	margin-top: 180px;}.h1, h1 {  font-size: 3rem;}	
h3, .h3 {font-size: 1.2rem;}
.opis {  font-size: 17px;}
.krstop {  width: 90%;}#header {top: 35vh;}
  .podstrona .shrink#header {
  height: 160px;
}
.podstrona #main-menu {
  top: 0vh !important;
}
  
  .margines .col {
  padding: 1em;
  margin: 1em;
}
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 0px 15px!important;
  }
.podstrona #menu {
  margin-top: 30px;
}
.podstrona #header .logo img {
  height: 4vw;
top: 4vh;}

.podstrona #menu-glowne, .podstrona .shrink#menu-glowne {
top: 9vh;
margin-left: 0vw;
    width: 100vw;}
#main-menu a {
font-size: 20px !important;}

 .margines {
  padding-left: 1vw;
  padding-right: 1vw;
  }
  #gora .tel {
  width: 250px;
  padding: 2px 0px;
}
.slider .camera_caption {
width: 40vw;}

.camera_caption{
	top:10vh!important;
}
.slider .camera_caption_title {
    font-size: 5vh;
  }
.slider .camera_caption_desc {
  font-size: 3vh;}
  .tel a {
font-size: 2.5vh;}
.tlo p {
font-size: 1em;}
.stopka p{
	font-size: 2.2vh;
	line-height: 1.5em;
}
.shrink#menu-glowne {
  margin-left: 0vw;
  padding: 0px 25px;
    padding-right: 25px;
    padding-left: 25px;
  z-index: 9999;
  width: 100vw;
}
#menu {
  height: 30px;
}
  .shrink#menu-glowne {
  top: 8vh;}
 .podstrona {
  margin-top: 13vw;
}
}



@media (max-width: 960px) { 
.wyroznienie {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 2rem;
}
.container {
	padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
h1, .h1, h2, .h2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
button.accordion {
font-size: 17px;}

.kol-2 {
	display: none;
}
.camera_caption{
	top:5vh!important;
}
  .slider .camera_caption_title {
    font-size: 1.3em;
}
  .slider .camera_caption {
    width: 60vw;
  }
    .slider .camera_caption_desc {
    font-size: 2vh;
  }

.h1, h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.3rem;
}
.menu {
  font-size: 18px;
}
.logo-mobile {
    max-width: 270px;
    float: left;
    padding: 25px 25px;
  }
  body.glowna, body.podstrona {
  margin-top: 130px;
}
 .podstrona #menu, .main-nav::after {
	width: 100vw;
  }
  .podstrona #menu-glowne {
    top: 0vh;
    margin-left: 0vw;
    width: 100vw;
  }
#main-menu a {
    font-size: 27px !important;
    line-height: 4rem;
  }

 }



@media (max-width: 768px) { 
h3, .h3 {  font-size: 1rem;}
#header {	display: none;}
hr {  width: 100%;  margin: 1rem auto;
  color: #000;}
dl, ol, ul {  margin-bottom: 0rem;}
.logo-mobile {
	display: block;}
.kol-1 {	order: 2;
	display: none;}
.mt-30 {
  margin-top: 3vh;}
.cards {  grid-template-columns: repeat(1, 1fr);}
body {    --bs-body-font-size: 1.8vh;}
.kreska {  border-left: 0px solid #000;}
.kreska p {  padding-left: 10px;}
p {    line-height: 4vh;
    font-size: 1.2rem;  }
  
  .podstrona #menu-glowne {
  top: 2.5vh;
  margin-left: 0vw;
  padding: 0px 0px;
  height: 120px;}

.kol-3 {
	order: 0;
	background-color: #fff;
}

.my-5 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-5 {
  margin-top: 1rem !important;
}


.stopka p{
	font-size: 2vh;
}
.slider{
	
}
.slider-mobile {
	display: block;
}

#menu-glowne, .shrink#menu-glowne,  .podstrona #menu-glowne {
top: 0vh;
    background: #fff;
    height: 130px;
	margin-left: 0vw;
	width: 100vw;	padding-right: calc(var(--bs-gutter-x) * 0);    padding-left: calc(var(--bs-gutter-x) * 0);}

.podstrona .shrink#menu-glowne {
	top: 0vh;
}

  .shrink#menu-glowne {
  padding: 0px 0px;}

.podstrona #header {
  display: none;
}
  .podstrona #menu {
    margin-top: 0px;
	height: 130px;
  }
  
.main-menu-btn {
  top: 30px;
} 

.main-menu-btn-icon, .main-menu-btn-icon::before, .main-menu-btn-icon::after {
	background-color: var(--dodatkowy-kolor)!important;
}


.tlo p {
font-size: 1.3em;}


.camera_caption{
	top:50px!important;
}
.slider .camera_caption_title {
    font-size: 2em;
  }
.slider .camera_caption_desc {
  font-size: 1em;}
.header .logo img {
height: 7vw;}
.logo-stopka {
	padding-bottom: 10px;
	max-width: 45%;
	margin: auto;
} 
.shrink#header .logo img {
height: 4vw;}

 }

@media (max-width: 600px) {
.slider .camera_caption {
display: none!important;}
   .tel a {
    font-size: 3vh;
  }
}

@media (min-width: 476px) { 

}