body {
	background: #fff;
	color: #353535;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
	font-size: 14px;
	line-height:1.7;
}


#Top{
width: 100%;
height: 94px;
background: #fff;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 500ms ease-in;
  -moz-transition: all 500ms ease-in;
  -ms-transition: all 500ms ease-in;
  -o-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
}

#Top-t{
  width: 100%;
  height: 94px;
}

#Top .wrapper{
  position:relative;
}

#result-inc{
position: fixed;
width: 100%;
height: 100vh;
text-align: center;
z-index: 10000;
display: flex;
  flex-direction: column;
  justify-content: center;
}

#result-inc > div{
width: 50%;
padding: 40px 30px;
background: #a21717;
color: #fff;
margin: 0 auto;
text-align: center;
font-size: 18px;
position: relative;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px 0 #383838;
box-shadow: 0 0 5px 0 #383838;
}


#result-close{
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
cursor: pointer;
background:  url('../img/close-res.png') no-repeat center;

}

a#logo{
width: 505px;
height: 94px;
display: block;
background:  url('../img/logok.png') no-repeat left;
background-size: contain;
position: absolute;
left: 0;
top: 0;
z-index: 1;
-webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}


#logop{
  width: 117px;
height: 94px;
display: block;
background:  url('../img/logop.png') no-repeat left;
background-size: contain;
position: absolute;
right: 0;
top: 0;
z-index: 1;

}



#topikonki{
  position: absolute;
  right: 0;
  top: 30px;
  width: 130px;
  height: 35px;
  border-left: solid 1px #fff;
  -webkit-transition: all 500ms ease-in;
  -moz-transition: all 500ms ease-in;
  -ms-transition: all 500ms ease-in;
  -o-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
}

#topikonki a{
  display: inline-block;
  width: 40px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}




/* ---------------- MENU TOP ---------------*/

#MenuTop{
  width: 100%;
  height: 50px;
  background: #445f78;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1000;
  top: 0;
  left: 0;
  }
  
  #tgmenu{
  display: none;
  }


#MenuTop > ul{
text-align: left;
}


#MenuTop .wrapper > ul > li{
display: inline-block;
margin: 0 15px;
position: relative;
height: 50px;
}



#MenuTop .wrapper > ul > li > a {
color: #ffff;
text-align: center;
font-size: 13px;
line-height: 45px;
height: 50px;
display: block;
padding: 5px 0 0 0;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}



#MenuTop .wrapper > ul > li > a.click{
  border-bottom: solid 5px #f6de00;
}

#MenuTop a.click:hover {
  text-decoration: none;
  color: #f6de00;
}

#MenuTop .wrapper >  ul > li  >  a:hover{
  text-decoration: none;
  color: #f6de00;
 
}




/* -- dropdown ---*/


#MenuTop .wrapper > ul > li.drpdwn > ul{
  display: block;
position: absolute;
background: #e6e7e8;
padding: 20px 0;
left: -15px;
top: 50px;
width: 230px;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}




#MenuTop .wrapper > ul > li.drpdwn > ul li{
display: block;
margin: 0;
}


#MenuTop .wrapper > ul > li.drpdwn > ul a{
font-size: 12px;
display: block;
color: #546064;
padding: 5px 15px;
line-height: auto;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



#MenuTop .wrapper >  ul > li.drpdwn  ul a:hover{
  background: #dadbdc;
}


#MenuTop .wrapper > ul > li.drpdwn  ul a.click{
  background: #dadbdc;
}




/* ---------------- end MENU TOP ---------------*/





/* ------------------SWIPER - SLIDER --------- */





.slider-przes{
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.30);
  display: block;
}





#my-swipper {
  width: 100%;
  height: 450px;
}

#my-swipper.swiper-container{
  width: 100%;
  height: 450px;
}



.slide-inc{
width: 100%;
height: 100%;

}

.slide-inc > picture > img{
  width: 100%; 
  height: 100%; 
   object-fit: cover;
  }


#pagination-swip{
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}



#my-swipper .swiper-pagination{
text-align: center !important;
}


#my-swipper .swiper-pagination-bullet{
margin: 0 3px;
}


.slide-inc-txt{
  width: 1240px;
  height: 100%;
  display: flex;
flex-direction: column;
justify-content: center;
z-index: 2;
position: absolute;
top: 0;
right: 0;
left: 0;
padding-bottom: 45px;
margin: 0 auto;
}

.swipper-caption{
color: #fff;
font-size: 14px;
width: 100%;
margin: 0;
text-align: left;
}


.swipper-caption h2{
  font-family: 'Playfair Display', serif;
  font-size: 72px;
  margin: 10px 0;
color: #fff;
text-transform: uppercase;
font-weight: 500;
}



.swiper-button-next, .swiper-button-prev{
  /*display: none;*/
}
/* ------------------ end SWIPER - SLIDER --------- */










.drag-info{
  text-align:right;
  padding-right:24px;
  color:#fff;
  font-size:13px;
  background: url(../img/drag.png) right no-repeat;
  font-style:italic;
  margin-right:20px;
  margin-bottom: 20px;
  height:20px;
  line-height:20px;
  display:none;
  width: 145px;
  opacity: 0.5;
  filter: alpha(opacity=50); 
  }
  




.flex-out{
  display: -webkit-flex;
  display: flex;
  width: 100%;
}


.flex-out-p{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-flow: row-reverse;
}


.flex-text{
  width: 620px;
  padding: 120px 75px 120px 0;
margin-left: calc(50% - 620px);
}

.flex-text-p{
  width: 620px;
  padding: 120px 0 120px 75px;
margin-right: calc(50% - 620px);
}

.flex-img{
  width: 50%;
  position: relative;
}


.flex-img > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}






#Infob2{
  padding: 120px 0;
  color: #fff;
}




#flex-h{
  display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}



#Infob2-txt{
  width: 48%;
}

#Infob2-ico{
  width: 48%;
}

#Infob2 .h1{
  color: #fff;
}


.h1 b{
  display: block;
}

#Infob2 .NumKol{
color: #666064;
}


.Infob2-ico-flex{
  display: flex;
flex-wrap: nowrap;
margin: 45px 0;
}



.Infob2-ico-img{
  width: 80px;
  height: 80px;
  text-align: center;
  line-height: 75px;
  -webkit-border-radius: 50%;
border-radius: 50%;
background: #e32b30;
}

.Infob2-ico-img > img{
max-width: 40px;
height: auto;
vertical-align: middle;
}



.Infob2-ico-txt{
  width: calc(100% - 80px);
  padding-left: 45px;
}

.Infob2-ico-txt h4{
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 10px;
}


#referencje-out{
  position: relative;
  padding: 50px 0 90px 0;
  background: #efefef;
}

#referencje-out .h1{
  text-align: center;
}

#referencje {
  width: 100%;
  height: 220px;
}

#referencje.swiper-container{
  width: 100%;
  height: 220px;
}

.refer{
width: 33.3333% !important;
padding: 0 25px;
height: 220px;

}
.refer div{
text-align: left;
width: 100%;
}

.refer span{
  padding-left: 30px;
  font-size: 14px;
}

.refer-in{
width: 100%;
height: 150px;
padding: 30px;
background: #fff;
overflow: hidden;
margin-bottom: 15px;
}



#referencje-navig .swiper-pagination-bullet{
  margin: 0 5px;
}

#referencje-navig{
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 30px;
  right: 0;
  left: 0;
  text-align: center;
    
  
  }



.NumKol{
  font-size: 72px;
  color: #d6d6df;
  font-weight: 500;
}





#SciezkaNav{
  width: 100%;
  padding: 15px 0;
  background: #e6e7e8;
}


#SciezkaNav li{
  display: inline-block;
  margin: 0 5px;


  }

#SciezkaNav li a{
  padding-left: 10px;
}


#RealizacjeOut{
  padding: 40px 0;
  text-align: center;
}

#RealizacjeOut a.more{
  margin: 40px auto;
  width: 200px;
}



#Realizacje{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.realizacje{
  width: 24%;
  height: 290px;
  margin-bottom: 18px;
}

.realizacje a{
  width: 100%;
  height: 100%;
  position: relative;
  background: #231f20;
  display: flex;
flex-direction: column;
justify-content: center;
}

.realizacje img{
 max-width: 80%; 
max-height: 80%; 
display: block;
margin: 0 auto;
}
/*
.realizacje.relfrs{
  width: 49.5%;
}
*/
.realizacje.relfrs a{
  background: #e32b30;
}



