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

 
html {scroll-behavior: smooth;  }

body{ font-family: "Lato", 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;  }
  

h2 { margin: 0 auto; color:#000; font-size: 25px; font-weight: 700; letter-spacing: 5px; line-height: 1.2; position: relative; text-align: center; padding-bottom: 39px; margin-bottom: 74px; } 


h2::before{ content: "";  position: absolute;    bottom: 0px;  left: 0;  right: 0;  width: 150px;  height: 1px;  pointer-events: none;  background: #ff0000; left: 50%; transform: translateX(-50%);    }


.splide .splide__pagination { display: none; }

.splide .splide__arrow svg { fill: #fff;  height: 2.3em; width: 2.3em; }

.splide .splide__arrow {  background: transparent; height: 3em; width: 3em; }


.top {width: 100%;  padding-top: 75px; position: relative;   }

.top .top-wrap{ margin:0 auto;  display: flex;  align-items: center;   position: relative; max-width: 1500px; overflow: hidden; display: flex;  justify-content: center; background-color: #ed1c24;  border-radius: 25px; min-height: 600px; padding-top: 33px;  padding-bottom: 65px; }

.top::before{ content: "";  background-color: transparent;  position: absolute;  background-image: url(/wp-content/uploads/2025/11/pies-top.png) !important;  background-repeat: no-repeat;  background-position: right top;  pointer-events: none;   z-index: 1;  width: 1005px;  height: 677px;  top: 350px;  right: 0;  background-size: contain;  opacity: 0.99;    left: 50%; right: auto;  width: auto;  right: 0; }

 
.top .top-wrap .top-text{  margin:0 auto;  display: flex;  align-items: center;   position: relative; max-width: 1170px; width: 1170px; flex-wrap: wrap;  position: relative;  z-index: 1; }

.top .logo { padding-right: 120px; padding-left: 10px;  }
.top .logo img {  max-width: 100%; height: auto;  }

.top .licznik strong{ color:#fff; display: block; font-size: 13px; font-weight: 700; letter-spacing: -0.2px; line-height: 1.1; margin-bottom: 9px; text-align: center; }

.top .licznik .licz{ border-radius: 45px; background-color: #fff; width: 380px; max-width: 380px; font-size: 11px; color:#ed1c24; font-weight: 700; display: flex;  justify-content: center;  align-items: center;  padding: 0px 10px; padding-top: 5px;   }

.top .licznik .licz b{  font-size: 44px; color:#ed1c24; font-weight: 700;  line-height: 1.3; margin-left: 5px; margin-right: 3px;  position: relative;top:-3px; }

.top .slogan { width: 100%; max-width: 100%;  padding-top: 35px; }


.top .tekst { width: 100%; padding-top: 41px; margin-bottom: 32px; }
.top .tekst h1 { color:#fff;  font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: 4.7px;  margin-bottom: 17px;   }
.top .tekst p { color:#fff;  font-size: 16px; font-weight: 400; line-height: 19px; letter-spacing: 0px;  max-width: 630px;   }



.top .progressbar { height: 34px; width: 100%; position: relative; border:1px solid #fff; border-radius: 30px; overflow: hidden; }
.top .progressbarwhite { height: 100%; width: 11%; position: absolute; top:0; left:0; right: 0; bottom: 0; background: #fff;   }

.top .wybierz p{ font-size: 20px; font-weight: 400; color:#fff; text-align: center;  }

.top .wybierz { padding-top: 114px;  text-align: center;  position: relative;  z-index: 1; }

.top .wybierz .input-group   { width: 495px; margin-bottom: 8px;  }

.top .wybierz .input-group input { height: 120px;  font-size: 100px; background: transparent; color:#fff; text-align: center; border-radius: 20px; }

.top .wybierz .input-group input::placeholder {  color: #fff; opacity: 1; text-align: center;} 

.top .wybierz .input-group span { height: 120px;  font-size: 60px; background: transparent; color:#fff; text-align: center; border-radius: 20px; }

.top .wybierz .form-control:focus { box-shadow: 0 0 0 1px rgb(255, 255, 255); } 

.top .wybierz { font-weight: 700; }

.top .custom-select__button {font-weight: 700;  padding: 0; }


.top .wybierz .link a{  text-align: center;  color: #000;  font-size: 28px;  font-weight: 900;  letter-spacing: 0.2px;  display: inline-block;
  background-color: #fff;  border-radius: 20px;  padding: 10px 20px; }

.top .wybierz .link a:hover {  opacity: 0.9; }

.top .jest { color:#fff; text-align: center; width: 300px; margin-right: 40px; }
.top .cel{   border:1px solid #fff; border-radius: 25px; text-align: center; width: 300px; padding-top: 15px; margin-bottom: 25px;  }
.top .jest p{ font-size: 20px; font-weight: 400; line-height: 20px; letter-spacing: 0px;   }
.top .jest em{ font-size: 100px; font-weight: 700; line-height: 1; display: inline-block; font-style: normal; background-color: #fff; color:#ed1c24; box-shadow: -9px -9px 0px 0px rgba(0, 0, 0, 1); border-radius: 20px; margin-top: 25px; margin-bottom: 15px; padding: 2px 15px;}
.top .jest strong{  font-size: 40px; font-weight: 900; line-height: 1.3;  }



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

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

.section01 .section01-wrap { max-width: 1270px; margin: 0 auto;  position: relative; padding: 0; }

 

.section01 .section01-wrap  h3 { color:#0a1d39; font-size: 28px; font-weight: 500; letter-spacing: 2.2px; line-height: 1.2; margin-bottom: 30px;   }

.section01 .section01-wrap .boxy { display: flex; flex-direction: row; padding-top: 0px; flex-wrap: wrap; 
    font-size: 17px; font-weight: 700; color:#fff;  justify-content: center; }

.section01 .section01-wrap .boxy strong {  font-size: 34px; font-weight: 900;  text-transform: none; letter-spacing: 0.2px; line-height: 1.2; padding-bottom: 6px; padding-top: 1px;   display: inline-block;   font-size: 28px; }

.section01 .section01-wrap .boxy p { text-transform: uppercase; line-height: 26px; letter-spacing: 0.9px;} 

.section01 .section01-wrap .boxy .img2 { margin-bottom: 20px;   } 
.section01 .section01-wrap .boxy .img2 img{ max-width: 100%; height: auto;   }

.section01 .section01-wrap .box-wew { width: 31%; background: #ed1c24; margin: 1%; border-radius: 25px; padding: 30px 35px;  padding-bottom: 15px;  } 
.section01 .section01-wrap .box-wew:nth-child(1) { width: 64%;  }
.section01 .section01-wrap .box-wew:nth-child(4) { width: 64%;  }
.section01 .section01-wrap .box-wew:nth-child(5) { width: 64%;   }
.section01 .section01-wrap .box-wew:nth-child(5) strong { display: inline;    }
.section01 .section01-wrap .box-wew:nth-child(6) {    }

  





.section02  {width: 100%;  background-color: #fff; position: relative; padding-top: 80px; padding-bottom: 15px;  color: #0a1d39; position: relative; padding-left: 20px;   padding-right: 20px; }

.section02 .section02-wrap { max-width: 1790px; margin: 0 auto; padding: 0 0px;   border-radius: 25px; overflow: hidden; }

.section02 .section02-wrap .boxy img { max-width: 100%; height: auto; }
  
.section02 #slider1m { display: none; }



.section03  {width: 100%; background-color: #fff;  position: relative;    padding-top: 100px;    padding-bottom: 60px;  }   

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

.section03 .section03-wrap .boxy strong {  text-transform: none;} 

.section03 .section03-wrap .boxy p { text-transform: uppercase;}  

.section03 .section03-wrap .boxy img { max-width: 100%; height: auto; }  


.section03 .section03-wrap   .boxy  .ht{ background: #ccc; width: 100%; padding: 35px 70px; border-radius: 25px;  display: flex;
  height: 100%; justify-content: flex-start;   align-items: center;  padding-bottom: 25px; }

.section03 .section03-wrap   .boxy  .ht p{ text-align: left;   }
.section03 .section03-wrap   .boxy  .ht strong{ font-size: 34px;  font-weight: 900;  text-transform: none;  letter-spacing: 0.2px;
  line-height: 1.2;  padding-bottom: 20px;  padding-top: 3px;  display: inline-block;  }

.section03 .section03-wrap   .boxy  .ht em{  text-transform: uppercase;  line-height: 30px; font-size: 17px;   letter-spacing: 0.9px; font-style: normal; font-weight: 700; }

.section03 .section03-wrap   .boxy  .im{ background: #fff; width: 31%; margin: 1%; border-radius: 25px; }

.section03 .section03-wrap   .boxy  .hh1{   width: 65%; margin: 1%; display: flex;  flex-direction: column;  justify-content: space-between; }
.section03 .section03-wrap   .boxy  .hh2{    width: 65%; margin: 1%; display: flex;  flex-direction: column;  justify-content: space-between; }

.section03 .section03-wrap  .boxy .html5 {width:31%; margin:1%; background:#212121; color:#fff; position:relative; height: auto; padding-right: 30px;  }

.section03 .section03-wrap  .boxy .html5 strong{font-size:23px; text-transform:uppercase; line-height:39px; letter-spacing:0.4px; padding-top:25px;  }
.section03 .section03-wrap  .boxy .html5 em{ letter-spacing: 0;  line-height: 30px;  }


.section03 .section03-wrap   .boxy  .img1 { background-repeat: no-repeat;  background-position: center center;  background-size: cover; }
.section03 .section03-wrap   .boxy  .img2 { background-repeat: no-repeat;  background-position: center center; background-size: cover; }
.section03 .section03-wrap   .boxy  .img3 { width: 65%; margin: 1%; background: #fff; background-repeat: no-repeat;  background-position: center center; background-size: cover; }

 
.section03 .section03-wrap   .boxy  .html5::before{ content: "";  background-color: transparent;  position: absolute;  background-image: url(/wp-content/uploads/2025/11/strz9.png) !important;  background-repeat: no-repeat;  background-position: left top;  pointer-events: none;   z-index: 1;  width: 50px;  height: 50px;  top: 64px;  right:70px; background-size: contain;  opacity: 0.99; }

.section03 .section03-wrap   .boxy  .html1 { background-color: #ed1c24;  color:#fff; border:1px solid #ed1c24;  margin-bottom: 20px; }

.section03 .section03-wrap   .boxy  .html2{ background-color: #ffffff; color:#000000;  border:1px solid #000000;  }

.section03 .section03-wrap   .boxy  .html3 { background-color: #ed1c24; color:#fff;  border:1px solid #ed1c24;  margin-bottom: 20px; }
.section03 .section03-wrap   .boxy  .html4 { background-color: #ffffff; color:#000000;  border:1px solid #000000;  }


.section03 .section03-wrap .boxy {margin:0 auto; display:flex; flex-direction:row; flex-wrap:wrap; max-width:1170px; text-align:center;  max-width:1194px; }



.section04 {  width: 100%;     position: relative;  background-color: #fff; padding-top: 20px;  padding-bottom: 0px;   }

 

.section04 .section04-wrap { max-width: 1440px;  margin: 0 auto;  position: relative;  padding: 0 20px; }
        
.section04 .section04-wrap h3 { color: #fff; background-color: #ed1c24; text-align: center;  font-size: 34px;  font-weight: 700;  letter-spacing: 0.7px; 
    line-height: 1.1; padding:8px 17px;  margin-bottom: 48px; display: inline-block; border-radius: 30px; margin-top: 65px;   }

.section04 .section04-wrap .opis:first-of-type h3 { margin-top: 12px; }

.section04 .section04-wrap .opis { text-align: center; max-width: 1030px; margin:0 auto; }
.section04 .section04-wrap .opis p{ text-align: center; font-size: 17px; line-height: 30px; letter-spacing: 0.5px; font-weight: 700; margin-bottom: 30px;  }
.section04 .section04-wrap .opis strong{ font-weight: 900;  }
    





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

.section05 .section05-wrap { max-width: 100%;  margin: 0 auto;  position: relative;  padding: 0 0px; overflow: hidden; }


.section05 .one-video { width: 100%;  max-width: 100%;  background: #f2f2f2;    background-position-x: 0%;    background-position-y: 0%;
    background-repeat: repeat;   background-image: none;    background-size: auto;  border-radius: 0px;  overflow: hidden;  background-image: url(../img/loader.gif);  background-position: center center;  background-repeat: no-repeat;   background-size: 40px;    min-height: 100px;  }


.section05 .one-video  video {  height: auto;  position: relative;  width: inherit;  height: inherit;  object-fit: cover;  max-width: 100%;
  border-radius: 0px;  overflow: hidden;  display: block;}



    

.section06 {  padding-top: 90px; padding-bottom: 0px;   }
.section06 .section06-wrap {  max-width: 1070px;  margin: 0 auto;  position: relative;  padding: 0 20px;  text-align: center;   }

.section06 .section06-wrap h3 { color: #fff; background-color: #212121; text-align: center;  font-size: 34px;  font-weight: 700;  letter-spacing: 0.7px; 
    line-height: 1.1; padding:8px 17px;  margin-bottom: 90px; display: inline-block; border-radius: 30px; margin-top: 15px;   }

.section06 .section06-wrap .opis { text-align: center; padding-bottom: 70px; }
.section06 .section06-wrap .opis p{ font-size: 17px; line-height: 30px; letter-spacing: 0.5px; font-weight: 700; margin-bottom: 36px; }
.section06 .section06-wrap .opis em { font-weight: 900; font-style: normal; }




.section07  { padding-bottom: 50px; padding-left: 15px; padding-right: 15px;   }

.section07 .section07-wrap { background-color: #ed1c24;  border-radius: 25px; min-height: 500px; overflow: hidden; max-width: 1790px;
  margin: 0 auto;  padding: 0px;  border-radius: 25px;  overflow: hidden; padding-top: 60px; }

.section07 .section07-wrap h2{font-size:38px; letter-spacing:0.9px; color:#fff; margin:0 auto; text-align:center; font-weight:700; margin-bottom:0px;  }

.section07 .section07-wrap  h2::before{ display: none; }
     
.section07 .section07-wrap h3{font-size:25px; letter-spacing:0.4px; color:#fff; margin:0 auto; text-align: center; font-weight:700; margin-bottom:50px; margin-top: -20px;  }

.section07 .section07-wrap .opis{ max-width: 1030px;  margin: 0 auto;  position: relative;  padding: 38px;  text-align: left; 
    border:1px solid #fff; border-radius: 50px;  display: flex;   flex-direction: row; flex-wrap: wrap;  align-items: center;  }


.section07 .section07-wrap .opis::before{ content: "";  background-color: transparent;  position: absolute;  background-image: url(/wp-content/uploads/2025/11/znak.png) !important;  background-repeat: no-repeat;  background-position: left top;  pointer-events: none;   z-index: 1;  width: 40px;  height: 30px;  top: 32px;  left:30px; background-size: contain;  opacity: 0.99; }

.section07 .section07-wrap .opis .text2{ width: 50%; max-width: 50%;  font-size: 17px; line-height: 30px; font-weight: 400; letter-spacing: 0.6px; font-style: italic; color:#fff; padding-left: 60px; padding-right: 10px;  }

.section07 .section07-wrap .opis .img2{  width: 50%; max-width: 50%;  text-align: right; }
.section07 .section07-wrap .opis .img2 img{  max-width: 100%; height: auto; border-radius: 25px;  }




.section07  .link { text-align: center; margin-top: 85px; margin-bottom: 100px;  }
.section07  .link a{ text-align: center; color:#000; font-size: 25px; font-weight: 700; letter-spacing: 0.2px; display: inline-block; background-color: #fff; border-radius: 30px;  padding: 12px 27px; }
.section07  .link a:hover{ opacity: 0.7; }




.foot { padding-bottom: 30px; } 

.foot a{ color:#000;  } 
.foot a:hover{ opacity: 0.7; } 

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

.foot .foot-wrap .box1{ width: 50%;  display: inline-block; font-weight: 600;  font-size: 18px;   line-height: 1.6; padding-top: 20px; }
.foot .foot-wrap .box2{ width: 49%;  display: inline-block; font-weight: 600;  font-size: 16px;   text-align: right; padding-top: 20px;  }



 

.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;  }






main.pod {  position: relative; padding-top: 265px; padding-bottom: 100px; padding-top: 150px;  }
main.pod::before  {   background-color: #333;  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: #FFD900;  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;   text-align: center; }

.section-title .section-title-wrap  h1 {color: #fff;  background-color: #ed1c24;  text-align: center;  font-size: 34px;
  font-weight: 700;  letter-spacing: 0.7px;  line-height: 1.1;  padding: 8px 17px;  margin-bottom: 48px;  display: inline-block;
    border-radius: 30px;  margin-top: 65px; margin: 0 auto; }

.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: 17px;
  color: #000;  line-height: 28px;  margin-bottom: 28px;  font-weight: 400;  padding-left: 0; }

 .page-html strong{ font-weight: 500;  }
 .page-html b{  font-weight: 500; }
    
 .page-html p{ font-size: 17px;  color: #000;  line-height: 28px;  margin-bottom: 28px;  font-weight: 400;  }

 .page-html a{  color: #FFD900;  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;  }

 
.top  .cta-button {border: 0; }
    

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




@media (max-width: 1400px) {
  
    
}

    

@media (max-width: 1260px) {

  
     
}


@media (max-width: 1199px) { 
    
    
    
    .top { padding-top: 0px;  }
    
    .top .top-wrap {  border-radius: 0px; }
    
    
    
    .top .top-wrap { padding-left: 20px;   padding-right: 20px; }
    
    .section01 .section01-wrap { padding-left: 10px;  padding-right: 10px; }
    
      .section01 .section01-wrap .box-wew .text2 br{ display: none; }
        
.section01 .section01-wrap .boxy strong {  display: block; }
    
    .section03 .section03-wrap .boxy .ht { padding: 35px 40px; }
    
    .section07 .section07-wrap { padding-left: 30px;  padding-right: 30px; }
    
    
    
    
}

 @media (min-width: 991px) {
     top .custom-select__wrapper {min-width: 295px; }

}
    
 

@media (max-width: 991px) {
    
    .top::before { display: none; }
 

    .top .jest {  width: 100%; max-width: 515px;   margin-right: 0px; }
    
    .top .cel { width: 100%; max-width: 100%; }
    
    .top .wybierz {  padding-top: 50px; width: 100%; max-width: 515px; }
    .top  .wybierz-kwote{  width: 100%; max-width: 515px; }
    
    .top .slogan img{  max-width: 100%;  height: auto;  }
    
    .top .logo { padding-right:40px; }
    
    
    
 .section01 .section01-wrap .box-wew { width: 98%!important;  margin-bottom: 20px;   }
    
.section03 .section03-wrap .boxy .hh1 {   width: 98%; margin-bottom: 20px;}
.section03 .section03-wrap .boxy .hh2 {   width: 98%; margin-bottom: 20px;} 
    
    .section03 .section03-wrap .boxy .img1 { height: 360px;    width: 48%; margin-bottom: 20px;}
    .section03 .section03-wrap .boxy .img2 { height: 360px;    width: 48%; margin-bottom: 20px; }  
    
    .section03 .section03-wrap .boxy .html5 {width: 98%; margin-bottom: 20px;}
    
     .section03 .section03-wrap .boxy .img3 { height: 300px;    width: 98%; margin-bottom: 20px;}  
    
    .section03 .section03-wrap .boxy .ht br { display: none; }  

    .section03 .section03-wrap .boxy .ht strong { display: block; }
    
  .section03 .section03-wrap .boxy .html5::before { width: 30px;  height: 30px;  top: 25px;    right: 25px; }
.section03 .section03-wrap .boxy .html5 strong { padding-top: 15px; }
    
    .section04 .section04-wrap h3 { font-size: 28px; line-height: 1.2;  padding: 15px 30px;  border-radius: 50px;  }
    
    .section06 .section06-wrap h3 { font-size: 28px; line-height: 1.2;  padding: 15px 30px;  border-radius: 50px;  }
  
    .section07 .section07-wrap .opis { flex-direction: column; }

    .section07 .section07-wrap .opis .text2 {  width: 100%;     max-width: 100%; padding-left: 40px; padding-bottom: 20px; text-align: center; }
    
    .section07 .section07-wrap .opis .img2 { width: 70%;  max-width: 70%;  text-align: center;   padding-bottom: 10px; }
    
    .section07 .link { margin-top: 40px;  margin-bottom: 60px; }
    
    
    .section01 {  padding-bottom: 0px; }    
    
    .section03 {  padding-top: 55px; }
    
    .section03 { padding-bottom: 15px; }
    
    
    .section06 { padding-top: 70px; padding-bottom: 10px;  }
    
    .section06 .section06-wrap h3 {  margin-bottom: 60px; }
    
    .section06 .section06-wrap .opis { padding-bottom: 45px; }
    
    .section07 .link a { padding: 12px 11px; line-height: 1.2; }

    .section07 .section07-wrap h2 {  font-size: 30px; }
    
    .section06 .section06-wrap h3 {  margin-top: 0px; }
    
    
}



@media (max-width: 768px) { 
    
    .section02 #slider1 { display: none; }
    
    .section02 #slider1m { display: block; } 
    
    .top .licznik {width: 100%;  max-width: 515px;  padding-top: 30px; } 
    
    .top .licznik strong { text-align: left;   padding-left: 10px;  margin-bottom: 15px;  }
    
    
  .section03 .section03-wrap .boxy .img1 {  width: 98%; }
  .section03 .section03-wrap .boxy .img2 {  width: 98%; }
    
    .section07 .section07-wrap h2 span { display: block; padding-top: 10px; padding-bottom: 15px; }
    
} 

 @media (max-width: 576px) {
     
  .section03 .section03-wrap .boxy .ht {  padding: 25px 25px;  }
     
     .section07 .section07-wrap .opis::before { display: none; } 
     
     .section07 .section07-wrap .opis { padding: 30px 20px; }
     
     .section07 .section07-wrap .opis .text2 { padding-left: 0; padding-right: 0;  }

       .section07 .section07-wrap .opis .img2 { width: 100%;      max-width: 100%; }
     
     
    .top  .custom-select__button {  padding: 0 10px 0 10px; font-size: 80px;  }
     
     .top .custom-select__suffix {  font-size: 40px; }
     
     .top .custom-select__arrow-top,  .top .custom-select__arrow-down { &::after {  width: 30px; } }
     
   .foot .foot-wrap .box1 {  width: 100%;   display: block; }
  .foot .foot-wrap .box2 {  width: 100%;   display: block; text-align: left; }
     
     .section01 .section01-wrap .box-wew {  padding: 40px 25px; }
     
     
}
    
 
@media (max-width: 400px) {
    
    .section07 .link a { font-size: 20px; }
    
      .top .custom-select__button {  font-size: 55px; }
    
   .top .custom-select__suffix {  font-size: 28px; }
  
    .top .licznik .licz {  width: 100%;  max-width: 100%;  }
    
    
.top .licznik .licz b{  font-size: 30px; color:#ed1c24; font-weight: 700;  line-height: 1.4; margin-left: 5px;  position: relative;top:-3px; }
    
    
    
}
 

@media (max-width: 360px) {
    
    .section01 .section01-wrap .boxy strong {  font-size: 28px; }
    
    .section01 .section01-wrap .box-wew {    padding: 35px 25px; }
    
}
     
     
  @media (max-width: 320px) {
     .top .licznik .licz b{  font-size: 24px; }
}