/*
Quick.Cart default stylesheet
More about design modifications - http://opensolution.org/Quick.Cart/docs/ext_6.6/?id=en-design
*/
/* GLOBAL STYLES */
body, body *{margin:0;padding:0;border:0;}
body,table{color:#372027;font-size:0.75em;font-family:'Merienda', Arial, Verdana, sans-serif;letter-spacing: 0.1px;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
tbody, tfoot, thead{margin:0;padding:0;}
caption, tr, th, td{margin:0;padding:2px 4px;font-size:100%;font:inherit;vertical-align:baseline;}

body{padding:0;background:#fbeff2;text-align:center;}

p {font-size: 1.242em;font-weight: 300;font-family: 'Merienda',Arial,Verdana,Tahoma;line-height: 2.2em;margin: 20px 0 20px;color:#714d58 }
h1{margin: 40px auto;color: #372027;font-size: 1.75em;font-weight: 400;text-align: center;line-height: 1.5em;}
h2 {padding: 0 0 10px 0;font-weight: 500;letter-spacing: 0;font-size: 1.82em;text-align: center;font-family: 'Merienda',Arial,Verdana,Tahoma;}
strong {font-weight: 500;}
.ksiega {width: 100%;}
.ksiega input{padding:18px 4%;border-width:1px;border-style:solid;border-color:#ffb4ca ;font-size:1.21em;letter-spacing: .25px;color:#931539;width:95%;border-radius: 32px;-webkit-transition: all 0.25s;transition: all 0.25s;margin: 12px 0;font-family: 'Merienda',Arial,Verdana,Tahoma;background: #fbeff2;}
.ksiega textarea{padding:18px 4%;border-width:1px;border-style:solid;border-color:#ffb4ca;font-size:1.21em;letter-spacing: .25px;color:#931539;width:91%;border-radius: 32px;-webkit-transition: all 0.25s;transition: all 0.25s;margin: 15px 0;font-family: 'Merienda',Arial,Verdana,Tahoma;height: 100px;background: #fbeff2;}
.ksiega input {width: 92%;float: left;}
.ksiega input:hover, .ksiega textarea:hover {border: 1px solid #ac0000}
.ksiega .wyslij {padding:18px 40px;border-width:1px;border-style:solid;border-color:#fff;font-size:1.21em;letter-spacing: .25px;color:#fff;width:auto;border-radius: 32px;-webkit-transition: all 0.25s;transition: all 0.25s;margin: 30px 0;font-family: 'Merienda',Arial,Verdana,Tahoma;background: #fb88a9;min-width: 40%;}
.ksiega .wyslij:hover {background: #931539;}
.input{padding:18px 4%;border-width:1px;border-style:solid;border-color:#fff ;font-size:1.21em;letter-spacing: .25px;color:#931539;width:95%;border-radius: 32px;-webkit-transition: all 0.25s;transition: all 0.25s;margin: 12px 0 0 0;font-family: 'Merienda',Arial,Verdana,Tahoma;background: #ffffff54;}
.input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;}
.input:focus, select:focus, .textarea:focus{text-shadow:none;background: #ffffff54;}
.submit{padding:5px 14px;font-weight:300;font-size:1em;font-family:'Merienda', Arial, Verdana, sans-serif;}
.submit:hover{background:#12121c;cursor:pointer;}
* html .submit{padding:3px 1px;} /* IE 6 hack */
* html .input{height:21px;} /* IE 6 hack */
.form label{font-size:1em;color:#2e6a97;font-weight:bold;}
.form legend{display:none;}
.form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;}
.hide{display:none;}

a{color:#f83d73;text-decoration:none;}
a:hover{color:#f45985;text-decoration:underline;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
#skiplinks{position:absolute;top:0px;left:0px;}
#skiplinks a{position:absolute;top:-500px;left:0px;z-index:10;min-width:200px;padding:10px;color:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}

#container{position:relative;max-width: 1600px;width:100%;margin:0 auto;padding:0 0;overflow:hidden;background: #fff;border-radius: 0 0 42px 42px; box-shadow: 0 50px 30px #00000024;}
#body {width:100%;margin:0 auto;padding:0;}
#head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{/*max-width:1260px;*/width:92%;margin:0 auto;text-align:left;padding:0 4%;}
#body {max-width:1320px;margin:0 auto;text-align:left;padding:0;clear: both;}

/* HEADER WITH TOP MENU ABOVE LOGO */
#head1 .container{overflow:hidden;}
* html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */

/* MENU TOP 1 */
#menu1 ul{float:left;margin:3px 0 6px;list-style:none;}
#menu1 li{float:left;padding:9px 0 5px 10px;}
#menu1 li a{padding-right:12px;font-weight:500;text-decoration:none;color:#787878;text-transform:lowercase;-webkit-transition: all 0.25s;transition: all 0.25s;}
#menu1 li a:hover, #menu1 .selected a{text-decoration:underline;color:#12121c;}

#menu1 li.lBasket{padding:0 8px 5px 20px;}
#menu1 li.lBasket a{position:relative;padding:2px 0 0 18px;background:none;color:#12121c;}
#menu1 li.lBasket a:hover{color:#2e6a97;}
#menu1 li.lBasket span{display:block;color:#444;font-size:0.917em;font-family:sans-serif;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#header {background: #fbeff2;line-height: 12px;}
#head1, #head3 {display: none;}
#head2 {clear:both;}
#head2 .container{background:#fff;}
#logo{padding:0 0 0;text-align: left;float: left;margin: -24px 0 0 0;}
#logo img {max-width: 220px;width:80%}
.socialmedia-top {width:auto;float:right;margin:45px 6px 0 0;text-align: right;}
.socialmedia-top img {width: 16px;height:auto;margin:6px;opacity:1;border-radius: 50%;border: 1px solid #fff;padding: 9px;  background: #ffffff1a;-webkit-transition: all .5s;transition: all .5s;}
.socialmedia-top img:hover {opacity:1;filter: invert(1)grayscale(100) brightness(110); border: 1px solid #000;  background: #00000026;}
.wycena {float: right;width: 300px;margin: 32px 0 0 30px;text-align: right;}
.wycena a {font-family: 'Merienda',Arial,Verdana,Tahoma;font-size: 12px;color: #000;text-align: center;text-transform: uppercase;font-weight: 700;letter-spacing: 2.5px;margin: 20px auto 15px;} .wycena a:hover {text-decoration: none;}

/* HEADER WITH TOP MENU BELOW LOGO */
#head3 .container{background:#fff ;overflow:hidden;height:59px;border-color:#969393;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#head4 .container {width:100%;position: relative;padding: 0 0;margin: 0 auto 0;}
#head4 .container img {width:100%;border-radius: 0 0 0 0;}
@media (min-width: 960px) {
#head4 .container img {width:100%;border-radius: 40px 40px 0 0;}
#head4 .container {width:100%;position: relative;padding: 20px 0 0;margin: auto;}
}
#head4 .container img a {position: absolute;}
.banner, .menu {display:block;}
.banner-mobile, .menu-mobile {display:none;}
.slogan {position: absolute;bottom:30%;right:50%;min-width:340px;letter-spacing: 0.5px;transform: translate(50%, 50%);background: rgba(0,0,0,0.0);
  padding: 5px 30px 23px 30px;}
  .slogan h2 {font-size: 4.2em;font-weight: 400;font-family: 'Great Vibes',Arial,Verdana,Tahoma;line-height: 1em;margin: 30px 0 4px;color:#fff;text-shadow: 0px 3px 7px rgb(111, 27, 53);}
.slogan h3{font-size: .912em;font-weight: 400;font-family: 'Lato',Arial,Verdana,Tahoma;line-height: 1.8em;margin:  0;color:#fff;text-shadow: 0px 3px 7px rgba(0,0,0,0.85);text-transform: uppercase;letter-spacing: 2px;}

/* MENU TOP 2 */
#menu2 {position: static;width: 70%;margin: 0;text-align: center;}
#menu2 ul{height:100%;list-style:none;}
#menu2 li{display: block;}
#menu2 li a{float: left;height: auto;padding: 10px 25px 11px;color: #df325a;font-size: 1.12em;text-decoration: none;text-transform: uppercase;font-family: 'Merienda',Arial,Verdana,Tahoma;font-weight: 500;letter-spacing: 1px;}
#menu2 li a:hover, #menu2 .selected a{text-decoration: underline;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body .container{background:#fff;margin: 80px auto 0;}

/* LEFT COLUMN STYLES */
#column{float:right;width:30%;padding:0 0 20px 0;background: transparent;top: 0;position: relative;z-index: 100;}
@media (min-width: 768px) {
#column{float:right;width:30%;padding:0 0 20px 0;background: transparent;top: -350px;position: relative;z-index: 111;}
}
.order #column{display:none;}
.column {text-align: left;width:96%;padding:40px 2%;margin-bottom: 0px;}
.column h2 {text-transform: uppercase;}
.column div {text-align: center;}
.column_avatar img {margin:30px auto 20px;border-radius: 50%;width:90%;height:auto;max-width: 200px;border: solid 8px #fff; box-shadow: 2px 5px 29px #00000024;}
@media (max-width: 768px) {
  .column_avatar img {
  margin: 60px auto 40px;
  border-radius: 50%;
  width: 50%;
  height: auto;
  max-width: 200px;
  border: solid 5px #fff;
  box-shadow: none;
}}

.column:first-of-type {border-top:none;margin-top: 0;padding-top: 0;}
.column p {  text-align: center;font-size: 1.09em;line-height: 1.82em;margin: 15px 0;letter-spacing: 0;}
.column h3 {font-family: 'Merienda',Arial,Verdana,Tahoma;font-size: 12px;color: #000;text-align: center;text-transform: uppercase;font-weight: 600;letter-spacing: 2.5px;margin: 20px auto 15px;}
.column p {font-size: 1.12em;}
#logo img {max-width:450px;width:80%}
.column_avatar {width: 70%;padding: 0 15% 0;margin-bottom: 0px;text-align: center;}
.column_wstep {background: #fbeff2;border-radius: 32px;text-align: center;box-shadow: 0 27px 20px -12px #0000001f}
.column_wstep {width: 84%;padding: 120px 8% 50px;margin-top: -115px;background: #fbeff2;border-radius: 32px;text-align: center;box-shadow: 0 27px 20px -12px #0000001f}
.column_wstep p {font-size: 1.05em;font-weight: 300;font-family: 'Merienda',Arial,Verdana,Tahoma;line-height: 2.2em;margin: 10px auto 20px;max-width: 320px;color: #714d58;}
.column_wstep h3 {text-align: center;font-family: 'Great Vibes',Arial,Verdana,Tahoma;font-size: 2.2em;font-weight: 500;margin: 0 auto;padding: 0;}
.column {width: 84%;padding: 120px 8% 50px; margin-top: -75px;background: #ffb4ca;border-radius: 32px;z-index: -1;position: relative;box-shadow: 0 27px 20px -12px #0000001f;border-bottom: 5px solid #fb88a9;}
.column_last {width: 96%;padding: 100px 2% 40px;  margin-top: -55px;background: #fff;border-radius: 0;text-align: center;position: absolute;z-index: -1111;left: 0;}
.linki {text-align: center;  margin: 30px auto 55px;}
@media (min-width: 960px) {
.column_avatar {width: 70%;padding: 0 15% 0;margin-bottom: 0px;text-align: center;}
.column_wstep {width: 84%;padding: 150px 8% 50px;margin-top: -115px;background: #fef5f7;border-radius: 32px;text-align: center;box-shadow: 0 27px 20px -12px #0000001f}
.column_wstep p {font-size: 1.05em;font-weight: 300;font-family: 'Merienda',Arial,Verdana,Tahoma;line-height: 2.2em;margin: 10px auto 20px;max-width: 320px;color: #714d58;}
.column_wstep h3 {color: #861838;text-align: center;font-family: 'Great Vibes',Arial,Verdana,Tahoma;font-size: 2.62em;font-weight: 500;margin: 0 auto;padding: 0;}
.column {width: 84%;padding: 130px 8% 50px; margin-top: -75px;background: #ffb4ca;border-radius: 32px;z-index: -1;position: relative;box-shadow: 0 27px 20px -12px #0000001f;border-bottom: 5px solid #fb88a9;}
.column_last {width: 96%;padding: 100px 2% 40px;  margin-top: -55px;background: #fff;border-radius: 0;text-align: center;position: absolute;z-index: -1111;left: 0;}
}

#searchForm{padding:0 0 0 ;text-align:center;}
#searchForm label, #searchForm legend{display:none;}
#searchForm .input{width: 88%;padding:13px 3% 12px 7%;}
#searchForm .submit{padding: 9px 6px 9px 4px;
  font-size: 0.85em;
  font-style: normal;
  border: 0;
  background: #fff;
  margin: 19px 0px 0 -42px;
  position: absolute;
  border-radius: 50%;
  width: 35px;}#searchForm .submit:hover{color:#12121c;}
*:first-child+html #searchForm .submit{padding:3px 3px 8px;} /* IE 7 hack */
* html #searchForm .submit{padding:3px 3px 8px} /* IE 6 hack */

#menu3{padding:0 0;}
#column .type{margin: 50px auto 10px;text-align: left;font-size: 2.12em;font-weight: 4;font-family: 'Great Vibes',Arial,Verdana,Tahoma;color: #861838;display: none;}

/* LEFT MENU */
#menu3 ul{padding:10px 0;list-style:none;background:transparent;display: flow-root;}
#menu3 li{margin:0;padding:0;}
#menu3 a{padding: 6px 18px;margin: 3px 6px 4px 0;font-weight: 400;text-decoration: none;background: #fb88a9;font-size: 1em;text-align: left;border: 1px solid transparent;-webkit-transition: padding 0.5s;transition: padding 0.5s;float: left;border-radius: 12px;color: #fff;}
#menu3 a:hover, #menu3 .sub1 a:hover{color:#12121c;background:none;text-decoration:none;border: 1px solid #ca000024;}
#menu3 .selected > a:first-child{color:#12121c;background: #fff;border: 1px solid transparent;}
#menu3 .sub1{margin:0;padding:5px 0 15px;border:0;background:none;}
#menu3 .sub1 li{padding:2px 0 2px 0px;}
#menu3 .sub1 a{display:block;width:93%;padding:8px 0 10px 7%;font-weight:300;}


/*
#menu3 ul{padding:10px 0;list-style:none;background:transparent;}
#menu3 li{margin:0;padding:4px 0 4px 0;}
#menu3 a{display:block;width:100%;padding:6px 0;color: #372027;font-weight: 400;text-decoration: none;background: none;font-size: 1.15em;text-align: left;border-bottom: 1px solid #eeeeee2d;-webkit-transition: padding 0.5s;transition: padding 0.5s;}
#menu3 a:hover, #menu3 .sub1 a:hover{color:#12121c;background:none;text-decoration:none;padding-left: 12px;}
#menu3 .selected > a:first-child{color:#12121c;}
#menu3 .sub1{margin:0;padding:5px 0 15px;border:0;background:none;}
#menu3 .sub1 li{padding:2px 0 2px 0px;}
#menu3 .sub1 a{display:block;width:93%;padding:8px 0 10px 7%;font-weight:300;}
*/

/* RIGHT COLUMN STYLES */
#content{float:left;width:64%;padding:0 0 120px;text-align:center;background:transparent;}
* html #content{width:658px;} /* IE 6 hack */
.order #content{width:100%;}
#page{position:relative;width:98%;margin:0 auto 0;text-align:left;float: left;}
#page h1 {padding: 0 0 30px 0;font-weight: 300;font-size: 3em;text-align: left;margin: 20px auto;}
* html #page{width:100%;} /* IE 6 hack */
* html .order #page{width:94%;} /* IE 6 hack */

/* NAVIGATION PATH - TREE */
#page div.breadcrumb{position:absolute;top:-25px;left:0px;padding:2px 0;font-size:1em;font-weight:normal;}
#page div.breadcrumb a{text-decoration:none;}
#page div.breadcrumb a:hover{text-decoration:underline;}
*:first-child+html #page div.breadcrumb{top:-5px;} /* IE 7 hack */
* html #page div.breadcrumb{top:-5px;} /* IE 6 hack */

/* PAGE CONTENT */
#page div.content{padding: 0;font-size:1.083em;line-height:1.5em;}
#page div.content ul, #content .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li{margin:8px 0;padding:0;border-left:0;font-size: 1.2em;
  font-weight: 300;
  font-family: 'Merienda',Arial,Verdana,Tahoma;
  line-height: 1.6em;
  margin: 30px 0 20px;}
#page div.content p{padding-bottom:10px;}

.tS{float:right;margin:17px 0 3px;}
.tS div{display:inline;}
.tS a{margin:0 4px;text-decoration:none;background:inherit;color:#2e6a97;font-weight:bold;font-family:Arial;}
.tS a:hover{color:#12121c;background:inherit;}
.tS0{font-size:0.917em;}
.tS1{font-size:1.083em;}
.tS2{font-size:1.333em;}

.pages{padding:8px 0;text-align:right;font-size:1.083em;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 2px;}
.pages a, .pages strong{padding:0 1px;font-size:1.083em;}

/* IMAGES STYLES */
#content .imagesList{list-style:none;width: 100%;}
#content .imagesList li{text-align: center;width: 100%;margin: 10px 0;}
#content .imagesList li div{text-align:center;}
#content .subpagesList li img, #content .imagesList li img, #content .imagePreview img, #products li .photo img{padding:0;background:#c0bfbf;border-radius: 32px;border:0 solid #fff;width: 100%;-webkit-transition: all 1s ease-out;transition: all 1s ease-out;}
#content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img{border:0 solid #fff;}

#content .imagesList li:nth-child(1) {display: none;}
#content .imagesList li:nth-child(2) {display: block;}
@media (min-width: 768px) {
#content .imagesList li:nth-child(1) {display: block;}
#content .imagesList li:nth-child(2) {display: none;}
}
#products li .photo img {height:auto;}
#products li .photo img:hover {transform: scale(1.1);opacity:0.82;}

#imagesList1{margin: 0;width: 100%;display: none;}
#imagesList2{clear:right;float:right;margin:8px 0 0 15px;}

#content .imagePreview div{margin:5px 0 10px;text-align:center;}
#imagesListPreview{float:left;margin:0 0;}
* html #imagesListPreview{margin-top:-5px;}
#content .imagesList#imagesListPreview li{margin-bottom:3px;}
#content .imagesList#imagesListPreview li img{border-width:0;}
#content .imagesList#imagesListPreview li img:hover{border-width:0;}

/* FILES LIST STYLES */
#filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;}
#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px 10px;padding-left:0;}
#filesList li a{color:#12121c;background:inherit;font-size: 1.2em;}
#filesList li a:hover{color:#372027;background:inherit;}
#filesList img{margin:0 8px 6px 0;vertical-align:middle;}
#filesList em{padding-left:2px;}

/* QUICK.BOX */
#quick-box{position:fixed;width:100%;height:100%;left:0;top:0;background: rgba( 255,255,255,0.88 );;z-index:200;}
#quick-box .background{height:100%;}
#quick-box .quick-box-container{position:absolute;padding:0;border-radius:0;}
#quick-box .image-wrapper{position:relative;line-height:0;}
#quick-box .image-wrapper img{margin:0;padding:0;border-radius:0;}
#quick-box .navigation{position:absolute;bottom:0;margin:0;padding:5px 0;text-align:center;font-size:0.875em;font-weight:bold;color:#ddd;line-height:normal;background:rgba( 0, 0, 0, 0.2 );width:100%;}
#quick-box .description{margin:0;padding:5px 0;text-align:center;font-size:0.875em;color:#ddd;font-weight:bold;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;}

#quick-box .prev, #quick-box .next{position:absolute;display:block;width:50%;top:15%;height:70%;margin:0px;color:#fff;font-family:Verdana;z-index:100;opacity:0.15;text-decoration:none;}
#quick-box .prev span, #quick-box .next span{position:absolute;top:47%;left:0;padding:10px;border:1px solid #fff;background:#000;}
#quick-box .next span{left:auto;right:0;border-right:none;}
#quick-box .prev span{border-left:none;}
#quick-box .next:hover, #quick-box .prev:hover{opacity:0.8;}
#quick-box .prev{left:0;}
#quick-box .next{right:0;}
#quick-box .close{position:absolute;top:0;right:0;padding:0 4px 2px;opacity:0.5;background:#000;color:#fff;font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;}
#quick-box .close:hover{opacity:0.8;}
#quick-box .close, #quick-box .prev, #quick-box .next{line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}

/* SUB PAGES LIST STYLES */
#content .subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
#content .subpagesList li{clear:left;float:left;width:95%;margin:10px 0;padding:18px 2.5%;background:#fff url('img/body.png');border-bottom:1px solid #dadada;-webkit-box-shadow:0 10px 5px -5px rgba(0,0,0,.15);box-shadow:0 10px 5px -5px rgba(0,0,0,.15);}
* html #content .subpagesList li{width:100%;} /* IE 6 hack */
#content .subpagesList li .photo{float:left;margin:0 20px 5px 0;}
#content .subpagesList li h2{padding-bottom:10px;text-shadow:2px 2px 3px #ddd;}
#content .subpagesList li h2, #content .subpagesList li h2 a{color:#12121c;font-size:1.25em;font-weight:normal;background:none;}
#content .subpagesList li h2 a:hover{color:#372027;background:none;}
#content .subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}
#content .subpagesList li ul, #content .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;}
#content .subpagesList li li{padding:0;border-bottom:0;background:none;-webkit-box-shadow:none;box-shadow:none;}
#content .subpagesList li ul{list-style:disc;}
#content .subpagesList li ol{list-style:decimal;}
#content .subpagesList li p{padding-bottom:10px;}

/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:10px 10px;color:#372027;font-size:1em;text-align:right;display:none;} /* drukuj ukryte */
*:first-child+html #options{width:94%;} /* IE 7 hack */
* html #options{width:94%;} /* IE 6 hack */
#options a{padding:0 10px 0;color:#2e6a97;background:inherit;}
#options a:hover{color:#12121c;background:inherit;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid #e0e0e0;}

.message{padding:50px 0;text-align:center;}
.message h2{background:inherit;color:#12121c;font-weight:normal;font-size:2.4em;line-height:1.7em;}
.message h2 a{color:#2e6a97;background:inherit;}
.message h2 a:hover{color:#372027;background:inherit;}

/* PRODUCTS LIST */
#products{clear:both;float:left;width:100%;margin:0 0 100px 0;list-style:none;}
#products ul.list{float:left;width:100%;list-style:none;}
#products .list li{float:left;width:200px;margin-left:20px;padding:20px 0;border-bottom:1px solid #e0e0e0;text-align:center;}
#products .list li {position:relative;clear:both;width:97%;margin:5px 0;padding:75px 1.5% 30px;text-align:left;} 

#products .list li:first-of-type {margin-top:0;padding-top:0;}
#products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;}
#products li.column1{clear:both;margin-left:0;}
#products li .photo{margin-top:0;border-radius: 32px;font-size:0px;line-height:0px;overflow: hidden;background: #000;}

#products li h2{padding:20px 0 30px 0;font-weight:500;letter-spacing:0;font-size:1.92em;text-align: center;line-height: 1.5em;font-family: 'Merienda',Arial,Verdana,Tahoma;}
#products li h2 a{text-decoration:none;color:#ea4071;}
#products li h2 a:hover{text-decoration:none;color:#12121c;}
#products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;}
#products li h3, #products li h3 a{color:#372027;display:none;}
#products li h3 a:hover{color:#12121c;}
#products li h3 em{padding:0 5px;}
#products li div.description{margin:10px 0 0;text-align:justify;}
#products li div.description p{margin: 30px 0 0px;}


#products li div.description a{color:#372027;}
#products li div.description a:hover{color:#12121c;}
#products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;}
#products li .price{margin:10px 0 50px 0;background-color:inherit;color:#372027;font-weight:300;text-decoration:none;text-align: center;}
#products li .noPrice{margin:10px 0 15px 0;background-color:inherit;color:#372027;font-weight:300;text-decoration:none;text-align: center;display: none;}
#products li .price em{padding:0 6px 0 0;background:inherit;color:#372027;font-style:normal;}
#products li .price strong{font-size:1.167em;}
#products li .noPrice strong{font-size:1.083em;letter-spacing: 1px;font-weight: 400;}
#products li .price span{padding-left:4px;font-size:1.083em;color:#372027;}
#products li .basket{width:150px;margin:10px auto 0;padding-left:3px;font-size:0.917em;font-weight:bold;}
#products li .basket a{display:block;padding:5px 32px 8px 7px;color:#fff;background:url('img/button_cart_list.png') no-repeat right bottom;text-decoration:none;text-shadow:1px 1px #630d2f;}
#products li .basket a:hover{text-shadow:0px 0px 5px #e9c0d1;}

#products .pages{float: left;width:100%;margin:60px 0 0 0;padding:9px 0;border:0;background:none;text-align:left;font-size:1em;}
#products .pages li{margin:0;padding:0 3px;border:0;background:none;}
#products .pages a, #products li.pages strong {padding: 0 1px;font-size: 1.2em;padding:14px 21px;color: #484845;border: 0 solid #fff;background: #fff}
#products .pages a:hover, #products li.pages strong:hover {border-radius: 30px !important;}
#products .pages a:hover {color: #fff;background:#f83d73;border-radius: 50%;}
#products .pages .viewAll{padding-right:8px;border-right:1px solid #372027;}
#products .pages .title{padding-left:8px;border:none;}
#products .pages#pagesBefore{clear:none;width:auto;display: none;} /* pierwsze listowanie - ukryte */
#products .pages .viewAll, #products .pages .title, #products .sort {display:none;}
.pages{padding:10px 0 8px;text-align:right;font-size:1em;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 2px;}
.pages strong{font-size:1.2em;font-weight:700;border: 1px solid #f83d73;padding: 13px 20px;color: #fff;background:#f83d73;border-radius: 50%;}
.pages a{font-size:1.2em;font-weight:300;border: 1px solid #f83d73;padding: 15px 20px;color: #fff;background:#f83d73;}




#products .sort{float:left;width:auto;margin:0 10px 0 0;padding:10px 0;border:0;background:none;text-align:left;}
#products .sort ul{display:inline;list-style:none;}
#products .sort li{display:inline;padding:0 6px;font-weight:bold;border-right:1px solid #372027;}
#products .sort li:last-child{border:none;padding-right:0;}
#products .sort li a{font-weight:normal;}

.wiecej {width:100%;text-align: center;padding:30px 0 20px;}
.wiecej a {font-family:'Merienda',Arial,Verdana,Tahoma;font-size:11px;border: 0;padding: 11px 26px 9px;letter-spacing: 1px;color:#f83d73;font-weight: 500;color: #f83d73;border-radius: 24px;}
.wiecej a:hover {color: #fff;border: 1px solid #f83d73;background: #f83d73;text-decoration: none;}
 
.socialmedia {width:100%;margin-top:0;text-align: center;}
.socialmedia img {width: 18px;height:auto;margin:8px;opacity:0.6;-webkit-transition: all 0.25s;transition: all 0.25s;}.socialmedia img:hover {opacity:1;}

/* PRODUCTS DETAILS */
#product{float:left;display:block;width:94%;margin:0 0 40px;text-align:left;}
@media (min-width: 768px) {
  #product{float:left;display:block;width:94%;margin:0 0 100px 0;text-align:left;}

}
* html #product{margin:0;} /* IE 6 hack */
#product div.breadcrumb{margin:0 0 10px;padding:2px 0 7px;border-bottom:1px solid #bebebe;font-weight:normal;font-size:0.917em;}
#product div.breadcrumb, #product div.breadcrumb a{background:inherit;color:#372027;}
#product div.breadcrumb a:hover{background-color:inherit;color:#12121c;}
#product div.breadcrumb em{padding:0 5px;}
#product h2 {padding: 20px 0 20px 0;font-size:1.72em;color: #ea4071;text-align: left;}

#product #box{float:right;width:100%;margin:0 0 40px 10px;padding:0 0 10px;text-align:center;}
#product #box form{font-weight:bold;}
#product #box #price, #product #noPrice{padding:12px 5px 0 0;color:#372027;font-size:12px;text-align:right;float: right;}
#product #noPrice img {width: 14px;margin: 2px 10px 0 0;float: left;}
#product #noPrice{color:#8b808c;}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;color:#12121c;font-weight:bold;}
#product #box #available{padding:8px 2px 0;background-color:transparent;color:#372027;font-weight:bold;font-size:0.9em;display:none;} 
#product #box #addBasket{padding:10px 0 5px;}
#product #box #addBasket .submit{width:176px;padding:5px 25px 8px 5px;border:0;background:url('img/button_cart.png') no-repeat right bottom;background-color:inherit;color:#fff;font-size:1.1em;font-weight:bold;text-shadow:1px 1px #630d2f;}
#product #box #addBasket .submit:hover{text-shadow:0px 0px 5px #e9c0d1;}

#product div.content{clear:left;padding:20px 0 10px;font-size:1.083em;line-height:1.5em;}
#product div.content ul, #product div.content ol{margin:5px 0 0 30px;padding:0;}
#product div.content li{margin:8px 0;padding:0;border-left:0;}
#product div.content p{font-size: 1.242em;}
#product div.content h2{font-size: 1.75em;}
#product div.content a {text-decoration: underline;}#product div.content a:hover {text-decoration: none;}
#product div.content > p:first-of-type::first-letter {
  font-size: 44px;
  float: left;
  margin: 11px 11px 0 0;
  line-height: 1;
  font-family: 'Great Vibes', Arial, Verdana, Tahoma;
  color: #ae3b77;
}

@media (min-width: 768px) {
  #product div.content > p:first-of-type::first-letter {
    font-size: 60px;
    float: left;
    margin: 12px 14px 0 0;
  }
}

/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:0;border-bottom:2px solid #e0e0e0;font-size:1em;color:#12121c;text-shadow:1px 1px #e0e0e0;}
#orderedProducts td, #orderedProducts th{padding:6px 7px;}
#orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;}
#orderedProducts thead td{padding-bottom:11px;background:#2e6896;color:#fff;text-shadow:1px 1px #17344b;}
#orderedProducts thead em{padding:0 4px 0 0;font-style:normal;}
#orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid #fff;background:#f0f6fa url('img/body.png');border-bottom:1px solid #e0e0e0;}
#orderedProducts tbody th{text-align:left;}
#orderedProducts tbody th a{background:inherit;}
#orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:bold;text-align:right;}
#orderedProducts tbody .quantity, #orderedProducts tbody .quantity input{text-align:right;}
#orderedProducts tbody .quantity label{display:none;}
#orderedProducts tbody a:hover{background:inherit;color:#372027;}
#orderedProducts tfoot{background:url('img/body.png');text-align:right;}
#orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;}
#orderedProducts tfoot .nextStep .submit{background:#12121c;text-shadow:1px 1px #630d2f;}
#orderedProducts tfoot .nextStep .submit:hover{background:#154a72;text-shadow:1px 1px #17344b;}

#basket #orderedProducts table{margin:10px 0 0;}
#basket .info{padding:10px 0;text-align:left;}
#basket #recount{background:#fff;border-bottom:2px solid #e0e0e0;}
#basket #recount td{border-bottom:1px solid #e0e0e0;text-align:right;}
#basket #recount .submit{padding:2px 3px;}
#basket #recount .submit:hover, #basket .buttons #continue .submit:hover{background:#12121c;}
#basket .summaryProducts{font-size:1.36em;font-weight:bold;}
#basket .summaryProducts #summary{font-weight:bold;}
#basket .del{padding:0 5px 0 10px;}
#basket .del a{background:inherit;color:#372027;}
#basket .del a:hover{background:inherit;color:#12121c;}
#basket .buttons #continue{text-align:left;}
#basket .buttons #continue .submit{margin-right:5px;padding:3px 5px;}
#basket #pageDescription{margin-top:10px;}
#basket legend{display:none;} 

#basket #save{padding:7px;}
#basket #save .submit{margin-right:5px;padding:4px 9px;background:#f2f2f2;color:#372027;border:2px solid #e0e0e0;font-weight:normal;text-shadow:none;}
#basket #save .submit:hover{background:#154a72;color:#fff;}

#order legend{display:block;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#2e6a97;text-shadow:1px 1px 3px #e0e0e0;}
#order #personalData{padding:12px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');overflow:hidden;}
#order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;}
#order #personalData label{display:block;padding:2px 0;font-weight:bold;color:#2e6a97;text-shadow:1px 1px #e0e0e0;}
#order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;}
#order #personalData #oComment{height:125px;}

#shippingAndPayments div{padding:11px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');}

#order tfoot td, #orderPrint tfoot td{color:#12121c;}
#order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;}
#order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:normal;text-align:right;}
#order .summaryOrder, #orderPrint .summaryOrder{color:#372027;font-size:1.36em;font-weight:bold;}
#order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;}
#order .summaryOrder th, #order .summaryOrder td{border-top:1px solid #e0e0e0;}
#order #rulesAccept th{color:#372027;font-weight:bold;text-align:right;}
#order #rulesAccept th, #order #nextStep th{border:0;text-align:right;}
*:first-child+html .nextStep .submit, *:first-child+html #basket #continue .submit{padding:2px 0px;} /* IE 7 hack */

/* ORDER SUMMARY/PRINT PAGE */
#orderPrint #pageDescription{padding:10px 8px 20px;text-align:center;background:inherit;color:#12121c;font-weight:normal;font-size:1.5em;}
#orderPrint #pageDescription p{padding:5px 0;}
#orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#2e6a97;font-size:1.2em;font-weight:bold;}
#orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#fff url('img/body.png');}
#orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;}
#orderPrint dt{clear:left;text-align:right;}
#orderPrint dd{padding-left:3%;font-weight:bold;}
#orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
.portfolio-tytul h2 {padding: 30px 0 25px;color:#000;font-size: 22px;font-weight: 700;font-family: 'Merienda';}
.portfolio {width: 100%;clear: both;line-height: 0;-webkit-transition: all 0.5s;transition: all 0.5s;}.portfolio:hover div {opacity: 0.6;}
.portfolio h2 {padding: 30px 0 50px;color:#12121c;text-transform: uppercase;}
.portfolio div {width:100%;opacity:1;margin: 0.5px auto;-webkit-transition: all 0.5s;transition: all 0.5s;float: left;position: relative;overflow: hidden;background:#f9f9f9;}.portfolio div:hover {opacity:1;}
.portfolio div img {width: 100%;-webkit-transition: all 0.5s;transition: all 0.5s;}
.portfolio div:hover img {transform: translateY(-30px);-webkit-transition: all 1s;transition: all 1s;}
.portfolio div .opis {width: 100%;position: absolute;bottom: -150px;left: 0;right: 0;margin: 0 0 5px;}
.portfolio div:hover .opis {background:#f9f9f9;bottom: 0; opacity: 1;}
/*.portfolio div h2, .portfolio div p {opacity: 0;}*/
.portfolio div h2 {color:#333;margin:32px auto 18px;font-size:14px;font-weight:500;padding: 0 5%;font-family: 'Merienda';}
.portfolio div p {color:#333;margin:5px auto 5px;font-size:12px;font-weight:300;padding: 0 5%;}
.portfolio div:hover h2, .portfolio div:hover p {opacity: 1;}
.portfolio .link {font-weight: 600;font-size: 11.8px;letter-spacing: 0.5px;}
.portfolio a:hover {text-decoration: none;}
#foot{clear:both;background: #fbeff2;width:100%;padding:50px 0;}
#foot .container{max-width:1200px;margin:0 auto;padding:5px 0;color:#714d58 ;overflow:hidden;font-size:.92em;border-top:0px solid #565656;letter-spacing: 0.75px;}
#foot .container span {margin:0 12px;}
#foot a{background:inherit;color:#714d58 ;text-decoration:none;font-weight:400;}
#foot a:hover{color:#d65ab2;background:inherit;font-weight: 400;}
.socialmedia-foot {width:100%;margin:60px auto;text-align: center;max-width:800px;border-top: 0px solid #ffe6f0;border-bottom: 1px solid #ddd;padding:0 0 60px 0;display: flow-root;}
.socialmedia-foot div {width:20%;padding:0 2.5%;float:left;text-transform: uppercase;font-size: 0.78em;-webkit-transition: all 0.5s;transition: all 0.5s;}
.socialmedia-foot div a {color:#714d58 !important;font-weight: 600 !important;letter-spacing: 1px;text-shadow: 0px 0px 5px #fff;}
.socialmedia-foot div:hover img {filter:  brightness(1) contrast(85%)}
.socialmedia-foot div:hover a {color:#d65ab2 !important;text-shadow: none;}
.socialmedia-foot img {width: 38px;height:auto;margin:8px 8px 12px;opacity:1; opacity: 1;}.socialmedia-foot img:hover {opacity:1;}
.linki a { display: inline-block; padding: 10px 20px;color: #714d58;font-weight: 400;text-decoration: none;background: none;font-size: 1.05em;text-align: left;-webkit-transition: padding 0.5s;transition: padding 0.5s;}
.linki a:hover {text-decoration: underline;}
#copy, .foot{padding:8px 25px;text-align: center;}
#powered img{vertical-align:middle;}


#menu-mobile {
	display: block;
	bottom: -4px;
	left: 0;
	z-index: 900;
	width: 100%;
	margin: auto;
	padding: 16px 0 0;
	background: url("img/menu_mobile_bg.png") no-repeat center right;
	background-size: cover;
	position: fixed;
}
#menu-mobile .menu {
	width: 97%;
	padding: 0 2% 5px 1%;
	max-width: 500px;
	margin: auto;
}
#menu-mobile .menu .button {
	width: 20%;
	padding: 0;
	float: left;
}
#menu-mobile .menu .button .main,
.close .button {
	width: 90%;
	padding: 0 5%;
	transform: translate(0, -70%);
	cursor: pointer;
}
#menu-mobile .menu .button .add {
	width: 22%;
	padding: 3px 20% 4px;
	margin: 0 auto;
}
#menu-mobile .menu a {
  text-transform: none;
  color: #714d58;
  font-weight: 200;
  font-size: 9.5px;
}
#menu-mobile .menu .gray {
	filter: grayscale(1);
}
#menu-mobile .menu .gray:hover {
	filter: grayscale(0) !important;
}
.overlay {
	height: 0%;
	width: 100%;
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
background:#fff;
	overflow-y: hidden;
	transition: 0.5s;
	z-index: 999;
}
.overlay-content {
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center;
  margin-top: 20%;
  height: 90%;
}
.overlay a {
	padding: 12px 0;
	text-decoration: none;
	font-size: 16px;
	color: #714d58;
	transition: 0.3s;
}
.overlay a:hover,
.overlay a:focus {
	color: #ea4071;
}
.overlay .closebtn {
	position: absolute;
	top: 0;
	right: 20px;
	font-size: 50px;
  font-family: lato;
  font-weight: 100;
}
.mobile-menu {
  display: grid;
  bottom: 20px;
  position: absolute;
  width: 80%;
  text-align: left;
  padding: 0 10%;
}

.mobile-menu .socialmedia {
  width: 100%;
  margin: 40px 0 0 0;
  text-align: left;
  border-top: 1px solid #eee;
  padding: 12px 0 0;
}
.mobile-menu .socialmedia img {padding:10px 15px 8px 0}
.colse {
	height: 76px;
	width: 100px;
}
.exit {
	width: 100%;
	margin: auto;
	bottom: 76px;
	position: absolute;
	transform: translate(0%, 54%);
}
.exit img {
	width: 20%;
	padding: 0 5%;
	transform: translate(0, -70%);
	cursor: pointer;
}

.portfolio {display: none;}
.portfolio-mobile {width: 90%;margin: 0 auto 70px;max-width: 500px;}
.portfolio-mobile img {width: 100%;margin: 0 0 20px;}
.portfolio-mobile p {font-size: 1.12em;margin: 0 0 15px 0;padding: 0 5%;}
.podglad-mobile {display: block;clear: both;}
.podglad {display: none;}


.mySlides, .mid {display: none}
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}


.dot_wr {height:0;line-height: 0;;}
.dot { cursor: pointer;height: 0; width: 0; margin: 0; background-color: transparent; border-radius: 0; display: inline-block; }



/* Fading animation */
.fade {-webkit-animation-name: fade; -webkit-animation-duration: 1s; animation-name: fade; animation-duration: 1s;}

@-webkit-keyframes fade {from {opacity: 0.36} to {opacity: 1}}

@keyframes fade { from {opacity: 0.36}  to {opacity: 1}}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


@media print{
  /* PRINT STYLES */
  #rss{display:none;}
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;text-shadow:none !important;box-shadow:none !important;-webkit-box-shadow:none !important;}

  body{margin:1cm 0;}
  #container{width:17.2cm;height:auto;}
  #head2 .container, #head2{height:auto;}
  #logo{padding:0 0 0.2cm;}
  #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{border-width:0px !important;}

  #body{clear:none;}
  #body .container{overflow:visible;}
  #logo #title, #page h1{padding:0;}
  #page div.breadcrumb{position:relative;top:0;}

  #header .container, #body .container, #foot .container, #content, #page, #products, #product, .order #content{float:none;width:17.2cm;padding:0;margin:0;}
  #column, #head1, #head3, #back, #page .tS, #products li .basket, #product #box #addBasket .submit{display:none;}

}

/* PLUGINS */
 #menu2 .selected a:hover, #products li h2 a:hover , .menu_mobilne h2{
  color: #bd02c0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -moz-linear-gradient(left, #f83d73 0%, #bd02c0 100%);
  background-image: -webkit-gradient(left, color-stop(0%,#f83d73), color-stop(100%,#bd02c0));
  background-image: -webkit-linear-gradient(left, #f83d73 0%,#bd02c0 100%);
  background-image: -o-linear-gradient(left, #f83d73 0%,#bd02c0 100%);
  background-image: -ms-linear-gradient(left, #f83d73 0%,#bd02c0 100%);
  background-image: linear-gradient(left, #f83d73 0%,#bd02c0 100%);
}




@media (min-width: 768px) {
#head1 {display: block;position: absolute;z-index: 100;width: 100%;margin: auto;max-width: 1600px;background: transparent;}
.slogan {position: absolute;bottom:45%;right:50%;width: 90%;}
.slogan h2 {font-size: 5.6em;margin: 30px 0 0;}
.slogan h3{line-height: 1.8em;letter-spacing: 5px;margin: 0;}
.portfolio-tytul h2 {font-size: 34px;}
.portfolio div {width:50%;margin: 0 auto;}
#products .list li:nth-child(2), #products .list li:nth-child(3) {position:relative;clear:none;width:47%;margin:5px 1.5%;padding:70px 0 30px;text-align:left;} 
#products .list li:nth-child(2) h2, #products .list li:nth-child(3) h2{padding:20px 0;font-weight:500;font-size:1.32em;text-align: center;line-height: 1.5em;}
#products .list li:nth-child(2) div.description, #products .list li:nth-child(3) div.description {margin:10px 0 0;text-align:justify;display:none}
#products li:nth-child(2) .photo img , #products li:nth-child(3) .photo img {height:320px;object-fit: cover;}
.wiecej {width:100%;text-align: center;padding: 40px 0 50px;}
.wiecej a {font-family:'Merienda',Arial,Verdana,Tahoma;font-size:12px;border: 1px solid #f83d73;padding:10px 36px 12px 42px;letter-spacing: 0.25px;color:#f83d73;-webkit-transition: all 0.25s;transition: all 0.25s;}
.column:first-of-type {padding-top: 10px;margin-top: 0;background: transparent;}
#menu-mobile, .portfolio-mobile, .podglad-mobile {display: none;}
.portfolio, .podglad {display: block;}
.portfolio-tytul h2 {padding: 80px 0 50px;}
#products li .noPrice {margin: 10px 0 25px 0;font-size: 0;}
#head3 {display: block;}
.column p {font-size: 1.12em;}
#logo img {max-width:240px;width:80%}


.portfolio div:nth-child(3), .portfolio div:nth-child(4), .portfolio div:nth-child(5), .portfolio div:nth-child(6) {display: none;}
}




@media (min-width: 960px) {
.portfolio div {width:33.333%;margin: 0 auto;}
.portfolio div:nth-child(3) {display: block;}
#head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container{width:96%;text-align:left;padding: 40px 2% 0;max-width: 1320px;}
#menu-mobile-tlo {display: none;}
}

@media (min-width: 1366px) {
  .portfolio div {width:25%;margin: 0 auto;}
  .portfolio div:nth-child(4) {display: block;}
  #products .list li {width: 100%;padding: 75px 0 30px;}
  #body .container {width: 100%;padding: 0;}
  }

  @media (min-width: 1600px) {
    .portfolio div {width:20%;margin: 0 auto;}
    .portfolio div:nth-child(5) {display: block;}
    }

  @media (min-width: 1800px) {
    .portfolio div {width:16.64%;margin: 0 auto;}
    .portfolio div:nth-child(6) {display: block;}
    }



@media (max-width: 768px) {
body, table {font-size: 0.65em;}
#body .container {width: 90%;margin: 0 auto 0;}
#page {margin: 0 auto 10px;}
h1 {font-size: 2em;}
#content, #product, #page, #column {float: none;width: 100%;padding: 0 0 10px;text-align: left;background: transparent;clear: both;display: inline-table;}
#powered a {width: 100%;text-align:center;padding:6px 0;display: block;}
#copy, .foot {width: 100%;text-align:center;display: block;padding:6px 0;}
#foot {padding: 40px 0 100px 0;font-size: 1em;}
#copy {padding-bottom:22px;}
.socialmedia-foot img {width: 25px;}
.socialmedia-foot div {width: 20%;padding: 0 2.5%;float: left;text-transform: uppercase;font-size: 0.75em;}
#foot span, .banner, .slogan {display:none;}
#content .imagesList li {text-align: center;width: 100%;margin: 10px 0;}
.banner-mobile {display:block;margin-top: 10px;}
#content .imagesList li img {height: auto;}
#products .list li {padding: 55px 0 10px;}
#menu1 li {padding: 9px 0 5px 5px;}
.socialmedia-top img {margin: 6px 3px;}
.socialmedia-top {width: 100px;}
#searchForm .input {width: 88%;border-color: #fbeff2;}
#searchForm .submit {width: 33px;background: #fd6db7;}
#products li h2 {font-size: 1.55em;}
#products li  .noPrice {margin: 0 0 30px 0;}
 #products li .socialmedia {width: 100%;margin-top: 20px;text-align: center;}
 #products .list li {width: 97%;margin: 5px 0;padding: 35px 1.5% 30px;text-align: left;}
#products li .photo img {height: auto;}
#logo {padding: 5px 0 5px;}
}

#head4 .menu {position: absolute;bottom: 32px;left: 0;width: 100%;text-align: left;max-width: 1320px;margin: auto;right: 0;display: none;}
@media (min-width: 960px) {
#head4 .menu{display: block;}
}
.banner-tlo {width: 100%;height: 30%;left: 0;right: 0;bottom: 0;position: absolute;background-image:linear-gradient(#fff0 ,#fff );}
::-webkit-input-placeholder {color: #931539;text-shadow: none;}
:-moz-placeholder {color: #931539;text-shadow: none;}
::-moz-placeholder {color: #931539;text-shadow: none;}
:-ms-input-placeholder {color: #931539;text-shadow: none;}
.linki-stopka {display: none;}
@media (max-width: 560px) {
.pPrev, .pNext {display: none;}
.linki-stopka {display: block;width: 100%;margin: 20px auto 50px;text-align: center;display: flex;}
.linki-stopka a {font-size: 12px;}
#products .pages {text-align: center;}
}


.foto_left {width: 100%;}
.foto_left img {width: 100%;}
@media (min-width: 560px) {
  .foto_left {width: 40%;padding: 0 5% 30px 0;float: left;}
}


#cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 20px;
  text-align: center;
  display: none; 
  z-index: 1000;
}

#cookies h4 {
  margin: 0 0 5px;
  font-size: 13px;
  color: #fff;
  font-weight: 500;
}

#cookies p, #cookies p a {
  margin: 0 0 20px;
  font-size: 12px;
  line-height: 1.8;
  color:#fff;
}

#closeCookies {
  background-color: #f44336;
  color: white;
  padding: 8px 32px;
  text-decoration: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s;
  font-size: 12px;
  margin: 5px auto;
  display: inline-block;
}

#closeCookies:hover {
  background-color: #d32f2f;
}



#rating-container {position: relative;z-index: 0;float: left;width: 75%;}
.star {font-size: 23px;
  color: #fb88a9;}
  #rating-container-bg {position: absolute;top: 0px;left: 0;z-index: -1;}

  .star_bg {font-size: 23px;
    color: #fb88a9;}

    /* Tekst Ocena i Głosy */
#rating-info {
  color: #714d58;
  font-size: 11px;
  font-weight: 300;
  margin-left: 0;
}

/* Wartości Ocena i Głosy */
#rating-info span {
  font-size: 13px;
  font-weight: bold;
}

#click-overlay {position: absolute; width: 96px; height: 36px; background: transparent; cursor: pointer;}
#thank-you-message, #double-check-message {font-size: 1.042em;margin: 10px 0 10px;}
h4 {color: #931539;font-size: 17px;
  font-weight: 500;
  font-family: 'Merienda',Arial,Verdana,Tahoma;
  line-height: 1.5em;margin: 40px 0 10px;
}
hr {border: 0;border-top: 1px solid #fbeff2;}



/* Stylizacja dla równych miniaturek */
.random-products {
  margin-top: 20px;clear: both;
  width: 94%;
}

.product-thumbnails {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}

.product-thumbnails li {
  margin: 5px;
  width: 33.333%;
  box-sizing: border-box;
  text-align: center;
}

.product-thumbnails li h4 {
  color: #f83d73;
  font-size: 13px;
  font-weight: 500;
  font-family: 'Merienda',Arial,Verdana,Tahoma;
  line-height: 1.7em;
  margin: 20px 0 10px;
  text-align: left;
}

.product-thumbnails .thumbnail {
  position: relative;
  padding: 10px;
  margin: 10px 0;
  width: 33.3%;
  text-align: center;
}


.thumbnail .image-container {
  width: 100%;
  background-color: #f5f5f5; /* Kolor tła w razie braku dopasowania */
  border-radius: 8px;
  overflow: hidden;
  line-height: 0;
}

.thumbnail .image-container img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover; /* Dopasowanie obrazków */
  height: 180px;
  width: 100%;;
}

.random-products h3 {
  text-align: left;
  margin: 10px 0;
}



@media (max-width: 640px) {


  .product-thumbnails-container {
    overflow-x: scroll; /* Umożliwienie przewijania w poziomie */
    display: flex;
    padding: 0; /* Brak dodatkowego paddingu */
    scroll-snap-type: x mandatory; /* Wymuszenie snapowania */
    max-width: 100vw; /* Ograniczenie szerokości do ekranu */
    justify-content: flex-start; /* Wyrównanie całego kontenera do lewej */
    box-sizing: border-box; /* Uwzględnienie paddingów */
    position: relative;
  }

  .product-thumbnails {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    width: auto; /* Dopasowanie szerokości do zawartości */
    justify-content: flex-start; /* Wyrównanie miniatur do lewej */
    box-sizing: border-box; /* Uwzględnienie paddingów */
  }

  .product-thumbnails .thumbnail {padding: 0 16px 0 0;}
  .product-thumbnails .thumbnail:last-of-type {padding: 0 0 0;}

  .product-thumbnails li {
    min-width: 70%; /* Każda miniaturka zajmuje 70% szerokości */
    flex: 0 0 70%; /* Stała szerokość */
    margin: 0 10px; /* Margines między miniaturami */
    scroll-snap-align: start; /* Wyrównanie snapowania */
  }

  .product-thumbnails li:first-child {
    margin-left: 0; /* Usuń margines z lewej dla pierwszej miniaturki */
  }
  .random-products {
    margin-top: 20px;
    clear: both;
    width: 100%;
  }
  .product-thumbnails-container::-webkit-scrollbar {
    display: none; /* Ukrycie paska przewijania */
  }

  #container {box-shadow: 0 50px 30px #00000004;}
}





.product-seo-tags {margin-top: 0; font-style: italic;font-size: 10.8px;}

#mobile-top {width: 90%;padding: 6px 5% 6px;margin: auto;text-align: center;}
#mobile-top img {width: 250px;}
@media (min-width: 640px) {
  #mobile-top {display: none;}
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #fff9;
  backdrop-filter: blur(10px);
}

#loader {border: 5px solid #f3f3f3; border-top: 5px solid #ea4071; border-radius: 50%;width: 100px;height: 100px;animation: spin 2s linear infinite;position: absolute;top: 50%;left: 50%;margin-top: -60px;margin-left: -60px; }
#preloader .img {width: 102px;height: 102px;position: absolute;top: 50%;left: 50%;margin-top: -56px;margin-left: -56px; }
#preloader .img img {width:100%; border-radius: 50%;}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width:768px) 
{.image {width: 49% !important; margin: 0;}
.gallery {display: grid;grid-template-columns: repeat(2, 1fr) !important;gap: 0;}
#content .imagesList li {margin: 2px 0 !important;padding: 0;}
}

    /* Linki aktywujące formularz */
    .add-story-link {
      cursor: pointer;
      color: #f83d73;
      text-decoration: none;
      background: #fff;
      padding: 10px 18px;
      margin: 20px 0 4px 0;
      font-weight: 400;
      border-radius: 12px;
      clear: both;
      display: block;
      text-align: center;
  }

  /* Styl okienka popup */
  .popup-form-container {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 1000;
      justify-content: center;
      align-items: center;
  }

  .popup-form {
      background-color: white;
      border-radius: 12px;
      padding: 0 20px 70px;
      width: 90%;
      max-width: 580px;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
      box-sizing: border-box;
  }

  .popup-form h2 {
    margin: -10px 0 40px 0;
      color: #444;
  }

  .popup-form label {
      display: block;
      margin: 12px 0 8px;
      font-weight: 400;
      color: #444;
  }

  .popup-form input, .popup-form textarea {
    width: 100%;
    padding: 16px;
    margin-bottom: 15px;
    border: 1px solid #ffb4ca;
    border-radius: 32px;
    box-sizing: border-box;
    background: #fbeff2;
  }

  .popup-form button {
      width: 100%;
      padding: 14px;
      border: none;
      background-color: #f83d73;
      color: white;
      font-size: 16px;
      border-radius: 32px;
      cursor: not-allowed;
      opacity: 0.5;
      margin: 22px 0 0;
  }

  .popup-form button.active {
      cursor: pointer;
      opacity: 1;
  }

  .popup-form .close-btn {
    background-color: transparent;
    border: none;
    font-size: 50px;
    color: #444;
    cursor: pointer;
    margin-bottom: 10px;
    text-align: right;
    padding: 0;
    font-weight: 100;
    opacity: 1;
  }

  .paypal {margin: 40px auto 32px;}

  input.pole:invalid, textarea.pole-opis:invalid {
    border-color: red;
}

.desktop {display: none;}
.mobile {display: block;}
.desktop, .mobile {width: 100%;max-width: 100%;}
@media (min-width:768px) {
  .desktop {display: block;}
.mobile {display: none;}

}

#buttons {clear: both;margin: 40px 0 0;
  height: 100px;}
#ending1-link, #ending2-link {color: #f83d73;
  background: pink;
  text-decoration: none !important;
  padding: 5px 18px;margin: 0 5px 0 0;
  border-radius: 18px;
  margin-bottom: 40px;}
  #ending1-link:hover, #ending2-link:hover {background: #f83d73;color: #fff;}