@font-face {
    font-family: 'Acherus Grotesque Black';
    src: local('AcherusGrotesque-Black'),
        url('/fonts/AcherusGrotesque-Black.woff2') format('woff2'),
        url('/fonts/AcherusGrotesque-Black.woff') format('woff'),
        url('/fonts/AcherusGrotesque-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acherus Grotesque Regular';
    src: url('/fonts/AcherusGrotesque-Regular.woff2') format('woff2'),
        url('/fonts/AcherusGrotesque-Regular.woff') format('woff'),
        url('/fonts/AcherusGrotesque-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Acherus Grotesque Medium';
    src: url('/fonts/AcherusGrotesque-Medium.woff2') format('woff2'),
        url('/fonts/AcherusGrotesque-Medium.woff') format('woff'),
        url('/fonts/AcherusGrotesque-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Acherus Grotesque Bold';
    src: url('/fonts/AcherusGrotesque-Bold.woff2') format('woff2'),
        url('/fonts/AcherusGrotesque-Bold.woff') format('woff'),
        url('/fonts/AcherusGrotesque-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
	font-family: 'Acherus Grotesque Light';
	src: url('AcherusGrotesque-Light.woff2') format('woff2'),
		url('AcherusGrotesque-Light.woff') format('woff'),
		url('AcherusGrotesque-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}



.poppins-regular { font-family: "poppins", sans-serif; font-weight: 400; font-style: normal; }
.poppins-bold { font-family: "poppins", sans-serif; font-weight: 700; font-style: normal; }
.lato-regular { font-family: "lato", sans-serif; font-weight: 400; font-style: normal; }
.lato-bold { font-family: "lato", sans-serif; font-weight: 700; font-style: normal; }
.antonio-regular { font-family: "Antonio", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.antonio-bold { font-family: "Antonio", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; }
html { scroll-behavior: smooth; overflow-x: hidden}
body { margin: 0; }
.container { position: relative; margin: 0 auto; }
#header { position: relative; overflow: hidden; background-color: #efefef; }
#header .bottle-image { position: relative; z-index: 1; }
#header #logo { position: absolute; aspect-ratio: 190/64; }
#header #menu { font-family: 'Acherus Grotesque Black'; position: absolute; display: flex; align-items: center; }
#header #marka_opis {font-family: "Antonio", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal;}
#header #menu a { text-decoration: none; color: #00a5e2; display: flex; }
#header #menu a:hover {text-decoration: underline; color: #b3b3b3}
#icon_facebook { aspect-ratio: 35/35; }
#icon_youtube { aspect-ratio: 44/32; }
#header #txt { font-family: 'Acherus Grotesque Black'; position: absolute; text-align: center; }
.bg_header { position: absolute; background-color: #efefef; }
.mask { background-image: url('../images/header_mask.png'); background-size: contain; aspect-ratio: 1366/156; z-index: 2; position: absolute; }
#zalety-jogurtu { position: relative; }
#zalety-jogurtu #title {text-align: center; font-family: 'Acherus Grotesque Black'; }
#zalety-jogurtu #icons { display: grid; grid-auto-flow: column; }
#zalety-jogurtu #icons div {text-align: center;}
#zalety-jogurtu #icons .title { font-family: 'Acherus Grotesque Black'; }
.badge { position: absolute; z-index: 3; background-color: black; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: white; text-align: center; font-family: Arial, sans-serif; }
.badge p { margin: 0; }
#nasze-smaki { position: relative; }
#nasze-smaki #items { display: flex; transition: transform 0.5s ease-in-out; }
#nasze-smaki #slider_content {overflow: hidden}
.slide { position: relative; background-image: url('../images/tlo.png'); background-repeat: no-repeat; aspect-ratio: 685/350; }
.slide .txt {  color: #ffffff; position: absolute; text-align: center; }
.slide .txt .title { font-family: 'Acherus Grotesque Black'; }
.slide .txt .desc { font-family: "lato", sans-serif; font-weight: 400; font-style: normal; }
.slide .txt .skladniki { font-family: 'Acherus Grotesque Black'; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.slide .txt .skladniki:hover {text-decoration: underline; color: #00a5e2;}
.slide #skyr_truskawkowy, .slide #skyr_mango, .slide #skyr_wanilia { position: absolute; }
.slide .buteleczki { position: absolute; display: flex; align-items: center; cursor: pointer;}
#slide1 { background-position: 0 0; }
#slide2 { background-position: 50% 0; }
#slide3 { background-position: 100% 0; }
#prevButton, #nextButton { position: absolute; cursor: pointer; }

#kontakt {position: relative; background-color: #e9e9e9; background-image: url('/images/bg_kontakt.png'); background-size: auto; background-repeat: no-repeat; background-position: right center;}
#kontakt .title {font-family: 'Acherus Grotesque Black'; text-align: center;}
#kontakt .txt {font-family: 'Acherus Grotesque Regular'; text-align: center;}
#kontakt .container .overlay {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none;}
#kontakt .container .overlay .bg {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.7; background-color: #fff; z-index: 99;}
#kontakt .container .overlay .please_wait {font-family: 'Acherus Grotesque Black'; z-index: 9999; position: absolute; top: 30%; text-align: center; width: 100%; }
#bg_kontakt_mobile {display: none;}
#kontakt .container .overlay .please_wait {font-size: 20px;}

.center {text-align: center;}
.form-title {font-family: 'Acherus Grotesque Medium';}
.form-title sup {color: #f00;}
.file_rules { color: #a94442; background-image: -webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%); background-image: -o-linear-gradient(top,#f2dede 0,#e7c3c3 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3)); background-image: linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);}
.form-info {font-family: 'Acherus Grotesque Medium';}
.form-address {font-family: 'Acherus Grotesque Bold'; text-align: center;}
#kontakt .form .content .row {display: flex;}
.form-input {border: 1px solid #fc8106;}
.form-submit {color: #fff; background-color: #204d74; border-color: #122b40; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; }
.form-submit:hover { background-color: #265a88; }
.form-desc, .spam_info, .form-result {font-family: 'Acherus Grotesque Medium';}
.pola_wymagane {font-family: 'Acherus Grotesque Regular';}
.form-result {display: none;}

#footer { position: relative; }
#footer .container { display: flex; }
#footer a { font-family: 'Acherus Grotesque Black'; color: #b3b3b3; text-decoration: none; }
#footer a:hover {text-decoration: underline; color: #00a5e2;}
#footer .container .col { align-content: center; }
#footer .container .col.left {text-align: left;}
#footer .container .col.center {text-align: center;}
#footer .container .col.right {text-align: right;}
.mobile {display: none;}
.desktop {display: block;}

#skladnikiOdzywczeOverlay .close {position: absolute; text-align: center; font-family: 'Acherus Grotesque Medium'; display: flex; flex-direction: column; cursor: pointer;}
#skladnikiOdzywczeOverlay .close:hover {transform: scale(1.1)}
#skladnikiOdzywczeOverlay {position: absolute; background-color: #fff; z-index: 99999; border: 1px solid #fff; display: none;}
#skladnikiOdzywczeOverlay .buteleczki {display: flex; justify-content: center; }
#skladnikiOdzywczeOverlay .buteleczki .item .name {font-family: 'Acherus Grotesque Black'; text-transform: uppercase}
#skladnikiOdzywczeOverlay .buteleczki .item {text-align: center; cursor: pointer;}
/* #skladniki_dane {font-family: 'Acherus Grotesque Black';} */
#skladnikiOdzywczeOverlay .wartosc_100g { font-family: 'Acherus Grotesque Light'; text-transform: uppercase;}
#skladnikiOdzywczeOverlay .buteleczki .item .name.truskawka {color: #e20026; border: 1px solid #e20026;}
#skladnikiOdzywczeOverlay .buteleczki .item .name.mango {color: #fc8106; border: 1px solid #fc8106;}
#skladnikiOdzywczeOverlay .buteleczki .item .name.wanilia {color: #e6a00b; border: 1px solid #e6a00b;}
#skladnikiOdzywczeOverlay .buteleczki .item .name.truskawka.active {color: #fff; background-color: #e20026; border: 1px solid #e20026;}
#skladnikiOdzywczeOverlay .buteleczki .item .name.mango.active {color: #fff; background-color: #fc8106; border: 1px solid #fc8106;}
#skladnikiOdzywczeOverlay .buteleczki .item .name.wanilia.active {color: #fff; background-color: #e6a00b; border: 1px solid #e6a00b;}

.skladniki_content {display: flex;}

#skladniki_dane {position: relative;}
#skladniki_dane #skladniki_truskawka {position: absolute; top: 0px; left: 0px; }
#skladniki_dane #skladniki_mango {position: absolute; top: 0px; left: 0px; }
#skladniki_dane #skladniki_wanilia {position: absolute; top: 0px; left: 0px; }

#skladniki_dane #skladniki_truskawka .tabelka .row {border: 1px solid #e20026; text-transform: uppercase}
#skladniki_dane #skladniki_truskawka .red {color: #e20026;}
#skladniki_dane #skladniki_mango .tabelka .row {border: 1px solid #fc8106; text-transform: uppercase}
#skladniki_dane #skladniki_mango .yellow {color: #fc8106;}
#skladniki_dane #skladniki_wanilia .tabelka .row {border: 1px solid #e6a00b; text-transform: uppercase}
#skladniki_dane #skladniki_wanilia .yellow {color: #e6a00b;}
#skladniki_dane #skladniki_mango, #skladniki_dane #skladniki_wanilia {display: none;}
#skladniki_dane .tabelka .row .value, .wartosc_100g {color: #000;}
#skladniki_dane .tabelka .row .value {font-weight: 700;}

.w55 {width: 55%;}
.w45 {width: 45%;}

.slide .buteleczki img:hover {margin-top: -30%; padding-bottom: 30%; /*transition: margin-top 0.1s ease-in-out;*/}
#skladnikiOdzywczeOverlay .buteleczki .item:hover img {transform: scale(1.1)}
#prevButton:hover, #nextButton:hover {transform: scale(1.2);}

/* #zalety-jogurtu #icons div:hover img {transform: scale(1.2); transition: transform 0.5s ease-in-out;} */

@media (min-width: 1366px) {
    #header #top #hamburger {display: none;}
    .container { width: 1366px; }
    #header { height: 710px; }
    #header .bottle-image { width: 560px; top: 90px; left: 170px; }
    #header #marka_opis { position: absolute; transform: rotate(180deg); text-orientation: mixed; writing-mode: vertical-lr; }
    #header #marka_opis { top: 170px; left: 125px; font-size: 14px; line-height: 14px; }
    #header #logo { left: 125px; top: 40px; width: 190px; }
    #header #menu { right: 120px; top: 58px; column-gap: 25px; }
    #header #menu a { font-size: 24px; }
    #icon_facebook { width: 35px; }
    #icon_youtube { width: 44px; }
    #header #txt { top: 300px; right: 160px; width: 455px; }
    #header #txt #title {font-size: 44px;}
    #header #txt #desc {font-size: 19px; line-height: 24px;}
    .bg_header { top: 0px; width: 100%; height: 710px; }
    .mask { width: 100%; top: 610px; }
    #zalety-jogurtu { top: 70px; padding-top: 70px; }
    #zalety-jogurtu #title { font-size: 36px; line-height: 36px; }
    #zalety-jogurtu #icons { margin-top: 65px; padding-bottom: 70px; font-size: 19px; line-height: 26px; }
    #zalety-jogurtu #icons .title { font-size: 22px; }
    .badge { top: -170px; left: calc(50% - 85px); width: 170px; height: 170px; border: 5px solid white; box-shadow: 0 0 0 5px black; }
    .badge .small {font-size: 24px; line-height: 24px;}
    .badge .big {font-size: 52px; line-height: 52px;}
    #nasze-smaki { top: 70px; width: 100vw; }
    #nasze-smaki #items { width: 400vw; }
    .slide { width: 100vw; background-size: 300vw 100%; }
    .slide .txt { width: 31.845vw; left: 9.883vw; top: 9.517vw; }
    .slide .txt .title { font-size: 44px; line-height: 44px; }
    .slide .txt .desc { margin-top: 30px; font-size: 19px; line-height: 24px; }
    .slide .txt .skladniki { margin-top: 45px; font-size: 17px; line-height: 17px; column-gap: 5px; }
    .slide .txt .skladniki img { width: 30px; }
    .slide #skyr_truskawkowy { width: 61.933vw; top: 1.83vw; right: 4.026vw; }
    .slide #skyr_mango { width: 58.272vw; top: 1.83vw; right: 4.026vw; }
    .slide #skyr_wanilia { width: 59.81vw; top: 1.83vw; right: 4.026vw; }
    .slide .buteleczki { top: 29.649vw; left: 15.373vw; }
    .slide .buteleczki img { width: 5.124vw; }
    .slide .buteleczki img.active { width: 6.296vw; }
    #prevButton { top: 24.524vw; left: 9.517vw; }
    #nextButton { top: 24.524vw; right: 9.517vw; }
    #prevButton img, #nextButton img { width: 51px; }

    #kontakt {top: 70px; padding-top: 85px;}
    #kontakt .title {font-size: 34px; line-height: 34px;}
    #kontakt .txt {font-size: 23px; line-height: 24px; padding-top: 30px; padding-bottom: 50px;}
    #kontakt .form {display: flex;}
    #kontakt .form {column-gap: 25px; padding: 40px; padding-top: 0px;}
    #kontakt .form .content {width: 100%;}
    .form-title {font-size: 15px;}
    #wiadomosc {height: 140px;}
    .file_rules {margin-top: 10px; padding: 15px; font-size: 15px}
    .form-info {padding: 40px; padding-bottom: 0px; font-size: 14px; line-height: 17px;}
    .form-info p {margin: 0px; margin-top: 20px;}
    .form-address {margin-top: 75px; padding-bottom: 110px; font-size: 17px; line-height: 30px;}
    #kontakt .form .content .row {column-gap: 25px; margin-bottom: 17px;}
    #kontakt .form .content .row .col {width: 100%;}
    #kontakt .form .content .row .col.kod_pocztowy {width: 40%;}
    .form-input {width: 100%; height: 30px; border-radius: 5px; margin-top: 5px;}
    .form-submit {padding: 6px 12px; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; border-radius: 4px; }
    .form-submit:hover { background-position: 0 -15px; }
    .form-desc {font-size: 14px; line-height: 17px;}
    .pola_wymagane {font-size: 15px; line-height: 15px;}
    .spam_info {font-size: 15px; padding-bottom: 30px}
    .form-result {font-size: 15px;}

    #footer { top: 70px; padding-top: 55px; padding-bottom: 120px; }
    #footer a { font-size: 17px; margin-right: 18px; }
    #footer .container .col { width: 33.33%; }
    #footer #icon_facebook {width: 25px;}
    #footer #icon_youtube {width: 31px;}
    #footer #logo_stopka {width: 226px;}
    #footer .container.mobile, #kontakt .form .content .row.mobile {display: none;}

	#skladnikiOdzywczeOverlay .close {top: 50px; right: 50px; font-size: 12px;}
	#skladnikiOdzywczeOverlay {width: calc(1160px - 120px); top: 25vw; left: calc((100vw - 1160px)/2); border-radius: 25px; padding: 55px 60px;}
	#skladnikiOdzywczeOverlay .buteleczki {column-gap: 160px;}
	#skladnikiOdzywczeOverlay .buteleczki .item .name {font-size: 20px; border-radius: 15px; width: 146px;}
	#skladnikiOdzywczeOverlay .buteleczki .item img {width: 80px;}
	#skladnikiOdzywczeOverlay #skladniki_dane {margin-top: 35px; font-size: 19px; line-height: 19px;}
	#skladniki_dane .tabelka {margin-top: 6px; font-size: 14px;}
	#skladniki_dane .tabelka .row {margin-top: 14px;}
	#skladniki_dane .tabelka .row {display: flex;}
	#skladniki_dane .tabelka .row {padding: 4px 15px 4px 15px; }
	#skladniki_dane .tabelka .row .name {width: 75%;}

	#skladniki_dane .skladniki {margin-top: 32px; margin-bottom: 45px;}
	#skladniki_dane .pijSchlodzone {margin-top: 45px;}
	#skladniki_dane {min-height: 300px;}
	#skladniki_dane .pijSchlodzone img {position: absolute; bottom: -10px; left: 200px; max-width: 100px;}
}

@media (min-width: 800px) and (max-width: 1365px) {
    #header #top #hamburger {display: none;}
    .container { width: 100%; }
    #header { height: 51.977vw; }
    #header .bottle-image { width: 40.996vw; top: 6.589vw; left: 12.445vw; }
    #header #marka_opis { position: absolute; transform: rotate(180deg); text-orientation: mixed; writing-mode: vertical-lr; }
    #header #marka_opis { top: 12.445vw; left: 9.151vw; font-size: 1.025vw; line-height: 1.025vw; }
    #header #logo { left: 9.151vw; top: 2.928vw; width: 13.909vw; }
    #header #menu { right: 8.785vw; top: 4.246vw; column-gap: 1.83vw; }
    #header #menu a { font-size: 1.757vw; }
    #icon_facebook { width: 2.562vw; }
    #icon_youtube { width: 3.221vw; }
    #header #txt { top: 21.962vw; right: 11.713vw; width: 33.309vw; }
    #header #txt #title {font-size: 3.221vw;}
    #header #txt #desc {font-size: 1.391vw; line-height: 1.757vw;}
    .bg_header { top: 0px; width: 100%; height: 51.977vw; }
    .mask { width: 100%; top: 44.656vw; }
    #zalety-jogurtu { top: 5.124vw; padding-top: 5.124vw; }
    #zalety-jogurtu #title { font-size: 2.635vw; line-height: 2.635vw; }
    #zalety-jogurtu #icons { margin-top: 4.758vw; padding-bottom: 5.124vw; font-size: 1.391vw; line-height: 1.903vw; }
    #zalety-jogurtu #icons .title { font-size: 1.611vw; }
    .badge { top: -12.445vw; left: calc(50% - 6.223vw); width: 12.445vw; height: 12.445vw; border: 0.366vw solid white; box-shadow: 0 0 0 0.366vw black; }
    .badge .small {font-size: 1.757vw; line-height: 1.757vw;}
    .badge .big {font-size: 3.807vw; line-height: 3.807vw;}
    #nasze-smaki { top: 5.124vw; width: 100vw; }
    #nasze-smaki #items { width: 400vw; }
    .slide { width: 100vw; background-size: 300vw 100%; }
    .slide .txt { width: 31.845vw; left: 9.883vw; top: 9.517vw; }
    .slide .txt .title { font-size: 3.221vw; line-height: 3.221vw; }
    .slide .txt .desc { margin-top: 2.196vw; font-size: 1.391vw; line-height: 1.757vw; }
    .slide .txt .skladniki { margin-top: 3.294vw; font-size: 1.245vw; line-height: 1.245vw; column-gap: 0.366vw; }
    .slide .txt .skladniki img { width: 2.196vw; }
    .slide #skyr_truskawkowy { width: 61.933vw; top: 1.83vw; right: 4.026vw; }
    .slide #skyr_mango { width: 58.272vw; top: 1.83vw; right: 4.026vw; }
    .slide #skyr_wanilia { width: 59.81vw; top: 1.83vw; right: 4.026vw; }
    .slide .buteleczki { top: 29.649vw; left: 15.373vw; }
    .slide .buteleczki img { width: 5.124vw; }
    .slide .buteleczki img.active { width: 6.296vw; }
    #prevButton { top: 24.524vw; left: 9.517vw; }
    #nextButton { top: 24.524vw; right: 9.517vw; }
    #prevButton img, #nextButton img { width: 3.734vw; }

    #kontakt {top: 5.124vw; padding-top: 6.223vw; background-size: contain;}
    #kontakt .title {font-size: 2.489vw; line-height: 2.489vw;}
    #kontakt .txt {font-size: 1.684vw; line-height: 1.757vw; padding-top: 2.196vw; padding-bottom: 3.66vw;}
    #kontakt .form {display: flex;}
    #kontakt .form {column-gap: 1.83vw; padding: 2.928vw; padding-top: 0px;}
    #kontakt .form .content {width: 100%;}
    .form-title {font-size: 1.098vw;}
    #wiadomosc {height: 10.249vw;}
    .file_rules {margin-top: 0.732vw; padding: 1.098vw; font-size: 1.098vw}
    .form-info {padding: 2.928vw; padding-bottom: 0px; font-size: 1.025vw; line-height: 1.245vw;}
    .form-info p {margin: 0px; margin-top: 1.464vw;}
    .form-address {margin-top: 5.49vw; padding-bottom: 8.053vw; font-size: 1.245vw; line-height: 2.196vw;}
    #kontakt .form .content .row {column-gap: 1.83vw; margin-bottom: 1.245vw;}
    #kontakt .form .content .row .col {width: 100%;}
    #kontakt .form .content .row .col.kod_pocztowy {width: 40%;}
    .form-input {width: 100%; height: 2.196vw; border-radius: 0.366vw; margin-top: 0.366vw;}
    .form-submit {padding: 0.439vw 0.878vw; margin-bottom: 0; font-size: 1.025vw; line-height: 1.42857143; border-radius: 0.293vw; }
    .form-submit:hover { background-position: 0 -1.098vw; }
    .form-desc {font-size: 1.025vw; line-height: 1.245vw;}
    .pola_wymagane {font-size: 1.098vw; line-height: 1.098vw;}
    .spam_info {font-size: 1.098vw; padding-bottom: 2.196vw;}
    .form-result {font-size: 1.098vw;}

    #footer { top: 5.124vw; padding-top: 4.026vw; padding-bottom: 8.785vw; }
    #footer a { font-size: 1.245vw; margin-right: 1.318vw; }
    #footer .container .col { width: 33.33%; }
    #footer #icon_facebook {width: 1.83vw;}
    #footer #icon_youtube {width: 2.269vw;}
    #footer #logo_stopka {width: 16.545vw;}
    #footer .container .col.left { padding-left: 3vw; }
    #footer .container .col.right { padding-right: 3vw; }
    #footer .container.mobile, #kontakt .form .content .row.mobile {display: none;}

	#skladnikiOdzywczeOverlay .close {top: 3.66vw; right: 3.66vw; font-size: 0.878vw;}
	#skladnikiOdzywczeOverlay {width: 76.135vw; top: 25vw; left: calc((100vw - 76.135vw - 4.392vw * 2)/2); border-radius: 1.83vw; padding: 4.026vw 4.392vw;}
	#skladnikiOdzywczeOverlay .buteleczki {column-gap: 11.713vw;}
	#skladnikiOdzywczeOverlay .buteleczki .item img {width: 5.857vw;}
	#skladnikiOdzywczeOverlay .buteleczki .item .name {font-size: 1.464vw; border-radius: 1.098vw; width: 10.688vw;}
	#skladnikiOdzywczeOverlay #skladniki_dane {margin-top: 2.562vw; font-size: 1.391vw; line-height: 1.391vw;}
	#skladniki_dane .tabelka {margin-top: 0.439vw; font-size: 1.025vw;}
	#skladniki_dane .tabelka .row {margin-top: 1.025vw;}
	#skladniki_dane .tabelka .row {display: flex;}
	#skladniki_dane .tabelka .row {padding: 0.293vw 1.098vw 0.293vw 1.098vw; }
	#skladniki_dane .tabelka .row .name {width: 75%;}

	#skladniki_dane .skladniki {margin-top: 2.343vw; margin-bottom: 3.294vw;}
	#skladniki_dane .pijSchlodzone {margin-top: 3.294vw;}
	#skladniki_dane {min-height: 24vw;}
	#skladniki_dane .pijSchlodzone img {position: absolute; bottom: -0.733vw; left: 14.652vw; max-width: 7.326vw;}
}

@media (min-width: 1200px) and (max-width: 1300px) { iframe#contactConso {height: 70vw;} }
@media (min-width: 1000px) and (max-width: 1199px) { iframe#contactConso {height: 84vw;} }
@media (min-width: 800px) and (max-width: 999px) { iframe#contactConso {height: 115vw;} }
@media (min-width: 767px) and (max-width: 799px) { iframe#contactConso {height: 120vw;} }

@media (max-width: 799px) {
    .desktop {display: none !important;}
    .mobile {display: block !important;}

    .container { width: 100%; }
    /* #header { height: 92.149vw; } */
    #header { height: auto; }
    #header #top {position: relative; height: 17vw;}
    #header #top #hamburger {width: 8.117vw; position: absolute; top: 9.85vw; right: 9.456vw;}
    #header #content {position: relative; height: 78vw;}
    #header #logo { left: 8.264vw; top: 6.198vw; width: 22.975vw; }
    #header .bottle-image { position: relative; width: 69.934vw; top: 0vw; left: -6.5vw; }
    #header #txt { top: 36.249vw; right: 7.851vw; width: 33.309vw; }
    #header #txt #title {font-size: 5.95vw; line-height: 5.95vw;}
    #header #txt #desc {display: block; font-size: 1.391vw; line-height: 1.757vw;}
    #header #marka_opis { position: absolute; width: 40vw; text-align: center; font-family: "poppins", sans-serif; font-weight: 400; font-style: normal;}
    #header #marka_opis { top: 52.797vw; right: 4.678vw; font-size: 1.983vw; line-height: 2.983vw; transform: rotate(0deg); text-orientation:initial; writing-mode: horizontal-tb;}
    .badge { display: none; top: -12.445vw; left: calc(50% - 10.537vw); width: 21.074vw; height: 21.074vw; border: 0.366vw solid white; box-shadow: 0 0 0 0.366vw black; }
    .badge .small {font-size: 2.957vw; line-height: 2.957vw;}
    .badge .big {font-size: 5.407vw; line-height: 5.407vw;}
    #badge_mobile {display: block; position: absolute; top: -15.62vw; left: calc(50% - 10.537vw); width: 21.24vw; z-index: 99; }
    #flag_nowosc {display: block; position: absolute; right: 0px; top: 18.913vw; width: 31.074vw;}
    #header #menu { position: relative; column-gap: 1.83vw; display: none; text-align: center; overflow: hidden; height: 0vw;}
    #header #menu a { display: block; font-size: 3.546vw; line-height: 7.546vw; }
    /* #header .social {position: relative; z-index: 999;}
    #header #icon_youtube { position: absolute;  width: 3.467vw; top: 0px; right: 9.456vw;}
    #header #icon_facebook { position: absolute; width: 3.231vw; top: 4.334vw; right: 9.456vw;} */

	#header .social {position: absolute; top: 9.85vw; right: 22vw; z-index: 999;}
	#header #icon_youtube { position: relative; width: 4.467vw; top: -0.5vw;}
	#header #icon_facebook { width: 4.231vw; top: 0vw; right: 9.456vw; margin-right: 2vw;}

    #zalety-jogurtu #desc.mobile {width: 83.136vw; font-size: 3.546vw; text-align: center; margin: 0 auto; margin-top: 7.092vw;}

    .bg_header { top: 0px; width: 100%; height: 51.977vw; }
    .mask { width: 100%; top: 44.656vw; }
    #zalety-jogurtu { top: 5.124vw; padding-top: 5.124vw; }
    #zalety-jogurtu #title { margin-top: 6.304vw; font-size: 4.886vw; line-height: 4.886vw; }
    #zalety-jogurtu #icons { margin-top: 5.122vw; padding-bottom: 7.486vw; font-size: 2.522vw; line-height: 2.522vw; column-gap: 8vw;}
    #zalety-jogurtu #icons .title { font-size: 2.667vw; line-height: 3.167vw; width: 50%; margin-top: 2.758vw;}
    #zalety-jogurtu #icons .icon1 {text-align: right;}
    #zalety-jogurtu #icons .icon2 {text-align: center;}
    #zalety-jogurtu #icons .icon3 {text-align: left;}

    #zalety-jogurtu #icons .icon1 .title {text-align: right; margin-left: 50%;}
    #zalety-jogurtu #icons .icon2 .title {text-align: center; margin: 0 auto; margin-top: 2.758vw; }
    #zalety-jogurtu #icons .icon3 .title {text-align: left;}

    #zalety-jogurtu #icons .icon1 img {width: 7.171vw; }
    #zalety-jogurtu #icons .icon2 img {width: 7.25vw; }
    #zalety-jogurtu #icons .icon3 img {width: 8.353vw; }

    #nasze-smaki { top: 5.124vw; width: 100vw; }
    #nasze-smaki #items { width: 400vw;}
    #slider_content {padding-bottom: 15vw;}
    .slide { width: 100vw; background-size: 300vw 50%; aspect-ratio: 1269/1400;}
    .slide .txt { width: 44.845vw; left: 4.883vw; top: 2.517vw; }
    .slide .txt .title { font-size: 5vw; line-height: 5vw; text-align: right; }
    /* .slide .txt .desc { margin-top: 2.196vw; font-size: 1.925vw; line-height: 2.167vw; text-align: right; } */
	.slide .txt .desc { margin-top: 2.196vw; font-size: 2.667vw; line-height: 3.167vw; text-align: right; }
    .slide .txt .skladniki { margin-top: 0vw; font-size: 2.5vw; line-height: 2.5vw; column-gap: 0.366vw; flex-direction: row-reverse; justify-content: right; position: absolute; z-index: 99999; width: 100%; left: 0px;}
    .slide .txt .skladniki img { width: 2.364vw; }
    .slide #skyr_truskawkowy { width: 61.933vw; top: 4.83vw; right: 10.026vw; }
    .slide #skyr_mango { width: 58.272vw; top: 8.83vw; right: 8.026vw; }
    .slide #skyr_wanilia { width: 59.81vw; top: 8.83vw; right: 4.026vw; }
    .slide .buteleczki { top: 50%; left: 0vw; width: 100%; justify-content: center; align-items: end; background-color:#fff; z-index: 999; padding-top: 9.184vw;}
    .slide .buteleczki img { width: 15.76vw; }
    .slide .buteleczki img.active { width: 17.1vw; }

    #kontakt {top: 7vw; padding-top: 9.583vw; background-image: none;}
    #kontakt .title {font-size: 5.167vw; line-height: 5.167vw; z-index: 99999;}
    #kontakt .txt {font-size: 3.333vw; line-height: 4vw; padding-top: 2.196vw; padding-bottom: 3.66vw;}
    #kontakt .form {display: block;}
    #kontakt .form {column-gap: 4.167vw; padding: 0 11.25vw;}
    #kontakt .form .content {width: 100%;}
    #bg_kontakt_mobile {display: block; position: absolute; max-width: 100%; top: -27vw;}
    .form-title {font-size: 2.25vw;}
    #wiadomosc {height: 21.667vw;}
    .file_rules {margin-top: 1.25vw; padding: 2.5vw 1.667vw; font-size: 2.25vw}
    .form-info {background-color: #fc8106; color: #fff; text-align: justify; padding: 3.333vw 11.25vw 5.417vw 11.25vw; font-size: 2.167vw; line-height: 2.333vw;}
    .form-info p {margin: 0px; margin-top: 1.464vw;}
    .form-address {margin-top: 5.49vw; padding-bottom: 8.053vw; font-size: 3.75vw; line-height: 6.5vw;}
    #kontakt .form .content .row {column-gap: 4.167vw; margin-bottom: 2.5vw;}
    #kontakt .form .content .row .col {width: 100%;}
    #kontakt .form .content .row .col.kod_pocztowy {width: 40%;}
    .form-input {border: none; width: 100%; height: 4.583vw; border-radius: 0.417vw; margin-top: 1vw;}
    .form-submit {padding: 0.39vw 2.878vw; margin-bottom: 1.833vw; font-size: 2.25vw; line-height: 2.5; border-radius: 1.293vw; }
    .form-submit:hover { background-position: 0 -1.098vw; }
    .form-desc {font-size: 2.167vw; line-height: 2.667vw;}
    .pola_wymagane {padding: 0 8.75vw; font-size: 2.25vw; line-height: 2.25vw;}
    .spam_info {font-size: 2.5vw; padding-bottom: 4.583vw; margin-top: 6.667vw;};
    .form-result {font-size: 2.25vw;}

    #prevButton { top: 35.461vw; left: 7.88vw; }
    #nextButton { top: 35.461vw; right: 7.88vw; }
    #prevButton img, #nextButton img { width: 6.462vw; }
    #footer { top: 10.244vw; padding-top: 4.026vw; padding-bottom: 8.785vw; display: block; }
    #footer a { color: #00a5e2; font-size: 3.152vw; margin-right: 0px; }
    #footer .container .col { width: 80%; display: flex; column-gap: 8vw; margin: 0 auto; }
    #footer #icon_facebook {width: 3.152vw; position: relative; top: auto; left: auto; margin: 0}
    #footer #icon_youtube {width: 3.94vw; position: relative; top: auto; left: auto; margin: 0}
    #footer #logo_stopka {width: 28.842vw; padding-bottom: 7.486vw;}
    #footer .center {text-align: center;}

	.w55 {width: 100%;}
	.w45 {width: 100%;}
	.skladniki_content {display: block;}

	#skladnikiOdzywczeOverlay .close {top: 2.5vw; right: 2.5vw; font-size: 1.5vw;}
	#skladnikiOdzywczeOverlay {position: absolute; background-color: #f2f2f2; z-index: 99999; border: 1px solid #f2f2f2; display: none;}
	#skladnikiOdzywczeOverlay {width: 85vw; top: 29vw; left: calc((100vw - 85vw - 4.583vw * 2)/2); border-radius: 2.083vw; padding: 5vw 4.583vw;}
	#skladnikiOdzywczeOverlay .buteleczki {column-gap: 7.917vw;}
	#skladnikiOdzywczeOverlay .buteleczki .item img {width: 9.583vw;}
	#skladnikiOdzywczeOverlay .buteleczki .item .name {font-size: 2.083vw; border-radius: 1.25vw; width: 15.167vw;}
	#skladnikiOdzywczeOverlay #skladniki_dane {margin-top: 3.75vw; font-size: 2.083vw; line-height: 2.083vw;}
	#skladniki_dane .tabelka {margin-top: 3.75vw;}
	#skladniki_dane .tabelka .row {margin-top: 1.025vw;}
	#skladniki_dane .tabelka .row {display: flex;}
	#skladniki_dane .tabelka .row {padding: 0.586vw 1.098vw 0.732vw 1.098vw; }
	#skladniki_dane .tabelka .row .name {width: 77%;}

	#skladniki_dane #skladniki_truskawka .wartosc_100g {color: #e20026;}
	#skladniki_dane #skladniki_mango .wartosc_100g {color: #fc8106;}
	#skladniki_dane #skladniki_wanilia .wartosc_100g {color: #e6a00b;}

	#skladniki_dane .skladniki {margin-top: 3.333vw; margin-bottom: 4.583vw;}
	#skladniki_dane .pijSchlodzone {margin-top: 4.583vw; margin-bottom: 5vw;}
	#skladniki_dane {min-height: 68vw;}
	#skladniki_dane .pijSchlodzone img {position: absolute; bottom: 5vw; left: 18.652vw; max-width: 8.326vw;}
}

@media (min-width: 1600px) { #skladnikiOdzywczeOverlay {top: 23.5vw;} }
@media (min-width: 1800px) { #skladnikiOdzywczeOverlay {top: 22vw;} }
@media (min-width: 2000px) { #skladnikiOdzywczeOverlay {top: 20vw;} }
@media (min-width: 2200px) { #skladnikiOdzywczeOverlay {top: 18vw;} }