* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	font-weight: normal;
	}

strong {
	font-weight: bold;
	}

html {
	font-size: 30px;
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
	}

body {
	font-family: ubuntu, sans-serif;
	font-size: 1rem;
	line-height: 1.3;
	background:#fff;
	padding: 0;
	margin: 0;
	}

.hd {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	background: #fff;
	z-index: 10;
	font-size: 0;
	}
@media(max-width:1000px){
.hd {
	height: 100px;
	}
}

.hd header {
	display: inline-block;
	vertical-align: middle;
	margin-left: 2rem;
	}
@media(max-width:1200px){
.hd header {
	margin-left: 20px;
	}
}

.hd header img {
	height: 90px;
	width: auto;
	margin-top: 40px;
	}
@media(max-width:1000px){
.hd header img {
	margin-top: 5px;
	}
}
.hd input, .hd label {
	display: none;
	}
@media(max-width:1000px){
	.hd label {
		display: block;
		width: 60px;
		height: 60px;
		position: absolute;
		top: 20px;
		right: 0;
		z-index: 100;
		}
	.hd label span {
		font-size: 0;
		position: absolute;
		width: 80%;
		left: 0;
		top: 12.5px;
		height: 5px;
		background: #999;
		border-radius: 99px;
		}
	.hd label span::before {
		content: '';
		font-size: 0;
		position: absolute;
		width: 100%;
		left: 0;
		top: 15px;
		height: 5px;
		background: #999;
		border-radius: 99px;
		}
	.hd label span::after {
		content: '';
		font-size: 0;
		position: absolute;
		width: 100%;
		left: 0;
		top: 30px;
		height: 5px;
		background: #999;
		border-radius: 99px;
		}
	.hd input:checked+label span {
		font-size: 0;
		position: absolute;
		width: 80%;
		left: 0;
		top: 50%;
		height: 5px;
		background: #999;
		border-radius: 99px;
		transform: rotate(45deg);
		}
	.hd input:checked+label span::before {
		content: '';
		font-size: 0;
		position: absolute;
		width: 100%;
		left: calc(50% - 2.5px);
		top: -20px;
		width:5px;
		height: 45px;
		background: #999;
		border-radius: 99px;
		}
	.hd input:checked+label span::after {
		display: none;
		}
	.hd input:checked+label+nav {
		display: block;
		background: #fffe;
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% - 2* 50px);
		height: calc(100vh - 2* 50px);
		padding: 50px;
		}
	.hd input:checked+label+nav ul {
		text-align: center;
		}
		
	.hd input:checked+label+nav ul li {
		display: block;
		text-align: center;
		}
		
	.hd input:checked+label+nav ul li a {
		outline: 1px solid #0002;
		font-size: 1rem;
		background: #fff;
		}
		
}


.hd nav {
	position: absolute;
	right: 40px;
	top: 40px;
	}
@media(max-width:1200px){
.hd nav {
	right: 20px;
	}
}
@media(max-width:1000px){
.hd nav {
	display: none;
	}
}

.hd nav li {
	display: inline-block;
	}

.hd nav li a {
	display: block;
	font-size: .75rem;
	line-height: 40px;
	padding: 0 .6rem;
	margin: 25px 0;
	border-radius: 999px;
	text-decoration: none;
	color: #3b404d;
	}
@media(max-width:1450px){
.hd nav li a {
	font-size: .65rem;
	padding: 0 .4rem;
	}
}
@media(max-width:1250px){
.hd nav li a {
	font-size: .5rem;
	padding: 0 .3rem;
	}
}

.hd nav li a.special {
	font-weight: 600;
	color: #092;
	}

.hd nav li a.active {
	background: #d7d196;
	}

.hd nav li a:hover {
	color: #000;
	background: #d7d19633;
	}

body {
	padding-top: 185px;
	}
@media(max-width:1000px){
body {
	padding-top: 135px;
	}
}







a.button {
	display: block;
	width: 700px;
	position: relative;
	margin: 0 auto;
	z-index: 5;
	}

@media (max-width:1700px) { a.button { zoom: calc(1700 / 1800); } }
@media (max-width:1500px) { a.button { zoom: calc(1500 / 1800); } }
@media (max-width:1300px) { a.button { zoom: calc(1300 / 1800); } }
@media (max-width:1100px) { a.button { zoom: calc(1100 / 1800); } }
@media (max-width:900px) { a.button { zoom: calc(900 / 1800); } }
@media (max-width:400px) { a.button { zoom: calc(600 / 1800); } }

