body {
	position: relative;
	background-color: #fff
}

*,
*::before,
*::after{box-sizing:border-box;}

body{
margin:0;
}

.layout>.content-wrapper{
	position:relative;
}


/* --- CONTENT TOP  --------------------------- */

.block-wrapper {
		position: relative;
}


@media (max-width: 1024px){
	.path-frontpage .top-content {
		padding: 0px;
	}
	.path-frontpage .region-content-top {
		position: relative;
		padding: 50px;
	}
	.path-frontpage .region-content-top::before {
		content:'';
		position:absolute;
		top:-10px;
		left:30%;  
		width: 70%;
		height: calc(100% + 100px);
		background:var(--grey-bg);
		z-index:-5;
	}
	
 	#block-marathon-zespol {
 		padding: 30px 30% 0px 0;
	}
	.kwadrat.pierwszy {
	 	content: '';
		display: block;
		position: absolute;
		background: var(--grey-ornam);
		width: 216px;
		height: 216px;
	 	right: -108px;
		bottom: 0;
		opacity: 0.21;
		z-index: 2;
	}
	.kwadrat.drugi {
		content: '';
		display: block;
		position: absolute;
		background: var(--grey-ornam);
		width: 215px;
		height: 215px;
		right: -162px;
		bottom: -54px;
		opacity: 0.14;
		z-index: 2;
	}
	.kwadrat.trzeci {
		content:'';
		position:absolute;
		right: -54px;
	  bottom: -108px;
		opacity:.28;
		z-index:3;
		background:var(--grey-ornam);
		width:215px;
		height:215px;
	}
	.kwadrat.czwarty {
		content:'';
		position:absolute;
		right: 0; 
	  bottom: 0;
		background:var(--brand-red);
		width: 54px;
		height: 54px;
		z-index: 4;
	}
}

@media (max-width: 768px){
	 .path-frontpage .region-content-top {
    padding: 40px;
  }
  	#block-marathon-zespol {
 		padding: 30px 22% 0px 0;
	}
   .kwadrat.pierwszy {
		width: 160px;
		height: 160px;
	 	right: -80px;
	}
	.kwadrat.drugi {
		width: 160px;
		height: 160px;
		right: -120px;
		bottom: -40px;
	}
	.kwadrat.trzeci {
		right: -40px;
	  bottom: -80px;
		width:160px;
		height:160px;
	}
	.kwadrat.czwarty {
		right: 0; 
	  bottom: 0;
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 599px){
	 .path-frontpage .region-content-top::before {
		top:-10px;
	}
	.path-frontpage .region-content-top {
    padding: 20px;
  }
  .kwadrat.pierwszy {
		width: 120px;
		height: 120px;
	 	right: -60px;
	}
	.kwadrat.drugi {
		width: 120px;
		height: 120px;
		right: -90px;
		bottom: -30px;
	}
	.kwadrat.trzeci {
		right: -30px;
	  bottom: -60px;
		width:120px;
		height:120px;
	}
	.kwadrat.czwarty {
		right: 0; 
	  bottom: 0;
		width: 30px;
		height: 30px;
	}
}
@media (max-width: 480px){
	 .path-frontpage .region-content-top::before {
		        height: calc(100% + 120px);
	}
	.path-frontpage .region-content-top {
    padding: 20px;
	}
}

@media (min-width: 1025px){

	.path-frontpage .top-content {
		padding:  0px 0 90px 0;
	}

	.path-frontpage .region-content-top {
		position:relative;
		display:grid;
		grid-template-columns:repeat(12,1fr);
		gap:60px;
		
	}
	.path-frontpage .region-content-top::before {
		content:'';
		position:absolute;
		top:-100px;
		left:30%;  
		width: 70%;
		height: calc(100% + 160px);
		background:var(--grey-bg);
		z-index:-5;
	}

	 #block-marathon-headerhome {
    grid-column: 1 / span 6;
    position: relative;
    padding: 25px 20px 20px 40px;
  }
	#block-marathon-headerhome  p a {
		color: var(--brand-red);
		position: relative;
		display: inline-block;
		padding: 24px 0 0 15px;
	}
	#block-marathon-headerhome p a::before {
		content:'';
		position:absolute;
		bottom: -1px;
		left:0;
		width:47px;
		height:47px;
		z-index: -1;
		background:var(--grey-rect);
	}

	#block-marathon-zespol {
		grid-column:7 / span 6;
	}
	#block-marathon-zespol img {
		max-width:100%;
		height:auto;
		display:block;
	}
	.kwadrat.pierwszy {
	 	content: '';
		display: block;
		position: absolute;
		background: var(--grey-ornam);
		width: 160px;
		height: 160px;
	 	left: -80px;
		bottom: 0;
		opacity: 0.21;
		z-index: 2;
	}
	.kwadrat.drugi {
		content: '';
		display: block;
		position: absolute;
		background: var(--grey-ornam);
		width: 160px;
		height: 160px;
		left: -120px;
		bottom: -40px;
		opacity: 0.14;
		z-index: 2;
	}
	.kwadrat.trzeci {
		content:'';
		position:absolute;
		left: -40px;
	  bottom: -80px;
		opacity:.28;
		z-index:3;
		background:var(--grey-ornam);
		width:160px;
		height:160px;
	}
	.kwadrat.czwarty {
		content:'';
		position:absolute;
		left: 0;
	  bottom: 0;
		background:var(--brand-red);
		width: 40px;
		height: 40px;
		z-index: 4;
	}
}

