img{
    max-width: 100%;
    height:auto;
    width:auto;
	border:0;
}

@font-face {
    font-family: 'hero';
    src: url('hero.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

		 }

body {
	margin:0px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#5f605f;
	background-color:#ffffff;
	text-align:center;
	font-weight:100;
	line-height: 150%;
	font-weight:400;
	overflow-x: hidden;
  }
 
 @media only screen and (max-width: 5000px) {
#tresc { margin-left:auto; margin-right:auto;}
#menu_lewe { margin-top:40px; text-align:center;  }
#baner_glowna {height:480px; }
.belka {left: -50%;}

}

@media only screen and (max-width: 1000px) {
#tresc {margin-left:1%; margin-right:1%;}
#menu_sklep {clear:both; }
#menu_lewe {width:100%; margin-top:0px;}
.belka {left: -13px;}
}

@media only screen and (max-width: 680px) {
#menu_lewe {text-align:left; width:100%; margin-top:0px; }
#menu_lewe li {margin-bottom:10px;}
#tresc { margin-left:13px; margin-right:13px; }
}

@media only screen and (max-width: 585px) {
#tresc { width:98%; margin-left:5px; margin-right:5px; }
}
	
#tresc
	{
	min-width:285px;
	max-width:986px;
	display:inline-block;
	text-align:center;
	}
 
a {
color: #737473;
text-decoration : none;
}

a:link {
 color: #737473;
 text-decoration : none;
  }
a:hover {
    color : #737473;
  }


a:visited {
    color: #737473;
    text-decoration:none;
  }

#cookies-message{
	position:fixed;
	background-color:#FFF;
	top:0px;
	left:0px;
    border-bottom: 1px solid #aaa;
    top: 0;
    font-size: 12px;
    line-height: 150%;
    padding: 10px 0;
    text-align: center;
    width: 99%;
    z-index: 999;
	color:#000;
	font-weight:400;
}
#menu {
	max-width:986px;
	font-weight:400;
	width:100%;
	position:relative;
	margin-top:20px;
	font-size:12px;
	
}

#menumenu a:hover{
color:#c5569a;
font-weight:800;

}

#pinklink {
color:#c5569a;
}
#pinklink a{
color:#c5569a;
}

#zmiana_jezyka {
	
	position:absolute;
	right:27px;
	 text-transform: uppercase;
	 font-size:10px;
}
#zmiana_jezyka li{
margin-right:5px;
 display:inline-block;
 color:#5f605f;
}
#zmiana_jezyka .podkreslone {
	text-decoration:underline;
}

#zmiana_jezyka a:hover {
	 color:#000;
	 text-decoration:underline;
}

#menu_sklep {
position:absolute;
top:40px;
right:10px;
display:none;
}

#menumenu {
	background-color:#ffffff;
	padding-left:15px;
	padding-right:0px;
	padding-top:6px;
	display:inline-block;
	width:96%;
	width:calc(100%-15px);
	text-align: right;

}
.menu_logo {
	float:left;
	margin-bottom:18px;


}

#menu_male {

}

#zamknij_menu {
display:none;
}
#zamknij {
display:none;
}

#menu_lewe {

 display:inline-block;
  overflow:hidden;
}


#menu_lewe ul{
width:100%;
 margin-left:0px;
 padding:0px;
}

#menu_lewe li{
margin-right:15px;
 display:inline-block;
min-width:50px;


}

.tak30px {

height:1px;
display:inline-block;
}



.dzielnik {
 clear: both;
}


#baner_glowna {

position:relative;
}

#baner_glowna #papier {
height:100%;
}


	
	


.linia  {
    position: absolute; /* allows to position it anywhere */
    width: 2px; /* your chosen line width */
    background-color: #fff; /* line color */
    z-index: 3; /* make sure this is above your other elements */
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    /* transform-origin sets rotation around top left (instead of the geometrical center) */
}
#srodeksrodek {
position:absolute;
left:50%;
top:57%;
width:1px;
height:1px;

}

