@import "reset.css";
@import url('https://fonts.googleapis.com/css2?family=Andada&family=Montserrat:wght@300;400;600;700;800;900&display=swap');

body{
margin:0px;
padding:0px;
font-size:16px;
font-family: 'Montserrat', sans-serif;
}

body input, body textarea, body button{
font-family: 'Montserrat', sans-serif;
}

.body-ow{
overflow:hidden;
}

.container{
width:100%;
max-width:1200px;
padding:0px;
margin:0px auto;
position:relative;
}



.clear-b{
clear:both;
}


.anime{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.moble-show{
display:none;
}

.moble-hide{
display:block;
}


/*HEADER TOP*/

.header-page{
background:transparent;
position:relative;
}

.header-top{
width:100%;
}

/*TOP INFO TEL MAIL AND MARKER*/

.header-top-info{
width:100%;
background:white;
padding:32px 0px;
}

.header-top-info-block{
position:relative; 
}


.header-top-info-block-all
{
position:absolute;
top:0px;
right:0px;
}

.header-top-info-block-all-a{
display:inline-block;
vertical-align:top;
position:relative;
padding-left:32px;
margin-left:50px;
font-size:14px;
color:black;
line-height:18px; 
}



.header-top-info-block-all-a img{
position:absolute;
display:block;
}

.icon-marker img
{
top:0px;
left:0px;	
}

.icon-phone img
{
top:0px;
left:0px;	
}

.icon-mail img
{
top:2px;
left:0px;	
}

.icon-clock img
{
top:0px;
left:0px;	
}

.header-top-info-block-all-a a{
display:inline-block;
vertical-align:middle;
font-size:14px;
color:black;
line-height:18px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
}

.header-top-info-block-all-a a:hover{
color:#156293;
}


.header-top-info-block-all-text{
text-align:right;
padding-top:38px;
}

.header-top-info-block-all-text-content{
text-align:center;
display:inline-block;
font-size:25px;
line-height:25px;
color:black;
font-family: 'Andada', serif;
}

.header-top-info-block-all-text-content span{
font-size:18px;
}


.header-top-logo img{
height:122px;
width:auto;
}





/*MENU*/

.header-top-menu-bg{
position:absolute;
left:0px;
top:100%;
width:100%;
background:rgba(0,0,0,0.5);
}


.header-top-menu{
display:block;
}

.header-top-menu-a{
display:block;
}

.header-top-menu-b{
display:block;
}



.header-top-menu li{
display:inline-block;
vertical-align:middle;
position:relative;
}

.header-top-menu li a{
display:inline-block;
vertical-align:middle;
padding:0px 23px;
height:70px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color:white;
font-weight:400;
font-size:18px;
line-height:22px;
position:relative;
background:transparent;
position:relative;
}

.header-top-menu li a:hover, .header-top-menu .current a{
background:#156293;
color:white;
}

.header-top-menu li a span{
position:relative;
top:50%;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display:block;
}



.header-top-menu .menu-parent-mobile{
display: none;
}



.header-top-menu-mobile{
width:40px;
height:40px;
position: absolute;
right:20px;
top:-76px;
background:url('img/menu.png') no-repeat center center;  
display:none;
cursor: pointer;
}


.header-top-menu-mobile-close{
width:36px;
height:36px;
position: absolute;
right:0px;
top:0px;
backgroundurl('img/close.png') no-repeat center center;
cursor:pointer;
display:none;
z-index: 99;
}

.header-top-menu-cat-mobile{
position:fixed;
top:80px;
left:0px;
background:#bf0000;
padding:14px 14px;
font-weight:800;
font-size:17px; 
color:white;
cursor:pointer;
z-index:9999;
display:none;
}

.header-top-menu-cat-mobile-close{
width:36px;
height:36px;
position: absolute;
right:20px;
top:10px;
backgroundurl('img/close.png') no-repeat center center;
cursor:pointer;
display:none;
z-index: 99;
}

.header-page-m-top{
position:relative;
top:auto;
left:auto;
width:100%;
height:auto;
overflow:initial;
z-index:999;
background:white;
}

.header-top-menu-social{
position:absolute;
top:15px;
right:0px;
}

.header-top-menu-social img{
margin-left:6px;
}

.header-top-menu-social img:hover{
transform:scale(0.9);
transition:all 0.2s;
}

.header-top-menu-social .moble-hide{
display:inline-block;
}


/*BANER*/

.header-baner{
width:100%;
position:relative;
}

.header-baner-ob{
width:100%;
height:522px;
position:relative;
overflow:hidden;
}

.header-baner-ob-img{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:8;
}

.header-baner-ob-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}


