/*
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:#555;font-size:0.75em;font-family:Verdana, Arial, sans-serif;}
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;}
b, strong {font-weight: 400;}
body{padding:0;background:#fff;text-align:center;}

.input, select, textarea{padding:2px;border-width:1px;border-style:solid;border-color:#6c6c6c #cccccc #cccccc #6c6c6c;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:#154a72;color:#fff;font-weight:bold;font-size:1em;font-family:Verdana;text-shadow:1px 1px #17344b;}
.submit:hover{background:#5cba42;cursor:pointer;text-shadow:1px 1px #630d2f;}
* 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;}
.hideme {opacity: 0;}

button {color: #fff;cursor: pointer;text-align: center;margin: 30px auto;padding: 12px 30px !important;font-size: 14px;font-weight: 300;font-family: 'Lato',arial,verdana,tahoma;background: #5cba42;-webkit-transition: all 0.25s;transition: all 0.25s;border-radius: 25px;border: 1px solid #5cba42;text-transform: uppercase;}
button:hover {color: #5cba42;background: #fff}
a{color:#214242;text-decoration:none;}
a:hover{color:#5cba42;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;width:100%;margin:0 auto;padding:0 0 ;max-width: 1900px;}
#body, #foot{width:100%;margin:0 auto;padding:0;}
#head1 .container, #head2 .container, #head3 .container, #foot .container{max-width:1900px;margin:0 auto;text-align:left;}
#head2 .container, #head3 .container{max-width:1900px;margin:0 auto;}
#body .container{max-width:1900px;margin:0 auto;padding: 0 0;}
#head3 {background: #777;}

/* HEADER WITH TOP MENU ABOVE LOGO */
#head1 .container{overflow:hidden;}
* html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */
.logoScroll {width:150px !important;margin-top: 14px !important;}
.fbtopScroll {margin: 13px 0 0 !important;height: 88px !important;}
.navulScroll {padding: 5px 0 10px !important;}
.head1Scroll {height: 98px !important;margin-top: -20px !important;}
.openmenuScroll {top:12px !important;}
#logo #title img, .fb-top, nav ul, #head2 .container, .open-menu {-webkit-transition: all 0.5s !important;transition: all 0.5s !important;}

/* MENU TOP 1 */
#menu1 ul{float:right;margin:8px 3px 3px 0;list-style:none;}
#menu1 li{float:left;padding:7px 0 0 20px;}
#menu1 li a{padding-right:12px;background:url('img/menu3_sub.gif') no-repeat right 5px;font-weight:bold;text-decoration:none;color:#2e6a97;text-transform:lowercase;text-shadow:0 1px 1px #dbdbdb;}
#menu1 li a:hover, #menu1 .selected a{text-decoration:underline;color:#5cba42;}

#menu1 li.lBasket{padding:0 8px 5px 20px;background:url('img/cart.png') no-repeat 20px 0;}
#menu1 li.lBasket a{position:relative;padding:2px 0 0 18px;background:none;color:#5cba42;}
#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 */
#head2{clear:both;position: fixed;top: 0;z-index: 20;width: 100%;}
#head2 .container{height:118px;background:#fff url('img/header_bg.jpg') no-repeat left bottom;overflow: hidden !important;}
#logo{float:left;padding:20px 10px 10px 5%;}
#logo #title{float:left;text-shadow:2px 2px 2px #d5d5d5;}
#logo #title a{color:#666;font:900 4em 'Lato';text-decoration:none;}
#logo #title a span{color:#5cba42;background:inherit;}
#logo #title a strong{color:#2e6996;background:inherit;}
#logo #title img {width: 227px;margin-top: 2px;}
#logo #slogan{float:left;clear:left;padding:0 0 0 15px;background:inherit;color:#164a71;font-size:1em;text-shadow:2px 2px 2px #d5d5d5;}
* html #logo #slogan{width:100%;} /* IE 6 hack */

/* HEADER WITH TOP MENU BELOW LOGO */
#head3 .container{line-height: 0;}
#head3 .container img{width: 100%;margin-top: 115px;}

/* MENU TOP 2 */
#menu2 {float: right;}
#menu2 ul{float:left;height:100%;margin:0;list-style:none;}
#menu2 li{float:left;padding:0;background: url('img/auto-kosmetyka-gliwice-menu.jpg') left center no-repeat;}
#menu2 li:hover, #menu2 .selected{}
#menu2 li.l1, #menu2 li.l1:hover, #menu2 li.l1.selected{border-left:none;}
#menu2 li a{float:left;padding:48px 0 48px 55px;color:#430d0d;font-size:1.42em;text-decoration:none;text-transform:uppercase;font-family: 'lato',Arial, Helvetica, sans-serif;font-weight: 400;}
#menu2 li a:hover, #menu2 .selected a{color:#5cba42;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;margin:0;}
#body .container{overflow:hidden;background:#fff;}

/* LEFT COLUMN STYLES */
#column{float:left;width:270px;padding:20px 0;background:url('img/body_bg.png') repeat-x left top;}
.order #column{display:none;}

