/* 📱 TABLET */
@media (max-width: 1024px) {
  .logo {
    width: 100px;
    height: 85px;
  }

  .bar {
    width: 28px;
    height: 85px;
  }

  .dot {
    width: 28px;
    height: 28px;
  }

  .loader-box {
    padding: 22px;
  }
}
/* 📱 MOBILE */
@media (max-width: 600px) {
  .logo {
    width: 70px;
    height: 60px;
  }

  .bar {
    width: 20px;
    height: 60px;
    border-radius: 0 12px 0 0;
  }

  .dot {
    width: 20px;
    height: 20px;
  }

  .loader-box {
    padding: 17px;
     border-radius: 10px;
  }
}









@media only screen and (min-width: 1600px) and (max-width:1918px) {

  :root {
    --h1: 170px;
    --hetykieta:28px;
    --B1: 205px;
  }
.cont-2{
overflow:visible;
}
.cont-2 {
  Position: relative;
  top: 0px;
  height: 600px;
  display: flex; 
 overflow:visible;
}
.cont-txt-B1 {
  position: absolute;
  right:80px;
  top:-30px;
animation: slideIn 0.8s ease-out forwards;
  
  opacity: 0;
}
.cont-txt-B2 {
  position: absolute;
  top:160px;
  left:80px;
  animation: slideIn 0.8s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}
.cont-txt-Bvideo {
  position: absolute;
  z-index: 2;

  top: 260px;
  right: 95px;

  width: 616px;
  height: 154px;

  transform: translateY(-50%);
  border-radius: var(--radiusboxa);
  overflow: hidden;

  transition: height 0.4s ease;
  
}

.cont-txt-Bvideo2 {
  position: absolute;
  z-index: 1;

  top: 260px;
  right: 95px;

  width: 616px;
  height: 154px;

  transform: translateY(-50%) scale(1);

  border-radius: var(--radiusboxa);
  overflow: visible;

  filter: blur(0px);
  opacity: 0.7;

  transition:
    height 0.4s ease,
    filter 0.4s ease,
    opacity 0.4s ease;
}


.cont-txt-Bvideo:hover {
  height: 345px;

}


.cont-txt-Bvideo:hover + .cont-txt-Bvideo2 {
  height: 345px;
  filter: blur(40px);
  transform: translateY(-50%) scale(1.3);
  opacity: 0.9;
}



.cont-txt-Bopis {
  position: absolute;
  top:480px;
  left:95px;
display: flex;
  gap: 80px;
z-index:3;
}
.cont-txt-Bopis2 {
  position: absolute;
  top:480px;
  right:95px;
z-index:3;

}


.cont-16-podpis {
  position: absolute;
  top: 115px;
  left: 30px;
  padding-right: 20px;

}

.cont-4 {
  Position: relative;
  top: 0px;
  height: 170px;

}
.cont-3-all {
  Position: absolute;
  top: 90px;

  width: 1620px;
  height: 754px;

  left:-100px;
}

  .cont-5-box {
    position: relative;
    width: 453.3px;
    height: 660px;
    background: var(--lvl3);
    gap: 20px;
    border-radius: var(--radiusboxa);
    transition: all 0.3s ease;

  

  }
  .cont-5-linia {
  display: flex;
  height: 660px;
  width:100%;

  margin:0 50px 20px 50px;
  gap: 20px; 

}
.cont-5-box-animacja-cta {
  position: relative;
  top: 270px;
  left: 160px;

}
.cont-5 {
  Position: relative;
  top: 0px;
  height: 1530px;
  
}

  .cont-5-box-wrap {

  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:100%;

}
  .cont-5-box-wyjatek {
 position: relative;
  width: 453.3px;
  height: 700px;
  background: var(--lvl2);
  gap:20px;
  border-radius: var(--radiusboxa);
}
.cont-5-box-gora {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100px;
  justify-content: center;
  text-align: center;
}

.cont-5-box-dol {
  justify-content: center;
  text-align: center;
  
  height: 490px;
  border-radius: var(--radiusgrafiki);
 
  overflow: hidden;

  padding:10px;
  transition: all 0.3s ease;
}

.box-cyfry{
  Position: relative;
  top: 70px;
}
.box-cyfry-podpis{
  Position: relative;
  top: 70px;
}

.cont-6 {
  position: relative;
  top: 0px;
  height: 1090px;
  display: none;
}
.cont-6-tab {
  position: relative;
  top: 0px;
  height: 1190px;
  display: inherit;
}


.cont-6-box-linia-el {
  position: relative;
  right:50px;
  width: 870px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl2);
  margin: 10px;
  padding: 10px;

 
  transition: transform 0.3s ease;
}
.cont-6-box-linia {
  display: flex;
  height: 100%;
 

}
.cont-6-wraper2 {
  position: absolute;
  top: 50px;
  left: 30px;
  width: 100%;
  height: 20%;

}
.cont-6-wraper {
  position: relative;
  top:0;
 
  width: 90%;
  height: 10%;
  padding:20px;
 
}
.cont-6-box-linia-wraper{
position: absolute;
  top:0;
  right:0px;
}
.cont-6-krok{
  position: absolute;
  top:0px;
  right:0;

}
.cont-6-tytul{
  position: absolute;
  top:30px;
  left:100px;

}
.cont-6-ikona {
  position: relative;
  top: -10px;
  left:-25px;
  width: 73px;
  height: 73px;
  background: var(--lvl3);
  border-radius: 400px;
 
}
.cont-6-podpis {
  position: absolute;
  top: 75px;
  padding-right: 40px;

}


 .cont-7 {
    height: 760px;
    padding-top: 90px;
    overflow:hidden;
  }

  .cont-wysrodkowanie {
    height: 380px;
  }

  .karuzela {
    padding-left: 80px;
  }

  .track {
    gap: 28px;
  }

  .panel {
    flex: 0 0 calc((100% - 28px) / 2.3);
    height: 320px;
  }

  .karuzela-numer {
    top: 25px;
    left: 40px;
  }

  .karuzela-linia {
    top: 35px;
    left: 40px;
    width: 88%;
  }

  .karuzela-text-naglowek {
    top: 75px;
    left: 40px;
  }

  .karuzela-text-podpis {
    top:15px;
    left: 260px;
    width: 55%;
    height: 190px;
  }

  .karuzela-strzalka-prawo {
    
    position: relative;

  bottom: 15px;
  left: 580px;
  height: 30px;
  width: 30px;
 
  }