@media (min-width: 1200px){
	.path-frontpage .region-content-top::before {
		height: calc(100% + 100px);
	}
	#block-marathon-headerhome {
    grid-column: 1 / span 6;
    position: relative;
    padding: 65px 50px 20px 70px;
  }
	

}

@media (min-width: 1321px){
	.path-frontpage .region-content-top::before {
		height: calc(100% + 100px);
	}
	#block-marathon-headerhome {
    grid-column: 1 / span 6;
    position: relative;
    padding: 120px 100px 20px 100px;
  }
  .kwadrat.pierwszy {
		width: 216px;
		height: 216px;
	 	left: -108px;
		bottom: 0;
	}
	.kwadrat.drugi {
		width: 215px;
		height: 215px;
		left: -162px;
		bottom: -54px;
	}
	.kwadrat.trzeci {
		left: -54px;
	  bottom: -108px;
		width:215px;
		height:215px;
	}
	.kwadrat.czwarty {
		left: 0;
	  bottom: 0;
		width: 54px;
		height: 54px;
	}
}


.path-frontpage .region-content {
	padding: 0px 0 40px 0;
	position:relative;
}

.path-frontpage #block-marathon-content {
  padding: 45px 30px 0 30px;

}
.path-frontpage article p {
	padding: 0 0 0 30px;
}

@media (max-width:1199px) {
	.path-frontpage #block-marathon-galeriahome {
		display: none;
	}
}

@media (min-width: 481px) {
	.path-frontpage #block-marathon-content {
	  padding: 20px 30px 0 30px;
	}
}


@media (min-width: 600px) {
	.path-frontpage #block-marathon-content {
	  padding: 10px 30px 0 35px;
	}
	.path-frontpage article p {
		padding: 0 0 0 50px;
	}
}

@media (min-width: 768px) {
	.path-frontpage .region-content {
		padding: 0px 0 20px 0;
	}
	.path-frontpage #block-marathon-content {
	  padding: 0 50px 0 50px;
	}
	.path-frontpage article p {
		padding: 0 0 0 40px;
	}
}

@media (min-width: 1025px) {
	.path-frontpage .region-content {
		padding: 0px 0 40px 0;
	}
	.path-frontpage #block-marathon-content {
	  padding: 0 60px 0 60px;
    display: block;
	}
	.path-frontpage #block-marathon-content  .paragraph--type--tekstowy {
    padding: 0px 20px 50px 60px;
  }
	.path-frontpage article p {
		padding: 0 0 0 100px;
	}
}

@media (min-width: 1200px) {
	.path-frontpage .region-content {
		display: flex;
	  gap: 40px; /* Adjust spacing between gallery and content */
	  align-items: flex-start;
		padding: 0px 0 60px 0;
		position:relative;
	}
	 .path-frontpage #block-marathon-galeriahome {
    flex-shrink: 0;
    padding-top: 80px;
  }
	.path-frontpage #block-marathon-galeriahome > div {
		position: relative;
	}
	.path-frontpage #block-marathon-galeriahome > div:after {
		content:'';
		position:absolute;
		bottom: -60px;
		right:-60px;  
		height: 100%;
		width: calc(100% + 60px);
		background:var(--grey-bg);
		z-index:-5;
	}
	.path-frontpage .paragraph--type--galeria-zdjec > div {
		  display: grid;
	  grid-template-columns: repeat(2, 220px); /* 2 columns, natural image width */
	  grid-template-rows: repeat(2, 271px);    /* 2 rows, natural image height */
	  gap: 5px; /* No gaps for tightly joined images */
	}
	.path-frontpage #block-marathon-galeriahome .paragraph > div > div  {
	  overflow: hidden; /* Ensure clean edges */
	}
	.path-frontpage #block-marathon-galeriahome img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover; /* Ensures images fill their containers properly */
	  display: block;
	}
.path-frontpage #block-marathon-content .paragraph--type--tekstowy {
    padding: 0px 0px 50px 30px;
  }
	.path-frontpage #block-marathon-content {
	  flex: 1; /* Takes remaining space */
	  padding: 30px 60px 0 50px;
	  display: unset;
	}
	.path-frontpage article p {
		padding: 0 0 0 50px;
	}

}