a.button>span {
	display: block;
	background: #847c27;
	border-radius: 1.5rem;
	color: #fff;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.4rem;
	padding: 1rem 0;
	position: relative;
	z-index: 7;
	}
a.button::before {
	content: " - ";
	color: #0000;
	display: block;
	width: 700px;
	background: #6e6b4866;
	border-radius: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.2rem;
	padding: 1rem 0;
	position: absolute;
	left: 1rem;
	bottom: -1rem;
	z-index: 4;
	}
a.button:hover>span {
	background: #aea41d;
	}
a.button span span {
	font-size: 1.3em;
	line-height: -0;
	font-weight: 600;
	}








section.home {
	display: block;
	position: relative;
	background: url(gfx/1.jpg) no-repeat top left;
	background-size: 100vw;
	height: calc(908 / 1800 * 100vw);
	}

section.dlaczegoja {
	position: relative;
	background: url(gfx/2.jpg) no-repeat top left;
	background-size: 100vw;
	height: calc(1095 / 1800 * 100vw);
	z-index: 4;
	}

section.gwarantuje {
	position: relative;
	background: url(gfx/3.jpg) no-repeat top left;
	background-size: 100vw;
	height: calc(1020 / 1800 * 100vw);
	}

section.cootrzymujesz {
	position: relative;
	background: url(gfx/4.jpg) no-repeat top left;
	background-size: 100vw;
	height: calc(1020 / 1800 * 100vw - 3vw);
	}

section.opinie {
	position: relative;
	background: url(gfx/5.jpg) no-repeat top left;
	background-size: 100vw;
	height: calc(1600 / 1800 * 100vw);
	z-index: 4;
	}

@media (max-width:600px) {
section.opinie {
	background-size: cover;
	height: 370vw;
	}
}

section.przeddiety {
	position: relative;
	background: url(gfx/6.jpg) no-repeat top left;
	background-size: 100vw;
	height: calc(920 / 1800 * 100vw);
	}

div.diety {
	position: relative;
	background: url(gfx/7.jpg) no-repeat top left;
	background-size: 100vw;
	height: calc(1600 / 1800 * 100vw);
	}








section.home>div>img:nth-child(2) {
	object-fit: cover;
	width: calc( 555 / 1800 * 100vw);
	height: calc( 555 / 1800 * 100vw);
	border-radius: 9999px;
	position: absolute;
	right: calc(144 / 1800 * 100vw);
	top: -34px;
	z-index: 5;
	}

section.home header img {
	width: calc( 315 / 1800 * 100vw);
	height: auto;
	position: absolute;
	right: calc(620 / 1800 * 100vw);
	top: calc(90 / 1800 * 100vw);
	z-index: 6;
	}

section.home>div>img:nth-child(3) {
	object-fit: cover;
	width: calc( 1220 / 1800 * 100vw);
	height: auto;
	position: absolute;
	right: calc(144 / 1800 * 100vw);
	top: calc(480 / 1800 * 100vw);
	z-index: 5;
	}

section.home .obutton {
	position: relative;
	top: 47vw;
	padding-left: 12vw;
	}

@media (max-width:800px) {
section.home .obutton {
	zoom: .85;
	top: 54vw;
	}
}
@media (max-width:600px) {
section.home .obutton {
	zoom: .65;
	top: 70vw;
	}
}
@media (max-width:450px) {
section.home .obutton {
	zoom: .8;
	top: 56vw;
	}
}












section.dlaczegoja header>* {
	font-size: 4vw;
	display: block;
	margin: auto;
	max-width: 80vw;
	padding-top: 6.5vw;
	padding-bottom: 11vw;
	text-align: center;
	color: #fff;
	text-shadow: .25vw .25vw 0 #615c22;
	font-weight: 300;
	}

section.dlaczegoja p {
	font-size: 3.7vw;
	display: block;
	margin: auto;
	text-align: center;
	color: #fff;
	text-shadow: .25vw .25vw 0 #615c22;
	position: absolute;
	width: 50vw;
	left: 5vw;
	top: 35vw;
	font-weight: 300;
	}

section.dlaczegoja p strong {
	display: block;
	padding-top: .5em;
	}

section.dlaczegoja img {
	display: block;
	margin: 0 0 0 auto;
	width: 40vw;
	border-radius: 5vw 0 0 5vw;
	box-shadow: 1rem 1rem 0 #d3cb86;
	}
@media(max-width:460px) {
section.dlaczegoja img {
	box-shadow: .2rem .2rem 0 #d3cb86;
	}
}










