body {
  color: #000;
  background-color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  font-family: "Inter", sans-serif;
}

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

.nav > li > a:hover, .nav > li > a:focus {
  background: none;
  outline: none;
}

::selection {
  color: #fff;
  background-color: #c99d64;
}

::-moz-selection {
  color: #fff;
  background-color: #c99d64;
}

input:focus, button:focus, select:focus, textarea:focus{
  outline: none;
}

input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: none;
}

h1 {
  font-family: "Inter", sans-serif;
  color: #000;
font-size: 80px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

h2 {
   font-family: "Inter", sans-serif;
   color: #000;
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

h3 {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

h4 {
  color: #000;
  font-family: "Inter", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

h5 {
   font-family: "Inter", sans-serif;
}

h6 {
   font-family: "Inter", sans-serif;
}

a {
  text-decoration: none;
  color: #080808;
}

a:hover {
  text-decoration: none;
  color: #2d2d2d;
  transition: .3s ease;
}

a:focus {
  text-decoration: none;
  outline: none;
}

a:visited {
  text-decoration: none;
  outline: none;
}

table{
  width: 100%;
}

table td, table th{
  padding: 8px 6px;
  border-bottom: 1px solid #f1f1f1;
}

table tr:hover{
background-color: #f8f8f8;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

table{
  border-collapse: collapse;
  border-spacing: 0px;
}

table th{
  font-weight: 700;
}

.zoomIt{
  position: relative;
  overflow: hidden;
  display: block;
}

.zoomIt div, .zoomIt img{
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.zoomIt:hover > div, .zoomIt:hover > img{
  transform:scale(1.1); 
  -webkit-transform:scale(1.1); 
  -moz-transform:scale(1.1); 
  -o-transform:scale(1.1); 
}

.p-top {
  padding-top: 120px;
}

.p-bottom {
  padding-bottom: 120px;
}

.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 93;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) -10.61%, rgba(250, 244, 231, 0.93) 100%);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 20vh;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 26px;
  color: #000;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #0000007a;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 60px;
}

.menu-bar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 20px;
  cursor: pointer;
  position: relative;
  z-index: 999;
  transform: scale(1.5);
}

.bar {
  width: 100%;
  height: 1px;
  transition: transform 0.3s ease-in-out;
}
.bar:nth-child(1) {
  background: linear-gradient(to right, #43BA7F, #86AE72);
}

.bar:nth-child(2) {
  background: linear-gradient(to right, #86AE72, #c99d64);
}

.bar:nth-child(3) {
  background: linear-gradient(to right, #c99d64, red);
}

.menu-open .bar:first-child {
  transform: translateY(9px) rotate(45deg);
  background-color: red;
}

.menu-open .bar:nth-child(2) {
  opacity: 0;
}

.menu-open .bar:last-child {
  transform: translateY(-9px) rotate(-45deg);
}

.bar:nth-child(2) {
  width: 40px;
  margin-left: -10px;
}

.menu, .menu ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

header .menu, header .menu ul, footer .menu, footer .menu ul {
  flex-direction: row;
}

.overlay .menu, .overlay .menu ul {
  flex-direction: column;
}

/*rwd*/
@media (max-width: 1025px) {

}
@media (max-width: 850px) {
  
}
@media (max-width: 600px) {
  .p-top {
    padding-top: 60px;
  }
  .p-bottom {
    padding-bottom: 60px;
  }
  .camp-card .wiersz{
    flex-direction: column !important;
  }
  .camp-card .pokazNr{
    margin-top: 2em;
  }
}

.topStrip p{
  color: #000;
text-align: center;
font-family: Inter;
font-size: 13px;
font-style: normal;
line-height: normal;
}

.bold{
  font-weight: 700;
}

.top-offset{
  margin-top: 60px;
}

.button-a{
  color: #000;
text-align: center;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 180%; /* 27px */
background-color: #FEC144;
border-radius: 30px 30px 30px 0px;
padding: 18px 54px;
transition: .3s ease;
text-wrap: nowrap;
}
.button-a:hover{
border-radius: 30px 30px 0px 30px;
transition: .3s ease;
font-weight: 700;
transition: .3s ease;
}
.button-b{
  color: #000;
text-align: center;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 180%; /* 27px */
background-color: #FD7E41;
border-radius: 30px 30px 30px 0px;
padding: 18px 54px;
transition: .3s ease;
text-wrap: nowrap;
}
.button-b:hover{
border-radius: 30px 30px 0px 30px;
transition: .3s ease;
font-weight: 700;
transition: .3s ease;
}
.button-c{
  color: #000;
text-align: center;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 180%; /* 27px */
background-color: #43BA7F;
border-radius: 30px 30px 30px 0px;
padding: 18px 54px;
transition: .3s ease;
text-wrap: nowrap;
}
.button-c:hover{
border-radius: 30px 30px 0px 30px;
transition: .3s ease;
font-weight: 700;
transition: .3s ease;
}

.page-id-6 .gradient {
  background: linear-gradient(to bottom, #ffffff, #F9F0DF);
}


.page-id-6 .navi {
  padding-bottom: 120px !important;
  border-bottom: none !important;
}

.navi{
  border-bottom: 2px solid #ededed;
}

.floating-img{
  top:-8%;
  right: 38%;
  z-index: -1;
}
.floating-img2{
  bottom: -8%;
  right: 18%;
  z-index: -1;
}

.row .position-relative{
  z-index: 1;
}

.orange{
  color: #F48140;
}

.color1{
  background-color: #FAEFD9;
}
.color2{
  background-color: #DDE4F4 ;
}
.color3{
  background-color: #DEEEE3;
}
.color4{
  background-color: rgba(140, 214, 255, .30);
}
.color5{
  background-color: rgba(254, 113, 112, 0.30);
}
.kafelek{
  height: 360px;
  border-radius: 30px 30px 0px 30px;
  position: relative;
}

.kafelek .gorny-podpis{
position: absolute;
top: 32px;
left: 32px;
}
.kafelek .glowny-podpis{
  position: absolute;
bottom: 32px;
left: 32px;
}
.kafelek .ikona{
  position: absolute;
top: 32px;
right: 32px;
}

.divider{
  border-bottom: 1px solid #EDEDED;
}


#menu-menu-gorne .menu-item{
	margin-right: 5em;
}

.current-menu-item{
	font-weight: 700;
}

.offers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.offer-tile {
    background-color: #fff;
    border-radius: 30px 30px 0px 30px;
    border: 2px solid #EDEDED;
    padding: 15px;
    text-align: center;
    transition: .3s ease;
}
.offer-tile:hover {
    border-radius: 30px 30px 30px 0px;
    transition: .3s ease;
}
.offer-tile:hover h4 {
    font-weight: 700;
    transition: .3s ease;
}
.offer-tile h4{
  transition: .3s ease;
}

.offer-image img {
  margin-left:1em ;
  margin-RIGHT:1em ;
  max-width: 42px;
    border-radius: 5px;
}

.offer-content {
  display: flex;
  align-items: center; /* Wyrównanie obrazka i tekstu w pionie */
  gap: 15px; /* Odstęp między obrazkiem a tekstem */
}

.offer-title {
  color: #000;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: auto;
  margin-bottom: auto;
}


.page-template-template-o-szkole
.offers-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}
.single
.offers-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.page-template-template-o-szkole .offer-tile{
  padding-top: 45px;
  padding-bottom: 45px;
}

.single .offer-tile{
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 768px) {
    .offers-grid {
        grid-template-columns: repeat(2, 1fr);
    }
   .page-template-template-o-szkole .offers-grid {
        grid-template-columns: repeat(2, 1fr);
    }
   .single .offers-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .offers-grid {
        grid-template-columns: 1fr;
    }
    .page-template-template-o-szkole .offers-grid {
        grid-template-columns: 1fr;
    }
    .single .offers-grid {
        grid-template-columns: 1fr;
    }
    .camp-card {
      padding:3em 1.6em !important;
    }
}

header .button-a:hover{
font-weight: 500;
}

.videoo{
  width: 100%;
  min-height: 450px;
}
.lightBg{
  background: linear-gradient(282deg, #FCFCF4 4.63%, #F9F0DF 95.48%);
}

.greenBg{
  background-color: #DEEEE3;
  border-radius: 30px 30px 0px 30px;

}
.blueBg{
  border-radius: 30px 30px 0px 30px;
  height: 100%;
}
.mlhBg{
  border-radius: 30px 30px 0px 30px;
  height: 100%;
}

.liczba{
  color: #000;
font-family: Inter;
font-size: 60px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

iframe{
  border-radius: 30px 30px 0px 30px;
}

.divide{
  border-bottom: 2px solid #ffffffd7;
}

footer ul li{
  list-style-type: none;
}
footer ul {
  padding-left: 0px;
  line-height: 200%; /* 27px */
}

footer p{
  margin-bottom: 0;
}

footer{
 background: linear-gradient(180deg, #FFF -10.61%, #FAF4E7 100%);
}

.disclaimer{
  color: #747474;
font-family: Inter;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 180%; /* 19.8px */
}

.sociale svg{
  margin-left: 2em;
}


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

  font-size: 64px;
  }
  h2 {
  font-size: 37px;
  }
  
  h3 {
    font-size: 37px;
  }
  
  h4 {
    font-size: 27px;
  }
  
  h5 {
     font-family: "Inter", sans-serif;
  }
  
  h6 {
     font-family: "Inter", sans-serif;
  }
}
@media (max-width: 768px){
  
.top-offset{
  margin-top: 0;
}

  h1 {

  font-size: 60px;
  }
  h2 {
  font-size: 34px;
  }
  
  h3 {
    font-size: 34px;
  }
  
  h4 {
    font-size: 24px;
  }
  
  h5 {
     font-family: "Inter", sans-serif;
  }
  
  h6 {
     font-family: "Inter", sans-serif;
  }
  p{
    font-size: 14px;
  }

  .floating-img{
   display: none;
  }
  .floating-img2{
   display: none;
  }

  .oboz{
    transform: scaleX(-1);
  }

  .image-yellowBg{
    transform: scaleX(-1);
  }

  .lightBg .container{
    padding: 0;
  }

  .video-container{
    min-height: 400px;
  }
  .menu-menu-gorne-container{
    line-height: 54px;
  }

  .page-template h1{
  font-size: 36px !important;

  }
  
  .page-template h2{
  font-size: 38px !important;
  }
  .page-template h3{
    font-size: 36px !important;
  }
  
  .page-template p{
  font-size: 15px !important;
  }
  .single h1{
  font-size: 36px !important;
  }
  
  .single h2{
  font-size: 38px !important;
  }
  .single h3{
    font-size: 36px !important;
  }
  
  .single p{
    color: #000;
  font-size: 15px;
  }

  .yellowBg{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

}

@media (min-width: 768px) {
.pokazNr{

    min-width: 230px;
}
  
}


.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: white;
  cursor: pointer;
  animation: pulse 5s infinite;
  border-radius: 50%;
  padding: 20px;
}

.play-button button {
  background: transparent;
  border: none;
  color: white;
  font-size: 50px;
  cursor: pointer;
}

@keyframes pulse {
  0% {
      transform: translate(-50%, -50%) scale(1);
  }
  50% {
      transform: translate(-50%, -50%) scale(1.1);
  }
  100% {
      transform: translate(-50%, -50%) scale(1);
  }
}

.page-template h1{
  color: #000;
text-align: center;
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.page-template h2{
  color: #000;
font-family: Inter;
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.page-template h3{
  color: #000;
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.page-template p{
  color: #000;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 30px */
}
.single h1{
  color: #000;
text-align: center;
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.single h2{
  color: #000;
font-family: Inter;
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.single h3{
  color: #000;
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.single p{
  color: #000;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 30px */
}

.slick-slide{
  padding-right: 8em;
}

.greenBg .inner-container{
  padding-left: 5em;
  padding-right: 5em;
}

.faq {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.faq .accordion {
  color: #000;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
display: flex;
justify-content: space-between;
}

.faq .accordion.active img{
  transform: rotate(180deg);
  transition: .3s ease;
}
.faq .accordion img{
  transition: .3s ease;
  height: 30px;
}
.faq .panel {
  padding: 0;
  background-color: #fff;
  color: #000;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.faq .icon {
  transition: transform 0.3s;
  float: right;
  margin-top: 5px;
}

.faq-wrapper{
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ededed;
}


.video-cover img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.play-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 3rem;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

.yellowBg{
  background: #FAEFD6;
  border-radius: 30px 30px 0px 30px;
  padding-left: 4em;
  padding-right: 4em;
}

.ikona_green{
  max-width: 180px;
  object-fit: contain;
}

.camp-card {
  position: relative;
  border-radius: 30px 30px 0px 30px;
  background-color: #FAEFD9;
  /* height: 300px; */
  padding: 3em;
  padding-bottom: 5em;
}
.camp-card svg{
  justify-content: end;
}

.camp-card h3 {
  color: #000;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  bottom: 160px;
  left: 30px;
}

.camp-card p {
  color: #000;
  font-family: Inter;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  top: 30px;
  left: 30px;
}

.camp-card .podpis{
  padding-top: 60px;
  padding-right: 6em;
}

.kontakt ul li{
  list-style: none;
}
.kontakt ul{
  padding-left: 0px;
}

.kontakt .greenBg{
  padding: 3em;

}
.kontakt .greenBg h3{
  margin-bottom: 2rem;

}
.kontakt .blueBg{
  padding: 3em;
  background:#DDE4F4 ;
  
}
.kontakt .mlhBg{
  padding: 3em;
  background:#ffe2e2 ;
  
}
.kontakt .greenBg h3{
  color: #000;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;


}
.kontakt .blueBg h3{
  color: #000;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 2rem;
}
.kontakt .mlhBg h3{
  color: #000;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 2rem;
}

.course-image img{
	max-width: 180px;
	margin-top: -50px;
}


.more-info{
  position: absolute;
  bottom: 1%;
  left: 50%;
  transform: translateX(-50%);
}