@media (min-width: 1321px) {
	 .path-frontpage #block-marathon-galeriahome {
    flex-shrink: 0;
    padding-top: 80px;
  }
	  .path-frontpage #block-marathon-content {
    flex: 1;
    padding: 50px 70px 0 70px;
    display: unset;
  }
  .path-frontpage #block-marathon-content .paragraph--type--tekstowy {
    padding: 0px 20px 50px 60px;
  }
}

@media (min-width: 1400px) {
	 .path-frontpage #block-marathon-content {
    padding: 90px 70px 0 70px;
  }
	.path-frontpage .paragraph--type--galeria-zdjec > div {
		display: grid;
	  grid-template-columns: repeat(2, 291px); /* 2 columns, natural image width */
	  grid-template-rows: repeat(2, 359px);    /* 2 rows, natural image height */
	  gap: 5px; /* No gaps for tightly joined images */
	}
}
@media (min-width: 1600px) {
	 .path-frontpage #block-marathon-content {
    padding: 90px 110px 30px 120px;
  }
}

#block-marathon-stats {
	padding: 20px 40px 40px 40px;
}

#block-marathon-stats > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 4 equal columns on desktop */
  column-gap: 10px;
  row-gap: 30px;
  padding: 0 0 0 0px;
  width: 100%;
}
#block-marathon-stats > div > div  {
  display: flex;
  justify-content: center;
}
.paragraph--type--statystyki {
  text-align: left;
  padding: 55px 15px 20px 30px;
  width: 100%;
  position: relative;
}
.paragraph--type--statystyki:before {
	content:'';
	position:absolute;
	top: 0;
	left:0;
	width: 110px;
	height: 110px;
	z-index: -1;
	background:var(--grey-bg);
}

@media (min-width: 600px) {
	#block-marathon-stats {
		padding: 20px 60px 40px 60px;
	}
}



@media (min-width: 768px) {
	#block-marathon-stats > div {
	  column-gap: 10px;
  	row-gap: 50px;
	  padding: 0;
	}
	.paragraph--type--statystyki {
  text-align: left;
  padding: 75px 20px 20px 40px;
  width: 100%;
  max-width: 280px;
  position: relative;
}
	.paragraph--type--statystyki:before {
		top: 0;
		left:0;
		width: 170px;
		height: 170px;
	}
}
@media (min-width: 992px) {

	 #block-marathon-stats {
    padding: 20px 0px 40px 0px;
  }
	#block-marathon-stats > div {
	  grid-template-columns: repeat(4, 1fr); /* 4 equal columns on desktop */
	  column-gap: 10px;
  	row-gap: 30px;
	}
	.paragraph--type--statystyki {
	  padding: 75px 20px 20px 40px;
	  max-width: 280px;
	}
	.paragraph--type--statystyki:before {
		top: 0;
		left:0;
		width: 160px;
		height: 160px;
	}
}
@media (min-width: 1200px) {
	.paragraph--type--statystyki:before {
		width: 180px;
		height: 180px;
	}
	#block-marathon-stats {
    padding: 20px 0px 80px 0px;
  }
}

@media (min-width: 1400px) {
	#block-marathon-stats {
    padding: 20px 0px 110px 0px;
  }
}

@media (min-width: 1600px) {
	#block-marathon-stats > div {
		width: 1300px;
		margin: 0 auto;
	}
}



#block-marathon-obszaryeksperckie {
	padding: 0px 0 80px 0;
}
#block-marathon-obszaryeksperckie > div {
	background-color: var(--grey-bg);
}
#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst {
	padding: 50px 0px 40px 0;
}
#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst h2 {
	padding: 0px 20px 25px 0;
}
#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst ul {
	padding: 0 0 0 40px;
}
#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst li {
	list-style-type: none;
	position: relative;
	padding: 6px 0 4px 28px;
}
#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst li:before {
	position: absolute;
	left: 0;
	top: 12px;
  width: 12px;
  height: 12px;
	content: "";
	display: block;
	background-color: var(--red-list);
}
#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-obraz {
}

@media (min-width: 768px) {
	#block-marathon-obszaryeksperckie {
		padding: 0px 0 120px 0;
	}
	#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst {
		grid-column:1 / span 6;
		padding: 40px 40px 40px 0;
	}
	#block-marathon-obszaryeksperckie .path-frontpage .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-obraz {
		grid-column: 7 / span 6;
	}
	#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst h2 {
	  padding: 0px 30px 25px 0;
	}
	#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst ul {
    padding: 0 0 0 40px;
  }
}

@media (min-width: 992px) {
	#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy {
		display: grid;
	  grid-template-columns: repeat(12, 1fr); 
	}
	#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst {
		grid-column: 1 / span 6;
		padding: 55px 20px 30px 0;
	}
	#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-obraz {
		grid-column: 7 / span 6;
	}
}




@media (min-width: 1025px) {
	#block-marathon-obszaryeksperckie {
		padding: 0px 0 190px 0;
	}