.belka {
	position:absolute;
	width:100%;
	width:100vw;
	top:0px;
	background:inherit;
	height: 100%;
	z-index:-1;
	overflow:hidden;
}
.kropki {
	background-image: url("/img/kropka.png");
	background-repeat: repeat-x;
	background-position: center center;
	margin-top:30px;
	margin-bottom:30px;
}
.kropki h1 {
font-family:hero,HouschkaRounded-Medium;
font-size:18px;
font-weight:400;
color:#001770;
margin-left:30px;
margin-right:30px;
padding-left:10px;
padding-right:10px;
background-color: #FFF;
display:block;
max-width:60%;
display:inline-block;
 text-transform: uppercase;


}
.same_kropki {
	background-image: url("/img/kropka.png");
	background-repeat: repeat-x;
	background-position: center center;
	margin-top:10px;
	margin-bottom:10px;
}


#baner {
position:relative;
min-height:175px;
}

#papier {

	
	z-index:-1;
	
}


#baner_obrazek {
z-index: -1;
position:absolute;
right:0px;
top:0px;

}

#baner_obrazek_maly {
z-index: -1;
position:absolute;
right:0px;
top:0px;

}
#baner_obrazek_mniejszy{
z-index: -1;
position:absolute;
right:0px;
top:0px;

}


 
 #chusteczki_nawilzane {
 position:relative;
 min-height:1100px;
 margin-top:20px;
 }

 .chusteczki_nawilzane_klasa {

 width:100%;
 margin-bottom:2px;
 padding-top:50px;
 }
 
.produkt_struktura {
    display:none;
    width:100%;

}    
#Pieluchy_dla_niemowląt_Kindii_Pure_FLEX {
    min-height:420px;
}
 #chusteczki_new_baby_care {
 
 position:relative;

 }
#chusteczki_ultra_sensitive {
 background-color:#fdeef2;
 position:relative;

 }
 
 #chusteczki_skin_balance {
 background-color:#e3f8fb;
 position:relative;

 }
.artykuly_higieniczne_klasa {
 width:100%;
 margin-bottom:2px;
  padding-top:50px;
 }
 
  #platki_bawelniane_baby_ensitive {
 background-color:#fdeef2;
 position:relative;


 }
  #patyczki_bawelniane_baby_sensitive {
 background-color:#fdeef2;
 position:relative;


 }


 .produkt_opis {
text-align:left;
 color:#5f605f;
 font-weight: 500;
 font-size:13px;
 }
 .produkt_opis H1{
 font-family:roboto;
	font-weight:800;
	color:#031f70;
font-size:14px;	
 text-transform: uppercase;
 margin: 0 0 0 0;
 
 }
 .produkt_opis H2{
 font-size:13px;
 color:#c5569a;
 font-weight:800;
  margin: 0 0 0 0;
 }
 .produkt_opis a {
 color:#959595;
 }
 #produkt_sklep { margin-top:20px;}
 
 .strzalka_kup {
 margin-bottom: -3px;
 margin-left:5px;
 margin-right:40px;
 }
 .strzalka_sklad {
 margin-bottom: -3px;
 margin-left:20px;
 margin-right:5px;
 z-index:1;
 }
 
 #artykuły_higieniczne2 {
 min-height:450px;
 }
 #et_kadry {
 max-width:100%; 
 width:98vw;
 }
 #Ekotechnologia_baner {
 background-color:#73d6e8;

position:relative;
margin:0;
padding:0;
 }
 
  #Ekotechnologia_baner  h1{
font-family:hero,HouschkaRounded-Medium;
color:#ffffff;
font-size:34px;
font-weight:100;
margin-bottom:40px;
max-width:269px;
 margin-left:auto;
 margin-right:auto;
 padding:0;
  }
#Ekotechnologia_baner  p{
  color:#5f605f;
 font-family:roboto;
 font-size:13px;
 font-weight:500;
 padding-right:10px;

 text-align:left;
 margin-left:auto;
 margin-right:auto;
  }
 #Ekotechnologia_baner_tekst
 {

 background: -webkit-linear-gradient(90deg,#74d6e8, #b3e9f3); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg,#74d6e8, #b3e9f3); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg,#74d6e8, #b3e9f3); /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg,#74d6e8, #b3e9f3); /* Standard syntax */
 text-align:left;
 float:left;
 padding-top:90px;
 padding-right:35px;
 
 }
 #Ekotechnologia_baner_obrazek {
 margin-top:0px;

 padding:0;
 max-width:657px;
 max-height:484px;
 }
 
 #ekotechnologia {
 margin-top:0xp;
 }
 #ekotechnologia h1 {
 font-family:roboto;
 font-weight:800;
 font-size:14px;
 text-align:center;

 margin-left:auto;
 margin-right:auto;
 color:#c5569a;
 }
 