#searchForm{padding:15px 5px;text-align:center;}
#searchForm label, #searchForm legend{display:none;}
#searchForm .input{width:120px;padding:3px;}
#searchForm .submit{padding:4px 10px 9px;font-size:0.917em;font-style:normal;border:0;background:#5cba42 url('img/button_bg.png') no-repeat right bottom;border-top:2px solid #faf9f9;}
*: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 20px 10px;}
#column .type{margin-top:10px;padding:5px 13px 10px;font-size:1.667em;font-weight:bold;color:#fff;background:#5cba42 url('img/menu3_bg.png') no-repeat left bottom;text-shadow:0px 1px 1px rgba(103,11,48,0.3),0px 2px 3px rgba(103,11,48,0.2),0px 3px 4px rgba(103,11,48,0.1);}

/* LEFT MENU */
#menu3 ul{padding:10px 0;list-style:none;background:#fff;}
#menu3 li{margin:0 3px;padding:4px 0 4px 13px;border-bottom:1px solid #e0e0e0;}
#menu3 a{display:block;width:100%;padding:4px 0;color:#666;font-weight:bold;text-decoration:none;background:none;text-shadow:0px 1px 1px #fff,0px 2px 3px #eee,0px 3px 4px #ddd;}
#menu3 a:hover, #menu3 .sub1 a:hover{color:#5cba42;background:none;text-decoration:underline;}
#menu3 .selected > a:first-child{color:#5cba42;background:none;}

#menu3 .sub1{margin:0;padding:0;border:0;background:none;}
#menu3 .sub1 li{padding:2px 0 2px 20px;background:url('img/menu3_sub.gif') no-repeat 7px 8px;border:0px;}
#menu3 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;}

/* RIGHT COLUMN STYLES */
#content{float:left;width:100%;padding: 0;text-align:center;}
* html #content{width:658px;} /* IE 6 hack */
.order #content{width:100%;}
#page{position:relative;width:94%;margin:0 auto;text-align:left;}
* html #page{width:100%;} /* IE 6 hack */
* html .order #page{width:94%;} /* IE 6 hack */

/* PAGE TITLE */

/* 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;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;}
#page div.content p{padding-bottom:10px;max-width: 1100px;  margin: 10px auto;}
#page div.content img {width: 100%; margin: 40px auto;}

.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:#5cba42;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{margin:20px 1%;width:23%;float: left;text-align:center;}
#content li.l1{clear:both;}
#content li.lL{margin-right:0;}
#content .imagesList li div{color: #214242;font-size: 1.62em;font-weight: 300;text-align: left;font-family: 'Lato',sans-serif,arial, verdana, tahoma;line-height: 1.5em;margin: 10px 0 80px 0;}
#content .subpagesList li img, #content .imagesList li img, #content .imagePreview img, #products li .photo img{padding:0;opacity:1;-webkit-transition: opacity 0.25s;transition: opacity 0.25s;width: 100%;-webkit-transition: all 0.65s;transition: all 0.65s;object-fit: cover;  width: 100%;  height: 250px;}
#content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img{opacity:0.78;}
/*#products li .photo img {display: none}*/

#imagesList1{float:left;margin:9px 20px 0 0;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: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%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;border-left:2px solid #e0e0e0;}
#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px 10px;padding-left:10px;}
#filesList li a{color:#5cba42;background:inherit;}
#filesList li a:hover{color:#666;background:inherit;}
#filesList img{margin:0 8px 0 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;border-radius:5px;box-shadow: 0 0 15px 1px #000;}
#quick-box .image-wrapper{position:relative;line-height:0;}
#quick-box .image-wrapper img{margin:0;padding:0;border-radius:5px;}
#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:300;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;z-index:100;font-size: 2em;width: 32px;height: 34px;}
#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{float:left;width: 30.333%;  margin: 16px 1%;  padding: 8px 0.5% 0;background:#fff;border-bottom:0 solid #dadada;}
* html #content .subpagesList li{width:100%;} /* IE 6 hack */
#content .subpagesList li .photo{float:left;margin:0 0 20px 0;width: 100%;}
#content .subpagesList li h2{padding-bottom:10px;}
#content .subpagesList li h2{color:#5cba42;font-size:1.25em;font-weight:700;background:none;margin: 10px auto 0;text-transform: uppercase;clear: both;}
#content .subpagesList li h2 a{color:#5cba42;font-size: 16px;font-weight: 400;background: none;margin: 10px auto 25px;text-transform: uppercase;display: block;letter-spacing: 0.5px;min-height: auto;}
#content .subpagesList li h2 a:hover{color:#666;background:none;text-decoration: 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: 0 5% 10px;text-align: left;font-size: 1.3em;line-height: 1.4em;}

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

