/*Reset i slick jest w theme.css*/
html {
  scroll-behavior: smooth;
}
body {
color: #0a2354;
font-size: 17px;
font-weight: 400;
line-height: 1.8em;
font-family: 'Muli', sans-serif;
padding-top: 100px;
}
img {
max-width: 100%;
height: auto;
}
.nav > li > a:hover,
.nav > li > a:focus {
background: none;
outline: none;
}
::selection {
color: #fff;
background-color: #3067ad;
}
::-moz-selection {
color: #fff;
background-color: #3067ad;
}
input:focus,
button:focus,
select:focus,
textarea:focus {
outline: none;
}
input:focus,
button:focus,
select:focus,
textarea:focus {
outline: none;
}
a {
text-decoration: none;
color: #0a2354;
}
a:hover {
text-decoration: none;
color: #3067ad;
}
a:focus {
text-decoration: none;
outline: none;
}
a:visited {
text-decoration: none;
outline: none;
}
.myhidden {
position: fixed;
opacity: 0;
z-index: -1;
top: -400vw;
left: -400vw;
}
.offset-top-100 {
margin-top: 100px;
}
.offset-top-30 {
margin-top: 30px;
}
.offset-top-50 {
margin-top: 50px;
}
.offset-top-10 {
margin-top: 10px;
}

.p-top-30 {
padding-top: 30px;
}

.offset-bottom-30 {
margin-bottom: 30px;
}

.justify {
text-align: justify;
}
.text-right {
text-align: right;
}
table {
width: 100%;
}
table td,
table th {
padding: 8px 6px;
border-bottom: 1px solid #f1f1f1;
}
table tr:hover {
background-color: #f8f8f8;
transition: 0.3s;
-webkit-transition: 0.3s;
}
table {
border-collapse: collapse;
border-spacing: 0px;
}
table th {
font-weight: 700;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
textarea {
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 1em;
box-sizing: border-box;
font-family: 'Muli', sans-serif;
}

strong {
font-weight: 700;
}
button,
input[type="submit"] {
cursor: pointer;
font-family: 'Muli', sans-serif;
}
p {
margin: 0;
}
.mybg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.mybg > a {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 10;
}
strong {
font-weight: 700;
}
hr {
margin: 50px 0;
border: none;
height: 1px;
width: 100%;
background: #eaeaea;
}
.menu-button {
display: none;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
padding: 0;
margin: 0;
border: none;
background-color: #3067ad;
color: #fff;
font-size: 20px;
}
.row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.container:after, .row:after{
clear: both;
}
.row-margin{
margin-left: -15px;
margin-right: -15px;
}
.row-margin-30{
margin-left: -30px;
margin-right: -30px;
}
.row-margin-50{
margin-left: -50px;
margin-right: -50px;
}
.padding-30 {
padding-left: 30px;
padding-right: 30px;
}
.padding-50 {
padding-left: 2.4vw;
padding-right: 2.4vw;
}
.text-center {
text-align: center;
}
.container {
display: block;
position: relative;
width: 1210px;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.button {
display: inline-block;
border: 1px solid #3067ad;
position: relative;
text-transform: uppercase;
-webkit-transition: 0.3s;
font-weight: 400;
text-transform: uppercase;
transition: 0.3s;
padding: 8px 25px;
text-align: center;
background-color: #3067ad;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
border-radius: 0px;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
cursor: pointer;
}
.button:hover {
color: #fff;
border: 1px solid  #112153;
}
.border-button {
background-color: transparent;
border: 1px solid #0a2354;
color: #0a2354;
}
.button:before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
opacity: 0;
z-index: -1;
transition: 0.3s;
-webkit-transition: 0.3s;
background-color: #112153;
}
.border-button:before {
background-color: #3067ad;
}
.button:hover:before {
height: 100%;
width: 100%;
opacity: 1;
top: 0;
}

.button.clicked {
color: #fff;
border: 1px solid #112153;
}
.border-button:hover,
.border-button.clicked {
color: #fff;
border-color: #fff;
}
.button.clicked:before {
height: 100%;
width: 100%;
opacity: 1;
top: 0;
-webkit-animation-name: buttonclick;
-webkit-animation-duration: 0.3s;
animation-name: buttonclick;
animation-duration: 0.3s;
}
@-webkit-keyframes buttonclick {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
opacity: 0.5;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
opacity: 1;
}
}