#et_1 {
 font-family:roboto;
 font-weight:500;
 font-size:13px;
 color:#5f605f;
 margin-top:40px;
 text-align:center;
 position:relative;
}
.k5 {
    margin-left: auto;
    margin-right: auto;
    vertical-align:center;
    text-align: left;
    width: 140px;
	display: inline-block;
	 overflow: hidden;
	 text-align:center;
	 position:relative;
}
.k5_p {
position:absolute;
top:105px;
margin-left:10px;
margin-right:10px;
}
.kadry {
 margin-left: auto;
    margin-right: auto;
	overflow: hidden;
	 text-align:center;
	 position:relative;
	 overflow: hidden;
	 width:321px;
	 display: inline-block;
}
#et_chusteczka {
display: inline-block;
 margin-left: auto;
 margin-right: auto;
 max-width:457px;
}
#et_opis{
display: inline-block;
 margin-left: auto;
 margin-right: auto;
 max-width:457px;
 text-align:left;
  font-family:roboto;
 font-weight:500;
 font-size:13px;
 padding-left:15px;
 padding-right:30px;
 min-height:425px;

}
#et_opis p{
max-width:300px;
}

#et_dwie_kolumny {
position:relative;
text-align:center;

}

.porady_kostki {
margin-bottom: 2px;
height:289px;
display: inline-block;
 margin-left: 1px;
 margin-right: -2px;

 background-repeat: no-repeat;
  text-transform: uppercase;
  color:#c5569a;
  padding-top:17px;
  font-weight:800;
  font-size:14px;
  
}
.porady_kostki a{
 color:#c5569a;
}


.porady_kostki:hover {
background-position: 0px -306px;
}

.porady_kostki img {
margin-top:30px;
margin-left:8px;
}
.porady {
min-height:4px;
clear:both;
}
.porada {
display:none;
}

.nagrody {
clear:both;
min-height: 120px;
position: relative;
width:100%;
margin:0;
padding:0;
}
.nagrody .kropki {
clear:both;
}
.nagroda_obrazek {

display: inline-block;
 text-align:center;

 margin-top:20px;
 margin-bottom:20px;
}
.nagroda_obrazek img {
margin-left:auto;
margin-right:auto;
}

.nagroda_tekst {
display: inline-block;

color:#5f605f;
 font-family:roboto;
font-weight: 400;
 text-align:left;
 font-size:13px;
 margin-top:20px;
}
.nagroda_tekst  h1{
color:#031f70;
  text-transform: uppercase;
  font-size:14px;
  font-weight:800;
    font-family:roboto;
margin-top:0px;
  
}

#stopka_belka {
clear:both;
color:#FFF;
font-weight:400;
font-family:roboto;
text-align:center;
vertical-align:center;
}

#stopka_belka  a{
color:#FFF;
}

fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 5000px) {
#stopka_belka {font-size:11px; }
.stopka_belka { width:100%;   }
#zapisz_newsletter {width:656px;}
#stopka_napisy { float:right; width:560px;}
#stopka_napisy ul{ text-align: right; width:750px; margin-top: 22px; margin-bottom: 32px;}
#zapisz_newsletter_strzalka {margin:0; position:absolute; top:21px; left:330px; }
#stopka_belka .strzalka_sklad {margin:0; position:absolute; top:21px;  left:330px; }
#zapisz_newsletter input { width:150px;}
}

@media only screen and (max-width: 1000px) {
#zapisz_newsletter { width:49%;}
.stopka_belka { width:49%;   margin-left:0px; margin-right:-3px;}
#stopka_napisy { float:right;  }
#stopka_napisy ul{ text-align: left; width:560px; margin-bottom: 22px;}
#pusta {display:none; }
#znikaj {display:none;}


}

@media only screen and (max-width: 720px) {
.stopka_belka { width:100%; clear:both; }
#zapisz_newsletter { width:100%; clear:both;}
#pusta {display:none;}
#stopka_napisy { float:left;}
#stopka_napisy ul{ text-align: left; width:360px; }
#znikaj {display:none;}
#zapisz_newsletter_strzalka {margin:0; position:absolute; top:21px; left:330px; }
#stopka_belka {font-size:10px; }
#stopka_belka .strzalka_sklad {margin:0; position:absolute; top:21px;  left:330px; }
#zapisz_newsletter input { width:110px;}
}

