@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
 
html {scroll-behavior: smooth;  }


bod { font-family: "Playfair Display", serif;   font-family: "Roboto", serif;}

body{ font-family: "Playfair Display", sans-serif!important; color: #0a1d39; font-size: 16px; font-weight: 400;  background-color: #fff; }

  
textarea:focus, input:focus, select:focus{   outline: none; box-shadow: none; border:0; }


a{text-decoration: none!important;  }

a:link{text-decoration: none!important;  }
 
header { position: absolute; width: 100%; z-index: 3;  padding-top: 0px; background-color: rgba(0, 0, 0, 0.39);  }

 


header .logo img{ max-height: 60px;  width: auto;  max-width: 100%;   height: auto; max-height: 43px; }

header .logo { width: 240px;  height: auto; text-align: center; }

header.mi { position: fixed;  padding-top: 0px; padding-bottom: 0px;  background-color: rgba(0, 0, 0, 0.39);  top: 0; } 

header.mi .logo img{ max-height: 45px;   }

header.mi nav.navbar {padding-top: 10px; padding-top: 8px; }



 
.header-wrap { width: 100%; display: flex; width: 100%; justify-content: space-between; max-width: 1270px;  margin: 0 auto;  position: relative; flex-direction: column; padding: 0 20px; max-width: 1440px;    position: static; }


.header-wrap01 {display: flex;  flex-direction: row;  justify-content: space-between;  flex-wrap: wrap; border-bottom: 1px solid #e0e0e0; padding-bottom: 23px; padding-top: 34px;  padding-right: 0px; }

.header-wrap01 a {  font-size: 15px; font-weight: 500; color:#000;  display: inline-block; padding-top:4px;  }
.header-wrap01 a:hover { color:#17A8E3;   }
.header-wrap01 a img{ margin-right: 10px;   }

.header-wrap02 { padding-bottom: 7px; }
  
nav.navbar { padding-top: 10px; width: 100%; justify-content: center;    position: static;  }

.navbar-toggler {  position: absolute; right: 0px; top: 25px; padding-right: 0; padding: 10px 15px; top: 19px; border: 1px solid #fff; z-index: 1;  top: 14px;  right: 20px;  }

 .navbar-toggler .linia { width:17px; height:3px; margin-top:0px; margin-bottom:0px; background-color:#fff; display:block; margin-left: auto; margin-right: auto;   transition: all 0.2s; border-radius: 5px;  }

.navbar-toggler .linia:nth-of-type(2) { width:17px; height:3px; margin-top:3px; margin-bottom:3px; }

.navbar-toggler:focus{ outline: none;  box-shadow: none;  }

    .navbar-toggler[aria-expanded="true"]  .linia:nth-of-type(1)  { transform: rotate(-45deg);     top: 6px;    position: relative; transition: all 0.2s;  }
    .navbar-toggler[aria-expanded="true"]  .linia:nth-of-type(2)  { opacity:0; transition: all 0.2s;  }
    .navbar-toggler[aria-expanded="true"]  .linia:nth-of-type(3)  { transform: rotate(45deg);  top: -6px;  position: relative;  transition: all 0.2s; }


ul.navbar-nav {  }
ul.navbar-nav li a{ color:#fff; font-size: 16px; font-weight: 600; text-transform:uppercase; padding: 0 15px;  display: inline-block;  letter-spacing: 0.2px;   }

ul.navbar-nav li a:hover{ color:#F0D200;;   }

ul.navbar-nav li a.activvv{ color:#F0D200;   } 

ul.navbar-nav li.icon a{ color:#ffdead;  position: relative; letter-spacing: 3px;  padding-right: 0; }
ul.navbar-nav li.icon a::before { color:#17A8E3; content: "\ea82"; position: absolute;  font-family: 'icomoon';  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;  min-width: 1em;  display: inline-block;  text-align: left; left: -8px;  font-size: 16px;  vertical-align: middle;  position: relative;  top: -1px;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
  }

.pll-parent-menu-item {position: relative; }
.pll-parent-menu-item .sub-menu{ display: none; list-style: none; position: absolute; top:90%; padding: 0;  width: 100%; }
.pll-parent-menu-item:hover .sub-menu{ display: block; list-style: none; }
 

.footer-copyright{    }
 

.menu-item-has-children > a{   position: relative; }
 

.menu-item-has-children > a::before { content: ""; position: absolute;     background-repeat: no-repeat; top:45%; left:5px; right: 0;  background-position: left top; width: 13px; height: 8px;   pointer-events: none;  z-index: 1;  left: 0px;   display: none; }

.start { height: 100vh;  display: flex;  justify-content: center;  align-items: center;  overflow: hidden; position: relative; background-color: #ccc;  }

.start  .start-wrap { margin: 0 auto;  display: flex;  flex-direction: column;  flex-wrap: wrap;  padding-left: 20px;  padding-right: 20px;  max-width: 1660px;   }

.start video { width: inherit;  height: inherit;  object-fit: cover; position: absolute;  width: 100%; }

.start .start-text{  text-align: center;  width: 990px;  max-width: 100%; }


.start .start-box .biglogo  {  max-width: 610px; height: auto; margin: 0 auto;  max-width: 920px; }

.start .start-box .biglogo img {  max-width:100%; height: auto; }

.start .start-box .start-link{max-width: 100%; margin: 0 auto; padding-top: 45px;   padding-bottom: 20px; }

.start .start-box .start-link p { width: 100%;  margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; padding-top: 45px;  padding-bottom: 20px;  }

.start .start-box a{  border:0px solid #fff; border-radius: 0px; background-color: #fff; color:#000; padding: 14px 35px; opacity: 0.9; margin: 0 30px; font-weight: 700;  letter-spacing: 2px; font-size: 18px;  
  font-weight: 600; display: inline-block; border-radius: 10px; }


.start .start-box a:hover{  background-color: #000; color:#fff; }

.start .start-box a {  font-weight: 600;  line-height: 29px;   letter-spacing: 4.8px;     color: #000000; font-size: 16px;  }

.cky-btn-reject {  background: #fff!important; color:#000!important; border:1px solid #fff!important; }
.cky-btn-accept {  background: #fff!important; color:#000!important; border:1px solid #fff!important; }
.cky-btn-preferences {  background: #fff!important; color:#000!important; border:1px solid #fff!important; }




.slider  { width: 100%;  background-repeat: no-repeat;  background-position: center center;  position: relative; background-color: #fff;  padding-top: 175px; }

.slider::before  { pointer-events: none;   }


.slider .slider-wrap {  margin:0 auto;  min-height: 516px;  display: flex;  align-items: center; max-height: 516px;  position: relative; max-width: 1230px; overflow: hidden; display: flex;  justify-content: center;  }

.slider .slider-wrap img {  position: relative; z-index: 1; opacity: 1; }

.slider .slider-text { margin: 0 auto;  text-align: center;  position: absolute;  display: flex;  max-width: 100%;
  justify-content: center;  align-items: center;  padding: 0;  padding-top: 30px; width: 100%; z-index: 0; }
 

.slider .slider-text  h1 { position: relative; color:#fff; font-weight: 200; letter-spacing: 2px; font-size: 48px; color: #000;  }
.slider .slider-text  h1 strong{ color:#fff; font-weight: 500; color: #000; }

.slider .slider-text  h1 p { margin: 0; padding: 0;   }
  
 



.section01  {width: 100%;  background-color: #fff;  position: relative; padding-top: 165px;  padding-bottom: 44px; padding-top: 130px; }

.section01 .section01-wrap { max-width: 1440px; margin: 0 auto;  position: relative; padding: 0 20px; display: flex; flex-direction: row; flex-wrap: wrap;  max-width: 1600px; }


.section01 .section01-wrap  h2 { color: #868686; font-size: 24px; font-weight: 300; letter-spacing: 0px; line-height: 1.2; position: relative; text-align: left; margin-bottom: 14px; letter-spacing: 4.7px; } 


.section01 .section01-wrap  h3 { color: #000; text-align: left; font-size:32px; font-weight: 300; letter-spacing: 0px; line-height: 1.2; margin-bottom: 30px;   }






.section01 .section01-wrap .boxy { display: flex; flex-direction: row; padding-top: 25px; }

.section01 .section01-wrap .box-a { width: 50%;  }

.section01 .section01-wrap .box-b2 { width: 50%; font-size: 18px; color:#000; line-height: 38px; margin-bottom: 28px; font-weight: 400;  display: flex;  justify-content: flex-start;  align-items: center; padding-top: 35px; padding-left: 15px; }


.section01 .section01-wrap aa {   font-family: "Roboto", Sans-serif;  font-weight: 500;  fill: #ccc;  color: #000;  background-color: #fff;  border:1px solid  #000; padding: 8px 24px; margin-top: 30px; display: inline-block; margin-right: 10px;  }

.section01 .section01-wrap a { color: #c36;  font-size: 24px; font-weight: 300;  margin-top: 15px; display: inline-block;  }
.section01 .section01-wrap a i{ color: #333;  font-size: 20px; margin-left: 5px; }

.section01 .section01-wrap a:hover { opacity: 0.8;   color:#000;  }
.section01 .section01-wrap a:hover i{ color: #000;  }





.section02  {width: 100%;  background-color: #000; position: relative; padding-top: 55px; padding-bottom: 50px;  color: #fff; min-height: 400px;  position: relative; }

.section02 .section02-wrap { max-width: 1440px; margin: 0 auto; padding: 0 20px; display: flex; flex-wrap: wrap; max-width: 1600px; }

 
.section02 .section02-wrap  h2 { color: #C5C5C5; font-size: 24px; font-weight: 300; letter-spacing: 0px; line-height: 1.2; position: relative; text-align: left; margin-bottom: 14px; letter-spacing: 4.7px; } 


.section02 .section02-wrap  h3 {color:#fff; text-align: left; font-size:32px; font-weight: 600; letter-spacing: 0px; line-height: 1.2;  }

.section02 .section02-wrap .boxy { width: 66%; display: flex; flex-direction: column; padding: 0px 30px;}

.section02 .section02-wrap .bigbox { width: 33%;  text-align: left;  }

.section02 .section02-wrap .box { border-bottom:1px solid #ccc; padding: 50px 0; padding-bottom: 15px; }

.section02 .section02-wrap h4{ font-size: 24px; color:#fff; font-weight: 600; margin-bottom: 20px; }

.section02 .section02-wrap .box p{ font-size: 16px; line-height: 24px; font-weight: 300; color: #999;  letter-spacing: 0.5px; color: #ddd; }

.section02 .section02-wrap .box-a:hover strong { color:#17A8E3;   }
 

 


.section02 .section02-wrap .box a { color: #F0D200;   font-size: 22px; font-weight: 300;  margin-top: 15px; display: inline-block;   margin-right: 10px;  }
.section02 .section02-wrap .box a i{ color: #F0D200;   font-size: 20px; margin-left: 5px;   margin-right: 10px; }

.section02 .section02-wrap .box a:hover { opacity: 0.99;   color:#fff;  }
.section02 .section02-wrap .box a:hover i{ color: #fff;  }


.section02 .info4  { padding-top: 50px; padding-bottom: 40px; }
.section02 .info4 p { display: inline-block; }
.section02 .info4 img { display: inline-block; margin-right: 10px;  }



.section03  {width: 100%; background-color: #000;  color:#fff; position: relative;  border-bottom:190px solid #fff;  border-bottom: 70px solid #fff; }   

.section03 .section03-wrap { max-width: 1440px; margin: 0 auto;  z-index: 1; padding: 0 20px;  flex-direction: row;
  display: flex;   flex-wrap: wrap; justify-content: space-between; max-width: 1600px; }

 
.section03 .section03-wrap  h2 {color:#fff; font-size: 32px; font-weight: 600; letter-spacing: 0px; line-height: 1.1; position: relative; text-align: left; padding-bottom: 0px;  margin-bottom: 20px;  width: 100%;  margin-left: 23px;  margin-top: 70px; }


.section03 .section03-wrap  h2::before{ content: "";  position: absolute;    bottom: 0px;  left: 0;  right: 0;  width: 140px;  height: 3px;  pointer-events: none;  background: #F0D200;  left: 50%; transform: translateX(-50%);  
    width: 5px;  height: 100%; left:-20px;  }

.section03 .section03-wrap h2 strong { color: #F0D200; font-weight: 600; }


.section03::before{   pointer-events: none; }


.section03  .box-a   { width: 33%; background: #000; height: auto; color:#fff;  background-position: center center;
  background-repeat: no-repeat;  background-size: cover;  position: relative;    opacity: 0.5 !important; 
}

.section03 .box-a {position: absolute;  left: 0;  right: 50%;  top: 0;  bottom: 0; }

.section03  .box-b  { left: 33%; position: relative; }


.section03  .box-b  { width: 66%;   color:#fff; padding-left: 50px;  padding-top: 10px; padding-bottom: 35px; padding-left: 15px; }

.section03  .box-b p  {   color: #fff; font-size: 16px; line-height: 24px; font-weight: 300;  }
.section03  .box-b p strong {   color: #f0d200;  }

 


.section03  .link { color: #F0D200;   font-size: 22px; font-weight: 300;  margin-top: 25px; display: inline-block;   margin-right: 10px;  }
.section03  .link i{ color: #F0D200;   font-size: 20px; margin-left: 5px;   margin-right: 10px; }

.section03  .link:hover { opacity: 0.99;   color:#fff;  }
.section03  .link:hover i{ color: #fff;  }



.section04 {  width: 100%;  background-repeat: no-repeat;  position: relative;  background-color: #0a1d39; background-position: center center;  border-bottom: 190px solid #fff;  border-bottom: 70px solid #fff;  }

.section04::before {  background-color: rgba(0,0,0, 0.8);  content: "";  position: absolute;  background-repeat: no-repeat;  top: 0;
  left: 0px;  right: 0;  width: 100%;  height: 100%;  pointer-events: none; }

.section04 .section04-wrap { max-width: 1440px; margin: 0 auto;    z-index: 1; padding: 0 20px;  flex-direction: row;
  display: flex;   flex-wrap: wrap; justify-content: space-between;  max-width: 1600px;  }
        
.section04 .section04-wrap h2 { color: #fff;   padding-top: 20px; padding-bottom: 0px; margin-bottom: 40px; 
text-align: left;  font-size: 90px;  font-weight: 300;  letter-spacing: 9px;   line-height: 0.9;  font-size: 70px;  font-size: 90px; }
    

.section04  .box-a  { width: 50%; background: #000; height: auto;  color:#fff;  background-position: center center;
    background-repeat: no-repeat;  background-size: cover; position: relative; }

.section04  .box-a {position: absolute;  left: 0;  right: 50%;  top: 0;  bottom: 0; }

.section04  .box-b { width: 50%;   color:#fff; padding-left: 100px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;  padding-top: 120px; padding-bottom: 120px; position: relative;  }

.section04  .box-b  { left: 50%;  }

.section04  .box-b p{ font-size: 22px; line-height: 34px; color:#fff; font-weight: 300;   }

 






.section05 {  width: 100%;  background-color: #fff; background: #f2f2f2; padding-top: 100px; padding-bottom: 100px;   display: none; }

.section05 .section05-wrap { max-width: 1440px;  margin: 0 auto;  position: relative;  padding: 0 20px; }


.section05 .section05-wrap h2 { color: #17A8E3; font-size: 45px; font-weight: 600; letter-spacing: 2.2px; line-height: 1.2;  text-align: center;
  margin-bottom: 30px;    margin-bottom: 0px; }
        
.section05 .section05-wrap h3 {  color: #0a1d39;  text-align: center;  font-size: 28px;  font-weight: 500;  letter-spacing: 2.2px;
  line-height: 1.2;  line-height: 1.4;  margin-bottom: 25px; }


.section05 .section05-wrap .boxy {  display: flex;  flex-direction: row; flex-wrap: wrap; display: flex;
  flex-direction: row;  flex-wrap: wrap;  width: auto;  margin-left: -1%;  margin-right: -1%; } 


.section05 .section05-wrap .box-a { border-bottom: 0px solid #0a1d39; background-color: #fff; width: 23%; max-width: 23%; margin: 1%; margin-bottom:1%; padding: 20px; padding-bottom: 20px;  margin-bottom: 23px;  text-align: center; }

.section05 .section05-wrap .box-a .box-wew { position: relative; transition: color 0.2s ease; }

.section05 .section05-wrap .over { position: absolute; width: 100%; height: 100%; background:#0a1d39;  opacity: 0.7; display: flex;
  flex-direction: column;   justify-content: center;  align-items: center; color:#fff;  }

.section05 .section05-wrap .box-a .box-wew .over { width: 1px; height: 1px; opacity: 0; transition: color 0.2s ease; }

.section05 .section05-wrap .box-a .box-wew:hover .over { width: 100%; height: 100%; opacity: 0.7; transition: color 0.2s ease; }

.section05 .section05-wrap .box-a .box-wew:hover { transition: color 0.2s ease; }







.section05 .section05-wrap .over  a { color:#fff; font-size:18px;  width: 100%; height: 100%; display:flex; flex-direction:column;  justify-content:center;  align-items: center; }
.section05 .section05-wrap .over  a:hover { color:#fff; }

.section05 .section05-wrap  .box-a img{ max-width: 100%; height: auto; margin-bottom: 30px; margin-top: 10px;  }

.section05 .section05-wrap  .box-a .opis{  color: #0a1d39;  font-size: 22px; font-weight: 500;  padding-top: 25px;
  padding-bottom: 10px;   border-top: 1px solid #ddd;  } 
    
    





 

.modal00 {  background-color: rgba(0, 0, 0, 0.7);  }

.modal00 .modal-dialog { width: 98%;  max-width: 98%; }


.modal00 .modal-content{  position: relative; border-radius: 0; margin-left: auto; margin-right: auto;  width: auto;  }
.modal00 .modal-body{ text-align: center; padding: 5px;  min-height: 250px;  min-width: 250px;  background-repeat:no-repeat;background-position:center center; background-size: 60px; background-image:url('../img/loader.gif');}

.modal00 .modal-content img{ max-width: 100%; height: auto; width: 100%;  max-height: 88vh;  overflow: hidden;  width: auto; }

.modal00 .closexx {  position: absolute; top:20px; right: 20px; z-index: 2; background-color: #fff; border:0; border-radius: 0;  top: 15px;  right: 10px; opacity: 0.99;  top: 4px; right: 4px;  padding: 10px; }


.modal00 .closexx:hover { opacity:1; }
.modal00 .closexx i{ font-size: 32px;  color: #fff; }



.modal00  #show-previous-image {  position: absolute; top:50%; left:50px; z-index: 3;    background: transparent; border:0; opacity: 0.7;   transform: translate(-0%, -50%);}
.modal00  #show-previous-image:hover {   opacity: 1;}
.modal00  #show-previous-image i{ font-size: 50px;  }

.modal00  #show-next-image {  position: absolute; top:50%; right:50px; z-index: 3;   background: transparent; border:0;   opacity: 0.7;   transform: translate(-0%, -50%);  }
.modal00  #show-next-image:hover { opacity: 1;   }
 
.modal00  #show-next-image i{  font-size: 50px;  }






.footer { background-color: #1B1B1B;  }


.footer h4 { color: #FFFFFF; font-size: 32px; font-weight: 300; line-height: 32px; margin-bottom: 36px;     }

.footer h5 { color: #C5C5C5; font-size: 26px; font-weight: 300;  letter-spacing: 4px; margin-bottom: 20px;  }

.footer h6 { color: #C5C5C5; font-size: 26px; font-weight: 300;  letter-spacing: 4px;  margin-bottom: 24px;  line-height: 1.1;  }


.footer h6.im5 { position: relative; padding-left: 60px; }

.footer h6.im5::before {  content: "";  position: absolute;  bottom: 0px;  left: 0;  right: 0;   pointer-events: none;
  left: 50%;  transform: translateX(-50%);  width: 56px;  height: 50px;  left: 25px;  background-image: url(/wp-content/uploads/2026/02/pp1.png); 
background-position: center center;  background-repeat: no-repeat; background-size: contain;  }


.footer h6.im6 { position: relative; padding-left: 60px; }

.footer h6.im6::before {  content: "";  position: absolute;  bottom: 0px;  left: 0;  right: 0;   pointer-events: none;
  left: 50%;  transform: translateX(-50%);  width: 56px;  height: 50px;  left: 25px;  background-image: url(/wp-content/uploads/2026/02/dd1.png); 
background-position: center center;  background-repeat: no-repeat; background-size: contain;  }




.footer-info { background-color: #1B1B1B;  }

.footer-info .boxy{ margin:0 auto; display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1000px; text-align: center; 
    color:#fff; padding-left: 20px; padding-right: 20px;  max-width: 1440px;  }

.footer-info .boxy .box-a{ width: 37%; position: relative; text-align: left;  padding-top: 60px; font-size: 15px; font-weight: 300; line-height: 28px;   padding-right: 20px;}

.footer-info .boxy .box-a img{ margin-bottom: 0px; max-width: 100%;  height: auto; margin-right: 10px; margin-left: 30px;  }

.footer-info .boxy .box-a p{ font-size: 16px; font-weight: 400;  letter-spacing: 0px;  line-height: 22px; margin-bottom: 28px;     }

.footer-info .boxy em{ letter-spacing: 0.2em; font-style: normal; line-height: 22px; display: inline-block; }


.footer-info .boxy .box-b .link-tel {  color: #FFFFFF;  font-size: 24px;  font-weight: 300;  line-height: 0.1em; } 
.footer-info .boxy .box-b .link-f {  margin-bottom: 30px; display: inline-block; } 
.footer-info .boxy .box-b .link-f i{  color: #FFFFFF;  font-size: 28px;  font-weight: 300;  line-height: 0.1em; } 

.footer-info .boxy .box-a a{ color:#fff;}
.footer-info .boxy .box-a a:hover{ color:#fff; opacity: 0.7;}

.footer-info .boxy .box-b{ width: 30%; position: relative;  text-align: left; margin-top: 0px;  padding-top: 50px;  padding-right: 0;  padding-left: 0;  padding-bottom: 0; 
    display: flex;  flex-direction: column;  justify-content: flex-end; }


.footer-info .boxy .box-b p{font-size: 16px; font-weight: 300; line-height: 28px;  margin-bottom: 28px; }

.footer-info .boxy .box-b a{ font-size: 16px; font-weight: 300; line-height: 28px;  }
.footer-info .boxy .box-b a:hover{     opacity: 0.6;  }


.footer-info .boxy .box-c{ width: 33%; background-color: #020101;  padding-top: 60px; text-align: left; padding-left: 47px; padding-right: 47px; }


.footer-info .boxy .box-c form { display: flex;   flex-direction: column; }


.footer-info .boxy .box-c form input {border:0; border-bottom:1px solid #ccc; background:transparent;  color:#fff; margin-bottom: 10px; padding: 10px 0; } 

.footer-info .boxy .box-c form input:focus { border-bottom:1px solid #17A8E3; color:#fff; opacity: 1; }

.footer-info .boxy .box-c form input::placeholder { opacity: 0.99; color:#ccc; }
.footer-info .boxy .box-c form input:focus::placeholder  { opacity: 0.99; color:#fff; }



.footer-info .boxy .box-c form .button-submit {border:0; background-color: #aaaaaa; color:#fff; padding: 10px 30px; width: 140px; } 

.footer-info .boxy .box-c form .button-submit:hover {border:0; background-color: #666; } 

.footer-info .boxy .box-c  .newsletter-footer {    padding-bottom: 70px; }

.footer-info .boxy .box-c  .gallery-footer {    padding-bottom: 20px; }

.footer-info .boxy .box-c  .gallery-footer h6{    padding-bottom: 10px; }

.footer-info .boxy .box-c  .gallery-footer img{ margin-bottom: 20px;  }
.footer-info .boxy .box-c  .gallery-footer img:nth-child(even){ margin-right: 20px;  }




.footer-copyright { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; padding-top: 6px; padding-bottom: 30px; }

.footer-copyright-wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%; padding:30px;   max-width: 1020px;   margin: 0 auto; padding-bottom: 15px; max-width: 1440px; padding: 15px 20px; max-width: 1440px;
    justify-content: center; }

.footer-copyright p{ color:#fff; font-size: 14px; font-weight: 400; letter-spacing: 0.5px;  margin-bottom: 10px; }

.footer-copyright p a{ color:#fff;  }
.footer-copyright p a:hover{ color:#fff; opacity: 0.6;  }


main.pod {  position: relative; padding-top: 265px; padding-top: 150px;   padding-bottom: 50px;  padding-top: 130px;}

main.pod::before  {   background-color: #fff;  content: ""; position: absolute;  background-repeat: no-repeat; top:0; left:0px; right: 0;  width: 100%; height: 265px;   pointer-events: none;   height: 0; }


.name-page { padding-top: 0px; padding-bottom: 0px;  }
.name-page .name-page-wrap{   max-width: 1000px; margin: 0 auto; padding: 0 20px;  max-width: 930px;  }

.name-page .name-page-text {  position: relative; text-align: left;  height: 286px; display: flex;
  flex-direction: column;  justify-content: center; margin-top: -56px; }

.name-page .name-page-text::before  {   background-color: #f2f2f2;  content: ""; position: absolute;  background-repeat: no-repeat; top:0; left:0px;  width: 380px; height: 286px;   pointer-events: none;   }

.name-page .name-page-text strong{ color: #17A8E3;  font-weight: 500;  font-size: 48px;  letter-spacing: 3px; line-height: 1.2; }

.name-page .name-page-text span{  color: #c0c0c0;  font-weight: 200;  letter-spacing: 3px;  font-size: 48px; line-height: 1.2; } 
.name-page .name-page-text em{  font-style: normal;  color: #c0c0c0;  font-weight: 200;  letter-spacing: 3px;  font-size: 48px; line-height: 1.2; } 

.name-page .name-page-text i{  font-style: normal;  color: #c0c0c0;  font-weight: 200;  letter-spacing: 3px;  font-size: 48px; line-height: 1.2; } 

.name-page .name-page-text-ins { position: relative; padding-left: 190px; padding-top: 38px; }


.section-title { padding-top: 50px; padding-bottom: 0px; }

.section-title .section-title-wrap { margin: 0 auto; padding: 0 20px;   max-width: 1120px;   }
.section-title .section-title-wrap  h1{ color: #000; text-align: center;   font-size: 45px;  font-weight: 600;  letter-spacing: 2.2px;
  line-height: 1.2;  }

.section-content {  padding-top: 47px; padding-bottom: 0px; }
.section-content .section-content-wrap {    margin: 0 auto; padding: 0 20px;    max-width: 1120px;  }
.section-content .section-content-wrap  .page-html { padding-left: 0px; font-size: 16px;
  color: #0a1d39;  line-height: 28px;  margin-bottom: 28px;  font-weight: 300;  padding-left: 0; }

 .page-html strong{ font-weight: 500;  }
 .page-html b{  font-weight: 500; }
    
 .page-html p{ font-size: 16px;  color: #0a1d39;  line-height: 28px;  margin-bottom: 28px;  font-weight: 300;  }

 .page-html a{  color: #17A8E3;  display: inline-block; font-weight: 300; color: #0a1d39; }
 .page-html a:hover{   color: #000;  text-decoration: underline!important; }



.page-template-p-oferta .section02 {    background-color: #fff; padding-top: 70px; padding-bottom: 90px; }
.page-template-p-oferta .section02 h2{  display: none; }

.page-template-p-oferta  .section02 .section02-wrap .box-a h3 {    color: #363636; }
.page-template-p-oferta  .section02 .section02-wrap .box-a:first-of-type h3 { margin-top: 0;  }
.page-template-p-oferta  .section02 .section02-wrap .box2 {  padding-top: 0px; }
.page-template-p-oferta  .section02 .section02-wrap .box1 { padding-right: 65px; }


.page-html li {  color: #0a1d39;  font-size: 16px;  font-weight: 300;  line-height: 28px;   }
.page-html ul { margin-bottom: 3rem;  }
.page-html ul > li{ list-style: disc;  }
.page-html ol ul > li{ list-style: disc;  }

 

.page-html h2 { color: #17A8E3;  font-weight: 600;  font-size: 28px;  letter-spacing: 1px;  line-height: 1.2; margin-bottom: 20px; padding-top: 10px;  }


.section-contact { padding-top: 30px; padding-bottom: 30px; }

.section-contact .section-contact-wrap { margin: 0 auto;  padding: 0 20px;  max-width: 926px; }

.section-contact .section-contact-wrap .boxy {  display: flex;  flex-direction: row; align-items: flex-start;  flex-wrap: wrap; }

.section-contact .section-contact-wrap .box1 {  width: 50%;  text-align: left; padding-right: 65px; }
.section-contact .section-contact-wrap .box2 {  width: 50%;  text-align: left;   }

.section-contact .section-contact-wrap .box3 {  width: 100%;  text-align: left; margin-top: 40px;   }
.section-contact .section-contact-wrap .box3 p {  margin: 0;   }



.wpcf7 label { line-height: 30px; }
.wpcf7 p { margin-bottom: 12px;   }

.wpcf7  input{width: 100%; max-width: 100%; padding: 3px 10px; font-size: 15px; color:#666; border: 1px solid #aaa;}
.wpcf7  select{width: 100%; max-width: 100%; padding: 3px 10px;  font-size: 15px; color:#666; border: 1px solid #aaa;}
.wpcf7  textarea{width: 100%; max-width: 100%; height: 120px; padding: 3px 10px;  font-size: 15px; color:#666; border: 1px solid #aaa;}

.wpcf7 input:focus { color:#666; border: 1px solid #666;  }
.wpcf7 select:focus { color:#666; border: 1px solid #666;  }
.wpcf7 textarea:focus { color:#666; border: 1px solid #666;  }

.wpcf7 .wpcf7-acceptance { font-size: 13px; line-height: 1.3!important; font-weight: 300;  display: inline-block;  }
.wpcf7 .wpcf7-acceptance input{ width: 16px;  height: 16px;  margin-right: 10px; display: inline-block;  }
.wpcf7 .wpcf7-acceptance > .wpcf7-list-item{ margin: 0;   }

.wpcf7 .wpcf7-submit { background-color:  #17A8E3; border:0; color:#fff; padding: 10px 20px; text-transform: uppercase; font-size: 17px;  } 
.wpcf7 .wpcf7-submit:hover { background-color:  #3c3c3c;  }

.wpcf7  .wpcf7-not-valid-tip {font-size: 13px; }

.wpcf71  .wpcf7-acceptance .wpcf7-list-item-label { line-height: 1.3!important; display: inline-block;   }
.wpcf7  .wpcf7-acceptance label {display: flex;  line-height: 1.3!important;  }

 .wpcf7  label > input[type="radio"].checked { accent-color: #17A8E3!important; }

.wpcf7  label > input[type="radio"] { accent-color: #17A8E3!important;}

 body .wpcf7 label > input[type="radio"].checked { accent-color: #17A8E3!important; }

body .wpcf7 label > input[type="checkbox"] { accent-color: #17A8E3!important;}


.page-template-p-oferta .section02 .section02-wrap .box-a a{ display: none; }


.p-kontakt01 .p-kontakt01-wrap {position: relative; }

 
.p-kontakt01 .p-kontakt01-wrap::before {  pointer-events: none;   content: "";    background-image: url(https://test62.redgrafik.pl/wp-content/uploads/2026/01/logo_pp.png);  background-repeat: no-repeat;  background-position: 80% 50%; background-attachment: fixed;
position: absolute; right: 0; top:0; left:0; bottom: 0;  opacity: 0.3;  }
    
    

.p-kontakt01 h2 { margin-bottom: 40px; color: #000;  font-size: 16px;  font-weight: 400;  letter-spacing: 0px;
  line-height: 1.2;  position: relative;  text-align: left;  margin-bottom: 24px;  letter-spacing: 0px; }

.p-kontakt01 h1 { color: #000;  text-align: left;  font-size: 64px;  font-weight: 300; letter-spacing: 0px;
  line-height: 1.2;   margin-bottom: 60px; letter-spacing: 10px; margin-bottom: 15px; }

.p-kontakt01 h3 { }

.p-kontakt01 .cf-submit-button {  background-color: #7c7c7c;  color: #FFFFFF; border:0; padding: 10px 20px;  border-radius: 0;  }
.p-kontakt01 .cf-submit-button:hover { background-color: #008FCA;   color: #FFFFFF;  border:0;  }




.p-kontakt01-box  { margin-bottom: 30px; border:1px solid #eee; padding: 14px 20px;  margin-bottom: 5px;  }
.p-kontakt01-box h3 { cursor: pointer; font-size: 20px;  margin-bottom: 0; position: relative; padding-left: 25px; color:#000; }


.p-kontakt01-box h3::before {  content: "\e9b7";  position: absolute;  background-repeat: no-repeat;
  background-position: left top;  width: 16px;  height: 16px;  pointer-events: none;  z-index: 1;
  left: auto;  top: 4px;  left: 0px; font-size: 16px; color:#000;  font-family: 'icomoon';   }

.p-kontakt01-box.act h3::before {  content: "\e9b8";  }

.p-kontakt01-box h3::after {  content: "\e9c3";  position: absolute;  background-repeat: no-repeat;
  background-position: left top;  width: 16px;  height: 16px;  pointer-events: none;  z-index: 1;
  left: auto;  top: 0%;  right: 0px; font-size: 20px; color:#000; font-family: 'icomoon';   }

.p-kontakt01-box.act h3::after  {  content: "\e9c1";  }


.p-kontakt01-box .form-wrap {  display: none; padding-top: 30px;}
.p-kontakt01-box.act .form-wrap {  display: block; }

.p-kontakt01-box form { display: flex;    flex-direction: column; }
 




.pod-wrap { margin: 0 auto;  display: flex;  flex-direction: column;  flex-wrap: wrap; padding-left: 20px;  padding-right: 20px;
  max-width: 1440px; }


main.p-onas.pod {  padding-bottom: 20px; }

.p-onas { padding-bottom: 0;   }

.p-onas01 { border:0;  padding-bottom: 5px;  }

.p-onas01 .p-onas01-wrap { max-width: 1600px;  }


.p-onas01 .box-a { padding-left: 27%; }




.p-onas01  h2 {  color: #c5c5c5;  font-size: 32px;  font-weight: 300;  letter-spacing: 0px;  line-height: 1.2;
    position: relative;  text-align: left;  margin-bottom: 14px;  letter-spacing: 4.7px; } 

.p-onas01 h3 {color: #000;text-align:left; font-size: 32px; font-weight: 300; letter-spacing: 0px; line-height: 1.2;    margin-bottom: 30px;  margin-bottom: 10px; font-size: 48px;  font-weight: 400; letter-spacing: 6.2px; }

.p-onas01 .box-a p { font-size: 24px; font-weight: 400;  }




.p-onas02  {   position: relative; }

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

.p-onas02  .box-a{  width: 50%; height: auto;  color: #fff;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  position: relative;  opacity: 0.99; width: 45%; }

.p-onas02  .box-b {  width: 50%;  color: #fff;  padding-left: 80px;  padding-top: 0px;  padding-bottom: 10px; padding-left: 60px; } 

.p-onas02  .box-b p { color: #000;  font-size: 16px;  line-height: 24px;  font-weight: 300; } 

.na {color: #000;  font-size: 16px;  line-height: 24px;  font-weight: 300; }

.p-onas02  .box-b b{ font-weight: 700;}
.p-onas02  .box-b strong{ font-weight: 700;}

.p-onas02 .p-onas02-wrap {  max-width: 1440px;  margin: 0 auto;  z-index: 1;  padding: 0 20px;
    flex-direction: row;  display: flex;  flex-wrap: wrap;  justify-content: space-between; max-width: 1600px; }

.p-onas02 .nn{ display: inline-block;  border-top: 2px solid #000;  padding-top: 6px; }
.p-onas02 .na{ text-align: right; }



.p-onas02 .box-a {position: absolute;  left: 0;  right: 50%;  top: 0;  bottom: 0; }

.p-onas02  .box-b  { left: 50%;  position: relative; }



 

.p-onas03  { padding-top: 100px; padding-bottom: 100px; }

.p-onas03  .box-b{  width: 50%; height: auto;  color: #fff;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  position: relative;   overflow: hidden; text-align: right; }

.p-onas03  .box-b  img{  max-width: 544px; height: auto;  }

.p-onas03  .box-a {  width: 50%;  color: #fff;  padding-left: 0px; padding-right: 50px;  padding-top: 50px;  padding-bottom: 50px; padding-left: 80px;  padding-top: 150px;  padding-bottom: 150px; padding-right: 0px;  padding-top: 180px; padding-left: 140px; } 

.p-onas03  .box-a p { color: #000;  font-size: 16px;  line-height: 24px;  font-weight: 300; } 

.p-onas03  .box-a b{ font-weight: 700;}
.p-onas03  .box-a strong{ font-weight: 700;}

.p-onas03 .p-onas03-wrap {  max-width: 1440px;  margin: 0 auto;  z-index: 1;  padding: 0 20px;
    flex-direction: row;  display: flex;  flex-wrap: wrap;  justify-content: space-between; flex-direction: row-reverse; max-width: 1600px; }

.n4  {   font-size: 13px; color:#7a7a7a; font-weight: 400; text-align: left; padding-left: 30%; padding-top: 8px; }




.p-onas04 { position: relative; background-position: center center;  background-repeat: no-repeat;  background-size: cover;  }

.p-onas04 .p-onas04-wrap {  max-width: 1440px;  margin: 0 auto;  z-index: 1;  padding: 0 20px;  
    flex-direction: row;  display: flex;  flex-wrap: wrap;  justify-content: space-between; max-width: 1600px; max-width: 1620px; }

.p-onas04::before { background-color: rgba(0,0,0, 0.8);  content: "";  position: absolute;  background-repeat: no-repeat;  top: 0;
  left: 0px;  right: 0;  width: 100%;  height: 100%;  pointer-events: none;  }

.p-onas04 h3 {  text-align: center;  color: #fff;  font-size: 32px;  font-weight: 600; line-height: 1.1; margin-bottom: 20px; margin-top: 20px;  text-align: left;  }

.p-onas04  .box-a{  width: 50%; height: auto;  color: #fff;  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  position: relative;  opacity: 0.99; display: flex;  flex-direction: column;
  justify-content: center;  align-items: center; flex-wrap: wrap; padding-right: 50px; }

.p-onas04  .box-b {  width: 50%; position: relative; color: #fff;  padding-left: 0px;  padding-top: 100px;  padding-bottom: 0px; } 

.p-onas04  .box-b {  font-size: 16px; line-height: 24px; color:#cfcfcf; font-weight: 300;  } 
.p-onas04  .box-b img{  max-width: 100%; height: auto;  margin-top: 40px;  margin-bottom: -1px;   box-shadow: 200px 0 0 #fff;} 


.p-onas04  .box-b p{  font-size: 16px; line-height: 24px; color:#cfcfcf;  font-weight: 300;  } 


.p-onas05 {border:0; padding-top: 50px;   }

.p-onas05 .p-onas05-wrap {  max-width: 1600px;  max-width: 1640px; }

.p-onas05 .boxy { display: flex;  flex-direction: row;  padding: 0px 0px; flex-wrap: wrap; margin-left:-2%; margin-right: -2%; padding-top: 2%; padding-bottom: 2%;  justify-content: space-between; }

.p-onas05 .boxy .box{ width: 50%;  border:2px solid #7a7a7a; padding: 40px; padding-bottom: 25px;  width: 46%;   margin: 2%; max-width: 660px; }

.p-onas05 .boxy .box img{ max-width: 75px; height: auto;  margin-bottom: 50px; justify-content: space-between;}

.p-onas05 .boxy .box h3{ font-size: 32px; line-height: 1.1; color:000; font-weight: 300; margin-bottom: 20px;  }

.p-onas05 .boxy .box p{ color:#666;  font-size: 16px; line-height: 24px; font-weight: 400;  }



.p-onas05 .boxy .box:nth-child(1) {  background: #000; color:#fff; border:0; }
.p-onas05 .boxy .box:nth-child(1) h3{  color:#fff;  }
.p-onas05 .boxy .box:nth-child(1) p{  color:#fff;  }


.p-onas05 .boxy .box:nth-child(4) {  background: #000; color:#fff; border:0;}
.p-onas05 .boxy .box:nth-child(4) h3{  color:#fff;  }
.p-onas05 .boxy .box:nth-child(4) p{  color:#fff;  }
 
 


.p-onas05 .alink  { color: #c36;  font-size: 24px; font-weight: 300;  margin-top: 15px; display: inline-block; margin-top: 10px; margin-bottom: 40px;  }
.p-onas05 .alink  i{ color: #333;  font-size: 20px; margin-left: 5px; }

.p-onas05 .alink:hover { opacity: 0.8;   color:#000;  }
.p-onas05 .alink:hover i{ color: #000;  }





main.pod.p-technologie {  padding-top: 85px; padding-bottom: 0;  padding-top: 0px; }




 

.p-technologie01 .p-technologie01-wrap {  max-width: 1440px;  margin: 0 auto;  z-index: 1;  padding: 0 20px;
  }


.p-technologie01 .p-technologie01-wrap .boxy {    flex-direction: row;  display: flex;  flex-wrap: wrap;  justify-content: space-between;   margin-left: -2%; margin-right: -2%;  }




.p-technologie01  .box-a{  width: 50%; height: auto;  color: #fff;  background-color: #000;  position: relative;  opacity: 0.99; overflow: hidden; }

.p-technologie01 video {width:inherit; height:inherit; object-fit:cover; position:absolute; width:100%; opacity:0.4; height:100%; }

.p-technologie01 .box-b {  width: 50%;  color: #fff; background-color: #000;  position: relative; padding-left: 0px;  padding-top: 0px;  padding-bottom: 0px; overflow: hidden; } 


.p-technologie01 .box-a  { width: 46%; margin: 2%; }
.p-technologie01 .box-b  { width: 46%; margin: 2%; }


.p-technologie01 .box-aa { padding: 40px;  }
.p-technologie01 .box-bb  { padding: 40px;  }


.p-technologie01 h3{ position: relative; margin-bottom: 10px; letter-spacing: 3px; font-weight: 400; }
.p-technologie01  h2{ position: relative; font-size: 48px; line-height: 1.1; margin-bottom: 50px; font-weight: 400;  }
.p-technologie01 a{ position: relative; }

.p-technologie01 a {  font-family: "Roboto", Sans-serif;  font-weight: 500;  fill: #fff;  color: #fff;  background-color: transparent;
  border: 1px solid #fff;  padding: 8px 24px;  margin-top: 0px; margin-bottom: 10px;  display: inline-block;  margin-right: 0px;    text-align: center; margin-bottom: 20px;  }

.p-technologie01 a:hover {  background-color: #fff;   color: #000;  }


.p-technologie01 h3{ color: #fff;  font-size: 20px;  line-height: 30px;  font-weight: 300; min-height: 100px; min-height: 70px; } 
 


.p-technologie01 .p-technologie01-wrap { max-width: 100%; padding: 0; width: 100%; }

.p-technologie01 .p-technologie01-wrap .boxy { flex-direction: column; margin: 0 auto; width: 100%;}

.p-technologie01 .box-a { width: 100%; margin: 0; min-height: 100vh;}
.p-technologie01 .box-b { width: 100%; margin: 0; min-height: 100vh;}

.p-technologie01 .box-aa { padding: 40px;  max-width: 1440px;  margin: 0 auto; min-height: 650px;
  display: flex;  flex-direction: column;  justify-content: flex-end;  align-items: flex-start;  max-width: 1600px; }

.p-technologie01 .box-bb { padding: 40px;  max-width: 1440px;  margin: 0 auto; min-height: 650px;
  display: flex;  flex-direction: column;  justify-content: flex-end;  align-items: flex-start; max-width: 1600px; }









 


.p-projekty { border:0;  }

 .p-projekty01 .boxy.mobile { display: none; } 

.p-projekty01 { overflow: hidden; padding-top: 30px; }

 .p-projekty01 .p-projekty01-wrap {  max-width: 1600px;  margin: 0 auto;  z-index: 1;  padding: 0 20px;   padding-bottom: 80px; }

 
.p-projekty01 h2{ text-align: left; color: #000;  font-size: 32px;  font-weight: 300;  letter-spacing: 0px;  line-height: 1.2;
  margin-bottom: 30px; font-size: 48px; position: relative; padding-bottom: 15px; }

 .p-projekty01 h2::before { content: "";  position: absolute;  bottom: 0px;  left: 0;  right: 0;  width: 140px;  height: 3px;
  pointer-events: none;  background: #009636;  left: 0;  width: 380px;  height: 1px; top:-23px;  }


.p-projekty01 h3{  font-size: 24px; font-weight: 300; margin-top: 10px; margin-bottom: 20px; color:#000;  } 
    
    
.p-projekty01 .boxy { display: flex;  flex-direction: column;  justify-content: flex-start;  align-items: center; }



.p-projekty01 .roww{  display: flex;  flex-direction: row;  justify-content:
    flex-start;  align-items: center; flex-wrap: wrap;  }
.p-projekty01 .roww.tit{ text-align: center;  flex-direction: column;   }
.p-projekty01 .roww p{ color:#000;    }

.p-projekty01 .linn{ width: 100%; max-width: 100%;  height: 1px; background: #009636; display: inline-block; }

.p-projekty01 .linnd{ width: 1px; height: 44px; background: #009636; display: inline-block; }

.p-projekty01 .img2 { }
.p-projekty01 .img2 img { max-width: 100%; height: auto;  max-width: 71px;  }
.p-projekty01 .img2.inv img {   transform: scaleX(-1);   }

.p-projekty01 .l1   { padding-left: 20px;    }
.p-projekty01 .l2   { padding-right: 20px;    }

.p-projekty01 .box-01 { width: 35%; padding-top: 10px; text-align: right; }
.p-projekty01 .box-02 { width: 11%; text-align: center;}
.p-projekty01 .box-03 { width: 8%; text-align: center; }
.p-projekty01 .box-04 { width: 11%; text-align: center;}
.p-projekty01 .box-05 { width: 35%; padding-top: 10px; text-align: left;}


 


.p-projekty01 .alink {  font-family: "Roboto", Sans-serif;  font-weight: 500;  fill: #000;  color: #000;  background-color: #fff;
  border: 1px solid #000;  padding: 8px 24px;  margin-top: 0px; margin-bottom: 30px;  display: inline-block;  margin-right: 0px;  width: 250px; text-align: center; }

.p-projekty01 .alink:hover {  opacity: 0.8;  background-color: #000;   color: #fff; }

.slogg {font-size: 16px; color:#000; line-height:20px; font-weight:400;  text-align:center; max-width: 1000px; margin:0 auto;  margin-top: 130px;  }

.slogg p{  color:#000; } 



.p-projekty01  .boxy.mobile {    }

.p-projekty01  .boxy.mobile .img3 img{ max-width: 100%; height: auto;  max-width: 58px;   transform: scaleX(-1);   }
.p-projekty01  .boxy.mobile .linn{ width: 1px; height: 28px; background: #009636; display: inline-block;     }
.p-projekty01 .boxy.mobile .roww {  flex-direction: column; justify-content: center; align-items: center; }

.p-projekty01 .boxy.mobile h3 { text-align: center; }
.p-projekty01 .boxy.mobile .textt { text-align: center; color:#7a7a7a; padding-bottom: 20px; }
.p-projekty01 .boxy.mobile .textt p{  color:#7a7a7a;  }

.p-projekty01 .boxy.mobile .znak { margin-bottom: 15px;  }

.p-projekty01 .boxy.mobile .znak { margin-bottom: 15px;  }







.p-projekty02 {  padding-top: 100px; }


.p-projekty02 .p-projekty02-wrap {  max-width: 1440px;  margin: 0 auto;  z-index: 1;  padding: 0 20px;
  }

 
.p-projekty02 h2{ text-align: center; color: #000;  font-size: 32px;  font-weight: 300;  letter-spacing: 0px;  line-height: 1.2;
  margin-bottom: 40px; font-size: 48px; position: relative; padding-bottom: 15px; padding-bottom: 32px;   margin-bottom: 90px; }

 .p-projekty02 h2::before { content: "";  position: absolute;  bottom: 0px;  left: 0;  right: 0;  width: 140px;  height: 3px;
  pointer-events: none;  background: #009636;  left: 50%;  transform: translateX(-50%);  width: 640px;  height: 1px;  }

.p-projekty02 h3 {font-size: 24px;  font-weight: 600;  margin-bottom: 20px; text-align: center;  font-size: 16px;  font-weight: 700; margin-bottom: 11px; }

 

.p-projekty02-text  {text-align: center;   }
.p-projekty02-text p {text-align: center; max-width: 1020px; margin:0 auto; font-size: 16px; font-weight: 400; line-height: 20px; color:#000;  }

.p-projekty02 .video { margin: 0 auto; width: 1130px; height: 660px; overflow:hidden; display: flex; width: 100%; justify-content: center;  align-items: center;  width: 1000px;  margin-top: 70px;  margin-bottom: 40px; position: relative;   z-index: 1; max-width: 100%; width: 980px; width: 1130px; } 

.p-projekty02 .boxy { display: flex;  flex-direction: row;  padding: 0px 0px; flex-wrap: wrap; margin-left:-2%; margin-right: -2%; padding-top: 2%; padding-bottom: 2%;  }


.p-projekty  video {max-width: 100%;  height: auto;  }





.p-projekty03  {  background-color: #000; background-position: center center;  background-repeat: no-repeat;
  background-size: cover;  position: relative; margin-top: -330px; padding-top: 330px; padding-bottom: 50px;  border-bottom: 35px solid #fff; }

.p-projekty03::before { background-color: rgba(0,0,0, 0.5);  content: "";  position: absolute;  background-repeat: no-repeat;  top: 0;  left: 0px;  right: 0;  width: 100%;  height: 100%;    pointer-events: none; }


.p-projekty03 h2 { font-size: 32px;  line-height: 1.1; font-weight: 300;  margin-bottom: 30px;  padding-top: 40px; padding-bottom: 22px;  } 

.p-projekty03  .box-a{  width: 50%; height: auto;  color: #fff;  padding: 40px;  text-align: center; }

.p-projekty03  .box-b {  width: 50%;  color: #fff;  padding: 40px; text-align: center; } 

.p-projekty03 .box-b p { color: #fff;  font-size: 16px;  line-height: 24px;  font-weight: 400; } 

.p-projekty03  .box-b b{ font-weight: 700;}
.p-projekty03  .box-b strong{ font-weight: 700;}

.p-projekty03 .p-projekty03-wrap {  max-width: 1440px;  margin: 0 auto;  z-index: 1;  padding: 0 20px;
    flex-direction: row;  display: flex;  flex-wrap: wrap;  justify-content: space-between; }

 

 




.p-drewniane { border:0; }


.p-drewniane01 {  position: relative; }

.p-drewniane01 .p-drewniane01-wrap {   max-width: 1600px;  }

.p-drewniane01 h1{ text-align: left; color: #000;  font-size: 30px;  font-weight: 600;  letter-spacing: 0px;  line-height: 1.2;
  margin-bottom: 10px; position: relative; padding-bottom: 15px; padding-left: 90px; padding-top: 20px; letter-spacing: 7.0px; }

.p-drewniane01 h1::before { content: "";  position: absolute;  bottom: 0px;  left: 0;  right: 0;  width: 2px;  height: 340px;
  pointer-events: none;  background: #000;  left: -20px;  transform: translateY(-50%);  top:50%; }


.p-drewniane01 h2{ font-size: 48px;  line-height: 1.1;  color: #000;  font-weight: 400;  margin-bottom: 30px;  padding-top: 0px;  }



.p-drewniane01 .video { margin: 0 auto; width: 1130px; height: 660px; overflow:hidden; display: flex; width: 100%; justify-content: center;  align-items: center;  width: 1000px;  margin-top: 30px;  margin-bottom: 0px; position: relative;   z-index: 1; max-width: 100%; width: 100%; } 

.p-drewniane01 .video  {  max-width: unset; width: auto;  margin-right: -40%;  height: auto;
    margin-top: 30px;    margin-bottom: 40px; } 

.p-drewniane01 .boxy { max-width: 1440px;  margin: 0 auto;  z-index: 1;  padding: 0 0px;  flex-direction: row;
  display: flex;  flex-wrap: wrap;  justify-content: space-between; padding-top: 50px; max-width: 1600px; }


.p-drewniane  video {max-width: 100%;  height: auto;  }

.p-drewniane01 .box-a {  width: 50%;  color: #000;  padding-right: 40px;  padding-top: 10px;  padding-bottom: 10px;  }

.p-drewniane01 .box-a ul { margin: 0; padding: 0; list-style: none; }

.p-drewniane01 .box-a li {display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: flex-start;  align-items: center; padding: 20px 0;}


.p-drewniane01 .box-a img { max-width: 100%; height: auto; max-height: 90px; }

.p-drewniane01 .box-a .img2 { width: 20%; padding-right: 20px;  }
.p-drewniane01 .box-a .text { width: 80%; }



.p-drewniane01 .box-b { width: 50%;  background: #000;   background-repeat: repeat;  height: auto;  color: #fff;
  background-position: center center;  background-repeat: no-repeat;  background-size: cover;  position: relative;   display: flex;
  flex-direction: column;  justify-content: center;  align-items: center; }

.p-drewniane01  .box-a {  left: 0;  position: relative; width: 50%; z-index: 1; }



.p-drewniane01  .box-b {  position: absolute;  left: 0;  right: 50%;  top: 0;  bottom: 0;  left: 50%;
  right: 0;  top: 0;  bottom: 0;  width: 50%; margin-bottom: -300px; }
    
    

.p-drewniane01 .box-b::before {  background-color: rgba(0,0,0, 0.6);  content: "";  position: absolute;  background-repeat: no-repeat;
    top: 0;  left: 0px;  right: 0;  width: 100%;  height: 100%; }




.p-drewniane00 { }
.p-drewniane00  .p-drewniane00-wrap {  max-width: 1600px; flex-direction: row;   position: relative;  z-index: 1; }

.p-drewniane00  .p-drewniane00-wrap .box-a { width: 50%; display: flex; flex-direction: row; padding-top: 80px;  }
.p-drewniane00  .p-drewniane00-wrap .box-b { width: 50%;  padding-left: 10%;   } 

.p-drewniane00  .p-drewniane00-wrap .box-aa { width: 50%;  text-align: center;  padding: 0px 20px; padding-left: 0}
.p-drewniane00  .p-drewniane00-wrap .box-bb { width: 50%; text-align: center; padding: 0px 20px;  }
.p-drewniane00  .p-drewniane00-wrap .box-cc { width: 100%; text-align: center;  }

.p-drewniane00 .img2  { margin-bottom: 25px;   }
.p-drewniane00 .img2 img { max-height: 100px; width: auto;  }

.p-drewniane00 .pri {  width: 70%; margin:0 auto; position: relative; }

.p-drewniane00 .pri h2 {  color:#fff; text-align: center; margin-bottom: 30px; font-size: 32px; font-weight: 400;  }
.p-drewniane00 .pri h3 {   text-align: center; margin-bottom: 20px; }

.p-drewniane00 .pri i{ color:#AFAFAF; }

.p-drewniane00 .pri-wrap { background-color: #E1C699; color: #616161;  border-radius: 50px; padding: 30px; text-align: center; padding-bottom: 10px; }
.p-drewniane00 .pri-wrap strong{   color: #fff; font-size: 38px; font-weight: 500;   }

.p-drewniane00 .pri-wrap li{ border-top: 1px solid #ddd; padding: 10px 0; list-style: none; font-size: 14px; font-weight: 400; }
.p-drewniane00 .pri-wrap ul{ padding: 0; margin: 0;  }


.p-drewniane02  { padding-top: 100px; padding-bottom: 80px;   }
.p-drewniane02 h2 { text-align: center;   text-align: center;  color: #000;  font-size: 32px;  font-weight: 400;  letter-spacing: 0px;
  line-height: 1.2;  margin-bottom: 10px;  font-size: 48px;  position: relative;  padding-bottom: 15px; color: #2B2B2B; font-size: 54px; text-align: left; }

.p-drewniane02 h2::before {  content: "";  position: absolute;  bottom: 0px;  left: 0;  right: 0;  width: 140px;  height: 3px;  pointer-events: none;  background: #009636;  left: 50%;  transform: translateX(-50%); display: none; } 


.p-drewniane02 .p-drewniane02-wrap {max-width: 1600px;  max-width: 1000px; position: relative; }

.p-drewniane02 .p-drewniane02-wrap::before { pointer-events: none;  content: "";
  background-image: url(https://test62.redgrafik.pl/wp-content/uploads/2026/01/logo_pp.png);
  background-repeat: no-repeat;  background-position: 50% 50%;  background-attachment: fixed;  position: absolute;  right: 0;
    top: 0;  left: 0;  bottom: 0;  opacity: 0.3;  }



.p-drewniane02 .p-drewniane02-wrap > p { max-width: 810px;   }


.p-drewniane02  .boxy {  padding-top: 80px; }

.p-drewniane02   ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -3%; margin-right: -3%;  }
.p-drewniane02   li { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; width: 50%; }

.p-drewniane02   li { width: 44%;  padding: 20px 0;  justify-content: space-between;  margin: 0 3%; flex-direction: row; width: 100%;   justify-content: flex-start; }

.p-drewniane02  .znak2 img { max-width: 40px; height: auto; }
.p-drewniane02  .znak2 { min-width: 72px; text-align: center; display: flex;  justify-content: center;  align-items: center;  width: 6%; justify-content: flex-start; }
 
.p-drewniane02  .text  { width: 70%;  border-bottom:2px solid #a0a0a0;  width: 50%; padding-bottom: 8px; }


.p-drewniane02 .img2 { width: 40%; display: flex; flex-direction: row;  justify-content: center;  align-items: center; }

.p-drewniane02 .img2 img {  max-width: 100%;  height: auto;  max-height: 90px; max-height: 110px; max-height: 94px; }


.p-drewniane02 li:first-of-type  .img2 img {   max-width: 140px; } 



.p-drewniane02  .slogg {  text-align: center;  max-width: 920px;  margin: 0 auto; margin-bottom: 80px;   }





.p-drewniane03 { border:0; padding-bottom: 40px;  } 

.p-drewniane03  h2{text-align: left;  color: #000;  font-size: 48px;  font-weight: 400;  letter-spacing: 0px;
  line-height: 1.2;  margin-bottom: 40px;  font-size: 48px;  position: relative;  padding-bottom: 15px; } 

.p-drewniane03  h2::before{ content: "";  position: absolute;  bottom: 0px;  left: 0;  right: 0;  width: 140px;  height: 3px;
  pointer-events: none;  background: #009636;  left: 50%;  transform: translateX(-50%); display: none; }

.p-drewniane03 .p-drewniane03-wrap { display: flex; max-width: 1600px;  flex-wrap: wrap; flex-direction: column; position: relative; }


.p-drewniane03 .p-drewniane03-wrap::before { pointer-events: none;  content: "";
  background-image: url(https://test62.redgrafik.pl/wp-content/uploads/2026/01/logo_pp.png);
  background-repeat: no-repeat;  background-position: 50% 50%;  background-attachment: fixed;  position: absolute;  right: 0;
    top: 0;  left: 0;  bottom: 0;  opacity: 0.3;  }


.p-drewniane03 .p-drewniane03-wrap .boxy{ display: flex;    flex-wrap: wrap; flex-direction: row; }

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

.p-drewniane03 .box-a { width: 20%; text-align: center;  padding-top: 0px; }
.p-drewniane03 .box-a > img{ display: none; }
 .p-drewniane03 .box-aa { display: flex;   flex-direction: column;    justify-content: space-between;    align-items: center;    height: 100%; }



.p-drewniane03 .box-aa { position: relative; }
.p-drewniane03 .box-aa::before { width: 2px; height: 100%; background-color: #e7c21b;   pointer-events: none;  content: "";
   position: absolute;  right: 0;  top: 0;  left: 50%;  bottom: 0;      }

.p-drewniane03 .box-aa img { position: relative;  }


  .p-drewniane03 .box-aa img:nth-of-type(4) {  border-bottom: 13px solid #fff;  } 


.p-drewniane03 .box-b { width: 55%; padding: 0px; }

.p-drewniane03 .box-b p{ color:#7a7a7a;  color: #000; }

.p-drewniane03 .box-c { width: 25%; text-align: center; display: flex;
  flex-direction: column;  justify-content: center;  align-items: center; }


.p-drewniane03 .box-a   img { max-width: 100%; height: auto;  width: 170px; }


.p-drewniane03 .box-b  strong {display: inline-block;  margin-bottom: 15px; }








.p-przekierowania { }

.p-przekierowania .p-przekierowania-wrap { flex-direction: row;   justify-content: space-between;   }

.p-przekierowania .p-przekierowania-wrap a1{  font-family: "Roboto", Sans-serif;  font-weight: 500;
  fill: #ccc;  color: #000;  background-color: #fff;  border: 1px solid #000;  padding: 10px 25px;
  margin-top: 30px;  display: inline-block;  margin-right: 10px; width: 150px;  text-align: center; }


.p-przekierowania .p-przekierowania-wrap a1:hover{ opacity: 0.8;  background-color: #000;  color: #fff; } 




.p-przekierowania .p-przekierowania-wrap .alink  { color: #c36;  font-size: 24px; font-weight: 300;  margin-top: 15px; display: inline-block; margin-top: 10px; margin-bottom: 0px;  }
.p-przekierowania .p-przekierowania-wrap .alink  i{ color: #333;  font-size: 20px; margin-left: 5px; }

.p-przekierowania .p-przekierowania-wrap .alink:hover { opacity: 0.8;   color:#000;  }
.p-przekierowania .p-przekierowania-wrap .alink:hover i{ color: #000;  }




.lann { position: fixed; bottom: 0; left:0; right: 0; height: 40px; background-color: rgba(0, 0, 0, 0.39);  display: flex; justify-content: flex-start;  align-items: center;  z-index: 3; }

.lann-wrap { display: flex; padding-left: 10px; padding-right: 10px; }
.lann-wrap  ul { list-style: none; display: flex;  padding: 0;  margin: 0;  }
.lann-wrap li { display: inline-block; margin-right: 10px; }
.lann-wrap li a{ display: flex; }
.lann-wrap  ul img { width: 21px!important;  height: auto!important;  }

.lann-wrap  .lang-item.current-lang { display: none; }





.blin  { position: fixed; right: 15px; bottom: 50px;  width: 56px; height: 56px; background-color: #1379e1; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 5;   background-color: #444; border: 2px solid #fff;  }

 

.blin  a {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 100%;}
.blin  a i { color:#fff; font-size: 24px;  transition: all 0.1s linear; }
.blin  a:hover i { color:#fff; font-size: 28px; transition: all 0.1s linear; }







@media (max-width: 1400px) {
    
    .header-wrap { padding-left: 20px; padding-right: 20px;  }
    
    .slider .slider-ico {left: 15px; }
    
}

    

@media (max-width: 1300px) {

  .footer-info .boxy .box-c{ padding-left: 20px; padding-right: 20px; }
    
    .footer-info .boxy .box-c .gallery-footer img {  margin-bottom: 5%;  width: 47.5%;  height: auto; max-width: 100%;  }
    
    .footer-info .boxy .box-c .gallery-footer img:nth-child(2n) {  margin-right: 5%; } 
    
    .section04 .section04-wrap h2 { line-height: 1;  font-size: 60px; }
    
     
}


@media (max-width: 1199px) { 
        
    .section04 .box-b {  padding-left: 50px;  padding-top: 80px;  padding-bottom: 80px; }

    .p-projekty02 .video { max-width: 100%;  width: 100%; }
    
}




@media (min-width: 1200px) { 

    
}

@media (min-width: 1px) {
  .navbar-expand-lg .navbar-collapse {  justify-content: end; padding-top: 2px;  justify-content: center; justify-content: flex-end; justify-content: center; align-items: flex-start; }
    
    .navbar-expand-lg .navbar-collapse {  position: absolute; width: auto;  top: 0;  left: 0;   right: 0;    bottom: 0;  } 
    
    
      .navbar-expand-lg .navbar-toggler {   display: block!important;  border-radius: 100px;    width: 40px;   height: 40px; padding: 10px 10px;  }
    
    
     .navbar-expand-lg .navbar-collapse {  display: none!important;    flex-basis: auto;   } 
     .navbar-expand-lg .navbar-collapse.show {  display: flex!important;    flex-basis: auto;   } 
    
    .navbar-expand-lg .navbar-collapse.collapsing {  display: flex!important;    flex-basis: auto;   }  
    
    
     .navbar-collapse { background: #0c0c0c; justify-content: center;   text-align: center;    margin-left: 0px;
    margin-right: 0px;    margin-top: 5px;    background: #f2f2f2;    margin-top: 0px;    background: rgba(0, 0, 0, 0.8);
         min-height: 100vh;    background: rgba(0, 0, 0, 0.99);  background-color: rgba(0, 0, 0, 0.39);  margin-top: 68px; }
         
    .navbar-collapse {   text-align: center; }
    
    
     .navbar-expand-lg .navbar-nav {   flex-direction: column;  } 
    
     ul.navbar-nav li a {  padding: 12px 20px;  } 
    
    
    
    
  }
    
@media (min-width: 992px) {
    
    
    nav.navbar { padding-bottom: 30px; }

    .navbar-expand-lg .navbar-toggler { left: 50%; transform: translateX(-50%);   top: 50px;  border: 0;    }
    
      .navbar-collapse { margin-top: 90px; }
    
}


@media (max-width: 991px) {
    
    .p-drewniane03 .box-a > img{ display: none; }
    .p-drewniane03 .box-aa {  display: flex;  flex-direction: column;  justify-content: space-between;  align-items: center;   height: 100%; } 
    .p-drewniane03 .box-aa img{ border-bottom: 10px solid #fff;  border-top: 10px solid #fff;  } 
    .p-drewniane03 .box-aa img:nth-of-type(4){ border-bottom: 13px solid #fff; } 
    
    
      
    .start .start-text { text-align: center;  width: 100%; max-width: 100%; }
     
           
    ul.navbar-nav li a{    padding: 12px 20px; } 
    
    ul.navbar-nav {  padding-top: 20px; padding-bottom: 20px;  }
    
  
    
    .section01 .section01-wrap .box-a { width: 100%; }
    
    .section02 .section02-wrap .bigbox {   width: 100%; }
    
    .section02 .section02-wrap .boxy {width: 100%; padding: 0px 0px; }
    


   .section03 {  border-bottom: 90px solid #fff; border-bottom: 30px solid #fff; }

.section03 .box-a {  width: 100%;  height: 300px;   height: auto; opacity: 0.2!important; }
    
    .section03 .box-b { width: 100%; padding-left: 0px; left: 0;  }
    
    
    
    .section04 { border-bottom: 90px solid #fff; border-bottom: 30px solid #fff; }
    
    .section04 .box-a { width: 100%;  height: 400px; margin-top: 20px; position: static; padding-bottom: 20px; } 
    
      .section04 .box-a {width: auto; margin-left: -20px;  margin-right: -20px; }
      
      
  .section04 .box-b { width: 100%; padding-left: 0px;  padding-top: 50px;    padding-bottom: 30px;  left: 0; text-align: center;
    display: flex;    flex-direction: column;    align-items: center; }
    
  .section04 .box-b h2  { font-size: 45px; }
  .section04 .box-b h2 br { display: none; }
    
    
    .section04 .section04-wrap {  flex-direction: column-reverse; }
        
        
    
    
        
    
    .footer-info .boxy .box-a {  width: 100%; }
    .footer-info .boxy .box-b {  width: 100%; padding-top: 15px; padding-bottom: 15px; }
    .footer-info .boxy .box-c {  width: 100%; }
        
    .footer-info .boxy .box-c .gallery-footer img {  max-width: 150px; margin-right: 5%; }
    

    .p-technologie01 h3 {  min-height: 60px; }
    
    .p-technologie01 .box-aa {  min-height: 100vh;  padding-top: 80px; justify-content: center;  }
    .p-technologie01 .box-bb {  min-height: 100vh;  padding-top: 80px;  justify-content: center; }
    
  
    
    .p-onas02 .p-onas02-wrap { background: #000; }

    .p-onas02 .box-a {  width: 100%;   height: 350px;  height: auto; opacity: 0.3!important;   }
    
    .p-onas02 .box-b p { color: #fff; }
    
    .p-onas02 .nn {   border-top: 2px solid #fff; }
    
    
    
    
    .p-onas02 .box-b { width: 100%; color: #fff;  padding-left: 0; left: 0; padding-top: 40px; }
    
    
    
    .p-onas03 .box-a {  padding-left: 50px; }
    
    
    .p-onas03 .box-b img { max-width: 313px; }
    
    .p-onas03 .box-a { padding-bottom: 0;  padding-top: 0; }
    
    
    .p-onas04 .box-a { width: 100%; padding:0px; padding-top: 40px;  align-items: flex-start; }
    .p-onas04 .box-b { width: 100%; padding-top: 30px; }
    
     
        
        
    
    
    .p-onas05 .boxy .box { width: 96%; }
    
    
    
    .p-projekty01 .boxy .box {  width: 96%; }
    
    .p-projekty02 .video {  width: 100%; }  
    
    
    
    .p-drewniane01 .video { width: auto;  margin: 0 auto;   margin-left: -20px;   margin-right: -20px; height: auto; margin-top: 30px; margin-bottom: 40px;  }
    
    .p-drewniane01 .box-a {  width: 100%; padding-right: 0; }
    .p-drewniane01 .box-b {  width: 100%;  padding-top: 40px; padding-bottom: 40px; }
    
    .p-drewniane02 li { width: 94%; }
    
    .p-drewniane03 .box-c { display: none; }
    
    .p-drewniane03 .box-b {  width: 80%; }
    
    
    .p-projekty03 .box-a {width: 100%; padding: 20px 0; }
    .p-projekty03 .box-b {width: 100%; padding: 20px 0; }
    
    ul.navbar-nav > li {border-bottom: 1px solid #c4c4c4; }
    ul.navbar-nav > li { widows: 100%;  }
    
     ul.navbar-nav { width: 100%; }
    
    .menu-menu_pl-container  { width: 100%; } 
    
    .navbar-collapse {  background-color: RGBA(0, 0, 0, 0.48); }
    
    
    .p-drewniane01 .box-b { right: 0; left: 0; }
    
    .p-drewniane01 h1 { color:#fff;   font-size: 20px; padding-top: 0; padding-bottom: 0; margin-bottom: 0;  }
    
    .p-drewniane01 .box-a { padding-top: 0px; color:#fff;  }
    
    .p-drewniane01 h1::before { content: "";  position: absolute;  bottom: 0px;  left: 0;  right: 0;
  width: 1px;  height: 111px;  pointer-events: none;  background: #fff;  left: 0;  transform: translateY(-50%);       top: 90%; }
    
    .p-drewniane01 .box-b::before {    background-color: rgba(0,0,0, 0.8); }
    
    .p-drewniane01 h2 {  color: #fff; }
    
    .p-drewniane01 .box-a p{ color:#fff;  }
    
    .p-drewniane00 .p-drewniane00-wrap .box-a { width: 100%; display: flex;  flex-direction: column; padding-top: 50px; color:#fff; padding-top: 10px; }
    
    .p-drewniane01 .box-a li {    flex-direction: column; }
    
    .p-drewniane01 .box-a .img2 {  width: 100%;  padding-right: 0;   text-align: center; margin-bottom: 20px; }
    
    .p-drewniane01 .box-a .text { text-align: center;    width: 100%; }
    
    .p-drewniane01 .box-a img {  max-height: 120px; max-height: 80px;  }
    
      .p-drewniane01 .box-a li:nth-of-type(3)   img {  max-width: 110px;  }
    
    
    .p-drewniane00 .p-drewniane00-wrap .box-aa {  width: 100%;  padding-bottom: 40px;}
    .p-drewniane00 .p-drewniane00-wrap .box-bb {  width: 100%; padding-bottom: 40px;}
    
    .p-drewniane01 .box-a li { padding-bottom: 40px; }
    
    .p-drewniane00 .img2 img { max-height: 120px; max-height: 80px; } 
    
    
    main.p-drewniane.pod { padding-top: 68px; } 
    
    .p-drewniane01 .box-b { margin-bottom: -510px; }
    
    .p-drewniane00 .p-drewniane00-wrap .box-b { width: 100%; padding-left: 0;   padding-top: 90px; padding-top: 160px; }
    
    .p-drewniane00 .pri h2 {  color: #000; } 
    
    .p-drewniane02 .znak2 { display: none } 
    
     .p-drewniane02 li {  width: 100%;   flex-direction: column-reverse; }
    
    .p-drewniane02 .img2 { width: 100%; }
    
     .p-drewniane02 .text {  width: 100%;     text-align: center; }
        
        .p-drewniane02 .img2 img {  margin-bottom: 20px; }
    
    
   .p-murowane  .p-drewniane01 .box-b { margin-bottom: -570px; }
    
    .p-projekty01 .boxy.desktop { display: none; }

    .p-projekty01 .boxy.mobile { display: flex; }
     
    .slogg {  margin-top: 50px; color:#000; }
    .slogg p{  color:#000; }
    
    .p-projekty02 { padding-top: 40px; }
    
    .p-projekty02 h2::before { width: 36%; }
    
    
 
    
    
    .p-onas04 .box-b img {  box-shadow: 200px 0 0 #fff, -200px 0 0 #fff;  } 
    
          
}

@media (max-width: 768px) { 
    
 
        .p-onas03 .box-a { width: 100%; padding-right: 0;  padding-top: 0; padding-left: 0; padding-top: 40px;  }
    .p-onas03 .box-b {  width: 100%;   height: 350px;  text-align: left; height: auto; } 
    
    .n4 {padding-left: 0; }
    
    .p-onas03 .p-onas03-wrap { flex-direction: column-reverse; }
   
 
 
    
    

} 

 @media (max-width: 576px) {
     
     .blin { width: 50px;    height: 50px; right: 15px;  bottom: 15px;  }
         
     
     .section-content {   padding-top: 20px; }
     
     
     .name-page .name-page-text-ins { padding-top: 10px; }
     .name-page .name-page-text {  height: 250px; }
     .name-page .name-page-text::before { height: 250px; }
     
     
     .p-drewniane01 .box-a li { flex-direction: column;   justify-content: flex-start;  align-items: flex-start;    padding: 20px 0; }
     
     
    
     
   
     
     .p-drewniane02 .img2 img { max-height: 100px;  min-width: 90px;    margin-bottom: 20px; }
     
     .p-drewniane02 .text { width: 100%; }
     
     
     .p-drewniane03 .box-b {  padding: 10px; width: 100%; width: 80%;  padding-right: 0; } 
     
     
   
     
     .p-drewniane01 h1 {  font-size: 30px; }
     
     
     .p-drewniane01 .boxy {  padding-top: 20px; }
     


.p-drewniane01 .pri {  width: 95%; }
     
     
   header .logo {  max-width: 70%; height: auto;  }
     
     
     .p-projekty02 .video { height: 430px; }
     
     .p-onas01 h3 {  font-size: 40px;  }
     
     .p-onas01 .box-a { padding-left: 0;} 
     
     
     .p-onas05 .boxy .box { padding: 30px; }
     
    
      
     
     .p-drewniane00 .pri {   width: 100%; }
     
      .p-drewniane01 .box-b {  margin-bottom: -592px;  } 
     
     
        .p-murowane  .p-drewniane01 .box-b { margin-bottom: -650px; }
     
     .p-projekty01 .p-projekty01-wrap {  padding-bottom: 40px; }
     
     .p-projekty02 h2 {  margin-bottom: 30px; }

     .p-projekty01 h2::before {  width: 50%; }
     
     
     .start .start-box .start-link p {   flex-direction: column;   }
     
     .start .start-box a {  margin: 0;  margin-bottom: 20px; }
     
     
     .start .start-box .biglogo { margin-left: -50px;  margin-right: -50px; }
     
     
     .start .start-box .start-link {  padding-top: 20px; }
     
     
     .p-projekty01 h2::before {  left: -22px; }
     
     .p-projekty03 .box-b {   padding-bottom: 250px; }
     
     
      .p-drewniane03 .box-aa img:nth-of-type(4){ border-bottom: 26px solid #fff; } 
     
     
    .p-technologie01 .box-aa {  padding: 40px 20px; padding-top: 60px;  }
    .p-technologie01 .box-bb {   padding: 40px 20px; padding-top: 60px; }
     
     .p-technologie01 a { padding: 8px 18px; }
     
     
     
}
    
 
@media (max-width: 450px) {
    .footer-copyright-wrap {  flex-direction: column; }
    

      .footer-info .boxy .box-c .gallery-footer img {   width: 44.5%; }
    
     .p-onas03 .box-b img {  max-width: 100%;    height: auto; }
    
       .p-drewniane01 h1 {  font-size: 22px;  letter-spacing: 4px;  padding-left: 0px;   text-align: center;  } 
    
    .p-drewniane00 .img2 { display: flex;  flex-direction: column;  justify-content: center;    align-items: center; }
    
    .p-drewniane00 .img2 img{ margin-bottom: 20px;  }
    
      .p-murowane .p-drewniane01 .box-b {   margin-bottom: -1000px;  } 


        .p-murowane   .p-drewniane02 .img2 { display: flex; flex-direction: column;  justify-content: center;  align-items: center; }
    
    
      .p-drewniane00 .p-drewniane00-wrap .box-b {  padding-top: 200px; }
    
   .p-drewniane03 .box-a {  width: 25%; } 
    
     .p-drewniane03 .box-b { width: 75%; }
    
    
    
  .p-murowane  .p-drewniane00 .p-drewniane00-wrap .box-b {    padding-top: 240px;  }
          
    .p-kontakt01 h1 {  font-size: 30px; }      
    
    
}
 


@media (max-width: 400px) {

  .p-drewniane01 .box-b {  margin-bottom: -665px;  }
    
     .p-murowane .p-drewniane01 .box-b {  margin-bottom: -1010px;  }
    
    .p-kontakt01-box {  padding: 14px 10px; }
    

    
}


@media (max-width: 360px) {
    
     .p-onas01 h3 {    font-size: 30px;  }
    
    .p-onas05 .boxy .box h3 { font-size: 30px; }
    
    .p-murowane .p-drewniane01 .box-b {  margin-bottom: -1070px;  } 
    
    
    
    
    
}