section.gwarantuje header * {
	font-size: 8.5vw;
	font-weight: 300;
	position: relative;
	padding-top: 3vw;
	width: 56vw;
	padding-left: 2vw;
	padding-right: 2vw;
	text-align: center;
	color: #847c27;
	}

section.gwarantuje ul {
	position: relative;
	}

section.gwarantuje li {
	display: block;
	width: 20vw;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	}

section.gwarantuje li p {
	font-weight: bold;
	font-size: 2.2vw;
	line-height: 1.1;
	padding-top: .3em;
	color: #b0a42d;
	}
@media(max-width:460px) {
section.gwarantuje li p {
	font-size: 3.4vw;
	line-height: 1;
	padding-top: 0em;
	}
}

section.gwarantuje ul li:nth-child(1) {
	left: 7vw;
	top: 5vw;
	}
@media(max-width:460px) {
section.gwarantuje ul li:nth-child(1) {
	left: 3vw;
	top: 3vw;
	}
}

section.gwarantuje ul li:nth-child(2) {
	left: 29vw;
	top: 13vw;
	}
@media(max-width:460px) {
section.gwarantuje ul li:nth-child(2) {
	left: 26vw;
	top: 9vw;
	}
}

section.gwarantuje ul li:nth-child(3) {
	left: 51.8vw;
	top: 10vw;
	}
@media(max-width:460px) {
section.gwarantuje ul li:nth-child(3) {
	left: 50vw;
	top: -2vw;
	}
}

section.gwarantuje ul li:nth-child(4) {
	left: 73vw;
	top: 1vw;
	}

section.gwarantuje img {
	width: calc( 300 / 1800 * 100vw);
	height: calc( 300 / 1800 * 100vw);
	object-fit: cover;
	border-radius: 999px;
	border: .5vw solid #fff;
	outline: .5vw solid #b0a42d;
	}








section.cootrzymujesz {
	position: relative;
	text-align: center;
	color: #847c27;
	}

section.cootrzymujesz header * {
	font-size: 3vw;
	display: block;
	padding: 7vw 0 4vw;
	font-weight: bold;
	}
@media (max-width:1000px) {
section.cootrzymujesz header * {
	font-size: 4vw;
	padding: 3vw 0 3vw;
	}
}
@media (max-width:460px) {
section.cootrzymujesz header * {
	font-size: 4.7vw;
	padding: 3vw 0 3vw;
	}
}

section.cootrzymujesz ul {
	display: block;
	width: 57vw;
	margin: 0 auto;
	text-align: left;
	}
@media (max-width:1000px) {
section.cootrzymujesz ul {
	width: 76vw;
	}
}
@media (max-width:1000px) {
section.cootrzymujesz ul {
	width: 90vw;
	}
}

section.cootrzymujesz ul li {
	font-size: 2vw;
	font-weight: bold;
	width: 64vw;
	padding: 1vw 0;
	}
@media (max-width:1000px) {
section.cootrzymujesz ul li {
	font-size: 2.4vw;
	font-weight: bold;
	width: 76vw;
	}
}
@media (max-width:460px) {
section.cootrzymujesz ul li {
	font-size: 2.95vw;
	font-weight: bold;
	width: 90vw;
	}
}

section.cootrzymujesz ul li span {
	display: inline-block;
	vertical-align: middle;
	background: #b0a42d;
	width: 3.5vw;
	height: 3.5vw;
	text-align: center;
	font-size: .9em;
	line-height: 3.5vw;
	color: #fff;
	border-radius: 999px;
	margin-right: 1vw;
	position: relative;
	top: -.2vw;
	font-weight: 900;
	}

section.cootrzymujesz .obutton {
	margin-top: 7.5vw;
	}
@media (max-width:1000px) {
section.cootrzymujesz .obutton {
	margin-top: 2vw;
	}
}
@media (max-width:600px) {
section.cootrzymujesz .obutton {
	zoom: .7;
	}
}
@media (max-width:460px) {
section.cootrzymujesz .obutton {
	zoom: .9;
	padding-top: 2vw;
	}
}





section.opinie header>* {
	display: block;
	font-size: 3.5vw;
	position: absolute;
	left: 3vw;
	top: 5vw;
	color: #fff;
	text-shadow: .25vw .25vw 0 #615c22;
	}
@media (max-width:600px) {
section.opinie header>* {
	font-size: 6vw;
	left: 5vw;
	}
}

section.opinie header>* strong {
	font-size: 4vw;
	position: absolute;
	left: 44vw;
	top: 5vw;
	width: 46vw;
	color: #fff;
	text-shadow: .25vw .25vw 0 #615c22;
	}