.realizacje span{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
position: absolute;
color: #fff;
font-weight: 500;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
top: 0;
left: 0;
z-index: 2;
padding: 0 15px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.realizacje span:hover{
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.realizacje  span p{
  display: none;
  
}

.realizacje span:hover p{
  display: block;
}

.realizacje b{
  display: block;
   font-size: 16px;
  font-weight: 500;
text-transform: uppercase;
  margin-bottom: 10px;
}

















  .info-blx{
    width: 100%;
    height: 680px;
    background: #9e9e9e;
    }
    
    .info-blx-txt{
    width: 40%;
    height: 100%;
    display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0 5%;
      color: #fff;
    }
    
    .info-blx-img{
      width: 60%;
      height: 100%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      position: relative;
    }
    
    .info-blx-img img{
      width: 100%; 
  height: 100%; 
  object-fit: cover;
    }
    
    .info-blx-txt .more{
      color: #fff;
      border: solid 1px #fff;
      margin: 40px auto 0 0;
    }
    
    .info-blx-txt h2{
      color: #fff !important;
      border: 0;
         }
    
    
      .info-blx-txt h3{
        font-size: 24px;
        line-height: 1.4;
        margin: 0.5em 0;
        }
    
    
    .inb-l{
      float: left;
    }
    
    .inb-r{
      float: right;
    }
    
    .info-k-1, .info-k-4{
      background: #2f4628;
      background: #9e9e9e;
      
      
    }
    
    .info-k-2, .info-k-5{
      background: #b79222;
      background: #383838;
      
    }
    
    .info-k-3, .info-k-6{
      background: #2E4967;
      background: #787878;
    }
    
    




.kol-1, .kol-8{
  background: #7a8ed9;
}

.kol-2, .kol-7{
  background: #a7c850;
}

.kol-3, .kol-5{
  background: #f0d318;
}

.kol-4, .kol-6{
  background: #5bc4db;
}















.h3{
  margin: 20px 0;
  font-size: 18px;
  line-height: 1.4em;
  color: #19191a;
  font-weight: 500;
  text-transform: uppercase;
}


/*----------------- HomeTop ---------------------*/
#HomeTop {
        width: 100%;
        height: 100vh;
		  background: #515151;
}
.HomeTop-inc{
width: 50%;
height: 50%;
color: #fff;
float: left;
font-size: 16px;
padding: 0;
font-weight: 300;
position: relative;
 background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



.HomeTop-inc > div{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
}


#hc-1{
width: 100%;
padding: 150px  35px 0 35px;
position: absolute;
top: 0;
text-align: right;
}

#hc-2{
width: 100%;
padding: 150px  35px 0 35px;
position: absolute;
top: 0;
text-align: left;
}


#hc-3{
width: 100%;
padding: 50px  35px 0 160px;
position: absolute;
top: 0;
text-align: right;
background: #f02137;
}


#hc-4{
width: 100%;
padding: 50px  35px 0 35px;
position: absolute;
top: 0;
text-align: left;
}

#hc-1 h2 span, #hc-3 h2 span{
right: 0;
left: auto;
}

#hc-2 h2 span, #hc-4 h2 span{
right: auto;
left: 0;
}




.HomeTop-inc h2{
font-weight: 900;
font-size: 60px;
text-transform: uppercase;
line-height: 60px;
position: relative;
margin: 0 0 35px 0;
}

.HomeTop-inc li{
display: inline-block;
text-transform: uppercase;
padding-right: 8px;
}
.HomeTop-inc li:last-of-type{
padding-right: 0;
}

.HomeTop-inc li::after{
content: " | ";
padding-left: 7px;
}

.HomeTop-inc li:last-of-type::after {
content: "";
padding-left: 0;
}

.HomeTop-inc li a{
color: #fff;
}
.HomeTop-inc li a:hover{
color: #f02137;
}


.HomeTop-inc h2 a{
color: #fff;
}
.HomeTop-inc h2 a:hover{
color: #f02137;
}

#hc-3 h2 a{
color: #fff;
}
#hc-3 h2 a:hover{
color:  #000;
}




.HomeTop-inc h2 span{
display: block;
width: 120px;
height: 1px;
background: #fff;
position: absolute;
bottom: -10px;

}






#fbtop{
position: relative;
display: inline-block;
width: 43px;
height: 43px;
background: url('../img/fb-top.png') no-repeat center;
top: 15px;
margin-left: 20px;
}






/* ---------------- HOME -------------------------*/
.h-blok{
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.h-blok-rev{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
}

.h-blok > div:not(.clear), .h-blok-rev > div:not(.clear){
  width: 50%;
}

.g-blok > div{
  width: 50%;
}


.g-blok{
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
}

.g-blok .h-image{
width: 50%;
height: 60vh !important;
padding-right: 2px;

}



.h-image img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  vertical-align: middle;
}

.h-text-right{
padding: 40px 12% 40px 5%;
}


.h-text-left{
  padding: 40px 5% 40px 12%;

}



.h-text-dark{
background: #eeeeee;
color: #2d2d2e;
}


.h-text-dark p{
  margin: 0.8em 0;
  }

.h-text-dark a.ddc{
  color: #006a93;
  font-size: 24px;
  font-weight: 600;
}

.p-telefon{
  font-size: 60px;
  line-height: 0.6;
  font-weight: 300;
}

.h-text-right h4, .h-text-left h4{
font-size: 24px;
font-weight: 400;
margin: 30px 0;
color: #3d3c3f;
}


.news-data{
font-size: 13px;
margin: 0 0 5px 0;
color: #bfc2c8;
font-weight: normal;
}

.wydarzenie-data{
  font-family: 'Playfair Display', serif;
  background: #dfb305;
  font-size: 22px;
  font-weight: 500;
  padding: 15px;
color: #fff;
text-align: center;
 margin: 0 0 20px 0;
 line-height: 1em !important;
}


.ogran{
max-width: 1000px;
}


#mapa-obiekt{
  background: #f4f6f5;
  margin: 40px 0;
  height: 450px;
}

#filmy{
  text-align: center;
  font-size: 18px;
  background: #000;
}

/*
.leaflet-tile-pane {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
*/

#player{
width: 100%;
height: 600px;
background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}



#filmy-th{
padding: 0;
}

.film-th{
  width: 25%;
   background: #000;
  float: left;
  height: 170px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  position: relative;
 
}

.film-th span{
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: 2;
outline: 1px solid #fff;
text-align: center;
display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.film-th span:hover{
  background-color: rgba(0, 0, 0, 0.7);
  outline-offset: -15px;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.film-th span:hover i{
  display: inline;
  
}

.film-th span i{
display: none;
  color: #fff;
  font-size: 28px;


}

/* ------------------------------ PRODUKTY *-------------------------*/
.p-image-main{
  width: 50%;
  height: 800px;
float: left;
position: relative;
background-color: #f4f5f7;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


.p-image-main a{
  display: block;
  width: 100%;
  height: 100%;
}





.p-image-left{
  width: 50%;
  position: relative;
  float: left;
  text-align: center;
  }
  


  .p-image-right{
    width: 50%;
    position: relative;
    float: left;
    text-align: center;
    background-position: center;
background-repeat: no-repeat;
background-size: cover;
    }

    
  .p-image-right img,   .p-image-left img{
    max-width: 100%;
    height: auto;
    }
    
    .p-text-right{
    width: 50%;
     float: left;
    padding-left: 50px;
    padding-right: 7%;
    }
    
    .p-text-left{
      width: 50%;
      float: left;
      padding-right: 50px;
      padding-left: 7%;
      }




a.more2{
  display: block;
  color: #fff;
  border-left: solid 5px #f6de00;
  padding-left: 10px;
  margin-top: 20px;
}

/* ------------------------infoblk ------------------*/

#Infoblok-out{
  position: relative;
  height: 400px;
}

#Infoblok{
  position: absolute;
  z-index: 10;
  top: -45px;
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
}


#Infoblok-l{
  width: 60%;
  height: 400px;
  background: #445f78;
  color: #fff;
  font-size: 14px;
  position: relative;
  color: #fff;
 
}

.InfoErr{
  width: 80%;
  margin: 40px auto;
  background: #ca5d28;
color: #fff;
padding: 20px;
text-align: center;
  -webkit-border-radius: 7px;
border-radius: 7px;
}