.path-frontpage #block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst h2 {
	  padding: 0px 30px 25px 0;
	}
	 .path-frontpage #block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst ul {
    padding: 0 0 0 40px;
  }
   .path-frontpage  #block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst {
    grid-column: 1 / span 6;
    padding: 55px 30px 30px 25px;
  }

}






@media (min-width: 1200px) {
#block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst li:before {
	left: 0;
	top: 16px;
}
.path-frontpage  #block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst {
    grid-column: 1 / span 6;
    padding: 80px 30px 30px 50px;
  }
}

@media (min-width: 1600px) {
  .path-frontpage #block-marathon-obszaryeksperckie .paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst {
    grid-column: 1 / span 6;
    padding: 90px 30px 30px 70px;
  }
}




#block-marathon-logotypy {  /* ZAUFALI NAM */
	padding: 0px 0 50px 0;
}
#block-marathon-logotypy h2 {
	position: relative;
}
#block-marathon-logotypy h2::before {
	content:'';
	position:absolute;
	bottom: 2px;
	left:0;
	width: 100px;
  height: 100px;
	z-index: -1;
	background:var(--grey-bg);
}
#block-marathon-logotypy .paragraph--type--karuzela {
	padding: 70px 0 0px 0;
}
#block-marathon-logotypy .slick__slide {
	margin-left: 15px;
	margin-right: 15px;
}

.paragraph--type--karuzela nav.slick__arrow {
  position: absolute;
  z-index: 2;
  top: unset;
  bottom: -60px;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  transform: translateY(-50%);
  pointer-events: none;
}
.paragraph--type--karuzela  .slick-arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: auto;
  border: 0;
  border-radius: 50%;
  font-size: 0;
}
.slick-prev {
  left: 0px;
}
.slick-next {
  right: unset;
  left: 60px;
}

.slick-arrow::before {
	width: 40px;
	height: 40px;
	display: block;
	content: "";
	 background: url(../images/arrow-karuzela.jpg) 0 0 repeat;
	 background-size: contain;
   
}
.slick-prev::before {
	 transform: rotate(180deg);
}
.slick-next::before {

}

@media (min-width: 768px) {
.paragraph--type--karuzela  .slick-arrow {
  position: absolute;
  width: 55px;
  height: 55px;
 }
 .slick-arrow::before {
	width: 55px;
	height: 55px;
}
}

@media (min-width: 1025px) {
	#block-marathon-logotypy h2::before {
		content:'';
		position:absolute;
		bottom: -15px;
		left:0;
		width: 180px;
    height: 180px;
		z-index: -1;
		background:var(--grey-bg);
	}
}

/* ----------------- FOOTER --------------------- */

.footer-wrapper {
	padding: 160px 0 20px 0;
}

@media (max-width: 1024px){
	.region-footer {
		 position: relative;
	}
	#block-marathon-copyrights {
		 
	}
	.block-copy-wrapper {
		position: relative;
	}
	.block-ornament-wrapper {
		padding: 0 0 0 0px;
	 
	}
	.footer-wrapper .prosto.pierwszy {
		display: block;
		width: 100%;
		height: 42px;
		background: var(--grey-ornam);
		opacity: 0.21;
	}
	.prosto-wrapper {
		padding: 0 0 0 0px;
		width: 100%;
		height: 0;
		position: relative;
	}
	.footer-wrapper .prosto.drugi {
		display: block;
		position: absolute;
		background: var(--grey-ornam);
		width: 84px;
	  height: 84px;
	  right: 0;
	  bottom: 0;
		opacity: 0.14;
		z-index: 2;
	}
	.footer-wrapper .prosto.trzeci {
		display: none;
	}
	.footer-wrapper .prosto.czwarty {
		position:absolute;
		right: 42px;
	  bottom: 0;
		background:var(--brand-red);
		width: 42px;
		height: 42px;
		z-index: 4;
	}
	.block-copy-content {
		padding: 10px 0 0 20px;
	}
	.block-copy-content p {
		padding: 0 0 0px 0;
	}
	
}

@media (min-width: 768px){

}

@media (min-width: 1025px){
	.footer-wrapper {
		padding: 200px 0 0 0;
	}
	.region-footer {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
	}
	#block-marathon-copyrights {
		grid-column: 1 / span 10;
	}
	.block-copy-wrapper {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
	}
	.block-ornament-wrapper {
		padding: 0 0 0 0px;
		grid-column:1 / span 6;
	}
	.prosto.pierwszy {
		display: block;
		width: 100%;
		height: 42px;
		background: var(--grey-ornam);
		opacity: 0.21;
	}
	.prosto-wrapper {
		padding: 0 0 0 0px;
		width: 100%;
		height: 0;
		position: relative;
	}
	.prosto.drugi {
		display: block;
		position: absolute;
		background: var(--grey-ornam);
		width: 168px;
	  height: 84px;
	  right: -126px;
	  bottom: 0;
		opacity: 0.14;
		z-index: 2;
	}
	.prosto.trzeci {
		position:absolute;
		right: -42px;
	  bottom: 0px;
	  opacity: .28;
	  z-index: 3;
	  background: var(--grey-ornam);
	  width: 168px;
	  height: 126px;
	}
	.prosto.czwarty {
		position:absolute;
		right: 42px;
	  bottom: 0;
		background:var(--brand-red);
		width: 42px;
		height: 42px;
		z-index: 4;
	}
	.block-copy-content {
		grid-column:7 / span 6;
		padding: 0 0 0 160px;
	}
	.block-copy-content p {
		padding: 0 0 0px 0;
	}
	#block-marathon-politykaprywatnosci {
		grid-column: 11 / span 2;
		padding: 0 30px 0px 0;
	}
}






