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

html{
scroll-behavior: smooth;  
}


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


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

.body-hide-ow{
overflow:hidden;
}

.container{
width:calc(100% - 40px);
max-width:1200px;
padding:0px 20px;
margin:0px auto;
}




/*HEADER TOP*/

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

.header-page-block{
position:absolute;
top:0px;
left:0px;
width:100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index:999; 
}

.header-page-block-f{
position:fixed;
top:0px;
left:0px;
width:100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index:999;  
}

.header-page-block-top{
background:#106677;
}


.header-page-block-top-content{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;	
}

.header-page-block-top-content-slogan{
padding:8px 0px 3px 45px;
}

.header-page-block-top-content-slogan img{
height:30px;
width:auto;
}

.header-page-block-top-content-right-info{
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;	
}

.header-page-block-top-content-right-info a{
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;
margin-left:20px;	
}

.header-page-block-top-content-right-info a span{
font-size:16px;
font-weight:700;
line-height:normal;
margin-left:12px;
color:#fff;
}


.header-page-block-bottom{
background:#fff;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
}

.header-page-block-bottom-content{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:nowrap;
}

.header-page-block .header-page-block-bottom-content-logo{
margin:22px 0px;
height:65px;
width:auto;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.header-page-block-f .header-page-block-bottom-content-logo{
margin:8px 0px;
height:45px;
width:auto;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}


.menu-menu-glowne-container > ul{
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;	
}

.menu-menu-glowne-container > ul > li{
list-style-type:none;
margin-left:28px;	
}
.menu-menu-glowne-container > ul > li > span,
.menu-menu-glowne-container > ul > li > a{
font-size:18px;
font-weight:700;
line-height:normal;
color:#000;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
cursor:pointer;
}

.menu-menu-glowne-container > ul > li:hover > span
.menu-menu-glowne-container > ul > li:hover > a{
color:#106677;
}


.header-page-block .menu-menu-glowne-container > ul > li > span,
.header-page-block .menu-menu-glowne-container > ul > li > a{
padding:44px 0px; 
}

.header-page-block-f .menu-menu-glowne-container > ul > li > span,
.header-page-block-f .menu-menu-glowne-container > ul > li > a{
padding:20px 0px; 
}  


.menu-menu-glowne-container > ul > li > .header-page-block-bottom-content-nav-child{
position:absolute;
top:100%;
left:0px;
width:100%;
border-top:35px solid #106677;
background:#fff;
-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-moz-box-shadow:    0px 1px 7px 0px rgba(0, 0, 0, 0.22);
box-shadow:         0px 1px 7px 0px rgba(0, 0, 0, 0.22);
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
visibility:hidden;
opacity:0;
}

.menu-menu-glowne-container > ul > li:hover > .header-page-block-bottom-content-nav-child{
visibility:visible;
opacity:1;
}


.menu-menu-glowne-container > ul > li > .header-page-block-bottom-content-nav-child ul{
padding:40px 0px;
-moz-column-count:2;
-moz-column-gap:0px;
-webkit-column-count:2;
-webkit-column-gap:0px;
column-count:2;
column-gap:0px;
width:60%;
}

.menu-menu-glowne-container > ul > li > .header-page-block-bottom-content-nav-child ul li{
list-style-type:none;

}

.menu-menu-glowne-container > ul > li > .header-page-block-bottom-content-nav-child ul li a{
font-size:18px;
font-weight:700;
line-height:36px;
color:#106677;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position:relative;
padding-left:12px; 
}

.menu-menu-glowne-container > ul > li > .header-page-block-bottom-content-nav-child ul li a::before{
position:absolute;
content:'';
top:8px;
left:0px;
width:5px;
height:5px;
background:#106677;
border-radius:50%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.menu-menu-glowne-container > ul > li > .header-page-block-bottom-content-nav-child ul li a:hover::before{
background:#000;
}

.menu-menu-glowne-container > ul > li > .header-page-block-bottom-content-nav-child ul li a:hover{
color:#000;
}

.header-page-block-bottom-content-nav-zam{
display:none;
position:absolute;
top:30px;
right:30px;
width:28px;
height:28px;
background:url('../images/zam.png') no-repeat center center;
cursor:pointer;
}

.header-page-block-bottom-content-nav-swicher{
display:none;
width:43px;
height:43px;
background:#106677 url('../images/menu-m.png') no-repeat center center;
cursor:pointer;
}


/*PAGE BANER*/

.baner-page{
position:relative;	
}

.baner-page-image{
width:100%;
height:100px;	
}

.baner-page-image img{
width:100%;
height:100%;
object-position:center center;
object-fit:cover;
}

.baner-page-text{
position:absolute;
top:50%;
left:0px;
width:100%;
transform:translateY(-50%); 
-webkit-transform:translateY(-50%); 
-ms-transform:translateY(-50%);
z-index:90;
}

.baner-page-header{
font-size:26px;
font-weight:700;
line-height:normal;
color:#fff;
}

/*SCIEZKA POWROTU*/

.path-return{
background:#106677;
padding:20px 0px;
}

.path-return ul li{
list-style-type:none;
display:inline-block;
vertical-align:middle;
padding:10px 15px 10px 0px;
}

.path-return ul li a, .path-return ul li a:hover{
display:inline-block;
vertical-align:middle;
font-size:18px;
font-weight:400;
line-height:normal;
color:#fff;
}

.path-return ul li span{
display:inline-block;
vertical-align:middle;
font-size:18px;
font-weight:400;
line-height:normal;
color:#fff;
margin:0px 15px 0px 0px;
}


.section-page{
padding:50px 0px;
}

.section-page-content{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.section-page-content-menu{
width:336px;

}

.section-page-content-text{
width:calc(100% - 386px);
padding-left:50px;position: sticky;
top:120px;
}

.section-page-content-text iframe{
width:100%;
max-width:600px;
height:330px;
}

.section-page-content-text p{
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
  color: #565656;
  padding-bottom: 30px;
  text-align: justify;
}

.section-page-content-text p a, .section-page-content-text p a:hover{
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
  color: #106677;
  text-decoration:underline;

}

.section-page-content-text ul, .section-page-content-text ol{
margin-bottom:30px;
}

.section-page-content-text ul li{
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
  color: #565656;
  margin-left:30px;
}

.section-page-content-text ol li{
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
  color: #565656;
  margin-left:30px;
}

.section-page-content-text-kon-table{
width: 100%;
overflow: auto;
}

.section-page-content-text table
{
border:1px solid #957a67;
width:100%;
margin-bottom:30px;
}

.section-page-content-text table td,
.section-page-content-text table th
{
border:1px solid #957a67;
padding:10px;
font-size:15px;
font-weight:300;
line-height:normal;
color: #565656;
}

.section-page-content-text table td b, .section-page-content-text table td strong,
.section-page-content-text table th b, .section-page-content-text table th strong 
{
font-weight:700;
}


.section-page-content-menu ul li{
list-style-type:none;
display:block;
}

.section-page-content-menu ul li a{
display:block;
font-size:18px;
font-weight:700;
line-height:30px;
color:#575757;
}

.section-page-content-menu ul li a{
display:block;
font-size:18px;
font-weight:400;
line-height:normal;
color:#575757;
padding:15px 20px;
}

.section-page-content-menu ul li a:hover{
color:#106677;
}

.section-page-content-menu ul li:nth-child(odd) a{
background:#f5f5f5;
}

.section-page-content-menu ul li:nth-child(even) a{
background:#eceaea;
}

.section-page-content-text-header{
font-size:24px;
font-weight:700;
line-height:normal;
color:#575757;
margin:0px 0px 30px 0px;	
}

.section-page-content-text-block img{
width:auto;
height:auto;
max-width:100%;
margin-bottom:30px;
}

.section-page-content-text-block-linki a,
.section-page-content-text-block-pdf{
display:block;
padding:15px 166px 15px 80px;
background-image:url('../images/ikona-4.png');
background-repeat:no-repeat;
background-position:18px center;
font-size:18px;
font-weight:700;
line-height:normal;
color:#575757;
position:relative;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.section-page-content-text-block-linki a:hover,
.section-page-content-text-block-pdf:hover{
color:#106677;
}

.section-page-content-text-block-linki a::after,
.section-page-content-text-block-pdf::after{
content:'Pobierz';
position:absolute;
top:50%;
right:7px;
margin-top:-19px;
font-size:18px;
font-weight:700;
line-height:normal;
color:#fff;
background:#207e91;
padding:8px 22px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

.section-page-content-text-block-linki a:hover::after,
.section-page-content-text-block-pdf:hover::after{
color:#fff;
background:#106677;
}

.section-page-content-text-block-linki a:nth-child(odd),
.section-page-content-text-block-pdf:nth-child(odd){
background-color:#f5f5f5;
}


.section-page-content-text-block-linki a:nth-child(even),
.section-page-content-text-block-pdf:nth-child(even){
background-color:#eceaea;
}

.section-page-content-menu-header{
display:none;
}

.section-page-content-text img{
width:auto;
height:auto;
max-width:100%;
}

.section-page-content-text img.aligncenter{
display:block;
margin:0px auto;
}

.section-page-content-text img.alignleft{
float:left;
}

.section-page-content-text img.alignright{
float:right;
}



.section-page-content-text .gallery{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
margin:0px -6px 30px -6px;	
}



.section-page-content-text .gallery-columns-1 .gallery-item{
width:100%;
}

.section-page-content-text .gallery-columns-2 .gallery-item{
width:50%;
}

.section-page-content-text .gallery-columns-3 .gallery-item{
width:33.33333333333333333333%;
}

.section-page-content-text .gallery-columns-4 .gallery-item{
width:25%;
}

.section-page-content-text .gallery-columns-5 .gallery-item{
width:20%;
}

.section-page-content-text .gallery-columns-6 .gallery-item,
.section-page-content-text .gallery-columns-7 .gallery-item,
.section-page-content-text .gallery-columns-8 .gallery-item,
.section-page-content-text .gallery-columns-9 .gallery-item{
width:16,66666666666667%;
}



.section-page-content-text :where(figure)
{
margin:0px;	
}

.section-page-content-text .gallery-icon
{
border:1px solid #cccccc;
margin:6px;
height:250px;	
}

.section-page-content-text .gallery-icon img
{
width:100%;
height:100%;
object-position:center;
object-fit:cover;
}

.section-page-content-text h1,
.section-page-content-text h2,
.section-page-content-text h3,
.section-page-content-text h4,
.section-page-content-text h5,
.section-page-content-text h6{
font-size: 20px;
font-weight: 700;
line-height: normal;
color: #565656;
margin-bottom:30px;
}


.section-page-content-text-pdf{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
margin:0px -6px;
}

.section-page-content-text-pdf h2{
width:calc(100% - 44px);
margin:16px 6px;
padding:12px 16px;
background:#106677;
font-size: 20px;
font-weight: 700;
line-height: normal;
color: #fff;
}

.section-page-content-text-pdf-item{
width:calc(25% - 24px);
margin:6px;
border:6px solid #106677;
background:#106677;
text-align:center;
position:relative;
padding-bottom:50px; 
}

.section-page-content-text-pdf-item-image{
width:100%;
height:120px;
margin-bottom:15px;
}

.section-page-content-text-pdf-item-image img{
width:100%;
height:100%;
object-fit:cover;
object-position:top center;
}


.section-page-content-text-pdf-item h3{
font-size:18px;
font-weight:400;
line-height:normal;
color:#fff;
margin:0px 0px 15px 0px;
}

.section-page-content-text-pdf-item span{
display:block;
position:absolute;
bottom:10px;
left:50%;
margin-left:-71px;
font-size:16px;
display:block;
border:2px solid #fff;
padding:10px 12px;
width:120px;
font-size:18px;
font-weight:400;
line-height:normal;
color:#fff;
background:transparent;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}


.section-page-content-text-pdf-item:hover span{
border:2px solid #fff;
background:#fff;
color:#106677;
}


/*HOME PAGE BANER*/

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

.baner-home-page-item{
position:relative;
}

.baner-home-page-item-image{
width:100%;
height:610px;
}

.baner-home-page-item-image img{
width:100%;
height:100%;
object-position:center center;
object-fit:cover;
}

.baner-home-page-item-text{
position:absolute;
top:50%;
left:0px;
width:100%;
transform:translateY(-50%); 
-webkit-transform:translateY(-50%); 
-ms-transform:translateY(-50%);
z-index:90;
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:nowrap;
}

.baner-home-page-item-text-image{
width:calc(50% - 40px);
padding:0px 20px 0px 20px;
display:flex;
justify-content:flex-end;
align-items:center;
flex-wrap:nowrap;
}

.baner-home-page-item-text-image img{
width:auto;
height:auto;
max-width:100%;
}

.baner-home-page-item-text-content{
width:calc(50% - 58px);
padding:0px 20px 0px 38px ;
}

.baner-home-page-item-text-content-big{
font-size:75px;
font-weight:700;
line-height:normal;
color:#fff;
}

.baner-home-page-item-text-content-small{
font-size:36px;
font-weight:700;
line-height:normal;
color:#fff;
margin-bottom:30px;
}

.baner-home-page-item-text a{
padding:18px 50px;
display:inline-block;
background:#fff;
text-align:center;
font-size:18px;
font-weight:700;
line-height:normal;
color:#000;
border-radius:12px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.baner-home-page-item-text a:hover{
background:#044453;
color:#fff;
}

.baner-home-page .tns-controls
{
position:absolute;
top:50%;
left:0px;
width:100%;
z-index:99;
}

.baner-home-page .tns-controls button:first-child{
position:absolute;
top:50%;
left:40px;
width:27px;
height:56px;
background:url('../images/st-l.png') no-repeat center center;
cursor:pointer;
margin-top:-28px;
z-index:99;
border:0px;
}

.baner-home-page .tns-controls button:last-child{
position:absolute;
top:50%;
right:40px;
width:27px;
height:56px;
background:url('../images/st-p.png') no-repeat center center;
cursor:pointer;
margin-top:-28px;
z-index:99;
border:0px;
}



/*PRODKTY GŁÓWNA*/

.section-product-home{
background:#106677;
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.section-product-home-left{
width:50%;
display:flex;
justify-content:flex-end;
align-items:stretch;
flex-wrap:wrap;
}

.section-product-home-right{
width:50%;
background:#fff;
}

.section-product-home-left-content{
width:calc(50% - ((100% - 1200px) / 2));
background:#fff;
padding-bottom:0px;
}

.section-product-home-left-content-header{
font-size:24px;
font-weight:700;
line-height:normal;
color:#fff;
margin:0px;
padding:25px 0px;
background:#106677;
}

.section-product-home-left-content-block{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.section-product-home-left-content-block-item{
width:33.33333333333333%;
text-align:center;
}

.section-product-home-left-content-block-item-image{
padding:28px 20px 0px 20px;
height:120px;
text-align:center;
}

.section-product-home-left-content-block-item-image img{
width:auto;
height:auto;
max-height:100px;
max-width:160px;
}

.section-product-home-left-content-block-item-header{
font-size:18px;
font-weight:700;
line-height:normal;
color:#565656;
text-align:center;
margin:0px;
padding:0px 20px 28px 20px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;	
}

a:hover .section-product-home-left-content-block-item-header{
color:#106677;	
}

.product-bg-1{
background:#f5f5f5;
}

.product-bg-2{
background:#eceaea;
}

.product-bg-3{
background:#dadada;
}

.section-product-home-right-header{
font-size:24px;
font-weight:700;
line-height:normal;
color:#fff;
margin:0px;
padding:25px 0px 25px 50px;
background:#207e91	
}

.section-product-home-right-content{
padding:50px 50px 0px 50px;	
}

.section-product-home-right-content-header{
font-size:20px;
font-weight:700;
line-height:normal;
color:#565656;
margin-bottom:30px;	
}

.section-product-home-right-content p{
font-size:15px;
font-weight:300;
line-height:28px;
color:#565656;
padding-bottom:30px;
text-align:justify;		
}

.section-product-home-right-content-button a{
padding:18px 50px;
display:inline-block;
background:#106677;
text-align:center;
font-size:18px;
font-weight:700;
line-height:normal;
color:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s; 
}

.section-product-home-right-content-button a:hover{
background:#044453;
color:#fff;
}



/*STOPKA*/


.footer-page{
background:#fff url('../images/bg-1.png') no-repeat 0px 50px;
padding-top:50px;	
}

.footer-page-content{
display:flex;
justify-content:flex-start;
align-items:stretch;
flex-wrap:wrap;
}

.footer-page-content-left{
width:50%;
display:flex;
justify-content:flex-end;
align-items:stretch;
flex-wrap:wrap;
}

.footer-page-content-right{
width:50%;
background:#106677;
}

.footer-page-content-left-block{
width:calc(50% - ((100% - 1200px) / 2));
background:#106677;
}

.footer-page-content-left-block-text{
padding:50px 0px 50px 50px;
}

.footer-page-content-left-block-text-header{
font-size:24px;
font-weight:700;
line-height:normal;
color:#fff;
margin:0px 0px 30px 0px;
}

.footer-page-content-left-block-text p{
font-size:15px;
font-weight:300;
line-height:28px;
color:#fff;
padding-bottom:30px;
text-align:justify;	
}

.footer-page-content-left-block-text-button a{
padding:16px 50px;
display:inline-block;
background:transparent;
text-align:center;
font-size:18px;
font-weight:700;
line-height:normal;
color:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border:2px solid #fff; 
}

.footer-page-content-left-block-text-button a:hover{
background:#fff;
color:#106677;
}

.footer-page-content-right-block{
padding:50px 0px 50px 50px;
}

.footer-page-content-right-block-item{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
}

.footer-page-content-right-block-item-text{
width:374px;	
}

.footer-page-content-right-block-item-text p{
font-size:15px;
font-weight:300;
line-height:28px;
color:#fff;
padding-bottom:30px;	
}

.footer-page-content-right-block-item-map{
width:calc(100% - 374px);
}		

.footer-page-content-right-block-item-map iframe{
width:calc(100% - 50px);
height:400px;
margin-right:50px;
}

.footer-page-bottom{
padding:16px 0px;
font-size:14px;
font-weight:300;
line-height:30px;
color:#c3d4d4;
}


/*POPUP*/

.popup-home-page
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
z-index:999999999999999999999;
display:none;
}


.popup-home-page-content
{
position:absolute;
top:50%;
left:0px;
width:100%;
transform:translateY(-50%); 
-webkit-transform:translateY(-50%); 
-ms-transform:translateY(-50%);
text-align:center;
}

.popup-home-page-content-image{
width:80%;
max-width:600px;
height:80vh;
margin:0px auto;
}


.popup-home-page-content-image img{
width:100%;
height:100%;
object-fit:contain;
object-position:center;
}

.popup-home-page-content-close{
position:absolute;
top:30px;
right:30px;
width:40px;
height:40px;
background:#fff;
border-radius:50%;
z-index:99;
cursor:pointer;
text-align:center;
}

.popup-home-page-content-close span{
font-size:24px;
color:#000;
line-height:36px;
font-weight:700;
}

.section-page-content-text-contact{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
}

.section-page-content-text-contact-l{
width:35%;
}

.section-page-content-text-contact-r{
width:calc(65% - 20px);
}

.section-page-content-text-contact-r iframe{
width:100%;
height:350px;
}