.header-baner-ob-content{
position:absolute;
top:50%;
left:0px;
width:100%;
transform: translateY(-50%); 
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
text-align:center;
z-index:10;
}

.header-baner-ob-content-text{
display:inline-block;
padding:23px 32px;
color:white;
font-weight:900;
font-size:60px;
line-height:44px;
}

.header-baner-ob-content-text span{
display:block;
color:white;
font-weight:400;
font-size:16px;
line-height:24px;
padding:20px 0px;
}

.header-baner-ob-content-text p{
display:block;
color:white;
font-weight:400;
font-size:16px;
line-height:24px;
padding:20px 0px;
}

.header-baner-ob-content-text a{
display:inline-block;
color:white;
font-weight:700;
font-size:18px;
line-height:18px;
border:2px solid white;
padding:12px 60px;
background:transparent;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.header-baner-ob-content-text a:hover{
color:white;
border:2px solid #156293;
background:#156293;

}


.header-baner-subpage{
width:100%;
height:280px;
position:relative;
overflow:hidden;
}









/*HEADERS PAGE*/

.section-page-header-one{
padding:0px;
font-weight:700;
font-size:30px; 
color:#156293;
margin:0px 0px 30px 0px;
text-align:center;
line-height:normal;
}

.section-page-header-two{
padding:0px;
font-weight:700;
font-size:30px; 
color:#156293;
margin:0px 0px 30px 0px;
text-align:left;
line-height:normal;
}

/*SECTION PAGE*/

.section-page{
padding:60px 0px 20px 0px;
}

.section-page p{
font-weight:400;
font-size:16px;
line-height:24px; 
color:black;
padding:0px 0px 30px 0px;
}

.section-page ul,
.section-page ol{
width:calc(100% - 40px);
margin-left:20px;
padding-left:20px;
font-size:16px;
line-height:24px;
padding-bottom:35px;
}

.section-page ul{
list-style:disc;
}

.section-page ol{
list-style:decimal;
}


/*SECTION GALLERY*/

.section-gallery{
padding:20px 0px 20px 0px;
text-align:center;
}

.section-gallery-blocks{
margin-left:-40px;
padding-top:30px;
}

.section-gallery-block{
float:left;
width:25%;
}

.section-gallery-block-p{
padding-left:40px;
margin-bottom:40px;
}

.section-gallery-block-content{
width:100%;
height:167px;
overflow:hidden;
position:relative;
}


.section-gallery-block-content-img{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
transform: scale(1,1); 
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
}

a:hover .section-gallery-block-content-img{
transform: scale(1.1,1.1); 
-webkit-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
}

.section-gallery-block-content-img img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
display:block;
}

/*SECTION DOWNLOAD*/

.section-download{
padding:20px 0px 40px 0px;
}

.section-download-block{
margin-bottom:20px;
font-size:0px;
}

.section-download-block img{
display:inline-block;
vertical-align:middle;
margin-right:20px;
width:53px;
}

.section-download-block span{
display:inline-block;
vertical-align:middle;
font-weight:400;
font-size:16px;
line-height:24px; 
color:black;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
width:calc(100% - 73px);
}

.section-download-block a:hover  span{
color:#156293;
}

/*SECTION FORM*/

.section-form{
padding:60px 0px 60px 0px;
background:#dddfe6;
}

.reservation{
width:100%;
max-width:600px;
margin:0px auto;
}

.section-form-content-input{
margin-bottom:8px;
}

.section-form-content-input-a{
width:100%;
max-width:404px;
}

.reservation input{
border:2px solid #156293;
margin:0px;
padding:0px 20px;
font-weight:700;
font-size:16px;
line-height:16px; 
color:black;
background:white;
outline:none;
display:block;
width:calc(100% - 44px);
height:40px;
line-height:40px;
border-radius:2px;
margin-bottom:5px;
}

.formstripe{
width:100;
padding:20px 0px;
}

.formstripe a{
color:#156293;
}

.formstripe a:hover{
text-decoration:underline;
}

.formstripe #accept1,
form input[type=checkbox]{
width:22px;
height:22px;
float:left;
margin-right:10px;
}