.cont-12-podpis {
 
  margin-top:-200px;
  margin-left:500px;
  width:auto;
  height: auto;
  padding-right:100px;
  margin-bottom:200px;


}
.cont-12-podpis-double {
 
  margin-top:-280px;
  margin-left:500px;
  width:auto;
  height: auto;
  padding-right:100px;
  margin-bottom:280px;


}
.cont-13-project {
  Position: relative;
  margin-left: 50px;
  margin-bottom:20px;
  width:1400px;
  height:488.3px;


  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.cont-13-projectx2 {
  Position: relative;
  margin-left: 50px;
  margin-bottom:20px;
  height: 976.7px;
  width: 1400px;
  

}
.cont-16-box-linia-el {
  position: relative;
  width: 435px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl3);
  margin: 10px;
  padding: 10px;
  display: flex;
  transition: all 0.3s ease;
}


.cont-17-text-wrap {
  margin-left:50px;
  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:70%;

}
.cont-9-copyright{
  margin-top:220px;



}
.cont-15 {
  Position: relative;
  top: 0px;
  height: 500px;
  margin-top:-50px;
  margin-bottom:50px;

}
.cont-10 {
Position: relative;

  top: 70px;
  height: 550px;

 
}
.cont-2-p {
  position:absolute;
  top:40px;
  right:50px;
  

  width: 50%;
  height: 600px;
  background: var(--lvl2);
  border-radius: var(--radiusboxa);
}
}

/*==================================*/
/*==================================*/
/*==================================*/

@media only screen and (min-width: 1536px) and (max-width:1599px) {
  :root {
    --h1: 160px;
    --hetykieta:28px;
    --B1: 195px;
  }

.cont-2{
overflow:visible;
}
.cont-2 {
  Position: relative;
  top: 0px;
  height: 600px;
  display: flex; 
 overflow:visible;
}
.cont-txt-B1 {
  position: absolute;
  right:80px;
  top:-30px;
animation: slideIn 0.8s ease-out forwards;
  
  opacity: 0;
}
.cont-txt-B2 {
  position: absolute;
  top:160px;
  left:80px;
  animation: slideIn 0.8s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}
.cont-txt-Bvideo {
  position: absolute;
  z-index: 2;

  top: 255px;
  right: 95px;

  width: 596px;
  height: 154px;

  transform: translateY(-50%);
  border-radius: var(--radiusboxa);
  overflow: hidden;

  transition: height 0.4s ease;
  
}

.cont-txt-Bvideo2 {
  position: absolute;
  z-index: 1;

  top: 255px;
  right: 95px;

  width: 596px;
  height: 154px;

  transform: translateY(-50%) scale(1);

  border-radius: var(--radiusboxa);
  overflow: visible;

  filter: blur(0px);
  opacity: 0.7;

  transition:
    height 0.4s ease,
    filter 0.4s ease,
    opacity 0.4s ease;
}


.cont-txt-Bvideo:hover {
  height: 345px;

}


.cont-txt-Bvideo:hover + .cont-txt-Bvideo2 {
  height: 345px;
  filter: blur(40px);
  transform: translateY(-50%) scale(1.3);
  opacity: 0.9;
}



.cont-txt-Bopis {
  position: absolute;
  top:480px;
  left:95px;
display: flex;
  gap: 80px;
z-index:3;
}
.cont-txt-Bopis2 {
  position: absolute;
  top:480px;
  right:95px;
z-index:3;

}
.cont-2-p {
  position:absolute;
  top:40px;
  right:50px;
  

  width: 53%;
  height: 600px;
  background: var(--lvl2);
  border-radius: var(--radiusboxa);
}

.cont-4 {
  Position: relative;
  top: 0px;
  height: 170px;

}

.cont-3-all {
  Position: absolute;
  top: 90px;

  width: 1570px;
  height: 731px;

  left:-100px;
}
  .cont-5-box {
    position: relative;
    width: 430px;
    height: 630px;
    background: var(--lvl3);
    gap: 20px;
    border-radius: var(--radiusboxa);
    transition: all 0.3s ease;



  }
    .cont-5-box-wyjatek {
 position: relative;
  width: 430px;
  height: 630px;
  background: var(--lvl2);
  gap:20px;
  border-radius: var(--radiusboxa);
}
  .cont-5-box-wrap {

  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:100%;

}

.cont-5-box-gora {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100px;
  justify-content: center;
  text-align: center;
}

.cont-5-box-dol {
  justify-content: center;
  text-align: center;
  
  height: 460px;
  border-radius: var(--radiusgrafiki);
 
  overflow: hidden;

  padding:10px;
  transition: all 0.3s ease;
}
.cont-5-box-animacja-cta {
  position: relative;
  top: 280px;
  left: 170px;

}
.box-cyfry{
  Position: relative;
  top: 50px;
}
.box-cyfry-podpis{
  Position: relative;
  top: 50px;
}
.cont-5 {
  Position: relative;
  top: 0px;
  height: 1500px;
  
}
.cont-6 {
  position: relative;
  top: 0px;
  height: 1090px;
  display: none;
}
.cont-6-tab {
  position: relative;
  top: 0px;
  height: 1190px;
  display: inherit;
}


.cont-6-box-linia-el {
  position: relative;
  right:50px;
  width: 870px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl2);
  margin: 10px;
  padding: 10px;

 
  transition: transform 0.3s ease;
}
.cont-6-box-linia {
  display: flex;
  height: 100%;
 

}
.cont-6-wraper2 {
  position: absolute;
  top: 50px;
  left: 30px;
  width: 100%;
  height: 20%;

}
.cont-6-wraper {
  position: relative;
  top:0;
 
  width: 90%;
  height: 10%;
  padding:20px;
 
}
.cont-6-box-linia-wraper{
position: absolute;
  top:0;
  right:0px;
}
.cont-6-krok{
  position: absolute;
  top:0px;
  right:0;

}
.cont-6-tytul{
  position: absolute;
  top:30px;
  left:100px;

}
.cont-6-ikona {
  position: relative;
  top: -10px;
  left:-25px;
  width: 73px;
  height: 73px;
  background: var(--lvl3);
  border-radius: 400px;
 
}
.cont-6-podpis {
  position: absolute;
  top: 75px;
  padding-right: 40px;

}


 .cont-7 {
    height: 760px;
    padding-top: 90px;
    overflow:hidden;
  }

  .cont-wysrodkowanie {
    height: 380px;
  }

  .karuzela {
    padding-left: 80px;
  }

  .track {
    gap: 28px;
  }

  .panel {
    flex: 0 0 calc((100% - 28px) / 2.3);
    height: 320px;
  }

  .karuzela-numer {
    top: 25px;
    left: 37px;
  }

  .karuzela-linia {
    top: 35px;
    left: 37px;
    width: 88%;
  }

  .karuzela-text-naglowek {
    top: 75px;
    left: 37px;
  }

  .karuzela-text-podpis {
    top:15px;
    left: 240px;
    width: 55%;
    height: 190px;
  }

  .karuzela-strzalka-prawo {
    
    position: relative;

  bottom: 10px;
  left: 557px;
  height: 30px;
  width: 30px;
 
  }