@-webkit-keyframes buttonclick {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
opacity: 0.5;
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
opacity: 1;
}
}
.button.offset-top {
margin-top: 30px;
}

.grey-button {
background-color: #efefef;
color: #0a2354;
border: solid 1px transparent;
}

.white-button {
background-color: #fff;
color: #3067ad;
border-color: #fff;
}

.white-button:hover {
background-color: transparent;
color: #fff;
border: solid 1px #fff;
}

.standard-input {
height: 50px;
line-height: 50px;
padding: 0 10px;
}

.standard-textarea {
padding: 10px;
height: 160px;
}

.standard-input,
.standard-textarea {
display: block;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
background-color: #fff;
border: 1px solid #cccccc;
text-align: left;
font-weight: 400;
color: #0a2354;
font-size: 16px;
}

.form-button {
padding: 12px 25px;
font-size: 16px;
}
.form-row {
margin-bottom: 20px;
}
.checkbox input {
margin: 0 10px 0 0;
}

.txt-content p {
margin-bottom: 20px;
}
.txt-content {
/*text-align: justify;*/
}

.slick-next,
.slick-prev {
position: absolute;
z-index: 22;
border: none;
top: 50%;
color: transparent;
margin-top: -25px;
display: block;
width: 50px;
height: 50px;
background-color: #3067ad;
background-repeat: no-repeat;
background-position: center;
transition: 0.3s;
margin: 0;
}
.slick-next {
right: -50px;
background-image: url("../images/arrowright.png");
}
.slick-prev {
left: -50px;
background-image: url("../images/arrowleft.png");
}

.row-margin-60 {
margin-left: -60px;
margin-right: -60px;
}

.padding-60 {
padding-left: 60px;
padding-right: 60px;
}

.offset-top-60 {
margin-top: 60px;
}

.offset-bottom-60 {
margin-bottom: 60px;
}

.offset-bottom-15 {
margin-bottom: 15px;
}

/* HEADER */