#noclegi-out{
  position: absolute;
  background: #445f78;
  width: 100%;
  padding: 30px;
  z-index: 10;
}

/*
#noclegi-out2{
  background: #f4f5f5 url('../img/bg-lok.jpg');
  width: 100%;
  padding: 30px;
  z-index: 10;
 font-size: 13px;
  margin: 0;
}
*/

#noclegi-out2{
  background: #637176;
  width: 100%;
  padding: 30px;
  z-index: 10;
 font-size: 14px;
 color: #fff;
  margin: 0;
}

#noclegi-out2  h4{
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 0 10px 0;
  font-weight: 700;
}

#noclegi-out2 h3{
  display: nones;
  color: #fff;
}


#noclegi-out2 form input[type="submit"]{
width: 48%;
margin-top: 15px;
border: solid 1px #fff;
background: transparent;
}

#Infoblok-l .h2{
  color: #fff;
}



#noclegi-szukaj-inc{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;

}

#noclegi-szukaj-inc > div{
  width: 48%;
  margin-top: 10px;

}

#noclegi-zaawansowane{
  display: block;
  margin: 10px 0;
}

#noclegi-zaawansowane i{
  margin-right: 10px;
}
#noclegi-zaawansowane:hover{
 text-decoration: underline;
}


#zaawansowane{
 display: none;
}


#zaawansowane-inc{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

#zaawansowane-inc > div{
  width: 48%;
  margin-top: 10px;
}


#Infoblok-l  h4{
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 0 10px 0;
  font-weight: 700;
}


#Infoblok-l form input[type="submit"]{
border: solid 1px #fff;
background: transparent;
width: 48%;
margin-top: 15px;
}


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


#Infoblok-r{
width: 40%;
padding-left: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}


.infoblok{
  width: 48%;
  height: 190px;
  background: #000;
  margin-bottom: 20px;
  -webkit-transition: all 500ms ease-in;
  -moz-transition: all 500ms ease-in;
  -ms-transition: all 500ms ease-in;
  -o-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
}

#inb-2{
background: #5ba636;
}
#inb-2:hover{
  background: #417627;
}
#inb-5{
background: #23a998;
}
#inb-5:hover{
  background: #1c8477;
  }
#inb-3{
background: #d6a920;
}
#inb-3:hover{
  background: #af8a1b;
  }
#inb-4{
background: #185974;
}
#inb-4:hover{
  background: #13465b;
  }
#inb-1{
background: #ca5d28;
}
#inb-1:hover{
  background: #a94e21;
  }
#inb-6{
background: #637176;
}
#inb-6:hover{
  background: #4d575b;
  }

.infoblok a{
  display: block;
  width: 100%;
  height: 100%;
}

.mi-img{
  width: 100%;
  height: 130px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mi-img img{
  display: block;
  margin: 0 auto;
  max-width: 80%;
  max-height: 80%;
}


.infoblok h4{
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin: 5px 0;
  color: #fff;
  text-align: center;
  padding: 0 20px;
}



#wydarzenia-bg{
width: 100%;
height: 450px;
position: relative;
}

#wydarzenia-przes{
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 450px;
  z-index: 0;
  background: rgba(0, 0, 0, 0.10);
  display: block;
}



#wydarzenia-h{
  height: 100%;
  display: flex;
flex-direction: column;
justify-content: center;
z-index: 2;
color: #fff;
padding-bottom: 45px;
font-size: 14px;
z-index: 2;
}

#wydarzenia-h h2{
  font-family: 'Playfair Display', serif;
  font-size: 72px;
  margin: 10px 0;
color: #fff;
text-transform: uppercase;
font-weight: 500;
}

#Wydarzenia-out{
  position: relative;
  height: 310px;

}


#Wydarzenia{
  position: absolute;
  z-index: 10;
  top: -45px;
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
}



#kalendarz{
  width: 24%;
  margin: 0 0.5%;
  height: 380px;
  background: #e6e7e8;
}

#kalendarz-m{
  background: #637176;
  width: 100%;
  height:50px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}

#kal-l{
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  cursor: pointer;
}
#kal-r{
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  cursor: pointer;
}



#kalendarz-d{
padding: 10px 15px;
}

.kalendarz-t{
  display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
}

.kal-day{
  width: 34px;
  height: 34px;
  margin: 6px 0;
  text-align: center;
  line-height: 34px;
}

.kal-dname{
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  width: 34px;
  margin: 7px 0;
}

.kal-day > a{
display: block;
width: 100%;
height: 100%;
  background: #dfb305;
  color: #fff;
  -webkit-border-radius: 50%;
border-radius: 50%;
}

.kal-dzis{
  border: solid 1px #dfb305;
  -webkit-border-radius: 50%;
  border-radius: 50%; 
}











#obiekty{
  width: 100%;
  height: 450px;
  padding-top: 60px;
  background: #f4f5f5 url('../img/bg-lok.jpg');
}

#obiekty-inc{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

#obiekty-szukaj{
width: 47%;
}

#obiekty-szukaj-inc{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

#obiekty-szukaj-inc > div{
  width: 45%;
  margin-top: 20px;
  padding-top: 100px;
}

#obiekty-ob{
  background: url('../img/obiekty.png') no-repeat 0 0;
}

#obiekty-lok{
  background: url('../img/lokalizacj.png') no-repeat 0 0;
}

#obiekty-szukaj-inc > div > h4{
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 0 10px 0;
  font-weight: 700;
}


#obiekty form input[type="submit"]{
width: 45%;
}

#informacje-p{
  width: 47%;
}








#galeria-bg{
  width: 100%;
  height: 450px;
  position: relative;
}


#galeria-przes{
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 450px;
  z-index: 0;
  background: rgba(0, 0, 0, 0.10);
  display: block;
}


#galeria-h{
  height: 100%;
  display: flex;
flex-direction: column;
justify-content: center;
z-index: 2;
color: #fff;
padding-bottom: 45px;
font-size: 14px;
z-index: 2;
position: relative;
}

#galeria-h h2{
  font-family: 'Playfair Display', serif;
  font-size: 72px;
  margin: 10px 0;
color: #fff;
text-transform: uppercase;
font-weight: 500;
}



#galeria-home{
width: 100%;
position: absolute;
top: 100px;

}

#partnerzy{
  width: 100%;
  height: 160px;
  background: #e6e7e8;
  
}

#partnerzy .wrapper{
  position: relative;
}

#partnerzy .h2{
  line-height: 160px;
  margin: 0;
}


#odts-galeria{
height: 700px;
}


#partnerzy-sw{
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 200px);
  height: 160px;
}


.partner{
  width: 210px !important;
  height: 160px;
  overflow: hidden;
  display: flex;
flex-direction: column;
justify-content: center;
}

.partner > img{
  max-width: 150px;
  max-height: 100px;
  }


  #swn{
    right: -50px;
    top: 80px;
  }
  
  #swp{
    left: -50px;
    top: 80px;
  }
/* ------------------------ end infoblk ------------------*/




.subcat-out{
  width: 100%;
  padding: 40px 0;
  background: #637176;
  color: #fff;
}
.subcat-flx{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.subcat-lft{
  width: 32%;
}


.subcat-lft .h2{
  color: #fff;
  margin: 20px 0;
}

.subcat-lft-img{
  width: 100%;
  height: 250px;
  position: relative;
  
}


.subcat-lft-img img{
  width: 100%; 
  height: 100%; 
   object-fit: cover;
}




.subcat-rgt{
  width: 64%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.subcat-i{
  width: 33%;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
}

.subcat-i-img{
  width: 100%;
  height: 100px;
  text-align: center;
  margin-bottom: 10px;

  
}

.subcat-i-img img{
  max-width: 80%;
  max-height: 90%;
}











.h-prezent{
width: 100%;
height: 700px;
color: #3d3c3f;
position: relative;
background: transparent;
}


.h-prezent-txt{
  font-size: 24px;
  color: #3d3c3f;
position: relative;
z-index: 1;
padding-left: 7%;
max-width: 50%;
height: 100%;
display: flex;
  flex-direction: column;
  justify-content: center;
}


.h-prezent-przes{
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
z-index:0;
top: 0;
left: 0;
}


.h-prezent b, .h-prezent strong{
font-weight: 900;
font-size: 18px;
}





.h-prezent ol li{
padding: 10px 0 10px 40px;
margin-left: 80px;
list-style-type: decimal-leading-zero;
font-size: 48px;
font-weight: 900;
color: #f02137;
}

.h-prezent h3{
font-size: 24px;
font-weight: 900;
margin: 0 0 20px 0;
text-transform: uppercase;
}



.h-prezent h4{
font-size: 24px;
font-weight: bold;
margin: 0;
color: #fff;
}



.h-kont{
width: 50%;
float: left;
}




.h-ban-left{
width: 50%;
padding-right: 58px;
float: left;
}



.h-ban-right{
width: 50%;
padding-left: 58px;
float: right;
}

.h-ban-image{
width: 100%;
height: 316px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 30px;
}


#marki{
padding: 75px 0;
}




#mapa-google{
width: 100%;
height: 100%;
}