@media only screen and (max-width: 585px) {
.stopka_belka { width:100%; clear:both; }
#pusta {display:none;}
#stopka_napisy { float:left;}
#stopka_napisy ul{ text-align: left; width:360px;}
#znikaj {display:none;}
#zapisz_newsletter_strzalka {margin:0; position:absolute; right:23px; top:21px; left:unset; }
#stopka_belka .strzalka_sklad {margin:0; position:absolute; right:23px; top:21px; left:unset;}
#stopka_napisy  ul{margin-bottom:80px;}
}



.stopka_belka  {

height:52px;
max-height:52px;
min-height:52px;
display: inline-block;
  background: -webkit-linear-gradient(90deg,#68d2e6, #b3e9f2); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg,#68d2e6, #b3e9f2); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg,#68d2e6, #b3e9f2); /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg,#68d2e6, #b3e9f2); /* Standard syntax */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#68d2e6, endColorstr=#b3e9f2);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#68d2e6, endColorstr=#b3e9f2)";
  
margin-left:0px; margin-right:-3px;
  margin-top:1px;
  text-align:left;
  position:relative;
}
#zapisz_newsletter {
position:relative;
}

#zapisz_newsletter input {
padding-left:10px;
padding-right:3px;
padding-top:0px;
padding-bottom:0px;
border:1px solid #dcdcdc;
height:30px;
font-size:12px;
display:inline;
position:absolute;

}
#zapisz_newsletter_input {
height:30px;
display:inline;
position:absolute;
top:10px;
left:155px;
}


#zapisz_newsletter_strzalka{
position:absolute;

}
#stopka_belka p{
margin-top:18px;
display: inline-block;
margin-left:15px;
}

#stopka_napisy {
font-size:11px;
font-weight:400;
font-family:roboto;
position:relative;
min-height: 80px;
width:99%;
line-height: 200%;
}


#stopka_napisy ul{
max-width:750px;
margin-left:0px;
padding:0;

}
#stopka_napisy li{
  display:inline-block;
  color:#959595;
  margin-left:10px;
 }


#stopka_napisy a{
color:#959595;
}

#stopka_logo_harpen {
float:right;
margin-right:10px;
position:absolute;
right:10px;
bottom:10px;
}
#pusta {
line-height: 100%;
}

#znikaj { 

color:#959595; 
}

@media only screen and (max-width: 5000px) {
	.kolumy_aktualnosci { width:33.3%; text-align: left;}
	.glowna_produkty { width:33.3%; }
	.glowna_baner_obrazek { right:0px; }
	.glowna_produkty {max-width:330px}
	.produkt { width:60%; float:left;}
	.produkt_opis { float:right; width:35%;}
	.chusteczki_nawilzane_klasa {min-height: 315px; display:flow-root}
	.artykuly_higieniczne_klasa { min-height:370px; }
	#platki_bawelniane_baby_ensitive {  min-height:468px;}
	.nagroda_obrazek {width: 33%;  float:left;}
	#baner_napis { float:left; margin-top:65px; margin-left:32px; font-family:hero,HouschkaRounded-Medium; font-size:42px; color:#c5569a; font-weight:300; }
	#baner_napis_certyfikaty { float:left; margin-top:35px; margin-left:32px; font-family:hero,HouschkaRounded-Medium; font-size:41px; color:#c5569a; font-weight:300; line-height:40px; }
	#porady .nagroda_obrazek { width:33%; float: left; margin-top:20px; }
	#porady  .nagroda_tekst{ min-height:120px; width:66%; }
	.porady_kostki { width:326px; }
	.porady_szerokie {display:block; clear:both;}
	.waskie_porady {display:none; }
	.waskie_porady2 {display:none; }
	#Ekotechnologia_baner {  min-height: 484px; }
	#Ekotechnologia_baner_obrazek {  float:right; }
	#Ekotechnologia_baner_tekst { width:28%;  max-width:269px;  min-height:394px;  padding-left:25px;}
	#Ekotechnologia_baner .belka {height: 484px}
	#Ekotechnologia_baner_obrazek2 { display:none;}
	#Ekotechnologia_baner  p{ max-width:269px;}
	#ekotechnologia h1 {  width:50%;}
	.k5{  min-height: 190px; }
    #bezp_baner_napisy {	width:33%; margin-left:15px; float: left;}
	.bezp_baner_obrazek { width:32%; float:left; }
	#bezp_baner_napisy p{   margin-left:0px;   margin-right:40px;}
	
	.k2 { width:49%;  float: left; }
	.k4 { width:24%;  float: left; height: 400px;}
	.k4 p {width:150px;}
	.k3 { width:33%; vertical-align: top;   }
  .k3_2 { width:24%; float: none; }
	 #bezp_sklad_napisy{ margin-bottom:45px; }
	.kolumy_aktualnosci { float: left; }
	#bezp_jak  .nagroda_obrazek { width:20%; float: left; }
	#baner_obrazek_maly { display:none;}
	#baner_obrazek_mniejszy { display:none;}
	#papier { height:175px; }
	#porady  .nagroda_tekst{ width:66%; }
	.nagroda_tekst { width: 65%; }
}