/* ----------------- PODSTRONY  ---------------  NODE PAGE ---------------- */

@media (max-width: 659px){
	#block-marathon-content .page-naglowek {
	   position: relative;
	}

	.naglowek-lewe {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		padding: 20px;
		background-color: rgba(68, 68, 68, 0.4);
	}
	.naglowek-lewe h1 {
	  margin-bottom: 0; /* Remove default margin to keep them close */
	  padding-bottom: 10px;
	}
	.naglowek-lewe .text {
	  margin-top: 0; /* Remove default margin to keep them close */
	}

	.naglowek-prawe {
		width: 100%;
		height: auto;
	}
}
@media (min-width: 660px){
	#block-marathon-content .page-naglowek {
	  display: grid;
	  grid-template-columns: repeat(12, 1fr);  
	  gap: 20px;
	  padding: 0 0 0 30px;
	  background-color: var(--grey-bg);
	}
	.naglowek-lewe {
		grid-column:1 / span 4;
		display: flex;
	  flex-direction: column;
	  justify-content: flex-end;
	  height: 100%; /* or whatever height you want the container to have */
	  padding: 0 10px 25px 20px;
	}
	.naglowek-lewe h1 {
	  margin-bottom: 0; /* Remove default margin to keep them close */
	  padding-bottom: 10px;
	}
	.naglowek-lewe .text {
	  margin-top: 0; /* Remove default margin to keep them close */
	}

	.naglowek-prawe {
		grid-column:5 / span 8;
	}

}

@media (min-width: 768px){
	#block-marathon-content .page-naglowek {
	  padding: 0 0 0 60px;
	}
	.naglowek-lewe {
	  padding: 0 10px 35px 20px;
	}
}
@media (min-width: 1025px){
	#block-marathon-content .page-naglowek {
	  padding: 0 0 0 80px;
	}
	.naglowek-lewe {
	  padding: 0 10px 50px 20px;
	}
}
@media (min-width: 1200px){
	#block-marathon-content .page-naglowek {
	  padding: 0 0 0 110px;
	}
	.naglowek-lewe {
	  padding: 0 10px 60px 20px;
	}
}
@media (min-width: 1321px){
	#block-marathon-content .page-naglowek {
	  padding: 0 0 0 110px;
	}
	.naglowek-lewe {
	  padding: 0 10px 60px 20px;
	}
}
@media (min-width: 1600px){
	#block-marathon-content .page-naglowek {
	  padding: 0 0 0 150px;
	}
	.naglowek-lewe {
	  padding: 0 10px 80px 20px;
	}
}




/* ------------- PODSTRONY - NODE PAGE - SEKCJE - PARAGRAFY ---------- */

.page-sekcje {
	padding: 0px 0;
}


.paragraph--type--tekstowy {
	 padding-top: 20px;
	 padding-bottom: 20px;
}
.paragraph--type--blok-tytul-tekst  {
	 padding-top: 0px;
	 padding-bottom: 15px;
}
.paragraph--type--blok-tytul-tekst .akapit-blok-tytul {
	position: relative;
	padding: 60px 0 5px 70px;
}
.paragraph--type--blok-tytul-tekst .akapit-blok-tytul::before {
	content: "";
	display: block;
	position: absolute;
	width: 42px; 
	height: 42px;
	left: 0;
	bottom: 5px;
	background-color: var(--brand-red);
	z-index: -1;
}
.paragraph--type--blok-tytul-tekst .akapit-blok-tytul::after {
	content: "";
	display: block;
	position: absolute;
	width: 115px; 
	height: 84px;
	left: 0;
	bottom: 5px;
	background-color: var(--grey-bg);
	z-index: -2;
}
.paragraph--type--blok-tytul-tekst .akapit-blok-tekst {
	padding: 25px 0 10px 0;
}
.page-sekcje .paragraph--type--karuzela,
#block-marathon-logotypy .paragraph--type--karuzela {
		padding: 40px 40px 0px 40px;
}
.page-sekcje .paragraph--type--karuzela .slick__slide,
#block-marathon-logotypy .slick__slide {
	margin-left: 25px;
	margin-right: 25px;
}
.paragraph--type--blok-z-obrazkiem .paragraph-fields-background,
.paragraph--type--blok-tekst-obrazek-lewy .paragraph-fields-background,
.paragraph--type--blok-tekst-obrazek-prawy .paragraph-fields-background {
	background-color: var(--grey-bg);
}
.paragraph--type--blok-tekst-obrazek-prawy,
.paragraph--type--blok-tekst-obrazek-lewy {
		padding: 15px 0;
}