.tab-blok{
margin: 0 0 50px 0;
}

.tab-sec{
border-bottom: solid 1px #d1d2d3;
padding: 15px;
}

.tab-blok .tab-sec:first-of-type{
border-top: solid 1px #d1d2d3;
}





.tab-h{
background-position: left;
background-repeat: no-repeat;
line-height: 22px;
font-size: 18px;
font-weight: 500;
padding: 5px 0 5px 0;
color: #19191a;
cursor: pointer;
position: relative;
text-transform: uppercase;
}




.tab-h i{
 font-style: normal !important;
  }


.tab-cont{
padding: 20px 0;
display: none;
}

.angl{
position: absolute;
right: 20px;
top: 5px;
}

/* ---------------- end HOME -------------------------*/








h1, h2, h3, h4{
  font-weight: 400;
  line-height: 1.1;
position: relative;
}

h3.pole{
font-size: 48px;
padding: 10px 0 30px 0;
text-align: center;
}







.h1{
 font-family: 'Playfair Display', serif;
  font-size: 36px;
  margin: 0 0 1em 0;
color: #19191a;
text-transform: uppercase;
font-weight: 400;
}



.h2{
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  margin: 0 0 1em 0;
color: #19191a;
text-transform: uppercase;
font-weight: 400;
}









.hcent{
  text-align: center;
  margin-top: 50px;
}




a.more{
display: block;
width: 220px;
height: 40px;
line-height: 40px;
font-size: 13px;
text-align: left;
margin: 30px 0 30px auto;
text-indent: 25px;
background: transparent;
color:#fff;
background: #dfb305 url("../img/abg.png") no-repeat 190px center;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}

a.more:hover{
  background: #445f78 url("../img/abg.png") no-repeat 190px center;
  -webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-ms-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
}

a.moren{
  display: inline-block;
  font-size: 16px;
  color: #b99d6c;
  text-decoration: underline;
  font-weight: 700;
  margin: 30px 0 15px 0;
}

.wrapper{
width: 1240px;
margin: 0 auto;
}


.tresci{
overflow: hidden;
}


.tresci .embed-container { position: relative; margin-top: 40px; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.tresci .embed-container iframe, .embed-container object, 
.tresci .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.tresci b, .tresci strong{
font-weight: 700;
}


.tresci h1, .tresci .h1{
  font-size: 36px;
  margin: 0 0 34px 0;
  color: #19191a;
  text-transform: uppercase;
  font-weight: 400;
}


.tresci h2, .tresci .h2{
  font-size: 32px;
  color: #19191a;
  bottom: 0;
  margin: 0.5em 0;
  font-weight: 400;
  text-transform: uppercase;
}

.tresci h3{
  font-size: 26px;
  color: #19191a;
  bottom: 0;
  margin: 1.5em 0;
  font-weight: 400;
  text-transform: uppercase;
}

.tresci h4{
  font-size: 22px;
  color: #19191a;
  bottom: 0;
  margin: 1.5em 0;
  font-weight: 400;
  text-transform: uppercase;
}






.tresci p{
margin: 1.5em 0;
}

.tresci .h2{
margin-top: 0 !important;
}

.tresci i, .tresci em{
font-style: italic
  }

  .tresci u{
text-decoration: underline;
    }

.tresci blockquote{
color: #959694;
text-align: center;
 margin: 30px 0;
 font-size: 36px;
 line-height: 1.2em;
 font-weight: bold;
 /*
  padding-left: 120px;
 background: url(../img/cyt-ico.png) no-repeat 10px 10px;*/
}

.docs-imgs{
  margin-bottom: 30px;
}

.docs-imgs img{
  width: 100%;
  height: auto;
}
  

.doc-dark .tresci blockquote{
  color: #fff;
 }

.tresci ul{
  margin: 20px 0 20px 5px;
  list-style: none;

  }
  
  .tresci ol{
    margin: 50px 0 20px 20px;
    padding-left: 60px;
    list-style-type: decimal-leading-zero;
    }
    .tresci ul:not(.pliki) > li{
      margin: 7px 0;
     padding: 1px 0 1px 15px;
     -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 border-left: solid 7px #dfb305;
 line-height: 1.4;
      }
  

      .tresci ul  ul  li,  .tresci ul  ol li,  .tresci ol  ol  li,  .tresci ol ul  li{
        margin: 10px 0 0 0 !important;
       padding: 5px 0 0 40px !important;
           background: none !important;
        }
  
  
  
  
  .tresci ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    margin: 0;
    padding: 0;
  }
  .tresci ol > li {
    counter-increment: my-awesome-counter;
    width: 100%;
    margin: 20px 0 20px 100px;
    position: relative;
    min-height: 50px;
     padding: 20px 120px 20px 20px;
    border-left: solid 3px #d6d6df;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    
  }
  .tresci ol > li::before {
    content: "0" counter(my-awesome-counter);
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1;
    color: #d6d6df;
    width: 90px;
    
    margin-right: 20px;
    position: absolute;
    top: 10px;
    left: -90px;
  }
  
  

  
  .doc-dark .tresci ul:not(.pliki) > li{
    border-bottom: #717176 1px dashed;
    padding: 20px 10px 22px 35px;
    font-weight: 500;
  }
  

/*------------------------- TOP KATGEORIA --------------------------- */

#TopCat{
width: 100%;
height: 260px;
position: relative;

}

#TopCat-przes{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.40);
  display: block;
}

#TopCat img{
  width: 100%; 
  height: 100%; 
   object-fit: cover;
}

#TopCat-t{
width: 50%;
height: 100vh;
float: right;
display: flex;
  flex-direction: column;
  justify-content: center;
}

#TopCat-t > div{
  padding: 40px;
}

#TopCat-t h2{
  font-weight: 300;
  font-size: 42px;
  color: #2f4628;
  line-height: 1;
  margin: 0 0 50px 0;
  border-bottom: solid 1px #e9eaea;
  position: relative;
}

.TopCat-txt{
  width: 100%;
  height: 100%;
  display: flex;
flex-direction: column;
justify-content: center;
z-index: 2;
position: absolute;
top: 0;
left: 0;
color: #fff;
font-size: 14px;
text-align: left;
line-height: 1.4;
}

#TopCat .h1{
  color: #fff;
 line-height: 1.1;
  margin: 0 0 10px 0;
font-size: 56px;
font-weight: 500;
}



#TopCat li{
font-size: 14px;
display: inline;
padding: 0 10px 0 5px;
}

#TopCat li::after{
content: " / ";
padding-left: 10px;
}

#TopCat li:last-of-type::after {
content: "";
padding-left: 0;
}

#TopCat a:hover{
color: #d9c0b3;
}



/* ------------------------ PREZENTACJA KATEGORII ---------------------------- */

.kat-prez{
width: 100%;
height: 680px;
clear: both;
position: relative;
}

.kat-prez-brazc{
background: #3a2824;
}
.kat-prez-brazj{
background: #855c3b;
}
.kat-prez-bez{
background: #b29376;
}

.kat-prez-txt{
width: 35%;
height: 100%;
padding: 90px 70px 0 100px;
color: #fff;
font-size: 22px;
}


.kat-prez-lft{
float: left;
}

.kat-prez-rgh{
float: right;
}

.kat-prez-txt h3{
font-size: 58px;
margin-bottom: 30px;
}

.kat-prez-txt h4{
font-size: 28px;
margin-bottom: 30px;
}






.kat-prez-img{
width: 65%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}


.kat-prez-txt ul{
margin-top: 30px;
padding-left: 20px;
list-style-image: url('../img/li.png');
}