@media only screen and (max-width: 1000px) {
#glowna_baner_obrazek { width:100%; }
.glowna_baner_obrazek { width:93vw; right:-13px; }
#baner_glowna { height:10%; height:47vw;}
.glowna_produkty {width:100%; max-width:100%; margin-bottom:1px;}
 #porady .nagroda_obrazek {width:90%; float:none; min-width:295px;margin-left:auto; margin-right:auto; }
 #porady  .nagroda_tekst{ min-height:120px; width:80%; margin-left:auto; margin-right:auto; }
.porady_kostki { width:49%; float: left; }
 .waskie_porady2 {display:block; clear:both;}
 .porady_szerokie{display:none;}
 #Ekotechnologia_baner {  min-height: 0px; }
  #Ekotechnologia_baner_obrazek { display:none;}
  #Ekotechnologia_baner_obrazek2 {  display:block; float:none; width:99%;  max-width:99%;}
  #Ekotechnologia_baner .belka {height: 390px}
   #Ekotechnologia_baner_tekst { width:99%; clear:both; margin-left:auto; margin-right:auto; text-align:center; max-width:99%; min-height:300px;  padding-left: 0; }
   #Ekotechnologia_baner  p{ max-width:80%;}
   #ekotechnologia h1 { width:60% }
    #bezp_baner_napisy { width:90%; margin-left:auto; margin-right:auto; clear:both; float:none;}
    #bezp_baner_napisy h1{ width:330px; margin-left:auto; margin-right:auto; clear:both; float:none; font-size: 36px;}
    #bezp_baner_napisy p{ width:330px; margin-left:auto; margin-right:auto; clear:both; float:none;}
	.bezp_baner_obrazek { width:49%; float:none; }
	#bezp_baner_glut {display:none;}
	
}

@media only screen and (max-width: 820px) {
#baner_napis_certyfikaty { font-size:36px; float:left; margin-top:40px; margin-left:12px; width:250px; line-height:150%;}
}


@media only screen and (max-width: 720px) {
.kolumy_aktualnosci { width:50%}
#akt3 {clear:both;}
.okindi { width:100%}
.produkt { width:100%; clear:both;}
.chusteczki_nawilzane_klasa {text-align:center; min-height:600px}
.produkt_opis {width:295px; margin-left:auto; margin-right:auto; float:none; clear:both; padding-top:15px; margin-bottom:50px;}
.artykuly_higieniczne_klasa { min-height:500px; }
#platki_bawelniane_baby_ensitive { min-height:500px; }
.nagroda_obrazek {width:90%; float:none; min-width:295px;margin-left:auto; margin-right:auto;}
#baner_napis { font-size:36px; float:left; margin-top:80px; margin-left:12px; }

.porady_kostki { width:99%; }
 .waskie_porady {display:block; clear:both;}
 .waskie_porady 2{display:none; }
 #Ekotechnologia_baner_tekst{ padding-left: 0; }
#ekotechnologia h1 { width:90% }
 .k5{min-height: 225px; }
 #et_chusteczka { width: 90%; }
.k2 { width:90%; float: none;  margin-left:auto; margin-right:auto;}
#bezp_sklad_napisy{ margin-bottom:5px; }
.k4 {margin-top: 20px; width:49%;  float: none; margin-left:auto; margin-right:auto; height: 380px;}

#wacik{ margin-bottom:30px;}
.k3{ width:90%; float: none;  margin-left:auto; margin-right:auto;}
#bezp_jak  .nagroda_obrazek { width:90%; float: none; }
#baner_obrazek {display:none;}
#baner_obrazek_maly {display: block}
#porady  .nagroda_tekst{ width:90%; }
.nagroda_tekst { width: 90%; }

}


