@charset "utf-8";
/* CSS Document */

html, body {
  margin: 0px;
  padding: 0px;
  height:100%;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 29px;



}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

li span.ps:after {
    content:'(750m do morza)';
    width: 200px;
	margin:auto;
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-100px;
	margin-top:15px;
	font-size:10px;

}

li span.pns:after {
    content:'(500m do morza)';
    width: 200px;
	margin:auto;
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-100px;
	margin-top:15px;
	font-size:10px;

}

a {color:#}
a:hover {color:#000;
text-decoration:underline}


.promocja {
	padding:2rem;
	border:2px dashed red;
	text-align:center;
	background:#fbfbfb
}

h2 {
  color: #fdaf06;
  text-align:center;
  font-size:34px;
  line-height:36px;
}


h3 {
	color:#000;
	text-align:center;
	line-height:3.5rem;
	font-weight:700
}
h4 {
	color:#000;
	text-align:center;
	line-height:3rem;
	
	font-weight:500
}

.bg-blue {
	background:#3695a4;
	color:#fff;
	
}
.bg-blue a{
	color:#fff;
	font-size:10px;
	
}
.ps {
	color:#fdaf06
}


.pns {
	color:#6DC82B
}

.pdr {
	color:#c80209;
}
.pdb {
	color:#3695a4
}
.pdy {
	color:#cf8e00
}

.jd {
	font-weight:bold;
	color:#6DC82B
}

.tlb {
	background:#ccf2f8
}

.tly { 
background:#f3c55f
}
.tlr { 
background:#f89296
}


.row.galeria {
	margin:10px auto;
}

.row.galeria.ps  img {
	border:2px solid #0d9df1;
}


.row.galeria.pns  img {
	border:2px solid #fdaf06;
	margin-bottom:20px;
}



.collapse.navbar-collapse{
  background: #fff;
  border: none;
}

.navbar-inverse {
  background: #fff;
  padding:0 auto 5px;
  border: none;

}
.navbar-nav li a {
	color:#2C3E50 !important
}

.navbar-nav  li  a
{
	font-size:16px;
	padding-top:3px;
	text-align:center
}
.navbar-nav  li  a:hover
{
	color:#2C3E50 !important;
	text-decoration:underline;
}
.navbar-nav  li  a:active
{
	color:#2C3E50 !important;
	text-decoration:underline
}
.navbar-nav  li  a:focus
{
	color:#2C3E50 !important;
	text-decoration:underline
}

.navbar-header .navbar-toggle {
  border-color: #2C3E50; 
  float: left; /* Move navbar toggle to left */
}


.navbar-header .navbar-toggle .icon-bar {
  background-color: #2C3E50; /* Changes regular toggle color */
}

.navbar-header {
	margin-top:-50px;
	position:absolute;
	right:15px;
	top:0px;
	margin-bottom:10px
	
}
.navbar-header {

}




.about-us {

	text-align: justify;
	
}

.produkty {
	padding-top:0px;
	padding-bottom:30px;
}





.formularz {
	margin-top:30px;
	margin-bottom:30px;
	
}
.pw {
	font-size:12px
}

.skontakt {
	font-size:12px;
	padding-top:5px;
	color:#9d9d9d;
}


.parallax {
    /* The image used */
    background-image: url("../images/rajskamierzeja2m4.jpg");

    /* Set a specific height */
    height: 430px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: fill;
}

.parallax2 {
    /* The image used */
    background-image: url("../images/pod-wydmami-sarbinowo.jpg");

    /* Set a specific height */
    height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax3 {
    /* The image used */
    background-image: url("../images/noclegi-z-przydomowym-podgrzewanym-basenem-w-sarbinowie-m2.jpg");

    /* Set a specific height */
    height: 430px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: fill;
}
.parallax4 {
    /* The image used */
    background-image: url("../images/pod-wydmami-plaza.jpg");

    /* Set a specific height */
    height: 400px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax5 {
    background-image: url("../images/przydomowy-basen-w-sarbinowie.jpg");
    height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: fill;
}
.parallax6 {
    background-image: url("../images/port-chlopy2m.jpg");
    height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: fill;
}
.parallax7 {
    background-image: url("../images/baner1m3.jpg");
    height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: fill;
}




textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: #d0a75e;
  box-shadow: 0 ;
  outline: 0 none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-    input:focus {
    border-color: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    outline: -webkit-focus-ring-color auto 5px;
}

.form-control {
	background-color:transparent;
	color:#302f34;
	border:1px solid #d0a75e;
	box-shadow: none;
	padding:8px;
	
	
}

label {
	font-weight:400;
	text-align:center;
	width:100%
}

.wyslij {
	background:#d0a75e;
	border:1px solid #d0a75e;
	color:#fff;
	float:right
}


.footer {
	text-align:center
}
.footer .glogo{
	margin-bottom:10px 
}

.footer{
	padding: 25px 0;
	color:#fdaf06;
	background:#fbfbfb;
	border-top: 5px solid #fdaf06;
	font-size:12px;
	line-height:20px
}
.footer a:hover {
	color:#fafafa;
	text-decoration:underline
}


@media(max-width:767px){
.bg-blue a{
	font-size:10px;
	
}	

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #fff;
}
.logops {
	margin-bottom:5px
}

.opis {	margin:20px auto 20px;}	

h2 {
  color: #fdaf06;
  text-align:center;
  font-size:24px;
  line-height:32px;
}



}
@media (min-width: 768px) and (max-width: 991px){
	
.opis {	margin:20px auto 20px;}	


.bg-blue a{
	font-size:14px;
	
}	
	
.navbar.navbar-inverse.navbar-fixed-top {
	height:120px;
	
}

.bg-blue a{
	font-size:14px;
	
}	

.nav > li > a {
	padding-left:6px;
	padding-right:6px;

	font-size:14px
}


.container{
	
}

.skontakt {
	font-size:16px;
	padding-top:12px;
	color:#9d9d9d;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.zbtn {
	border:1px solid #d0a75e;
	padding:4px 8px;
	margin: 40px auto;
	display:block;
	width:120px; 
	text-align:center
}

.s1 {

  background:#FBFBFB ;
  padding: 70px 30px 50px;
  margin-bottom:30px

}




.s1 h2 {
	margin-bottom:50px;
	line-height: 40px;
	font-size:30px;
}



.s3 {
	margin-bottom:15px;
	padding:15px;
	text-align:center	
}
.s3:after {
	display:none
}

.s3  img{
	max-height:400px;
	margin:auto
}



.about-us {

	text-align:left;
	margin:30x auto;
	
}

.produkty {
	padding-top:60px;
	padding-bottom:60px;
}

.parallax {
    /* The image used */
    background-image: url("../images/noclegi-sarbinowo.jpg");

    /* Set a specific height */
    height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax2 {
    /* The image used */
    background-image: url("../images/pod-wydmami-sarbinowo.jpg");

    /* Set a specific height */
    height: 700px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax3 {
    /* The image used */
    background-image: url("../images/noclegi-z-przydomowym-podgrzewanym-basenem-w-sarbinowie.jpg");

    /* Set a specific height */
    height: 1100px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax4 {
    /* The image used */
    background-image: url("../images/pod-wydmami-plaza.jpg");

    /* Set a specific height */
    height: 1100px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax5 {
    background-image: url("../images/basen-w-sarbinowie.jpg");
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax6 {
    background-image: url("../images/port-chlopy.jpg");
    height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax7 {
    background-image: url("../images/jacuzzi-sarbinowo.jpg");
    height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}





.kontakt {
  padding: 50px 0;
  background:#fafafa ;
  border-top: 0px solid #d0a75e;
}

label {
	width:auto
}



.footer{
	padding: 15px 0;
	color:#fdaf06;
	background:#fbfbfb;
	border-top: 5px solid #fdaf06;
	font-size:12px;
	line-height:20px
}


.footer .copyright{
	text-align:left

}
.footer .glogo{
	text-align:center

}
.footer .contact{
	text-align:right

}


}
@media (min-width: 992px) and (max-width: 1199px) {


.opis {	margin:30px auto 20px;}

.navbar-nav  li  a
{
	font-size:16px;
	padding-top:25px;
	padding-bottom:10px;
	text-align:center;
	
	
}

.navbar.navbar-inverse.navbar-fixed-top {
	height:120px;
	background:url(../images/wave.png) bottom repeat-x
}

.bg-blue a{
	font-size:15px;
	
}	

.nav > li > a {
	padding-left:8px;
	padding-right:8px;

	font-size:15px
}



.skontakt {
	font-size:16px;
	padding-top:16px;
	color:#9d9d9d;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

.zbtn {
	border:1px solid #d0a75e;
	padding:4px 8px;
	margin: 40px auto;
	display:block;
	width:120px; 
	text-align:center
}

.s1 {

  background:#fafafa ;
  padding: 70px 30px 50px;
  margin-bottom:30px

}




.s1 h2 {
	margin-bottom:50px;
	line-height: 40px;
	font-size:30px;
}



.s3 {
	margin-bottom:15px;
	padding:15px;
	text-align:center	
}
.s3:after {
	display:none
}

.s3  img{
	max-height:400px;
	margin:auto
}



.about-us {
	text-align:left;
	margin:60px auto 20px;
	
}

.produkty {
	padding-top:60px;
	padding-bottom:60px;
}

.parallax {
    /* The image used */
    background-image: url("../images/noclegi-sarbinowo.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax2 {
    /* The image used */
    background-image: url("../images/pod-wydmami-sarbinowo.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax3 {
    /* The image used */
    background-image: url("../images/noclegi-z-przydomowym-podgrzewanym-basenem-w-sarbinowie.jpg");

    /* Set a specific height */
    height: 700px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax4 {
    /* The image used */
    background-image: url("../images/pod-wydmami-plaza.jpg");

    /* Set a specific height */
    height: 400px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax5 {
    background-image: url("../images/basen-w-sarbinowie.jpg");
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax6 {
    background-image: url("../images/port-chlopy.jpg");
    height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax7 {
    background-image: url("../images/jacuzzi-sarbinowo.jpg");
    height: 400px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}




.kontakt {
  padding: 50px 0;
  background:#fafafa ;
  border-top: 0px solid #d0a75e;
}

label {
	width:auto
}



.footer{
	padding: 25px 0;
	color:#fdaf06;
	background:#fbfbfb;
	border-top: 5px solid #fdaf06;
	font-size:12px;
	line-height:20px
}

.footer .copyright{
	text-align:left

}
.footer .glogo{
	text-align:center

}
.footer .contact{
	text-align:right

}}

@media (min-width: 1200px) {
	

.nav > li > a {
	padding-left:10px;
	padding-right:10px;
}	
	
.bg-blue a{
	font-size:14px;
	
}		
.opis {	margin:60px auto 20px;}

.navbar-nav  li  a
{
	font-size:16px;
	padding-top:25px;
	padding-bottom:15px;
	text-align:center
}

.navbar.navbar-inverse.navbar-fixed-top {
	height:120px;
	background:url(../images/wave.png) bottom repeat-x
}





.container{
	
}

.skontakt {
	font-size:16px;
	padding-top:16px;
	color:#9d9d9d;
}

.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}


.s1 {

  background:#fafafa ;
  padding: 70px 30px 50px;
  margin-bottom:30px

}




.s1 h2 {
	margin-bottom:50px;
	line-height: 40px;
	font-size:30px;
}



.s3 {
	margin-bottom:15px;
	padding:15px;
	text-align:center	
}
.s3:after {
	display:none
}

.s3  img{
	max-height:400px;
	margin:auto
}



.about-us {
	text-align:left;
	margin-top:60px;
	margin-bottom:20px;
	
}

.produkty {
	padding-top:60px;
	padding-bottom:60px;
}

.parallax {
    /* The image used */
    background-image: url("../images/noclegi-sarbinowo.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax2 {
    /* The image used */
    background-image: url("../images/pod-wydmami-sarbinowo.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax3 {
    /* The image used */
    background-image: url("../images/noclegi-z-przydomowym-podgrzewanym-basenem-w-sarbinowie.jpg");

    /* Set a specific height */
    height: 800px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax4 {
    /* The image used */
    background-image: url("../images/pod-wydmami-plaza.jpg");

    /* Set a specific height */
    height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax5 {
    background-image: url("../images/basen-w-sarbinowie.jpg");
    height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax6 {
    background-image: url("../images/port-chlopy.jpg");
    height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax7 {
    background-image: url("../images/jacuzzi-sarbinowo.jpg");
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.kontakt {
  padding: 50px 0;
  background:#fafafa ;
  border-top: 0px solid #d0a75e;
}

label {
	width:auto
}



.footer{
	padding: 25px 0;
	color:#fdaf06;
	background:#fbfbfb;
	border-top: 5px solid #fdaf06;
	font-size:12px;
	line-height:20px
}

.footer .copyright{
	text-align:left

}
.footer .glogo{
	text-align:center

}
.footer .contact{
	text-align:right

}
}