.kat-prez-txt li{
padding-top: 5px;
padding-bottom: 5px;
font-size: 28px;
}

.kat-prez-txt li a{
color: #fff;
}

.kat-prez-txt li a:hover{
color: #e3dad5;
}


/* ------------------------ end PREZENTACJA KATEGORII ---------------------------- */


/* ---------------------------PODKATEGORIE STRONA ------------------------------- */

.kat-sub{
width: 100%;
padding: 0;
height: 800px;
float: left;
}

.kat-sub-img{
  width: 100%;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size:cover;
  position: relative;
  margin-bottom: 34px;

}


.kat-sub-img img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  }


.kat-image-left{
width: 50%;
height: 100%;
position: relative;
float: left;
background-color: #ebebeb;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}



.kat-image-right{
width: 50%;
height: 100%;
background-color: #ebebeb;
position: relative;
float: right;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}



.kat-text-right{
width: 50%;
height: 100%;
float: left;
padding-left: 7%;
padding-right: 12%;
display: flex;
  flex-direction: column;
  justify-content: center;
}


.kat-text-left{
width: 50%;
height: 100%;
float: right;
padding-right: 7%;
  padding-left: 12%;
display: flex;
  flex-direction: column;
  justify-content: center;
}




.kat-image-right a, .kat-image-left a{
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
color: #fff;
padding: 0 20px;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
filter: alpha(opacity=0);
font-size: 38px;
font-weight: 400;
text-transform: uppercase;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
transition: opacity 0.6s, visibility 0.6s;
  flex-direction: column;
  justify-content: center;
}



.kat-image-right a:hover, .kat-image-left a:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
	 transition: opacity 0.6s, visibility 0.6s;
}





/* ------------------------------- ARTYKUŁY ----------------------------------*/





.news-lft{
padding-top: 50px;
}

.news-img {
  margin: 50px 0; 
  vertical-align: middle;
}

.news-img  img, .news-f-img img{
  width: 100%;
  height: auto;
  vertical-align: middle;
}




.news-rgt{
  width: 540px;
  float: right;
  padding-left: 30px;
  padding-top: 50px;
  text-align: right;
  }


  .news-rgt img{
    max-width: 100%;
    height: auto;
  }

  .news-rgt a{
display: block;
margin: 30px 0;
  }

.news-out{
  display: flex;
}

.news-f-lft{
  width: 40%;
}


.news-f-rgt{
  padding-left: 30px;
  width: 60%;
  position: relative;
}

.news-f-rgt h1{
  margin: 1em 0;
}

.news-f-rgt p{
  margin: 0;
}


.ob-icon{
  display: inline-block;
  margin: 0 7px 7px 0;
  width: 40px;
  height: 40px;
  background: #e6e7e8;
  color: #fff;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
}

#obico-7{
  background-image: url('../img/ob-icon-7.png');
}


.dane-obiektu{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;

  width: 510px;
  float: right;
  background: #f4f4f4;
  padding: 25px 15px; 
  margin: 0 0 30px 30px;
}



.dane-obiektu  div.tlf{
  width: 100px;
  text-align: right;
  margin: 5px 0;
  font-weight: 600;
}
.dane-obiektu  div.rtf{
  width: calc(100% - 130px);
  text-align: left;
  margin: 5px 0;
}

.news-t{
 /* bottom: 0;
  position: absolute; */
  /*
 height: 100%;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
  */
  
}


.news-t h1{
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  margin: 0 0 1.4em 0;
color: #19191a;
text-transform: uppercase;
font-weight: 400;
line-height: 1.3;
}


.autor-box{
  font-size: 14px;
  line-height: 13px;
  padding: 5px 0;
}
.autor-box img{
  margin: 10px 0;
  display: block;
}

.autor-box b{
  display: block;
  font-weight: normal;

}



a.komt{
  display: block;
  color: #000;
  margin: 10px 0 30px 0;
  padding-left: 28px;
  line-height: 15px;
  font-size: 13px;
  background: url("../img/co-ico.png") no-repeat left;
}

#tagi{
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

a.tag{
display: block;
height: 50px;
line-height: 50px;
text-align: center;
padding: 0 30px;
color: inherit;
font-style: italic;
border: solid 1px #bfc2c8;
background: #f7f7f7;
margin: 7px 7px 7px 0;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}

a.tag:hover{
  border: solid 1px #d6a920;
  color: #a28017;
  background: #fbf5e3;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}


#disqus_thread{
  margin: 80px 0 50px 0;
}

.pliki-out{
  margin: 50px 0;
}

.doc-dark .pliki-out .h3{
color: #fff;
}

.pliki-out .h3{
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  margin: 0 0 1em 0;
color: #19191a;
text-transform: uppercase;
font-weight: 400;
}


ul.pliki {
  list-style: none;
  padding: 0;
  margin: 0;
  
}



.pliki li{
position: relative;
margin: 25px 0;
padding: 0 20px 2px 20px;
color: #445f78;
border-left: solid 3px #445f78;
border-bottom: #445f78 1px dashed;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
z-index: 1;

}

.doc-dark .pliki-out .pliki li{
  color: #fff;
  }






.doc-dark .pliki li span{
  background: #fff;
  }



.pliki li a{
  display: block;
  width: 100%;
  padding: 10px 8px;

}


.pliki li:hover{
  color: #d6a920;
border-left: solid 3px #d6a920;
border-bottom: #d6a920 1px dashed;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  }

/* --------------- lista ------------------*/

.doc-odst{
  margin: 50px auto !important;
}


.artykuly-out{
  padding: 10px 0;
}


.artykuly{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;

}

.gal-list{
  width: 30%;
margin: 20px 0;
background: #fff;
height: 380px;
overflow: hidden;
}

.gal-list a{
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
  }


  .gal-list-img{
    width: 100%;
    height: 260px;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    position: relative;
    margin-bottom: 25px;
    }
    
    
    .gal-list-img img{
      width: 100%; 
      height: 100%; 
      object-fit: cover;
      }

  .gal-list-img a{
    width: 100%;
    height: 100%;
    padding: 0;
    display: block;
    }




    .gal-list-img span{
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    outline: 1px solid #fff;
    text-align: center;
    display: flex;
      flex-direction: column;
      justify-content: center;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
    }
    
    .gal-list-img span:hover{
      background-color: rgba(0, 0, 0, 0.7);
      outline-offset: -15px;
      -webkit-transition: all 500ms ease-out;
      -moz-transition: all 500ms ease-out;
      -ms-transition: all 500ms ease-out;
      -o-transition: all 500ms ease-out;
      transition: all 500ms ease-out;
    }
    
    .gal-list-img span i{
      color: #fff !important;
      display: none;
    }
    
    .gal-list-img span:hover i{
      color: #fff !important;
      display: inline;
    }












.art-list{
margin: 0 0.5% 20px 0.5%;
width: 24%;
height: 380px;
background: #637176;
position: relative;
}

.art-list a{
  width: 100%;
  height: 100%;
  display: block;
padding: 0;
  }

  .art-list h4{
      font-family: 'Playfair Display', serif;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.4;
      margin: 0 0 5px 0;

  }

  .art-list-txt{
    padding: 15px 20px 0 20px;
    color: #fff;
  }


.art-list-img a{
width: 100%;
height: 100%;
padding: 0;
display: block;

}


.art-list-img{
width: 100%;
height: 230px;
position: relative;
}


.art-list-img img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  }

  .art-list-noimg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    display: flex;
    color: #fff;
    padding: 20px;
      flex-direction: column;
      justify-content: center;
  }


  .art-list-noimg i{
    color: #fff !important;
    text-transform: uppercase;
    border: solid 1px #fff;
    width: 150px;
    height: 40px;
    line-height: 40px;
    display: block;
    margin: 20px auto 0 auto;
    font-size: 14px;
  }
  
 