/* PRODUCTS LIST */
#products{clear:both;float:left;width:96%;margin: 0;list-style:none;background: transparent;padding: 30px 2% 40px 2%;}
#products ul.list{float:left;width:100%;list-style:none;}
#products .list li{float:left;width:90%;margin:0 ;padding: 20px 7% 30px 3%;text-align:left;-webkit-transition: all 0.65s;transition: all 0.65s;border-bottom: 1px solid #ddd;}
#products .list li:nth-child(even) {background: #fafbfb}
#products .list li:last-of-type {border: none}
#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;}
#products li h2{padding: 0 0 5px;padding-left: 0px;font-weight: 400;font-size: 22px;text-align: left;margin: 0;}
#products li h2 a{text-decoration:none;color:#214242;}
#products li h2 a:hover {text-decoration:none;color:#5cba42;}
#products li span a:hover {color: #214242;}
#products li span a{text-decoration:none;color:#214242;font-size: 13px;font-weight: 700;display:none;}
#products li h2 span {display: none;}
#products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;}
#products li h3, #products li h3 a{color:#666;}
#products li h3 a:hover{color:#5cba42;}
#products li h3 em{padding:0 5px;}
#products li div.description{margin:4px 0 0;text-align:justify;}
#products li div.description p {padding: 0 0 10px 0;text-align: left;font-size: 1.366em;line-height: 1.4em;color: #214242;}
#products li div.description a{color:#666;}
#products li div.description a:hover{color:#5cba42;}
#products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;}
#products li .price, #products li .noPrice{margin:5px 0 5px 0;background-color:inherit;color:#5cba42;font-weight:400;text-decoration:none;}
#products li .price em{padding:0 6px 0 0;background:inherit;color:#666;font-style:normal;}
#products li .price strong{font-size:1.167em;}
#products li .noPrice strong{font-size: 1.2em;padding: 0 0 0 6%;}
#products li .price span{padding-left:4px;font-size:1.083em;color:#666;}
#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:right;width:100%;margin:0;padding:9px 0;border:0;background:none;text-align:right;font-size:1em;}
#products .pages li{margin:0;padding:0 2px;border:0;background:none;}
#products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;}
#products .pages .viewAll{padding-right:8px;border-right:1px solid #666;}
#products .pages .title{padding-left:8px;border:none;}
#products .pages#pagesBefore{clear:none;width:auto;}

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

/* PRODUCTS DETAILS */
#product{display:block;width:88%;margin:120px auto 0 auto;text-align:left;max-width: 1200px;}
* 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;display: none}
#product div.breadcrumb, #product div.breadcrumb a{background:inherit;color:#666;}
#product div.breadcrumb a:hover{background-color:inherit;color:#5cba42;}
#product div.breadcrumb em{padding:0 5px;}

#product #box{margin:0 0 50px auto}
#product #box form{font-weight:bold;}
#product #box #price, #product #box #noPrice{padding:7px 0;font-size:1.1em;text-align:left;width: 33%;float: right;text-transform: uppercase;font-family: 'lato';font-weight: 300}
#product #box #noPrice{color:#214242;}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;color:#5cba42;font-weight:bold;}
#product #box #available{padding:8px 2px 0;background-color:transparent;color:#666;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:#5cba42;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:#666;}
#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:#5cba42;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:#5cba42;}
#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:#666;}
#basket .del a:hover{background:inherit;color:#5cba42;}
#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:#666;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:#5cba42;}
#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:#666;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:#666;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:#5cba42;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;max-width: 1900px;  margin: 0 auto;}
#foot .container{width: 90%;padding: 17px 5% 10px;min-height: 24px;background: #0d2828;}
#foot a{background:inherit;color:#d0e4e4;text-decoration:none;font-weight:300;}
#foot a:hover{color:#fff;background:inherit;}
#foot a strong {font-weight: 700}
#copy{float:left;padding:0 25px;}
.foot{float:right;padding:0 25px;}
.foot:first-of-type{float:left;padding:0 25px;}


@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 */