.cont-12-podpis {
 
  margin-top:-200px;
  margin-left:500px;
  width:auto;
  height: auto;
  padding-right:100px;
  margin-bottom:200px;


}
.cont-12-podpis-double {
 
  margin-top:-280px;
  margin-left:500px;
  width:auto;
  height: auto;
  padding-right:100px;
  margin-bottom:280px;


}
.cont-13-project {
  Position: relative;
  margin-left: 50px;
  margin-bottom:20px;
  width:1336px;
  height:466px;


  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.cont-13-projectx2 {
  Position: relative;
  margin-left: 50px;
  margin-bottom:20px;
  height: 953px;
  width: 1336px;
  

}
.cont-16-box-linia-el {
  position: relative;
  width: 415px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl3);
  margin: 10px;
  padding: 10px;
  display: flex;
  transition: all 0.3s ease;
}


.cont-17-text-wrap {
  margin-left:50px;
  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:70%;

}
.cont-9-copyright{
  margin-top:220px;



}
.cont-15 {
  Position: relative;
  top: 0px;
  height: 500px;
  margin-top:-50px;
  margin-bottom:50px;

}
.cont-10 {
Position: relative;

  top: 70px;
  height: 550px;

 
}


}


/*==================================*/
/*==================================*/
/*==================================*/

@media only screen and (min-width: 1440px) and (max-width:1535px) {
  :root {
    --h1: 150px;
    --B1:175px;
    --h2: 55px;
    --hlink: 13px;
    --hetykieta:28px;
    --hnaglowek2: 100px;
    --hnaglowek5: 200px;

    --h3: 15px;
    --hnaglowek: 38px;
    --hetykieta:26px;
  }



.cont-2{
overflow:visible;
}
.cont-2 {
  Position: relative;
  top: 0px;
  height: 600px;
  display: flex; 
 overflow:visible;
}
.cont-txt-B1 {
  position: absolute;
  right:80px;
  top:-10px;
animation: slideIn 0.8s ease-out forwards;
  
  opacity: 0;
}
.cont-txt-B2 {
  position: absolute;
  top:140px;
  left:80px;
  animation: slideIn 0.8s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}
.cont-txt-Bvideo {
  position: absolute;
  z-index: 2;

  top: 225px;
  right: 95px;

  width: 576px;
  height: 137px;

  transform: translateY(-50%);
  border-radius: var(--radiusboxa);
  overflow: hidden;

  transition: height 0.4s ease;
  
}

.cont-txt-Bvideo2 {
  position: absolute;
  z-index: 1;

  top: 225px;
  right: 95px;

  width: 576px;
  height: 137px;

  transform: translateY(-50%) scale(1);

  border-radius: var(--radiusboxa);
  overflow: visible;

  filter: blur(0px);
  opacity: 0.7;

  transition:
    height 0.4s ease,
    filter 0.4s ease,
    opacity 0.4s ease;
}


.cont-txt-Bvideo:hover {
  height: 345px;

}


.cont-txt-Bvideo:hover + .cont-txt-Bvideo2 {
  height: 345px;
  filter: blur(40px);
  transform: translateY(-50%) scale(1.2);
  opacity: 0.9;
}



.cont-txt-Bopis {
  position: absolute;
  top:480px;
  left:95px;
display: flex;
  gap: 80px;
z-index:3;
}
.cont-txt-Bopis2 {
  position: absolute;
  top:480px;
  right:95px;
z-index:3;

}














 .cont-17-info {
  Position: relative;
  top:-10px;

}

.cont-2-l-tekst-podpis {
  Position: relative;
  top: 130px;
  z-index: 5;
}
.cont-1-fixed{
  Position: fixed;
  top: 40px;
  right:230px;
  height: 150px;
  z-index:4;

}
.cont-1-menu-EN{
  Position: absolute;
  top: 39px;
  right:100px;
  height: 150px;
  z-index:4;

}
.cont-1-logo {
  Position: relative;
  top: 45px;
  left:50px;
  height: 29px;
  width: 150px;
}
.cont-1 {
  Position: relative;
  top: 0px;
  height: 115px;
}


.cont-2-p {
  position:absolute;
  top:40px;
  right:50px;
  

  width: 52%;
  height: 560px;
  background: var(--lvl2);
  border-radius: var(--radiusboxa);
}
.cont-4 {
  Position: relative;
  top: 0px;
  height: 170px;

}

.cont-3-all {
  Position: absolute;
  top: 90px;

  width: 1400px;
  height: 652px;

  left:-100px;
}

  .cont-5-box {
    position: relative;
    width: 400px;
    height: 600px;
    background: var(--lvl3);
    gap: 20px;
    border-radius: var(--radiusboxa);
    transition: all 0.3s ease;



  }
    .cont-5-box-wyjatek {
 position: relative;
  width: 400px;
  height: 600px;
  background: var(--lvl2);
  gap:20px;
  border-radius: var(--radiusboxa);
}
  .cont-5-box-wrap {

  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:100%;

}

.cont-5-box-gora {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100px;
  justify-content: center;
  text-align: center;
}

.cont-5-box-dol {
  justify-content: center;
  text-align: center;
  
  height: 430px;
  border-radius: var(--radiusgrafiki);
 
  overflow: hidden;

  padding:10px;
  transition: all 0.3s ease;
}
.cont-box-podpis{
  position:relative;
  margin-bottom:70px;
}
.cont-5-box-animacja-cta {
  position: relative;
  top: 240px;
  left: 140px;

}
.box-cyfry{
  Position: relative;
  top: 70px;
}
.box-cyfry-podpis{
  Position: relative;
  top: 70px;
}
.cont-5 {
  Position: relative;
  top: 0px;
  height: 1420px;
  
}
.cont-6 {
  position: relative;
  top: 0px;
  height: 1090px;
  display: none;
}
.cont-6-tab {
  position: relative;
  top: 0px;
  height: 1190px;
  display: inherit;
}


.cont-6-box-linia-el {
  position: relative;
  right:50px;
  width: 790px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl2);
  margin: 10px;
  padding: 10px;

 
  transition: transform 0.3s ease;
}
.cont-6-box-linia {
  display: flex;
  height: 100%;
 

}
.cont-6-wrap {
  position: relative;
  top: 30px;
  left:50px;
}
.cont-6-wraper2 {
  position: absolute;
  top: 50px;
  left: 30px;
  width: 100%;
  height: 20%;

}
.cont-6-wraper {
  position: relative;
  top:0;
 
  width: 90%;
  height: 10%;
  padding:20px;
 
}
.cont-6-box-linia-wraper{
position: absolute;
  top:0;
  right:0px;
}
.cont-6-krok{
  position: absolute;
  top:0px;
  right:0;

}
.cont-6-tytul{
  position: absolute;
  top:30px;
  left:100px;

}
.cont-6-ikona {
  position: relative;
  top: -10px;
  left:-25px;
  width: 73px;
  height: 73px;
  background: var(--lvl3);
  border-radius: 400px;
 
}
.cont-6-podpis {
  position: absolute;
  top: 75px;
  padding-right: 40px;

}


 .cont-7 {
    height: 760px;
    padding-top: 90px;
    overflow:hidden;
  }

  .cont-wysrodkowanie {
    height: 380px;
  }

  .karuzela {
    padding-left: 80px;
  }

  .track {
    gap: 28px;
  }

  .panel {
    flex: 0 0 calc((100% - 28px) / 2.3);
    height: 320px;
  }

  .karuzela-numer {
    top: 25px;
    left: 35px;
  }

  .karuzela-linia {
    top: 35px;
    left: 35px;
    width: 88%;
  }

  .karuzela-text-naglowek {
    top: 75px;
    left: 35px;
  }

  .karuzela-text-podpis {
    top:20px;
    left: 230px;
    width: 55%;
    height: 190px;
  }

  .karuzela-strzalka-prawo {
    
    position: relative;

  bottom: 10px;
  left: 515px;
  height: 30px;
  width: 30px;
 
  }
