/*
Quick.Cart default stylesheet
More about design modifications - http://opensolution.org/Quick.Cart/docs/ext_6.6/?id=en-design
*/
/* GLOBAL STYLES */
* {box-sizing: border-box;}
body, body *{margin:0;padding:0;border:0;}
body,table, html{color:#000;font-size:0.87em;font-family:'Open Sans', Arial, Verdana, sans-serif;letter-spacing: 0.25px;}
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;}
.container {margin:auto;padding:0;}
.carousel-caption {display:none;}
body{padding:0;background:#ffffff;text-align:center;}
b, strong {font-weight: 400;}
p {font-size: 1.78em;font-weight: 300;color:#051c13;font-family: 'Open Sans',Arial,Verdana,Tahoma;line-height: 2.06em;margin: 10px auto 20px;max-width:1200px;text-align: center;}
h1{margin: 30px auto 50px;color:#005030;font-size:2.8em;line-height:1.52em;font-weight:100;text-align: center;font-family: 'Georgia';max-width: 720px;}
h3{margin: 10px auto 40px ;color:#005030;font-size:2.2em;line-height:1.72em;font-weight:100;text-align: center;font-family: 'Georgia';max-width: 780px;}
h2{margin: 0px auto 30px;color: #005030;font-size: 2.15em;font-weight: normal;background: none;font-family: 'Georgia';max-width: 780px;line-height: 1.7em;}
h4{margin: 50px auto ;color:#005030;font-size:2.8em;line-height:1.52em;font-weight:100;text-align: center;font-family: 'Georgia';max-width: 720px;}
h5{margin: 50px auto 20px;color:#d0aa14;font-size:12.2px;line-height:1.02em;font-weight:600;text-align: left;font-family: 'Open Sans';max-width: 720px;text-transform: uppercase;letter-spacing: 2px;}
h1::before {
  content: attr(data-background-text);
  position: absolute;
  left: 50%;
  transform: translate(-70%, -36%);
  font-size: 2.23em;
  color: #1537310a;
  z-index: -1;
  white-space: nowrap;
}
@media (min-width:768px) {
  p {font-size: 1.32em;font-weight: 200;color:1d312d;font-family: 'Open Sans',Arial,Verdana,Tahoma;line-height: 2.26em;margin: 10px auto 20px;max-width:1200px;}
  p, h3 {text-align: left;}
  }
button {margin: 25px 0 0;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  font-family: 'Open Sans',sans-serif,arial, verdana, tahoma;
  z-index: 10;
  text-transform: uppercase;
  background: transparent;
  padding: 16px 35px 16px 40px;
  line-height: 1.3em;
  border: 1px solid #ffffff82;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  letter-spacing: 2px;
  border-radius: 25px;}
button:hover {color:#15304f;background: #d7bf64;border: 1px solid #d7bf64;}
.carousel-indicators li {margin: 1px 6px;}
.carousel-indicators .active {margin: 0 5px;}

.input, select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:#bbb #ddd #ddd #bbb;font-size:1em;font-family:Verdana;text-shadow:1px 1px #e0e0e0;}
.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;}
.submit{padding:5px 14px;border-width:1px;border-style:solid;border-color:#9d9d9d #3f3f3f #3f3f3f #9d9d9d;background:transparent;color:#fff;font-weight:300;font-size:1em;font-family:Verdana;}
.submit:hover{background:#7e7e7e;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:#000;text-decoration:none;}
a:hover{color:#339580;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:#445c62;color:#fff;}

#container{position:relative;max-width: 1600px;width:100%;margin:0 auto;padding:0 0;}
#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:1600px;*/margin:120px auto 0;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 {position: static;width: 100%;margin: 0 auto;text-align: center;}
#menu1 ul{float:right;margin:27px 0 0 0;list-style:none;-webkit-transition: all 0.5s !important;transition: all 0.5s !important;height:100%;}
#menu1 li{display: inline-block;}
#menu1 li a{float:left;height:auto;padding: 16px 12px;  margin: 0 4px;color:#005030;font-size:12.6px;text-decoration:none;font-weight:600;letter-spacing: 1.5px;text-transform: uppercase;-webkit-transition: all 0.5s;transition: all 0.5s;}
#menu1 li a:hover{color:#005030;}
#menu1 .selected a{color:#d0aa14;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head1 {display: none;border-bottom:1px solid #ddd;}
#head2 {clear:both;}
#head2 .container{height:140px;background:#fff;}
#logo{padding: 15px 0 ;text-align: left;float: left;}
#logo img {max-width: 290px;-webkit-transition: all 0.5s !important;transition: all 0.5s !important;}

/* HEADER WITH TOP MENU BELOW LOGO */
#head3 {background:#ffffff;left:0;right:0;position: fixed;z-index: 100;width: 100%; ;overflow:hidden;height:auto;-webkit-transition: all 0.5s !important;transition: all 0.5s !important;padding: 20px 0;box-shadow: 0px 0px 22px #0000001f;margin: auto;}
#head3 .container {max-width: 1370px;width:98%;padding: 0 1% 0 1%;}
#head4 .container {width:100%;position: relative;border-bottom: 3px solid #d0aa14;}
#head4 .container img {width:100%;margin-top: 120px;}
#head4 .container img a {position: absolute;}
.banner, .menu {display:block;position: relative;}
.banner-mobile {display:none;}
.slogan {position: absolute;bottom:28%;right:3%;min-width:340px;letter-spacing: 0.5px;;width: 90%; max-width: 640px;background: #00000047;padding: 0 30px 30px;text-align: left;}
.slogan h2{font-size: 2.7em;font-weight: 500;font-family: 'Georgia','Open Sans',Verdana,Tahoma;line-height: 1.42em;margin: 20px 0 20px;color:#fff;text-align: left;max-width: 100%;font-style: italic;}
.slogan h3{font-size: 1.22em;font-weight: 300;font-family: 'Open Sans',Arial,Verdana,Tahoma;line-height: 1.82em;margin: 10px 0;color:#fff;text-align: left;max-width: 100%;}
.slogan h5 {color: #fff;}
/* MENU TOP 2 */
#menu2 {position: static;width: 100%;margin: 10px auto;text-align: center;}
#menu2 ul{height:100%;list-style:none;}
#menu2 li{display: inline-block;}
#menu2 li a{float:left;height:auto;padding:11px 25px;color:#494848;font-size:1.17em;text-decoration:none;text-transform: uppercase;}
#menu2 li a:hover, #menu2 .selected a{color:#7e7e7e;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body .container{background:#ffffff;margin: 130px auto 50px;}

/* LEFT COLUMN STYLES */
#column{float:right;width:28%;padding:0 0 20px 0;background:transparent;display:none;}
.order #column{display:none;}
.column {border:1px solid #e0e0e0;text-align: left;width:82%;padding:40px 9%;margin-bottom: 30px;}
.column div {text-align: center;}
.column img {margin:0 auto 20px;border-radius: 50%;width:84%;height:auto;}
.column:first-of-type {background-color: #f1f1f1;margin-top: 14px;}
.column p {text-align: left;font-size: 1.2em;line-height: 1.5em;margin:15px 0;}
.column h3 {text-align: left;font-size: 1.2em;line-height: 1.5em;margin:15px 0;font-weight: 700;text-transform: uppercase;}

#searchForm{padding:0 0 15px 0 ;text-align:center;}
#searchForm label, #searchForm legend{display:none;}
#searchForm .input{width: 93%;padding: 10px 3%;}
#searchForm .submit{padding:5px 0 9px;font-size:1.65em;font-style:normal;border:0;background:transparent;margin: 0px 0px 0 -40px;position: absolute;}#searchForm .submit:hover{color:#7e7e7e;}
*: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-top:30px;text-align: left;font-size: 1.2em; line-height: 1.5em;text-transform: uppercase;font-weight: 700;}

/* LEFT MENU */
#menu3 ul{padding:10px 0;list-style:none;background:#fff;}
#menu3 li{margin:0;padding:4px 0 4px 0;}
#menu3 a{display:block;width:100%;padding:8px 0 10px;color:#445c62;font-weight:300;text-decoration:none;background:none;font-size: 1.25em;text-align: left;border-bottom: 1px solid #eee;}
#menu3 a:hover, #menu3 .sub1 a:hover{color:#7e7e7e;background:none;text-decoration:underline;}
#menu3 .selected > a:first-child{color:#7e7e7e;background:none;}

#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:100%;padding:0 0;text-align:center;background:transparent;}
* html #content{width:658px;} /* IE 6 hack */
.order #content{width:100%;}
/*#page{position:relative;width:100%;margin:200px auto 120px;text-align:left;display:flow-root;}*/
#page{position:relative;width:100%;margin:100px auto 120px;text-align:left;display:flow-root;/*background-image: url('img/kwiat1.webp');background-repeat: no-repeat;background-position-y: 45%;*/}

* 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;display:none;}
#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:5px 0;max-width: 960px; margin: auto;}
#page div.content ul, #content .subpagesList li ol, #page div.content ol{margin:30px 0 50px 15px;padding:0;}
#page div.content li{margin:8px 0;padding:0;border-left:0;font-size: 1.42em;font-weight: 200;font-family: 'Open Sans',Arial,Verdana,Tahoma;line-height: 1.96em;margin: 15px 0;}
#page div.content p{padding-bottom:10px;}
#page div.content ul li::marker {color: #000;font-weight: 400;font-size: large;}
#page div.content ol li::marker {color: #000;font-weight: 400;}
#page div.content h2 {max-width: 100%;}
#page div.content p {text-align: justify;}
@media (max-width:768px) {
  #page div.content li{font-weight: 300;}
}

.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:#7e7e7e;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%;margin: 30px auto 0;max-width: 1600px;}
#content .imagesList li{text-align: center;width: 33.333%;float: left;margin: 10px 0;overflow: hidden;line-height: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:0 solid #eee;width: 100%;object-fit: cover;-webkit-transition: all 1.5s;  transition: all 1.5s;}
#content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img{border:0 solid #c9cdce;transform: scale(1.1);object-fit: cover;}

#content .imagePreview img{padding:0;background:#c0bfbf;border:0 solid #eee;width: 100%;object-fit: cover;height:auto;-webkit-transition: all 1.5s;  transition: all 1.5s;margin: 0 0 60px 0;}
#content .imagePreview img:hover{border:0 solid #c9cdce;transform: scale(1);object-fit: cover;opacity:1}


#imagesList1{margin: 0;width: 100%;}
#imagesList2{clear:right;float:right;margin:0;}
#imagesList2 #content .imagesList li {width:100% !important;}

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

/* FILES LIST STYLES */
#filesList{width:100%;text-align:center;margin:15px 0 5px;list-style:none;}
#filesList li{width:100%;margin:5px 0 5px 10px;padding-left:0;}
#filesList li a{color:#7e7e7e;background:inherit;font-size: 1.52em;}
#filesList li a:hover{color:#445c62;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( 0, 0, 0, 0.7 );z-index:200;}
#quick-box .background{height:100%;}
#quick-box .quick-box-container{position:absolute;padding:0;box-shadow: 0 0 25px 1px #000;}
#quick-box .image-wrapper{position:relative;line-height:0;}
#quick-box .image-wrapper img{margin:0;padding: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-size:35px;z-index:100;opacity:0.85;text-decoration:none;}
#quick-box .prev span, #quick-box .next span{position:absolute;top:47%;left:0;padding:10px 18px;border:1px solid rgba(255, 255, 255, 0.328);background:#00000036;}
#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:1;}
#quick-box .prev{left:0;}
#quick-box .next{right:0;}
#quick-box .close{position:absolute;top:0;right:0;padding:10px 20px;opacity:0.85;color:#fff;font-weight:100;font-family:"Trebuchet MS";text-decoration:none;font-size:35px;z-index:100;}
#quick-box .close:hover{opacity:1;background: #00000036;}
#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{width:100%;margin:0 auto 80px;max-width: 1600px;list-style:none;display: flex;}
/*#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 #ddd;}*/
#content .subpagesList li{float:left;width:31.33%;margin:10px 1%;padding:20px .5% 20px;background:#fff;border-bottom:1px solid #fff;-webkit-transition: all 1.5s;  transition: all 1.5s;}
#content .subpagesList li:hover {border-bottom:1px solid #a1a1a1;}
* html #content .subpagesList li{width:100%;} /* IE 6 hack */
#content .subpagesList li .photo{float:left;margin:0 0 40px 0;overflow: hidden;line-height: 0;background: #000;}

#content .subpagesList li h2 a{color:#445c62;font-size:1.25em;font-weight:normal;background:none;font-family: 'Lora';}
@media (min-width:768px) {
#content .subpagesList li h2 a{color:#445c62;font-size:1.85em;}
}
#content .subpagesList li h2 {color: #445c62;font-size: 1.5em;margin: 30px auto;line-height: 1.52em;font-weight: 100;text-align: center;}
#content .subpagesList li h2 a {text-decoration: underline #fff;-webkit-transition: all .5s;  transition: all .5s;}
#content .subpagesList li h2 a:hover{color:#000;background:none;text-decoration: underline #445c62;}
#content .subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;}
#content .subpagesList li div.description h2 {font-size:1.46em;color:#445c62;}
#content .subpagesList li ul, #content .subpagesList li ol{float:left;width:100%;margin: 5px 0 40px 15px;;padding:0;}
#content .subpagesList li li{padding:0;border-bottom:0;background:none;-webkit-box-shadow:none;box-shadow:none;width: 100%; font-weight: 200;  font-size: 1.18em;}
#content .subpagesList li ul{list-style:disc;}
#content .subpagesList li ol{list-style:decimal;}
#content .subpagesList li p{padding-bottom:10px;font-size: 1.38em;text-align: center;line-height: 1.86em;max-width: 100%;margin:10px auto 20px;}

/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:10px 10px;color:#445c62;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:#7e7e7e;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:#7e7e7e;font-weight:normal;font-size:2.4em;line-height:1.7em;}
.message h2 a{color:#2e6a97;background:inherit;}
.message h2 a:hover{color:#445c62;background:inherit;}

/* PRODUCTS LIST */
/* PRODUCTS LIST */
#products{clear:both;float:left;width:100%;margin: 0;list-style:none;padding:20px 0 0;}
#products ul.list{float:left;width:100%;list-style:none;}
#products .list li{float:left;width:100%;margin: 0 0 30px;padding: 0 0 20px 0;text-align:center;background: #fff;-webkit-transition: all 0.65s;transition: all 0.65s;}
/* standard products list (not columns) example:
#products .list li{position:relative;clear:both;width:96%;margin:5px 0;padding:5px 2% 10px;text-align:left;} */
#products li:hover .photo img {width: 100%;}
#products .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;}
#products li.column1{clear:both;}
#products li .photo{font-size:0px;line-height:0px;overflow: hidden;background:#000;border-radius: 5px;}
#products li h2{padding: 12px 5% 10px;font-weight: 400;font-size: 1.8em;text-align: center;margin: 0;}
#products li h2 a{text-decoration:none;}
#products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;}
#products li h3, #products li h3 a{color:#445c62;}
#products li h3 a:hover{color:#7e7e7e;}
#products li h3 em{padding:0 5px;}
#products li div.description{margin:10px 0 0;text-align:justify;padding:0 5%;}
.available-block {margin: 0 auto;width:100%;text-align: center;}
#products li div.description p {padding: 10px 6% 30px;text-align: left;font-size: 1.4em;line-height: 1.4em;min-height: 100px;}
#products li div.description a{color:#445c62;}
#products li div.description a:hover{color:#7e7e7e;}
#products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;}
#products li .price, #products li .noPrice{margin:0 0 20px 0;background-color:inherit;color:#7e7e7e;font-weight:400;text-decoration:none;display: none;}
#products li .price em{padding:0 6px 0 0;background:inherit;color:#445c62;font-style:normal;}
#products li .price strong{font-size:1.167em;}
#products li .noPrice strong{font-size: 1.2em;padding: 0 0 0 ;}
#products li .price span{padding-left:4px;font-size:1.083em;color:#445c62;}
#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: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:16px 21px;color: #484845;border: 0 solid #fff;background: #fff;}
#products .pages a:hover {color: #fff;background:#7e7e7e;}
#products .pages .viewAll{padding-right:8px;border-right:1px solid #445c62;}
#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 #7e7e7e;padding: 15px 20px;color: #fff;background:#7e7e7e;}
.pages a{font-size:1.2em;font-weight:300;border: 1px solid #7e7e7e;padding: 15px 20px;color: #fff;background:#7e7e7e;}




#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 #445c62;}
#products .sort li:last-child{border:none;padding-right:0;}
#products .sort li a{font-weight:normal;}

.wiecej {width:100%;text-align: center;padding: 50px 0; display:none;}
.wiecej a{text-transform: uppercase;border:1px solid #7e7e7e;padding:10px 22px;letter-spacing: 1px;}
.wiecej a:hover{color:#fff;border:1px solid #7e7e7e;background:#7e7e7e;}

/* PRODUCTS DETAILS */
#product{float: none;display: inline-grid;width: 100%;margin: 0 auto 0;text-align: left;}
#body .container {width: 100%;margin: 0 auto;text-align: left;padding:0 0;}
* 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:#445c62;}
#product div.breadcrumb a:hover{background-color:inherit;color:#7e7e7e;}
#product div.breadcrumb em{padding:0 5px;}

#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 #box #noPrice{padding:7px 0;color:#445c62;font-size:1.2em;text-align:center;}
#product #box #noPrice{color:#7e7e7e;}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;color:#7e7e7e;font-weight:bold;}
#product #box #available{padding:8px 2px 0;background-color:transparent;color:#445c62;font-weight:bold;font-size:0.9em;}
#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:10px 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{padding-bottom:10px;}

/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:0;border-bottom:2px solid #e0e0e0;font-size:1em;color:#7e7e7e;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:#445c62;}
#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:#7e7e7e;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:#7e7e7e;}
#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:#445c62;}
#basket .del a:hover{background:inherit;color:#7e7e7e;}
#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:#445c62;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:#7e7e7e;}
#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:#445c62;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:#445c62;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:#7e7e7e;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 */
#foot{clear:both;background: #004026;width:100%;padding:50px 0;max-width: 1600px; margin: auto;}
#foot .container{max-width:1600px;margin:0 auto;padding:5px 0;color:#d7e5f4;overflow:hidden;font-size:1.05em;border-top:0px solid #565656;letter-spacing: 0.5px;}
#foot .container span {margin:0 12px;}
#foot a{background:inherit;color:#d7e5f4;text-decoration:none;font-weight:400;-webkit-transition: all .5s;  transition: all .5s;}
#foot a:hover{color:#fff;background:inherit;}

#copy{float:left;padding:0 25px;}
.foot{float:right;padding:0 25px;}
#powered img{vertical-align:middle;}
#copy strong, .foot strong {font-weight: 600;}
.socialmedia-foot {width:100%;margin:0 auto 0;text-align: center;border-top: 0px solid #ffe6f0;padding:0 0 30px 0;}
.socialmedia-foot a {color:#aaa !important;font-weight: 700 !important;letter-spacing: 1px;text-shadow: 0px 0px 5px #adadad;font-size:0;filter: grayscale(1);-webkit-transition: all 0.5s;transition: all 0.5s;opacity: .66;}
.socialmedia-foot a:hover {color:#ffffff !important;text-shadow: none;filter: grayscale(0);opacity: 1;}
.socialmedia-foot img {width: 38px;height:auto;margin:8px 8px 12px; opacity: 1;-webkit-transition: all 0.2s;transition: all 0.2s;padding: 10px; border: 1px solid #7e7e7e; border-radius: 50%;}.socialmedia-foot div:hover img:hover {filter: grayscale(0);width:36px;margin:7px 6px 5px;}

.stopka2 {width:100%;max-width: 1600px; margin: auto;background:#eee;display:table;padding: 0;box-shadow: 0px 0 50px #00000070; z-index: 1; position: relative;}
.stopka2-r {width: 100%;padding: 20px 0 30px;float:left;text-align:center;}
.stopka2-l {width: 100%;padding: 80px 0 0;float:left;text-align:center;}
.stopka2 h3 {text-align: center;color: #1d312d;}
.stopka2 p {color: #1d312d;}
.stopka2 a {color: #1d312d;text-decoration: underline transparent;-webkit-transition: all .5s;  transition: all .5s;}
.stopka2 a:hover {color: #339580;text-decoration: underline #339580;}
@media (max-width:768px) {
.stopka2 {padding: 0 5%;}
}
.stopka2-l h3 {
  margin: 20px 0;
}
@media (min-width:768px) {
  #products .list li{float:left;width:30.333%;margin: 0 1.5% 30px;padding: 0 0 20px 0;text-align:center;background: #fff;-webkit-transition: all 0.65s;transition: all 0.65s;}
  .stopka2-r {width: 40%;padding: 100px 5% ;float:left;text-align:center;}
.stopka2-l {width: 60%;padding: 100px 5% ;float:left;text-align:center;}
.stopka2-r p {text-align: right;
  margin: 10px 0;
  line-height: 1.8em;
  font-size: 14px;font-weight: 300;}
.stopka2-l p {
  color: #1d312d;
  font-size: 13px;
  line-height: 1.8em;
  font-weight: 300;
  text-align: left;
}
.stopka2-l h3 {
  text-align: left;
  color: #1d312d;
  font-size: 1.68em;
  margin: 20px 0;
}
.stopka2-r h3 {
  text-align: right;
  color: #1d312d;
  font-size: 1.68em;
  margin: 20px 0 32px;
}
#imagesList1{margin: -100px 0 50px 0;width: 100%;overflow: hidden;}
  
}

@media print{
  /* PRINT STYLES */
  #rss{display:none;}
  * {color:#445c62 !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 */


@media (max-width: 768px) {
body, table {font-size: 0.65em;}
#body .container {width: 100%;}
h1 {font-size: 2.5em;}
h4 {font-size: 2.4em;}
#content, #product, #page {float: none;width: 100%;padding: 0 0;text-align: left;background: transparent;clear: both;display: block;}
#foot a, #copy, .foot {width: 100%;text-align:center;display: block;padding:6px 0;}
#foot {padding: 40px 0 30px 0;font-size: 1.2em;}
#copy {padding-bottom:22px;}
#foot span, #column {display:none;}
#content .imagesList li {text-align: center;width: 100%;margin: 10px 0;}
.banner-mobile {display:block;}
#content .imagesList li img {height: auto;}
h2 {font-size: 2.25em;line-height: 1.47em;}
#content .subpagesList li img, #content .imagesList li img, #content .imagePreview img, #products li .photo img {height:auto;}
#body .container, #body {margin: 60px auto 0;}

  #page {margin: 80px auto 60px;width: 92%;}
  #content .subpagesList li .photo {margin: 0 0 22px;}
  #content .subpagesList li div.description {font-size: 1.2em;display: none;}
  #content .subpagesList {margin: 0 auto 40px;}

#menu2 li {display: grid;}
#menu2 li a {color:#eee;}
.dlaczego-start-l,.dlaczego-start-r {width: 100%;padding: 20px 0;}
.stopka2-l {border-right:0;}
.banner {margin-top: 15px;}
}

.testimonials {margin: 30px auto;text-align: center;-webkit-transition: all 0.65s;transition: all 0.65s;}

.testimonials p {max-width: 820px;text-align: center;color: #fff;font-style: italic;text-shadow: 2px 2px 5px #000;}
.testimonials small {font-size: 13px;margin-top: 10px;display: block;}

.formularz {margin: 0 auto 100px;width: 86%;padding: 0 8%;text-align: left;max-width: 960px;}
.pole {padding:15px 4%;background:#ffffffe0;border:1px solid #ddd;width:100%;margin:12px 0 5px 0;font-size: 15px;color:#323232 ;font-weight:300;font-family:'Open Sans',arial,tahoma,verdana;-webkit-transition: all .75s;transition: all .75s;border-radius: 27px;}
.pole-opis {padding:16px 4%;background:#ffffffe0;border:1px solid #ddd;width:100%;float:left;margin:12px 0 5px 0;font-size: 15px;color:#323232;font-weight:300;font-family:'Open Sans',arial,tahoma,verdana;height:140px;-webkit-transition: all .75s;transition: all .75s;border-radius: 27px;}
.zakonczenie .formularz h2, .zakonczenie .formularz h3, .zakonczenie .formularz p {text-align: left;margin-left: 0;}
.pole:hover, .pole-opis:hover {background: #fff;border:1px solid #339580;}
.formularz h2 {text-align: center;margin: 120px auto 20px;}
.wyslij {border: 1px solid #005030;color: #005030;margin: 5px 0 20px;}
@media (min-width: 768px) {
  .formularz{
    border: 1px solid #eee;
  width: 50%;
  padding: 70px 5%;
  text-align: left;
  max-width: 960px;
  background: #fbfbfb;
  float: right;
}
}

#about {width: 100%;margin: 0 auto 0;max-width: 100%;position: relative;display: flex;}
.about-tlo {width: 50%;background: #f6f6f6;margin: 70px auto;position: absolute;right: 0;top: 0;height: 100%;display: none;}
.about {width: 100%;max-width: 1400px;margin: auto;}
.about-foto {background:transparent;}
.about-foto .img2 {position: relative;}
.about-opis {padding:50px 5% 20px 5%; background: #fff;}
.about-opis h2 {text-align: left;}

@media (min-width: 768px) {
#about {width: 100%;margin: 100px auto 200px;display: flex;max-width: 100%;position: relative;}
.about-tlo {width: 50%;background: #287565;margin: 100px auto 0;position: absolute;right: 0;top: 0;height: 100%;display: block;background:radial-gradient(circle at top left, #f1f5f7, #e7ebec), #ecf0f2;}
.about {width: 100%;max-width: 1600px;margin: auto;}
.about-foto {background:transparent;max-width: 600px;float: left;position: relative;}
.about-foto .img1 {position: absolute;top: 0;left: 0;}
.about-foto .img2 {position: absolute;top: 0;left: 0;z-index: 1;}
.about-foto .img1 img {max-width: 460px;margin-top: -70px;margin-left: -70px;}
.about-foto .img2 img {max-width: 460px;}
.about-opis {padding: 90px 5% 90px 4%;width: 50%;flex-direction: column;justify-content: center;align-items: center;max-width: 820px;float: left;margin: 200px 0 70px 36%;z-index: 1;position: relative;background: #ffffff;}
.about-opis h2 {text-align: left;}
.about-opis small{font-weight: 500;font-size: 80%;}
}

#pricelist {display: flex;padding: 0 2%;}
.pricelist {width: 31.333%;
  margin: 40px 1%;
  padding: 70px 3.5% 20px;
  border: 1px solid #eee;
  float: left;}

  .pricelist h3 {font-size: 1.6em;}
  .pricelist:hover {background: #f9f9f9;
    box-shadow: 0 0 50px #00000012;}

    .carousel {
      position: relative;
      clear: both;
    }
    .carousel {display: none;
      position: relative;
      clear: both;
      margin: 170px auto 0px;
      background: #f9f9f9;
      background-image: url('img/opinie_tlo.webp');background-position: center;
      background-size: cover;
      padding: 150px 0 200px;
      border-top: 1px solid #eee;
    }
    .carousel-control {opacity: .65;}
    .carousel-control:hover span {opacity: 1;text-shadow: 0 0 20px #fff;-webkit-transition: all .75s;transition: all .75s;}
    .carousel-control.right, .carousel-control.left {background-image:none;color: #fff;-webkit-transition: all .75s;transition: all .75s;}
    .carousel-control {text-shadow: none;}
    .carousel-indicators {bottom: 110px;}
    .carousel-indicators li {background-color: #ddd; border: 0 solid #444;}
    .carousel-indicators .active {background-color: #fff; border: 0 solid #444;box-shadow: 0 0 20px #fff;}
    .carousel-inner > .item {margin: 0 0 20px 0;}
    
    .signature {margin: auto;max-width: 1220px;text-align: right;}
    .signature img {max-width: 500px;width: 70%;}

    .banner_desktop {display: none;}
.banner_mobile {display: block;width: 100%;}
@media (min-width: 768px) {
.banner_desktop {display: block;width: 100%;}
.banner_mobile {display: none;}
}
@media (max-width: 768px) {
#head4 .container img {margin-top: 0;}
.carousel {margin: 170px 0 0px -4%;width: 108%;padding: 50px 4% 160px;}
.carousel-control.right, .carousel-control.left {display: none;}
}

#menu1 {display: none;}
#menu1 li a {float: right;}
.sidenav #menu1 {display: block !important;top: 30%;left: 0;right: 0;position: absolute;}
.sidenav #menu1 ul {float: none;margin: 0;list-style: none;padding: 80px 0;display: grid;text-align: right;}
.sidenav #menu1 li {padding: 0 0 0;}
.sidenav #menu1 li a, .sidenav #menu1 li:last-of-type a {border: none;
  padding: 12px 0;
  font-weight: 700;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  display: inline-block;
  font-size: 14px;
  background: transparent !important;
  text-align: center;
  width: 100%;margin: auto;}
.sidenav #menu1 li a:hover, .sidenav #menu1 li:last-of-type a:hover {color: #000;}
.sidenav #menu1 li:last-of-type a {margin: 0 auto;}
.sidenav #menu1 li img {max-width: 100%;width: 14px;margin: 13px 10px 0 0;float: left;}

#menu-mobile {display:block;bottom: 0;right: 0;left: 0;z-index: 1000;width: 100%;margin: auto;padding: 10px 0 7px;background: #fff;backdrop-filter: blur(10px);position: fixed;box-shadow:-3px 0 12px rgba(0,0,0,0.1);border-radius: 30px 30px 0 0;max-width: 400px;opacity: 0;animation: slideIn 0.75s forwards;}
@keyframes slideIn {
  from {
      opacity: 0;
      transform: translateY(55px); /* Start from -55px below the final position */
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}
#menu-mobile .menu {width: 100%;padding:0 0% 5px;max-width: 500px;margin:auto;float: none;}
#menu-mobile .menu .button {width: 20%;  padding: 2px 0 3px;float:left;text-align: center;cursor: pointer;}
/*#menu-mobile .menu .button .main, .close .button {width:90%;padding: 0 5%;transform: translate(0, -70%);cursor: pointer;}*/
#menu-mobile .menu .button .ico {width: 22%;padding: 0 0 7px;margin: 0 auto;}
#menu-mobile .menu a {text-transform: uppercase;color:#051c13;font-weight: 600;}
#menu-mobile .menu .gray span {display: block;font-size: 9.4px;  letter-spacing: 1px;}
.menu img {display:block !important;}
.mobile-menu {display: grid;}
.overlay {height: 0%;width: 100%;position: fixed;z-index: 1;bottom: 0;left: 0;background-color: rgb(37, 37, 37);background-color: #000000f0;overflow-y: hidden;transition: 0.5s;z-index: 999;}
.overlay-content {position: relative;top: 18%;width: 100%;text-align: center;margin-top: 30px;}
.overlay a {float: left;height: auto;padding: 5px 0;color: #929292 !important;font-size: 1.32em;text-decoration: none;font-weight: 600;margin: 5px auto;transition: 0.5s;font-family: 'Open Sans';}
.overlay a:hover, .overlay a:focus {color: #fff !important;}
.overlay .closebtn {position: absolute;top: 0;left: 30px;font-size: 50px;}
.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;}
#myNav {display: block;}

.sidenav {display:block;height: 100%;width: 0;position: fixed;z-index: 100;top: 0;right: 0;background-color: #fffffff9;backdrop-filter: blur(10px);overflow-x: hidden;transition: 0.5s;padding-top: 80px;}
.sidenav a {padding: 4px 0 ;text-decoration: none;font-size: 16px;display: block;transition: 0.3s;}
.sidenav a:hover {color: #aaa;border: 0;}
.sidenav .closebtn {position: absolute; top: 0;right: 25px;font-size: 42px;margin-left: 50px;color:#11406e;font-weight:300;}     

@media (min-width:1060px) {
#menu-mobile {display: none;}
#menu1 {display: block;}
}

@media (max-width:768px) {

.formularz {
  margin: auto;
  width: 100%;
  padding: 0;}
  .pole, .pole-opis {padding: 11px 4%;font-size: 13px;margin: 12px 0 10px 0;}
}


.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: .5%; 
}

.image {
  width: 32.333% !important;
  margin: 0;
  padding: 0;
}

.image img {
  width: 100%;
  height: auto;
  margin: 0;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff; /* kolor tła preloadera */
  z-index: 9999;
}

#loader {
  border: 8px solid #f3f3f375;
  border-top-width: 8px;
  border-top-style: solid;
  border-top-color: rgba(243, 243, 243, 0.46);
border-top: 8px solid #005030;
border-radius: 50%;
width: 100px;
height: 100px;
animation: spin 2s linear infinite;
position: absolute;
top: 50%;
left: 50%;
margin-top: -60px;
margin-left: -60px;
box-shadow: 0px 0px 30px #dfdfdfb2;

}

@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;}
}

/* accordion */
.accordion {color: #10121b; cursor: pointer; padding: 16px 0 !important; width: 100%; border-top: 1px solid #eaeaea; text-align: left;outline: none; font-size: .94em; transition: 0.4s; margin: 0 auto 1px auto; font-family: 'Open Sans', arial, tahoma, verdana; font-weight: 500;}
.accordion:after {content: '\002B';color: #000;font-weight: 300;float: right;}
.active-accordion:after { content: "\2212"; color: #10121b; font-weight: 300;border: none;margin: 0 5px 0 0;}
.accordion-panel { padding: 0; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.active-accordion,.accordion:hover {color: #10121b;font-weight: 500;}
.accordion-panel .pozycja {padding: 4px 4% 4px 0;}
.accordion-panel .pozycja:nth-child(even) { background: #ecf4f7;}
.accordion-panel .pozycja:first-of-type { margin: 0 0 26px;}
.accordion-panel .pozycja div {margin: 0 ;width: 98%; padding: 2px 0;font-size: 1.3em; color: #112d3e; font-weight: 300; font-family: ''Open Sans'', arial, tahoma, verdana; line-height: 1.7em; letter-spacing: 0.25px;}
.accordion-panel .pozycja div:nth-child(odd) {float: left;width: 81%;text-align: left;padding-left: 1%}
.accordion-panel .pozycja div:nth-child(even) {float: right;width: 17%;text-align: right;padding-right: 1%}
.accordion-panel div li { font-size: 1.2em !important;}
.accordion-panel a { font-size: 1.2em}
.accordion-panel li a { font-size: 1em !important; font-weight: 400}
.accordion-panel .pozycja { height: auto; min-height: 32px; justify-content: space-between;}
.accordion-panel span.right { white-space: nowrap; margin-left: 50px; font-weight: 600;}
.accordion-panel .pozycja:nth-child(even) {  background: #fbf8f6;}
.accordion:first-of-type {border: none;}
@media screen and (min-width:800px){
.accordion {color: #10121b; cursor: pointer; padding: 25px 3% !important; width: 100%; border-top: 1px solid #eaeaea; text-align: left;outline: none; font-size: 1.14em; transition: 0.4s; margin: 0 auto 1px auto; font-family: 'Open Sans', arial, tahoma, verdana; font-weight: 500;}
.accordion:after {content: '\002B';color: #000;font-weight: 300;float: right;margin: -15px 0 0 5px;font-size: 28px;padding: 6px 8px;height: 37px;}
.accordion-panel .pozycja { margin: 0; height: auto; min-height: 32px; padding: 4px 8% 4px 3%;}
.active-accordion:after { content: "\2212"; color: #10121b; font-weight: 300;border: none;margin: -15px 0px 0 5px;}
}

.wstep {padding: 5px 0;
  max-width: 960px;
  margin: auto;}
  #mapa {
    width: 100%;
    height: 350px;
    margin: 0 auto 0;
    background: #005030;
      background-image: none;
    background-image: linear-gradient(to right, #005030 , #005030);
  }
  .mapa {
    width: 100%;
    height: 350px;
    filter: grayscale(70%) contrast(100%) saturate(100%);
    mix-blend-mode: initial;
  }
  @media (min-width: 960px) {
  #mapa {width: 100%;height: 450px;margin: 0 auto;}
  .mapa {width:100%;height:450px;}
  #kontakt-mapa {float:right;width:49.95%;height:740px;margin:165px auto 170px;background: #44acc6;background-image: linear-gradient(to right, #434ec7 , #44acc6);}
  .kontakt-mapa {width:100%;height:740px;filter: grayscale(70%) contrast(100%) saturate(100%);mix-blend-mode: hard-light;padding:0}
  }
  
  .ikonki-start {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
  }
  .ikonki-start .box {
    margin: 60px auto;
    text-align: center;
    -webkit-transition: all .25s;
    transition: all .25s;
    width: 100%;
  }

  .ikonki-start .box img {
    max-width: 62px;
    width: 100%;
    margin: 0 auto 5px !important;
  border-radius: 50%;
  padding: 2px;
  }
  .ikonki-start .box h2 {
    text-align: center;
    font-size: 12.3px;
    margin: 5px auto 2px auto;
    font-weight: 700;
    color: #f0d056;
    text-transform: none;
    line-height: 22px;
    font-family: 'Open Sans',Arial,Verdana,Tahoma;
    text-transform: uppercase;
  letter-spacing: 1.6px;
  }
  .ikonki-start .box p {
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #dff0dc;
    margin: 10px auto 20px;
    line-height: 22px;
  }
  .ikonki-start .box {margin: 0;text-align: center;width:100%;padding:40px 5% 30px;float:left;background: #005030;}
    .ikonki-start .box:nth-child(2) {background: #00472b;}
    .ikonki-start .box:nth-child(3) {background: #004026;}
  @media (min-width: 1200px) {
    .ikonki-start {
      display: table;
      margin: 0 auto 0;
      max-width: 1320px;
      position: absolute;
    left: 0;
    right: 0;
    bottom: -180px;
    }
    .ikonki-start .box {
      margin: auto;
      text-align: center;
      width: 21%;
      padding: 20px 2%;
      float: left;
    }
    .ikonki-start .box {margin: 0 ;text-align: center;width:33.33%;padding:40px 3% 30px;float:left;background: #005030;}
    .ikonki-start .box img {max-width: 65px;filter: grayscale(1)brightness(1); -webkit-transition: all 0.5s; transition: all 0.5s;}
    .ikonki-start .box:hover img {filter: grayscale(0)brightness(1);}
  }

   .cytat {display: block;text-align: center;margin: 30px auto;}
   .menu-stopka {display: none;}
   @media (min-width: 1200px){
   .menu-stopka {display: block;text-align: left;margin-top: 25px;}
   .menu-stopka a {margin: 0 5px;font-weight: 500;}
   .menu-stopka a:first-of-type {margin-left: 0;}
}
.rezerwacja {display: none;}
@media (min-width: 1200px){
   .rezerwacja {display: block;position:fixed;right:30px;bottom:30px;}
   .rezerwacja img {width: 66px;
    height: 66px;
    border-radius: 50%;
    border: 2px solid #339580;
    padding: 6px;
    background: #fff;
    box-shadow: 3px 2px 11px #00000052;}
   }

 
  @media (max-width: 768px){
 .slogan {display: none;}
  #page div.content li {font-size: 1.72em;}
  #page div.content p {font-weight: 300;text-align: left;}
  #page div.content p strong {font-weight: 400;}
  #logo {padding: 20px 0 10px 0;text-align: center;float: none;}
  #szybki-kontakt {text-align: center;}
  .img1 {display: none;}
  h5 {text-align: center;}
  .telefon_top {display: none;}
  .telefon_start {margin: 20px auto;display: block;}
  .about-foto .img2 img {max-width: 410px;width: 100%;}
  #head3 {padding: 10px 0;position: absolute;}
  #logo img {max-width: 220px;}
  .slogan {bottom: 3% !important;}
  .slogan h2 {font-size: 1.9em; margin: 10px 0 20px;text-align: center;}
  .slogan h5 { margin: 50px auto 15px;text-shadow: 1px 1px 2px #000000c7;}
  .slogan h3 {display: none;}
  .stopka2 p {font-size: 12px;}
  }

  .podpis {border-top: 1px solid #eee;
    margin: 42px 0 20px 0;
    padding: 20px 8% 0;
    text-align: right;
    width: 100%;
    display: block;
    font-family: 'whisper';
    font-size: 30px;
    letter-spacing: -0.2px;
    color: #49464d;
    font-weight: 100;
    
    }
  #szybki-kontakt {background: #005030;width: 100%;padding: 50px 0;margin: 150px auto 0;text-align: center;}
  #szybki-kontakt img {width: 220px;margin: 25px 0 ;}
  #szybki-kontakt p {font-size: 13px;line-height: 24px;margin: 10px auto 10px;color: #ddd;letter-spacing: .5px;}
  #szybki-kontakt p strong {color: #fff;}
  @media (min-width: 960px){
    #szybki-kontakt {text-align: left;}
    .szybki-kontakt {display: flex;max-width: 1300px;margin: auto;}
    .szybki-kontakt div {width: 25%;}
  }

.telefon_top {font-size: 18px;font-weight: 600;color: #1d312d;float: right;margin: 36px 0 0 60px;}
.telefon_top a, .banner_ico a:hover {color: #d0aa14;text-decoration: none;}
.telefon_top img {width: 36px !important; margin:-2px 13px 0 1px !important; padding: 7px;border: 2px solid #d0aa14;border-radius: 50%; }

.map {height: 350px;}
@media (min-width: 960px){
.map {height: 450px;}
}


#kontakt-opis {width: 100%;float: none;}
@media (min-width: 960px){
  #kontakt {display: flex;max-width: 1360px;margin: auto;}
#kontakt-opis {width: 50%;float: left;}
}