.art-list span{
  width: 100%;
  height: 100%;
  background-color: rgba(223, 179, 5, 0);
  position: absolute;
top: 0;
left: 0;
z-index: 2;
text-align: center;
display: flex;
color: #fff;
  flex-direction: column;
  justify-content: center;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.art-list span .txt{
  padding: 20px;
  display: none;
}



.art-list span:hover{
  background-color: rgba(223, 179, 5, 1);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -ms-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.art-list span i{
  color: #fff !important;
  text-transform: uppercase;
  border: solid 1px #fff;
  width: 150px;
  height: 40px;
  line-height: 40px;
  display: none;
  margin: 20px auto 0 auto;
  font-size: 14px;
}

.art-list span:hover i{
  color: #fff !important;
  display: block;
}

.art-list span:hover .txt{
  color: #fff !important;
  display: block;
}


.w-data{
  position: absolute;
  height: 30px;
  background: #dfb305;
  color: #fff;
  line-height: 30px;
  padding: 0 20px;
  left: 0;
  top: 200px;
  width: 100%;
  text-align: center;
}

.wp-data{
font-weight: bold;
font-size: 14px;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: solid 1px #fff;
}



.art-data{
width: 120px;
height: 120px;
-webkit-border-radius: 60px;
border-radius: 60px;
font-size: 18px;
float: left;
background: #b3c071;
color: #20332f;
text-align: center;
margin-right: 30px;
display: flex;
  flex-direction: column;
  justify-content: center;
}

.art-data span{
font-size: 52px;
font-weight: 600;
line-height: 0.8;
display: block;
margin-top: 4px;
}

.art-txt{
float: right;
width: calc(100% - 150px);
}

/* -----------------------karta ------------- */

#art-top{
width: 100%;
}


#art-foto{
width: 50%;
height: 600px;
position: relative;
float: left;
 background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}


#art-foto a{
display: block;
width: 100%;
height: 100%;
}


#art-foto span{
  display: block;
  position: absolute;
  bottom: -60px;
  height: 60px;
  background: #f02137;
  width: 85%;
  left: 0;
  }


#art-opis{
width: 50%;
float: left;
padding-left: 50px;
padding-right: 7%;
position: relative;
}

p.kod{
margin: 0;
font-style: italic;

}



#art-txt h2{
margin-top: 0;
}

#art-action{
background: #f8f8f8;
padding: 25px;
margin: 20px 0;
width: 100%;
}


#art-action a{
  display: inline-block;
  color: #000;
  font-style: italic;
  margin: 0 10px;
}



#nawig-art{
  margin-top: 10px;
padding: 20px 0;
}


#nawig-art  a {
display: block;
width: 220px;
min-height: 94px;
padding: 0;
position: relative;
z-index: 1;
line-height: 1.3em;
font-size: 13px;
display: flex;
  flex-direction: column;
  justify-content: center;
}

#nawig-art .naw-p{
position: absolute;
z-index: -1;
padding: 0 10px;
	 -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: linear;

}

#nawig-art-left .naw-p{
left: 0;
}

#nawig-art-right .naw-p{
right: 0;
}

#nawig-art-left{
text-align: left;
float: left;
background: #f8f8f8;
}


#nawig-art-right{
text-align: right;
float: right;
background: #f8f8f8;
}

#nawig-art  a  span{
display: block;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
color: #000;
font-weight: 600;
}

#nawig-art div.naw-img{
width: 70px;
height: 74px;
z-index: -1;
background-position: center;
background-repeat: no-repeat;
background-size:cover;
position: absolute;
    opacity:0;
    filter: alpha(opacity=0);

	 -webkit-transition-property: all;
    -webkit-transition-duration: 0.5s;
	 -webkit-transition-delay: 0.3s;
    -webkit-transition-timing-function: linear;
    transition-property: all;
    transition-duration: 0.5s;
	 transition-delay: 0.3s;
    transition-timing-function: linear;
}


#nawig-art-left  div.naw-img{
float: left;
top: 10px;
left: 10px;
}

#nawig-art-right  div.naw-img{
float: right;
top: 10px;
right: 10px;
}




a#nawig-art-left:hover  div.naw-p{
left: 80px;
}

a#nawig-art-left:hover  div.naw-img{
    opacity: 1;
    filter: alpha(opacity=100);
}


a#nawig-art-right:hover  div.naw-p{
right: 80px;
}

a#nawig-art-right:hover  div.naw-img{
    opacity: 1;
    filter: alpha(opacity=100);
}





.moreurl{
  margin: 20px 0;

}


.moreurl .h3{
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  margin: 0 0 7px 0;
color: #19191a;
text-transform: uppercase;
font-weight: 400;
}

.moreurl a{
  font-weight: 500;
  font-size: 14px;
}

.obiekt-lok{
  font-family: 'Playfair Display', serif;
  font-size: 26px;
  margin: 7px 0 20px 0;
color: #637176;
text-transform: uppercase;
font-weight: 400;
}


/* ------------------------------- end ARTYKUŁY ----------------------------------*/










/* ------------------------- GALERIA --------------------------------------------- */



.galeria_home{
  width: 30%;
  padding: 2px;
  float: left;
}


.galh-1{
width: 30%;
padding: 2px 1px 2px 0;
height: 540px;
}


.galh-2,  .galh-3{
width: 20%;
padding: 2px 1px 2px 1px;
height: 540px;
}

.galh-4{
width: 30%;
padding: 2px 0 2px 1px;
height: 540px;
}




.galeria{
width: 25%;
padding: 2px;
float: left;
}




.gal-1{
width: 50%;
padding: 1px 1px 1px 0;
height: 720px;
}




.gal-2{
width: 25%;
height: 720px;
padding: 1px 1px 1px 1px;
}



.gal-3{
width: 25%;
padding: 1px 0 1px 1px;
height: 360px;
}


.gal-4{
width: 25%;
padding: 1px 0 1px 1px;
height: 360px;
}


.gal-5{
width: 25%;
padding: 1px 1px 1px 0;
height: 360px;
}

.gal-6{
width: 25%;
padding: 1px 1px 1px 1px;
height: 360px;
}

.gal-7{
width: 50%;
padding: 1px 0 1px 1px;
height:  720px;
float: right;
}


.gal-8{
width: 25%;
padding: 1px 1px 1px 0;
height: 360px;
}

.gal-9{
width: 25%;
padding: 1px 1px 1px 1px;
height: 360px;
}


.g-img{
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size:cover;
position: relative;
}


.g-img span, .g-img-art span, .g-img-prod span{
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 10px;
text-align: center;
position: absolute;
color: #fff;
background-color: rgba(223, 179, 5, 0.9);
opacity: 0;
filter: alpha(opacity=0);
font-size: 14px;
display: flex;
transition: opacity 0.6s, visibility 0.6s;
  flex-direction: column;
  justify-content: center;

  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.g-img span i, .g-img-art span i, .g-img-prod span i{
color: #fff;
font-size: 40px;

}



.g-img span:hover, .g-img-art span:hover, .g-img-prod span:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
	 transition: opacity 0.6s, visibility 0.6s;
}






.g-img .flm, .g-img-art .flm, .g-img-prod .flm{
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 10px;
  text-align: center;
  position: absolute;
  color: #fff;
  font-size: 64px;

  opacity: 0.6;
  filter: alpha(opacity=60);
  display: flex;
    flex-direction: column;
    justify-content: center;
  }
  

  .flm i{
    font-style: normal !important;
  }
  
  












#gal-txt{
width: 50%;
padding: 2px 0 2px 2px;
height: 720px;
float: left;
}


#gal-txt ol{
padding-left: 100px;
list-style-image: url('../img/li.png');
color: #20362b;
}

#gal-txt li{
padding: 16px 0;
padding-left: 30px;
font-size: 22px;
color: #20362b;
}

#gal-txt > div{
width: 100%;
height: 100%;
background: #f2f2f2;
overflow: hidden;
display: flex;
  flex-direction: column;
  justify-content: center;
}

#gal-txt > div > div{
padding: 40px;
}











/* -------------------------  GALERIA artykuly --------------------------------------------- */

.galeria-out {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.galeria-wrap{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 49%;
  height: 476px;
}



.galeria-art{
  width: 23.5%;
height: 225px;
margin: 13px 0;
}

.galeria-wrap .galeria-art{
  width: 48%;
height: 225px;
margin: 13px 0;
}

.galeria-art-b{
  width: 49%;
  height: 476px;
  margin: 13px 0;
}

.g-img-art{
width: 100%;
height: 100%;
position: relative;
background-position: center;
background-repeat:no-repeat;
    background-size:cover;
}

.g-img-art img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  vertical-align: middle;
}





/* ------------------------- end GALERIA --------------------------------------------- */




/* ------------------------------ PRODUKTY ----------------------*/
#ZobaczInne{

  padding: 0 0 30px 0;
  

}

#ZobaczInne h4{
font-size: 18px;

}
.p-more{
float: left;
padding: 10px 10px 0 0;
width: 33.3333%;
}