.cont-12-podpis {
 
  margin-top:-200px;
  margin-left:500px;
  width:auto;
  height: auto;
  padding-right:100px;
  margin-bottom:200px;


}
.cont-12-podpis-double {
 
  margin-top:-280px;
  margin-left:500px;
  width:auto;
  height: auto;
  padding-right:100px;
  margin-bottom:280px;


}
.cont-13-project {
  Position: relative;
  margin-left: 50px;
  margin-bottom:20px;
  width:1240px;
  height:433px;


  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.cont-13-projectx2 {
  Position: relative;
  margin-left: 50px;
  margin-bottom:20px;
  height: 865px;
  width: 1240px;
  

}
.cont-16-box-linia-el {
  position: relative;
  width: 380px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl3);
  margin: 10px;
  padding: 10px;
  display: flex;
  transition: all 0.3s ease;
}
.cont-16 {
  position: relative;
  top: 0px;
  height: 800px;
  margin-top:100px;
}


.cont-17-text-wrap {
  margin-left:50px;
  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:90%;

}
.cont-9-copyright{
  margin-top:220px;



}
.cont-15 {
  Position: relative;
  top: 0px;
  height: 500px;
  margin-top:-50px;
  margin-bottom:50px;

}
.cont-10 {
Position: relative;

  top: 70px;
  height: 550px;

 
}
.cont-9-kontakt{
Position: absolute;
top:335px;
left:-16px;
margin-bottom: 20px;

  
}
 

}