@media (max-width:600px) {
section.opinie header>* strong {
	font-size: 6vw;
	left: 20vw;
	top: 9vw;
	width: 70vw;
	}
}

section.opinie p {
	display: block;
	font-size: 3.5vw;
	position: absolute;
	left: 4vw;
	bottom: 7vw;
	color: #fff;
	width: 28vw;
	line-height: 1.5;
	text-shadow: .25vw .25vw 0 #615c22;
	}
@media (max-width:600px) {
section.opinie p {
	display: block;
	font-size: 7vw;
	left: 5vw;
	bottom: 153vw;
	color: #fff;
	width: 90vw;
	line-height: 1.2;
	text-align: center;
	}
}

section.opinie div img {
	position: absolute;
	left: 0;
	top: 0;
	width: 40vw;
	}
@media (max-width:600px) {
section.opinie div img {
	width: 85vw;
	display: none;
	}
}

section.opinie div img:nth-child(2) {
	left: 2vw;
	top: 15vw;
	transform: rotate(8.5deg);
	}
@media (max-width:600px) {
section.opinie div img:nth-child(2) {
	display: block;
	left: 7vw;
	top: 30vw;
	}
}

section.opinie div img:nth-child(3) {
	left: 40vw;
	top: 21vw;
	transform: rotate(-7deg);
	}
@media (max-width:600px) {
section.opinie div img:nth-child(3) {
	display: block;
	left: 10vw;
	top: 60vw;
	transform: rotate(-3deg);
	}
}

section.opinie div img:nth-child(4) {
	left: 8vw;
	top: 30vw;
	transform: rotate(21deg);
	}
@media (max-width:600px) {
section.opinie div img:nth-child(4) {
	display: block;
	left: 1vw;
	top: 88vw;
	transform: rotate(10deg);
	}
}

section.opinie div img:nth-child(5) {
	left: 60vw;
	top: 31vw;
	width: 35vw;
	transform: rotate(4deg);
	}
@media (max-width:600px) {
section.opinie div img:nth-child(5) {
	display: block;
	top: 115vw;
	left: 5vw;
	width: 85vw;
	transform: rotate(4deg);
	}
}

section.opinie div img:nth-child(6) {
	left: 12vw;
	top: 48vw;
	transform: rotate(7deg);
	}
@media (max-width:600px) {
section.opinie div img:nth-child(6) {
	display: block;
	left: 12vw;
	top: 138vw;
	transform: rotate(7deg);
	}
}

section.opinie div img:nth-child(7) {
	left: 52vw;
	top: 44vw;
	transform: rotate(19deg);
	}
@media (max-width:600px) {
section.opinie div img:nth-child(7) {
	display: block;
	left: 2vw;
	top: 164vw;
	transform: rotate(-9deg);
	}
}

section.opinie div img:nth-child(10) {
	width: 28vw;
	left: 32.5vw;
	top: 63vw;
	transform: rotate(-19deg);
	}
@media (max-width:600px) {
section.opinie div img:nth-child(10) {
	display: block;
	width: 60vw;
	left: 19vw;
	top: 230vw;
	transform: rotate(-9deg);
	}
}

section.opinie div img:nth-child(11) {
	width: 25vw;
	left: 63vw;
	top: 54vw;
	transform: rotate(13deg);
	}
@media (max-width:600px) {
section.opinie div img:nth-child(11) {
	display: block;
	width: 55vw;
	left: 15vw;
	top: 288vw;
	transform: rotate(3deg);
	}
}

a.anchorprzemiany {
	position: absolute !important;
	top: 50vw !important;
}

@media (max-width:600px) {
a.anchorprzemiany {
	top: 170vw !important;
}
}





.przeddiety>div {
	padding: 8vw 2vw 0 35vw;
	text-align: center;
	}
@media (max-width:460px) {
.przeddiety>div {
	padding: 8vw 2vw 0 2vw;
	text-align: center;
	background: #fff9;
	height: 100%;
	text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
	}
}
.przeddiety header>* {
	font-size: 4vw;
	color: #b0a42d;
	font-weight: 900;
	}
@media (max-width:460px) {
.przeddiety header>* {
	font-size: 6vw;
	}
}

.przeddiety header>* strong {
	display: block;
	padding: 4vw 0;
	color: #847c27;
	}
@media (max-width:460px) {
.przeddiety header>* strong {
	padding: 2vw 0;
	}
}

.przeddiety p {
	font-size: 4vw;
	color: #b0a42d;
	font-weight: 900;
	line-height: 1.21;
	}
@media (max-width:460px) {
.przeddiety p {
	font-size: 6vw;
	line-height: 1;
	}
}