.paragraph--type--blok-z-obrazkiem .akapit-blok-tytul.z-obrazkiem {
	position: relative;
	padding: 95px 20px 10px 80px;
}

.paragraph--type--blok-z-obrazkiem .prosto-wrapper {
	width: 100%;
	height: 0;
	padding: 0 0 0 0px;
	position: relative;
}
.paragraph--type--blok-z-obrazkiem .prosto.drugi {
	display: block;
	position: absolute;
	background: var(--grey-ornam);
	width: 168px;
  height: 84px;
  left: 20px;
  bottom: 0;
	opacity: 0.14;
	z-index: 2;
}
.paragraph--type--blok-z-obrazkiem .prosto.trzeci {
	position:absolute;
	left: 0px;
  bottom: 0px;
  opacity: .28;
  z-index: 3;
  background: var(--grey-ornam);
  width: 126px;
  height: 126px;
}
.paragraph--type--blok-z-obrazkiem .prosto.czwarty {
	position:absolute;
	left: 20px;
  bottom: 0;
	background:var(--brand-red);
	width: 42px;
	height: 42px;
	z-index: 4;
}
.paragraph--type--blok-z-obrazkiem .akapit-blok-tekst,
.paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst,
.paragraph--type--blok-tekst-obrazek-lewy .akapit-blok-tekst {
	padding: 25px 15px 30px 15px;
}






@media (min-width: 660px){
	.paragraph--type--tekstowy  {
		padding: 30px 40px 20px 40px;
	}
	.paragraph--type--blok-tytul-tekst {
	 	padding: 0px 40px 15px 40px;
	}
	.paragraph--type--blok-tytul-tekst .akapit-blok-tekst {
		padding: 25px 0 15px 0;
	}
	.page-sekcje .paragraph--type--karuzela,
	#block-marathon-logotypy .paragraph--type--karuzela {
		padding: 30px 40px 0px 40px;
	}
	.paragraph--type--blok-tekst-obrazek-prawy,
	.paragraph--type--blok-tekst-obrazek-lewy {
			padding: 20px 0;
	}
	.paragraph--type--blok-z-obrazkiem .akapit-blok-tytul.z-obrazkiem {
		padding: 125px 20px 5px 160px;
	}
	.paragraph--type--blok-tytul-tekst .akapit-blok-tytul {
		padding: 65px 0 3px 70px;
	}
}


@media (min-width: 768px){
	.paragraph--type--tekstowy {
		 padding: 50px 20px 40px 20px;
	}
	.paragraph--type--blok-tytul-tekst {
	 	padding: 0px 20px 10px 20px;
	}
	.paragraph--type--blok-tytul-tekst .akapit-blok-tekst {
		padding: 25px 0 20px 0;
	}
	.page-sekcje .paragraph--type--karuzela,
	#block-marathon-logotypy .paragraph--type--karuzela {
		padding: 60px 50px 0px 50px;
	}
	.paragraph--type--blok-tekst-obrazek-prawy,
	.paragraph--type--blok-tekst-obrazek-lewy {
			padding: 25px 0;
	}
	.paragraph--type--blok-tytul-tekst .akapit-blok-tytul {
		padding: 95px 0 3px 70px;
	}

	.path-frontpage .paragraph--type--blok-tekst-obrazek-prawy {
		padding: 0;
	}

	.paragraph--type--blok-z-obrazkiem  {
		padding:  0px 0 0px 0
	}
	.paragraph--type--blok-z-obrazkiem .paragraph-fields-wrapper,
	.paragraph--type--blok-tekst-obrazek-lewy .paragraph-fields-wrapper,
	.paragraph--type--blok-tekst-obrazek-prawy .paragraph-fields-wrapper {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
	}
	.paragraph--type--blok-z-obrazkiem .akapit-blok-tekst,
	.paragraph--type--blok-tekst-obrazek-lewy .akapit-blok-tekst  {
		padding: 20px 20px 20px 20px;
	}
	.paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst {
		padding: 20px 20px 20px 20px;
	}

	.paragraph--type--blok-tekst-obrazek-lewy .akapit-blok-obraz {
		grid-column:1 / span 5;
	}
	.paragraph--type--blok-tekst-obrazek-lewy .akapit-blok-tekst {
		grid-column:6 / span 7;
		display: flex;
	  flex-direction: column;
	  justify-content: center;
	  height: 100%;
	}
	.paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst {
		grid-column:1 / span 7;
		display: flex;
	  flex-direction: column;
	  justify-content: center;
	  height: 100%;
	}
	.paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-obraz {
		grid-column:8 / span 5;
	}
	
	
	
	

	.paragraph--type--blok-z-obrazkiem .akapit-blok-obraz {
		grid-column:1 / span 5;
	}
	.paragraph--type--blok-z-obrazkiem .akapit-blok-tekst {
		grid-column:6 / span 7;
	}

	.paragraph--type--blok-z-obrazkiem .prosto.drugi {
		width: 168px;
	  height: 84px;
	  left: 42px;
	}
	.paragraph--type--blok-z-obrazkiem .prosto.trzeci {
		left: 0px;
	  bottom: 0px;
	  width: 126px;
	  height: 126px;
	}
	.paragraph--type--blok-z-obrazkiem .prosto.czwarty {
		left: 42px;
	  bottom: 0;
		width: 42px;
		height: 42px;
	}

	

	
}