.header{
position: fixed;
top: 0;
left: 0;
z-index: 999;
background-color: #fff;
height: 100px;
line-height: 100px;
padding-left: 260px;
padding-right: 280px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.scrolled {

}

.logo img {
max-width: 100%;
}

.header .logo{
position: absolute;
top: 0;
left: 0;
width: 260px;
z-index: 5;
background-color: #3067ad;
text-align: center;
}

.navbar ul{
list-style-type: none;
padding: 0;
margin: 0 auto;
display: table;
width: auto;
}

.headermeeting{
display: block;
background-color: #3067ad;
color: #fff;
position: absolute;
top: 0;
right: 0;
padding: 0 3vw;
}

.headermeeting:hover{
background-color: #112153;
color: #fff;
}

.navbar ul li{
float: left;
}

.navbar ul li a {
display: block;
padding: 0 1vw;
font-weight: 400;
}

.current-menu-item a {
font-weight: 700 !important;
}

span.pre-title {
color: #0096ff;
padding-left: 60px;
letter-spacing: 3px;
text-transform: uppercase;
margin-bottom: 30px;
display: inline-block;
background: url(../images/pretitle.png) no-repeat center left;
}

.header-border {
display: block;
width: 120px;
height: 3px;
background: #3067ad;
margin-bottom: 30px;
}

.header-border-white {
background: #fff;
}

/* HOME BANER */

.home-baner {

}

.home-baner img {
width: 100%;
}

.hover-opacity {
opacity: 1;
transition: 0.3s;
-webkit-transition: 0.3s;
}

.hover-opacity:hover {
opacity: 0.75;
}

/* HOME ABOUT */

.home-about-1 {
background-color: #0a2354;
color: #fff;
}

.ha-desc {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 10;
}

.ha-img img {
height: 40vw;
}

/* HOME CONTACT */

.home-contact-bar {
background: url(../images/contact-bg.jpg) #0a2354;
background-attachment: fixed;
color: #fff;
}

.home-contact-bar a {
color: #fff;
font-size: 26px;
line-height: 40px;
}

/* NEWS */

.news-wrapper h3 {

}

/* LOKALE */

.lokal-wrapper h4 {
margin-bottom: 0;
}

/* REALIZACJE */

.realizacje-wrapper h4 {
    font-size: 22px;
}

/* CONTACT BOTTOM */

a.big-font {
font-size: 42px;
/*padding: 40px 0;*/
display: inline-block;
}

.contact-form-wrapper {
background: #3067ad;
color: #fff;
padding: 50px;
}

span.wpcf7-form-control.wpcf7-acceptance {
line-height: 18px;
}

span.wpcf7-list-item-label {
font-size: 12px;
}

input.wpcf7-form-control.wpcf7-submit.button {
background: #fff;
color: #3067ad;
margin-top: 15px;
padding: 15px 20px;
}

/* BOTTOM */

.bottom {
background: #f3f3f3;
font-size: 16px;
}

.bottom h4 {
font-size: 18px;
}

/* FOOTER */

.footer {
font-size: 14px;
padding: 50px 0;
}

/* FORM */

span.wpcf7-list-item {
margin: 0;
}

a.offer-box-link {
display: block;
width: 100%;
padding: 30px;
background: #f7f7f7;
margin-top: 60px;
font-size: 24px;
}

a.offer-box-link:hover {
background: #3067ad;
color: #fff;
}

/* KONTAKT */

.contact-right {
margin-top: 50px;
}

/* PAGE */

.subpagecontent h1, .news-page h1 {
margin-top: 60px;
margin-bottom: 60px;
}

.subpagecontent h3 {
margin: 60px 0;
}

/* MIESZKANIA */

.table-holder {
background: #f8f8f8;
padding: 30px;
}

.table-holder table {
font-size: 15px;
}

.table-holder table td, .table-holder table th {
padding: 15px 6px;
border-bottom: 1px solid #eaeaea;
}

.table-holder table th {
text-transform: uppercase;
letter-spacing: 1px;
}

span.Rezerwacja {
color: orange;
}

span.Wolne {
color: green;
}

span.Sprzedane {
color: red;
}

.to-hidden {
max-height: 210px;
}
.table-overflow {
overflow: hidden;
}

/* FILTRY */

.filterbutton img {
width: 15px;
}

.ff-col{
display: inline-block;
margin-right: 2%;
max-width: 29%;
position: relative;
vertical-align: bottom;
}
.ff-col:last-child{
margin-right: 0;
}
.dataTables_filter{
display: none;
}
.likeselect{
display: block;
width: 100%;
position: relative;
font-size: 15px;
}
.likeselect .ls-input{
display: inline-block;
width: auto;
vertical-align: middle;
margin: 0 0 0 7px;
min-width: 100px;
max-width: 100px;
position: relative;
padding: 0 0 0 20px;
height: 40px;
line-height: 40px;
cursor: pointer;
font-size: 16px;
background-color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: none;
}
.onlyfree{
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 20px;
background-color: #fff;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
font-size: 15px;
}

span.button.filterbutton {
padding: 5px 15px;
font-size: 15px;
}

.onlyfree:hover,
.onlyfree.checked{
background-color: #eaeaea;
}
.likeselect span.ls-input{
padding: 0 40px 0 20px;
}
.likeselect .ls-checks{
display: none;
position: absolute;
top: 100%;
left: 0;
min-width: 180px;
width: 100%;
z-index: 5;
padding: 5px;
background-color: #fff;
color: #000;
}
.likeselect.ls-list-o .ls-checks{
display: block;
}
.likeselect .ls-checks label{
display: block;
width: 100%;
padding: 3px;
font-size: 15px;
}
.likeselect span.ls-input:after{
font-family: "Font Awesome 5 Free";
content: "\f078";
font-weight: 900;
position: absolute;
top: 0;
right: 0;
width: 40px;
font-size: 15px;
height: 100%;
text-align: center;
}
.likeselect.ls-list-o span.ls-input:after{
content: "\f00d";
}
img.attachment-small-custom.size-small-custom.wp-post-image {
    max-height: 209px;
}

area:hover {
	opacity: 0.4;
}

.page-template-page-template-przystan-klonowa-pietra .wp-block-buttons {
    text-align: center;
}

.podmapa {
    padding: 30px 0 60px;
}
.tytul-przystani {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.table-holder table td, .table-holder table th {
    padding: 15px 6px;
    border: 1px solid #eaeaea!important;
}


.likeselect span.ls-input, input.area-min.ls-input, input.ls-input.area-max, .onlyfree {
    border: 1px solid #3067ad!important;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.rezerwacja:hover .tooltiptext {
  visibility: visible;
}

.rezerwacja {
    position: relative;
}
#pop{
    display              : none;
    position             : absolute;
    z-index              : 99999;
    padding              : 10px;
    background           : #fff;
    border               : 1px solid #3067ad;
    color: #3067ad;
}


/* @MEDIA */

@media (max-width: 1366px) {
.navbar ul li a {
padding: 0 0.3vw;
font-size: 15px;
}
}

@media (max-width: 1270px) {
.container{
width: 930px;
}

.subpagebaner img {
height: 30vw;
}

.headermeeting {
display: none;
}

.ha-img img {
height: 50vw;
}

.header .logo {
width: 240px;
}

.header {
padding-left: 260px;
padding-right: 30px;
}

.navbar ul li a {
font-size: 15px;
}

.home-contact-bar a {
font-size: 24px;
}

.table-holder table td, .table-holder table th {
padding: 10px 2px;
}

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

.table-overflow table {
    width: 1140px;
}

body {
font-size: 16px;
}

h1 {
    font-size: 40px;
}

h2 {
font-size: 38px;
}

h3 {
font-size: 32px;
}

h4 {
font-size: 28px;
}

.padding-30 {
padding-left: 15px;
padding-right: 15px;
}

.row-margin-30 {
margin-left: -15px;
margin-right: -15px;
}

.container{
width: 700px;
}

.padding-60 {
padding-left: 30px;
padding-right: 30px;
}

.offset-top-60 {
margin-top: 30px;
}

.header .logo {
width: 200px;
}

.logo img {
max-width: 80%;
}

.header {
padding-left: 220px;
padding-right: 30px;
}

.navbar ul li a {
font-size: 11px;
padding: 0 0.4vw;
}

.ha-desc {
position: relative;
top: 0;
transform: translateY(0);
left: 0;
z-index: 10;
padding: 60px 0;
}

.sm-offset-bottom {
    margin-bottom: 30px;
}

.table-overflow {
    overflow-x: scroll;
}

}
@media (max-width: 767px) {

.home-contact-bar a {
font-size: 20px;
}

body {
    padding-top: 70px;
}

.header {
    background-color: #3067ad;
}

.container{
width: 100%;
}

.navbar ul li {
float: none;
}

.navbar ul li a {
    padding: 10px;
    color: #fff;
    font-size: 17px;
}

.menuopened .navbar ul {
display: block;
}

.menuopened .header {
    height: 100vh;
}

.header .logo {
    line-height: 70px;
}

.headermeeting {
display: none;
}

.header {
height: auto;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
line-height: 1.3em;
}

.menu-button {
display: block;
float: right;
color: #fff;
}

.navbar ul {
display: none;
padding-top: 40px;
padding-bottom: 10px;
width: 100%;
clear: both;
text-align: center;
}

a.big-font {
    font-size: 32px;
}

.contact-form-wrapper {
    padding: 20px;
}

.footer {
    text-align: center;
}

.footer .text-right {
    text-align: center;
}

.xs-offset-bottom {
    margin-bottom: 30px;
}

.subpagecontent h1, .news-page h1 {
    margin-top: 40px;
    margin-bottom: 40px;
}

}

.fadeOff {
-webkit-animation-name: fadeoff;
-webkit-animation-duration: 1s;
animation-name: fadeoff;
animation-duration: 1s;
}

@-webkit-keyframes fadeoff {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}

@keyframes fadeoff {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}

body {
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-name: fadeIn;
animation-duration: 1s;
}

@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}



.centerMe{
justify-content: center;
}
.content-right{
justify-content: flex-end;
}
.vert-center{
align-items: center;
}
.vert-bottom{
align-items: flex-end;
}