.reservation input::-webkit-input-placeholder{
color:black;
opacity:1;
}
.reservation input::-moz-placeholder{
color:black;
opacity:1;
}
.reservation input:-ms-input-placeholder{
color:black;
opacity:1;
}
.reservation input:-moz-placeholder{
color:black;
opacity:1;
}


.reservation textarea{
border:2px solid #156293;
margin:0px;
padding:14px 20px;
font-weight:700;
font-size:16px;
line-height:16px; 
color:black;
background:white;
outline:none;
display:block;
width:calc(100% - 44px);
border-radius:2px;
height:80px;
resize:none;
margin-bottom:5px;
}

.reservation textarea::-webkit-input-placeholder{
color:black;
opacity:1;
}
.reservation textarea::-moz-placeholder{
color:black;
opacity:1;
}
.reservation textarea:-ms-input-placeholder{
color:black;
opacity:1;
}
.reservation textarea:-moz-placeholder{
color:black;
opacity:1;
}

.simple-form label{
width:90%;
float:left;
padding:6px 0px 20px 0px;
}

#form_files{
margin-bottom:20px;
}

.section-form-content-input-file{
border:2px solid #156293;
margin:0px;
padding:14px 20px;
font-weight:700;
font-size:16px;
line-height:16px; 
color:black;
background:white;
outline:none;
display:block;
border-radius:2px;
width:100%;
max-width:360px;
position:relative;
margin-bottom:8px;
}

.section-form-content-input-file span{
display:inline-block;
vertical-align:middle;
}

.section-form-content-input-file-p{
top:10px;
right:15px;
position:absolute;
width:100px;
height:25px;

}

.section-form-content-input-file-p input{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
}

.section-form-content-input-file-p::before{
content:'Wybierz plik';
text-align:center;
line-height:25px;
font-size:12px;
font-weight:400;
color:black;
position:absolute;
left:0px;
top:0px;
width:100%;
height:25px;
border:1px solid #888888;
background:#efefef;
}


#submitit{
border:2px solid #156293;
margin:0px;
padding:14px 20px;
font-weight:700;
font-size:16px;
line-height:11px; 
color:white;
background:#156293;
outline:none;
display:block;
border-radius:2px;
width:100%;
max-width:130px;
position:relative;
text-align:center;
cursor:pointer;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

#submitit:hover{
border:2px solid #156293; 
color:#156293;
background:white;
}


/*SECTION AREA*/

.section-area{
padding:60px 0px 60px 0px;
text-align:center;
}

.section-area p{
font-weight:400;
font-size:16px;
line-height:24px; 
color:black;
padding:0px 0px 30px 0px;
}

.section-area-blocks{
margin-left:-40px;
padding-top:30px;
}

.section-area-block{
float:left;
width:25%;
}

.section-area-block-p{
padding-left:40px;
margin-bottom:40px;
}

.section-area-block-content{
background:#96979b;
border-top:2px solid #156293;
padding:20px 18px 18px 18px;
}

.section-area-block-content-h{
position:relative;
padding-left:70px;
margin-bottom:20px;	
}

.section-area-block-content-h img{
position:absolute;
display:block;
left:0px;
top:0px;	
}

.section-area-block-content-header{
font-weight:600;
font-size:18px;
line-height:24px; 
color:white;
text-align:left;
}

.section-area-block-content-button{
display:block;
color:black;
font-weight:600;
font-size:18px;
line-height:18px;
padding:12px 15px;
background:white;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;	
}

a:hover .section-area-block-content-button{
color:white;
background:#156293;
	
}


/*SECTION ABOUT US*/

.section-about-us{
padding:60px 0px 60px 0px;
background:#dddfe6;
}

.section-about-us-left{
float:left;
width:338px;
}

.section-about-us-right{
float:right;
width:calc(100% - 338px);
}

.section-about-us-left-img{
width:244px;
height:244px;
overflow:hidden;
border:11px solid #649cbf;
border-radius:50%;
}

.section-about-us-left-img img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.section-about-us-right p{
font-weight:400;
font-size:16px;
line-height:24px; 
color:black;
padding:0px 0px 30px 0px;
}




/*FOOTER*/

.footer-up{
background: rgb(101, 101, 101);
background: -moz-linear-gradient(90deg, rgb(101, 101, 101) 0%, rgb(150, 151, 155) 100%);
background: -webkit-linear-gradient(90deg, rgb(101, 101, 101) 0%, rgb(150, 151, 155) 100%);
background: -o-linear-gradient(90deg, rgb(101, 101, 101) 0%, rgb(150, 151, 155) 100%);
background: -ms-linear-gradient(90deg, rgb(101, 101, 101) 0%, rgb(150, 151, 155) 100%);
background: linear-gradient(180deg, rgb(101, 101, 101) 0%, rgb(150, 151, 155) 100%);
padding:50px 0px;
margin-top:35px;
}