.p-more a{
  max-width: 100%;
  }

.p-more a img{
max-width: 100%;
height: auto;
}


/* ---------------------------- DOKUMENT ---------------------------------------*/

.doc-paralax{
padding: 60px 0;
color: #fff;
position: relative;
text-align: center;
font-size: 18px;
}

.doc-paralax .h1{
  color: #fff !important;
  border: 0;
  text-align: center !important;
  line-height: 1.3 !important;
  
}

.doc-paralax .h1 span{
  color: #fff !important;
}

.doc-paralax h1, .doc-paralax h2, .doc-paralax h3, .doc-paralax h4{
  color: #fff;

}







.doc-paralax-przes{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index:0;
  top: 0;
  left: 0;
  z-index: 7;
  }


  .doc-paralax .wrapper{
position: relative;
z-index: 10;
 
  }


.doc-flex{
width: 100%;
 display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between ;
    flex-wrap: wrap;
}


.flex-box3{
width: 30%;
padding: 40px 0;
}


.flex-box3 h2{
  font-weight: 500;
  font-size: 24px;
  color: #19191a;
  line-height: 1;
  margin: 0 0 30px 0;
  position: relative;
  text-transform: uppercase;
}



  .doc-dark .flex-box3 h2{
color: #fff;
  
  }


.box-f-image{
  width: 100%;
  height: 260px;
  margin-bottom: 20px;
}

.box-f-image img{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
}


.doc-dark{
background: #19191a;
color: #fff;
padding: 40px 0;
}

.doc-dark .h1{
  color: #fff !important;

}


.doc-caly{
width: 100%;
clear: both;
padding: 40px 0;
max-width: 900px;
margin: 0 auto;
}

.doc-dark-inc{
  width: 100%;
max-width: 900px;
margin: 0 auto;
}

.doc-paralax .more{
margin-left: auto;
margin-right: auto;

}


.motto{
font-weight: normal;
font-size: 36px;
margin-bottom: 30px;
color: #bbc1c4;
}




.doc-lewy{
width: 48%;
padding: 40px 0;
}



.doc-link{
width: 100%;
height: 100%;
}

.doc-link a{
display: block;
width: 100%;
height: 100%;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
display: flex;
  flex-direction: column;
  justify-content: center;
filter: alpha(opacity=0);
transition: opacity 0.6s, visibility 0.6s;

}
.doc-link a:hover{
    opacity: 1.0;
    filter: alpha(opacity=100);
	 transition: opacity 0.6s, visibility 0.6s;
}

.doc-prawy{
width: 48%;
padding: 40px 0;
}

.zfoto{
background-position: center;
background-repeat: no-repeat;
background-size: cover;

}


.doc-wh{
width: 100%;
height: 100vh;
}



.doc-wh-lewy{
width: 50%;
height: 100%;
float: left;
padding: 0 60px 0 120px;
display: flex;
  flex-direction: column;
  justify-content: center;
   background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}



.doc-wh-prawy{
width: 50%;
height: 100%;
float: right;
padding: 0 120px 0 60px;
position: relative;
display: flex;
  flex-direction: column;
  justify-content: center;
   background-size:cover;
  background-position: center;
  background-repeat: no-repeat;

}

.doc-wh-caly{
width: 100%;
height: 100%;
background: #faf9f8;
display: flex;
  flex-direction: column;
  justify-content: center;
   background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}

#mapa-google-doc{
width: 100%;
min-height: 500px;
height: 100%;
}

#mapid-doc{
  width: 100%;
  min-height: 800px;
  height: 100%;
  }

.gal-odst{
height: 40px;
}



/*
.doc-wh-prawy #kontaktowy, .doc-wh-lewy #kontaktowy{
position: absolute;
left: 0;
top: 0;
padding: 20px 0 0 0;
width: 100%;
height: 100%;
background: #faf9f8;
}
*/




.table-blok{
overflow-x: auto;
min-width: 100%;
}


table{
width: 100%;
border-collapse: separate;
border-spacing: 5px;
empty-cells: show;
margin: 0;

}

table tr{
  background: #0288d0;
}

table td{
padding: 20px 15px;
text-align: left;
font-size: 14px;
vertical-align: middle;
color: #fff;
}

table thead tr{
  background: transparent;
  }
table thead  td{
background: transparent;
font-weight: 600;
font-size: 15px;
padding: 10px;
text-transform: capitalize;
background: transparent;
color: #fff;
}

table tr:nth-child(even){
  
  background: #00a6e3;
}


table.rwno td{

  width: 33.33333%;
}


table tr.ar td{
background: #f4f4f4;
}

table tr.sprzed td{
color: rgba(255, 255, 255, 0.3);
}


table td.tb-sprzed{
background: #c75050;
color: #fff !important;
}

table td.tb-rez{
background: #a2861a;
color: #fff !important;
}


table tr.ar td.tb-sprzed{
background: #c75050;
color: #fff !important;
}

table tr.ar td.tb-rez{
background: #a2861a;
color: #fff !important;
}


sup{
vertical-align: super;
}


table p{
margin: 5px 0 !important;
}
/* ---------------------------- end DOKUMENT ---------------------------------------*/






/* --------------------------STOPKA------------------------------------*/










#stopka{
width: 100%;
margin: 0;
padding: 50px 0;
background: #637176;
position: relative;
color: #fff;
}

#stopka .wrapper{
  position: relative;
}
#bn-kajaki{
  display: block;
  position: absolute;
  right: 0;
  top: 140px;
  width: 97px;
  height: 47px;
  background: url('../img/bn-kajaki.png') no-repeat center;
}
#bn-strzeleckie{
  display: block;
  position: absolute;
  right: 150px;
  top: 130px;
  width: 65px;
  height: 68px;
  background: url('../img/bn-strzeleckie.png') no-repeat center;
}

#stopka-inc{
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
}

.stopka-bx{
  width: 100%;
}

#patron{
  background: url('../img/logo-f.png') no-repeat left;
  padding-left: 200px;
  min-height: 120px;
}


#stopka ul{
  margin: 20px 0 20px 0;
  list-style: none;
}
  
  #stopka ul > li{
      margin: 10px 0;
     padding: 0 0 0 15px;
     -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 border-left: solid 4px #a6aeb1;
 line-height: 1.2;
      }



      #stopka h3{
        font-family: 'Playfair Display', serif;
        font-size: 16px;
        margin: 0 0 20px 0;
      color: #fff;
      text-transform: uppercase;
      font-weight: 400;
      letter-spacing: 1px;
      }


      .stopka-bx img{
        max-width: 100%;
        margin-bottom: 20px;
      }


.frm-out{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;

}

.frm-inc{
  width: 30%;

}


#footer-bottom{
  padding: 40px 0 0;
  font-size: 13px;
}

  



#k-adres{
padding: 0 0 10px 50px;
background: url('../img/ico-adres.png') no-repeat left 10px;
}


#k-tel{
margin-top: 30px;
padding: 0 0 0 50px;
background: url('../img/ico-tel.png') no-repeat left center;
}

#k-mail{
  padding: 20px 0 0 50px;
background: url('../img/ico-mail.png') no-repeat left 23px;
margin-bottom: 50px;
margin-top: 30px;
}





#wp-logo{
display: block;
position: absolute;
right: 80px;
top: -5px;
width: 82px;
height: 32px;
background: url('../img/wp-logo.png') no-repeat center;
opacity: 0.5;
filter: alpha(opacity=50);
}

#wp-logo:hover{
opacity: 1;
filter: alpha(opacity=100);
}

.soc-ico{
display: inline-block;
width: 40px;
height: 40px;
overflow: hidden;
font-size: 18px;
margin: 25px 0 0 0;
color: #b99d6c;
text-align: center;
line-height: 42px;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}

.soc-ico:hover{
color: #292a2c;

-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}



/* ------------------------------------ FORMULARZ ---------------------*/


form label{
display: block;
color: #606060;
font-size: 14px;
margin: 10px 0 2px 0;
font-weight: normal;
}



