.landing-header,
.paragraph--type--landing-intro > .paragraph-wrapper,
.landing-intro-lewy .paragraph--type--webform > .paragraph-wrapper,
.landing-intro-lewy .paragraph--type--landing-text >  .paragraph-wrapper,
.paragraph--type--landing-film .paragraph-wrapper,
.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper  {
    	width: 100%;
        padding-left: 0px;
        padding-right: 0px;
}
.paragraph--type--landing-text-obraz > .paragraph-wrapper,
.paragraph--type--landing-text-2-kolumny > .paragraph-wrapper,
.paragraph--type--landing-text > .paragraph-wrapper,
.paragraph--type--webform > .paragraph-wrapper,
.landing-footer .paragraph-wrapper .landing-text-2-kolumn,
.paragraph--type--reviews  > .paragraph-wrapper,
.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper .landing-text-3-kolumny { 
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
}


.header-wrapper-landing {
	background-color: var(--darkblue);
}
.landing-header {
	 
}

@media (max-width: 767px){ 
	.header-wrapper-landing {
		height: auto;
		padding: 20px 15px 10px 15px;
	}
	.landing-header .landing-obraz {
		width: 180px;
		padding-left: 20px;
		margin: 0 auto;
	}
	.landing-header .landing-odnosniki {
		padding: 25px 50px 10px 50px;
		text-align: center;
	} 
}
.paragraph--type--landing-text p a {
	display:  block;
	padding: 1rem 1.5rem 1rem 1.5rem;
  	border-radius: 32px;
	background: linear-gradient(90deg, #ffbe42 0%, #fd6a02 50%, #ffbe42 100%) !important;
	box-shadow: 
    	0 2px 5px rgba(253, 106, 2, 0.4),
    	inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  	transition: all 0.5s ease !important;
}
.landing-header .landing-odnosniki a {
	display: inline-block;
	padding:1.25rem 1.75rem 1.25rem 1.75rem;
  	border-radius: 32px;
	background: linear-gradient(90deg, #ffbe42 0%, #fd6a02 50%, #ffbe42 100%) !important;
	box-shadow: 
    	0 2px 5px rgba(253, 106, 2, 0.4),
    	inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  	transition: all 0.5s ease !important;
}
.landing-header .landing-odnosniki a:hover,
.paragraph--type--landing-text p a:hover, {
	background: linear-gradient(135deg, #f56000 0%, #ff901a 50%, #f56000 100%) !important;
  	box-shadow: 
    	0 6px 25px rgba(253, 106, 2, 0.6),
    	inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  	transform: translateY(-3px) !important;
}

@keyframes shine-sweep {
  0% { left: -100%; }
  100% { left: 150%; }
}
.webform-button--submit:hover {
  transform: translateY(-3px) !important;
  box-shadow: 
    0 6px 25px rgba(253, 106, 2, 0.6),
    inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
  background: linear-gradient(135deg, #f56000 0%, #ff901a 50%, #f56000 100%) !important;
}

.landing-zawartosc .paragraph h2 {

}


/* ************** INTRO ***************** */


.paragraph--type--landing-intro {
	background-color: var(--white);
}
.paragraph--type--landing-intro > .paragraph-wrapper {
	display: grid;
	grid-template-columns: 1fr;
}
.landing-intro-lewy {
	order: 2;
	padding: 25px 20px 20px 20px;
}
.landing-intro-lewy .paragraph--type--webform .paragraph-wrapper {
    background-color: var(--white);
}
.landing-intro-prawy {
	order: 1;
}

/* ************ TEXT - OBRAZ ******************* */

.paragraph--type--landing-text-obraz {
	background-color: var(--darkblue);
}
.landing-tekst-do-obrazu {
	padding: 40px 20px;
}

/* *********** TEXT 2 kolumny ******************** */

.paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny > div:first-child {
	padding: 30px 20px 0px 20px;
}
.paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny > div:nth-child(2) {
	padding: 20px 20px 40px 20px;
}

/* *********** TEXT 3 kolumny ******************** */

.paragraph--type--landing-text-3-kolumny {
	background-color: var(--darkblue);
	
}

.landing-text-3-kolumny {
	display: grid;
	padding-top: 30px;
}

.landing-text-3-kolumny > div {
	background-color: var(--white);
	padding: 2rem;
	border-radius: 30px; 
	margin-bottom: 30px;
	position: relative;
}

/* ************* TEXT ****************** */

.paragraph--type--landing-text {
	background-color: var(--darkblue);
}
.node-12  .landing-zawartosc > div:first-child .paragraph--type--landing-text,
.node-12  .landing-zawartosc > div:nth-child(3) .paragraph--type--landing-text {
	background-color: var(--creme);
}
.node-12  .landing-zawartosc > div:nth-child(2) .paragraph--type--landing-film  {
	background-color: var(--white);
}
.paragraph--type--landing-text > .paragraph-wrapper .landing-text {
	padding-top: 30px;
	padding-bottom: 30px;
}
.node-12  .landing-zawartosc > div:first-child .paragraph--type--landing-text  {
	padding-top: 10px;
	padding-bottom: 10px;
}
.node-12  .landing-zawartosc > div:first-child .paragraph--type--landing-text > .paragraph-wrapper .landing-text {
	padding: 0;
}

.node-12  .landing-zawartosc > div:nth-child(7) .paragraph--type--landing-text .paragraph-wrapper .landing-text{
	padding-top: 60px;
	padding-bottom: 0;
}
.node-12  .landing-zawartosc > div:nth-child(7) .paragraph--type--landing-text h2 {
	padding: 0;
}

.node-12  .landing-zawartosc > div:nth-child(13) .paragraph--type--landing-text h3 {
	padding: 0 0 25px 0;
}
.node-12  .landing-zawartosc > div:nth-child(13) .paragraph--type--landing-text img {
	padding: 0  25px 0 0;
	width: 180px;
	height: auto;
	
}

/* ************* PODTYTUŁ  ****************** */

.paragraph--type--landing-podtytul {
	background-color: var(--darkblue);
	padding-top: 1rem;
	padding-bottom: 2rem;
}
.paragraph--type--landing-podtytul h2 {
	padding: 0;
	text-align: center;
}



/* ************* OPINIE  ****************** */

.paragraph--type--reviews {
	 
}
.paragraph--type--reviews> .paragraph-wrapper  {
	padding-top: 30px;
	padding-bottom: 30px;
}

.review-author-name {
  padding: 0.5rem 0 0.5rem 1rem;
}

.paragraph--type--reviews .review-text  {
	padding: 1rem 0 1rem 4rem;
}



/* *********** WBFORM ******************** */

.paragraph--type--webform {
	background-color: var(--darkblue);
}
.paragraph--type--webform > .paragraph-wrapper .landing-form {
	padding-top: 30px;
	padding-bottom: 30px;
}


 .landing-zawartosc > div {
	clear: both;
 }


/* *********** FOOTER ******************** */

.landing-footer .paragraph-wrapper {
	background-color: var(--darkblue);
}
.landing-footer .paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding-top: 30px;
	padding-bottom: 30px;
	column-gap: 40px;
}



.landing-zawartosc video {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}


.prod-nazwa {
	
}   

a.prod-cta {
	background-color: var(--orange);
	padding: 12px 22px 12px 22px;
	border-radius: 22px;
	border:0;
	color: var(--white);
	margin-top: 20px;
	display: block;
	text-align: center;
}

.zielony .prod-cta-green {
	background-color: var(--green);
}

.landing-zawartosc .paragraph p.etykieta {
	position: absolute;
	top: -20px;
	left: -12px;
	background-color: var(--white);
	padding: 12px 22px 12px 22px;
	border-radius: 22px;
	border: 1px solid  var(--green);
	text-align: center;
}

@media (min-width: 768px){ 
	.node-12  .landing-zawartosc > div:nth-child(13) .paragraph--type--landing-text img {
		padding: 0  25px 0 0;
		width: 330px;
		height: auto;
	}
}

/* ******************************* */




@media (min-width: 768px){ 
	.landing-header,
    .paragraph--type--landing-text-obraz > .paragraph-wrapper,
    .paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny,
    .paragraph--type--landing-text > .paragraph-wrapper,
    .paragraph--type--webform > .paragraph-wrapper,
    .landing-footer .paragraph-wrapper .landing-text-2-kolumn,
    .paragraph--type--reviews  > .paragraph-wrapper,
	.paragraph--type--landing-film .paragraph-wrapper,
	.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper .landing-text-3-kolumny	{ 
        width: 740px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    .paragraph--type--landing-intro > .paragraph-wrapper,
    .paragraph--type--landing-text-2-kolumny > .paragraph-wrapper,
    .landing-intro-lewy .paragraph--type--webform > .paragraph-wrapper,
    .landing-intro-lewy .paragraph--type--landing-text > .paragraph-wrapper,
	.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper,
	.landing-intro-prawy .paragraph--type--landing-film .paragraph-wrapper	{
    	width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 1025px){
	.landing-header,
    .paragraph--type--landing-text-obraz > .paragraph-wrapper,
    .paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny,
    .paragraph--type--landing-text > .paragraph-wrapper,
    .paragraph--type--webform > .paragraph-wrapper,
    .landing-footer .paragraph-wrapper .landing-text-2-kolumn,
    .paragraph--type--reviews  > .paragraph-wrapper,
	.paragraph--type--landing-film .paragraph-wrapper,
	.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper .landing-text-3-kolumny,
	.landing-intro-prawy .paragraph--type--landing-film .paragraph-wrapper	{  
        width: 980px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    .paragraph--type--landing-intro > .paragraph-wrapper,
    .landing-intro-lewy .paragraph--type--webform > .paragraph-wrapper,
    .landing-intro-lewy .paragraph--type--landing-tekst > .paragraph-wrapper,
	.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper  {
    	width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 1201px){
	.landing-header,
    .paragraph--type--landing-intro > .paragraph-wrapper,
    .paragraph--type--landing-text-obraz > .paragraph-wrapper,
    .paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny,
    .paragraph--type--landing-text > .paragraph-wrapper,
    .paragraph--type--webform > .paragraph-wrapper,
    .landing-footer .paragraph-wrapper .landing-text-2-kolumn,
    .paragraph--type--reviews  > .paragraph-wrapper,
	.paragraph--type--landing-film .paragraph-wrapper,
	.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper .landing-text-3-kolumny {  
       	width: 1160px;
        margin: 0 auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    .landing-intro-lewy .paragraph--type--webform > .paragraph-wrapper,
    .landing-intro-lewy .paragraph--type--landing-tekst > .paragraph-wrapper,
	.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper,
	.landing-intro-prawy .paragraph--type--landing-film .paragraph-wrapper	{
    	width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 1321px){
	.landing-header,
    .paragraph--type--landing-intro > .paragraph-wrapper,
    .paragraph--type--landing-text-obraz > .paragraph-wrapper,
    .paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny,
    .paragraph--type--landing-text > .paragraph-wrapper,
    .paragraph--type--webform > .paragraph-wrapper,
    .landing-footer .paragraph-wrapper .landing-text-2-kolumn,
    .paragraph--type--reviews  > .paragraph-wrapper,
	.paragraph--type--landing-film .paragraph-wrapper,
	.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper .landing-text-3-kolumny {  
       	width: 1280px;
        margin: 0 auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    .landing-intro-lewy .paragraph--type--webform > .paragraph-wrapper,
    .landing-intro-lewy .paragraph--type--landing-tekst > .paragraph-wrapper,
	.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper,
	.landing-intro-prawy .paragraph--type--landing-film .paragraph-wrapper	{
    	width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (min-width: 1601px){
	.landing-header,
    .paragraph--type--landing-intro > .paragraph-wrapper,
    .paragraph--type--landing-text-obraz > .paragraph-wrapper,
    .paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny,
    .paragraph--type--landing-text > .paragraph-wrapper,
    .paragraph--type--webform > .paragraph-wrapper,
    .landing-footer .paragraph-wrapper .landing-text-2-kolumn,
    .paragraph--type--reviews  > .paragraph-wrapper,
	.paragraph--type--landing-film .paragraph-wrapper,
	.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper .landing-text-3-kolumny {  
       	width: 1400px;
        margin: 0 auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    .landing-intro-lewy .paragraph--type--webform > .paragraph-wrapper,
    .landing-intro-lewy .paragraph--type--landing-tekst > .paragraph-wrapper,
	.paragraph--type--landing-text-3-kolumny > .paragraph-wrapper,
	.landing-intro-prawy .paragraph--type--landing-film .paragraph-wrapper	{
    	width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}
/* ******************************* */



@media (min-width: 768px){ 
    .landing-header {
		padding-top: 20px;
	    padding-bottom: 20px;
	}
	.landing-header {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding-top: 20px;
    padding-bottom: 20px;
}
	.landing-header .landing-obraz {
		width: 220px;
		padding-left: 20px;
	}
	.landing-header .landing-odnosniki a {
		position: absolute;
		top: 18px;
		right: 20px;
		display: inline-block;
		padding: 1rem 1.5rem 1rem 1.5rem;
		border-radius: 32px;
		background: linear-gradient(90deg, #ffbe42 0%, #fd6a02 50%, #ffbe42 100%) !important;
		box-shadow: 
    	0 2px 5px rgba(253, 106, 2, 0.4),
    	inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
		transition: all 0.5s ease !important;
	}
	.landing-intro-lewy {
		padding: 25px 20px 20px 20px;
	}
	.landing-intro-prawy  {
		order: 1;
		padding: 0px;
	}
	.node-12  .landing-zawartosc > div:nth-child(2) .paragraph--type--landing-film  {
		padding-top: 40px;
		padding-bottom: 40px;
	}

}



@media (min-width: 1025px){
	 .landing-header .landing-obraz {
	    width: 280px;
	    padding-left: 20px;
	}
	.landing-header .landing-odnosniki a {
	    top: 20px;
	    right: 20px;
	}
	.landing-intro-lewy {
		padding: 35px 20px 30px 20px;
	}
	.landing-tekst-do-obrazu {
		padding: 30px 20px;
	}
}

@media (min-width: 1201px){
	.landing-header .landing-odnosniki a {
	    top: 30px;
	    right: 20px;
	}
	.paragraph--type--landing-intro > .paragraph-wrapper {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		padding-top: 60px;
    	padding-bottom: 40px;
	    column-gap: 40px;
	}
	.landing-intro-lewy {
		order: 1;
		padding: 0px;
	}
	.landing-intro-prawy {
		order: 2;
	}
	.paragraph--type--landing-text-obraz > .paragraph-wrapper {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.landing-tekst-do-obrazu {
		padding: 30px 20px 30px 0px;
	}
	.paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		padding-top: 30px;
		padding-bottom: 30px;
		column-gap: 40px;
	}
	.paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny > div:first-child {
	  	padding: 0px;
	}
	.paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny > div:nth-child(2) {
	  	padding: 0;
	}
	.node-12 .landing-zawartosc > div:nth-child(4) .paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny > div:nth-child(2) h4,
	.node-12 .landing-zawartosc > div:nth-child(5) .paragraph--type--landing-text-2-kolumny > .paragraph-wrapper .landing-text-2-kolumny > div:nth-child(2) h4 	{
		padding-top: 6.25rem;
	}
	.node-12  .landing-zawartosc   .paragraph--type--landing-film  .media--type-video {
		max-width: 1000px;
		margin: 0 auto;
	}
	.landing-text-3-kolumny {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: 20px;
		
	}
	.landing-text-3-kolumny > div {
		position: relative;
		margin-bottom: 0px;
	}
	
}





@media (min-width: 1321px){

    .landing-header .landing-obraz {
	    width: 360px;
	    padding-left: 20px;
	}

     .paragraph--type--landing-intro > .paragraph-wrapper {
		padding-top: 70px;
	    padding-bottom: 40px;
	    column-gap: 40px;
	}

}