@media (min-width: 1025px){
	.paragraph--type--tekstowy {
		 padding: 50px 20px 50px 20px;
	}
	.paragraph--type--blok-tytul-tekst {
	 	padding: 0px 20px 50px 20px;
	}
	.paragraph--type--blok-tytul-tekst .akapit-blok-tekst {
		padding: 25px 0 30px 0;
	}
	.page-sekcje .paragraph--type--karuzela,
	#block-marathon-logotypy .paragraph--type--karuzela {
		padding: 60px 60px 0px 60px;
	}
	.paragraph--type--blok-tekst-obrazek-prawy,
	.paragraph--type--blok-tekst-obrazek-lewy {
			padding: 30px 0;
	}
	.paragraph--type--blok-z-obrazkiem .akapit-blok-tekst,
	.paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst,
	.paragraph--type--blok-tekst-obrazek-lewy .akapit-blok-tekst {
		padding: 50px;
	}
	
}

@media (min-width: 1321px){
	.paragraph--type--blok-z-obrazkiem .akapit-blok-tekst,
	.paragraph--type--blok-tekst-obrazek-prawy .akapit-blok-tekst,
	.paragraph--type--blok-tekst-obrazek-lewy .akapit-blok-tekst {
		padding: 60px;
	}
}


.node-1 .paragraph--type--tekstowy ul.kafelkiikonki {
	

}
.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li {
	display: block;
	position: relative;
	width: 100%;
	height: 80px;
	margin: 0 auto;
	margin-bottom: 15px;
	background-color: #dedede;
}
.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li::before {
	content: "";
	display: block;
	position: absolute;
	width: 62px; 
	height: 62px;
}
.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li  {
	text-align: left;
	padding: 33px  0 0 100px;
}
.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li::before {
	left: 0;
	right: unset;
	top: 0;
	bottom: unset;
}
.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(1)::before {
	background-image: url(../images/icon-proaktywnosc.png);
}
.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(2)::before {
	background-image: url(../images/icon-szacunek.png);
}
.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(3)::before {
	background-image: url(../images/icon-partnerstwo.png);
}
.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(4)::before {
	background-image: url(../images/icon-odpowiedzialnosc.png);
}

@media (min-width: 660px){
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li {
		display: block;
		position: relative;
		width: 80%;
	}
}

@media (min-width: 768px){
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki {
		display: grid;
		gap: 16px;
		grid-template-columns: 1fr 1fr;
		width: 640px;
		margin: 0 auto;
	}
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li {
		display: block;
		position: relative;
		width: 306px;
		height: 80px;
		margin-bottom: 0;
	}
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(1),
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(3)  {
		text-align: right;
		padding: 33px 100px 0 0;
	}
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(2),
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(4)  {
		text-align: left;
		padding: 33px  0 0 100px;
	}
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(1)::before {
		right: 0;
		bottom: 0;
		top: unset;
		left: unset;
	}
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(3)::before {
		right: 0;
		top: 0;
		bottom: unset;
		left: unset;
	}
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(2)::before {
		left: 0;
		right: unset;
		bottom: 0;
		top: unset;
	}
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li:nth-child(4)::before {
		left: 0;
		right: unset;
		top: 0;
		bottom: unset;
	}
}

@media (min-width: 1025px){
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki {
		width: 810px;
	}
	.node-1 .paragraph--type--tekstowy ul.kafelkiikonki  li {
		width: 390px;
		height: 80px;
	}

}


ul.slick-dots {
	text-align: left;
	bottom: unset;
	top: -60px;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
   vertical-align: top;
}
.slick-dots li button::before {
display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: ' ';
  background-color: var(--brand-red);
}


#block-marathon-opinie {
	padding-top: 80px;
}

fieldset.slajder-tekstowy-naglowek .fieldset-wrapper {
	padding: 0 0 0 30px;
}
.slajder-tekstowy-naglowek {
	padding: 0 0 0 30px;
}
.paragraph--type--slajder-tekstowy  .slajder-tekstowy-tytul {
	padding: 0 0 30px 0;
}
.paragraph--type--slajder-tekstowy .slajder-tekstowy-naglowek > .abel,
.paragraph--type--slajder-tekstowy .slajder-tekstowy-naglowek legend {
	padding: 15px 0  5px 0;
}