.przeddiety p+p {
	font-size: 2.4vw;
	color: #000;
	font-weight: 400;
	padding-top: 5vw;
	}
@media (max-width:460px) {
.przeddiety p+p {
	font-size: 3vw;
	padding-top: 4vw;
	}
}







@media (max-width:1000px) {
div.diety {
	background-size: cover;
	height: 185vw;
	}
}

@media (max-width:800px) {
div.diety {
	height: 225vw;
	}
}

@media (max-width:650px) {
div.diety {
	height: 265vw;
	}
}

@media (max-width:600px) {
div.diety {
	height: 300vw;
	}
}

@media (max-width:460px) {
div.diety {
	height: 360vw;
	}
}

div.diety>div {
	text-align: center;
	padding: 7vw 2vw 0;
	}

div.diety section {
	width: 42vw;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5vw;
	}

@media (max-width:1000px) {
	div.diety section {
		width: 80vw;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 5vw 0 !important;
		}
}
@media (max-width:460px) {
	div.diety section {
		margin-top: 5vw !important;
		margin-bottom: 3vw !important;
		zoom: 1.2
		}
}

div.diety section header * {
	font-weight: bold;
	padding-bottom: 1em;
	font-size: 1.7vw;
	line-height: 1.2;
	padding: 0 10vw;
	padding-bottom: 1.5vw;
	}

@media (max-width:1000px) {
	div.diety section header * {
		font-size: 3vw;
		}
}
@media (max-width:600px) {
	div.diety section header * {
		font-size: 4vw;
		}
}

div.diety section:nth-child(1),
div.diety section:nth-child(3) {
	margin-right: 2vw;	
	}

div.diety section:nth-child(2),
div.diety section:nth-child(4) {
	margin-left: 2vw;	
	}

div.diety section:nth-child(4) header * {
	padding: 0 1vw;
	padding-bottom: 1.5vw;
	}

div.diety section ul {
	text-align: left;
	margin: 0 5vw;
	font-size: 1.4vw;
	}

@media (max-width:1000px) {
div.diety section ul {
	font-size: 2vw;
	}
}

@media (max-width:800px) {
div.diety section ul {
	font-size: 2.5vw;
	}
}

@media (max-width:650px) {
div.diety section ul {
	font-size: 3vw;
	}
}

div.diety section ul li {
	padding-bottom: .7vw;
	}

div.diety section ul li::before {
	content: '\2022 ';
	font-weight: 900;
	display: inline-block;
	margin-right: .5em;
	}

div.diety a.button>span {
	font-size: 2vw;
	}

@media (max-width:1500px) { div.diety a.button>span { font-size: 2.5vw !important; } }
@media (max-width:1350px) { div.diety a.button>span { font-size: 3vw !important; } }
@media (max-width:1200px) { div.diety a.button>span { font-size: 3.7vw !important; } }
@media (max-width:900px) { div.diety a.button>span { font-size: 4.4vw !important; } }
@media (max-width:750px) { div.diety a.button>span { font-size: 5.5vw !important; } }
@media (max-width:600px) { div.diety a.button>span { font-size: 7vw !important; } }
@media (max-width:460px) { div.diety a.button>span { font-size: 9vw !important; } }

div.diety .obutton {
	zoom: .7;
	}

@media (max-width:1000px) {
div.diety .obutton {
	zoom: 1;
	}	
}



div.diety .obutton {
	padding-top: 1vw;
	padding-bottom: 4vw;
	}







section.omnie div {
	position: relative;
	display: block;
	padding: 5vw;
	width: 60vw;
	min-width: 300px;
	margin: 0 auto;
	}
@media (max-width:1000px) {
section.omnie div {
	width: 80vw;
	min-width: 300px;
	}	
}

section.omnie header * {
	text-align: center;
	color: #b0a42d;
	font-weight:bold;
	padding: 4vw 0;
	font-size: 4vw;
}

.omnie p {
	font-size: 1.5vw;
	text-align: justify;
	padding-bottom: 1em;
	}
@media (max-width:1000px) {
.omnie p {
	font-size: 2vw;
	}
}
@media (max-width:700px) {
.omnie p {
	font-size: 3vw;
	}
}

.omnie img {
	float: right;
	width: 23vw;
	min-width: 150px;
	margin: 0 0 0 3vw;
	}






footer {
	padding-top: 3vw;
	text-align: center;
	}

footer img {
	width: 18vw;
	min-width: 200px;
	}

a.anchor {
	position: relative;
	height: 0;
	top: -150px;
}