@media only screen and (min-width: 1366px) and (max-width:1439px) {
  :root {
    --h1: 140px;
    --B1: 175px;
    --h2: 55px;
    --hlink: 13px;
    --hetykieta:28px;
    --hnaglowek2: 100px;
    --hnaglowek5: 180px;
    --hnaglowek4: 65px;

    --h3: 15px;
    --hnaglowek: 38px;
    --hetykieta:26px;

    --piecdziesiat: 30px;
  }


.cont-2{
overflow:visible;
}
.cont-2 {
  Position: relative;
  top: 0px;
  height: 530px;
  display: flex; 
 overflow:visible;
}
.cont-txt-B1 {
  position: absolute;
  right:50px;
  top:-10px;
animation: slideIn 0.8s ease-out forwards;
  
  opacity: 0;
}
.cont-txt-B2 {
  position: absolute;
  top:140px;
  left:50px;
  animation: slideIn 0.8s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}
.cont-txt-Bvideo {
  position: absolute;
  z-index: 2;

  top: 225px;
  right: 65px;

  width: 566px;
  height: 132px;

  transform: translateY(-50%);
  border-radius: var(--radiusboxa);
  overflow: hidden;

  transition: height 0.4s ease;
  
}

.cont-txt-Bvideo2 {
  position: absolute;
  z-index: 1;

  top: 225px;
  right: 65px;

  width: 566px;
  height: 132px;

  transform: translateY(-50%) scale(1);

  border-radius: var(--radiusboxa);
  overflow: visible;

  filter: blur(0px);
  opacity: 0.7;

  transition:
    height 0.4s ease,
    filter 0.4s ease,
    opacity 0.4s ease;
}


.cont-txt-Bvideo:hover {
  height: 315px;

}


.cont-txt-Bvideo:hover + .cont-txt-Bvideo2 {
  height: 315px;
  filter: blur(40px);
  transform: translateY(-50%) scale(1.2);
  opacity: 0.9;
}



.cont-txt-Bopis {
  position: absolute;
  top:420px;
  left:60px;
display: flex;
  gap: 80px;
z-index:3;
}
.cont-txt-Bopis2 {
  position: absolute;
  top:420px;
  right:65px;
z-index:3;

}



.cont-1-fixed{
  Position: fixed;
  top: 40px;
  right:170px;
  height: 150px;
  z-index:4;

}
.cont-1-menu-EN{
  Position: absolute;
  top: 39px;
  right:60px;
  height: 150px;
  z-index:4;

}
.cont-1-logo {
  Position: relative;
  top: 45px;
  left:30px;
  height: 29px;
  width: 150px;
}
.cont-1 {
  Position: relative;
  top: 0px;
  height: 115px;
}

.cont-2-l {
  Position: absolute;
  top:0px;
  left:60px;

  width: auto;
  height: 720px;
 
}
.cont-2-p {
  position:absolute;
  top:40px;
  right:30px;
  

  width: 54%;
  height: 560px;
  background: var(--lvl2);
  border-radius: var(--radiusboxa);
}
.cont-4 {
  Position: relative;
  top: 0px;
  height: 170px;

}

.cont-3-all {
  Position: absolute;
  top: 90px;

  width: 1300px;
  height: 605px;

  left:-100px;
}

  .cont-5-box {
    position: relative;
    width: 402px;
    height: 570px;
    background: var(--lvl3);
    gap: 20px;
    border-radius: var(--radiusboxa);
    transition: all 0.3s ease;



  }
    .cont-5-box-wyjatek {
 position: relative;
  width: 402px;
  height: 570px;
  background: var(--lvl2);
  gap:20px;
  border-radius: var(--radiusboxa);
}
  .cont-5-box-wrap {

  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:100%;

}

.cont-5-box-gora {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100px;
  justify-content: center;
  text-align: center;
}

.cont-5-box-dol {
  justify-content: center;
  text-align: center;
  
  height: 400px;
  border-radius: var(--radiusgrafiki);
 
  overflow: hidden;

  padding:10px;
  transition: all 0.3s ease;
}
.cont-box-podpis{
  position:relative;
  margin-bottom:70px;
}
.cont-5-box-animacja-cta {
  position: relative;
  top: 240px;
  left: 130px;

}
.cont-5-linia {
  display: flex;
  height: 100%;
  width:100%;

  margin:0 30px 20px 30px;
  gap: 20px; 
}
.box-cyfry{
  Position: relative;
  top: 70px;
}
.box-cyfry-podpis{
  Position: relative;
  top: 70px;
}
.cont-5 {
  Position: relative;
  top: 0px;
  height: 1370px;
  
}
.cont-6 {
  position: relative;
  top: 0px;
  height: 1040px;
  display: none;
}
.cont-6-tab {
  position: relative;
  top: 0px;
  height: 1190px;
  display: inherit;
}


.cont-6-box-linia-el {
  position: relative;
  right:30px;
  width: 710px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl2);
  margin: 10px;
  padding: 10px;

 
  transition: transform 0.3s ease;
}
.cont-6-box-linia {
  display: flex;
  height: 100%;
 

}
.cont-6-wrap {
  position: relative;
  top: 30px;
  left:20px;
}
.cont-6-wskazniki {
  position: absolute;
  left: 30px;
  top: 450px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  z-index: 10;
}
.cont-6-wraper2 {
  position: absolute;
  top: 50px;
  left: 30px;
  width: 100%;
  height: 20%;

}
.cont-6-wraper {
  position: relative;
  top:0;
 
  width: 90%;
  height: 10%;
  padding:20px;
 
}
.cont-6-box-linia-wraper{
position: absolute;
  top:0;
  right:0px;
}
.cont-6-krok{
  position: absolute;
  top:0px;
  right:0;

}
.cont-6-tytul{
  position: absolute;
  top:30px;
  left:100px;

}
.cont-6-ikona {
  position: relative;
  top: -10px;
  left:-25px;
  width: 73px;
  height: 73px;
  background: var(--lvl3);
  border-radius: 400px;
 
}
.cont-6-podpis {
  position: absolute;
  top: 75px;
  padding-right: 60px;

}


 .cont-7 {
    height: 720px;
    padding-top: 90px;
    overflow:hidden;
  }
  .cont-8 {
  Position: relative;
  top: 230px;
  height: 700px;

}
.cont-8-wraper {
  Position: relative;
  top:70px;


}

  .cont-wysrodkowanie {
    height: auto;
  }

  .karuzela {
    padding-top:100px;
    padding-left: 50px;
  }

  .track {
    gap: 28px;
  }

  .panel {
    flex: 0 0 calc((100% - 28px) / 2.3);
    height: 320px;
  }


  .karuzela-numer {
    top: 25px;
    left: 35px;
  }

  .karuzela-linia {
    top: 35px;
    left: 35px;
    width: 88%;
  }

  .karuzela-text-naglowek {
    top: 75px;
    left: 35px;
  }

  .karuzela-text-podpis {
    top:20px;
    left: 230px;
    width: 55%;
    height: 190px;
  }

  .karuzela-strzalka-prawo {
    
    position: relative;

  bottom: 10px;
  left: 490px;
  height: 30px;
  width: 30px;
 
  }
.cont-12-podpis {
 
  margin-top:-180px;
  margin-left:400px;
  width:auto;
  height: auto;
  padding-right:60px;
  margin-bottom:160px;


}
.cont-12-podpis-double {
 
  margin-top:-250px;
  margin-left:400px;
  width:auto;
  height: auto;
  padding-right:100px;
  margin-bottom:250px;


}
.cont-12-info {
  Position: relative;
  left:25px;
  height:auto;
  
}
.cont-13-project {
  Position: relative;
  margin-left: 30px;
  margin-bottom:20px;
  width:1246px;
  height:434.6px;


  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.cont-13-projectx2 {
  Position: relative;
  margin-left: 30px;
  margin-bottom:20px;
  height: 869.3px;
  width: 1246px;
  

}
.cont-14 {
  Position: relative;
  
  top: 0px;
  height: 70px;
  margin-bottom:150px;
  padding:0 30px 0 30px;
  
}
.cont-16-box-linia-el {
  position: relative;
  width: 340px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl3);
  margin: 10px;
  padding: 10px;
  display: flex;
  transition: all 0.3s ease;
}
.cont-16 {
  position: relative;
  top: 0px;
  height: 800px;
  margin-top:100px;
}
.cont-16-text-wrap {
  margin-left:30px;
  padding-top: 80px;
  padding-bottom: 60px;
  height: 100%;
  width:50%;

}
.cont-16-box-wrap {
  margin-top:50px;
  margin-right:20px;
  height: 100%;
  width:100%;

}

.cont-17-text-wrap {
  margin-left:30px;
  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:90%;

}
.cont-9-copyright{
  margin-top:220px;



}
.cont-9-prawa {
  position: absolute;
  top:20px;
  right:60px;

  display: flex;
  flex-direction: column;
  align-items: flex-end;

}
.cont-15 {
  Position: relative;
  top: 0px;
  height: auto;
  margin-top:-50px;
  margin-bottom:50px;

}
.cont-10 {
Position: relative;

  top: 70px;
  height: 520px;

 
}
.cont-11 {
  Position: relative;
  top: 0px;
  margin-bottom:100px;


}
.cont-9-kontakt{
Position: absolute;
top:355px;
left:-16px;
margin-bottom: 20px;

  
}
 .cont-fifteen-form-wrap{
  height:auto;
  width: 1200px;
margin-right: 30px !important;
padding:50px;
background:var(--lvl2);
border-radius: var(--radiusboxa);

}
.cont-17-info {
  Position: relative;
  top:-10px;

}
}

/*==================================*/
/*==================================*/
/*==================================*/