/* ZMIANY */
h1 {margin: 30px auto 20px;color: #214242;font-size: 34px;line-height: 1.25em;font-weight:300;text-align: center;font-family: 'Lato',sans-serif,arial, verdana, tahoma;text-transform: uppercase;background: url('img/spa-radlin.png') no-repeat;background-position: center 1px;  padding: 58px 0 12px 0;letter-spacing: 3px;}
h2 {margin: 0px auto 40px;color: #214242;font-size: 26px;font-weight: 300;text-align: center;font-family: 'Lato',sans-serif,arial, verdana, tahoma;max-width: 880px;line-height: 1.5em}
h4 {margin: 0px auto 40px;color: #214242;font-size: 1.9em;font-weight: 300;text-align: center;font-family: 'Lato',sans-serif,arial, verdana, tahoma;max-width: 880px;line-height: 1.5em}
p {color: #214242;font-size: 17px;font-weight: 300;text-align: left;font-family: 'Lato',sans-serif,arial, verdana, tahoma;line-height: 30px}
.menu-desktop {display: none;}
.sm {text-align: left;}
.sm img {width: 18px !important;margin: 6px !important; padding: 7px;border:1px solid #00000097;border-radius: 50%;}

.img_l {width: 100%;margin: 20px auto;}
@media (min-width: 960px) {
.img_l {width: 30% !important; margin: 20px 5% 30px 0 !important; float: left !important;}
}
@media (min-width: 1200px) {
.kontakt, .menu-button {display: none;}
.menu-desktop {display:block;background: transparent;width: 100%;position: absolute;}
.menu-desktop ul {float:right;margin: 0 3% 0 0;}
.menu-desktop li {float: left;margin: 0 0;list-style: none;padding: 42px 0 18px;text-decoration: none;font-size: 15px;color: #fff;display: block;transition: 0.3s;font-family: 'Lato', Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px;}
.menu-desktop li a {color: #fff;padding: 42px 30px 22px;border-radius: 0 0 12px 12px;margin:0 2px;text-shadow: 1px 1px 3px rgba(0,0,0,0.78);-webkit-transition: all 0.5s;transition: all 0.5s;border: 1px solid transparent;}
.menu-desktop li a:hover {text-decoration: none;background: #5cba42;text-shadow: 1px 1px 3px rgba(0,0,0,0.38);border: 1px solid #ffffffa5;}
.top {top:14px !important;}
}


#page-start {position: relative;width: 100%;margin:120px auto 0 auto;text-align: center;}
.start {padding:  0 0}
.rezerwacja {position:fixed;right:10px;bottom:10px;}
#banner {width: 100%;height: 940px;position: relative;background: #333 url('img/makijaz-jastrzebie-zdroj.jpg');background-repeat:no-repeat;  background-position-x: right !important;margin: 0 auto 0 auto;overflow: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#banner-podstrona {width: 100%;height: 400px;position: relative;/*background: #333 url('img/gabinet-kosmetyczny-pszow.jpg')*/margin: 0 auto 0 auto;overflow: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.banner-slogan {position: relative;text-align: center;}
.banner-slogan {max-width:560px;width:100%;margin:0 auto 0;bottom: 0;position: absolute;left: 0;right: 0;text-align: center}
.banner-slogan h1 {margin: 25px auto 10px;color: #214242;font-size: 18px;font-weight:500;text-align: center;font-family: 'Lato',sans-serif,arial, verdana, tahoma;text-transform: uppercase;background: none;padding: 22px 0;letter-spacing: 1px;text-shadow: 1px 1px 3px rgba(255,255,255,0.48);line-height: 38px}
.banner-slogan p {margin: 0 auto 13px;color: #fff;font-size: 1.7em;font-weight:400;text-align: center;font-family: arial, verdana, tahoma;text-shadow: 5px 5px 5px rgba(0,0,0,0.66);letter-spacing: 0.65px}
.banner-slogan p strong {font-weight:700;}
.banner-slogan p strong:last-of-type {background: url('img/podkreslenie.png') no-repeat bottom center; padding: 0 5px 12px 5px;}
.banner-slogan button {margin: 5px auto 10px;color: #fff;font-size: 1.24em;font-weight:700;text-align: left;font-family: 'lato',sans-serif,arial, verdana, tahoma;z-index:10;position:absolute;text-transform: uppercase;background: none;padding: 12px 20px;line-height: 1.3em;border-bottom:1px solid #fff;border-top:1px solid #fff;cursor: pointer;-webkit-transition: all 0.5s;transition: all 0.5s;}
.banner-slogan button:hover {background: #fff;color: #5cba42}
.banner-kontakt .img-mapa {position: absolute;bottom: 177px;  right: 17px;  width: 170px;  height: 160px;z-index: 1;}
.banner-slogan .dalej {margin-bottom:120px;cursor: pointer;}
.banner-slogan .dalej:hover {box-shadow: 0 0 10px #fff;border-radius: 50%;}
.banner-slogan {-webkit-animation:animatebottom 3s;animation:animatebottom 3s}
.dalej{ position: relative;   -webkit-animation-name: dalej-animacja; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1.75s; /* Chrome, Safari, Opera */
  animation-name: dalej-animacja;
  animation-duration: 1.75s;
  animation-delay: 0s;
animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes dalej-animacja {
  0%   {left:0px; top:0px;opacity:0.82;}
  50%   {left:0px; top:25px;opacity:1;}
  100% {left:0px; top:0px;opacity:0.82;}
}
     
/* Standard syntax */
@keyframes dalej-animacja {
  0%   {left:0px; top:0px;opacity:0.82;}
  50%   {left:0px; top:25px;opacity:1;}
  100% {left:0px; top:0px;opacity:0.82;}
}

@-webkit-keyframes animatebottom{from{bottom:-500px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-500px;opacity:0} to{bottom:0px;opacity:1}}

.start-news {background: rgba(0,0,0,0.82);width: 90%;padding: 50px 5% 30px;position: absolute;bottom: 0;left: 0;}
.top {position: absolute;top:34px;left:5%;text-align: left;z-index: 1;}
.kontakt {float: right;text-align: right;padding-right: 30px;margin: 30px 25px 0 0;border-right: 1px solid rgba(255,255,255,0.5);position: absolute;top:34px;right:5%;color: #fff;font-size: 16px;line-height:24px;font-weight:300;text-shadow: 1px 1px 2px rgba(0,0,0,0.3);font-family: 'Lato',sans-serif,arial, verdana, tahoma;}
/*.menu {position: fixed;top:30px;right: 5%;max-width: 1900px;margin: 0 auto;}*/
.menu {position: fixed;top:30px;margin: 0 auto;background: transparent;width: 100%;z-index: 1;}
.menu-button {text-align: right;margin: 0 auto;padding: 0 3% 0 0;}
.menu-button img {margin-top: 46px;cursor: pointer;-webkit-transition: all 1s;transition: all 1s;box-shadow: 0px 0px 15px rgba(0,0,0,0.3);background:  rgba(0,0,0,0.2);filter: grayscale(100%) brightness(200%);}
.menu-button-img {margin-top: 10px !important;}
.menu-button img:hover {box-shadow: 0px 0px 15px rgba(255,255,255,0);filter: grayscale(0%) brightness(100%);background:  rgba(0,0,0,0);}

.start-oferta {background: #fff url('img/spa-wodzislaw.jpg') no-repeat left bottom;width: 90%;padding:0 5% 130px 5%;}
.start-oferta-kontener {max-width: 960px;margin: 0 auto;}
.start-oferta p {margin:0px auto 20px auto;max-width: 780px;text-align: center}
/*.start-oferta-blok {float: left;width: 13.166%;margin: 0 1.25% 0 1.25%;padding: 15px 0.5% 50px 0.5%;text-align: center;background: #fff;-webkit-transition: all 0.35s;transition: all 0.35s;}*/
.start-oferta-blok {float: left;width: 20%;margin: 0 1.5% 0 1.5%;padding: 15px 1% 50px;text-align: center;background: #fff;-webkit-transition: all 0.35s;transition: all 0.35s;}
.start-oferta-blok:hover {background: #fff;margin: 0 1.5% 0 1.5%;padding: 5px 1% 60px 1%;}
.start-oferta-blok h1 {color: #214242; font-size: 13px;font-family: 'Lato',sans-serif,arial, verdana, tahoma;text-transform: uppercase;font-weight: 400;background: none;margin:0 auto;padding: 14px 0 13px;letter-spacing: 1px;line-height: 1.4em;}
.start-oferta-blok h3 {display:none;color: #fff; font-size: 13px;font-family: 'Lato',sans-serif,arial, verdana, tahoma;font-weight: 300;width: 100%;padding:  0; border: 0;margin: 0 auto 20px;line-height: 1.2em;-webkit-transition: all 0.65s;transition: all 0.65s;cursor: default;letter-spacing: -0.075px;}
.start-oferta-blok h3 a {display:none;color: #5cba42; font-size: 1.1em;font-family: Arial,sans-serif,arial, verdana, tahoma;font-weight: 700;background: none;margin: 10px auto;padding: 0;text-decoration: none;-webkit-transition: all 1s;transition: all 1s;opacity:0;}
.start-oferta-blok a {text-decoration: none}
.start-oferta-blok img {/*filter: grayscale(0%) brightness(0);*/filter: grayscale(100%);opacity:0.85;-webkit-transition: all 0.25s;transition: all 0.25s;width: 90px;}
.start-oferta-blok:hover img {filter: grayscale(0%);opacity:1;} 
.start-oferta-blok:hover h3 {color: #214242}
.start-oferta-blok:hover h3 a {opacity: 0;}
.start-oferta h2 {margin-bottom: 70px;}
.start-oferta-blok:hover h1 {color: #5cba42;}


.start-banner-r {width: 49.95%;float: right;position: relative;background: #030301;min-height: 494px;text-align: center;overflow: hidden;-webkit-transition: all 0.65s;transition: all 0.65s;}
.start-banner-r-napis {position: absolute;bottom: 50px;width: 100%;-webkit-transition: all 0.65s;transition: all 0.65s;}
.start-banner-r-napis img {width: 100%;max-width: 701px;}
.start-banner-r-rog1 {position: absolute;top: 0;left: 0;-webkit-transition: all 0.65s;transition: all 0.65s;}
.start-banner-r-rog2 {position: absolute;top: 0;left: 0;-webkit-transition: all 0.65s;transition: all 0.65s;}
.start-banner-r-rog3 {position: absolute;bottom: 0;right: 0;-webkit-transition: all 0.65s;transition: all 0.65s;}
.start-banner-r .bg {-webkit-transition: all 2s;transition: all 2s;}.start-banner-r:hover .bg {transform: scale(1.1);}
.start-banner-r:hover .start-banner-r-napis {position: absolute;bottom: 90px;}
.start-banner-r:hover .start-banner-r-rog1 {position: absolute;top: 0;left: -60px;}
.start-banner-r:hover .start-banner-r-rog2 {position: absolute;top: 0;left: -85px;}
.start-banner-r:hover .start-banner-r-rog3 {position: absolute;bottom: 0;right: -40px;}

.start-dlaczego-my {padding: 100px 5%;background: #fff;width: 90%;}
.start-dlaczego-my p {float:left;width: 34%; padding: 0 4.5% 0 11%;margin:20px 0}
.start-dlaczego-my p:first-of-type {text-align: right}
.start-dlaczego-my p:last-of-type {border-left: 1px solid #b1b1b1;padding: 0 11% 0 4.5%}
.start-dlaczego-my button {color: #5cba42; font-size: 1.2em;border-top: 2px solid #5cba42;border-bottom: 2px solid #5cba42;font-family: 'Lato',sans-serif,arial, verdana, tahoma;text-transform: uppercase;font-weight: 900;background: none;margin:25px auto 0 auto;padding: 12px 20px 10px;letter-spacing: 0.5px;cursor: pointer;-webkit-transition: all 0.25s;transition: all 0.25s;}
.start-dlaczego-my button:hover {color:#fff;background: #5cba42}

#start-opinie {background: #000 url('img/gabinet-kosmetyczny-raciborz.jpg') center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;width: 100%;}
.start-opinie {padding: 150px 5%;width: 90%;background-image: radial-gradient(rgba(0,0,0,0.31), rgba(0,0,0,1));text-align: center;}
.start-opinie p {margin: 20px auto 30px;max-width: 820px;text-align: center;color:#fff;font-size: 25px;line-height: 42px;text-transform: uppercase}
.start-opinie h1 {color:#fff}
.start-opinie small {color: #fff;font-size: 1.35em;font-weight: 400;text-align: center;font-family: 'Lato',sans-serif,arial, verdana, tahoma;line-height: 1.5em;display: block;  margin: 10px auto;}
.start-opinie small strong {font-weight: 700}
.start-opinie small img {margin: 10px 12px 5px 12px;}
.start-opinie img {margin: 20px 10px 0 10px;}

.start-galeria {width: 100%;background: #fff;line-height: 0;}
.start-galeria-block {width: 16.6%;float: left;background: #000;margin: 0 0.03%;}
.start-galeria img {opacity: 0.6;width: 100%;-webkit-transition: all 0.65s;transition: all 0.65s;}
.start-galeria img:hover {opacity: 1;}


.start-mapka {width: 100%;padding: 0;background: #fff url('img/revital-spa.jpg') center bottom no-repeat;height: 600px;position: relative;border-bottom: 1px solid #fff;}
.start-loga {width: 60%;float: left;background: #fff;position: absolute;top:0;left:10%;height: 133px;}
.start-loga img {width: 16%;padding: 0 2%;filter: grayscale(80%);opacity:0.36;-webkit-transition: all 0.25s;transition: all 0.25s;}
.start-loga img:hover {filter: grayscale(0%);opacity:1;}
.mapa-link {width: 100%;height: 467px;top: 133px;  position: absolute;}
.mapa {line-height: 0;margin-top: 80px;}

.stopka {background: #eaeaea;background-image: radial-gradient(#fff, #eaeaea, #eaeaea);padding: 120px 0 0;max-width: 1900px;margin: 0 auto;position: relative;border-top: 1px solid #eee;}
.stopka img {text-align: left;float: left;position: absolute;  left: 5%;  bottom: 80px;cursor: pointer;}
.stopka-linki {clear: both;}
.stopka-blok {padding: 20px 30px 40px 60px;text-align: left;border-left: 1px solid #b1b1b1;float: right;height: 90px;width: 290px;}
.stopka-blok p, .stopka-blok a {font-size: 1.0em;color:#214242;font-family: verdana,arial,tahoma;line-height: 1.72em;margin: 6px 0 !important;}
.stopka-blok a:hover {color: #5cba42;text-decoration: none}
.stopka-blok p strong {font-weight: 700;}
.stopka-blok p sup {font-size: 0.66em}
.fb-top {float: right;margin:0 0 0;opacity: 1;-webkit-transition: opacity 0.25s;transition: opacity 0.25s;height: 118px;}
.fb-top:hover {opacity: 0.6;}


.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}
.animate-fading2{animation:fading 4s infinite}@keyframes fading2{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}

.galeria-blok-l {float:left;width:48.2%;padding:50px 0.9% 20px;text-align: left !important}
.galeria-blok-l a:first-of-type {margin:0 0 25px;text-align:left;float:left;width:100%}
.galeria-blok-l a {width:50%;-webkit-transition: all 0.65s;transition: all 0.65s;}
.galeria-blok-l a:last-of-type {text-align: right;float: right;}

.galeria-blok-r {float: left;width:23.2%;padding:50px 0.9% 20px;text-align: left !important}
.galeria-blok-r img {margin:0 0 25px;text-align:left;float:left;width:100%;opacity: 1;-webkit-transition: all 0.65s;transition: all 0.65s;}
.galeria-blok-r img:hover, .galeria-blok-l a:hover {opacity: 0.72;}


.podstrona-oferta {width: 90%;padding: 0 5% 0 5%;}
.podstrona-oferta-kontener {max-width: 1550px;margin: 150px auto 0 auto;}
.podstrona-oferta p {float:left;width: 35%; padding: 0 4.5% 0 10%;display: none}
.podstrona-oferta p:first-of-type {text-align: right}
.podstrona-oferta p:last-of-type {border-left: 1px solid #b1b1b1;padding: 0 10% 0 4.5%}
.podstrona-oferta-blok {float: left;width: 18%;margin: 0 1% 0 1%;text-align: center}
.podstrona-oferta-blok h1 {color: #5cba42; font-size: 1.22em;font-family: 'Lato',sans-serif,arial, verdana, tahoma;text-transform: uppercase;font-weight: 900;background: none;margin:0 auto;padding: 20px 0 10px;letter-spacing: 0.5px}
.podstrona-oferta-blok h3 {color: #214242; font-size: 1.25em;font-family: 'Lato',sans-serif,arial, verdana, tahoma;font-weight: 300;width: 100%;padding:  0; border: 0;margin: 0 auto 20px;line-height: 1.2em;opacity:0;-webkit-transition: all 0.65s;transition: all 0.65s;}
.podstrona-oferta-blok h3 a {color: #5cba42; font-size: 0.9em;font-family: Arial,sans-serif,arial, verdana, tahoma;font-weight: 700;background: none;margin: 10px auto;padding: 0;text-decoration: none;-webkit-transition: all 1s;transition: all 1s;}
.podstrona-oferta-blok a {text-decoration: none}
.podstrona-oferta-blok img {filter: grayscale(100%);opacity:0.78;-webkit-transition: all 0.25s;transition: all 0.25s;} .podstrona-oferta-blok:hover img {filter: grayscale(0%);opacity:1}
.podstrona-oferta-blok h1 {filter: grayscale(100%);-webkit-transition: all 0.25s;transition: all 0.25s;} .podstrona-oferta-blok:hover h1 {filter: grayscale(0%)}
.podstrona-oferta-blok:hover h3, .podstrona-oferta-blok:hover a {opacity: 1;}
.podstrona-oferta h2 {margin-bottom: 70px;}

#loader-wrapper {position: fixed;top: 0; bottom: 0;left: 0;right: 0;z-index: 1000;background: #fdfdfd;background-image: radial-gradient(#fdfdfd, #b1b4bd);display: none;}
.load {position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);width: 50px;height: 50px;}
.load hr {border: 0;margin: 0;width: 40%;height: 40%;position: absolute;border-radius: 50%;animation: spin 2s ease infinite;}
.load :first-child {background: #5cba42;animation-delay: -1.5s;}
.load :nth-child(2) {background: #214242;animation-delay: -1s;}
.load :nth-child(3) {background: #5cba42;animation-delay: -0.5s;}
.load :last-child {background: #214242;}
@keyframes spin {0%, 100% {transform: translate(0)}25% {transform: translate(160%)}50% {transform: translate(160%, 160%)}75% {transform: translate(0, 160%)}}
.js .load, .js #loader-wrapper { display: block;}
.logo-start {margin: 150px auto 0 auto;text-align:center;}


/*
.open-menu {display:none;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 21;top: 0;right: 0;background-color: rgba(0, 29, 29, 0.95);overflow-x: hidden;transition: 0.5s;padding-top: 60px;text-align:center;}
.sidenav ul {width: 600px;float: right;list-style:none;}
.sidenav li {text-align: right;padding: 0 10% 0 0;}
.sidenav a {padding: 15px 10% 15px 0;text-decoration: none;font-size: 22px;color: #fff;display: block;transition: 0.3s;font-family: 'Lato', Arial, Helvetica, sans-serif;text-transform: uppercase;}
.sidenav a:hover{color: #5cba42;background: #fff}
.sidenav .closebtn {position: absolute;top: 0px;right: 5px;font-size: 6em;margin-right: 0;padding: 0 17px;font-weight: 300;}
.sidenav-kontakt {float: right;padding: 50px 20% 0 0}
.sidenav-kontakt p {color: #fff;text-align: right;margin: 12px 0;}*/

.open-menu {display:none;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 21;top: 0;right: 0;background-color: rgba(0, 29, 29, 0.95);overflow-x: hidden;transition: 0.5s;padding-top: 110px;text-align:center;}
.sidenav ul {width: 600px;float: left;list-style:none;}
.sidenav li {text-align: left;padding: 0 0 0 5%;}
.sidenav a {padding: 15px 0 15px 5%;text-decoration: none;font-size: 19px;color: #fff;display: block;transition: 0.3s;font-family: 'Lato', Arial, Helvetica, sans-serif;text-transform: uppercase;}
.sidenav a:hover{color: #5cba42;background: #fff}
.sidenav .closebtn {position: absolute;top: 0px;right: 5px;font-size: 6em;margin-right: 0;padding: 0 17px;font-weight: 300;}
.sidenav-kontakt {float: left;padding: 50px 0 0 20%;}
.sidenav-kontakt p {color: #fff;text-align: left;margin: 12px 0;  font-size: 15px !important;}



.pole-lewe-td{float:left;width:50%;text-align:left;}
  .pole-prawe-td{float:right;width:50%;text-align:right;}
  .pole-razem-td{clear:both;width:100%;text-align:left;}
  .pole {border-radius: 25px;font-size:20px; border:1px solid #f0edeb;border-top:1px solid #d4cfcc;width:70%;height:28px;padding:12px 4%;margin:10px 0 3px 0;background:#fff;color:#888;font-family:'Lato', arial, tahoma, verdana;-webkit-transition: border 0.7s; transition: border 0.7s;font-weight: 300;color:#3c312d}
  .pole-opis {border-radius: 25px;font-size:20px; border:1px solid #f0edeb;border-top:1px solid #d4cfcc;width:70%;height:84px;padding:12px 4%;margin: 18px 0 0 0;background:#fff;color:#888;font-family:'Lato', arial, tahoma, verdana;-webkit-transition: border 0.7s; transition: border 0.7s;font-weight: 300;color:#3c312d}
  .wyslij{border-radius: 25px;float: right;color: #fff; background: #5cba42; text-align: center; margin: 0 auto 100px;  padding: 15px 40px;font-size: 15px; font-weight: 400; font-family: 'Lato',arial,verdana,tahoma;cursor:pointer;border:1px solid #5cba42;-webkit-transition: background 0.7s; transition: background 0.7s;text-transform: uppercase}
  .wyslij:hover{background:#fff;-webkit-transition: background 0.7s; transition: background 0.7s;border: 1px solid #5cba42;color:#5cba42;}
.zgoda {width: 77%;display: block;float: right;font-size: 9px;line-height: 13px;color: #888;letter-spacing: -0.4px;margin: 12px 0 20px;text-align: justify;}
 
.pole:hover{border:1px solid #d4cfcc;border-bottom:1px solid #5cba42;}
.pole-opis:hover{border:1px solid #d4cfcc;border-bottom:1px solid #5cba42;}
.kontakt-l, .kontakt-l div{float:left;width:50%; padding:0 0 0 0;margin-top:20px;}
.kontakt-l p sup {font-size:0.6em;}
.kontakt-r{float:right;width:50%;margin:10px 0 0 0;text-align: right;}
.banner-mob, .start-bannery-mob, .rezerwacja-mobile {display: none}

@media (max-width: 1440px) {
  .fb-top, #menu2, #do-gory, .start-oferta-blok h3 {display: none}
  #content .subpagesList li {  float: left;  width: 46%;  margin: 16px 1%;  padding: 8px 1% 0;}
  .stopka {padding: 60px 0 70px 0;}
  .stopka-blok {padding: 20px 1.5% 40px 1.5%;text-align: center;border-left: 0;width: 30%;}
  .stopka-blok p {text-align: center}
.start-loga {width: 70%;}
#products {width: 100%; padding: 0;}
    #products .list li {width: 90%;}
  
}

@media (max-width: 1200px) {
  .start-loga {width: 80%;}
}


@media (max-width: 1000px) {
  #products {width: 100%; padding: 0;}
  #products .list li {width: 90%;}
    .start-opinie img, .start-galeria, .start-mapka, .dalej {display: none}
    .start-dlaczego-my p:last-of-type, .start-dlaczego-my p {border: 0;padding: 0;width: 100%;text-align: center !important;}
    .start-oferta {background: #fff;background-image: none;}
    .start-loga {padding: 20px 0 !important;height: 80px !important;width: 100% !important;}
    #page, #podstrona {width: 88% !important;padding: 90px 6% 40px !important;}
    #content .imagesList li {margin: 10px 1%;width: 31.333%;float: left;text-align: center;}
    #product {padding-bottom:100px !important;}
    #banner {height: 940px;}
    .banner-slogan {margin: 280px auto 0;}
}

@media (max-width: 800px) {
.stopka-blok {  padding: 0px 5% 0 5%;height:auto;text-align: center;border-left: 0;width: 90%;}
.banner-slogan h1, .rezerwacja {display: none}
.stopka-blok:nth-of-type(2) p:first-of-type, .stopka-blok:nth-of-type(3) p:first-of-type {display: block}
.foot, .foot:last-of-type, .foot:first-of-type {padding: 5px 0;float: none;width: 100%;text-align: center;}
.start-oferta-blok, .start-oferta-blok:hover {float: left;width: 22.333%;margin: 0 5%;padding: 15px 0.5% 50px 0.5%;}
.kontakt-l, .kontakt-r {float: none;width: 100%;padding: 0 0 0 0;margin-top: 20px;text-align: left}
.pole, .pole-opis {width:91%}
.zgoda {width: 100%;}
.wyslij {float: left;margin: 10px auto 20px;}
.kontakt-l p {text-align: center !important;}
.rezerwacja-mobile {position:fixed;bottom:10px;right:10px;display:block;}
#banner {height: 780px;}
    .banner-slogan {margin: 250px auto 0;}

}

@media (max-width: 600px) {
  
    #foot .container {width: 90%;padding: 21px 5% 20px;}
    .start-oferta-blok, .start-oferta-blok:hover {float: left;width: 40%;margin: 0 5%;padding: 15px 0 50px 0;}
    .kontakt, .start-loga, .start-news, .banner-slogan h1, .dalej {display: none}
    .sidenav li {padding: 0;}
    .sidenav-kontakt {padding: 50px 0 0 5%;width: 95%;display: block;}
    #content .imagesList li {margin: 0 0 30px 0 !important;width: 100%;}
    #banner {height: 650px;}
    #banner {width: 100%;height: 650px;position: relative;background: #333 url('img/gabinet-kosmetyczny-jastrzebie-mobile.jpg');background-repeat:no-repeat;  background-position-x: right !important;margin: 0 auto 0 auto;overflow: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
    .banner-slogan img {max-width: 220px;}
    .banner-slogan {margin: 10px auto 50px;}
    #content .subpagesList li {width: 90% !important;margin: 16px 5% !important;}
    .start-oferta-blok, .start-oferta-blok:hover {float: left;width: 39%;margin: 0 5%;padding: 0 0.5% 50px 0.5%;}
h1 {font-size:28px;}
}


/*cookies*/
  #cookie-banner {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 90%;
      background: #111111d6;
      backdrop-filter: blur(10px);
      color: #fff;
      padding: 20px 5%;
      z-index: 9999;
      display: none;
      font-family: 'Lato', sans-serif;
      font-size: 14px;
    }

    .cookie-content {
      max-width: 1200px;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    .cookie-text {
      flex: 1 1 70%;
      line-height: 1.6;
      font-weight: 300;
      text-align: left;
    }

    .cookie-text a {
      color: #fff;
      text-decoration: underline;
    }

    .cookie-buttons {
      flex: 1 1 30%;
      text-align: right;
      display: flex;
      gap: 10px;
    }

    .cookie-buttons button {
      padding: 10px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-weight: 600;
      margin: 0;
    }

    #accept-cookies {
      background: #fff;font-size: 12px;
      color: #5cba42;transition: all 0.3s;
    }

    #decline-cookies {
      background: #666;font-size: 12px;
      transition: all 0.3s;
      color: #ccc;
    }
     #accept-cookies:hover {box-shadow: 0 0 12px #5cba42;color: #5cba42;}
#decline-cookies:hover{background: #999;color:#fff}
    @media (max-width: 768px) {
      .cookie-buttons {
        flex: 1 1 100%;
        justify-content: flex-start;
      }
      .cookie-text {font-size: 10px;}
      .cookie-buttons button {padding: 7px 18px;letter-spacing: 0.2px;margin: 0;}
      #accept-cookies, #decline-cookies {font-size: 10px;}
    }