form input[type="text"],
form input[type="password"],
form select,
form textarea
{
color:#6a6a6a;
border: solid 1px #e9e9e9;
background: #fff;
padding: 11px;
font-family: 'Raleway', sans-serif;
font-size: 14px;
margin: 0 0 10px 0;
width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


form input[type="text"]:focus,
form input[type="password"]:focus,
form select:focus,
form textarea:focus
{
border: solid 1px #919191;
background: #fff;
}



form input[type="submit"]{
border: 0;
color: #fff;
background: #dfb305;
text-transform: uppercase;
padding: 0;
line-height: 40px;
font-size: 14px;
text-align: center;
margin: 7px 0;
width: 280px;
cursor: pointer;
letter-spacing: 1px;
font-family: 'Raleway', sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



form input[type="image"]{
padding: 0;
display: inline-block;
margin: -15px 10px;
cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





#kod-schowka{
max-width: 300px;
}



#wyslijForm{
border: solid 1px #7f8c91;
color: #7f8c91;
background: transparent;
padding: 0;
line-height: 70px;
font-size: 24px;
text-align: center;
margin: 7px auto;
max-width: 300px;
cursor: pointer;
}











/* -----------------------NAWIGACJA ---------------------*/
#Navig{
width: 100%;
text-align: center;
padding: 25px 0;
clear: both;
}

#Navig a{
display: inline-block;
padding: 5px 10px;
margin: 0 2px;
font-size: 14px;
}

#Navig a:hover{
color: #190a03;
}

a.Nav{
color: #190a03;
font-weight: bold;
}





#gototop{
position: fixed;
right: 20px;
bottom: 30px;
width: 50px;
height: 50px;
background: transparent;
border: solid 2px #3e474a;
color: #3e474a;
z-index: 100;
text-align: center;
line-height: 50px;
font-size: 24px;
cursor: pointer;
display: none;
-webkit-border-radius: 40px;
border-radius: 40px;
opacity: 0.7;
filter: alpha(opacity=70);
}

#gototop:hover{
opacity: 1;
filter: alpha(opacity=100);
}

















#cookieinfo{
  width: 280px;
  background: #e0e0e0;
  padding: 25px 25px 10px 25px;
  position: fixed;
  bottom: 30px;
  left: 30px;
  font-size: 13px;
  text-align: center;
  z-index: 100;
  
  }

  
  #cookieinfo a{
    display: inline-block;
    margin-top: 20px;
    padding: 5px 14px;
    text-transform: uppercase;
    color: #b6b3b3;
    font-weight: bold;
    text-align: center;
  }
  
  #cookieinfo p{
    margin: 0;
  }
  
  #closecinfo{
  color: #94ad02 !important;
    }



#popuo-przesl{
position: fixed;
width: 100%;
height: 100vh;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.85);
top: 0;
left: 0;
display: none;
}

#popuo{
width: 100%;
height: 100vh;
display: none;
z-index: 100000;
  flex-direction: column;
  justify-content: center;
 background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}


#popuo > div{
width: 600px;
height: 700px;
background: #faf9f8;
margin: 0 auto;
padding: 20px;
position: relative;
}


.n-img{
width: 100px;
height: 100px;
float: left;
margin: 0 0 25px 0;
 background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}

.n-txt{
width: calc(100% - 100px);
height: 100px;
float: left;
padding: 0 0 0 20px;
margin: 0 0 25px 0;
}

h1.hpop{
font-size: 32px;
margin-bottom: 15px;
background: #3a2824;
color: #fff;
padding: 20px
}

h2.hpop{
font-size: 20px;
margin-bottom: 5px;
}

.zamknij-okno{
margin: 40px auto 0 auto;
border: solid 1px #7f8c91;
color: #7f8c91;
background: transparent;
padding: 0;
line-height: 70px;
font-size: 24px;
text-align: center;
max-width: 300px;
cursor: pointer;
}

.zamknij{
position: absolute;
width: 50px;
height: 50px;
text-align: center;
cursor: pointer;
right: 40px;
top: 40px;
font-size: 32px;
color: #fff;
}

#formZapytaj{
display: none;
}



#igabinet{
  display: block;
  position: fixed;
  height: 85px;
  width: 240px;
  background: #bb0a0a;
  color: #fff;
  z-index: 1000;
  bottom: -55px;
  right: 235px;
  font-size: 14px;
  -webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}


#ig-top{
height: 30px;
width: 100%;
line-height: 30px;
font-weight: bold;
}
#ig-top span{
display: block;
background: #8f0707;
width: 30px;
height: 30px;
position: relative;
float: left;
margin-right: 20px;

}

#ig-top i{
font-size: 18px;
font-weight: bold;
position: absolute;
right: 2px;
bottom: 2px;
}

#ig-txt{

  padding: 10px 15px;
  border: solid 1px #bb0a0a;
  width: 100%;
  background: #fff;
  color: #666668;
  font-size: 14px;
  text-align: center;
}



#rdo-mask{
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000000;
  top: 0;
  left: 0;
  }
  
  #rdo-mask > div{
  width: 100%;
  text-align: center;
  height: 100vh;
  display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  #rdo-content{
  max-width: 50%;
  height: 500px;
  background: #fff;
  margin: 0 25%;
  padding: 20px;
  text-align: left;
  position: relative;
  font-size: 14px;
  }
  
  
  #rdo-content h3, #rdo-content h2{
    margin: 0.8em 0;
    color: #313131;
    font-size: 24px;
    }
  
    #rdo-content p{
      margin: 0.8em 0;
    }
  
    #rdo-content b,   #rdo-content strong{
      font-weight: bold;
    }
  
  
  #rdo-komunikat{
  width: 100%;
  height: 250px;
  overflow-y: auto;
  background: #f4f4f4;
  padding: 20px;
  font-size: 13px;
  }
  
  .rdo-info{
    font-size: 13px;
    margin-bottom: 30px;
    text-transform: none;
    text-align: left;
  }
  
  .rdo-komunikat{
  width: 100%;
  height: 100px;
  overflow-y: auto;
  background: #322c2e;
  padding: 10px;
  margin-bottom: 15px;
  font-size: 13px;
  text-align: left;
  }
  
  #rdo-ok{
  width: 250px;
  height: 50px;
  background: #f02137;
  color: #fff;
  text-align: center;
  margin: 25px 0 0 0;
  line-height: 50px;
  font-size: 16px;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  cursor: pointer;
  }
  
  
  
  @media only screen and (max-width: 1600px) {
  
  
    #rdo-content{
    max-width: 60%;
    margin: 0 20%;
    }
    
    
    }
    
    
    @media only screen and (max-width: 1400px) {
    
    
    #rdo-content{
    max-width: 70%;
    margin: 0 15%;
    }
    
    
    }
    
    
    @media only screen and (max-width: 1250px) {
    
    
    #rdo-content{
    max-width: 80%;
    margin: 0 10%;
    }
    
    
    
    
    }
    
    
    @media only screen and (max-width: 1120px) {
    
    
    #rdo-content{
    max-width: 90%;
    margin: 0 5%;
    }
    
    #rdo-content{
    font-size: 13px;
    }
    
    #rdo-content h1, #rdo-content h2,#rdo-content h3{
    font-size: 20px;
    }
    }
    
    
    
    @media only screen and (max-width: 860px) {
    
    #rdo-content{
    max-width: 96%;
    height: 90%;
    background: #fff;
    margin: 0 2%;
    padding: 10px;
    }
    
    #rdo-content h1, #rdo-content h2,#rdo-content h3{
    margin: 0;
    }
    
    
    #rdo-komunikat{
    height: 50%;
    padding: 10px;
    }
    
    
    }
    
    
    @media only screen and (max-width: 640px) {
    
    #rdo-komunikat{
    height: 40%;
    }
    
    
    }
    
    
    @media only screen and (max-width: 480px) {
    
    #rdo-komunikat{
    height: 30%;
    }
    
    
    }



    
.checkbox-ch{
  position: relative;
  min-height: 30px;
  line-height: 20px;
  margin: 10px 0;
  text-align: left;
  text-transform: none;
  }
  
  .checkbox-ch span{
   display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 13px;
    background: #fff;
    z-index: 1;
    border: solid 1px #ccc;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    
    }
  
    .checkbox-ch  p{
  display: inline-block;
  margin-left: 15px;
  font-size: 13px; 

    }

    .rdo-info{
      margin-top: 10px;
 
    }

    .rdo-info  p{
      display: inline-block;
        font-size: 13px; 
        }
  
   #rzwn{
      color: #eb6366;
      cursor: pointer;
    }
  
  
    #rodoc{
      font-size: 13px;
      display: none;
      text-transform: none;
      text-align: left;
   
    }