@media only screen and (min-width: 1360px) and (max-width:1365px) {
  :root {
    --h1: 140px;
    --B1: 175px;
    --h2: 55px;
    --hlink: 13px;
    --hetykieta:28px;
    --hnaglowek2: 100px;
    --hnaglowek5: 180px;
    --hnaglowek4: 65px;

    --h3: 15px;
    --hnaglowek: 38px;
    --hetykieta:26px;

    --piecdziesiat: 30px;
  }



.cont-2{
overflow:visible;
}
.cont-2 {
  Position: relative;
  top: 0px;
  height: 530px;
  display: flex; 
 overflow:visible;
}
.cont-txt-B1 {
  position: absolute;
  right:50px;
  top:-10px;
animation: slideIn 0.8s ease-out forwards;
  
  opacity: 0;
}
.cont-txt-B2 {
  position: absolute;
  top:140px;
  left:50px;
  animation: slideIn 0.8s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}
.cont-txt-Bvideo {
  position: absolute;
  z-index: 2;

  top: 225px;
  right: 65px;

  width: 556px;
  height: 132px;

  transform: translateY(-50%);
  border-radius: var(--radiusboxa);
  overflow: hidden;

  transition: height 0.4s ease;
  
}

.cont-txt-Bvideo2 {
  position: absolute;
  z-index: 1;

  top: 225px;
  right: 65px;

  width: 556px;
  height: 132px;

  transform: translateY(-50%) scale(1);

  border-radius: var(--radiusboxa);
  overflow: visible;

  filter: blur(0px);
  opacity: 0.7;

  transition:
    height 0.4s ease,
    filter 0.4s ease,
    opacity 0.4s ease;
}


.cont-txt-Bvideo:hover {
  height: 315px;

}


.cont-txt-Bvideo:hover + .cont-txt-Bvideo2 {
  height: 315px;
  filter: blur(40px);
  transform: translateY(-50%) scale(1.2);
  opacity: 0.9;
}



.cont-txt-Bopis {
  position: absolute;
  top:420px;
  left:60px;
display: flex;
  gap: 80px;
z-index:3;
}
.cont-txt-Bopis2 {
  position: absolute;
  top:420px;
  right:65px;
z-index:3;

}



.cont-1-fixed{
  Position: fixed;
  top: 40px;
  right:170px;
  height: 150px;
  z-index:4;

}
.cont-1-menu-EN{
  Position: absolute;
  top: 39px;
  right:60px;
  height: 150px;
  z-index:4;

}
.cont-1-logo {
  Position: relative;
  top: 45px;
  left:30px;
  height: 29px;
  width: 150px;
}
.cont-1 {
  Position: relative;
  top: 0px;
  height: 115px;
}

.cont-2-l {
  Position: absolute;
  top:0px;
  left:60px;

  width: auto;
  height: 720px;
 
}
.cont-2-p {
  position:absolute;
  top:40px;
  right:30px;
  

  width: 54%;
  height: 560px;
  background: var(--lvl2);
  border-radius: var(--radiusboxa);
}
.cont-4 {
  Position: relative;
  top: 0px;
  height: 170px;

}

.cont-3-all {
  Position: absolute;
  top: 90px;

  width: 1300px;
  height: 605px;

  left:-100px;
}

  .cont-5-box {
    position: relative;
    width: 402px;
    height: 570px;
    background: var(--lvl3);
    gap: 20px;
    border-radius: var(--radiusboxa);
    transition: all 0.3s ease;



  }
    .cont-5-box-wyjatek {
 position: relative;
  width: 402px;
  height: 570px;
  background: var(--lvl2);
  gap:20px;
  border-radius: var(--radiusboxa);
}
  .cont-5-box-wrap {

  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:100%;

}

.cont-5-box-gora {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100px;
  justify-content: center;
  text-align: center;
}

.cont-5-box-dol {
  justify-content: center;
  text-align: center;
  
  height: 400px;
  border-radius: var(--radiusgrafiki);
 
  overflow: hidden;

  padding:10px;
  transition: all 0.3s ease;
}
.cont-box-podpis{
  position:relative;
  margin-bottom:70px;
}
.cont-5-box-animacja-cta {
  position: relative;
  top: 240px;
  left: 130px;

}
.cont-5-linia {
  display: flex;
  height: 100%;
  width:100%;

  margin:0 30px 20px 30px;
  gap: 20px; 
}
.box-cyfry{
  Position: relative;
  top: 70px;
}
.box-cyfry-podpis{
  Position: relative;
  top: 70px;
}
.cont-5 {
  Position: relative;
  top: 0px;
  height: 1370px;
  
}
.cont-6 {
  position: relative;
  top: 0px;
  height: 1040px;
  display: none;
}
.cont-6-tab {
  position: relative;
  top: 0px;
  height: 1190px;
  display: inherit;
}


.cont-6-box-linia-el {
  position: relative;
  right:30px;
  width: 710px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl2);
  margin: 10px;
  padding: 10px;

 
  transition: transform 0.3s ease;
}
.cont-6-box-linia {
  display: flex;
  height: 100%;
 

}
.cont-6-wrap {
  position: relative;
  top: 30px;
  left:20px;
}
.cont-6-wskazniki {
  position: absolute;
  left: 30px;
  top: 450px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  z-index: 10;
}
.cont-6-wraper2 {
  position: absolute;
  top: 50px;
  left: 30px;
  width: 100%;
  height: 20%;

}
.cont-6-wraper {
  position: relative;
  top:0;
 
  width: 90%;
  height: 10%;
  padding:20px;
 
}
.cont-6-box-linia-wraper{
position: absolute;
  top:0;
  right:0px;
}
.cont-6-krok{
  position: absolute;
  top:0px;
  right:0;

}
.cont-6-tytul{
  position: absolute;
  top:30px;
  left:100px;

}
.cont-6-ikona {
  position: relative;
  top: -10px;
  left:-25px;
  width: 73px;
  height: 73px;
  background: var(--lvl3);
  border-radius: 400px;
 
}
.cont-6-podpis {
  position: absolute;
  top: 75px;
  padding-right: 60px;

}


 .cont-7 {
    height: 720px;
    padding-top: 90px;
    overflow:hidden;
  }
  .cont-8 {
  Position: relative;
  top: 230px;
  height: 700px;

}
.cont-8-wraper {
  Position: relative;
  top:70px;


}

  .cont-wysrodkowanie {
    height: auto;
  }

  .karuzela {
    padding-top:100px;
    padding-left: 50px;
  }

  .track {
    gap: 28px;
  }

  .panel {
    flex: 0 0 calc((100% - 28px) / 2.3);
    height: 320px;
  }


  .karuzela-numer {
    top: 25px;
    left: 35px;
  }

  .karuzela-linia {
    top: 35px;
    left: 35px;
    width: 88%;
  }

  .karuzela-text-naglowek {
    top: 75px;
    left: 35px;
  }

  .karuzela-text-podpis {
    top:20px;
    left: 230px;
    width: 55%;
    height: 190px;
  }

  .karuzela-strzalka-prawo {
    
    position: relative;

  bottom: 10px;
  left: 490px;
  height: 30px;
  width: 30px;
 
  }
