@charset "utf-8";
:root {
--kandy-font: #f04356;
--kandy-bg: #f04356;
--lauretta-font: #5d381b;
--lauretta-bg: #5d381b;
--cristalli-font: #cd2759;
--cristalli-bg: #cd2759;
--ascanio-font: #40991d;
--ascanio-bg: #40991d;
}
.print-logo { display:none; }
html {
    color-profile: sRGB;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: 400;
	font-style: normal;
	font-family: 'Lato', sans-serif;
	line-height:1.38em;
    color:#000;
    text-wrap: pretty;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: normal;
	-webkit-print-color-adjust: exact;
    print-color-adjust: exact;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol {
	list-style:decimal;
}
ul {
	list-style: disc;  padding-left: 0.4em;
    margin-left: 0;
}
/*
ul {	
	list-style: none;
	padding-left: 0;
	list-style-position: inside;
	text-indent:0;
}
ul li { 
position: relative;
	padding-left: 1.4em;
}
ul li::before {
  
  position: absolute;
  left: 0;
  top: 0; 
	
  width: 0.65rem;
  aspect-ratio: 1 / 1;
  height: auto;
  display: block;
  border-radius: 50%;
	background:none;
	background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
	 content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%23ef4456'/%3E%3C/svg%3E");
	
}
*/
ul li::marker {
  color: #ef4456; 
  font-size: 1.5em; 
	
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
strong { font-weight:bold; } 
em { font-style:italic; }
strong em { font-weight:bold;  font-style:italic; }
body { 	background-color:#fff; font-size:14px; }
body {  }

/* globalne łańcuchy: Lato → Cairo → system */
body{
  font-family: 'Lato', 'Cairo', sans-serif;
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-smooth: always;
}

/* opcjonalnie – wymuś Cairo tylko tam,
   gdzie treść jest oznaczona jako arabska 
:lang(ar){
  font-family: 'Cairo', sans-serif;
}
*/

#ua-badge { display:none; }
.desktop { display:block; }
.mobile { display:none; }

.clear { clear:both; position:relative; display:block; }
.gap { clear:both; display:block; width:100%; height:2em; }
.gap-large { clear:both; display:block; width:100%; height:74px; }


.mobilemenu { display:none; z-index:4; }
.mobilemenu.smartmobi { position: absolute; display:none; }
.hamburger-container { display:none;  z-index:70; position:absolute; }

/*
.iframe-container { max-width:100%;position: relative;padding-top: 56.25%; margin:0 0 20px 0; }
.iframe-container iframe { max-width:100%;  position: absolute; 
                top: 0; 
                left: 0; 
                bottom: 0; 
                right: 0;  }

.produkty_info p { font-size:21pt; column-count: 1; font-family: trumpgothicpro, sans-serif;  }
.produkty_info p strong { font-weight: 500; font-style: normal; }
.produkty_info p b { font-weight: 500; font-style: normal; }

*/

.text_c iframe { width:100%; display:block; position:relative; aspect-ratio: 16 / 9; height:auto;  }





h1,h2, #m a { font-feature-settings: "salt" 2; font-display: block;   font-family: trumpgothicpro, sans-serif; font-weight: 400; font-style: normal; }

h1 { font-size:26pt; text-align:left; color:#000; padding:0px 0px 8px 0px; margin:0px 0px 1em 0px; clear:left; line-height:1.35em; text-transform:uppercase; font-weight:500; }

h2 { font-size:18pt; color:#f04356; padding:0px 0px 0px 0px; margin:1.4em 0 0.7em 0; clear:left;font-weight: normal; line-height:1.35em; text-transform:uppercase; font-weight:500; }
.k24-home-content h2 { font-size:20pt; color:#000; text-transform:none; }

h3 { font-size:13pt; font-weight:600; color:#000; padding:0px 0px 0px 0px; margin:1em 0 0.7em 0; clear:left; }
h4 { font-size:26pt; font-weight:900; color: var(--kandy-bg);   padding:0px 0px 0px 0px; margin:0 0 0.7em 0; text-transform:uppercase; font-family: trumpgothicpro, sans-serif;  }
h5 { font-size:13pt; font-weight:900; color:#000;   padding:0px 0px 0px 0px; margin:0 0 0.7em 0;  }
h2 strong { font-weight: normal;}

.contact_data { clear:both; }
.contact_data h3 { clear:both; }
.contact_data h2 { clear:both; }
.contact_data h3, .contact_data h2 { margin-top:0; }
.contact_map h3, .contact_map h2 { margin-top:0; }




p { margin:0px 0px 1em 0px; clear:left; font-weight:300;  }
p,li { font-size:13pt; color:#000; }

a { text-decoration:none; color:#000; }
p a, li a { color:#000; font-weight:normal; 
/* text-decoration: underline dotted black;  Podkreślenie wykropkowane */
    
    
 text-decoration: underline;                /* działa wszędzie */
  text-decoration-style: dotted;             /* ładnie w Chrome/Firefox/Edge */
  text-decoration-color: black;    
    
  text-decoration-thickness: 1px;         /* Grubość podkreślenia */
  text-underline-offset: 4px;            /* Opcjonalne: Odstęp od tekstu */
  color: black;  
}
p a:hover, li a:hover { text-decoration:underline solid #f04356; color:#f04356; text-decoration-thickness: 2px;   }

p img { margin:0 0 9px 0; }

p.lead  { font-size:28pt;  color:#000000; padding:0px 0px 0px 0px; margin:0px 0px 0.77em 0px; font-family: trumpgothicpro, sans-serif; font-weight: 500; font-style: normal;
  line-height:1.1em;
     font-smooth: never; /* Non-standard, but used in some browsers */
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: grayscale;
}
p.lead strong { font-family: trumpgothicpro, sans-serif; font-weight: 500; font-style: normal;  }

p.lead a { font-size:24pt;  font-family: trumpgothicpro, sans-serif; font-weight: 500;font-style: normal; }
@media screen and (max-width:520px) {
    p.lead  { font-size:8vw; }
}

ul,ol { display:block; margin:0px 0px 16px 20px; }
.lang_ar ul, .lang_ar ol { margin:0px 20px 16px 0; }

.c ul, .c ol { clear:both; }

input, textarea { font-family: 'Lato', sans-serif; color:#4a4a4a; font-size:16px; border:1px solid #4a4a4a; }

sub, sup {   font-size: 50%;   line-height: 0;   position: relative;   vertical-align: baseline; }
sup {   top: -1em; }
sub {  bottom: -0.25em;  }	


.lang_ar .brand-article h1, 
.lang_ar .brand-none  h1 { text-align:right !important; }
.lang_ar h2 { text-align:right !important; }
.lang_ar .k24-home-row h2 { text-align:center !important; }
.lang_ar h3 { text-align:right !important; }
.lang_ar .k24-home-row h3 { text-align:center !important; }


.video { width:100%; margin:35px auto 35px auto;  overflow:hidden; }
.hspacer { margin:80px 0px 80px 0px; clear:both; height:27px; background-image:url(../images/pasek_alpha.png); background-position:center; background-repeat:no-repeat; clear:both; width:100%; position:relative; }
.hspacer2 { margin:0; clear:both; height:100px; background-image:url(../images/pasek_alpha2.png); background-position:center; background-repeat:no-repeat; clear:both; width:100%; position:relative;  }
.hspacer-none { margin:40px 0px 40px 0px; clear:both; height:10px; background:none; clear:both; width:100%; position:relative; }
.pasek { margin:20px 0px 20px 0px; clear:both; height:27px; background-image:url(../images/pasek_alpha.png); background-position:center; background-repeat:no-repeat; }
/* clear:both; display:block; position:relative; width:100%; height:42px; background-image:url(../images/_hspacer.png); background-position:bottom; background-repeat:no-repeat; padding:40px 0px 0px 0px;  */
.hline { margin:10px 0px 10px 0px; clear:both;  height:1px; width:512px; background-color:#d1c6bd; }

br { clear:both; }



body { background-color:#fff; }
body { }
body.nobg { background:none; } 





.wc { width:100%; position:relative; z-index:3;} 
.wc.nobg { background:none; } 

.w { width:100%; position:relative; z-index:2; } 

.wc { background-image:url(../images/w_bg_pages.png); background-repeat:repeat-x; background-position:top; display:block !important; }
.w { width:100%; max-width:1142px; position:relative; top:0px; margin: 0 auto; z-index:2;}
.h { height:218px;position:relative; z-index:1; }






.arrow-page { position:fixed; display:block; top:calc(50vh - 98px); height:197px;  width:458px; z-index:90; }
.arrow-page-inside { position:relative; height:197px;  width:458px; }
.arrow-page-next { right:0; }
.arrow-page-prev { left:0; }
.arrow-page .arrow-page-body { width:412px; position:relative; display:block; background-color:#57371c; height:197px;}
.arrow-page-next .arrow-page-body { left:46px;  }
.arrow-page-prev .arrow-page-body { right:0;  }
.arrow-page-text { padding: 75px 50px 75px 50px; font-size:14px;  color:#fff;  }
.arrow-page-next .arrow-page-text { text-align:left; background-image:url("../images/arrow-page-next-arrow.png"); background-repeat:no-repeat; background-position:320px 70px; }
.arrow-page-prev .arrow-page-text { text-align:right; background-image:url("../images/arrow-page-prev-arrow.png"); background-repeat:no-repeat; background-position:75px 70px; }
.arrow-page-next { background-image:url("../images/arrow-page-next.png"); background-position:left; background-repeat:no-repeat; }
.arrow-page-prev { background-image:url("../images/arrow-page-prev.png"); background-position:right; background-repeat:no-repeat; }






#lang-icon-mobile { display:none; }
            

.langs_menu_c { display:block; position:absolute; top:144px; right:0; width:112px; height:30px; overflow:visible; z-index:90; }
@media screen and (max-width:1218px) {
    .langs_menu_c { right:45px;  }
}


#lang_active { display:block; position:absolute; z-index:2; left:0; top:0;  width:112px; height:30px; cursor:pointer; }
#lang_active::after { content: '';
  position: absolute;
  left: 75%;
  bottom: -6px; /* Adjust this value to control the distance from the div */
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff; /* Same color as the div */
}

#lang_active { 
      
          }

                .lang_active_label { display:block; position:relative; float:right; width:112px; height:30px;   border-radius:4px;  background-color:#fff; }
                .lang_active_label { background-image:url('../images/globe2.svg');  background-size:17px; background-repeat:no-repeat; background-position:6px 6px;  }
                .lang_active_label .lang_active_label_txt {  padding: 5px 10px 5px 0; font-size:13px; line-height:18px; text-align:right; color:#000; text-decoration:none;  font-weight:normal; }
                

            #langs_closemenu { display:none; position:absolute; z-index:3; top:0; left:0; width:112px; height:30px; cursor:pointer; }
            
                .lang_closemenu_label { display:block; position:relative; float:right; width:112px; height:30px;  background-color:#fff; border-radius:4px; }
                .lang_closemenu_label { background-image:url('../images/globe2.svg');  background-size:17px; background-repeat:no-repeat; background-position:6px 6px;  }
                .lang_closemenu_label .lang_closemenu_label_txt { padding: 5px 10px 0 0; font-size:13px; line-height:18px; text-align:right; color:#000; text-decoration:none;  font-weight:normal;  }

            #langs_menu { display:none; position:absolute; z-index:1; top:0; right:0; width:88px; height:auto; padding:45px 10px 20px 14px;  background-color:#c23947;  }
                .langs_menu_lang { display:block; position:relative; clear:both; font-size:13px; line-height:24px; text-align:right; color:#fff; text-decoration: none;   }
                .langs_menu_lang:hover { text-decoration: underline; }





#mc { } 
#mc { max-width:90vw; margin:0px auto 0px auto; width:1142px; } 
#m {  position:relative; z-index:1; height:69px;   } 
#m { } 
			#m .menu {   }							
			
	

#mc_mobile { display:none; } 







.h { height:125px;position:relative;  }

	#logo { position:relative; padding:12px 0px 0px 0px; text-align:center; z-index:3;  }
	#logo a { position:relative;  display:block; width:162px; margin: 0 auto 0 auto; }
	#logo a img { width:100%;  }
    #logo a:hover {  }
	

.header-phone-number { position:absolute; top:5px; right:0;  padding:14px 0 0 30px; width:300px; z-index:2; }
.header-phone-number-text { float:right; display:block; position:relative; color:#fff; font-family: trumpgothicpro, sans-serif; font-weight:300; text-decoration:none; text-transform:uppercase; font-size:1.75em; text-align:right; padding:1px 0 0 0; white-space: nowrap; }
.header-phone-number-icon { float:right; display:block; position:relative; width:32px; height:32px; background-color: var(--kandy-font); border-radius:16px; background-image:url(../images/phone.png); background-position:center; background-repeat: no-repeat; margin-right:4px;  }
@media screen and (max-width:1218px) {
    .header-phone-number { right:45px;  }
}
@media screen and (max-width:1028px) {
    .header-phone-number { position:relative; top:0; right:0; width:100%; padding:24px 0 0 0; height:96px; background-color:#c33948; }
    .header-phone-number-i { position:relative;  width:73vw; max-width:380px; margin: 0 auto;}
    .header-phone-number-text { float:right; display:block; position:relative; color:#fff; font-family: trumpgothicpro, sans-serif; font-weight:600; text-decoration:none; text-transform:uppercase; font-size:2.5rem; text-align:center; padding:10px 0 0 0; width:calc(100% - 72px - 2vw);  }
    
    .header-phone-number-icon { float:left; display:block; position:relative;  width:54px; height:54px;  background-color: #fff; border-radius:27px; background-image:url(../images/phone-mobile.png); background-position:center; background-repeat: no-repeat;  margin-right:2vw; background-size:32px; margin-top:7px; }
    
}
@media screen and (max-width:372px) {
    .header-phone-number { position:relative; top:0; right:0; width:100%; padding:24px 0 0 0; height:96px; background-color:#c33948; }
    .header-phone-number-i { position:relative;  width:73vw; max-width:380px; margin: 0 auto;}
    .header-phone-number-text { font-size:11vw; padding:10px 0 0 0; }
    
    .header-phone-number-icon { width:14vw; height:14vw; border-radius:7vw; background-size:8vw; margin-right:2vw; top:2vw;  }
    
}

#logo_ue_mobile { display:block; cursor:pointer; position:relative; clear:both; float:right; max-width:40vw; height:auto; top:7vw; right:2vw;}
			
#mc { overflow:visible; height:60px;  width:1142px; margin-top:10px; z-index:10; display:block; position:relative;  }

/*	#m { height:64px;  width:980px; padding:10px 0px 0px 165px;}	 */
    #m { height:73px;  width:1142px; padding:0px 0 0 0;}
    
	#m .submenu_0 { float:left; display:block; position:relative; } 
	#m .submenu_0 a { display:block;padding:12px 30px 12px 30px; height:36px; color:#fff; font-size:18pt; font-family: trumpgothicpro, sans-serif; font-weight:500; text-decoration:none; text-transform:uppercase; } 
	
    #m .submenu_0:hover > a { color:#fff; background-color:#c33948; } 

    
	#m .submenu_0.menu_active > a { color:#fff; background-color:#c23947; } 

#mc_submenu { margin:0 0 0 0; min-height:66px; height:auto; padding:0; background-color:#c33948;}

    #m .submenu_1_c { display:none; }
    #m .submenu_1_c { position:absolute; top:60px; left:0; width:420px; background:none; padding:0; background-color:#ef4456;  }
    #m .submenu_0:hover .submenu_1_c { display:block; }

    #m .submenu_1 { display:block; position:relative; float:none; clear:left;  background:none;  } 
    

		
    #m .submenu_1 a { display:block; float:none; padding:5px 30px 4px 30px; height:auto; color:#fff; font-size:10pt; font-family: Lato, helvetica, sans-serif; text-decoration:none; text-transform:none;  background-color:#ef4456; font-weight:100 !important; line-height:16pt; } 
	#m .submenu_1 a:hover { color:#fff; background-color:#c33948; }  
    #m .submenu_1.menu_active > a { color:#fff; background-color:#c23947; } 
    #m .submenu_1:first-child > a { padding-top:20px; }
    #m .submenu_1:last-child { padding-bottom:20px; }


    
    #m .submenu_2_c { position:relative; width:420px; background:none; padding:0  }
    #m .submenu_1:first-child .submenu_2_c  {  }
    #m .submenu_1:last-child .submenu_2_c  {  }
    
    #m .submenu_2 { display:block; position:relative; float:none; clear:left;  background:none;  } 
    

    
    
		
    #m .submenu_2 a { display:block; float:none; padding:5px 30px 4px 46px; height:auto; color:#fff; font-size:10pt; font-family: Lato, helvetica, sans-serif; text-decoration:none; text-transform:none;  background-color:#ef4456; font-weight:100 !important; line-height:16pt; } 
	#m .submenu_2 a:hover { color:#fff; background-color:#c33948; }  
    #m .submenu_2.menu_active > a { color:#fff; background-color:#c23947; } 
    #m .submenu_2:first-child a {  }
    #m .submenu_2:last-child a { }
     #m .submenu_2 a::before {
         content: '';
  width: 6px;
  height: 6px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6"><circle cx="3" cy="3" r="3" fill="white"/></svg>');
  background-size: contain;
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.lang_ar #m .submenu_2 a { padding:5px 46px 4px 30px; }
.lang_ar #m .submenu_2 a::before {  right: 30px;  left:none;  }

    /*
    #mc_submenu { margin:0 0 0 0; min-height:66px; height:auto; padding:0; background-color:#c33948; }
    #mc_submenu #mc_submenu_i { padding:18px 98px 0px 98px; float:left; }
    #mc_submenu #mc_submenu_i a.mc_sub { display:block;padding:0 0 0 0; margin:0 20px 0 20px; height:36px; color:#fff; font-size:18pt; font-family: trumpgothicpro, helvetica, sans-serif; text-decoration:none; text-transform:uppercase;  float:left; }
    #mc_submenu #mc_submenu_i a.mc_sub.mc_sub_active, 
    #mc_submenu #mc_submenu_i a.mc_sub:hover { text-decoration: underline; text-decoration-color: #efc0c2; }
    


.lauretta-artykul { width:580px; margin:2em auto; position:relative; display:block; }
.lauretta-artykul img { width:80%; margin:0 auto; position:relative; display:block; }
.lauretta-artykul h1 { line-height:1.24em; margin:2em 0px 1em 0px; }
.lauretta-artykul h2 { margin:2em 0px 1em 0px;  }
.lauretta-artykul h3 { color:#de262d; font-size:24px; font-family: trumpgothicpro; font-weight: normal; font-style: normal; margin:2em 0px 1em 0px;  line-height:1.24em; }
.lauretta-artykul h2,h3,p,li { text-align:justify; }

@media screen and (max-width:960px) {
	.lauretta-artykul     { width:100%; position:relative; float:none; }
}


*/






p.small-text { font-size:11px; }
ol.small-text, ol.small-text li { font-size:11px; }


.subheader { width:100%; position:relative; min-height:756px;  }
.subheader::before { 
    background-position:center top; background-repeat:repeat-x; 
    background-size:cover;
    position: absolute;
    content: '';
    z-index: -1;
    width: 100%;
    height: 383px; /* 756px; */
}

.subheader-container { }


.brand-lauretta::before { background-image:url("../images/brands-layout/top-lauretta.jpg"); background-position:center;  }
.brand-cristalli::before { background-image:url("../images/brands-layout/top-cristalli-3.jpg"); background-position:bottom center; }
.brand-ascanio::before { background-image:url("../images/brands-layout/top-ascanio-2.jpg"); }
.brand-paryskie::before { background-image:url("../images/brands-layout/top-paryskie.jpg"); }
.brand-galaretki::before { background-image:url("../images/brands-layout/top-galaretki.jpg"); height:200px; }
.brand-owoce-kandyzowane::before { background-image:url("../images/brands-layout/top-kandyzowane.jpg"); height:200px; background-position:bottom; }
.brand-nadzieniaczek::before { background-image:url("../images/brands-layout/top-nadzienia-do-czekolad.jpg"); height:200px; background-position:bottom; }
.brand-none { padding-top:4em; }
.brand-przemysl::before {  background-image:url("../images/brands-layout/top-przemysl.jpg"); height:200px;  }
.brand-article {  padding-top:4em; margin:0 auto; position:relative; display:block;   width:840px;  } /*  width:580px; */

/*  min-height:600px; */
@media screen and (max-width:960px) {
    .subheader::before { height: 425px; }
    .brand-galaretki::before { height: 240px; }
    .brand-owoce-kandyzowane::before { height: 240px; }
    .brand-nadzieniaczek::before { height: 240px; background-position:top right; }
    .brand-przemysl::before { height: 232px; }
    .subheader-logo { position:relative; width:56vw; height:35vw; background-size:cover; }
}


@media screen and (max-width:840px) {
	.brand-article     { width:100%; position:relative; float:none; }
}

.subheader-shadow { width:100%; position:relative; min-height:756px; background-position:center top; background-repeat:no-repeat;  background-image:url("../images/shadow.png"); padding-top:30px;  }
.brand-none .subheader-shadow { background:none; }
.brand-paryskie .subheader-shadow { background:none; }
.brand-przemysl .subheader-shadow { background:none; }
.brand-article .subheader-shadow { background:none; }
.brand-galaretki .subheader-shadow { background:none; }
.brand-article .subheader-shadow { background:none; }
.brand-owoce-kandyzowane .subheader-shadow { background:none; }
.brand-owoce-nadzieniaczek .subheader-shadow { background:none; }




.subheader-logo { position:relative; width:372px; height:235px;  margin: 0 auto 0 auto; background-position:center top; background-repeat:no-repeat;  }

.brand-lauretta .subheader-logo { background-image:url("../images/brands-layout/logo-lauretta.png"); }
.brand-cristalli .subheader-logo { background-image:url("../images/brands-layout/logo-cristalli.png"); }
.brand-ascanio .subheader-logo { background-image:url("../images/brands-layout/logo-ascanio.png"); }
.brand-owoce-kandyzowane .subheader-logo { height:40px; }  /* background-image:url("../images/brands-layout/logo-kandy.png");  */
.brand-paryskie .subheader-logo { background-image:url("../images/brands-layout/logo-paris-delice.png"); background-size:contain; }
.lang_pl .brand-paryskie .subheader-logo { background-image:url("../images/brands-layout/logo-paryskie.png");  }
.brand-galaretki .subheader-logo { height:40px; }
.brand-nadzieniaczek .subheader-logo { height:40px; }
.brand-przemysl .subheader-logo { height:40px; }
.brand-none .subheader-logo { height:0; }
.brand-article .subheader-logo { height:0;  }

.main-title { width:1142px; height:157px; position:relative; display:block; overflow:hidden;  max-width:90vw; margin:0 auto; }
.main-title h1 { text-align:center; text-transform:none; font-size:37pt; line-height:1.075em; margin:0.26em 0 0 0; }



.brand-none .main-title { height:auto; }
.brand-none .main-title h1 { text-align:left; margin-bottom:0;  }  /*  text-transform:uppercase; */
.brand-cristalli .main-title h1 { color:#000; }
.brand-article .main-title { height:auto; width:100%; }
.brand-article .main-title h1 { text-align:left; margin-bottom:0;  }
.brand-none .text { margin:2em 0 0 0; }
.brand-owoce-kandyzowane .main-title h1 { color:#000;  }
.brand-nadzieniaczek .main-title h1 { color:#fff;  }
.brand-galaretki .main-title h1 { color:#000;  }
/* .brand-owoce-kandyzowane .breadcrumbs, .brand-owoce-kandyzowane .breadcrumbs a, .brand-owoce-kandyzowane .breadcrumbs a:hover { color:#fff;  } */
.brand-przemysl .main-title h1 { color:#000;  }
/* .brand-przemysl .breadcrumbs, .brand-przemysl .breadcrumbs a, .brand-przemysl .breadcrumbs a:hover { color:#fff;  } */













/*.brand-article .article-img { width:calc(50% - 60px);background-color:#f0f0f0; padding:30px;  margin:0; float:left; position:relative; display:block; } */

/*
.brand-article .article-img:nth-child(odd) { width:calc(50% - 45px);; float:left; padding:30px 30px 30px 30px; }
.brand-article .article-img:nth-child(even) { width:calc(50% - 45px); float:right; padding:30px 30px 30px 0px; aspect-ratio:1.5; }
.brand-article .article-img::after  content:""; clear:both; width:1px; height:1px; 
*/
/*
.brand-article .article-gal { clear:both; margin:4em 0 2em 0; width:100%; left:0; position:relative; display:block;  }
.brand-article .article-img {  background-color:#f0f0f0;   margin:1em 0 1em 0;  position:relative; display:block;  overflow:hidden; }
.brand-article .article-img img { width:100%; margin:0;  }

.brand-article .article-gal { clear:both; margin:4em 0 2em 0; width:1142px; left:-196px; position:relative; display:flex; align-items: stretch;  } 

.brand-article .article-gal { clear:both; margin:4em 0 2em 0; width:100vw; left:calc(340px - 50vw); position:relative; display:flex; align-items: stretch;  flex-wrap: nowrap; justify-content: space-between; max-height:40vh; }
.brand-article .article-img {  background-color:#ffffff;   margin:1em 0 1em 0;  position:relative; display:block;  overflow:hidden; flex:1; }
.brand-article .article-img img {  height:100%; width:100%; margin:0; aspect-ratio:auto; object-fit: cover; object-position: center; }
*/






/*
.brand-lauretta h1, .brand-lauretta h2, .brand-lauretta p>a, .brand-lauretta li>a, .brand-lauretta li::marker { color:var(--lauretta-font); }
.brand-lauretta .k24-button:hover { background-color:var(--lauretta-bg); }

.brand-ascanio h1, .brand-ascanio h2, .brand-ascanio p>a, .brand-ascanio li>a, .brand-ascanio li::marker  { color:var(--ascanio-font); }
.brand-ascanio .k24-button:hover { background-color:var(--ascanio-bg); }

.brand-cristalli h1, .brand-cristalli h2, .brand-cristalli p>a, .brand-cristalli li>a, .brand-cristalli li::marker  { color:var(--cristalli-font); }
.brand-cristalli .k24-button:hover { background-color:var(--cristalli-bg); }
*/
















/* główne kontenery */


#pc { width:100%; position:relative; z-index:1; } 
#p { position:relative;   width:1142px; margin: 0 auto; max-width:90%; }
.p { position:relative;   width:1142px; margin: 0 auto; max-width:90%; }
.pm { position:relative;   width:1142px; margin: 0 auto; max-width:90%; }

@media screen and (max-width:1028px) {
    .pm { width:100%; max-width:none; }
}
.text_c { position:relative;   width:1142px; margin: 0 auto; max-width:90%; }
.text { position:relative;  background-color:#fff;  width:100%;  }



/* bloki */
.block-gray { background-color:#eeeeee; margin: 20px 0 0 0; padding:20px 0 40px 0; }
.block-white { background-color:#ffffff; margin: 20px 0 0 0; padding:20px 0 40px 0; }
.block-none { }

.block-full { position:relative; width:100vw; left:calc(571px - 50vw); }
.lang_ar .block-full { right:calc(571px - 50vw); }

.block-zastosowania h3 { padding: 3em 0 1.66em 0; }
.block-zastosowania ul { padding: 0em 0 2em 0; column-count: 2; column-gap: 58px; }
.block-zastosowania ul li { break-inside: avoid;
  /* For better browser support, include vendor prefixes: */
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid; }

@media screen and (max-width : 1280px) { 
    .block-full { left:-5vw; }
    .block-zastosowania ul {  column-count: 1; }
    .lang_ar .block-full { right:-5vw; }
}







/* równe 2 kolumny */

.text .col_left { width:calc(50% - 20px); float:left; clear:left; margin:0 0 20px 0; }
.text .col_right { width:calc(50% - 20px); float:right; clear:right; margin:0 0 20px 0; }
.text .col_left img { width:100%; }
.text .col_right img { width:100%; }

@media screen and (max-width : 975px) { 
    .text .col_left { width:100%; float:none; clear:both; }
    .text .col_right { width:100%; float:none; clear:both; }

}



/* 2 kolumny bez odstępów */ 
.kolumna { width:50%; position:relative; float:left;  }
@media screen and (max-width:960px) {
	.kolumna { width:100%; position:relative; float:none; }
}

/* 3 kolumny bez odstępów */ 
.col3 { width:33%; float:left; }
@media screen and (max-width:960px) {
	.col3 { width:100%; position:relative; float:none; }
}



/* kolumny w kontakcie */

.left_col { width:50%; float:left; }
.right_col { width:50%; float:right; }
.both_cols { width:100%; clear:both; padding:40px 0 0 0; }









/* layout artykułu */

.brand-article h1 { }
.brand-article h2 { margin:2em 0px 1em 0px; clear:none; }
/* .brand-article h3 { color:#de262d; font-size:24px; font-family: trumpgothicpro; font-weight: normal; font-style: normal; margin:2em 0px 1em 0px;  line-height:1.24em; } */
/* .brand-article .text-block { column-count: 2; column-gap:110px; } */
.brand-article .text-block p:first-child { margin-top: 0; }
.brand-article .text-block h2:first-child { margin-top: 0; }
@media screen and (max-width:1142px) {
    .brand-article .text-block { column-count: 2; column-gap:40px; col }
}
@media screen and (max-width:960px) {
    .brand-article .text-block { column-count: 1; column-gap:0; }
}
.brand-article p { text-align:justify; clear:none; }
.brand-article p.lead  { margin:1em 0px 1em 0px; }
.brand-article h2 {  text-align:left; }


.artykul-tabela { width:100%; padding:0; margin:0 0 2em 0;; border-collapse:collapse; }
.artykul-tabela td { padding:3px 6px 3px 0; font-size:0.8rem; line-height:1rem; border-bottom:1px solid #999; vertical-align: top; }
.artykul-tabela td.artykul-naglowek-tabeli { font-weight:bold; }
.lang_ar .artykul-tabela td { text-align:right; }



/* artykuł pączki - kolumny 300:420 */

.paczki_block { clear:both; min-height:250px; max-width:950px; background:none; margin:0 0 20px 0;  }
.paczki_block_img { width:300px; min-height:250px; float:left;  }
.paczki_block_det { width:420px; min-height:250px; float:right;  }

.paczki_block_det_one { padding:0 0 40px 0; }
.paczki_block_det_one h2 { margin-top:0.5em;  }
.paczki_block_det_one h3 { padding:0 0 15px 0; }
.paczki_block_det_one p { clear:both; }

.paczki_block_1 .paczki_block_img { float:left; }
.paczki_block_1 .paczki_block_det { float:right; }

.paczki_block_2 .paczki_block_img { float:right; }
.paczki_block_2 .paczki_block_det { float:left; }

.paczki_block_3 .paczki_block_img { float:left;  }
.paczki_block_3 .paczki_block_det { float:right; }

.paczki_block_det .num { clear:both; float:left; display:block; color:#f4bb45; border:1px solid #f4bb45; margin-top:4px; width:40px; height:40px; line-height:40px; border-radius:20px; text-align:center;font-size:19px; }
/*
.paczki_block_det h3 { float:left; display:block;   color:#de262d; margin-top:8px; font-size:26px;  }
.paczki_block_det h3 strong  {   font-weight:normal;  }
.lang_ar .paczki_block_det h3 {  float:right !important; }
*/












/* layout kontaktu */



@media screen and (max-width : 975px) {
    img { max-width:100%; }
	iframe { max-width:100%; }
}

.contact_data { clear:none; float:left; margin:0; width: 300px; height:auto; }
.contact_map { clear:none; float:right; margin:0; width: 560px; height:auto; }
.contact_data h3 { clear:both; }
.contact_data h3, .contact_data h2 { margin-top:0; }
.contact_map h3, .contact_map h2 { margin-top:0; }
.contact_hline { position:relative; height:1px; width:100%; background-color:#d5d5d5; top:2em; margin:2em 0 4em 0; display:block; clear:both; }


@media screen and (max-width : 975px) {
	.contact_data { clear:both; float:none; margin:0; width: 100%; height:auto; }
	.contact_map { clear:both;float:none; margin:0; width: 100%; height:auto; padding:40px 0 40px 0; margin-bottom:0;  }
}





.contact_partners { clear:both; width:100%; height:295px; margin:0 0 0 0; padding:0 20px 20px 0px;  }
.contact_partners_high { clear:both; width:100%; height:455px; margin:0 0 0 0; padding:0 20px 20px 0px;  }


.k24_contact_partners { 
display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:35px; max-width:100%; 
  /* Allow text to wrap rather than push the grid wider */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;

white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}


@media screen and (max-width: 1050px) {
    .k24_contact_partners { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:35px; }
}

@media screen and (max-width: 760px) {
    .k24_contact_partners { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:3vw; }
    
    
}
@media screen and (max-width: 520px) {
    .k24_contact_partners { display:grid; grid-template-columns: 1fr; gap:5vw; }
    
    
}

.contact_partner { float:left; min-height:150px;  padding:0 0 0 0; }
.contact_partner p { text-align:left !important;}
.contact_partner p a { font-weight:normal;}
.contact_partner_icon { display:block; height:1px; }
.contact_partner_desc { display:block; height:auto; }

.bg_ar .contact_partner { text-align:right; }
@media screen and (max-width:900px) {
	.left_col { width:100%; clear:both; float:none; }
	.right_col { width:100%; clear:both; float:none; }
	.both_cols { width:100%; clear:both; padding:40px 0 0 0; }
	.contact_partner { float:none; height:auto; min-height:0; width:100%; padding:0 0 40px 0; }
	

}

    





















/* duże zdjęcie produktowe */

.prod-main { aspect-ratio: 16 / 9; width:100%; overflow:hidden; display:block; position:relative; }
.prod-main img {  height:100%; width:100%; margin:0; aspect-ratio:auto; object-fit: cover; object-position: center; transition-property: transform; transform: scale(1.3); }

.prod-ruler { aspect-ratio: 16 / 9; width:100%; overflow:hidden; display:block; position:relative; margin-top:26px;}
.prod-ruler img {  height:100%; width:100%; margin:0; aspect-ratio:auto; object-fit: cover; object-position: center; transition-property: transform; transform: scale(1); }




/* zdjęcia w artykułach */

.brand-article img { margin:0 auto; position:relative; display:block;  max-width:80%;  margin:1em auto 1em auto;   }  /*   max-height:50vh;  max-width:80%;  margin:1em auto 1em auto;  */ 
/*
@media screen and (min-width:1142px) {
    .brand-article img.historia_1 { }
    .brand-article img.historia_2 { clear:both; float:right; margin:330px -196px 90px 50px; width:50%; height:auto; }
    .brand-article img.historia_3 { margin:0 auto; width:70%; max-width:none; height:auto;   } 
    .brand-article img.historia_4 { clear:both; float:right; margin:90px -196px 40px 50px; width:50%; height:auto; }
    .brand-article img.historia_5 { clear:both; float:left; margin:-50px 0px 40px -276px; width:36%; height:auto; }
    .brand-article img.historia_6 { clear:right; float:right; margin:90px -196px 40px 50px; width:74%; height:auto; }
    .brand-article img.historia_7 { margin:0 auto; width:70%; max-width:none; height:auto;  }
    .brand-article img.historia_8 { clear:both; float:right; margin:90px -196px 40px 50px; width:50%; height:auto; }
    .brand-article img.historia_9 { clear:both; float:right; margin:90px -196px 40px 50px; width:50%; height:auto; }
    .brand-article img.historia_10 { clear:both; float:right; margin:90px -196px 40px 50px; width:50%; height:auto; }
    .brand-article img.historia_11 { margin:90px 0 40px -196px; width:calc(100% + 392px); height:auto; }
    .brand-article img.historia_12 { margin:90px 0 40px -196px; width:calc(100% + 392px); max-width:none; height:auto;  }
    .brand-article img.historia_13 { clear:both; float:right; margin:90px -196px 40px 50px; width:50%; height:auto; }
    .brand-article img.historia_14 { clear:both; float:right; margin:90px -196px 40px 50px; width:50%; height:auto; }
    .brand-article img.historia_16 { clear:both; float:right; margin:90px -196px 40px 50px; width:50%; height:auto; }
}
*/


@media screen and (min-width:1142px) {
    .brand-article img.historia_1 { }
    .brand-article img.historia_2 { margin:0 auto; width:70%; max-width:none; height:auto; }
    .brand-article img.historia_3 { margin:0 auto; width:70%; max-width:none; height:auto;   } 
    .brand-article img.historia_4 { margin:0 auto; width:70%; max-width:none; height:auto; }
    .brand-article img.historia_5 { margin:0 auto; width:70%; max-width:none; height:auto; }
    .brand-article img.historia_6 { margin:0 auto; width:70%; max-width:none; height:auto; }
    .brand-article img.historia_7 { margin:0 auto; width:70%; max-width:none; height:auto;  }
    .brand-article img.historia_8 { margin:0 auto; width:70%; max-width:none; height:auto; }
    .brand-article img.historia_9 { margin:0 auto; width:70%; max-width:none; height:auto; }
    .brand-article img.historia_10 { margin:0 auto; width:70%; max-width:none; height:auto; }
    .brand-article img.historia_11 { margin:0 auto; width:70%; max-width:none; height:auto; }
    .brand-article img.historia_12 { margin:0 auto; width:70%; max-width:none; height:auto;  }
    .brand-article img.historia_13 { margin:0 auto; width:70%; max-width:none; height:auto; }
    .brand-article img.historia_14 { margin:0 auto; width:70%; max-width:none; height:auto; }
    .brand-article img.historia_16 { margin:0 auto; width:70%; max-width:none; height:auto; }
}




.brand-article .article-gal { 
    display: grid;
    grid-template-columns: 1fr 1fr;
    
    grid-gap: 35px;
    
    clear:both; margin:4em 0 2em 0;  }

.brand-article .article-img { aspect-ratio: 16 / 9; background-color:#ffffff;   position:relative; display:block;  overflow:hidden;  }
.brand-article .article-img img {  height:100%; width:100%; margin:0; aspect-ratio:auto; object-fit: cover; object-position: center; }




.k24-2col-images { 
    display: grid;
    grid-template-columns: 1fr 1fr;
    
    grid-gap: 35px;
    
    clear:both; margin:0 0 0 0;  }

.k24-2col-image { aspect-ratio: 16 / 9; background-color:#ffffff;   position:relative; display:block;  overflow:hidden; margin-bottom:35px; }
.k24-2col-image img { display:block; position:relative;  height:100%; width:100%; max-width:none; margin:0; aspect-ratio:auto; object-position: center;  object-fit: cover;  }

.k24-2col-image.noratio { aspect-ratio:auto !important; }
@media screen and (max-width:600px) {
.k24-2col-images {     grid-template-columns: 1fr;      grid-gap: 0; }
}

/*

.kandy-gallery { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between; }
.kandy-gallery-item { width:23%; height:auto; aspect-ratio: 16 / 9; overflow:hidden; margin-bottom:22px; position:relative; cursor:pointer;   }
.kandy-gallery-item img { display:block; position:relative;   width:100%; height:100%; max-width:none;  margin:0; 
    object-fit: cover; 
    object-position: center; 
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.kandy-gallery-item:hover img {
    transform: scale(1.2);
}




*/

.kandy-gallery { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:35px; max-width:100%; 
  /* Allow text to wrap rather than push the grid wider */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;

white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}




@media screen and (max-width: 1050px) {
    .kandy-gallery { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:35px; }
}

@media screen and (max-width: 760px) {
    .kandy-gallery { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:3vw; }
    
    
}
@media screen and (max-width: 700px) {
    .kandy-gallery { display:grid; grid-template-columns: 1fr; gap:5vw; }
    
    
}

.kandy-gallery-item {  height:auto; aspect-ratio: 16 / 9; overflow:hidden;  position:relative; cursor:pointer;   }
.kandy-gallery-item img { display:block; position:relative;   width:100%; height:100%; max-width:none;  margin:0; 
    object-fit: cover; 
    object-position: center; 
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.kandy-gallery-item:hover img {
    transform: scale(1.2);
}

































.noclick_galeria { width:100%; position:relative;  }
.noclick_galeria_th { display:block; position:relative; cursor:pointer; float:left; width:300px; height:200px; overflow:hidden; margin:0 16px 16px 0; max-width:100%;  }
.noclick_galeria_th img { z-index:1; position: absolute; display:block; width:100%; height:auto; top: 50%;  transform: translateY(-50%); 
	transition-property: transform, top;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s; 
    max-width:100%; 
}
.noclick_galeria_th:hover img { transform:scale(1.2); top:-6%; }



/*  */













/* 3 duże zdjęcia na dole (nieużywane) */

.k24-page-images { position:relative;width:100%; height:100vw; }
.k24-page-image { position:relative;   }
.k24-page-image img { display:block; position:relative; width:100%; height:100%; object-fit:cover; }
.k24-page-image-1 { width:50%; height:50vw; float:left; }
.k24-page-image-1 img {  }
.k24-page-image-2 { width:50%; height:50vw; float:right; }
.k24-page-image-2 img {  }
.k24-page-image-3 { width:100%; height:50vw; float:none; }
.k24-page-image-3 img { height:50vw;  }


.k24-page-images-col { display: grid; position:relative;  width:1142px;  grid-template-columns:1fr [10px]  1fr [10px]  1fr; margin:0 auto; }
.k24-page-images-col .k24-page-image { position:relative; width:100%; aspect-ratio:16 / 9;  }
.k24-page-images-col .k24-page-image img { display:block; position:relative; width:100%; height:100%; object-fit:cover; }









.breadcrumbs { display:block; position:relative; font-size:12px; color:#444; margin:0 0 5px 0; height:19px; }
.breadcrumbs a { font-size:12px;  color:#444; }
.breadcrumbs a:hover { color:#000; text-decoration:underline; }

.breadcrumbs_mobile { display:none; }

@media screen and (max-width:960px) {
    .breadcrumbs { display:none; }

    .breadcrumbs_mobile { display:block; position:relative; margin:20px 0 20px  0; height:aut; }
    .breadcrumbs_mobile a { display:inline-block; padding:2px 10px 2px 10px; border-radius:3px; font-size:12pt; background-color:#d7d7d7; color:#000; margin:0 10px 10px 0; }
    .breadcrumbs_mobile a:hover,.breadcrumbs_mobile a.bc-active { color:#fff; background-color:#000; text-decoration:none; }
}

@media screen and (max-width:1028px) {
}

.subheader-container .main-image { position:relative; width:1142px; margin: 0 auto; height:308px; overflow:visible; max-width:100%; }
.subheader-container .main-image > img { display:block; position:relative; object-fit:cover; object-position: center; width:100%; height:100%; }
.subheader-container .main-image .main-image-rspo { position:absolute; z-index:2; top:-72px; right:0px; width:113px; }
.lang_ar .subheader-container .main-image .main-image-rspo { position:absolute; z-index:2; top:-72px; left:0px; right:none; width:113px; }

.subheader-container .main-image .main-image-rspo img { width:100%; }
/* .brand-none .main-image { display:none; } */
.brand-article .main-image { display:none; }

.main-image-rspo { display:none; }

@media screen and (max-width:1028px) {
    .main-image-rspo { display:none; }
    
    .subheader-container .main-image {  width:100vw; height:50vw; }
}














.k24-zalety {  position:relative; display:block;  padding:140px 0 140px 0; }
    .brand-lauretta .k24-zalety {   background-color: var(--lauretta-bg);  }
    .brand-cristalli .k24-zalety {   background-color: var(--cristalli-bg);  }
    .brand-ascanio .k24-zalety {   background-color: var(--ascanio-bg);  }
    .brand-owoce-kandyzowane .k24-zalety {   background-color: var(--kandy-bg);  }
    .brand-paryskie .k24-zalety {   background-color: var(--kandy-bg);  }
    .brand-galaretki .k24-zalety {   background-color: var(--kandy-bg);  }
    .brand-nadzieniaczek .k24-zalety {   background-color: var(--kandy-bg);  }
    
.k24-zalety-i {  position:relative; display:block; margin:0 auto;  width:976px; column-count:2; column-gap:50px; }
.k24-zaleta { width:463px; min-height:98px;  clear:both; float:none; padding-bottom:30px; display:flex; break-inside: avoid;  align-items:center;  }
.k24-zaleta-ikona { position:relative; padding:10px; width: 58px; height: 58px; background-color: white; border-radius: 50%;  }
.k24-zaleta-ikona img { width:100%; }
.k24-zaleta-txt { position:relative;  width:355px; margin:0 0 0 30px; color:#fff; font-size:1.1rem;  padding:0 0 0 0;   }
.lang_ar .k24-zaleta-txt { margin:0 30px 0 0; }
.k24-zaleta-txt strong { display:block; margin:0; padding:0; }
.k24-zalety-arrow { 
            position:relative; left:calc(50% - 80px);
            width: 0;
            height: 0;
            border-left: 80px solid transparent;
            border-right: 80px solid transparent;
            
        }

.brand-lauretta .k24-zalety-arrow {   border-top: 80px solid var(--lauretta-bg);  }
.brand-cristalli .k24-zalety-arrow {  border-top: 80px solid var(--cristalli-bg);  }
.brand-ascanio .k24-zalety-arrow {   border-top: 80px solid var(--ascanio-bg); }
.brand-owoce-kandyzowane .k24-zalety-arrow {   border-top: 80px solid var(--kandy-bg); }
.brand-paryskie .k24-zalety-arrow {   border-top: 80px solid var(--kandy-bg); }
.brand-galaretki .k24-zalety-arrow {   border-top: 80px solid var(--kandy-bg); }
.brand-nadzieniaczek .k24-zalety-arrow {   border-top: 80px solid var(--kandy-bg); }

.brand-owoce-kandyzowane .k24-zaleta-ikona img, 
.brand-paryskie .k24-zaleta-ikona img, 
.brand-galaretki .k24-zaleta-ikona img {
  filter: 
    brightness(100%) 
    saturate(0);
/*    invert(9%)       
    sepia(96%)       
    saturate(3893%)  
    hue-rotate(359deg)
    brightness(98%)  
    contrast(105%);  */
}

@media screen and (max-width:960px) {
    .k24-zalety {  }
    .k24-zalety-i { column-count:1; max-width:90%; width:463px;   }
    .k24-zaleta { }
    .k24-zaleta-ikona {}
    .k24-zaleta-txt {  }  
    
    
    .k24-zalety-arrow { 
            position:relative; left:calc(50% - 10vw);
            width: 0;
            height: 0;
            border-left: 10vw solid transparent;
            border-right: 10vw solid transparent;
            top:-1px;
            
        }
    .brand-lauretta .k24-zalety-arrow {   border-top: 10vw solid var(--lauretta-bg);  }
    .brand-cristalli .k24-zalety-arrow {  border-top: 10vw solid var(--cristalli-bg);  }
    .brand-ascanio .k24-zalety-arrow {   border-top: 10vw solid var(--ascanio-bg); }
    .brand-owoce-kandyzowane .k24-zalety-arrow {   border-top: 10vw solid var(--kandy-bg); }
    .brand-paryskie .k24-zalety-arrow {   border-top: 10vw solid var(--kandy-bg); }
    .brand-galaretki .k24-zalety-arrow {   border-top: 10vw solid var(--kandy-bg); }
    .brand-nadzieniaczek .k24-zalety-arrow {   border-top: 10vw solid var(--kandy-bg); }    
}
@media screen and (max-width:483px) {
    .k24-zalety {  }
    .k24-zalety-i { column-count:1; width:86vw;   }
    .k24-zaleta { width:86vw; margin:0 auto; }
    .k24-zaleta-ikona { width: 16vw; height: 16vw; padding:1vw; }
    .k24-zaleta-txt { width:61vw; margin:0 0 0 7vw; }  
}















.subfooter  { display: block;  width:100%; position:relative; height:334px; background-position:center bottom; background-size:cover; margin-top:400px; overflow:visible;  }
.subfooter img { display:block; position:relative; top:-334px; max-width:90vw; height:auto; margin:0 auto 0 auto;  }
@media screen and (max-width:1290px) {
    .subfooter img { top:-25vw; }
}

.subfooter-brand-lauretta  { background-image:url("../images/brands-layout/bottom-lauretta.jpg"); }
.subfooter-brand-paryskie  { background-image:url("../images/brands-layout/bottom-paryskie.jpg"); }
.subfooter-brand-cristalli  { background-image:url("../images/brands-layout/bottom-cristalli.jpg");  }
.subfooter-brand-ascanio  { background-image:url("../images/brands-layout/bottom-ascanio.jpg");   }
.subfooter-brand-galaretki  { background-image:url("../images/brands-layout/bottom-galaretki.jpg");  }
.subfooter-brand-nadzieniaczek  { }


.subfooter-brand-none  { display:none; }

.subfooter-brand-owoce-kandyzowane  { background-color:#ef4355; height:100px;margin-top:700px;  }
.subfooter-brand-owoce-kandyzowane img  { top:-600px}
.subfooter-brand-owoce-kandyzowane  { display:none; }

.subfooter-brand-przemysl  { background-color:#ef4355; height:100px; margin-top:100px; }
.subfooter-brand-article  { display:none; }



@media screen and (max-width:900px) {
    .subfooter { height:30vw; margin-top:30vw; }
    .subfooter img { top:-25vw; }
}












.text img { max-width:100%; }
.p img { max-width:100%; }
.pm img { max-width:100%; }

.fc {   z-index:40; position:relative; }
.f { width:1142px; position:relative; z-index:1; margin:10px auto 60px auto; max-width:90vw; }




.flc { width:100%; margin:60px auto 0 auto;   }
.fl { width:100%; position:relative; display:flex;align-items: center; gap:40px; justify-content:center; height:123px;  }	
.fl img { height:auto; }	
.fl img.f-iso { width:270px; }	
.fl img.f-rspo { width:112px; }	
@media screen and (max-width:1028px) {
    .fl { min-height:30vw; height:auto; padding:2em auto;  }	
    .fl img.f-iso { width:auto; }	
    .fl img.f-rspo { width:auto; }	
    
}

.fpc { display: flex; padding:50px 0 0 0; margin:0 auto 0 auto; flex-direction: row; width:100%; justify-content:center; gap: 70px;  height:130px; max-width:90vw; }
.fpc { background: rgb(250,250,250); }
.fpc { background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 100%); }
.fpc-item  { width:182px;}
.fpc-item img { width:100%; }



	.fmc { overflow:hidden;   width:100%; background-color:#f7f7f7;  }
	.fm { width:1142px; position:relative; margin:55px auto 60px auto; max-width:90vw; }	
	
	.fm .submenu_0 { float:left; padding:0px 30px 0px 0px;} 
	.fm .submenu_0 a { display:block; color:#000; font-size:15pt; text-decoration:none; padding:4px 0px 4px 0px; margin:0px 0px 12px 0px; font-family: trumpgothicpro, sans-serif; text-transform:uppercase; } 
	.fm .submenu_0 a:hover { text-decoration:underline;   } 
.fm .submenu_1_c { max-width:380px; } 	
    .fm .submenu_1 { display:block; margin:0px;   } 
	.fm .submenu_1 a { display:block; color:#000; margin:0px; font-size:9.6pt; line-height:1.42em; font-family: Lato; text-transform:none;   padding:0 0 0 0; } 	
    .fm .submenu_1 a:hover { text-decoration:underline;   } 
	.fm .submenu_2 { display:block; margin:0px;  position:relative; } 
	.fm .submenu_2 a { position:relative; display:block; color:#000; margin:0px; font-size:9.6pt; line-height:1.42em; font-family: Lato; text-transform:none;   padding:0 0 0 10px; } 	
    .fm .submenu_2 a:hover { text-decoration:underline;   } 

 .fm .submenu_2 a::before {
         content: '';
  width: 3px;
  height: 3px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="3" height="3"><circle cx="2" cy="2" r="2" fill="black"/></svg>');
  background-size: contain;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.lang_ar .fm .submenu_2 a { padding:0 10px 0 0; } 	
.lang_ar .fm .submenu_2 a::before { left: none;  right: 0px;  }

	#iso22000 { float:right; position:relative; height:220px; }		
	#iso22000 img { position:absolute; top:-179px; left:60px; }			
	#gazele { float:right; position:relative; height:220px; }		
	#gazele img { position:absolute; top:-90px; left:-147px;}			
	.fairplay { float:right; position:relative; height:220px; }		
	.fairplay img { position:absolute; top:-90px; left:-357px;}			
	#iso { float:none; position:relative; height:123px; }		
	#iso img {  }			

	#hline { height:1px; background-color:#d3d4d6; margin:40px 0px 40px 0px;}

.copy_c { background-color:#000; height:100px; }	
.copy { width:1142px; position:relative; margin:0 auto 0 auto; padding:39px 0 0 0;  font-size:10pt; color:#fff; max-width:90vw; }
.authors_c { width:1142px; margin:0 auto 0px auto; height:200px; padding:15px 0 0 0; max-width:90vw; }	
    .progressiva { float:right; margin:0px 20px 0px 0px; display:block; position:relative; }
	.dashstudio { float:right; margin:0px 20px 0px 0px;  display:block;  position:relative;}		
    .polityka { float:left; margin:0px 6px 0px 0px;  display:inline-block;  position:relative; white-space: nowrap;   }		
    .ustawienia-cookies { float:left; margin:0px 20px 0px 0px;  display:inline-block;  position:relative; white-space: nowrap;  }		
@media screen and (max-width : 975px) {

    .copy_c { background-color:#000; height:auto; margin:0; width:auto; padding:0; }	
    .copy { width:60vw; position:relative; margin:0 auto 0 auto; padding:40px 10vw 40px 10vw;  font-size:3vw; color:#fff; text-align:center; }
    .authors_c { width:100%; margin:0 auto 0px auto; height:auto; padding:7vw 0 30vw 0; }	
    .authors_c a { clear:both; float:none; display:block !important; margin:0 auto 8px auto; text-align:center;}		
    .progressiva { float:none; margin:20px auto 0 auto; width:24vw; }
    .progressiva img { width:100%; }    
    .dashstudio { float:none; margin:60px auto 0 auto !important; width:18vw; top:1px;  }		
    .dashstudio img { width:100%; }      

      div.polityka { display:none; }		   
    
   
}

/*
a.polityka { clear:both; float:none; display:block !important; }		
   
    a.dashstudio { clear:both; float:none; display:block !important; }		
    a.progressiva { clear:both; float:none; display:block !important; }		
    
 .authors_c { }
    
    
*/

	
.f #hline { margin:60px 17px 20px 17px;  }	
.hline_dot { height:1px; background-image:url(../images/_dot.png); background-repeat:repeat-x; background-position:top left; }
.hline_dark_dot { height:1px; background-image:url(../images/_dark_dot.png); background-repeat:repeat-x; background-position:top left; }
.hline_solid { height:1px; background-color:#dedede; }






/* baner full */


.k24-banner-full {  position:relative; display:block;  height:616px; background-color:#dddddd; background-repeat: no-repeat; background-position: center; }
.k24-banner-full .k24-banner-inside { position:relative; display:block;  width:1142px;  margin: 0 auto; }
.k24-banner-full .k24-banner-title {  float:right; padding:110px 0 0 0px; text-align:right; }
.k24-banner-full .k24-banner-title h1 { color:#fff; text-transform:uppercase; text-align:right;  font-family:trumpgothicpro; font-weight:bold; font-size:3rem; line-height:4.1rem;   }
.k24-banner-full .k24-banner-title h1 strong { display:block; font-size:5.2rem; }

.k24-banner-full-home { background-image:url(../images/bannery/kandy-banner-home.jpg); }
/*
.k24-banner-full-receptury { background-image:url(../images/bannery/baner-kandy-duzy-04.jpg); }
.k24-banner-full-artykuly { background-image:url(../images/bannery/baner-kandy-duzy-05.jpg); }
.k24-banner-full-onas { background-image:url(../images/bannery/baner-kandy-duzy-03.jpg); }
.k24-banner-full-historia { background-image:url(../images/bannery/baner-kandy-duzy-historia.jpg); }
.k24-banner-full-nagrody { background-image:url(../images/bannery/baner-kandy-duzy-17.jpg); }
.k24-banner-full-galeria { background-image:url(../images/bannery/baner-kandy-duzy-02.jpg); }
.k24-banner-full-gdziekupic { background-image:url(../images/bannery/baner-kandy-duzy-01.jpg); }
.k24-banner-full-kontakt { background-image:url(../images/bannery/baner-kandy-duzy-08.jpg); }
*/
.k24-banner-small-receptury { background-image:url(../images/bannery/baner-kandy-maly-27.jpg); height:308px; }
.k24-banner-small-artykuly { background-image:url(../images/bannery/baner-kandy-maly-21.jpg); height:308px; }
.k24-banner-small-onas { background-image:url(../images/bannery/baner-kandy-maly-23.jpg); height:308px; }
.k24-banner-small-historia { background-image:url(../images/bannery/baner-kandy-maly-20.jpg); height:308px; }
.k24-banner-small-nagrody { background-image:url(../images/bannery/baner-kandy-maly-19.jpg); height:308px; }
.k24-banner-small-galeria { background-image:url(../images/bannery/baner-kandy-maly-11.jpg); height:308px; }
.k24-banner-small-gdziekupic { background-image:url(../images/bannery/baner-kandy-maly-01.jpg); height:308px; }
.k24-banner-small-kontakt { background-image:url(../images/bannery/baner-kandy-maly-11.jpg); height:308px; }
.k24-banner-small-40lat { background-image:url(../images/bannery/baner-kandy-maly-11.jpg); height:308px; }
.k24-banner-small-roza { background-image:url(../images/bannery/baner-kandy-maly-roza.jpg); height:308px; }


@media screen and (max-width : 975px) {
    .k24-banner-full { max-height:265px; height:52vw; background-size:cover; }
    
    .k24-banner-full-home { height:100vw; max-height:none; }
    
    .k24-banner-full .k24-banner-inside { position:relative; display:block;  width:90vw; margin: 0 auto; }
    .k24-banner-full .k24-banner-title { padding:16vw 0 0 0px; }
    .k24-banner-full .k24-banner-title h1 strong { font-size:8.8vw; }
    .k24-banner-full .k24-banner-title h1 { font-size:6.1vw; line-height:8.4vw;   }
    
    
    .k24-banner-small-receptury { background-image:url(../images/bannery/baner-kandy-maly-27.jpg);  }
    .k24-banner-small-artykuly { background-image:url(../images/bannery/baner-kandy-maly-21.jpg);  }
    .k24-banner-small-onas { background-image:url(../images/bannery/baner-kandy-maly-23.jpg);  }
    .k24-banner-small-historia { background-image:url(../images/bannery/baner-kandy-maly-20.jpg); }
    .k24-banner-small-nagrody { background-image:url(../images/bannery/baner-kandy-maly-19.jpg); }
    .k24-banner-small-galeria { background-image:url(../images/bannery/baner-kandy-maly-11.jpg); }
    .k24-banner-small-gdziekupic { background-image:url(../images/bannery/baner-kandy-maly-01.jpg); }
    .k24-banner-small-kontakt { background-image:url(../images/bannery/baner-kandy-maly-11.jpg); }    
    .k24-banner-small-40lat { background-image:url(../images/bannery/baner-kandy-maly-11.jpg); }  
	.k24-banner-small-roza { background-image:url(../images/bannery/baner-kandy-maly-roza.jpg); }

}


/* baner na szerokosc kolumny  */

.k24-banner-col {  position:relative; display:block;  height:308px; background-color:#ccc; background-repeat: no-repeat; background-position: center; }
.k24-banner-col .k24-banner-inside { position:relative; display:block; width:calc(100% - 80px); margin: 0 auto; }
.k24-banner-col .k24-banner-title {  float:right; padding:40px 0 0 0px; text-align:right; margin:0;}
.k24-banner-col .k24-banner-title .line-1 { color:#fff; text-transform:uppercase; text-align:right;  font-family:trumpgothicpro; font-weight:bold; font-size:4.2rem; margin:0; padding:0; line-height:5rem; }
.k24-banner-col .k24-banner-title .line-2 { color:#fff; text-transform:uppercase; text-align:right;  font-family:trumpgothicpro; font-weight:bold; font-size:3rem;  margin:0; padding:0;  line-height:3rem; }
.k24-banner-col .k24-big-button { margin:20px 0 0 0; float:right; }
.k24-banner-col .k24-big-button:hover { background-color:#fff; color:var(--kandy-font); }

.k24-banner-col-industry-bottom { background-image:url(../images/bannery-inne/baner_kandy_opracujemy_produkty.jpg);  }




/* poster wysrodkowany */

.k24-poster { background-color:#ef4355; padding:60px 60px 36px 60px; display:block; position:relative; text-align:center; }
.k24-poster-txt h2 { color:#fff; text-align:center; font-size:52px; line-height:1.15em; margin:0 0 0.4em 0; padding:0; font-weight:100; }
.k24-poster-txt h2 strong { font-weight:500; }
.k24-poster-txt h2 a { color:#fff; font-family:trumpgothicpro; font-weight:bold; }
.k24-poster-txt p { color:#fff; text-align:center; margin:0 0 0 0;  }
.k24-poster .k24-big-button { background-color:#c23947; margin:2em 0 0 0; }
.k24-poster .k24-big-button:hover { background-color:#b22937; }

h3.title-right { display:block; background-color:#ef4355; color:#fff; position:relative; float:right; text-transform:uppercase; top:-3.6em; margin:0; height:1; overflow:hidden; margin-bottom:-3.5em; font-family: trumpgothicpro, "Arial Narrow", helvetica, sans-serif; font-weight: normal; font-size:28px; padding:10px 40px 10px 40px; }
h3.title-right strong  {  font-weight: bold; font-style: normal; }
@media screen and (max-width : 975px) {
    h3.title-right { clear:both; background-color:#ef4355; text-align:center; font-size:5vw; float:none; top:0; margin:0 0 1em 0; padding:0.6em 1vw 0.6em 1vw;  font-size:6vw; }
    h3.title-right strong { font-size:6vw; clear:both; }
}




/*

.k24-banner-col-box { width:552px; height:274px; float:right; margin:156px 0 0 0; background-color:#fff; }
.k24-banner-col-box-inside { padding:12px 37px 0px 37px;  position:relative; text-align:center; }
.k24-banner-col-box-inside h2 {  text-align:left; }
.k24-banner-col-box-inside p {  text-align:left; }
.k24-banner-col-box-inside .k24-button { margin: 10px auto 0 auto;  }


*/




/* layout strony głównej */


.k24-home-row { position:relative; padding:74px 0 0 0;  width:100%; max-width:100vw; clear:both;  }
.brand-lauretta .k24-home-row-first { padding-top:0px !important; }
.brand-przemysl .k24-home-row-first { padding-top:0px !important; }
.k24-home-row:nth-child(odd) .k24-home-col1 { float:left; }
.k24-home-row:nth-child(odd) .k24-home-col1 .k24-home-bg { float:left; }
.k24-home-row:nth-child(odd) .k24-home-col1 .k24-home-img { float:right; }
.k24-home-row:nth-child(odd) .k24-home-col2 { float:right; }
.k24-home-row:nth-child(odd) .k24-home-col2 .k24-home-content { float:left; }
.k24-home-row:nth-child(even) .k24-home-col1 { float:right; }
.k24-home-row:nth-child(even) .k24-home-col1 .k24-home-bg { float:right; }
.k24-home-row:nth-child(even) .k24-home-col1 .k24-home-img { float:left; }
.k24-home-row:nth-child(even) .k24-home-col2 { float:left; }
.k24-home-row:nth-child(even) .k24-home-col2 .k24-home-content { float:right; }

.k24-home-row-inner { position:relative; width:1142px; max-width:100%; margin:0px auto;  height:590px; clear:both; background-color:#fff;  }
.k24-home-col1 { position:relative; width:calc(50% - 19px); }
    .k24-home-bg { display:block; position:relative; width:calc(100% - 552px); height:590px; overflow:hidden;  }
    .k24-home-bg img { display:block; position:relative; object-fit:cover; width:100%; height:590px; }
    .k24-home-img  { display:block; position:relative; width:552px; max-width:100%; overflow:hidden; aspect-ratio:0.93; }
    .k24-home-img img { display:block; position:relative; width:100%; min-height:590px; object-fit:cover;   }
.k24-home-col2 { position:relative; width:calc(50% - 17px); }
    .k24-home-content { position:relative; width:552px; max-width:100%;  overflow:hidden; text-align:center; }
    .k24-home-logo { position:relative; height:68px; position:relative; display:block; margin: 124px auto 0 auto; }
        .k24-home-logo img { width:auto; height:100%; }
        .k24-home-col2 h2 { color:#000; text-transform:none; text-align:center; font-size:33pt; line-height:1em; margin:25px 30px 0px 30px; }
        .k24-home-col2 p { text-align:center; font-size:14pt; margin:20px 60px 0px 60px; }
.k24-home-button { display:inline-block; position:relative; background-color:#000; border-radius:4px; color:#fff; text-align:center; padding: 10px 30px 10px 30px; cursor:pointer; margin:50px auto 0 auto; text-transform:uppercase; font-weight:normal;  }
.k24-home-button:hover { background-color:#ef4456;  }


.k24-buttons-centered { display:flex; justify-content: center; }

.k24-button { display:inline-block; position:relative; background-color:#000; border-radius:4px; color:#fff; text-align:center; padding: 10px 30px 10px 30px; cursor:pointer; text-transform:uppercase; font-weight:normal;  }
.k24-button:hover { background-color:#ef4456; color:#fff;  }
.k24-button-center { display:table; margin: 0 auto; position:relative; }
.k24-button-center:hover {  }


input[type="submit"].k24-button { border:0; }
input[type="submit"].k24-button:hover { border:0; }

.k24-big-button { display:inline-block; position:relative; background-color:#000; border-radius:4px; color:#fff; text-align:center; padding: 10px 60px 10px 60px; cursor:pointer; text-transform:uppercase; font-weight:normal; font-family: trumpgothicpro, sans-serif; font-size:30px;   }
.k24-big-button:hover { background-color:#ef4456;  }










.brand_image { 
     }






/*  parametry */

.params { clear:both; float:none; width:100%; padding:0 0 0px 0; }
.param-left { float:left; width:40%; padding:36px 0 0px 0; }
.param-right { float:right; width:40%;; padding:36px 0 0px 0; }
.param-one { border-bottom:1px solid #e5e5e3; padding:3px 0 3px 0; }
@media screen and (max-width:960px) {
    
.param-left { float:none; width:100%; padding:36px 0 0 0; }
.param-right { float:none; width:100%;; padding:0 0 12px 0; }
}

.k24-smaki {  

position:relative; display:block; margin:4rem auto;  width:700px; column-count: 2; column-rule: 1px solid #5F5F5F; column-gap: 40px; 
}

@media screen and (max-width:960px) {
    .k24-smaki {  column-count:1; }
}

.k24-smaki ul {
    list-style-type: none; /* Usuń domyślne stylowanie punktów listy */
    padding-left: 0; /* Usuń domyślne wcięcie */
    
}

.k24-smaki ul li {
    position: relative;
    padding-left: 30px; /* Dodatkowe wcięcie dla miejsca na duży punkt */
    margin-bottom: 10px; /* Odstęp między elementami listy */
    text-align: left;
}

.k24-smaki ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    transform: translateY(-50%);
    width: 12px; /* Szerokość punktu */
    height: 12px; /* Wysokość punktu */
    background-color: red; /* Kolor punktu */
    border-radius: 50%; /* Kształt punktu - okrągły */
    
}
.k24-smaki ul li a {
    color:#000; font-weight:900; font-size:1.2rem;
}





/* główny grid - receptury, produkty */

.k24-recipe_c { }


.k24-recipe {  }
.k24-recipe h2 {  }
.lang_ar .k24-recipe h2 { text-align:right; }
.k24-recipe h3 { clear:both; padding:0.5em 0 0 0; }
.lang_ar .k24-recipe h3 { padding:0.5em 0 0 0; text-align:right;  }
.k24-recipe p { margin:0px 0px 0.75em 0px;  padding:0px; font-size:12pt; line-height:1em; }
.k24-recipe p em { font-size:12pt; line-height:1em;  }
.k24-recipe p strong { font-size:12pt; line-height:1em;  font-weight:bold; }
.k24-recipe p span { font-size:12pt; line-height:1em;  }

.k24-recipe-foto { margin-top:20px; margin-bottom:20px;  clear:both; display:block; position:relative; float:right; width:calc(50% - 20px); }
.k24-recipe-foto img { position:relative; width:100%; display:block; overflow:hidden; height:auto; aspect-ratio:1 / 1;  object-fit:cover;  }

.k24-recipe-sklad { float:left; width:calc(50% - 20px);  display:block; position:relative;   }
.k24-recipe-sklad-i { column-count: 1; column-gap:40px; column-fill: balance; column-rule: 1px solid #e6e6e6; }
.lang_ar .k24-recipe-sklad-i {column-count: 1; column-gap:normal;  }
.k24-recipe-sklad p { margin:0px 0px 0.75em 0px; padding:0px; font-size:12pt; line-height:1.3em;   }
.k24-recipe-sklad p strong { font-weight:bold;    }

.k24-recipe-przygotowanie { clear:both; margin-top:40px; display:block; position:relative; float:none; width:100%; column-count: 1; column-gap:40px; column-fill: balance;  }
.k24-recipe-przygotowanie p { margin:0px 0px 0.75em 0px; padding:0px; font-size:12pt; line-height:1.5em;  }
.k24-recipe-przygotowanie p strong { font-weight:bold;   }

.k24-recipe-przygotowanie h3 { margin-top:0; }

@media screen and (max-width:820px) {
    .k24-recipe-foto { margin-top:20px; margin-bottom:20px;  float:none; width:100%; }
.k24-recipe-sklad { float:none; width:100%;  }

}



/*  belki - artykuły */

.k24-bar { background: rgb(255,255,255);
    background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
    background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
    background: linear-gradient(rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); 
    height:200px; 
    border-top: 1px solid #e3e3e3;
    display:flex; justify-content:flex-start; align-items:center; gap:20px;
    padding:0 20px 0 20px;
}
.k24-bar-10 { width:10px; }
.k24-bar-170 { width:170px; height:1px; }
.k24-bar-num { margin-left:40px; background: rgb(255,255,255);
    background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    height:60px; width:60px; border-radius:100%; text-align:center; flex: none;
    color:#000; font-size:18px; font-weight:300;  line-height:50px; display:none;
    
}

a.k24-bar-imgc { overflow:hidden;margin-left:20px;  }
img.k24-bar-img { display:block; position:relative; max-height:160px; width:170px; max-width:100%; }
.k24-bar-title { display:block; position:relative; width:550px;    }
.k24-bar-title h3 { color:#000; font-size:18px; font-weight:600; text-align:left; }
.k24-buttons {   width:300px; display:flex; gap:20px; justify-content:flex-end; margin:0 0 0 0;  }

.k24-bar.k24-bar-slim { height:135px; }
.k24-bar.k24-bar-slim img.k24-bar-img { height:95px; object-fit:cover; }



@media screen and (max-width : 800px) { 
    .k24-bar { display:block; min-height:100px; height:auto; padding:30px 4vw; }
    .k24-bar.k24-bar-slim { min-height:100px; height:auto; }
    
    img.k24-bar-img { display:block; float:right; width:92vw; height:23vw; object-fit:cover; margin:0 0 30px 0; }
    .k24-bar-title { display:block; clear:both; width:92vw; max-width:none; margin:0; padding:0;}
    .k24-bar-10 { display:block; float:left;left}
    .k24-bar-170 { display:block; float:left; }
    
    .k24-buttons { clear:both; float:right; display:flex; gap:3vw; justify-content:flex-end; margin:2vw 0 0 0;  }
    .k24-button {  }
    .k24-bar-10 { display:none; }
}















 

.zastosowania_baner { display:block; position:relative; clear:both; margin:2em auto 100px auto;  width:998px; height:196px;  background-image:url(../images/lauretta_baner_receptury.webp); cursor:pointer; }
.zastosowania_baner_i { padding:103px 53px 30px 53px; }
.zastosowania_baner_i h2 { color:#000; font-size:23px; text-align:right; cursor:pointer; font-family: 'Lato', sans-serif; text-transform:none; }
.zastosowania_baner_i h2 strong  { font-weight:900; }
.lang_ru .zastosowania_baner_i h2 { font-size:21px; }

.zastosowania_baner_mobile { display:block; position:relative; clear:both; margin:2em auto 100px auto;  width:482px; height:196px;  background-image:url(../images/lauretta_baner_receptury_iphone.webp); cursor:pointer; max-width:100%; background-size:contain; background-repeat: no-repeat; }
.zastosowania_baner_mobile_i { padding:53px 30px 30px 222px; }
.zastosowania_baner_mobile_i h2 { color:#000; font-size:23px; text-align:right; cursor:pointer; font-family: 'Lato', sans-serif; text-transform:none; }
.zastosowania_baner_mobile_i h2 strong  { font-weight:900; }
.lang_ru .zastosowania_baner_mobile_i h2 { font-size:21px; }
@media screen and (max-width : 482px) { 
    .zastosowania_baner_mobile_i { padding:10vw 6vw 6vw 48vw; }
.zastosowania_baner_mobile_i h2 { font-size:4.8vw; }
.lang_ru .zastosowania_baner_mobile_i h2 { font-size:4.5vw; }    
}

.zastosowania_baner { display:block; }
.zastosowania_baner_mobile { display:none; }

@media screen and (max-width : 1000px) { 

    .zastosowania_baner { display:none; }
    .zastosowania_baner_mobile { display:block; }

}




.recipes_filtered_filter { width:100%; float:none;  }
.recipes_filtered_list { clear:all; width:100%; float:none; }

.recipes_filtered_list .przepis_new_lista { display:block; cursor:pointer; padding:0; width:31.3%; height:216px; background-color:#fff; float:left; margin:0 0 15px 1.5%;  box-shadow: 0px 0px 3px #cbcbcb; }
.recipes_filtered_list .przepis_new_lista:hover {  }
.recipes_filtered_list .przepis_new_lista:nth-child(3n+1) {margin:0 0 15px 1.5%;}
.recipes_filtered_list .przepis_new_lista_i { padding:12px 13px 13px 13px; }
.recipes_filtered_list .przepis_new_lista h2 { display:block;  font-family:'Lato',sans-serif; font-size:10pt; line-height:1.16em !important; height:40px; margin:0; padding:0; letter-spacing: -0.2px; }
.recipes_filtered_list .przepis_new_lista:hover h2 {  font-weight:bold; letter-spacing: -0.2px; }
.recipes_filtered_list .przepis_new_lista_foto { margin:0; width:270px; height:120px; clear:both; display:block; position:relative; float:none; width:100%; overflow:hidden; }
.przepis_new_lista_foto img { position:relative; width:100%; display:block; overflow:hidden; height:auto; 
top: 50%;
transform: translateY(-50%);}
.recipes_filtered_list .przepis_new_lista:hover .recipes_filtered_list  .przepis_new_lista_foto img { transform: scale(1.2) translateY(-46%); }
.recipes_filtered_list .przepis_new_lista .przepis_new_lista_foto img { 
	transition-property: transform;
	transition-duration: 0.4s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}
.recipes_filtered_list .przepis_new_lista .more { position:relative;color:#fff; display:block; float:none; margin:8px auto 0 auto; clear:both;  background-color:#f4bb45; padding:0px; border-radius:7px; width:120px; height:26px; text-align:center; line-height:26px; font-size:11pt;  text-transform: none;font-weight:bold;  }

.recipes_filtered_list .przepis_new_lista:hover .more { background-color:#de262d;  }






@media screen and (max-width : 600px) { 
    .recipes_filtered_filter { width:100%; float:none; clear:both; padding: 0 0 20vw 0; }
    .recipes_filtered_list { width:100%; float:none; clear:both; }
    .recipes_filtered_list .przepis_new_lista { width:100%; height:auto; margin:0 0 15px 0;  }
}




form.filter-form { position:relative; z-index:1; }
form.reset-button { float:left; display:inline; z-index:2; }





.filters-header { display:flex; flex-direction:row; gap:30px; height:60px;  align-items: top; justify-content:space-between; }
.filters-header-title {  font-size:13pt; font-weight:900; padding:8px 0 0 0;   }  /* padding:0px 0px 0px 0px; margin:1em 0 0.7em 0; */
.filters-header-search { width:208px; }
.filters-header-search input { width:200px; font-size:13pt; background-color:#ebebeb; padding:8px 8px 8px 8px; border:0; color:#000; }
.filters-header-or { font-size:15px; font-weight:300; text-align:center; padding:9px 0 0 0; }
.filters-header-select { width:340px; font-size:13pt;  background-color:#ebebeb; padding:7px 7px 7px 10px; border:0; cursor:pointer; height:24px; }
@media screen and (min-width : 601px) { 
    .filter-expanded .filters-header-select-produkty { height:46px; }
	.filter-okazje-expanded .filters-header-select-okazje { height:46px; }
}
.filters-header-select span { display:block; float:right; }

.filters-header-button { }
.filters-button .filter-start { display:inline-block; position:relative; background-color:#000; border-radius:4px;  text-align:center; padding: 10px 30px 10px 30px; text-transform:uppercase; font-weight:900; line-height:1em; color:#fff; cursor:pointer; border:0; }
.filters-button .filter-start:hover { background-color:#ef4456;  }


.filters-header-button { display:block; }
.filters-middle-button { display:none; }
.filters-footer-button { display:none; }








.filters { background-color:#ebebeb; padding:30px; display:grid; grid-template-columns: 1.1fr 1.2fr 1.4fr 1.3fr; gap:12px; max-width:100%;  }
.filters-okazje { background-color:#ebebeb; padding:30px; display:block; grid-template-columns:none; gap:none; width:100%;  }

/*
display:flex;flex-direction:row; justify-content: space-between; gap:40px; align-content: flex-start; flex-wrap:wrap; }
*/


.filter-search {   }

.filter-group-container {  margin: 0 0 2px 0; }

.filter-group-title { display:block; font-size:0.72rem; line-height:1rem; clear:left; }

.filter-group-arrow.arrow-up { display:none; }
.filter-group-arrow.arrow-down { display:block; }

.group-selected .filter-group-arrow.arrow-up { display:block; }
.group-selected .filter-group-arrow.arrow-down { display:none; }


.filter-group-title label.filter-group-title-txt {  float:left; line-height:1.15rem;  font-weight:700; cursor:pointer;  display:block; width:calc(100% - 20px); margin:0 0 0 3px; }

.filters h3 { clear:both; }
.filter { display:block; font-size:0.72rem; line-height:1.3rem; clear:left; }

.filter-group { clear:both;  line-height:1.3rem;  }
.filter-input { width:17px; float:left; cursor:pointer; }
.filter-input input { margin:3px 0 0 0;}

.filter-group .filter-select-all { float:left; font-weight:700; cursor:pointer; }
.filter-group .filter-select-all span { width:20px; font-size:16px; float:left; cursor:pointer; margin:0 3px 0 2px; }

.filter-group .filter-deselect-all { float:left; font-weight:700; cursor:pointer; display:none; }
.filter-group .filter-deselect-all span { width:20px; font-size:16px; float:left; cursor:pointer; margin:0 3px 0 2px; }



.filter-group-products { clear:both; display:block; padding:0 0 0 0px; }
.group-selected .filter-group-products { display:block; }

.group-selected .filter-select-all { display:none; }
.group-selected .filter-deselect-all { display:block; }

.filter-product label { float:left; font-weight:300; cursor:pointer;  line-height:1.15rem; width:calc(100% - 20px); margin:0 0 0 3px; }


.filter-reset { position:relative;color:#fff; display:block; float:left; margin:13px 0 0 0; clear:both;  background-color:#aaaaaa; padding:0px; border-radius:7px; width:126px; height:30px; text-align:center; line-height:26px; font-size:14pt; font-weight:bold; border:0; cursor:pointer; }
.filter-reset:hover { background-color:#de262d;  }



@media screen and (max-width : 600px) { 
    
    form.filter-form { }
    form.reset-button { position:relative; top:-39px; }

    
    .filters-header { background-color:#ebebeb; display:block; height:auto;   padding:30px 5vw 40px 5vw; }
    .filters-header-title {  font-size:13pt; font-weight:900; padding:0 0 0 0;   }  
    .filters-header-or { display:none;}
    
    .filters-header-search  { width:calc(100% - 8vw); clear:both; margin:20px 0 0 0;}
    .filters-header-search input { background-color:#ffffff; color:#000; width:100%;  }
    .filters-header-select { width:calc(100% - 8vw); background-color:#ffffff; margin:20px 0 0 0; }
    
    .filters-header-button { display:none; }
    .filters-middle-button { display:block; float:right; margin:20px 0 0 0; }   
	.filters-footer-button { display:none; float:right; }
	
	.filter-expanded .filters-header { padding:30px 5vw 0px 5vw; }
    .filter-expanded .filters-middle-button { display:none; }    
    
    .filter-expanded .filters-footer-button { display:block; }
	
	.filter-okazje-expanded .filters-header { padding:30px 5vw 0px 5vw; }
    .filter-okazje-expanded .filters-middle-button { display:none; }    
   
    .filter-okazje-expanded .filters-footer-button { display:block; }
	
	
	
    
    .filters { background-color:#ebebeb; padding:0 5vw 40px 5vw; display:grid; grid-template-columns: 1fr; gap:5vw; max-width:100%;  }
	
	
	.filters-okazje { background-color:#ebebeb; padding:0 5vw 40px 5vw; width:calc(100% - 10vw);  display:block;  }
	
	
	
    .filter-group-container { padding:1.5vw 0 2.5vw 0;  }  /*  border-top:1px solid #fff;  */
    .filter-input { width:6vw; }
    .filter-input input { margin:3px 0 0 0;}
    
	.filter-group-title label.filter-group-title-txt {  width:calc(100% - 8vw); margin:0 0 0 2vw; }
    .filter-product label { width:calc(100% - 8vw); margin:0 0 0 2vw; }
	
    .filter-input input {
	  width: 12px;
	  height: 12px;
	  border-radius: 50%; /* Makes it a circle */
	  background-color: white; /* Optional: Set a background color */
	  border: 1px solid #000; /* Optional: Add a border */
	  cursor: pointer; /* Optional: Indicate it's clickable */
	  appearance: none; /* Hide default appearance */
	  -webkit-appearance: none; /* Hide default appearance for older browsers */
	  outline: none; /* Remove default focus outline */
	}

	.filter-input input:checked {
	  background-color: #000; /* Optional: Change color when checked */
	  border-color: #000; /* Optional: Change border color when checked */
	}

    
}




.filter-show {  }
.filter-show:hover { }

.filter-hide { }
.filter-hide:hover { }

.filter-show { display:block; }
.filter-hide { display:none; }
.filters {  }
@media screen and (max-width : 900px) { 
    .filter-show { display:block; }
    #filters { display:none; }
    .filters_active #filters { display:block; }
	.filters_okazje_active #filters-okazje { display:block; }
    
}


/*

.filters_active .filter-show { display:none; }

.k24-recipes-list { display:flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; gap:35px; }
.k24-recipes-block { position:relative; display:block; flex-basis: calc(25% - 27px);  }  
.k24-recipes-photo { aspect-ratio: 26 / 24; width:100%; position:relative; display:block;   }
.k24-recipes-photo img { width:100%; height:100%; object-fit:cover; }
.k24-recipes-name { aspect-ratio: 26 / 14; width:100%;  background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); 
border-bottom:1px solid #e3e3e3;}
.k24-recipes-name h3 { display:block; padding:32px 33px 0px 33px; margin:0; font-size:13pt; font-weight:700; text-align:left;  }

@media screen and (max-width: 750px) {
    .k24-recipes-block {    }
}
*/


.k24-recipes-list { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:35px; max-width:100%; 
  /* Allow text to wrap rather than push the grid wider */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;

white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}



.k24-recipes-block { position:relative; display:block; min-width: 0;  }
.k24-recipes-photo { aspect-ratio: 26 / 24; width:100%; position:relative; display:block; overflow:hidden;  }
.k24-recipes-photo img { width:100%;  height:100%; display:block; position:relative; object-fit:cover;
     object-position: center; 
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.k24-recipes-name { aspect-ratio: 13 / 7; width:100%;  background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); 
border-bottom:1px solid #e3e3e3;}
.k24-recipes-name h3 { display:block; padding:32px 33px 0px 33px; margin:0; font-size:12.6pt; font-weight:700; text-align:left; line-height:1.1em; hyphens: auto!important;
      word-break: break-word !important;
      overflow-wrap: break-word!important;  }

.k24-recipes-block:hover .k24-recipes-photo img {
    transform: scale(1.2);
}
.k24-recipes-block:hover .k24-recipes-name {
    background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(239,239,239,1) 100%); 
}


.brand-article .k24-recipes-name h3 { padding:25px 26px 0px 26px; font-size:11pt }


@media screen and (max-width: 1050px) {
    .k24-recipes-list { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:35px; }
}

@media screen and (max-width: 760px) {
    .k24-recipes-list { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:3vw; }
    .k24-recipes-block {  min-width: 0;  }
    .k24-recipes-name { aspect-ratio: 8 / 5; }
    .k24-recipes-name h3 { font-size:12pt; padding:4.2vw 5vw 3vw 5vw;  }
    
}
/*

.kandy-gallery-item img { display:block; position:relative; width:284px; height:192px;  width:100%; 
    object-fit: cover; 
    object-position: center; 
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.kandy-gallery-item:hover img {
    transform: scale(1.2);
}
*/



.swiper { }
.swiper-wrapper { }
.swiper-buttons { position:relative; width:100%; height:1px; clear:both; }
.swiper-button-prev { position:absolute !important; top:-400px !important; left:-90px !important; border-top-color:#747474 !important; border-right-color:#747474 !important; border-bottom-color:#747474 !important; border-left-color:#747474 !important; color:#747474 !important; }
.swiper-button-next { position:absolute !important; top:-400px !important; right:-90px !important; border-top-color:#747474 !important; border-right-color:#747474 !important; border-bottom-color:#747474 !important; border-left-color:#747474 !important; color:#747474 !important;   }
.swiper-button-disabled { opacity:0.2 !important; }
.swiper-pagination { top:20px !important; }
.swiper-pagination-bullet { background-color:#aaa !important; width:16px !important; height:16px !important;  }
.swiper-pagination-bullet-active { background-color:#747474 !important;  }



.swiper-buttons-mobile .swiper-button-prev { opacity:0; }
.swiper-buttons-mobile .swiper-button-next { opacity:0; }
@media screen and (min-width: 761px) {
    #swiper-receptury-desktop { display:block; }
    #swiper-receptury-mobile { display:block; overflow:hidden; width:1px !important; height:1px !important; opacity:0; }

    .swiper-buttons-desktop { display:block; }
    .swiper-buttons-mobile { display:block; overflow:hidden; width:1px !important; height:1px !important; opacity:0; }
    
}
@media screen and (max-width: 760px) {
    
    #swiper-receptury-desktop { display:block; overflow:hidden; width:1px !important; height:1px !important; opacity:0; }
    #swiper-receptury-mobile { display:block; }
    
    .swiper-buttons-desktop { display:block; overflow:hidden; width:1px !important; height:1px !important; opacity:0; }
    .swiper-buttons-mobile { display:block; }
}
@media screen and (max-width: 1336px) {
    .swiper-buttons-desktop .swiper-button-prev { opacity:0; }
    .swiper-buttons-desktop .swiper-button-next { opacity:0; }
}
















.nagrody { }
.nagrody-rok { clear:both; float:none;  margin:50px auto 60px auto; border-bottom:6px solid #eeeeee;  }
.nagrody-rok h5 { font-family: trumpgothicpro, sans-serif; font-size:2.5em; margin: 0 auto; position:relative; display:block; background-color:#eeeeee; width:200px; text-align:center; width:194px; padding:12px 0 0 0; font-family: trumpgothicpro, sans-serif;  }


/*
*/

.nagrody-lista { display:flex; flex-wrap:wrap;  justify-content: center; gap: 34px; margin-bottom:40px; width:100%; overflow:hidden;  }


.nagroda { position:relative; display:block;   width:260px; min-width:260px; }
.nagroda-img { aspect-ratio: 26 / 24; width:100%; position:relative; display:block; overflow:hidden;   }
.nagroda-img img { width:100%;  height:100%; display:block; position:relative; object-fit:contain;
     object-position: center; 
   
}

.nagroda-txt { 
  word-break: normal; hyphens: auto; min-height:110px;  background: rgb(255,255,255); 
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); 
border-bottom:1px solid #e3e3e3; padding:30px 18px 18px 18px;  }
.nagroda-txt p { font-size:11.5pt !important; }
.nagroda-txt-long { min-height:180px;}

@media screen and (max-width: 630px) {
   .nagroda {    width:100%; min-width:none; }
    .nagroda-txt { min-height:30vw; padding:10vw 8vw 8vw 8vw;  }
    .nagroda-txt p { font-size:5vw !important; }
}


/*

.nagrody-lista {display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:35px; max-width:100%; 
  
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;

white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}

@media screen and (max-width: 1142px) {
    .nagrody-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media screen and (max-width: 1028px) { 
    .nagrody-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


@media screen and (max-width: 760px) { 
    .nagrody-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

*/


.historia-firmy { display:block; position:relative; width:100%; }

.timeline, .timeline * {
  box-sizing: border-box;
}



/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 629px;
  margin: 0 auto;
     
    overflow:hidden;
}
.timeline a { word-wrap: break-word; }
.historia-firmy .timeline {
    max-width: 1142px;
    max-height:6500px; overflow:hidden;
}


/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #eeeeee;
  top: 20px;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
   
}
@media screen and (min-width: 800px) {
    .menu_id_33 .timeline { height:5000px; overflow:hidden;  }
}
@media screen and (min-width: 1250px) {
    .menu_id_33 .timeline { height:5100px; overflow:hidden;  }
}

/* Container around content */
.container-left, .container-right {
  
  position: relative;
  background-color: inherit;
  width: 50%;
    text-align:left;
}

/* The circles on the timeline */
.container-left::after, .container-right::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  right: -10px;
  background-color: #ef4355;
  /* border: 4px solid #ef4355;*/
  top: 15px;
  border-radius: 50%;
  z-index: 1;
    
}
/* Fix the circle for containers on the right side */
.container-right::after {
  left: -10px;
}


/* Place the container to the left */
.container-left {
    padding: 10px 40px 10px 0;
  left: 0;
}

/* Place the container to the right */
.container-right {
    padding: 10px 0 10px 40px;
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.container-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0px;
  z-index: 1;
  right: 15px;
  border: medium solid #eeeeee;
  border-width: 0 0 10px 25px;
  border-color: transparent transparent transparent #eeeeee;
    
}

/* Add arrows to the right container (pointing left) */
.container-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 15px;
  border: medium solid #eeeeee;
  border-width: 0 25px 10px 0;
  border-color: transparent #eeeeee transparent transparent;
}


/* The actual content */
.content {
  top:12px;
    padding: 20px 30px;
  background-color: #eeeeee;
  position: relative;
  border-radius: 0;
}
.content img {
    width:100%; margin:-8px 0 10px 0;
}
.content p {
    text-align:left !important;
}
.lang_ar .content p {
    text-align:right !important;
}
.container-right:nth-child(2) { top:-50px; }
.container-left:nth-child(3) { top:-100px; }
.container-right:nth-child(4) { top:-150px; }
.container-left:nth-child(5) { top:-200px; }
.container-right:nth-child(6) { top:-250px; }
.container-left:nth-child(7) { top:-300px; }
.container-right:nth-child(8) { top:-350px; }
.container-left:nth-child(9) { top:-400px; }
.container-right:nth-child(10) { top:-450px; }
.container-left:nth-child(11) { top:-500px; }
.container-right:nth-child(12) { top:-550px; }
.container-left:nth-child(13) { top:-600px; }
.container-right:nth-child(14) { top:-650px; }
.container-left:nth-child(15) { top:-700px; }
.container-right:nth-child(16) { top:-750px; }

.historia-firmy .container-right:nth-child(2) { top:-200px; }
.historia-firmy .container-left:nth-child(3) { top:-400px; }
.historia-firmy .container-right:nth-child(4) { top:-600px; }
.historia-firmy .container-left:nth-child(5) { top:-800px; }
.historia-firmy .container-right:nth-child(6) { top:-1000px; }
.historia-firmy .container-left:nth-child(7) { top:-1200px; }
.historia-firmy .container-right:nth-child(8) { top:-1400px; }
.historia-firmy .container-left:nth-child(9) { top:-1600px; }
.historia-firmy .container-right:nth-child(10) { top:-1800px; }
.historia-firmy .container-left:nth-child(11) { top:-2000px; }
.historia-firmy .container-right:nth-child(12) { top:-2200px; }
.historia-firmy .container-left:nth-child(13) { top:-2400px; }
.historia-firmy .container-right:nth-child(14) { top:-2600px; }
.historia-firmy .container-left:nth-child(15) { top:-2800px; }
.historia-firmy .container-right:nth-child(16) { top:-3000px; }
.historia-firmy .container-left:nth-child(17) { top:-3200px; }

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 750px) {
/* Place the timelime to the left */
  .timeline::after {
    left: 28px;
  }

/* Full-width containers */
  .container-left, .container-right {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

/* Make sure that all arrows are pointing leftwards */
  

/* Make sure all circles are at the same spot */
  .container-left::after, .container-right::after {
    left: 17px;
      
  }

/* Make all right containers behave like the left ones */
  .container-right {
    left: 0%;
  }
    
 
    
    
    
    /* Add arrows to the left container (pointing right) */
.container-left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 45px;
  border: medium solid #eeeeee;
  border-width: 0 25px 10px 0;
  border-color: transparent #eeeeee transparent transparent;
    
}

/* Add arrows to the right container (pointing left) */
.container-right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 45px;
  border: medium solid #eeeeee;
  border-width: 0 25px 10px 0;
  border-color: transparent #eeeeee transparent transparent;
}

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.historia-firmy .container-right:nth-child(2) { top:22px; }
.historia-firmy .container-left:nth-child(3)  { top:22px; }
.historia-firmy .container-right:nth-child(4) { top:22px; }
.historia-firmy .container-left:nth-child(5)  { top:22px; }
.historia-firmy .container-right:nth-child(6) { top:22px; }
.historia-firmy .container-left:nth-child(7)  { top:22px; }
.historia-firmy .container-right:nth-child(8) { top:22px; }
.historia-firmy .container-left:nth-child(9)  { top:22px; }
.historia-firmy .container-right:nth-child(10) { top:22px; }
.historia-firmy .container-left:nth-child(11)  { top:22px; }
.historia-firmy .container-right:nth-child(12) { top:22px; }
.historia-firmy .container-left:nth-child(13)  { top:22px; }
    .historia-firmy .timeline {     max-height:none; overflow:visible; }
}








.lp_c { float: none; clear:both; width: 740px; margin: 20px auto; position: relative; }
.lp_c li { text-align:left; }
.lp_c h2 { font-size: 1.8rem; text-align: left; color: #de262d; margin-top:0; padding-top:0; }
.lp_img { float: left; width: 350px; margin: 0px 40px 40px 0px; }
.lp_img img { width:100%;}
.lp_txt { float: right; width: 350px; margin: 0px 0px 40px 0px; }
.lp_txt a { font-weight:bold; }
.lp_clear { float: none; clear:both; position: relative; }
@media screen and (max-width:960px) {
	.lp_c { width: 100%; margin: 40px auto; position: relative; }
	.lp_img { float: none; clear:both; width: 100%; height: auto; margin: 0px 0px 0px 0px; }
	.lp_txt { float: none; clear:both; width: 100%; height: auto; margin: 0px 0px 0px 0px; padding:0 0 60px 0;}
}








#wylacznik { position:fixed; top:0; left:0; display:none; width:100vw; height:100vh; z-index:30;  }





/* PRZEJSCI0WE */
@media screen and (max-width : 1142px) { 
    .desktop { display:block; }
    .mobile { display:none; }
    
}
/* MOBILNE */
@media screen and (max-width: 1028px) {   
	
    
    
    
    .desktop { display:none !important; }
    #mc { display:none !important; }    
    .mobile { display:block; }
	.wc { overflow:hidden; min-width:320px; background:none; } 

	#baner { display:none; }

	.w { width:100%; position:relative; z-index:3; } 
	#pc { width:100%; } 
	#p { width:90% !important;  } 
    
	
	#hc { clear:both; display:block; width:100%; position:relative; z-index:1;  } 
	
	
    .h { width:100%;  height:36vw; background-color:#ef4355;  }
	.h #mobile_logo {  width:100%; top:5.2vw; max-height:16vh; min-height:84px; height:230px;  position:relative; z-index:1; margin:0; padding:0;  }
	.h #mobile_logo img { width:40vw;  margin:0 auto 0 auto; position:relative; padding:0; display:block; z-index:1; }	
    .h #mobile_logo #mobile_homelink { display:block; position:absolute; cursor:pointer; left:27vw; top:0; width:44vw; height:25vw; background:none; z-index:2; }
	.h .bcc	{ display:none; }
    .bcc	{ display:none; }
	.h #flags { display:none; }
	.h #logo { display:none; }		
	    
    
    .h_print  { max-width:100%; }
    .h_print img { max-width:100%; }

    
    
    
    
            .langs_menu_c { display:block; position:absolute; left:auto; top:0; right:0; margin:0; width:20vw; height:100vh; overflow:visible; z-index:90; }

            #lang_active { display:block; position:absolute; z-index:2; left:auto; right:8vw; top:7vh;  width:16vw; height:6vw; cursor:pointer; }
                .lang_active_label { display:block; position:relative; float:right; width:20vw; height:6vw;   background-size:3vw; background-repeat:no-repeat; background-position:1.5vw 1.5vw;    }
                .lang_active_label .lang_active_label_txt { padding: 2vw 2vw 0 0; font-size:2.5vw; line-height:18px; text-align:right; color:#000; text-decoration:none;  font-weight:normal; }

    
    

    
    
    

            #langs_closemenu { display:none; position:absolute; z-index:3; left:auto; right:8vw; top:7vh;  width:18Uvw; height:6vw; cursor:pointer; }

                .lang_closemenu_label { display:block; position:relative; float:right; width:20vw; height:6vw; background-size:3vw; background-repeat:no-repeat; background-position:1.5vw 1.5vw; }
                .lang_closemenu_label .lang_closemenu_label_txt { padding: 2vw 2vw 0 0; font-size:2.5vw; line-height:18px; text-align:right; color:#000; text-decoration:none;  font-weight:normal;  }

            #langs_menu { display:none; position:absolute; z-index:4; top:36vw; right:0; width:88vw; height:auto; padding:8px 6vw 20px 6vw;  background-color:#ef4355;  }
                .langs_menu_lang { display:block; position:relative; clear:both;  display:block; padding:0.4vw 6vw 0.4vw 16vw; height:auto; line-height:1.4em; color:#fff; font-size:4vw; font-family: 'Lato', sans-serif; text-decoration:none; text-transform:none; text-align:right; text-decoration: none;   }
                .langs_menu_lang:hover { text-decoration: underline; }

    
	

    

    .mobilemenu.smartmobi { position: absolute; display:block; }
    
    .mobilemenu { position:absolute; z-index:70; left:0; top:36vw; width:100vw; min-height:80vh; height:auto; background-color: #ef4355;   }
    .mobilemenu .mobilemenu_bg {  opacity:1; position:absolute; left:0; top:0; width:100%; height:auto; z-index:1;  }
    .mobilemenu .mobilemenu_menu { position:absolute; left:0; top:0; z-index:2; }
    /*
    .mobilemenu .mobilemenu_menu a { display:block; color: #fff; font-size:4.3vh; margin:0 0 1.7vh 0; position:relative; float:none; clear:both; padding:0; width:auto; text-decoration:none; font-weight:300;  }
    .mobilemenu .mobilemenu_menu a:hover { color: #00c0ff; }
    .mobilemenu .mobilemenu_menu a.act { color: #00c0ff; }
    */
    
	.mobilemenu .mobilemenu_menu .submenu_0 { float:none; width:100%; display:block; position:relative; background-color: #ef4355; } 
	.mobilemenu .mobilemenu_menu .submenu_0 a { display:block; padding:1vw 6vw 1vw 10vw; height:auto; line-height:1.4em; color:#fff; font-size:6vw; font-family: trumpgothicpro, "Arial-Narrow", helvetica, sans-serif; text-decoration:none; text-transform:uppercase; } 
	
    .mobilemenu .mobilemenu_menu .submenu_0:hover > a { color:#fff;  } 

    
	.mobilemenu .mobilemenu_menu .submenu_0.menu_active > a { color:#fff;  } 



    .mobilemenu .mobilemenu_menu .submenu_1_c { display:block; background-color: #c33948; padding-top:2vw;  padding-bottom:2vw; }
    .mobilemenu .mobilemenu_menu .submenu_1_c {  }
    .mobilemenu .mobilemenu_menu .submenu_0:hover .submenu_1_c { display:block; }

    .mobilemenu .mobilemenu_menu .submenu_1 { display:block; position:relative; float:none; clear:left;  background-color: #ef4355;  } 
    
    /*
    .mobilemenu .mobilemenu_menu .submenu_1:first-child > a { padding-top:5vw;  }
    .mobilemenu .mobilemenu_menu .submenu_1:last-child > a { padding-bottom:5vw; }
    */
    
    .mobilemenu .mobilemenu_menu .submenu_1 a {  display:block; padding:0.4vw 6vw 0.4vw 10vw; height:auto; line-height:1.4em; color:#fff; font-size:3.4vw; font-family: 'Lato', sans-serif; text-decoration:none; text-transform:none; background-color:#c33948; } 
	.mobilemenu .mobilemenu_menu .submenu_1 a:hover {  }  
    .mobilemenu .mobilemenu_menu .submenu_1.menu_active > a { } 


    
    .mobilemenu .mobilemenu_menu .submenu_2_c { position:relative;   }

    .mobilemenu .mobilemenu_menu .submenu_2 { display:block; position:relative; float:none; clear:left;  background-color: #ef4355;  } 
    

    
    /*
    .mobilemenu .mobilemenu_menu .submenu_2:first-child a { padding-top:3vw; }
    .mobilemenu .mobilemenu_menu .submenu_2:last-child a { padding-bottom:3vw; }
    */
    
		
    .mobilemenu .mobilemenu_menu .submenu_2 a {display:block; padding:0.4vw 6vw 0.4vw 15vw; height:auto; line-height:1.4em; color:#fff; font-size:3.4vw; font-family: 'Lato', sans-serif; text-decoration:none; text-transform:none; background-color:#c33948;; } 
	.mobilemenu .mobilemenu_menu .submenu_2 a:hover {  }  
    .mobilemenu .mobilemenu_menu .submenu_2.menu_active > a {  } 
    .mobilemenu .mobilemenu_menu .submenu_2 a::before {
         content: '';
  width: 6px;
  height: 6px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6"><circle cx="3" cy="3" r="3" fill="white"/></svg>');
  background-size: contain;
  position: absolute;
  left: 10vw;
  top: 50%;
  transform: translateY(-50%);
}
    
    
    
    /*
       
    */
    
    #lang-icon-mobile { 
        
        background-image:url('../images/globe-white.svg');  
        background-size:6vw; 
        background-repeat:no-repeat; 
        background-position:center;
        
        z-index:100;
        cursor:pointer;
        position:absolute;
        top: 17vw;
        right: 14.3vw;
        width:8vw;
        height:8vw;
       transform: translate(50%, -50%);
        display:block;
    }
    #lang_active { display:none; }
    #langs_closemenu { display:none; opacity:0;}
    
    
    
    
    
   .hamburger-container { display:block; }
    
    .hamburger-container {

     
      top: 17vw;
      left: 14.3vw;
        width:8vw;
        height:8vw;
      transform: translate(-50%, -50%);
    }
    .hamburger-container #menu-toggle {
      display: none;
    }
    .hamburger-container .menu-toggle-label {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: flex-start;
      cursor: pointer;
    }
    .hamburger-container .menu-toggle-label:hover .line {
      transition: all 0.2s ease-in-out;
    }
    .hamburger-container .menu-toggle-label:hover .line:nth-child(1) {
      width: 6vw;
    }
    .hamburger-container .menu-toggle-label:hover .line:nth-child(2) {
      width: 6vw;
      opacity: 1;
    }
    .hamburger-container .menu-toggle-label:hover .line:nth-child(3) {
      width: 6vw;
    }
    .hamburger-container .menu-toggle-label .line {
      transition: all 0.2s ease-in-out;
      margin: 0.8vw 0;
      height: 1vw;
      width: 6vw;
      border-radius: 0.6vw;
      background-color: #fff;
    }
    .hamburger-container .menu-toggle-label .line:nth-child(1) {
      width: 6vw;
    }
    .hamburger-container .menu-toggle-label .line:nth-child(2) {
      width: 6vw;
    }
    .hamburger-container .menu-toggle-label .line:nth-child(3) {
      width: 6vw;
    }
    .hamburger-container #menu-toggle:checked + .menu-toggle-label .line {
      transition: all 0.2s ease-in-out;
    }
    .hamburger-container #menu-toggle:checked + .menu-toggle-label .line:nth-child(1) {
      transform: translateY(2.6vw) rotate(45deg);
    }
    .hamburger-container #menu-toggle:checked + .menu-toggle-label .line:nth-child(2) {
      transform: scale(0);
    }
    .hamburger-container #menu-toggle:checked + .menu-toggle-label .line:nth-child(3) {
      transform: translateY(-2.6vw) rotate(-45deg);
      
    }
    
    
    
    
    
    
    .k24-home-row-inner {  height:auto; padding-bottom:80px; }
    .k24-home-row { width:90vw; margin: 0 auto; position:relative; }
    .k24-home-row:nth-child(odd) .k24-home-col1 { float:none; }
    .k24-home-row:nth-child(odd) .k24-home-col1 .k24-home-img { float:none; }
    .k24-home-row:nth-child(odd) .k24-home-col2 { float:none; }
    .k24-home-row:nth-child(odd) .k24-home-col2 .k24-home-content { float:none; }
    .k24-home-row:nth-child(even) .k24-home-col1 { float:none; }
    .k24-home-row:nth-child(even) .k24-home-col1 .k24-home-img { float:none; }
    .k24-home-row:nth-child(even) .k24-home-col2 { float:none; }
    .k24-home-row:nth-child(even) .k24-home-col2 .k24-home-content { float:none; }
    .k24-home-col1 { width:100%; }
        .k24-home-bg { display:none; }
        .k24-home-bg img { display:none; }
        .k24-home-img  { width:100%; height:58vw !important;  }
        .k24-home-img img { display:block; position:relative; width:100%; height:100%; min-height:1px;  }
    .k24-home-col2 { width:100%;  }
        .k24-home-content {  width:100%; }
        .k24-home-logo {  margin: 24px auto 0 auto; }
        .k24-home-logo img { width:auto; height:100%; }
    .k24-home-col2 h2 { font-size:32pt; line-height:1em; margin:25px 30px 0px 30px; }
    .k24-home-col2 p { font-size:11pt; margin:10px 30px 0px 30px; }
    .k24-home-button { }
    .k24-home-button:hover { }


    
    

    

    
    
    



    .fc {   z-index:40; position:relative; }
    .f { width:100%;  }


    .flc { width:100%; margin:0 auto 0 auto;   }
    .fl { width:100%; position:relative; display:flex;align-items: center; gap:40px; justify-content:center; height:123px;  }	
    .fl img { height:auto; }	
    .fl img.f-iso { width:50vw; }	
    .fl img.f-rspo { width:24vw; }	


    .fpc { display: flex; padding:50px 0 50px 0; margin:0 auto 0 auto; flex-direction: column; width:100vw; justify-content:center; gap: 6px;  height:auto;  justify-content:center; }
    .fpc { background: rgb(250,250,250); }
    .fpc { background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 100%); }
    .fpc-item  { height:16vw; width:100%; text-align:center; }
    .fpc-item img { height:16vw; width:auto;  }





	.fmc { overflow:hidden;   width:100%; }
    .fmc { background: rgb(255,255,255); }
    .fmc { background: linear-gradient(180deg, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 100%); }

	.fm { width:80vw; position:relative; margin:55px auto 60px auto;  }	
	
	.fm .submenu_0 { float:none; padding:0px 0 0px 0px;} 
	.fm .submenu_0 a { display:block; color:#000; font-size:6vw; text-decoration:none; padding:4px 0px 4px 0px; margin:12px 0px 0px 0px; font-family: trumpgothicpro, sans-serif; text-transform:uppercase; } 
	.fm .submenu_0 a:hover { text-decoration:underline;   } 
    .fm .submenu_1_c { max-width:100%; } 	
    .fm .submenu_1 { display:block; margin:0px;   } 
	.fm .submenu_1 a { display:block; color:#000; margin:0px; font-size:9.6pt; line-height:1.42em; font-family: Lato; text-transform:none;   padding:0 0 0 0; } 	
    .fm .submenu_1 a:hover { text-decoration:underline;   } 
	.fm .submenu_2 { display:block; margin:0px;   } 
	.fm .submenu_2 a { display:block; color:#000; margin:0px; font-size:9.6pt; line-height:1.42em; font-family: Lato; text-transform:none;   padding:0 0 0 10px; } 	
    .fm .submenu_2 a:hover { text-decoration:underline;   } 








	#iso22000 { float:right; position:relative; height:220px; }		
	#iso22000 img { position:absolute; top:-179px; left:60px; }			
	#gazele { float:right; position:relative; height:220px; }		
	#gazele img { position:absolute; top:-90px; left:-147px;}			
	.fairplay { float:right; position:relative; height:220px; }		
	.fairplay img { position:absolute; top:-90px; left:-357px;}			
	#iso { float:none; position:relative; height:123px; }		
	#iso img {  }			

	#hline { height:1px; background-color:#d3d4d6; margin:40px 0px 40px 0px;}


    
    
    
    
    
    	.paczki_block { width:100%; height:auto !important; }
	.paczki_block_img { width:100% !important; clear:both; float:none !important; height:auto !important; }		
	.paczki_block_img img { width:100%; margin:0 !important; margin-bottom:20px !important; }		
	
	.paczki_block_1 .paczki_block_img { margin-top:40px; }
	.paczki_block_2 .paczki_block_img { margin-top:20px; }
	.paczki_block_3 .paczki_block_img { margin-top:20px; }

	
	.paczki_block_3 .paczki_block_img img { width:60% !important; margin:0 auto !important; position:relative !important; display:block; }			
	.paczki_block_img img {  }				
	.paczki_block_det { width:100% !important; clear:both; float:none !important; height:auto !important; }
	
    
    
    
    
    
    
    
    

    
    
    
    
    
    
}
    




.sitemap a 
.sitemap_0 a { color:#000; }
.sitemap_1 a { color:#333; }
.sitemap_2 a { color:#666; }
.sitemap_3 a { color:#999; }
.sitemap_4 a { color:#ccc; }



@media print {
 
  
  
	  .w, .k24-banner-full { zoom:87% !important; }
.fc,  .k24-home-row, .subfooter  {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    margin-bottom: 20px !important;
  }
  
	.block-full { margin:0; max-width:100%; left:0; right:0; width:auto; }
	.text_c {  }

	img {
		break-inside: auto !important;
		page-break-inside: auto !important;
	  }

	  /* Zezwól na rozcinanie bloków/sekcji, w których leżą obrazki */
	  .row, .section, .product-item, div {
		break-inside: auto !important;
		page-break-inside: auto !important;
	  }	

}