@media (min-width: 660px){
	#block-marathon-opinie {
		padding: 80px 40px 20px 40px;
	}
}
@media (min-width: 768px){
	#block-marathon-opinie {
		padding: 80px 20px 20px 20px;
	}
}

 
table,
td {
    	display: block;
}
.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(1), 
.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(3), 
.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(5) {
		width: 100%;
		background-color: var(--grey-table);
		border: 0;
}
.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(2), 
.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(4) {
		padding: 16px 16px;
}
.node-3 article .akapit-blok-tekst table td {
	border: 0;
	padding:0;
}
.node-3 article .akapit-blok-tekst table table td {
	border: 0;
	padding: 10px 40px 0px 40px;
}
.node-3 article .akapit-blok-tekst table table tr:nth-child(3)  td {
	padding: 10px 40px 30px 40px;
}
.node-3 article .akapit-blok-tekst table table td:nth-child(2),
.node-3 article .akapit-blok-tekst table table td:nth-child(4) {
	padding: 10px 16px 10px 16px;
	vertical-align: middle;
}

.node-3 .akapit-blok-tekst table table tr td h2 {
	padding: 42px 0 0 0;
}
.node-3 .akapit-blok-tekst table table tr td h2:before {
	display: none;
}
.node-3 .akapit-blok-tekst table table tr td h3 {
	padding: 10px 0 0 0;
}

.node-4 ul.kafelkiikonki {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.node-4 article ul.kafelkiikonki > li {
	padding: 16px;
	flex-basis: 160px;
  max-width: 160px;
  min-width: 100px;
}
.node-4 article ul.kafelkiikonki > li::before {
	display: none;
}

@media screen and (max-width: 767px) {
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(2), 
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(4) {
		text-align: center;
		padding: 6px 16px;
		line-height: 1;
	}
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(2) img, 
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(4) img {
		transform: rotate(90deg);
		display: inline-block;
		width: 50px;
		height: 50px;
	}


	

}

@media screen and (min-width: 768px) {
	table {
    	display: table;
  }
	td {
    	display: table-cell;
  }
  .node-3 article .akapit-blok-tekst table table td {
	  border: 0;
	  padding: 10px 20px 0px 20px;
	}
	.node-3 article .akapit-blok-tekst table table tr:nth-child(2)  td {
		height: 82px;
	}
	.node-3 article .akapit-blok-tekst table table tr:nth-child(3)  td {
	padding: 10px 20px 30px 20px;
}
	.node-3 .akapit-blok-tekst table table tr td h2 {
		padding: 22px 0 0 0;
	}
		.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(1), 
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(3), 
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(5) {
		width: 28%;
	}
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(2), 
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(4) {
		vertical-align: middle;
		padding: 0 10px;
	}
	.node-4 article ul.kafelkiikonki > li {
	padding: 16px;
	flex-basis: 180px;
  max-width: 180px;
  min-width: 100px;
}
}
@media screen and (min-width: 1025px) {
  .node-3 article .akapit-blok-tekst table table td {
	  border: 0;
	  padding: 10px 30px 0px 30px;
	}
	.node-3 article .akapit-blok-tekst table table tr:nth-child(3)  td {
	padding: 10px 30px 30px 30px;
}
	.node-3 .akapit-blok-tekst table table tr td h2 {
		padding: 22px 0 0 0;
	}
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(2), 
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(4) {
		padding: 0 14px;
	}
}
@media screen and (min-width: 1200px) {
	.node-3 article .akapit-blok-tekst table table tr:nth-child(2)  td {
		height: 62px;
	}
}


@media screen and (min-width: 1321px) {
  .node-3 article .akapit-blok-tekst table table td {
	  border: 0;
	  padding: 10px 40px 0px 40px;
	}
	.node-3 article .akapit-blok-tekst table table tr:nth-child(3)  td {
	padding: 10px 40px 30px 40px;
}
	.node-3 .akapit-blok-tekst table table tr td h2 {
		padding: 32px 0 0 0;
	}
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(2), 
	.node-3 article .akapit-blok-tekst > table > tbody > tr > td:nth-child(4) {
		padding: 0 16px;
	}
}



.node-8 #block-marathon-content .page-naglowek {
	display: block;
	padding-top: 30px;
}


.node-7 .page-sekcje .paragraph--type--tekstowy {
	padding: 0 30px 30px 30px;
}

.node-7 .pole-mapa iframe {
	width: 100%;
}

@media screen and (min-width: 1200px) {
	.node-7 .page-sekcje {
		padding: 30px 0 0 0;
	}
	.node-7 .page-sekcje .paragraph--type--tekstowy {
		padding: 0 0 0 30px;
	}

	.node-7 .page-sekcje > div {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}