.cont-12-podpis {
 
  margin-top:-190px;
  margin-left:400px;
  width:auto;
  height: auto;
  padding-right:60px;
  margin-bottom:160px;


}
.cont-12-podpis-double {
 
  margin-top:-250px;
  margin-left:400px;
  width:auto;
  height: auto;
  padding-right:100px;
  margin-bottom:250px;


}
.cont-12-info {
  Position: relative;
  left:25px;
  height:auto;
  
}
.cont-13-project {
  Position: relative;
  margin-left: 30px;
  margin-bottom:20px;
  width:1246px;
  height:434.6px;


  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.cont-13-projectx2 {
  Position: relative;
  margin-left: 30px;
  margin-bottom:20px;
  height: 869.3px;
  width: 1246px;
  

}
.cont-14 {
  Position: relative;
  
  top: 0px;
  height: 70px;
  margin-bottom:150px;
  padding:0 30px 0 30px;
  
}
.cont-16-box-linia-el {
  position: relative;
  width: 340px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl3);
  margin: 10px;
  padding: 10px;
  display: flex;
  transition: all 0.3s ease;
}
.cont-16 {
  position: relative;
  top: 0px;
  height: 800px;
  margin-top:100px;
}
.cont-16-text-wrap {
  margin-left:30px;
  padding-top: 80px;
  padding-bottom: 60px;
  height: 100%;
  width:50%;

}
.cont-16-box-wrap {
  margin-top:50px;
  margin-right:20px;
  height: 100%;
  width:100%;

}

.cont-17-text-wrap {
  margin-left:30px;
  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:90%;

}
.cont-9-copyright{
  margin-top:220px;



}
.cont-9-prawa {
  position: absolute;
  top:20px;
  right:60px;

  display: flex;
  flex-direction: column;
  align-items: flex-end;

}
.cont-15 {
  Position: relative;
  top: 0px;
  height: auto;
  margin-top:-50px;
  margin-bottom:50px;

}
.cont-10 {
Position: relative;

  top: 70px;
  height: 520px;

 
}
.cont-11 {
  Position: relative;
  top: 0px;
  margin-bottom:100px;


}
.cont-9-kontakt{
Position: absolute;
top:355px;
left:-16px;
margin-bottom: 20px;

  
}
.cont-fifteen-form-wrap{
  height:auto;
  width: 1200px;
margin-right: 30px !important;
padding:50px;
background:var(--lvl2);
border-radius: var(--radiusboxa);

}
 .cont-17-info {
  Position: relative;
  top:-10px;

}

}


/*==================================*/
/*==================================*/
/*==================================*/
@media only screen and (min-width: 1280px) and (max-width:1359px) {
  :root {
    --h1: 140px;
    --B1: 160px;
    --h2: 55px;
    --hlink: 13px;
    --hetykieta:28px;
    --hnaglowek2: 100px;
    --hnaglowek5: 180px;
    --hnaglowek4: 65px;

    --h3: 15px;
    --hnaglowek: 38px;
    --hetykieta:26px;

    --piecdziesiat: 30px;
  }



.cont-2{
overflow:visible;
}
.cont-2 {
  Position: relative;
  top: 0px;
  height: 530px;
  display: flex; 
 overflow:visible;
}
.cont-txt-B1 {
  position: absolute;
  right:50px;
  top:-10px;
animation: slideIn 0.8s ease-out forwards;
  
  opacity: 0;
}
.cont-txt-B2 {
  position: absolute;
  top:140px;
  left:50px;
  animation: slideIn 0.8s ease-out forwards;
  animation-delay: 0.2s;
  opacity: 0;
}
.cont-txt-Bvideo {
  position: absolute;
  z-index: 2;

  top: 217px;
  right: 65px;

  width: 536px;
  height: 124px;

  transform: translateY(-50%);
  border-radius: var(--radiusboxa);
  overflow: hidden;

  transition: height 0.4s ease;
  
}

.cont-txt-Bvideo2 {
  position: absolute;
  z-index: 1;

  top: 217px;
  right: 65px;

  width: 536px;
  height: 124px;

  transform: translateY(-50%) scale(1);

  border-radius: var(--radiusboxa);
  overflow: visible;

  filter: blur(0px);
  opacity: 0.7;

  transition:
    height 0.4s ease,
    filter 0.4s ease,
    opacity 0.4s ease;
}


.cont-txt-Bvideo:hover {
  height: 300px;

}


.cont-txt-Bvideo:hover + .cont-txt-Bvideo2 {
  height: 300px;
  filter: blur(40px);
  transform: translateY(-50%) scale(1.2);
  opacity: 0.9;
}



.cont-txt-Bopis {
  position: absolute;
  top:420px;
  left:60px;
display: flex;
  gap: 80px;
z-index:3;
}
.cont-txt-Bopis2 {
  position: absolute;
  top:420px;
  right:65px;
z-index:3;

}
  

.cont-17-info {
  Position: relative;
  top:-10px;

}
.cont-2-l-tekst-podpis {
  Position: relative;
  top: 140px;
  z-index: 5;
}


.cont-1-fixed{
  Position: fixed;
  top: 40px;
  right:170px;
  height: 150px;
  z-index:4;

}
.cont-1-menu-EN{
  Position: absolute;
  top: 39px;
  right:60px;
  height: 150px;
  z-index:4;

}
.cont-1-logo {
  Position: relative;
  top: 45px;
  left:30px;
  height: 28px;
  width: 145px;
}
.cont-1 {
  Position: relative;
  top: 0px;
  height: 115px;
}

.cont-2-l {
  Position: absolute;
  top:0px;
  left:60px;

  width: auto;
  height: 720px;
 
}
.cont-2-p {
  position:absolute;
  top:40px;
  right:30px;
  

  width: 54%;
  height: 530px;
  background: var(--lvl2);
  border-radius: var(--radiusboxa);
}
.cont-4 {
  Position: relative;
  top: 0px;
  height: 170px;

}

.cont-3-all {
  Position: absolute;
  top: 90px;

  width: 1300px;
  height: 605px;

  left:-100px;
}

  .cont-5-box {
    position: relative;
    width: 373px;
    height: 560px;
    background: var(--lvl3);
    gap: 20px;
    border-radius: var(--radiusboxa);
    transition: all 0.3s ease;



  }
    .cont-5-box-wyjatek {
 position: relative;
  width: 373px;
  height: 560px;
  background: var(--lvl2);
  gap:20px;
  border-radius: var(--radiusboxa);
}
  .cont-5-box-wrap {

  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:100%;

}

.cont-5-box-gora {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100px;
  justify-content: center;
  text-align: center;
}

.cont-5-box-dol {
  justify-content: center;
  text-align: center;
  
  height: 390px;
  border-radius: var(--radiusgrafiki);
 
  overflow: hidden;

  padding:10px;
  transition: all 0.3s ease;
}
.cont-box-podpis{
  position:relative;
  margin-bottom:70px;
}
.cont-5-box-animacja-cta {
  position: relative;
  top: 240px;
  left: 130px;

}
.cont-5-linia {
  display: flex;
  height: 100%;
  width:100%;

  margin:0 30px 20px 30px;
  gap: 20px; 
}
.cont-5-box-strzalka {
  padding-top: var(--padding-strzalka);
  height: 37px;
  width: 37px;
}
.box-cyfry{
  Position: relative;
  top: 50px;
}
.box-cyfry-podpis{
  Position: relative;
  top: 50px;
}
.cont-5 {
  Position: relative;
  top: 0px;
  height: 1350px;
  
}
.cont-6 {
  position: relative;
  top: 0px;
  height: 840px;
  display: none;
}
.cont-6-tab {
  position: relative;
  top: 0px;
  height: 1190px;
  display: inherit;
}


.cont-6-box-linia-el {
  position: relative;
  right:30px;
  width: 710px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl2);
  margin: 10px;
  padding: 10px;

 
  transition: transform 0.3s ease;
}
.cont-6-box-linia {
  display: flex;
  height: 100%;
 

}
.cont-6-wrap {
  position: relative;
  top: 30px;
  left:20px;
}
.cont-6-wskazniki {
  position: absolute;
  left: 30px;
  top: 450px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  z-index: 10;
}
.cont-6-wraper2 {
  position: absolute;
  top: 50px;
  left: 30px;
  width: 100%;
  height: 20%;

}
.cont-6-wraper {
  position: relative;
  top:0;
 
  width: 90%;
  height: 10%;
  padding:20px;
 
}
.cont-6-box-linia-wraper{
position: absolute;
  top:0;
  right:0px;
}
.cont-6-krok{
  position: absolute;
  top:0px;
  right:0;

}
.cont-6-tytul{
  position: absolute;
  top:30px;
  left:100px;

}
.cont-6-ikona {
  position: relative;
  top: -10px;
  left:-25px;
  width: 73px;
  height: 73px;
  background: var(--lvl3);
  border-radius: 400px;
 
}
.cont-6-podpis {
  position: absolute;
  top: 75px;
  padding-right: 60px;

}


 .cont-7 {
    height: 720px;
    padding-top: 90px;
    overflow:hidden;
  }
  .cont-8 {
  Position: relative;
  top: 230px;
  height: 700px;

}
.cont-8-wraper {
  Position: relative;
  top:70px;


}