@media only screen and (max-width: 585px) {
.kolumy_aktualnosci { width:100%; text-align:center;}
.aktualnosci_tekst_krotki { width:328px; text-align:left; margin-left:auto; margin-right:auto;}
.aktualnosci_tekst_caly { width:328px; text-align:left; margin-left:auto; margin-right:auto;}
.aktualnosci_wiecej { width:328px; text-align:left; margin-left:auto; margin-right:auto;}
.produkt { max-width:80%; clear:both; width:80vw; float:none; min-width:295px; margin-left:auto; margin-right:auto;}
.kolumy_aktualnosci { float: none; }
#bezp_baner_napisy h1 {width:90%; font-size:28px;}
#bezp_baner_napisy p {width:90%;}
#zmiana_jezyka { clear: both; position:static; text-align:left;}


}
@media only screen and (max-width: 500px) {
.k4 { width:99%;  float: none; margin-left:auto; margin-right:auto; height: 300px;}
.k4 p {width:180px;}
#baner_obrazek_maly {display: none;}
#baner_obrazek_mniejszy {display: block;}
	#papier { height:192px; }
	#baner_napis { font-size:24px; float:left; margin-top:30px; margin-left:12px;}
	#baner { height:192px;}
#baner_napis_certyfikaty { font-size:24px; float:left; margin-top:15px; margin-left:12px; width:300px;}
.chusteczki_nawilzane_klasa {text-align:center; min-height:500px}

}
@media only screen and (max-width: 320px) {
#stopka_napisy ul{ text-align: left; width:320px;}
.chusteczki_nawilzane_klasa {text-align:center; min-height:480px}
}

#baner_glowna {
position:relative;
}

 #papier3{
	height:100%;
	z-index:-1;
}

.glowna_baner_obrazek img {
position:absolute;
top:0px;
overflow:hiden;

}
#szczalki{
position:relative;

}
#szczalka_lewa {
position:absolute;
left:0px;
top:50%;
}

#szczalka_prawa {
position:absolute;
right:0px;
top:50%;
}



#aktualnosci {
clear:both;
}

.aktualnosci_tekst_caly
{
display:none;
}

.kolumy_aktualnosci {
    display: inline-block;
    margin-bottom: 25px;
    min-width: 229px;
	min-height:450px;

}

.kolumy_aktualnosci h1 {
color:#c5569a;
font-size:14px;
font-weight:800;
font-family:roboto;
margin-top:20px;
margin-bottom:20px;
margin-left:30px;
margin-right:30px;
min-height:40px;
}
.kolumy_aktualnosci p {
color:#5f605f;
font-size:13px;
font-weight:400;
font-family:roboto;
margin-left:30px;
margin-right:30px;
margin-bottom:10px;
text-align:left;
}

.kolumy_aktualnosci a {
color:#959595;
font-size:13px;
}

#okindi {

text-align:center;
clear:both;
position:relative;
min-height:670px;

}

#okindi .belka {
background-color:#e3f8fb;
top:125px;
}

.okindi_obrazek {
margin-left:auto;
margin-right:auto;
text-align: center;

}
#okindi ul{
    list-style-type: none;
    padding: 0px;
    margin-left:30px;
	margin-right:30px;
	
	font-family:roboto;
	font-size:13px;
	font-weight:400;

}

#okindi li {
font-size:13px;
font-weight:400;
font-family:roboto;
    background-image: url(/img/ptaszek.png);
    background-repeat: no-repeat;
    background-position: 0px 3px; 
    padding-left: 15px;

}



