/*
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.ttf') format('truetype');
}

*/


body {font-family: 'Poppins', Arial, sans-serif;  font-weight: 400;  min-height: 100vh;  }

a{  text-decoration: none;   }

header {  }

nav.navbar  { background: #fff!important; padding-top: 5px; padding-bottom: 5px;  }
nav.navbar  .navbar-nav > .nav-item {  }
nav.navbar  .navbar-nav > .nav-item > .nav-link{  color:#1d214e; font-size: 18px; font-weight: 500;   padding-right: .99rem;   padding-left: .99rem;  }
nav.navbar  .navbar-nav > .nav-item > .nav-link:hover{  color:#1d214e  }


nav.navbar .navbar-brand img  {  height: 60px;  }


nav.navbar.menu11 {  background:#d12c36!important;   border-bottom:1px solid #d12c36;  }

nav.navbar.menu11  .navbar-nav > .nav-item > .nav-link{  color:#fff; }
nav.navbar.menu11  .navbar-nav > .nav-item > .nav-link:hover{  color:#1d214e  }

.ico a {  display: inline-block; margin-left: 10px; margin-right: 10px;  font-size: 18px; }
.ico a img {  max-width: 20px; height: auto;   }

nav.navbar.menu11 .ico a { color:#fff;  }
nav.navbar.menu11 .ico a:hover { color:#1d214e   }


nav.navbar.menu11.menu22 {  background:#fff!important;  border-bottom:1px solid #ddd;   }

nav.navbar.menu33 {  background:#fff!important;  border-bottom:1px solid #ddd;   }

nav.navbar.menu11.menu22 {  position: fixed;  width: 100%;  }

nav.navbar.menu11.menu22 .ico a { color:#1d214e;  }
nav.navbar.menu33 .ico a { color:#1d214e;  }
nav.navbar.menu11.menu22 .ico a:hover { color:#d12c36;  }
nav.navbar.menu33 .ico a:hover { color:#d12c36;  }

nav.navbar.menu22  .navbar-nav > .nav-item > .nav-link{  color:#1d214e; }
nav.navbar.menu33  .navbar-nav > .nav-item > .nav-link{  color:#1d214e; }

nav.navbar.menu22  .navbar-nav > .nav-item > .nav-link:hover{  color:#d12c36;  }
nav.navbar.menu33  .navbar-nav > .nav-item > .nav-link:hover{  color:#d12c36;  }



body.home1 .menu11 {       background: #fff!important;   border-bottom: 1px solid #ddd;  position: fixed;    width: 100%; }

body.home header {  padding-top: 0px; }

header { padding-top: 70px;  }
header.men { margin-top: 70px;    }

.header-image { position: relative;  height: 845px; width: 100%; overflow: hidden;  background-color: #d12c36;     }


.header-image .pas11 { height: 100%;      display: flex;    justify-content: center;    align-items: center; }

.header-image .container { height: 100%; display: flex;    justify-content: flex-start;   align-items: center; 
      }

.header-image .row { height: 100%;  }

.header-image .div-wew {  position: relative; z-index: 11;   }

.header-image .div-wew h1{ color: #fff;  font-size: 204px; font-weight: 700;  margin:0; padding: 0;  line-height: 200px;   }

.header-image .div-wew h2{ font-size: 150px;    background: transparent; margin:0; padding: 0;  line-height: 150px;  color: #1d214e;  
    margin-bottom: 60px;   letter-spacing: 7px; font-weight: 900;  }

.header-image .div-wew h2 span{ 
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    
    
}


.header-image .img1{ position: absolute; right: 30px; }


.header-image .img2{ position: absolute;    top:50%; left:52.3%;    transform: translate(-50%, -50%); }



.header-image  .container .btn1 {   background-color: transparent;   color: #fff;   border-radius: 400px;   display: inline-block;   padding: 18px 50px;
    border: 3px solid #fff;   font-size: 22px;   font-weight: 700;  margin-bottom: 40px; }


.header-image  .container .btn11:hover { background-color: #1d214e; border: 3px solid #1d214e; color: #1d214e; }
.header-image  .container .btn1:hover { background-color: #fff; border: 3px solid #fff; color: #1d214e; }




.wczym { background-color: #f5f5f5; text-align: center;  padding-top: 100px; padding-bottom: 100px; }

.wczym h2{  font-size: 30px; font-weight: 700; color: #d12c36; padding: 0; margin:0; margin-bottom: 5px;  }

.wczym h4{ font-size: 60px; font-weight: 700; color: #1d214e; padding: 0; margin:0; margin-bottom: 40px; }

.wczym h6{      line-height: 22px; font-size: 18px; font-weight: 400; color: #1d214e; padding: 0; margin:0; margin-bottom: 50px;  padding-left: 100px; padding-right: 100px;   }

.wczym .box{  transition: all 0.5s;  border-radius: 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);  background-color: #fff; text-align: center;  margin-bottom: 30px;    min-height: 300px; }





.wczym .box h3{ color: #1d214e;  font-size: 22px; font-weight: 700; padding-left: 30px; padding-right: 30px; padding-bottom: 20px;   }

.wczym .box img{ margin-top:50px; margin-bottom: 40px;  max-width: 70px; height: auto;  transition: all 0.2s;    }


.wczym .box h5{  margin-top:0px; opacity:0;  padding-left: 30px; padding-right: 30px; margin-bottom: 50px;   font-size: 16px; font-weight: 400; color: #1d214e; height: 1px;    overflow: hidden;  transition: all 0.5s; line-height: 22px; }

.wczym .box:hover h5{ height: auto;  transition: all 0.5s;   font-size: 16px; opacity:1; padding-bottom: 40px; }

.wczym .box:hover img{ transition: all 0.2s;    transform: scale(0.90);   -webkit-transform: scale(0.90);   -moz-transform: scale(0.90);   -o-transform: scale(0.90);   }


.wczym .box img.ikk{     max-width: 85px;   margin-bottom: 30px;   margin-top: 45px; }

.wczym .box:hover h3 { color: #d12c36;   }


.pomagaja { }

.pomagaja .ramka { border: 2px solid #1d214e; border-radius: 120px; position:relative;  margin-top:160px; margin-bottom: 100px; padding: 120px 80px;  }

.pomagaja h2{  font-size: 30px; font-weight: 700; color: #d12c36; padding: 0; margin:0; margin-bottom: 5px;   white-space: nowrap; }

.pomagaja h4{ font-size: 60px; font-weight: 700; color: #1d214e; padding: 0; margin:0; margin-bottom: 40px; }

.pomagaja h6{      line-height: 22px; font-size: 18px; font-weight: 400; color: #1d214e; padding: 0; margin:0; margin-bottom: 0px;  padding-left: 20px; padding-right: 20px; position: relative; top:-20px; text-align: center;  }

.pomagaja h2 { margin:0 auto; text-align: center;  display: inline-block; background: #fff; padding-left: 50px;  padding-right: 50px; position: absolute;  top:-75px; left:50%;    transform: translate(-50%, -0%);   font-size: 30px; font-weight: 700; color: #d12c36;   }

.pomagaja h2 b{ font-size: 60px; font-weight: 700; color: #1d214e; display: block;  }


.pomagaja .logo1 { margin-top:15px; margin-bottom: 15px;    transition: all 0.2s;     }

.pomagaja .logo1:hover {  transition: all 0.2s;    transform: scale(0.90);   -webkit-transform: scale(0.90);   -moz-transform: scale(0.90);   -o-transform: scale(0.90);    }

.warto { background-color: #f5f5f5; text-align: center;  padding-top: 100px; padding-bottom: 100px; }

.warto  h2{  font-size: 30px; font-weight: 700; color: #d12c36; padding: 0; margin:0; margin-bottom: 5px;  }

.warto  h4{ font-size: 60px; font-weight: 700; color: #1d214e; padding: 0; margin:0; margin-bottom: 40px; }

.warto h6{     line-height: 22px; font-size: 18px; font-weight: 400; color: #1d214e; padding: 0; margin:0; margin-bottom: 50px;  padding-left: 100px; padding-right: 100px;   }

.warto ul.nav { justify-content: center;   margin-top: 20px;  }


.warto ul.nav li button{ background-color: #1d214e; color: #fff;  border-radius: 40px; display: inline-block; padding: 12px 45px; border:0;   font-size: 20px; font-weight: 400;   margin-left: 15px; margin-right: 15px;   margin-bottom: 15px; width: 90%; max-width: 100%;  }

.warto ul.nav li button.active{ background-color: #d12c36; color: #fff;    }

.warto ul.nav li button:hover{ background-color: #d12c36; color: #fff;    }

.warto ul.nav li { min-width: 33%; max-width: 33%;   }




.tab-content   {  font-size: 18px; line-height: 30px; font-weight: 400;  }
.tab-content  h5 {  font-size: 28px; font-weight: 800; line-height: 32px; color: #d12c36; margin-top: 40px; margin-bottom: 20px;  text-transform: uppercase;  }
.tab-content  b { font-weight: 700; margin-bottom: 15px; display: block;   }
.tab-content  p {   }




.informacje { background-color: #1d214e; text-align: center;  padding-top: 100px; padding-bottom: 100px; color:#fff;  background-image: url("../tlo5.jpg");   background-repeat: no-repeat;
    background-attachment: fixed;   }




.projekty h2 { margin:0 auto; text-align: center;  display: inline-block; background: #fff; padding-left: 50px;  padding-right: 50px; position: absolute;  top:-75px; left:50%;    transform: translate(-50%, -0%);   font-size: 30px; font-weight: 700; color: #d12c36;   }

.projekty h2 b{ font-size: 60px; font-weight: 700; color: #1d214e; display: block;  }


.projekty .tresc .logo1 { display: inline-block;   }

.home .projekty .tresc a { display: inline-block;   }
.home .projekty .tresc a .logo1{ margin-top: 50px;   }

body .projekty .row.ramka { padding-bottom: 65px;    }

.projekty .tresc .logo1:hover {   }

.projekty .tresc .logo2 { display: inline-block;  width: 75px; height: auto; margin-left:3px; margin-right: 3px; padding: 5px;   }

.projekty .tresc .logo2:hover { display: inline-block;    transform: scale(1.1);
    -webkit-transform: scale(1.1);    -moz-transform: scale(1.1); }

.projekty .hr3 {  margin: 20px  0!important;     }

.projekty .carousel-indicators {   position: absolute;    right: 0;    bottom: -50px; display: none; }

.projekty  .carousel-indicators [data-bs-target] {    background-color: #1d214e;  }


.projekty .btn22 {   color: #1d214e;  font-size: 18px;  border-radius: 300px!important; border:1px solid #1d214e;    }

.projekty .btn22 {    color: #1d214e;  color: #fff;   font-size: 18px;    font-weight: 600;    border-radius: 300px!important;
    border: 2px solid #1d214e;    background: #1d214e;   padding: 10px 30px; border: 0; outline: 0; box-shadow: none; }


.projekty .btn22:hover {  background-color: #d12c36;  border-color: #d12c36;  color: #fff; }










.box021 .accordion {    }
.box021 .accordion-button{   }
.box021 .accordion-button:focus{ box-shadow: none; outline: 0;    }
.box021 .accordion-item:first-of-type {   border-top-left-radius: 1rem;   border-top-right-radius: 1rem;   overflow: hidden; }

.accordion-item:last-of-type {  border-bottom-right-radius: 1rem;  border-bottom-left-radius: 1rem;   overflow: hidden;  }

.box021 .accordion-body{     font-size: 18px;   line-height: 30px;    font-weight: 400; padding: 40px;  padding-top: 40px;    padding-bottom: 40px; }


.accordion-button::after {  position: absolute;   margin: 0;  right: 20px; }
    
    
.box021  .accordion-item h2{font-size: 20px;    font-weight: 400;}
.box021  .accordion-item .accordion-button {font-size: 24px;    font-weight: 400;  padding: 1.2rem 1.25rem; padding-top: 1.5rem; justify-content: center; color: #1d214e;     }

.box021  .accordion-button:not(.collapsed) {   color: #fff;   background-color: #1d214e;   box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);  }


.box021  .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23eeeeee'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}


.skontakt { background-color: #f5f5f5; text-align: center;  padding-top: 100px; padding-bottom: 100px; }

.skontakt .row{ align-items: center; justify-content: center;  }

.skontakt h2{  font-size: 30px; font-weight: 700; color: #d12c36; padding: 0; margin:0; margin-bottom: 5px;  }

.skontakt h4{ font-size: 60px; font-weight: 700; color: #1d214e; padding: 0; margin:0; margin-bottom: 40px; }

.skontakt h6{     line-height: 22px;  font-size: 18px; font-weight: 400; color: #1d214e; padding: 0; margin:0; margin-bottom: 50px;  padding-left: 100px; padding-right: 100px;   }

.skontakt .box{  transition: all 0.4s;  border-radius: 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);  background-color: transparent; text-align: center; margin-bottom: 30px;  }


.skontakt .box h3{ color: #1d214e;  font-size: 20px; font-weight: 600; padding-left: 50px; padding-right: 50px; padding-bottom: 40px; padding-top: 40px; position: relative; z-index: 2;   }

.skontakt .box h3 a{ color: #1d214e;    }
.skontakt .box h3 a:hover{ color: #fff;     }

.skontakt .box:hover h3 a{ color: #fff;     }

.skontakt .box:hover img { filter: invert(100%) grayscale(100%) contrast(200%);
    -webkit-filter:  invert(100%) grayscale(100%) contrast(200%);  }

.skontakt .box img{ margin-top:50px; margin-bottom: 40px; position: relative; z-index: 2; max-width: 70px; height: auto;  }


.skontakt .box {  min-width: 205px; transition: all 0.4s;  overflow: hidden; position: relative; border:2px solid #1d214e;  }


.skontakt .box:before { background-color: #1d214e;; position: absolute;   content: "";   display: block;   width: 100%;   height:0 ;   margin: 0 0 0 0px;   transition: all 0.4s; z-index: 0;   }

.skontakt .box:hover:before {  height: 100%;  transition: all 0.4s;  }

.skontakt .box:hover{ transition: all 0.4s;   }



.lis {   unicode-bidi: bidi-override;	direction: rtl;   }

footer { font-size: 14px;    color: #fff;    font-weight: 400;   background-color: #1d214e;  }
footer p { padding: 35px 0px; padding-bottom: 28px;   margin: 0;  }

footer a { color: #ccc;  }
footer a:hover { color: #d12c36;  }






.row.ramka { border: 2px solid #1d214e; border-radius: 30px; position:relative;  margin-top:160px; margin-bottom: 100px; padding: 120px 80px;  }



.logo1 { max-width: 100%; height: auto;     }


.row.ramka .btn1 { background-color: #1d214e; color: #fff;  border-radius: 0px; display: inline-block; padding: 10px 25px; border:0;   font-size: 18px; font-weight: 400;  }
.row.ramka .btn1:hover { background-color: #d12c36;  }

.row.ramka hr { margin:70px 0;  }

.row.ramka h3 {   font-size: 18px;  font-style: normal; text-decoration: none; color: #1d214e;   }
.row.ramka h3 a{   font-size: 18px;  font-style: normal; text-decoration: none; color: #1d214e;   }
.row.ramka h3 a:hover{   color:  #d12c36;   }

.slider22{   }
.slider22 .carousel-inner{  margin:0 auto;  width: 90%;    }

.slider22  .carousel-control-next, .slider22   .carousel-control-prev {   width: 3%;  } 
.slider22  .carousel-control-next i, .slider22   .carousel-control-prev i {   color: #333; font-size: 28px;   } 


.box-img img{ margin-bottom: 30px;      }




.p-kontakt {}


.p-kontakt h2 { margin:0 auto; text-align: center;  display: inline-block; background: #fff; padding-left: 50px;  padding-right: 50px; position: absolute;  top:-75px; left:50%;    transform: translate(-50%, -0%);   font-size: 30px; font-weight: 700; color: #d12c36;   }

.p-kontakt h2 b{ font-size: 60px; font-weight: 700; color: #1d214e; display: block;  }


.p-kontakt .tresc {    }

.p-kontakt .tresc p {   font-size: 18px;   }

.p-kontakt .tresc i{   font-size: 22px; }

.p-kontakt .tresc a { color: #1d214e;  font-size: 18px;   }
.p-kontakt .tresc a:hover { color: #d12c36;    }






.p-omnie {}


.p-omnie h2 { margin:0 auto; text-align: center;  display: inline-block; background: #fff; padding-left: 50px;  padding-right: 50px; position: absolute;  top:-75px; left:50%;    transform: translate(-50%, -0%);   font-size: 30px; font-weight: 700; color: #d12c36;   }

.p-omnie h2 b{ font-size: 60px; font-weight: 700; color: #1d214e; display: block;  }


.p-omnie .tresc {    }

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

.p-omnie .row.ramka .hr1 hr {    margin: 0px;margin-bottom: 70px; }

.p-omnie .row.ramka .hr2 hr{    margin: 70px 0; }


.p-omnie .tresc p {   font-size: 16px;   }

.p-omnie .tresc1 { height: 100%;   }

.p-omnie .tresc1 {  display: flex;     align-items: flex-end;   }

.p-omnie .hk  { text-align: center;  }

.p-omnie .ul11 > li { line-height: 26px; }

.p-omnie .hk1  { text-align: center; font-size: 40px; color: #666;  display: flex; align-content: center; align-items: center; justify-content: center; }



.p-omnie .hk .ikk {  max-height: 100px; height: auto; filter: brightness(10%)  grayscale(100%);  -webkit-filter: brightness(10%) grayscale(100%); }

.p-omnie .hk .ikk2 {  max-height: 100px; padding-top: 10px; padding-bottom: 10px;  height: auto; filter: brightness(10%)  grayscale(100%);  -webkit-filter: brightness(10%) grayscale(100%); }

.p-omnie .hk .ikk3 {  max-height: 100px; padding-top: 14px; padding-bottom: 15px;  height: auto; filter: brightness(10%)  grayscale(100%);  -webkit-filter: brightness(10%) grayscale(100%); }


.p-omnie .hk a h5 {  color: #212529; }

.p-omnie .hk a { display: inline-block; }
.p-omnie .hk a:hover {    }
.p-omnie .hk a:hover h5 {  color: #d12c36;  }
.p-omnie .hk a:hover img {  transition: all 0.2s;   }
    

.p-omnie .hk a img {   transition: all 0.2s;  }
 

.p-omnie .hk a:hover img { opacity: 0.99;    transition: all 0.2s;    transform: scale(0.90);   -webkit-transform: scale(0.90);   -moz-transform: scale(0.90);   -o-transform: scale(0.90);  }
  

.p-omnie .tresc a { color: #1d214e;  font-size: 18px;   }
.p-omnie .tresc a:hover { color: #d12c36;    }







.p-projekty {}


.p-projekty h2 { margin:0 auto; text-align: center;  display: inline-block; background: #fff; padding-left: 50px;  padding-right: 50px; position: absolute;  top:-75px; left:50%;    transform: translate(-50%, -0%);   font-size: 30px; font-weight: 700; color: #d12c36;   }

.p-projekty h2 b{ font-size: 60px; font-weight: 700; color: #1d214e; display: block;  }


.p-projekty .tresc { padding-left: 10px; padding-right: 10px;     }

.p-projekty .tresc.prawa { text-align: right;    }

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

.p-projekty .row.ramka .hr1 hr {    margin: 0px;margin-bottom: 70px; }

.p-projekty .row.ramka .hr2 hr{    margin: 70px 0; }


.p-projekty .tresc p {   font-size: 18px;   }

.p-projekty .tresc i{   font-size: 22px; }

.p-projekty .tresc a { color: #1d214e;  font-size: 18px;   }
.p-projekty .tresc a:hover { color: #d12c36;    }




.ul11 {  padding-left: 1rem;  }


.projekty h2 {  padding-left: 40px;  padding-right: 40px;  }

.p-projekty .tresc a {  color: #1d214e;  font-size: 18px; display:inline-block; }





.navbar-toggler {  border:2px solid rgba(0,0,0,0.3);  }
.navbar-toggler:focus {   outline: 0;  box-shadow:none;  }

    
 .navbar-toggler  { margin-left:auto;  }

 .navbar-toggler .linia { width:25px; height:2px; margin-top:5px; margin-bottom:5px; background-color:#1d214e;  display:block;  }

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




@media (max-width: 1700px) { 
.header-image  .img1  {  max-width: 500px; bottom: 0px;    } 

.header-image  .img1  img { max-width: 100%;  } 

}




@media (max-width: 1400px) { 
    .projekty .row.ramka {  padding: 120px 10px; }
    
    
    .header-image .img2 {   left: 55%;  }
        

    .header-image .div-wew h2 {     font-size: 54px;     padding-left: 10px;  line-height: 55px;  }

    .header-image .div-wew h2 {  -webkit-text-fill-color: transparent;   -webkit-text-stroke-width: 2px;  -webkit-text-stroke-color: #fff;    }
    
    .header-image .div-wew {  margin-top: 130px;  }


    
    
    
    
    
}


@media (max-width: 1200px) { 
    
    
.header-image .container {    max-width: 98%;  }
    
    .header-image .img1 {  max-width: 420px;  bottom: 0px;  text-align: right; }

    .projekty h2 {    }
    
    .header-image .img2 {    left: 65.3%;  }
    
    .header-image {   position: relative;        height: 600px; }

    .header-image .div-wew h2 {     margin-bottom: 20px; }
    
}



@media (max-width: 992px) { 
    
    .warto ul.nav li {    min-width: 50%;    max-width: 50%;  } 
    
    .header-image .img2 {  display: none; } 
    
        ul.navbar-nav {   text-align: center;    justify-content: center;  padding-top: 30px;  padding-bottom: 10px;  }
    
    nav.navbar .navbar-nav > .nav-item > .nav-link {  font-size: 24px;   }
    
    .ico a {   font-size: 24px; }
    
    .navbar-collapse  {   text-align: center;    justify-content: center;   }
    .navbar-collapse form{   text-align: center;    justify-content: center;   padding-bottom: 30px; }
    
.navbar-toggler {    padding: 0.4rem 0.75rem;    font-size: 1.25rem; }

    
    .navbar-toggler.activ{      }

  

    .navbar-toggler  .linia:nth-of-type(1)  {  transform: rotate(0deg);     top: 9px;    position: static;   transition: all 0.2s;}
    .navbar-toggler  .linia:nth-of-type(2)  { opacity:1;  transition: all 0.2s; }
    .navbar-toggler  .linia:nth-of-type(3)  {   transform: rotate(0deg);     top: 9px;    position: static;  transition: all 0.2s;}
    
    .navbar-toggler[aria-expanded="true"]  .linia:nth-of-type(1)  { transform: rotate(-45deg); top: 7px;   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: -7px;  position: relative;  transition: all 0.2s; }

    

    .projekty  .row.ramka {    padding: 100px 15px;    }

    .pomagaja  .row.ramka {    padding: 120px 15px;    }
    
    .wczym h6{  padding-left: 15px; padding-right: 15px;   }

    .skontakt h6{  padding-left: 15px; padding-right: 15px;   }

    .warto h6{  padding-left: 15px; padding-right: 15px;   }

    .pomagaja h6{  padding-left: 15px; padding-right: 15px;   }
    
    footer p { padding: 15px 0px; padding-bottom: 8px;   margin: 0; text-align: center;   }

    .projekty { text-align: center;  }
    
    .p-kontakt .tresc { text-align: center;  padding-top: 40px;  padding-bottom: 40px;  }


  .p-kontakt  .row.ramka {    padding: 120px 20px;   }
    
    .p-omnie  .h4a { margin-bottom: 0;   }
    .p-omnie  .h4b { padding-top: 40px;  margin-bottom: 0;   }
    
    .p-omnie .hk a h5 { margin-bottom: 25px; }
    
}



@media (max-width: 768px) { 
    
    .warto ul.nav li {   min-width: 100%;    max-width: 100%;  }
    
    .header-image .container {    max-width: 100%; }
    
     .header-image .pas11  { padding-left: 0; padding-right: 0;  text-align: center;  }

    .pas11  .div-wew {    background-color:rgba(0,0,0,0.7) ; width: 100%;   }
    
    .header-image .row {    height: 100%;    width: 100%;  width: 108%;  } 
    
    .header-image .container .btn1 {   padding: 15px 40px;   font-size: 18px;  }
  
    .header-image .pas11 {    align-items: end;  }
    
.header-image .div-wew h1 {   font-size: 100px;   line-height: 100px;  padding-top: 15px;  }
    

    .projekty  .row.ramka {    padding: 100px 10px; border: 2px solid #fff;  }
    .row.ramka {  border: 0px solid #1d214e;  }
        
    .wczym .box{    min-height: auto; }
    
    .p-kontakt .row.ramka {  padding: 50px 10px;    padding-bottom: 0px;  }

.p-omnie .row.ramka {  padding: 100px 10px;    padding-bottom: 100px;  }
    
    .p-omnie .row.ramka {  padding: 50px 10px;   padding-bottom: 10px; }
    
    .projekty h2 {  width: 100%;  padding-left: 5px;        padding-right: 5px; }
    
    .box021 .accordion-body  { padding-left: 10px; padding-right: 10px;  }
    
    .p-kontakt .tresc {  padding-top: 80px; }
    
}


@media (max-width: 576px) { 
    
    .p-kontakt h2 {  width: 100%; }
    .p-kontakt .tresc {       padding-top: 0px; }
    
    
    .box021 .accordion-item .accordion-button {   font-size: 20px; }
    
    .box021 .accordion-body {   font-size: 16px;  }
    
    .p-projekty .tresc { padding-left: 0px;  padding-right: 0px; text-align: left; }
    
    .projekty .row.ramka {     padding: 100px 0px; }
    
    
    .header-image .div-wew h2 {  letter-spacing: 2px; }

    .navbar-toggler { padding: 1px 6px;   font-size: 16px; }

    .navbar-toggler-icon {  display: inline-block;  width: 1.2em;  height: 1em; }

    .navbar-brand {  max-width: 70%; height: auto;  }

    nav.navbar .navbar-brand img  {  max-width: 100%;  height: auto; }



    .skontakt {  padding-top: 80px;  padding-bottom: 50px; }

    .projekty .row.ramka {  padding-bottom:10px;  margin-bottom: 40px; }

    .pomagaja .row.ramka {  padding-bottom:10px;  margin-bottom: 40px; }

    .wczym {  padding-bottom: 40px; }

    .projekty .tresc .logo2 {  display: inline-block;  width: 55px;
        height: auto;  margin-left: 0px;  margin-right: 0px;  padding: 5px; }

    .p-omnie .hk {  text-align: center;  padding-top: 15px;  padding-bottom: 15px;  }


   


    .p-omnie h2 {  padding-left: 20px;  padding-right: 20px;  width: 100%; }


    .p-omnie h2 {  font-size: 24px;  }
    .p-omnie h2 b{   font-size: 38px;  }


    .p-kontakt h2 {  font-size: 24px; }
    .p-kontakt h2 b {  font-size: 38px; }

    .p-projekty h2 {  font-size: 24px; }
    .p-projekty h2 b {  font-size: 38px; }


    .wczym h2 {   font-size: 24px; }
    .wczym h4 {  font-size: 38px; }


    .wczym .box h3 { font-size: 18px;  line-height: 26px; }

    .wczym h6 {  line-height: 24px;  font-size: 16px; }


    .pomagaja  h2 {   font-size: 24px; }
    .pomagaja  h4 {  font-size: 38px; }
    
    
.pomagaja h2 {  font-size: 24px;  }

.pomagaja h2 > b {  font-size: 38px; }
    
    .projekty h2 {  font-size: 24px;  }

.projekty h2 > b {  font-size: 38px; }

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

.navbar-toggler {  padding: 4px 6px; }


    .pomagaja h6 {  padding-left: 0px;  padding-right: 0px; }


    .warto h2 {   font-size: 24px; }
    .warto h4 {  font-size: 38px; }

    .warto h6 {  padding-left: 0px;  padding-right: 0px; }

    .warto h6 {  line-height: 24px;  font-size: 16px; }



    .skontakt h2 {   font-size: 24px; }
    .skontakt h4 {  font-size: 38px; }
    .skontakt h6 {  padding-left: 0px;  padding-right: 0px; }
    .skontakt h6 {  line-height: 24px;  font-size: 16px; }


    .skontakt .box h3 { padding-top: 0px; }
    
    
    .pomagaja  h2 b {  font-size: 38px; }


    
    
}

@media (max-width: 450px) { 

    .pomagaja h2 {    padding-left: 0px;    padding-right: 0px; font-size: 30px;  }
    
    .projekty h2 > b {    font-size: 30px;  }
    .skontakt h4 {   font-size: 30px; }
    .warto h4 {    font-size: 30px;  }
    .wczym h4 {    font-size: 30px; }
.pomagaja h2 b {    font-size: 30px; }
 .p-kontakt h2 b {  font-size: 30px;}  
    .p-omnie h2 b {  font-size: 30px;}
    
    
    
    
    }




@media (max-width: 450px) { 
.header-image .img1 {
    max-width: 100%;    text-align: right; right: 0;  }
    
    }


@media (max-width: 400px) { 
.header-image .img1 {  top: 20px;  }  
    .pas11 .div-wew {  background-color: rgba(0,0,0,0.99); }
    
}


@media (max-width: 360px) { 
.header-image .div-wew h2 {   font-size: 36px; }
    
    }