.cont-12-strzalka {

  padding-top: 80px;

  height: 37px;
  width: 37px;
}
.cont-12-info {
  Position: relative;
  left:25px;
  height:auto;
  
}
.cont-12-podpis {
 
  margin-top:-180px;
  margin-left:400px;
  width:auto;
  height: auto;
  padding-right:60px;
  margin-bottom:160px;


}
.cont-12-podpis-double {
 
  margin-top:-240px;
  margin-left:400px;
  width:auto;
  height: auto;
  padding-right:100px;
  margin-bottom:240px;


}

  .cont-wysrodkowanie {
    height: auto;
  }

  .karuzela {
    padding-top:100px;
    padding-left: 50px;
  }

  .track {
    gap: 28px;
  }

  .panel {
    flex: 0 0 calc((100% - 28px) / 2.3);
    height: 320px;
  }


  .karuzela-numer {
    top: 25px;
    left: 30px;
  }

  .karuzela-linia {
    top: 35px;
    left: 30px;
    width: 88%;
  }

  .karuzela-text-naglowek {
    top: 75px;
    left: 30px;
  }

  .karuzela-text-podpis {
    top:20px;
    left: 205px;
    width: 55%;
    height: 200px;
  }

  .karuzela-strzalka-prawo {
    
    position: relative;

  bottom: 10px;
  left: 460px;
  height: 30px;
  width: 30px;
 
  }

.cont-13-project {
  Position: relative;
  margin-left: 30px;
  margin-bottom:20px;
  width:1160px;
  height:404.6px;


  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.cont-13-projectx2 {
  Position: relative;
  margin-left: 30px;
  margin-bottom:20px;
  height: 809.3px;
  width: 1160px;
  

}
.cont-14 {
  Position: relative;
  
  top: 0px;
  height: 70px;
  margin-bottom:150px;
  padding:0 30px 0 30px;
  
}
.cont-16-box-linia-el {
  position: relative;
  width: 340px;
  height: auto;
  border-radius: var(--radiusboxa);
  background: var(--lvl3);
  margin: 10px;
  padding: 10px;
  display: flex;
  transition: all 0.3s ease;
}
.cont-16 {
  position: relative;
  top: 0px;
  height: 800px;
  margin-top:100px;
}
.cont-16-text-wrap {
  margin-left:30px;
  padding-top: 80px;
  padding-bottom: 60px;
  height: 100%;
  width:50%;

}
.cont-16-box-wrap {
  margin-top:50px;
  margin-right:20px;
  height: 100%;
  width:100%;

}

.cont-17-text-wrap {
  margin-left:30px;
  padding-top: 40px;
  padding-bottom: 60px;
  height: 100%;
  width:90%;

}
.cont-9-copyright{
  margin-top:220px;



}
.cont-9-prawa {
  position: absolute;
  top:20px;
  right:60px;

  display: flex;
  flex-direction: column;
  align-items: flex-end;

}
.cont-15 {
  Position: relative;
  top: 0px;
  height: auto;
  margin-top:-50px;
  margin-bottom:50px;

}
.cont-10 {
Position: relative;

  top: 70px;
  height: 520px;

 
}
.cont-11 {
  Position: relative;
  top: 0px;
  margin-bottom:100px;


}
.cont-9-kontakt{
Position: absolute;
top:355px;
left:-16px;
margin-bottom: 20px;

  
}
.cont-fifteen-form-wrap{
  height:auto;
  width: 1200px;
margin-right: 30px !important;
padding:50px;
background:var(--lvl2);
border-radius: var(--radiusboxa);

}

.cont-fifteen-form {


  width: 100%;

background:var(--lvl2);

}
 

}

/*==================================*/
/*==================================*/
/*==================================*/