.glowna_produkty {

min-width:300px;
font-size:14px;
font-weight:800;
font-family:roboto;
display: inline-block;
float: left;
min-height:270px;
color:#001770;
 text-transform: uppercase;
 position:relative;
 text-align:center;
 
}
.glowna_produkty  p{
position:absolute;
bottom:0px;
width:100%
}
.glowna_produkty img {
margin-top: 5px;
}
.glowna_produkty:hover {

	filter: brightness(104%);
    
	} 





.kostkap1 {
  background-color:#e7f7fa;
  
}
.kostkap1:hover {
  background-color:#edfdff;
}

.kostkap2 {
  background-color:#f9f3db;
}
.kostkap2:hover  {
 background-color:#fff9e1;
  
}

.kostkap3 {
  background-color:#fbeff2;
  
}
.kostkap3:hover  {
 background-color:#fff6f9;
  
}
.kostkap4 {
  background-color:#e1e6c0;
  
}
.kostkap4:hover {
  background-color:#e6ebc5;
  
}
.kostkap5 {
  background-color:#ffc4d3;
  
}
.kostkap5:hover  {
  background-color:#ffc9d7;
  
}
.kostkap6 {
  background-color:#e7e5de;
  
}
.kostkap6:hover  {
  background-color:#edebe4;
  
}

@media only screen and (max-width: 5000px) {
#mapa_mapa { margin-left:25px; }
#kontakt_info { width:30%; }
#kontakt_mapa { width:70%; }
#kontakt_mapa img { margin-left:4%; width:96%; }
#kontakt_form input[type=button] { margin-right: -3px; }

}

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


}

@media only screen and (max-width: 720px) {
#kontakt_info { width:100%; clear:both; }
#kontakt_mapa { width:100%; clear:both;}
#kontakt_mapa img { margin-left:0;  width:100%; }
#kontakt_form input[type=button] { margin-right: 0px; }
#mapa_mapa { margin-left:0px; }

}

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

}


#kontakt_info {
min-height:510px;
display: inline-block;
float: left;
 text-align:left;
 color:#5f605f;
  font-weight:400;
font-family:roboto;
 
 }
 

 
 #kontakt_info h1 {
 font-size:14px;
 font-weight:800;
font-family:roboto;
 text-transform: uppercase;
 color:#031f70;
 }
 
 #kontakt_info h2 {
   font-size:13px;
 font-weight:800;
font-family:roboto;
 text-transform: uppercase;
 color:#c5569a;
  }
 
 #kontakt_form {
 
 
 }
 
#kontakt_form input[type=text] {
background-color:#e3f8fb;
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
border: none;
color:#686a69;
margin-bottom:3px;
font-weight:400;
font-family:roboto;
font-size:13px;
 width:calc(100% - 30px);
}

#kontakt_form  textarea{
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
background-color:#e3f8fb;
border: none;
color:#686a69;
font-weight:400;
font-family:roboto;
font-size:13px;
 width:calc(100% - 30px);
}

#kontakt_form input[type=button] {
    cursor:pointer;
    width: 135px;
    height: 33px;
    border: none;
	float:right;
	margin-top:3px;
	
	
}
 
#kontakt_mapa {
min-height:510px;
display: inline-block;
float: right;

 }
 
#mapa_mapa {
margin-top:0px;

} 
 
 #kontakt_mapa img {

 }
 
 #kontakt_info_srodek {
 margin:0px 30px 30px 30px;
 }
 
 #kontakt .kropki {
 margin-top:10px;
 margin-bottom:15px;
 }
 
 
 
 
 
 #bezp_baner {
 min-height:610px;
 width:100%;
 position:relative;
 color:#5f605f;
 }
 
  #bezp_baner_napisy h1 {
	font-family:hero,HouschkaRounded-Medium;
	
	font-weight:400;
	color:#c5569a;
	margin-bottom:30px;
	text-align:left;
  }
   #bezp_baner_napisy p {
   margin-top:15px;

   font-weight:400;
   text-align:left;
   
   }
 
 #papier2 {
	height:100%;
	/*background-image: url("/img/bezpiecz/misiaczki.png"); */
  background-color:#ffdae3;
	z-index:-1;
	
}
 
 #bezp_baner_napisy {
	margin-top:65px;
	display: inline-block;
    
	text-align:center;
 }
 .bezp_baner_obrazek {
 margin-top:65px;

	display: inline-block;

	min-width:260px;
 
 }
 #bezp_baner_glut {
 position:absolute;
 z-index:-1;
 top:0px;
 right:0px;
 }

 .k2 {
	display: inline-block;
	min-width:300px;
	}