.footer-column-one{
width:435px;
float:left;
}

.footer-column-two{
width:240px;
float:left;
padding-left:140px;
}

.footer-column-three{
width:calc(100% - 815px);
float:left;
}



.footer-column-one-map{
border:10px solid #156293;
}

.footer-column-one-map-header{
font-weight:700;
font-size:16px;
line-height:18px; 
color:white;
background:#156293;
margin:0px;
padding:7px 15px 15px 15px;
text-align:center;
}

.footer-column-one-map iframe{
display:block;
width:100%;
height:260px;
}


.footer-column-two-poz{
display:block;
position:relative;
padding-left:32px;
font-size:14px;
color:white;
line-height:18px; 
margin-bottom:16px;
}



.footer-column-two-poz img{
position:absolute;
display:block;
top:0px;
left:0px;	
}

.footer-column-two-poz-ob{
padding-top:30px;
}



.footer-column-two-poz a{
display:inline-block;
vertical-align:middle;
font-size:14px;
color:white;
line-height:18px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.footer-column-two-poz a:hover{
color:black;
}

.footer-column-three ul{
padding-left:100px;
}


.footer-column-three ul li a{
display:inline-block;
font-size:14px;
color:white;
font-weight:bold;
line-height:28px;
text-transform:uppercase;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.footer-column-three ul li a:hover{
color:black;
}

.footer-column-three ul li span{
display:inline-block;
height:30px;
}

.footer-down{
background:white url('img/footer-bg.png') no-repeat bottom left;
background-size:100% 113px;
color:#156293;
font-size:12px;
padding:30px 0px 140px 0px;
}

.footer-middle{
background:white;
color:#2b2b2b;
font-size:11px;
padding:30px 0px 0px 0px;
}

.footer-middle p{
text-align:center;
line-height:17px;
}

.footer-down a, .footer-down a:hover{
color:#156293;
font-size:12px;
}

.footer-down-left{
float:left;
}

.footer-down-right{
float:right;
}

/* additional styles */

#map-canvas{
width:100%;
height:400px;
display:inline-block;
}

.spacer{
width:100%;
display:inline-block;
height:35px;
}

.more{
padding:14px 20px;
background:#156293;
cursor:pointer;
margin-bottom:35px;
color:white;
}

.more:hover{
background:black;
transition:all 0.2s;
}

.notices,
.errors{
width:90%;
float:left;
margin:5%;
text-align:center;
color:white;
font-weight:bold;
font-size::16px;
padding:20px 0px;
}

.notices{
background:green;
}

.errors{
background:red;
}

/* additional styles end */

/* ==== RWD ==== */
@media (max-width: 1440px) {

.footer-down{
background:white url('img/footer-bg.png') no-repeat bottom center;
background-size:auto auto;
}

}

@media (max-width: 1240px) {

.wrapper{
padding:0px 20px;
}

.header-top-menu{
right:20px;
}

.header-top-menu-social{
right:20px;
}


.header-top-menu li a{
padding:0px 14px;
font-size:16px;
line-height:20px;
}


.header-top-info-block-all-a{
margin-left:20px;
}


.section-area-block{
float:left;
width:33.3333333333333333%;
}

.section-gallery-block{
float:left;
width:33.3333333333333333%;
}


.footer-column-one{
width:350px;
float:left;
}

.footer-column-two{
width:250px;
float:left;
padding-left:50px;
}

.footer-column-three{
width:calc(100% - 650px);
float:left;
}


.footer-column-three ul{
padding-left:50px;
}


}


@media (max-width: 992px) {

.header-page{
padding-top:92px;
}


.header-top{
position:relative;
}

.header-top-info{
padding:15px 0px;
}


.header-top-logo img{
height:60px;
width:auto;
}

.header-top-info-block-all{
position: absolute;
top:0px;
right:170px;
}


.header-top-info-block-all-text{
display:none;
}

.header-top-info-block-all-a span, .icon-clock{
display:none;
}

.header-top-menu-social{
position:absolute;
top:-76px;
right:94px;
}

.header-top-menu-social .moble-show{
margin-left:20px;
display:inline-block;
}

.header-top-menu-social .moble-hide{
display:none;
}




.header-top-menu{
position:relative;
padding:20px 0px 30px 0px; 
}


.header-top-menu-a{
display:none;
}

.header-top-menu-b{
display:block;
}

.header-top-menu-bg{
position:absolute;
left:0px;
top:100%;
width:100%;
background:white;
}

.header-top-menu{
right:0px;
}


.header-top-menu li{
display:block;
margin:8px 0px;
}

.header-top-menu li a{
display:block;
padding:14px 23px;
color:white;
font-weight:300;
font-size:18px;
position:relative;
background:#156293;
height:auto;
}

.header-top-menu li a:hover, .header-top-menu .current a{
background:#08003e;
color:white;
}

.header-top-menu li a span{
position:relative;
top:0%;
transform: translateY(0%); 
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
display:block;
}

.header-top-menu li a span br{
display:none;
}



.header-top-menu .menu-parent-mobile {
display:block;
position:absolute;
top:6px;
right:10px;
}

.header-top-menu .menu-parent-mobile-n, .header-top-menu .menu-parent-mobile-a{
width: 30px;
height: 30px;
border: 1px solid white;
display: block;
cursor: pointer;
}

.header-top-menu .menu-parent-mobile-n::before {
content: '+';
position: absolute;
width: 30px;
height: 30px;
font-size: 20px;
text-align: center;
line-height: 30px;
color: white;
}

.header-top-menu .menu-parent-mobile-a::before {
content: '-';
position: absolute;
width: 30px;
height: 30px;
font-size: 20px;
text-align: center;
line-height: 30px;
color: white;
}


.header-top-menu-mobile{
display:block;
}

.header-top-menu-mobile-close{
display:block;
}


.moble-show{
display:block;
}

.moble-hide{
display:none;
}


.header-page-m-top{
position:fixed;
top:0px;
left:0px;
width:100%;
height:auto;
overflow:initial;
z-index:999;
background:white;
}


.header-page-m-top-open{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
overflow:auto;
z-index:99009;
background:white;
}




.header-baner-ob{
height:350px;
}

.header-baner-ob-content-text{
font-size:25px;
line-height:34px;
}

.header-baner-ob-content-text br{
display:none;
}

.section-area-block{
float:left;
width:50%;
}

.section-gallery-block{
float:left;
width:50%;
}

.footer-column-one{
width:100%;
float:none;
margin-bottom:40px;
}

.footer-column-two{
width:50%;
float:left;
padding-left:0px;
}

.footer-column-three{
width:50%;
float:left;
}


.footer-column-three ul{
padding-left:0px;
}

}




@media (max-width: 768px) {

.section-area-block{
float:left;
width:100%;
}

.section-gallery-block{
float:left;
width:100%;
}

.section-about-us-left{
float:none;
width:100%;
text-align:center;
}

.section-about-us-right .section-page-header-two{
text-align:center;
}

.section-about-us-right{
float:none;
width:100%;
}

.section-about-us-left-img{
display:inline-block;
margin-bottom:30px;
}

.section-about-us-right p{
text-align:center;
}

}




@media (max-width: 576px) {

.header-top-menu-social .moble-show{
margin-left:5px;
display:inline-block;
}

.header-top-info-block-all-a{
margin-left:4px;
}

.header-top-info-block-all{
position: absolute;
top:0px;
right:135px;
}

.header-baner-ob-content-text span{
line-height:18px;
padding:20px 0px;
}

.header-baner-ob-content-text{
font-size:20px;
line-height:24px;
}

.header-baner-ob-content-text a{
padding:12px 30px;
}

.footer-column-two{
width:100%;
float:none;
padding-left:0px;
margin-bottom:40px;
}

.footer-column-three{
width:100%;
float:none;
}

.footer-down-left{
float:none;
text-align:center;
}

.footer-down-right{
float:none;
text-align:center;
padding-top:20px;
}

.section-form-content-input-a{
width:100%;
max-width:100%;
}

.section-form-content-input-file{
padding:14px 20px;
width:calc(100% - 44px);
max-width:calc(100% - 44px);
}

}




@media (max-width: 440px) {

.header-top-info-block-all{
display:none;
}

.header-top-menu-social{
position: absolute;
top:-76px;
right:84px;
}

.section-about-us-left-img{
width:200px;
height:200px;
}

.section-download-block img{
display:block;
margin:0px auto;
margin-bottom:20px;
width:53px;
}

.section-download-block span{
display:block;
text-align:center;
width:100%;
}

}