#bezp_sklad_napisy{
margin-top: 92px;



} 
#bezp_sklad1 {

 width:100%;
}
#bezp_sklad2 {

 width:100%;
 text-align:center;
}
#bezp_sklad2 p{
font-size:13px;
 font-weight:500;
 color:#001770;

}
 
  .k2 {
	display: inline-block;

	min-width:150px;

	min-height:320px;
	}
	.k4 {
	display: inline-block;
    float: left;
	position:relative;
	
	
	}

.k4 p {

margin-left:auto;
margin-right:auto;
font-size:13px;
 font-weight:800;
 color:#001770;

}

.k3 {
display: inline-block;
	min-height:350px;
	position:relative;

}
.k3_2 {
  display: inline-block;
    min-height:350px;
    position:relative;
    vertical-align: top;
  }



#bezp_jak  .kropki{
width:100%;
}
#bezp_jak  .nagroda_tekst{
min-height:120px;
width:73%;
 margin-top:0px;

}
#bezp_jak  .nagrody{
min-height:120px;

}

#bezp_jak  .nagroda_obrazek {

 margin-top:10px;

}
#bezp_jak  .same_kropki {
margin-bottom: 20px;

}
 
 #bezp_ostatnie {
 
text-align:center;
clear:both;
position:relative;
min-height:340px;
 }
 
 #bezp_ostatnie .belka {
background-color:#e3f8fb;
top:75px;
height:90%;
height:calc(100% - 75px);
}

.k5 {
	display: inline-block;
    height: 235px;
	width:19%;
vertical-align: top;
	position:relative;
	min-width:190px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
}

.k5 h1 {
font-size:14px;
color:#c5569a;
}


#bezp_ostatnie .k2{
min-height: 190px;

}
#bezp_ostatnie p{
margin-left:30px;
margin-right:60px;
text-align:left;
font-weight:400;
}

#bezp_packshoty  p{
font-size:13px;
 font-weight:800;
 text-align:left;
 margin-left:35px;
 margin-right:20px;
}
#bezp_packshoty h1 {
margin-top:20px;
font-size:14px;
color:#c5569a;
 text-transform: uppercase;
font-weight:800;
text-align:left;
margin-left:35px;
margin-right:20px;
}

.porada {
margin-top:20px;
}

#porady  .nagroda_tekst{
min-height:120px;


}
#porady  .nagrody{
min-height:120px;

}


.porada  .same_kropki {

}


.czerwona_ramka {
border-color : red;
border:1px solid #red;
} 

.hidden {
    display: none;
}

#coockies_popup
{
    z-index:999;
    width:650px;
    height:375px;
    position:fixed;
    background-color:#fff;
    top:50%;
    top: calc(var(--vh, 1vh) * 50);
    left:50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow-y: auto;
    padding:60px;
}
#coockies_popup_bacgroud
{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:990;
    background-color: rgba(33, 41, 52, 0.85);
}
    
#coockies_popup h1 
{
    font-family: hero,HouschkaRounded-Medium;
    font-weight: 400;
    color: #c5569a;
    margin-bottom: 30px;
    text-align: left; 
    font-size:43px;
    font-size:3.3em;
    margin-top:0px;
    line-height:40px;

}
#coockies_popup p 
{
    text-align:left;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size:13px;
}
#coockies_popupth, td {
  padding: 15px;
}
#coockies_popup_zgadamsie  
{
    cursor: pointer;
    width: 240px;
    height: 35px;
    border: none;
    float: right;
    margin-top: 3px;
    }
    
#coockies_popup_ustawienia
 {
    cursor: pointer;
    width: 240px;
    height: 35px;
    border: none;
    float: left;
    margin-top: 3px;
}
#coockies_popup_zapisz  
{
    cursor: pointer;
    width: 240px;
    height: 35px;
    border: none;
    float: right;
    margin-top: 3px;
    }
    
#coockies_popup_zgadamsie2
 {
    cursor: pointer;
    width: 240px;
    height: 35px;
    border: none;
    float: left;
    margin-top: 3px;
}


.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #ccc;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ccc;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#coockies_popup_ustawienia_div 
{
    text-align:left;
}